/*var*/
/*fonts*/
@font-face {
  font-family: 'karmasemibold';
  src: url('../fonts/karma/karma-semibold-webfont.eot');
  src: url('../fonts/karma/karma-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/karma/karma-semibold-webfont.woff2') format('woff2'), url('../fonts/karma/karma-semibold-webfont.woff') format('woff'), url('../fonts/karma/karma-semibold-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'karmabold';
  src: url('../fonts/karma/karma-bold-webfont.eot');
  src: url('../fonts/karma/karma-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/karma/karma-bold-webfont.woff2') format('woff2'), url('../fonts/karma/karma-bold-webfont.woff') format('woff'), url('../fonts/karma/karma-bold-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'karmamedium';
  src: url('../fonts/karma/karma-medium-webfont.eot');
  src: url('../fonts/karma/karma-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/karma/karma-medium-webfont.woff2') format('woff2'), url('../fonts/karma/karma-medium-webfont.woff') format('woff'), url('../fonts/karma/karma-medium-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'karmalight';
  src: url('../fonts/karma/karma-light-webfont.eot');
  src: url('../fonts/karma/karma-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/karma/karma-light-webfont.woff2') format('woff2'), url('../fonts/karma/karma-light-webfont.woff') format('woff'), url('../fonts/karma/karma-light-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ralewayregular';
  src: url('../fonts/raleway/raleway-regular-webfont.eot');
  src: url('../fonts/raleway/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway/raleway-regular-webfont.woff2') format('woff2'), url('../fonts/raleway/raleway-regular-webfont.woff') format('woff'), url('../fonts/raleway/raleway-regular-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ralewaysemibold';
  src: url('../fonts/raleway/raleway-semibold-webfont.eot');
  src: url('../fonts/raleway/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway/raleway-semibold-webfont.woff2') format('woff2'), url('../fonts/raleway/raleway-semibold-webfont.woff') format('woff'), url('../fonts/raleway/raleway-semibold-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.karmalight {
  font-family: 'karmalight';
}
.karmabold {
  font-family: 'karmabold';
}
.karmasemibold {
  font-family: 'karmabold';
}
.karmamedium {
  font-family: 'karmamedium';
}
.raleway-normal {
  font-family: 'ralewayregular';
}
.raleway-semibold {
  font-family: 'ralewaysemibold';
}
a,
a:hover,
a:active {
  text-decoration: none;
}
h1 {
  font-size: 48px;
}
h2 {
  font-size: 40px;
}
h3 {
  font-size: 26px;
}
h4 {
  font-size: 24px;
}
h5 {
  font-size: 20px;
}
strong {
  font-family: 'ralewaysemibold';
}
.abs-full {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
}
p {
  margin: 0px;
  padding: 0px;
}
a.button {
  display: inline-block;
  font-family: 'ralewaysemibold';
  padding: 14px 20px;
}
body {
  background-color: white;
  font-size: 16px;
  font-family: 'ralewayregular';
}
* {
  outline: none;
}
#wrapper .container {
  width: 960px;
}
#wrapper header {
  height: 120px;
}
#wrapper header .col-md-3 a.logo {
  display: block;
  height: 120px;
  width: 100%;
}
#wrapper header .col-md-3 a.logo h1 {
  font-size: 44px;
  position: absolute;
  left: 10px;
  top: 30px;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
#wrapper header .col-md-3 a.logo p {
  font-size: 20px;
  position: absolute;
  right: 10px;
  bottom: 25px;
  top: inherit;
  padding: 0px;
  margin-bottom: 0px;
}
#wrapper header .col-md-3 a:after {
  content: "";
  position: absolute;
  bottom: 0px;
  height: 4px;
  background-color: #eda534;
  width: 1000px;
  right: 0px;
}
#wrapper header .col-md-9 #top {
  height: 49px;
  border-bottom: 1px solid #cccccc;
}
#wrapper header .col-md-9 #top span {
  position: relative;
  margin-left: 45px;
}
#wrapper header .col-md-9 #top span:before {
  content: "";
  position: absolute;
  left: -45px;
  top: 3px;
  background: url("../images/icon/phone.png") top center no-repeat;
  width: 20px;
  height: 20px;
}
#wrapper header .col-md-9 #top form input {
  width: 100%;
  border: none;
  padding: 17px 40px 14px 10px;
  font-family: 'ralewayregular';
  font-size: 12px;
  color: #717171;
  border-left: 1px solid #cccccc;
}
#wrapper header .col-md-9 #top form input:focus {
  border-left: 2px solid #eda534;
  padding-left: 9px;
}
#wrapper header .col-md-9 #top form button {
  position: absolute;
  top: 12px;
  right: 10px;
  background: transparent;
  border: 0px;
}
#wrapper header .col-md-9 #bottom {
  height: 45px;
}
#wrapper header .col-md-9 #bottom nav {
  position: absolute;
}
#wrapper header .col-md-9 #bottom nav #mobile-nav {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
  display: none;
}
#wrapper header .col-md-9 #bottom nav ul {
  position: relative;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
#wrapper header .col-md-9 #bottom nav ul li {
  position: relative;
  display: inline-block;
}
#wrapper header .col-md-9 #bottom nav ul li a {
  padding: 8px 9px;
  color: #717171;
  -webkit-transition: background-color 0.6s ease-in-out, color 0.4s ease-in-out;
  -moz-transition: background-color 0.6s ease-in-out, color 0.4s ease-in-out;
  -o-transition: background-colorr 0.6s ease-in-out, color 0.4s ease-in-out;
  transition: background-color 0.6s ease-in-out, color 0.4s ease-in-out;
}
#wrapper header .col-md-9 #bottom nav ul li a:hover,
#wrapper header .col-md-9 #bottom nav ul li a.active {
  color: white;
  background-color: #eda534;
}
#wrapper header .col-md-9 #bottom nav ul li ul {
  display: none;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 100;
  background-color: #E1DACD;
  color: #eda534;
  padding: 10px;
  min-width: 250px;
}
#wrapper header .col-md-9 #bottom nav ul li ul li {
  position: relative;
  display: block;
}
#wrapper header .col-md-9 #bottom nav ul li ul li a {
  padding: 4px 8px;
}
#wrapper header .col-md-9 #bottom nav ul li ul li a:hover,
#wrapper header .col-md-9 #bottom nav ul li ul li a.active {
  color: white;
  background-color: #eda534;
}
#wrapper header .col-md-9 #bottom nav ul li ul li ul {
  display: none;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  min-width: 220px;
  position: absolute;
  left: 100%;
  top: 0px;
  z-index: 8;
  background-color: #F5F5F5;
  color: #eda534;
  padding: 10px;
}
#wrapper header .col-md-9 #bottom nav ul li ul li ul li {
  display: block;
}
#wrapper header .col-md-9 #bottom nav ul li ul li ul li a {
  padding: 4px 8px;
}
#wrapper header .col-md-9 #bottom nav ul li ul li:hover > ul {
  display: inline;
}
#wrapper header .col-md-9 #bottom nav ul li:hover > ul {
  display: inline;
}
#wrapper header .col-md-9 #bottom nav.open ul {
  opacity: 1;
}
#wrapper section#slider {
  position: relative;
}
#wrapper section#slider .shape {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: url("../images/slider-shape.png") top center no-repeat;
  z-index: 5;
}
#wrapper section#slider .indicators {
  padding-bottom: 0px;
  bottom: 0px;
}
#wrapper section#slider .indicators .carousel-indicators {
  width: 60px;
  padding: 10px 25px;
  margin: 0 auto;
  bottom: 0px;
  margin-left: -30px;
}
#wrapper section#slider .indicators .carousel-indicators li {
  display: inherit;
  margin: 7px auto;
  border: none;
  background: #e4d1b0;
  width: 8px;
  height: 8px;
}
#wrapper section#slider .indicators .carousel-indicators li.active {
  background-color: #eda534;
}
#wrapper section#slider .carousel-caption {
  left: 0px;
  right: 0px;
}
#wrapper section#slider .carousel-control {
  -webkit-transition: background-color 0.4s ease-in-out;
  -moz-transition: background-color 0.4s ease-in-out;
  -o-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out;
}
#wrapper section#slider .carousel-control.left {
  width: 100px;
  height: 100px;
  background: url("../images/slider-arrow-left.png") 35px 12px no-repeat rgba(0, 0, 0, 0.2);
  display: block;
  position: absolute;
  left: 50%;
  top: inherit;
  bottom: 0px;
  margin-left: -130px;
}
#wrapper section#slider .carousel-control.right {
  width: 100px;
  height: 100px;
  background: url("../images/slider-arrow-right.png") 35px 12px no-repeat rgba(0, 0, 0, 0.2);
  display: block;
  position: relative;
  left: 50%;
  top: inherit;
  bottom: 0px;
  margin-left: 30px;
}
#wrapper section#slider .carousel-control:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
#wrapper section#slider .carousel-inner .item {
  height: 680px;
  background-color: black;
}
#wrapper section#slider .carousel-inner .item .cover-image {
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-position: center;
  opacity: .6;
}
#wrapper section#slider .carousel-inner .item .carousel-caption {
  top: 25%;
  bottom: inherit;
}
#wrapper section#slider .carousel-inner .item .carousel-caption .title {
  background-color: black;
  display: table;
  margin: 0 auto;
  padding: 20px 100px;
  background: url("../images/slider-repeat.png") top left;
}
#wrapper section#slider .carousel-inner .item .carousel-caption .title h1 {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
#wrapper section#slider .carousel-inner .item .carousel-caption .title p {
  width: 75%;
  margin: 0 auto;
  text-align: center;
}
#wrapper section#slider .transition-timer-carousel-progress-bar {
  height: 3px;
  width: 0%;
  margin: 0px 0px 0px 0px;
  border: none;
  z-index: 11;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
#wrapper .container.position-relative div.title {
  display: table;
  margin: 0 auto;
}
#wrapper .container.position-relative div.title p {
  position: relative;
  margin-top: -20px;
}
#wrapper .container.position-relative div.title:before {
  content: "";
  width: 940px;
  height: 1px;
  background-color: #bfbfc7;
  position: absolute;
  top: 60px;
  left: 10px;
}
#wrapper .container.position-relative div.title:after {
  content: "";
  width: 905px;
  height: 1px;
  background-color: #bfbfc7;
  position: absolute;
  top: 65px;
  left: 30px;
}
#wrapper .container.position-relative div.title div {
  position: relative;
  z-index: 10;
}
#wrapper section#category {
  height: 365px;
  background: url("../images/categorybg.jpg") top center no-repeat;
}
#wrapper section#category .item {
  height: 130px;
  position: relative;
  background-color: #584131;
}
#wrapper section#category .item h3 {
  position: absolute;
  top: 28px;
  left: 110px;
  margin-top: 0px;
  height: 70px;
  width: 60%;
  z-index: 5;
}
#wrapper section#category .item h3 .categoryIcon {
  width: 46px;
  height: 60px;
  position: absolute;
  top: 5px;
  left: -66px;
  z-index: 5;
  background-size: 46px 60px !important;
}
#wrapper section#category .item .arrow {
  position: absolute;
  top: 17px;
  right: 40px;
  background: url("../images/arrow-white.png") top left no-repeat;
  width: 30px;
  height: 96px;
  z-index: 5;
}
#wrapper section#category .item .bg {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  opacity: 0.5;
}
#wrapper section#category .item .bghover {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  opacity: 0.5;
  width: 0%;
  -webkit-transition: width 0.4s ease-in-out;
  -moz-transition: width 0.4s ease-in-out;
  -o-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}
#wrapper a:hover .item .bg {
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4');
  -webkit-filter: blur(4px);
  filter: blur(4px);
}
#wrapper a:hover .item .bghover {
  width: 100% !important;
}
#wrapper section#about #offer {
  padding: 30px 20px 15px 20px;
}
#wrapper section#about #offer a {
  -webkit-transition: background-color 0.4s ease-in-out;
  -moz-transition: background-color 0.4s ease-in-out;
  -o-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out;
}
#wrapper section#about #offer a:hover {
  background-color: #faba54;
  color: white;
}
#wrapper section#banner .content {
  width: 100%;
  height: 140px;
  position: relative;
}
#wrapper section#banner .content .title {
  position: relative;
  z-index: 10;
  display: table;
  margin: 0 auto;
  padding: 0px 60px 0px 100px;
}
#wrapper section#banner .content .title div {
  position: relative;
  z-index: 10;
}
#wrapper section#banner .content .title .bgcolor {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  opacity: .47;
  z-index: 1;
}
#wrapper section#banner .content .title .arrow {
  position: absolute;
  top: 20px;
  right: 20px;
  background: url("../images/arrow-white-medium.png") top left no-repeat;
  width: 19px;
  height: 58px;
  z-index: 5;
}
#wrapper section#banner .content .title:before {
  content: "";
  position: absolute;
  top: 30px;
  left: 25px;
  background: url("../images/icon/catalog.png") top left no-repeat;
  width: 45px;
  height: 36px;
  z-index: 5;
}
#wrapper section#banner .content .bg {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  opacity: 0.75;
  background: url("../images/catalogbg.jpg") top center no-repeat;
}
#wrapper section#banner .content .bghover {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  opacity: 0.7;
  height: 0%;
  -webkit-transition: height 0.4s ease-in-out;
  -moz-transition: height 0.4s ease-in-out;
  -o-transition: height 0.4s ease-in-out;
  transition: height 0.4s ease-in-out;
}
#wrapper section#banner a:hover .bg {
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4');
  -webkit-filter: blur(4px);
  filter: blur(4px);
}
#wrapper section#banner a:hover .bghover {
  height: 100%;
}
#wrapper section#list .content {
  padding-left: 80px;
}
#wrapper section#list .content .icon {
  position: absolute;
  top: 0px;
  left: 10px;
}
#wrapper footer nav #more-menu {
  text-align: center;
}
#wrapper footer nav #more-menu a {
  display: block;
  color: white;
  padding: 5px 15px;
}
#wrapper footer nav ul {
  display: table;
  margin: 0 auto;
}
#wrapper footer nav ul li {
  display: inline-block;
  padding-right: 23px;
  padding-left: 15px;
  position: relative;
}
#wrapper footer nav ul li a {
  display: inline-block;
  -webkit-transition: color 0.4s ease-in-out;
  -moz-transition: color 0.4s ease-in-out;
  -o-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
}
#wrapper footer nav ul li a:hover {
  color: #faba54;
}
#wrapper footer nav ul li:after {
  content: "/";
  position: absolute;
  top: 0px;
  right: 0px;
}
#wrapper footer nav ul li:last-child:after {
  content: "";
}
#wrapper .logo p {
  position: relative;
  top: -10px;
}
#wrapper .follow {
  width: 240px;
  position: relative;
}
#wrapper .follow p {
  padding: 8px 0px;
}
#wrapper .follow ul {
  position: absolute;
  right: 0px;
  top: 0px;
}
#wrapper .follow ul li {
  display: inline-block;
}
#wrapper .follow ul li a {
  width: 30px;
  height: 30px;
  background: url("../images/facebook.png") top left no-repeat;
  display: block;
}
#wrapper .follow ul li a:hover {
  background: url("../images/facebook-roll.png") top left no-repeat;
}
#wrapper .follow ul li + li a {
  background: url("../images/googleplus.png") top left no-repeat;
}
#wrapper .follow ul li + li a:hover {
  background: url("../images/googleplus-roll.png") top left no-repeat;
}
#wrapper .follow ul li + li + li a {
  background: url("../images/youtube.png") top left no-repeat;
}
#wrapper .follow ul li + li + li a:hover {
  background: url("../images/youtube-roll.png") top left no-repeat;
}
#wrapper .contact p {
  position: relative;
  display: inline-block;
}
#wrapper .contact p:first-child:after {
  content: "";
  position: absolute;
  top: 8px;
  left: -40px;
  background: url("../images/icon/phone-black.png") top left no-repeat;
  width: 20px;
  height: 20px;
  z-index: 1;
}
#wrapper .contact p:last-child:after {
  content: "";
  position: absolute;
  top: 5px;
  left: -42px;
  background: url("../images/icon/message.png") top left no-repeat;
  width: 22px;
  height: 15px;
  z-index: 1;
}
#wrapper .contact a:hover {
  color: #584131;
}
#wrapper #newsletter {
  padding: 20px 25px 20px 70px;
  background-image: url("../images/newsletterbg.png");
  background-position: 32px 30px;
  background-repeat: no-repeat;
}
#wrapper #newsletter p {
  position: relative;
  margin-top: -15px;
}
#wrapper #newsletter .border {
  position: absolute;
  top: 5%;
  bottom: 5%;
  right: 5%;
  z-index: 1;
  width: 80%;
  left: 10%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#wrapper a:hover #newsletter .border {
  width: 90%;
  left: 5%;
  opacity: 1;
}
#wrapper .copyright .container {
  position: relative;
}
#wrapper .copyright .container a {
  position: absolute;
  right: 10px;
  top: 25px;
}
#wrapper section#pageContent {
  padding-bottom: 20px;
}
#wrapper section#pageContent .breadcrumb li a {
  color: #717171;
  -webkit-transition: color 0.6s ease-in-out, color 0.4s ease-in-out;
  -moz-transition: color 0.6s ease-in-out, color 0.4s ease-in-out;
  -o-transition: color 0.6s ease-in-out, color 0.4s ease-in-out;
  transition: color 0.6s ease-in-out, color 0.4s ease-in-out;
}
#wrapper section#pageContent .breadcrumb li.active {
  color: #eda534;
}
#wrapper section#pageContent .breadcrumb li:hover a {
  color: #eda534;
}
#wrapper section#pageContent button.btn {
  border-radius: 0px;
  border: 1px solid #9f8964;
  color: #9f8964;
  margin-left: 2px;
  margin-right: 2px;
  -webkit-transition: background-color 0.6s ease-in-out, color 0.4s ease-in-out;
  -moz-transition: background-color 0.6s ease-in-out, color 0.4s ease-in-out;
  -o-transition: background-color 0.6s ease-in-out, color 0.4s ease-in-out;
  transition: background-color 0.6s ease-in-out, color 0.4s ease-in-out;
  outline: none;
}
#wrapper section#pageContent button.btn:hover {
  background-color: #9f8964;
  color: #fff;
}
#wrapper section#pageContent button.bgBrown {
  background-color: #9f8964;
  color: #fff;
}
#wrapper section#pageContent form input {
  border: none;
  padding: 17px 40px 14px 10px;
  font-family: 'ralewayregular';
  font-size: 12px;
  color: #717171;
  border-left: 1px solid #cccccc;
  margin-bottom: 10px;
}
#wrapper section#pageContent form input[type="text"] {
  width: 100%;
}
#wrapper section#pageContent form textarea {
  width: 100%;
  border: none;
  padding: 17px 40px 14px 10px;
  font-family: 'ralewayregular';
  font-size: 12px;
  color: #717171;
  border-left: 1px solid #cccccc;
  margin-bottom: 10px;
}
#wrapper section#pageContent form input[type="text"]:focus,
#wrapper section#pageContent form input[type="email"]:focus,
#wrapper section#pageContent form textarea:focus {
  border-left: 2px solid #eda534;
  padding-left: 9px;
}
#wrapper section#pageContent form input.btnSubmit {
  width: 40%;
  background-color: transparent;
  border: 1px solid #9f8964;
  color: #9f8964;
  padding: 10px;
  -webkit-transition: background-color 0.6s ease-in-out, color 0.4s ease-in-out;
  -moz-transition: background-color 0.6s ease-in-out, color 0.4s ease-in-out;
  -o-transition: background-color 0.6s ease-in-out, color 0.4s ease-in-out;
  transition: background-color 0.6s ease-in-out, color 0.4s ease-in-out;
  font-size: 14px;
}
#wrapper section#pageContent form input.btnSubmit:hover {
  background-color: #9f8964;
  color: #fff;
}
#wrapper section#pageContent .referenceImage {
  margin-bottom: 15px;
}
#wrapper section#pageContent .referenceImage .galleryPicture {
  border: 1px solid #dddddd;
  padding: 5px;
}
#wrapper section#pageContent a.niceButton {
  background-color: transparent;
  border: 1px solid #9f8964;
  color: #9f8964;
  padding: 10px;
  -webkit-transition: background-color 0.6s ease-in-out, color 0.4s ease-in-out;
  -moz-transition: background-color 0.6s ease-in-out, color 0.4s ease-in-out;
  -o-transition: background-color 0.6s ease-in-out, color 0.4s ease-in-out;
  transition: background-color 0.6s ease-in-out, color 0.4s ease-in-out;
  font-size: 14px;
  text-decoration: none;
  border-radius: 0;
  margin-top: 15px;
}
#wrapper section#pageContent a.niceButton.backButton {
  float: right;
}
#wrapper section#pageContent a.niceButton:hover {
  background-color: #9f8964;
  color: #fff;
}
#wrapper section#pageContent #productPictures .productDefaultPicture {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dddddd;
}
#wrapper section#pageContent #productData h2 {
  border-bottom: 1px solid #eda534;
}
#wrapper section#pageContent #productData #productDataContent {
  margin-bottom: 20px;
}
.article-item {
  background: #fff;
  padding: 20px;
  border: 5px solid #fff;
  height: 275px;
  background-color: #9f8964;
}
.article-item .image-out {
  position: relative;
}
@media (min-width: 768px) {
  .article-item .image-out {
    min-height: 200px;
  }
}
.article-item div.more {
  background: #eda534;
  color: #fff;
  font-family: 'hindbold';
  padding: 5px 10px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  text-transform: uppercase;
}
.article-item:hover div.more {
  background: #faba54;
}
.article-item img {
  width: 100%;
  opacity: 0.9;
  border: 2px solid #715F3F;
}
.article-item:hover img {
  opacity: 1;
}
.article-item h5 {
  margin: 0;
  margin-bottom: 5px;
  position: relative;
  color: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0;
  padding-left: 7px;
  padding-right: 7px;
}
.thumbnail > img,
.thumbnail > a > img {
  max-height: 180px;
}
.referenceItem .caption {
  margin-top: 15px;
  border-top: 1px solid #dddddd;
}
.referenceItem h5 {
  min-height: 54px;
  text-align: center;
  -webkit-transition: color 0.6s ease-in-out, color 0.4s ease-in-out;
  -moz-transition: color 0.6s ease-in-out, color 0.4s ease-in-out;
  -o-transition: colorr 0.6s ease-in-out, color 0.4s ease-in-out;
  transition: color 0.6s ease-in-out, color 0.4s ease-in-out;
}
.referenceItem .thumbnail {
  border: 2px solid #dddddd;
  border-bottom: 4px solid #eda534;
  -webkit-transition: background-color 0.6s ease-in-out, color 0.4s ease-in-out;
  -moz-transition: background-color 0.6s ease-in-out, color 0.4s ease-in-out;
  -o-transition: background-color 0.6s ease-in-out, color 0.4s ease-in-out;
  transition: background-color 0.6s ease-in-out, color 0.4s ease-in-out;
}
.webshopItem .thumbnail {
  border: 2px solid #dddddd;
  -webkit-transition: background-color 0.6s ease-in-out, color 0.4s ease-in-out;
  -moz-transition: background-color 0.6s ease-in-out, color 0.4s ease-in-out;
  -o-transition: background-color 0.6s ease-in-out, color 0.4s ease-in-out;
  transition: background-color 0.6s ease-in-out, color 0.4s ease-in-out;
}
.referenceItem:hover h5 {
  color: #eda534;
}
.referenceItem:hover .thumbnail {
  border-bottom-color: #705E3E;
}
.fancybox-title-float-wrap .child {
  background: transparent;
  background: rgba(239, 166, 32, 0.8);
  color: #FFF;
  border-radius: 0;
}
.scrollup {
  width: 60px;
  height: 60px;
  position: fixed;
  bottom: 60px;
  right: 30px;
  display: none;
  text-indent: -9999px;
  background: url('../images/scrollup.jpg') no-repeat top left;
  background-color: #000;
}
.form-error {
  display: none;
  padding: 4px;
  padding-left: 7px;
  padding-right: 7px;
  font-size: 14px;
  color: #fff;
  background: #eda534;
  position: absolute;
  opacity: 0.9;
  border-radius: 3px;
  z-index: 10000;
}
.form-error:after {
  top: 100%;
  left: 13px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(213, 148, 28, 0);
  border-top-color: #eda534;
  border-width: 7px;
  margin-left: -7px;
}
.form-error .glyphicon-remove {
  font-size: 11px;
  cursor: pointer;
  opacity: 0.8;
}
.form-error .glyphicon-remove:hover {
  opacity: 1;
}
#errorpage .container::before {
  content: "\e107";
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #eda534;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  color: #fff;
  font-size: 30px;
  padding-top: 25px;
  padding-bottom: 25px;
  margin: 0 auto;
  margin-bottom: 20px;
}
#errorpage .container {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
}
#errorpage .container div {
  margin: 0 auto;
  width: 80%;
  padding-left: 20px;
}

.head-cart-btn {
      border-radius: 0;
    padding: 11px 4px;
    text-align: center;
    font-size: 17px;
}