/* === REM BASE + GLOBAL DEFAULTS === */
html {
  font-size: 16px;                /* 1rem = 16px */
  -webkit-text-size-adjust: 100%; /* zabráni automatickému zväčšovaniu textu (iOS/Safari) */
  text-size-adjust: 100%;
}

/* horizontálne pretekanie vypnuté globálne */
html, body {
  overflow-x: hidden;
}

/* stav pri otvorenom overlaji/menu */
html.open,
.open body {
  overflow: hidden;
}

/* telo stránky */
body {
  margin: 0;
  padding: 0;
  background: #fff;               /* pôvodné pozadie */
  color: #222;
  min-width: 320px;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 1rem;                /* = 16px (viaže sa na html) */
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*
.disabled {
  overflow: hidden!important;
}
*/

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
}

h1 {
  font-size:1.6875rem;
}

@media only screen and (min-width: 768px) {
  h1 {
  font-size:2.25rem;
  }
}

h1,
h2,
h3 {
  margin-top: 20px;
  z-index: 1;
}

/* heading */
.box-heading {
  margin: 0 0 20px;
  width: 100%;
  border-bottom: 2px solid #e5e5e5;
}

.box-heading>h3::before {
  background: #03a9f4;
  content: "";
  bottom: -2px;
  top: auto;
  width: 85px;
  height: 3px;
  position: absolute;
  left: 0;
  right: auto;
  -webkit-transition: width 2s;
  -moz-transition: width 2s;
  -ms-transition: width 2s;
  -o-transition: width 2s;
  transition: width 2s;
}

.product-title:after {
  flex: 1 1 auto;
  content: '';
  margin: 0 0 0 15px;
  border-bottom: solid 2px rgba(0, 0, 0, .08);
}

.product-title {
  display: flex;
  align-items: center;
  font-size:1.125rem;
  font-weight: 700;
  text-transform: uppercase;
  /* background: #f3f5f7; */
  padding: 20px;
  margin-bottom: 1px;
}

.container-main:hover .box-heading>h3::before {
  width: 100%;
}

.title>h3 {
  color: #000;
  display: inline-block;
  float: none;
  /* font: 700 1.25rem/36px Open Sans, sans-serif; */
  font-weight: 700;
  margin: 0;
  margin-bottom: 5px;
  position: relative;
  /*text-transform: capitalize;*/
  text-transform: uppercase;
  width: auto;
  height: 50px;
  max-height: 50px;
  letter-spacing: 0.4px;
  z-index: 1;
  padding: 6px 10px;
  overflow: hidden;
}

body.modal-open {
  overflow: inherit;
  padding-right: 0 !important;
}

a:hover {
  text-decoration: none;
}

svg:not(:root) {
  vertical-align: middle;
}

.nav.nav-tabs li.active a svg {
  fill: #fff;
}

.nav.nav-tabs li.active a {
  background-color: #212529;
  color: #fff;
}

#content {
  min-height: 600px;
}

@media (min-width: 1200px) {
  #content.col-sm-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
  max-width: 80%;
  }

  #content.col-sm-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%;
  }
}

.fa {
  font-size:1.5625rem;
  display: inline-block;
  width: 1em;      /* rezervuje šírku podľa font-size */
  height: 1em;     /* rezervuje výšku podľa font-size */
  line-height: 1;  /* aby sa to neprekrývalo */
  text-align: center;
}

img {
  margin: 0 auto;
}

img.gif-responsive {
  max-width: 100%;
  max-height: 300px; /* alebo iné číslo podľa potreby */
  height: auto;
  display: block;
}

label {
  margin-bottom: 10px;
  text-transform: uppercase;

}

.open .fa-caret-down,
.open .caret {
  transform: rotate(180deg);
  transition: all 0.2s;
}

.items-not-empty {
  text-align: center;
  padding: 3rem 0;
  color: #999;
  font-size:0.875rem;
}

.caret,
.fa-caret-down {
  transition: all 0.2s;
}

.content-bg-white {
  background: #fff;
}

ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

:focus {
  outline: none !important;
}

/* Display company custom fields */
.hidden-custom-field {
  display: none !important;
}

#collapse-shipping-address .custom-field {
  display: none;
}
/* Display company custom fields */

.well {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-top: 2px solid #03a9f4;
  margin-bottom: 30px;
  padding: 30px;
  border-radius: 0;
  box-shadow: none;
}

.well .heading {
  margin-bottom: 20px;
}

.well .heading:before,
.well .heading:after {
  display: table;
  content: "";
  line-height: 0;
}

.well .heading:after {
  clear: both;
}

.well .heading i {
  color: #03a9f4;
  float: left;
  font-size:3.5rem;
  margin-right: 14px;
  line-height: 60px;
}

.well .heading h2 {
  font-size:1.875rem;
  color: #333;
  margin: 0 0 5px;
}

.well .heading strong {
  font-weight: normal;
  font-style: italic;
}

.well p {
  border-bottom: 1px solid #e0e0e0;
  padding: 20px 0;
}

.well a {
  display: inline-block;
  margin-top: 20px;
}

input:focus::-webkit-input-placeholder {
  color: transparent;
}

input:focus:-moz-placeholder {
  color: transparent;
}

input:focus::-moz-placeholder {
  color: transparent;
}

input:focus:-ms-input-placeholder {
  color: transparent;
}

.form-control {
  height: 40px;
  box-shadow: none;
}

/* Display custom form-control */
.form-control {
  display: block;
  width: 100%;
  padding: 6px 14px;
  font-size:1rem;
  height: 42px;
  font-weight: 400;
  line-height: 1.5;
  color: #222;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-clip: padding-box;
  /* border-radius: 12px; */
  border: 1px solid #fff;
  background: #f5f5f5;
}
/* Display custom form-control */

.form-group select {
  box-shadow: none;
}

.nav-tabs {
  border: none;
}

.nav-tabs>li>a {
  border-radius: 3px;
  border: 0;
  font-weight: 700;
  color: #4c4c4c;
  font-size:0.9375rem;
}

@media only screen and (max-width:480px) {
  .nav-tabs>li {
  float: none;
  text-align: center;
  }
}

.nav-tabs>li>a:hover {
  border-color: transparent;
  color: #000;
}

.nav-tabs>.active>a,
.nav-tabs>.active>a:focus,
.nav-tabs>.active>a:hover,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
  border: 0;
  color: #fff;
  background-color: #24303e;
  box-shadow: inset 0 0 50px rgba(0, 0, 0, .26);
}

div.required .control-label:before {
  content: '* ';
  color: red;
  font-weight: 700;
}

/* header */

.header {
  position: relative;
  margin: 0px auto 20px;
}

@media screen and (max-width: 1024px) {
  .header>.container {
  padding: 0;
  }
}

/* 
.header {
  position: relative;
  margin: 20px auto 20px; 
  margin: 1px auto 20px;
  height: 120px;
  max-width: 1575px; 
  padding: 0 15px;
}

@media screen and (min-width: 1274px) {
  .header {
  padding: 15px 15px;
  }
}

@media screen and (max-width: 1560px) and (min-width: 1274px) {
  .header {
  margin: 20px auto;
  }
}


@media screen and (max-width: 1024px) {
  .header {
  height: 45px;
  margin: 0 0 65px!important;
  min-width: 0;
  padding: 0;
  }
}

@media screen and (max-width: 730px) {
  .header {
  height: 65px;
  padding: 0;
  }
}

@media screen and (max-width: 533px) {
  .header {
  height: 100px;
  }
}
*/

.header-fixed {
  -webkit-box-shadow: 0 1px 10px 0 rgba(104, 104, 104, .1);
  box-shadow: 0 1px 10px 0 rgba(104, 104, 104, .1);
  /* max-width: 1575px; */
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: -webkit-transform .3s ease-out;
  -moz-transition: -moz-transform .3s ease-out;
  -o-transition: -o-transform .3s ease-out;
  transition: transform .3s ease-out;
  z-index: 888;
  position: relative;
}

@media screen and (max-width: 1560px) and (min-width: 1274px) {
  .header-fixed {
  width: auto;
  }
}

@media screen and (max-width: 1024px) {
  .header-fixed {
  margin: 0;
  min-width: 0;
  }
}

.header-inside {
  height: 61px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background: #fff;
  z-index: 1000;
  display: flex;
  /* justify-content: space-around; */
  justify-content: space-between;
  /* justify-content: space-evenly; */
  align-items: center;
}

@media screen and (min-width: 1274px) {
  .header-inside {
  height: 61px;
  }
}

@media screen and (max-width: 1024px) {
  .header-inside {
  height: 45px;
  }
}

.header-logo {
  position: relative;
  display: inline-block;
  margin-left: 0px;
  max-width: 230px;
  /* max-width: 12.834821428571429vw; */
}

.header-logo h1 {
  margin: 0;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .header-logo {
  margin-left: 0px;
  }

  .header-logo h1 {
  font-size:1.5625rem;
  padding-top: 6px;
  }
}

@media screen and (max-width: 533px) {
  .header-logo {
  margin-left: 0px;
  display: none;
  }
}

@media screen and (max-width: 1024px) {
  .header-logo img {
  width: 175px;
  }
}

.header-mobile-logo {
  background: #fff;
  display: block;
  border-bottom: 1px solid #ededed;
}

@media screen and (min-width: 534px) {
  .header-mobile-logo {
  display: none;
  }
}

.header-cell {
  position: relative;
  display: flex;
  height: 100%;
  justify-content: center;
  transition: background .2s ease-in-out;
  align-items: center;
}

.header-info {
  position: relative;
  top: -60px;
  height: 0px;
  line-height: 20px;
  font-size:1.0625rem;
  font-weight: 700;
}

@media screen and (max-width: 800px) and (min-width: 330px) {

  .header-info,
  .top-navigation-contacts {
  display: none;
  }
}

/* === pôvodné štýly, ponechané === */
.shop-time {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  background: #fff;
  max-width: 360px;
  font-family: inherit;
}

/* ikonka – kruh s hodinami */
.shop-time-icon {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #000; /* default */
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

/* text */
.shop-time-text { display: flex; flex-direction: column; line-height: 1.2; }
.shop-time-hours { font-weight: 700; font-size: 14px; color: #000; }
.shop-time-sub   { font-size: 12px; color: #64748b; }

/* bodka */
.status-dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 6px; }
.status-open  { background: #28a745; } /* zelená */
.status-closed{ background: #dc3545; } /* červená */

/* NOVÉ: farbenie ikonky podľa stavu (kruh + symbol hodiniek) */
.shop-time.is-open  .shop-time-icon { background: #28a745; color: #fff; }
.shop-time.is-closed .shop-time-icon { background: #dc3545; color: #fff; }

/* Responsivita */
@media (max-width: 992px) { .shop-time-sub { display: none; } }
@media (max-width: 767px) { .shop-time { display: none; } }
.phone-link {
  text-decoration: none;
  color: #000;
  font-weight: 700;
}

.phone-link:hover {
  color: #204d74;
}

.header-top-phone {
  font-size:0.875rem;
  /* background: 21px center no-repeat #5B8099; */
  background: 21px center no-repeat #e1e5ed;
  padding: 0 15px;
  position: relative;
  transition: all .3s;
  display: flex;
  align-items: center;
}

.header-top-phone:before {
  position: absolute;
  display: block;
  border: 30px solid transparent;
  border-left: 5px solid #fff;
  width: 0;
  top: 0;
  left: 0;
  content: '';
}

.header-top-phone:hover,
.header-top-phone:focus {
  color: #fff;
  background: #ebde32;
}

.header-phone__dropdown {
  background-color: #fff;
  width: 335px;
  top: 100%;
  padding: 30px;
}

.header-attention {
  position: relative;
  background: #f3f5f7;
  display: block;
  margin: 0 -30px -30px;
  padding: 20px 40px 20px 85px;
  font-size:0.9375rem;
  font-weight: 300;
  margin-top: 35px;
}

.header-attention:before {
  content: '!';
  background: #03a9f4;
  color: #fff;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 30px;
  top: calc(50% - 20px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size:1.25rem;
}

.header-menu {
  background: #e1e5ed;
  height: 42px;
  line-height: 45px;
  font-weight: 600;
}

@media screen and (max-width: 1024px) {
  .header-menu-list .header-menu-item,
  .header-menu {
  height: 35px;
  }

  .header-menu {
  line-height: 35px;
  }

  .header-menu .container {
  padding: 0;
  }
}

.header-menu-list {
  font-size: 0;
}

.header-menu-item {
  position: relative;
  /* display: inline-block; */
  display: block;
  height: 30px;
  width: auto;
  vertical-align: top;
  font-size:0.8125rem;
  /* text-align: center; */
}

/* --- Štýl pre odkazy v menu (desktop) --- */
.header-menu-item a {
  display: inline-block;
  min-height: 40px;   /* výška menu na desktop */
  line-height: 40px;  /* zarovnanie textu na stred */
}

/* --- Úprava pre mobil (šírka do 1024px) --- */
@media screen and (max-width: 1024px) {
  .header-menu-item a {
  min-height: 30px;   /* menšia výška na mobile */
  line-height: 30px;  /* zarovnanie textu na stred */
  }
}

.block-sale-link {
  position: relative; 
  top: -30px; 
  left: 130px; 
  display: flex; 
  gap: 15px; 
  align-items: center; 
}

.header-link-sale {
  color: #000;
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-size:0.8125rem;
  text-align: center;
  text-decoration: none;
}

.header-link-sale:hover {
  text-decoration: none;
  /* background: #c4e3f3; */
  background-color: #ebde32;
  color: #ff0000;
}

.background-link-sale {
  /* background: #ff0000; */
  height: 42px;
  width: 105px;
}

.block-link-checkstatus {
  position: relative; 
  top: -72px;
  left: 240px; 
  display: flex;
  gap: 15px; 
  align-items: center;
}

.background-link-checkstatus {
  color: #000;
  position: relative;
  display: flex;
}

.header-link-checkstatus {
  color: #000;
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-size:0.8125rem;
  text-align: center;
  text-decoration: none; /* odstráni podčiarknutie, ak je */
}

.header-link-checkstatus:hover {
  text-decoration: none;
  /* background: #c4e3f3; */
  /* background-color: #5D6D7E; */
  background-color: #5B8099
  color: #fff;
}

 .header-top > div.search {
  padding: 0 12px 12px 12px;
}

.header-menu-link {
  display: block;
  margin: 0;
  padding: 0 15px;
  text-decoration: none;
  color: #000;
  font-size:0.8125rem;
  cursor: pointer;
}

.header-menu-link:hover {
  text-decoration: none;
  /* background: #c4e3f3; */
  background-color: #DDEDFF;
  color: #000;
}

.user-menu {
  font-size: 0;
  display: flex;
  height: 61px;
  padding-right: 0;
  -webkit-transition: padding .3s ease-out;
  -moz-transition: padding .3s ease-out;
  -o-transition: padding .3s ease-out;
  -ms-transition: padding .3s ease-out;
  transition: padding .3s ease-out;
}

@media screen and (min-width: 1274px) {
  .user-menu {
  height: 61px;
  padding-right: 0;
  }
}

@media screen and (max-width: 1024px) {
  .user-menu {
  height: 45px;
  padding-right: 0px;
  }
}

@media screen and (max-width: 533px) {
  .user-menu {
  width: 100%;
  justify-content: space-around;
  }
}

/* language and currency */

.language-select,
.currency-select {
  text-align: left;
  color: #333;
  font-size:0.8125rem;
}

/* search  */
#search .form-control {
  box-shadow: none;
  z-index: auto;
  height: 42px;
  position: relative;
  right: 8px;
}

#search .btn {
  padding: 0 15px;
  background: #03a9f4;
  color: #fff;
  transition: all .3s;
  height: 42px;
  border: 0;
  box-shadow: none;
  /* border-radius: 0 10px 10px 0; */
}

@media (max-width: 767.98px) {
#search .btn {
  padding: 0 15px;
  background: #03a9f4;
  color: #fff;
  transition: all .3s;
  height: 40px;
  border: 0;
  box-shadow: none;
  /* border-radius: 0 10px 10px 0; */
  }
}
/* search  */

/* search-with-categories  */
#search-with-categories .form-control {
  box-shadow: none;
  z-index: auto;
  height: 42px;
  position: relative;
  left: 8px;
}

@media only screen and (min-width : 767px) {
.search-with-categories {
  padding-top: 10px;
  background: #e1e5ed;
  height: 65px;
  font-weight: 600;
  }
}

@media only screen and (max-width : 768px) {
.search-with-categories {
  padding-top: 10px;
  }
}

@media only screen and (max-width : 767px) {
  .nosearch-with-categories {
   display: none
  }
}
/* search-with-categories  */

.user-block {
  display: inline-flex;
  height: 61px;
  width: 53px;
  border-left: 1px solid #ededed;
  text-decoration: none;
  text-align: center;
  position: relative;
  cursor: pointer;
  vertical-align: top;
  background: #fff;
  -webkit-transition: background .1s ease-out;
  -moz-transition: background .1s ease-out;
  -o-transition: background .1s ease-out;
  -ms-transition: background .1s ease-out;
  transition: background .1s ease-out;
  z-index: 2;
  align-items: center;
  justify-content: center;
}

.PeLW147n {
  width: 18px;
  height: 18px;
  text-align: center;
  border-radius: 3px;
  border: 1px solid #ededed;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  margin: 3px 0 0 6px;
}

.P85Y5btY {
  position: relative;
}

.P85Y5btY {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.P85Y5btY.open .PeLW147n svg {
  transform: rotate(180deg);
}

.P85Y5btY span {
  font-size:0.6875rem;
  font-weight: normal;
  display: block;
  line-height: 13px;
  color: #717171;
  white-space: normal;
}

@media screen and (min-width: 1274px) {
  .user-block {
  width: 67px;
  height: 61px;
  }
}

@media screen and (max-width: 600px) {
  .header-logo h1 {
  font-size:1.5625rem;
  padding-top: 6px;
  }
}

@media screen and (max-width: 1024px) {
  .user-block {
  width: 55px;
  height: 45px;
  }
}

@media screen and (max-width: 533px) {
  .user-block {
  width: 100%;
  }

  .user-block-login {
  border-left: 0;
  }
}

.user-block-compare .menu-icon,
.user-block-wishlist .menu-icon,
.user-block-account .menu-icon,
.user-block-info .menu-icon {
  color: #000;
  cursor: pointer;
  -webkit-transition: background .3s ease-out;
  -moz-transition: background .3s ease-out;
  -o-transition: background .3s ease-out;
  -ms-transition: background .3s ease-out;
  transition: background .3s ease-out;
}

#search .input-group-btn:hover,
.user-block:hover,
.user-block.open {
  background: #DDEDFF;
}

.user-block .dropdown-menu {
  min-width: 200px;
  padding-bottom: 0;
}

@media screen and (max-width: 767px) {
  .user-block.open {
  position: static;
  }
}

.catalog-overlay {
  position: fixed;
  z-index: 60;
  top: 270px;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0,0,0,.7);
  display: none;
}

/* Pc menu category btn */
header .header-btn-menu {
  display: flex;
  align-items: center;
  margin-right: auto;
  margin-left: 10px;
}

header .header-btn-menu .toggle-menu-btn {
  display: flex;
  align-items: center;
  height: 45px;
 /*  border-radius: 8px; */
  font-weight: 600;
  border: 0;
  padding: 0 10px;
  /* background: #5D6D7E; */
  background: #e1e5ed;
  /* background: #ebde32; */
  color: #000;
  white-space: nowrap;
}

header .header-btn-menu .toggle-menu-btn .icon-cross,
header .header-btn-menu .toggle-menu-btn.active .icon-menu {
  display: none;
}

header .header-btn-menu .toggle-menu-btn.active .icon-cross {
  display: block;
}

@media only screen and (min-width:1200px) {
  header .header-btn-menu .toggle-menu-btn {
  padding: 0 15px;
  }
  header .header-btn-menu .toggle-menu-btn .icon {
  margin-left: -6px;
  }
}

@media screen and (max-width:991px) {
  header .header-bottom-row {
  justify-content: space-between;
  }
  header .header-btn-menu {
  /* order: -1; */
  margin-left: 10px;
  }
}

@media screen and (max-width: 960px) {
  header .header-btn-menu {
  display: none;
  }
}

header .header-btn-menu .toggle-menu-btn span {
  margin-left: 6px;
}

  @media screen and (min-width: 960px) {
  .mbtn-catalog {
  display: none;
  }
}

/* Pc menu category btn */

/* Pc menu category */
.header-nav__submenu {
  display: none;
  z-index: 999;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateY(100%);
  width: 100%;
  height: auto;
  min-height: calc(100vh - 161px);
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
  box-shadow: 0 2px 3px 0 rgb(192 182 192 / 40%);
  overscroll-behavior: contain;
  transition: display .3s ease-in-out;
}

@media screen and (min-width: 1280px) {
  .header-nav__submenu {
  min-height: calc(100vh - 166px);
  }
}

.header-submenu__col {
  width: 100%;
}

.header-submenu__col--grey {
  flex-shrink: 0;
  width: auto;
  min-width: 25.5%;
  background-color: #f3f5f7;
}

.header-submenu__col--white {
  display: flex;
}

.header-submenu__title {
  padding: 0;
  margin: 0 0 24px;
  font-weight: 700;
  font-size:1.375rem;
  line-height: 34px;
}

.header-submenu__list {
  list-style: none;
  margin: 0;
  padding: 12px 0;
}

.header-submenu .category-link {
  height: 48px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  align-items: center;
  transition: color .25s ease;
  color: inherit;
  position: relative;
}

@media screen and (min-width: 1600px) {
  .header-submenu .category-link {
  padding-left: calc((100vw - 1600px) /2 + 48px);
  }
}

.header-submenu__item.active .category-link:after {
  position: absolute;
  content: "";
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.813 9.012c0 .338-.113.563-.338.788L7.1 13.175c-.45.45-1.125.45-1.575 0a1.088 1.088 0 010-1.575l2.588-2.588-2.588-2.587a1.088 1.088 0 010-1.575c.45-.45 1.125-.45 1.575 0l3.375 3.375c.225.225.338.45.338.787z' fill='%23999'/%3E%3C/svg%3E")
}

.header-submenu__item.active .category-link {
  color: #03a9f4;
  background-color: #fff;
}

.header-submenu .category-link img {
  width: 45px;
  height: 45px;
  margin-right: 16px;
  flex-shrink: 0;
  mix-blend-mode: multiply;
}

.header-submenu .category-link span {
  flex-grow: 1;
  font-weight: 700;
}

.header-submenu__block {
  display: none;
  width: 100%;
  padding: 28px 32px;
  margin-left: 20px;
}

/*
  @media screen and (min-width: 1600px) {
  .header-submenu__block {
  padding-right: calc((100vw - 1600px) /2 + 36px);
  }
  }
*/

.header-submenu__block.active {
  display: block;
}

.header-submenu__container {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  font-size:0.875rem;
}

.header-submenu__inner {
  flex-grow: 1;
  column-count: 4;
  column-gap: 20px;
}

@media screen and (max-width: 1599px) {
  .header-submenu__inner {
  column-count: 3;
  }
}

@media screen and (max-width: 1365px) {
  .header-submenu__inner {
  column-gap: 10px;
  }
}

@media screen and (max-width: 1023px) {
  .header-submenu__inner {
  column-count: 2;
  }
}

.header-submenu__column {
  page-break-inside: avoid;
  break-inside: avoid;
  padding-bottom: 40px;
  line-height: 1.15;
}

.submenu-link {
  position: relative;
  font-size:0.875rem;
  line-height: 1.2;
  color: #222;
}

.link-bold {
  font-weight: 700;
}

.header-submenu__subchild {
  margin-top: 12px;
  margin-bottom: 0;
  padding: 0;
  page-break-inside: avoid;
  list-style-type: none;
  break-inside: avoid;
}

.header-submenu__subchild__item {
  margin-bottom: 10px;
  color: #666;
}

.child-link {
  color: inherit;
}

.submenu-link:hover,
.child-link:hover {
  color: #03a9f4;
}

.clear-button {
  padding: 0;
  border: 0;
  background: transparent;
  font: inherit;
  color: inherit;
  background-color: transparent;
}
/* Pc menu category */

/* Mobile menu category */
.mobile-catalog {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  overflow-y: scroll;
  background-color: #fff;
}

.mobile-catalog__panel {
  display: flex;
  justify-content: start;
  align-items: center;
  height: 60px;
  min-height: 60px;
  background-color: #ededed;
  padding-left: 20px;
}

.mobile-catalog__title {
  font-size:1.0625rem;
  line-height: 20px;
  font-weight: 500;
}

.mobile-catalog__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 100%;
  margin-left: auto;
  color: #4c1e87;
  transform: rotate(180deg);
  appearance: none;
}

.mobile-catalog__inner {
  flex-grow: 1;
}

.mobile-catalog__list {
  list-style: none;
  margin: 0;
  background-color: #fff;
  padding: 0 0 70px;
}

.mobile-catalog__item:not(:last-of-type) {
  border-bottom: 1px solid #ededed;
}

.mobile-item {
  appearance: none;
  display: flex;
  align-items: center;
  width: 100%;
  height: 52px;
  padding: 18px 20px 18px 26px;
  color: rgba(0, 0, 0, .5);
  font-size:0.8125rem;
  line-height: normal;
}

.mobile-catalog__name {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size:0.875rem;
  color: #000;
  flex-grow: 1;
}

.mobile-catalog__back {
  display: flex;
  margin-right: 20px;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 100%;
  color: #000;
  appearance: none;
}

.mobile-catalog__image {
  width: 32px;
  height: 32px;
  margin-right: 16px;
}

.mobile-catalog__icon__arrow {
  color: #999;
}

  @media screen and (min-width: 960px) {
  .mbtn-catalog {
  display: none;
  }
}
/* Mobile menu category */

/* Cart */

.count {
  display: block;
  font-size:0.6875rem;
  position: absolute;
  top: 10px;
  right: 10px;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  /* background: #c4e3f3; */
  background-color: #03a9f4;
  /* background-color:#34495E; */
  /* background-color:#5D6D7E; */
  color: #fff;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.cart>button {
  background: transparent;
  border: none;
  padding: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

.cart>button>i {
  font-size:1.5625rem;
  color: #333;
}

.cart.open>.btn {
  background-image: none;
  background-color: transparent;
  border: none;
  color: #fff;
  box-shadow: none;
  text-shadow: none;
}

.cart.open>.btn:hover {
  color: #fff;
}

.cart .load {
  padding: 2rem;
  background: white;
  left: auto;
  right: 0;
  min-width: 320px;
  margin: 0;
  border-radius: 0;
}

@media screen and (max-width: 767px) {
  .cart .load {
  min-width: 100%;
  }
}

.cart .load .preview {
  border-bottom: 1px solid #ededed;
  overflow: hidden;
}

.cart .load .img_content {
  position: relative;
  display: table-cell;
  vertical-align: top;
  width: 20%;
}

.cart .load .product-quantity {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 2.5rem;
  line-height: 2.3rem;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  padding: 1px 0 0;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size:0.75rem;
}

.cart .load .right_block {
  overflow: hidden;
  position: relative;
  padding: 0 20px 0 15px;
}

.cart .load .product-name {
  display: block;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  white-space: normal;
  text-transform: capitalize;
  line-height: 2rem;
}

.cart .load .product-name a {
  color: #333;
  font-size:0.8125rem;
}

.cart .load .product-price {
  display: block;
  margin: 7px 0 0;
  font-weight: 700;
}

.cart .load .remove-from-cart {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: #ccc;
}

.cart .remove-from-cart span {
  font-size: 1.7rem;
}

.cart .load .remove-from-cart:hover {
  color: #F44336;
}

.cart .load .attributes_content {
  font-size: 1.2rem;
  margin: .5rem 0 0;
}

.cart .load .attributes_content span {
  display: block;
}

.cart .right_block strong {
  font-weight: 400;
}

.cart .load .price_content {
  overflow: hidden;
  padding: 2rem 0;
  border-bottom: .1rem solid #ebebeb;
}

.cart .load .labels {
  float: left;
}

.cart .load .value {
  float: right;
}

.cart .load .value,
.cart .load .labels {
  color: #3e3d43;
}

.cart .load .price_inline {
  overflow: hidden;
  line-height: 2.5rem;
}

.cart .load .checkout {
  margin: 2rem 0;
}

.cart .load .checkout a {
  display: block;
  box-shadow: none;
}

.cart .product-block {
  margin-bottom: 20px;
  display: table;
  width: 100%;
}

.cart .mini-basket-empty {
  margin: 0;
  text-transform: uppercase;
  font-weight: 700;
  font-size:0.9375rem;
  position: relative;
  overflow: hidden;

}

.cart .voucher-block {
  overflow: hidden;
  position: relative;
}

.cart .voucher-des {
  white-space: nowrap;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 25rem
}

.cart .voucher-amount {
  font-weight: 700;
  font-size: 1.4rem;
  margin-top: .5rem;
  display: inline-block;
}

.cart .voucher-delete {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  cursor: pointer;
}

.cart .voucher-delete span {
  font-size: 1.7rem;
}

.cart .voucher-delete a {
  color: #ccc;
}

.cart .voucher-delete a:hover {
  color: #F44336;
}

.cart .products {
  display: none;
}

.cart .cart-subtotals .products:last-child {
  display: block;
}

.cart .products:last-child .labels,
.cart .products:last-child .value {
  font-size: 1.6rem;
  font-weight: 400;
}

.cart .products:last-child .value {
  font-size: 1.8rem;
  font-weight: 700;
}

.footer {
  background: #f3f5f7;
  position: relative;
  font-weight: 400;
  line-height: 22px;
  margin-top: 20px;
}

.footer .footer-wrap {
  width: 100%;
  padding: 30px 10px 25px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  border-top: 1px solid #fff;
}

.footer .footer-wrap h5 {
  margin-top: 0;
  color: #fff;
  font-size:1.0625rem;
  line-height: 20px;
  margin-bottom: 16px;
  position: relative;
  font-weight: normal;
}

@media only screen and (min-width: 1024px) {
  .footer .footer-wrap .phone {
  font-size:1.25rem;
  font-family: 'Varela Round', sans-serif;
  }
}

.footer .footer-wrap .contact-form>li i {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #000;
  margin-right: 7px;
}

.footer .footer-wrap .contact-form>li>a,
.footer .footer-wrap .address-form,
.footer .footer-wrap .footer-payment>p {
  color: #000;
}

.footer .footer-wrap ul>li>a:hover {
  color: #03a9f4;
}

.footer-bottom {
  padding: 20px 0 0;
  font-size:0.8125rem;
  box-shadow: none;
  z-index: auto;
  border: 1px solid #e0e5ee;
  background-color: #e1e5ed;
}

.footer-bottom,
.footer-bottom a {
  color: #000;
}

.footer-payment {
  margin-top: 20px;
}

.footer-payment-item {
  vertical-align: middle;
  margin-right: 6px;
}

.footer-social {
  margin-top: 15px;
}

.footer-social>a>span {
  font-size: inherit;
  color: #000;
}

.footer-social-item {
  width: 40px;
  line-height: 38px;
  text-align: center;
  height: 40px;
}

.footer-social-link {
  display: inline-block;
  font-size:1.125rem;
  border: 1px solid #58646c;
  border-radius: 20px;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  color: #58646c;
}

.footer-social-item+.footer-social-item {
  margin-left: 5px;
}

.footer .footer-email-block .footer-email-wrapper {
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: center;
  overflow: hidden;
}

.footer .footer-email-block .footer-email-wrapper,
.footer .footer-email-block .footer-email-content {
  clear: both;
}

.heading-title {
  margin-bottom: 50px;
}

.footer-email-wrapper .footer-email-content .heading-title {
  overflow: hidden;
  margin: 0 0 0;
  text-align: left;
}

.footer-email-wrapper .footer-email-content .heading-title h5 {
  font-size:1.25rem;
  color: #000000;
  margin: 0 0 5px;
  line-height: 25px;
  background-color: transparent;
  padding: 0;
  font-weight: 600;
  text-transform: capitalize;
}

.footer-email-block {
  margin-top: 20px;
}

.footer .footer-email-block .container {
  padding: 25px 0;
}

.footer-nav-title {
  color: #000;
  font-size:1.125rem;
  font-weight: 800;
  text-transform: uppercase;
}

@media (max-width: 991px) {
  .footer-nav {
  margin: 0 0 5px;
  }

  .footer-nav-title {
  position: relative;
  display: block;
  line-height: 40px;
  margin: 0;
  background-color: #f3f5f7;
  font-size:0.8125rem;
  }

  .footer-nav-title,
  .footer-nav-list {
  padding: 0 15px;
  }

  .footer-nav-item .footer-nav-link {
  display: block;
  line-height: 23px;
  color: #000;
  }

  .footer-nav-col+.footer-nav-col {
  border-top: 1px solid #4c575e;
  }

  .footer-nav-col {
  padding: 0;
  }
}

.footer-nav-link {
  color: #000;
}

.footer-nav-list>li {
  margin-top: 10px;
  line-height: normal;
}

.footer-nav-arrow,
.footer-social-item{
  width: 2rem;
  height: 2rem;               /* kľúčové – rovnaké ako šírka */
  padding: 0;                 /* nech nedeformuje výšku */
  display: inline-flex;       /* spoľahlivé centrovanie */
  align-items: center;
  justify-content: center;
  line-height: 1;             /* už nepoužívame na centrovanie */
  box-sizing: border-box;     /* border sa ráta do 4rem */
  border-radius: 50%;         /* kruh (zmeň na 0, ak chceš ostré hrany) */
  text-align: center;
}

.footer-nav-arrow {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: -webkit-transform .15s ease-in-out;
  transition: -webkit-transform .15s ease-in-out;
  transition: transform .15s ease-in-out;
  transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out;
}

.footer-nav-arrow._active {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.footer-border-top {
  border-top: 1px solid #2d2d2d;
}

@media (min-width: 992px) {
  .footer-nav-list {
  margin-top: 1rem;
  }
}

.footer hr {
  border-top: 1px solid #000;
}

/* New code  Manuella-Show - Hide - Password */
#lrppoPassword {
  position: absolute;
  bottom: 165px;
  right: 45px;
  color: inherit;
  background-color: transparent;
  border: 0;
  outline:none !important;
  font-size:0.875rem;
}

@media (max-width: 767px) {
 #lrppoPassword {
  bottom: 165px;
  }
}

#lrppoPasswordc {
  position: absolute;
  bottom: 85px;
  right: 25px;
  color: inherit;
  background-color: transparent;
  border: 0;
  outline: none !important;
  font-size:0.875rem;
}

@media (max-width: 767px) {
 #lrppoPasswordc {
  bottom: 85px;
   }
}

#lrppoPasswordr {
  position: absolute;
  bottom: 1px;
  right: 25px;
  color: inherit;
  background-color: transparent;
  border: 0;
  outline: none !important;
  font-size:0.875rem;
}

@media (max-width: 767px) {
 #lrppoPasswordr {
  bottom: 0px;
  }
}

#lrppoPasswordcr {
  position: absolute;
  bottom: 107px;
  right: 25px;
  color: inherit;
  background-color: transparent;
  border: 0;
  outline: none !important;
  font-size:0.875rem;
}

@media (max-width: 767px) {
 #lrppoPasswordcr {
  bottom: 107px;
   }
}
/* New code  Manuella-Show - Hide - Password */

.payments li {
  display: inline-block;
  margin-left: 10px;
}

.payments a {
  width: 60px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  display: inline-block;
  border: 1px solid #ededed;
}

.breadcrumb {
  /* margin: 0; */
  padding: 15px;
  border: 1px solid #ddd;
  background: 0 0;
  text-align: left;
}

@media only screen and (max-width:767px) {
  .breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow-y: scroll;
  white-space: nowrap;
  }
}

.breadcrumb a {
  color: #000;
  font-size:0.875rem;
}

/* column-left */

#column-left {
  border-right: 1px solid #ededed;
}

#column-right {
  border-left: 1px solid #ededed;
}

@media (min-width: 1200px) {
  #column-left.col-sm-3,
  #column-right.col-sm-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  }
}

/* custom position left-column, right-column */
#column-left .custom-column .product-thumb+.product-thumb,
#column-right .custom-column .product-thumb+.product-thumb {
  border-top: 1px dotted #ccc;
  padding-top: 7px;
}

#column-left .custom-column .product-thumb .image,
#column-right .custom-column .product-thumb .image {
  float: left;
  margin-right: 8px;
  margin-bottom: 0;
  width: 50px;
}

/* text colors */

.text-danger {
  color: #dc3545 !important;
}

.text-primary {
  color: #007bff !important;
}

.text-secondary {
  color: #6c757d !important;
}

.text-success {
  /* color: #28a745!important; */
  color: #fff !important;
}

.text-warning {
  color: #ffc107 !important;
}

.text-info {
  color: #17a2b8 !important;
}


/* buttons */
.btn {
  padding: 12px 12px;
}

.buttons {
  margin: 1rem 0;
}

.btn-primary {
  color: #fff;
  /* background-color: #d9edf7; */
  background-color: #03a9f4;
  border-color: #fff;
  border-radius: 0px;
}

.btn-primary.active,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.btn-primary.dropdown-toggle,
.open>.btn-primary.dropdown-toggle.focus,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle:hover {
  color: #fff;
  /* background-color: #c4e3f3; */
  /* border-color: #c4e3f3 */
  background-color: #5D6D7E;
  border-color: #fff;
  /* border-color: #1394cd; */

}

.btn-default {
  background-color: #f5f5f5;
  border: none;
  border-radius: 0px;
  color: #666;
}

.btn-default.active,
.btn-default.focus,
.btn-default:focus,
.btn-default:hover,
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.btn-default.dropdown-toggle,
.open>.btn-default.dropdown-toggle.focus,
.open>.btn-default.dropdown-toggle:focus,
.open>.btn-default.dropdown-toggle:hover {
  background-color: #f5f5f5;
  /* border-color: #e7e6e6; */
  border: none;
}

.btn-success {
  color: #fff;
  /* background-color: #d9edf7; */
  /* border-color: #d9edf7 */
  background-color: #03a9f4;
  border-color: #fff;
}

.btn-success.active,
.btn-success.focus,
.btn-success:focus,
.btn-success:hover,
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.btn-success.dropdown-toggle,
.open>.btn-success.dropdown-toggle.focus,
.open>.btn-success.dropdown-toggle:focus,
.open>.btn-success.dropdown-toggle:hover {
  color: #fff;
  /* background-color: #c4e3f3; */
  /* border-color: #c4e3f3 */
  background-color: #5D6D7E;
  border-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #03a9f4;
  border-color: #03a9f4;
}

.btn-info.active,
.btn-info.focus,
.btn-info:focus,
.btn-info:hover,
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.btn-info.dropdown-toggle,
.open>.btn-info.dropdown-toggle.focus,
.open>.btn-info.dropdown-toggle:focus,
.open>.btn-info.dropdown-toggle:hover {
  color: #fff;
  background-color: #1394cd;
  border-color: #1394cd;
}

.btn-warning {
  color: #fff;
  background-color: #ffb300;
  border-color: #ffb300;
}

.btn-warning.active,
.btn-warning.focus,
.btn-warning:focus,
.btn-warning:hover,
.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open>.btn-warning.dropdown-toggle,
.open>.btn-warning.dropdown-toggle.focus,
.open>.btn-warning.dropdown-toggle:focus,
.open>.btn-warning.dropdown-toggle:hover {
  color: #fff;
  background-color: #d69600;
  border-color: #d69600;
}

.btn-danger {
  color: #fff;
  border-color: #ed143d;
  background: #ed143d;
}

.btn-danger.active,
.btn-danger.focus,
.btn-danger:focus,
.btn-danger:hover,
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open>.btn-danger.dropdown-toggle,
.open>.btn-danger.dropdown-toggle.focus,
.open>.btn-danger.dropdown-toggle:focus,
.open>.btn-danger.dropdown-toggle:hover {
  color: #fff;
  border-color: #c31335;
  background: #c31335;
}

.btn-inverse {
  color: #fff;
  background-color: #37474f;
  border-color: #37474f;
}

.btn-inverse.active,
.btn-inverse.focus,
.btn-inverse:focus,
.btn-inverse:hover,
.btn-inverse.active.focus,
.btn-inverse.active:focus,
.btn-inverse.active:hover,
.btn-inverse:active,
.btn-inverse:active.focus,
.btn-inverse:active:focus,
.btn-inverse:active:hover,
.open>.btn-inverse.dropdown-toggle,
.open>.btn-inverse.dropdown-toggle.focus,
.open>.btn-inverse.dropdown-toggle:focus,
.open>.btn-inverse.dropdown-toggle:hover {
  color: #fff;
  background-color: #263137;
  border-color: #263137;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  filter: alpha(opacity=40);
  opacity: .4;
}

@media (max-width: 767.98px) {
  .btn-block-mobile {
   display: flex;
   float: right;
   right: 32px;
   top: -50px;
   position: relative;
  }
}

/* Simple notification bar */
.notification-bar {
  position: static;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.background-bar {
  text-align: center;
  font-size:1.25rem;
  font-weight: 700;
  padding: 10px;
  width: 100%;
}

/* Simple notification bar close button  
.xit {
   position: absolute;
   top: 5px;
   right: 25px;
   cursor: pointer;
   font-size:1.25rem;
   color: #000;
}
*/

.announcement-banner.disabled {
  display: none;
}

/* .btn-circle {
  border-radius: 50px;
} */


/* list-group */

.list-group a {
  border: none;
  padding: 10px 15px;
  color: #323232;
}

@media only screen and (min-width: 992px) {
  .list-group a {
  padding: 15px 30px;
  }
}

#column-left .list-group a {
  border-left: 3px solid transparent;
}

#column-left .list-group a.list-group-item.active,
#column-left .list-group a.list-group-item:hover {
  border-left: 3px solid #03a9f4;
}

#column-right .list-group a {
  border-right: 3px solid transparent;
}

.list-group-item {
  border-radius: 0 !important;
}

.list-group a.active,
.list-group a.active:hover,
.list-group a:hover {
  color: #333;
  background: #f5f5f5;
  text-shadow: none;
  border-left-color: #4169e1;
  z-index: 1;
}

#column-left .list-group a:hover {
  border-left: 3px solid #4169e1;
}

#column-right .list-group a:hover {
  border-right: 3px solid #5D6D7E;
}

.list-group-item:last-child {
  border-bottom: 1px solid #ededed;
}

.owl-carousel.carousel .carousel-caption {
  color: #FFF;
  text-shadow: 0 .1rem 0 #000;
}

.owl-carousel.carousel .carousel-control .icon-prev:before {
  content: '\f053';
  font-family: FontAwesome;
}

.owl-carousel.carousel .carousel-control .icon-next:before {
  content: '\f054';
  font-family: FontAwesome;
}

.owl-carousel.carousel .owl-buttons div {
  opacity: 1;
  color: #333;
  text-shadow: none;
  transition: all .3s ease;
  margin: -20px 0 0 0;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  background: rgba(245, 245, 245, 0.9);
  border-radius: 50%;
}

.owl-carousel.carousel .owl-buttons div i {
  font-size:0.875rem;
}

.owl-carousel.carousel .owl-buttons .owl-prev {
  left: 15px;
}

.owl-carousel.carousel .owl-buttons .owl-next {
  right: 15px;
}

.owl-carousel.carousel .owl-buttons .owl-prev:hover,
.owl-carousel.carousel .owl-buttons .owl-next:hover {
  background: rgba(226, 226, 226, .7);
  border-color: transparent;
  color: #4169e1;
}

.owl-carousel.carousel .owl-item {
  text-align: center;
}

.owl-carousel.carousel:hover .owl-buttons div {
  opacity: 1;
}

#owl-demo.carousel.owl-theme .item img {
  border: 1px solid #ededed;
  padding: 5px;
  border-radius: 3px;
  max-width: 75px;
}

#owl-demo.carousel.owl-theme .item img:hover {
  border-color: #ccc;
}

/* pre owl-carousel carousel module
.slider-inner {
  background: #fff;
  padding: 20px;
  box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.06);
  border: 1px solid #eee;
  border-radius: 5px; 
}

 @media (min-width: 768px) and (max-width: 992px){
  .slider-inner {
  padding-bottom: 25px;
  }
}
*/

.model {
  display: inline-block;
  font-weight: 700;
  margin-bottom: 12px;
  padding: 2px 10px;
  border-radius: 0px;
  background: #e1e5ed;
  font-size:0.8125rem;
}

.model-echo {
  display: inline-block;
  font-weight: 700;
}

.model-id {
  display: inline-block;
  font-size:0.75rem;
  font-weight: 600;
  padding: 3px 6px;
  border-radius: 0px;
  border: 2px solid #03a9f4;
}

/* pridaný riadok pre preklad maloobchod, veľkoobchod text maloobchodná cena */
.skupina {
  display: inline-flex;
  padding: 1px 10px;
  margin-bottom: 10px;
  border-radius: 0px;
  border: 2px solid #03a9f4;
}

.retail-sales {
  font-size:0.75rem;
  font-weight: 700;
  height: 1px;
  line-height: 2;
}

.wholesale-sales {
  font-size:0.75rem;
  font-weight: 700;
  color: #FF0000;
}
/* pridaný riadok pre preklad maloobchod, veľkoobchod text maloobchodná cena */

/* product-thumb */

.product-thumb {
  /* padding: 18px 15px; */
  position: relative;
  background: #fff;
}

.product-layout {
  border: 1px solid #eee !important;
  background: #fff;
}

.product-thumb.transition {
  background: #fff;
  padding: 5px 5px 5px 15px;
  margin: 0px;
}

.product-thumb.transition:hover {
  z-index: 5;
}

/*
.product-thumb.transition:hover:before {
  position: absolute;
  content: "";
  background: #fff;
  border-radius: 3px 3px 0 0;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
*/

.product-thumb .button-form {
  overflow: hidden;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.product-thumb .image-toolbar-action {
  width: 66px;
  float: right;
}

@media (max-width: 641px) {
  .product-thumb .image-toolbar-action {
  width: 30px;
  float: right;
  }
}

.product-thumb .image-toolbar-action .wishlist {
  margin-right: 6px;
}

.product-thumb .image-toolbar-action .compare,
.product-thumb .image-toolbar-action .wishlist {
  width: 30px;
  height: 30px;
  float: left;
}

.product-thumb .image-toolbar-action .compare,
.wishlist {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: #000000;
  background: #f3f5f7;
  border-radius: 3px;
}

.product-thumb .image-toolbar-action a i {
  font-size:1.0625rem;
}

.product-thumb .image-toolbar-action a:hover {
  color: #4169e1;
  border-color: #4169e1;
}

.product-thumb .name {
  height: 36px;
  max-height: 36px;
  margin-bottom: 12px;
  overflow: hidden;
}

.product-thumb .name .name-link {
  color: #000000;
  font-size:0.875rem;
  transition: all .3s;
}

.product-thumb .name .name-link:hover {
  color: #337ab7;
}

.product-thumb .name .name-text {
  font-weight: 700;
  line-height: 18px;
  display: inline-block;
}

.product-thumb .rating {
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  /* margin-bottom: 52px; */
}

.product-thumb .rating .rating-right a {
  font-size:0.875rem;
  color: #808080;
  padding-right: 22px;
  background: url(/image/catalog/images/icon-png/speech-bubble.png) right center no-repeat;
}

@media only screen and (min-width: 768px) {
  .product-list .product-thumb {
  padding: 15px 0;
  overflow: hidden;
  }

  .product-list .product-thumb .image {
  width: 25%;
  text-align: center;
  position: relative;
  margin: 0;
  float: left;
  padding-left: 15px;
  }

  .product-list .product-thumb .caption {
  width: 45%;
  padding: 0 20px !important;
  float: left;
  }

  .product-list .product-thumb.transition .short-attribute {
  display: block;
  z-index: 5;
  position: static;
  width: 30%;
  padding: 0;
  float: right;
  }

  .product-list .product-thumb.transition .short-attribute:before,
  .product-list .product-thumb.transition:hover .short-attribute:after,
  .product-list .product-thumb.transition:hover:before {
  display: none;
  }

  .product-list .product-thumb.transition .short-attribute__list {
  border-radius: 4px;
  position: relative;
  padding: 8px 16px;
  border: none;
  background: #fff;
  margin-right: 15px;
  border: 1px solid #f2f2f2;
  }

  .product-list .product-thumb .button-form {
  right: auto;
  left: 10px;
  top: 10px;
  }

  .product-list .product-thumb {
  min-height: 165px;
  }

  .product-list .product-thumb .button-group button {
  width: auto;
  font-size: inherit;
  padding-left: 45px;
  }

  .product-list .product-thumb .button-group button:after {
  left: 25px;
  }
}

.product-sticker-p {
  top: 0;
  left: 0;
  bottom: auto;
  line-height: 25px;
  width: 50px;
  font-size:0.875rem;
}

.product-sticker span {
  padding: 0 10px;
  color: #fff;
  text-align: center;
  height: 28px;
  line-height: 28px;
  font-size:0.8125rem;
  border-radius: 3px;
  display: inline-block;
}

.product-sticker .price-economy {
  background: #d91f1f;
  color: #fff;
}

.product-sticker .price-percent {
  background: #cfe3fc;
  color: #000;
}

.product-thumb .product-bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  min-height: 85px;
  margin-bottom: 15px;
}

.product-thumb .price .main-price {
  position: relative;
  font-size:1.375rem;
  font-weight: 700;
  color: #000;
}

.product-thumb .price .price-new {
  color: #dc3545;
}

.product-thumb .price .price-old {
  font-size:0.8125rem;
  color: #b30000;
  font-weight: 700;
  text-decoration: line-through;
  display: block;
}

.product-thumb .price .price-tax {
  display: block;
  font-size:0.8125rem;
  color: #000;
}

.product-thumb .button-add-cart .btn {
  padding: 0 10px;
  width: 64px;
  height: 35px;
  color: #fff;
  border-radius: 0px;
}

.product-thumb .button-add-cart .btn i {
  font-size:1.5rem;
}

.product-thumb .image {
  position: relative;
  margin-bottom: 20px;
}

.product-thumb .stock {
  font-size:0.75rem;
  color: #000;
  padding: 3px 8px;
  border-radius: 0px;
  display: inline-block;
  border: 2px solid #03a9f4;
}

.stock {
  /* background: #f0f2f5; */
  /* background: #cfe3fc; */
  font-size:0.75rem;
  color: #000;
  padding: 3px 10px;
  border-radius: 0px;
  display: inline-flex;
  border: 2px solid #03a9f4;
}

.status { 
  padding: 3px 5px;
  color: #ff0000;
}
.status.ok {
  color: #00c605;
}

.fa-check-square {
  font-size:0.9375rem;
}

.icon-danger {
  color: #ff0000;
}

.icon-success {
  color: #00c605;
  padding: 0px 4px;
}

/*
.short-attribute {
  overflow: hidden;
}

@media (min-width: 641px) {
  .short-attribute {
  min-height: 80px;
  max-height: 80px;
  }
} 

.short-attribute li {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size:0.8125rem;
  line-height: 20px;
}*/

.rating span {
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  padding: 0 1px;
  display: inline-block;
  box-sizing: content-box;
}

.rating .star {
  background-image: url(/image/catalog/images/icon-svgreview-star.svg);
}

.rating .star-empty {
  background-image: url(/image/catalog/images/icon-svg/empty-star.svg);
}

.product-thumb .caption {
  padding: 10px;
  position: relative;
}

.product-thumb.transition .caption {
  padding: 0;
}

/*.product-thumb .caption-content {
  min-height: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
}*/

.related .product-thumb .caption-content {
  min-height: 139px;
}

.reviews-count {
  padding: 10px 20px; /* pridá vnútorné okraje */
  display: inline-block; /* zabezpečí, že padding bude fungovať správne */
  font-size:1rem; /* zväčší text, ak je potrebné */
}

.reviews-count {
  padding: 15px; /* zvýši plochu okolo textu */
  display: inline-block;
}

.product-thumb .rating .reviews-count {
  color: #bfbfbf;
  margin-left: 8px;
  font-size:0.8125rem;
  line-height: normal;
}

.product-thumb.transition .short-attribute {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  width: 100%;
  margin-top: 0;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.product-thumb.transition:hover .short-attribute {
  display: block;
}

.product-thumb.transition .short-attribute:before {
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  z-index: 1;
  height: 20px;
  content: "";
  background: #fff;
}

.product-thumb.transition:hover .short-attribute:after {
  position: absolute;
  content: "";
  border-radius: 0 0 3px 3px;
  /* box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15); */
  box-shadow: 0 0 0 1px #ededed;
  background: #fff;
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
}

.product-thumb.transition .short-attribute__list {
  position: relative;
  z-index: 1;
  padding: 10px 0;
  line-height: 20px;
  border-top: 1px solid #ededed;
  margin: 0 15px;
}

.product-thumb.transition .short-item span {
  font-size:0.8125rem;
}

.product-thumb.transition .short-item .attr-left {
  padding: 0 6px 0 0;
  color: #929292;
}

.product-thumb.transition .short-item .attr-right {
  color: #000;
}

.product-extension .caption {
  padding: 10px 15px;
}

.rating i {
  font-size:1.1875rem;
  vertical-align: middle;
  letter-spacing: .1rem;
}

.rating .icon-active>i {
  color: #ffa500;
}

.rating .icon-outline>i {
  color: #cdcdcd
}

.header-container {
  position: relative;
  display: flex;
  align-items: center;
}

.header-container .content-bg-white {
  -webkit-box-shadow: 0 1px 10px 0 rgba(104, 104, 104, .1);
  box-shadow: 0 1px 10px 0 rgba(104, 104, 104, .1);
  border-bottom: 1px solid #ededed;
}

.checkout-table.table td {
  vertical-align: middle;
  border: none;
}

.checkout-table .img-thumbnail {
  border: none;
}

.checkout-table .checkout-top__tr {
  background: #F5F5F5;
}

.checkout-table .checkout-top__tr>td {
  white-space: nowrap;
  overflow: hidden;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.number-spinner .form-control[name^=quantity] {
  width: 4rem;
  vertical-align: middle;
  border-width: .1rem 0 .1rem 0;
  border-radius: 3px;
  border-color: #f2f2f2;
  height: inherit;
  box-shadow: none;
  padding: 0;
}

.number-spinner .form-count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.number-spinner .form-count span {
  vertical-align: middle
}

.number-spinner .btn-minus .btn,
.number-spinner .btn-plus .btn {
  border-radius: 50%;
  padding: 3px 6px;
  background: transparent;
  border-color: #eee;
  color: #000;
  height: auto;
  line-height: 1;
  font-size:0.875rem;
}

.number-spinner input.form-plus-minus {
  border: transparent;
  font-size:0.875rem;
  color: #000;
}

.number-spinner .btn-minus,
.number-spinner .btn-plus,
.number-spinner input.form-plus-minus {
  display: inline-block;
}

.number-spinner .form-count .btn:hover {
  border-color: #ccc;
}

.checkout-continue {
  color: #000;
}

@media only screen and (max-width:360px) {
  .continue>div {
  text-align: center;
  }
}

.table-total.table td {
  border: none;
}

.checkout-product-image {
  padding-top: 15px;
  display: table-cell;
  vertical-align: top;
  width: 15%;
}

.checkout-product-image a {
  display: block;
  text-align: center;
}

.checkout-product {
  display: table-cell;
  vertical-align: top;
}

.checkout-product-name {
  margin-left: 40px;
  position: relative;
}

.checkout-table:after {
  content: ".";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}

.checkout-product-inner {
  position: relative;
  border-bottom: 1px solid #eeeeef;
  display: table;
  width: 100%;
}

@media only screen and (max-width:767px) {
  .checkout-product-inner {
  height: 30rem;
  }
}

@media only screen and (min-width:768px) {
  .checkout-product-name {
  float: left;
  width: 50%;
  }

  .checkout-product-inner {
  height: 16rem;
  }

  .number-spinner {
  display: inline-block;
  vertical-align: middle;
  }

  .cart-product-price {
  float: right;
  text-align: right;
  width: 12rem;
  }
}

.product-name-info {
  padding: 15px 30px 0 0;
  overflow: hidden;
  display: inline-block;
  height: 5.7rem;
  font-weight: 700;
  vertical-align: middle;
}

.number-spinner {
  font-size: 0;
  line-height: 0;
  padding-top: 2rem;
}

.cart-product-price {
  padding-top: 2rem;
}

.cart-product-price__total {
  font-size:1.125rem;
}

.cart-product-price__total span,
.cart-product-price__total {
  font-weight: 600;
  line-height: 15px;
  ;
}

.cart-product-price__total span {
  padding-top: 10px;
  font-weight: 400;
}

.remove-prod {
  color: #999;
  cursor: pointer;
  position: absolute;
  right: 0;
  transition: color .1s ease;
  font-size:0.8125rem;
  bottom: 2rem;
}

@media only screen and (max-width:767px) {
  .checkout-total-box {
  margin-left: 40px
  }
}

.table-total tr:last-child .text-total {
  font-size:1.125rem;
  font-weight: 700;
  padding: 0;
  width: 120px;
  vertical-align: middle;
}

.remove-prod:hover {
  color: #d73f3f;
}

/* offers banners */
.offers-banners {
  margin: 0 0 20px;
  overflow: hidden;
  background-color: #fff;
}

.offers-banner_image {
  display: table-cell;
  padding-right: 12px;
}

.offers-banners img {
  height: 50px;
}

.offers-banners .offers-text_banner {
  font-weight: 700;
  display: table-cell;
  vertical-align: middle;
}

.offers-banners .b-r_line {
  border-right: 1px solid #ededed;
  height: 123px;
}

.offers-banners .offers-block {
  padding: 37px 0;
  overflow: hidden;
}

.offers-banners .b-r_line:last-child {
  border-right: 0;
}


/* owl-carousel */

.owl-carousel.carousel {
  border-radius: 3px;
}

.owl-carousel.carousel .owl-controls {
  background: #f2f2f2;
}

.owl-carousel.carousel .owl-wrapper-outer {
  box-shadow: none;
}

.owl-carousel.carousel .owl-wrapper-outer {
  border: none;
}

.owl-carousel.carousel .owl-controls .owl-page span {
  display: block;
  width: 10px;
  height: 10px;
  background: #ddd;
  border-radius: 20px;
  box-shadow: none;
}

.owl-carousel.carousel .owl-controls .owl-page.active span {
  background: #505867;
}

.owl-carousel.carousel .owl-pagination {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: auto;
  bottom: 1rem;
}

.owl-carousel.carousel .owl-carousel .owl-buttons div i {
  line-height: 0;
}

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

/*
.refine {
  text-align: center;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  margin: 0 15px 15px 0;
}

@media only screen and (min-width:1200px) {
  .refine:hover img {
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px)
  }
}

.refine img {
  margin: auto;
  margin-top: 30px;
  -webkit-transition: -webkit-transform .15s ease-out;
  transition: transform .15s ease-out;
  transition: transform .15s ease-out, -webkit-transform .15s ease-out
}

.refine .refine-name {
  color: #000;
  font-size:0.8125rem;
  display: block;
  padding: 0 10px;
  background: #f5f5f5;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.refine .refine-name:hover {
  background: #03a9f4;
  color: #fff;
}

.category-content #list-view,
.category-content #grid-view {
  height: 35px;
  margin-top: 15px;
  border-radius: 0;
  line-height: 45px;
  padding: 0 10px;
  box-shadow: none;
  background: #ffffff;
  border-color: #ededed;
}

.category-content #list-view i,
.category-content #grid-view i {
  color: #03a9f4;
}

.category-content #list-view:hover,
.category-content #grid-view:hover {
  background: #f5f5f5
}

.category-content #list-view.active,
.category-content #grid-view.active {
  background: #24303e;
  border-color: #24303e;
}

.category-content #list-view.active i,
.category-content #grid-view.active i {
  color: #fff;
}
*/

.banner-box {
  position: relative;
  padding: 20px;
  margin: 5px;
  display: flex;
  height: 100%;
  width: 100%;
  /* border-radius: 12px; */
  border: 1px solid #ccc;
  background: #f3f5f7;
  text-decoration: none;
}

.banner-box:hover {
  border-color: #DDEDFF;
  background: #DDEDFF;
}

.banner-image {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  border: none;
}

.banner-image img {
  margin: 0 auto;
}

.banner-box .cat-name {
  padding-left: 8px;
  -spacing: 0;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.banner-box .cat-name a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  color: #222;
  /* white-space: nowrap; */
  font-weight: 700;
}

.banner-box .cat-name a:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.cat-name {
  text-decoration: none;
  /* text-transform: uppercase; */
  color: inherit;
  font-weight: 700;
  line-height: normal;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* input-group-addon */

.input-group-addon {
  background-color: #f5f5f5;
  border: 1px solid #ededed;
  border-radius: 0;
}

/* list */

#list-view.active>.fa,
#grid-view.active>.fa {
  color: #000;
}

#list-view .fa,
#grid-view .fa {
  color: #999;
}

#input-sort,
#input-limit {
  border-width: 1px;
  height: 35px;
  cursor: pointer;
  border-color: #ededed;
  border-radius: 0;
}

.compare-content .compare-button .btn {
  margin-bottom: .5rem;
}

@media only screen and (max-width:767px) {

  .compare-content .table-responsive>.table>tbody>tr>td,
  .compare-content .table-responsive>.table>tbody>tr>th,
  .compare-content .table-responsive>.table>tfoot>tr>td,
  .compare-content .table-responsive>.table>tfoot>tr>th,
  .compare-content .table-responsive>.table>thead>tr>td,
  .compare-content .table-responsive>.table>thead>tr>th {
  white-space: normal;
  }
}

.compare-content td {
  width: 32rem;
}

.compare-content .table-bordered,
.compare-content .table-bordered>tbody>tr>td,
.compare-content .table-bordered>thead>tr>td {
  border: 1px solid #ededed;
}

.compare-content .compare-table .compare-image {
  position: relative;
}

.compare-content .compare-image .compare-remove {
  position: absolute;
  top: 0;
  font-size: 2.1rem;
  color: #ccc;
  margin-left: 30px;
}

.compare-content .compare-image .compare-remove:hover {
  color: red;
}

.compare-content .compare-table>thead>tr>td,
.compare-content .compare-table>thead>tr>th {
  border-bottom-width: 0;
}

.compare-content .compare-table>tbody+tbody {
  border-top: transparent;
}

.compare-content .compare-table strike {
  color: #ccc;
  display: block;
  font-weight: 400;
}

.compare-content .compare-table .compare-price {
  font-size: 1.8rem;
}

.compare-content .compare-table strong,
.product-attr-table {
  font-size:0.875rem;
}

.compare-content .compare-table .compare-name a {
  color: #1c1c1c;
}

@media only screen and (min-width:768px) {
  .image-content .big-image:hover .view-image {
  display: block;
  }
}

.thumbnails {
  overflow: auto;
  clear: both;
  list-style: none;
  padding: 0;
  position: relative;
}

.thumbnail {
  padding: 0;
  border: 0;
  line-height: 1.42857143;
  background-color: #fff;
  position: relative;
}

.img-thumbnail {
  border: 1px solid #ededed;
  border-radius: 3px;
}

.img-thumbnail:hover {
  border-color: #ccc;
}

.product__zoom {
  position: absolute;
  top: 50%;
  width: 112px;
  height: auto;
  text-align: center;
  line-height: 31px;
  border-radius: 30px;
  background: rgba(39, 46, 55, .88);
  color: #fff;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  letter-spacing: normal;
  font-size:0.8125rem;
  left: 50%;
  font-size:0.8125rem;
  transform: translate(-50%, -50%);
}

.thumbnails .thumbnail:hover .product__zoom {
  opacity: 1;
  transition: opacity 200ms;
  visibility: visible;
}

.product-attr-table .name-attr,
.attr-product-content-block,
.attr-product-content-block .attr-product-list__preview {
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .product-attr-table .name-attr {
  width: 60%;
  }
}

.attr-product-content-block {
  position: relative;
  margin-top: 15px;
}

.attr-product-content-block .attr-product-list__preview {
  margin-bottom: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.product-attr-table .name-attr span {
  padding-right: 5px;
}

.product-attr-table .text-attr span {
  padding-left: 5px;
}

.product-attr-table .attr-border {
  display: -moz-inline-box;
  display: inline-block;
  zoom: 1;
  width: 100%;
  margin: 0 -100% 0 0;
  vertical-align: baseline;
  border-bottom: 1px dotted #ccc;
}

.product-attr-table.table>tbody>tr>td {
  padding: 10px 0 0 0;
}

.attr-product-content-block .attr-product-list__preview .attr-product-list__preview-text {
  color: #000;
}

.product-content .short-description {
  line-height: 23px;
  padding-bottom: 10px;
  color: #333;
}

.product-content .short-description a,
.product-content .attr-product-preview__link a {
  display: table;
  line-height: normal;
  padding-top: 5px;
}

.content-title {
  /* border-bottom: 1px solid #85929E; */
  /* padding: 20px; */
  background: #fff;
}

.box-title {
  text-transform: uppercase;
  font-weight: 700;
}

.content-title h1,
.content-title h2 {
  margin: 0;
}

.product-content .button-block .btn:hover {
  background: #f2f2f2;
}

.product-content .button-toolbar {
  cursor: pointer;
  padding-left: 50px;
  margin-bottom: 10px;
}

/*
.product-content .button-toolbar,
.product-button__toolbar i {
  height: 45px;
  line-height: 45px;
}

.product-button__toolbar i {
  float: left;
  width: 45px;
  text-align: center;
  background: #f5f5f5;
  border-radius: 100%;
  font-size:1.4375rem;
  color: #333;
}
*/

.product-content .button-toolbar:hover {
  color: #4169e1;
}

.product-content .icon-toolbar {
  font-size:1.0625rem;
}

.product-content .button-block>div {
  display: inline-block;
  cursor: pointer;
  padding: 5px 16px;
  border: 1px solid #ddd;
  font-size:0.875rem;
}

.product-content .button-block>div:hover,
.product-content .button-block>div:hover {
  border-color: #999;
}

.product-content .product-options {
  padding-bottom: 0;
}

.product-content .product-options .checkbox,
.product-content .product-options .radio {
  display: inline-block;
  margin: 0 .3rem .6rem 0;
  vertical-align: middle;
  transition: all .2s ease-in-out;
}

.product-content .discount-price .discount-summ,
.product-content .price-block .tax-summ {
  font-size:0.875rem;
  font-weight: 700;
  width: 52%;
  text-align: right;
}

.product-content .price-block__summary .price-block__base {
  font-size:2.125rem;
  line-height: 38px;
  font-weight: 700;
}

.product-content .price-block .sale-right {
  position: absolute;
  top: 0;
  right: 0;
}

.product-info__top h1 {
  display: inline-block;
  margin: 0;
  color: #000;
  font-size:1.5rem;
  font-weight: 700;
  line-height: 36px;
}

.product-content .price-block .discount-price {
  line-height: 24px;
  display: flex;
  padding: 10px;
}

.discount {
  min-width: 160px;
  width: 100%;
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 12px;
  font-size:0.875rem;
  line-height: 16px;
  margin-bottom: 7px;
}

.discount .discount-price:not(:last-child) {
  border-bottom: 1px solid #ececec;
}

.product-content .all-price .sale-right {
  text-align: center;
  display: inline-block;
}

.product-content .list-info li {
  padding-bottom: .5rem;
}

.product-content .price-block__old-price {
  color: #999;
  font-size:1.0625rem;
  position: relative;
  font-weight: 600;
  display: inline-block;
  padding-right: 5px;
}

.product-content .price-block__old-price:before {
  background: #ed143d;
  content: '';
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 50%;
  -ms-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
}

.product-content .product-rating {
  padding: 20px 0;
}

.product-content .product-rating a>span {
  color: #999;
}

.product-content .product-rating a {
  margin-left: 5px;
}

.product-attr-table>tbody>tr>td>strong {
  font-size:1.125rem;
  font-weight: 600;
}

.product-attr-table>tbody>tr>td,
.product-attr-table.table>tbody+tbody {
  border: none;
}

.price-summary .icon-check {
  font-size:1.125rem;
}

.border-left {
  padding: 0;
  /* border-left: 1px solid #ededed; */
  position: relative;
  box-shadow: 0 0 2px rgb(0 0 0 / 7%), 0 2px 24px rgb(0 0 0 / 8%);;
  padding: 24px;
}

@media only screen and (min-width:768px) {
  .border-left {
  border-left: 1px solid #ededed;
  }
}

@media only screen and (min-width:768px) {

  .content-wrapper #column-left:before,
  .border-right:before {
  right: -1px;
  }

  .content-wrapper #column-left:before,
  .border-right:before {
  content: "";
  width: 1px;
  /* background: #ededed; */
  height: 100%;
  position: absolute;
  display: block;
  bottom: 0;
  z-index: 8;
  }
}

.box-center {
  /* padding: 35px 25px; */
  padding: 0px 0px;
}

.box-left,
.box-right {
  /* padding: 35px 25px; */
  padding: 15px 15px;
}

@media (min-width:992px) {
  .flexbox .box-left {
  padding-right: 0;
  }
}

@media (max-width:991px) {

  .border-right,
  .border-left {
  border-top: 1px solid #ededed;
  }
}

.content-wrapper {
  background: #fff;
  width: 100%;
  display: inline-block;
  margin-bottom: 2rem;
}

@media (min-width:1200px) {
  .right-block {
  display: inline-block;
  vertical-align: top;
  width: 80%;
  }
}

.popup-help {
  font-size:0.9375rem;
}

.popup-help div {
  color: #999;
  margin-top: 4px;
  font-size:0.8125rem;
  font-weight: 400;
}

.popup-dropdown__right {
  right: 0;
  left: auto;
  box-shadow: -3px 5px 10px rgba(0, 0, 0, .07);
}

.popup-dropdown__close {
  position: absolute;
  top: 2rem;
  right: 3rem;
  height: 3rem;
  width: 3rem;
  text-align: center;
  outline: 0;
  -webkit-appearance: none;
  padding: 0;
  border: 0;
  background: transparent;
  border-radius: 50%;
}

.popup-dropdown__close:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(0, 0, 0, .14);
  transition: .2s ease-in-out;
}

.popup-dropdown__close:hover:before {
  border-color: transparent;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .14);
}

.popup-dropdown__close:after {
  content: "";
  position: absolute;
  background: url(/image/catalog/images/icon-svg/icon-close.svg) no-repeat;
  background-size: 100%;
  background-position: 50%;
  width: 1rem;
  height: 1rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.phone-tel {
  color: #000;
  font-weight: 500;
  font-size:1.1875rem;
  display: inline-flex;
  flex-direction: column;
}

.phone-tel a {
  color: #222;
  transition: all .3s;
  display: block;
  font-weight: 700;
  margin-bottom: 5px;

}

.phone-tel a:hover {
  color: #4f84ea;
}

.phone-text-info {
  color: #999;
  margin-bottom: 20px;
  border-bottom: 1px solid #f0f2f5;
  padding-bottom: 20px;
  font-weight: 300;
  font-size:0.8125rem;

}

#popup-cart .popup-block {
  display: inline-block;
  width: 100%;
  padding: 3rem 2.3rem;
}

#popup-cart .popup-block .image-popup {
  margin-right: 2rem;
  float: left;
}

#popup-cart .popup-block .image-popup img {
  max-height: 15rem;
  max-width: 15rem;
}

@media only screen and (max-width:767px) {
  #popup-cart .popup-block .image-popup img {
  max-height: 10rem;
  max-width: 10rem;
  }
}

#popup-cart .image-popup .thumbnail {
  border: 0;
  padding: 0;
}

#popup-cart .popup-block h4 {
  height: 6rem;
  overflow: hidden;
}

#popup-cart .popup-price {
  display: inline-block;
  margin-top: 1rem;
}

@media only screen and (max-width:767px) {
  #popup-cart .popup-block h4 {
  height: 5rem;
  overflow: hidden;
  }
}

#popup-cart .popup-h4 {
  font-size:1rem;
  line-height: 1.5;
  font-weight: 600;
  margin: 0;
}

#popup-cart .popup-block .popup-product__price {
  line-height: normal;
  font-size:2rem;
  font-weight: 700;
}

#popup-cart .popup-block .popup-button {
  margin-top: 3.6rem;
  display: inline-block;
  float: right;
}

#popup-cart .popup-price .old-price {
  font-size:1rem;
  color: #999;
  text-decoration: line-through;
  font-weight: 400;
}

#popup-cart .popup-block .popup-product__title {
  font-size:1.25rem;
  padding-bottom: 30px;
  font-weight: 600;
}

#popup-cart .popup-product__title img {
  padding-right: .5rem;
}

@media only screen and (max-width:767px) {
  #popup-cart .popup-button .btn {
  width: 100%;
  margin: 0;
  }
}

.tag {
  display: inline-block;
  padding: .25em .4em;
  font-size: 85%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  vertical-align: baseline;
  border-radius: .25rem;
}

.tag-success {
  background-color: #5cb85c;
}

.tag-info {
  background-color: #5bc0de;
}

.orange {
  color: #f0ad4e;
}

.skyblue {
  color: #5bc0de;
}

.grey {
  color: #999;
}

.black {
  color: #000
}

.b-border {
  border-bottom: 1px solid #ededed;
}

#column-left:before {
  content: '';
  display: block;
  height: 100%;
  width: 1px;
  top: 0;
  position: absolute;
  z-index: 2;
  background: #ededed;
}

#column-left:before {
  right: 0;
}

@media only screen and (min-width:768px) {
  .category-content .row-box.cat-row:before {
  content: '';
  display: block;
  height: 100%;
  width: 1px;
  top: 0;
  position: absolute;
  z-index: 2;
  margin-left: -1px;
  background: #ededed;
  }
}

.grid-bottom {
  padding: 15px;
  border-top: 1px solid #ededed;
  overflow: hidden;
  border-bottom: 1px solid #ededed;
  display: flex;
  justify-content: space-between;
  align-items: center;
}


/* tools */

@media screen and (max-width: 991px) {
  .m-b-15-sm {
  margin-bottom: 15px;
  }
}

.text-xs {
  font-size:0.75rem;
}

.text-sm {
  font-size:0.8125rem;
}

.text-md {
  font-size:0.875rem;
}

.text-lg {
  font-size:0.9375rem;
}

.m-t-0 {
  margin-top: 0;
}

.m-t-1 {
  margin-top: 10px;
}

.m-t-2 {
  margin-top: 20px;
}

.mb-10,
.m-b-1 {
  margin-bottom: 10px;
}

.mb-20,
.m-b-2 {
  margin-bottom: 20px;
}

.mb-30,
.m-b-3 {
  margin-bottom: 30px;
}

.p-0 {
  padding: 0;
}

.p-0-15 {
  padding: 0 1.5rem;
}

.p-1 {
  padding: 1rem;
}

.p-r-0 {
  padding-right: 0;
}

.p-20-0 {
  padding: 20px 0;
}

.p-r-1 {
  padding-right: 10px;
}

.p-15 {
  padding: 1.5rem;
}

.p-t-0 {
  padding-top: 0;
}

.p-b-0 {
  padding-bottom: 0;
}

.p-t-1 {
  padding-top: 10px;
}

.p-t-2 {
  padding-top: 20px;
}

.f-left {
  float: left;
}

.height-4 {
  height: 40px;
}

.f-s-0 {
  font-size: 0;
}

.f-s-1 {
  font-size:0.6875rem;
}

.f-s-13 {
  font-size:0.8125rem;
}

.f-s-14 {
  font-size:0.875rem;
}

.f-s-16 {
  font-size:1rem;
}

.f-s-18 {
  font-size:1.125rem;
}

.f-s-2 {
  font-size:1.25rem;
}

.d-b {
  display: block;
}

.m-0-auto {
  margin: 0 auto;
}

.m-l-5 {
  margin-left: 5px;
}

.m-l-10 {
  margin-left: 10px;
}

.m-r-1 {
  margin-right: 10px;
}

.m-r-2 {
  margin-right: 20px;
}

.m-b-0 {
  margin-bottom: 0;
}

.m-t-5 {
  margin-top: 5px;
}

.d-i-b {
  display: inline-block;
}

.wdth-45 {
  width: 40px;
  height: 40px;
}

.v-a-m {
  vertical-align: middle;
}

.border-c {
  border: 1px solid #ccc;
}

.m-b-15 {
  margin-bottom: 15px;
}

.m-t-15 {
  margin-top: 15px;
}

.modal {
  text-align: center;
}

@media only screen and (min-width:768px) {
  .modal:before {
  display: inline-block;
  vertical-align: middle;
  content: " ";
  height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

@media (min-width:768px) {
  .modal-content {
  -webkit-box-shadow: 2px 7px 11px 0 rgba(0, 0, 0, .22);
  box-shadow: 2px 7px 11px 0 rgba(0, 0, 0, .22);
  }

  #modal-wishlist .modal-dialog,
  #modal-compare .modal-dialog,
  #popup-option .modal-dialog {
  width: 500px;
  }
}

.modal-content {
  border: .1rem solid transparent;
  box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .3);
  border-radius: 8px;
  -webkit-animation: submenu-show 0.3s cubic-bezier(.68, -.55, .265, 1.55);
  animation: submenu-show 0.3s cubic-bezier(.68, -.55, .265, 1.55);
}

.modal-header,
.modal-body,
.modal-footer {
  padding: 20px;
}

.close {
  position: absolute;
  top: 10px;
  right: 0;
  margin-right: 1.5rem;
  font-size: 3rem;
  z-index: 100;
  font-weight: 100;
  filter: alpha(opacity=50);
  opacity: .5;
}

#modal-wishlist .modal-success,
#modal-compare .modal-success,
#popup-option .modal-success,
#review-popup .modal-success {
  padding: 2.5rem 3rem;
}

#modal-wishlist .modal-success img,
#modal-compare .modal-success img,
#popup-option .modal-success img,
#review-popup .modal-success img {
  position: absolute;
  left: 1.5rem;
  top: 2.3rem;
}

.account-row li {
  margin-bottom: 2rem;
  position: relative;
}

.account-row li a {
  text-decoration: none;
  display: block;
  height: 50px;
  line-height: 50px;
  padding-left: 40px;
  color: #000;
}

.account-row li:hover {
  background: #f8f8f8;
}

.account-row li>span {
  position: absolute;
  top: 13px;
  left: 13px;
  z-index: 1;
  font-size:1.5rem;
  color: #2781ff;
}

.account-row h4 {
  border-bottom: 1px solid #ddd;
  min-height: 4rem;
}

input[type=radio] {
  vertical-align: sub;
  min-height: 0;
  padding-left: 2.6rem;
  height: 1.6rem;
  line-height: 1.6rem;
  position: relative;
  margin: .2rem;
}

input[type=radio]:before {
  border: 2px solid #d9d9d9;
  border-radius: 50%;
  content: ' ';
  background: #fff;
  position: absolute;
  left: -4px;
  top: -2px;
  bottom: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

input[type=radio]:checked:before {
  border-color: #2b90ff;
}

input[type=radio]:checked:after {
  content: ' ';
  width: 8px;
  height: 8px;
  background: #1e90ff;
  border-radius: 2rem;
  position: absolute;
  left: 2px;
  top: 4px;
}

input[type=checkbox],
input[type=radio] {
  cursor: pointer;
}

input[type=checkbox] {
  position: relative;
}

input[type=checkbox]:before {
  border: 2px solid #d9d9d9;
  border-radius: 3px;
  content: ' ';
  background: #fff;
  position: absolute;
  width: 20px;
  height: 20px;
  top: -3px;
  left: 0;
}

input[type=checkbox]:checked:before {
  background-color: #1e90ff;
  border-color: #1e90ff;
}

input[type=checkbox]:checked:after {
  content: ' ';
  width: 6px;
  height: 12px;
  background: transparent;
  position: absolute;
  left: 7px;
  transform: rotate(45deg);
  border: 1px solid #fff;
  border-width: 0 2px 2px 0;
  cursor: pointer;
}

.checkbox label,
.radio label,
.checkbox-inline,
.radio-inline {
  padding-left: 30px;
}

input[type=radio]:hover:before,
input[type=checkbox]:hover:before {
  border-color: #999;
}

input[type=radio]:hover:checked:before,
input[type=checkbox]:hover:checked:before {
  border-color: #2b90ff;
}

.checkbox,
.radio {
  margin-bottom: 15px;
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
  margin-left: -25px;
}

.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
  padding-bottom: 7px;
}

.fake-checkbox label,
.fake-radio label {
  padding: 10px;
  border-width: 2px;
  height: auto;
  line-height: 1.2;
  border-radius: 3px;
  border-color: #ededed;
  background: #E0E9F9;
  color: #000;
}

.fake-checkbox label:hover,
.fake-radio label:hover {
  background: transparent;
  border-color: #ccc;
}

.fake-checkbox input[type=checkbox],
.fake-radio input[type=radio] {
  margin-left: 1rem;
  display: none;
}

.fake-checkbox input:checked+label,
.fake-radio input:checked+label {
  color: #fff;
}

.fake-checkbox input:checked+label,
.fake-radio input:checked+label {
  background-color: transparent;
  border-color: #0060e8;
  box-shadow: none;
  color: #0060e8;
}

#ScrollTop {
  position: fixed;
  bottom: 4rem;
  left: 4rem;
  cursor: pointer;
  display: none;
  z-index: 8;
  text-shadow: .2rem .2rem .4rem rgba(0, 0, 0, .3);
}

#ScrollTop span {
  color: #fff;
  background: #4169e1;
  border-radius: 50%;
  width: 50px;
  display: inline-block;
  height: 50px;
  text-align: center;
  line-height: 50px;
}

#ScrollTop span:hover {
  background: #ed143d;
  color: #fff;
}

.review-rating {
  font-size: 0;
  color: #dadae6;
  display: inline-block;
  vertical-align: middle;
}

.review-rating input {
  display: none;
}

.review-rating * {
  font-size:1.125rem;
  margin: 0;
}

.review-rating label {
  color: #dadae6;
}

.review-rating label .ion-android-star {
  font-size:1.75rem;
  padding: .2rem .4rem .2rem 0;
  cursor: pointer;
}

.review-star.active,
.review-star.checked {
  color: #ffa500;
}

#review .review-wrap {
  position: relative;
  margin-bottom: 3rem;
  width: 100%;
  display: table;
}

@media only screen and (min-width:768px) {
  #review .review-head {
  width: 25%;
  display: table-cell;
  vertical-align: top;
  }

  #review .review-body {
  display: table-cell;
  width: 75%;
  }

  #review .review-body:before {
  border-bottom: 16px solid transparent;
  border-right: 16px solid #f7f7f7;
  border-top: 16px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: -16px;
  position: absolute;
  width: 0;
  }
}

#review .review-head .review-date {
  color: #b5b5b5;
  display: block;
  margin-top: 1rem;
  margin-bottom: .5rem;
  font-size:0.875rem;
}

#review .review-head .rating {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

#review .review-date>span {
  padding-right: .3rem;
}

#review .review-body {
  background: #f7f7f7;
  padding: 2rem;
  position: relative;
  border-radius: 3px;
  color: #545454;
  line-height: 2.6rem;
}

#review .review-username {
  font-size: 1.7rem;
}

.review-box-title {
  font-size:1.375rem;
  font-weight: 700;
}

.comment-info {
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
  position: relative;
  padding-bottom: 30px;
}

.review-box-title>span {
  padding-bottom: 20px;
  display: inline-block;
}

.comment-info:before {
  content: ' ';
  background: #ededed;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
}

#myModal .input-title {
  display: block;
  margin-bottom: 1rem;
  font-size:0.875rem;
}

.rating-reviews-qty {
  vertical-align: middle;
  margin-left: 6px;
  font-size:0.875rem;
  color: #000;
}

.rating-reviews-qty .ion-ios-chatbubble {
  font-size:1.375rem;
  line-height: 1;
  margin-right: 3px;
}

.sale-sticker {
  text-align: center;
  width: 40px;
  font-size:0.75rem;
  border-radius: 3px;
  background-color: #ffea00;
  color: #CC0000;
  line-height: 18px;
  font-weight: 700;
  height: auto;
  display: inline-block;
  /* vertical-align: middle; */
}

.sale {
  /* position: absolute; */
  z-index: 1;
  bottom: 70px;
  left: 15px;
}

.product-sticker {
  left: 0;
}

.product-page-sticker {
  top: 78px;
  left: 235px;
  bottom: auto;
  line-height: 25px;
  width: 50px;
  font-size:0.875rem;
}

.pagination {
  margin: 0;
}

.pagination>li>a,
.pagination>li>span {
  border: 1px solid #ededed;
  text-align: center;
  margin-left: -.2rem;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  background-color: #ededed;
  border-color: #ededed;
  color: #000;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
  border-color: #ededed;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
  background-color: #f8f8f8;
}

.tooltip-inner {
  font-family: 'Open Sans', sans-serif;
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .1);
  background: #424A54;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #424A54;
}

.tooltip.in {
  filter: alpha(opacity=100);
  opacity: 1;
}

.fade.in,
.tooltip.in {
  transition: opacity 0.15s;
}

.product-layout.product-list {
  margin-bottom: -2px;
}

@media (min-width:1200px) {
  .product-layout.col-lg-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  }
}

@media (min-width:1360px) {
  .product-layout.col-lg-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  }
}

.cat-layout {
  padding: 0;
}

.row-grid {
  margin-bottom: 30px;
  width: 100%;
  position: relative;
  display: inline-block;
}


.section-title {
  position: relative;
  margin-bottom: 0px;
}

/* Slick slider init */
.slider {
  display: flex;
}

/* 
 .slick-slide {
   padding: 10px; 
   margin: 20px; 
   filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1)); 
}
*/

/* Pridať vlastné šípky ako background obrázky alebo SVG */
.slick-prev,
.slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
  z-index: 10;
}

/* Predchádzajúca šípka (vľavo) */
.slick-prev {
  left: 12px;
}

.slick-prev::before {
  width: 40px;
  height: 40px;
  font-family: FontAwesome;
  content: "\f053"; 
  color: rgba(0,0,0,0.8);
  font-size:2.5rem;
}

/* Nasledujúca šípka (vpravo) */
.slick-next {
  right: 12px;
}

.slick-next::before {
  width: 40px;
  height: 40px;
  font-family: FontAwesome;
  content: "\f054"; 
  color: rgba(0,0,0,0.8);
  font-size:2.5rem;
}

/* Pri hover meníme iba pozadie, nie obrázok 
.slider-area:hover .slick-prev {
  background-color: rgba(0, 0, 0, 0.7);
}
*/

/* Pri hover meníme iba pozadie, nie obrázok 
.slider-area:hover .slick-next {
  background-color: rgba(0, 0, 0, 0.7);
}
*/
/* Slick slider init */

.support:before,
.support:after {
  content: "";
  display: table;
}

.support-box {
  /* display: table-cell; */
  vertical-align: top;
}

.support li {
  width: 48%;
  font-size:1.4375rem;
  color: #fff;
  line-height: 19px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  border-radius: 8px;
  margin-bottom: 2%;
  margin-right: 2%;
  height: 230px;
}

.support-list:before,
.support-list:after {
  content: "";
  display: table;
}

.support li {
  font-size:0.875rem;
}

.support-list {
  font-size: 0;
  line-height: 0;
}

.support-list>li>strong {
  display: inline-block;
  padding-bottom: 5px;
  text-transform: uppercase;
}

.support li:nth-child(1) {
  background: #3cb371;
}

.support li:nth-child(2) {
  background: #174fff;
}

.support li:nth-child(3) {
  background: #c71585;
}

.support li:nth-child(4) {
  background: #dd4a38;
}

.support li:nth-child(5) {
  background: #8b008b;
}

.support a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  font-size:0.875rem;
}

.support-link {
  position: relative;
  display: block;
  height: 150px;
  padding: 18px;
}

.support-link.support-geocode i {
  position: absolute;
  top: 70px;
  left: 70px;
}

.form-box {
  padding: 35px;
  border-radius: 6px;
  background: #e1e5ed;
}

.support-link.support-geocode i {
  position: absolute;
  top: 70px;
  left: 70px;
}

.wishlist a {
  float: right;
  margin-right: 5px;
  width: 40px;
}

.account-bookmark:hover {
  box-shadow: none;
}

.wishlist .price {
  font-size: 0;
}

.account-bookmark h4 a {
  line-height: 18px;
}

.wishlist .product_price .price-new {
  font-size:0.875rem;
}

.sitemap a {
  font-size:0.875rem;
  line-height: 1.5;
  color: #000;
}

.sitemap ul {
  display: block;
  list-style-type: disc;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 40px;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  padding: 10px;
}

.product-thumb .btn-account-wishlist {
  position: absolute;
  top: 15px;
  right: 15px;
}

@-webkit-keyframes submenu-show {
  from {
  -webkit-transform: scale(.85);
  transform: scale(.85);
  opacity: 0;
  }

  to {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  }
}

@keyframes submenu-show {
  from {
  -webkit-transform: scale(.85);
  transform: scale(.85);
  opacity: 0;
  }

  to {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  }
}

.dropdown-menu>li>.btn-sign-in {
  padding: 7px 10px 7px;
  color: #fff;
}

.dropdown-menu>li>.btn-sign-in:hover {
  color: #fff;
  background-color: #5D6D7E;
  border-color: #fff;
}

.dropdown-menu .nav-login {
  font-size:0.8125rem;
  padding: 20px 20px 0 20px;
}

.dropdown-menu .nav-login-btn {
  padding: 0 20px 15px 20px;
}

#modal-popuplogin .form-head {
  border-bottom: 2px solid;
  padding: 34px 75px 35px 35px;
}

#modal-popuplogin .form-border {
  border-bottom-color: #4169e1;
}

#modal-popuplogin .main-heading {
  font-size: 1.866em;
  line-height: 28px;
  font-weight: 700;
}

#modal-popuplogin .modal-form {
  padding: 29px 35px 35px;
  min-height: 108px;
}

#modal-popuplogin .form-forgotten {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#modal-popuplogin .modal-form .text-danger,
#modal-popuplogin .form-register-text-value,
#modal-popuplogin .form-forgotten a {
  font-size:0.8125rem;
}

#modal-popuplogin .form-register-text-value {
  color: gray;
  font-size:0.6875rem;
}

@media (min-width: 768px) {
  #modal-popuplogin .modal-dialog {
  min-width: 420px;
  max-width: 520px;
  }
}

#modal-popuplogin .form-footer {
  padding: 28px 0px 37px;
  padding-left: 35px;
  padding-right: 35px;
  border-top: 1px solid #F2F2F2;
  border-radius: 8px;
  background: #f7f7f7;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#modal-popuplogin .form-footer .form-register-text {
  margin-top: 10px;
}

@media (min-width: 550px) {
  #modal-popuplogin .form-footer .form-register-text {
  flex: 1;
  padding-left: 20px;
  margin: 0;
  }
}

#modal-popuplogin .form-footer .btn-register {
  border: 1px solid #d69400;
  padding: 8px 15px;
  border-radius: 3px;
  color: #d69400;
  font-size:0.8125rem;
}

.dropdown-menu .nav-register-link>a {
  background: transparent;
  padding-top: 0;
  padding-bottom: 15px;
  color: #009ee0;
  font-size:0.8125rem;
  font-weight: bold;
}

.dropdown-menu .nav-register-link>a:hover {
  background: transparent;
}

hr {
  border-top: 1px solid #ededed;
}

@media (min-width:1200px) {
  .product-layout.col-lg-3 {
  width: 20%;
  }
}

@media (min-width:1200px) {
  .product-layout.col-lg-4 {
  width: 25%;
  }
}

@media screen and (min-width:768px) {
  .container {
  max-width: 1575px;
  /*max-width: 87.890625vw; */
  width: 100%;
  margin: 0 auto; /* vycentrovanie */
  }
}

/* new rules test*/
/*
@media screen and (min-width:1600px) {
  .container {
  max-width: 1575px;
  width: 100%
  }
}
@media screen and (min-width:1440px) and (max-width:1599px) {
  .container {
  max-width: 1400px;
  width: 100%
  }
}
@media screen and (min-width:1360px) and (max-width:1439px) {
  .container {
  max-width: 1320px;
  width: 100%
  }
}
@media screen and (min-width:1280px) and (max-width:1359px){
  .container {
  max-width: 1250px;
  width: 100%
  }
}
@media screen and (min-width:1200px) and (max-width:1279px) {
  .container {
  max-width: 1170px;
  width: 100%
  }
}
@media screen and (min-width:1170) and (max-width:1199px){
  .container {
  max-width: 1140px;
  width: 100%
  }
}
@media screen and (min-width:1024px) and (max-width:1169px) {
  .container {
  max-width: 999px;
  width: 100%
  }
}
*/

.brand-logo {
  margin-bottom: 10px;
}

.brand-logo a {
  display: block;
}

.brand-logo img {
  padding: 15px;
  -webkit-transition: -webkit-transform .15s ease-out;
  transition: transform .15s ease-out;
  transition: transform .15s ease-out, -webkit-transform .15s ease-out;
}

.brand-logo .brand-name {
  text-transform: uppercase;
  color: #333;
  font-weight: 700;
  font-size:0.875rem;
}

.brand-logo .brand-name:hover {
  text-decoration: underline;
}

@media only screen and (min-width:1200px) {
  .brand-logo:hover img {
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
  }
}

.banner-apple-text {
  position: absolute;
  z-index: 5;
  top: 10%;
  left: 15%;
}

/*
.viewed-box .product-thumb {
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 8px;
  background: #f3f5f7;
  position: relative;
  overflow: hidden;
  height: 195px;
}

.viewed-box .product-thumb:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 7px 14px 0 rgb(0 0 0 / 10%);
  box-shadow: 0 7px 14px 0 rgb(0 0 0 / 10%);
}

.viewed-box .product-thumb:hover:before {
  display: flex;
}

.viewed-box .image {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 75px;
  height: 75px;
  margin: 0;
}

.viewed-box .image img {
  display: inline-block;
  width: auto;
  max-width: 100%;
  max-height: 100%;
}

.viewed-box .product-thumb.transition .caption {
  padding-left: 90px;
  min-height: auto;
}

.viewed-box .caption h4 {
  font-size:0.8125rem;
  line-height: normal;
  margin: 0 0 17px;
  max-height: 45px;
  overflow: hidden;
}

.viewed-box .caption .price {
  font-size:0.9375rem;
  font-weight: bold;
  color: #000;
}
*/

.product_price {
  display: flex;
  align-items: center;
}

.viewed-viewed .product-thumb {
  margin: 10px;
  margin-bottom: 20px;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}

.viewed-viewed .image {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
}

.viewed-viewed .image img {
  display: inline-block;
  width: auto;
  max-width: 100%;
  max-height: 100%;
}

.viewed-viewed .product-thumb.transition .caption {
  padding-left: 90px;
  min-height: auto;
}

.viewed-viewed .caption h4 {
  font-size:0.8125rem;
  line-height: normal;
  margin: 0 0 17px;
  max-height: 45px;
  overflow: hidden;
}

.viewed-viewed .caption .price {
  font-size:0.9375rem;
  font-weight: bold;
  color: #000;
}

/*
#top-container {
  height: 30px;
  line-height: 30px;
  background-color: #333;
  font-size: 0;
}

@media only screen and (max-width:768px) {
  #top-container {
  white-space: nowrap;
  overflow-x: scroll;
  }
}

#top-container .top-item>ul>li {
  display: inline-block;
  vertical-align: top;
  color: #fff;
  font-weight: 400;
}

#top-container .top-item>ul>li>a {
  color: #fff;
  display: block;
  padding: 0 15px;
  font-size:0.8125rem;
}

#top-container .top-item>ul>li:hover {
  background: #0060e8;
}
*/

/* checkout icon */
.panel-default>.panel-heading {
  padding: 20px;
}

.panel-default .panel-heading .fa {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.panel-default .panel-heading .fa {
  color: #000;
  font-size:1.25rem;
  line-height: 10px;
}

.icon2 {
  float: left;
  margin-right: 8px;
  margin-top: 5px;
}

/* checkout icon */

/* Alert-success ANIMATION */
.container>.alert,
.breadcrumb+.alert {
  position: fixed;
  z-index: 10004;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-animation: alert-anim 1s cubic-bezier(1, -0.01, 0, 0.99);
  -moz-animation: alert-anim 1s cubic-bezier(1, -0.01, 0, 0.99);
  -ms-animation: alert-anim 1s cubic-bezier(1, -0.01, 0, 0.99);
  -o-animation: alert-anim 1s cubic-bezier(1, -0.01, 0, 0.99);
  animation: alert-anim 1s cubic-bezier(1, -0.01, 0, 0.99);
}

.container>.alert .alert,
.breadcrumb+.alert .alert {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
}

.container>.alert .alert,
.breadcrumb+.alert .alert {
  top: -100%;
}

.product_page-right .alert {
  margin-top: 20px;
}

.alert, .alert-min {
  position: relative;
  padding: 18px 40px 18px 75px;
  z-index: 30;
  color: #FFF;
  border-radius: 0;
  min-height: 60px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  font-weight: 700;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  -moz-transition: 1s all cubic-bezier(1, -0.01, 0, 0.99);
  -o-transition: 1s all cubic-bezier(1, -0.01, 0, 0.99);
  -webkit-transition: 1s all cubic-bezier(1, -0.01, 0, 0.99);
  transition: 1s all cubic-bezier(1, -0.01, 0, 0.99);
}

.alert i, .alert-min i {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  text-align: center;
  width: 60px;
  font-size:2.5rem;
  -webkit-animation: alert-icon-anim 1s;
  -moz-animation: alert-icon-anim 1s;
  -ms-animation: alert-icon-anim 1s;
  -o-animation: alert-icon-anim 1s;
  animation: alert-icon-anim 1s;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
}

.alert i:before, .alert-min i:before {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  line-height: 0;
}

.alert a:hover {
  text-decoration: underline;
}

.alert button.close {
  position: absolute;
  top: 50%;
  line-height: 1;
  right: 15px;
  color: #FFF;
  opacity: .7;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.alert button.close:hover,
.alert button.close:focus {
  opacity: 1;
  color: #FFF;
}

.alert .alert {
  top: 100%;
}

@media (max-width: 479px) {
  .alert {
  padding-right: 30px;
  }

  .alert button.close {
  right: 5px;
  }
}

.alert-success {
  background-color: #5D6D7E;
}

.alert-success {
  background-color: #5D6D7E;
}

.alert-success i {
  background: #84c5e6;
}

.alert-success a,
.alert-success a:visited,
.alert-success a:focus,
.alert-success a:hover {
  color: #C8E6C9;
}

.alert-danger {
  background-color: #F44336;
}

.alert-danger i {
  background: #D32F2F;
}

.alert-danger a,
.alert-danger a:visited,
.alert-danger a:focus,
.alert-danger a:hover {
  color: #FFCDD2;
}

.alert-info {
  background-color: #03A9F4;
}

.alert-info i {
  background: #0288D1;
}

.alert-info a,
.alert-info a:visited,
.alert-info a:focus,
.alert-info a:hover {
  color: #B3E5FC;
}

.alert-warning {
  background-color: #FF5722;
}

.alert-warning i {
  background: #E64A19;
}

.alert-warning a,
.alert-warning a:visited,
.alert-warning a:focus,
.alert-warning a:hover {
  color: #FFCCBC;
}

@-ms-keyframes alert-anim {
  0% {
  top: -100%;
  }

  60% {
  top: 0;
  }

  100% {
  top: 0;
  }
}

@-o-keyframes alert-anim {
  0% {
  top: -100%;
  }

  60% {
  top: 0;
  }

  100% {
  top: 0;
  }
}

@-webkit-keyframes alert-anim {
  0% {
  top: -100%;
  }

  60% {
  top: 0;
  }

  100% {
  top: 0;
  }
}

@-moz-keyframes alert-anim {
  0% {
  top: -100%;
  }

  60% {
  top: 0;
  }

  100% {
  top: 0;
  }
}

@keyframes alert-anim {
  0% {
  top: -100%;
  }

  60% {
  top: 0;
  }

  100% {
  top: 0;
  }
}

@-ms-keyframes alert-anim2 {
  0% {
  top: -100%;
  }

  60% {
  top: 100%;
  }

  100% {
  top: 100%;
  }
}

@-o-keyframes alert-anim2 {
  0% {
  top: -100%;
  }

  60% {
  top: 100%;
  }

  100% {
  top: 100%;
  }
}

@-webkit-keyframes alert-anim2 {
  0% {
  top: -100%;
  }

  60% {
  top: 100%;
  }

  100% {
  top: 100%;
  }
}

@-moz-keyframes alert-anim2 {
  0% {
  top: -100%;
  }

  60% {
  top: 100%;
  }

  100% {
  top: 100%;
  }
}

@keyframes alert-anim2 {
  0% {
  top: -100%;
  }

  60% {
  top: 100%;
  }

  100% {
  top: 100%;
  }
}

@-ms-keyframes alert-icon-anim {
  0% {
  font-size: 0;
  }

  60% {
  font-size: 0;
  }
}

@-o-keyframes alert-icon-anim {
  0% {
  font-size: 0;
  }

  60% {
  font-size: 0;
  }
}

@-webkit-keyframes alert-icon-anim {
  0% {
  font-size: 0;
  }

  60% {
  font-size: 0;
  }
}

@-moz-keyframes alert-icon-anim {
  0% {
  font-size: 0;
  }

  60% {
  font-size: 0;
  }
}

@keyframes alert-icon-anim {
  0% {
  font-size: 0;
  }

  60% {
  font-size: 0;
  }
}

/* Alert-success ANIMATION */

.product-economy_block {
  font-size:0.8125rem;
}

.value-economy {
  padding: 5px 8px;
  background: #FFD5D5;
  color: #CC0000;
  border-radius: 3px;
  font-weight: 700;
  margin-left: 5px;
}

.economy-title {
  font-weight: 700;
  font-size:0.875rem;
}

.testt {
 padding: 3px 10px;
 border-radius: 6px;
}

#modal-cart .modal-success .modal-img {
  text-align: center
}

#modal-cart .modal-success .modal-message {
  margin: 10px 0;
}

@media only screen and (min-width:612px) {

  #modal-cart .modal-success .modal-message,
  #modal-cart .modal-success .modal-img,
  #modal-cart .modal-success .all-price {
  display: inline-block;
  vertical-align: top;
  }

  #modal-cart .modal-success .all-price {
  padding-left: 20px;
  width: 180px;
  }

  #modal-cart .modal-success .modal-img {
  text-align: center;
  margin-right: 15px;
  }

  #modal-cart .modal-success .modal-message {
  font-size:0.875rem;
  width: 258px;
  margin-top: 0;
  }
}

#modal-cart .modal-success .modal-message>.form-group:first-child {
  margin-bottom: 5px;
  color: #222;
  font-weight: 600;
  font-size:0.875rem;
}

#modal-cart .modal-success .modal-message .alert-light {
  border-color: #f2f6f8;
  margin-bottom: 0;
}

#modal-cart .modal-success .old-price {
  font-size:1rem;
  color: #b8b8b8;
  font-weight: 400;
  text-decoration: line-through;
  text-align: right;
  padding-right: 5px;
}

#modal-cart .modal-success .new-price {
  text-align: right;
  position: relative;
  font-size:1.3125rem;
  font-weight: 600;
  color: #333;
}

#modal-cart .modal-success .economy {
  text-align: right;
  padding-top: 10px;
}

#modal-cart .modal-success .economy-text {
  display: inline-block;
}

#modal-cart .m-0 {
  margin: 0;
}

#modal-cart .close {
  top: 1rem;
}

#modal-compare .modal-body .show-text,
#modal-wishlist .modal-body .show-text {
  overflow: hidden;
  padding: 10px 0 20px 0;
  font-size:1rem;
  display: block;
}

#modal-cart .modal-success .sku {
  display: block;
  padding-bottom: 10px;
}

.mobile-header {
  height: 5rem;
  background: #252d4c;
  position: fixed;
  width: 100%;
  z-index: 10;
}

.mobile-hamburger {
  position: absolute;
}

.mobile-icon {
  color: #fff;
  display: block;
  width: 6rem;
  height: 5rem;
  text-align: center;
  line-height: 5rem;
}

.mobile-icon>i {
  font-size: 3.3rem;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5;
}

.mobile-sidebar.open {
  transform: translateX(0);
}

.mobile-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  background-color: #fff;
  width: 100%;
  height: 100%;
  transition: transform .45s cubic-bezier(.19, 1, .22, 1);
  transform: translateX(-100%);
  overflow-x: hidden;
  overflow-y: auto;
}

.mobile-sidebar_container {
  padding: 0;
  height: 100%;
}

.mobile-sidebar_inner {
  max-width: 154rem;
  height: 100%;
  margin: 0 auto;
}

.mobile-sidebar-list {
  margin: 0;
  padding: 0 1rem;
  list-style-type: none;
  padding-top: 5rem;
}

.mobile-sidebar-list_item {
  border-bottom: 1px solid #ededed;
}

.mobile-sidebar-list_item .phone {
  font-weight: 900;
  color: #222;
}

.mobile-sidebar-list_item:first-child {
  border-top: 1px solid #ededed;
}

.mobile-sidebar-list_item_header {
  background-color: #ededed;
  height: 6rem;
  margin: 0 -1rem;
  font-size: 0;
  line-height: 0;
}

.mobile-sidebar-list_item_empty {
  background-color: transparent;
  margin: 0;
}

.mobile-sidebar-list_link {
  display: block;
  color: #666;
}

.mobile-sidebar-list_link {
  padding: 1.5rem;
}

.mobile-logo {
  display: table-cell;
  height: inherit;
  vertical-align: top;
  transition: background .2s ease-in-out;
  padding-left: 5rem;
}

.mobile-logo img {
  max-width: 80%;
}

.mobile-logo:after {
  content: "";
  width: 0;
  height: 100%;
}

.mobile-logo a {
  font-weight: 700;
  color: #fff;
  font-size: 2.4rem;
}

.mobile-logo:after,
.mobile-logo a {
  display: inline-block;
  vertical-align: middle;
}

.mobile-user_header i,
.mobile-user_cart i,
.mobile-header-wishlist,
.mobile-header-compare i {
  font-size: 3rem;
  color: #fff;
}

.mobile-header-compare {
  position: absolute;
  right: 14rem;
  top: 0;
  width: 5rem;
  height: 5rem;
  line-height: 2;
  text-align: center;
}

.mobile-header-compare .compare-count,
.mobile-header-wishlist .wishlist-count {
  top: 8px;
  right: 0;
}

.mobile-header-wishlist {
  position: absolute;
  right: 7.5rem;
  width: 5rem;
  height: 5rem;
  text-align: center;
  line-height: 1.9;
}

.mobile-header-wishlist a {
  color: #fff;
}

.mobile-user_cart .cart>button {
  border: none;
  line-height: 0;
  height: 0;
}

.mobile-user_cart .cart>button .count {
  top: -5px;
  right: -10px;
}

.mobile-user_cart .cart>button .subtotal {
  display: none;
}

.mobile-user_cart .cart-text,
.mobile-user_cart .cart-right_container {
  padding: 0;
}

.mobile-user_cart .cart-total_content,
.mobile-user_cart .cart-text,
.mobile-user_cart .cart-right_container {
  text-align: left;
}

.mobile-user_cart .cart-total_title {
  font-size: 14px
}

.mobile-user_cart .cart-product-inner {
  height: 10rem;
}

.mobile-user_cart .cart-product_total {
  padding-left: 1rem;
}

.mobile-user_cart .cart-product_remove-button,
.mobile-user_cart .cart-product_total {
  vertical-align: top;
  margin-top: 4px;
}

.mobile-user_cart .cart-products {
  margin-bottom: 2rem;
}

.mobile-user_cart .cart-dropdown_title,
.mobile-user_cart .cart-block_bottom {
  padding: 0 2rem;
}

.mobile-user_cart .cart-body {
  width: 100%;
}

.mobile-user_cart .cart-content {
  padding: 8rem 2rem;
}

.mobile-user_cart .img-thumbnail {
  max-width: 5rem;
}

.mobile-user_cart .cart-options {
  padding: 0 1rem;
  margin: .4rem 0 1rem;
  width: 19rem;
}

.mobile-user_cart .cart-image_link {
  float: left;
  padding: 0 1rem;
}

.mobile-user_cart .cart-options>a {
  font-size:0.8125rem;
}

.mobile-user_cart .cart-dropdown.show {
  position: fixed;
  width: 100%;
  height: 100vh;
  opacity: 1;
  bottom: auto;
  overflow: auto;
}

.mobile-user_header {
  position: absolute;
  top: 0;
  right: 20rem;
  line-height: 1.9;
  width: 5rem;
  height: 5rem;
  text-align: center;
}

.mobile-user_cart {
  position: absolute;
  right: 25px;
  top: 12px;
  width: 30px;
  height: 30px;
}

.mobile-user_cart .mobile-cart-counter {
  display: inline-block;
  vertical-align: middle;
}

.mobile-search-close {
  display: none;
}

.mobile-top_container {
  position: fixed;
  width: 100%;
  z-index: 10;
}

/*
@media only screen and (max-width:991px) {
  .search-mobile {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  z-index: 100;
  background-color: #fff;
  padding: 0;
  transition: transform .4s cubic-bezier(.19, 1, .22, 1);
  transform: translateY(100%)
  }
  .search-mobile.show {
  visibility: visible;
  opacity: 1
  }
  .search-mobile.open {
  transform: translateY(0)
  }
  .search-mobile_container {
  position: absolute;
  top: 6rem;
  left: 0;
  width: 100%;
  padding: 0 1rem
  }
  .mobile-search-close {
  display: block
  }
}
*/

@media only screen and (min-width:992px) {
  .large-item {
  border: none !important;
  list-style: none;
  display: inline-block;
  vertical-align: top;
  }
}

/* bootstrap grid */

.container-fluid {
  width: 100%;
  max-width: 1540px;
  /* max-width: 87.890625vw; */
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

@media screen and (max-width: 767px) {
  .no-gutters-sm {
  margin-right: 0;
  margin-left: 0;
  }
  .no-gutters-sm>.col,
  .no-gutters-sm>[class*="col-"] {
  padding-right: 0;
  padding-left: 0;
  }
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

.col-xs-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-xs-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-xs-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-xs-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-xs-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-xs-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-xs-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-xs-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-xs-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-xs-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-xs-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-xs-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width:576px) {
  .col-xs {
  -ms-flex-preferred-size: 0;
  flex-basis: 0%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  }

  .col-xs-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  }

  .col-xs-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
  }

  .col-xs-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
  }

  .col-xs-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  }

  .col-xs-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  }

  .col-xs-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
  }

  .col-xs-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  }

  .col-xs-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
  }

  .col-xs-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
  }

  .col-xs-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
  }

  .col-xs-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
  }

  .col-xs-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
  }

  .col-xs-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  }

  .order-xs-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  }

  .order-xs-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13;
  }

  .order-xs-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  }

  .order-xs-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  }

  .order-xs-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  }

  .order-xs-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  }

  .order-xs-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  }

  .order-xs-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
  }

  .order-xs-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
  }

  .order-xs-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
  }

  .order-xs-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
  }

  .order-xs-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
  }

  .order-xs-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
  }

  .order-xs-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
  }

  .order-xs-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
  }

  .offset-xs-0 {
  margin-left: 0;
  }

  .offset-xs-1 {
  margin-left: 8.333333%;
  }

  .offset-xs-2 {
  margin-left: 16.666667%;
  }

  .offset-xs-3 {
  margin-left: 25%;
  }

  .offset-xs-4 {
  margin-left: 33.333333%;
  }

  .offset-xs-5 {
  margin-left: 41.666667%;
  }

  .offset-xs-6 {
  margin-left: 50%;
  }

  .offset-xs-7 {
  margin-left: 58.333333%;
  }

  .offset-xs-8 {
  margin-left: 66.666667%;
  }

  .offset-xs-9 {
  margin-left: 75%;
  }

  .offset-xs-10 {
  margin-left: 83.333333%;
  }

  .offset-xs-11 {
  margin-left: 91.666667%;
  }
}

@media (min-width:768px) {
  .col-sm {
  -ms-flex-preferred-size: 0;
  flex-basis: 0%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  }

  .col-sm-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  }

  .col-sm-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
  }

  .col-sm-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
  }

  .col-sm-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  }

  .col-sm-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  }

  .col-sm-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
  }

  .col-sm-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  }

  .col-sm-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
  }

  .col-sm-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
  }

  .col-sm-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
  }

  .col-sm-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
  }

  .col-sm-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
  }

  .col-sm-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  }

  .order-sm-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  }

  .order-sm-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13;
  }

  .order-sm-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  }

  .order-sm-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  }

  .order-sm-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  }

  .order-sm-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  }

  .order-sm-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  }

  .order-sm-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
  }

  .order-sm-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
  }

  .order-sm-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
  }

  .order-sm-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
  }

  .order-sm-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
  }

  .order-sm-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
  }

  .order-sm-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
  }

  .order-sm-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
  }

  .offset-sm-0 {
  margin-left: 0;
  }

  .offset-sm-1 {
  margin-left: 8.333333%;
  }

  .offset-sm-2 {
  margin-left: 16.666667%;
  }

  .offset-sm-3 {
  margin-left: 25%;
  }

  .offset-sm-4 {
  margin-left: 33.333333%;
  }

  .offset-sm-5 {
  margin-left: 41.666667%;
  }

  .offset-sm-6 {
  margin-left: 50%;
  }

  .offset-sm-7 {
  margin-left: 58.333333%;
  }

  .offset-sm-8 {
  margin-left: 66.666667%;
  }

  .offset-sm-9 {
  margin-left: 75%;
  }

  .offset-sm-10 {
  margin-left: 83.333333%;
  }

  .offset-sm-11 {
  margin-left: 91.666667%;
  }
}

@media (min-width:992px) {
  .col-md {
  -ms-flex-preferred-size: 0;
  flex-basis: 0%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  }

  .col-md-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  }

  .col-md-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
  }

  .col-md-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
  }

  .col-md-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  }

  .col-md-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  }

  .col-md-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
  }

  .col-md-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  }

  .col-md-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
  }

  .col-md-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
  }

  .col-md-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
  }

  .col-md-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
  }

  .col-md-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
  }

  .col-md-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  }

  .order-md-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  }

  .order-md-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13;
  }

  .order-md-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  }

  .order-md-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  }

  .order-md-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  }

  .order-md-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  }

  .order-md-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  }

  .order-md-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
  }

  .order-md-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
  }

  .order-md-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
  }

  .order-md-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
  }

  .order-md-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
  }

  .order-md-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
  }

  .order-md-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
  }

  .order-md-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
  }

  .offset-md-0 {
  margin-left: 0;
  }

  .offset-md-1 {
  margin-left: 8.333333%;
  }

  .offset-md-2 {
  margin-left: 16.666667%;
  }

  .offset-md-3 {
  margin-left: 25%;
  }

  .offset-md-4 {
  margin-left: 33.333333%;
  }

  .offset-md-5 {
  margin-left: 41.666667%;
  }

  .offset-md-6 {
  margin-left: 50%;
  }

  .offset-md-7 {
  margin-left: 58.333333%;
  }

  .offset-md-8 {
  margin-left: 66.666667%;
  }

  .offset-md-9 {
  margin-left: 75%;
  }

  .offset-md-10 {
  margin-left: 83.333333%;
  }

  .offset-md-11 {
  margin-left: 91.666667%;
  }
}

@media (min-width:1200px) {
  .col-lg {
  -ms-flex-preferred-size: 0;
  flex-basis: 0%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  }

  .col-lg-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  }

  .col-lg-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
  }

  .col-lg-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
  }

  .col-lg-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  }

  .col-lg-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  }

  .col-lg-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
  }

  .col-lg-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  }

  .col-lg-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
  }

  .col-lg-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
  }

  .col-lg-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
  }

  .col-lg-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
  }

  .col-lg-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
  }

  .col-lg-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  }

  .order-lg-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  }

  .order-lg-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13;
  }

  .order-lg-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  }

  .order-lg-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  }

  .order-lg-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  }

  .order-lg-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  }

  .order-lg-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  }

  .order-lg-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
  }

  .order-lg-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
  }

  .order-lg-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
  }

  .order-lg-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
  }

  .order-lg-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
  }

  .order-lg-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
  }

  .order-lg-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
  }

  .order-lg-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
  }

  .offset-lg-0 {
  margin-left: 0;
  }

  .offset-lg-1 {
  margin-left: 8.333333%;
  }

  .offset-lg-2 {
  margin-left: 16.666667%;
  }

  .offset-lg-3 {
  margin-left: 25%;
  }

  .offset-lg-4 {
  margin-left: 33.333333%;
  }

  .offset-lg-5 {
  margin-left: 41.666667%;
  }

  .offset-lg-6 {
  margin-left: 50%;
  }

  .offset-lg-7 {
  margin-left: 58.333333%;
  }

  .offset-lg-8 {
  margin-left: 66.666667%;
  }

  .offset-lg-9 {
  margin-left: 75%;
  }

  .offset-lg-10 {
  margin-left: 83.333333%;
  }

  .offset-lg-11 {
  margin-left: 91.666667%;
  }
}

@media (min-width:1366px) {
  .col-xl {
  -ms-flex-preferred-size: 0;
  flex-basis: 0%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  }

  .col-xl-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  }

  .col-xl-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
  }

  .col-xl-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
  }

  .col-xl-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  }

  .col-xl-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  }

  .col-xl-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
  }

  .col-xl-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  }

  .col-xl-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
  }

  .col-xl-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
  }

  .col-xl-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
  }

  .col-xl-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
  }

  .col-xl-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
  }

  .col-xl-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  }

  .order-xl-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  }

  .order-xl-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13;
  }

  .order-xl-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  }

  .order-xl-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  }

  .order-xl-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  }

  .order-xl-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  }

  .order-xl-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  }

  .order-xl-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
  }

  .order-xl-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
  }

  .order-xl-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
  }

  .order-xl-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
  }

  .order-xl-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
  }

  .order-xl-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
  }

  .order-xl-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
  }

  .order-xl-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
  }

  .offset-xl-0 {
  margin-left: 0;
  }

  .offset-xl-1 {
  margin-left: 8.333333%;
  }

  .offset-xl-2 {
  margin-left: 16.666667%;
  }

  .offset-xl-3 {
  margin-left: 25%;
  }

  .offset-xl-4 {
  margin-left: 33.333333%;
  }

  .offset-xl-5 {
  margin-left: 41.666667%;
  }

  .offset-xl-6 {
  margin-left: 50%;
  }

  .offset-xl-7 {
  margin-left: 58.333333%;
  }

  .offset-xl-8 {
  margin-left: 66.666667%;
  }

  .offset-xl-9 {
  margin-left: 75%;
  }

  .offset-xl-10 {
  margin-left: 83.333333%;
  }

  .offset-xl-11 {
  margin-left: 91.666667%;
  }
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width:576px) {
  .d-xs-none {
  display: none !important;
  }

  .d-xs-inline {
  display: inline !important;
  }

  .d-xs-inline-block {
  display: inline-block !important;
  }

  .d-xs-block {
  display: block !important;
  }

  .d-xs-table {
  display: table !important;
  }

  .d-xs-table-row {
  display: table-row !important;
  }

  .d-xs-table-cell {
  display: table-cell !important;
  }

  .d-xs-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  }

  .d-xs-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  }
}

@media (min-width:768px) {
  .d-sm-none {
  display: none !important;
  }

  .d-sm-inline {
  display: inline !important;
  }

  .d-sm-inline-block {
  display: inline-block !important;
  }

  .d-sm-block {
  display: block !important;
  }

  .d-sm-table {
  display: table !important;
  }

  .d-sm-table-row {
  display: table-row !important;
  }

  .d-sm-table-cell {
  display: table-cell !important;
  }

  .d-sm-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  }

  .d-sm-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  }
}

@media (min-width:992px) {
  .d-md-none {
  display: none !important;
  }

  .d-md-inline {
  display: inline !important;
  }

  .d-md-inline-block {
  display: inline-block !important;
  }

  .d-md-block {
  display: block !important;
  }

  .d-md-table {
  display: table !important;
  }

  .d-md-table-row {
  display: table-row !important;
  }

  .d-md-table-cell {
  display: table-cell !important;
  }

  .d-md-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  }

  .d-md-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  }
}

/* Add custom footer */
@media (min-width:992px) {
  .d-lg-none {
  display: none !important;
  }

  .d-lg-inline {
  display: inline !important;
  }

  .d-lg-inline-block {
  display: inline-block !important;
  }

  .d-lg-block {
  display: block !important;
  }

  .d-lg-table {
  display: table !important;
  }

  .d-lg-table-row {
  display: table-row !important;
  }

  .d-lg-table-cell {
  display: table-cell !important;
  }

  .d-lg-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  }

  .d-lg-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  }
}

/* Add custom footer */

@media (min-width:1200px) {
  .d-lg-none {
  display: none !important;
  }

  .d-lg-inline {
  display: inline !important;
  }

  .d-lg-inline-block {
  display: inline-block !important;
  }

  .d-lg-block {
  display: block !important;
  }

  .d-lg-table {
  display: table !important;
  }

  .d-lg-table-row {
  display: table-row !important;
  }

  .d-lg-table-cell {
  display: table-cell !important;
  }

  .d-lg-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  }

  .d-lg-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  }
}

@media (min-width:1366px) {
  .d-xl-none {
  display: none !important;
  }

  .d-xl-inline {
  display: inline !important;
  }

  .d-xl-inline-block {
  display: inline-block !important;
  }

  .d-xl-block {
  display: block !important;
  }

  .d-xl-table {
  display: table !important;
  }

  .d-xl-table-row {
  display: table-row !important;
  }

  .d-xl-table-cell {
  display: table-cell !important;
  }

  .d-xl-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  }

  .d-xl-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
  display: none !important;
  }

  .d-print-inline {
  display: inline !important;
  }

  .d-print-inline-block {
  display: inline-block !important;
  }

  .d-print-block {
  display: block !important;
  }

  .d-print-table {
  display: table !important;
  }

  .d-print-table-row {
  display: table-row !important;
  }

  .d-print-table-cell {
  display: table-cell !important;
  }

  .d-print-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  }

  .d-print-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  }
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width:576px) {
  .flex-xs-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
  }

  .flex-xs-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  }

  .flex-xs-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
  }

  .flex-xs-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
  }

  .flex-xs-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
  }

  .flex-xs-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
  }

  .flex-xs-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
  }

  .justify-content-xs-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  }

  .justify-content-xs-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
  }

  .justify-content-xs-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  }

  .justify-content-xs-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
  }

  .justify-content-xs-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
  }

  .align-items-xs-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
  }

  .align-items-xs-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
  }

  .align-items-xs-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  }

  .align-items-xs-baseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
  }

  .align-items-xs-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  }

  .align-content-xs-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
  }

  .align-content-xs-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
  }

  .align-content-xs-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
  }

  .align-content-xs-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
  }

  .align-content-xs-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
  }

  .align-content-xs-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
  }

  .align-self-xs-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
  }

  .align-self-xs-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
  }

  .align-self-xs-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
  }

  .align-self-xs-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
  }

  .align-self-xs-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
  }

  .align-self-xs-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
  }
}

@media (min-width:768px) {
  .flex-sm-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
  }

  .flex-sm-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  }

  .flex-sm-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
  }

  .flex-sm-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
  }

  .justify-content-sm-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  }

  .justify-content-sm-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
  }

  .justify-content-sm-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  }

  .justify-content-sm-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
  }

  .justify-content-sm-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
  }

  .align-items-sm-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
  }

  .align-items-sm-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
  }

  .align-items-sm-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  }

  .align-items-sm-baseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
  }

  .align-items-sm-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  }

  .align-content-sm-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
  }

  .align-content-sm-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
  }

  .align-content-sm-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
  }

  .align-content-sm-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
  }

  .align-content-sm-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
  }

  .align-content-sm-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
  }

  .align-self-sm-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
  }

  .align-self-sm-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
  }

  .align-self-sm-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
  }

  .align-self-sm-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
  }

  .align-self-sm-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
  }

  .align-self-sm-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
  }
}

@media (min-width:992px) {
  .flex-md-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
  }

  .flex-md-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  }

  .flex-md-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
  }

  .flex-md-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
  }

  .justify-content-md-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  }

  .justify-content-md-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
  }

  .justify-content-md-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  }

  .justify-content-md-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
  }

  .justify-content-md-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
  }

  .align-items-md-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
  }

  .align-items-md-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
  }

  .align-items-md-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  }

  .align-items-md-baseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
  }

  .align-items-md-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  }

  .align-content-md-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
  }

  .align-content-md-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
  }

  .align-content-md-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
  }

  .align-content-md-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
  }

  .align-content-md-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
  }

  .align-content-md-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
  }

  .align-self-md-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
  }

  .align-self-md-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
  }

  .align-self-md-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
  }

  .align-self-md-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
  }

  .align-self-md-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
  }

  .align-self-md-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
  }
}

@media (min-width:1200px) {
  .flex-lg-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
  }

  .flex-lg-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  }

  .flex-lg-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
  }

  .flex-lg-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
  }

  .justify-content-lg-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  }

  .justify-content-lg-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
  }

  .justify-content-lg-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  }

  .justify-content-lg-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
  }

  .justify-content-lg-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
  }

  .align-items-lg-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
  }

  .align-items-lg-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
  }

  .align-items-lg-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  }

  .align-items-lg-baseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
  }

  .align-items-lg-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  }

  .align-content-lg-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
  }

  .align-content-lg-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
  }

  .align-content-lg-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
  }

  .align-content-lg-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
  }

  .align-content-lg-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
  }

  .align-content-lg-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
  }

  .align-self-lg-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
  }

  .align-self-lg-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
  }

  .align-self-lg-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
  }

  .align-self-lg-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
  }

  .align-self-lg-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
  }

  .align-self-lg-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
  }
}

@media (min-width:1366px) {
  .flex-xl-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
  }

  .flex-xl-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  }

  .flex-xl-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
  }

  .flex-xl-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
  }

  .justify-content-xl-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  }

  .justify-content-xl-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
  }

  .justify-content-xl-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  }

  .justify-content-xl-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
  }

  .justify-content-xl-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
  }

  .align-items-xl-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
  }

  .align-items-xl-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
  }

  .align-items-xl-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  }

  .align-items-xl-baseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
  }

  .align-items-xl-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
  }

  .align-content-xl-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
  }

  .align-content-xl-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
  }

  .align-content-xl-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
  }

  .align-content-xl-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
  }

  .align-content-xl-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
  }

  .align-content-xl-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
  }

  .align-self-xl-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
  }

  .align-self-xl-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
  }

  .align-self-xl-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
  }

  .align-self-xl-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
  }

  .align-self-xl-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
  }

  .align-self-xl-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
  }
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

/* ===== NOVINKY / BLOG – KARTY ===== */
.news-list, .news-carousel { /* wrapper */
  font-size:1rem;
}

.news-box.card {
  background: #fff;
  border: 1px solid #eee;
  box-shadow: 0 1px 6px rgba(0,0,0,.06);
  padding: 22px;
  transition: box-shadow .2s ease, transform .2s ease;
}

.news-content {
  position: relative;
  min-height: 16rem; /* rezerva pre väčší text */
}

.news-date {
  display:inline-block;
  background:#e1e5ed;   /* firemná modrá */
  color:#000;
  font-weight:800;
  font-size:.95rem;
  line-height:1;
  padding:6px 10px;
  letter-spacing:.2px;
}
.news-viewed {
  font-size:.95rem;
  color:#555;
}

/* --- NÁZOV ČLÁNKU (dominantný) --- */
.news-content h4,
.news-title, .news-title a {   
  font-weight:800;
  line-height:1.3;
  margin:.7rem 0 .5rem;
  color:#000;
  text-decoration:none;
  display:-webkit-box;
  -webkit-line-clamp:2;   /* max 2 riadky */
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.news-title a:hover,
.news-title a:focus { color:#03a9f4; outline:none; }

/* --- POPIS / PEREX --- */
.news-description {
  line-height:1.65;
  color:#222;
  margin:.35rem 0 1.4rem;
  max-height:5.4rem;      /* cca 3 riadky */
  overflow:hidden;
}

/* --- TLAČIDLO „Čítaj viac…“ --- */
.news-content .btn {
  position:absolute; bottom:0; left:0;
  background:#e1e5ed;
  border:0;
  color:#000;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.2px;
  font-size:1rem;         /* 16px */
  padding:12px 18px;
  border-radius:0;        /* tvrdé hrany */
  transition:background .15s ease, transform .15s ease, box-shadow .15s ease;
}
.news-content .btn:hover { background:#03a9f4; transform:translateY(-1px); }
.news-content .btn:focus-visible { outline:2px solid #03a9f4; outline-offset:2px; }

/* --- OBRÁZOK / PLACEHOLDER --- */
.news-thumb{
  display:block;
  width:100%;
  aspect-ratio:16 / 9;
  object-fit:cover;
  border:1px solid #eef2f7;
  background:#f3f5f7;
  margin-bottom:.8rem;
}

/* --- CAROUSEL NAVIGÁCIA --- */
.news-carousel .owl-nav [class*="owl-"]{
  background:transparent;
  color:#0b5ed7;
  font-size:1.2rem;
}
.news-carousel .owl-dots .owl-dot span{ background:#dbeafe; }
.news-carousel .owl-dots .owl-dot.active span{ background:#0b5ed7; }

/* ===== RESPONSIVE ===== */
@media (max-width:1200px){
  .news-content{ min-height:13rem; }
}

@media (max-width:992px){
  .news-content{ min-height:12rem; }
}

@media (max-width:576px){
  .news-box.card{ padding:16px; }
  .news-content{ min-height:19.5rem; }
  .news-description{ max-height:4.8rem; }
}
/* ===== NOVINKY / BLOG – KARTY ===== */

.text-warning {
  color: #de9b28;
}

.information-menu {
  padding: 0;
  margin: 0;
  background: #24303e;
}

@media only screen and (min-width: 1020px) {
  .information-menu {
  display: none;
  }
}

.information-menu li {
  padding: 0 20px;
}

.information-menu li a {
  display: flex;
  align-items: center;
  height: 40px;
  font-weight: bold;
  color: #fff;
}

@media only screen and (max-width: 1019px) {
  .header-info-item {
  display: none;
  }
}

@media only screen and (min-width: 768px) {
  .mobile-phone {
  display: none;
  }
}

.cat-image {
  display: block;
}

.category-item img {
  -moz-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  margin: 0 auto;
}

.cat-caption {
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  line-height: 22px;
  font-weight: 400;
  margin: 0;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* sloth-dev */
.col-sm-4 .plus-banner {
  /*height: 100%;*/
  /*calc(100% + 4px);*/
  display: flex;
}

/* .plus-banner:first-child {height:calc(100% + 4px);} */
.plus-banner:last-child {
  margin: 0 0 43px;
}

.common-home .col-sm-4.pull-right.flip {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.col-sm-4 .plus-banner div.row {
  flex-direction: row;
  flex: 1 0 100%;
  justify-content: space-between;
}

@media only screen and (max-width: 991px) {
  .col-sm-4 .plus-banner div.row {
  display: block;
  }

  .col-sm-4 .plus-banner div.row>div {
  width: 100%;
  max-width: 100%;
  }
}

@media only screen and (min-width: 992px) {
  .col-sm-4 .plus-banner div.row>div {
  margin-bottom: 0;
  }

  .col-sm-4 .plus-banner:first-child div.row>div:first-child {
  margin-bottom: 20px;
  }

  .col-sm-4 .plus-banner:last-child div.row>div:first-child {
  margin-bottom: 25px;
  }

  /* #ocslideshow0 {margin-bottom:0;height:100%;} */
}

#ocslideshow0 .item {
  display: flex;
}

#ocslideshow0 .item>* {
  flex: 1 1 50%;
}

.flex-container {
  display: flex;
  flex-wrap: wrap;

}

.flex-item-left {
  /* background-color: #f3f5f7; */
  padding: 10px;
  flex: 50%;
}

.flex-background {
  position: relative;
  /* padding: 40px 20px 40px 20px; */
  /* border-radius: 20px; */
  /* background-color: #e1e5ed; */
  /* background: linear-gradient(to right, #fff 0%, #fff 0%, #DDEDFF 0%); */
  background-color: #fff;
}

.flex-item-right {
  /* background-color: #f3f5f7; */
  /* background: linear-gradient(to right, #fff, #DDEDFF); */
  padding: 10px;
  flex: 50%;
  height: auto;
  overflow: hidden;
}

/* Responsive layout - makes a one column-layout instead of a two-column layout */
@media (max-width: 800px) {
  .flex-item-right,
  .flex-item-left {
  flex: 100%;
  }
}

.banner-description {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  padding: 40px;
  align-items: center;
  cursor: pointer;
}

.box {
  width: 100%;
  border: 1px solid #9b9b9b;
  margin-bottom: 15px;
  padding: 5%;
  text-align: left;
}

.square-blue,
.square-light-blue {
  display: block;
  float: left;
  margin-right: 8px;
  width: 16px;
  height: 16px;
  margin: 6px;
}

.square-blue {
  background-color: #03a9f4;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.square-light-blue {
  background-color: #DDEDFF;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.square-text {
  font-size:1rem;
  text-transform: uppercase;
}

.sn_content1 {
  background: #f3f5f7;
  padding: 20px 60px 60px;
  color: #000;
  text-align: center;
}

.sn_grid2 {
  width: 760px;
  display: block;
  margin: 0 auto;
  font-size:1.0625rem;
  font-weight: bolder;
}

.nopadding {
  padding: 0;
}

@media screen and (max-width:767px) {
  .sn_grid2 {
  width: 100%;
  }
}

@media screen and (max-width:1200px) {
  .sn_grid2 {
  width: 100%;
  }
}

@media screen and (max-width:1980px) {
  .sn_grid2 {
  width: 100%;
  }
}

.sn_arrow-down {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #03a9f4;
  display: block;
  margin: -3px auto 0;
}

.sn_arrow-down.transdown {
  margin: 0 auto;
  opacity: .85;
}

.zlata {
  color: #000c;
}

.mb30 {
  margin-bottom: 30px;
  font-size:1rem;
  /* text-transform: uppercase; */
  position: relative;
  top: 20px;
}

.top-navigation-contacts {
  position: absolute;
  right: 00px;
  top: 55px;
  /* height: 55px; */
  align-items: center;
  /* background-color: #f3f5f7; */
  background: linear-gradient(to right, #f3f5f7, #e1e5ed);
  flex-basis: 100%;
  padding: 0 30px;
  border-radius: 0 0 15px 15px;
  z-index: 99;
}

.top-navigation-contacts a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .8rem 10px;
}

.top-navigation-contacts a span {
  display: inline;
  font-size:0.9375rem;
  color: #000;
  margin-left: 8px;
}

.top-navigation-contacts {
  display: flex;
}

/* Custom články information */
.entry {
  font-family: Arial, sans-serif;
  background: #f3f5f7;
  border: 2px solid #03a9f4;
  margin: 30px 0;
  padding: 15px;
}

.entry-title {
  color: #000;
  padding: 50px;
  font-weight: bold;
  font-family: arial;
  display: inline-block;
}

.entry-desc {
  font-family: arial;
}

.text {
  line-height: 32px;
  font-family: arial;

}

.ico-left {
  background: #DDEDFF;
  border-radius: 100%;
  display: inline-block;
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  float: left;
}

.ico-right {
  background: #E0E9F9;
  border-radius: 100%;
  display: inline-block;
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  float: right;
}

.information-page table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent;
}

.information-page table.sizeguide {
  overflow-x: auto;
  white-space: nowrap;
}

.information-page tbody {
  width: 100%;
}

.information-page tr {
  width: 100%;
}

.information-page tr td {
  width: 25%;
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
  border: 1px solid #ddd;
  word-break: normal;
}

.information-page tbody tr:first-child td {
  border: none;
  padding-top: 20px;
}

.information-page tbody tr.sg_colHead td {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
  padding: 8px;
  line-height: 1.42857143;
  text-align: left;
  border: 1px solid #ddd;
  background-color: #eee;
  border-bottom-width: 2px;
  font-weight: 700;
}

.information-page tbody tr.sg_colHead td p {
  margin: 0;
  display: inline;
}

.information-page ul {
  padding-left: 0;
  margin: 0;
  list-style: none;
}

.information-page p {
  margin-top: 0;
  margin-bottom: 24px;
}

.fooGrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1em;
  text-align: center;
}

/* Custom články information */

/* Display custom blok detail product short-description */
.shape {
  border-style: solid;
  border-width: 0 70px 40px 0;
  float: right;
  height: 0;
  width: 0;
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.offer {
  background: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 4px 16px 3px rgba(52, 52, 52, .1);
  -moz-box-shadow: 0 4px 16px 3px rgba(52, 52, 52, .1);
  box-shadow: 0 4px 16px 3px rgba(52, 52, 52, .1);
  margin: 15px 0;
  overflow: hidden;
}

.offer-radius {
  border-radius: 4px;
}

.offer-info {
  border-color: #03a9f4;
}

.offer-info .shape {
  border-color: transparent #03a9f4 transparent transparent;
  border-color: rgba(255, 255, 255, 0) #03a9f4 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.shape-text {
  color: #fff;
  position: relative;
  right: -36px;
  top: 0;
  white-space: nowrap;
  -ms-transform: rotate(30deg);
  -o-transform: rotate(360deg);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

.offer-content {
  padding: 5px 15px;
}
/* Display custom blok detail product short-description */

/* Display custom link štítky */
.more-catlist__list {
  margin: 0 10px 10px 0;
}

.more-catlist__link {
  display: inline-block;
  padding: 5px 15px;
  margin: 3px;
  border-radius: 6px;
  font-size:0.875rem;
  font-weight: 700;
  line-height: 21px;
  color: #5d5d64;
  text-decoration: none;
  transition: all .3s;
  background-color: #f5f5f5;
  -webkit-box-shadow: 0 1px 3px #cbcbcb;
  box-shadow: 0 1px 3px #cbcbcb;
}

.more-catlist__link:hover {
  color: #000;
  
}
/* Display custom link štítky */

/* Display custom info bonusové body */
.product-reward {
  display: inline-block;
  line-height: normal;
  user-select: none
}

.product-reward .reward-modal__button svg {
  color: #03a9f4;
}

.product-reward .reward-modal__button:hover svg {
  color: #9ea5ab
}

.product-reward .reward-modal__button {
  margin-left: 5px;
}

.reward-title {
  margin-top: 10px;
  margin-bottom: 15px;
  line-height: 29px;
  font-size:1.5625rem;
  color: #222;
  font-weight: 700;
}

.product-rewards .reward-description {
  padding: 15px;
  color: #222;
  line-height: 1.5;
  background: #fff;
  position: relative;
  width: 100%;
  z-index: 99;
  top: 100%;
  left: 0;
  margin-top: 5px;
  display: none;
  border-radius: 12px;
  box-shadow: 0 2px 7px #11111124;
}

.product-rewards .reward-description h3 {
  margin-top: 0
}

.product-rewards .modal-dialog {
  max-width: 480px
}

.product-rewards .reward-description i {
  position: absolute;
  right: 15px;
  top: 15px;
  font-size:0.875rem;
  display: inline-flex;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  line-height: 15px;
  text-shadow: none;
  transition: all .4s;
  cursor: pointer
}

.product-rewards .reward-description i:hover {
  transform: rotate(180deg)
}

.show {
  display: block !important
}

.product-rewards i {
  transition: all .3s;
  vertical-align: middle
}

.product-rewards.open i {
  transform: rotate(180deg)
}
/* Display custom info bonusové body */

/* Display custom product-share social block */
.dropdown {
   position: relative;
   z-index: 999;
 }
 
 .dropbtn {
   font-size:1rem;
   border: none;
   cursor: pointer;
 }
   
 .product-share__block a:hover {
   background-color: #f1f1f1
 }
 
 .dropdown:hover .product-share__block {
  display: block;
  }
  
  .dropdown:hover .dropbtn {
   background-color: #f5f5f5;
   }
   
 .product-share__block {
   padding: 10px 4px 10px 10px;
   white-space: normal;
   border-radius: 12px;
   margin-right: 5px !important;
   margin-top:5px !important
 }
 
 .product-share__block:after {
   content: '';
   position: absolute;
   width: 0;
   height: 0;
   border: 10px solid #fff0;
   border-bottom-color: #fff;
   right: 10px;
   top:-18px
 }
 
 @media (max-width: 767px) {
   .product-share__block {
   white-space:normal
   }
 }
/* Display custom product-share social block */

/* Custom product page custom block position extra_footer */
.product-custom-block {
  position: relative;
  padding-top: 30px;
}

.cart-custom-block {
  position: relative;
  padding-top: 5px;
}
/* Custom product page custom block position extra_footer */

.GOptFvvX .dropdown-menu {
  margin-top: 0
}

@media(min-width: 768px) {
  .WD43H2vf {
  padding: 8px 0px;
  white-space: nowrap
  }
}

@media(max-width: 767px) {
  .WD43H2vf {
  padding: 8px 0;
  }
}

.PItcCVni svg {
  margin-left: 7px;
  transition: transform .1s ease-in-out;
  display: inline-block;
  vertical-align: middle
}

.PItcCVni svg>path {
  fill: #000
}

.PItcCVni {
  position: relative;
  font-size:0.9375rem;
  cursor: pointer
}

.KNsCOIQH {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding: 0 20px 0 20px;
  height: 40px;
  color: #28292d;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-weight: 400
}

.KNsCOIQH:focus, .KNsCOIQH:hover {
  color: #28292d;
  background-color: #f5f5f5
}

/* Custom category page custom product Grid/product List */

.switch-buttons {
  text-align: right;
}

.switch-control-text {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  font-weight: 400;
  font-size:1rem;
  color: #222;
  border-radius: 6px;
  line-height: 4rem
}

.switch-toolbar {
  display: inline-flex;
  vertical-align: top;
  border-radius: 6px;
  width: 82px;
  height: 42px;
  border: 1px solid #ededed;
  box-sizing: border-box;
  position: relative;
  cursor: pointer
}

.switch-toolbar:before {
  content: "";
  position: absolute;
  border-radius: 6px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 36px;
  height: 36px;
  background-color:  #03a9f4;
  transition: .2s ease-in-out
}

._grid-active .switch-toolbar:before {
  left: 42px
}

._list-active .switch-toolbar:before {
  left: 2px
}

.list-view-icon {
  position: relative;
  width: 41px;
  height: 41px
}

.list-view-icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  transition: all .15s
}

.list-view-icon._grid.active svg, .list-view-icon._list.active svg {
  color: #fff
}
/* Custom category page custom product Grid/product List */

@media (min-width: 768px) {
.container-in {
  background: #f8f9fa;
  padding: 16px 16px;
  }
}

/* Pôvodný štýl pre veľké zariadenia (desktop) */
.description-banner-size {
  line-height: 1.5em;
  top: 45px;
  right: 0px;
  width: 50%;
  height: 100%;
  text-align: left;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  position: absolute;
  margin-bottom: 0 !important;
  font-size:1.875rem;
}

/* Pre zariadenia od 280px do 320px */
@media (min-width: 280px) and (max-width: 320px) {
  .description-banner-size {
  top: 68%;
  transform: translateY(-50%);
  position: absolute;
  font-size:0.5rem;
  width: 90%;
  white-space: normal;
  line-height: 1.5em;
  }
}

/* Od 321px do 480px */
@media (min-width: 321px) and (max-width: 480px) {
  .description-banner-size {
  top: 65%;
  transform: translateY(-50%);
  position: absolute;
  font-size:0.75rem;
  width: 95%;
  padding: 10px;
  line-height: 1.4em;
  }
}

/* Od 481px do 768px */
@media (min-width: 481px) and (max-width: 768px) {
  .description-banner-size {
  top: 68%;
  transform: translateY(-50%);
  position: absolute;
  font-size:1.25rem;
  width: 95%;
  white-space: normal;
  line-height: 1.5em;
  }
}

/* Od 481px do 600px */
@media (min-width: 481px) and (max-width: 600px) {
  .description-banner-size {
  top: 68%;
  transform: translateY(-50%);
  font-size:1rem; /* zachovanie veľkosti alebo upraviť podľa potreby */
  width: 95%; /* zachovanie alebo upraviť */
  line-height: 1.5em; /* alebo iné hodnoty */
  }
}

/* Špeciálny rozsah pre 769px do 800px */
@media (min-width: 769px) and (max-width: 800px) {
  .description-banner-size {
  top: 68%;
  transform: translateY(-50%);
  font-size:1.375rem;
  width: 95%;
  }
}

/* Od 801px do 1024px */
@media (min-width: 801px) and (max-width: 1024px) {
  .description-banner-size {
  top: 60%;
  transform: translateY(-50%);
  position: absolute;
  right: 0px;
  font-size:1.125rem;
  width: 50%;
  }
}

/* Od 1025px do 1200px */
@media (min-width: 1025px) and (max-width: 1200px) {
  .description-banner-size {
  top: 60%;
  transform: translateY(-50%);
  font-size:1.5rem;
  width: 50%;
  }
}

/* Nad 1200px */
@media (min-width: 1201px) {
  .description-banner-size {
  top: 60%;
  transform: translateY(-50%);
  font-size:1.875rem;
  width: 50%;
  }
}

@media (min-width: 1201px) and (max-width: 1600px) {
  .description-banner-size {
  top: 60%;
  transform: translateY(-50%);
  font-size:1.875rem;
  width: 50%;
  }
}

.box-heading-specialslim {
  margin: 0 0 10px;
  width: 100%;
  border-bottom: 2px solid #e5e5e5;
}

.specialbaner-slim {
  display: flex;
  align-items: end; /* Vertikálne vyrovnanie na na spodok */
}

.special-imagbanner-slim {
  float: left;
  margin-right: 10px; /* medzera medzi obrázkami alebo textom */
  margin-top: -20px; /* alebo iná hodnota, ktorú potrebuješ */
}

.image-specialslim {
  float: left;
  margin-right: 10px; /* medzera medzi obrázkami alebo textom */
}

/* Text na pravo */
.specialbanner-slim-caption {
  flex: 1; /* alebo šírka podľa potreby, napríklad width: 50%; */
  padding-left: 8px; /* pridaj medzeru medzi obrázkom a textom */
  text-align: left; /* aby bol text naľavo */
}

.special-description-slim {
  float: left;
  margin-top: -100px; /* alebo iná hodnota, ktorú potrebuješ */
}

.special-slim-text {
   display: block;
   max-height: 5.8em; /* napríklad pre 3 riadky pri písme s výškou 1.5em na riadok */
   overflow: hidden;
   line-height: 1.5em; /* nastav výšku riadku */
}

.special-link-slim {
  padding: 8px;
}

/* Nastaviť farbu na odkaz */
.special-link-slim a {
  font-size: 0.875rem; /* 14px */
  color: #000; /* farba textu */
  text-decoration: none; /* bez podčiarknutia */
  display: block;
  max-height: 3.5em; /* napríklad pre 3 riadky pri písme s výškou 1.5em na riadok */
  overflow: hidden;
}

.special-imagbanner-slim {
  float: left;
  margin-right: 10px; /* medzera medzi obrázkami alebo textom */
  margin-top: -20px; /* alebo iná hodnota, ktorú potrebuješ */
}