body {
	color:#3B3B3B;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px x(0,0,0,0.004);
  width:100%;
  font-size: 14px;
  margin-top: 0px!important;
}

html.no-scroll {
  margin: 0; 
  height: 100%; 
  overflow: hidden
}

div[class*=" col-"] {
	margin-left: -.5px;
}

.relative {
	position:relative;
}

.body-wrap {
  position:relative;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
}

.body-wrap.cart-open {
  -ms-transform: translate(-400px, 0px);
  -webkit-transform: translate(-400px, 0px);
  transform: translate(-400px, 0px);
}

.scroll-top {
  transition: all .2s ease-in-out;
  opacity: 0;
  visibility: hidden;
	position: fixed;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #F6CA3F;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2em;
  box-shadow: 0px 10px 55px 0px rgba(0,0,0,0.17);
  z-index: 999;
  margin-left:125px;
}

.scroll-top.active {
	opacity: 1;
  visibility: visible;
  bottom: 20px;
}

.scroll-top i {
	margin-top: -4px;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
}

.line-height {
	line-height: 2em; 
}

a,
a:hover,
a:visited,
a:focus {
	color:inherit;
  text-decoration:none;
  outline:none;
}

.btn {
	height:45px;
  line-height:45px;
  padding:0px 30px;
  background:#000;
  color:#fff;
  text-transform:uppercase;
  font-weight:bold;
  font-size:1em;
  border-radius:0;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.btn:hover,
.btn:active,
.btn:focus {
	color:#fff;
  filter: brightness(90%);
}

.btn.btn-open {
	background:transparent;
  border:1px solid #000;
  color:#fd6d00;
  line-height:43px;
}

.btn.btn-open:active,
.btn.btn-open:focus,
.btn.btn-open:visited{
	color:#fd6d00;
}

.btn.btn-open:hover {
	background:#fd6d00;
  color:#fff;
}

.btn:visited {
	color:#fff;
}

.btn i {
	margin-right:7px;
  font-size:90%;
}

.standard-input {
	height: 40px;
  padding: 0px 25px;
  outline: none;
  border-radius: 3px;
  font-size: .95em;
  background: #fff;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

input.standard-input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color:    #aaa;
}

input.standard-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:    #aaa;
  opacity:  1;
}

input.standard-input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:    #aaa;
  opacity:  1;
}

input.standard-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:    #aaa;
}

input.standard-input::-ms-input-placeholder { /* Microsoft Edge */
  color:    #aaa;
}

input.standard-input.handwritten::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color:#3B3B3B;
}

input.standard-input.handwritten:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:#3B3B3B;
  opacity:  1;
}

input.standard-input.handwritten::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:#3B3B3B;
  opacity:  1;
}

input.standard-input.handwritten:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#3B3B3B;
}

input.standard-input.handwritten::-ms-input-placeholder { /* Microsoft Edge */
  color:#BCBCBC;
}

.sm:before {
	display:flex;
}

.align {
	display:table;
  width:100%;
}

.flex {
	display: flex;
}

.inline-flex {
	display: inline-flex;
}

.flex-row {
	flex-direction: row;
}

.flex-column {
	flex-direction: column;
}

.flex-wrap {
	flex-wrap: wrap;
}

.space-between {
	justify-content: space-between;
}

.justify-start {
	justify-content: flex-start;
}

.justify-center {
	justify-content: center;
}

.justify-end {
	justify-content: flex-end;
}

.align-start {
	align-items: flex-start;
}

.align-center {
	align-items: center;
}

.align-end {
	align-items: flex-end;
}

.align-stretch {
	align-self: stretch;
}

.align {
	display:table;
  width:100%;
}

.align-100 {
  height:100%;
}

.align-middle {
	display:table-cell;
  vertical-align:middle;
}

.align-bottom {
	display:table-cell;
  vertical-align:bottom;
}

.align-top {
	display:table-cell;
  vertical-align:top;
}

.block-padding {
	padding-top: 100px;
  padding-bottom: 100px;
}

.block-padding-top {
	padding-top: 100px;
}

.block-padding-bottom {
  padding-bottom: 100px;
}

.image-wrap.grey {
	position: relative;
}

.image-wrap.grey:after {
	content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.03);
}

.main-content-row {
	display: flex;
}

.main-content-row .main-col {
	flex: 1;
}

.sidebar-col {
	display: flex;
  flex-direction: column;
}

.sidebar.fixed {
	position: fixed;
  top: 0;
  left: 0;
  max-height: 100%;
  overflow-y: scroll;
  z-index: 999;
}

.sidebar.fixed.bottom {
	display: flex;
  align-items: flex-end;
  position: relative;
}

.sidebar.fixed.bottom ul {
	width: 100%;
}

#header .main-header.sticky {
	position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:99;
} 

#header .main-header .logo.with-sidebar {
	left:280px;
}

#header .topbar {
	height:40px;
  display:flex;
  align-items:center;
  padding:0px 20px;
  background:#3B3B3B;
  color:#fff;
  text-transform:uppercase;
  font-size:1.2em;
}

#header .topbar i {
	color:#F6CA3F;
  margin-right:7px;
}

#header .topbar ul {
	display:flex;
  align-items:center;
  justify-content:space-between;
  margin:0;
  padding:0;
  list-style:none;
  width:100%;
}

.title-featured .title {
	font-size:5.7em;
  text-transform:uppercase;
  line-height:1em;
}

.title-featured .title span {
	color: #F6CA3F;
}

.title-featured .title span.white {
	color: #fff;
}

.title-featured .subtitle {
	font-size:2.7em;
  color:#587496;
/*   font-weight:bold; */
  line-height:1.2em;
  margin-top:15px;
}

.title-featured {
	margin-bottom:60px;
}


.sidebar-col,
.sidebar {
	width:250px;
  display:flex;
  flex-direction:column;
  position: relative;
  z-index: 999;
}

.sidebar-col.bottom {
	justify-content:flex-end;
}

.categories-menu {
	margin:0;
  padding:0;
  list-style:none;
  background:#ccc;
  color:#fff;
  text-transform:uppercase;
  font-size:30px;
  font-weight:bold;
}

#catalog .categories-menu {
	font-size:45px;
}

#catalog .categories-menu li a  {
	justify-content:center;
}

#catalog .categories-menu li a {
	height:130px;
}

.categories-menu li a {
	display:flex;
  height:100px;
  align-items:center;
  padding:0px 30px;
  position: relative;
  z-index: 1;
}

.categories-menu li {
	position: relative;
  overflow: hidden;
}
.categories-menu li:last-child:after {
	background: #000;
}
.categories-menu li:after {
	content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: #F6CA3F;
  z-index: 0;
}

.categories-menu li:hover:after {
	animation: categoryHover .6s ease-in-out;;
  animation-fill-mode: forwards;
}

@keyframes categoryHover {
  0% {
  	left: -100%;
  }
  45% {
  	left: 0;
  }
  50% {
  	left: 0;
  }
	55% {
  	left: 0;
  }
  100% {
  	left: 100%;
  }
}

.categories-menu li:nth-child(1) {
	background:#818E74;
}
.categories-menu li:nth-child(2) {
	background:#587496;
}
.categories-menu li:nth-child(3) {
	background:#3E3D30;
}
.categories-menu li:nth-child(4) {
	background:#B18172;
}
.categories-menu li:nth-child(5) {
	background:#8A3434;
}
.categories-menu li:nth-child(6) {
	background:#D3D3D3;
}
.categories-menu li:nth-child(7) {
	background:#352222;
}
.categories-menu li:nth-child(8) {
	background:#F6CA3F;
}

.sm-container {
	padding:0px 30px;
  width:100%;
  max-width:1030px;
  margin:0 auto;
}
/* End general styles */

/* Header */
#header .main-header {
	position: relative;
  z-index: 999;
  background: #F6CA3F;
}

#header .main-header .inner {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 10px 0;
}

#header .main-header .logo {
  position: absolute;
  top: 20px;
  left: 30px;
  z-index: 999;
}

#header .main-header .logo a {
	display: block;
}

#header .main-header .logo img {
	height: 106px;
}

#header .main-header .header-icons {
	display: flex;
  align-items: center;
}

#header .main-header .header-icons .language2 {
	margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}

#header .main-header .header-icons > a,
#header .main-header .header-icons .search-wrap form > a,
#header .main-header .header-icons .language2 {
	display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  min-width: 45px;
  height: 45px;
  min-height: 45px;
  background: #fff;
  border-radius: 50%;
  margin-right: 15px;
  color: #000;
  font-size: 1.8em;
}

#header .main-header .header-icons .language2:hover {
  border-radius: 50% 50% 0 0;
  background: #f7f7f7;
}

#header .main-header .header-icons .language2 > ul {
	opacity: 0;
  visibility: hidden;
  list-style: none;
  font-size: 14px;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 100%;
  left: 0;
  display: flex;
  flex-direction: column;
  z-index: 999;
  background: #f7f7f7;
  border-radius: 0 0 45px 45px;
  overflow: hidden;
}

#header .main-header .header-icons .language2 > ul li a {
	white-space: nowrap;
  padding: 10px;
  background: #fff;
  display: flex;
  width: 45px;
  height: 45px;
  justify-content: center;
  align-items: center;
  background: #f7f7f7;
  font-weight: 700;
}

#header .main-header .header-icons .language2 > ul li.active a {
	color: #fff;
  background: #3B3B3B;
}

#header .main-header .header-icons .language2 > ul li:not(.active):hover a {
	filter: brightness(90%);
}

#header .main-header .header-icons .language2:hover > ul {
	opacity: 1;
  visibility: visible;
}

#header .main-header .header-icons a.cart {
	position: relative;
}

#header .main-header .header-icons a.cart .amount {
  font-size: 12px;
  color: #fff;
  background: #000;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  position: absolute;
  top: -5px;
  right: -10px;
}

#header .main-header .header-icons a.account,
#header .main-header .header-icons a.account:focus,
#header .main-header .header-icons a.account:active,
#header .main-header .header-icons a.account:visited {
	background: #3B3B3B;
  color: #fff;
}

#header .main-header .header-icons > a:focus,
#header .main-header .header-icons > a:active,
#header .main-header .header-icons > a:visited {
	background: #fff;
  color: #000;
}

#header .main-header .header-icons a:last-child {
	margin-right: 0;
}

#header .main-header .search-wrap {
	display: inline-flex;
  margin-right: 15px;
}

#header .main-header .search-wrap form {
  display: flex;
  align-items: center;
  position: relative;
  background: rgba(255,255,255,.28);
  width: 380px;
  height: 45px;
  border-radius: 45px;
}

#header .main-header .search-wrap form input {
  height: 45px;
  border-radius: 45px;
  width: 100%;
  color: #3B3B3B;
  font-size: 1.7em;
  background: transparent;
}

#header .main-header .header-icons .search-wrap form > a {
  position: absolute;
  right: 0;
  top: 0;
  margin-right: 0;
}
/* End header */

/* Live search */
#formSearch .autocomplete {
  position: absolute;
  left: 0;
  top: calc(100% + 10px);
  z-index: 999999;
  width: 100%;
  text-align: left;
  display: none;
  background:#fff;
  border: 1px solid #eee;
  border-top: 0;
  padding: 15px;
}
#formSearch .autocomplete .more {
  padding-top: 15px;
  font-weight: 400;
  text-align: center;
  border-top: 1px solid #eee;
  margin-top: -1px;
  text-transform: uppercase;
  font-size: 1.5em;
}
#formSearch .autocomplete.noresults .more {
  display:none;
}
#formSearch .autocomplete .notfound {
  display:none;
  padding: 10px 0px;
  font-size: 13px;
  font-style: italic;
}
#formSearch .autocomplete.noresults .notfound {
  display:block;
}
#formSearch .autocomplete.noresults .search-products {
  display:none;
}

.autocomplete .search-products .product .product-inner {
	display:flex;
  align-items:center;
  justify-content:space-between;
}

.autocomplete .search-products .product .product-inner .info {
	width:100%;
}

.autocomplete .search-products .product .product-inner .cart-btn,
.autocomplete .search-products .product .product-inner .cart-btn:visited,
.autocomplete .search-products .product .product-inner .cart-btn:active {
	min-width: 40px;
  max-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F6CA3F;
  color: #000;
  font-size: 25px;
  margin-left:20px;
}

.autocomplete .search-products .product .image-wrap {
  padding: 10px;
/*   border: 1px solid #eee; */
  min-width: 80px;
  max-width: 80px;
  margin-right:15px;
}

.autocomplete .search-products .product .image-wrap img {
	width:100%;
}

.autocomplete .search-products .product {
  padding: 10px 0px;
  border-bottom: 1px solid #eee;
}

.autocomplete .search-products .product .info .title {
  margin-bottom: 5px;
  font-weight: 700;
  line-height: 1.5em;
  text-transform: none;
  font-size: .9em;
}

.autocomplete .search-products .product .info .price {
  font-weight: 700;
/*   color: #5dcbe8; */
}

.autocomplete .search-products .product .info .price.price-old {
  margin-left: 5px;
  color: #aaa;
  text-decoration: line-through;
}
/* End live search */

/* Mobile menu */ 
.menu-button ul {
	margin:0;
  padding:0;
  list-style:none;
}

.menu-button ul li {
  margin: 5px 0px;
  height: 2px;
  display: block;
  background: #000;
  width: 27px;
  -webkit-transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
}

.mobile-menu-overlay {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.3);
  z-index:9999;
  overflow:hidden;
  opacity:0;
  visibility:hidden;
  -webkit-transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
}

.mobile-menu-overlay.mobile-menu-open {
  opacity:1;
  visibility:visible;
}

.mobile-menu {
  position: fixed;
  left: 0;
  top: 0;
  width: 300px;
  height: 100%;
  background: #fff;
  z-index: 99999;
  overflow-x: scroll;
  -ms-transform: translate(-300px, 0px);
  -webkit-transform: translate(-300px, 0px);
  transform: translate(-300px, 0px);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  font-size:14px;
  font-weight:500;
}

.mobile-menu .mobile-menu-inner .logo img {
	width: 50%;
}

.mobile-menu.mobile-menu-open {
  -ms-transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
.body-wrap.mobile-menu-open {
  -ms-transform: translate(300px, 0px);
  -webkit-transform: translate(300px, 0px);
  transform: translate(300px, 0px);
}

/* .mobile-menu ul a {
	color:#000;
} */
.mobile-menu ul.sub-menu a {
	color:#aaa;
}

.mobile-menu ul {
	margin:0;
  padding:0;
  list-style:none;
  padding:12px 0px;
}

.mobile-menu ul.categories-menu {
	padding: 0;
}

.mobile-menu ul li {
	position:relative;
}
.mobile-menu ul li a {
	display:block;
  padding:12px 20px;
  padding-right:41px;
}
.mobile-menu ul.categories-menu li a {
	padding: 0 30px;
  display: flex;
}
.mobile-menu ul li .more-cats {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 44px;
  line-height: 44px;
  text-align: center;
  width: 44px;
}
.mobile-menu ul li .more-cats i {
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.mobile-menu ul li.active > .more-cats i {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.mobile-menu ul ul li .more-cats {
	height:23px;
  line-height:23px;
}
.mobile-menu ul ul {
	display:none;
  font-size: 12px;
  padding: 5px 0px;
  padding-left: 24px;
}
.mobile-menu ul ul li {
	border-left: 2px solid #e3e3e3;
}
.mobile-menu ul ul li a {
  padding: 3px 0px;
  padding-left:22px;
  color: #999;
}
.mobile-menu ul ul ul li a {
	padding-left:10px;
}
.mobile-menu ul ul.active {
	display:block;
}
.mobile-menu ul li i.before {
	font-size:11px;
  margin-right:10px;
  color:rgba(0,0,0,0.2);
  width:15px;
}
.mobile-menu .logo {
	padding:20px;
  padding-bottom:10px;
}
.mobile-menu .logo.small img {
	height:20px;
}
.mobile-menu .logo.medium img {
	height:25px;
}
.mobile-menu .logo.large img {
	height:30px;
}
/* End mobile menu */

/* Cart side */
.cart-overlay {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.3);
  z-index:999999;
  overflow:hidden;
  opacity:0;
  visibility:hidden;
  -webkit-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
}
.cart-overlay.cart-open {
  opacity:1;
  visibility:visible;
}
.cart-side {
  position: fixed;
  left: 100%;
  top: 0;
  width: 400px;
  height: 100%;
  background: #fff;
  z-index: 9999999999;
  overflow-x: scroll;
  -ms-transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}
.cart-side.cart-open {
  -ms-transform: translate(-400px, 0px);
  -webkit-transform: translate(-400px, 0px);
  transform: translate(-400px, 0px);
}
.cart-side .no-cart-products {
  font-size:13px;
  padding:20px;
  font-style:italic;
}
.cart-side table {
  width:100%;
}
.cart-side .cart-title-wrap {
  border-bottom:1px solid #eee;
  -webkit-transition: padding .2s ease-in-out;
  -o-transition: padding .2s ease-in-out;
  transition: padding .2s ease-in-out;
  position:relative;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  background:#fff;
  z-index:99;
}
.cart-side:hover .cart-title-wrap {
  padding-right:60px;
}
.cart-side .cart-body {
/* 	padding-bottom:99px; */
  padding-bottom:159px;
  padding-top:65px;
  width:100%;
  height:100%;
  overflow-x:scroll;
}
.cart-side .close-cart {
  position:absolute;
  height:100%;
  width:60px;
  right:0;
  top:0;
  text-align:center;
	background: #F6CA3F;
  color:#fff;
  -webkit-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
  -ms-transform: translate(100%, 0px);
  -webkit-transform: translate(100%, 0px);
  transform: translate(100%, 0px);
  cursor:pointer;
}
.cart-side:hover .close-cart {
  -ms-transform: translate(0%, 0px);
  -webkit-transform: translate(0%, 0px);
  transform: translate(0%, 0px);
}
.cart-side .cart-title {
  padding:20px;
}
.cart-side .cart-title .title {
  font-size:1.5em;
	text-transform: uppercase;
  font-weight:400;
}
.cart-side .cart-title .items {
  font-size:0.9em;
  font-weight:bold;
  color:#aaa;
}
.cart-side .cart-products table {
  width:100%;
}
.cart-side .cart-products table td {
  padding:20px 10px;
  border-bottom:1px solid #eee;
}
.cart-side .cart-products table td:first-child {
  padding-left:20px;
}
.cart-side .cart-products table td:last-child {
  padding-right:20px;
}
.cart-side .cart-products table td:nth-child(2) {
	width:100%;
}
.cart-side .cart-products .image-wrap {
  width:70px;
  padding: 10%;
}
.cart-side .cart-products .image-wrap img {
  width:100%;
}
.cart-side .cart-products .live-delete {
	color: #ccc;
}
.cart-side .cart-products .image-wrap .image.img-gray {
	display: block;
  width: auto;
  padding: 10%;
	position: relative;
}
.cart-side .cart-products .image-wrap .image.img-gray:after {
  content: '';
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.025);
}
.cart-side .cart-products .info a.title {
  display:block;
  font-size:1em;
  font-weight: 700;
  margin-bottom:5px;
  color:#444;
}
.cart-side .cart-products .info .qty {
  color: #aaa;
  font-size: 0.95em;
}
.cart-side .cart-products .info .qty .standard-input {
	    width: 30px;
    padding: 0;
    height: 30px;
    border: 1px solid #eee;
    border-radius: 0;
    margin-left: 10px;
    text-align: center;
    color: #000;
}
.cart-side .cart-products .info .productbundled ul {
	list-style:none;
  margin:0;
  padding:0;
}
.cart-side .cart-products .info .productbundled ul li {
	font-size:0.9em;
}
.cart-side .cart-products .info .productbundled ul li i {
	font-size:0.8em;
  margin-right:8px;
}
.cart-side .cart-products .info .extra-info {
  font-size:12px;
}
.cart-side .cart-products .info .price {
  font-weight:bold;
/*   color: #5dcbe8; */
}
.cart-side .cart-inner {
	position:absolute;
  width:100%;
  height:100%;
  overflow-x:scroll;
}
.cart-side .cart-total {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  background:#fff;
  border-top:1px solid #eee;
  padding:30px 20px;
  font-weight:bold;
}

.cart-side .cart-total .discount-message,
.cart-side .cart-total .shipping-message {
  padding: 10px 15px;
  text-align: center;
  background: rgba(87, 116, 151, 0.5);
  color: #fff;
  border: 1px solid rgba(125, 157, 196, 0.88);
  margin-bottom: 10px;
      font-weight: 700;
}

.cart-side .cart-total .shipping-message {
	background: rgba(129,142,116,0.5);
  border: 1px solid rgba(129,142,116,0.88);;
}

.cart-side .cart-total .totals {
	text-align:right;
  font-weight:bold;
  height: 60px;
/*   margin-top: 20px; */
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart-side .cart-total .totals .free,
.cart-side .cart-total .totals .qty {
/*   width: 100px; */
  display: inline-block;
}
.cart-side .cart-total .totals .free {
    color: #64cbe7;
}
.cart-side .cart-total .cart-links {
	height:80px;
}
.cart-side .cart-total a.changecart {
  color: #60CAE6;
  text-decoration: underline;
  margin-right:20px;
}

.cart-side .cart-total .btn {
	background: #25B363;
}

.cart-side .cart-total .price {
  font-size: 1.1em;
/*   color: #5dcbe8; */
}
.cart-side .cart-total .price .title {
  font-size: 1em;
  font-weight: bold;
  margin-right: 10px;
  color: #333;
}
.cart-side .trustpilot-widget {
  max-width: 200px;
  max-height: 120px;
  margin: 0 auto;
}
/* End cart side */

/* Headline */
.headline {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(headline.jpg);
  padding: 0;
  z-index: 0;
  padding-top: 4%;
  padding-bottom: 6%;
}

.headline .content {
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  color: #fff;
  text-align: center;
  max-width: 50%;
  z-index: 1;
  text-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.headline .content .title {
  font-size: 6vw;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.headline .content .subtitle {
  font-size: 2vw;
}

.headline .headline-usp {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.headline .headline-usp .usp-item {
	padding: 15px 55px;
  flex: 1;
  color: #fff;
  font-size: 2.7vw;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;  
  line-height: 1.2em;
  text-align: center;
}

.headline .headline-usp .usp-item span {
	color: #F6CA3F;
}

.headline .headline-usp .usp-item.usp-1 {
	background: rgba(59,59,59,.85);
}

.headline .headline-usp .usp-item.usp-2 {
	background: rgba(88,116,150,.85);
}

.headline .headline-usp .usp-item.usp-3 {
	background: rgba(129,142,116,.85);
}
/* End headline */

/* Home products */
.home-products .home-products-btn {
	width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 30px;
  background: #3B3B3B;
  color: #fff;
  font-size: 2.4em;
  text-transform: uppercase;
  margin-top: 80px;
  transition: all .15s ease-in-out;
}	

.home-products .home-products-btn:hover {
	filter: brightness(90%);
}
/* End home products */

/* Home blog */
.home-blog {
	background: #818E74;
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.home-blog .flag {
	position: absolute;
  top: 60px;
  right: -40px;
  transform: rotate(16deg);
  z-index: -1;
}

.home-blog .flag img {
	max-width: 295px;
  width: 100%;
}

.home-blog .article {
	display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
}

.home-blog .article .title-featured .article-subtitle {
  color: #fff;
  letter-spacing: 0.13em;
  font-size: 1.7em;
  text-transform: uppercase;
  margin-top: 20px;
  font-weight: 400;
}

.home-blog .article .content-row {
	display: flex;
	margin: -15px;
}

.home-blog .article .content-row .content-col {
  /* flex: 1; */
  padding: 15px;
  /* font-weight: 700; */
  font-family: balboa-condensed, sans-serif;
  font-size: 24px;
  color: #fff;
}


.home-blog .article .bottom-banner {
	margin-top: 50px;
  width: 100%;
}

.home-blog .article .bottom-banner .image-wrap {
	width: 100%;
  height: 250px;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.home-blog .article .bottom-banner .image-wrap img {
	position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}

.home-blog .article .bottom-banner .btn-wrap {
	display: flex;
}

.home-blog .article .bottom-banner .btn-wrap .article-btn {
	flex: 1;
  padding: 15px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  font-size: 2.4em;
}

.home-blog .article .bottom-banner .btn-wrap .article-btn:nth-child(1) {
	background: #F6CA3F;
}

.home-blog .article .bottom-banner .btn-wrap .article-btn:nth-child(2) {
	background: #FAEAB6;
}
/* End home blog */

/* Home text */
.home-text .title-featured .title {
	color: #000; 
}

.home-text .content-row {
	display: flex;
  margin: -20px;
}

.home-text .content-row .content-col {
	flex: 1;
  padding: 20px;
}

.home-text .home-image img {
	width: 100%;
}

.home-text .home-image.left {
	margin-top: 100px;
  transform: rotate(14deg);
}

.home-text .home-image.right {
	margin-bottom: 100px;
}

.home-text .content {
	font-weight: 700;
}
/* End home text */

/* Home banners */
.home-banners {
	display: flex;
}

.home-banners .home-banner {
	flex: 1;
}
/* End home banners */

/* Newsletter block */
.newsletter-block form input.standard-input {
	width: 100%;
  max-width: 1200px;
  height: 60px;
  border-radius: 60px;
  text-align: center;
  font-weight: 600;
  background: #F6CA3F;
  font-size: 1.846em;
}
/* End newsletter block */

/* Breadcrumbs */
.breadcrumbs {
	margin: 15px 0;
}

.breadcrumbs i {
	margin: 0 10px;
}
/* End breadcrumbs */

/* Collection filters */
.price-filter {
  max-width:200px;
}

.price-filter a {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.collection-filter-price {
  height: 5px;
  border: none;
  margin: 0px;
  padding: 0;
  position: relative;
  width: 100%;
}

.collection-filter-price .ui-slider-range {
  background-color: #756A55;
  border: none;
  margin: 0;
  position: absolute;
  height: 5px;
  top: 0;
  z-index: 1;
}

.collection-filter-price .ui-slider-handle {
  display: block;
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  border: 0;
  top: -5px;
  cursor: col-resize;
  border: none;
  background-color: #fff;
  border: 2px solid #756A55;
  outline: none;
  z-index:9;
}

.collection-filter-price .ui-slider-handle:last-child {
	margin-left:-10px;
}

.collection-filter-price:after {
	display:block;
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:5px;
  background:#eee;
}

.price-filter-range {
  margin-top: 10px;
  font-size: .9em;
  display: flex;
  justify-content: space-between;
}

.price-filter-range .min,
.price-filter-range .max {
  display: inline-block;
}

.price-filter-range .min span,
.price-filter-range .max span {
  font-weight: 600;
}

.price-filter-range .max {
  margin-left: 15px;
}

.filter-wrap {
	margin-bottom: 30px;
}

.filter-wrap:last-child {
	margin-bottom: 0;
}

.filter-wrap .filter-title {
	margin-bottom: 10px;
}

.filter-wrap .filter-items {
	display: flex;
  flex-direction: column;
  margin: -10px 0;
}
/* End collection filters */

/* Dropdown */
.ui.selection.dropdown {
	height: 40px;
  min-height: unset;
  border: 1px solid #eee;
  line-height: 40px;
  border-radius: 0px;
  padding: 0 20px;
}

.ui.selection.dropdown>.dropdown.icon {
  padding: 0;
  margin: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 1;
  height: 100%;
  width: 40px;
  background: #eee;
  font-weight: 700;
  font-size: 1em;
  color: #797979;
  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: #000;
}

.ui.dropdown>.dropdown.icon:before {
	content: '\f107';
  font-family: "FontAwesome" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.ui.selection.dropdown:hover,
.ui.selection.active.dropdown,
.ui.selection.active.dropdown:hover,
.ui.selection.active.dropdown .menu,
.ui.selection.active.dropdown .menu:hover,
.ui.selection.active.dropdown:hover .menu,
.ui.selection.dropdown:focus {
	border-color: #eee;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.ui.selection.dropdown .menu {
	width: 100%;
  margin: 0 -1px;
  border-radius: 0;
}

.ui.selection.dropdown .menu>.item {
  padding: 10px 20px !important;
  line-height: 2em;
  font-size: .8em;
}
/* End dropdown */

/* Checkbox */
.checkbox {
	margin: 0;
}

.ui.checkbox {
	font-size: .9em;
  display: block;
  padding: 7px 0;
}

.ui.checkbox .box,
.ui.checkbox label {
  padding-left: 2.1em;
  cursor: pointer;
}

.ui.checkbox input:checked~.box:after,
.ui.checkbox input:checked~label:after,
.ui.checkbox input:checked~.box:after,
.ui.checkbox input:checked~label:after{
	color: #000 !important;
}

.ui.checkbox .box:before, 
.ui.checkbox label:before {
	border-radius: 0 !important;
}

.ui.checkbox input:checked:focus~.box:before,
.ui.checkbox input:checked:focus~label:before,
.ui.checkbox input:indeterminate:focus~.box:before,
.ui.checkbox input:indeterminate:focus~label:before,
.ui.checkbox input:checked~.box:before,
.ui.checkbox input:checked~label:before,
.ui.checkbox input:focus~.box:before,
.ui.checkbox input:focus~label:before {
	border-color: #D4D4D5 !important;
}
/* End checkbox */

/* About page */
#about-page .content-section {
	background: #B2BBAA;
}

#about-page .content-section .inner {
	display: flex;
  flex-direction: column;
  align-items: center;
}

#about-page .title-featured .title {
	color: #fff;
  margin: 0;
}

#about-page .about-page-image {
	margin-bottom: 70px;
}

#about-page .intro-title {
	font-size: 3em;
  margin-bottom: 70px;
}

#about-page .content-row {
	display: flex;
  margin: -20px;
}

#about-page .content-row .content-col {
	flex: 1;
  padding: 20px;
  font-weight: 700;
}

#about-page .contact-section {
	background: #D8D8D8;
}

#about-page .contact-section .inner {
	display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: -20px;
}

#about-page .contact-section .inner .inner-col {
	padding: 20px;  
}

#about-page .contact-section ul {
	list-style: none;
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: 1.1em;
  line-height: 2em;
}

#about-page .contact-section .contact-title {
	text-transform: uppercase;
  font-size: 2em;
  margin-bottom: 20px;
}
/* End about page */

/* Blog page */
#blog .blog-headline {
	background-image: url('blog-headline.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5% 0;
}

#blog .blog-headline .title-featured .title {
	text-shadow: 0 0 10px rgba(0,0,0,0.8);
  color: #fff;
}

#blog .articles-wrap {
	background: #E6E6E6;
}

#blog .articles {
	display: flex;
  flex-wrap: wrap;
  margin: -10px;
}

#blog .articles .article {
	width: 50%;
  padding: 10px;
}

#blog .articles .article .inner {
	padding: 25px;
  padding-top: 35px;
  background: #F6CA3F;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

#blog .articles .article .inner .title-wrap {
	margin-bottom: 35px;
  font-weight: 700;
  color: #000;
}

#blog .articles .article .inner .title-wrap .article-title {
	font-size: 2.5em;
  margin-bottom: 10px;
}

#blog .articles .article .inner .article-image img {
	width: 100%;
}

#blog .articles .insta-block .inner {
	background: #3B3B3B;
  color: #F6CA3F;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 25px;
}

#blog .articles .insta-block-1 .inner .image {
	width: 70%;
}

#blog .articles .insta-block-1 .inner .handwritten {
	text-align: center;
  margin-top: 20px;
  font-size: 2.5em;
}

#blog .articles .insta-block-2 .inner {
	padding: 15%;
  padding-bottom: 30px;
}

#blog .articles .insta-block-2 .inner .image {
	width: 100%;
}

#blog .articles .insta-block-2 .inner .bottom-wrap {
	display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 30px;
}

#blog .articles .insta-block-2 .inner .bottom-wrap .icons {
	margin: -5px;
}

#blog .articles .insta-block-2 .inner .bottom-wrap .icons a {
	margin: 5px;
  display: inline-flex;
}

#blog .articles .insta-block-2 .inner .bottom-wrap .icons a:last-child {
	margin-right: 0;
}

#blog .articles .insta-block-2 .inner .bottom-wrap .icons a img {
	max-width: 40px; 
}

#blog .articles .insta-block-2 .inner .bottom-wrap .follow-link {
	font-weight: 700;
  font-size: 1.1em;
}
.more-articles {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 30px;
  background: #3B3B3B;
  color: #fff;
  font-size: 2.4em;
  text-transform: uppercase;
  margin-top: 80px;
  transition: all .15s ease-in-out;
}

.more-articles:active,
.more-articles:visited,
.more-articles:focus {
	color: #fff;
}

.more-articles:hover {
	filter: brightness(90%);
  color: #fff;
}
/* End blog page */

/* Article */
#article .article-image {
	padding: 15% 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

#article .article-content {
	background: #818E74;
}

#article .title-featured .article-subtitle {
	color: #fff;
  letter-spacing: 0.13em;
  font-size: 1.7em;
  text-transform: uppercase;
  margin-top: 20px;
  font-weight: 400;
}

#article .article-content .article-text {
	font-weight: 700;
}
/* End article */

/* Share story */
#share-story-popup {
	display: none;
  padding: 0;
}

#share-story-popup .fancybox-close-small:after {
	color: #fff;
}

#share-story-popup .fancybox-close-small:hover:after {
	background: #fff;
  color: #8b4445;
}

.share-story {
	background: #3B3B3B;
  color: #fff;
}

.share-story .inner {
	display: flex;
  flex-direction: column;
  align-items: center;
}
.share-story .intro-text {
	font-size: 1.3em;
  line-height: 1.6em;
  max-width: 70%;
  margin-bottom: 60px;
}

.share-story form {
	display: flex;
  flex-direction: column;
  width: 100%;
}

.share-story form input {
	flex: 1;
  border-radius: 0;
  height: 50px;
  background: #4B4B4B;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.1em;
  padding: 0 15px;
}

.share-story form input.error,
.share-story form textarea.error{
    background: rgba(255, 0, 0, .2);
}

.share-story form .inputs-wrap {
	padding: 22px 0;
  margin: -12px;
  display: flex;
}

.share-story form .inputs-wrap input {
	margin: 12px;
}

.share-story form textarea {
	background: #4B4B4B;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.1em;
  min-height: 350px;
  padding: 15px;
  -webkit-appearance: none;
  border: none;
  outline: none;
  margin-bottom: 25px;
  max-width: 100%;
}

.share-story form textarea::placeholder {
	color: #aaa;
}

.share-story .upload-image {
  display: inline-flex;
  align-items: center;
  position: relative;
  flex: 0;
  width: max-content;
}

.share-story .upload-image input {
	flex: 0;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.share-story .upload-image .icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #eee;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.share-story .upload-image .text {
  text-transform: uppercase;
  margin-left: 10px;
  font-size: 1.1em;
  font-weight: 700;
  color: #aaa;
}

.share-story form .submit-story {
	margin-top: 60px;
  background: #25B363;
  border: 0;
  flex: 0;
  padding: 0 80px;
  width: max-content;
  align-self: center;
}

.share-story .added-files ul {
	margin:0;
  padding:0;
  list-style:none;
  margin-top:20px;
}

.share-story .added-files ul li {
	padding:2px 0px;
  text-transform: uppercase;
  font-weight: 700;
  color: #aaa;
}

.share-story .added-files ul li i {
  font-size: 110%;
  color: #f7d047;
  margin-right: 10px;
}
/* End share story */

/* Footer */
#footer {
	background: #000;
  font-weight: 700;
  padding: 60px 50px;
}

#footer .footer-row {
	display: flex;
/*   flex-wrap: wrap; */
  margin: -20px;
}

#footer .footer-row.outer-row {
	justify-content: space-between;
}

#footer .footer-row .footer-col {
	padding: 20px;
}

#footer .logo {
	margin-bottom: 100px;
}

#footer .trustpilot-widget {
	margin-bottom:20px;
}

#footer .logo img {
	width: 100%;
  max-width: 350px;
}

#footer .footer-info {
	color: #fff;
  align-self: flex-end;
}

#footer ul,
#footer .footer-links .links-wrap ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  font-weight: 700;
}

#footer .footer-links {
	display: flex;
  flex-wrap: wrap;
  margin: -50px;
}

#footer .footer-links .links-wrap {
	padding: 50px;
}

#footer .footer-links .links-wrap .footer-title {
	text-transform: uppercase;
  margin-bottom: 70px;
}

#footer .footer-links .links-wrap .footer-title,
#footer .footer-links .links-wrap ul li a,
#footer .service-links ul li a {
	color: #616161;
}

#footer ul.footer-socials {
	margin-left: 60px;
}

#footer ul.footer-socials li a {
	display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
  color: #000;
  font-size: 2em;
}

#footer ul.footer-socials li:first-child {
	margin-bottom: 15px;
}

#footer .service-links {
	margin-top: 140px;
  margin-bottom: 20px;
}

#footer .service-links ul {
	display: flex;
  flex-wrap: wrap;
  margin-right: -70px;
}

#footer .service-links ul li {
	margin-right: 70px;
}

#footer .payments {
	display: flex;
  flex-wrap: wrap;
  margin: -5px;
}

#footer .payments a {
	display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 3px;
  margin: 5px;
}

#footer .payments a img {
	height: 40px;
}
/* End footer */

/* Categories */
.categories {
	margin: -15px;
}

.categories .category {
	padding: 15px;
}

.categories .category img {
	width:100%;
}
/* End categories */

.gui-page-title {
	font-weight: 400 !important;
}

/* Brands */
.brands {
	margin: -15px;
}

.brands .brand {
	padding: 15px;
}

.brands .brand img {
	width:100%;
}
/* End brands */

/* Tags */
#tags-page .tags {
	margin: -7px;
}

#tags-page .tags a {
	height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #333;
  padding: 0 20px;
  background: #f7f7f7;
  margin: 7px;
}
/* End tags */

/* Messages */
.message-container {
  z-index: 9999999;
  margin-top: 20px;
  margin-bottom:10px;
  width:100%;
}
.fixed-content .message-container {
	margin-top:0;
  margin-bottom:20px;
}
.message-container.home-message {
	position: fixed;
  bottom: 0;
  margin-bottom: 20px;
}

.message-container .messages {
  margin: 0;
  position: relative;
}

.message-container .messages .message ul {
  padding: 0;
  border: none;
  margin: 0;
  background: transparent;
  color:#fff;
  text-align:left;
}

.message-container .messages .message {
  color: #fff;
  padding: 20px;
  background-color: #fff;
  color: #fff;
  border-radius: 5px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  display: inline-block;
  padding: 10px;
  width:100%;
}

.message-container .messages .message.error .icon {
  color: #cd3b3b;
}

.message-container .messages .message.success .icon {
  color: #2ecc71;
}

.message-container .messages .message.info .icon {
  color: #3ca1cd;
}

.message-container .messages .message.error {
  background: #cd3b3b;
}
.message-container .messages .message.success {
  background: #2ecc71;
}
.message-container .messages .message.info {
  background: #3ca1cd;
}

.message-container .messages .message .icon {
	width:35px;
}

.message-container .messages .message .icon i {
  font-size: 16px;
  background: #fff;
  height: 35px;
  width: 35px;
  line-height: 35px;
  border-radius: 100%;
  -webkit-box-shadow: 0px 0px 26px 3px rgba(0,0,0,0.08);
  -moz-box-shadow: 0px 0px 26px 3px rgba(0,0,0,0.08);
  box-shadow: 0px 0px 26px 3px rgba(0,0,0,0.08);
  text-align:center;
}

.message-container .messages .message .text {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5em;
  padding-left:20px;
}

.message-container .messages .message .button {
	padding-left:10px;
  text-align:right;
}

.message-container .messages .message .button .btn {
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
}

.gui-messages {
	display:none !important;
}
/* End Messages */

#collection .sort-bar {
	margin-bottom:20px;
}

#collection .sort-bar .ui.selection.dropdown {
	min-width:0;
/*   width:100%; */
  display: inline-flex;
  align-items: center;
  justify-content:center;
  background:#e6e6e6;
  border:none;
  width:100%;
  max-width:250px;
}

#collection .sort-bar select {
  width:100%;
  max-width:250px;
  opacity:0;
}

#collection .sort-bar .ui.selection.dropdown>.dropdown.icon {
	position: unset;
  width: auto;
  height: auto;
  background: transparent;
  padding: 0;
  margin: 0;
  -webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
  transform: translateY(0%);
  order:2;
  margin-left:10px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#collection .sort-bar .ui.selection.dropdown>.dropdown.icon:before {
  content: "\f0dc";
}

/* Responsive */
/* @media (max-width: 1500px) {
  #footer .logo img {
    max-width: 260px;
  }
} */
@media (min-width: 1200px) {
  .container {
  	width:100%;
    max-width:100%;
    padding:0px 30px;
  }
}

@media (max-width: 1199px) {
  .headline {
    padding-top: 2%;
    padding-bottom: 7%;
  }
  
  .headline .content .title {
    font-size: 6vw;
    text-transform: uppercase;
    margin-bottom: 15px;
  }
  
  .cart-side .cart-inner {
  	overflow-x:hidden;
  }
  
  .sidebar-col {
  	display: none;
  }
  
  #header .main-header .header-icons > a.social {
  	display: none;
  }
  
  .block-padding {
  	padding-top: 70px;
    padding-bottom: 70px;
  }
  
  .block-padding-top {
  	padding-top: 70px;
  }
  
  .block-padding-bottom {
    padding-bottom: 70px;
  }
  
  .title-featured {
  	margin-bottom: 40px;
  }
  
  .title-featured .title {
  	font-size: 4em;
  }
  
  .title-featured .subtitle {
    font-size: 1.8em;
    margin-top: 10px;
  }
  
  #footer .footer-row {
    flex-wrap: wrap;
  }
  #footer .logo {
  	margin-bottom: 50px;
  }
  
  #footer .logo img {
  	width: 150px; 
  }
  
  #footer .footer-links .links-wrap .footer-title {
		margin-bottom: 20px;
  }
  
  #footer .service-links {
  	margin-top: 20px;
  }
  
  #header .main-header .logo.with-sidebar {
  	left: auto;
  }
  
  #header .main-header .search-wrap {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    transition: .15s ease-in-out;
  }
  
  #header .main-header .search-wrap.active {
  	opacity: 1;
    visibility: visible;
  }
  
  #header .main-header .search-wrap form {
  	width: 100%;
  }
  
  #header .main-header .logo {
  	position: relative;
    top: auto;
    left: auto;
    display: flex;
    flex: 1;
    justify-content: center;
  }
  
  #header .main-header .inner {
  	padding: 10px 0;
    justify-content: space-between;
  }
  
  #header .main-header .inner .menu-button {
  	flex: 1;
  }
  
  #header .main-header .inner .menu-button .open-menu {
  	display: flex;
  }
  
  #header .main-header .header-icons > a {
  	width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    font-size: 1.4em;
    margin-right: 10px;
  }
  
  #header .main-header .header-icons > a.cart {
  	margin-right: 0;
  }
  
  #header .main-header .logo img {
  	width: auto;
    height: 55px;
  }
  
  #header .main-header .search-wrap form {
  	border-radius: 0;
    background: #fff;
    border-bottom: 1px solid #eee;
  }
  
  #header .main-header .header-icons {
  	flex: 1;
    justify-content: flex-end;
  }  
  
  #header .main-header .search-wrap form input {
  	font-size: 1.4em;
  }
  
  #header .main-header .header-icons .search-wrap form > a {
  	background: none;
    font-size: 1.4em;
    width: 30px;
    min-width: 30px;
    justify-content: flex-end;
    right: 20px;
  }
  
  #header .main-header .inner {
  	padding-left: 0;
  }
  
  #formSearch .autocomplete {
  	top: 100%;
    border-top: 1px solid #eee;
  }
  .scroll-top {
  	margin-left:0;
  }
}

@media (max-width: 991px) {
  #article .article-image {
  	padding: 20% 0;
  }
  
  #footer .footer-links {
  	margin: -30px;
  }
  
  #footer .footer-links .links-wrap {
  	padding: 30px;
  }
  
  #footer .footer-links-row {
  	justify-content: space-between;
  }
  
  #footer ul.footer-socials {
  	margin: 0;
  }
  
  #footer .service-links ul {
  	margin: -15px -20px;
  }
  
  #footer .service-links ul li {
   margin: 15px 20px;
  }
  
  #footer .payments a img {
  	height: 30px;
  }
  
  .headline .headline-usp .usp-item {
  	font-size: 1.8em;
    padding: 15px 20px;
  }
  
  .home-blog .flag {
  	display: none;
  }
  
  .home-blog .article .content-row {
  	flex-direction: column;
  }
  
  .headline .content .title {
  	margin-bottom: 10px;
  }
  
  .headline .content .subtitle {
  	font-size: 3vw;
  }
  
  .home-products .home-products-btn {
  	font-size: 2.2em;
  }
  
  .headline {
  	padding: 20% 0;
  }
  
  .cart-side .cart-total {
  	padding: 10px 20px;
  }
}

@media (max-width: 767px) {
  .cart-side .cart-total .btn {
  	padding:0 18px;
  }
  
  .cart-side {
  	width:300px;
    -ms-transform: translate(300px, 0px);
    -webkit-transform: translate(300px, 0px);
    transform: translate(300px, 0px);
  }
  .body-wrap.cart-open {
     -ms-transform: translate(-300px, 0px);
    -webkit-transform: translate(-300px, 0px);
    transform: translate(-300px, 0px);
	}
  .cart-side.cart-open {
    -ms-transform: translate(-300px, 0px);
    -webkit-transform: translate(-300px, 0px);
    transform: translate(-300px, 0px);
  }
  .cart-side .cart-total .price .title,
  .cart-side .cart-total .price {
    font-size: 1em;
	}
  .cart-side .cart-title .title {
    font-size: 1.1em;
  }
  
  #article .article-image {
  	padding: 30% 0;
  }
  
	.headline {
  	padding: 30% 0;
  }
  
  .home-blog .article .bottom-banner .btn-wrap {
  	flex-direction: column;
  }
  
  .home-blog .article .bottom-banner .btn-wrap .article-btn {
  	padding: 10px;
    font-size: 1.8em;
  }
  
  .block-padding {
  	padding-top: 50px;
    padding-bottom: 50px;
  }
  
  .block-padding-top {
  	padding-top: 50px;
  }
  
  .block-padding-bottom {
    padding-bottom: 50px;
  }
  
  .title-featured {
  	margin-bottom: 30px;
  }
  
  .title-featured .title {
  	font-size: 3em;
  }
  
  .title-featured .subtitle {
    font-size: 1.4em;
    margin-top: 10px;
  }
  
  .home-text .content-row {
  	flex-direction: column;    
  }
  
  .home-text .home-image.left {
  	margin-top: 70px; 
    margin-bottom: 30px;
  }
  
  .home-text .content-row .content-col:nth-child(2) {
  	display: flex;
    flex-direction: column;
  }
  
  .home-text .home-image.right {
  	order: 2;
    margin-bottom: 0;
    margin-top: 30px;
  }
  
  .home-banners {
  	flex-direction: column;
  }
  
  .newsletter-block form input.standard-input {
  	height: 50px;
    border-radius: 50px;
    font-size: 1.3em;
  }
  
  #footer {
  	padding: 50px 20px;
  }
  
  #footer ul.footer-socials {
  	display: flex;
  }
  
  #footer ul.footer-socials li:first-child {
  	margin: 0;
    margin-right: 15px;
  }
  
  #footer .footer-links {
  	margin: -20px;
  }
  
  #footer .footer-links .links-wrap {
  	padding: 20px;
  }
  
  .headline:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    display: block;
    z-index: -1;
  }
  
/*   .headline .inner {margin-top: -10%;} */
  
  .headline .content {
  	max-width: 100%;
    width: 100%;
  }
  
  .headline .content .title {
  	font-size: 7vw;
  }
  
  .headline .content .subtitle {
    font-size: 1.5em;
  }
  
  #about-page .about-page-image {
  	margin-bottom: 30px;
  }
  
  #about-page .intro-title {
  	font-size: 2em;
    margin-bottom: 30px;
  }
  
  #about-page .content-row,
  #about-page .contact-section .inner {
  	flex-direction: column;
    align-items: flex-start;
  }
  
  #blog .articles .article {
  	width: 100%;
  }
  
  #blog .articles .insta-block-2 .inner .bottom-wrap {
  	flex-direction: column;
  }
  
  #blog .articles .insta-block-2 .inner .bottom-wrap .follow-link {
		margin-top: 10px;
  }
  
  #blog .articles .insta-block-1 .inner .handwritten {
  	font-size: 2em;
  }
  
  .share-story form .inputs-wrap {
  	flex-direction: column;
  }
}

@media (max-width: 424px) {

}
/* End responsive */