<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     default_modern
 * @copyright   Copyright (c) 2009 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/* Widgets =============================================================================== */
.widget { display:inline; }
.widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; }
.widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; }

.widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; }
.widget .mini-products-images-list li.item { float:left; width:77px; height:77px; border:0 !important; padding:5px 9px !important; }

/* Widget: Catalog New Proructs List */
.widget-new-products { display:block; }
.col-main .widget-new-products { margin:7px 0; }
.widget-new-products .products-grid .product-image,
.widget-new-products .products-list .product-image { width:85px; height:85px; }
.widget-new-products .products-list .product-shop { margin-left:100px; }

/* Widget: Recently Viewed Proructs */
.widget-viewed { display:block; }
.col-main .widget-viewed { margin:7px 0; }
.widget-viewed .products-grid .product-image,
.widget-viewed .products-list .product-image { width:85px; height:85px; }
.widget-viewed .products-list .product-shop { margin-left:100px; }

/* Widget: Recently Compared Proructs */
.widget-compared { display:block;}
.col-main .widget-compared { margin:7px 0; }
.widget-compared .products-grid .product-image,
.widget-compared .products-list .product-image { width:85px; height:85px; }
.widget-compared .products-list .product-shop { margin-left:100px; }

/* Widget: CMS Static Block */
.widget-static-block {}
.sidebar .widget-static-block { display:block; margin:0 0 15px; }

/* Widgets: Links Common Styles */
.top-container .widget a { padding:0 0 0 7px; }

.bottom-container .widget a { padding:0 3px; }

/* Widget: Catalog Product Link */
.widget-product-link-inline { display:inline; }

.col-main .widget-product-link { display:block; font-size:12px; text-align:right; margin:7px 0; }
.col-main .widget-product-link a { background:url(https://www.gardenello.com.ua/skin/frontend/gardenello/default/images/widgets/i_widget-link.gif) 100% 3px no-repeat; padding-right:15px; }

.sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-product-link a { background:url(https://www.gardenello.com.ua/skin/frontend/gardenello/default/images/widgets/i_widget-link.gif) 100% 3px no-repeat; padding:0 15px 0 0; }

/* Widget: Catalog Category Link */
.widget-category-link-inline { display:inline; }

.col-main .widget-category-link { display:block; font-size:12px; text-align:right; margin:7px 0; }
.col-main .widget-category-link a { background:url(https://www.gardenello.com.ua/skin/frontend/gardenello/default/images/widgets/i_widget-link.gif) 100% 3px no-repeat; padding-right:15px; }

.sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-category-link a { background:url(https://www.gardenello.com.ua/skin/frontend/gardenello/default/images/widgets/i_widget-link.gif) 100% 3px no-repeat; padding:0 15px 0 0; }

/* Widget: CMS Page Link */
.widget-cms-link-inline { display:inline; }

.col-main .widget-cms-link { display:block; font-size:12px; text-align:right; margin:7px 0; }
.col-main .widget-cms-link a { background:url(https://www.gardenello.com.ua/skin/frontend/gardenello/default/images/widgets/i_widget-link.gif) 100% 3px no-repeat; padding-right:15px; }

.sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-cms-link a { background:url(https://www.gardenello.com.ua/skin/frontend/gardenello/default/images/widgets/i_widget-link.gif) 100% 3px no-repeat; padding:0 15px 0 0; }
/* ======================================================================================= */

/* ========================================
	HEADER
=============================================== */

.message_promo , .message_regular {
	width: 100%;
	font-size: 13pt;
	/* font-weight:bold; */
	float: left;
	padding: 3px;
	min-width: 1008px;
}

.message_promo span {
	margin: 0 120px 0 80px;
}
	


#boxes {
	position: fixed;
	max-width: 300px;
	background: #F74;
	top: 50%;
	left: 35%;
	z-index: 999999;
	border: 7px solid #000;
	padding: 15px;
	border-radius: 20px;
	font-size: 18px;
	display: none;
}

#mask {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #666;
	z-index: 99999;
	display: none;
}

.logo strong { display: none; }	
	.header {
    margin-bottom: 15px;
	
}
	.logo {
	}
	.header-left {
		float: left;
	
		margin-left: 15px;
}
	.header-right {
		float: left;
		margin: 0 0 0 30px;
	
		position: relative;
}
	.header-tight-top {
    float: none;
	
    min-height: 25px;
}
	.header-showroom {
		position: absolute;
		top:0;
		left: 350px;
		padding:0;
		width:108px;
		height:35px;
		color: #fff;
		border-color: #c23027;
		line-height:34px;
		text-align:center;	
		font-weight: bold;
		/* border-bottom: 2px solid;  border-left: 2px solid;  border-right: 2px solid; */
		text-decoration: none;
		background: #c23027;
		-webkit-transition: background .3s;
		-o-transition: background .3s;
		transition: background .3s;
}
	.header-showroom:hover {
		background:#598701;
		color:#fff;

	}

	.header-fb {
		position: absolute;
		top:0;
		left: 458px;
		padding:0;
		width:108px;
		height:35px;
		background: rgba(72,103,170,1) url(https://www.gardenello.com.ua/skin/frontend/gardenello/default/images/featured_facebook.jpg) no-repeat center center;
		background-size: 70%;
		opacity: 1;
		-webkit-transition: opacity .3s;
		-o-transition: opacity .3s;
		transition: opacity .3s;
	}

	.header-fb:hover {
		opacity: .8;
	}
	.header-top-menu {
		color:#1c1c1c;
		margin-top: 10px;
}

	.header-top-menu li {
		display: inline;
	
		margin-right: 10px;
}
.header-top-menu a {
    text-decoration: none;
}

.header-top-menu a:hover {
    text-decoration: underline;
}

.header-tight-bottom {
    float: none;
	
    margin-top: 25px;
}
	.header-tight-bottom select {
		width:220px;
		height:22px;
		cursor:pointer;
		padding:3px 15px;
		position:relative;
		left:-5px;
		background:transparent;
		border:0;
		border-radius:0;
		display:block;
	}
	.header-tight-bottom select option {
		padding:8px 15px;
	}
	#search_mini_form {
		display:block;
		white-space:nowrap;

		position: absolute;
}
.form-search label {
     display: none;
}

.form-search input.input-text {
     float:left;
     width: 130px;
     padding-left: 5px;
     background: transparent;
     height: 19px;
     margin-right: 5px;
}

.form-search button.button {
     float:left;
}

.form-search button.button span {
     height:23px;
     background-image:url(https://www.gardenello.com.ua/skin/frontend/gardenello/default/images/bkg_btn-small.png);
     line-height:21px;
}

.form-search .search-autocomplete {
     z-index:999;
}

.form-search .search-autocomplete li {
     text-align:left;
     padding:2px 8px 1px 8px;
     cursor:pointer;
}

.form-search .search-autocomplete li .amount {
     float:right;
     font-weight:bold;
}	.header_brends {
	
		position: absolute;
		left: 210px;
}

.cartblock {
    position: absolute;
    left: 491px;
}

.cartblock &gt; a{
	width: 170px;
	height:55px;
	display:block;
	background: url(https://www.gardenello.com.ua/skin/frontend/gardenello/default/images/new/cart.png) no-repeat;
	text-decoration:none;
}

.not_empty &gt; a{
	width:170px;
	height: 45px;
	display:block;
	background: url(https://www.gardenello.com.ua/skin/frontend/gardenello/default/images/new/full_cart.png) no-repeat;
	text-decoration:none;
}

.carttitle{
	
	font-size: 24px;
	line-height: 21px;
	margin-left: 74px;
}

.cnt{
	width: 64px;
	font-size: 17px;
	
	float:left;
	text-align:center;
	margin-top: 6px;
}

.chekout_link &gt; a{
	
	font-size: 13px;
	font-weight:bold;
}

.chekout_link{
	float: right;
	margin-top: -11px;
	line-height: 0px;
}
	.header_phone {
		font-size:17px;
		text-align:center;
		line-height:1;
	
		position: absolute;
		left: 230px;
		width: 220px;
		white-space: nowrap;
}
	.header_phone .phone {
		font-size:25px;
		color: #412212;
	
}
	.header_phone .help {
		color:#525051;
		font-size: 14px;
		margin-top: 6px;
}

	.header_phone .help span {
		border-bottom: 1px dashed #525051;
		cursor: help;	
}

/* ========================================
	FOOTER
=============================================== */


.footer {
	width:1008px;
	margin:0 auto;
}

.footer_header{
	font-size:15px;
	white-space: nowrap;
	font-weight: bold;
}

.footer_subheader{
	font-size:13px;
}

.footer_phone{
	margin: 5px auto;
}

.footer_phone td {
	padding: 0 5px 0 5px;
	font-weight: bold;
}

.bsns_time{
	margin-left: 20px;
}

.footer .contacts{
	margin-top:19px;
	font-size: 13px;
}

.footer_info{
	margin-top: 10px;
}

.address{
	margin-top:20px;
}

.col2{
	width:255px;
	margin-left:25px;
	float:left;
	height:205px;
}

.col3{
	width:190px;
	margin-left:30px;
	float:left;
	height:205px;
}

.col4{
	width:140px;
	margin-left:30px;
	float:left;
	height:205px;
}

.col2&gt;span,.col3&gt;span, .col4&gt;span{
	display:block;
	float: none;
	text-align:left;
}

.footer-block {
	float: none;
	margin-top: 9px;
	text-align: left;
}

.col3 .footer-block a{
	min-width:190px;
	
	font-size:14px;
}

.col4 .footer-block a{
	min-width:140px;
	
	font-size:14px;
}

.col3 .footer-block a span, .col4 .footer-block a span{
	text-decoration:underline;
}

 .category-head h2 {
      font-weight: normal;
}

 .top_hours{
	width:130px !Important;
	height:auto;
	display:block;
	float:left;
}

 .top_bsn_hours{
	float:right !important;
}

/* ========================================
	HOMEPAGE LAYOUT
=============================================== */
.homenav h2{
	font-weight: bold;
	font-size: 17pt;
	margin-top: 15px;
	margin-bottom: 5px;
}

.homenav h2:first-child {
	margin-top: 0;
}

.homenav li {
	margin-bottom: 7px
}

.home-payments {
	margin-top: 30px;
}

.col-main .home {
	margin-top: 10px;
	color: #666;
}

.main {
	position: relative;
}

.home-block {
	/*margin-bottom: 45px;*/
}

.home .brands ul {
	text-align: center;
	padding-top: 10px;
}
.home .brands li {
	margin-right: 20px;
	margin-left: 20px;
	display: inline;
}

.home .brands li.first{
	margin-left: 0;
}

.home .brands li.last{
	margin-right: 0;
}

.home .brands .show-all {
	float: right;
	margin-top: 25px;
	text-decoration: none;
	font-size: 15px;
}

.col-main .home h2 {
	font-weight: bold;
	text-align: center;
	font-size: 17pt;
}

.home .category-moreinfo {
	position: absolute;
	bottom: 0;
	left: 0;
}

.home .recent {
	text-align: center;
}

.home .recent .products-grid {
	display: inline-block;
	margin-top: 0;
}

.home .label-category-container .text-label {
	font-size: 11px !important;
}


/* ========================================
	SUBCATEGORIES IMAGES
=============================================== */

.easycatalogimg {
	margin-top: 0x;
	margin-bottom: 0;
}

.home .easycatalogimg ul {
	margin-bottom: 50px
}

.home .easycatalogimg ul.last {
	margin-bottom: 0px;
}
.home .easycatalogimg .parent-category {
	height: 45px;
}

.easycatalogimg .parent-category {
	height: 75px;
	display: block;
	text-align: center;
	font-size: 18px;
	line-height: 1.5;
	
}

.easycatalogimg a {
	text-decoration: none;
}

/* ========================================
	MISCELLANEOUS
=============================================== */

.category-tovary-v-shourume .category-title {
	margin: 0;
}

.category-tovary-v-shourume .category-title h1 {
	color: white;
	background: #8DC02C;
	padding: 25px;
	text-align: center;
	margin: 0;
}

/* ========================================
	SALE PAGE
=============================================== */
/*
.category-skidki .category-title { display: none; }

 .category-skidki .hero h2 {
	color: white;
	margin-bottom: -7px;
	font-size: 100px;
	opacity: 1;
	text-shadow: 2px 2px 10px #c23027;
}

 .category-skidki h2 strong { color:#c23027; text-shadow: 2px 2px 10px #fff;}

 .category-skidki .hero h3 {
	 font-size: 70px;
	 color:white;
 
	 text-shadow: 2px 2px 2px #412212;
	 margin-bottom: 0;
}


.category-skidki  .hero { margin-bottom: 30px; padding: 40px 50px 40px 50px; background:url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/images/sale-background.jpg') no-repeat; }

.category-skidki .category-description ul {
    list-style: circle;
    padding-left: 1.5em;
    font-size: 18px;
	min-width: 40%;
	float: left;
	margin-left: 15px;
	font-size: 21px;
}

.category-skidki .category-description {margin-bottom:0;}

.category-skidki .category-benefits { display: none; }

.category-skidki ul.products-grid { border-bottom: 1px dashed #ddd; }

.category-skidki .products-grid li.item { margin: 25px 22px 55px 22px; }
.category-skidki .products-grid li.item.last { margin-right: 0; float: right;}
.category-skidki .products-grid li.item.first { margin-left: 0; }

.category-skidki .products-grid .product-name { font-size: 24px; text-align: center;}

.category-skidki .image-container .bottom-right .text-label { font-size: 15px !important; padding: 8px 10px !important; margin-bottom: 270px !important;}

.category-skidki .products-grid  .more-views { min-height: 80px; text-align: center; margin-top: 5px; }

.category-skidki .products-grid .price-box { text-align: center; margin-bottom: 35px; margin-top: 25px;}
.category-skidki .products-grid .price-box .special-price { float: none; margin-left: 10px; }
.category-skidki .products-grid .price-box .old-price .price { font-size: 25px; }
.category-skidki .products-grid .price-box .special-price .price { font-size: 22px; }
.category-skidki .products-grid .configicon { margin-top: 0.25em; float: none; margin-left: 10px;}

.category-skidki .products-grid .image-container { text-align: center; }
.category-skidki .products-grid button.button { float: none; }
.category-skidki .products-grid button.button span {}
*/

.prod-17229 .top-left .text-label {
    display: none;
}

.prod-17229 .top-left:after {
    color: #FFFFFF;
    
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;
    padding: 9px 2px;
    text-align: center;
    font-size: 14px;
    color: white;
    background: #c23027;
    padding: 4px 10px;
    margin-top: 35px;
    position: absolute;
    content: 'ГђВЎГђЕЎГђЛњГђвЂќГђЕЎГђВђ -50%';
	white-space: nowrap;
}

/*  showroom  map  */

.showroom-img {
	width: 300px;
	float: right;
	margin: 20px 0 0;
}
.showroom-text {
	width: 426px;
	float: right;
}

.showroom-img img {
	width: 300px;
	border: 1px solid #6a605f;
}
.showroom-img a {
	line-height: 50px;
	color: #94a459;
	margin: 20px 0;
	letter-spacing: 0.05em;
	
}

.showroom-text {
	padding: 0 0 0 20px;
  	box-sizing: border-box;
}


.sale-img img {
	max-width: 100%;
	width: 80%;
	margin: 0 10%;
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
   }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure {
    /* The shadow behind the image */ }
    .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }
/**
 * aheadWorks Co.
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the EULA
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://ecommerce.aheadworks.com/LICENSE-M1.txt
 *
 * @category   AW
 * @package    AW_Autorelated
 * @copyright  Copyright (c) 2011 aheadWorks Co. (http://www.aheadworks.com)
 * @license    http://ecommerce.aheadworks.com/LICENSE-M1.txt
*/
.block1 { background: #fff;  width:100%; margin:0 0 15px; line-height:1.35;padding-right: 0px;}
.block1 .block-title {  background: #3D0274; padding: 10px 8px 8px 20px; margin-right: 0px; }
.block1 .block-title strong { display:block; font:16px 'Open Sans Condensed', sans-serif; color:#fff; }
.block1 .block-title a { text-decoration:none !important; }
.aw-arp-item1 {
    text-align: center;
    width: 171px;
    min-height: 171px;
    display: -moz-inline-stack;
    display: inline-block !important;
    vertical-align: top;
    margin: 5px;
    zoom: 1;
    *display: inline !important;
    _height: 250px;
    margin-bottom:20px;
}
.aw-arp-item1 img{border: 1px solid #A9A9A9;width:170px;}


.aw-arp-item {
    text-align: center;
    width: 100px;
    min-height: 100px;
    display: -moz-inline-stack;
    display: inline-block !important;
    vertical-align: top;
    margin: 5px;
    zoom: 1;
    *display: inline !important;
    _height: 250px;
    margin-bottom:20px;
}
.aw-arp-block-content .aw-arp-addtocart&gt;p {
    margin-bottom: 5px;
}

.aw-arp-product-item{margin:0 0 20px;}
.aw-arp-item-photo{float:left;margin-right:10px;}
.aw-arp-item-photo img{border: 1px solid #A9A9A9;width:75px;}
.aw-arp-item-text{margin-left:85px;}

.footer .aw-arp-block-content li{
    display: inline-block !important;
    *display: inline !important;
}
.footer .aw-arp-block-content a{
    color: #1E7EC8;
}

.pluso {
	margin-left: -3px;
}
div.amshopby-column {
    float:left; width:83px;
}

select.amshopby-select {
    width:170px;
}

.amshopby-logo{
padding: 0pt 10px 10px 0pt; float: left;
}

.amshopby-featured {
    padding: 5px 5px 5px 5px; 
}

.amshopby-link{
    float:left;
	margin-left: 1px;
}

div.block-layered-nav dd a {padding:0px 5px 0px 0px; display:block; float: left;}  
/*div.block-layered-nav dd a.amshopby-attr {padding-left:15px; background:transparent url(https://www.gardenello.com.ua/skin/frontend/gardenello/default/images/amshopby-cb1.gif) no-repeat left center;} */
/*div.block-layered-nav dd a.amshopby-attr-selected {font-weight: bold; padding-left:15px; background:transparent url(https://www.gardenello.com.ua/skin/frontend/gardenello/default/images/amshopby-cb2.gif) no-repeat left center;} */
div.block-layered-nav dd a img {padding: 0px 4px 5px; float:left;} 

div.block-layered-nav dd li.amshopby-cat-level-2 {padding-left:20px;}
div.block-layered-nav dd a.amshopby-cat-selected {font-weight: bold;
color:black; text-decoration: none; cursor:text;}

div.block-layered-nav dd li span.amshopby-plusminus {float:left;
display:block; width:15px; height:15px; cursor:pointer;
background:transparent url(https://www.gardenello.com.ua/skin/frontend/gardenello/default/images/amshopby-plus.gif)  no-repeat;}
div.block-layered-nav dd li span.minus {background:transparent
url(https://www.gardenello.com.ua/skin/frontend/gardenello/default/images/amshopby-minus.gif) no-repeat;}
/*div.block-layered-nav dd li:after {display:block; content:".";
clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }*/



div.block-layered-nav dt {cursor:pointer;}
div.block-layered-nav dt.amshopby-collapsed {background:url(https://www.gardenello.com.ua/skin/frontend/gardenello/default/images/amshopby-collapsed.gif) 190px 13px no-repeat}


div.block-layered-nav div.slider {position:relative; margin:0 auto 5px auto; z-index:9; height:18px;  background: url(https://www.gardenello.com.ua/skin/frontend/gardenello/default/images/amshopby-slider-bg.gif) no-repeat 50% 50%; cursor:pointer;}
div.block-layered-nav div.slider div.handle {width:8px; top:3px; height:14px; background: transparent url(https://www.gardenello.com.ua/skin/frontend/gardenello/default/images/amshopby-hadle.png) no-repeat; position: absolute; cursor:move;}


.amshopby-tooltip {
    padding:2px 5px;
    background:#FEC;
    border:1px solid #FAA819;
    color:#1F5070;
    text-align:left;
    width:550px;
    position:absolute;
}

.amshopby-tooltip-img {
    cursor:help;
}

div.block-layered-nav, div.amshopby-page-container, div.amshopby-filters-top {
    position: relative;
}

div.amshopby-overlay {
    background-color: #FFFFFF;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 555;
}
div.amshopby-overlay img {
    top: 100px;
    left: 45%;
    display: block;
    position: absolute;
}
.block-top { background: #fff repeat-y top left;  margin:0 0 0px; line-height:1.35;padding-right: 0px;}.block-1 { background: #fff repeat-y top left;  margin:0 0 15px; line-height:1.35;padding-right: 0px;}
.block-top .block-title {  background: #3D0274; padding: 10px 8px 8px 20px; margin-right: 0px; }
.block-top .block-title strong { display:block; font:16px 'Open Sans Condensed', sans-serif; color:#fff; }
.block-top .block-title a { text-decoration:none !important; }
.block-top .block-subtitle { width: 100%; font:14px 'Open Sans Condensed', sans-serif; color:#3D0274; margin:0 0 0; padding:0 0 2px; border-bottom:1px solid #ddd; }
.block-top .block-content { padding:12px 0px 15px 0px;  font-size: 12px; border-bottom:1px solid #ddd;}
.block-top .block-content li.item { padding-bottom:5px; margin-bottom:5px; }
.block-top .block-content li.item.last { padding-bottom:0; margin-bottom:0; }
.block-top .btn-remove { float:right; margin:1px 0 2px 5px; }
.block-top .actions { padding:5px 0 0; margin:5px 0 0; text-align:right; }
.block-top .actions a { float:left; }
.block-top .actions button.button { float:right; }
.block-top .empty { margin:0; }
.block-top .price-box { margin:5px 0; }
.block-top button.button span { height:23px; background-image:url(https://www.gardenello.com.ua/skin/frontend/gardenello/default/images/bkg_btn-small.png); line-height:20px; }
.block-top button.button span span { color: #444; text-shadow: 0px 1px #fff !important; }
.block-top .block-content table {width:100%; margin-top:10px;}
.block-top .block-content table tr{margin-bottom:10px; }
.block-top .block-content table tr .filters_name {
	   width:15%; 
	   vertical-align: top;
	   color: #C22C0F;
	   margin-right: 20px;

	   font-size: 15px;
	   padding:10px 0;
}
.block-top .block-content table tr .filters {width:75%; vertical-align: top; padding:10px 0;}
.labls {
	   float:left;
	   width:100%;
	   overflow:hidden;
	   position:relative;
}
.labls ul { 
	   clear:left;
	   float:left;
	   list-style:none;
	   margin:0;
	   padding:0;
	   position:relative;
	   left:50%;
	   text-align:left;
}

.labls ul li { 
	   display:block;
	   float:left;
	   list-style:none;
	   margin-right:15px;
	   padding:0;
	   position:relative;
	   right:50%;
}

.labls ul li a {padding:0px 5px 0px 0px; display:block; float: left;}  
.labls ul li a.amshopby-attr {padding-left:15px; background:transparent url(https://www.gardenello.com.ua/skin/frontend/gardenello/default/images/amshopby-cb1.gif) no-repeat left center;} 
.labls ul li a.amshopby-attr-selected {font-weight: bold; padding-left:15px; background:transparent url(https://www.gardenello.com.ua/skin/frontend/gardenello/default/images/amshopby-cb2.gif) no-repeat left center;} 
.labls ul li a img {padding: 0px 4px 5px; float:left;} 

/*style css*/
.image-container {position: relative;}
.label-category-container {cursor: pointer;position: absolute;z-index: 100;}
.label-category-container .text-label {
	color: #FFFFFF;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	padding: 9px 2px;
	text-align: center;
}

.product-img-box { position: relative; }
.label-product-container {cursor: pointer;position: absolute;z-index: 8;}
.label-product-container .text-label {color: #FFFFFF;font-family: Arial;font-size: 11px;font-weight: bold;line-height: 15px;padding: 9px 2px;text-align: center;}

.top-left { left: 0; top: 0; }
.top-center { left: 30%; top: 0; }
.top-right { right: 0; top: 0; }
.middle-left { left: 0; top: 30%; }
.middle-center { left: 30%; top: 30%; }
.middle-right { right: 0; top:  30%; }
.bottom-left { left: 0; bottom: 30%; }
.bottom-center { left: 30%; bottom: 0; }
.bottom-right { right: 0; bottom: 0; }
/**
 * Mage-World - Easy banner
 */


/* Easy SimpleSlider ===================================================================== */
.divSimpleSliderRotate { position:absolute; bottom:10px; left: 10px; z-index:99; }
.divSimpleSliderRotate a {margin: 0 0 0 5px;padding: 3px 7px;background: #ffffff;text-decoration: none;color: #888888;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
.divSimpleSliderRotate a:hover {background: #888888;text-decoration: none; color: #ffffff;}
.divSimpleSliderRotate a.activeSlide {background: #888888;text-decoration: none;color: #ffffff;}
.divSimpleSliderRotate a:focus { outline: none; }
/* ======================================================================================= */


/* Gallery View ========================================================================== */

/* ======================================================================================= */


/*  Accordion_slider View ================================================================ */
.set{float: left;}

.accordionWrapper{display:inline-block; background:none; overflow:hidden;}
.accordionWrapper img{vertical-align:top; border:0; margin:0; padding:0}
.accordionWrapper div{display:inline; float:left; margin:auto;}
.accordionWrapper div.title{cursor:pointer;}
.accordionWrapper div.content{display:none; margin:0px; padding:0px;}
/* ======================================================================================= */


/* Simpple slider 2======================================================================= */
.aaa{position:relative;width:100%;margin-bottom:35px;}
.bbb{top:-14px;z-index:1000;width:100%;position:absolute; left: 0px;}
#nav1 { margin: 0px; position: relative; padding: 0px 5px; margin: 0px;}
#nav1 li { float: left; list-style: none; line-height: 24px;}
#nav1 a { padding: 0px 5px; text-decoration: none; color: #fff; font-size: 12px; font-family: arial; background:url(https://www.gardenello.com.ua/skin/frontend/base/default/images/li-hover.jpg) no-repeat; width:7px; height:22px; font-weight: bold; }
#nav1 a.activeSlide {color: #FF920A; font-size: 12px; font-family: arial; font-weight: bold; background:url(https://www.gardenello.com.ua/skin/frontend/base/default/images/li-active.jpg) no-repeat;}
#nav1 a:focus { outline: none; }
.intro_barner{height:200px;}
#nav1 a span{ display: none;}

.so {background:transparent url(https://www.gardenello.com.ua/skin/frontend/base/default/images/sliderbanner/tab_number.png) no-repeat; height:42px; margin:auto; text-align:left; width:100%; display: block;padding-top:17px;}
.so a{ float: left; line-height: 24px;}
.so a span#prev{position: relative; padding-left: 30px; display: block; background: url(https://www.gardenello.com.ua/skin/frontend/base/default/images/sliderbanner/bkg-left-nav.png) no-repeat top left;}
.so a span#next{display: block; background: url(https://www.gardenello.com.ua/skin/frontend/base/default/images/sliderbanner/bkg-right-nav.png) no-repeat top right; padding: 0px 10px 0px 0px; height: 25px;}
.so a span img{vertical-align: middle;}
.so ul{ float: left; background: url(https://www.gardenello.com.ua/skin/frontend/base/default/images/sliderbanner/bkg-nav.png) repeat-x top left; height: 25px; min-width: 56px;}
.slideshow{overflow: hidden;height: 310px;}

#demos h2{ padding: 0px; margin: 0px; width: 597px; float: left;}
.Profitez{ overflow: hidden;  width: 597px; float: left;}
.green_intro{ height: 236px !important;}
.so a.link-more{color: #F9D428;font-size: 14px;text-decoration: none;float: right;text-align: right;padding-right: 20px;}
.so a:hover.link-more{color: #F9D428;font-size: 14px;text-decoration: underline;float: right;text-align: right;padding-right: 20px;}
#pauseButton{padding-top: 4px;padding-left: 5px;}
.mw_easybn_simplesld2{position: relative}
#slideshow a{position: absolute; top : 0px; left: 0px;}
/* ======================================================================================= */


/* Easy Slider =========================================================================== */
#content_slider{position:relative; margin:0px auto;}
#slider{}	
#slider ul, #slider li{margin:0;padding:0;list-style:none;}
#slider li{ width:856px;height:241px;overflow:hidden; 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
}
#prevBtn, #nextBtn{ display:block; width:30px; height:77px; position:absolute; top:50%; margin: -30px 0px 0px 0px;}	
#prevBtn{left:-30px;}
#nextBtn{ right:-30px;}														
#prevBtn a, #nextBtn a{display:block;width:30px;height:77px;background:url(https://www.gardenello.com.ua/skin/frontend/base/default/images/easyslider/btn_prev.gif) no-repeat 0 0;	}
#nextBtn a{ background:url(https://www.gardenello.com.ua/skin/frontend/base/default/images/easyslider/btn_next.gif) no-repeat 0 0;}												
.graphic, #prevBtn, #nextBtn {text-indent:-8000px;}
/* ======================================================================================= */


/* PANEL SLIDER ========================================================================== */
div.cont {	position:relative;	border:2px solid #999;	cursor:pointer;}
img {	border:none;	text-decoration:none;}
/* ======================================================================================= */

.easycatalog-grid,
.easycatalog-grid li { background: none; padding: 0; margin: 0; list-style: none; }
.easycatalog-grid {}
.easycatalog-grid li.item { padding: 10px 1% !important; float: left; }
.easycatalog-grid .product-image { width: auto; height: auto; text-align: center; }
.easycatalog-grid img { width: auto; max-width: 100%; height: auto; }
.easycatalogimg-cols-2 li.item { width: 48% !important; }
.easycatalogimg-cols-3 li.item { width: 31.3% !important; }
.easycatalogimg-cols-4 li.item { width: 23% !important; }
.easycatalogimg-cols-5 li.item { width: 18% !important; }
.easycatalogimg-cols-6 li.item { width: 14.6% !important; }

.easycatalogimg .parent-category { margin: 0 0 8px; }
.easycatalogimg .parent-category a { font-size: 17px; font-weight: normal; text-decoration: none; color: #000; }
.easycatalogimg .parent-category a:hover { text-decoration: underline; }

.easycatalogimg .list-subcategories { padding: 0; margin: 5px 0; list-style: none; font-size: .95em; }
.easycatalogimg .list-subcategories li { margin: 5px 0; padding: 0 0 0 10px; line-height: 1.1em; }
.easycatalogimg .link-more { margin: 0; padding: 0; font-weight: bold; }

/* NavigationPro integration */
.nav-dropdown .easycatalogimg { margin: 0 !important; border: none !important; padding: 0 !important; }
.nav-dropdown .easycatalog-grid { border: none; }
.nav-dropdown .easycatalog-grid li.item { background: none !important; border: none; margin: 0; }
.nav-dropdown .easycatalogimg .parent-category { text-align: center; }

.easycatalogimg,
.easycatalog-grid { zoom: 1; }
.easycatalogimg:after,
.easycatalog-grid:after { content: '.'; clear: both; visibility: hidden; display: block; height: 0; font-size: 0; }

@media (max-width: 767px) {
    .easycatalogimg .parent-category a { font-size: 18px; }
    .easycatalogimg .list-subcategories li { line-height: 18px; }
    .easycatalogimg .list-subcategories a { font-size: 15px; }

    /* Three columns instead of six */
    .easycatalogimg-cols-6 li.item { width: 31.3% !important; }
    .easycatalogimg-cols-6 li.item:nth-of-type(4n) { clear: left; }
}

@media (max-width: 480px) {
    .easycatalogimg-cols-6 li.item:nth-of-type(4n) { clear: none; }
    /* Two columns for small screen */
    .easycatalog-grid li.item { width: 46% !important; padding-left: 2% !important; padding-right: 2% !important; }
    /* clear: left for every third li */
    .easycatalogimg-cols-2 li.item:nth-of-type(2n+1),
    .easycatalogimg-cols-4 li.item:nth-of-type(2n+1),
    .easycatalogimg-cols-6 li.item:nth-of-type(2n+1),
    /* clear: left for every third li inside every third .easycatalog-grid */
    .easycatalogimg-cols-3:nth-of-type(2n+1) li.item:nth-of-type(2n+1),
    .easycatalogimg-cols-5:nth-of-type(2n+1) li.item:nth-of-type(2n+1),
    /* clear: left for every second li inside every second .easycatalog-grid */
    .easycatalogimg-cols-3:nth-of-type(2n) li.item:nth-of-type(2n),
    .easycatalogimg-cols-5:nth-of-type(2n) li.item:nth-of-type(2n) { clear: left; }
    .easycatalogimg-cols-3:after,
    .easycatalogimg-cols-5:after { content: ''; clear: none; }
}

@font-face {
  font-family: Gilroy;
  font-display: swap;
  src: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-Light.eot");
  src: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-Light?#iefix") format("embedded-opentype"), url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-Light.woff2") format("woff2"), url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-Light.woff") format("woff"), url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: Gilroy;
  font-display: swap;
  src: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-Regular.eot");
  src: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-Regular?#iefix") format("embedded-opentype"), url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-Regular.woff2") format("woff2"), url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-Regular.woff") format("woff"), url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: Gilroy;
  font-display: swap;
  src: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-SemiBold.eot");
  src: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-SemiBold?#iefix") format("embedded-opentype"), url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-SemiBold.woff2") format("woff2"), url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-SemiBold.woff") format("woff"), url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: Gilroy;
  font-display: swap;
  src: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-Bold.eot");
  src: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-Bold?#iefix") format("embedded-opentype"), url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-Bold.woff2") format("woff2"), url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-Bold.woff") format("woff"), url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: W;
  font-display: swap;
  src: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/W-Regular.eot");
  src: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/W-Regular?#iefix") format("embedded-opentype"), url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/W-Regular.woff2") format("woff2"), url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/W-Regular.woff") format("woff"), url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/W-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

/*!
 * Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-overflow-style: scrollbar; }

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 576px) {
    .container {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1200px; } }

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters &gt; .col,
  .no-gutters &gt; [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px; }

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%; }

.col-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%; }

.col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.order-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1; }

.order-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13; }

.order-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0; }

.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1; }

.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2; }

.order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3; }

.order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4; }

.order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5; }

.order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6; }

.order-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7; }

.order-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8; }

.order-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9; }

.order-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10; }

.order-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11; }

.order-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12; }

.offset-1 {
  margin-left: 8.33333%; }

.offset-2 {
  margin-left: 16.66667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.33333%; }

.offset-5 {
  margin-left: 41.66667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.33333%; }

.offset-8 {
  margin-left: 66.66667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.33333%; }

.offset-11 {
  margin-left: 91.66667%; }

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .order-sm-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13; }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9; }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10; }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11; }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13; }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9; }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10; }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11; }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13; }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9; }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10; }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11; }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-xl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13; }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9; }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10; }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11; }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important; }

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 768px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important; }

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important; }

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important; }

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important; }

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important; }

.flex-fill {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important; }

.flex-grow-0 {
  -webkit-box-flex: 0 !important;
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important; }

.flex-grow-1 {
  -webkit-box-flex: 1 !important;
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important; }

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important; }

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important; }

.justify-content-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important; }

.justify-content-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important; }

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important; }

.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important; }

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important; }

.align-items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important; }

.align-items-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important; }

.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important; }

.align-items-baseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important; }

.align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important; }

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important; }

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important; }

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important; }

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important; }

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important; }

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important; }

.align-self-auto {
  -ms-flex-item-align: auto !important;
  -ms-grid-row-align: auto !important;
  align-self: auto !important; }

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important; }

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important; }

.align-self-center {
  -ms-flex-item-align: center !important;
  -ms-grid-row-align: center !important;
  align-self: center !important; }

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important; }

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  -ms-grid-row-align: stretch !important;
  align-self: stretch !important; }

@media (min-width: 576px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .flex-sm-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }
  .flex-sm-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .flex-sm-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important; }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-sm-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-sm-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-sm-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important; }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important; }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .flex-md-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }
  .flex-md-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .flex-md-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important; }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-md-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-md-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-md-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important; }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important; }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 992px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .flex-lg-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }
  .flex-lg-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .flex-lg-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important; }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-lg-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-lg-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-lg-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important; }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important; }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 1200px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .flex-xl-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }
  .flex-xl-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .flex-xl-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important; }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-xl-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-xl-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-xl-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important; }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important; }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important; } }

.m-0 {
  margin: 0 !important; }

.mt-0,
.my-0 {
  margin-top: 0 !important; }

.mr-0,
.mx-0 {
  margin-right: 0 !important; }

.mb-0,
.my-0 {
  margin-bottom: 0 !important; }

.ml-0,
.mx-0 {
  margin-left: 0 !important; }

.m-1 {
  margin: 0.25rem !important; }

.mt-1,
.my-1 {
  margin-top: 0.25rem !important; }

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important; }

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important; }

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.mt-2,
.my-2 {
  margin-top: 0.5rem !important; }

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important; }

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important; }

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important; }

.m-3 {
  margin: 1rem !important; }

.mt-3,
.my-3 {
  margin-top: 1rem !important; }

.mr-3,
.mx-3 {
  margin-right: 1rem !important; }

.mb-3,
.my-3 {
  margin-bottom: 1rem !important; }

.ml-3,
.mx-3 {
  margin-left: 1rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.mt-4,
.my-4 {
  margin-top: 1.5rem !important; }

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important; }

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important; }

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important; }

.m-5 {
  margin: 3rem !important; }

.mt-5,
.my-5 {
  margin-top: 3rem !important; }

.mr-5,
.mx-5 {
  margin-right: 3rem !important; }

.mb-5,
.my-5 {
  margin-bottom: 3rem !important; }

.ml-5,
.mx-5 {
  margin-left: 3rem !important; }

.p-0 {
  padding: 0 !important; }

.pt-0,
.py-0 {
  padding-top: 0 !important; }

.pr-0,
.px-0 {
  padding-right: 0 !important; }

.pb-0,
.py-0 {
  padding-bottom: 0 !important; }

.pl-0,
.px-0 {
  padding-left: 0 !important; }

.p-1 {
  padding: 0.25rem !important; }

.pt-1,
.py-1 {
  padding-top: 0.25rem !important; }

.pr-1,
.px-1 {
  padding-right: 0.25rem !important; }

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important; }

.pl-1,
.px-1 {
  padding-left: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.pt-2,
.py-2 {
  padding-top: 0.5rem !important; }

.pr-2,
.px-2 {
  padding-right: 0.5rem !important; }

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important; }

.pl-2,
.px-2 {
  padding-left: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.pt-3,
.py-3 {
  padding-top: 1rem !important; }

.pr-3,
.px-3 {
  padding-right: 1rem !important; }

.pb-3,
.py-3 {
  padding-bottom: 1rem !important; }

.pl-3,
.px-3 {
  padding-left: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.pt-4,
.py-4 {
  padding-top: 1.5rem !important; }

.pr-4,
.px-4 {
  padding-right: 1.5rem !important; }

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important; }

.pl-4,
.px-4 {
  padding-left: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

.pt-5,
.py-5 {
  padding-top: 3rem !important; }

.pr-5,
.px-5 {
  padding-right: 3rem !important; }

.pb-5,
.py-5 {
  padding-bottom: 3rem !important; }

.pl-5,
.px-5 {
  padding-left: 3rem !important; }

.m-n1 {
  margin: -0.25rem !important; }

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important; }

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important; }

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important; }

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important; }

.m-n2 {
  margin: -0.5rem !important; }

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important; }

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important; }

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important; }

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important; }

.m-n3 {
  margin: -1rem !important; }

.mt-n3,
.my-n3 {
  margin-top: -1rem !important; }

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important; }

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important; }

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important; }

.m-n4 {
  margin: -1.5rem !important; }

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important; }

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important; }

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important; }

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important; }

.m-n5 {
  margin: -3rem !important; }

.mt-n5,
.my-n5 {
  margin-top: -3rem !important; }

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important; }

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important; }

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important; }

.m-auto {
  margin: auto !important; }

.mt-auto,
.my-auto {
  margin-top: auto !important; }

.mr-auto,
.mx-auto {
  margin-right: auto !important; }

.mb-auto,
.my-auto {
  margin-bottom: auto !important; }

.ml-auto,
.mx-auto {
  margin-left: auto !important; }

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important; }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important; }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important; }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important; }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important; }
  .m-sm-1 {
    margin: 0.25rem !important; }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important; }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important; }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important; }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important; }
  .m-sm-2 {
    margin: 0.5rem !important; }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important; }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important; }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important; }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important; }
  .m-sm-3 {
    margin: 1rem !important; }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important; }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important; }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important; }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important; }
  .m-sm-4 {
    margin: 1.5rem !important; }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important; }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important; }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important; }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important; }
  .m-sm-5 {
    margin: 3rem !important; }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important; }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important; }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important; }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important; }
  .p-sm-0 {
    padding: 0 !important; }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important; }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important; }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important; }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important; }
  .p-sm-1 {
    padding: 0.25rem !important; }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important; }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important; }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important; }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important; }
  .p-sm-2 {
    padding: 0.5rem !important; }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important; }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important; }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important; }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important; }
  .p-sm-3 {
    padding: 1rem !important; }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important; }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important; }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important; }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important; }
  .p-sm-4 {
    padding: 1.5rem !important; }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important; }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important; }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important; }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important; }
  .p-sm-5 {
    padding: 3rem !important; }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important; }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important; }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important; }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important; }
  .m-sm-n1 {
    margin: -0.25rem !important; }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important; }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important; }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important; }
  .m-sm-n2 {
    margin: -0.5rem !important; }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important; }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important; }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important; }
  .m-sm-n3 {
    margin: -1rem !important; }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important; }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important; }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important; }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important; }
  .m-sm-n4 {
    margin: -1.5rem !important; }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important; }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important; }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important; }
  .m-sm-n5 {
    margin: -3rem !important; }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important; }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important; }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important; }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important; }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important; }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important; }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important; } }

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important; }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important; }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important; }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important; }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important; }
  .m-md-1 {
    margin: 0.25rem !important; }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important; }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important; }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important; }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important; }
  .m-md-2 {
    margin: 0.5rem !important; }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important; }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important; }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important; }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important; }
  .m-md-3 {
    margin: 1rem !important; }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important; }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important; }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important; }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important; }
  .m-md-4 {
    margin: 1.5rem !important; }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important; }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important; }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important; }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important; }
  .m-md-5 {
    margin: 3rem !important; }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important; }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important; }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important; }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important; }
  .p-md-0 {
    padding: 0 !important; }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important; }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important; }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important; }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important; }
  .p-md-1 {
    padding: 0.25rem !important; }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important; }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important; }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important; }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important; }
  .p-md-2 {
    padding: 0.5rem !important; }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important; }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important; }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important; }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important; }
  .p-md-3 {
    padding: 1rem !important; }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important; }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important; }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important; }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important; }
  .p-md-4 {
    padding: 1.5rem !important; }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important; }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important; }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important; }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important; }
  .p-md-5 {
    padding: 3rem !important; }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important; }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important; }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important; }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important; }
  .m-md-n1 {
    margin: -0.25rem !important; }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important; }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important; }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important; }
  .m-md-n2 {
    margin: -0.5rem !important; }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important; }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important; }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important; }
  .m-md-n3 {
    margin: -1rem !important; }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important; }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important; }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important; }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important; }
  .m-md-n4 {
    margin: -1.5rem !important; }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important; }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important; }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important; }
  .m-md-n5 {
    margin: -3rem !important; }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important; }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important; }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important; }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important; }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important; }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important; }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important; } }

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important; }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important; }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important; }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important; }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important; }
  .m-lg-1 {
    margin: 0.25rem !important; }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important; }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important; }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important; }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important; }
  .m-lg-2 {
    margin: 0.5rem !important; }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important; }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important; }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important; }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important; }
  .m-lg-3 {
    margin: 1rem !important; }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important; }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important; }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important; }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important; }
  .m-lg-4 {
    margin: 1.5rem !important; }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important; }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important; }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important; }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important; }
  .m-lg-5 {
    margin: 3rem !important; }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important; }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important; }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important; }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important; }
  .p-lg-0 {
    padding: 0 !important; }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important; }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important; }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important; }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important; }
  .p-lg-1 {
    padding: 0.25rem !important; }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important; }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important; }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important; }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important; }
  .p-lg-2 {
    padding: 0.5rem !important; }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important; }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important; }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important; }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important; }
  .p-lg-3 {
    padding: 1rem !important; }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important; }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important; }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important; }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important; }
  .p-lg-4 {
    padding: 1.5rem !important; }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important; }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important; }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important; }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important; }
  .p-lg-5 {
    padding: 3rem !important; }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important; }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important; }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important; }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important; }
  .m-lg-n1 {
    margin: -0.25rem !important; }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important; }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important; }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important; }
  .m-lg-n2 {
    margin: -0.5rem !important; }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important; }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important; }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important; }
  .m-lg-n3 {
    margin: -1rem !important; }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important; }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important; }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important; }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important; }
  .m-lg-n4 {
    margin: -1.5rem !important; }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important; }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important; }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important; }
  .m-lg-n5 {
    margin: -3rem !important; }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important; }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important; }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important; }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important; }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important; }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important; }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important; } }

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important; }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important; }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important; }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important; }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important; }
  .m-xl-1 {
    margin: 0.25rem !important; }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important; }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important; }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important; }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important; }
  .m-xl-2 {
    margin: 0.5rem !important; }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important; }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important; }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important; }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important; }
  .m-xl-3 {
    margin: 1rem !important; }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important; }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important; }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important; }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important; }
  .m-xl-4 {
    margin: 1.5rem !important; }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important; }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important; }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important; }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important; }
  .m-xl-5 {
    margin: 3rem !important; }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important; }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important; }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important; }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important; }
  .p-xl-0 {
    padding: 0 !important; }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important; }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important; }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important; }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important; }
  .p-xl-1 {
    padding: 0.25rem !important; }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important; }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important; }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important; }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important; }
  .p-xl-2 {
    padding: 0.5rem !important; }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important; }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important; }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important; }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important; }
  .p-xl-3 {
    padding: 1rem !important; }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important; }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important; }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important; }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important; }
  .p-xl-4 {
    padding: 1.5rem !important; }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important; }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important; }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important; }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important; }
  .p-xl-5 {
    padding: 3rem !important; }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important; }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important; }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important; }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important; }
  .m-xl-n1 {
    margin: -0.25rem !important; }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important; }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important; }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important; }
  .m-xl-n2 {
    margin: -0.5rem !important; }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important; }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important; }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important; }
  .m-xl-n3 {
    margin: -1rem !important; }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important; }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important; }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important; }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important; }
  .m-xl-n4 {
    margin: -1.5rem !important; }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important; }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important; }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important; }
  .m-xl-n5 {
    margin: -3rem !important; }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important; }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important; }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important; }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important; }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important; }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important; }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important; } }

body {
  font-family: "Gilroy", sans-serif;
  font-weight: 400;
  line-height: 1.429em;
  font-style: normal;
  font-size: 14px;
  overflow-x: hidden;
  position: relative;
  width: 100%;
  min-width: 320px;
  background-color: #fff;
  color: #000; }

* {
  margin: 0;
  padding: 0; }

a,
a:focus,
a:hover {
  text-decoration: none; }

a[x-apple-data-detectors] {
  text-decoration: none !important; }

a:-webkit-any-link {
  text-decoration: none; }

ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

h1 {
  font-size: 2.143em;
  font-family: "W", sans-serif;
  font-weight: 400; }
  h1.title {
    font-size: 2.429em;
    text-align: center;
    margin-top: 0;
    margin-bottom: 45px;
    letter-spacing: .005em;
    color: #000;
    line-height: 1em; }
    @media only screen and (max-width: 991px) {
      h1.title {
        font-size: 2.143em; } }
    @media only screen and (max-width: 575px) {
      h1.title {
        margin-bottom: 30px; } }
    h1.title--wave {
      margin-top: 20px;
      margin-bottom: 15px;
      position: relative; }
      h1.title--wave::before {
        content: '';
        width: 34px;
        height: 25px;
        position: absolute;
        left: -17px;
        bottom: 0;
        background: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/title--wave.svg") no-repeat center;
        background-size: contain; }
        @media only screen and (max-width: 767px) {
          h1.title--wave::before {
            bottom: 6px; } }
      h1.title--wave br {
        display: none; }
        @media only screen and (max-width: 767px) {
          h1.title--wave br {
            display: block; } }
    h1.title--hidden {
      display: none; }
      @media only screen and (max-width: 991px) {
        h1.title--hidden {
          display: block; } }
    h1.title span {
      position: relative;
      line-height: 1em; }
      h1.title span::before {
        content: "//";
        width: 30px;
        height: 30px;
        position: absolute;
        color: #9ba54c;
        font-size: 1.3em;
        letter-spacing: -0.10em;
        font-weight: 700;
        z-index: -1;
        left: -15px; }
  h1.sub-title {
    font-size: 2.429em;
    text-align: center;
    letter-spacing: .005em;
    color: #000;
    margin: 0 0 40px; }
    @media only screen and (max-width: 991px) {
      h1.sub-title {
        font-size: 2.143em; } }
    @media only screen and (max-width: 575px) {
      h1.sub-title {
        margin-bottom: 20px;
        padding: 0 25px; } }
    h1.sub-title span {
      position: relative;
      line-height: 1.1em; }
      h1.sub-title span::before {
        content: "//";
        width: 30px;
        height: 30px;
        position: absolute;
        color: #9ba54c;
        font-size: 1.3em;
        letter-spacing: -0.10em;
        font-weight: 700;
        z-index: -1;
        left: -15px; }

h2 {
  font-family: "W", sans-serif; }
  h2.title {
    text-align: center;
    font-weight: 400;
    font-size: 2.143em;
    line-height: 1.5em;
    margin: 20px 0 30px;
    position: relative; }
    h2.title--line::before {
      content: '';
      width: 100%;
      height: 1px;
      top: -20px;
      left: 0;
      right: 0;
      position: absolute;
      background-color: #000; }
    @media only screen and (max-width: 767px) {
      h2.title {
        font-size: 1.571em;
        letter-spacing: 0.005em;
        margin: 20px 0;
        position: relative; }
        h2.title span {
          background: #fff;
          padding: 0 30px;
          position: relative;
          z-index: 1; }
        h2.title::before {
          content: '';
          width: 100%;
          height: 1px;
          opacity: .5;
          background-color: #000;
          position: absolute;
          top: 50%;
          left: 0; } }
    @media only screen and (max-width: 575px) {
      h2.title::before {
        width: calc(100% + 30px);
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); } }

h3 {
  font-family: "W", sans-serif; }
  h3.title {
    text-align: center;
    font-weight: 400;
    font-size: 2.357em;
    line-height: 1em;
    margin: 0 0 15px;
    position: relative;
    color: #fff; }

.bottom-right {
  bottom: 0; }

.success-msg {
  text-align: center; }

@media only screen and (max-width: 575px) {
  .invitation p {
    padding: 0 30px; }
    .invitation p:last-of-type {
      margin-bottom: 20px; } }

@media only screen and (max-width: 575px) {
  .form-buy {
    padding: 0 30px; } }

.delivery form {
  display: none; }

@media only screen and (max-width: 991px) {
  .col1-layout {
    margin-top: 100px; } }

.page-title h1 {
  margin-bottom: 30px;
  line-height: 1.1em; }

.page-title + .note-msg {
  padding: 0 0 20px; }

.price-box .price {
  font-size: 1em;
  font-weight: 600;
  color: #9ba54c; }

.price-box .old-price span {
  position: relative; }
  .price-box .old-price span::before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    top: calc(50% - 0.5px);
    background-color: #9ba54c; }

.price-box .special-price span {
  color: #fd614b; }

#search_autocomplete {
  background-color: #fff;
  z-index: 1000;
  padding: 5px; }
  #search_autocomplete li {
    margin-bottom: 3px;
    cursor: pointer; }
    #search_autocomplete li:hover {
      color: #9ba54c; }

.grouped-product {
  width: 100%; }

.opt_it_labl {
  margin-bottom: 15px; }

.product-img-box .bottom-right {
  right: 0;
  bottom: 30%; }

.label-product-container, .label-category-container {
  width: 60px;
  height: 60px; }
  @media only screen and (max-width: 575px) {
    .label-product-container, .label-category-container {
      -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
      transform: scale(0.7); } }
  .label-product-container .text-label, .label-category-container .text-label {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    font-family: "Gilroy", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    padding: 0;
    line-height: 1em; }

#custom-content h1 {
  margin-bottom: 30px; }

.call_back_btn {
  font-family: "Gilroy", sans-serif; }

.component_selection {
  padding-bottom: 0 !important; }

.inner {
  display: table; }

.row-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  height: 100%; }

@media only screen and (max-width: 991px) {
  .demo-notice {
    display: none; } }

@media only screen and (max-width: 767px) {
  .sidebar {
    display: none; } }

@media only screen and (max-width: 575px) {
  .clients, .about {
    display: none; } }

@media only screen and (max-width: 575px) {
  .template-page .clients {
    display: block; }
    .template-page .clients-box {
      padding: 30px 0; }
    .template-page .clients .owl-carousel img {
      max-height: 120px;
      width: auto;
      margin: 0 auto; }
    .template-page .clients h3 {
      display: block; } }

#myModal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000; }

.modal {
  display: none;
  position: fixed;
  padding-top: 8%;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 999; }

.modal-content {
  background-color: #fefefe;
  margin: auto;
  border: 1px solid #888;
  width: 50%;
  border-radius: 0;
  position: relative;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  display: block; }
  .modal-content .close {
    float: right;
    font-size: 3em;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 9px 2px 5px;
    text-align: center;
    width: 34px;
    height: 34px;
    color: #6a605f;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: 5;
    opacity: 1; }
    .modal-content .close:hover {
      color: #d80a0a; }

.scrollToTop {
  display: none;
  position: fixed;
  bottom: 15px;
  right: 30px;
  width: 45px;
  height: 30px;
  border: 0.5px solid #9ba54c;
  text-decoration: none;
  background: #fff url(https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/top_arrow.svg) no-repeat 4px 10px;
  background-position: center;
  background-size: 30px;
  z-index: 1041; }

.main-graphics-element {
  position: absolute;
  display: none;
  z-index: 20; }
  @media only screen and (max-width: 767px) {
    .main-graphics-element {
      display: block; } }
  .main-graphics-element__swipe {
    width: 20px;
    height: 20px;
    border: 2px solid #9ba54c;
    bottom: -5px;
    right: 15%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .main-graphics-element__mob-cat-one {
    width: 24px;
    height: 24px;
    top: 400px;
    left: -8px;
    border: 2px solid #9ba54c;
    border-radius: 50%; }
  .main-graphics-element__mob-cat-two {
    width: 22px;
    height: 27px;
    bottom: -8px;
    right: -8px;
    background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/showcase--tree-arrow.svg");
    background-size: contain;
    background-repeat: no-repeat; }

.page-preloader {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: auto;
  z-index: 1500; }

.preloader {
  width: 100%;
  text-align: center; }

.preloader b {
  display: inline-block;
  font-family: "W", sans-serif;
  font-size: 30px;
  line-height: 1.5;
  -webkit-animation: flip 3s ease-out infinite;
  animation: flip 3s ease-out infinite; }
  .preloader b:first-of-type {
    -webkit-animation-delay: 0s;
    animation-delay: 0s; }
  .preloader b:nth-of-type(2) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s; }
  .preloader b:nth-of-type(3) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s; }
  .preloader b:nth-of-type(4) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s; }
  .preloader b:nth-of-type(5) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s; }
  .preloader b:nth-of-type(6) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s; }
  .preloader b:nth-of-type(7) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s; }
  .preloader b:nth-of-type(8) {
    -webkit-animation-delay: .7s;
    animation-delay: .7s; }
  .preloader b:nth-of-type(9) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s; }
  .preloader b:last-of-type {
    -webkit-animation-delay: .9s;
    animation-delay: .9s; }

@-webkit-keyframes flip {
  0% {
    color: #9ba54c;
    font-weight: 400;
    letter-spacing: -.1em; }
  30%, 70% {
    color: #9ba54c;
    font-weight: 400; }
  35%, 65% {
    color: #9ba54c;
    font-weight: 700;
    -webkit-transform: rotateY(0);
    transform: rotateY(0); }
  40% {
    color: #6a605f; }
  45% {
    color: #483b34; }
  50% {
    color: #6a605f;
    font-weight: 700;
    letter-spacing: .3em;
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg); }
  55% {
    color: #9ba54c; }
  60% {
    color: #9ba54c; }
  100% {
    color: #9ba54c;
    letter-spacing: -.1em;
    font-weight: 400; } }

@keyframes flip {
  0% {
    color: #9ba54c;
    font-weight: 400;
    letter-spacing: -.1em; }
  30%, 70% {
    color: #9ba54c;
    font-weight: 400; }
  35%, 65% {
    color: #9ba54c;
    font-weight: 700;
    -webkit-transform: rotateY(0);
    transform: rotateY(0); }
  40% {
    color: #6a605f; }
  45% {
    color: #483b34; }
  50% {
    color: #6a605f;
    font-weight: 700;
    letter-spacing: .3em;
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg); }
  55% {
    color: #9ba54c; }
  60% {
    color: #9ba54c; }
  100% {
    color: #9ba54c;
    letter-spacing: -.1em;
    font-weight: 400; } }

.main-page {
  position: relative; }
  @media only screen and (max-width: 991px) {
    .main-page {
      margin-top: 100px; } }
  @media only screen and (max-width: 767px) {
    .main-page {
      margin-top: 0; }
      .main-page .swiper-slide {
        min-height: 550px; } }
  .main-page .std {
    padding-top: 40px; }
    @media only screen and (max-width: 767px) {
      .main-page .std {
        padding-top: 0; } }

@media only screen and (max-width: 575px) {
  .main.col-12 {
    padding: 0; } }

.mobile-categories {
  position: relative;
  display: none;
  -ms-grid-columns: 1fr/4;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
  margin-top: 35px; }
  @media only screen and (max-width: 1199px) {
    .mobile-categories {
      display: -ms-grid;
      display: grid; } }
  @media only screen and (max-width: 991px) {
    .mobile-categories {
      margin-top: 15px; } }
  @media only screen and (max-width: 768px) {
    .mobile-categories {
      -ms-grid-columns: 1fr/2;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 0; } }
  .mobile-categories li {
    overflow: hidden; }
  .mobile-categories__wrapper {
    position: relative; }
  .mobile-categories__elem {
    display: block;
    position: relative;
    height: 189px;
    padding: 0; }
    .mobile-categories__elem--background {
      position: absolute;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      background-color: #9ba54c;
      -webkit-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease; }
    .mobile-categories__elem:hover .mobile-categories__elem--background {
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2); }
  .mobile-categories h3 {
    min-height: 70px;
    color: #000;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 1.857em;
    font-family: "W", sans-serif;
    line-height: 1em;
    font-weight: 300;
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0; }
    @media only screen and (max-width: 991px) {
      .mobile-categories h3 {
        font-size: 1.643em; } }

.showcase {
  position: relative; }
  .showcase__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .showcase__section a {
      display: block;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease;
      margin-bottom: 10px; }
      @media only screen and (max-width: 991px) {
        .showcase__section a {
          margin-bottom: 0; } }
      .showcase__section a:nth-of-type(1) {
        width: calc(30% - 5px);
        margin-right: 5px; }
        @media only screen and (max-width: 991px) {
          .showcase__section a:nth-of-type(1) {
            width: 100%;
            margin-right: 0; } }
      .showcase__section a:nth-of-type(2) {
        width: calc(70% - 5px);
        margin-left: 5px; }
        @media only screen and (max-width: 991px) {
          .showcase__section a:nth-of-type(2) {
            width: 100%;
            margin-left: 0; } }
      .showcase__section a:nth-of-type(3) {
        width: 100%; }
    .showcase__section--equal a:nth-of-type(1), .showcase__section--equal a:nth-of-type(2) {
      width: calc(50% - 5px); }
      @media only screen and (max-width: 991px) {
        .showcase__section--equal a:nth-of-type(1), .showcase__section--equal a:nth-of-type(2) {
          width: 100%; } }
  .showcase__title {
    font-family: "W", sans-serif;
    text-align: center;
    line-height: 1em;
    color: #000; }
    .showcase__title h2 {
      font-size: 2.929em;
      position: relative;
      letter-spacing: 0.025em;
      margin: 30px 0;
      padding: 0 20px;
      font-weight: 300;
      line-height: 1em; }
      @media only screen and (max-width: 991px) {
        .showcase__title h2 {
          font-size: 2.571em;
          margin: 20px 0; } }
      @media only screen and (max-width: 767px) {
        .showcase__title h2 {
          font-size: 2.286em; } }
      .showcase__title h2::before {
        content: '';
        width: 39px;
        height: 33px;
        position: absolute;
        right: -17px;
        top: 0;
        background: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/title--wave.svg") no-repeat center;
        background-size: contain; }
    .showcase__title h3 {
      font-size: 1.571em;
      letter-spacing: 0.005em;
      margin: 20px 0 30px;
      position: relative;
      font-weight: 300;
      line-height: 1em; }
      @media only screen and (max-width: 767px) {
        .showcase__title h3 {
          margin: 20px 0; } }
      .showcase__title h3 span {
        background: #fff;
        padding: 0 30px;
        position: relative;
        z-index: 1; }
      .showcase__title h3::before {
        content: '';
        width: 100%;
        height: 1px;
        opacity: .5;
        background-color: #000;
        position: absolute;
        top: 50%;
        left: 0; }
    @media only screen and (max-width: 991px) {
      .showcase__title--hidden h2 {
        display: none; } }
    .showcase__title--hidden h3 {
      display: none; }
      @media only screen and (max-width: 991px) {
        .showcase__title--hidden h3 {
          display: block; } }
  .showcase__block {
    height: 270px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #9ba54c;
    padding: 45px 35px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    overflow: hidden; }
    @media only screen and (max-width: 575px) {
      .showcase__block {
        margin-bottom: 0;
        height: 220px; } }
    @media only screen and (max-width: 376px) {
      .showcase__block {
        background-position: left; } }
    .showcase__block:hover {
      opacity: .8; }
    .showcase__block h3 {
      font-family: "W", sans-serif;
      font-size: 2.571em;
      line-height: .8em;
      font-weight: 300; }
    .showcase__block p {
      font-size: 0.991em;
      font-family: "Gilroy", sans-serif;
      font-weight: 400;
      display: inline-block;
      text-transform: uppercase;
      letter-spacing: .05em;
      position: relative; }
      .showcase__block p::after {
        content: '';
        background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/icon--arrow.svg");
        position: absolute;
        margin-left: 19px;
        width: 15px;
        height: 15px;
        top: 2px; }
      .showcase__block p:hover::after, .showcase__block p:focus::after {
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
        -webkit-animation: arrow-anim infinite .7s ease;
        animation: arrow-anim infinite .7s ease; }
      @media only screen and (max-width: 575px) {
        .showcase__block p {
          font-size: 0.786em; } }
    .showcase__block h3, .showcase__block p {
      margin: 0;
      color: #fff; }
    .showcase__block--box {
      display: block;
      padding: 0; }
      .showcase__block--box h3, .showcase__block--box p {
        color: #000; }
      .showcase__block--box p::after {
        background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/icon--arrow-black.svg"); }
    .showcase__block--arrow {
      position: relative; }
      .showcase__block--arrow::before {
        content: '';
        width: 35px;
        height: 43px;
        position: absolute;
        top: 35%;
        right: -10px;
        background: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/showcase--arrow.svg") no-repeat center;
        background-size: contain; }
      .showcase__block--arrow h3 {
        line-height: 1.2em; }
    .showcase__block--couch {
      background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/img/show2-1.jpg"); }
    .showcase__block--big {
      height: 380px; }
      @media only screen and (max-width: 991px) {
        .showcase__block--big {
          height: 270px; } }
      .showcase__block--big .showcase__box h3 {
        margin-bottom: 20px; }
    .showcase__block--lunch {
      background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/img/show3-1.jpg"); }
      .showcase__block--lunch .showcase__box {
        width: 45%; }
        @media only screen and (max-width: 991px) {
          .showcase__block--lunch .showcase__box {
            width: 70%;
            height: auto;
            padding: 20px; } }
        @media only screen and (max-width: 575px) {
          .showcase__block--lunch .showcase__box {
            width: 90%; } }
    .showcase__block--undersection {
      background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/img/show5-1.jpg"); }
      .showcase__block--undersection .showcase__box {
        height: 55%;
        width: 65%; }
        .showcase__block--undersection .showcase__box h3 {
          font-size: 2.714em;
          line-height: 1.1em; }
    .showcase__block--fly {
      padding: 30px 35px 35px;
      background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/img/show6-1.jpg");
      background-size: 50%;
      background-position: bottom right; }
      @media only screen and (max-width: 370px) {
        .showcase__block--fly {
          padding: 15px 25px; } }
      .showcase__block--fly h3, .showcase__block--fly h4, .showcase__block--fly p {
        width: 50%;
        font-weight: 400; }
      .showcase__block--fly h3 {
        line-height: 1.1em; }
        @media only screen and (max-width: 575px) {
          .showcase__block--fly h3 {
            font-size: 1.857em; } }
      .showcase__block--fly h4 {
        margin-bottom: auto;
        margin-top: 20px;
        font-family: "Gilroy", sans-serif;
        font-size: 1.071em;
        letter-spacing: 0.005em;
        color: #fff; }
        @media only screen and (max-width: 575px) {
          .showcase__block--fly h4 {
            font-size: 0.857em;
            line-height: 1.3em; } }
    .showcase__block--lounge {
      background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/img/show7-1.jpg"); }
  .showcase__box {
    background: rgba(255, 255, 255, 0.52);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    top: 50%;
    width: 60%;
    height: 45%;
    margin: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center; }
    @media only screen and (max-width: 991px) {
      .showcase__box {
        width: 100%;
        height: auto;
        padding: 20px; } }
    .showcase__box h3 {
      font-size: 3.571em;
      margin-bottom: 15px; }
      .showcase__box h3 span {
        font-size: 0.845em; }
      @media only screen and (max-width: 991px) {
        .showcase__box h3 {
          font-size: 3.071em; } }
  .showcase--new {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #9ba54c;
    color: #fff;
    font-size: 0.802em;
    padding: 15px 16px;
    line-height: 1em;
    text-align: center;
    letter-spacing: .04em;
    text-transform: uppercase; }
    .showcase--new span {
      position: relative;
      z-index: 1; }
    .showcase--new::before {
      content: '';
      width: 3px;
      height: 43px;
      position: absolute;
      top: 0;
      left: -25px;
      background: #9ba54c;
      -webkit-transform: rotate(25deg);
      -ms-transform: rotate(25deg);
      transform: rotate(25deg); }
    .showcase--new::after {
      content: '';
      width: 43px;
      height: 43px;
      -webkit-transform: rotate(25deg);
      -ms-transform: rotate(25deg);
      transform: rotate(25deg);
      position: absolute;
      top: 8px;
      left: -12px;
      background: #9ba54c; }
  .showcase--md-hidden {
    display: none !important; }
    @media only screen and (min-width: 992px) {
      .showcase--md-hidden {
        display: block !important; } }
  .showcase__figures {
    position: absolute;
    z-index: 20; }
    .showcase__figures:nth-of-type(1) {
      top: 130px;
      right: 190px;
      width: 33px;
      height: 33px;
      border: 3px solid #9ba54c;
      border-radius: 50%; }
      @media only screen and (max-width: 767px) {
        .showcase__figures:nth-of-type(1) {
          display: none; } }
    .showcase__figures:nth-of-type(2) {
      top: 430px;
      right: 70px;
      width: 40px;
      height: 34px;
      background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/showcase--triangle.svg");
      background-size: contain;
      background-repeat: no-repeat; }
      @media only screen and (max-width: 767px) {
        .showcase__figures:nth-of-type(2) {
          top: 300px;
          right: 5%;
          width: 28px;
          height: 24px; } }
    .showcase__figures:nth-of-type(3) {
      top: 700px;
      left: 60px;
      width: 46px;
      height: 46px;
      background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/showcase--circle-in-circle.svg");
      background-size: contain;
      background-repeat: no-repeat; }
      @media only screen and (max-width: 767px) {
        .showcase__figures:nth-of-type(3) {
          display: none; } }
    .showcase__figures:nth-of-type(4) {
      bottom: 330px;
      left: -18px;
      width: 35px;
      height: 35px;
      border: 3px solid #9ba54c;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
      @media only screen and (max-width: 767px) {
        .showcase__figures:nth-of-type(4) {
          display: none; } }
    .showcase__figures:nth-of-type(5) {
      bottom: -10px;
      right: 130px;
      width: 33px;
      height: 33px;
      border: 3px solid #9ba54c;
      border-radius: 50%; }
      @media only screen and (max-width: 767px) {
        .showcase__figures:nth-of-type(5) {
          width: 23px;
          height: 23px;
          left: 7%;
          border: 2px solid #9ba54c; } }
    .showcase__figures:nth-of-type(6) {
      bottom: 410px;
      right: 22.5%;
      width: 43px;
      height: 35px;
      background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/showcase--wave.svg");
      background-size: contain;
      background-repeat: no-repeat; }
      @media only screen and (max-width: 991px) {
        .showcase__figures:nth-of-type(6) {
          right: 47%;
          bottom: 395px; } }
      @media only screen and (max-width: 767px) {
        .showcase__figures:nth-of-type(6) {
          width: 28px;
          height: 23px;
          top: 440px;
          left: auto;
          right: 47%; } }

.materials {
  display: none; }
  @media only screen and (min-width: 768px) {
    .materials {
      display: block; } }
  .materials__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .materials__section a {
      display: block;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease;
      width: calc(25% - 10px);
      margin: 0 5px 10px;
      position: relative;
      overflow: hidden; }
      .materials__section a:first-child, .materials__section a:last-child {
        width: calc(25% - 5px); }
      .materials__section a:first-child {
        margin-left: 0; }
      .materials__section a:last-child {
        margin-right: 0; }
      .materials__section a:hover .materials__block {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2); }
  .materials__block {
    height: 220px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #9ba54c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    overflow: hidden; }
    .materials__block--rotang {
      background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/img/show8.jpg"); }
    .materials__block--wood {
      background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/img/show9.jpg"); }
    .materials__block--metal {
      background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/img/show10.jpg"); }
    .materials__block--textile {
      background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/img/show11.jpg"); }
  .materials__box {
    width: 100%;
    min-height: 85px;
    background: rgba(255, 255, 255, 0.52);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    .materials__box h3, .materials__box p {
      margin: 0;
      color: #000; }
    .materials__box h3 {
      font-family: "W", sans-serif;
      font-size: 1.761em;
      margin-bottom: 15px;
      line-height: .8em;
      font-weight: 300; }
      .materials__box h3 span {
        font-size: 0.845em; }
      @media only screen and (max-width: 575px) {
        .materials__box h3 {
          font-size: 3.071em; } }
    .materials__box p {
      font-size: 0.714em;
      line-height: 1em;
      font-family: "Gilroy", sans-serif;
      font-weight: 400;
      display: inline-block;
      text-transform: uppercase;
      letter-spacing: .05em;
      position: relative; }
      .materials__box p::after {
        content: '';
        background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/icon--arrow-black.svg");
        position: absolute;
        margin-left: 10px;
        width: 10px;
        height: 10px;
        top: -1px;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease; }
      .materials__box p:hover::after, .materials__box p:focus::after {
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
        -webkit-animation: arrow-anim infinite .7s ease;
        animation: arrow-anim infinite .7s ease; }
    @media only screen and (max-width: 767px) {
      .materials__box {
        width: 70%; } }
    @media only screen and (max-width: 575px) {
      .materials__box {
        width: 90%; } }

.manufacturers {
  position: relative; }
  @media only screen and (max-width: 767px) {
    .manufacturers {
      display: none; } }
  .manufacturers__title {
    font-family: "W", sans-serif;
    text-align: center;
    line-height: 1em;
    color: #000; }
    .manufacturers__title h3 {
      font-size: 1.571em;
      letter-spacing: 0.005em;
      margin: 20px 0 30px;
      position: relative;
      font-weight: 300; }
      .manufacturers__title h3 span {
        background: #fff;
        padding: 0 30px;
        position: relative;
        z-index: 1; }
      .manufacturers__title h3::before {
        content: '';
        width: 100%;
        height: 1px;
        opacity: .5;
        background-color: #000;
        position: absolute;
        top: 50%;
        left: 0; }
  .manufacturers__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr/4;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px; }
  .manufacturers__section {
    position: relative;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    overflow: hidden;
    visibility: hidden;
    height: 0;
    opacity: 0; }
    .manufacturers__section:nth-child(-n+8) {
      visibility: visible;
      height: 220px;
      opacity: 1; }
      @media only screen and (max-width: 991px) {
        .manufacturers__section:nth-child(-n+8) {
          height: 190px; } }
    .manufacturers__section::before {
      content: '';
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.32);
      position: absolute;
      left: 0;
      top: 0;
      -webkit-transition: all .4s ease;
      -o-transition: all .4s ease;
      transition: all .4s ease; }
    .manufacturers__section:hover::before {
      background-color: rgba(0, 0, 0, 0); }
    .manufacturers__section:hover .manufacturers__name {
      background: rgba(0, 0, 0, 0.65); }
  .manufacturers.openmore .manufacturers__section {
    visibility: visible;
    height: 220px;
    opacity: 1; }
    @media only screen and (max-width: 991px) {
      .manufacturers.openmore .manufacturers__section {
        height: 190px; } }
  .manufacturers.openmore .btn-more-less-container {
    padding: 30px 0; }
  .manufacturers__img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #9ba54c;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease; }
  .manufacturers__name {
    width: 100%;
    font-family: "W", sans-serif;
    font-size: 2.143em;
    line-height: 1em;
    text-align: center;
    font-weight: 300;
    padding: 20px 30px;
    margin: 0;
    color: #fff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0);
    min-height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease; }
    @media only screen and (max-width: 991px) {
      .manufacturers__name {
        font-size: 1.714em; } }
  .manufacturers .btn-more-less-container {
    text-align: center;
    text-transform: uppercase;
    padding: 12px 0 30px;
    font-size: 1.214em;
    line-height: 1em;
    letter-spacing: 0.005em;
    cursor: pointer; }

.icon {
  display: block;
  position: relative;
  width: 17px;
  height: 17px; }
  .icon::before {
    content: '';
    width: 17px;
    height: 17px;
    position: absolute; }
  .icon--instagram::before {
    background: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/icon--instagram.svg"); }
  .icon--facebook::before {
    background: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/icon--facebook.svg"); }

@media only screen and (max-width: 991px) {
  header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000; } }

header .top-line {
  background-color: #9ba54c;
  width: 100%; }
  header .top-line__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1em;
    color: #fff;
    letter-spacing: 0.05em;
    line-height: 1em; }
    @media only screen and (max-width: 991px) {
      header .top-line__wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
  header .top-line__description {
    padding: 10px 0 11px; }
    header .top-line__description a {
      color: #fff;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease; }
      header .top-line__description a:hover {
        opacity: .9; }
  header .top-line__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0; }
    @media only screen and (max-width: 991px) {
      header .top-line__nav {
        display: none; } }
    header .top-line__nav li a {
      position: relative;
      display: block;
      line-height: 1em;
      padding: 10px 14px 11px;
      color: #fff;
      letter-spacing: 0.05em;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease; }
      header .top-line__nav li a:hover {
        opacity: .8; }

header .middle-line {
  position: relative;
  padding: 32px 0 18px; }
  @media only screen and (max-width: 991px) {
    header .middle-line {
      background-color: rgba(255, 255, 255, 0.9);
      padding: 10px 0;
      -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
      box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); } }
  @media only screen and (max-width: 575px) {
    header .middle-line .container {
      padding-left: 20px;
      padding-right: 25px; } }
  header .middle-line__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  header .middle-line__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 72%; }
    @media only screen and (max-width: 991px) {
      header .middle-line__info {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: auto; } }
  header .middle-line__group-input {
    display: block;
    position: relative;
    height: 30px;
    width: 270px; }
    @media only screen and (max-width: 1199px) {
      header .middle-line__group-input {
        width: 200px; }
      }
    @media only screen and (max-width: 767px) {
      header .middle-line__group-input {
        display: none; } }
    header .middle-line__group-input input, .mobile-nav__search input {
      font-family: "Gilroy", sans-serif;
      height: 30px;
      width: 100%;
      border: 1px solid #e1dfdf;
      outline: none;
      padding-right: 25px;
      border-right: none;
      text-indent: 10px; }
    header .middle-line__group-input #search_mini_form {
      position: initial;
      display: block; }
    header .middle-line__group-input .btn-search, .mobile-nav__search .btn-search {
      position: absolute;
      z-index: 5;
      background: transparent;
      border: none;
      cursor: pointer; }
      header .middle-line__group-input .btn-search__logo, .mobile-nav__search .btn-search__logo {
        cursor: pointer;
        background: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/icon--search.svg");
        background-size: 15px 15px;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top: 0;
        right: 0;
        width: 35px;
        height: 100%;
        border-right: 1px solid #e1dfdf; }
      header .middle-line__group-input .btn-search:focus {
        outline: 5px auto -webkit-focus-ring-color; }
    header .middle-line__group-input .search-input {
      display: block;
      height: 30px; }
  header .middle-line__phone-number {
    color: #9ba54c;
    font-weight: 600;
    font-size: 1.9em;
    letter-spacing: .015em;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: relative; 
    display: block;
    line-height: 1.2;
    white-space: nowrap;
    }
    @media only screen and (max-width: 1199px) {
      header .middle-line__phone-number {
        margin-right: 1em;
        margin-left: 2em;
        font-size: 1.314em; } }
    @media only screen and (max-width: 600px) {
      header .middle-line__phone-number {
        margin-left: auto;
        margin-right: 5px;
        font-size: 1.1em;
        line-height: 1.6;
      }

      /* header .middle-line__phone-number {
        font-size: 0;
        width: 51px;
        height: 21px;
        display: block; }
        header .middle-line__phone-number::before {
          content: '';
          width: 21px;
          height: 21px;
          background: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/icon--phone.svg");
          position: absolute;
          left: 60%;
          top: 0;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          } 
           */
        }
        @media only screen and (max-width: 375px) {
          header .middle-line__phone-number {
            font-size: 1em;
          }
        }
    header .middle-line__phone-number:hover {
      opacity: .8; }
  header .middle-line__timework {
    text-align: right;
    cursor: pointer;
    position: relative;
    display: block; }
    @media only screen and (max-width: 991px) {
      header .middle-line__timework {
        text-align: left;
        display: inline-block; } }
    header .middle-line__timework:hover .dropdown-menu, header .middle-line__timework:focus .dropdown-menu {
      display: block; }
    header .middle-line__timework .middle-line__dropdown-toggle {
      opacity: .8;
      width: 100%;
      font-size: 0.857em;
      letter-spacing: 0.005em;
      line-height: 2.5em;
      color: #000; }
      @media only screen and (max-width: 991px) {
        header .middle-line__timework .middle-line__dropdown-toggle {
          color: #fff;
          opacity: 1;
          font-size: 1.214em; } }
      header .middle-line__timework .middle-line__dropdown-toggle:hover, header .middle-line__timework .middle-line__dropdown-toggle:focus {
        color: #9ba54c;
        opacity: 1; }
        header .middle-line__timework .middle-line__dropdown-toggle:hover + .dropdown-menu, header .middle-line__timework .middle-line__dropdown-toggle:focus + .dropdown-menu {
          display: block; }
    header .middle-line__timework .dropdown-menu {
      display: none;
      position: absolute;
      background: #fff;
      border: 1px solid #e1dfdf;
      min-width: 255px;
      text-align: left;
      top: 27px;
      left: 0;
      padding: 35px;
      word-wrap: break-word;
      color: #6a605f;
      line-height: 2px;
      -webkit-transition: all 1s ease;
      -o-transition: all 1s ease;
      transition: all 1s ease;
      -webkit-box-shadow: none;
      box-shadow: none;
      z-index: 1100; }
      @media only screen and (max-width: 991px) {
        header .middle-line__timework .dropdown-menu {
          position: relative; } }
      header .middle-line__timework .dropdown-menu li {
        display: block;
        overflow: auto;
        padding: 0;
        cursor: default;
        margin-bottom: 10px; }
        header .middle-line__timework .dropdown-menu li a {
          padding: 0;
          font-size: 0.857em;
          line-height: 1.5em;
          color: #000;
          white-space: normal;
          cursor: default;
          margin-bottom: 25px;
          letter-spacing: .015em; }
          header .middle-line__timework .dropdown-menu li a:hover {
            background-color: transparent; }
        header .middle-line__timework .dropdown-menu li:last-child a {
          margin-bottom: 0;
          color: #9ba54c; }
  header .middle-line__dropdown-toggle {
    border-bottom: 1px dashed #9ba54c;
    text-transform: lowercase;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    cursor: default; }
    @media only screen and (max-width: 991px) {
      header .middle-line__dropdown-toggle {
        display: none;
        border-bottom: none;
        text-transform: none; } }
  header .middle-line__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media only screen and (max-width: 991px) {
      header .middle-line__social {
        display: none; } }
    header .middle-line__social a {
      font-size: 1.214em;
      display: block;
      margin: 0 6px;
      -ms-flex-negative: 0;
      flex-shrink: 0; }
  header .middle-line__carticon {
    position: relative; }
    @media only screen and (max-width: 991px) {
      header .middle-line__carticon {
        padding: 0 10px; } }
    header .middle-line__carticon .Cart {
      display: block;
      min-width: 26px;
      min-height: 17px;
      font-size: 0;
      position: relative; }
      header .middle-line__carticon .Cart::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        background: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/icon--basket.svg") no-repeat center;
        background-size: contain; }
        @media only screen and (max-width: 991px) {
          header .middle-line__carticon .Cart::before {
            background: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/icon--basket-black.svg") no-repeat center; } }
    header .middle-line__carticon .NumOrder {
      font-size: 10px;
      opacity: 1;
      font-family: "Gilroy", sans-serif;
      position: absolute;
      top: -7px;
      right: 58%;
      -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
      transform: translateX(50%);
      background-color: #d80a0a;
      border-radius: 50%;
      min-width: 16px;
      height: 16px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #fff; }

header .logo {
  display: block; }
  @media only screen and (max-width: 991px) {
    header .logo {
      display: none; } }
  header .logo img {
    display: block;
    width: 113px;
    height: auto;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
    header .logo img:hover, header .logo img:focus {
      opacity: .8; }
  header .logo-mobile {
    display: none; }
    header .logo-mobile img {
      display: block;
      width: 177px;
      height: auto; }
      @media only screen and (max-width: 600px) {
        header .logo-mobile img {
          width: 140px; } }
      @media only screen and (max-width: 375px) {
        header .logo-mobile img {
          width: 120px; } }
    
    @media only screen and (max-width: 991px) {
      header .logo-mobile {
        display: block; } }

.button-nav-open {
  display: none;
  position: relative;
  width: 27px;
  height: 27px;
  background-color: transparent;
  border: 0; }
  @media only screen and (max-width: 991px) {
    .button-nav-open {
      display: block; } }
  .button-nav-open .bar {
    position: absolute;
    width: 19px;
    height: 2px;
    background-color: #000;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .button-nav-open .bar::before, .button-nav-open .bar::after {
      content: '';
      width: 19px;
      height: 2px;
      background-color: #000;
      position: absolute;
      right: 0; }
    .button-nav-open .bar::before {
      top: -6px; }
    .button-nav-open .bar::after {
      width: 17px;
      top: 6px; }

.button-nav-close {
  display: none;
  position: absolute;
  top: 30px;
  right: 25px;
  width: 27px;
  height: 27px;
  background-color: transparent;
  border: 0;
  margin: 0 0 30px auto; }
  @media only screen and (max-width: 991px) {
    .button-nav-close {
      display: block; } }
  .button-nav-close .bar {
    position: absolute;
    width: 19px;
    height: 2px;
    background-color: transparent;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .button-nav-close .bar::before, .button-nav-close .bar::after {
      content: '';
      width: 19px;
      height: 2px;
      background-color: #fff;
      position: absolute;
      right: 0; }
    .button-nav-close .bar::before {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .button-nav-close .bar::after {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }

.mobile-nav {
  display: none;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  background-color: rgba(0, 0, 0, 0.9);
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 1100;
  overflow: auto;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  padding: 80px 45px 50px; }
  @media only screen and (max-width: 991px) {
    .mobile-nav {
      display: block; } }
  .mobile-nav--active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .mobile-nav__contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px; }
  
  .mobile-nav__search {
    margin-right: 20px;
  }
  .mobile-nav__search #search_mini_form{
    position: relative;
  }
  .mobile-nav__search input {
    background: none;
    color: #fff;
    font-size: 1.214em;
    border-color: #666666;
  }
  .mobile-nav__search #search_autocomplete {
    display: none;
  }
  .mobile-nav__search .btn-search__logo {
    background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/icon--search--white.svg");
    border-color: #666666;
  }
  .mobile-nav__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .mobile-nav__social a {
      display: block;
      padding-left: 15px; }
      .mobile-nav__social a:first-child {
        padding-left: 0; }
  .mobile-nav__phone-number {
    font-family: "Gilroy", sans-serif;
    font-weight: 500;
    font-size: 1.857em;
    letter-spacing: 0.01em;
    color: #9ba54c;
    display: block;
    line-height: 1em; }
    .mobile-nav__phone-number:hover, .mobile-nav__phone-number:focus {
      color: #9ba54c; }
  .mobile-nav #nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 1; }
    .mobile-nav #nav a {
      color: #fff; }
      .mobile-nav #nav a span {
        padding: 7px 0; }
    .mobile-nav #nav li:nth-last-child(2) a {
      color: #d80a0a; }
    .mobile-nav #nav li:last-of-type a {
      color: #9ba54c; }
    .mobile-nav #nav li.parent {
      position: relative; }
      .mobile-nav #nav li.parent::before {
        content: '';
        width: 7px;
        height: 7px;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: rotate(-45deg) translateY(-50%);
        -ms-transform: rotate(-45deg) translateY(-50%);
        transform: rotate(-45deg) translateY(-50%); }
    .mobile-nav #nav .child-categories {
      display: none; }
  .mobile-nav .middle-line__dropdown-toggle {
    display: inline-block;
    color: #fff;
    position: relative;
    padding: 7px 0 3px; }
    .mobile-nav .middle-line__dropdown-toggle:hover + .dropdown-menu, .mobile-nav .middle-line__dropdown-toggle:focus + .dropdown-menu {
      display: block;
      position: relative;
      width: 100%; }
      .mobile-nav .middle-line__dropdown-toggle:hover + .dropdown-menu a, .mobile-nav .middle-line__dropdown-toggle:focus + .dropdown-menu a {
        padding: 3px 15px;
        font-size: 0.857em; }
        @media only screen and (max-width: 991px) {
          .mobile-nav .middle-line__dropdown-toggle:hover + .dropdown-menu a, .mobile-nav .middle-line__dropdown-toggle:focus + .dropdown-menu a {
            padding: 0; } }

@media only screen and (max-width: 991px) {
  .nav {
    display: none; } }

.nav .nav-container {
  border-bottom: 3px solid #9ba54c; }

#nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative; }
  #nav .child-categories {
    -webkit-transition: visibility .2s, opacity 0.1s linear;
    -o-transition: visibility .2s, opacity 0.1s linear;
    transition: visibility .2s, opacity 0.1s linear;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    margin-top: 3px;
    z-index: 999;
    background: #fff;
    height: 173px;
    overflow: hidden;
    border: 1px solid #a39d99;
    width: auto; }
  #nav li {
    position: relative; }
    #nav li:hover .child-categories, #nav li:focus .child-categories {
      visibility: visible;
      opacity: 1; }
    #nav li:nth-of-type(n+6) .child-categories {
      right: 0;
      left: auto; }
    #nav li.columns-3 .child-categories {
      min-width: 540px; }
    #nav li.columns-2 .child-categories {
      min-width: 400px; }
    #nav li.cat-752 a {
      color: #d80a0a; }
      #nav li.cat-752 a:hover {
        color: #9ba54c; }
  #nav a {
    font-size: 1em;
    line-height: 1em;
    letter-spacing: 0.026em;
    color: #000;
    display: block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
    @media only screen and (max-width: 991px) {
      #nav a {
        font-size: 1.214em; } }
    #nav a:hover, #nav a:focus {
      color: #9ba54c; }
    #nav a span {
      display: block;
      padding: 15px 5px; }
  #nav .cat-752 {
    -webkit-box-ordinal-group: 100;
    -ms-flex-order: 99;
    order: 99; }
  #nav .cat-934 a {
    color: #9ba54c; }
    #nav .cat-934 a:hover {
      color: #000; }
  #nav .multi-column-dropdown {
    padding: 20px 0 0 30px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%; }
    #nav .multi-column-dropdown li {
      display: block;
      width: 100%; }
    #nav .multi-column-dropdown a {
      font-size: 1em;
      letter-spacing: 0.015em; }
      #nav .multi-column-dropdown a span {
        padding: 7px 0;
        width: 100%;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        display: inline-block; }
  #nav .image-column {
    padding-left: 0; }
    #nav .image-column img {
      width: 100%;
      height: auto;
      -o-object-fit: cover;
      object-fit: cover; }

.slider {
  position: relative;
  width: 100%; }
  .slider-one .swiper-slide {
    opacity: 0;
    -webkit-transition: 2s;
    -o-transition: 2s;
    transition: 2s; }
  .slider-one .swiper-slide-active {
    opacity: 1;
    -webkit-transition: 2s;
    -o-transition: 2s;
    transition: 2s; }
  .slider-one-css-back {
    position: relative;
    width: 100%;
    height: 500px;
    background-position: center;
    background-size: cover; }

.swiper {
  position: relative;
  max-width: 100%; }
  .swiper-pagination-main {
    display: none; }
  .swiper-pagination-bullet {
    width: 18px !important;
    height: 18px !important;
    background: transparent !important;
    border: 3px solid #fff;
    opacity: 0.6 !important; }
    .swiper-pagination-bullet-active {
      background: #fff !important;
      opacity: 0.6 !important; }
  .swiper-container {
    width: 100%;
    height: 100%; }
  .swiper-content {
    display: block;
    color: #fff;
    padding: 70px 60px;
    min-height: 295px; }
    @media only screen and (max-width: 991px) {
      .swiper-content {
        padding: 50px 40px;
        min-height: 250px; } }
    @media only screen and (max-width: 767px) {
      .swiper-content {
        position: absolute;
        color: #000;
        min-width: 245px;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        text-align: center;
        min-height: auto;
        padding: 30px 30px 20px; } }
    .swiper-content::after {
      content: "";
      display: table;
      clear: both; }
    .swiper-content::before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background-color: rgba(0, 0, 0, 0.2);
      -webkit-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease; }
      @media only screen and (max-width: 767px) {
        .swiper-content::before {
          background-color: rgba(255, 255, 255, 0.85); } }
    .swiper-content:hover {
      color: #fff; }
      @media only screen and (max-width: 767px) {
        .swiper-content:hover {
          color: #000;
          background-color: rgba(255, 255, 255, 0.85); } }
      .swiper-content:hover::before {
        background-color: rgba(0, 0, 0, 0); }
  .swiper-title {
    display: inline-block; }
    .swiper-title h3 {
      font-family: "W", sans-serif;
      font-weight: 400;
      font-size: 4.500em;
      line-height: 1em;
      letter-spacing: 0.005em;
      margin: 0 0 10px;
      padding: 0;
      position: relative;
      z-index: 10; }
      @media only screen and (max-width: 991px) {
        .swiper-title h3 {
          font-size: 3.8em; } }
      @media only screen and (max-width: 767px) {
        .swiper-title h3 {
          font-size: 2.571em;
          display: inline; } }
      .swiper-title h3::before {
        content: "//";
        width: 55px;
        height: 60px;
        position: absolute;
        color: #9ba54c;
        font-size: 1.1em;
        letter-spacing: -0.10em;
        font-weight: 700;
        z-index: -1;
        left: -20px; }
        @media only screen and (max-width: 767px) {
          .swiper-title h3::before {
            left: -30px; } }
  .swiper-text {
    font-size: 1.071em;
    letter-spacing: 0.025em;
    max-width: 340px;
    margin-bottom: 30px;
    z-index: 10;
    position: relative;
    display: inline-block; }
    @media only screen and (max-width: 767px) {
      .swiper-text {
        margin-top: 10px; } }
    @media only screen and (max-width: 575px) {
      .swiper-text {
        font-size: 0.857em;
        margin-bottom: 15px; } }
  .swiper-link {
    font-family: "Gilroy", sans-serif;
    font-weight: 400;
    display: inline-block;
    text-transform: uppercase;
    font-size: 1em;
    letter-spacing: .05em;
    position: relative;
    z-index: 10; }
    @media only screen and (max-width: 575px) {
      .swiper-link {
        font-size: 0.786em; } }
    .swiper-link::after {
      content: '';
      background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/icon--arrow.svg");
      position: absolute;
      margin-left: 19px;
      width: 15px;
      height: 15px;
      top: 2px;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease; }
      @media only screen and (max-width: 767px) {
        .swiper-link::after {
          background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/icon--arrow-black.svg"); } }
    .swiper-link:hover::after, .swiper-link:focus::after {
      -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
      transform: translateX(20px);
      -webkit-animation: arrow-anim infinite .7s ease;
      animation: arrow-anim infinite .7s ease; }
  .swiper-slide {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative; }
    .swiper-slide .container-swiper-small {
      opacity: 0.5;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
    .swiper-slide-active .container-swiper-small {
      opacity: 1; }

.swipe {
  position: relative; }
  @media only screen and (max-width: 767px) {
    .swipe {
      margin-top: -100px; }
      .swipe .swiper-slide {
        margin-bottom: 0 !important;
        min-height: 550px !important; }
      .swipe .swiper-pagination {
        opacity: 0; } }

.popular-goods {
  position: relative;
  padding-bottom: 40px; }
  @media only screen and (max-width: 767px) {
    .popular-goods {
      padding-bottom: 30px; } }
  @media only screen and (max-width: 575px) {
    .popular-goods.container {
      padding: 0 15px !important; } }
  .popular-goods__product {
    margin-bottom: 30px; }
    @media only screen and (max-width: 767px) {
      .popular-goods__product {
        padding: 0 20px; } }
    @media only screen and (max-width: 575px) {
      .popular-goods__product {
        padding: 0 10px; } }
    .popular-goods__product a {
      display: block;
      color: #000;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease; }
      .popular-goods__product a.popular-goods__img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 200px;
        position: relative; }
        @media only screen and (max-width: 575px) {
          .popular-goods__product a.popular-goods__img {
            min-height: 130px; } }
        .popular-goods__product a.popular-goods__img img {
          display: block;
          width: 100%;
          height: auto;
          -webkit-transition: all .3s ease;
          -o-transition: all .3s ease;
          transition: all .3s ease;
          margin-bottom: 10px;
          max-height: 280px;
          -o-object-fit: cover;
          object-fit: cover; }
          @media only screen and (max-width: 991px) {
            .popular-goods__product a.popular-goods__img img {
              max-height: 220px; } }
          @media only screen and (max-width: 767px) {
            .popular-goods__product a.popular-goods__img img {
              max-height: 190px; } }
    .popular-goods__product h4 {
      font-size: 1.071em;
      font-weight: 400;
      letter-spacing: 0.025em;
      margin: 0 0 10px; }
    .popular-goods__product .price-box {
      font-family: "Gilroy", sans-serif;
      font-size: 1.214em;
      letter-spacing: 0.025em;
      color: #9ba54c;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease;
      font-weight: 600; }
      @media only screen and (max-width: 991px) {
        .popular-goods__product .price-box {
          font-size: 1em; } }
      .popular-goods__product .price-box .old-price {
        margin-bottom: 5px; }
        .popular-goods__product .price-box .old-price .price {
          position: relative; }
          .popular-goods__product .price-box .old-price .price::before {
            content: '';
            width: 100%;
            height: 1px;
            position: absolute;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            background: #9ba54c; }
      .popular-goods__product .price-box .special-price .price {
        color: #fd614b; }
    .popular-goods__product:hover img {
      opacity: .9; }
    .popular-goods__product:hover a {
      color: #9ba54c; }
    .popular-goods__product:hover .price-box {
      color: #6a605f; }

.clients .owl-dots {
  position: absolute;
  bottom: -20px;
  width: 100%;
  height: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .clients .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #fff;
    opacity: 0.4;
    margin: 0 5px; }
    .clients .owl-dots .owl-dot.active {
      background-color: #fff; }

.clients .img {
  -webkit-transform: scale(0.85);
  -ms-transform: scale(0.85);
  transform: scale(0.85); }

.clients-box {
  background-color: #9ba54c;
  padding: 70px 0 40px; }
  @media only screen and (max-width: 1199px) {
    .clients-box {
      padding: 50px 0 40px; } }
  .clients-box h3 {
    display: none; }

.left_menu a {
  display: block;
  color: #000;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  margin-bottom: 9px; }
  .left_menu a:hover, .left_menu a:focus {
    color: #9ba54c;
    background: rgba(0, 0, 0, 0.02); }

.left_menu h2 {
  font-size: 1em;
  font-weight: 700;
  margin: 0;
  line-height: 1.429em; }
  .left_menu h2 a {
    font-family: "Gilroy", sans-serif;
    letter-spacing: .05em; }

.left_menu.list-group {
  margin-bottom: 40px; }

.left_menu ul li:last-child a {
  display: block;
  opacity: .6;
  position: relative; }
  .left_menu ul li:last-child a::after {
    content: '';
    background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/icon--arrow-black.svg");
    position: absolute;
    margin-left: 10px;
    width: 12px;
    height: 12px;
    top: 4px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
  .left_menu ul li:last-child a:hover, .left_menu ul li:last-child a:focus {
    opacity: 1; }
    .left_menu ul li:last-child a:hover::after, .left_menu ul li:last-child a:focus::after {
      background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/icon--arrow-green.svg");
      -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
      transform: translateX(20px);
      -webkit-animation: arrow-anim infinite .7s ease;
      animation: arrow-anim infinite .7s ease; }

@-webkit-keyframes arrow-anim {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  25% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  75% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes arrow-anim {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  25% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  75% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.left_menu.left-category {
  margin-bottom: 0;
  padding: 38px 0; }
  .left_menu.left-category .cat_menu li a, .left_menu.left-category .cat_menu li span {
    display: block;
    padding: 8px 8px;
    border: none;
    margin-left: -8px;
    margin-bottom: 10px;
    cursor: pointer; }
  .left_menu.left-category .cat_menu li:last-child a {
    opacity: 1; }
    .left_menu.left-category .cat_menu li:last-child a::after {
      content: none; }
  .left_menu.left-category .cat_menu li span {
    color: #d80a0a; }

.sidebar .widget-static-block {
  margin-bottom: 50px; }

.breadcrumb {
  font-size: 1em;
  padding: 20px 15px;
  background: transparent;
  font-family: "Gilroy", sans-serif;
  width: 100%; }
  @media only screen and (max-width: 991px) {
    .breadcrumb {
      margin-top: 100px; } }
  @media only screen and (max-width: 575px) {
    .breadcrumb {
      text-align: center; } }
  .breadcrumb a {
    color: #000; }
  .breadcrumb li {
    letter-spacing: .015em;
    display: inline-block;
    position: relative; }
    .breadcrumb li span.active {
      color: #000;
      opacity: .6; }
    .breadcrumb li + li {
      padding-left: 33px; }
      .breadcrumb li + li::before {
        content: '';
        background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/icon--arrow-black.svg");
        opacity: .6;
        position: absolute;
        width: 12px;
        height: 12px;
        top: 4px;
        left: 8px; }

.list-category {
  padding: 0 0 50px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  @media only screen and (max-width: 991px) {
    .list-category {
      padding-bottom: 30px; } }
  @media only screen and (max-width: 575px) {
    .list-category {
      padding-bottom: 10px; } }
  .list-category h4 {
    font-size: 1.286em;
    font-family: "Gilroy", sans-serif;
    font-weight: 400;
    cursor: pointer;
    margin: 0 0 30px 0;
    text-align: center;
    letter-spacing: .005em; }
    @media only screen and (max-width: 575px) {
      .list-category h4 {
        padding: 0 15px; } }
  .list-category img {
    width: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    position: relative; }
  .list-category a {
    display: block;
    color: #000;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    overflow: hidden; }
    .list-category a.img {
      position: relative;
      overflow: hidden;
      vertical-align: middle;
      max-height: 155px;
      margin-bottom: 20px; }
    .list-category a:hover {
      color: #9ba54c; }
      .list-category a:hover img {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2); }
  .list-category__figures {
    position: absolute;
    z-index: 20;
    top: 136px;
    right: 12.3%;
    width: 36px;
    height: 36px;
    background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/showcase--circle-in-circle.svg");
    background-size: contain;
    background-repeat: no-repeat; }
    @media only screen and (max-width: 991px) {
      .list-category__figures {
        top: 120px;
        right: 0%; } }
    @media only screen and (max-width: 767px) {
      .list-category__figures {
        width: 26px;
        height: 26px;
        bottom: 85px;
        right: 39%;
        top: auto;
        background-image: none;
        border: 2px solid #9ba54c;
        border-radius: 50%; } }

.count-4 .zone_relax:nth-of-type(3n+4), .count-5 .zone_relax:nth-of-type(3n+4), .count-6 .zone_relax:nth-of-type(3n+4), .count-8 .zone_relax:nth-of-type(3n+4), .count-7 .zone_relax:nth-of-type(3n+4) {
  margin-left: 1px; }
  @media only screen and (max-width: 991px) {
    .count-4 .zone_relax:nth-of-type(3n+4), .count-5 .zone_relax:nth-of-type(3n+4), .count-6 .zone_relax:nth-of-type(3n+4), .count-8 .zone_relax:nth-of-type(3n+4), .count-7 .zone_relax:nth-of-type(3n+4) {
      margin-left: 0; } }

.count-8 .list-category__figures, .count-5 .list-category__figures {
  bottom: 104px;
  top: auto;
  right: 24.8%; }
  @media only screen and (max-width: 991px) {
    .count-8 .list-category__figures, .count-5 .list-category__figures {
      bottom: 84px;
      top: auto;
      right: 16.2%; } }
  @media only screen and (max-width: 767px) {
    .count-8 .list-category__figures, .count-5 .list-category__figures {
      bottom: 85px;
      right: 39%;
      top: auto; } }

.catalog-category-view .col2-right-layout {
  padding-top: 0; }

.category-description {
  margin-top: 48px;
}
.category-description a, .category-description a:hover, .category-description a:focus, .category-description a:active, .category-description a:visited {
  color: #9ba54c;
}

.toolbar {
  font-family: "Gilroy", sans-serif;
  font-size: 14px; }
  .toolbar nav {
    width: 100%; }
  .toolbar .to_top {
    display: none; }
  .toolbar .pages {
    display: block;
    text-align: center;
    padding: 0 0 30px; }
    @media only screen and (max-width: 575px) {
      .toolbar .pages {
        padding: 15px 0; } }
    .toolbar .pages ol {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 0; }
    .toolbar .pages li {
      display: inline;
      position: relative; }
      .toolbar .pages li a {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        border: none;
        color: #000;
        opacity: .6;
        position: relative;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        cursor: pointer; }
        .toolbar .pages li a:hover, .toolbar .pages li a:focus {
          color: #9ba54c; }
        .toolbar .pages li a.next {
          margin-left: 10px;
          background-size: 16px;
          background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/icon--arrow-black.svg");
          background-repeat: no-repeat;
          background-position: center;
          color: #000;
          font-size: 0; }
          .toolbar .pages li a.next.i-next {
            opacity: 0.6; }
          .toolbar .pages li a.next.disabled {
            opacity: 0.1;
            cursor: default; }
        .toolbar .pages li a.previous {
          margin-right: 10px;
          background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/icon--arrow-black.svg");
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg);
          background-size: 16px;
          background-repeat: no-repeat;
          background-position: center;
          color: #000;
          font-size: 0; }
          .toolbar .pages li a.previous.i-previous {
            opacity: 0.6; }
          .toolbar .pages li a.previous.disabled {
            opacity: 0.3;
            cursor: default; }
      .toolbar .pages li.current {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        border: 1px solid rgba(0, 0, 0, 0.3);
        position: relative;
        color: #000;
        opacity: .6;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        cursor: default; }
  .toolbar--bottom .drop_btn_serch {
    display: none; }

.drop_btn_serch {
  padding: 30px 0 15px;
  width: 100%;
  display: none; }
  @media only screen and (min-width: 767px) {
    .drop_btn_serch {
      display: block; } }
  .drop_btn_serch span {
    float: left;
    color: #000;
    opacity: .6;
    font-size: 0.857em;
    letter-spacing: .04em;
    margin-right: 14px; }
    @media only screen and (min-width: 991px) {
      .drop_btn_serch span {
        font-size: 1em; } }
  .drop_btn_serch .amount {
    padding-top: 5px; }
  .drop_btn_serch .sort-by {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media only screen and (max-width: 1199px) {
      .drop_btn_serch .sort-by {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; } }
  .drop_btn_serch .limiter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media only screen and (max-width: 1199px) {
      .drop_btn_serch .limiter {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; } }
  .drop_btn_serch .form-group {
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0;
    height: 27px;
    overflow: hidden;
    background-size: 10px; }
    .drop_btn_serch .form-group select {
      -webkit-box-shadow: none;
      box-shadow: none;
      padding: 5px 7px 7px;
      cursor: pointer;
      border-radius: 0;
      background: transparent;
      height: 27px;
      border: 0;
      color: #000;
      opacity: .6;
      letter-spacing: 0.005em;
      line-height: 1;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      font-size: 0.857em;
      font-family: "Gilroy", sans-serif; }
      .drop_btn_serch .form-group select::-webkit-input-placeholder {
        font-family: "Gilroy", sans-serif; }
      .drop_btn_serch .form-group select:-ms-input-placeholder {
        font-family: "Gilroy", sans-serif; }
      .drop_btn_serch .form-group select::-ms-input-placeholder {
        font-family: "Gilroy", sans-serif; }
      .drop_btn_serch .form-group select::placeholder {
        font-family: "Gilroy", sans-serif; }
      @media only screen and (min-width: 991px) {
        .drop_btn_serch .form-group select {
          font-size: 1em; } }
      .drop_btn_serch .form-group select option {
        padding-right: 10px;
        text-indent: 3px;
        background-color: inherit; }
  .drop_btn_serch .new-select-style-wpandyou {
    background: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/arrow-down.svg") no-repeat right #FFF;
    background-size: 12px;
    background-position: 180px;
    width: 200px; }
    .drop_btn_serch .new-select-style-wpandyou select {
      width: 200px; }
  .drop_btn_serch .new-select-style-number {
    float: right;
    background: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/arrow-down.svg") no-repeat right #FFF;
    background-size: 12px;
    background-position: 50px;
    width: 70px; }
    .drop_btn_serch .new-select-style-number select {
      width: 70px; }

.view-mode {
  display: none; }

.filter_product h5 {
  font-family: "Gilroy", sans-serif;
  font-size: 1em;
  font-weight: 700;
  color: #000;
  letter-spacing: 0.02em;
  margin-top: 0;
  margin-bottom: 10px; }

.filter_list {
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
  display: block; }
  .filter_list::before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    background-color: #000;
    opacity: .1;
    bottom: 0;
    left: 0; }
  .filter_list .checkbox {
    margin: 0; }

@media only screen and (max-width: 1199px) {
  .search_group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around; } }

.price_search .search_arrow {
  float: left;
  height: 38px;
  width: 32px;
  background: url(https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/right_arrow.svg);
  background-size: 6px;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
  cursor: default; }

.price_search .price_btn_search {
  padding-left: 5px;
  height: 38px;
  width: 25%;
  text-transform: lowercase;
  float: left;
  border: 1px solid rgba(0, 0, 0, 0.4); }
  @media only screen and (max-width: 1199px) {
    .price_search .price_btn_search {
      width: 35%; } }
  .price_search .price_btn_search:focus {
    outline: #9ba54c auto 5px; }

.price_search .search_btn {
  margin-left: 8%;
  text-transform: uppercase;
  border: none;
  background: #9ba54c;
  color: #fff;
  text-align: center;
  height: 38px;
  width: 29%;
  float: left;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }
  @media only screen and (max-width: 1199px) {
    .price_search .search_btn {
      margin-left: 0;
      margin-top: 20px;
      width: 100%; } }
  .price_search .search_btn:hover {
    opacity: .8; }
  .price_search .search_btn:focus {
    outline: none; }

.checkbox {
  padding: 0; }
  .checkbox ol {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .checkbox ol li {
      margin-bottom: 5px;
      position: relative; }
      .checkbox ol li .amshopby-attr-selected .opt-check::before {
        opacity: 1; }
      .checkbox ol li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
    .checkbox ol .opt-check {
      display: block;
      position: absolute;
      width: 13px;
      height: 13px;
      border: 1px solid rgba(0, 0, 0, 0.5);
      margin-right: 20px;
      top: 2px; }
      .checkbox ol .opt-check::before {
        content: '';
        width: 8px;
        height: 5px;
        border-left: 1px solid #9ba54c;
        border-bottom: 1px solid #9ba54c;
        position: absolute;
        left: 2px;
        top: 2px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease; }
    .checkbox ol .opt-name {
      font-size: 1em;
      font-weight: 400;
      color: #000;
      letter-spacing: 0.01em;
      padding-left: 30px;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease; }
      .checkbox ol .opt-name:hover {
        color: #9ba54c; }
      @media only screen and (max-width: 1199px) {
        .checkbox ol .opt-name {
          padding-left: 20px; } }

.filter_params {
  background-color: #F5F3F4;
  padding: 25px;
  margin-bottom: 30px; }
  .filter_params .block-subtitle {
    font-size: 1em;
    color: #000;
    letter-spacing: 0.025em; }
  .filter_params .currently img {
    vertical-align: inherit; }
  .filter_params li {
    list-style: none;
    font-size: 1em;
    font-weight: 400;
    color: #9ba54c; }
  .filter_params span.label {
    font-weight: 700;
    display: block;
    width: 100%;
    overflow: auto;
    text-align: left;
    font-size: 1em;
    margin-bottom: 5px;
    padding: 2px 0;
    color: #000; }
  .filter_params .actions {
    font-size: 1em;
    font-weight: 400; }
    .filter_params .actions a {
      color: #000;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease; }
      .filter_params .actions a:hover {
        color: #d80a0a; }

.products-grid {
  height: auto;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease; }
  .products-grid:hover h4 a {
    color: #9ba54c; }
  .products-grid .product-image {
    max-width: none;
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 10px; }
    @media only screen and (max-width: 575px) {
      .products-grid .product-image {
        width: 100%;
        height: 100%;
        max-height: 130px;
        -o-object-fit: contain;
        object-fit: contain; } }
  .products-grid a {
    display: block; }
  .products-grid h4 {
    font-family: "Gilroy", sans-serif;
    font-size: 1em;
    margin: 0;
    letter-spacing: 0.005em;
    font-weight: 400;
    max-width: 70%; }
    @media only screen and (max-width: 991px) {
      .products-grid h4 {
        max-width: 100%; } }
    .products-grid h4 a {
      color: #483b34; }
  .products-grid .price-box .price {
    font-size: 1em;
    font-weight: 600;
    color: #9ba54c; }
  .products-grid .price-box .old-price span {
    position: relative; }
    .products-grid .price-box .old-price span::before {
      content: '';
      width: 100%;
      height: 1px;
      position: absolute;
      top: calc(50% - 0.5px);
      background-color: #9ba54c; }
  .products-grid .price-box .special-price span {
    color: #fd614b; }
  .products-grid .group_look_all {
    position: relative;
    text-align: center;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    .products-grid .group_look_all a {
      color: #000;
      opacity: 0.6;
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: .004em; }
    .products-grid .group_look_all .img_look_all {
      left: 50%;
      margin-top: 10px;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 37px;
      height: 37px;
      background-color: #000;
      opacity: .6;
      position: relative; }
      .products-grid .group_look_all .img_look_all::after {
        content: '';
        background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/icon--arrow.svg");
        position: absolute;
        width: 15px;
        height: 15px;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
  .products-grid__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 60px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media only screen and (max-width: 575px) {
      .products-grid__name {
        min-height: auto; }
        .products-grid__name h4 {
          margin-bottom: 6px; } }
    .products-grid__name p {
      margin-bottom: 0; }

.collection-product {
  position: relative;
  margin-bottom: 50px; }
  @media only screen and (max-width: 991px) {
    .collection-product {
      margin-bottom: 30px; } }
  .collection-product .option_product {
    width: 10%;
    float: right;
    margin-top: 10px;
    cursor: help; }
    @media only screen and (max-width: 575px) {
      .collection-product .option_product {
        display: none; } }
    .collection-product .option_product:hover .option_message {
      display: block;
      z-index: 1500; }
  .collection-product .option_message {
    position: absolute;
    left: 50%;
    top: 140px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 15px;
    display: none;
    max-width: 250px;
    width: 250px;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.6);
    z-index: 999; }
    .collection-product .option_message p {
      font-family: "Gilroy", sans-serif;
      font-weight: 400;
      color: #000;
      line-height: 1.5em;
      margin-bottom: 0; }

.about {
  padding: 90px 0; }
  @media only screen and (max-width: 1199px) {
    .about {
      padding: 60px 0; } }
  @media only screen and (max-width: 767px) {
    .about {
      padding: 40px 0; } }
  .about .home-lead {
    text-align: center;
    margin-bottom: 40px; }
    @media only screen and (max-width: 1199px) {
      .about .home-lead {
        margin-bottom: 25px; } }
    @media only screen and (max-width: 767px) {
      .about .home-lead {
        margin-bottom: 0; } }
  .about h1, .about h2 {
    letter-spacing: 0.025em;
    line-height: 1em;
    margin-bottom: 25px; }
    @media only screen and (max-width: 767px) {
      .about h1, .about h2 {
        margin-bottom: 15px; } }
  .about h1 {
    font-family: "W", sans-serif;
    font-size: 2.357em;
    font-weight: 400; }
  .about h2 {
    font-family: "Gilroy", sans-serif;
    font-size: 1.286em;
    font-weight: 300; }
  .about p {
    font-family: "Gilroy", sans-serif;
    font-size: 1em;
    margin-bottom: 10px;
    font-weight: 300;
    letter-spacing: 0.025em;
    line-height: 1.385em; }
  .about h3 {
    font-family: "Gilroy", sans-serif;
    font-size: 1em;
    font-weight: 600;
    line-height: 1.385em;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 20px; }
    @media only screen and (max-width: 767px) {
      .about h3 {
        margin-top: 20px;
        margin-bottom: 15px; } }
  .about p {
    font-family: "Gilroy", sans-serif;
    margin-bottom: 15px;
    font-size: 1em; }
    @media only screen and (max-width: 767px) {
      .about p {
        margin-bottom: 10px; } }
  .about ul {
    margin-bottom: 15px; }
  .about a {
    color: #9ba54c; }

.product-essential {
  position: relative;
  margin-bottom: 40px; }

@media only screen and (max-width: 767px) {
  .item-page {
    margin-top: 100px; }
    .item-page .swiper-slide {
      min-height: auto;
      margin-bottom: 20px; }
    .item-page .swiper-pagination-main {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 100%;
      bottom: -5px; }
      .item-page .swiper-pagination-main .swiper-pagination-bullet {
        background-color: #9ba54c !important;
        z-index: 100;
        cursor: pointer; }
        .item-page .swiper-pagination-main .swiper-pagination-bullet-active {
          opacity: 1 !important;
          outline: none; }
    .item-page .breadcrumb {
      margin-top: 0; } }

.item-page h1.item-title {
  margin: 0 0 10px 0;
  font-family: "W", sans-serif;
  font-size: 2.143em;
  color: #000;
  letter-spacing: 0.005em;
  line-height: 1.1em;
  font-weight: 400; }

.item-page p.item-code {
  font-size: 1em;
  font-weight: 300;
  color: #000;
  opacity: .6;
  letter-spacing: 0.025em;
  line-height: 1em;
  margin: 0 0 10px 0; }

.item-page .price .info_add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.item-page .price .product-options-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  width: 60%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media only screen and (max-width: 575px) {
    .item-page .price .product-options-bottom {
      width: 61%; } }

.item-page .price .product-options {
  margin-top: 25px;
  width: 100%; }

.item-page .price .button {
  cursor: pointer;
  line-height: 1em;
  padding: 18px 33px;
  background-color: #9ba54c;
  color: #fff;
  text-transform: uppercase;
  font-size: 1em;
  letter-spacing: 0.05em;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  @media only screen and (max-width: 575px) {
    .item-page .price .button {
      padding: 18px 25px; } }
  .item-page .price .button:hover {
    opacity: .8; }

.item-page .price .price-box {
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  .item-page .price .price-box span.price {
    font-size: 1.286em;
    line-height: 1em;
    letter-spacing: 0.025em;
    color: #9ba54c;
    display: block;
    font-weight: 600;
    margin-top: 15px; }
    @media only screen and (max-width: 575px) {
      .item-page .price .price-box span.price {
        font-size: 1.1em; } }
  .item-page .price .price-box .old-price span.price {
    position: relative; }
    .item-page .price .price-box .old-price span.price::before {
      content: '';
      width: 100%;
      height: 1px;
      position: absolute;
      top: calc(50% - 0.5px);
      background-color: #9ba54c; }
  .item-page .price .price-box .special-price span.price {
    color: #d80a0a; }

.item-page .price .qty-control .input-text {
  width: 28px;
  height: 28px;
  font-family: "Gilroy", sans-serif;
  font-size: 1.143em;
  color: #000;
  letter-spacing: 0.005em;
  opacity: .6;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.item-page .price .qty-control .qty-label {
  font-size: 0.857em;
  color: #000;
  opacity: .6;
  letter-spacing: 0.025em;
  line-height: 1em;
  margin-bottom: 5px;
  text-align: center; }

.item-page .price .qty-control .add_to_cart_num_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.item-page .share-buttons {
  text-align: right;
  font-family: "Gilroy", sans-serif;
  font-size: 1em;
  color: #000;
  opacity: .6;
  margin: 20px 0 10px;
  letter-spacing: 0.025em; }
  .item-page .share-buttons a {
    color: #000;
    opacity: .6;
    padding-left: 10px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
    .item-page .share-buttons a:hover {
      color: #9ba54c;
      opacity: 1; }

.item-page .tabs {
  padding-top: 20px;
  position: relative; }
  .item-page .tabs::before {
    content: '';
    width: 100%;
    height: 3px;
    background-color: #9ba54c;
    position: absolute;
    top: 0;
    left: 0; }
  .item-page .tabs ul li {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .item-page .tabs span {
    font-size: 1em;
    color: #000;
    cursor: pointer;
    letter-spacing: 0.025em;
    padding: 14px 40px;
    display: block;
    position: relative; }
  .item-page .tabs .icon-dropdown {
    position: absolute;
    width: 7px;
    height: 7px;
    background: transparent;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    left: 3px;
    top: 19px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
    .item-page .tabs .icon-dropdown.drop {
      -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      transform: rotate(135deg); }
  .item-page .tabs .dropdown-descr {
    font-size: 1em;
    line-height: 1.5em;
    color: rgba(0, 0, 0, 0.6);
    padding: 15px 20px 30px 40px;
    letter-spacing: 0.005em; }
    @media only screen and (max-width: 575px) {
      .item-page .tabs .dropdown-descr {
        padding: 15px 15px 20px 25px; } }
    .item-page .tabs .dropdown-descr li {
      border: none;
      margin-bottom: 5px; }
  .item-page .tabs .descblock {
    margin-top: 20px; }
    .item-page .tabs .descblock .block-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-bottom: 15px; }
    .item-page .tabs .descblock span {
      padding: 0;
      width: 100%;
      text-align: left;
      line-height: 1.2em;
      color: rgba(0, 0, 0, 0.6); }
      .item-page .tabs .descblock span.attr {
        line-height: 1.2em;
        color: #000;
        width: 170px;
        -ms-flex-negative: 0;
        flex-shrink: 0; }
    .item-page .tabs .descblock .block-width {
      line-height: 1.2em;
      color: #000;
      width: 170px;
      -ms-flex-negative: 0;
      flex-shrink: 0; }
    .item-page .tabs .descblock .box-attr {
      width: 100%;
      text-align: left;
      line-height: 1.2em;
      color: rgba(0, 0, 0, 0.6); }
  .item-page .tabs .delivery ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .item-page .tabs .delivery li {
    padding: 0; }
  .item-page .tabs .delivery span {
    padding: 0;
    color: #000;
    opacity: .6; }
    .item-page .tabs .delivery span.del_left {
      opacity: 1;
      font-weight: 700; }
    .item-page .tabs .delivery span.free {
      color: #d80a0a; }
  .item-page .tabs .learn_more {
    font-size: 1em;
    color: #9ba54c;
    opacity: 1;
    display: block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    margin-top: 10px;
    margin-bottom: 15px; }
    .item-page .tabs .learn_more:hover {
      color: #000; }
  .item-page .tabs .delivery-serv {
    padding: 0; }
    .item-page .tabs .delivery-serv img {
      margin-right: 30px; }
      .item-page .tabs .delivery-serv img:last-of-type {
        margin-right: 0; }
  .item-page .tabs .product_attributes ul {
    margin-top: 8px; }

.item-page .contact-form {
  background-color: rgba(0, 0, 0, 0.05);
  text-align: center;
  padding: 25px 40px 40px; }
  @media only screen and (max-width: 575px) {
    .item-page .contact-form {
      padding: 25px; } }
  .item-page .contact-form h3 {
    margin-top: 0;
    font-size: 1.786em;
    font-weight: 400;
    letter-spacing: 0.005em;
    font-family: "W", sans-serif;
    color: #000;
    margin-bottom: 10px; }
  .item-page .contact-form p {
    font-size: 1em;
    color: #000;
    opacity: .6;
    letter-spacing: 0.005em;
    margin-bottom: 15px; }
  .item-page .contact-form .input-text {
    width: 100%;
    line-height: 1em;
    font-size: 1em;
    padding: 10px;
    text-align: center;
    border: none;
    margin-bottom: 23px; }
  .item-page .contact-form .feedback {
    cursor: pointer;
    line-height: 1em;
    padding: 8px 21px;
    background-color: #9ba54c;
    border: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 1em;
    letter-spacing: 0.05em;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 0; }
    .item-page .contact-form .feedback:hover {
      opacity: .8; }

.item-page .hidden-md {
  display: block; }
  @media only screen and (min-width: 991px) {
    .item-page .hidden-md {
      display: none; } }

.item-page .visible-md {
  display: none; }
  @media only screen and (min-width: 991px) {
    .item-page .visible-md {
      display: block; } }

.cart_minus, .cart_plus {
  display: block;
  width: 28px;
  height: 28px;
  opacity: .6;
  cursor: pointer;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease; }
  .cart_minus:hover, .cart_plus:hover {
    opacity: 1; }

.cart_minus {
  background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/icon_minus.svg");
  background-size: contain;
  background-repeat: no-repeat; }

.cart_plus {
  background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/icon_plus.svg");
  background-size: contain;
  background-repeat: no-repeat; }

.pro-btn.hidden {
  display: none; }

.benefits-product, .catalog-benefits {
  text-align: center; }
  .benefits-product .benefits, .catalog-benefits .benefits {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px 0;
    width: 25%;
    border-right: 1px solid #483b34; }
    .benefits-product .benefits:last-of-type, .catalog-benefits .benefits:last-of-type {
      border-right: none; }
    @media only screen and (max-width: 991px) {
      .benefits-product .benefits, .catalog-benefits .benefits {
        padding: 0;
        border: none;
        margin-bottom: 15px;
        width: 100%;
        max-width: 175px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
        .benefits-product .benefits:nth-last-child(-n+2), .catalog-benefits .benefits:nth-last-child(-n+2) {
          margin-bottom: 0; } }
    @media only screen and (max-width: 575px) {
      .benefits-product .benefits, .catalog-benefits .benefits {
        max-width: 145px; } }
    .benefits-product .benefits__icon, .catalog-benefits .benefits__icon {
      width: 40px;
      height: 40px;
      margin-right: 10px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      -ms-flex-negative: 0;
      flex-shrink: 0; }
      @media only screen and (max-width: 575px) {
        .benefits-product .benefits__icon, .catalog-benefits .benefits__icon {
          width: 30px;
          height: 30px; } }
    .benefits-product .benefits__wrapper, .catalog-benefits .benefits__wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      @media only screen and (max-width: 991px) {
        .benefits-product .benefits__wrapper, .catalog-benefits .benefits__wrapper {
          -ms-flex-pack: distribute;
          justify-content: space-around; } }
      .benefits-product .benefits__wrapper .benefits:nth-child(1) .benefits__icon, .catalog-benefits .benefits__wrapper .benefits:nth-child(1) .benefits__icon {
        background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/benefits--icon--1.svg"); }
        @media only screen and (max-width: 991px) {
          .benefits-product .benefits__wrapper .benefits:nth-child(1) .benefits__icon, .catalog-benefits .benefits__wrapper .benefits:nth-child(1) .benefits__icon {
            background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/benefits--icon--1-white.svg"); } }
      .benefits-product .benefits__wrapper .benefits:nth-child(2) .benefits__icon, .catalog-benefits .benefits__wrapper .benefits:nth-child(2) .benefits__icon {
        background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/benefits--icon--2.svg"); }
        @media only screen and (max-width: 991px) {
          .benefits-product .benefits__wrapper .benefits:nth-child(2) .benefits__icon, .catalog-benefits .benefits__wrapper .benefits:nth-child(2) .benefits__icon {
            background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/benefits--icon--2-white.svg"); } }
      .benefits-product .benefits__wrapper .benefits:nth-child(3) .benefits__icon, .catalog-benefits .benefits__wrapper .benefits:nth-child(3) .benefits__icon {
        background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/benefits--icon--3.svg"); }
        @media only screen and (max-width: 991px) {
          .benefits-product .benefits__wrapper .benefits:nth-child(3) .benefits__icon, .catalog-benefits .benefits__wrapper .benefits:nth-child(3) .benefits__icon {
            background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/benefits--icon--3-white.svg"); } }
      .benefits-product .benefits__wrapper .benefits:nth-child(4) .benefits__icon, .catalog-benefits .benefits__wrapper .benefits:nth-child(4) .benefits__icon {
        background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/benefits--icon--4.svg"); }
        @media only screen and (max-width: 991px) {
          .benefits-product .benefits__wrapper .benefits:nth-child(4) .benefits__icon, .catalog-benefits .benefits__wrapper .benefits:nth-child(4) .benefits__icon {
            background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/benefits--icon--4-white.svg"); } }
  .benefits-product p, .catalog-benefits p {
    text-transform: uppercase;
    letter-spacing: 0.004em;
    color: #000;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    @media only screen and (max-width: 991px) {
      .benefits-product p, .catalog-benefits p {
        color: #fff; } }
    @media only screen and (max-width: 575px) {
      .benefits-product p, .catalog-benefits p {
        font-size: 0.857em; } }

.catalog-benefits {
  display: block;
  width: 100%;
  padding: 25px 15px;
  margin-bottom: 30px; }
  @media only screen and (max-width: 991px) {
    .catalog-benefits {
      padding: 15px;
      background-color: #9ba54c;
      margin: 15px 0; } }

.benefits-product {
  padding: 30px 15px 20px; }
  @media only screen and (max-width: 991px) {
    .benefits-product {
      padding: 15px; } }
  .benefits-product .benefits {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0;
    border-right: 1px solid #6a605f; }
    @media only screen and (max-width: 991px) {
      .benefits-product .benefits {
        border-right: none;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 0; } }
    .benefits-product .benefits:last-of-type {
      border-right: 0; }
    .benefits-product .benefits__icon {
      margin-bottom: 15px; }
      @media only screen and (max-width: 991px) {
        .benefits-product .benefits__icon {
          margin-bottom: 0; } }

.banner {
  margin: 15px 0; }
  .banner a {
    display: block; }
    .banner a img {
      width: 100%;
      height: auto; }
  .banner .hidden-xs {
    display: none; }
    @media only screen and (min-width: 768px) {
      .banner .hidden-xs {
        display: block; } }
  .banner .visible-xs {
    display: none; }
    @media only screen and (max-width: 768px) {
      .banner .visible-xs {
        display: block; } }

.descblock h3 {
  margin-top: 0;
  margin-bottom: 45px;
  text-align: center;
  font-family: "W", sans-serif;
  font-size: 2.143em;
  letter-spacing: 0.025em; }

.descblock .collection-product h4 a {
  color: #000;
  letter-spacing: 0.005em;
  font-size: 1em; }

.descblock .collection-product:hover a {
  color: #9ba54c; }

.descblock .price-box .regular-price {
  color: #9ba54c;
  letter-spacing: 0.005em;
  font-size: 1em;
  font-weight: 600; }

.collection {
  padding: 40px 0; }
  @media only screen and (max-width: 991px) {
    .collection {
      padding: 40px 0 0; } }
  @media only screen and (max-width: 575px) {
    .collection {
      padding: 10px 15px; }
      .collection .catalog-benefits {
        width: auto;
        margin: 0 -15px 30px; } }
  .collection .collection-product__card {
    width: 100%;
    max-width: 240px;
    margin: 0 auto; }
    .collection .collection-product__card a {
      display: block; }
      .collection .collection-product__card a img {
        width: 100%;
        height: auto;
        margin-bottom: 10px; }
    .collection .collection-product__card h4 {
      font-weight: 400;
      letter-spacing: 0.005em; }
  .collection .collection-product__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 65px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media only screen and (max-width: 575px) {
      .collection .collection-product__name {
        min-height: auto; }
        .collection .collection-product__name h4 {
          margin-bottom: 6px; } }
    .collection .collection-product__name p {
      margin-bottom: 0; }
  .collection .grouped-options-wrapper .grouped-option {
    width: 100%; }
    .collection .grouped-options-wrapper .grouped-option li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
  .collection h3 {
    font-weight: 400;
    font-family: "W", sans-serif;
    margin-bottom: 10px;
    line-height: 1em; }

/*product sliders style*/
.product-image img {
  max-width: 100%; }

.swiper-small img {
  display: block;
  margin: 0 auto;
  padding: 0 7px; }

.swiper-main {
  margin-bottom: 26px !important; }

.swiper-main img {
  display: block;
  margin: 0 auto;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.container-swiper-small {
  position: relative; }
  @media only screen and (max-width: 767px) {
    .container-swiper-small {
      display: none; } }
  .container-swiper-small .swiper-button-next-small,
  .container-swiper-small .swiper-button-prev-small {
    background-size: 1.7em;
    background-position: center;
    right: 15px; }
  .container-swiper-small .swiper-button-next-small {
    background-image: url("/skin/frontend/gardenello/default/gardenello/icon/icon--right-arrow-2.svg"); }
  .container-swiper-small .swiper-button-prev-small {
    background-image: url("/skin/frontend/gardenello/default/gardenello/icon/icon--left-arrow-2.svg"); }
  .container-swiper-small .swiper-button-next, .container-swiper-small .swiper-button-prev {
    z-index: 100;
    outline: none; }
  .container-swiper-small .swiper-small {
    width: 80%; }
  .container-swiper-small .product-image-zoom {
    margin: 0 5px; }

.swiper-small {
  width: 80%;
  position: relative;
  margin: 0 auto; }

.product-image-zoom {
  margin: 0; }

.swiper-small .swiper-slide {
  width: 30%; }

.swiper-small .swiper-slide-next {
  width: 30%; }

.swiper-small .swiper-slide-active {
  width: 30%; }

.swiper-small .swiper-slide-prev {
  width: 30%; }

.swiper-small .swiper-slide {
  cursor: pointer; }

.slides-slide {
  padding-top: 2%;
  position: relative;
  width: 80%;
  margin: 0 auto; }

.slides-slide .swiper-slide {
  width: 25%;
  padding: 0; }

.swiper-button-next-pro,
.swiper-button-prev-pro {
  background-size: 1.7em;
  background-position: center;
  outline: none; }
  @media only screen and (max-width: 575px) {
    .swiper-button-next-pro,
    .swiper-button-prev-pro {
      -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
      transform: scale(0.8); } }

.swiper-button-next-pro {
  background-image: url("/skin/frontend/gardenello/default/gardenello/icon/icon--right-arrow-2.svg") !important;
  right: -15px !important; }
  @media only screen and (max-width: 575px) {
    .swiper-button-next-pro {
      right: 15px !important; } }

.swiper-button-prev-pro {
  background-image: url("/skin/frontend/gardenello/default/gardenello/icon/icon--left-arrow-2.svg") !important;
  left: -15px !important; }
  @media only screen and (max-width: 575px) {
    .swiper-button-prev-pro {
      left: 15px !important; } }

.pro-slide {
  width: 100%; }

/*product catalog slider */
.select_compon {
  background-color: #9ba54c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 7px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease; }
  .select_compon:active, .select_compon:focus, .select_compon:hover {
    background-color: #6a605f; }
  .select_compon--link {
    width: 100%; }
    .select_compon--link a {
      display: block;
      color: #fff;
      text-transform: uppercase;
      font-family: "Gilroy", sans-serif;
      font-weight: 400;
      letter-spacing: 0.025em;
      line-height: 1em; }
  .select_compon span {
    display: block;
    text-align: center; }
  .select_compon .icon-down {
    height: 28px;
    width: 25px;
    background-image: url(https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/arrow-down.svg); }

.component_selection a, .component_selection img {
  display: block; }

.component_selection .img-responsive {
  width: 100%;
  height: auto; }

.component_selection .under_imglist span {
  display: inline; }
  .component_selection .under_imglist span.required {
    display: inline-block; }

.component_selection .under_imglist__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 65px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 5px; }
  @media only screen and (max-width: 575px) {
    .component_selection .under_imglist__name {
      min-height: auto; }
      .component_selection .under_imglist__name h4 {
        margin-bottom: 6px; } }
  .component_selection .under_imglist__name p {
    margin-bottom: 0; }

.component_selection .filter_qty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .component_selection .filter_qty span {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #000;
    font-size: 1.2em; }
  .component_selection .filter_qty input {
    width: 25px;
    outline: none;
    text-align: center;
    border: 1px solid #9ba54c; }
  .component_selection .filter_qty .cart_minus {
    margin-right: 10px; }
  .component_selection .filter_qty .cart_plus {
    margin-left: 10px; }

.component_selection .grouped-option-title {
  font-family: "Gilroy", sans-serif;
  font-weight: 400;
  font-size: 1.1em;
  margin-bottom: 5px; }

.component_selection .new-select-style-wpandyou {
  border: 1px solid #9ba54c;
  overflow: hidden;
  height: 27px;
  background: url(https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/arrow-down.svg) no-repeat right #FFF;
  background-size: 10px;
  background-position: 170px;
  max-width: 170px; }
  .component_selection .new-select-style-wpandyou select {
    width: 100%;
    cursor: pointer;
    border-radius: 0;
    background: transparent;
    height: 27px;
    padding: 5px;
    border: 0;
    color: #968f8f;
    font-size: 13px;
    line-height: 1;
    margin: 0;
    max-width: 170px;
    text-indent: 3px; }
    .component_selection .new-select-style-wpandyou select option {
      padding-right: 10px;
      text-indent: 3px; }
      .component_selection .new-select-style-wpandyou select option:hover, .component_selection .new-select-style-wpandyou select option:active {
        opacity: 0.9; }

.button_selection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px; }
  @media only screen and (max-width: 575px) {
    .button_selection {
      margin-bottom: 10px; } }
  .button_selection .price_selection {
    font-size: 18px;
    line-height: 2em;
    color: #9ba54c;
    width: 200px; }
    @media only screen and (max-width: 575px) {
      .button_selection .price_selection {
        text-align: center; } }
    .button_selection .price_selection #full_price {
      margin-left: 5%;
      font-weight: 600;
      color: #9ba54c; }
  .button_selection .buy {
    width: 135px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    background: #9ba54c;
    color: #fff;
    text-transform: uppercase;
    line-height: 2em;
    height: 50px;
    padding: 12px;
    text-align: center;
    border: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
    .button_selection .buy:hover, .button_selection .buy:focus {
      background-color: rgba(155, 165, 76, 0.8); }

.option_item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 10px; }
  .option_item .required {
    font-family: "Gilroy", sans-serif;
    font-weight: 700;
    font-size: 1em;
    color: #483b34;
    margin-right: 20px; }
    .option_item .required em {
      margin-right: 5px; }
  .option_item .input-box select {
    border: 1px solid #9ba54c;
    width: 100%;
    cursor: pointer;
    border-radius: 0;
    background: transparent;
    height: 27px;
    padding: 5px;
    color: #968f8f;
    font-size: 13px;
    line-height: 1;
    margin: 0;
    max-width: 170px;
    text-indent: 3px; }
    .option_item .input-box select option {
      padding-right: 10px;
      text-indent: 3px; }
  .option_item .options-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .option_item .options-list li {
      margin-bottom: 10px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .option_item .options-list li .icheckbox_square-grey {
        margin-right: 9px; }
      .option_item .options-list li label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 5px; }
        .option_item .options-list li label span.price-notice {
          position: relative; }
          .option_item .options-list li label span.price-notice::before {
            content: '('; }
          .option_item .options-list li label span.price-notice::after {
            content: ')'; }

.col2-right-layout {
  padding-top: 60px;
  padding-bottom: 110px; }
  @media only screen and (max-width: 991px) {
    .col2-right-layout {
      padding: 30px 15px 50px;
      margin-top: 100px; } }
  @media only screen and (max-width: 575px) {
    .col2-right-layout .main.col-12 {
      padding: 0 15px; }
    .col2-right-layout .zone_relax {
      padding: 0; } }
  .col2-right-layout .list-info ul li a {
    margin-left: -4px;
    margin-bottom: 10px;
    padding: 4px; }
    .col2-right-layout .list-info ul li a.active {
      color: #d80a0a; }
    .col2-right-layout .list-info ul li a:last-child {
      opacity: 1; }
      .col2-right-layout .list-info ul li a:last-child:after {
        content: none; }
  .col2-right-layout .about-text p, .col2-right-layout .about-text ul, .col2-right-layout .about-text ol {
    font-family: "Gilroy", sans-serif;
    color: #000;
    font-size: 1em;
    letter-spacing: 0.025em;
    margin-bottom: 15px; }
  .col2-right-layout .about-text ul, .col2-right-layout .about-text ol {
    margin: 0 0 15px; }
    .col2-right-layout .about-text ul li, .col2-right-layout .about-text ol li {
      list-style: none; }
  .col2-right-layout .about-text h3 {
    text-align: center;
    font-family: "W", sans-serif;
    font-size: 1.786em;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 1.3em; }
  .col2-right-layout .about-text h4 {
    font-family: "W", sans-serif;
    font-size: 1.486em;
    font-weight: 400;
    margin-bottom: 15px; }
  .col2-right-layout .about-text li {
    position: relative;
    padding-left: 13px;
    margin-bottom: 5px; }
    .col2-right-layout .about-text li::before {
      content: '';
      width: 5px;
      height: 5px;
      background-color: #9ba54c;
      position: absolute;
      border-radius: 50%;
      left: 0;
      top: 8px; }
  .col2-right-layout .about-text__info {
    text-align: center;
    margin: 0 80px; }
    @media only screen and (max-width: 991px) {
      .col2-right-layout .about-text__info {
        margin: 0; } }
    .col2-right-layout .about-text__info h3 {
      margin-top: 30px; }
    .col2-right-layout .about-text__info p {
      margin-bottom: 0; }

@media only screen and (max-width: 575px) {
  .col2-left-layout .zone_relax {
    padding: 0; } }

.empty-cart {
  padding: 50px 15px; }
  @media only screen and (max-width: 767px) {
    .empty-cart {
      padding: 30px 15px; } }
  .empty-cart h1.title {
    margin-bottom: 30px; }
  .empty-cart h2 {
    text-align: center;
    font-family: "Gilroy", sans-serif;
    font-weight: 400;
    display: block;
    font-size: 1.143em;
    color: #9ba54c;
    margin: 0 0 15px; }
  .empty-cart p {
    text-align: left; }
    @media only screen and (max-width: 767px) {
      .empty-cart p {
        text-align: center; } }

.back-shoping-button {
  display: inline-block;
  position: relative;
  font-family: "Gilroy", sans-serif;
  font-weight: 400;
  letter-spacing: 0.005em;
  font-size: 1em;
  color: #000;
  padding-left: 10px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  cursor: pointer; }
  .back-shoping-button::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
  .back-shoping-button:hover {
    color: #9ba54c; }
    .back-shoping-button:hover::before {
      border-color: #9ba54c; }

.cart {
  padding: 50px 0; }
  @media only screen and (max-width: 767px) {
    .cart {
      padding: 30px 15px; } }
  @media only screen and (max-width: 575px) {
    .cart {
      padding: 30px 35px; } }
  @media only screen and (max-width: 360px) {
    .cart {
      padding: 30px 0; } }
  .cart h1.title {
    margin-bottom: 30px; }
  .cart .messages li span {
    display: block;
    text-align: center;
    font-family: "Gilroy", sans-serif;
    font-size: 1.143em;
    font-weight: 400;
    margin-bottom: 40px;
    color: #9ba54c; }
    @media only screen and (max-width: 991px) {
      .cart .messages li span {
        margin-bottom: 30px; } }
    @media only screen and (max-width: 767px) {
      .cart .messages li span {
        margin-bottom: 20px; } }
    @media only screen and (max-width: 575px) {
      .cart .messages li span {
        font-size: 1em; } }
  .cart__wrapper {
    margin-bottom: 40px; }
    @media only screen and (max-width: 991px) {
      .cart__wrapper {
        margin-bottom: 30px; } }
    @media only screen and (max-width: 767px) {
      .cart__wrapper {
        margin-bottom: 20px;
        padding: 25px 0;
        position: relative; }
        .cart__wrapper::before {
          content: '';
          position: absolute;
          bottom: 0;
          width: 100%;
          height: 1px;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          background-color: rgba(0, 0, 0, 0.2); } }
    @media only screen and (max-width: 767px) and (max-width: 360px) {
      .cart__wrapper::before {
        width: calc(100% - 30px); } }
    @media only screen and (max-width: 767px) {
        .cart__wrapper:last-child {
          margin-bottom: 30px; } }
    @media only screen and (max-width: 575px) {
      .cart__wrapper {
        margin-bottom: 10px; }
        .cart__wrapper:last-of-type {
          margin-bottom: 30px; } }
  .cart__block {
    min-height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .cart__block p {
      font-size: 0.857em;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.6);
      letter-spacing: 0.025em;
      line-height: 1.2em; }
      @media only screen and (max-width: 376px) {
        .cart__block p {
          font-size: 0.8em; } }
  .cart__chekout fieldset {
    margin: 0;
    padding: 0;
    border: none; }
  .cart__img {
    display: block; }
    .cart__img img {
      display: block;
      max-width: 75px;
      width: 100%;
      height: auto; }
  .cart__name-prod {
    display: block; }
    .cart__name-prod a {
      display: block;
      font-size: 1.214em;
      font-weight: 400;
      letter-spacing: 0.05em;
      color: #000;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease; }
      @media only screen and (max-width: 575px) {
        .cart__name-prod a {
          font-size: 1.143em; } }
      .cart__name-prod a:hover, .cart__name-prod a:focus {
        color: #9ba54c; }
  .cart__remove-icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .cart__remove-icon a {
      display: block;
      width: 25px;
      height: 25px; }
      .cart__remove-icon a::before {
        content: "\2715";
        background-color: rgba(0, 0, 0, 0.2);
        border-radius: 100%;
        width: 25px;
        height: 25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff;
        font-weight: 100;
        font-size: 16px;
        line-height: 25px;
        text-align: center;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease; }
      .cart__remove-icon a:hover::before {
        background-color: #d80a0a; }
  .cart__price .price {
    font-weight: 600;
    font-size: 1.286em;
    letter-spacing: 0.025em;
    line-height: 1em; }
  .cart__qty .filter_qty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .cart__qty .check-click {
    font-family: "Gilroy", sans-serif;
    font-size: 1.143em;
    color: #000;
    letter-spacing: 0.005em;
    padding: 0 6px;
    opacity: .6;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
  .cart__qty .input-text {
    width: 28px;
    height: 28px;
    font-family: "Gilroy", sans-serif;
    font-size: 1.143em;
    color: #000;
    letter-spacing: 0.005em;
    opacity: .6;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.1); }
  .cart .cart-total-price .price {
    font-weight: 600;
    font-size: 1.286em;
    letter-spacing: 0.025em;
    line-height: 1em; }
  .cart__button {
    display: block;
    font-family: "Gilroy", sans-serif;
    font-weight: 300;
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 0.004em;
    color: #fff;
    background-color: #9ba54c;
    line-height: 1em;
    padding: 15px 29px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    border: none;
    margin-left: auto;
    margin-right: 0;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .cart__button {
        margin: 0 auto 25px; } }
    .cart__button:hover {
      background-color: rgba(0, 0, 0, 0.2); }
    .cart__button--refresh:hover {
      background-color: #d80a0a; }
    .cart__button--checkout {
      min-width: 170px;
      background-color: #9ba54c; }
      .cart__button--checkout:hover {
        background-color: rgba(0, 0, 0, 0.2); }
    .cart__button--success {
      margin: 0 auto;
      background-color: #9ba54c; }
      .cart__button--success:hover {
        background-color: rgba(0, 0, 0, 0.2); }
    .cart__button.btn_cart_chek {
      background-color: #9ba54c; }
      .cart__button.btn_cart_chek:hover {
        background-color: rgba(0, 0, 0, 0.2); }
  .cart__end-price {
    font-family: "Gilroy", sans-serif;
    font-weight: 600;
    font-size: 1.286em;
    letter-spacing: 0.025em;
    line-height: 1.2em;
    color: #9ba54c;
    margin-bottom: 50px; }
    @media only screen and (max-width: 767px) {
      .cart__end-price {
        text-align: center;
        margin-bottom: 20px; }
        .cart__end-price span {
          font-size: 0.857em; } }
  @media only screen and (max-width: 767px) {
    .cart__back {
      text-align: center; } }
  .cart__title h1 {
    font-size: 3.071em; }

@media only screen and (max-width: 767px) {
  .map {
    margin-top: 20px; } }

.fastcheckout {
  padding: 50px 15px; }
  @media only screen and (max-width: 767px) {
    .fastcheckout {
      padding: 30px 15px; } }
  .fastcheckout h1.title {
    margin-bottom: 30px; }
  .fastcheckout #fast-login {
    visibility: hidden;
    height: 0; }
  .fastcheckout .no-display {
    display: none; }
  .fastcheckout .clearer {
    clear: both;
    line-height: 1px;
    font-size: 1px; }
  .fastcheckout .step-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px; }
    .fastcheckout .step-title-num {
      width: 45px;
      display: block;
      height: 45px;
      color: #fff;
      background-color: #9ba54c;
      line-height: 2em;
      text-align: center;
      font-size: 24px;
      float: left;
      -ms-flex-negative: 0;
      flex-shrink: 0; }
    .fastcheckout .step-title-text {
      display: block;
      width: 100%;
      border-bottom: 1px solid rgba(0, 0, 0, 0.2);
      padding: 12px 25px;
      font-size: 1.143em;
      font-family: "Gilroy", sans-serif;
      letter-spacing: 0.010px;
      color: #000; }
  .fastcheckout .field {
    margin-bottom: 20px; }
  .fastcheckout .fast-success {
    margin-bottom: 10px; }
    .fastcheckout .fast-success label {
      line-height: 1em; }
  .fastcheckout #co-billing-form label {
    font-weight: 600;
    width: 100%;
    display: block; }
    @media only screen and (max-width: 575px) {
      .fastcheckout #co-billing-form label {
        margin-bottom: 4px; } }
    .fastcheckout #co-billing-form label.required em {
      font-style: normal; }
  .fastcheckout #fast-adress .input-text, .fastcheckout #fast-adress select, .fastcheckout #fast-adress textarea {
    width: 100%;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 2px;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    outline: none;
    resize: none; }
  .fastcheckout .req_f {
    display: block;
    margin-bottom: 20px;
    font-size: 0.857em;
    color: rgba(0, 0, 0, 0.8);
    letter-spacing: .0010em; }
  .fastcheckout .Form-label-radio,
  .fastcheckout .Form-label-checkbox {
    position: absolute;
    z-index: -1;
    width: 1px;
    height: 1px;
    opacity: 0;
    overflow: hidden; }
  .fastcheckout .Form-label-radio + .Form-label-text,
  .fastcheckout .Form-label-checkbox + .Form-label-text {
    cursor: pointer;
    position: relative; }
    .fastcheckout .Form-label-radio + .Form-label-text span,
    .fastcheckout .Form-label-checkbox + .Form-label-text span {
      font-weight: 400;
      padding-left: 35px; }
    .fastcheckout .Form-label-radio + .Form-label-text::before,
    .fastcheckout .Form-label-checkbox + .Form-label-text::before {
      content: '';
      border-radius: 50%;
      display: block;
      position: absolute;
      width: 21px;
      height: 21px;
      border: 1px solid rgba(0, 0, 0, 0.2);
      background-color: #fff; }
    .fastcheckout .Form-label-radio + .Form-label-text::after,
    .fastcheckout .Form-label-checkbox + .Form-label-text::after {
      content: '';
      width: 9px;
      height: 6px;
      border-bottom: 2px solid #fff;
      border-left: 2px solid #fff;
      position: absolute;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      top: 5px;
      left: 6px; }
  .fastcheckout #fast-sp-methods, .fastcheckout .txt_are_coment {
    margin-bottom: 20px; }
  .fastcheckout #history_comment {
    width: 100%;
    min-height: 70px;
    outline: none;
    resize: none;
    display: block;
    border: 1px solid rgba(0, 0, 0, 0.2); }
  .fastcheckout .sp-methods &gt; dt:nth-child(1) {
    display: none; }
  .fastcheckout .Form-label-radio:checked + .Form-label-text::before,
  .fastcheckout .Form-label-checkbox:checked + .Form-label-text::before {
    background-color: #9ba54c;
    border: 1px solid #9ba54c;
    content: ''; }
  .fastcheckout #fast-register {
    display: none; }
  .fastcheckout .end_price {
    margin: 20px 0 20px auto;
    width: 170px;
    display: block; }
    @media only screen and (max-width: 575px) {
      .fastcheckout .end_price {
        margin: 20px auto 30px;
        text-align: center; } }
    .fastcheckout .end_price span {
      color: #9ba54c;
      font-size: 1.286em; }
      @media only screen and (max-width: 575px) {
        .fastcheckout .end_price span {
          display: block;
          font-size: 1em; }
          .fastcheckout .end_price span.price {
            font-size: 1.286em; } }
    .fastcheckout .end_price p {
      color: #9ba54c;
      font-size: 1.286em;
      font-weight: 600; }

.success {
  padding: 50px 0; }
  @media only screen and (max-width: 767px) {
    .success {
      padding: 30px 0; } }
  .success h1.title {
    margin-bottom: 30px;
    font-size: 3.071em; }
  .success .number_order {
    text-align: center; }
    .success .number_order p {
      font-family: "Gilroy", sans-serif;
      letter-spacing: 0.05em;
      font-weight: 400;
      font-size: 1.143em; }
      .success .number_order p:first-child {
        margin-bottom: 30px; }
      .success .number_order p:last-of-type {
        margin-bottom: 30px; }

.blog-page {
  position: relative;
  padding: 50px 15px; }
  @media only screen and (max-width: 991px) {
    .blog-page {
      padding: 30px 15px;
      margin-top: 100px; } }
  @media only screen and (max-width: 767px) {
    .blog-page {
      padding: 20px 15px 30px; } }
  @media only screen and (max-width: 767px) {
    .blog-page .crumbs ul {
      width: 100%;
      text-align: center; } }
  .blog-page .crumbs ul span {
    display: none; }
  .blog-page .crumbs ul li.post {
    text-align: center;
    padding-left: 33px;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .blog-page .crumbs ul li.post {
        padding-left: 4px; } }
    .blog-page .crumbs ul li.post::before {
      content: '';
      background-image: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/icon/icon--arrow-black.svg");
      opacity: .6;
      position: absolute;
      width: 12px;
      height: 12px;
      top: 4px;
      left: 8px; }
      @media only screen and (max-width: 767px) {
        .blog-page .crumbs ul li.post::before {
          content: none; } }
  .blog-page .crumbs ul.breadcrumb {
    padding-right: 0;
    width: auto; }
    @media only screen and (max-width: 767px) {
      .blog-page .crumbs ul.breadcrumb {
        width: 100%; } }
  .blog-page .item {
    margin-bottom: 25px; }
  .blog-page .tovarlist a {
    display: block;
    color: #9ba54c;
    margin-bottom: 20px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
    .blog-page .tovarlist a:hover, .blog-page .tovarlist a:focus {
      opacity: .8; }
    .blog-page .tovarlist a .img_product img {
      width: 100%;
      height: auto; }
    .blog-page .tovarlist a .under_imglist {
      text-align: center; }
      .blog-page .tovarlist a .under_imglist .name_product {
        display: block;
        font-family: #000; }
      .blog-page .tovarlist a .under_imglist .price {
        font-weight: 600; }
  .blog-page .blog-home {
    margin-bottom: 40px; }
  .blog-page .top-news-layout, .blog-page .news2 {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 3px solid #9ba54c; }
    .blog-page .top-news-layout:last-of-type, .blog-page .news2:last-of-type {
      border-bottom: 0;
      margin-bottom: 0; }
  .blog-page .post .news2 .item &gt; a, .blog-page .all-posts .item &gt; a {
    height: 270px;
    display: block;
    overflow: hidden;
    margin-bottom: 15px; }
  .blog-page .blog-home .post .top-news-layout .item &gt; a {
    height: 350px;
    display: block;
    overflow: hidden;
    margin-bottom: 15px; }
  .blog-page .top-img-container {
    height: auto;
    max-height: 300px;
    overflow: hidden; }
  .blog-page .img-responsive {
    display: block;
    max-width: 550px;
    width: 100%;
    height: auto;
    max-height: 350px;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0 auto 20px; }
  .blog-page .post .title_post {
    display: block;
    width: 80%; }
    .blog-page .post .title_post a, .blog-page .post .title_post h1 {
      font-family: "W", sans-serif;
      line-height: 1.3em;
      letter-spacing: 0.02em;
      font-size: 2em;
      font-weight: 400;
      color: #9ba54c; }
  .blog-page .post .date_post {
    display: block;
    margin-top: 10px;
    font-size: 0.857em;
    color: rgba(0, 0, 0, 0.6);
    text-transform: lowercase; }
  .blog-page .post .item p {
    text-align: justify; }
  .blog-page .post .read-more {
    display: block;
    cursor: pointer;
    margin-top: 10px;
    color: #9ba54c;
    text-transform: lowercase; }
  .blog-page .post .full_post, .blog-page .post .short_post {
    display: block;
    font-size: 1em;
    color: rgba(0, 0, 0, 0.8);
    text-align: left; }
  .blog-page .post-entry {
    height: auto;
    font-size: 1em; }
    .blog-page .post-entry p {
      text-align: justify;
      display: block;
      color: rgba(0, 0, 0, 0.8); }
  .blog-page .post-view p a {
    color: #9ba54c; }
  .blog-page .post-entry .wp-caption.aligncenter {
    margin: 0 auto 15px; }
  .blog-page .blog-image-link {
    display: block; }
  .blog-page .wp-caption {
    font-size: 1em;
    font-family: "Gilroy", sans-serif;
    color: #000;
    font-weight: 400; }
    .blog-page .wp-caption img {
      margin: auto auto 5px;
      max-width: 100%;
      border: none;
      padding: 0; }
  .blog-page .wordpress-post-view .article img {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: none; }
  .blog-page .post-skips a {
    color: #9ba54c;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
    .blog-page .post-skips a:hover {
      color: #000; }
  .blog-page .similar_articles a {
    display: block;
    color: #9ba54c;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
    .blog-page .similar_articles a:hover, .blog-page .similar_articles a:focus {
      color: #000; }
  .blog-page .post.article {
    padding-top: 30px; }
    @media only screen and (max-width: 991px) {
      .blog-page .post.article {
        padding-top: 10px; } }

.contacts_content .map-title {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  font-family: "W", sans-serif;
  font-weight: 400;
  font-size: 1.4em;
  color: #000; }

.contacts_content .write-to-us {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.contacts_content input, .contacts_content textarea {
  margin-bottom: 10px;
  outline: none;
  resize: none;
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2); }

.contacts_content label {
  margin-bottom: 10px;
  outline: none;
  resize: none;
  padding: 5px; }

.contacts_content .cart__button {
  margin-top: 25px;
  width: 100%; }

.contacts_content .ifr-map {
  margin-top: 20px; }

.contacts_content .validation-advice {
  color: #d80a0a; }

.contacts_content p {
  margin-bottom: 1em; }
  .contacts_content p.adress {
    font-size: 1.2em; }

#messages_product_view {
  margin-bottom: 10px; }

.popup-block {
  padding: 20px 30px;
  text-align: left;
  max-width: 650px;
  margin: 40px auto;
  position: relative; }

.white-popup-block {
  background-color: #fff; }

.footer {
  padding: 0 15px 20px; }
  @media only screen and (max-width: 768px) {
    .footer {
      padding: 20px 15px; } }
  .footer .line_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-top: 10px; }
    .footer .line_top::before {
      content: '';
      width: 100%;
      height: 3px;
      position: absolute;
      left: 0;
      top: 0;
      background-color: #9ba54c; }
  .footer .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 80px; }
    @media only screen and (max-width: 991px) {
      .footer .nav {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-right: 0; } }
    @media only screen and (max-width: 768px) {
      .footer .nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 30px 0;
        padding: 10px 0;
        position: relative; }
        .footer .nav::before, .footer .nav::after {
          content: '';
          width: 180px;
          height: 1px;
          position: absolute;
          left: calc(50% - 90px);
          background-color: #000;
          opacity: 0.2; }
        .footer .nav::before {
          top: 0; }
        .footer .nav::after {
          bottom: 0; } }
    @media only screen and (max-width: 768px) {
      .footer .nav li {
        display: block; } }
    .footer .nav li a {
      display: block;
      padding: 10px 12px;
      font-size: 0.857em;
      color: #000;
      letter-spacing: 0.025em;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease;
      margin-bottom: 8px; }
      .footer .nav li a:hover, .footer .nav li a:focus {
        color: #9ba54c;
        border: none;
        background: transparent; }
      @media only screen and (max-width: 768px) {
        .footer .nav li a {
          padding: 2px 15px;
          display: block;
          text-transform: uppercase; } }
  .footer__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media only screen and (max-width: 768px) {
      .footer__social {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 20px; } }
    .footer__social a {
      font-size: 1.214em;
      display: block;
      margin: 0 6px;
      -ms-flex-negative: 0;
      flex-shrink: 0; }
  .footer .logo-footer img {
    width: 170px;
    height: auto;
    position: relative;
    display: block; }
    @media only screen and (max-width: 1199px) {
      .footer .logo-footer img {
        width: 100%; } }
    @media only screen and (max-width: 768px) {
      .footer .logo-footer img {
        width: 170px;
        margin: 15px auto 25px; } }
  .footer__form label {
    text-transform: uppercase;
    text-align: center;
    font-size: 1em;
    color: #000;
    opacity: .5;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    letter-spacing: .05em; }
  .footer__form input {
    width: 100%;
    max-width: 270px;
    margin: 10px auto 0;
    border: 1px solid rgba(0, 0, 0, 0.5);
    opacity: 1;
    padding: 10px;
    font-family: "Gilroy", sans-serif;
    line-height: .04em; }
    .footer__form input::-webkit-input-placeholder {
      font-family: "Gilroy", sans-serif; }
    .footer__form input:-ms-input-placeholder {
      font-family: "Gilroy", sans-serif; }
    .footer__form input::-ms-input-placeholder {
      font-family: "Gilroy", sans-serif; }
    .footer__form input::placeholder {
      font-family: "Gilroy", sans-serif; }
  @media only screen and (max-width: 768px) {
    .footer__form__wrapper {
      position: relative;
      margin-bottom: 30px;
      padding: 0 15px 30px; }
      .footer__form__wrapper::after {
        content: '';
        width: calc( 100% - 40px);
        height: 3px;
        background-color: #9ba54c;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 0; } }
  .footer .contact_footer, .footer .footer_menu {
    padding-top: 25px;
    font-size: 1em; }
    @media only screen and (max-width: 768px) {
      .footer .contact_footer, .footer .footer_menu {
        padding-top: 0;
        text-align: center; } }
    .footer .contact_footer p, .footer .footer_menu p {
      margin-bottom: 0; }
    .footer .contact_footer a, .footer .footer_menu a {
      display: inline-block;
      letter-spacing: 0.025em;
      color: #000;
      border-bottom: 1px dashed transparent;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease;
      margin-bottom: 8px; }
      .footer .contact_footer a:hover, .footer .footer_menu a:hover {
        color: #9ba54c; }
  @media only screen and (max-width: 768px) {
    .footer_menu {
      width: 100% !important;
      max-width: none;
      -webkit-box-flex: 0 !important;
      -ms-flex: none !important;
      flex: none !important; } }
  .footer .contact_footer .map-click {
    display: block;
    cursor: pointer;
    opacity: 0.5;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
    .footer .contact_footer .map-click:hover, .footer .contact_footer .map-click:focus {
      opacity: 1;
      color: #9ba54c; }
  .footer .contact_footer p {
    letter-spacing: 0.02em; }
  .footer address {
    position: relative;
    margin-bottom: 0;
    padding: 25px 0 0;
    text-align: center;
    letter-spacing: 0.02em;
    color: #000;
    font-style: normal; }
    @media only screen and (max-width: 768px) {
      .footer address {
        padding-top: 15px;
        opacity: 0.5;
        max-width: 230px;
        margin: 0 auto; } }
    .footer address a {
      color: #000;
      border-bottom: 1px dashed #000;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease; }
      .footer address a:hover, .footer address a:focus {
        border-bottom: 1px dashed transparent;
        color: #9ba54c; }
  .footer .visible-xs {
    display: none; }
    @media only screen and (max-width: 768px) {
      .footer .visible-xs {
        display: block; } }
  .footer .hidden-xs {
    display: block; }
    @media only screen and (max-width: 768px) {
      .footer .hidden-xs {
        display: none; } }
  .footer .topLogo {
    display: block; }
/*Lang*/
.lang-switcher{
	    display: inline-block;
}
.language-switcher.dropdown{
	display: flex;
    flex-direction: row;
    align-content: center;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.current .label.dropdown-icon{
	    padding: 10px 14px 11px;
    opacity: 0.5;
}
.delimeter{
	display: block;
    border-left: 1px solid #fff;
    height: 14px;
}
/*Lang mobile*/
.mobile-nav.mobile-nav--active .lang-switcher{
	    display:block;
}
.mobile-nav.mobile-nav--active .lang-switcher .language-switcher.dropdown{
	    justify-content: flex-start;
}
.mobile-nav.mobile-nav--active .lang-switcher .language-switcher.dropdown .current .label.dropdown-icon{
	    padding: 10px 14px 11px 0;
    opacity: 0.5;
	color:#fff;
}
.mobile-nav.mobile-nav--active .lang-switcher .language-switcher.dropdown li a .label.dropdown-icon{
	color:#fff;
	padding-left: 14px;
}

/* Add new design fonts */
@font-face {
    font-family: 'W';
    src: url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/W-Regular.eot');
    src: url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/W-Regular.eot?#iefix') format('embedded-opentype'),
    url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/W-Regular.woff2') format('woff2'),
    url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/W-Regular.woff') format('woff'),
    url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/W-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-Light.eot');
    src: url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
    url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-Light.woff2') format('woff2'),
    url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-Light.woff') format('woff'),
    url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-Bold.eot');
    src: url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
    url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-Bold.woff2') format('woff2'),
    url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-Bold.woff') format('woff'),
    url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-Regular.eot');
    src: url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
    url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-Regular.woff2') format('woff2'),
    url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-Regular.woff') format('woff'),
    url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-SemiBold.eot');
    src: url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-SemiBold.woff2') format('woff2'),
    url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-SemiBold.woff') format('woff'),
    url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/Gilroy-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

/*the best version of fonts - as say in google*/
@font-face {
  font-family: 'helvetica-neue';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/helvetica-neue-bold.woff2') format('woff2'), 
       url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/helvetica-neue-bold.woff') format('woff'),
       url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/helvetica-neue-bold.ttf') format('ttf'),
       url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/helvetica-neue-bold.eot') format('eot');
}
@font-face {
  font-family: 'helvetica-neue';
  font-style: normal;
  font-weight: 500;
  src: url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/helvetica-neue-medium.woff2') format('woff2'), 
       url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/helvetica-neue-medium.woff') format('woff'),
       url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/helvetica-neue-medium.ttf') format('ttf'),
       url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/helvetica-neue-medium.eot') format('eot');
}
@font-face {
  font-family: 'helvetica-neue';
  font-style: italic;
  font-weight: 500;
  src: url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/helvetica-neue-medium-italic.woff2') format('woff2'), 
       url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/helvetica-neue-medium-italic.woff') format('woff'),
       url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/helvetica-neue-medium-italic.ttf') format('ttf'),
       url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/helvetica-neue-medium-italic.eot') format('eot');
}
@font-face {
  font-family: 'helvetica-neue';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/helvetica-neue-regular.woff2') format('woff2'), 
       url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/helvetica-neue-regular.woff') format('woff'),
       url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/helvetica-neue-regular.ttf') format('ttf'),
       url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/helvetica-neue-regular.eot') format('eot');
}
@font-face {
  font-family: 'helvetica-neue';
  font-style: italic;
  font-weight: 400;
  src: url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/helvetica-neue-regular-italic.woff2') format('woff2'), 
       url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/helvetica-neue-regular-italic.woff') format('woff'),
       url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/helvetica-neue-regular-italic.ttf') format('ttf'),
       url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/helvetica-neue-regular-italic.eot') format('eot');
}
@font-face {
  font-family: 'helvetica-neue';
  font-style: normal;
  font-weight: 300;
  src: url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/helvetica-neue-light.woff2') format('woff2'), 
       url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/helvetica-neue-light.woff') format('woff'),
       url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/helvetica-neue-light.ttf') format('ttf'),
       url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/helvetica-neue-light.eot') format('eot');
}
/*custom icons*/
@font-face {
  font-family: 'gardenello-fonts';
  src: url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/gardenello-fonts.eot?i4o1g1');
  src: url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/gardenello-fonts.eot?#iefix') format('embedded-opentype'),
        url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/gardenello-fonts.woff') format('woff'),
        url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/gardenello-fonts.ttf') format('truetype'),
        url('https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/fonts/gardenello-fonts.svg#helveticaneuecyrthin') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*style for icons, do not touch it!*/
[class^="la-"], [class*=" la-"] {
  font-family: 'gardenello-fonts' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.la-cart:before {
  content: "\e903";
}
.la-instagram .path1:before {
  content: "\e904";
}
.la-instagram .path2:before {
  content: "\e905";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.la-arrow-dowm:before {
  content: "\e906";
}
.la-arrow-left:before {
  content: "\e907";
}
.la-arrow-top:before {
  content: "\e908";
}
.la-arrow-right:before {
  content: "\e902";
}
.la-facebook .path1:before {
  content: "\e900";
}
.la-facebook .path2:before {
  content: "\e901";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.la-search:before {
  content: "\e909";
}
/*
 * jQuery FlexSlider v2.6.0
 * https://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * https://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: "flexslider-icon";
  src: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/css/fonts/flexslider-icon.eot");
  src: url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/css/fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"),
    url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/css/fonts/flexslider-icon.woff") format("woff"), url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/css/fonts/flexslider-icon.ttf") format("truetype"),
    url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/css/fonts/flexslider-icon.svg#flexslider-icon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides &gt; li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides &gt; li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides &gt; li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #ffffff;
  border: 4px solid #ffffff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: "\f001";
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  content: "\f002";
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: "\f004";
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: "\f003";
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0.7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}

/* iCheck plugin Square skin, grey
----------------------------------- */
.icheckbox_square-grey,
.iradio_square-grey {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/css/input/skins/square/grey.png) no-repeat;
    border: none;
    cursor: pointer;
    float: left;
}

.icheckbox_square-grey {
    background-position: 0 0;
}
    .icheckbox_square-grey.hover {
        background-position: -24px 0;
    }
    .icheckbox_square-grey.checked {
        background-position: -48px 0;
    }
    .icheckbox_square-grey.disabled {
        background-position: -72px 0;
        cursor: default;
    }
    .icheckbox_square-grey.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square-grey {
    background-position: -120px 0;
}
    .iradio_square-grey.hover {
        background-position: -144px 0;
    }
    .iradio_square-grey.checked {
        background-position: -168px 0;
    }
    .iradio_square-grey.disabled {
        background-position: -192px 0;
        cursor: default;
    }
    .iradio_square-grey.checked.disabled {
        background-position: -216px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
    .icheckbox_square-grey,
    .iradio_square-grey {
        background-image: url(https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/css/input/skins/square/grey@2x.png);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}
/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical&gt;.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow&gt;.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode&gt;.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal&gt;.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical&gt;.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal&gt;.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical&gt;.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical&gt;.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical&gt;.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical&gt;.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal&gt;.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal&gt;.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal&gt;.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl&gt;.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal&gt;.swiper-pagination-progressbar,.swiper-container-vertical&gt;.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal&gt;.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical&gt;.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal&gt;.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical&gt;.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container&gt;canvas,.swiper-zoom-container&gt;img,.swiper-zoom-container&gt;svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/css/data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C6")'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/css/data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C6")'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.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;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-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{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-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{-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}.owl-carousel .animated{animation-duration:1s;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-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.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(https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s 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-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.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:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .pswp img {
    max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none; }

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
	
	1. Buttons

 */
/* &lt;button&gt; css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.pswp__button:focus,
.pswp__button:hover {
  opacity: 1;
}
.pswp__button:active {
  outline: none;
  opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/css/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1),
  (-webkit-min-device-pixel-ratio: 1.09375),
  (min-resolution: 105dpi),
  (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/css/default-skin.svg);
  }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none;
  }
}

.pswp__button--close {
  background-position: 0 -44px;
}

.pswp__button--share {
  background-position: -44px -44px;
}

.pswp__button--fs {
  display: none;
}

.pswp--supports-fs .pswp__button--fs {
  display: block;
}

.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}

.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}

.pswp__button--arrow--left {
  left: 0;
}

.pswp__button--arrow--right {
  right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: "";
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__share-modal--hidden {
  display: none;
}

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #fff;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}
.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}
.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000;
}
.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
  opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}

a.pswp__share--facebook:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #fff;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}

a.pswp__share--facebook:hover {
  background: #3e5c9a;
  color: #fff;
}
a.pswp__share--facebook:hover:before {
  border-bottom-color: #3e5c9a;
}

a.pswp__share--twitter:hover {
  background: #55acee;
  color: #fff;
}

a.pswp__share--pinterest:hover {
  background: #ccc;
  color: #ce272d;
}

a.pswp__share--download:hover {
  background: #ddd;
}

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #fff;
  opacity: 0.75;
  padding: 0 10px;
}

/*
	
	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}
.pswp__caption small {
  font-size: 11px;
  color: #bbb;
}

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #ccc;
}

.pswp__caption--empty {
  display: none;
}

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden;
}

/*

	5. Loading indicator (preloader)

	You can play with it here - https://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}

.pswp__preloader--active {
  opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url(https://www.gardenello.com.ua/skin/frontend/gardenello/default/gardenello/css/preloader.gif) 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}

.pswp--css_animation .pswp__preloader__cut {
  /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

/*
	
	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint &amp; create composition layer for controls. */
  opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}

.pswp__element--disabled {
  display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

.block-amseorichdata
{
    margin: 20px 0 10px;
    clear: both;
}

.block-amseorichdata .block-content
{
    padding: 7px 7px;
}
</pre></body></html>