@charset "utf-8";

/* div.h1 = nadpis v zahlavi, kdyz ma stranka vlastni H1 - stejny vzhled jako h1 */
.slidertext .h1, .slidertext3 .h1 { display: block; font-size: 2em; font-weight: bold; margin: 0.67em 0; }
/* CSS Document */
html {
	scroll-behavior: smooth
}
.cookies{
	position:fixed;
	z-index:999999;
	font-family:"Roboto Condensed";
	background-color:rgba(255, 255, 255, 0.8);
	width:100%;

    width: 100%;
    bottom: 0px;
    padding: 20px;
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 15px;
}
header {
	width: 100%
}
a {
	text-decoration: none;
	color: #298fd2;
}
nav {
	position: absolute;
	top: 0;
	z-index: 15000;
	height: 80px;
	width: 100%;
	background: hsla(214, 51%, 25%, 0.56);
	
}
.clr {
	height: 0;
	font-size: 0;
	padding: 0;
	margin: 0;
	clear: both
}
.topmenu {
	margin-left: 100px;
	color: #fff;
	font-family: 'Oswald'
}
#top-content-menu-button {
	display: block;
	text-align: right;
	color: #fff;
	font-size: 30px;
	padding: 20px 30px 0 0;
}
.topmenu {
	display: none;
 background: hsla(214, 51%, 25%, 0.90);;
	position: absolute;
	z-index: 2000;
	padding: 20px;
	box-sizing: border-box;
	/*width: 80%;*/
	right: 0;
}
.topmenu a {
	display: block!important;
	color: #fff;
	padding: 10px;
	text-decoration: none;
	text-transform: uppercase;
}
.topmenu a:hover {
	-webkit-transition: color 500ms linear;
	-ms-transition: color 500ms linear;
	transition: color 500ms linear;
	color: #009dd9;
}

@media only screen and (min-width: 721px) {
#top-content-menu-button {
	display: none
}
.topmenu a {
	text-decoration: none;
	text-transform: uppercase;
	color: white;
	display: block;
	font-weight: 500;
	float: left;
	padding: 27px 14px;
	font-size: 15px;
	font-family: 'Oswald';
}
.topmenu a:hover {
	-webkit-transition: color 500ms linear;
	-ms-transition: color 500ms linear;
	transition: color 500ms linear;
	color: #009dd9;
}
}

@media only screen and (min-width: 800px) {
.topmenu {
	padding: 0;
	margin-left: 350px;
	font-size: 20px;
	display: block;
	position: relative;
	background-color: transparent !important;
}
}

@media only screen and (max-width: 799px) and (min-width: 721px) {
.topmenu {
	padding: 0;
	margin-left: 150px;
	font-size: 20px;
	display: block;
	position: relative;
	background-color: transparent !important;
}
}
.slidertext3 h1, .slidertext h1, .slidertext2 h2, .slidertext3 .h1, .slidertext .h1 {
	width: fit-content;
	;
}
.slidertext {
	position: absolute;
	color: white;
	right: 0%;
	top: 95px;
	transform: rotate(-3deg);
}
.slidertext2 {
	position: absolute;
	color: white;
	left: 10%;
	top: 190px;
	transform: rotate(5deg);
}
.slidertext3 {
	position: absolute;
	color: white;
	right: 5%;
	top: 95px;
	transform: rotate(-2deg);
}
.slidertext h1, .slidertext .h1 {
	background: rgba(239, 198, 78);/*rgba(40, 143, 210, 0.71);*/
	;
	padding: 5px;
	font-family: 'Roboto Condensed';
	font-weight: normal;
	font-size: 22px;
	text-transform: uppercase
}
.slidertext h1 span, .slidertext .h1 span {
	font-weight: bold;
	padding-left: 10px;
}/* display: block*/
.slidertext2 h2 {
	background: rgba(239, 198, 78);/*rgba(40, 143, 210, 0.71);*/
	;
	padding: 5px;
	font-family: 'Roboto Condensed';
	font-weight: normal;
	font-size: 18px;
	text-transform: uppercase
}
.slidertext3 h1, .slidertext3 .h1 {
	background: rgba(239, 198, 78);/*rgba(40, 143, 210, 0.71);*/
	;
	padding: 5px;
	font-family: 'Roboto Condensed';
	font-weight: normal;
	font-size: 22px;
	text-transform: uppercase
}
.slidertext3 h1 span, .slidertext3 .h1 span {
	font-weight: bold;
	padding-left: 10px;
}/* display: block*/
#jssor_1 {
	position: relative;
	margin: 0 auto;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 450px;
	overflow: hidden;
	z-index: 10000;
	background: url(../img/obr3-mob.jpg) no-repeat;
	background-size: cover;
}

@media only screen and (min-width: 800px) {
#jssor_1 {
	position: relative;
	margin: 0 auto;
	top: 0px;
	left: 0px;
	width: 1280px;
	/*height: 768px;*/
        height: 500px;
	overflow: hidden;
	visibility: hidden;
	z-index: 10000
}
.slidertext {
	position: absolute;
	color: white;
	left: 10%;
	top: 160px;
	transform: rotate(-3deg);
}
.slidertext3 {
	position: absolute;
	color: white;
	right: 15%;
	top: 150px;
	transform: rotate(-2deg);
}
.slidertext2 {
	position: absolute;
	color: white;
	left: 40%;
	top: 400px;
	transform: rotate(5deg);
}
.slidertext h1, .slidertext .h1 {
	background:rgba(234, 187, 56, 0.9);;/* rgba(40, 143, 210, 0.71);*/
	;
	padding: 15px;
	font-family: 'Roboto Condensed';
	font-weight: normal;
	font-size: 48px;
	text-transform: uppercase
}
.slidertext3 h1, .slidertext3 .h1 {
	background: rgba(234, 187, 56, 0.9);;/* rgba(40, 143, 210, 0.71);*/
	;
	padding: 10px;
	font-family: 'Roboto Condensed';
	font-weight: normal;
	font-size: 30px;
	text-transform: uppercase
}
.slidertext2 h2 {
	background: rgba(234, 187, 56, 0.9);;/* rgba(40, 143, 210, 0.71);*/
	;
	padding: 15px;
	font-family: 'Roboto Condensed';
	font-weight: normal;
	font-size: 30px;
	text-transform: uppercase
}
.slidertext h1 span, .slidertext .h1 span {
	font-weight: bold;
	padding-left: 30px
}
.slidertext3 h1 span, .slidertext3 .h1 span {
	font-weight: bold;
	padding-left: 30px
}
}

@media only screen and (min-width: 900px) {
#jssor_1 {
	position: relative;
	margin: 0 auto;
	top: 0px;
	left: 0px;
	width: 1280px;
	height: 768px;
	overflow: hidden;
	visibility: hidden;
	z-index: 10000
}
/*.slidertext{position: absolute; color: white; right: 20%; left: 0; top: 150px; transform: rotate(-3deg); }
.slidertext2{position: absolute; color: white; left: 40%; right: 0; top: 350px; transform: rotate(5deg);  }
.slidertext h1, .slidertext .h1{ background: rgba(40, 143, 210, 0.71);; padding: 15px;font-family: 'Roboto Condensed'; font-weight: lighter; font-size: 48px; text-transform: uppercase}
.slidertext2 h2{ background: rgba(40, 143, 210, 0.71);; padding: 15px;font-family: 'Roboto Condensed'; font-weight: lighter; font-size: 30px; text-transform: uppercase}
.slidertext h1 span, .slidertext .h1 span{font-weight: normal ;padding-left: 30px}
	*/
}
#toppics {
	position: relative;
	margin: 0 auto;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 300px;
	overflow: hidden;
	z-index: 10000;
	background: url(../img/obr4b-mob.jpg) center center no-repeat;
	background-size: cover;
}

@media only screen and (min-width: 900px) {
#toppics {
	position: relative;
	margin: 0 auto;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 400px;
	overflow: hidden;
	z-index: 10000;
	background: url(../img/obr3.jpg) left bottom no-repeat;
	background-size: cover;
}
}
.content {
	margin: auto;
	width: 100%;
	font-family: 'Oswald';
}
.contenth2 {
	font-size: 2.3em;
	font-family: 'Roboto Condensed';
	text-transform: uppercase;
	/*font-weight: lighter;*/
	text-align: right;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
}
.contenth3 {
	font-family: 'Roboto Condensed';
	font-size: 1.8em;
    text-transform: uppercase;
    /*font-weight: lighter;*/
    text-align: left;
    padding-top: 0;
    margin-top: 0;
    color: #506376;
    padding-bottom: 10px;
    margin-bottom: 13px;
    clear: both;
}
@media only screen and (min-width: 600px) {
.contenth2 {
	font-size: 3.5em;
}
	.contenth3 {
	font-size: 2.5em;
}
}

@media only screen and (min-width: 600px) {
.content {
	width: 100%;
}
}

@media only screen and (min-width: 1280px) {
.content {
	width: 1200px;
	min-width: 600px;
}
}

.odeslatpooptavku:hover {
	color: white;
	background: #fff;
}
.odeslatpooptavku{
	margin-top: 5px;
	border-radius: 0;
    font-weight: normal;
    font-size: 16px;
    vertical-align: middle;
    color: white;
   
    touch-action: manipulation;
    cursor: pointer;
    /* background-image: none; */
    border: none;
    padding: 3px 20px;
    padding-top: 20px;
    /* text-transform: uppercase; */
    /* -webkit-user-select: none; */
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.allowcookie{
	margin-top: 5px;
    border-radius: 0;
    font-weight: normal;
    font-size: 16px;
    vertical-align: middle;
    color: white;
    touch-action: manipulation;
    cursor: pointer;
    /* background-image: none; */
    border: none;
    padding: 5px 10px;
    
    /* text-transform: uppercase; */
    /* -webkit-user-select: none; */
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	background-color: rgb(199, 7, 7);
}
.odeslatpooptavkuq:hover {
	color: black;
	background: #fff;
}
.odeslatpooptavkuq{
	margin-top: 5px;
	border-radius: 0;
    font-weight: normal;
    font-size: 16px;
    vertical-align: middle;
    color: white;
   
    touch-action: manipulation;
    cursor: pointer;
    /* background-image: none; */
    border: none;
    padding: 3px 20px;
    padding-top: 20px;
    /* text-transform: uppercase; */
    /* -webkit-user-select: none; */
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.bluemore:hover {
	color: black;
	background: #fff;
}


.bluemore {
	float: right;
	border-radius: 0;
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	font-size: 16px;
	line-height: 12px;
	vertical-align: middle;
	color: white;
	background: #1e5579;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: none;
	max-width: 100%;
	padding: 15px 20px;
	text-transform: uppercase;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#totop {
	transition: .5s ease;
	position: fixed;
	/* position: absolute; */
	width: 80px;
	bottom: 130px;
	z-index: 9999999;
	height: 80px;
	background: #0d3e5f;
	border-radius: 40px;
	right: 10%;
	display: none;
	margin-top: -110px;
	opacity: 0.8
}
#totop span {
	position: absolute;
	color: #fff;
	font-size: 50px;
	margin: 15px 0 0 24px
}
#totop:hover {
	opacity: 1
}
#logo {
	margin: 18px 0 0 10px;
	position: absolute;
	width: 100px;
	height: 100px;
	display: block;
	background: url(../img/logo-vod-dog.png) no-repeat;
	background-size: cover;
}

@media only screen and (min-width: 800px) {
#logo {
	margin: 27px 0 0 150px;
	width: 180px;
	height: 180px;
}
.logosmall {
	margin: 40px 0 0 50px !important;
	position: absolute;
	width: 150px !important;
	height: 150px !important;
}
}
#fb {
	transition: .5s ease;
	margin: -140px 0 0 15px;
	position: absolute;
	width: 80px;
	opacity: 0.75;
	height: 80px;
	display: block;
	background: url(../img/fb.png) no-repeat;
	background-size: cover;
}
#fb:hover {
	opacity: 1;
}
#en {
	transition: .5s ease;
	margin: -80px 0 0 200px;
	position: absolute;
	width: 120px;
	opacity: 0.55;
	height: 120px;
	display: block;
	background: url(../img/en.png) no-repeat;
	background-size: cover;
}
#en:hover {
	opacity: 1;
}

#de {
	transition: .5s ease;
	margin: -90px 0 0 350px;
	position: absolute;
	width: 100px;
	opacity: 0.55;
	height: 100px;
	display: block;
	background: url(../img/de.png) no-repeat;
	background-size: cover;
}
#de:hover {
	opacity: 1;
}
@media only screen and (min-width: 600px) and (max-width: 1499px) {
#fb {
	margin: -130px 0 0 150px;
	width: 100px;
	height: 100px;
}
#de {margin: -110px 0 0 350px;
	width: 80px;
	height: 80px;}
#en {margin: -70px 0 0 250px;
	width: 90px;
	height: 90px;}
}

@media only screen and (min-width: 1500px) {
#fb {
	margin: -130px 0 0 30px;
	width: 140px;
	height: 140px;
}
}
#jssor_1:after {
	content: "";
	color: transparent;
	width: 100%;
	height: 250px;
	background: #298fd2;
	position: absolute;
	left: 0;
	bottom: -100px;
	top: auto;
	z-index: 10050;
	transform: skewY(-4deg);
}
section.blue div.col-1 h2 {
	padding-left: 80px;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: normal;
}
section.blue div.col-1 h2  span{
	font-size: 40px;
	position: absolute;
	margin: 0px 0px 0 -65px;
}
section.blue div.col-1 {
	padding: 15px;
	box-sizing: border-box;
}

@media only screen and (min-width: 600px) {
section.blue div.col-1 {
	width: 100%;
	padding: 15px;
}
	section.blue div.col-1 p {
	min-height: 130px;
	
}
}

@media only screen and (min-width: 800px) {
section.blue div.col-1 {
	width: 50%;
	float: left;
	padding: 15px;
}
}

@media only screen and (min-width: 1280px) {
section.blue div.col-1 {
	width: 30%;
	float: left;
	padding: 15px;
}
}
section.blue {
	clear: both;
	height: auto;
	background: #298fd2;
	color: white;
	margin-top: -50px;
	position: relative;
	z-index: 10100;
	box-sizing: border-box;
}
section div.content {
	position: relative;
	z-index: 10300;
	font-size:1.2em
}

section.lode {
	box-sizing: border-box;
	background: #fdfdfd;
	
	clear: both;
	min-height: 300px;
	color: black;
	padding: 200px 10px 100px 10px;
	left: 0;
	width: 100%;
	margin-top: -50px;
	position: relative;
}
@media only screen and (min-width: 1280px) {
section.lode {
	box-sizing: border-box;
	background: url(../img/bg_lode.jpg) no-repeat;
	background-size: cover;
	clear: both;
	min-height: 300px;
	color: black;
	padding: 200px 10px 100px 10px;
	left: 0;
	width: 100%;
	margin-top: -50px;
	position: relative;
}
}

section.lode:before {
	content: "";
	color: transparent;
	width: 100%;
	min-height: 250px;
	background: #298fd2;
	position: absolute;
	left: 0;
	bottom: auto;
	top: -150px;
	z-index: 10050;
	transform: skewY(2deg);
}
section.white {
	background: #ededed;
	clear: both;
	min-height: 300px;
	color: black;
	padding: 50px 10px 100px 50px;
	left: 0;
	width: 100%;
	margin-top: -50px;
	position: relative;
	box-sizing: border-box;
}
section.white:before {
	content: "";
	color: transparent;
	width: 100%;
	height: 150px;
	background: #ededed;
	position: absolute;
	left: 0;
	bottom: auto;
	top: -50px;
	z-index: 10050;
	transform: skewY(-2deg);
}
section.partneri {
	background: #fff;
	clear: both;
	min-height: 300px;
	color: black;
	padding: 50px 10px 100px 50px;
	left: 0;
	width: 100%;
	margin-top: -50px;
	position: relative;
	box-sizing: border-box;
}
section.partneri .contenth2{font-size: 32px;}
section.partneri:before {
	content: "";
	color: transparent;
	width: 100%;
	height: 150px;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: auto;
	top: -50px;
	z-index: 10050;
	transform: skewY(-2deg);
}
main.grey {
	background: #ededed;
	clear: both;
	min-height: 300px;
	color: black;
	padding: 30px 10px 100px 10px;
	left: 0;
	width: 100%;
	margin-top: -50px;
	position: relative;
	box-sizing: border-box;
}
main.grey:before {
	content: "";
	color: transparent;
	width: 100%;
	height: 150px;
	background: #ededed;
	position: absolute;
	left: 0;
	bottom: auto;
	top: -50px;
	z-index: 10050;
	transform: skewY(-2deg);
}
main section.white .content{min-height: 550px;}
footer {
	background: #298fd2;
	clear: both;
	min-height: 250px;
	color: white;
	padding-top: 0px;
	left: 0;
	width: 100%;
	margin-top: -50px;
	position: relative;
}
/*
footer:before {
	content: "";
	color: transparent;
	width: 100%;
	height: 150px;
	background: #298fd2;
	position: absolute;
	left: 0;
	bottom: auto;
	top: -50px;
	z-index: 10050;
	transform: skewY(-2deg);
	box-sizing: border-box;
}
*/
.sloupce-footer h2{text-transform: uppercase;font-weight:100}
.sloupec-1,.sloupec-2{display: none}
.sloupec-1,.sloupec-2,.sloupec-3{
	width:  calc(100% - 40px);
	;
}
.sloupce-footer {	
	padding: 20px;
	
}
.sloupce-footer a{color: rgba(255,255,255,0.66)}
.sloupce-footer a:hover{color: rgba(255,255,255,0.9)}
.sloupec-1 a,.sloupec-2 a{display: block; font-weight: 100;  padding: 3px; }
.sloupec-2 a{font-size: 14px;}
.sloupec-1 a{text-transform:  uppercase;font-size: 12px;}

@media only screen and (min-width: 600px) {
	.sloupce-footer {
		float: left;
	}
	.sloupec-1,.sloupec-2{
		display: block !important;
		width: calc(25% - 40px)!important;	
	}
	.sloupec-3{
		width: calc(50% - 40px)!important;	
	}
}

@media only screen and (min-width: 800px) {
.sloupce-footer {
	padding: 20px;
	float: left;
}
	.sloupec-1,.sloupec-2{
		display: block !important;
		width: calc(25% - 40px)!important;	
	}
	.sloupec-3{
		width: calc(50% - 40px) !important;	
	}
}

@media only screen and (min-width: 1280px) {
section.blue div.col-1 {
	width: calc(33.3333% - 40px);
	
	padding: 20px;
}
}


.blogitem {
	clear: both
}
.blogitem div {
	float: none;
	width: 100%;
	box-sizing: border-box;
	padding: 10px
}
.blogitem div.imgcol {
}
.blogitem div img {
	width: 100%;
	height: auto;
	transition: all .5s linear;
}

@media only screen and (min-width: 800px) {
.blogitem div {
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding: 20px
}
}
section.timelive {
	margin: 0;
	font-family: 'Droid Sans', sans-serif;
}
/*
section.timelive:before {
  content: '';
  position: fixed;
  top: 0px;
  left: 50%;
  bottom: 0px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 4px;
  background-color: #288fd2;
}*/
section.timelive .entries {
	width: calc(100% - 80px);
	max-width: 800px;
	margin: auto;
	position: relative;
	left: -5px;
}
section.timelive .entries .entry {
	width: calc(50% - 80px);
	float: left;
	padding: 20px;
	clear: both;
	text-align: right;
}
section.timelive .entries .entry:not(:first-child) {
	margin-top: -60px;
}
section.timelive .entries .entry .title {
	font-size: 32px;
	margin-bottom: 12px;
	position: relative;
	color: #288fd2;
}
section.timelive .entries .entry .title:before {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	border: 4px solid #ffffff;
	background-color: #288fd2;
	border-radius: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: -73px;
	z-index: 1000;
}
section.timelive .entries .entry .title.big:before {
	width: 24px;
	height: 24px;
	-webkit-transform: translate(8px, -50%);
	transform: translate(8px, -50%);
}
section.timelive .entries .entry .section.timelive {
	color: #aaa;
}
section.timelive .entries .entry .section.timelive p {
	line-height: 1.4em;
}
section.timelive .entries .entry:nth-child(2n) {
	text-align: left;
	float: right;
}
section.timelive .entries .entry:nth-child(2n) .title:before {
	left: -63px;
}
section.timelive .entries .entry:nth-child(2n) .title.big:before {
	-webkit-transform: translate(-8px, -50%);
	transform: translate(-8px, -50%);
}
.product-contenticon {
	box-sizing: border-box;
	width: 100%;
	height: 90px;
	position: relative;
	
}
.product-item {
	box-sizing: border-box;
	margin: 20px 0px 20px 0px;
	background: #ffffff61;
    border: 3px solid #288fd24a;
	padding: 5px;
	width: 100%;
}
.product-item.prislusenstvi{  min-height: 230px !important;padding: 0 5px !important;}	
.product-item.prislusenstvi .product-contenticon{height: 0px !important}
.product-item.prislusenstvi .product-desc{display: none !important}
.product-img {
	display: none;
	position: absolute;
	/*background: #000;
	text-align: center;
	 border-radius: 50%;
	*/
	
    margin: -33px 0 0 241px;
	width: 80px; height: 80px;
		
    /* padding-right: 20px; */
    /* float: right; */
}
.product-img img {
	width: 100px;
	height: 60px;
	
	object-fit: cover;
}
.product-content {
	padding: 0 20px 15px 20px
}
.product-content h4 {
	padding-bottom: 10px;
    border-bottom: 3px solid #288fd2;
    text-transform: uppercase;
	text-align: right;
	font-size: 1.75em;
}
.product-content p {
	width: 100%
}.product-button-detail{    float: left !important;
    background: transparent !important;
    font-size: 21px !important;
    padding: 0px 0px !important;
    color: #737373 !important;}
.product-button {
	float: right;
	border-radius: 0;
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	font-size: 16px;
	line-height: 12px;
	vertical-align: middle;
	color: white;
	background: #ca0002;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: none;
	max-width: 100%;
	padding: 15px 20px;
	text-transform: uppercase;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.product-button:hover {
	background: #999
}

@media only screen and (min-width: 700px) {
/*.product-item:before{ content: "";
    color: transparent;
    width:50% ;
    height: 50px;
    background: #ededed;
        position: absolute;
    margin: -55px -15px;
    z-index: 10050;
    transform: skewY(-4deg);
    box-sizing: border-box;}
*/
.product-item {
	width: calc(50% - 40px);
	box-sizing: border-box;
	margin: 20px 20px 30px 20px;
	float: left;
	background: #ffffff61;
   border: 3px solid #288fd24a;
	padding: 10px 5px 5px 5px;
	    min-height: 340px
}
}

@media only screen and (min-width: 900px) {
/*.product-item:before{     content: "";
    color: transparent;
    width:33% ;
    height: 50px;
    background: #ededed;
        position: absolute;
    margin: -55px -15px;
    z-index: 10050;
    transform: skewY(-4deg);
    box-sizing: border-box;
	}*/
	
.product-item {
	width: calc(33.3333% - 40px);
	box-sizing: border-box;
	margin: 20px 20px 30px 20px;
	float: left;
	background: #ffffff61;

    border: 3px solid #288fd24a;
	padding: 10px 5px 5px 5px;
	    min-height: 340px
}
.product-img img {
	width: 100px;
	margin-top: 15px
}
.product-content {
	padding: 0 20px 15px 20px;
	box-sizing: border-box;
	
}

}
.product-button-close {
	
  
    /* border-radius: 0; */
    float: right;
    /* display: inline-block; */
    /* margin-bottom: 0; */
    /* font-weight: normal; */
    font-size: 38px;
    /* line-height: 12px; */
    vertical-align: middle;
    color: #777777;
    background: transparent;
    touch-action: manipulation;
    cursor: pointer;
    /* background-image: none; */
    border: none;
    max-width: 100%;
    /* padding: 12px 17px; */
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.product-button {
	
    margin: 0 0 0px 0;
    float: right;
    border-radius: 0;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    font-size: 12px;
    line-height: 12px;
    vertical-align: middle;
    color: white;
    background: #ca0002;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: none;
    max-width: 100%;
    padding: 12px 17px;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.product-button:hover {
	background: #999
}

.accessoriesicon {
	width: 29px;
	height: 20px;
	background: #298fd2;/*#288fd2;*/
	float: left;
	padding: 5px;
	margin: 5px;
	background-size: 56%;
	background-repeat: no-repeat;
	background-position: right center;
	color: #fff;
}
.padla {
	background-image: url( "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAC9wAAAvcBLRSNOAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAI0SURBVGiB7Zg9axRRFIbfk2yioJtChPUHpFRSWKmdra2Vgin9KBQ7IU06ERKQgKIgwRRRQYvgJxEEFcTCRrFSxE4EBQWxUTd5LJKVdXdnds+dj7vFPOXcOYfnnblzZ+ZKFRUVFRU9AKZiOwQDnATWgfnYLm6AE5vyLeZiOw0McARo8j9NYE9st74AxzuuPMAf4HBst74A08DaUMgDu4BZ4AXwCfhNMk1gBnjWcXwNOBZD/hTwM0W4k1tADahvBo4jDxiw4BAHuAnU2npMAC+B6bLlR4CrTvkbwGiPPrMx5Bed8ssJ8teB9TLlx4DbTvnLgHX0qbX3KUt+C3A/b/lSAgBbgYdO+UuDyBceABgHVpzyb+ie86PAUq+Ti5TfDjx1yreYb+uT+uwUJV8HngfKt5jrJ19IAGAb8CSjfIvXfcbdy6ilDQI7JD2WtDf0Ajj5YmYNT8FI0gAwIemuypOXpHfegsQAkq5JOhDuEsQDb0HiFAK+StqZScfHN0mTZvbdU5R2B+rZfNyc9spL6QF+ZJDxcsHMlkMKhyHARTM7F1qcFuBDaFMH583sbJYGaQFeZWk8AFckzRTWHZjK6e3biwU6vk6LCvG2APlFIO3O5xrgUM7yXT81ZYR4lJN81498WQHqZJ9KS5Q1bRJCTAIfA+Xv0Lb/EzNEA1h1yq8AY7Hd/8HGDtxR4P0A8veA8aKdglYENlaS/ZIOStonabekhiQkfZa0KumMmf3KybOioqJiSPkLsU2ouqEWKZwAAAAASUVORK5CYII=");
}
.vesty {
	background-image: url( "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAC9wAAAvcBLRSNOAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHuSURBVGiB7Zk9SxxRFIbfCX40fmAKiYpoaa2QNOkEf0DClpYxKGhrrf/A0lorC/0JsYwgaGcjBBSiYqsQbJ4U3oV12Z17z+zcnVXvA1vs7nnvfd85M2dnGSmRSBQGmAe2gDNgwaBbcJpti64U3OY7wDUv2TOssd+kvXZrxg9De/4B4wH6cVfbEqufD8VitGRQ0mpA3ZqrrYacDgD8BQZytIPAXd4CVj9ldkCSJiTVcr6vSfKeZlHxdADgd472xCfuhQAAn1vovoQIrX7KPoXqrAd+1jGZVRB4lJ4kzWRZdus0U5L+SOr3Gsoyk6dYHRiQ9LPh/Q8FmC9CrA5I0o2kWbfHlQKnj7UDfZZiI/WRmini6IwZQHq+cM1dthDzFCpEr1zEXcMUABiJZaRhjyFLvbUDS8b6IixGWRX4CFwF3kp0wgUwFurL2wFgBPgu6VzSdCcHIZA5SefAN2DYV+y94mNPHR++qfS+plAvkgJUzasPYL6Z800F39TqVN/Mq+9AClA16Ze4alKAqkkBqiYkwLKkY0nWafQgacO9Ho1aJP1ye5cDMAlsApcBfwsPgU8N2gngKEB36faYLM14iyAZ8BXYBR6bDNwDbR9wADVX08iDW6u7TyudoVFgBTgFDgh/yHfgNCvAaDe8JhJvlf/ndt23A35eEAAAAABJRU5ErkJggg==");
}
.doprava {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAC9wAAAvcBLRSNOAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAG9SURBVGiB7Zg/SwMxGMafVyqIYMGhQjcdnHRwdOrkJH4AcdHd7vY+X0FxchEHHSxoFx0KKlRs6ePQSPXIpUmTMxbzg9Br/rx5nktylwuQSCQSMRHXBiQ3ADQAbAPYVGlJFa8AqKjr1VzTnvodAnhV1+8A7gDcArgG0BaRe1dNNqKrJM9Idlg+HdVXNZT4I5K9XxCep0fy0Fd8k+QogvgvRiRPTRoL1wDJLQBXABa97oI/AwA7InKjK1wwNGwivnhgrKFwFEwG9sJrmZlCLaYp1Mfk8Ribvogs6wpMBvijoojzO8MH2/5NU2guSAZikwzEJhmITTIQm2QgNpXpVcbk9yZ/hbkfgWQgNslAbFwMDABkANZVylSeL+XE1ZzRtDR1sgBnP1ZxQxioa+rUAxiwiluk02UK6YKE+ND3imsy8Jb7f6Kpc2zbkQGbuC/OUUle5kbxg2SLZE2llsrzxSbu+SwGmgHEhaLwaNF0sFUB0Aaw6+w+LBcAGiIy1BUaFwvJGoCnMlQ5sCYiz0WFU1c7GXcbPe1I0/p7wDWwK7PeqH+xF+pq8h5CCymtH5IHJLvfHmmPJPe9A0fqJxGaT58L3UWgNZc4AAAAAElFTkSuQmCC")
}
.barel {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAC9wAAAvcBLRSNOAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAGTSURBVGiB7ZnBSkJBFIbPtI5QaZUI6qL2PUY9SLvatCsostepVa3qBXyIioKCDFEfIL4WKtyOhnfm3HEg5lup8P/n/2fmXrkqkslkggAOgWfsPAEHoTmcocCbiLRC9YpX51w7RLhhGPpt0FbmZSlwbNBqTkKFlgL76v1YROpuBSJSF5HJCq+4AA1goi7GMw/9udJOgEbMzDpATwUYAJse+i1gqDyuYmYuDjetfsEnzS4A15bVL/gs24VejMx68EgNvTB4XSqvka+H9xcZgPqo7pwbAzUReRGRmq/nr0DTO1VpLLfR+cDx7OWpGMMHzfcV6B2Yr9hs+80FfHegygL6aAWx9iOUmlwgNblAanKB1OQCqckFUpMLpCYXSE0uUOC9Qq/SVFngSEQ+KvSLA4s0DV4tbVZl1r+Gau6AnQCfJnBvLRDyUD8UkVg/AQ6dc9s+gpBr4DFAU5aHiN5TgC7wteQoWRkAnegFCiX6FYbvA921hC+U6MxWzcon0F5r+EKJPeCWxf8LyjABboDdJOEzmX/CD7dF758bTcDkAAAAAElFTkSuQmCC")
}
.osoby {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAC9wAAAvcBLRSNOAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAJoSURBVGiB7Zi7axRRGMXPtzEvQRE2D4jCooJgI9qKTbS0kYAIIlgomEXtUmsj2FnYaOU/YCWI2ISIRZQNRqysgmgKkaAxPlCR7M9iZ2SzmdmdOw8Hyf3BhWV27vnOuXPnzp2RPB6Px7OVsTSdgDFJdUknJdWCw28lPZR0x8xW8rFXAMBZ4BvxfAXOlO0zEuA00OxiPqQJTJXtdwPAKLCWwHzIKlAt2lfF4dyrknY6nL9L0hU3OwUCvHIY/ZDFon25XIG9KfT3x/0BDADTwALwKWgN4BLQn6JWd2itLq58idHaDSx26fcCmMg7QC5TCBhKqPUSGOzly2UKPXBKHN+nLulQgr6HJU2nqBkNOS2jtOZ8Up7nFiAonvlBhtu9tJZrgMBApq1Ej76dRC4CeYQYA67TWva+B60BXANGe/RtOAR4VkiALACXHQLUy/a7CWCQ5MvoQNl+I6GMB1nesHEr8TNozluJxG9kwLCko5ImJR2RtE/SeNspnyWtSlqWtCBp3szmkuoXArAdOA/MAj8cbr554MC/8Bh5BYCapBlJ59Ta17twW9KMmf2O0a5KOi7phKSDkkYkhUvvStBeS5qVNGdmHxNXBqrAXeCXw2i3cx/YNChAPzAFPAbWHfTWgUfAKWBbL/PjwFJK49Daz+/o0OwDLgJvMuiGLAEXgL64APcyFrjVoTcMPM3qOoInwFBUgA8ZhY916N3M7jWWG2EdaytI1znWmwkze9+mtyxpT0bNON6ZWU3KN0DFzP5qAE2l/PKXAMysIrm9kXWl3Xx4KC/tqHLhj9wClIUPUDb/fQCPx+PxbG3+ALEafcHe9k7PAAAAAElFTkSuQmCC")
}
.helma{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABfAAAAXwBsrqMZwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAGvSURBVEiJ7ZQ9a5RBFIWfm1gI2SYQMMQiEGxUELSyksQUtoJFkFQWYq2NraX5C2IjQkCEFGmCiqAigaBILDQSg4WiiF9EREz8eix2Ft6dzG52YxrB07wz9+OcmTkvF/51RKuEegyYBA4DA5XUJ2AFeAbcA+5GxMeOFdV+9YadY129pA53Ql5TFzOCJ+qjtF5WL6vvCkKr6vHNBK5UGj6rJ9Wj6jf1hTqU6g6o3wsiv9SxVuT7U0ED8+p9dS3t76hH1H3qqxR7qp6p1Ki+VvtKAlOFE7XDkjqYes9ludMN3p6KxvimJjXjfES8TevVLDdZukHJuHa4nvrG1S9ZbuNva9m0dvipTtvsWwNf1Z25wJsuBVphTZ0oebDYpQcbHgGYAw5FxLXSE53d4omX1QvqnpJqVASGgJdAL/AbmAaWgN3AGLA3la4D88Bt4GZEPOj8jnornWoqi/erP6wbO9Cqv4SebH81fUez+AlgB/AwIj50I9AEtc/6DFIdTbGaupJip7ZMXhG5mMieq8PqbNo/Vnu3Q6Bmfc5U8V4d+Wvyisgudcb6mF5QD24b+X/k+AOqaBYD/yedlQAAAABJRU5ErkJggg==")
}
.pumpa{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABfAAAAXwBsrqMZwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFySURBVEiJ5ZS9SkNBEIUniRpsEm0UE7Ew+DhapQgYQRD8Ka0VjKBNGgsLn0JCgqU+gIhoIWgXFNRG04igRPhszpX1chP3mjTiaWZ3duac3dmdNfs3AJLAAlAHboGWbB0oA8leyAvAGd1xCkz/hnwGeBLJHbAC5IFR2VX5UVwhDnkKuFTyMZCVvxayI8CJ4s69ywXMK6kJZALCiLgakNWdAJR8BY6UsNxhfQgoAXOarym+4SvwqIS8u3ugqnq3gKpziinF3/uQDwAfShgMrb3I/xryp+V/C3zdLmPSzFIaj4XWDszs3cz2HfKamY1r+uxzgrLzxiPvICLH/w6AhiPQBDJdYuO9ImACaPMdX33gEsvG6wNglmgEnZxTXI64nRyoA5sdRDrB7y8CloCKxpUfSB+I+5sCV0oORHY0bwOHQFGlGfYijBC4cXa4JV8xqHtPADZEfA1cAIveR/cg3xb5el8IBXd3aTPbTSQSe/0U+Pv4BP4WqdrRIKCqAAAAAElFTkSuQmCC")
}
.zamek{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABfAAAAXwBsrqMZwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFhSURBVEiJxZS7LkRRGIXXwVwkjEaFCaERJBq1FxiVJ1DoJULnDcQtkUh4DoZWJRG3ZIZ2nkAiCoXLp/nJMTn/th0SK9nJvqy91r/23udI/w2gBKwC18C9tStgBSj+VnzQxDxcAAN5xcvAjQldAjWg39qcJcIKKOUxWE4J9Gas9wEt4yzlMTi3zbUAZ944Z3kMHm1zT4BTMc6Dx+kKeHwI9wNrkmYljdhcS9KppD0bVzyRJFAd1n2V1OnQPteSJMnU6nDEu1NDT/zLGlCONpC0GRD1sBHFAmYCH1YIb8B0TIIFx/tQ0qikMUlHGeuJpMWYBHdOhdUUZ9jhNGMSDDne6Sft3V21fSKL6D3d/VT/wOF8D+DWu8UUx0MjJsFx7uqkekyCSeAlR4JnYDyqDGA7cAwe1qNzAgXg5AfidSD048w0KQK7OMdleAF2gMKPxNuMpoAtoAk8WWsAm8BEbuG/wjvLImTz7GDGjgAAAABJRU5ErkJggg==")
}
.stan{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABfAAAAXwBsrqMZwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEgSURBVEiJ7ZQxS0JRGIbfdBAlhJJUapR2aanBH2CTPyBwkBJqaNB+R1sYNEX/oaA/kGMuTS5ORSK4FC35NNwL2emc6z1w3XzG937f+37nnI8rrUgSYA+oLjPgFrhZlnkR+AI+gI24fSmPjJakjKScpCPfASMB0sCIX16AtSQDGvynlmTAoyXgLinzXeDbEvAJFBb1x3nkrqMuK+ncd+A/AKVwNV1MgPUoj0UnOFWwmi42FayvP0AGeDUmfgfGhjYE0i6fqBO0JZUNbSDp2dAqkpq+0xfC+zW5ADoW/Q3I+wRcO9ayCGwR/I9MLuOan9kXht5czZXl+wxoRxkfAA8O8ymwM1e7HWo27oF9W8ATUHc0HVvqTxy1h0A/1nWtkKQfa3j1mXiJNsUAAAAASUVORK5CYII=")
}
.vak{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABfAAAAXwBsrqMZwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHCSURBVEiJzZQ7axVRFIW/I5qo3BTGV7hJITeCIChooQSxMRaWdoI/wnSC+AME7cRCtBCsrCxsbHy2SoKFhSj4QAkJXiUPg0aFz8I9cRzmJnPngrjgsOac/Vjn7L0Z+NdQR9XH6mf1kdqqYutG4KF/434VWzcCyxG8P/hbFVsnrC856ws+HdyvWvBZsa0lkAq3HwQ+rRVUwLaUUseYdYX99eB54BIwDrSAwVgt4HjY5sP3auWrqAtR27EKvmPhu6RuqirwIYLm1IvqMbWpbog1rI6HbS43TUPqjHpPPbyaQNt6GMp9L6p7s5zFHmyu9NQ/+AncBZaAncANoAGczRxWpkjdCrRj+wK4ye+mHgC25JLOAM+BZ8DtlNKs2kgpfVEPApPAy5TSnmJ5jhaePa1eUA+pAzm/AXWfekq9rL5Wr4RtOGLbFKFO1Ky/6p3IMRr7d1nefA+OVKp6ObKf3vbgj2UCu3sQaAaPBE+XCeQb2S0awbuC35QJvO1BYDF4R/D7MoGnPQi8Ct4YvFAmcA34XlPgVvBycLPUSz1TY0QfqP0RfyI77HgV9aT6RP2xStKv6pR6Tu3LxSb1vDpbsxL/IX4BuKpME4D2dx4AAAAASUVORK5CYII=")
}
.pojisteni{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABfAAAAXwBsrqMZwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAG6SURBVEiJ3ZS/a1NRFMfPsSZi4hB/TYKFGvwPXLRUcenk1L+gRh07duxS3cRBJINI6eRU7BAJCgEriB1K0MnBqYgaMRS0JMEE48fhneDl+m5ynzr5hce753vv+X7PPZz3RP57AAtAG6gBR4FjQB34CMz/C4On/MLAnhGe/I1wCbgIdAmjA8wBpSzCeaA5RjSEHSAXY3A2UvBTCleOMVDg+QTxBlAE7jvcVpreAZ9QVUTkpUffEZFntm6IyBVV7YrIK+eMnxO8wQWSsRyhbnwBuAkctvgG8MM59xk4H2Pw3mvHEKh4Z64Z7+NdjMF2SuIQWLT9qwFxgBcxBiWr8GuKyVpA/AtQIeP3cC9QZRruhnR+myIHx6OrETnxJwZDe/dFpJWy3xKRga2/ZyhGBDgDfCMZw3PGbTot2TDuksU9YDqLQc0SH1h8Cth3DPaAk7b30LhHseKXHaE2sAKsW/yY5DcBUAVumRl229lJ4jngTWBSOsBpoGztS8NrYCpLq5ac5FWHv+3w16MFUwwKJP+Yt8Ahj98FPgD5cRoHx22qag+oikhTVfsevywiM6o6CCvE3eJIgFegOCn/J/KyWLbmjQXWAAAAAElFTkSuQmCC")
}

.accessoriesicon .product-contenticon-title{display: none}
.accessoriesicon:hover .product-contenticon-title{border: 3px solid #288fd24a; position: absolute; margin: -90px 0px 0 20px; background: #fff; color: #555; padding: 15px; display: block; box-sizing: content-box}

.product-content-info{border: 3px solid #288fd24a; position: absolute;    margin:  -180px 0 0px 36px; width: 240px; background: #fff; color: #555; padding: 15px;  box-sizing: content-box;display: none; z-index: 20000}

.product-button span{ font-size: 1.5em}
.akcni{background: #fff !important}
.akce{background: #ca0002;
    width: 50px;
    height: 32px;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    text-align: center;
    margin: -2px 0 0 16px;
    padding-top: 2px;
    font-size: 19px;
    transform: rotate(-25deg);
    box-sizing: border-box;
    opacity: 0.7;}
.cena{ padding:0px 0px 0 0;font-size: 12px;
    color: #ca0002; text-align: right}
.cena span{    padding: 9px 6px 0 0;
    display: block;
    float: left;}
.cena strong{font-size: 20px;color: #ca0002;padding: 0 2px 0 15px}
.mnozstvi{font-size: 20px;
    border: 0;
    background: #fff;
    width: 40px;
    text-align: center;
    float: right;
    height: 37px;
    padding: 0 0px;
    /* margin: 0 5px; */
    color: #999;}
.product-action{clear: both; padding-top: 10px}

#poptatqfloatMobile span{font-size: 10px; padding-bottom: 1px; text-transform: uppercase }
#poptatqfloatMobile{     position: fixed;
	text-align: center;
    bottom: 30px;
    box-sizing: content-box;
    right: 10%;
    opacity: 0.90;
	font-family: oswald;
    z-index: 20000;
    background: #e9a933;
    /* width: 30px; */
    color: #fff;
    /* height: 100px; */
	border-radius: 50%;
     padding: 10px 5px 5px 5px; 
	width: 70px; height: 65px;
    /* font-size: 23px;*/
}
.poptatqfloathidden{display: none}

#poptatqfloat{ display: none;}

#poptatfloatMobile span{font-size: 10px; padding-bottom: 1px; text-transform: uppercase }
#poptatfloatMobile{     position: fixed;
	text-align: center;
    bottom: 30px;
    box-sizing: content-box;
    left: 10%;
    opacity: 0.85;
	font-family: oswald;
    z-index: 20000;
    background: #1aa91f;
    /* width: 30px; */
    color: #fff;
    /* height: 100px; */
	border-radius: 50%;
    padding: 10px 5px 5px 5px; 
	width: 60px; height: 55px;
      
   /* font-size: 23px;*/
}
.poptatfloathidden{display: none}

#poptatfloat{ display: none;}


p.formline{font-size: 18px;}
p.formline select{font-size: 18px; padding: 5px}
.title-form{width: 300px; padding: 5px; display: inline-block; text-transform: uppercase; color: #506376}
.title-form-small{width: 100px !important;}
p.formline .input{
padding: 10px 15px;
    font-size: 18px;
border: 3px solid #c2d8eb;width: 108px ;}

p.formline .inputbig{
width: 264px !important;}
p.formline .inputtextarea{
width: 85% !important; height: 100px; background: #fff;    display: block;
 }
p.formline .inputsmall{
padding: 10px 15px;
    font-size: 18px;
border: 3px solid #c2d8eb;width: 60px !important;}
@media only screen and (min-width: 600px) {
#poptatfloatMobile{ width: 80px; height: 65px; padding: 15px 5px 5px 5px; }
#poptatfloatMobile span{font-size: 15px; padding-bottom: 1px; text-transform: uppercase }
#poptatqfloatMobile{ width: 100px; height: 90px; bottom:30px; padding: 20px 5px 5px 5px; }
#poptatqfloatMobile span{font-size: 21px; padding-bottom: 1px; text-transform: uppercase }
#totop{bottom:150px;}	
	.inputtextarea{
width: 580px !important; height: 100px; background: #fff;    display: block;
 }
}




p.formline .selectsmall{
padding: 10px 5px;
    font-size: 18px;
border: 3px solid #c2d8eb;width: 150px !important;}
.sectionnav{padding: 15px 0
	
}
.showstep{padding-top: 20px; clear: both}
.step1{display: block}
//.step2,.step3,.step4{display: none}

.krokpoptavkylast{ margin: 0 !important}
.krokpoptavky span{padding-top:40px; display:inline-block}
.krokpoptavky{ cursor: pointer;
	
	
 
    box-sizing: content-box;
    opacity: 0.85;
    font-family: oswald;
    /* z-index: 20000; */
 
    /* width: 30px; */
    color: #506550;
    /* height: 100px; */
    margin: 10px 20px 10px 0;
    border-radius: 50%;
    padding: 5px;
    float: left;
    width: 100%;
    height: 100px;
    text-transform: uppercase;
    font-size: 20px;
    border: 0;
}
.circle{
	padding-top: 20px; 
 text-align: center;
    box-sizing: content-box;
    opacity: 0.85;
    font-family: oswald;
    /* z-index: 20000; */
    background: #5c9cd8;
    /* width: 30px; */
    color: #fff;
    /* height: 100px; */
    margin: 0px 20px 0 0;
    /*border-radius: 50%;*/
  	
    float: left;
    width: 90px;
    height: 70px;
    text-transform: uppercase;
    font-size: 30px;
    border: 0;
}
.infopoptavkaico{padding-left: 20px; font-size: 25px}


/** Custom Select **/
.custom-select-wrapper {
  position: relative;
  display: inline-block;
  user-select: none;
}
  .custom-select-wrapper select {
    display: none;
  }
  .custom-select {
    position: relative;
    display: inline-block;
  }
.custom-select2 {
    position: relative;
    display: inline-block;
	    margin: 0 0 0 5px;
  }
   
.custom-select-trigger {
      position: relative;
      display: block;
      width: 194px;
      padding: 0 84px 0 22px;
      font-size: 22px;
      font-weight: 300;
      color: #fff;
      line-height: 60px;
      background: #5c9cd8;
     
      cursor: pointer;
    }
      .custom-select-trigger:after {
        position: absolute;
        display: block;
        content: '';
        width: 10px; height: 10px;
        top: 50%; right: 25px;
        margin-top: -3px;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: rotate(45deg) translateY(-50%);
        transition: all .4s ease-in-out;
        transform-origin: 50% 0;
      }
      .custom-select.opened .custom-select-trigger:after {
        margin-top: 3px;
        transform: rotate(-135deg) translateY(-50%);
      }
 .custom-select2.opened .custom-select-trigger:after {
        margin-top: 3px;
        transform: rotate(-135deg) translateY(-50%);
      }
  .custom-options {
    position: absolute;
    display: block;
    top: 100%; left: 0; right: 0;
    min-width: 100%;
    margin: 0px 0;
    border: 3px solid #c2d8eb;
       z-index: 1;

    box-sizing: border-box;
    background: #fff;
    transition: all .4s ease-in-out;
    
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
  }
  .custom-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
  }
.custom-select2.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
  }
    
    .option-hover:before {
      background: #f9f9f9;
    }
    .custom-option {
      position: relative;
      display: block;
      padding: 0 22px;
      border-bottom: 1px solid #c2d8eb;
      font-size: 18px;
    
      color: #555;
      line-height: 47px;
      cursor: pointer;
      transition: all .4s ease-in-out;
    }
    .custom-option:first-of-type {
      
    }
    .custom-option:last-of-type {
      border-bottom: 0;
      
    }
    .custom-option:hover,
    .custom-option.selection {
      background: #f9f9f9;
    }
.showdoprava{display: none}
.g-recaptcha{display: none}
.checkboxinput{border: 1px solid rgba(99,99,99,1.00); width: 40px; height: 40px; background: #fff}
.swal2-container {
	z-index: 910000 !important; font-family: 'Roboto Condensed'}
.swal2-popup #swal2-content {
     text-align: left !important;
}

.table{border-spacing: 0;
    border-collapse: collapse;}
.table td{padding: 5px; margin: 0}
.table th{padding: 10px 5px; margin: 0; color: black;background: #009dd9;}
.table tr:nth-child(odd) {
  background: #50acd0;
	color: white
}
.table tr:nth-child(even) {
  background: #009dd9;
	color: white
}
.table tr.odd{}

.table60{ width: 100%}

@media only screen and (min-width: 600px) {
	.table60{ width: 100%}	
	.swal2-popup{width: 50em !important;}
}

#noborder{border:0 !important;width: 100%; height: 350px}
.bb{width:65px;height:65px;top:0px;right:25px;}
.bbb{width:65px;height:65px;top:0px;left:25px;}
.cc{position:absolute;top:0;left:0;width:100%;height:100%;}
.ccc{position:absolute;top:0;left:0;width:100%;height:100%;}
.dd{position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.7);}
.ee{margin-top:-19px;position:relative;top:50%;width:38px;height:38px;}

.kontakt-uvod td{padding: 3px; text-align: left;; vertical-align: top}
.kontakt-uvod-title{ width: 80px}
.kontakt-uvod-value{}

 #kontakt-top-info{padding:10px}
 #kontakt-top-info h2{margin:0; padding:5px 0 10px 0 ; color:rgba(130,0,0,0.85)}
 #kontakt-top-info p{margin:0; padding:5px 0 0 0 ; font-size:16px}
 .kontakt-icon-effekt{width:20px; text-align:center; padding-right:15px; font-size:18px !important;color:rgba(150,150,150,0.80)}
.h2ico{padding-right: 20px; opacity: 0.5}

.showelement{display:block !important;}


.rect-img-container {
	position: relative;
	width: 120px;
    height: 80px;
	overflow: hidden;
    float: right;
	border: 2px solid #b9d6ea
  }
  .rect-img-container img {
    top: 50%;
    left: 50%;
	width: 100%;
	height: 100%;
    position: relative;
    transform: translate(-50%, -50%);
	object-fit: cover;
}
.zoomimg{display: none;

	position: absolute;
    z-index: 1000;
    margin-top: -140px;
    width: 280px;
    height: 210px;


}

.zoomimg img {
    top: 50%;
    left: 50%;
	width: 100%;
	height: 100%;
    position: relative;
    transform: translate(-50%, -50%);
	object-fit: cover;
}
  /*
  .rect-img-container::after {
	content: "";
	display: block;
	padding-bottom: 100%;
  }
  
  .rect-img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: translate(-50%, -50%);
  }*
  */
/* cookie lista: na mobilu a nizkych displejich text rolovat, tlacitka vzdy na obrazovce */
@media (max-width: 600px), (max-height: 800px) {
	#cm #c-txt { max-height: 22vh; overflow-y: auto; }
	#cm #c-bns { display: flex; gap: 8px; }
	#cm #c-bns button { flex: 1; margin: 0; }
}