/* screen sizes */
/* colors */
* {
  color: #50505a;
  font-family: 'Source Sans Pro', sans-serif;
}
/* text colors */
.text-base,
.text-base i {
  color: #50505a;
}
.text-white,
.text-white i {
  color: #ffffff;
}
.text-dark {
  color: #32323c;
}
.text-light {
  color: #e6ecec;
}
.text-red {
  color: #e20613;
}
.text-orange {
  color: #e84e1b;
}
.text-yellow {
  color: #f29100;
}
.text-brown {
  color: #b17f49;
}
.text-green {
  color: #80bb2b;
}
.text-blue {
  color: #29abe2;
}
.text-darkblue {
  color: #1818ba;
}
.text-blueish {
  color: #b9c8c8;
}
.text-zaba {
  color: #ee3124;
}
/* text links */
a.text-dark:link {
  color: #32323c;
}
a.text-light:link {
  color: #e6ecec;
}
a.text-red:link {
  color: #e20613;
}
a.text-orange:link {
  color: #e84e1b;
}
a.text-yellow:link {
  color: #f29100;
}
a.text-brown:link {
  color: #b17f49;
}
a.text-green:link {
  color: #80bb2b;
}
a.text-blue:link {
  color: #29abe2;
}
a.text-darkblue:link {
  color: #1818ba;
}
a.text-blueish:link {
  color: #b9c8c8;
}
a.text-zaba:link {
  color: #ee3124;
}
/* text visited */
a.text-dark:visited {
  color: #32323c;
}
a.text-light:visited {
  color: #e6ecec;
}
a.text-red:visited {
  color: #e20613;
}
a.text-orange:visited {
  color: #e84e1b;
}
a.text-yellow:visited {
  color: #f29100;
}
a.text-brown:visited {
  color: #b17f49;
}
a.text-green:visited {
  color: #80bb2b;
}
a.text-blue:link {
  color: #29abe2;
}
a.text-darkblue:visited {
  color: #1818ba;
}
a.text-blueish:visited {
  color: #b9c8c8;
}
a.text-zaba:link {
  color: #ee3124;
}
/* text hovers */
a.text-dark:hover {
  color: #494958;
}
a.text-light:hover {
  color: #ffffff;
}
a.text-red:hover {
  color: #f9222f;
}
a.text-orange:hover {
  color: #ed7249;
}
a.text-yellow:hover {
  color: #ffa826;
}
a.text-brown:hover {
  color: #c2986b;
}
a.text-green:hover {
  color: #99d445;
}
a.text-blue:hover {
  color: #56bde8;
}
a.text-darkblue:hover {
  color: #2222e3;
}
a.text-blueish:hover {
  color: #d6dede;
}
a.text-zaba:hover {
  color: #f25e53;
}
/* text active */
a.text-dark:active {
  color: #494958;
}
a.text-light:active {
  color: #ffffff;
}
a.text-red:active {
  color: #f9222f;
}
a.text-orange:active {
  color: #ed7249;
}
a.text-yellow:active {
  color: #ffa826;
}
a.text-brown:active {
  color: #c2986b;
}
a.text-green:active {
  color: #99d445;
}
a.text-blue:active {
  color: #56bde8;
}
a.text-darkblue:active {
  color: #2222e3;
}
a.text-blueish:active {
  color: #d6dede;
}
a.text-zaba:active {
  color: #f25e53;
}
/* bg colors */
.bg-white {
  background-color: #ffffff;
}
.bg-dark {
  background-color: #32323c;
}
.bg-light {
  background-color: #e6ecec;
}
.bg-red {
  background-color: #e20613;
}
.bg-orange {
  background-color: #e84e1b;
}
.bg-yellow {
  background-color: #f29100;
}
.bg-brown {
  background-color: #b17f49;
}
.bg-green {
  background-color: #80bb2b;
}
.bg-blue {
  background-color: #29abe2;
}
.bg-darkblue {
  background-color: #1818ba;
}
.bg-blueish {
  background-color: #b9c8c8;
}
.bg-zaba {
  background-color: #ee3124;
}
/* badge colors */
.badge-dark {
  background-color: #32323c;
}
.badge-dark a,
.badge-dark a:link,
.badge-dark a:visited {
  color: #ffffff;
}
.badge-dark a:active,
.badge-dark a:hover {
  color: #e6ecec;
  text-decoration: none;
}
.badge-dark i {
  color: #ffffff;
}
.badge-red {
  background-color: #e20613;
}
.badge-green {
  background-color: #80bb2b;
}
.badge-blue {
  background-color: #29abe2;
}
.badge-darkblue {
  background-color: #1818ba;
}
.badge-orange {
  background-color: #e84e1b;
}
.badge-yellow {
  background-color: #f29100;
}
.badge-zaba {
  background-color: #ee3124;
}
a:hover,
a:link,
a:active,
a:visited {
  text-decoration: none;
}
/* fa boxed */
.fa.box {
  width: 48px;
  height: 48px;
  padding-top: 10px;
  color: #fff;
  font-size: 30px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
}
h1.subtitle,
h2.subtitle {
  font-size: 36px;
  font-weight: 900;
  margin-top: 20px;
  margin-bottom: 10px;
}
/* link colors based on background */
.bg-dark a,
.bg-dark a:link,
.bg-dark a:visited {
  color: #ffffff;
}
.bg-dark a:active,
.bg-dark a:hover {
  color: #e6ecec;
  text-decoration: none;
}
.bg-dark i {
  color: #ffffff;
}
.bg-light a,
.bg-light a:link,
.bg-light a:visited {
  color: #50505a;
}
.bg-light a:active,
.bg-light a:hover {
  color: #e20613;
  text-decoration: none;
}
.bg-light i {
  color: #50505a;
}
.text700 {
  font-weight: 700;
}
a.text700 {
  padding-left: 0;
  font-weight: 700;
  color: #32323c;
}
a.text700:hover {
  text-decoration: underline;
  color: #29abe2 !important;
}
.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
.h240 {
  padding: 0;
  height: 90px;
}
@media (min-width: 768px) {
  .h240 {
    height: 120px;
  }
}
@media (min-width: 992px) {
  .h240 {
    height: 180px;
  }
}
@media (min-width: 1200px) {
  .h240 {
    height: 240px;
  }
}
/* RESET BOOTSTRAP BUTTONS */
.btn {
  border: none;
  border-radius: 0;
  padding: 6px 20px;
  text-shadow: none;
}
.btn.btn-primary {
  background-image: none;
  background-color: #29abe2;
}
.btn.btn-success {
  background-image: none;
  background-color: #80bb2b;
}
.btn.btn-warning {
  background-image: none;
  background-color: #e84e1b;
}
.btn.btn-danger {
  background-image: none;
  background-color: #e20613;
}
.btn i {
  color: #fff;
}
/* CUSTOM COLUMNS */
.col-md-1of2 {
  float: left;
  width: 50%;
}
.col-md-1of3 {
  float: left;
  width: 33.33333333%;
}
.col-md-2of3 {
  float: left;
  width: 66.66666666%;
}
/* HEADER */
#header #header-top {
  background-color: #e6ecec;
  height: 70px;
}
#header #header-top a,
#header #header-top a:link,
#header #header-top a:visited {
  color: #50505a;
}
#header #header-top a:active,
#header #header-top a:hover {
  color: #e20613;
  text-decoration: none;
}
#header #header-top i {
  color: #50505a;
}
#header #header-top #logo-main {
  margin-top: 18px;
}
#header #header-top #logo-main img {
  max-width: 100%;
  max-height: 36px;
}
#header #header-top #search-top {
  margin-top: 18px;
}
#header #header-top #search-top input {
  font-size: 1.2em;
  height: 38px;
  border: none;
  width: 100%;
  padding-left: 10px;
  color: #32323c;
  background-color: #ffffff;
  box-shadow: none;
}
#header #header-top #search-top button {
  color: #32323c;
  background-color: #e6ecec;
  border: none;
  cursor: pointer;
  display: block;
  width: 40px;
  height: 38px;
  position: absolute;
  top: 0;
  right: -30px;
}
#header #header-top #search-top button a,
#header #header-top #search-top button a:link,
#header #header-top #search-top button a:visited {
  color: #50505a;
}
#header #header-top #search-top button a:active,
#header #header-top #search-top button a:hover {
  color: #e20613;
  text-decoration: none;
}
#header #header-top #search-top button i {
  color: #50505a;
}
#header #header-top #search-top button i {
  color: #32323c;
  font-size: 1.5em;
  pointer-events: none;
}
#header #header-top #search-top-results {
  padding: 4px 10px;
  background-color: #ffffff;
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  top: 40px;
  z-index: 999;
}
#header #header-top #search-top-results ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#header #header-top #search-top-results ul li {
  display: block;
  width: 100%;
  min-height: 44px;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  margin-left: 5px;
  margin-bottom: 5px;
  overflow: hidden;
}
#header #header-top #search-top-results ul li img {
  float: left;
}
#header #header-top #search-top-results ul li a {
  line-height: 15px;
}
#header #header-top #search-top-results a:hover {
  color: #32323c;
  text-decoration: underline;
}
#header #header-top #cart-top {
  position: relative;
  top: 10px;
  right: 10px;
  color: #32323c;
  pointer-events: none;
}
#header #header-top #cart-top #cart-top-product-count {
  background-color: #e20613;
  color: #ffffff;
  display: inline-block;
  position: absolute;
  right: 39px;
  top: 13px;
}
#header #header-top #cart-top a {
  pointer-events: auto;
}
#header #header-top #cart-top i {
  font-size: 2.5em;
  color: #32323c;
}
#header #header-top #cart-top span {
  font-size: 0.9em;
}
#header #header-bar {
  position: relative;
  background-color: #32323c;
  height: 44px;
  line-height: 44px;
}
#header #header-bar a,
#header #header-bar a:link,
#header #header-bar a:visited {
  color: #ffffff;
}
#header #header-bar a:active,
#header #header-bar a:hover {
  color: #e6ecec;
  text-decoration: none;
}
#header #header-bar i {
  color: #ffffff;
}
#header #header-bar #menu-categories {
  height: 44px;
  cursor: pointer;
}
#header #header-bar #menu-categories i.product-categories-icon {
  display: block;
  width: 50px;
  height: 44px;
  float: left;
  line-height: 44px;
  font-size: 1.5em;
  text-align: center;
  color: #ffffff;
  background-color: #e20613;
}
#header #header-bar #menu-categories a.product-categories-text {
  display: table-cell;
  vertical-align: middle;
  float: left;
  height: 44px;
  margin-left: 8px;
}
#header #header-bar #menu-categories.open i.product-categories-icon {
  color: #32323c;
  background-color: #e6ecec;
}
#header #header-bar #menu-categories.open i.product-categories-icon a,
#header #header-bar #menu-categories.open i.product-categories-icon a:link,
#header #header-bar #menu-categories.open i.product-categories-icon a:visited {
  color: #50505a;
}
#header #header-bar #menu-categories.open i.product-categories-icon a:active,
#header #header-bar #menu-categories.open i.product-categories-icon a:hover {
  color: #e20613;
  text-decoration: none;
}
#header #header-bar #menu-categories.open i.product-categories-icon i {
  color: #50505a;
}
#header #header-bar #menu-shop {
  height: 44px;
  vertical-align: middle;
}
#header #header-bar #menu-shop ul {
  display: block;
  height: 44px;
  margin: 0 auto;
  list-style: none;
  overflow: hidden;
}
#header #header-bar #menu-shop ul li {
  float: left;
}
#header #header-bar #menu-shop ul li a {
  display: table-cell;
  vertical-align: middle;
  padding-left: 7px;
  padding-right: 7px;
  /*
						transition-property: background-color;
						transition-duration: 0.4s;
						transition-timing-function: ease-out;
*/
}
#header #header-bar #menu-shop ul li a i {
  font-size: 1.5em;
  display: block;
  float: left;
  margin-top: 11px;
  margin-right: 5px;
}
#header #header-bar #menu-shop ul li a span {
  color: #ffffff;
}
#header #header-bar #menu-shop ul li a:hover {
  color: #32323c;
  background-color: #ffffff;
}
#header #header-bar #menu-shop ul li a:hover i {
  color: #32323c;
}
#header #header-bar #menu-shop ul li a:hover span {
  color: #32323c;
}
#header #header-bar #menu-user {
  height: 44px;
  vertical-align: middle;
  float: right;
}
#header #header-bar #menu-user ul {
  display: block;
  height: 44px;
  margin: 0 auto;
  list-style: none;
  overflow: hidden;
}
#header #header-bar #menu-user ul li {
  display: block;
  float: left;
}
#header #header-bar #menu-user ul li a {
  display: block;
  vertical-align: middle;
  padding-left: 7px;
  padding-right: 7px;
}
#header #header-bar #menu-user ul li a i {
  font-size: 1.5em;
  display: block;
  float: left;
  margin-top: 11px;
  margin-right: 5px;
}
#header #header-bar #menu-user ul li a div {
  color: #ffffff;
}
#header #header-bar #menu-user ul li a:hover,
#header #header-bar #menu-user ul li a.active {
  color: #32323c;
  background-color: #ffffff;
}
#header #header-bar #menu-user ul li a:hover i,
#header #header-bar #menu-user ul li a.active i {
  color: #32323c;
}
#header #header-bar #menu-user ul li a:hover span,
#header #header-bar #menu-user ul li a.active span {
  color: #32323c;
}
#header #header-bar #menu-help {
  background-color: #ffffff;
  line-height: normal;
  text-align: left;
  display: none;
  overflow: hidden;
  height: 0px;
  width: 560px;
  padding: 0 12px;
  position: absolute;
  top: 44px;
  /*left:-355px;*/
  /*right: 46px;*/
  right: 0;
  z-index: 12000;
  transition-property: height;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
#header #header-bar #menu-help div {
  display: block;
  float: left;
}
#header #header-bar #menu-help h2 {
  padding-left: 7px;
}
#header #header-bar #menu-help a {
  font-size: 14px;
  display: inline;
  color: #32323c;
}
#header #header-bar #menu-help p {
  padding-left: 7px;
  padding-bottom: 9px;
  font-size: 12px;
}
#header #header-bar li.toggle-help:hover a {
  color: #32323c;
  background-color: #ffffff;
}
#header #header-bar li.toggle-help:hover a i {
  color: #32323c;
}
#header #header-bar li.toggle-help:hover a span {
  color: #32323c;
}
#header #header-bar li.toggle-help:hover #menu-help {
  display: block;
  height: 280px;
}
#header-light {
  background-color: #32323c;
}
#header-light a,
#header-light a:link,
#header-light a:visited {
  color: #ffffff;
}
#header-light a:active,
#header-light a:hover {
  color: #e6ecec;
  text-decoration: none;
}
#header-light i {
  color: #ffffff;
}
/* CART */
/* HOME SLIDER */
#home-slider img {
  width: 100%;
  max-width: 1200px;
  max-height: 300px;
}
/* MAIN */
#main {
  margin-bottom: 20px;
}
/* SIDEBAR */
/* BANNERS */
#banners .col-md-6 img {
  width: 100%;
  max-width: 480px;
  max-height: 240px;
}
#banners .col-md-3 img {
  width: 100%;
  max-width: 240px;
  max-height: 240px;
}
/* FOOTER */
#footer {
  background-color: #32323c;
}
#footer a,
#footer a:link,
#footer a:visited {
  color: #ffffff;
}
#footer a:active,
#footer a:hover {
  color: #e6ecec;
  text-decoration: none;
}
#footer i {
  color: #ffffff;
}
#footer li {
  color: #ffffff;
  font-weight: normal;
}
#footer li b {
  color: #ffffff;
}
#footer2 {
  text-align: center;
  background-color: #ffffff;
}
#footer2 div img {
  padding: 5px;
}
#footer3 {
  text-align: center;
  background-color: #ffffff;
}
#footer3 a {
  padding: 5px 10px;
  color: #32323c;
}
/* PRODUCT PARTIALS */
.prod.prod-box {
  display: block;
  position: relative;
  float: left;
  width: 94%;
  margin: 3%;
  max-width: 220px;
  height: 240px;
  margin-bottom: 20px;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .prod.prod-box {
    margin: 2.5%;
    width: 28%;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) {
  .prod.prod-box {
    margin: 2%;
    width: 21%;
    margin-bottom: 40px;
  }
}
.prod.prod-box a:hover {
  text-decoration: none;
}
.prod.prod-box .prod-img-box {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 144px;
  max-height: 144px;
}
.prod.prod-box .prod-img {
  display: block;
  width: auto !important;
  max-width: 144px;
  max-height: 144px;
}
.prod.prod-box .prod-brand {
  display: block;
  position: absolute;
  top: 20px;
  right: -9px;
  width: 23%;
  height: 22%;
  max-width: 56px;
  max-height: 56px;
}
.prod.prod-box .prod-brand img {
  display: block;
  width: 100%;
}
.prod.prod-box .prod-free-shipping {
  display: block;
  position: absolute;
  top: 70px;
  right: -11px;
  width: 25%;
  max-width: 56px;
  color: #000;
  font-size: 10px;
  text-align: center;
}
.prod.prod-box .prod-title {
  display: block;
  width: 100%;
  position: absolute;
  top: 62%;
  color: #32323c;
  min-height: 55px;
  max-height: 55px;
  padding-right: 15px;
  overflow: hidden;
}
.prod.prod-box .prod-price {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  max-height: 32px;
  overflow: hidden;
}
.prod.prod-box .prod-price .price-regular {
  font-size: 1.6em;
  font-weight: bold;
  color: #32323c;
}
.prod.prod-box .prod-price .price-action {
  font-size: 1.6em;
  font-weight: bold;
  color: #e20613;
}
.prod.prod-box .prod-price .price-action span {
  color: #e20613;
}
.prod.prod-box .prod-price .price-striped {
  font-size: 0.9em;
  font-weight: bold;
  text-decoration: line-through;
  color: #50505a;
}
/* BREADCRUMBS */
.breadcrumbs {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 0.85em;
}
.breadcrumbs a {
  color: #50505a;
}
.breadcrumbs a:hover {
  text-decoration: underline;
  color: #32323c;
}
/* BADGES */
.product-badge {
  display: inline-block;
  height: auto;
  z-index: 55;
  position: absolute;
  top: 130px;
  left: 11px;
  border-radius: 0 !important;
  box-shadow: none;
  padding: 3px 5px;
  color: #ffffff;
  font-size: 0.84em;
  font-weight: normal;
}
.product-page-badge {
  width: 40%;
  display: inline-block;
  height: auto;
  border-radius: 0 !important;
  box-shadow: none;
  padding: 2px 5px;
  color: #ffffff;
  text-align: center;
  font-size: 0.76em;
  font-weight: bold;
}
/* PRODUCT */
.product.product-page {
  font-size: 1.2em;
}
.product.product-page h1 {
  color: #32323c;
  font-size: 2em;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}
.product.product-page .base-specs {
  margin-top: 15px;
  margin-bottom: 15px;
}
.product.product-page .base-specs ul {
  padding: 0;
}
.product.product-page .base-specs ul li {
  list-style: none;
}
.product.product-page .price-tag {
  position: relative;
  /*.block(auto,100px);*/
  height: 100px;
  padding: 0;
}
.product.product-page .price-tag img {
  display: block;
  width: 100%;
  max-width: 310px;
  max-height: 100px;
}
.product.product-page .price-tag .secondary {
  display: block;
  position: absolute;
  top: 15%;
  left: 7%;
  z-index: 5;
  font-size: 16px;
  font-weight: normal;
}
.product.product-page .price-tag .primary {
  display: block;
  position: absolute;
  top: 30%;
  left: 7%;
  z-index: 5;
  font-size: 2.5em;
  font-weight: bold;
}
.product.product-page .price-tag .price-action {
  color: #e20613;
}
.product.product-page .price-tag .price-action span {
  color: #e20613;
}
.product.product-page .price-tag .price-striped {
  text-decoration: line-through;
  color: #50505a;
}
.product.product-page .extra-info {
  padding-top: 10px;
}
.product.product-page .add-to-cart {
  margin-top: 10px;
  margin-bottom: 10px;
}
.product.product-page .store-availability {
  margin-top: 10px;
}
.product.product-page .store-availability span {
  font-weight: bold;
}
.product.product-page .store-availability a:hover,
.product.product-page .store-availability a:link,
.product.product-page .store-availability a:visited,
.product.product-page .store-availability a:active {
  color: #80bb2b;
}
#description img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
}
.btn.btn-add-to-cart {
  background-color: #80bb2b;
  color: #ffffff;
  display: inline-block;
  width: 100%;
  padding: 10px;
  border-radius: 0 !important;
  font-size: 24px;
  font-weight: bold;
}
.btn.btn-add-to-cart i {
  color: #ffffff;
  font-size: 1.3em;
  font-weight: bold;
}
.btn.btn-add-to-cart:hover {
  background-color: #99d445;
}
.prod-main-img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 600px;
  max-height: 600px;
  position: relative;
}
.prod-main-img .prod-img {
  display: block;
  position: relative;
  width: auto !important;
  max-width: 600px;
  max-height: 600px;
  margin: 0 auto;
  vertical-align: middle;
}
.prod-main-img:after {
  content: ' ';
  display: inline-block;
  height: 100%;
  width: 1px;
  vertical-align: middle;
}
/* CART */
#cart-items {
  list-style: none;
}
.cart-summary .cart-summary-label {
  font-size: 1.6em;
  text-align: right;
}
.cart-summary .cart-summary-amount {
  font-size: 1.6em;
  font-weight: bold;
  text-align: right;
}
/* CHECKOUT */
/* PAGES */
/* MISC */
img.ri {
  position: relative;
  max-width: 100%;
  top: 0;
  left: 0;
}
img.ri:empty {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
h1 {
  color: #32323c;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}
.simple-list {
  list-style: none;
  padding-left: 0;
}
.simple-list li {
  padding-bottom: 5px;
}
/* QUICK EDIT ADMIN PANEL */
#quickedit {
  display: block;
  width: 200px;
  height: auto;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10000;
  padding: 5px 10px;
  color: #ffffff;
  background-color: #32323c;
}
#quickedit a,
#quickedit a:link,
#quickedit a:visited {
  color: #ffffff;
}
#quickedit a:active,
#quickedit a:hover {
  color: #e6ecec;
  text-decoration: none;
}
#quickedit i {
  color: #ffffff;
}
#quickedit ul {
  padding: 0;
}
#quickedit ul li {
  list-style: none;
  padding: 1px 5px;
  color: #e6ecec;
}
#quickedit a.quickedit-title {
  cursor: pointer;
  color: #fff !important;
  font-weight: bold;
}
#quickedit.closed {
  width: 30px;
  height: 30px;
  overflow: hidden;
}
/**@import 'https://fonts.googleapis.com/css?family=Raleway:300,400,500,700,800,900&subset=latin-ext';
p, h1,h2,h3,h4,h5,h6,a,span,strong {
	font-family: 'Raleway', sans-serif;
}**/
.btn-green {
  background-color: #80bb2b;
  color: #fff;
}
.btn-green:hover,
.btn-green:active,
.btn-green:focus {
  background-color: #8ecf30;
  color: #fff;
}
.form-control {
  border-radius: 0;
}
/**
 Layout
 */
header,
section,
footer {
  width: 100%;
  position: relative;
}
.container {
  max-width: 1200px;
}
ul {
  list-style: none;
  padding: 0;
}
.table-cell {
  display: table-cell;
}
.tc-1-4 {
  width: 100%;
  display: block;
}
.m-t-b-10 {
  margin: 10px 0;
}
.full-width {
  width: 100%;
}
body {
  padding-top: 95px;
}
@media only screen and (min-width: 992px) {
  body {
    padding-top: 119px;
  }
}
@media only screen and (min-width: 992px) {
  .home-listing {
    height: 340px;
  }
}
/**
 Header
 **/
#header {
  width: 100%;
  background-color: #fff;
  margin-bottom: 5px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1021;
}
#header #header-top {
  height: auto;
  padding: 10px 0px 5px 0;
  position: relative;
  background-color: #fff;
}
#header #header-top #logo-main {
  display: inline-block;
  margin-bottom: 4px;
  margin-top: 5px;
}
#header #header-top #logo-main img {
  display: block;
  width: auto;
  height: 22px;
}
#header #header-top #search-top {
  display: inline-block;
  width: 100%;
  position: relative;
  max-width: 100%;
  min-width: 240px;
  margin: 0;
  height: 40px;
}
#header #header-top #search-top input {
  height: 40px;
  font-size: 14px;
  background-color: #e6ecec;
  border: 1px solid #b9c8c8;
}
#header #header-top #search-top button {
  width: 42px;
  height: 40px;
  position: relative;
  top: auto;
  right: auto;
  left: 1px;
  padding: 12px;
  background: #ffffff;
  border-radius: 0;
  box-shadow: none;
}
#header #header-top #cart-top {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #32323c;
  pointer-events: none;
  display: inline-block;
  float: right;
}
#header #header-top #cart-top a {
  pointer-events: auto;
  position: relative;
}
#header #header-top #cart-top i {
  font-size: 44px;
  color: #32323c;
  position: absolute;
  left: 0;
}
#header #header-top #cart-top #cart-top-product-count {
  background-color: #e20613;
  color: #ffffff;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 12px;
  z-index: 1;
  width: 28px;
  height: 28px;
  border-radius: 15px;
  font-size: 16px;
  text-align: center;
  padding: 0;
  line-height: 26px;
}
#header #header-top #cart-top span {
  font-size: 0.9em;
  display: block;
  margin-top: 21px;
}
/* 2nd bar */
#header #header-bar #menu-categories {
  height: 44px;
  cursor: pointer;
  width: 50px;
  display: inline-block;
  float: left;
}
#header #header-bar #menu-shop {
  height: 44px;
  vertical-align: middle;
  float: left;
}
/** main menu hamburger **/
#product-categories #logo-product {
  display: block;
  margin: 14px 0 10px 10px;
  max-width: 150px;
}
#product-categories #menu-categories-open {
  margin-top: 29px;
  margin-left: 14px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  #header #header-top #cart-top {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
  }
}
@media (min-width: 991px) {
  #header #header-bar #menu-categories {
    width: 190px;
  }
  #header #header-top {
    height: auto;
    padding: 6px 0px 10px 0;
    position: relative;
    background-color: #fff;
  }
  #header #header-top #logo-main {
    margin-top: 18px;
  }
  #header #header-top #logo-main img {
    display: block;
    width: auto;
    height: 32px;
  }
  #header #header-top #search-top {
    max-width: 600px;
    margin: 0 4%;
  }
  #header #header-top #cart-top {
    position: relative;
    top: 0;
    right: 0;
    width: 50px;
    height: 36px;
  }
}
@media (min-width: 1200px) {
  #header #header-top #search-top {
    max-width: 700px;
    margin: 0 6%;
  }
}
/***
 Search Bar results
 **/
#search-top-results,
#menu-help {
  box-shadow: 0px 13px 22px 1px rgba(0, 0, 0, 0.3);
}
/**
 Left sidebar
 **/
#sidebar {
  display: block;
}
#sidebar a {
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  #sidebar {
    display: block;
    padding: 5px 5px 5px 0;
  }
  #sidebar .board {
    max-height: 0px;
    overflow: hidden;
    transition: max-height 0s ease-out;
  }
  #sidebar li.open > .board {
    max-height: 3000px;
    transition: max-height 0.3s ease-in;
  }
  #side-categories ul {
    list-style: none;
    padding: 0;
  }
  #side-categories ul li {
    position: relative;
  }
  #side-categories > ul > li {
    background-color: #32323c;
  }
  #side-categories > ul > li:hover,
  #side-categories > ul > li.active {
    background-color: #3e3e4a;
  }
  #side-categories > ul > li ul > li ul > li:hover {
    background-color: #c7d3d3;
  }
  #side-categories ul > li.has-children:after {
    content: "\f105";
    position: absolute;
    right: 10px;
    top: 5px;
    font-family: FontAwesome;
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    z-index: 1;
  }
  #side-categories ul > li.open:after,
  #side-categories ul > li.open:hover:after {
    content: "\f107";
    top: 7px;
  }
  /*#side-categories ul li:hover > .board {
        display:block;
    }*/
  #side-categories ul li a {
    padding: 12px 16px 12px 10px;
    color: #ffffff;
    display: block;
    border-bottom: 1px solid #ffffff;
    font-size: 13px;
  }
  #side-categories a,
  #side-categories a:hover,
  #side-categories a:active,
  #side-categories a:visited,
  #side-categories a:link {
    text-decoration: none;
  }
  #side-categories > ul > li ul > li {
    background-color: #80bb2b;
  }
  #side-categories > ul > li ul > li:hover,
  #side-categories > ul > li ul > li.active {
    background-color: #8ecf30;
  }
  #side-categories > ul > li ul > li ul > li {
    background-color: #b9c8c8;
  }
  #side-categories ul li ul li a {
    color: #ffffff;
  }
  #side-categories ul li ul li ul li a {
    color: #50505a;
  }
}
@media (max-width: 768px) {
  .row > .mh {
    min-height: 300px;
    margin: 0 auto !important;
    float: none !important;
    max-width: 210px;
  }
}
/**
 Main menu
 **/
#product-categories {
  background-color: #32323c;
  border-top: 5px solid #e20613;
  display: none;
  width: 100%;
  position: fixed;
  left: 0;
  top: 95px;
  height: 100%;
  padding: 0;
  z-index: 1000;
  box-sizing: border-box;
  box-shadow: 0px 5px 12px 0 rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
#product-categories ul:nth-child(2):after {
  left: 50%;
}
#product-categories ul:nth-child(3):after {
  left: 75%;
}
#product-categories ul {
  margin-bottom: 0;
}
#product-categories li {
  position: relative;
}
#product-categories li.has-children a:after {
  content: "\f105";
  position: absolute;
  right: 10px;
  top: 3px;
  font-family: FontAwesome;
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
  z-index: 1;
}
#product-categories li.has-children a:hover:after,
#product-categories li.has-children a:active:after,
#product-categories li.has-children a:focus:after {
  color: #fff;
}
#product-categories.open {
  display: table;
}
#product-categories ul li {
  display: block;
  float: none;
  margin: 0;
  padding: 0;
}
#product-categories ul li a {
  color: #32323c;
  font-size: 14px;
  font-weight: normal;
  display: block;
  height: auto;
  padding: 5px 3px 5px 20px;
  line-height: 30px;
  position: relative;
  text-transform: uppercase !important;
  text-decoration: none;
}
#product-categories a:active,
#product-categories a:hover {
  background-color: #e20613 !important;
  color: #fff !important;
}
#product-categories ul > li > ul,
#product-categories ul > li > ul > li > ul {
  display: none;
  border-left: 1px dotted #ccc;
}
#product-categories ul.second-level {
  display: none;
}
.bg-gray {
  background-color: #50505a;
}
.bg-light-gray {
  background-color: #787882;
}
#product-categories .nav-back {
  width: 50px;
  height: 50px;
  border: 0;
  background-color: #29abe2;
  margin-right: 20px;
}
#product-categories .category-name {
  text-transform: uppercase;
  color: #fff;
}
.back-wrapper {
  display: block;
  height: 50px;
  padding: 0 10px;
}
@media only screen and (min-width: 992px) {
  #product-categories {
    position: absolute;
    left: 0;
    top: 44px;
  }
  .tc-1-4 {
    width: 25%;
    display: table-cell;
  }
  .back-wrapper {
    display: none;
  }
  #product-categories ul.first a.active {
    background-color: #50505a;
  }
  #product-categories ul.second a.active {
    background-color: #787882;
  }
}
/**
 Product box
 **/
/*
.prod.prod-box {
	box-sizing: border-box;
	box-shadow: 2px 4px 0 -2px rgb(205, 205, 205);
	margin: 3%;
	width: 40%;
}

@media only screen and (min-width: 992px) {
	.prod.prod-box {
		margin: 1%;
		width: 23%;
	}
}
.prod-price {
	background-color: #e6e6e6;
	padding-left: 10px;
}
*/
/**
 Nav tabs
 **/
.tab-container {
  margin: 10px auto 20px auto;
}
#product-tab h3 {
  text-transform: uppercase;
  font-size: 20px;
  color: #32323c;
  font-weight: bold;
}
#product-tab p {
  color: #32323c;
  font-size: 15px;
}
.nav-tabs {
  padding-left: 10px;
  border-bottom: 2px solid #50505a;
}
.nav-tabs > li {
  float: left;
  margin-bottom: 0px;
}
.nav-tabs > li > a {
  margin-right: 3px;
  line-height: 1.42857143;
  border: 0;
  border-radius: 0;
  font-size: 21px;
  color: #ffffff;
  background-color: #b9c8c8;
  font-weight: 600;
  padding: 6px 15px;
}
.nav-tabs > li > a > i {
  color: #ffffff !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #fff;
  background-color: #29abe2;
  border: 0;
  border-radius: 0;
  cursor: default;
}
#product-tabs.nav-tabs > li:hover > a {
  color: #29abe2;
}
#product-tabs.nav-tabs > li:hover > a i {
  color: #29abe2 !important;
}
#product-tabs.nav-tabs > li.active:hover > a {
  color: #ffffff;
}
#product-tabs.nav-tabs > li.active:hover > a i {
  color: #ffffff !important;
}
.product-slider-img {
  max-height: 70px;
  margin: 20px auto 20px auto;
}
.product-slider-link {
  text-align: center;
  display: block;
  color: #50505a;
  max-width: 160px;
  margin: 0 auto;
  height: 56px;
  overflow: hidden;
}
.product-slider-link:link,
.product-slider-link:visited {
  color: #50505a;
}
.product-slider-price {
  text-align: center;
}
.product-slider-price .price-regular {
  font-weight: bold;
  font-size: 20px;
}
.list-box-slider {
  /*padding: 0 30px;*/
  margin: 20px 20px 10px 20px;
  overflow: hidden;
}
/*.list-box-slider .slick-arrow {
	top:50%;
	height: 96px;
	width:30px;
	margin-top: -48px;
	background-color: @color-blueish;
	position: absolute;
}

.list-box-slider .slick-prev {
	left: 0px;
}

.list-box-slider .slick-prev i, .list-box-slider .slick-next i {
	line-height: 96px;
	font-size: 40px;
	width: 28px;
	color: #fff;
	cursor: pointer;
}

.list-box-slider .slick-prev i {
	margin-right:2px;
}

.list-box-slider .slick-next i {
	margin-left:2px;
}

.list-box-slider .slick-next {
	right: 0px;
}
*/
/**
 *Footer
 */
footer#footer {
  background-color: #32323c;
  padding: 0 0;
  color: #fff;
  margin-top: 40px;
}
.row > .mh {
  min-height: 300px;
}
footer#footer2 {
  background-color: #fff;
}
footer h2 {
  font-size: 26px;
}
#footer3 {
  background-color: #1d1d1b;
  padding: 18px 0;
}
#footer3 h5 {
  font-weight: bold;
  margin: 0;
  color: #fff;
  line-height: 20px;
}
#footer3 a {
  padding: 0;
  color: #ffffff;
  text-decoration: underline;
  font-size: 14px;
}
footer .shop-location {
  background-color: #787882;
  border: 0;
  padding: 5px 20px 6px 33px;
  font-size: 14px;
  line-height: 16px;
  position: relative;
  display: inline-block;
  /* margin-top: 22px; */
}
footer .shop-location i {
  font-size: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 2px;
}
footer h4 {
  font-size: 20px;
  color: #fff;
  margin-top: 0;
}
footer address {
  min-height: 153px;
  margin-bottom: 5px;
}
footer address,
footer address strong {
  color: #fff;
  font-size: 12px;
}
footer address abbr {
  color: #fff;
}
/* slider fix */
.bx-wrapper .bx-controls-direction a {
  z-index: 980 !important;
}
.table.product {
  border-top: 1px solid #ddeded;
  border-bottom: 1px solid #ddeded;
  padding: 10px 0;
  margin-top: -1px;
  margin-bottom: 0;
}
.table-product .thead {
  background-color: #dbecec;
  display: none;
}
.table-product .thead .t1,
.table-product .thead .t2,
.table-product .thead .t3,
.table-product .thead .t4 {
  padding: 10px 15px;
  text-transform: uppercase;
  font-weight: bold !important;
}
.table-product .t1,
.table-product .t2,
.table-product .t3,
.table-product .t4 {
  width: 50%;
  float: left;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: normal;
  padding: 10px 15px;
}
.table-product .t1 {
  width: 100%;
}
.table-product .t3 {
  width: 70%;
}
.table-product .t2 {
  display: none;
}
.table-product .t4 {
  width: 30%;
  text-align: right;
  line-height: 30px;
}
.table-product .fix {
  clear: both;
  display: block;
  width: 100%;
  height: 1px;
}
@media only screen and (min-width: 768px) {
  .table-product .t1,
  .table-product .t2,
  .table-product .t3,
  .table-product .t4 {
    line-height: 35px;
  }
  .table-product .thead .t1,
  .table-product .thead .t2,
  .table-product .thead .t3,
  .table-product .thead .t4 {
    line-height: normal;
  }
  .table-product .thead {
    display: block;
    margin-bottom: 0px;
  }
  .table-product .fix {
    display: none;
  }
  .table-product .t1 {
    width: 40%;
  }
  .table-product .t2 {
    width: 20%;
    text-align: right;
  }
  .table-product .t3 {
    width: 25%;
    text-align: center;
  }
  .table-product .t4 {
    width: 15%;
  }
}
.row.table {
  table-layout: fixed;
}
.btn-minus,
.btn-plus {
  height: 35px;
  width: 35px;
  text-align: center;
  padding: 0;
  line-height: 44px;
  background-color: #e44e50;
  margin-top: -8px;
}
.btn-plus {
  line-height: 48px;
  background-color: #7bc3f8;
}
.cart-quantity {
  width: 60px !important;
  text-align: right !important;
  display: inline !important;
  padding: 2px 5px !important;
  height: 35px !important;
  font-weight: bold;
  font-size: 20px;
}
.product-progress {
  overflow: hidden;
}
.product-progress .listing-progress {
  position: relative;
  display: block;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .product-progress .listing-progress {
    display: inline-block;
    width: calc(100% - 266px) !important;
    max-width: 100%;
  }
}
.product-progress .current-progress,
.product-progress .next-progress {
  background-color: #29abe2;
  color: #fff;
  width: 46%;
}
.product-progress .current-progress {
  float: left;
}
.product-progress .next-progress {
  background-color: #80bb2b;
  float: right;
}
.product-progress .current-progress.mobile i,
.product-progress .next-progress.mobile i {
  vertical-align: middle;
  display: inline-block;
  width: 20px;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -5px;
}
.product-progress .current-progress.mobile i {
  left: 10px;
}
.product-progress .next-progress.mobile i {
  right: 10px;
}
@media only screen and (min-width: 768px) {
  .product-progress .current-progress,
  .product-progress .next-progress {
    width: 130px;
    height: 130px;
    display: inline-block;
    color: #fff;
    text-align: center;
  }
  .product-progress .current-progress i,
  .product-progress .next-progress i {
    font-size: 5em;
    color: #fff;
    display: block;
    width: 100%;
    margin-top: 10px;
  }
  .product-progress .next-progress i {
    height: 70px;
  }
}
.progress-names {
  padding: 0;
}
.progress-names li {
  float: left;
  display: inline-block;
  text-align: center;
  width: calc(100% / 3);
}
.progress-names li span {
  text-transform: uppercase;
  display: block;
}
.progress-names li span.step-description {
  font-weight: bold;
}
.progress-names:after {
  content: '';
  display: block;
  clear: both;
}
.listing {
  height: 30px;
}
.listing li {
  position: relative;
  float: left;
  width: calc(100% / 3);
  height: 30px;
}
.listing li:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -15px;
  height: 30px;
  width: 30px;
  border-radius: 100%;
  border: 2px solid #dbecec;
  background-color: #fff;
  z-index: 10;
}
.listing li.current:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  height: 20px;
  width: 20px;
  top: 5px;
  border-radius: 100%;
  background-color: #e20613;
  z-index: 11;
}
.right-line,
.full-line,
.left-line {
  position: absolute;
  height: 1px;
  top: 50%;
  margin-top: -1px;
  background-color: #dbecec;
}
.right-line {
  width: 50%;
  left: 50%;
}
.full-line {
  width: 100%;
}
.left-line {
  width: 50%;
  left: 0%;
}
#additional {
  padding-top: 15px;
}
.dodatna-oprema {
  width: 100%;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  min-height: 240px;
}
.dodatna-oprema .oprema-buttons {
  display: block;
  width: 100%;
  padding: 10px 30px 10px 10px;
  background-color: #e6ecec;
  border: 1px solid #b9c8c8;
  margin-bottom: 4px;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
}
.dodatna-oprema .oprema-buttons.active {
  background-color: #80BB2B;
  color: #fff;
}
.dodatna-oprema .oprema-buttons:after {
  content: "prikaži";
  text-transform: lowercase;
  text-decoration: underline;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  display: block;
  position: absolute;
  right: 9px;
  top: 9px;
  width: auto;
  height: 24px;
  color: #28488a;
}
.dodatna-oprema .oprema-buttons.active:after {
  content: "\f061";
  color: #fff;
  display: block;
  position: absolute;
  right: 6px;
  font-family: 'FontAwesome';
  text-decoration: none;
  top: 4px;
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.dodatna-oprema .oprema-slide {
  display: none;
  position: relative;
  right: 0;
  top: 0px;
  width: 100%;
}
.dodatna-oprema .oprema-slide.active {
  display: block;
}
@media only screen and (min-width: 992px) {
  .dodatna-oprema .oprema-buttons {
    width: 40%;
  }
  .dodatna-oprema .oprema-slide {
    width: 55%;
    position: absolute;
  }
}
.multiple-items .slick-prev,
.multiple-items .slick-next {
  top: 0px;
}
/*.dodatna-oprema li {
	display: block;
	padding: 10px 30px 10px 10px;
	background-color: #fff;
	border: 1px solid #b9c8c8;
	margin-bottom: 4px;
	text-transform: uppercase;
	position:relative;
	cursor: pointer;
}


.dodatna-oprema li.active {
	border-color: @color-green;
	background-color: #28488a;
	color: #fff;
}

.dodatna-oprema li:after {
	content: "\f25a";
	display: block;
	position: absolute;
	right: 6px;
	font-family: 'FontAwesome';
	top: 4px;
	width: 24px;
	height: 24px;
	font-size: 24px;
	color: @color-blueish;
}

.dodatna-oprema li.active:after {
	content: "\f05d";
	color: #fff;
}
@media @desktop {
  .dodatna-oprema {
    padding-left: 10px;
  }
}
*/
.rel-prod {
  display: none;
}
.rel-prod.active {
  display: block;
}
/*
*/
.prod-list-box.prod-img {
  float: left;
  width: 25%;
  min-height: 240px;
}
#search-component-2 {
  display: none;
}
@media only screen and (max-width: 991px) {
  #search-component-2.open {
    display: block;
  }
  #search-component-2 input {
    height: 40px;
  }
  #search-component-2 .input-group {
    display: block;
  }
  #search-component-2 #search-top-results {
    box-shadow: none;
  }
  #search-component-2 #search-top-results a {
    color: #32323c !important;
  }
  .form-wrapper {
    position: fixed;
    width: 100%;
    top: 95px;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    border: 4px solid #29abe2;
    background-color: #fff;
    overflow-y: scroll;
  }
  #search-top-results {
    display: block;
    width: 100%;
    padding: 10px 10px;
  }
  #search-top-results .table-cell {
    display: block;
    width: 100% !important;
  }
}
.mobile-nav {
  height: 44px;
}
.mobile-nav > li {
  display: inline-block;
  float: left;
}
.mobile-nav > li > a {
  min-width: 44px;
  height: 44px;
  display: block;
  text-align: center;
  color: #fff;
  position: relative;
}
.mobile-nav > li > a span {
  color: #fff;
}
.mobile-nav > li > a i {
  color: #fff;
  font-size: 24px;
  vertical-align: middle;
  margin-top: -4px;
}
.search.open {
  background-color: #29abe2;
}
.product-responsive-slider {
  overflow: hidden;
}
.product-box {
  float: left;
  position: relative;
}
.product-box .prod-img-box {
  display: block;
  max-width: 150px;
  /*margin: 0 auto;*/
  margin: 0;
}
.product-box .product-image {
  display: block;
  position: relative;
  width: 100%;
  height: 160px;
  white-space: nowrap;
}
.product-box .product-image .helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.product-box .prod-title {
  display: block;
  width: 100%;
  color: #32323c;
  /*min-height: 62px;*/
  height: 38px;
  overflow: hidden;
}
.product-box .product-img-responsive {
  max-height: 160px;
  max-width: 200px;
  height: auto;
  width: auto;
}
.product-box .price-regular {
  font-size: 1.6em;
  font-weight: bold;
  color: #32323c;
}
.product-box .price-action {
  font-size: 1.6em;
  font-weight: bold;
  color: #e20613;
}
.product-box .price-striped {
  font-size: 0.9em;
  font-weight: bold;
  text-decoration: line-through;
  color: #50505a;
}
.product-box .prod-free-shipping {
  display: block;
  position: absolute;
  top: 1px;
  right: 10px;
  width: 25%;
  max-width: 56px;
  color: #000;
  font-size: 10px;
  text-align: center;
}
.product-box .btn.btn-add-to-cart {
  font-size: 18px;
  text-transform: uppercase;
  margin-top: 12px;
}
.category > .product-box {
  margin-bottom: 40px;
}
.slick-dots {
  position: absolute;
  bottom: -45px;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:before {
  font-family: 'FontAwesome';
  font-size: 10px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "\f111";
  text-align: center;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev,
.slick-next,
.bx-prev,
.bx-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 120px;
  display: block;
  width: 35px;
  height: 35px;
  /* margin-top: -17px; */
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: #788282 !important;
  z-index: 999;
  opacity: 1;
  border-radius: 0px;
}
.bx-prev,
.bx-next {
  background-color: #fff !important;
  top: auto !important;
  bottom: 10px !important;
  color: #32323c !important;
}
.bx-prev:hover,
.bx-next:hover {
  background: #e20613 !important;
  color: #ffffff !important;
}
.bx-prev:hover:before,
.bx-next:hover:before {
  color: #ffffff !important;
}
.bx-wrapper .bx-prev {
  left: auto !important;
  right: 49px !important;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  opacity: 1;
  background: #e20613 !important;
}
.slick-prev:before,
.slick-next:before,
.bx-prev:before,
.bx-next:before {
  font-family: 'FontAwesome';
  font-size: 17px;
  color: white !important;
  -webkit-font-smoothing: antialiased;
  display: block;
  -moz-osx-font-smoothing: grayscale;
  width: 35px;
  text-align: center;
  height: 35px;
  line-height: 35px;
}
.slick-prev {
  right: 38px;
}
.slick-prev:before,
.bx-prev:before {
  content: "\f053";
  margin-left: -1px;
  color: #32323c !important;
}
.slick-next {
  right: 0px;
}
.slick-next:before,
.bx-next:before {
  content: "\f054";
  margin-left: 1px;
  color: #32323c !important;
}
.bx-wrapper .bx-controls-direction a {
  text-indent: 0 !important;
  width: 35px !important;
  height: 35px !important;
}
.product-counter {
  position: absolute;
  top: 7px;
  left: 26px;
  width: 18px;
  height: 18px;
  background-color: #e20613;
  line-height: 18px;
  color: #fff;
  border-radius: 10px;
  font-size: 11px;
}
.mobile-cart {
  position: fixed;
  width: 100%;
  min-height: 100px;
  background-color: aquamarine;
  left: 0;
  top: 95px;
}
.slick-prev:before,
.slick-next:before {
  color: #ffffff !important;
}
.product-page .prod-main-img {
  max-width: 100%;
  max-height: 300px;
}
.product-page .prod-main-img .prod-img {
  max-width: 100%;
  max-height: 300px;
  vertical-align: top;
}
.product-page .table {
  display: block;
}
.product-page .table-cell {
  display: block;
  padding: 0 10px;
}
.product-page .image-section {
  width: 100%;
}
.product-page .spec-section {
  width: 100%;
}
.product-page .image-section {
  vertical-align: top;
}
.tab-container .nav.nav-tabs {
  padding-left: 0;
}
.tab-container .nav.nav-tabs li {
  width: 100%;
  display: block;
}
@media only screen and (min-width: 768px) {
  .prod-main-img .prod-img {
    display: block;
    position: relative;
    width: auto !important;
  }
}
@media only screen and (min-width: 768px) {
  .table {
    display: table !important;
  }
  .table-cell {
    display: table-cell !important;
    padding: 0 10px;
  }
  .image-section {
    width: 53% !important;
  }
  .spec-section {
    width: 47% !important;
    vertical-align: middle;
  }
}
@media only screen and (min-width: 992px) {
  .tab-container .nav.nav-tabs {
    padding-left: 10px;
  }
  .tab-container .nav.nav-tabs li {
    width: auto;
    display: inline-block;
  }
  .image-section {
    width: 53%% !important;
    vertical-align: middle !important;
  }
  .spec-section {
    width: 47% !important;
    vertical-align: middle;
  }
  .prod-main-img {
    height: 100%;
    max-width: 600px !important;
    max-height: 600px !important;
  }
  .prod-main-img .prod-img {
    max-width: 100% !important;
    max-height: 100% !important;
  }
}
.gallery-img-sm {
  float: left;
  height: 150px;
  width: 150px;
}
.product.product-page .price-tag .primary {
  font-size: 2em;
}
@media only screen and (min-width: 768px) {
  .product.product-page .price-tag .primary {
    font-size: 2.5em;
  }
}
.product.product-page .extra-info {
  padding-top: 10px;
}
.product.product-page .extra-info span {
  display: inline-block;
  margin-right: 10px;
}
@media only screen and (min-width: 992px) {
  .product.product-page .extra-info span {
    display: block;
    margin-right: 10px;
    text-align: left;
  }
}
@media only screen and (min-width: 1200px) {
  .product.product-page .extra-info span {
    display: block;
    margin-right: 10px;
    text-align: right;
  }
}
.poslovnice {
  background-color: #29abe2;
  padding-top: 0;
  padding-bottom: 0;
  color: #fff;
  border: 2px solid #28348a;
  height: 36px;
  width: 100%;
  max-width: 240px;
  font-size: 22px;
  line-height: 22px;
  display: block;
  position: relative;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 4px;
  /*.caret {
        border-top: 8px dashed #fff;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        position: absolute;
        right: 10px;
        top: 15px;
    }*/
}
.poslovnice option {
  background-color: #fff;
  color: #32323c;
  font-size: 14px;
}
.btn-poslovnice:hover,
.btn-poslovnice:active,
.btn-poslovnice:focus {
  color: #fff;
}
.poslovnice {
  width: 240px;
  border-radius: 0;
  display: block;
  margin: 0 auto;
}
.footer-box {
  margin-bottom: 20px;
}
.footer-box-fix {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .footer-box-fix {
    display: block;
    margin: 0 auto;
    max-width: 190px;
  }
}
@media only screen and (min-width: 480px) {
  .footer-box {
    float: none !important;
    margin: 0 auto !important;
    display: block !important;
    margin-bottom: 20px !important;
    max-width: 260px;
  }
}
@media only screen and (min-width: 768px) {
  .footer-box {
    float: left !important;
    margin: auto !important;
    display: inline-block !important;
    max-width: 190px !important;
    margin-bottom: 20px !important;
  }
  address {
    min-height: 170px !important;
  }
}
@media only screen and (min-width: 992px) {
  address {
    min-height: 156px !important;
  }
}
.sort-options {
  border: 1px solid #9f9f9f;
  background-color: #efefef;
  text-transform: uppercase;
  width: 165px;
}
.sort-options option {
  background-color: #fff;
  padding: 10px 10px;
}
.filter-options {
  border: 1px solid #28348a;
  background-color: #50505a;
  color: #fff;
  text-transform: uppercase;
}
.filter-options option {
  background-color: #fff;
  padding: 10px 10px;
  color: #32323c;
}
.filter-options optgroup {
  background-color: #fff;
  padding: 5px 10px;
  color: #32323c;
}
.a-filters,
.a-filters:visited,
.a-filters:active {
  color: #32323c;
  text-decoration: none;
  display: block;
  padding: 5px 5px 5px 10px;
  text-transform: uppercase;
}
.a-filters:hover {
  color: #ffffff;
  background-color: #80bb2b;
}
.active-filter-tags .label {
  padding: 7px 10px;
  border-radius: 0;
  font-size: 12px;
  display: inline-block;
}
.account-wrapper {
  display: none;
  position: fixed;
  width: 100%;
  top: 95px;
  left: 0;
  box-sizing: border-box;
  border-top: 4px solid #50505a;
  background-color: #32323c;
}
.account-wrapper form {
  padding: 15px 15px 0 15px;
}
.account-wrapper form label {
  color: #fff;
  font-size: 15px;
  line-height: 15px;
  display: block;
  margin-bottom: 10px;
}
.account-wrapper ul {
  padding: 10px 0;
}
.account-wrapper li > a:link {
  display: block;
  padding: 10px 20px;
  text-transform: uppercase;
  line-height: 20px;
}
.account-wrapper li > a:hover {
  background-color: #e20613;
  color: #ffffff;
}
.account-wrapper.open {
  display: block;
}
@media only screen and (min-width: 768px) {
  .account-wrapper {
    position: absolute;
    width: 360px;
    left: auto;
    top: 44px;
    right: 0;
    box-sizing: border-box;
  }
}
.error-msgs {
  background-color: #e20613;
  padding: 0 15px;
}
.error-msgs p {
  color: #fff !important;
  line-height: 20px;
  padding: 5px;
  margin-bottom: 4px;
}
.custom-input {
  margin-top: 6px;
  width: 20px;
  display: block;
  height: 20px;
  margin-left: -27px !important;
}
.bx-wrapper .bx-pager {
  position: absolute !important;
  display: inline-block !important;
  text-align: right !important;
  font-size: 20px !important;
  font-weight: bold !important;
  color: #fff !important;
  bottom: 11px !important;
  right: 100px !important;
  padding-top: 0 !important;
  width: 200px !important;
}
.bx-wrapper {
  position: relative;
  margin: 0 auto 10px !important;
}
.mobile-nav a:link {
  text-decoration: none;
}
.account.open {
  background-color: #50505a;
}
.account-help.open {
  background-color: #e20613;
}
#account-help.open {
  border-top: 4px solid #e20613;
}
.account-login.open {
  background-color: #81358a;
}
#account-login.open {
  border-top: 4px solid #81358a;
}
.account-register.open {
  background-color: #29abe2;
}
#account-register.open {
  border-top: 4px solid #29abe2;
}
@media only screen and (min-width: 992px) {
  .mobile-nav i {
    margin-right: 5px;
  }
  .mobile-nav a {
    padding: 0 10px;
  }
}
*:focus {
  outline: none !important;
}
@media only screen and (min-width: 768px) {
  address {
    min-height: 180px !important;
  }
}
@media only screen and (min-width: 992px) {
  address {
    min-height: 180px !important;
  }
}
/* PRELOADER */
#preloader {
  position: fixed;
  width: 60px;
  height: 60px;
  top: 50%;
  left: 50%;
  z-index: 9999;
}
/* PRELOADER ANIMATION */
.sk-folding-cube {
  margin: 20px auto;
  width: 40px;
  height: 40px;
  position: relative;
  /*
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
  */
}
.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #E20613;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
  animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@keyframes sk-foldCubeAngle {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
/* MARKETING DESCRIPTION TWEEKS */
.marketing p {
  margin-bottom: 2px;
}
.marketing h1,
.marketing h2,
.marketing h3,
.marketing h4 {
  margin-top: 2px;
}