/* normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,hr,nav,section{display:block}a:,a:focus{outline:dotted thin}.mark,.strong,b,mark,strong{font-weight:700}.em,.mark,dfn,em,mark{font-style:italic}button,html input[type=button],input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}hr,img,legend{border:0}hr,legend,ol,ul{padding:0}[hidden],audio:not([controls]){display:none}html{;overflow-y:scroll;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{font-size:13px;line-height:1.5}img{-ms-interpolation-mode:bicubic}h1{font-size:2em}p{-webkit-hyphens:auto;-moz-hyphens:auto;-epub-hyphens:auto;hyphens:auto}.small,small,sub,sup{font-size:75%}.ins,ins{background:#ff9;color:#000;text-decoration:none}.mark,mark{background:#ff0;color:#000}hr{border-top:1px solid #ccc;margin:1em 0;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{word-wrap:break-word;white-space:pre-wrap}blockquote{margin:1.5em 40px}q:after,q:before{content:'';content:none}ol,ul{margin:1.5em 0}dd{margin:0}.commentlist,.widget ol,.widget ul,nav ol,nav ul{list-style:none;margin:0}fieldset,fieldset ol,fieldset ul,form,form ol,form ul{margin:0;border:0},button,input,textarea{margin:0;vertical-align:baseline}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz--inner,input::-moz--inner{border:0;padding:0}.clearfix:after,.clearfix:before,nav[role=navigation] .menu ul:after,nav[role=navigation] .menu ul:before{content:"";display:table}.clearfix:after,nav[role=navigation] .menu ul:after{clear:both}.clearfix,nav[role=navigation] .menu ul{zoom:1}.wp-smiley{margin:0!important;max-height:1em}@media print{blockquote,img,pre,tr{page-break-inside:avoid}*{background:0 0!important;color:#000!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important}a,a:visited{color:#444!important;text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}body,figure{margin:0}a:active,a:hover{outline:0}h1{margin:.67em 0}abbr[title]{border-bottom:1px dotted}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}button,input,select,textarea{margin:0}button,input{line-height:normal}button,select{text-transform:none}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
/* normalize */
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }
html {
  overflow-x: hidden;
}

body {
  font-family: 'Open Sans', sans-serif;
  margin: 0;
  font-weight: 400;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

a {
	text-decoration: none;
	outline: none !important;
  cursor: pointer !important;
}

button {
	outline: none !important;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  cursor: pointer !important;
}

select {
	outline: none !important;
  appearance:none;
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari and Chrome */
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

ul {
  margin: 0;
	list-style: none;
}

input, select, textarea, button {
  padding: 0;
  margin: 0;
  font-family: 'Open Sans', sans-serif;
}

p {
  margin: 0;
}

h1, h2, h3, h4, h5 {
  margin: 0;
  font-family: 'Playfair Display', serif;
}

.row {
  margin: 0 -15px;
}

label {
  display: block;
  text-align: left;
  cursor: pointer;
}

.container {
  width: 1200px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
  float: none !important;
}

hr {
  float: left;
  margin: 0;
  width: 100%;
  border-top: 1px solid #e5e5eb;
}

.spinner-master {
  display: none;
}

.spinner-master input[type=checkbox] {
  display: none;
}

.overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: black;
  opacity: 0.4;
  display: none;
  z-index: 10;
}

.overflowhidden {
  overflow: hidden;
}

.overflowhiddenfixed {
  position: fixed;
  height: 100%;
  width: 100%;
}

.flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

/* cookies */

.cc_container {
  padding: 10px!important;
  z-index: 1000!important;
  left: 50% !important;
  margin-left: -300px !important;
  width: 600px !important;
  bottom: 10px !important;
  bottom: 10px !important;
  background: #fff !important;
  font-family: 'Open Sans', sans-serif !important;
  border: 1px solid #d0ad61 !important;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
}

.cc_container .cc_message {
  color: black !important;
  font-size: 14px !important;
  line-height: 18px !important;
  margin-top: 0 !important;
  margin-bottom: 15px !important;
}

.cc_container a, .cc_container a:visited {
  text-decoration: underline !important;
  color: black !important;
}

.cc_container a:hover {
  color: #a78b4f !important;
}

.cc_container .cc_btn {
  height: 40px !important;
  background: #d0ad61 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 38px !important;
  text-transform: uppercase !important;
  border: 1px solid #d0ad61 !important;
  transition: all .2s !important;
  text-decoration: none !important;
  border-radius: 0 !important;
  width: auto !important;
  padding: 0 30px !important;
  max-width: none !important;
  margin: 0 !important;
  align-self: center;
}

.cc_container .cc_btn:hover {
  border: 1px solid #a78b4f !important;
  background: #a78b4f !important;
  color: white !important;
}

.cc_container .cc_logo {
  display: none !important;
}

/* cookies */

.scrollToTop {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 0px;
  right: 0px;
  display: none;
  line-height: 20px;
  color: #d0ad61;
  background: #d0ad61 url("img/arrowtop.svg") no-repeat center center;
  padding-top: 40px;
  text-transform: uppercase;
  z-index: 12;
  transition: all .25s ease-in-out;
}

.scrollToTop:hover {
  background: #a78b4f url("img/arrowtop.svg") no-repeat center center;
}

/* Tlacitka */

.button {
  display: inline-block;
  padding: 0 30px;
  height: 50px;
  line-height: 50px;
  background: #d0ad61;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  transition: all .3s ease-in-out;
}

.button.dalsi {
  color: #000;
  background: #fff;
  line-height: 46px;
  border: 2px solid #d0ad61;
}

.button:hover {
  background: #a78b4f;
}

.button.dalsi:hover {
  color: #fff;
  background: #d0ad61;
  border: 2px solid #d0ad61;
}

.button-arrow {
  display: inline-block;
  width: 220px;
  padding-left: 15px;
  height: 50px;
  line-height: 50px;
  background: #cda756 url("img/arrow.svg") no-repeat center right 15px;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  transition: all .3s ease-in-out;
  text-align: left;
}

.button-arrow:hover {
  background: #a78b4f url("img/arrow.svg") no-repeat center right 15px;
}

.kolekce-button {
  display: inline-block;
  width: 150px;
  height: 40px;
  line-height: 40px;
  color: #000;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  background: #fff url("img/arrowcolection.svg") no-repeat center right;
  transition: all .3s ease-in-out;
  text-align: left;
}

.kolekce-button:hover {
  color: #d0ad61;
}

/* Tlacitka */

/* HOMEPAGE */

.title {
  color: #050505;
  font-size: 35px;
  font-weight: 400;
  line-height: 40px;
  float: left;
}

header {
  float: left;
  width: 100%;
}

.menu {
  float: left;
  width: 100%;
  position: relative;
  height: 75px;
  text-align: center;
  border-bottom: 1px solid #d6dde3;
  padding-top: 15px;
}

.search {
  float: left;
}

.search label {
  color: #2a3340;
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
  width: 50px;
  height: 50px;
  text-align: center;
  transition: all .3s ease-in-out;
  padding-top: 10px;
}

.search label:hover {
  color: #cda85b;
}

.search label .img {
  display: block;
  background: url("img/search.svg") no-repeat center center;
  width: 15px;
  height: 16px;
  margin: 0 auto;
  margin-bottom: 5px;
}

.search label.open .img {
  background: url("img/close.svg") no-repeat center center;
}

.searching {
  position: absolute;
  top: 74px;
  left: 0;
  width: 100%;
  display: none;
  text-align: center;
  z-index: 2;
  background: #fff;
  height: 50px;
  overflow: hidden;
}

.searching input {
  border: 0 !important;
  border-bottom: 2px solid #d6dde3 !important;
  width: 400px;
  display: inline-block;
  height: 50px;
  line-height: 48px;
  font-size: 20px;
  color: black;
  padding: 0 15px;
  margin: 0 15px;
}

.searching input:hover, .searching input:focus {
  border: 0 !important;
  border-bottom: 2px solid #d0ad61 !important;
}

.menu .logo {
  display: inline-block;
  width: 160px;
  margin-top: 5px;
}

.menu .fl-right {
  float: right;
}

.menu .login, .menu .cart {
  float: left;
  position: relative;
}
.catnum {

    margin-top: 0px;
    margin-bottom: 30px;

}
.menu .login .login-button, .menu .cart .cart-button {
  display: inline-block;
  height: 50px;
  text-align: center;
  color: #2a3340;
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
  transition: all .3s ease-in-out;
  padding-top: 10px;
}

.menu .login .login-button:hover, .menu .cart .cart-button:hover {
  color: #cda85b;
}

.menu .login .login-button .img, .menu .cart .cart-button .img {
  display: block;
  background: url("img/user.svg") no-repeat center center;
  width: 17px;
  height: 20px;
  margin: 0 auto;
  margin-bottom: 5px;
}

.user-loged {
  position: absolute;
  left: -125px;
  top: 59px;
  width: 190px;
  background: #fff;
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.3);
  text-align: left;
  display: none;
  z-index: 10;
}

.user-loged .arrow {
  position: absolute;
  top: -8px;
  right: 20px;
  z-index: 15;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
}

.user-loged ul li a {
  font-family: 'Playfair Display', serif;
  color: #000;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #d6dde3;
  padding: 10px 0;
  padding-left: 30px;
  transition: all .3s ease-in-out;
}

.user-loged ul li a:hover {
  color: #fff;
  background: #cda85b;
  border-bottom: 1px solid #cda85b;
}

.menu .cart .cart-button {
  position: relative;
  margin-left: 30px;
}

.menu .cart .cart-button .img {
  background: url("img/cart.svg") no-repeat center center;
  width: 16px;
}

.menu .cart .cart-button .pocet {
  position: absolute;
  right: 0px;
  top: 5px;
  width: 15px;
  height: 15px;
  background: #cda756;
  border-radius: 50%;
  text-align: center;
  line-height: 13px;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
}

.cart-content {
  position: absolute;
  top: 54px;
  right: 0;
  width: 480px;
  background: #fff;
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.3);
  text-align: left;
  padding: 40px;
  display: none;
  z-index: 10;
}

.cart-content .arrow {
  position: absolute;
  top: -8px;
  right: 6px;
  z-index: 15;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
}

.cart-content .overflow-y {
  max-height: 300px;
  float: left;
  width: 100%;
  overflow-y: auto;
  margin-top: 20px;
}

.cart-content table {
  width: 100%;
}

.cart-content table tr {
  border-top: 1px solid #d7dee4;
}

.cart-content table tr td {
  color: #161618;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  vertical-align: top;
  padding: 15px 0;
}

.cart-content table tr td:last-child {
  text-align: right;
}

.cart-content table tr td.img {
  width: 50px;
}

.cart-content table tr td.img img {
  max-height: 45px;
  max-width: 45px;
}

.cart-content table tr td.ks {
  padding: 15px 5px;
}

.cart-content table tr td.table a {
  color: #161618;
}

.cart-content table tr td.table a:hover {
  color: #cda756;
}

.cart-content table tr td.table .table-cell p {
  font-size: 11px;
  color: #000;
  display: inline-block;
  margin-right: 15px;
}

.cart-content table tr td.table .table-cell p strong {
  color: #cda756;
  font-weight: 600;
}

.cart-content table tr td.table .price {
  color: #161618;
  font-size: 13px;
  font-weight: 700;
}

.cart-content table tr td.remove a {
  cursor: pointer;
  background: url("img/close.svg") no-repeat center center;
  width: 10px;
  height: 10px;
  display: inline-block;
}

.table-price {
  float: left;
  width: 100%;
  border-top: 1px solid #d7dee4;
  padding-top: 20px;
}

.table-price p {
  font-family: 'Playfair Display', serif;
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  float: left;
}

.table-price p strong {
  font-family: 'Open Sans', sans-serif;
  display: block;
}

.table-price .button-arrow {
  float: right;
}

.login-handler {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
  z-index: 30;
  justify-content: center;
  align-items: center;
  display: none;
  opacity: 0;
}

.login-content {
  display: inline-block;
  position: relative;
  z-index: 30;
  width: 480px;
  background: #fff url("img/motivlogin.jpg") no-repeat center right;
  text-align: left;
  padding: 0 40px;
  padding-top: 40px;
  overflow-y: auto;
}

.login-content h4 {
  float: none;
}

.login-content a.close {
  width: 12px;
  height: 12px;
  background: url("img/close.svg") no-repeat center;
  position: absolute;
  right: 30px;
  top: 30px;
}

.login-content p {
  color: #3e3e3e;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}

.login-content .content {
  float: left;
  width: 100%;
  margin-top: 20px;
}

.input {
	position: relative;
	z-index: 1;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.input .input__field {
	float: left;
	border: none;
	border-radius: 0;
	-webkit-appearance: none; /* for box shadows to show on iOS */
	background: transparent;
	width: 100%;
  color: #000;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  height: 50px;
  border-bottom: 1px solid #d6dde3;
}

.input .input__field:focus {
	outline: none;
}

.input .input__label {
	position: absolute;
  left: 0;
  top: 0;
	width: 100%;
	height: 100%;
  color: #000;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input .input__label-content {
	position: relative;
	width: 100%;
	padding: 0;
	display: inline-block;
	vertical-align: bottom;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.input__field:focus + .input__label .input__label-content,
.input--filled .input__label-content {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
  color: #737373;
  font-size: 10px;
}

.badvalue {
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 20px;
  height: 20px;
  background: #fb2137;
  display: inline-block;
  position: relative;
  padding: 0 10px;
}

.badvalue:after {
  content: "";
  position: absolute;
  left: 10px;
  top: -8px;
  z-index: 9;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fb2137;
}

.separ {
  float: left;
  width: 100%;
}

.separ .lst-pw {
  margin-right: 0;
  margin-left: 20px;
}

.login-content .button-arrow {
  margin-top: 30px;
}

.login-content .footer {
  width: calc(100% - -60px);
  margin-left: -30px;
  background: black;
  padding: 30px;
  margin-top: 30px;
  position: relative;
  float: left;
  margin-bottom: 10px;
}

.login-content .footer img {
  position: absolute;
  left: 30px;
  top: 30px;
}

.login-content .footer .text {
  padding-left: 70px;
  display: inline-block;
}

.login-content .footer .text p {
  color: #ffffff;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}

.login-content .footer .text a {
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  transition: all .3s ease-in-out;
}

.login-content .footer .text a:hover {
  color: #cda756;
}

.login-content .footer .text a:after {
  content: "";
  background: url("img/arrowgold.svg") no-repeat center;
  display: inline-block;
  width: 38px;
  height: 11px;
  margin-left: 10px;
}

nav {
  float: left;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: relative;
}

nav ul li {
  display: inline-block;
  cursor: pointer;
}

nav ul li:after {
  content: "";
  display: inline-block;
  margin: 0 35px;
  width: 10px;
  height: 10px;
  background: rgba(205, 205, 205, 0);
  border: 2px solid #bdc9d3;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
}

nav ul li:last-child:after {
  display: none;
}

nav ul li a {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  transition: all .3s ease;
}

nav ul li a:hover {
  color: #cda756;
}

nav ul li.has-sub a span {
  position: absolute;
  bottom: -12px;
  left: 50%;
  z-index: 9;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid black;
  opacity: 0;
  transition: all .3s ease;
  -ms-transform: translate(-50%, 0%); /* IE 9 */
  -webkit-transform: translate(0%, 0%); /* Safari */
  transform: translate(-50%, 0%);
  -webkit-transition-delay: .2s; /* Safari */
  transition-delay: .2s;
}

nav ul li.has-sub:hover a span {
  opacity: 1;
  bottom: 0;
}

nav ul li .submenu {
  display: none;
  background: black;
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  padding: 60px 0;
  z-index: 2;
}

nav ul li:nth-child(1) .submenu {
  background: black url("/shop/img/menukosile.png") no-repeat top right;
  background-size: contain;
}
nav ul li:nth-child(2) .submenu {
  background: black url("/shop/img/menusvetry.png") no-repeat top right;
  background-size: contain;
}
nav ul li:nth-child(3) .submenu {
  background: black url("/shop/img/menudoplnky.png") no-repeat top right;
  background-size: contain;
}
nav ul li:nth-child(4) .submenu {

}

nav ul li .submenu li.container {
  float: none;
  margin: 0 auto;
  display: block;
}

nav ul li .submenu li.container:after {
  display: none;
}

nav ul li .submenu li.container ul {
  float: left;
  width: 100%;
}

nav ul li .submenu li.container ul li {
  width: 100%;
}

nav ul li:nth-child(3) .submenu li.container ul li {
  width: 33.333%;
  float: left;
}

nav ul li .submenu li.container ul li:after {
  display: none;
}

nav ul li .submenu li.container ul li.nadpis {
  width: 100%;
}

nav ul li .submenu li.container ul li.nadpis a {
  color: #fff;
  font-size: 25px;
  font-weight: 400;
  text-transform: none;
}

nav ul li .submenu li.container ul li a {
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  padding-right: 100px;
  float: left;
  position: relative;
  transition: all .3s ease-in-out;
}

nav ul li .submenu li.container ul li a:hover {
  color: #cda756;
}

nav ul li .submenu li.container ul li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  height: 1px;
}

nav ul li .submenu li.container ul li a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  background: #cda756;
  height: 0px;
  opacity: 0;
  transition: all .3s ease-in-out;
  z-index: 2;
}

nav ul li .submenu li.container ul li a:hover:before {
  height: 1px;
  width: 100%;
  opacity: 1;
}

nav ul li .submenu li.container ul li.nadpis p, nav ul li .submenu li.container ul li.nadpis a {
  color: #fff;
  font-size: 25px;
  font-weight: 400;
  font-family: 'Playfair Display', serif;
  float: left;
  transition: all .3s ease-in-out;
}

nav ul li .submenu li.container ul li.nadpis a:hover {
  color: #cda756;
}

nav ul li .submenu li.container ul li.nadpis a:after, nav ul li .submenu li.container ul li.nadpis a:before {
  display: none;
}

nav ul li .submenu li.container ul li.img-content a:after, nav ul li .submenu li.container ul li.img-content a:before  {
  display: none;
}

nav ul li .submenu li.container ul li.img-content a {
  padding-right: 0;
  text-transform: none;
}

nav ul li .submenu li.container ul li.img-content a .content {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  -ms-transform: translate(-50%, -50%); /* IE 9 */
  -webkit-transform: translate(-50%, -50%); /* Safari */
  transform: translate(-50%, -50%);
  width: 100%;
}

nav ul li .submenu li.container ul li.img-content a:hover .fade:after {
  opacity: 0;
}

nav ul li .submenu li.container ul li.img-content a img {
  position: relative;
  width: 390px;
  background-size: cover;
  height: 130px;
  z-index: 1;
}

nav ul li .submenu li.container ul li.img-content a h3 {
  color: #fff;
  font-size: 25px;
  font-weight: 400;
  position: relative;
  z-index: 2;
  margin-top: 30px;
}

nav ul li .submenu li.container ul li.img-content a h3:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -15px;
  height: 2px;
  width: 40px;
  background: #cda756;
  -ms-transform: translate(-50%, 0%); /* IE 9 */
  -webkit-transform: translate(-50%, 0%); /* Safari */
  transform: translate(-50%, 0%);
}

nav ul li .submenu li.container ul li.img-content a p {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 25px;
  position: relative;
  z-index: 2;
}

.fade {
  display: inline-block;
  position: relative;
}

.fade:after {
  content: "";
  width: 100%;
  height: 100%;
  background: black;
  position: absolute;
  left: 0;
  top: 0;
  opacity: .6;
  z-index: 2;
  transition: all .3s ease-in-out;
}

.fade:hover:after {
  opacity: .2;
}

.motiv {
  background: url("img/banner.jpg") no-repeat center center;
  float: left;
  width: 100%;
  height: 590px;
  background-size: cover;
  padding-top: 80px;
  position: relative;
}

.motiv h1 {
  color: #fff;
  font-size: 50px;
  line-height: 55px;
  font-weight: 400;
  margin-bottom: 30px;
}

.motiv h1:after {
  content: "";
  display: inline-block;
  width: 40px;
  height: 2px;
  background: #cda756;
  vertical-align: middle;
  margin-left: 15px;
}

.motiv p {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 32px;
  text-transform: uppercase;
}

.categories {
  float: left;
  width: 100%;
  margin-top: -250px;
  background: url("img/bg.jpg") no-repeat center center;
  padding-bottom: 40px;
  background-position: 0px -349px;
  background-size: cover;
}

.catchresponsive {
  float: left;
}

.categories .category {
  float: left;
  width: 33.3333%;
  height: 250px;
  text-align: center;
  overflow: hidden;
}

.categories .category.w66 {
  float: left;
  width: 66.66666%;
}

.categories .category .img-handler {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  opacity: .9;
  background: black;
}

.categories .category .img-handler img {
  height: 100%;
  width: 100%;
}

.categories .category .category-content {
  -ms-transform: translate(-50%, -50%); /* IE 9 */
  -webkit-transform: translate(-50%, -50%); /* Safari */
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  width: 100%;
}

.categories .category .category-content h2 {
  color: #fff;
  font-size: 35px;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 15px;
  position: relative;
}

.categories .category .category-content h2:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -15px;
  height: 2px;
  width: 40px;
  background: #cda756;
  -ms-transform: translate(-50%, 0%); /* IE 9 */
  -webkit-transform: translate(-50%, 0%); /* Safari */
  transform: translate(-50%, 0%);
}

.categories .category .category-content p {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 25px;
}

.products {
  float: left;
  width: 100%;
  text-align: center;
}

.products .title {
  float: none;
  display: inline-block;
}

/**
 * Dragdealer.js 0.9.8
 * http://github.com/skidding/dragdealer
 *
 * (c) 2010+ Ovidiu CherecheČ™
 * http://skidding.mit-license.org
 */

.dragdealer {
  position: relative;
  height: 500px;
  overflow: hidden;
  float: left;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 30px;
}
.dragdealer .handle {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  height: 100%;
}
.dragdealer .handle.modaltrick {
  perspective: none !important;
  transform: none !important;
}
.dragdealer .red-bar {
  width: 100px;
  height: 30px;
  background: #CC0000;
  color: #FFF;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
}
.dragdealer .disabled {
  background: #898989;
}
.arows-handler {
  float: left;
  width: 100%;
  position: relative;
}
.arrows-slider {
  width: 50px;
  height: 50px;
  border: 2px solid #e9e9e9;
  position: absolute;
  z-index: 10;
  top: 50%;
  -webkit-transform: translate(0, -50%);
     -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
       -o-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.arrows-slider.arrow-left {
  background: #fff url("img/arrow-left.svg") no-repeat center center;
  left: -70px;
}
.arrows-slider.arrow-left:hover {
  background: #e9e9e9 url("img/arrow-left.svg") no-repeat center center;
}
.arrows-slider.arrow-right {
  background: #fff url("img/arrow-right.svg") no-repeat center center;
  right: -70px;
}
.arrows-slider.arrow-right:hover {
  background: #e9e9e9 url("img/arrow-right.svg") no-repeat center center;
}

article.product {
  float: left;
  width: 300px;
  padding: 0 15px;
  text-align: center;
  padding-top: 20px;
  position: relative;
  transition: all .3s ease-in-out;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
}

article.product .button {
  margin-top: 10px;
}

article.product .box-height {
  display: inline-block;
  width: 100%;
  height: 300px;
  line-height: 300px;
  overflow: hidden;
}

article.product .box-height img {
  max-height: 300px;
}

article.product figcaption {
  display: inline-block;
  position: relative;
}

article.product figcaption .velikosti {
  position: absolute;
  width: 100%;
  background: #fff;
  left: 0;
  top: 15px;
  height: 50px;
  opacity: 0;
  transition: all .3s ease-in-out;
}

article.product:hover figcaption .velikosti {
  opacity: 1;
}

article.product figcaption .velikosti span {
  display: inline-block;
  margin: 3px;
  width: 30px;
  height: 25px;
  line-height: 23px;
  border: 1px solid #dadada;
  color: #666464;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.stitky {
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
}

.stitky span {
  display: inline-block;
  padding: 0 20px;
  height: 20px;
  margin: 3px;
  line-height: 20px;
  background: #161618;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
}

article.product figcaption h3 {
  color: #000;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  display: block;
  margin-bottom: 15px;
  padding: 0 30px;
  margin-top: 20px;
  height: 40px;;
}

article.product figcaption .price {
  color: #161618;
  font-size: 17px;
  font-weight: 700;
  line-height: 23px;
  display: inline-block;
}

article.product figcaption .pricebefore {
  color: #737373;
  font-size: 12px;
  font-weight: 600;
  text-decoration: line-through;
  line-height: 23px;
  margin: 0 5px;
  display: inline-block;
}

.advantages {
  float: left;
  width: 100%;
  border-top: 1px solid #e6e6e6;
  padding: 40px 0;
}

.advantages .slick-adv {
  position: relative;
}

.advantages .slick-adv .slick-list {
  overflow: hidden;
}

.advantages .advantage {
  float: left;
  width: 25%;
}

.advantages .advantage span {
}

.advantages .advantage p {
  font-family: 'Playfair Display', serif;
  color: #000;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  display: inline-block;
  margin-left: 20px;
  vertical-align: middle;
}

.newsletter {
  float: left;
  width: 100%;
  background: black;
  padding: 60px 0;
}

.newsletter .fl-lft {
  float: left;
}

.newsletter .fl-lft h4 {
  color: #fff;
  font-size: 45px;
  font-weight: 400;
  line-height: 50px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.newsletter .fl-lft p {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.newsletter .fl-rght {
  float: right;
  margin-top: 10px;
}

.newsletter .fl-rght input {
  width: 500px;
  height: 50px;
  background: #fff;
  line-height: 38px;
  border: 1px solid #fff;
  padding-left: 20px;
  float: left;
}

.newsletter .fl-rght .button {
  float: left;
}

footer {
  float: left;
  width: 100%;
  background: black;
}

footer .fl-25 {
  float: left;
  width: 25%;
}

footer h5 {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 30px;
}

footer ul li a {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  transition: all .3s ease-in-out;
}

footer ul li a:hover {
  color: #d0ad61;
}

footer ul li.share a {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: inline-block;
}

footer ul li.share a img {
  margin-right: 20px;
}

footer ul li.cntct a {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: inline-block;
}

footer ul li.cntct a img {
  margin-right: 20px;
}

footer .copyright {
  float: left;
  width: 100%;
  text-align: right;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  padding: 30px 0;
}

footer .copyright p {
  float: left;
}

footer .copyright span {
  margin-right: 5px;
}

@media (max-width: 1300px) {
  .categories {
    background: transparent;
  }
  .arrows-slider.arrow-left {
    left: -15px;
  }
  .arrows-slider.arrow-right {
    right: -15px;
  }
}

/* HOMEPAGE */

/* PRODUCT */

.product-page {
  float: left;
  width: 100%;
  border-top: 1px solid #d6dde3;
  border-bottom: 1px solid #d6dde3;
  margin-bottom: 50px;
}

.image-content {
  float: left;
  width: 50%;
  padding-right: 30px;
}

.breadcrumb {
  float: left;
  width: 100%;
  margin-top: 25px;
}

.breadcrumb li {
  display: inline-block;
}

.breadcrumb li a {
  color: #050505;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
}

.breadcrumb li a:hover {
  color: #cda756;
  text-decoration: underline;
}

.breadcrumb > li + li::before {
  margin: 0 15px;
  content: "";
  width: 5px;
  height: 5px;
  background: #bdc9d3;
  border-radius: 50%;
  display: inline-block;
}

.breadcrumb.devsmaller li:last-child a {
	pointer-events: none;
	cursor: default;
}

#slideBox {
	width: 100%;
	max-height: auto;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	top: 0;
	background: transparent;
	border-radius: 0;
  margin: 30px 0;
  float: left;
}

#slideBox .slick-vertical .slick-slide {
	border: none;
}

#slideBox .slick-vertical .slick-slide {
	border: none;
}

.sliderMain {
	width: 100%;
	height: 440px;
  line-height: 440px;
	position: relative;
	float: left;
  margin: 0 auto;
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  text-align: center;
}

.sliderMain img {
  max-width: 100%;
  max-height: 400px;
}

.sliderMain .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

.sliderMain .slick-list:focus {
  outline: none;
}

.sliderMain .slick-list.dragging {
  cursor: pointer;
  cursor: grab;
}

/* Panning Zoomed Image */

.sp-zoom {
  position: absolute;
  left: -50%;
  top: -50%;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  display: none;
  -webkit-transition: all 0s;
  -ms-transition: all 0s;
  -o-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s;
}

/* Arrows main */
.sliderMain .slick-prev, .sliderMain .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: inline-block;
  height: 50px;
  width: 50px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  border: none;
  outline: none;
  z-index: 1;
  display: none !important;
}

.sliderMain .slick-prev {
  left: 0px;
}

.sliderMain .slick-next {
  right: 0px;
}

.sliderMain .slick-prev:before, .sliderMain .slick-next:before {
  content: '';
  background: url("img/arrow-left.svg") no-repeat center center;
  width: 50px;
  height: 50px;
  display: inline-block;
  border: 2px solid #e9e9e9;
}

.sliderMain .slick-next:before {
  background: url("img/arrow-right.svg") no-repeat center center;
}

/* bocni menu galerie */

.sliderSidebar {
	width: 100%;
	height: 90px;
	float: left;
  position: relative;
  text-align: center;
}

.sliderSidebar .slick-slide {
  height: 90px;
  line-height: 80px;
  width: 90px !important;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  margin-right: -1px;
  padding: 5px;
}

.sliderSidebar img {
  max-height: 70px;
}

.sliderSidebar .slick-active {
  position: relative;
}

.sliderSidebar .slick-active:after {
  content: "";
  top: 0;
  left: 0;
  border: 1px solid #bcbfc3;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.sliderSidebar .slick-current:after {
  border: 1px solid #cda85b;
  z-index: 2;
}

/* Arrows dolno galerie */

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide a {
  display: inline;
}

.slick-slide a:hover {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging a {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: inline-block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-loading .slick-list {
  background: #fff url('img/ajax-loader.gif') center center no-repeat;
}

.product-description {
  float: left;
  width: 50%;
  padding-top: 90px;
  padding-left: 30px;
  border-left: 1px solid #d6dde3;
  padding-bottom: 90px;
}

.product-description .stitky {
  position: static;
  float: left;
}

.product-description .stitky span {
  margin: 0 10px 10px 0;
}

.product-description h1 {
  margin-bottom: 20px;
  float: none;
}

.product-description .price {
  color: #161618;
  font-size: 27px;
  font-weight: 700;
  margin-bottom: 20px;
}

.product-description .price span {
  color: #737373;
  font-size: 13px;
  font-weight: 600;
  text-decoration: line-through;
  margin-left: 10px;
}

.product-description .velikosti-produktu {
  float: left;
  width: 100%;
  padding-bottom: 10px;
}

.product-description .velikosti-produktu .vybrane-velikosti p {
  font-family: 'Playfair Display', serif;
  font-size: 15px;
  color: #000;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 20px;
}

.product-description .velikosti-produktu .vybrane-velikosti p span {
  margin-left: 10px;
  color: #cda756;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}

.product-description .velikosti-produktu .button-checkbox label {
  font-size: 11px !important;
  line-height: 34px !important;
}

.product-description .tabulka-velikosti {
  color: #212121;
  font-size: 13px;
  font-weight: 400;
  line-height: 32px;
  text-decoration: underline;
  display: inline-block;
  transition: all .3s ease-in-out;
  margin-left: 10px;
}

.product-description .tabulka-velikosti:hover {
  color: #cda756;
}

.product-description hr {
  border-top: 1px dotted #d7dee4;
  margin-bottom: 20px;
}

.desc-product {
  float: left;
  width: 100%;
  color: #3e3e3e;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 40px;
}

.hodi-se {
  float: left;
  width: 100%;
  margin-top: 40px;
}

.hodi-se h2 {
  color: #050505;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 30px;
}

.hodi-se .fits-carousel {
  position: relative;
}

.hodi-se .fits-carousel .slick-list {
  overflow: hidden;
}

.hodi-se .product-small {
  text-align: center;
  transition: all .3s ease;
  border-bottom: 2px solid transparent;
  padding-bottom: 20px;
}

.hodi-se .product-small:hover {
  border-bottom: 2px solid #cda756;
}

.hodi-se .product-small:hover h3 {
  color: #cda756;
}

.hodi-se .product-small span {
  width: 100%;
  height: 110px;
  display: inline-block;
}

.hodi-se .product-small span img {
  vertical-align: bottom;
  max-width: 90%;
  max-height: 100px;
}

.hodi-se .product-small h3 {
  color: #3d3d3d;
  font-size: 13px;
  line-height: 17px;
  height: 34px;
  font-weight: 400;
  padding: 0 30px;
  margin-bottom: 20px;
  transition: all .3s ease;
}

.hodi-se .product-small p {
  color: #161618;
  font-size: 17px;
  font-weight: 700;
}

.buy-handler {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
  z-index: 30;
  justify-content: center;
  align-items: center;
  display: none;
  opacity: 0;
  left: 0;
  top: 0;
}

.buy-handler-multiple {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
  z-index: 30;
  justify-content: center;
  align-items: center;
  display: none;
  opacity: 0;
  left: 0;
  top: 0;
}

.buy-content {
  display: inline-block;
  position: relative;
  z-index: 30;
  width: 570px;
  text-align: left;
  padding: 20px 40px 0px 40px;
  overflow-y: auto;
  background: #fff;
  max-height: calc(100vh - 30px);
}

.buy-content h4 {
  float: none;
}

.buy-content a.close {
  width: 12px;
  height: 12px;
  background: url("img/close.svg") no-repeat center;
  position: absolute;
  right: 30px;
  top: 30px;
}

.buy-content .content {
  float: left;
  width: 100%;
  margin-top: 20px;
}

.buy-content .content table {
  width: 100%;
}

.buy-content .content table tr {
  border-top: 1px solid #d7dee4;
}

.buy-content .content table tr td {
  padding: 20px 0;
  color: #161618;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.buy-content .content table tr td:last-child {
  text-align: right;
}

.buy-content .content table tr td.img {
  width: 60px;
  text-align: center;
}

.buy-content .content table tr td.img img {
  max-width: 53px;
  max-height: 80px;
}

.buy-content .content table tr td.desc {
  padding: 20px 10px;
}

.buy-content .content table tr td.desc a {
  color: #161618;
}

.buy-content .content table tr td.desc a:hover {
  text-decoration: underline;
}

.buy-content .content table tr td.desc p {
  color: black;
}

.buy-content .content table tr td.desc p span {
  color: #cda756;
  line-height: 35px;
}

.buy-content .content table tr td.price {
  color: #161618;
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
}

.table-sizes {
  float: left;
  width: 100%;
  border-top: 1px solid #d7dee4;
}

.table-sizes h5 {
  color: #000;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  margin: 15px 0;
}

.table-sizes h5.lft {
  float: left;
}

.table-sizes h5.rght {
  float: right;
}

.table-sizes .table {
  display: table;
  width: 100%;
  float: left;
}

.table-sizes .table .table-cell {
  display: inline-block;
  vertical-align: middle;
  padding: 5px 0;
  border-bottom: 1px solid #d6dde3;
  width: 100%;
}

.table-sizes .table .table-cell .flx {
  float: left;
}

.table-sizes .table .table-cell p {
  color: #000;
  font-size: 13px;
  font-weight: 400;
  line-height: 45px;
  text-transform: uppercase;
  display: inline-block;
}

.table-sizes .table .table-cell .flx p {
  line-height: 20px;
}

.table-sizes .table .table-cell .flx .sizeQty {
  margin-left: 10px;
  width: 30px;
  height: 25px;
  line-height: 23px;
  border: 1px solid #dadada;
  color: #666464;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

.table-sizes .table .table-cell .danger {
  color: red;
  font-weight: 700;
  margin-left: 5px;
}

.table-sizes .table .table-cell .success {
  color: green;
  font-weight: 700;
  margin-left: 5px;
}

.buy-content.upgrade {
  width: 770px;
}

.buy-content.upgrade .content table tr td.price {
  vertical-align: bottom;
  white-space: nowrap;
}

.buy-content.upgrade .contenttable tr td .separ {
  display: block;
}

.buy-content.upgrade .content table tr td .separ p {
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  margin-right: 5px;
}

.styled-quantity {
  width: 110px;
  height: 45px;
  position: relative;
  float: right;
}

.styled-quantity input {
  width: 110px;
  height: 45px;
  border-radius: 2px;
  border: 1px solid #dadada;
  color: #000;
  font-size: 17px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
}

.styled-quantity .qtyminus {
  position: absolute;
  content: "";
  background: #fff;
  color: #000;
  font-size: 17px;
  font-weight: 400;
  text-transform: uppercase;
  bottom: 1px;
  left: 1px;
  z-index: 2;
  border: none;
  border-right: 1px solid #dadada;
  width: 35px;
  height: 43px;
  transition: all .2s ease;
}

.styled-quantity .qtyplus {
  position: absolute;
  content: "";
  background: #fff;
  color: #000;
  font-size: 17px;
  font-weight: 400;
  text-transform: uppercase;
  bottom: 1px;
  right: 1px;
  z-index: 2;
  border: none;
  border-left: 1px solid #dadada;
  width: 35px;
  height: 43px;
  transition: all .2s ease;
}

.styled-quantity .qtyminus:hover {
  color: #fff;
  background: #cda756;
}

.styled-quantity .qtyplus:hover {
  color: #fff;
  background: #cda756;
}

.summary-table {
  float: left;
  width: 100%;
  text-align: right;
  padding-bottom: 40px;
}

.summary-table p {
  color: #000;
  line-height: 20px;
  font-family: 'Playfair Display', serif;
  font-size: 15px;
  font-weight: 400;
  margin-top: 10px;
}

.summary-table p strong {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
}

.summary-table p.bigger {
  font-size: 18px;
}

.summary-table p.bigger strong {
  font-size: 18px;
}

.summary-table .button-arrow {
  float: right;
  margin-top: 30px;
}

.button-arrow.zpet {
  float: left;
  border: 2px solid #cda756;
  line-height: 46px;
  color: #000;
  text-align: right;
  padding: 0 15px 0 0;
  background: #fff url("img/arrowleftgold.svg") no-repeat center left 15px !important;
  width: 220px !important;
  position: static !important;
  height: auto !important;
}

.button-arrow.zpet:hover {
  background: #a78b4f url("img/arrowleftgold.svg") no-repeat center left 15px;
  border: 2px solid #a78b4f;
  color: #fff;
}

/* PRODUCT */

.category-page {
  float: left;
  width: 100%;
  padding-bottom: 80px;
}

.banner-category {
  float: left;
  width: 100%;
  background: url("img/bannercategory.jpg") no-repeat center;
  background-size: cover;
  padding: 45px 0;
}

.banner-category h1 {
  color: #ffffff;
  font-size: 35px;
  font-weight: 400;
  line-height: 40px;
}

.bread-holder {
  float: left;
  width: 100%;
}

.bread-holder .breadcrumb {
  width: auto;
}

.selectBox {
	position:relative;
	float: right;
  color: black;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 40px;
  height: 40px;
  transition: all .2s ease;
  z-index: 1;
  background: url("img/selectdown.svg") no-repeat center right;
  cursor: pointer;
  border-bottom: 1px solid #d6dde3;
  margin-top: 17px;
}

.selectBox.open {
  background: url("img/selectup.svg") no-repeat center right;
  border-bottom: 1px solid transparent;
}

.selectBox .selected {
	width: 270px;
  height: 40px;
	overflow: hidden;
  float: left;
  color: black;
  transition: all .3s ease;
}

.selectBox .selected:hover {
  color: #cda756;
}

.selectBox .selectOptions {
	position:absolute;
	top:40px;
	left:0;
	width:270px;
	overflow:hidden;
	display:none;
  background: #fff;
  border-bottom: 2px solid #cda756;
}

.selectBox .selectOption {
	display:block;
	width:90%;
  font-size: 12px;
	line-height:40px;
  height: 40px;
	padding:0 5%;
  transition: all .3s ease;
  color: #888;
}

.selectBox .selectOption:hover	{
	color:black;
}

.category-page .products {
  float: right;
  width: 75%;
  margin-top: 15px;
}

.category-page .products article.product {
  width: 33.333%;
  height: 490px;
}

aside {
  float: left;
  width: 25%;
  padding-right: 30px;
}

aside h2 {
  color: #000;
  font-size: 20px;
  font-weight: 400;
  margin-top: 30px;
  display: inline-block;
  width: 100%;
}

aside .container-aside {
  float: left;
  width: 100%;
  /* overflow-y: auto;
  max-height: 300px; */
  border-top: 1px dotted #d7dee4;
  margin-top: 15px;
  padding-top: 15px;
}

.filtrace-button {
  display: none;
  float: right;
  margin-right: 30px;
  margin-top: 16px;
  height: 40px;
  line-height: 40px;
}

aside .close {
  width: 24px;
  height: 24px;
  border: 1px solid #d7dee4;
  border-radius: 50%;
  text-align: center;
  background: url("img/close.svg") no-repeat center;
  position: absolute;
  right: 15px;
  top: 15px;
  display: none;
}

aside .button {
  display: none;
  width: 100%;
  margin-top: 20px;
}

aside .button.smazat-flitry {
  display: inline-block;
}

/* checkboxi */
.checkbox-styled {
  float: left;
  position: relative;
  padding-left: 20px;
  width: 100%;
}

.checkbox-styled label {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 32px;
}

.checkbox-styled label:before {
  content: "";
  width: 12px;
  height: 12px;
  background: #fff;
  border: 1px solid #dadada;
  position: absolute;
  left: 0;
  top: 10px;
}

.checkbox-styled label:hover:before {
  border: 1px solid #d0ad61;
}

.checkbox-styled input[type=checkbox], .checkbox-styled input[type=radio] {
  display: none;
}

.checkbox-styled input[type=checkbox]:checked + label:before, .checkbox-styled input[type=radio]:checked + label:before  {
  background: url("img/checked.svg") no-repeat center center;
  border: 1px solid #d0ad61;
}

.button-checkbox {
  float: left;
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
}

.button-checkbox label {
  font-size: 14px;
  font-weight: 400;
  line-height: 32px;
  height: 34px;
  padding: 0 15px;
  color: #666464;
  position: relative;
  z-index: 2;
}

.button-checkbox label:before {
  content: "";
  width: 100%;
  height: 100%;
  background: transparent;
  border: 1px solid #dadada;
  position: absolute;
  left: 0;
  top: 0;
}

.button-checkbox label:hover:before {
  border: 1px solid #d0ad61;
}

.button-checkbox input[type=checkbox], .button-checkbox input[type=radio] {
  display: none;
}

.button-checkbox input[type=checkbox]:checked + label:before, .button-checkbox input[type=radio]:checked + label:before {
  border: 2px solid #d0ad61;
}

.button-checkbox input[type=checkbox]:checked + label, .button-checkbox input[type=radio]:checked + label {
  color: black;
}
/* checkboxi */

.button-separ {
  float: left;
  width: 100%;
  text-align: center;
}

.button-separ .button.dalsi {
  margin-top: 30px;
}

/* priceslider */
.slider-content {
  display: inline-block;
  width: calc(100% - 15px);
}

.slider-content p {
  color: #666464;
  font-size: 12px;
  font-weight: 400;
  line-height: 35px;
  display: inline-block;
  margin-top: 10px;
}

.slider-content .ui-widget-content {
  height: 5px;
  background: #d6dde3;
  position: relative;
  width: 100%;
  margin-left: 10px;
  display: inline-block;
}

.slider-content .amount {
  display: inline-block;
  text-align: right;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  width: 55px !important;
  height: 35px;
  background: #fff;
  border: 1px solid #dadada;
  color: #666464;
  font-size: 12px;
  font-weight: 400;
  line-height: 33px;
  position: relative;
  margin: 0 10px;
}

.slider-content .golft {
  float: left;
}

.slider-content .gorght {
  float: right;
  margin-right: -10px;
}

.slider-content .ui-state-default, .slider-content .ui-widget-content .ui-state-default, .slider-content .ui-widget-header .ui-state-default, .slider-content .ui-button, html .ui-button.ui-state-disabled:hover, .slider-content html .ui-button.ui-state-disabled:active {
  width: 13px;
  height: 13px;
  background: #d0ad61;
  border-radius: 6px;
  border-radius: 50%;
  cursor: pointer;
}

.slider-content .ui-state-default:hover {
  border: 1px solid #13c04a;
}

.slider-content .ui-slider-range {
  position: absolute;
  z-index: 1;
}

.slider-content .ui-widget-header {
  height: 5px;
  background: #d0ad61;
}

.slider-content .ui-slider-horizontal .ui-slider-handle {
  top: -5px;
  position: absolute;
  z-index: 10;
  margin-left: -10px;
}
/* priceslider */

/* PRODUCT */

/* KOLEKCE */

.colection-page {
  float: left;
  width: 100%;
}

.colections {
  float: left;
  width: 100%;
  margin-top: 40px;
}

.colections article {
  float: left;
  width: 100%;
}

.colections article .cara {
  display: block;
  width: 40px;
  height: 2px;
  background: #d0ad61;
  margin: 20px 0;
}

.colections article hr {
  margin: 40px 0;
}

.colections .article-content {
  float: left;
  width: 50%;
}

.colections .article-content.pdlft {
  padding-left: 17px;
}

.colections .article-content.img-center {
  float: right;
  text-align: right;
}

.colections article:nth-child(2n+2) .article-content.img-center {
  float: left;
  text-align: left;
}

.colections .article-content figure {
  height: 230px;
}

.colections .article-content h2 {
  margin-bottom: 20px;
  float: none;
}

.colections .article-content p {
  color: #3d3d3d;
  font-size: 15px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 15px;
  padding-right: 30px;
  height: 65px;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  box-orient: vertical;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
}

/* KOLEKCE */

/* REGISTRATION */

.banner-category.bgblack {
  background: black url("img/vlny.png") no-repeat center center;
  background-size: cover;
}

.banner-category.bgblack img {
  margin-right: 20px;
}

.banner-category.bgblack span {
  width: 56px;
  height: 34px;
  display: inline-block;
  text-align: center;
  position: relative;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  margin-right: 20px;
  top: -4px;
}

.banner-category.bgblack span i {
  color: #cda756;
}

.banner-category.bgblack span img {
  position: absolute;
  left: 0;
  top: -10px;
}

.registration-page {
  float: left;
  width: 100%;
  margin-bottom: 60px;
}

.border-page {
  float: left;
  width: 100%;
  border: 1px solid #d6dde3;
  padding: 30px;
  margin-top: 30px;
  padding-bottom: 0;
}

.border-page h2 {
  color: #000;
  font-size: 25px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 50px;
}

.border-page h2:after {
  content: "";
  display: inline-block;
  width: 40px;
  background: #cda756;
  height: 2px;
  vertical-align: middle;
  margin-left: 15px;
}

.inputs {
  float: left;
  width: 830px;
}

.box-input {
  float: left;
  width: 310px;
  padding: 0 15px;
  margin-bottom: 30px;
  position: relative;
}

.box-input.smaller {
  width: 190px;
}

.box-input.bigger {
  max-width: 620px;
  width: 100%;
}

.box-input label {
  font-size: 14px;
  color: #000;
  font-weight: 600;
  margin-bottom: 10px;
}

.box-input label span {
  color: #4b4b4b;
  font-weight: 400;
}

.box-input input {
  width: 100%;
  height: 50px;
  line-height: 48px;
  background: #fff;
  border: 1px solid #d6dde3;
  font-size: 14px;
  color: #000;
  font-weight: 600;
  padding-left: 15px;
  transition: all .3s ease;
}

.box-input select {
  width: 100%;
  height: 50px;
  line-height: 48px;
  background: #fff;
  border: 1px solid #d6dde3;
  font-size: 14px;
  color: #000;
  font-weight: 600;
  padding-left: 15px;
  background: url("img/arrowselect.svg") no-repeat center right 20px;
  transition: all .3s ease;
}

.box-input textarea {
  width: 100%;
  height: 100px;
  line-height: 20px;
  background: #fff;
  border: 1px solid #d6dde3;
  font-size: 14px;
  color: #000;
  font-weight: 600;
  padding: 10px;
  resize: none;
  transition: all .3s ease;
}

.box-input input:focus, .box-input input:hover, .box-input select:focus, .box-input select:hover, .box-input textarea:focus, .box-input textarea:hover {
  border: 1px solid #cda756;
}

.button-firm {
  float: left;
  width: 100%;
  background: url("img/arrowgolddown.svg") no-repeat center right 0px;
  margin-bottom: 40px;
}

.border-page .button-firm h2 {
  margin-bottom: 0;
}

.border-page .button-firm h2:hover {
  color: #cda756;
}

.button-firm.open {
  background: url("img/arrowgoldup.svg") no-repeat center right 0px;
}

.button-firm input {
  display: none;
}

label.error {
  color: #fff;
  font-size: 11px;
  text-transform: none;
  position: absolute;
  bottom: -15px;
  line-height: 16px;
  text-align: center;
  background: #cda756;
  width: calc(100% - 30px);
  left: 15px;
}

#firminputs {
  display: none;
}

#addressinputs {
  display: none;
}

.registration-page .checkbox-styled {
  margin-top: 20px;
}

.registration-page .checkbox-styled label {
  line-height: 30px;
  text-transform: lowercase;
}

.registration-page .checkbox-styled label a {
  color: #000;
  text-decoration: underline;
  transition: all .3s ease;
}

.registration-page .checkbox-styled label a:hover {
  color: #cda756;
}

.button-reg {
  float: left;
  width: 100%;
  margin-top: 60px;
}

p.povinne {
  color: #4b4b4b;
  font-size: 14px;
  font-weight: 400;
  margin-top: 30px;
  display: inline-block;
}

/* REGISTRATION */

/* CART */

.cart-page {
  float: left;
  width: 100%;
}

.table-responsive {
  float: left;
  width: 100%;
  margin-top: 50px;
  overflow-x: inherit;
}

.stacktable.large-only {
  display: table;
}

.stacktable.small-only {
  display: none;
}

.table-responsive table {
  width: 100%;
  text-align: left;
}

.table-responsive table thead tr {
  border-bottom: 1px solid #d6dde3;
}

.table-responsive table th {
  font-family: 'Playfair Display', serif;
  color: #000;
  font-size: 20px;
  font-weight: 400;
  padding: 15px 0;
  position: relative;
}

.table-responsive table th:before {
  content: "";
  width: 1px;
  height: 55px;
  background: #d7dee4;
  position: absolute;
  left: -20px;
  top: 5px;
}

.table-responsive table th:first-child:before {
  display: none;
}

.table-responsive table th:last-child:before {
  display: none;
}

.table-responsive table tbody tr {
  border-bottom: 1px solid #d6dde3;
}

.table-responsive table tbody tr:last-child {
  border: 0;
}

.table-responsive table td {
  color: #161618;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  padding: 20px 0;
}

.table-responsive table td.disnone {
  display: none;
}

.table-responsive table td:last-child {
  text-align: right;
}

.table-responsive table td.vat {
  vertical-align: top;
}

.table-responsive table td.produkt .table {
  display: table;
}

.table-responsive table td.produkt .table .tb-cell {
  display: table-cell;
  vertical-align: middle;
}

.table-responsive table td.produkt .table .tb-cell span {
  width: 100px;
  display: inline-block;
  text-align: right;
  padding-right: 20px;
}

.table-responsive table td.produkt .table .tb-cell span img {
  height: 80px;
  max-width: 70px;
}

.table-responsive table td.produkt .table .tb-cell a {
  color: #161618;
  font-size: 15px;
  font-weight: 400;
}

.table-responsive table td.produkt .table .tb-cell a:hover {
  text-decoration: underline;
}

.table-responsive table td.produkt .table .tb-cell p {
  font-size: 13px;
  color: #000;
}

.table-responsive table td.produkt .table .tb-cell p strong {
  color: #cda756;
}

.table-responsive table td.pocet .styled-quantity {
  float: left;
}

.table-responsive table td.pocet .styled-quantity.no-border input {
  border: 0;
  border-bottom: 1px solid #dadada;
}

.table-responsive table td.pocet .styled-quantity.no-border .qtyminus {
  border: 0;
}

.table-responsive table td.pocet .styled-quantity.no-border .qtyplus {
  border: 0;
}

.table-responsive table td.odebrat a {
  color: #3e3e3e;
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
}

.table-responsive table td.odebrat a:hover {
  color: #cda756;
}

.table-responsive table td.odebrat a:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("img/close.svg") no-repeat center;
  margin-left: 10px;
}

.slevovy-kupon {
  float: left;
  width: 100%;
  border: 1px solid #d6dde3;
  margin-bottom: 40px;
}

.slevovy-kupon .checkbox-styled label {
  padding: 10px 0px 10px 20px;
}

.slevovy-kupon .checkbox-styled label::before {
  left: 15px;
  top: 21px;
}

.slevovy-kod {
  float: left;
  width: 100%;
  background: #d6dde3;
  padding: 10px;
  position: relative;
  display: none;
}

.slevovy-kod:after {
  content: "";
  position: absolute;
  top: -8px;
  left: 28px;
  z-index: 15;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #d6dde3;
}

.slevovy-kod input {
  float: left;
  width: 360px;
  height: 50px;
  border: 1px solid #d6dde3;
  border-right: 0;
  line-height: 48px;
  background: #fff;
  color: black;
  padding-left: 20px;
}

.slevovy-kod button {
  float: left;
  height: 50px;
  line-height: 48px;
  border: 1px solid #d6dde3;
  background: black;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0 20px;
  transition: all .3s ease;
}

.slevovy-kod button:hover {
  color: black;
  background: #fff;
}

.buttons-in-cart {
  float: left;
  width: 100%;
  background: #f5f5f5;
  text-align: right;
  padding: 40px 0;
  border-top: 1px solid #d6dde3;
  border-bottom: 1px solid #d6dde3;
  margin-bottom: 50px;
}

.buttons-in-cart.nobormar {
  border-bottom: 0;
  margin-bottom: 0;
}

.buttons-in-cart p {
  color: #000;
  line-height: 20px;
  font-family: 'Playfair Display', serif;
  font-size: 15px;
  font-weight: 400;
}

.buttons-in-cart p strong {
  font-size: 15px;
  font-family: 'Open Sans', sans-serif;
}

.buttons-in-cart p.bigger {
  font-size: 18px;
  margin-bottom: 20px;
}

.buttons-in-cart p.bigger strong {
  font-size: 18px;
}

/* CART */

/* DELIVERY */

.delivery-page {
  float: left;
  width: 100%;
  margin-top: 60px;
}

.delivery-page h2 {
  color: #000;
  font-size: 25px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 40px;
}

.delivery-page h2::after {
  content: "";
  display: inline-block;
  width: 40px;
  background: #cda756;
  height: 2px;
  vertical-align: middle;
  margin-left: 15px;
}

.doprava-content, .platba-content {
  margin-bottom: 40px;
  float: left;
  width: 100%;
}

.checkbox-delivery {
  display: inline-block;
  width: 100%;
  position: relative;
  border: 1px solid #d6dde3;
  border-bottom: 0;
}

.checkbox-delivery:last-child {
  border-bottom: 1px solid #d6dde3;
}

.checkbox-delivery.checked {
  background: #f5f5f5;
}

.checkbox-delivery input[type="radio"], .checkbox-delivery input[type="checkbox"] {
  display: none;
}

.checkbox-delivery label {
  font-family: 'Playfair Display', serif;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  padding: 20px 20px 20px 55px;
}

.checkbox-delivery label:hover {
  color: #cda756;
}

.checkbox-delivery label:before {
  content: "";
  width: 19px;
  height: 19px;
  border-radius: 10px;
  border: 1px solid #d6dde3;
  background: #fff;
  position: absolute;
  left: 20px;
  top: 20px;
}

.checkbox-delivery label span {
  font-family: 'Open Sans', sans-serif;
  display: block;
  color: #3e3e3e;
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
}

.checkbox-delivery p {
  position: absolute;
  right: 20px;
  top: 20px;
  color: #161618;
  font-size: 17px;
  line-height: 20px;
  font-weight: 700;
}

.checkbox-delivery p.gold {
  color: #cda756;
}

.checkbox-delivery input[type="radio"]:checked + label:before, .checkbox-delivery input[type="checkbox"]:checked + label:before {
  border: 1px solid #cda756;
  background: #fff url("img/rounded.svg") top 3px left 3px no-repeat;
}

.checkbox-delivery input[type="radio"] + label:hover:before, .checkbox-delivery input[type="checkbox"] + label:hover:before {
  border: 1px solid #cda756;
}

.checkbox-delivery select {
  width: 310px !important;
  height: 50px !important;
  line-height: 48px !important;
  background: #fff url("img/arrowselect.svg") no-repeat center right 10px !important;
  border: 1px solid #d6dde3 !important;
  display: inline-block;
  padding-left: 10px !important;
  color: black !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  margin-left: 35px !important;
  margin-top: 15px !important;
}

div.packetery-branch-list {
  margin: -30px 0 15px 20px;
}

/* DELIVERY */

/* DELIVERY INFO */

.neprihlasen {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
  position: relative;
  padding: 20px 0;
  background: black;
  margin-top: 30px;
}

.neprihlasen img {
  width: 16px;
  height: 19px;
  position: absolute;
  left: 20px;
}

.neprihlasen p {
  padding-left: 50px;
}

.neprihlasen p a {
  color: #cda756;
  text-decoration: underline;
}

/* DELIVERY INFO */

/* ACCOUNT PAGE */

.account-page {
  float: left;
  width: 100%;
}

.account-page .menu-left {
  float: left;
  width: 25%;
  padding-top: 45px;
}

.account-page .menu-left ul li a {
  font-family: 'Playfair Display', serif;
  color: #000;
  font-size: 20px;
  font-weight: 400;
  margin: 5px 0;
  display: inline-block;
  transition: all .3s ease-in-out;
}

.account-page .menu-left ul li a:hover {
  color: #cda756;
}

.account-page .menu-left ul li a:after {
  content: "";
  display: inline-block;
  width: 40px;
  background: #cda756;
  height: 2px;
  vertical-align: middle;
  margin-left: 15px;
  opacity: 0;
}

.account-page .menu-left ul li.active a:after {
  opacity: 1;
}

.account-content {
  float: left;
  width: 75%;
  border-left: 1px solid #d6dde3;
  padding: 50px 0px 50px 30px;
}

.account-content h2 {
  color: #000;
  font-size: 25px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 30px;
}

.frmdt {
  display: block;
}

.adddatafirm {
  color: #3e3e3e;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: underline;
  position: relative;
  top: -20px;
  transition: all .3s ease;
}

.adddatafirm:hover {
  color: #cda756;
}

.frmdt input {
  display: none;
}

#datafirminputs {
  display: none;
}

.savechanges {
  float: left;
  width: 100%;
  margin-top: 50px;
}

/* ACCOUNT PAGE */

/* ORDERS */

.account-content .table-responsive {
  margin-top: 0;
}

.account-content .table-responsive table tbody tr:last-child {
  border-bottom: 1px solid #d6dde3;
}

.table-responsive table td.stav {
  color: #df544f;
  font-size: 15px;
  font-weight: 400;
}

.table-responsive table td.stav.odeslano {
  color: #028f43;
}

.table-responsive table td.detail a {
  background: url("img/detail.svg") no-repeat center center;
  width: 18px;
  height: 18px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  transition: all .3s ease;
}

.table-responsive table td.detail a span {
  background: #cda756;
  color: #fff;
  position: absolute;
  left: 50%;
  -ms-transform: translate(-50%, 0%); /* IE 9 */
  -webkit-transform: translate(0%, 0%); /* Safari */
  transform: translate(-50%, 0%);
  top: -30px;
  font-size: 12px;
  line-height: 14px;
  padding: 5px 10px;
  text-align: center;
  white-space: nowrap;
  opacity: 0;
  transition: all .3s ease;
}

.table-responsive table td.detail a span:after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  -ms-transform: translate(-50%, 0%); /* IE 9 */
  -webkit-transform: translate(0%, 0%); /* Safari */
  transform: translate(-50%, 0%);
  z-index: 15;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #cda756;
}

.table-responsive table td.detail a:hover span {
  opacity: 1;
}

/* ORDERS */

/* TABULKA VELIKOSTI */

.table-handler {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  text-align: center;
  z-index: 30;
  justify-content: center;
  align-items: center;
  display: none;
  opacity: 0;
}

.table-handler .table-content {
  display: inline-block;
  position: relative;
  z-index: 30;
  background: #fff;
  width: 970px;
  max-height: 100vh;
  max-width: calc(100% - -30px);
  padding: 0 40px;
  text-align: left;
  overflow: hidden;
}

.table-handler .table-content .table-head {
  float: left;
  width: 100%;
  border-bottom: 1px solid #d6dde3;
  position: relative;
}

.table-handler .table-content .table-head .title {
  margin: 30px 0;
}

.removecart {
  cursor: pointer;
}

.table-handler .table-content .table-head .close {
  float: right;
  position: relative;
  top: 20px;
}

.table-handler .table-content table {
  width: 100%;
  margin-top: 30px;
}

.table-handler .table-content table tr {
  border-bottom: 1px solid #d6dde3;
}

.table-handler .table-content table th {
  font-size: 13px;
  color: #cda756;
  font-weight: 400;
  line-height: 20px;
  padding: 15px;
  padding-left: 0;
  text-align: left;
}

.table-handler .table-content table td {
  font-size: 13px;
  color: black;
  font-weight: 400;
  line-height: 20px;
  padding: 10px;
  padding-left: 0;
}

.table-handler .table-content table th:last-child, .table-handler .table-content table td:last-child {
  text-align: right;
  padding-right: 0;
}
/* TABULKA VELIKOSTI */

/* TEXTOVE PODTSRANKY */
/* kontakt */

.txt-page {
  float: left;
  width: 100%;
  border-top: 1px solid #d6dde3;
  padding-top: 60px;
  padding-bottom: 40px;
}

.txt-page .menu-left-aside {
  float: left;
  width: 20%;
  padding-right: 30px;
}

.txt-page .menu-left-aside ul li a {
  color: #000;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  padding: 20px 0;
  position: relative;
  font-family: 'Playfair Display', serif;
}

.txt-page .menu-left-aside ul li a:hover {
  color: #cda756;
}

.txt-page .menu-left-aside ul li a:after {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #cda756;
  opacity: 0;
}

.txt-page .menu-left-aside ul li.active a:after {
  opacity: 1;
}

.txt-page .txt-page-content {
  float: left;
  width: 80%;
  margin-top: 10px;
}

.txt-page-content h1.title {
  float: none;
}

.txt-page-content p em {
  margin: 20px 0;
  display: inline-block;
}

.txt-page .txt-page-content .poradime {
  float: left;
  width: 100%;
  border-bottom: 1px solid #d6dde3;
  padding: 40px 0;
}

.txt-page .txt-page-content .poradime a {
  margin-top: 30px;
  margin-right: 30px;
}

.txt-page .txt-page-content .poradime a span {
  margin-right: 20px;
}

.txt-page .title:after {
  content: "";
  display: inline-block;
  width: 40px;
  background: #cda756;
  height: 2px;
  vertical-align: middle;
  margin-left: 15px;
}

.txt-page .txt-page-content p {
  color: #3e3e3e;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
}

.txt-page .txt-page-content .mapa-content {
  float: left;
  width: 100%;
  padding: 40px 0;
}

.txt-page .txt-page-content h2 {
  color: #161618;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 40px;
}

.txt-page .txt-page-content .map {
  float: left;
  width: 370px;
  height: 155px;
  margin-right: 30px;
}

.map #map {
  width: 100%;
  height: 155px;
}

.txt-page .txt-page-content .rychli-dotaz {
  float: left;
  width: 100%;
  padding: 20px 0;
}

.txt-page .txt-page-content .popisek {
  float: left;
}

.txt-page .txt-page-content .spec-inputs {
  float: left;
  width: 36%;
  padding: 0 15px;
}

.txt-page .txt-page-content .spec-inputs .box-input {
  padding: 0;
  width: 100%;
}

.txt-page .txt-page-content .spec-inputs .box-input textarea {
  height: 161px;
  padding: 15px;
}

.txt-page .txt-page-content .rychli-dotaz .button-arrow {
  margin-left: 15px;
  margin-top: 141px;
}

/* Obchodni podminky */
.txt-page .txt-page-content .op-content {
  float: left;
  width: 100%;
  margin-top: 35px;
}

.txt-page .txt-page-content .op-content p {
  margin-bottom: 20px;
}

.txt-page .txt-page-content .op-content .gold {
  color: #cda756;
  text-transform: none;
  margin-bottom: 0;
}

.txt-page .txt-page-content .op-content hr {
  margin-bottom: 30px;
}

/* TEXTOVE PODTSRANKY */

/* 404 */

.chybova-stranka {
  float: left;
  width: 100%;
  text-align: center;
  margin: 50px 0;
}

.chybova-stranka h1 {
  color: black;
  font-size: 50px;
  line-height: 55px;
  font-weight: 400;
  margin-bottom: 30px;
}

.chybova-stranka p {
  color: black;
  font-size: 15px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 15px;
}

.chybova-stranka hr {
  margin: 20px 0;
}

.chybova-stranka .button {
  margin-top: 25px;
}

/* 404 */

.notifikace {
  position: fixed;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  line-height: 30px;
  background: #000;
  color: #fff;
  text-align: center;
  top: 40%;
  display: none;
  z-index: 100000;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
}

.table-handler.txt-table {
  position: static !important;
  opacity: 1 !important;
  display: inline-block !important;
  margin-top: 30px;
}

.table-handler.txt-table .table-content {
  width: 100% !important;
  padding: 0 !important;
  max-height: unset;
}

.random-view-img {
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
}

.random-view-img .txt-img-view {
  float: left;
  width: 33.333%;
  padding: 0 15px;
}

/* POTVRZENI OBJEDNAVKY */

.potvrzeni-objednavky {
  float: left;
  width: 100%;
  text-align: center;
  padding: 60px 0;
}

.potvrzeni-objednavky .container {
   width: 100%;
   max-width: 760px;
}

.potvrzeni-objednavky .title {
  margin-bottom: 30px;
  float: none;
}

.potvrzeni-objednavky p {
  color: #000;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  margin-bottom: 20px;
}

.potvrzeni-objednavky p strong {
  font-size: 22px;
  color: #d0ad61;
  font-family: 'Playfair Display', serif;
}

.potvrzeni-objednavky hr {
  float: none;
  display: inline-block;
  margin: 20px 0;
}

.potvrzeni-objednavky .button {
  margin-top: 20px;
}

/* POTVRZENI OBJEDNAVKY */

.no-products {
  color: black;
  font-size: 15px;
  font-weight: 600;
  line-height: 32px;
  margin: 15px 0;
  display: block;
  text-align: center;
}

.alert {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  text-align: center;
  border: 1px solid #cda756;
  padding: 10px 30px;
  width: 100%;
  max-width: 700px;
  margin: 20px auto;
  color: #cda756;
  font-size: 13px;
  line-height: 20px;
}

.alert.success {
  background: green;
  color: #fff;
  border: 1px solid green;
}

.alert.danger {
  background: red;
  color: #fff;
  border: 1px solid red;
}

.lst-pw {
  display: inline-block;
  color: #000;
  text-decoration: underline;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0 30px;
}

.lst-pw:hover {
  color: #cda756;
}

.zapomenete-heslo {
  float: left;
  width: 100%;
  padding: 50px 0;
  text-align: center;
  border-top: 1px solid #d6dde3;
}

.zapomenete-heslo .title {
  width: 100%;
}

.zapomenete-heslo .inputs {
  float: none;
  display: inline-block;
}

.zapomenete-heslo .box-input {
  float: none;
  display: inline-block;
}

.zapomenete-heslo p {
  margin-bottom: 30px;
}

.zapomenete-heslo hr {
  margin: 30px 0;
}

.checkbox-styled.another {
  width: auto;
  margin-left: 220px;
  margin-top: 20px;
}

article.product .hover-buttons.abs {
  position: absolute;
  top: 30%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 70%;
  opacity: 0;
  transition: all .3s ease-in-out;
  text-align: center;
}

article.product:hover .hover-buttons.abs {
  opacity: 1;
}

article.product .hover-buttons .button {
  width: 100%;
}

article.product .hover-buttons .button.grey {
  background: #e6e6e6;
  color: black;
}

article.product .hover-buttons .button.grey:hover {
  color: #fff;
  background: black;
}

.container-aside .color {

  width: auto;
  padding: 0;
  margin: 2px;

}
.container-aside .color input {

  display: none;

}
.container-aside .color label {

  text-indent: -9999px;
  width: 26px;
  height: 26px;
  border:1px solid #ccc;

}
.container-aside .color label::before {

  display: none;
}
.container-aside .color input[type=checkbox]:checked+label{
  border:1px solid #000;
  background-image: url("img/checked.svg") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 50% !important;
}

.input-width-area-login  {
  margin: 10px 0 30px 15px;
}

.input-width-area-login label {
  font-size: 14px;
  color: #000;
  font-weight: 600;
  margin-bottom: 10px;
}

.input-width-area-login textarea {
  width: 100%;
  max-width: 350px;
  height: 120px;
  line-height: 20px;
  background: #fff;
  border: 1px solid #d6dde3;
  font-size: 14px;
  color: #000;
  font-weight: 600;
  padding: 5px 15px;
  transition: all .3s ease;
  resize: none;
}