/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2017-10-27, 15:12:45
    Author     : Daniel Cymbalista
*/
/*! nouislider - 10.0.0 - 2017-05-28 14:52:48 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-target {
  position: relative;
  direction: ltr;
  margin: 0px 10px; }

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  /* Fix 401 */ }

.noUi-connect {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0; }

.noUi-origin {
  position: absolute;
  height: 0;
  width: 0; }

.noUi-handle {
  position: relative;
  z-index: 1; }

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; }

.noUi-state-drag * {
  cursor: inherit !important; }

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,
.noUi-handle {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 4px; }

.noUi-horizontal .noUi-handle {
  width: 21px;
  height: 21px;
  left: -11px;
  top: -9px;
  border-radius: 50%; }

.noUi-vertical {
  width: 18px; }

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px; }

/* Styling;
 */
.noUi-target {
  background: #fff;
  border-radius: 4px; }

.noUi-connect {
  background: #3FB8AF;
  border-radius: 4px;
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
  -webkit-transition: background 450ms;
  transition: background 450ms; }

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize; }

.noUi-vertical .noUi-draggable {
  cursor: ns-resize; }

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; }

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; }

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8; }

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed; }

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-pips {
  position: absolute;
  color: #999; }

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center; }

.noUi-value-sub {
  color: #ccc;
  font-size: 10px; }

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC; }

.noUi-marker-sub {
  background: #AAA; }

.noUi-marker-large {
  background: #AAA; }

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%; }

.noUi-value-horizontal {
  -webkit-transform: translate3d(-50%, 50%, 0);
  transform: translate3d(-50%, 50%, 0); }

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px; }

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px; }

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px; }

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%; }

.noUi-value-vertical {
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
  padding-left: 25px; }

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px; }

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px; }

.noUi-marker-vertical.noUi-marker-large {
  width: 15px; }

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap; }

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%; }

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%; }

/* nouislider END */
/* Bootstrap Custom */
.btn-shop, .btn-shop-blue, .btn-shop-green, .nav li {
  -moz-transition: color .15s ease-in, border-color .15s ease-in, background-color .15s ease-in;
  -o-transition: color .15s ease-in, border-color .15s ease-in, background-color .15s ease-in;
  -webkit-transition: color .15s ease-in, border-color .15s ease-in, background-color .15s ease-in;
  transition: color .15s ease-in, border-color .15s ease-in, background-color .15s ease-in; }

body {
  font-family: 'Lato', sans-serif; }

img {
  max-width: 100%;
  height: auto; }

a, button, input {
  color: #3d3d3d; }
  a:active, a:hover, a:focus, button:active, button:hover, button:focus, input:active, input:hover, input:focus {
    outline-color: transparent !important; }
  a:hover, a:focus, button:hover, button:focus, input:hover, input:focus {
    color: #3d3d3d; }

.row-thin {
  margin-right: -5px;
  margin-left: -5px; }
  .row-thin > .col-tn-1, .row-thin > .col-xxs-1, .row-thin > .col-xs-1, .row-thin > .col-sm-1, .row-thin > .col-md-1, .row-thin > .col-lg-1, .row-thin > .col-tn-2, .row-thin > .col-xxs-2, .row-thin > .col-xs-2, .row-thin > .col-sm-2, .row-thin > .col-md-2, .row-thin > .col-lg-2, .row-thin > .col-tn-3, .row-thin > .col-xxs-3, .row-thin > .col-xs-3, .row-thin > .col-sm-3, .row-thin > .col-md-3, .row-thin > .col-lg-3, .row-thin > .col-tn-4, .row-thin > .col-xxs-4, .row-thin > .col-xs-4, .row-thin > .col-sm-4, .row-thin > .col-md-4, .row-thin > .col-lg-4, .row-thin > .col-tn-5, .row-thin > .col-xxs-5, .row-thin > .col-xs-5, .row-thin > .col-sm-5, .row-thin > .col-md-5, .row-thin > .col-lg-5, .row-thin > .col-tn-6, .row-thin > .col-xxs-6, .row-thin > .col-xs-6, .row-thin > .col-sm-6, .row-thin > .col-md-6, .row-thin > .col-lg-6, .row-thin > .col-tn-7, .row-thin > .col-xxs-7, .row-thin > .col-xs-7, .row-thin > .col-sm-7, .row-thin > .col-md-7, .row-thin > .col-lg-7, .row-thin > .col-tn-8, .row-thin > .col-xxs-8, .row-thin > .col-xs-8, .row-thin > .col-sm-8, .row-thin > .col-md-8, .row-thin > .col-lg-8, .row-thin > .col-tn-9, .row-thin > .col-xxs-9, .row-thin > .col-xs-9, .row-thin > .col-sm-9, .row-thin > .col-md-9, .row-thin > .col-lg-9, .row-thin > .col-tn-10, .row-thin > .col-xxs-10, .row-thin > .col-xs-10, .row-thin > .col-sm-10, .row-thin > .col-md-10, .row-thin > .col-lg-10, .row-thin > .col-tn-11, .row-thin > .col-xxs-11, .row-thin > .col-xs-11, .row-thin > .col-sm-11, .row-thin > .col-md-11, .row-thin > .col-lg-11, .row-thin > .col-tn-12, .row-thin > .col-xxs-12, .row-thin > .col-xs-12, .row-thin > .col-sm-12, .row-thin > .col-md-12, .row-thin > .col-lg-12 {
    padding-right: 5px;
    padding-left: 5px; }

.navbar {
  border-radius: 0; }

.navbar-brand {
  font-weight: 300;
  font-size: 14px; }

.navbar-inverse {
  background-image: none;
  background-color: rgba(244, 143, 151, 0.8);
  border-color: transparent; }
  .navbar-inverse .navbar-toggle, .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #e47F87; }
  .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #e47F87; }
  .navbar-inverse .navbar-brand,
  .navbar-inverse .navbar-nav > li > a {
    color: #fff; }
  .navbar-inverse .navbar-nav > li:hover, .navbar-inverse .navbar-nav > li:focus, .navbar-inverse .navbar-nav > li.active {
    background-color: #e47F87; }

.navbar-logout {
  padding: 0 10px !important;
  color: #a00;
  font-size: 24px;
  line-height: 32px; }

@media (min-width: 992px) {
  .navbar-inverse .navbar-nav > li > a {
    padding-right: 10px; }

  .navbar-inverse .navbar-nav > li:not(:first-child) > a {
    padding-left: 10px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .navbar-inverse .navbar-nav > li > a {
    padding-right: 5px; }

  .navbar-inverse .navbar-nav > li > a {
    padding-left: 5px; } }
.btn {
  border-radius: 50px;
  text-transform: uppercase;
  font-weight: 700; }

.btn-shop {
  border: 1px solid #fff;
  color: #fff; }
  .btn-shop:hover, .btn-shop:focus {
    background-color: #a4d05f;
    border-color: #a4d05f; }

.btn-shop-green {
  background-color: #a4d05f;
  color: #3d3d3d; }
  .btn-shop-green:hover, .btn-shop-green:focus {
    background-color: #f48f97; }

.btn-shop-blue {
  background-color: #25a2a6;
  color: #3d3d3d; }
  .btn-shop-blue:hover, .btn-shop-blue:focus {
    background-color: #f48f97; }

.font-light {
  font-weight: 300; }

.font-black {
  font-weight: 900; }

h1 {
  margin-top: 30px;
  margin-bottom: 20px; }

input {
  outline: none; }

.panel {
  border-radius: 20px;
  /*h1,h2,h3,h4,h5,h6 { margin-top: 0; }*/ }
  .panel .panel-heading {
    border-radius: 19px 19px 0 0; }

.panel-green {
  border-color: #a4d05f; }
  .panel-green > .panel-heading {
    color: #fff;
    background-color: #a4d05f;
    border-color: #a4d05f; }

.panel-blue {
  border-color: #25a2a6; }
  .panel-blue > .panel-heading {
    color: #3d3d3d;
    background-color: #25a2a6;
    border-color: #25a2a6; }

.panel-pink {
  border-color: #e47F87; }
  .panel-pink > .panel-heading {
    color: #3d3d3d;
    background-color: #e47F87;
    border-color: #e47F87; }

.list-group {
  border-radius: 20px; }
  .list-group .list-group-item:first-child {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px; }
  .list-group .list-group-item:last-child {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px; }

.form-control-shop-text {
  height: 42px;
  padding: 8px 25px 8px 15px;
  border-radius: 21px;
  line-height: 26px; }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: #25a2a6;
  border-color: #25a2a6; }

.pagination > li > a, .pagination > li > span {
  color: #25a2a6; }

.control-label {
  padding: 6px 12px; }

.color-blue {
  color: #25a2a6; }

.soft-hide {
  display: none; }

#fixed-message {
  position: fixed;
  bottom: 100%;
  left: 0;
  right: 0;
  z-index: 100;
  opacity: 0;
  transition: all 500ms ease-out; }
  #fixed-message.show {
    opacity: 1;
    transform: translateY(100%); }

.no-margin-top {
  margin-top: 0; }

/* Bootstrap Custom END */
/* HTTP Errors */
.error-template {
  padding: 40px 15px;
  text-align: center; }

.error-actions {
  margin-top: 15px;
  margin-bottom: 15px; }

.error-actions .btn {
  margin-right: 10px; }

/* HTTP Errors END */
/* SLIDER */
.flexslider {
  bottom: -35px;
  margin-top: -25px; }
  .flexslider .flex-control-nav {
    display: block;
    bottom: 0;
    z-index: 10; }
  .flexslider .flex-control-paging li a {
    background: #f48f97; }
    .flexslider .flex-control-paging li a.flex-active {
      background: #a4d05f; }
  .flexslider .slides li {
    overflow: hidden;
    border-radius: 25px; }
    .flexslider .slides li:before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      border-radius: 25px;
      content: " ";
      background: rgba(0, 0, 0, 0.2);
      background: -webkit-linear-gradient(15deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.1));
      background: -o-linear-gradient(15deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.1));
      background: -moz-linear-gradient(15deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.1));
      background: linear-gradient(15deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.1)); }

.slider-label {
  position: absolute;
  top: 85px;
  right: 0;
  background: #a4d05f;
  text-transform: uppercase;
  padding: 20px 100px;
  transform: rotate(45deg) translateX(50%);
  transform-origin: 100% -85px;
  font-size: 1.4em;
  font-weight: 700;
  color: #fff; }

.slider-content {
  color: #fff;
  position: absolute;
  bottom: 10%;
  left: 2%; }
  .slider-content .title {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 2.2em;
    text-shadow: 2px 2px 5px #000;
    line-height: 100%; }
  .slider-content .subtitle {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 3.8em;
    text-shadow: 2px 2px 5px #000;
    line-height: 100%; }
  .slider-content a {
    font-size: 1.5em; }
  .slider-content hr {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    margin: 4% 0; }

@media (max-width: 1199px) {
  .slider-content {
    font-size: 1vw; }

  .slider-label {
    font-size: 1.0em;
    padding: 15px 100px;
    top: 65px;
    transform-origin: 100% -65px; } }
@media (max-width: 480px) {
  .slider-content {
    font-size: 4.5px; }

  .slider-label {
    font-size: 0.6em;
    padding: 8px 100px;
    top: 30px;
    transform-origin: 100% -30px; } }
/* SLIDER END */
/* Header */
.header {
  background: url("../img/bg-head.jpg") top center no-repeat;
  margin-bottom: 50px;
  font-weight: 300;
  position: relative; }
  .header:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.4);
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0.8) 0, rgba(255, 255, 255, 0) 600px, transparent);
    background: -o-linear-gradient(rgba(255, 255, 255, 0.8) 0, rgba(255, 255, 255, 0) 600px, transparent);
    background: -moz-linear-gradient(rgba(255, 255, 255, 0.8) 0, rgba(255, 255, 255, 0) 600px, transparent);
    background: linear-gradient(rgba(255, 255, 255, 0.8) 0, rgba(255, 255, 255, 0) 600px, transparent); }

.row-header > div {
  margin-bottom: 10px; }
.row-header .logo {
  line-height: 55px; }
  .row-header .logo img {
    max-width: 100%; }

.form-search {
  position: relative;
  border: 1px solid #d3d3d3;
  border-radius: 27px;
  background-color: #fff;
  padding: 10px 50px 10px 20px; }
  .form-search input[type="text"] {
    border: none;
    width: 100%;
    height: 29px;
    font-weight: 300;
    font-style: italic;
    font-size: 18px; }
  .form-search button {
    position: absolute;
    top: 2px;
    bottom: 2px;
    right: 2px;
    display: block;
    background: none;
    border: none;
    padding: 0; }
    .form-search button img {
      height: 100%;
      width: auto; }

.user-links {
  display: table;
  margin-left: auto;
  margin-right: 0; }
  .user-links .user-link {
    display: table-cell;
    font-style: italic;
    font-weight: 300;
    font-size: 16px; }
    .user-links .user-link > * {
      display: table-cell;
      vertical-align: middle; }
      .user-links .user-link > *:not(:last-child) {
        padding-right: 5px; }
    .user-links .user-link:not(:last-child) {
      padding-right: 8px; }

/* Header END */
/* Categories */
.categories {
  border-top: 1px solid rgba(31, 31, 31, 0.2);
  border-bottom: 1px solid rgba(31, 31, 31, 0.2);
  font-size: 20px;
  font-weight: 700; }
  .categories .categories-label {
    position: relative;
    padding: 15px 0; }
  .categories > ul {
    list-style: none;
    margin: 0;
    padding: 0 0;
    position: relative;
    z-index: 11;
    -moz-transition: background-color 0s;
    -o-transition: background-color 0s;
    -webkit-transition: background-color 0s;
    transition: background-color 0s; }
    .categories > ul > li {
      position: relative;
      display: inline-block; }
      .categories > ul > li:not(:last-child) {
        margin-right: 20px; }
      .categories > ul > li a {
        display: inline-block;
        padding: 3px 0; }
      .categories > ul > li > a {
        padding: 15px 0; }
      .categories > ul > li ul {
        list-style: none;
        padding: 0; }
        .categories > ul > li ul li {
          position: relative; }
  .categories .expander {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 32px;
    height: 32px;
    float: right;
    background-image: url("../img/expander.png");
    background-size: auto 100%; }
    .categories .expander.expander-open {
      background-position-x: -100%; }
    .categories .expander.cat-hb {
      top: 10px; }

@media (min-width: 768px) {
  .categories .expander {
    display: none; }
  .categories > ul {
    display: block !important; }
    .categories > ul > li:hover > ul {
      display: block !important; }
  .categories li ul {
    position: absolute;
    display: none !important;
    background: rgba(244, 143, 151, 0.8);
    white-space: nowrap; }
    .categories li ul li {
      padding: 0 5px; }
      .categories li ul li:not(:last-child) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.6); } }
@media (min-width: 768px) and (max-width: 1199px) {
  .categories {
    font-size: 16px; }
    .categories ul > li:not(:last-child) {
      margin-right: 10px; } }
@media (max-width: 767px) {
  .categories {
    font-size: 16px; }
    .categories > ul {
      background: rgba(244, 143, 151, 0.8); }
      .categories > ul > li:not(:last-child) {
        margin-right: 0px; }
    .categories ul {
      display: none; }
      .categories ul li {
        display: block;
        padding-left: 10px; }
        .categories ul li a {
          display: block;
          padding: 10px 0;
          margin-right: 37px; } }
/* Categories END */
/* Age Categories */
.age-cats {
  margin-bottom: 10px; }
  .age-cats .age-cat-box {
    display: block;
    text-align: center;
    padding-top: 149px;
    border-radius: 20px;
    border: 1px solid #fddd62;
    background-position: center top;
    margin-bottom: 10px; }
    .age-cats .age-cat-box div {
      background: #fddd62;
      border-radius: 20px;
      color: #3d3d3d;
      font-weight: 700;
      font-size: 24px;
      padding: 10px 0;
      margin: -1px;
      white-space: nowrap; }
  .age-cats > div:nth-child(2) .age-cat-box {
    border-color: #a4d05f; }
    .age-cats > div:nth-child(2) .age-cat-box div {
      background: #a4d05f; }
  .age-cats > div:nth-child(3) .age-cat-box {
    border-color: #25a2a6; }
    .age-cats > div:nth-child(3) .age-cat-box div {
      background: #25a2a6; }
  .age-cats > div:nth-child(4) .age-cat-box {
    border-color: #f48f97; }
    .age-cats > div:nth-child(4) .age-cat-box div {
      background: #f48f97; }
  .age-cats > div:nth-child(5) .age-cat-box {
    border-color: #f8c3c8; }
    .age-cats > div:nth-child(5) .age-cat-box div {
      background: #f8c3c8; }
  .age-cats > div:nth-child(6) .age-cat-box {
    border-color: #82daea; }
    .age-cats > div:nth-child(6) .age-cat-box div {
      background: #82daea; }

@media (max-width: 479px) {
  .age-cats .age-cat-box {
    padding-top: 100px; }
    .age-cats .age-cat-box div {
      font-size: 18px; } }
/* Age Categories END */
/* Products */
.product-box {
  border: 1px solid #d3d3d3;
  border-radius: 25px;
  padding: 20px;
  margin-bottom: 10px; }
  .product-box > a {
    display: block; }
  .product-box .product-img {
    text-align: center;
    margin-bottom: 10px; }
    .product-box .product-img img {
      max-width: 100%;
      display: inline-block;
      vertical-align: middle; }
    .product-box .product-img:before {
      content: " ";
      height: 100%;
      display: inline-block;
      width: 0;
      vertical-align: middle; }
  .product-box .product-price {
    margin: 5px 0;
    color: #25a2a6;
    font-weight: 700;
    font-size: 16px; }
    .product-box .product-price del {
      font-weight: 300;
      color: #3d3d3d; }

.product-page .btn {
  margin-bottom: 10px; }
.product-page .price {
  color: #25a2a6;
  font-weight: 700;
  font-size: 25px; }
  .product-page .price del {
    font-weight: 300;
    color: #3d3d3d; }
.product-page .product-title {
  margin-top: 0; }
.product-page .price-section {
  margin-bottom: 10px; }
.product-page .product-info table tr:first-child td {
  border: none; }
.product-page .product-info table tr td:first-child {
  padding-left: 0; }
.product-page .product-info table tr td:last-child {
  padding-right: 0; }
.product-page .product-page-left {
  margin-bottom: 15px; }

.product-quantity {
  display: inline-block;
  padding-right: 10px;
  margin-bottom: 10px;
  white-space: nowrap; }
  .product-quantity.product-quantity-basket {
    display: block;
    padding-right: 0; }
  .product-quantity > * {
    display: inline-block; }
  .product-quantity input {
    border-radius: 0;
    width: auto;
    text-align: center;
    padding: 0;
    width: 30px; }
  .product-quantity span {
    padding: 7px;
    width: 25px;
    text-align: center;
    background-color: #25a2a6;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .product-quantity span:first-child {
      border-radius: 50px 0 0 50px; }
    .product-quantity span:last-child {
      border-radius: 0 50px 50px 0; }

@media (max-width: 479px) {
  .product-box-img {
    display: inline-block;
    width: 30%;
    vertical-align: middle;
    padding-right: 10px; }

  .product-box-desc {
    display: inline-block;
    width: 70%;
    vertical-align: middle; }
    .product-box-desc .btn-lg {
      font-size: 14px;
      padding: 6px 12px; } }
/* Products END */
/* PRODUCT GALLERY */
#default_gallery {
  margin-bottom: 30px; }

#default_gallery .image-thumb {
  padding: 0;
  float: left;
  padding-right: 1em;
  width: 16%; }

.image-thumb {
  padding: 0 40px; }

#default_gallery .image {
  float: left;
  width: 84%;
  background: none; }

#default_gallery .image {
  /*background-color: #efeeee; width: 100%;*/
  overflow: hidden;
  border: 1px solid #dddddd;
  margin-bottom: 1px; }

#default_gallery .image img {
  width: auto;
  vertical-align: top;
  width: 100% !important;
  height: auto !important;
  display: block;
  position: relative !important; }

#default_gallery img {
  background-color: #fff;
  width: 100%; }

/* \PRODUCT GALLERY */
/* Banners */
.row-banners {
  margin-top: 48px;
  margin-bottom: 40px; }

.banner {
  font-size: 48px;
  color: #fff;
  font-weight: 700;
  border-radius: 25px;
  margin-bottom: 10px; }
  .banner.banner-prod {
    position: relative;
    padding: 49px 40px; }
    .banner.banner-prod.banner-new {
      background: url("../img/box-new.jpg") left center; }
    .banner.banner-prod.banner-promo {
      background: url("../img/box-promo.jpg") left center; }
    .banner.banner-prod.banner-contact {
      background: url("../img/box-contact.jpg") right -25px center; }
    .banner.banner-prod:before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      border-radius: 25px;
      content: " ";
      background: rgba(0, 0, 0, 0.2);
      background: -webkit-linear-gradient(70deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
      background: -o-linear-gradient(70deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
      background: -moz-linear-gradient(70deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
      background: linear-gradient(70deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)); }
    .banner.banner-prod .banner-prod-content {
      position: relative;
      z-index: 2; }
  .banner.banner-solid {
    /*height: 156px;*/
    text-align: center;
    padding: 43px 0; }
    .banner.banner-solid.banner-allegro {
      background: #ff5800; }
    .banner.banner-solid.banner-offer {
      background: #82daea; }

@media (max-width: 767px) {
  .banner.banner-prod {
    padding-left: 15px;
    padding-right: 15px; } }
@media (max-width: 479px) {
  .banner {
    font-size: 35px; }
    .banner.banner-prod {
      padding: 15px 5%; }
    .banner.banner-solid {
      font-size: 19px;
      text-align: left;
      padding: 15px 5%;
      line-height: 45px; }
    .banner .btn {
      float: right; } }
/* Banners END */
/* Search Section */
.search-box {
  background: #fddd62;
  padding: 20px 15px;
  font-weight: 300;
  border-radius: 20px; }

.search-section {
  background: #fddd62;
  padding: 55px 0;
  font-weight: 300; }
  .search-section .search-section-label {
    font-size: 23px;
    text-transform: uppercase;
    position: absolute;
    bottom: -47px; }
  .search-section .row [class*='col-'] {
    margin: 3px 0; }
  .search-section label {
    font-weight: 300; }
  .search-section button[type="submit"] {
    float: right;
    margin-top: -37px;
    background: no-repeat;
    border: none;
    padding: 0; }

@media (max-width: 480px) {
  .search-section .search-section-label {
    position: static; } }
label.search-cbx {
  background: #a4d05f;
  display: block;
  border-radius: 50px;
  cursor: pointer; }
  label.search-cbx > * {
    vertical-align: middle; }
  label.search-cbx input[type="checkbox"] {
    visibility: hidden;
    position: absolute;
    float: left; }
  label.search-cbx i {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 34px;
    margin: 4px;
    border-radius: 50%;
    background: #f48f97; }
  label.search-cbx input[type="checkbox"]:checked + i::after {
    content: ' ';
    position: absolute;
    display: block;
    top: 4px;
    left: 4px;
    bottom: 4px;
    right: 4px;
    background: #fff;
    border-radius: 50%; }
  label.search-cbx span {
    display: inline-block; }

.price-slider {
  margin-top: 10px; }

.range-slider {
  margin-right: 53px; }

/* Search Section END */
/* Footer */
footer {
  background: #ddd;
  color: #4e4e4e;
  font-weight: 300;
  padding: 60px 0; }
  footer h4 {
    font-size: 17px;
    font-weight: 700; }
  footer a {
    color: #4e4e4e; }

/* Footer END */
/* Input Select shop */
.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px; }

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #3d3d3d;
  width: 100%;
  height: 42px; }

.select-styled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  padding: 8px 25px 8px 15px;
  border-radius: 21px;
  line-height: 26px;
  overflow: hidden; }
  .select-styled:after {
    content: "";
    width: 15px;
    height: 15px;
    border-bottom: 1px solid #3d3d3d;
    border-left: 1px solid #3d3d3d;
    position: absolute;
    top: 12px;
    right: 14px;
    transform-origin: 5px 10px;
    transform: rotate(-45deg); }
  .select-styled:active:after, .select-styled.active:after {
    transform: rotate(135deg); }

.select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  border-radius: 21px;
  background-color: #fff;
  border: 1px solid #a4d05f; }
  .select-options li {
    margin: 0;
    padding: 8px 15px;
    border-radius: 21px; }
    .select-options li:hover {
      background: #a4d05f; }
    .select-options li[rel="hide"] {
      display: none; }

/* Input Select shop END */
/* Cookie alert */
.cookiealert {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  z-index: 999;
  opacity: 0;
  padding: 10px;
  border-radius: 0;
  background: rgba(25, 25, 25, 0.9);
  transform: translateY(100%);
  transition: all 500ms ease-out;
  color: #ecf0f1; }
  .cookiealert.show {
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 1000ms; }
  .cookiealert a {
    text-decoration: underline; }
    .cookiealert a:hover, .cookiealert a:focus {
      color: #fff; }
  .cookiealert .acceptcookies {
    margin-left: 10px;
    vertical-align: baseline; }

/* Cookie alert END */
/* Top button */
#top {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  border: 1px solid #25a2a6;
  border-radius: 100px;
  color: #25a2a6;
  padding: 5px 9px;
  background: #fff;
  cursor: pointer;
  transition: color 300ms, border-color 300ms; }
  #top:hover {
    color: #3d3d3d;
    border-color: #3d3d3d; }

/* Top button END */
/* Compare */
.table.table-compare > tbody > tr > td {
  white-space: normal; }
  .table.table-compare > tbody > tr > td:not(:first-child) {
    min-width: 205px; }

/* Compare END */
/* Basket */
.table.table-basket > tbody > tr > td:first-child {
  min-width: 80px; }
.table.table-basket > tbody > tr > td:nth-child(2) {
  white-space: normal; }

/* Basket END */

/*# sourceMappingURL=main.css.map */
