/** LAYOUT */	
body {
	padding:0;
	margin:0;
	background:#fff;
}

header {background:#fff;}

main > .containter {background:#fff;}

.container {
	width:1280px;
	margin:0 auto;
	/*width:100%;*/
	box-sizing: border-box;
	padding:15px;
}

#maincontent.container {padding-top:0}

@media (max-width:1199px) {
	.container {
		width:100%;
		max-width: 1199px;
	}
	}
	
@media (max-width:767px) {
	.container {
		padding:15px;
	}	
	
}

/** TYPOGRAPHY */	
body {
	font-family:Rubik, sans-serif;
	font-size:1rem;
	color:#444;
}

/** -small secondary */
.pd-fdesc,
.result__title-url {
	font-size:0.9rem;}
	
/** -light grey */	
.result__title-url {
	color:#999;}
	
/** -no decoration */	
a.result__title-link {
	text-decoration:none;
	}

a, 
.mod-languages li a {
	color:#444;
	transition:color 0.3s;
	}
	
a:hover,
a:focus {
  color: #A81524;
}

h1,h2,h3,h4,h5,
.MDboxmenu .nav .nav-item a {
	font-weight:500;
}
	
h1 {
	text-transform:uppercase;
	font-size:1.8rem; /*1.2 - 1.8 */
	font-size: clamp(1.2rem, calc(1.2rem + ((1vw - 0.225rem) * 0.6154)), 1.8rem);		
}	

h2,
.MDboxmenu .nav .nav-item a {
  font-size:1.1rem; /*0.8 - 1.1.*/
  font-size: clamp(0.8rem, calc(0.8rem + ((1vw - 0.225rem) * 0.3077)), 1.1rem);	
}


.secondary, 
#footercontent {
 	font-size:0.85rem;
	font-size: clamp(0.6rem, calc(0.6rem + ((1vw - 0.225rem) * 0.2564)), 0.85rem);
}




/** HEADER */
#headcontent {
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
}



#logo img {height:60px;}


/** -whiter */
#whiter {position:fixed;
top:90px;
left:0px;
width:100vw;
height:120vh;
background-color:rgba(255,255,255,1);
pointer-events:none;
z-index:999;
}
#whiter {
    transition: opacity 0.25s ease-out;
    opacity: 1;
}
#whiter.hidden {
    opacity: 0;
}

/** -hledadni  */

.btn-primary:hover,
.btn-success:hover {
  color: #fff;
  background-color: #790F1A;
  border-color: #790F1A;
}

#headcontent #search .moduletable {
	margin-top:10px;
}

#headcontent #search label {
	display:none;
}

.form-control {
	line-height:1.5;
	padding: .375rem .75rem;
	font-size: 1rem;
}


#headcontent #search input {
	border-radius:0.25rem;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	font-size:1rem;
	border:1px solid #bebebe;	
	border-right:0;
	
}

.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #A81524;
  border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  border-radius: .25rem;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


/** -jazyky  */

.mod-languages ul  {
	margin:0;	
	}

.mod-languages li  {
	color:#bebebe;	
	}
	
	div.mod-languages a
{
  text-decoration: none;
}

div.mod-languages li
{
  margin-left: 0px;
  margin-right: 4px;
}

html[lang="cs-cz"] .lang-inline .Lcs a {font-weight:bold}
html[lang="sk-sk"] .lang-inline .Lsk a {font-weight:bold}
html[lang="en-gb"] .lang-inline .Len a {font-weight:bold}
html[lang="de-de"] .lang-inline .Lde a {font-weight:bold}
html[lang="uk-ua"] .lang-inline .Luk a {font-weight:bold}
html[lang="ru-ru"] .lang-inline .Lru a {font-weight:bold}

#headcontent {
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	grid-gap:0;
}

#headcontent #lang .moduletable {
	margin-top:30px;
}

#headcontent ul.lang-inline {
text-align: right;
}

#headcontent  ul.lang-inline li {
  display: inline-block;
	width: 24px;
}

.mod-languages .lang-active,
.mod-languages a:hover,
.mod-languages a:focus {
	font-weight:bold;
}

/** -response */
@media(max-width:1023px) {
	
#headcontent {	
	grid-template-columns:1fr;
	grid-gap:0px;
	position:relative;
}

#headcontent #lang {	
	position:absolute;
	top:0;
	right:15px;
}
}

@media(max-width:767px) {
#headcontent #lang {	
	position:absolute;
	top:0;
	right:15px;
}
}

@media (max-width:599px) {
	#headcontent #logo {width:150px}
	#logo img {width:100%;  height: auto;}
	#headcontent #lang .moduletable { margin-top: 24px;}
}

@media (max-width:427px) {
	#headcontent #lang { 	
		width:100vw;
		right:calc(57px - 100vw);
		padding-left:57px;
		padding-right:15px;
		background:#fff;
		background-size:;
		transition:right 0.3s;
		cursor:pointer;
		}
		
	#headcontent #lang.active {
		right:0;
		background:#fafafa;
	}
		
	#headcontent #lang .moduletable {
		margin-top: 0px;
		padding:14px 0
	}		
		
		
	#langicon {		
		background:url(../images/langicon.svg) center center no-repeat;
		background-size:32px 32px;
		width:32px;
		height:32px;
		
		position:absolute;
		left:10px;
		top:10px;
}
}

/** SEARCH PAGE */

#search-results.inactive {opacity:0}


#maincontent .com-finder #search-form {
	display:none;
	width:420px;
	margin:30px 0 60px 0;
}

.result__item + .result__item {
  border-top: 1px solid #bebebe;
  margin-top: 1em;
  padding-top: 1em;
}
	
/** BOX MENU */	
.MDboxmenu {
	margin-right:8px;
	}
	
.MDboxmenu .nav {
	margin-top:15px;
	display:grid;
	gap:30px;	
	padding:0;
	grid-template-columns:1fr 1fr 1fr 1fr;
	}

.MDboxmenu .nav .nav-item {
	display:block;
	position:relative;
	z-index:3;

	}
	

	
.MDboxmenu .nav .nav-item:after {
	content:'';
	display:block;
	width:10px;
	height:100%;
	/*background:url(../images/shadow.png) center center no-repeat;
	background-size:auto 100%;*/
	position:absolute;
	right:-10px;
	top:0;
	z-index:4;
	}

.MDboxmenu .nav .nav-item:hover {
	filter:brightness(0.98);
}	
	
.MDboxmenu .nav .nav-item a {
	display:block;
	text-align:center;
	position:relative;		
	height:0;
	padding-bottom:calc(100% + 0px);
	background-color:#fff;
	border:1px solid #f2f2f2;
	/*border:1px solid red;*/
	border-top-left-radius:16px;
	border-bottom-left-radius:16px;
	border-radius:0;
	overflow:hidden;
	}

.MDboxmenu .image-title {	
position:absolute;
bottom:0px;
left:0;
width:100%;
text-align:center;

padding:0 15px;
display: flex;
  justify-content: center;
  justify-self: center;
  height: 75px;
  justify-items: center;
  align-content: center;
  align-items: center;
  background:#fafafa;
}

.MDboxmenu .nav .nav-item img{
	position:absolute;
	top:0;
	left:15px;
width:calc(100% - 30px);
	height:auto;
	}		
	
	
/** -ikony */
.MDboxmenu .nav li.nav-item.item-104 a:before,
.MDboxmenu .nav li.nav-item.item-102 a:before,
.MDboxmenu .nav li.nav-item.item-103 a:before,
.MDboxmenu .nav li.nav-item.item-105 a:before,
.MDboxmenu .nav li.nav-item.item-130 a:before,
.MDboxmenu .nav li.nav-item.item-431 a:before,
.MDboxmenu .nav li.nav-item.item-141 a:before {
	content:'';
	display:block;
	width:92px;
	height:92px;
	background:url(../images/ico-dzd.png) bottom center no-repeat;	
	background-size:92px 184px;	
	position:absolute;
	right:-8px;
	top:36px;
	z-index:5;	
	transform: translateZ(0); /* Forces GPU rendering */  	
	}

.MDboxmenu .nav li.nav-item.item-104 a:before {background-image:url(../images/ico-ohrivace-2.png);}
.MDboxmenu .nav li.nav-item.item-102 a:before {background-image:url(../images/ico-fve.png);}
.MDboxmenu .nav li.nav-item.item-103 a:before,
.MDboxmenu .nav li.nav-item.item-431 a:before {background-image:url(../images/ico-argo.png);}
.MDboxmenu .nav li.nav-item.item-105 a:before {background-image:url(../images/ico-klima.png);}
.MDboxmenu .nav li.nav-item.item-130 a:before {background-image:url(../images/ico-aku.png);}
.MDboxmenu .nav li.nav-item.item-141 a:before {background-image:url(../images/ico-prislusenstvi.png);}

.MDboxmenu .nav li.nav-item.item-104 a:hover:before,
.MDboxmenu .nav li.nav-item.item-102 a:hover:before,
.MDboxmenu .nav li.nav-item.item-103 a:hover:before,
.MDboxmenu .nav li.nav-item.item-105 a:hover:before,
.MDboxmenu .nav li.nav-item.item-130 a:hover:before,
.MDboxmenu .nav li.nav-item.item-431 a:hover:before,
.MDboxmenu .nav li.nav-item.item-141 a:hover:before {
	background-position:top center;
	top:36px;
}

/** LIST MENU */	

.MDlistmenu {
	margin:30px 0;
}

.MDlistmenu .nav-item {
	width:100%;
	float:none;
}

.MDlistmenu .nav-item a {
	display:block;
	/*width:360px;*/
	padding:5px 15px;	
	margin-left:-15px;
	text-decoration: none;
  border-bottom: 1px solid #bebebe;
}

.MDlistmenu .nav-item a:hover,
.MDlistmenu .nav-item a:focus {
	background-color:#fafafa;
}


/** -response */
@media (max-width:1199px) {
	.MDboxmenu .nav {	
	grid-template-columns:1fr 1fr 1fr;	
	}
}

@media (max-width:767px) {
	.MDboxmenu .nav {	
	grid-template-columns:1fr 1fr;	
	gap:15px;
	}	
	
.MDboxmenu .image-title {
  bottom: 10px;
  width: 100%;  
  padding: 0 5px;
}	
	
.MDboxmenu .nav li.nav-item.item-104 a:before,
.MDboxmenu .nav li.nav-item.item-102 a:before,
.MDboxmenu .nav li.nav-item.item-103 a:before,
.MDboxmenu .nav li.nav-item.item-105 a:before,
.MDboxmenu .nav li.nav-item.item-130 a:before,
.MDboxmenu .nav li.nav-item.item-141 a:before {
	width:46px;
	height:46px;	
	right:-4px;
	top:20px;
	z-index:5;	
	}

.MDboxmenu .nav li.nav-item.item-104 a:hover:before,
.MDboxmenu .nav li.nav-item.item-102 a:hover:before,
.MDboxmenu .nav li.nav-item.item-103 a:hover:before,
.MDboxmenu .nav li.nav-item.item-105 a:hover:before,
.MDboxmenu .nav li.nav-item.item-130 a:hover:before,
.MDboxmenu .nav li.nav-item.item-141 a:hover:before {
	background-position:top center;
	top:21px;
}	
	
	
	
}	

	
/** PAGE HEADER */
.ph-header,
.page-header,
.finder h1
{
	color:#222;
	background-color:#A81524;
	/*padding-left:1000px;
	margin-left:-1000px;
	padding-right:1000px;
	margin-right:-1000px;	*/
	width:100vw;
	margin-left:calc(50% - 50vw);
	text-align:center;
	padding-bottom:1rem;
	padding-top:1rem;
	position:relative;
}

.page-header,
.ph-header,
.finder h1 {
background:url(../images/headbgv2.jpg) center center no-repeat;
background-size:cover;
}

.PGmhp .page-header {
padding-bottom: 3rem;
 padding-top: 3rem;
}

.pd-category h3	{
	color:#fff;
	background-color:#777;
	/*width:100vw;
	margin-left:calc(50% - 50vw);*/
	text-align:center;
	padding-bottom:1rem;
	padding-top:1rem;
	position:relative;
	line-height:1;
	margin:30px 0 30px;
}

.pd-category h3	span{
font-size:1.1rem;
font-weight:400;
}





.ph-header .backbtn,
.page-header .backbtn,
.finder h1 .backbtn {
	width:30px;
	height:30px;
	background-color:#fff;	
	position:absolute;
	/*left:calc(50vw - 626px);*/
	left:15px;
	top:50%;
	transform:translateY(-50%);	
	cursor:pointer;
	background:url(../images/backbtn.svg?v=20250615) center center no-repeat;
	background-size:100% 100%;
	}
	
.ph-header h1,
.page-header h1,
.finder h1	{
	margin-bottom:0;
	}

 .PGmhp .page-header .backbtn {
	 display:none;
 }
 
 
 
 
 @media (min-width: 1200px) {
	.ph-header .backbtn,
	.page-header .backbtn,
	.finder h1 .backbtn {
		left:calc(50vw - 555px);
	}
}
 
 
@media (min-width: 1400px) { 
.ph-header .backbtn,
	.page-header .backbtn,
	.finder h1 .backbtn {
		left:calc(50vw - 626px);
	}
	}
	
@media (max-width: 767px) { 
.ph-header .backbtn,
	.page-header .backbtn,
	.finder h1 .backbtn {
		display:none;
	}
	}	
 

 
 
 /** PRODUCT PAGE WITH FILES */
 
 /*#phoca-dl-category-box #pdCategoryModal {display:none;}
 #phModalPlay  {display:none;}*/
 
 
 
 
 
 .pd-category-view .pd-fdesc { 
 margin-top: -25px;
 margin-left:23px;} 
 .modal {display:none;}
 
 .pd-category {
	margin-top:30px;
 }
 
 .nofiles {margin-bottom:25px;}
 
 .pd-hr-cb {opacity:0}
	

.pd-fdesc p,
.pd-fdesc div {margin:0}


/**.pd-category-view .pd-category .pd-filenamebox-bt .pd-filename {display:none;}*//

/**FOOTER */
footer {}
#footercontent {
	text-align:center;
	border-top:1px solid #bebebe;|
}