@font-face {
  font-family: 'SuisseIntl';
  src: url('/CSS/SuisseIntl/SuisseIntl-Regular.eot');
  src: url('/CSS/SuisseIntl/SuisseIntl-Regular.eot?#iefix') format('embedded-opentype'),
       url('/CSS/SuisseIntl/SuisseIntl-Regular.svg#SuisseIntl-Regular') format('svg'),
       url('/CSS/SuisseIntl/SuisseIntl-Regular.ttf') format('truetype'),
       url('/CSS/SuisseIntl/SuisseIntl-Regular.woff') format('woff'),
       url('/CSS/SuisseIntl/SuisseIntl-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
 /* font-display: swap*/
}
@font-face {
  font-family: 'SuisseIntl';
  src: url('/CSS/SuisseIntl/SuisseIntl-Medium.eot');
  src: url('/CSS/SuisseIntl/SuisseIntl-Medium.eot?#iefix') format('embedded-opentype'),
       url('/CSS/SuisseIntl/SuisseIntl-Medium.svg#SuisseIntl-Medium') format('svg'),
       url('/CSS/SuisseIntl/SuisseIntl-Medium.ttf') format('truetype'),
       url('/CSS/SuisseIntl/SuisseIntl-Medium.woff') format('woff'),
       url('/CSS/SuisseIntl/SuisseIntl-Medium.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
}




input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
textarea:focus {outline:0;}
input:focus {outline:0;}
button:focus {outline:0;}
::-moz-selectio {
  color: #fff;
  background: #000;
  opacity: 0.01;
}
::selection {
  color: #FFF;
  background: #000;
  opacity: 0.01;
  opacity: .99;
}
body::-webkit-scrollbar {
  width: 20px;
}
body::-webkit-scrollbar-track {
  background: #fff;
  box-shadow: inset 2px 0 0 0 #000;
  box-shadow: inset 0 0 0 2px #000;
  cursor: pointer;
}
body::-webkit-scrollbar-thumb {
  background: #000;
}
body::-webkit-scrollbar-thumb:hover {
  background: #000;
}
h1,h2,h3,h4,h5{
  line-height: 120%;
  margin: 0;
}
html,textarea,input
{
    font-family: 'SuisseIntl',sans-serif;
    scroll-behavior: smooth;
}
body
{
    font-size: 16px;
    line-height: 140%;
    font-weight: normal;
    font-family: 'SuisseIntl',sans-serif;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    margin: 0;
    /* background-color: #ecebe9; */
    letter-spacing: 0.05em;
}
select
{
  box-shadow: none;
  border-radius: 0;
}
button
{
    border: none;
    font-size: 16px;
    font-family: 'SuisseIntl',sans-serif;
    cursor: pointer;
    background: black;
    color: white;
    border: 1px solid black;
    box-sizing: border-box;
    transition: .2s linear;
}
button:hover,
button:focus
{
background-color: #ffff00;
color: black;
background-color: #ffff00;
}

a,a:hover,a:focus
{
    color: black;
    text-decoration: none;
    transition: all 0.2s linear;
}
a:hover,a:focus
{
  /* color:#ffff00; */
  text-decoration: none;
}
h1 {font-size: 49px;line-height: 110%;margin: 0;}
h2 {font-size: 40px;line-height: 120%;margin: 0;}
h3 {font-size: 31px;line-height: 120%;}
h4 {font-size: 25px;line-height: 120%;margin: 0px;}
h5 {font-size: 20px,line-height}
input,textarea
{
    border-radius: 0;
    padding: 10px 10px;
    color: black;
    border: 1px solid black;
    opacity: 0.999;
    font-size: 16px;
    box-sizing: border-box;
    box-shadow: none;
}
input::placeholder
{
    opacity: 0.5;
    color: black;
}
.grey{color: #B8B8B8;}
.left
{
  float: left;
}
.right
{
  float: right;
}
.center
{
  text-align: center;
}
.relative
{
  position: relative;
}
.underline
{
  text-decoration: underline;
}
.underline2
{
  border-bottom: 1px solid black;
}
.hide
{display: none;}
.bold
{font-weight: bold;}
.cont
{
  max-width: 1400px;
  margin: auto;
  overflow: hidden;
}
.l4
{
  width: 33.33%;
  float: left;
}
@media screen and (max-width:400px)
{}

header {
overflow: hidden;
box-sizing: border-box;
position: relative;
}
header>a>.logo {
    width: 80px;
    position: absolute;
    left: 0px;
    top: 0;
    transition: .2s linear;
}
header>a>.logo:hover
{
filter: invert(1);
}
header>.top_menu{
    max-width: 411px;
    margin: auto;
    overflow: hidden;
}
header>.top_menu>a{
    text-align: center;
    float: left;
    padding: 21px 15px 17px;
    font-size: 20px;
    margin: 10px;
    font-weight: bold;
    cursor: pointer;
}
header>.eshop{
    position: absolute;
    right: 0;
    top: 0;
    line-height: 30px;
    font-size: 20px;
    padding: 29px 10px;
    font-weight: bold;
}
header>.eshop{}
a.btn{
  text-align: center;
  padding: 10px 10px;
  background-color: black;
  color: white;
  position: relative;
  box-sizing: border-box;
}
a.btn:hover
{
  background-color: white;
  color: black;
}
/*
a.btn>.stair1
{
    width: 0%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    height: 50%;
    bottom: 0;
    transition: .2s linear;
}
a.btn>.stair1>span, a.btn>.stair2>span
{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
background-color: white;
color: black;
padding-top: 10px;
padding-left: 27px;
}

a.btn>.stair2
{
    width: 0%;
    overflow: hidden;
    position: absolute;
    right: 0;
    height: 50%;
    bottom: 0;
    transition: .2s linear;
    text-align: right;
}

a.btn:hover>.stair1,
a.btn:hover>.stair2
{
  width: 33.33%
}
a.btn>.stair2>span, a.btn>.stair2>span
{position: absolute;right: 0;top: 0;width: 100%;height: 100%;overflow: hidden;background-color: white;color: black;padding-top: 0;padding-left: initial;margin-top: -10px;margin-left: -32px;padding-right: 32px;padding-bottom: 10px;}
*/
.full_screen_fix{
    background-color: white;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    display: none;
    cursor: pointer;
}
.mobil_menu{
  display: none;
}
.main_claim{
    background-color: #eee;
    background-image: url(/IMG/220925_hp_desktop.jpg);
    height: 80vh;
    width: 100%;
    background-position: center;
    background-position: top;
    background-size: cover;
    position: relative;
}

.main_claim>.claim{
    position: absolute;
    color: white;
    z-index: 1;
    width: 100%;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}
.main_claim>.claim>h1{
    text-align: center;
    font-size: 140px;
    line-height: 100%;
}
.main_claim>.claim>.btn{
    width: 180px;
    display: block;
    margin: auto;
    margin-top: 50px;
    border: none;
}

.cont{}
.cont.produkty{
    padding: 25px 25px;
    /* background-color: white; */
    display: flex;
    flex-wrap: wrap;
}
.cont.produkty>.item{
    width: calc(33.333% - 50px);
    /* float: left; */
    /* background-color: white; */
    /* padding: 25px; */
    box-sizing: border-box;
    margin: 25px 25px;
    cursor: pointer;
    min-height: 620px;
    position: relative;
}
.cont.produkty>.item .vyprodano {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    background-color: black;
    color: white;
    text-align: center;
    font-size: 20px;
    padding: 15px;
    text-transform: uppercase;
}
.cont.produkty>.item img{
    width: 100%;
    transition: all .2s ease-in-out;
aspect-ratio: 683/1024;}
.cont.produkty>.item>.name{
    background-color: white;
    padding: 20px;
    min-height: 50px;
    padding-right: 110px;
    position: relative;
    font-weight: bold;
}
.cont.produkty>.item>.name>.cena{
    position: absolute;
    right: 20px;
    top: 20px;
}
.cont.produkty>div
{
  float: left;
  width: 100%;
}
.productpage>.header{
  /* margin-top: 50px; */
  text-align: center;
  /* margin-bottom: 50px; */
  /* font-size: 30px; */
  z-index: 1000;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  /* background-color: transparent; */
  line-height: 60px;
}
.cont.produkty>div>.btn{
    width: 200px;
    display: block;
    margin: 50px auto;
    border: none;
}
.grey_gradient
{
 /* background: linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(255,255,255,1) 100%);*/
 /* background: linear-gradient(180deg, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.10) 100%); */
 /* background: rgba(0,0,0,0.10);*/
 /* background: linear-gradient(0deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,.1) 80%, rgba(0,0,0,0.01) 100%); */
 background-color: rgb(0 0 0 / 0.13);
}


.info_main{
    overflow: hidden;
}
.info_main>.headers{
    font-size: 40px;
    line-height: 120%;
    width: 400px;
    margin: 100px auto;
    font-weight: bold;
    text-align: center;
}
footer>.cont>.header {
    color: white;
    font-size: 40px;
    line-height: 120%;
    margin-top: 50px;
}

.info_main .item
{
  width: 250px;
  margin: 0 auto 200px;
  text-align: center;
}
.info_main .item>img
{
  width: 160px;
  display: block;
  margin: 0 auto 0px;
}

footer.black.active{min-height: 33vh;}
footer.black a{color: white}
footer.black{background-color: black;padding-bottom: 25px;}
footer.black>.cont{}
footer.black>.cont>.item {
    color: white;
    font-weight: bold;
    padding: 50px;
    width: 33.33%;
    box-sizing: border-box;
    float: left;
}
header>.top_menu>a:hover,
header>.top_menu>a.active {
    background-color: black;
    color: white;
}
.page
{
  min-height: 100vh;
}

.item_top{
    margin-top: 50px;
    margin-bottom: 50px;
    overflow: hidden;
    padding: 0 25px;
}
.item_top>.picture{
    width: 50%;
    position: relative;
    overflow: hidden;
    float: left;
}
.item_top>.picture>.act_full{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    /* z-index: 10; */
    background-image: url(/IMG/maximize.svg);
    background-size: contain;
    cursor: pointer;
}
.item_top>.picture>picture{
    display: block;
}
.item_top>.picture>picture>img{
    width: 100%;
    display: block;
    z-index: 1;
}
.item_top>.desc{
    float: left;
    width: 50%;
}
.item_top>.desc>.box{
    max-width: 400px;
    margin: auto;
}
.item_top>.desc>.box>.name{
    font-size: 40px;
    line-height: 120%;
    font-weight: bold;
    margin-bottom: 50px;
}
.item_top>.desc>.box>ul{
    padding-left: 25px;
    margin: 0;
    margin: 50px 0 100px;
}
.item_top>.desc>.box>.velikost{}
.item_top>.desc>.box>.velikost>.header{}
.item_top>.desc>.box>.velikost>.velikosti{
    overflow: hidden;
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
}
.item_top>.desc>.box>.velikost>.velikosti>.velikost_item{
    height: 50px;
    min-width: 50px;
    background-color: white;
    float: left;
    text-align: center;
    line-height: 55px;
    margin: 10px 10px 0 0;
    cursor: pointer;
    transition: .4s linear;
    /* width: 25%; */
    padding: 0 10px;
}
.item_top>.desc>.box>.velikost>.velikosti>.velikost_item.active,
.item_top>.desc>.box>.velikost>.velikosti>.velikost_item:hover
{
  background-color:black;
  color: white;
}
.item_top>.desc>.box>.velikost>.velikosti>.velikost_item.disabled{
    background-color: #cdcdcd;
    cursor: not-allowed;
    color: #ababab;
}
.item_top>.desc>.box>.pocet_kusu{
    overflow: hidden;
    margin-top: 50px;
}
.item_top>.desc>.box>.pocet_kusu>.velikosti{
    overflow: hidden;
    margin-bottom: 50px;
}
.item_top>.desc>.box>.pocet_kusu>.nav>div{
    height: 50px;
    width: 50px;
    background-color: white;
    float: left;
    text-align: center;
    line-height: 50px;
    margin: 10px 10px 0 0;
    cursor: pointer;
    transition: 0.2s linear;
}
.item_top>.desc>.box>.pocet_kusu>.nav>.pocet{width: 150px;}
.item_top>.desc>.box>button{
    padding: 16PX 20PX 12PX;
    margin-top: 100px;
    font-weight: bold;
}
.item_top>.desc>.box>.pocet_kusu .cena {
    height: 50px;
    width: 270px;
    background-color: white;
    float: left;
    text-align: center;
    line-height: 50px;
    margin: 10px 10px 0 0;
}
.gallery{
    /* margin-top: 50px; */
    /* padding-top: 50px; */
    /* display: block; */
    margin-bottom: 100px;
    overflow: hidden;
    padding-left: 25px;
    padding-right: 25px;
}
.gallery>picture>.img_l{
  width: 100%;
}
.gallery>picture>.img_s{
  width: 50%;
  display:block;
  float:left;
}
.cont.produkty>.item:hover img {
    width: calc(100% + 45px);
    margin: 0 -30px -60px;
}

.velikosti>input.variant {
    background-color: transparent;
    border: none;
    margin-left: -230px;
    display: block;
    height: 1px;
    width: 1px;
    float: left;
    margin-top: -20px;
}
.only_mobile
{
  display: none;
}
.cart_full_sceen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: white;
}
.infobox>.content
{
  position: fixed;
  left: calc(50% - 200px);
  top: calc(50% - 100px);
  height: 200px;
  width: 400px;
  max-width: 100%;
}
.infobox>.content>.kosik.button {
    padding: 15px 15px;
    background-color: black;
    color: white;
    width: calc(50% - 20px);
    float: left;
    text-align: center;
    box-sizing: border-box;
    margin: 0 10px;
}
.infobox>.content>.info_add_cart {
    margin-bottom: 10px;
    text-align: center;
}

.kosik>header
{
  /* min-height: 100px; */
}
.kosik>header>.left_menu>.drop_menu
{
  float: left;
  margin-right: 40px;
}
.kosik>header>.left_menu>a
{
  margin-right: 40px;
}
.kosik>header>.left_menu>.drop_menu img
{
  margin-left: 10px;
}
.kosik .progres
{
  margin-top: 80px;
  margin-bottom: 80px;
  overflow: hidden;
  display: flex;
  font-family: 'SuisseIntl',sans-serif;
}
.kosik .progres>div
{
  /* display: flex; */
  font-size: 20px;
  color: #B8B8B8;
  float: left;
  /* margin-left: 110px; */
  width: calc(25% - 0px);
  text-align: center;
}
.kosik .progres>div:last-of-type
{
  margin-right: 50px;
}
.kosik .progres>div.active
{
  color: black;
  /* border-bottom: 1px solid black; */
}
.cart_list{
    overflow: hidden;
}
.cart_list>.line{
    border-top: 1px solid #000;
    overflow: hidden;
    position: relative;
}
.cart_list>.line:last-of-type
{
  border-bottom: 1px solid #000;
}
.cart_list>.line>.img
{
  float: left;
  padding: 10px 25px 10px 0;
  height: 70px;
}
.cart_list>.line>.nazev{
    float: left;
    min-width: 310px;
    margin: 34px 20px 34px 0;
}
.cart_list>.line>.nahled{
    float: left;
    margin: 30px 20px;
    border-bottom: 1px solid #B8B8B8;
    line-height: 23px;
    color: #B8B8B8;
    /* text-decoration: underline; */
}
.cart_list>.line>.cena{
    overflow: hidden;
    float: right;
    margin: 34px 20px;
    text-align: right;
}
.cart_list>.line>input{
    overflow: hidden;
    float: right;
    border-color: #B8B8B8;
    padding: 5px;
    width: 40px;
    height: 40px;
    text-align: center;
    margin: 25px 60px 25px 20px;
}
.cart_list>.line>button>img{width: 100%;}
.cart_list>.line>button{
    background: none;
    position: absolute;
    right: 0;
    height: 25px;
    width: 25px;
    top: calc(50% - 12.5px);
    margin-left: 20px;
}
.mezisouscet
{
  margin-top: 80px;
  padding: 25px 0;
  border-top: 1px solid;
  border-bottom: 1px solid;
  overflow: hidden;
  /* font-weight: bold; */
  margin-bottom: 80px;
  font-family: 'SuisseIntl',sans-serif;
}
.mezisouscet>div:nth-of-type(1){
    float: left;
}
.mezisouscet>div:nth-of-type(2){
    float: right;
    font-size: 20px;
}.kosik .page{min-height: calc(100vh - 310px);padding-top: 100px;padding-bottom: 100px;}
.cont_s,
.cont_sx
{
  margin: auto;
  max-width: 906px;
  overflow: hidden;
}
.cont_s>h2{}
.cont_s>p{
    max-width: 570px;
    margin: 0px auto 30px auto;
}
.cont_s>.btn{
}
.cont_m
{
  max-width: 948px;
  margin: auto;
  overflow: hidden;
}
.btn{
    border: 1px solid black;
    display: inline-block;
    padding: 4px 30px;
    cursor:pointer;
    transition: 0.2s ease-in-out;
}
.btn:hover,
.btn:focus
{
  background-color: white;
  color: black;
  border-color: white;
}

.bar
{
  background-color: #F4F4F4;
  border-top: 1px solid #C4C4C4;
}
.bar>.items{
  max-width: 1400px;
  margin: auto;
  overflow: hidden;
}
.bar>.items>.item>img
{
  float: left;
  padding-right: 15px;
  margin: -5px 0 -15px;
}
.bar>.items>.item
{
  float: left;
  width: calc(20% - 30px);
  line-height: 40px;
  border-right: 1px solid #C4C4C4;
  box-sizing: border-box;
  margin: 20px 15px;
}
.bar>.items>.item:last-of-type
{
  border-right: none;
}
.bar>.items>.item:nth-of-type(2)>img{margin-top: 1px}
.bar>.items>.item:nth-of-type(3)>img{margin-top: 5px;}
.bar>.items>.item:nth-of-type(4)>img{margin-top: 5px;}
.bar>.items>.item:nth-of-type(5)>img{margin-top: 4px;}
.bar>.items>.item:nth-of-type(6)>img{ margin-top: 1px}

.bar.bar2>.items>.item:nth-of-type(1)>img{margin-top: 5px;}
.bar.bar2>.items>.item:nth-of-type(2)>img{margin-top: 4px;}
.bar.bar2>.items>.item:nth-of-type(3)>img{margin-top: 2px;}
.bar.bar2>.items>.item:nth-of-type(4)>img{margin-top: 2px;}
.bar.bar2>.items>.item:nth-of-type(5)>img{margin-top: 1px;}

.boxs.list{
  max-width: 1400px;
  margin: auto;
  overflow: hidden;
}
.boxs.list>.box>.inside>img{width: 100%;padding: 0 40px 27px;box-sizing: border-box;}
.boxs.list>.box{
  float: left;
  width: 25%;
  margin-top: 57px;
  box-sizing: border-box;
}
.boxs.list>.box>.inside{max-width: 270px;margin: auto;padding: 20px;box-sizing: border-box;transition: 0.2s ease-in-out;}
.boxs.list>.box>.inside>.nazev{font-weight: bold;}
.boxs.list>.box>.inside>.popis{color: #BDBDBD;transition: 0.2s ease-in-out;}
.boxs.list>.box>.inside>.cena{font-weight: bold;font-size: 20px;margin-top: 1rem}

/*SELECT*/
.custom-select
{
  margin-top: 0 !important;
  position: relative;
}
.custom-select select
{
  display: none;
  position: relative;
}
.select-selected
{
  background-color: transparent;
}
.select-selected:after {
  position: absolute;
  content: "";
  top: 17px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #000 transparent transparent transparent;
}
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #000 transparent;
  top: 11px;
}
.select-items div,.select-selected {
  padding: 6px 10px;
  border: 1px solid #000;
  cursor: pointer;
  user-select: none;
  border-radius: 5px;
  background-color: #fff;
}
.select-items {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
.select-hide {
  display: none;
}
.select-items div:hover, .same-as-selected {
  background-color: #e8e8e8;
}
.select-items div
{
  margin-bottom: -2px;
}

.full_screen_fix{
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 20;
}
.full_screen_fix.open{display: block;}
.menu_full{display: none;z-index: 30;position: fixed;transform: translate(-50%, -50%);left: 50%;top: 50%;}
.menu_full.open{display: block;}
.full_screen_fix>.close{
    position: fixed;
    right: 0;
    top: 0;
    padding: 15px;
    cursor: pointer;
}
.menu_full>.box{
    max-width: 300px;
    margin: auto;
}
.menu_full>.box>.line{
    display: block;
    line-height: 50px;
    font-size: 20px;
    text-align: center;
    font-weight: 500;
}

.chart{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 100%;
  max-width: 512px;
  width: 33vw;
  background-color: white;
  z-index: 10;
  box-shadow: -5px 0px 5px 0px rgba(0,0,0,0.125);
  transition: all 0.4s ease-in-out;
}
.red
{
  color: #EB5757
}
.chart>.header{
  background-color: #EB5757;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 60px;
  padding: 60px 40px;
}
.chart>.header>img{
    float: right;
    padding: 30px;
    transform: rotate(180deg);
    cursor: pointer;
}
.chart>.body>.btn
{
  margin: auto;
  display: block;
  padding: 14px;
  text-align: center;
}
.chart>.body
{
  padding: 40px;
}
.chart>.body>.boxs{}
.chart>.body>.boxs>.box{
    border: 1px solid #B8B8B8;
    margin-bottom: 16px;
    overflow: hidden;
}
.chart>.body>.boxs>.box>img{
    width: 75px;
    margin: 20px 10px 30px 10px;
    float: left;
}
.chart>.body>.boxs>.box>.name{
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 500;
    float: left;
    width: 235px;
    overflow: hidden;
}
.chart>.body>.boxs>.box>.cena{
    text-align: right;
    width: 80px;
    float: left;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-right: 20px;
    font-weight: 500;
}
.chart>.body>.boxs>.box>.popis{
    /* padding: 21px 0; */
    margin: 20px 0;
}
.chart>.body>.boxs>.box>.cta{
    position: relative;
}
.chart>.body>.boxs>.box>.cta>.popis{
    position: absolute;
    left: 233px;
    top: 0;
    color: #B8B8B8;
    border-bottom: 1px solid #B8B8B8;
    DISPLAY: NONE;
}
.chart>.body>.boxs>.box>.cta>button{
    position: absolute;
    right: 20px;
    background: none;
    border: 1px solid #B8B8B8;
    height: 40px;
    width: 40px;
    bottom: 0;
    padding-top: 5px;
}
.chart>.body>.boxs>.box>.cta>input{
    padding: 5px;
    width: 40px;
    height: 40px;
    text-align: center;
    margin-right: 10px;
    border-color: #B8B8B8;
}

.chart.open
{
  left: calc(100% - 512px);
}
.kosik>header
{
  /* min-height: 100px; */
}
.kosik>header>.left_menu>.drop_menu
{
  float: left;
  margin-right: 40px;
}
.kosik>header>.left_menu>a
{
  margin-right: 40px;
}
.kosik>header>.left_menu>.drop_menu img
{
  margin-left: 10px;
}
.kosik .progres
{
  margin-top: 80px;
  margin-bottom: 80px;
  overflow: hidden;
  display: flex;
  font-family: 'SuisseIntl',sans-serif;
}
.kosik .progres>div
{
  /* display: flex; */
  font-size: 20px;
  color: #B8B8B8;
  float: left;
  /* margin-left: 110px; */
  width: calc(25% - 0px);
  text-align: center;
}
.kosik .progres>div:last-of-type
{
  margin-right: 50px;
}
.kosik .progres>div.active
{
  color: black;
  /* border-bottom: 1px solid black; */
}
.cart_list{
    overflow: hidden;
}
.cart_list>.line{
    border-top: 1px solid #000;
    overflow: hidden;
    position: relative;
}
.cart_list>.line:last-of-type
{
  border-bottom: 1px solid #000;
}
.cart_list>.line>.img
{
  float: left;
  padding: 10px 25px 10px 0;
  height: 70px;
}
.cart_list>.line>.nazev{
    float: left;
    min-width: 310px;
    margin: 34px 20px 34px 0;
}
.cart_list>.line>.nahled{
    float: left;
    margin: 30px 20px;
    border-bottom: 1px solid #B8B8B8;
    line-height: 23px;
    color: #B8B8B8;
    /* text-decoration: underline; */
}
.cart_list>.line>.cena{
    overflow: hidden;
    float: right;
    margin: 34px 20px;
    text-align: right;
}
.cart_list>.line>input{
    overflow: hidden;
    float: right;
    border-color: #B8B8B8;
    padding: 5px;
    width: 40px;
    height: 40px;
    text-align: center;
    margin: 25px 60px 25px 20px;
}
.cart_list>.line>button>img{width: 100%;}
.cart_list>.line>button{
    background: none;
    position: absolute;
    right: 0;
    height: 25px;
    width: 25px;
    top: calc(50% - 12.5px);
    margin-left: 20px;
    line-height: 25px;
}
.mezisouscet
{
  margin-top: 80px;
  padding: 25px 0;
  border-top: 1px solid;
  border-bottom: 1px solid;
  overflow: hidden;
  /* font-weight: bold; */
  margin-bottom: 80px;
  font-family: 'SuisseIntl',sans-serif;
}
.mezisouscet>div:nth-of-type(1){
    float: left;
}
.mezisouscet>div:nth-of-type(2){
    float: right;
    font-size: 20px;
}

/*CHECKBOX*/
.checkbox
{
    display: block;
    position: relative;
    padding-left: 35px;
    margin-top: 10px;
    margin-bottom: 22px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 22px;
}
.checkbox input
{
  position: absolute;
  cursor: pointer;
  height: 1px;
  width: 1px;
  opacity: 0.0001;
  max-width: 1px;
  max-height: 1px;
}
.checkbox .checkmark
{
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border: 1px solid black;
}
.checkbox input:checked ~ .checkmark {
  background-color: #000;
}
.checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkbox input:checked ~ .checkmark:after {
  display: block;
}
.checkbox .checkmark:after {
  left: 10px;
  top: 5px;
  width: 5px;
  height: 12px;
  border: solid white;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
label.checkbox
{
  padding-left: 40px;
  padding-top: 0px;
}
/*checkbox*/
/*RADIO BUTTON */
.radio {
  display: block;
  position: relative;
  padding-left: 3rem;
  margin-bottom: 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 27px;
  transition: all 0.3s ease-in-out;
}
.radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 1px;
  width: 0;
}
.radio .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  border: 2px solid #000;
  background-color: #fff;
  border-radius: 50%;
  transition: all 0.15s ease-in-out;
}

.radio:focus .checkmark,
.radio:hover .checkmark
{
  background-color: rgb(0, 0, 0, 1);
}
.radio:active .checkmark:after
{
  background-color: rgb(0, 0, 0, 1);
}
.radio input:checked ~ .checkmark {
  background-color: #000000;
}
.radio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.radio input:disabled ~ .checkmark
{
  border-color: grey;
  background-color: grey;
  cursor: not-allowed;
}


.radio input:checked ~ .checkmark:after {
  display: block;
}
.radio .checkmark:after {
  top: 8px;
  left: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
/*RADIO BUTTON */
.cont_sx.gdpr_box
{
  margin-bottom: 40px;
  margin-top: 40px;
}
.cont_sx.gdpr_box2
{
  margin-top: 40px;
  margin-bottom: 0px;
}
.gdpr_box label.checkbox
{
  margin-left: 60px;
}
.cont_sx
{
  max-width: 440px;
  margin: auto;
}
.kosik .navigace>.button{
    width: 200px;
    height: 60px;
    border: 1px solid;
    display: block;
    text-align: center;
    float: left;
    padding: 10px 10px;
    box-sizing: border-box;
    line-height: 40px;
    margin-top: 0px;
    transition: all 0.3s ease-in-out;
}
.kosik .navigace>.button.v1{
    margin-right: 40px;
    background-color: #fff;
    color: black;
}
.kosik .navigace>.button.v2{
    background-color: #000;
    color: #fff;
}
.kosik .navigace>.button.v1:hover,
.kosik .navigace>.button.v2:hover,
.kosik .navigace>.button.v2:focus,
.kosik .navigace>.button.v1:focus
{
  background-color: black;
  color: white;
  border-color: #000;
}
div.kontakt{
    overflow: hidden;
}
.kontakt>.info{
    /* margin-left: 240px; */
    margin-bottom: 20px;
    line-height: 60px;
    font-size: 24px;
    font-family: 'SuisseIntl',sans-serif;
}
.kontakt>label{
    overflow: hidden;
    display: block;
    margin-bottom: 20px;
}
.kontakt>label>input{
    float: right;
    width: 400px;
}
.kontakt>label.checkbox
{
  overflow: initial;
}
.kontakt.dodaci_adresa
{
  display: none;
  padding-top: 30px;
}
.cont_s .doprava>.info {
    font-weight: bold;
    padding-left: 48px;
    padding-bottom: 20px;
    padding-top: 20px;
    font-family: 'SuisseIntl',sans-serif;
}

.cont_s .doprava {
    max-width: 440px;
    margin: 0 auto 100px;
}
.a4
{
  margin: 0 auto 80px;
  max-width: 948px;
  background-color: #F5F5F5;
  padding-bottom: 20px;
}
.a4>.cont_s
{
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.a4>.header {
    font-weight: bold;
}

.a4>.cont_s>.header {
    text-align: center;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 25px;
}
.a4>.cont_s>table {
    width: 100%;
    border-top: 1px solid;
    padding: 30px 0;
}
.a4>.cont_s>table>tbody>tr>td {
  padding: 10px 0;
}

.a4>.cont_s>table>tbody>tr>td:nth-of-type(4)
{
  text-align: right;
} 

.item_kosik{
    position: absolute;
    top: calc(50% - 15px);
    right: 22px;
    width: 30px;
    height: 30px;
}
.item_kosik>img{
    width: 100%;
}
/**/
.zoom_image{display: none;cursor: pointer;position: fixed;top: 50%;left: 50%;/* background-image: url(/TEMP/1.jpg); */transform: translate(-50%, -50%);max-width: 90vw;max-height: calc(100vh - 100px);background-repeat: no-repeat;background-size: contain;background-position: center;z-index: 21;}

.postovne .info_main .item {
    margin-bottom: 25px;
}
.postovne .info_main>.headers {
    margin-bottom: 50px;
}
 .menu{
  position: fixed;
  width: 30px;
  top: 4px;
  right: 0;
  cursor: pointer;
  padding: 10px;
  display: none;
  z-index: 1001;
}
.item_top>.desc>.box>.pocet_kusu>.nav>div.plus:hover{
  filter: invert(1);
}
.item_top>.desc>.box>.pocet_kusu>.nav>div.minus:hover{
  filter: invert(1);
}
.main_claim>.cta {
    padding: 10px 10px;
    font-weight: bold;
    width: 180px;
    display: block;
    text-align: center;
    box-sizing: border-box;
    position: absolute;
    background-color: white;
    border-color: white;
    color: black;
    position: absolute;
    text-align: right;
    transition:0.2s linear;
    right: 0;
    bottom: 0;
}
.main_claim>.cta:before
{
  content: '#';
  color: black;
  /* background-color: black; */
  border-radius: 50%;
  height: 8px;
  width: 8px;
  position: absolute;
  top: calc(50% - 11px);
  left: 9px;
}

.main_claim>.cta:hover
{
  filter: invert(1);
}

.item_top>.desc>.box p,
.item_top>.desc>.box p span
{
   font-family: 'SuisseIntl',sans-serif !important;
   font-size: 16px !important;
}


@media only screen and (min-width: 2000px)
{
  .main_claim{
  /*  background-image: url(/IMG/homepage_4k.jpg);*/
  }
}
@media only screen and (max-width: 2000px)
{
  header>.top_menu>a
  {
    font-size: 20px;
    padding: 18px 15px 14px;
    /* margin: 0; */
  }
  header>.eshop
  {
    font-size: 20px;
    padding: 18px 15px 14px;
    margin: 6px 0;
  }
  header>.top_menu
  {
    max-width: 440px;
  }
  header>a>.logo
  {
    
    width: 74px;
  }
  .main_claim>.claim>h1
  {
    font-size: 100px;
  }
}

@media only screen and (max-width: 1600px)
{
  .main_claim>.claim>h1
  {
    font-size: 80px;
  }
  .cont.produkty>.item
  {
    min-height: 500px
  }
}
@media only screen and (max-width: 1200px)
{
  .main_claim>.claim>h1
  {
    font-size: 50px;
    width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
  }
  header>.top_menu>a
  {
    font-size: 20px;
  }
  header>.eshop
  {
    font-size: 20px;
  }
  .cont.produkty>.item
  {
    width: calc(50% - 50px);
  }
  header>.top_menu
  {
    width: 411px;
  }
}
@media only screen and (max-width: 1000px)
{
  .l4
  {
    width: 100%;
  }
  footer.black>.cont>.item
  {
    width: 100%;
  }
  header
  {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background-color: #ffffffa6;
    z-index: 1000;
  }
  header>.top_menu>a>.item
  {
    display: none;
  }
  header>a>.logo
  {
    width: initial;
    height: 52px;
  }
  .cont.produkty>.item
  {
    width: calc(100% - 0px);
    margin: 0;
    min-height: initial;
    margin-bottom: 25px;
  }
  .main_claim>.claim>h1
  {
    font-size: 40px;
  }
  header>.top_menu>a.active
  {
    display: none;
  }
  .only_mobile
  {
    display: block;
  }
  .postovne .info_main>.headers,
  .info_main>.headers
  {
    font-size: 20px;
    width: 100%;
    padding: 0 20px;
    box-sizing:border-box
  }
  .item_kosik
  {
    top: 13px;
    display: none;
  }
  .kosik .progres
    {
      display: none;
    }
    .cart_body
    {
      margin-top: 50px;
    }
    .kosik .navigace>.button.v1
    {
      width: calc(50% - 22.5px);
      margin-right: 7.5px;
      margin-left: 15px;
    }
    .kosik .navigace>.button.v2
    {
      width: calc(50% - 22.5px);
      margin-right: 15px;
      margin-left: 7.5px;
    }
    .cart_list>.line>.cena
    {
      text-align: left;
      width: 100%;
      margin: 0 auto 20px;
    }
    .cont_s
    {
      max-width: 700px;
      padding: 0 20px;
    }
    header>.eshop
    {
      padding: 10px;
      display: none;
    }
    .item_top>.picture
    {
      width: 100%;
      order: 1;

    }
    .item_top>.desc
    {
       width: 100%;
       order: 2;
       margin-bottom: 100px;
       margin-top: 100px;
    }
    .item_top
    {
      display: flex;
      flex-wrap: wrap;
    }
    .item_top>.desc>.box>.pocet_kusu .cena
    {
      width: 100%;
    }
    .item_top>.desc>.box>.pocet_kusu>.nav>div
    {
      width: 25%;
      transition: .2s linear;
    }
    .item_top>.desc>.box>.pocet_kusu>.nav>div.plus
    {
      margin-right: 0;
    }
    .item_top>.desc>.box>.pocet_kusu>.nav>.pocet
    {
      width: calc(50% - 20px);
    }
    .item_top>.desc>.box>.velikost>.velikosti>.velikost_item
    {
      width: calc(25% - 8px);
    }
    .item_top>.desc>.box>.velikost>.velikosti>.velikost_item:last-of-type
    {
      margin-right: 0;
    }
    .productpage
    {
      margin-top: 100px;
    }
    .main_claim{
      /* background-image: url(/IMG/220925_hp_mob.jpg); */
    }
    footer>.cont>.header
    {
      font-size: 20px;
    }
  .menu
    {
      display:block;
    }
    .info_main .item {
      margin: 0 auto 100px;
  }
}
@media only screen and (max-width: 600px)
{
  .item_top>.desc>.box>.name
  {
    font-size: 30px
  }

  .main_claim>.claim>.btn,
  .main_claim>.claim>.cta
  {
    margin-top: 25px;
  }
  .main_claim>.claim>h1
  {
    font-size: 30px;
  }
  .infobox>.content
  {
    left: 0;
    right: 0;
  }
}

@media only screen and (max-height: 600px)
{
  .main_claim>.cta
  {
    display: none;
  }
  

}