body {
  font-family: 'Proxima Nova';
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px x(0,0,0,0.004);
  color:#383735;
/*   background:#fafafa; */
  background:#fff;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.gui-page-title {
  font-weight:800;
  font-family: 'Proxima Nova';
  color:#383735;
}

a {
  color:#383735;
}

a:hover {
  color:inherit;
  text-decoration:none;
}

.left {
  float:left;
}

.right {
  float:right;
}

.align {
  width:100%;
  display:table;
}

.main-content {
  padding-bottom:70px;
}

.fixed-content {
  padding-top:30px;
  padding-bottom:50px;
}

.no-padding {
  padding:0px !important;
}

a.btn {
  padding:0px 35px;
  height: 40px;
  line-height: 41px;
  font-weight: bold;
  text-align:center;
  border-radius:0;
  background-color:#f18101;
  text-transform:uppercase;
  color:#fff;
  font-size:13px;
  border:none;
  letter-spacing:0.05em;
}

a.btn:hover {
  color:#fff;
}

.body-wrap {
  /*
  -ms-transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px); 
  transform: translate(0px, 0px);
  */
  -webkit-transition: transform .3s ease-in-out;
  -moz-transition: transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
}

.body-wrap.menu-open {
  -ms-transform: translate(300px, 0px); /* IE 9 */
  -webkit-transform: translate(300px, 0px); /* Safari */
  transform: translate(300px, 0px);
}

.total-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3);
  z-index: 9999999;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  opacity:0;
  visibility:hidden;
}

.total-overlay.menu-open {
  opacity:1;
  visibility:visible;
}

.mobile-menu {
  position:absolute;
  left:0;
  top:0;
  width:300px;
  height:100%;
  z-index:999999999;
  background:#383735;
  position:fixed;
  -ms-transform: translate(-300px, 0px); /* IE 9 */
  -webkit-transform: translate(-300px, 0px); /* Safari */
  transform: translate(-300px, 0px);
  -webkit-transition: transform .3s ease-in-out;
  -moz-transition: transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  overflow-y:scroll;
}

.mobile-menu.menu-open {
  -ms-transform: translate(0px, 0px); /* IE 9 */
  -webkit-transform: translate(0px, 0px); /* Safari */
  transform: translate(0px, 0px);
}

.mobile-menu .logo {
  padding:15px;
  background: rgba(0,0,0,0.15);
}

.mobile-menu .logo img {
  height:25px;
}

.mobile-menu .mobile-main-menu ul {
  margin:0;
  padding:0;
  list-style:none;
  font-size:13px;
}

.mobile-menu .mobile-main-menu ul ul {
  font-weight:normal;
  display:none;
}

.mobile-menu .mobile-main-menu ul li ul.active {
  display:block;
}

.mobile-menu .mobile-main-menu ul li {
  position:relative;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}

.mobile-menu .mobile-main-menu ul li a {
  height:50px;
  line-height:50px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  display:block;
  padding:0px 15px;
  color:#fff;
}

.mobile-menu .mobile-main-menu ul ul li > a {
  padding-left:25px;
}

.mobile-menu .mobile-main-menu ul ul ul {
  background: rgba(255,255,255,0.1);
}

.mobile-menu .mobile-main-menu ul ul ul li > a {
  text-transform:none;
  color:#eee;
  height:35px;
  line-height:35px;
  font-size:12px;
}

.mobile-menu .mobile-main-menu ul li.active > a {
  background: rgba(0,0,0,0.15);
}

.mobile-menu .mobile-main-menu ul li .more-cats {
  position:absolute;
  right:0;
  top:0;
  width:50px;
  height:50px;
  line-height:50px;
  text-align:center;
  cursor:pointer;
  -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;
  color:#fff;
}

.mobile-menu .mobile-main-menu ul li.active > .more-cats {
  -ms-transform: rotate(90deg); 
  -webkit-transform: rotate(90deg); 
  transform: rotate(90deg); 
}


#header .topbar {
  font-size:11px;
  background:#214a2a;
  line-height:20px;
  line-height:35px;
}

#header .topbar a {
  color:#fff;
}

#header .topbar ul {
  margin:0;
  padding:0;
  list-style:none;
  margin: 0 -10px;
}

#header .topbar ul li {
  display:inline-block;
  padding:0px 20px;
  border-right:1px solid rgba(255,255,255,0.2);
}

#header .topbar ul li:last-child {
  border:none;
}

#header .topbar .usp-slider .item {
  text-align:center;
}

#header .topbar .usp-slider .item i {
  margin-right:7px;
}

#header .topbar .reviews-top .stars {
  display:inline-block;
  vertical-align:middle;
  font-size:15px;
  color:#f1c40f;
  margin-right:10px;
}

#header .topbar .reviews-top .text {
  display:inline-block;
  vertical-align:middle;
}

#header .main-header {
  padding:30px 0px;
/*   background:#f9f9f9; */
  background:#fff;
}

#header .main-header .logo,
#header .main-header .search,
#header .main-header .hallmark,
#header .main-header .cart {
  display:table-cell;
  vertical-align:middle;
}

#header .main-header .logo {
  width:200px;
}

#header .main-header .logo img {
  width:100%;
}

#header .main-header .search,
#header .main-header .hallmark,
#header .main-header .cart {
  text-align:center;
  padding-left:30px;
}

#header .main-header .hallmark,
#header .main-header .cart {
  width:230px;
}

#header .main-header .cart {
  width:230px;
}

#header .main-header .search form {
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: 400px;
}

#header .main-header .search form input {
  width: 100%;
  height: 45px;
  border: 1px solid #eaeaea;
  padding: 0px 10px;
  outline: none;
  font-size:12px;
  font-size:11;
  font-style:italic;
}

#header .main-header .search form span.go-search {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 43px;
  height: 43px;
  color: #fff;
  background: #214a2a;
  text-align: center;
  line-height: 43px;
}

#header .main-header .hallmark img {
  width:100px;
}

#header .main-header .cart {
  text-align:right;
}

#header .main-header .cart .icon-wrap,
#header .main-header .cart .text {
  display:table-cell;
  vertical-align:middle;
}

#header .main-header .cart .icon-wrap {
  width:55px;
  border-right:1px solid #f4f4f4;
  text-align:center;
}

#header .main-header .cart .icon-wrap .icon {
  line-height: 40px;
  text-align: center;
  color: #383735;
  display: inline-block;
  font-size: 18px;
  height: 45px;
  line-height: 45px;
}

#header .main-header .cart .icon-wrap .icon i {
  line-height:2.9em;
}

#header .main-header .cart .icon-wrap .icon .icon-rel {
  position:relative;
}

#header .main-header .cart .icon-wrap .icon .items {
  display: block;
  position: absolute;
  right: -8px;
  top: -9px;
  font-size: 10px;
  width: 15px;
  height: 15px;
  background: #214a2a;
  line-height: 15px;
  color: #fff;
  border-radius: 100%;
  font-weight: bold;
}

#header .main-header .cart .text .cart-title {
  font-weight:bold;
}

#header .main-header .cart .text .cart-subtitle {
  font-size: 14px;
  padding: 0px 20px;
  color: #383735;
  font-weight: bold;
}

#header .main-header .cart .text .cart-subtitle i {
  font-size: 11px;
  margin-left: 7px;
}

#header .main-header .cart .cart-wrap {
  border: 1px solid #f4f4f4;
  background: #fff;
  float:right;
  width:auto;
  position:relative;
}

#header .main-menu {
  background: #383735;
}

#header .main-menu a {
  color:#fff;
}

#header .main-menu ul {
  margin:0;
  padding:0;
  list-style:none;
  display: flex;
  flex-flow: row wrap;
}

#header .main-menu ul li {
  float:left;
  flex: 1 auto;
}

#header .main-menu ul li a {
  display:block;
  padding:15px 0px;
  border-right:1px solid;
  border-color:rgba(255,255,255,0.1);
  font-weight: bold;
  text-align:center;
}

#header .main-menu ul li a i {
  font-size: 10px;
  margin-left: 7px;
}
#header .main-menu ul li a i.fa-home {
  font-size:16px;
}

#header .main-menu ul li.active a,
#header .main-menu ul li:hover a {
  background:rgba(0,0,0,0.3);
}

#header .main-menu.fixed {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 99999;
}
#header .main-menu ul li.cart {
  display:none;
}
#header .main-menu.fixed ul li.cart {
  display:block;
}
#header .main-menu ul li.cart a {
  background-color: rgba(0,0,0,0.3);
  font-size: 1.1em;
}


input {
  -webkit-appearance:none;
  border-radius:0;
}
.gui input[type=checkbox] {
  -webkit-appearance:checkbox;
}
.gui input[type=radio] {
  -webkit-appearance:radio;
}



.banners-wrap {
  background:#fff;
}


.banners {
  padding-top:40px;
  padding-bottom:40px;
}

.banner-row {
  margin:-10px;
}

.banner-row .banner-col {
  padding:10px;
}

.banners .banner,
.banners .banner a {
  color:#fff;
}

.banners .banner h2 {
  word-break: break-word;
  color:#fff;
}

.banners .banner .button {
  margin-top:20px;
}

.banners .banner .align {
  height:100%;
}

.banners .banner .text-box {
  display: table-cell;
  vertical-align: bottom;
}


.banners .banner .text-box .text-wrap {
  display: inline-block;
  padding: 15px;
  margin:20px;
}

.banners .banner-1 {
  background: url(banner-1.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.banners .banner-2 {
  background: url(banner-2.jpg) no-repeat top center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.banners .banner-3 {
  background: url(banner-3.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.banners .banner-4 {
  height:240px;
  background: url(banner-4.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.banners .banner-5 {
  background: url(banner-5.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.banners .banner-6 {
  background: url(banner-6.jpg) no-repeat top center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.banners .banner-7 {
  background: url(banner-7.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.banners .banner.banner-service {
  background: url(service-banner.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.banners .banner-1,
.banners .banner-2 {
  height:500px;
}

.banners .banner-3,
.banners .banner-4 {
  height:400px;
}

.banners .banner-5,
.banners .banner-6,
.banners .banner-7 {
  height:300px;
}

.banners .banner-6 .btn {
  background:transparent;
  border:1px solid #fff;
  color:#fff;
  line-height:40px;
}

.banners .banner-5 .text-box,
.banners .banner-6 .text-box,
.banners .banner-7 .text-box {
  vertical-align:middle;
}

.banners .banner .align {
  background:rgba(0,0,0,0.2);
}

.banners .banner-6 .align {
  background:#f18101;
}

.banners .banner h2 {
  margin:0;
  font-weight:bold;
  font-size:35px;
}

.banners .banner .text {
  font-size: 15px;
  margin-top: 5px;
}

.banners .banner .link {
  margin-top: 15px;
}

.banners .banner.banner-service h2 {
  display:inline-block;
  vertical-align:middle;
  font-weight:normal;
  font-size:30px;
}

.banners .banner.banner-service .button {
  display:inline-block;
  margin:0;
  margin-left:20px;
}

.banners .banner .link a.normal-link {
  font-weight: 900;
  font-size: 12px;
}

.home-text {
  padding:70px 0px;
  background-color:#f9f9f9;
  line-height:27px;
}
{#
.home-text .text-wrap {
  max-height:300px;
  overflow:hidden;
  position:Relative;
}

.home-text .text-wrap .gradient {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to bottom,rgba(249, 249, 249,0) ,rgb(249, 249, 249));
  background: -webkit-linear-gradient(top,rgba(249, 249, 249,0) ,rgb(249, 249, 249));
  background: -o-linear-gradient(bottom,rgba(249, 249, 249,0) ,rgb(249, 249, 249));
  background: -moz-linear-gradient(bottom,rgba(249, 249, 249,0) ,rgb(249, 249, 249));
  background: linear-gradient(to bottom,rgba(249, 249, 249,0) ,rgb(249, 249, 249));
}
#}
  
.home-text h1 {
  font-size:24px;
}

.home-text h2 {
  font-size:20px;
}

.home-text h3 {
  font-size:18px;
}
{#
.home-text a.read-more {
  display: block;
  margin-top: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}

.home-text a.read-more i {
  margin-right: 7px;
  font-size: 12px;
}
#}

.home-brands,
.home-products {
  padding:50px 0px;
}

.home-brands {
  background:#fff;
}

.title-featured {
  position:relative;
}

.title-featured h2,
.title-featured h1 {
  margin:0;
  margin-bottom:30px;
  font-size:35px;
  font-weight:700;
}

.title-featured .arrows {
  position:absolute;
  right:0;
  top:0;
}

.title-featured .arrows .arrow {
  display: inline-block;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 22px;
  border: 1px solid;
  border-radius: 100%;
  font-size: 12px;
  color: #95a5a6;
}

.home-brands ul {
  margin:0;
  padding:0;
  list-style:none;
  margin:-15px;
}

.home-brands ul li {
  float:left;
  width:12.5%;
  padding:20px;
}

.home-brands ul li img {
  width:100%;
}

#footer .main-footer {
  padding-top:50px;
  background-color: #383735;
  font-size:15px;
  color:#a2a2a2;
}

#footer .main-footer a {
  color:#a2a2a2;
}

#footer .main-footer ul {
  margin:0;
  padding:0;
  list-style:none;
}

#footer .main-footer .footer-title {
  padding-top: 20px;
  padding-bottom: 10px;
  margin: 0;
  font-size: 20px;
  color: #f18101;
  border-bottom: 1px solid rgba(255,255,255,0.2);
  margin-bottom: 30px;
  text-transform: uppercase;
  font-weight: 700;
}

#footer .main-footer ul,
#footer .main-footer p {
  padding-bottom:20px;
  line-height:27px;
}


#footer .main-footer ul.contact li {
  width:100%;
  display:table;
  padding:5px 0px;
}

#footer .main-footer ul.contact li .icon-wrap,
#footer .main-footer ul.contact li .text {
  display:table-cell;
  vertical-align:middle;
}

#footer .main-footer ul.contact li .icon-wrap {
  width:30px;
}

#footer .copyright {
  padding:25px 0px;
  font-size:14px;
  background: #383735;
  color: #a2a2a2;
  text-align:center;
}

#footer .copyright a {
  color:#eee;
}

#footer a:hover {
  color:#f18101;
}


#footer .copyright .left-col,
#footer .copyright .right-col {
  display:table-cell;
  vertical-align:middle;
}

#footer .copyright .left-col {
  text-align:left;
}

#footer .copyright .right-col {
  text-align:right;
}

#footer .copyright .right-col .text {
  display:inline-block;
  margin-right:10px;
}

#footer .copyright .right-col a.social-icon {
  font-size:18px;
  padding:0px 10px;
}

.products .product {
  padding:15px;
  margin-bottom:20px;
}

.products .product .product-wrap {
  border:1px solid #f4f4f4;
  border-radius:0px;
  background:#fff;
  position:relative;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}

.products .product .product-wrap:hover {
  -moz-box-shadow: 0 0 5px -1px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 0 5px -1px rgba(0, 0, 0, .2);
  box-shadow: 0 0 5px -1px rgba(0, 0, 0, .2);
}

.products .product .image-wrap {
  padding:15px;
  position:relative;
}

.products .product .image-wrap .product-label {
  background: #eee;
  font-size: 11px;
  text-transform: uppercase;
  position: absolute;
  left: 10px;
  top: 10px;
  padding: 2px 15px;
  letter-spacing: 0.05em;
  color: #fff;
  z-index: 9;
  font-weight:700;
}

.products .product .image-wrap .product-label.sale {
  background:#e74c3c;
}
.products .product .image-wrap .product-label.new {
  background:#3498db;
}

.products .product .image-wrap .product-label.special {
  background:#e67e22;
}

.products .product .image-wrap .wishlist {
  position: absolute;
  right: 15px;
  top: 10px;
  z-index:9;
}

.products .product .image-wrap .wishlist a {
  color:#e6e6e6;
}

.products .product .image-wrap .wishlist a:hover {
  color:#e74c3c;
}

.products .product .image-wrap .button {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  top: 50%;
  margin-top: -20px;
  -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;
  opacity:0;
  z-index:9999999;
}

.products .product:hover .image-wrap .button {
  opacity:1;
}

.products .product .image-wrap .button a.btn {
  height:40px;
  line-height:40px;
  color:#fff;
}

.products .product .image-wrap img {
  width:100%;
}

.products .product .info {
  padding: 15px;
  text-align: center;
}

.products .product .info a.title {
  font-size: 16px;
  line-height: 20px;
  color: #383735;
  overflow: hidden;
  height: 40px;
  display: block;
  font-weight: 700;
}

.products .product .info .brand {
  font-size:13px;
  margin-bottom:5px;
}

.products .product .info .price {
  font-size: 20px;
  color: #214a2a;
  margin-top: 5px;
  font-weight: 700;
}

.products .product .info .price .old-price {
  font-size:14px;
  color:#383735;
  margin-right:3px;
  position:relative;
  display:inline-block;
  font-weight:normal;
}

.products .product .info .price .old-price:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #383735;
  top: 50%;
  -ms-transform: rotate(-6deg);
  -webkit-transform: rotate(-6deg);
  transform: rotate(-6deg);
  margin-top: -1px;
}

.products .product .info .buttons {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  -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;
  opacity:0;
  visibility:hidden;
}

.products .product:hover .info .buttons {
  opacity:1;
  visibility:visible;
}

.products .product .info .buttons a.btn.info {
  height: 35px;
  width: 35px;
  padding: 0;
  line-height: 35px;
  border: none;
  font-size: 15px;
  background:#a59b8e;
  border-radius:0;
  margin:0;
}

.products .product .info .buttons a.btn.add {
  padding:0;
  height:35px;
  line-height:35px;
  width:100%;
  border-radius:0;
  background:#214a2a;
}


#productpage .product-img .image {
  border:1px solid #f4f4f4;
  padding:5% 10%;
  position:relative;
  display:none;
  background:#fff;
}

#productpage .product-img .image.active {
  display:block;
}

#productpage .product-img .image a.zoom {
  position: absolute;
  display: block;
  right: 10px;
  bottom: 10px;
  background: #f9f9f9;
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  border-radius: 100%;
}

.breadcrumbs {
  padding:15px 0px;
  font-size:12px;
}

.breadcrumbs a {
  color:#7f8c8d;
}

.breadcrumbs .divider {
  display:inline-block;
  padding:0px 7px;
  vertical-align:middle;
}

.tabs-block {
  margin-top:50px;
}

#productpage .product-info .product-info-top {
  padding: 30px;
  border-bottom: 1px solid #f4f4f4;
}

#productpage .product-info .product-info-main {
  padding:20px;
  padding-top:0;
}

#productpage .product-info h1,
#productpage .product-info .h1 {
  margin:0;
  font-size:25px;
}

#productpage .product-info .description {
  margin-top:20px;
	/* color:#9b9b9b; */	
  color:#333;
  font-size: 1.05em;
}



#productpage .product-info .product-option {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #eee;
}

#productpage .product-info .product-option label {
  display: block;
  font-weight: normal;
  font-size: 13px;
  margin-bottom: 5px;
}

#productpage .product-info .product-option .ui.selection.dropdown {
  height:45px;
  line-height:45px;
  width:400px;
  color:#383735;
  margin-bottom:7px;
}

#productpage .product-info .product-option .ui.dropdown > .text,
#productpage .product-info .product-option .ui.selection.dropdown .menu,
#productpage .product-info .product-option .custom-options .ui.dropdown .menu > .item {
	font-weight:bold !important;
}

#productpage .product-info .product-option .ui.selection.dropdown > .dropdown.icon {
  width:43px;
  height:43px;
  line-height:43px;
}

#productpage .product-info .order {
  margin-top:20px;
}

#productpage .product-info .order .price {
  display:table-cell;
  vertical-align:middle;
  font-size: 25px;
  color: #f18101;
  font-weight: 700;
}

#productpage .product-info .order .price .old-price {
  font-size:14px;
  color:#c1c1c0;
  margin-right:3px;
  position:relative;
  display:inline-block;
  font-weight:normal;
  color:#383735;
}

#productpage .product-info .order .price .old-price:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #383735;
  top: 50%;
  -ms-transform: rotate(-6deg);
  -webkit-transform: rotate(-6deg);
  transform: rotate(-6deg);
  margin-top: -1px;
}

#productpage .product-info .product-option-custom {
  position:relative;
}


#productpage .product-info .dont-forget {
  font-family: 'Loved by the King', cursive;
}

#productpage .product-info .dont-forget  {
  padding-left: 40px;
  font-size: 24px;
  color: #8b8277;   
  line-height: 32px;
}
  
#productpage .product-info .dont-forget  img {
  width: 40px;
  transform: rotate(310deg);
  display: inline-block;
  vertical-align: bottom;
}

#productpage .product-info .dont-forget .text {
  display: inline-block;
  vertical-align: bottom;
  margin-bottom: -10px;
}

#productpage .product-info .product-option-custom .variants ul {
  margin:0;
  padding:0;
  list-style:none;
}

#productpage .product-info .product-option-custom .variants ul li {
  padding:5px 0px;
}

#productpage .product-info .product-option-custom .variants ul li a {
  display: block;
  padding: 0px 15px;
  width: 100%;
  height: 43px;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  color: #7f8c8d;
  font-weight: 500;
  font-size: 13px;
  display:table;
  background:#fff;
}

#productpage .product-info .product-option-custom .variants ul li a .text,
#productpage .product-info .product-option-custom .variants ul li a .stock {
  display:table-cell;
  vertical-align:middle;
  padding-top:3px;
}

.disabled {
  opacity:0.7;
  pointer-events: none;
}

#productpage .product-info .product-option-custom .variants ul li a .stock {
  text-align:right;
}

#productpage .product-info .product-option-custom .variants ul li a .stock i {
  margin-right:5px;
}

.green {
  color:#27ae60;
}

.orange {
  color:#e67e22;
}

#productpage .product-info .product-option-custom .variants ul li a.active {
  font-weight:bold;
  background-color:#2c3e50;
  border-color:#2c3e50;
  color:#fff;
}

#productpage .product-info .order {
  display:table;
  width:100%;
}

#productpage .product-info .order .share {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}

#productpage .product-info .order .button {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
}

#productpage .product-info .order .share label {
  font-size:12px;
  font-weight:normal;
}

#productpage .product-info .order .share ul {
  margin:0;
  list-style:none;
  padding:0;
  display:inline-block;
}

#productpage .product-info .order .share ul li {
  display:inline-block;
  margin-left:5px;
}

#productpage .product-info .order .share ul li a {
  display:block;
  color:#7f8c8d;
  width:28px;
  height:28px;
  border:1px solid;
  border-radius:100%;
  text-align:center;
  line-height:26px;
  font-size:11px;
}

#productpage .product-info .order a.btn {
  padding:0px 30px;
  width:100%;
  max-width:300px;
  background: #27ae60;  
}

#productpage .product-info .order a.btn i {
  font-size:16px;
  margin-right:7px;
}

#productpage .product-info .order .stock {
  display: inline-block;
  margin-left: 20px;
  font-size: 14px;
  vertical-align: middle;
  color:#27ae60;
  font-weight:600;
}

#productpage .product-info .order .stock i {
  margin-right:7px;
  font-size:18px;
  vertical-align:middle;
}

.thumbs {
  padding:7px 0px;
  margin:0px -7px;
}

.thumbs .thumb {
  padding:7px;
}

.thumbs .thumb .thumb-inner {
  padding:10px;
  border:1px solid #f4f4f4;
  background:#fff;
}

.related-products {
  padding-top:70px;
}

#productpage .product-info {
  background:#fff;
  border:1px solid #f4f4f4;
}

#productpage .product-info .review-av {
  display:table-cell;
  vertical-align:middle;
}

#productpage .product-info .review-av a {
  color:#7f8c8d;
  text-decoration:underline;
}

#productpage .product-info .review-av .stars {
  display: inline-block;
  vertical-align: middle;
  color: #f1c40f;
  font-size: 15px;
}

#productpage .product-info .review-av .text {
  display: inline-block;
  font-size: 12px;
  margin-left: 10px;
}

#productpage .product-info .reviews-stock {
  margin-top:10px;
}

#productpage .product-info .reviews-stock .product-stock {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  color: #27ae60;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 700;
}

#productpage .product-info .reviews-stock .product-stock i {
  margin-right:7px;
}

.info-tabs .tab-page {
  display:none;
}

.info-tabs .tab-page.active {
  display:block;
}

.info-tabs .tab-page h1,
.collection-content h1{
  font-size:22px;
}

.info-tabs .tab-page h2,
.collection-content h2 {
  font-size:20px;
}

.info-tabs .tab-page h3,
.collection-content h3 {
  font-size:18px;
}

.info-tabs .tab-page {
	/* font-size:13px; */
  font-size:1.05em;
  padding:20px;
  border:1px solid #f4f4f4;
  background-color:#fff;
  border-radius:0 0 3px 3px;
}

.info-tabs .tabs {
  margin:0;
  padding:0;
  list-style:none;
  margin-bottom:-1px;
}

.info-tabs .tabs li {
  display:inline-block;
  margin-right:5px;
}

.info-tabs .tabs li a {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0px 30px;
  border: 1px solid #f4f4f4;
  border-radius: 2px 2px 0px 0px;
  /*color: #7f8c8d;*/
  text-decoration:none;
  background: #fff;
  border-bottom-color: #fff;
}

.info-tabs .tabs li a.active {
  background: #fff;
  border-bottom-color: #fff;
  font-weight: bold;
  color: #f18101;
}

.sidebar ul.side-cats {
  margin: 0;
  list-style: none;
  padding: 0;
  font-weight: bold;
  margin-bottom: 30px;
  background: #fff;
  border: 1px solid #f4f4f4;
}

.sidebar ul.side-cats li {
  position: relative;
}

.sidebar ul.side-cats li a {
  display: block;
  padding: 0;
  min-height: 40px;
  line-height: 40px;
  padding-right: 45px;
  padding-left:10px;
  border-bottom: 1px solid #f4f4f4;
  font-weight:bold;
  color:#383735;
}

.sidebar ul.side-cats li.active >a {
  color: #f18101;
  font-weight:bold;
}

#collection-page .title-featured h1 {
  height:45px;
  line-height:45px;
  margin:0;
}

#collection-page .breadcrumbs {
  margin-bottom:20px;
}

.sidebar ul.side-cats li .more-cats,
.sidebar .filter-title .more-cats {
  position: absolute;
  right: 0;
  top: 0;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  color: #ffa200;
  z-index: 99;
  -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;
  cursor: pointer;
}

.sidebar ul.side-cats li > .more-cats .plus-min,
.sidebar .filter-title .plus-min {
  width: 10px;
  height: 10px;
  display: inline-block;
  position: relative;
}

.sidebar ul.side-cats li > .more-cats .plus-min:before, .sidebar ul.side-cats li > .more-cats .plus-min:after,
.sidebar .filter-title .more-cats .plus-min:before, .sidebar .filter-title .more-cats .plus-min:after {
  display: block;
  content: '';
  width: 10px;
  height: 2px;
  background: #f18101;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  -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;
}

.sidebar ul.side-cats li > .more-cats .plus-min:after,
.sidebar .filter-title .more-cats .plus-min:after {
  transform: rotate(90deg);
}

.sidebar ul.side-cats li.active > .more-cats .plus-min:after,
.sidebar .filter-title.active .more-cats .plus-min:after {
  transform: rotate(0deg);
  opacity: 0;
}

.sidebar ul.side-cats ul {
  list-style: none;
  padding: 10px 20px;
  margin: 0;
  border-bottom: 1px solid #f4f4f4;
  font-weight: normal;
  font-size: 13px;
  display: none;
}

.sidebar ul.side-cats ul.active {
  display: block;
}

.sidebar ul.side-cats ul li a {
  height: auto;
  line-height: normal;
  border: none;
  padding: 5px 0px;
  min-height: 0;
  font-weight:600;
}

.sidebar ul.side-cats ul ul li a {
  font-weight:normal;
  color:#8f8f8f;
}

.sidebar ul.side-cats ul ul li.active >a {
  font-weight:normal;
}

.ui.checkbox {
  display: block;
  padding: 7px 0px;
  margin: 0;
}

.ui.checkbox label, .ui.checkbox + label {
  padding-left: 30px;
  font-size: 13px;
  line-height: 18px;
  color:#383735 !important;
}

.ui.checkbox .box:before, .ui.checkbox label:before {
  width: 17px;
  height: 17px;
  border-color:#eaeaea !important;
  border-radius:3px;
}

.ui.checkbox input:checked ~ .box:before, .ui.checkbox input:checked ~ label:before, .ui.checkbox input:indeterminate:focus ~ .box:before, .ui.checkbox input:indeterminate:focus ~ label:before, .ui.checkbox input:checked:focus ~ .box:before, .ui.checkbox input:checked:focus ~ label:before {
  background-color:#214a2a;
}

.ui.checkbox input:checked ~ .box:after, .ui.checkbox input:checked ~ label:after {
  display:none;
}

.ui.checkbox label span {
  font-size:10px;
  color:#aaa;
}

.sidebar .sort .filter-wrap {
  margin-bottom: 30px;
  background: #fff;
  border: 1px solid #f4f4f4;
}

.sidebar .sort .filter-wrap .filter-title {
  font-weight: bold;
  color: #2c3e50;
  min-height: 40px;
  line-height: 40px;
  padding-right: 45px;
  padding-left: 10px;
  border-bottom: 1px solid #f4f4f4;
  position:relative;
}

.sidebar .sort .filter-wrap .color-filters {
  margin:0;
  padding:0;
  list-style:none;
  margin:0px -3px;
}

.sidebar .sort .filter-wrap .filter-box {
  padding:10px;
  display:none;
}

.sidebar .sort .filter-wrap .filter-box.active {
  display:block;
}

.sidebar .sort .filter-wrap .color-filters li {
  display:inline-block;
  padding: 1px;
}

.sidebar .sort .filter-wrap .color-filters li input {
  display:none;
}

.sidebar .sort .filter-wrap .color-filters li label {
  width:34px;
  height:28px;
  display:block;
  background-color:#eee;
  margin:0;
  border: 2px solid transparent;
}

.sidebar .sort .filter-wrap .color-filters li label.active {
  border-color:#f18101 !important;
}
.sidebar .sort .filter-wrap .color-filters li label:hover {
  cursor:pointer;
}

.sidebar .sort .filter-wrap .color-filters li.wit label { background:#fff; border-color:#eee;}
.sidebar .sort .filter-wrap .color-filters li.zwart label { background:#000; }
.sidebar .sort .filter-wrap .color-filters li.licht-blauw label { background:#37cafa; }
.sidebar .sort .filter-wrap .color-filters li.donker-blauw label { background:#1b3065; }
.sidebar .sort .filter-wrap .color-filters li.licht-paars label { background:#b88af6; }
.sidebar .sort .filter-wrap .color-filters li.donker-paars label { background:#621dc0; }
.sidebar .sort .filter-wrap .color-filters li.licht-bruin label { background:#a3805a; }
.sidebar .sort .filter-wrap .color-filters li.donker-bruin label { background:#50371b; }
.sidebar .sort .filter-wrap .color-filters li.licht-groen label { background:#9ac76e; }
.sidebar .sort .filter-wrap .color-filters li.donker-groen label { background:#355812; }
.sidebar .sort .filter-wrap .color-filters li.roze label { background:#e683bf; }
.sidebar .sort .filter-wrap .color-filters li.grijs label { background:#8f8f8f; }
.sidebar .sort .filter-wrap .color-filters li.oranje label { background:#ff7e00; }
.sidebar .sort .filter-wrap .color-filters li.rood label { background:#d80000; }
.sidebar .sort .filter-wrap .color-filters li.geel label { background:#ecbb38; }
.sidebar .sort .filter-wrap .color-filters li.antraciet label { background:#474747; }

{#
.sidebar .sort .filter-wrap .color-filters li.pastel label { background: url('pastel.jpg'); }
.sidebar .sort .filter-wrap .color-filters li.multi label { background: url('multicolor.jpg'); }
#}

.collection-content {
  font-size:13px;
  width: 100%;
  max-width: 280px;
}

.sidebar .sort {
  margin-bottom:70px;
}

.top-filters {
  padding-bottom: 10px;
  padding-top: 10px;
  position: relative;
  margin-bottom:15px;
  border-bottom:1px solid #f4f4f4;
}

.top-filters .page-info {
  float: right;
  margin-right: 0px;
}

.top-filters .plain-text {
  display: inline-block;
  margin-left: 10px;
  font-size: 13px;
  padding-right: 15px;
  font-weight: bold;
  color: #383735;
  border-right: 1px solid #7f8c8d;
  margin-right: 15px;
}

.top-filters label {
  font-weight: normal;
  font-size: 13px;
  margin: 0;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}

.ui.selection.dropdown {
  padding: 0px;
  min-width: 0;
  min-height: 0;
  height: 35px;
  padding: 0px 10px;
  padding-right: 70px;
  line-height: 35px;
  border-radius: 3px;
  border: 1px solid #f4f4f4;
  font-size: 13px;
  color: #95a5a6;
  border-radius:0;
}

.ui.selection.dropdown > .dropdown.icon {
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 33px;
  height: 33px;
  line-height: 35px;
  text-align: center;
  background: transparent;
  border-left:1px solid #f4f4f4;
  color: #f18101;
}

.sidebar ul.side-cats ul li .more-cats {
  height: 27px;
  width: 27px;
  line-height: 27px;
}

.sidebar ul.side-cats ul ul {
  border: none;
  padding: 5px 0px;
  padding-left: 15px;
  display: none;
}

.product-info .compatible {
  padding-top:30px;
  font-size:13px;
}

.product-info .compatible label {
  margin-right:10px;
}

.product-info .compatible a {
  text-decoration:underline;
}

.product-specs {
  font-size:16px;
}

.product-specs td {
  padding:5px 0px;
}

.product-specs td:first-child {
  padding-right:30px;
}

a.filter-btn {
  height: 35px;
  line-height: 35px;
  border: 1px solid #eee;
  margin-right: 10px;
  display: inline-block;
  padding: 0px 15px;
  font-size: 12px;
  background: #eee;
  color: #a29b92;
}

a.filter-btn i {
  margin-left:5px;
}

.messages {
  margin-top:20px;
  margin-bottom:10px;
}

#header .main-menu ul li {
  position:relative;
}

#header .main-menu ul li .subnav {
  position: absolute;
  left: 0;
  top: 100%;
  white-space: nowrap;
  z-index: 999;
  background: #fff;
  width: auto;  
  padding:15px;
  text-align:left;
  min-width:100%;
  width:150px;
  -moz-box-shadow: 0 0 5px -1px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 0 5px -1px rgba(0, 0, 0, .2);
  box-shadow: 0 0 5px -1px rgba(0, 0, 0, .2);
  display:none;
}

#header .main-menu ul li:hover .subnav {
  display:block;
}

#header .main-menu ul li .subnav ul {
  display: block;
  flex-flow: initial;
  width: auto;
}

#header .main-menu ul li .subnav ul li {
  display: block;
  flex: inherit;
  float: none;
}

#header .main-menu ul li .subnav ul li {
  position:relative;
}

#header .main-menu ul li .subnav ul li a {
  padding:3px;
  text-align:left;
}

#header .main-menu ul li .subnav ul ul {
  position:absolute;
  left:100%;
  top:0;
  -moz-box-shadow: 0 0 5px -1px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 0 5px -1px rgba(0, 0, 0, .2);
  box-shadow: 0 0 5px -1px rgba(0, 0, 0, .2);
  background:#fff;
  padding:10px;
  z-index:9999;
  font-weight:normal;
  font-size:13px;
  display:none;
}

#header .main-menu ul li .subnav ul li:hover ul {
  display:block;
}

#header .main-menu ul li .subnav ul ul li a {
  font-weight:normal;
}

#header .main-menu ul li .subnav a {
  color:#333;
  background:#fff;
}

#header .main-menu ul li .subnav li:hover a {
  color:#8b8277;
}

.hero-slider .item {
  height:600px;
}

.hero-slider .item .align {
  height:100%;
}

.hero-slider .item .text-box {
  display:table-cell;
  vertical-align:middle;
}

.hero-slider .item h2 {
  margin: 0;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 0.05em;
  font-size: 45px;
  color:#fff;
}

.hero-slider .item .text {
  margin-top: 10px;
  font-size: 25px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color:#fff;
}

.hero-slider .item .button {
  margin-top:30px;
}

.hero-slider .item .button a.btn {
  height: 40px;
  line-height: 40px;
  font-weight: bold;
}

.hero-slider .item.item-1 {
  background: url(headline_1_image.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.hero-slider .item.item-2 {
  background: url(headline_2_image.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.hero-slider .item.item-3 {
  background: url(headline_3_image.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.headline-wrap {
  position:relative;
}

.headline-thumbs {
  position:absolute;
  left:0;
  bottom:15px;
  width:100%;
  z-index:999;
  color:#fff;
}

.headline-thumbs .thumb.active {
  color:#f18101;
}

.home-blog {
  padding:70px 0px;
}

.headline-thumbs .thumb {
  text-transform:uppercase;
  letter-spacing:0.05em;
}

.headline-thumbs .thumb .index {
  font-size: 22px;
  font-weight: 800;
  border-bottom: 2px solid;
  padding: 5px 3px;
}

.headline-thumbs .thumb .title {
  font-size: 17px;
  font-weight: 700;
  padding-top:10px;
  padding-left:3px;
  padding-right:3px;
}

.headline-thumbs .thumb .text {
  font-size:13px;
  padding:0px 3px;
}

.home-blog .article {
  padding:15px;
}

.home-blog .article .image img {
  width:100%;
}

.home-blog .article .date {
  padding: 10px 0px;
  padding-top: 12px;
  font-weight: bold;
  color: #f18101;
  border-bottom: 2px solid;
  font-size: 15px;
}

.home-blog .article .title {
  margin: 0;
  padding-top: 15px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 17px;
  letter-spacing: 0.05em;
  height:51px;
  overflow:hidden;
}

.home-blog .article .sum {
  font-size: 13px;
  margin-top: 15px;
  height: 36px;
  overflow: hidden;
  letter-spacing: 0.05em;
}

.home-blog .article .link {
  padding-top:15px;
}

.home-blog .article .link a {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.05em;
  color: #f18101;
}

#footer .footer-usp {
  padding-top:30px;
}

#footer .footer-usp ul {
  border-top:1px solid rgba(255,255,255,0.2);
  border-bottom:1px solid rgba(255,255,255,0.2);
  padding:0;
  margin:0;
}

#footer .footer-usp ul li {
  float:left;
  width:33.33333%;
  text-align:center;
  border-left:1px solid rgba(255,255,255,0.2);
}

#footer .footer-usp ul li:first-child {
  border:none;
}

#footer .footer-usp ul li .icon {
  font-size: 40px;
  color: #f18101;
  padding-right: 15px;
}

#footer .footer-usp ul li .usp-wrap {
  display:inline-block;
  text-align:left;
}

#footer .footer-usp ul li .usp-wrap .align {
  height:120px;
}

#footer .footer-usp ul li .icon,
#footer .footer-usp ul li .text {
  display:table-cell;
  vertical-align:middle;
}

#footer .footer-usp ul li .text {
  line-height:normal;
}

#footer .footer-usp ul li .text .title {
  font-weight: bold;
  color: #fff;
  padding-bottom: 5px;
}

.sidebar-usp {
  background:#fff;
  border:1px solid #f4f4f4;
  margin-bottom:30px;
}

.sidebar-usp .usp-title {
  font-weight: bold;
  color: #2c3e50;
  min-height: 40px;
  line-height: 40px;
  padding-right: 45px;
  padding-left: 10px;
  border-bottom: 1px solid #f4f4f4;
  position: relative;
}

.sidebar-usp ul {
  margin:0;
  padding:0;
  list-style:none;
  padding:10px;
}

.sidebar-usp ul li .icon {
  display: table-cell;
  vertical-align: middle;
  width: 50px;
  font-size: 30px;
  line-height: 30px;
  color: #f18101;
  padding-top:5px;
}


.sidebar-usp ul li {
  padding:10px 0px;
}

.sidebar-usp ul li .text {
  display:table-cell;
  vertical-align:middle;
}

.sidebar-usp ul li .text .title {
  font-weight:bold;
}

.product-usp {
  padding:10px;
  background:#fff;
  border:1px solid #f4f4f4;
  margin-top:10px;
}

.product-usp ul {
  margin:0;
  padding:0;
  list-style:none;
  display: flex;
  flex-flow: row wrap;
}

.product-usp ul li {
  float:left;
  padding:10px;
  flex: 1 auto;
  text-align:center;
  height:60px;
}

.product-usp ul li .usp-wrap {
  display:inline-block;
  text-align:left;
}

.product-usp ul li .icon {
  font-size: 25px;
  color: #f18101;
  display: table-cell;
  vertical-align: middle;
  padding-top: 5px;
  width:35px;
}

.product-usp ul li .text {
  display: table-cell;
  vertical-align: middle;
  font-size:13px;
}

.product-usp ul li .text .title {
  font-weight:bold;
}

.product-usp ul li .text .undertitle {
  color:#a1a1a1;
}

@media (min-width: 1200px) {
  .container {
    width:100%;
    max-width:1400px;
    padding-left:30px;
    padding-right:30px;
  }
}
/*========= Read More =========*/
.content.text-wrap {
  position:relative;
  margin-bottom: 10px;
}
.content.text-wrap.read-more {
  max-height:200px;
  overflow:hidden;
}
.content.text-wrap.bigger.read-more {
  max-height:500px;
  overflow:hidden;
}
.content.text-wrap.read-more .gradient {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
}
.content.text-wrap.read-more .gradient.grey {
  background: linear-gradient(to bottom,rgba(249, 249, 249,0) ,rgb(249, 249, 249));
  background: -webkit-linear-gradient(top,rgba(249, 249, 249,0) ,rgb(249, 249, 249));
  background: -o-linear-gradient(bottom,rgba(249, 249, 249,0) ,rgb(249, 249, 249));
  background: -moz-linear-gradient(bottom,rgba(249, 249, 249,0) ,rgb(249, 249, 249));
  background: linear-gradient(to bottom,rgba(249, 249, 249,0) ,rgb(249, 249, 249));
}
.content.text-wrap.read-more .gradient.white {
  background: linear-gradient(to bottom,rgba(255, 255, 255,0) ,rgb(255, 255, 255));
  background: -webkit-linear-gradient(top,rgba(255, 255, 255,0) ,rgb(255, 255, 255));
  background: -o-linear-gradient(bottom,rgba(255, 255, 255,0) ,rgb(255, 255, 255));
  background: -moz-linear-gradient(bottom,rgba(255, 255, 255,0) ,rgb(255, 255, 255));
  background: linear-gradient(to bottom,rgba(255, 255, 255,0) ,rgb(255, 255, 255));
}
a.read-more-btn {
  display: none;
  margin-top: 20px;
  font-weight: bold;
  margin-bottom: 15px;
  cursor:pointer;
}
a.read-more-btn i {
  margin-right: 7px;
  font-size: 12px;
}
/*=========Cart dropdown========*/
#header .main-header .cart {
  position:relative;
}
#header .main-header .cart .cart .open-cart {
  cursor:pointer;
}
.cart-wrap-outer {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}
.cart-wrap-inner {
  position: relative;
}
.main-header .cart .cart-dropdown {
  position: absolute;
  right: -1px;
  top: 100%;
  width: 300px;
  background-color: #fff;
  padding: 10px 15px;
  border: 1px solid #f4f4f4;
  z-index: 9999999;
  -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;
  opacity: 0;
  visibility: hidden;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  text-align:left;
  font-size:13px;
}
/* #header .main-header .cart:hover .cart-dropdown, */
.main-header .cart .cart-dropdown.hover {
  opacity: 1;
  visibility: visible;
}
.main-header .cart .cart-dropdown .cart-title {
  font-size: 15px;
  font-weight: 600;
  padding: 10px 0px;
  border-bottom: 1px solid #e6e6e6;
  color: #8b8277; 
}
.main-header .cart .cart-dropdown .cart-title .items {
  float: right;
  font-size: 11px;
  font-weight: normal;
  line-height: 22px;
  color: #9a978e;
  display: inherit;
  background: transparent;
  width: auto;
  height: auto;
}
.main-header .cart .cart-dropdown .empty-cart {
  padding-top: 15px;
  padding-bottom: 10px;
  font-style: italic;
  font-size: 12px;
  color:#9a978e;
}
.main-header .cart .cart-dropdown .cart-products .product .info {
  font-size: 13px;
  text-transform: uppercase;
}
.main-header .cart .cart-dropdown a {
  padding:0;
}
.main-header .cart .cart-dropdown a.delete {
  color: #8b8277; 
}
.main-header .cart .cart-dropdown .cart-products .product .info a.title {
  padding:0;
  font-size:12px;
  line-height: inherit;
  color: #333;
}
.main-header .cart .cart-dropdown .cart-products .product .info a.title .qty {
  font-size:11px;
  color:#9a978e;
  margin-left:4px;
}
.main-header .cart .cart-dropdown .cart-products .product .info .price {
  color: #8b8277;
  font-weight: bold;
}
 .main-header .cart .cart-dropdown table.cart-products td {
  padding: 10px 0px;
  padding-right: 15px;
  border-bottom: 1px solid #e6e6e6;
}
 .main-header .cart .cart-dropdown table.cart-products td:first-child {
  padding-left: 0;
}
 .main-header .cart .cart-dropdown table.cart-products td:last-child {
  padding-right: 0;
}
 .main-header .cart .cart-dropdown table.total {
  margin-top:15px;
  width:100%;
  text-align:right;
  font-size:15px;
  color: #333;
  display: table;
}
 .main-header .cart .cart-dropdown table.total td:last-child {
  text-align:right;
}
 .main-header .cart .cart-dropdown a.btn {
  background-color: #27ae60;
  margin-top: 15px;
  height: 38px;
  line-height: 39px;
  display: block;
}
 .main-header .cart .cart-dropdown a.btn:hover {
  color:#fff;
}

.product-reviews .review {
  padding-bottom: 20px;
  margin-bottom: 10px;
  border-bottom: 1px solid #eee;
  padding-top: 10px;
}
.product-reviews .review.last {
  border:none;
}
.product-reviews .review .name {
  display:table-cell;
  vertical-align:top;
  font-weight:bold;
  color:#8b8277;
}
.product-reviews .review .stars {
  display:table-cell;
  vertical-align:top;
  text-align:right;
  color:#f1c40f;
}
.product-reviews .review .stars i {
  white-space:nowrap;
}
.product-reviews .review .date {
  font-size: 12px;
  padding-top: 7px;
}
.product-reviews .review .message {
  padding-top:10px;
  font-size:13px;
}
.product-tags ul {
  margin:0;
  padding:0;
  list-style:none;
}
.product-tags ul li {
  display:inline-block;
  padding:5px;
}
.product-tags ul li a {
  display: block;
  padding: 2px 7px;
  padding-top: 3px;
  border: 1px solid;
  border-radius: 3px;
  font-size: 12px;
  line-height: normal;
}
.product-tags ul li a:hover {
  background:#8b8277;
  border-color:#8b8277;
  color:#fff;
}

/*==========Blogs=============*/
.articles .article {
  margin-bottom:30px;
  
  -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;
}
.articles .article.hover {
  opacity:0.4;
}
.articles .article .image-wrap {
  padding:0px;
}
.articles .article .info {
  padding: 20px;
  background-color: #fff;
  margin-top: -40px;
  margin: -40px 20px 0px 20px;
  position: relative;
}
.articles .article .info .publish-date {
  color: #f18101;
  font-size: 12px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.articles .article .article-title {
  font-weight: 300;
  color: #000000;
  font-size: 20px;
  height: 26px;
  overflow: hidden;
  margin-bottom: 10px;
  text-transform:uppercase;
}
.articles .article .article-description {
  height: 65px;
  overflow: hidden;
  color: #000;
  font-size: 14px;
  margin-bottom: 20px;
}
.articles .article .article-buttons {
  text-align:left;
}
.articles .article .article-buttons a.read-more {
  display: inline-block;
}
.complete-article .image-wrap img {
  border-radius:3px;
}
.complete-article .article-box {
  padding: 0px 30px;
}
.complete-article .article-box .article-content {
  background: #fff;
  padding: 50px;
  margin-top: -100px;
  z-index: 1;
  position: relative;
  border-radius: 3px;
  -moz-box-shadow: 0 0 5px -1px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 0 5px -1px rgba(0, 0, 0, .2);
  box-shadow: 0 0 5px -1px rgba(0, 0, 0, .2);
  margin-bottom: 50px;
  font-size:15px;
  color: #000;  
}
.complete-article .article-box .article-content .article-title {
  font-size: 30px;
  font-weight: 300;
  color: #000;
  margin-bottom: 20px;
  text-transform:uppercase;
}
.complete-article .article-box .article-content .publish-date {
  color: #f18101;
  border-bottom: 2px solid;
  font-size: 15px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 10px;
}
.blog-sidebar .sidebar-inner {
  border-right: 1px solid #eee;
  padding-right: 30px;
}
.recent-article {
  border-bottom:1px solid #eee;
  padding-bottom:20px;
  margin-bottom:20px;
}
.recent-article.last {
  border:none;
  margin:0;
}
.recent-article .image-wrap {
  float:left;
  width:25%;
}
.recent-article .image-wrap img {
  border-radius:3px;
}
.recent-article .info {
  width:75%;
  float:left;
  padding-left:15px;
}
.recent-article .info .article-title {
  font-weight: bold;
  color: #000000;
  display: block;
  font-size: 1.05em;
  max-height: 40px;
  overflow: hidden;
}
.recent-article .info .article-summary {
  max-height:60px;
  overflow:hidden;
  color: #000;
  font-size: 0.96em;
}
.sidebar-inner h3 {
  margin-bottom: 30px;
  color: #000;
  font-size: 20px;
  margin-top: 0px;
}
.complete-article .share h3 {
  margin-bottom:5px;
  color:#000;
}
.complete-article .share ul li {
  display:inline-block;
  font-size:20px;
  margin-right:10px;
}
.complete-article .share {
  margin-top:30px;
}
.complete-article .share ul {
  padding-left:0px;
}
.complete-article .share ul li a.facebook {
  color:#3b5998;
}
.complete-article .share ul li a.twitter {
  color:#55acee;
}
.complete-article .share ul li a.google {
  color:#dd4b39;
}
.complete-article .share ul li a.pinterest {
  color:#cb2027;
}
.complete-article .comments {
  margin-top: 50px;
  padding-top: 50px;
  border-top: 1px solid #eee;
}
.complete-article .comments .comment {
  padding: 20px;
  background-color: #f9f9f9;
  margin: 10px 0px;
}
.complete-article .comments .comment .content {
  padding-bottom: 10px;
}
.complete-article .comments .comment .info {
  font-size:0.85em;
  color:#666;
}

.reactions form input[type="text"],
.reactions form textarea {
  display: block;
  width: 100%;
  padding: 15px;
  border: 1px solid #eee;
  border-radius: 3px;
  font-size: 15px;
  margin-bottom:20px;
}
.reactions form textarea {
  padding: 15px;
  min-height: 180px;
  border-radius: 3px;
  max-width: 100%;
}
.reactions form label {
  margin-bottom: 5px;
  display: block;
  font-size: 13px;
  color: #f18101;
}
.reactions {
  margin-top: 50px;
  padding-top: 50px;
  border-top: 1px solid #eee;
}
.reactions form .action a.button {
  padding: 10px 20px;
  border: 1px solid;
  border-radius: 3px;
  background: #f18101;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  font-size:13px;
}
.reactions h2,
.comments h2 {
  margin: 0;
  margin-bottom: 30px;
  color: #000;
  font-size: 24px;
}
.post-description {
  height:90px;
  overflow:hidden;
}
/*=========== Service page ==========*/
#contact-form {
  background-color: #fcfcfc;
  padding: 30px;
  border: 1px solid #efefef;
  margin-bottom:30px;
}
#contact-form input {
  height: 45px;
  width: 100%;
  border: 1px solid #efefef;
  padding: 0px 15px;
  outline: none;
  margin-bottom: 15px;
  color:#000;
}
#contact-form textarea {
  width: 100%;
  border: 1px solid #efefef;
  padding: 15px;
  outline: none;
  margin-bottom: 15px;
  max-width:100%;
  height: 120px;
  color:#000;
}
#contact-form .btn {
  font-weight:bold;
  display: block;
}
#contact-form .btn:hover {
  color:#fff;
}
#textpage-page p {
  line-height: 1.8em;
}

.inspirations .inspiration .image-wrap {
  position:relative;
}

.inspirations .inspiration {
  padding:15px;
}

.inspirations .inspiration .hover {
  position:absolute;
  background: rgba(0,0,0,0.2);
  left:0;
  top:0;
  width:100%;
  height:100%;
}

.inspirations .inspiration .hover .align {
  height:100%;
}

.inspirations .inspiration .description {
  display:table-cell;
  vertical-align:bottom;
  padding:30px;
}

.inspirations .inspiration .description .title {
  font-size: 35px;
  color: #fff;
  font-weight: 800;
}

.inspirations .inspiration .description .button {
  margin-top:20px;
}

.inspirations .inspiration .description .content {
  color:#fff;
  max-width:500px;
}

@media (max-width: 1199px) {
  #header .topbar .usp-top ul li {
    padding:0px 5px;
  }
  #header .main-header .logo {
    width:170px;
  }
  .hero-slider .item {
    height:450px;
  }
  .hero-slider .item h2 {
    font-size: 35px;
  }
  .hero-slider .item .text {
    margin-top: 5px;
    font-size: 20px;
  }
  .hero-slider .item .button {
    margin-top:15px;
  }
  .headline-thumbs .thumb .index {
    font-size:18px;
  }
  .headline-thumbs .thumb .title {
    font-size:14px;
  }
  .headline-thumbs .thumb .text {
    font-size:11px;
  }
  .banners .banner .text-box .text-wrap {
    padding:10px;
    margin:15px;
  }
  .banners .banner h2 {
    font-size:30px;
  }
  .banners .banner-1, .banners .banner-2 {
    height:350px;
  }
  .banners .banner-3, .banners .banner-4 {
    height:300px;
  }
  .banners .banner-5, .banners .banner-6, .banners .banner-7 {
    height:250px;
  }
  .banners .banner.banner-service .button {
    display: block;
    margin: 0;
    margin-top: 10px;
  }
}

@media (max-width: 991px) {
  .sidebar .sort {
    margin-bottom:0;
    display:none;
  }
  .mobile-main {
    background: #383735;
    color:#fff;
  }
  .mobile-main a {
    color:#fff;
  }
  .open-menu-wrap,
  .mob-search-wrap {
    display:table-cell;
    vertical-align:middle;
  }
  .open-menu-wrap a.open-menu {
    display: block;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    background: rgba(0,0,0,0.15);
    font-size: 16px;
  }
  .mob-search-wrap {
    text-align:right;
  }
  #formSearchMobile {
    display: inline-block;
    position: relative; 
  }
  #formSearchMobile input {
    height: 35px;
    border: none;
    padding: 0px 10px;
    width: 200px;
    font-size: 16px;
    outline:none;
    color:#2c3e50;
    line-height:35px;
  }
  #formSearchMobile .go-search {
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #214a2a;
    font-size: 13px;
  }
  .banners .banner-1 {
    height:300px;
  }
  .home-brands ul li {
    padding:10px;
  }
  .banners .banner-1, 
  .banners .banner-2,
  .banners .banner-3, 
  .banners .banner-4 {
    height:250px;
  }
   #productpage .product-info .product-info-top {
     border-bottom:none;
   }
   .product-img {
     margin-top:20px;
   }
    .info-tabs {
    margin-bottom:20px;
  }
  .blog-sidebar .sidebar-inner {
    border-right:0px;
  }
}

@media (max-width: 767px) {
  #header .main-header .cart {
    width:auto;
  }
  #header .main-header .cart .icon-wrap {
    float:right;
  }
  #header .main-header .logo {
    width:150px;
  }
  .home-brands ul li {
    width:25%;
  }
  #productpage .product-info .product-option .ui.selection.dropdown {
    width:100%;
  }
  .info-tabs .tabs li a {
    height: 35px;
    line-height: 35px;
    padding: 0px 10px;
    font-size: 12px;
  }
  #productpage .product-info .order a.btn {
    max-width:none;
  }
  #header .main-header {
    padding:20px 0px;
  }
  .hero-slider .item h2 {
    font-size:30px;
  }
  .hero-slider .item .text {
    font-size:18px;
  }
  #footer .footer-usp ul li {
    width:100%;
    border-left:none;
    border-top: 1px solid rgba(255,255,255,0.2);
    text-align:left;
  }
  #productpage .product-info .reviews-stock .product-stock,
  #productpage .product-info .review-av {
    display:block;
  }
  #productpage .product-info .reviews-stock .product-stock {
    text-align:left;
    margin-top:5px;
  }
  .product-usp ul li {
    text-align:left;
  }
  .info-tabs .tabs li {
    margin-right:2px;
  }
  #header .main-header .cart .icon-wrap {
    border-right:none;
  }
  .complete-article .article-box {
    padding:0px 10px;
  }
  .complete-article .article-box .article-content {
    padding:25px;
  }
  .complete-article .article-box .article-content .article-title {
    word-break:break-word;
  }
  #collection-page .title-featured h1 {
  	height:auto;
  }
}