/*
.boundItem:has(input[type=checkbox]:disabled.boundItemSelected) {
    display: none;
}
*/
.TabsAttributeFilterMasterView.custom .tabpages .spacer{display:none !important;}

[data-cat-id="220"] #SubCategoriesMaster
{
    background-image: url(/data/user-content/traktorbagr50.png);
    background-position: right center;
    background-size: 81%;
    background-repeat: no-repeat;
}

[data-cat-id="250"] #SubCategoriesMaster
{
    background-image: url(/data/user-content/prevod.jpg);
    background-position: right center;
    background-size: 72%;
    background-repeat: no-repeat;
}

.validationError 
{
    color: #ffffff !important;
    background-color: #ff0030 !important;
    font-weight: bold;
}

.shortDescription
{
    font-weight: bold;
    font-size: 15px;
    
    
}


/* 87416 Nadpisy HP */
.HomeHeading::after
{
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    content: "";
    width: 100%;
    max-width: 540px;
    height: 1px;
    background-color: white;
    border-style: solid;
    border-width: 1px;
    border-color: #f7a806;
}

@media (max-width:820px)
{
    .HomeHeading::after
    {
        max-width: 430px;
    }

	.sliderr {
    width: 100%;
    
}

}
@media (max-width:550px)
{
    .HomeHeading::after
    {
        max-width: 320px;
    }
    
    .SliderRwdView {
    width: 100%;
    
}

   .sliderr {
    width: 100%;
    
}

}

#EshopHome .HomeProducts1 .title::after
{
    width: 100%;
    max-width: 280px;
    height:1px;
    background-color: white;
    border-style: solid;
    border-width: 1px;
    border-color: #f7a806;
}
.HomepageNadpisV2_Obal
{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.HomepageNadpisV2_Vnitrek
{
	display: flex;
	flex-flow: column;
}
.HomepageNadpisV2_Vnitrek h2
{
	font-size: 36px;
    font-weight: 100;
    margin-bottom: 12px;
    margin-top: 40px;
}
.HomepageNadpisV2_Vnitrek hr
{
	width: 100%;
    border: solid;
    border-width: 1.5px;
    border-color: #f7a806;
    position: relative;
    top: -10px;
    margin-top: 0px;
    margin-bottom: 8px;
}
/*end 87416 Nadpisy HP */

.EshopHomeUserContent4
{
	padding-top: 0.8em;
}
.htmlSliderOuter div:nth-of-type(1) > span:nth-of-type(1)
{
	display: initial !important;
	margin-left: 3px;
}
.htmlSliderOuter div:nth-of-type(1) > span:nth-of-type(2)
{
	display: initial !important;
	margin-right: 3px;
}
.htmlSliderOuter div:nth-of-type(1) > span:nth-of-type(3)
{
	display: none !important;
}

.sliderr {

width: 50%;
padding-top: 35px;
float: right;

}

.form{

width: 100%;


}

.form p{

width: 100%;


}

.ZlutedilyContactForm {
    
  
    max-width: 100%;
    background-color: #f1f2f2;
}

.ZlutedilyContactForm .requiredFieldsInfo {
   color: #000000;
}

.ZlutedilyContactForm .textInput.required:before {
   
    color: #000000;
  
}


.HomepageSpolupracujiTelo
{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	margin-top: 15px;
	margin-bottom: 30px;
}
.HomepageSpolupracujiObsah
{
	height: auto;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
	margin-top: 5px;
	margin-bottom: 5px;
}

.HomepageSpolupracujiObsah:nth-child(1)
{
	width: 150px;
}
.HomepageSpolupracujiObsah:nth-child(2)
{
	width: 150px;
}
.HomepageSpolupracujiObsah:nth-child(3)
{
	width: 90px;
}
.HomepageSpolupracujiObsah:nth-child(4)
{
	width: 90px;
}
.HomepageSpolupracujiObsah:nth-child(5)
{
	width: 110px;
}
.HomepageSpolupracujiObsah:nth-child(6)
{
	width: 80px;
}
.HomepageSpolupracujiObsah:nth-child(7)
{
	width: 80px;
}


.HomepageServis
{
	display: flex;
    width: 100%;
	margin-top: 20px;
	margin-bottom: 10px;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding-left: 10px;
	padding-right: 10px;
}
.HomepageServisWrap{

width: 100%; 
height: auto; 
background-color: #f7a806;

}

<div style="width: 100%; height: auto; background-color: #f7a806;">
<div style="width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;">

.HomepageServis h2
{
	font-size: 28px;
	color: black;
	text-align: center;
	letter-spacing: -1px;
}

.HomepageProuzek
{
	width: 100%;
	height: 28px;
	background-image: url("/data/user-content/media/homepage/caraservis.svg");
	background-size: cover;
}

.ObrazekServis
{
	width: 45px;
	height: 45px;
	margin-right: 25px;
	background-image: url("/data/user-content/media/homepage/telefonservis.svg");
	background-size: cover;
}

.PodProuzkem
{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	text-align: center;
	color: black;
	/*margin-top: 5%;*/
	padding-bottom: 0;
	background-color: #f7a806;
}

.PodProuzkemObsah
{
	width: 350px;
	height: auto;
	padding-left: 2%;
	padding-right: 2%;
}

.PodProuzkemObsah a
{
	color: black;
	font-weight: bold;
}

.PodProuzkemObsah h2
{
	letter-spacing: -1px;
}
.PodProuzkemObsah p
{
	font-weight: 600;
}
.HomepageSluzby
{
	width: 100%;
	height: auto;
}
.HomepageSluzby hr
{
	width: 211px;
    border: solid;
    border-width: 1.5px;
    border-color: #f7a806;
    position: relative;
    top: -10px;
    margin-top: 0;
    margin-bottom: 8px;
}

.kontakt {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    }

 .kontaktpolevrchni
{
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    border: 2px solid #f7a806;
    border-width: 4px;
    padding-left: 11px;
    margin-top: 14px;
}

.kontaktpole
{
    width: 30%;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    border: 2px solid #f7a806;
    border-width: 4px;
    padding-left: 11px;
    margin-top: 14px;
}

.kontaktpole h2
{
  font-size: medium;
  
   
}

.mapa{
    
    padding-top:10px;
    }

.adress{
    
 float:left;   
    
}

.imagemap 

{
    
    width: 45%;   
    float: right;
    
}

.cenik img {
  border: 1px solid gray;
  padding: 6px;
  box-shadow: 3px 3px 6px #999999;
  margin-right: 6px;
  width:300px;
  height:387px;
  float:left;
}



.CompoundFilterView.v3 .contactFormLink span 
  {
    background-color: #b50c2b;
    font-size: 19px;
    font-weight: bold;
    }
    
.button.openContactForm.collapsed
{
  background-color: #ffe89c;  
  color: #000000;  
  font-weight: bold;
  font-size: 17px;
}

.button.openContactForm.expanded {
  background-color: #ffe89c;  
  color: #000000;  
  font-weight: bold;
  font-size: 17px;
   
}
.helpBtn {
    
  background-color: #ffe89c !important;  
  color: #000000 !important;  
  font-weight: bold;
  font-size: 17px;  
    
    }
// .button.send
{
  background-color: #ffe89c !important;  
  color: #000000 !important;  
  font-weight: bold;
  font-size: 17px;     

}


.name a
{
    font-weight: bold;   
}

.HomepageSluzby > h2
{
	font-size: 36px;
    font-weight: 100;
    margin-bottom: 12px;
    margin-top: 0px;
}

.SluzbyKarty
{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.Karta
{
    width: 32%;
    height: 219px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}

.SluzbyKarty a
{
    width: 23%;
    height: 210px;
    display: flex;
    flex-wrap: wrap;
    background-color: #f7a806;
    justify-content: center;
    align-content: center;
    border: 2px solid #f7a806;
    border-width: 4px;

}


.SluzbyKarty a:hover
{
    border: 2px solid #7a6464;
    border-width: 4px;
}


.Karta h2
{
	width: 141%;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 12px;
	color: black;
}

.Karta h1
{
	width: 100%;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 12px;
	color: black;
	font-size: 1.5em;
}

.SluzbyKarty2
{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}


.Karta2
{
	width: 23%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	background-color: #f7a806;
	justify-content: center;
	align-content: center;
	border-style: dotted;
    border-width: 2px;
}

.Karta2 h2
{
	width: 100%;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 15px;
	color: black;
}

.Karta2 p
{
	width: 95%;
	margin-left:5px;
	text-align: left;
	margin-top: 0;
	margin-bottom: 15px;
	color: black;
}

.Karta2 a
{
	width: 95%;
	margin-right:10px;
	text-align: right;
	margin-top: 0;
	margin-bottom: 15px;
	color: black;
	}

.SluzbyKarty3
{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 10px;
}

.Karta3
{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	background-color: #f7a80659;
	justify-content: center;
	align-content: center;
	border-style: dashed;
    border-width: 2px;
    padding-bottom: 0px;
    
}

.Karta3 p
{
	width: 95%;
	text-align: center;
	margin-top: 2%;
	margin-bottom: 2%;
	color: black;
	font-weight: bold;
}

.Karta3 a
{
	width: 95%;
	margin-right:10px;
	text-align: right;
	margin-top: 0;
	margin-bottom: 15px;
	color: black;
}


element.style {
}

.SluzbyKarty4
{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 10px;
	margin-top: 20px;
}

.Karta4 {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
/* background-color: #f7a80659; */
    justify-content: center;
    align-content: center;
    border-style: outset;
    border-width: 12px;

}

.Karta4 p {
    width: 95%;
    margin-left: 5px;
    text-align: left;
    margin-top: 0;
    margin-bottom: 15px;
    color: black;
  /*font-weight: bold;*/
    padding-top: 20px;
}

.zajimavosti
{
	width: 95%;
	text-align: left;
	margin-top: 0;
	margin-bottom: 15px;
	color: black;
}

.zajimavosti img
{
	width: 36%;
	margin: 20px 30px 30px 0px;
	float: left;
	
}

.zajimavosti p
{
	width: 95%;
	text-align: left;
	color: black;
}

.zajimavosti h2
{
	width: 95%;
	text-align: center;
	color: black;
}

.servis
{
    background-image: url(/data/user-content/servisform.jpg);
    background-size: 67%;
    opacity: 1.0;
    font-weight: bold;
    background-position: right;
   
}

.FlatCategoriesRwdView.v1 ul.root>li {
    border-bottom-color: #fab600;
    font-weight: bold;
}

.vin
{
	width: 99%;
	height: auto;
	/*display: flex;*/
	flex-wrap: wrap;
	justify-content: space-around;
	text-align: center;
	color: black;
	/*margin-top: 5%;*/
	background-color: #f7a806;
	border-color: red;
    border-style: ridge;
	margin-bottom: 10px;
	
}

.vin h2
{
	width: 100%;
	text-align: center;
	color: black;
	font-size: 18px;
}

.vin h3
{
	width: 100%;
	text-align: center;
	color: black;
	font-size: 16px;
}

.vin p
{
	width: 100%;
	text-align: center;
	color: black;
	font-size: 16px;
}

.vin a
{
	width: 100%;
	text-align: left;
	color: white;
	font-size: 18px;
}

.vin img {
    height: 83px;
    float: none;
	text-align: center;
	color: white;
	margin-top: 14px;
}


@media (max-width: 1149px)
{
	.PodProuzkemObsah
	{
		height: 175px;
	}
	
.ZlutedilyContactForm {
    max-width: 100%;
	
}

.sliderr {
    width: 100%;
    
}

.form {

max-width: 100%;
}

.SliderRwdView
{
max-width: 100%;

}


}

@media (max-width: 819px)
{
.FooterUserContent h2
	{
		margin-left: 0 !important;
	}
	
.ZlutedilyContactForm {
    max-width: 100%;
	
	}

   .sliderr {
    width: 100%;
    
	}


.form {

max-width: 100%;
}

}

@media (max-width: 800px)
{
	.HomepagePlatbaObsah:nth-child(1)
	{
		width: 100%;
	}
	.HomepageServis h2
	{
		font-size: 24px;
	}
	
	.SliderRwdView {
    width: 100%;
    
}
   .sliderr {
    width: 100%;
    
}

	.ZlutedilyContactForm {
    max-width: 100%;
}
}

@media (max-width: 759px)
{
	.PodProuzkemObsah
	{
		height: auto;
	}

	   .sliderr {
    width: 100%;
    
}
	.SluzbyKarty
	{
		justify-content: center;
	}

	.Karta
	{
		width: 100%;
		height: auto;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	

	.SluzbyKarty a
{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    background-color: #f7a806;
    justify-content: center;
    align-content: center;
    border: 2px solid #f7a806;
    border-width: 4px;
    margin-top: 5px;
    margin-bottom: 5px;

}
	
	.Karta2
	{
		width: 100%;
		height: auto;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.Karta h2
{
	width: 100%;
	text-align: center;
	margin-top: 0;
	margin-bottom: 5px;
	color: black;
	font-size: 12px;
}

	.Karta3
	{
		width: 100%;
		height: auto;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	.SluzbyKarty4
{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	
}
	.Karta4 {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    border-style: outset;
    border-width: 12px;
    
}

.SliderRwdView {
    width: 100%;
   
}

	.ZlutedilyContactForm {
    max-width: 100%;
}

}

@media (max-width: 660px)
{
	.HomepageServis h2
	{
		font-size: 10px;
	}
	.ObrazekServis
	{
		width: 30px;
		height: 30px;
	}
	
		.Karta3
	{
		width: 100%;
		height: auto;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	.Karta4 {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
/* background-color: #f7a80659; */
    justify-content: center;
    align-content: center;
    border-style: outset;
    border-width: 12px;
    
}
	
	.kontaktpole
{
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    border: 2px solid #f7a806;
    border-width: 4px;
    padding-left: 5px;
    margin-top: 5px;
}
.SliderRwdView {
    width: 100%;
    
    }

.Sliderr {
    width: 100%;
    
}

	.ZlutedilyContactForm {
    max-width: 100%;
}
}

@media (max-width: 501px)
{
	.ObrazekServis
	{
		margin-left: 30px;
	}
	.HomepageServis h2
	{
		font-size: 15px;
}

.SliderRwdView {
    width: 100%;
  
      
}

   .sliderr {
    width: 100%;
    
}

	.ZlutedilyContactForm {
    max-width: 100%;
    
    margin: 10px;
}

.vin

{
	width: 99%;
	height: auto;
	/*display: flex;*/
	flex-wrap: wrap;
	justify-content: space-around;
	text-align: center;
	color: black;
	/*margin-top: 5%;*/
	background-color: #f7a806;
	border-color: red;
    border-style: ridge;
	margin-bottom: 10px;
	
}

.vin h2
{
	width: 100%;
	text-align: center;
	color: black;
	font-size: 18px;
}

.vin h3
{
	width: 100%;
	text-align: center;
	color: black;
	font-size: 16px;
}

.vin p
{
	width: 100%;
	text-align: center;
	color: black;
	font-size: 16px;
}

.vin a
{
	width: 100%;
	text-align: left;
	color: white;
	font-size: 18px;
}

.vin img {
    height: 83px;
    float: none;
	text-align: center;
	color: white;
	margin-top: 14px;
}

}

@media (max-width: 419px)
{
	.ObrazekServis
	{
		margin-left: 30px;
	}
	.HomepageServis h2
	{
		font-size: 15px;
    }

.SliderRwdView {
    width: 100%;
    
    
}
   .sliderr {
    width: 100%;
    
}


	.ZlutedilyContactForm {
    max-width: 100%;
    margin: 10px;
}
.vin
{
	width: 99%;
	height: auto;
	/*display: flex;*/
	flex-wrap: wrap;
	justify-content: space-around;
	text-align: center;
	color: black;
	/*margin-top: 5%;*/
	background-color: #f7a806;
	border-color: red;
    border-style: ridge;
	margin-bottom: 10px;
	
}

.vin h2
{
	width: 100%;
	text-align: center;
	color: black;
	font-size: 18px;
}

.vin h3
{
	width: 100%;
	text-align: center;
	color: black;
	font-size: 16px;
}

.vin p
{
	width: 100%;
	text-align: center;
	color: black;
	font-size: 16px;
}

.vin a
{
	width: 100%;
	text-align: left;
	color: white;
	font-size: 18px;
}

.vin img {
    height: 83px;
    float: none;
	text-align: center;
	color: white;
	margin-top: 14px;
}

.vanoce
{
	width: 99%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	text-align: center;
	color: black;
	/*margin-top: 5%;*/
	padding-bottom: 0;
	background-color: #f7a806;
	border-color: red;
    border-style: ridge;
}

.vanoce h2
{
	width: 82%;
	text-align: right;
	color: black;
	font-size: 14px;
}

.vanoce a
{
	width: 95%;
	text-align: left;
	color: white;
	font-size: 14px;
}

.vanoce img {
    height: 98px;
    float: left;
	text-align: center;
	color: white;
}
.obrservis {
float: left;
padding-left: 15%;

}

.tlacitko-reference{
    background: #f2c300;
    color: #000;
    border: 2px solid #c89b00;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.3s;
}

.tlacitko-reference:hover {
    background: #ffdb33;
    border-color: #a88400;
}

.tlacitko-reference:active {
    transform: scale(0.98);
}

}

.ProductBoundItemView .wrapQuantity.readOnly {width: 120px !important;}
.ProductBoundItemView .wrapQuantity.readOnly > span {display: block; width: 100%; border: none;}