@font-face {
    font-family: 'Poppins Bold';
    src: url('/templates/zekoelektrokomponenty/css/fonts/Poppins-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins Black';
    src: url('/templates/zekoelektrokomponenty/css/fonts/Poppins-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins Light';
    src: url('/templates/zekoelektrokomponenty/css/fonts/Poppins-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('/templates/zekoelektrokomponenty/css/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.tlac2c {
	
	margin-top: 10px;
}
 #mod-menu111 .nav-item a:hover {
color: #eef3ff !important;
text-decoration: none;
 	
	
}
/* ---------------------------------------
	Standard styles formatting
	created with Template Creator
        on http://www.template-creator.com
-----------------------------------------*/
.proditema h1{
  position:relative;
  margin-bottom:34px;
}

.proditema h1::after{
  content:"";

  position:absolute;
  left:0;
  bottom:-16px;

  width:60%;
  height:2px;

  background:linear-gradient(
    90deg,
    rgba(120,220,255,.95) 0%,
    rgba(80,170,255,.75) 45%,
    rgba(80,170,255,0) 100%
  );

  box-shadow:
    0 0 10px rgba(90,190,255,.45),
    0 0 18px rgba(90,190,255,.18);

  overflow:hidden;
}

.proditema h1::before{
  content:"";

  position:absolute;
  left:0;
  bottom:-18px;

  width:18px;
  height:6px;

  border-radius:20px;

  background:rgba(180,240,255,.95);

  filter:blur(1px);

  box-shadow:
    0 0 10px rgba(120,220,255,.9),
    0 0 22px rgba(120,220,255,.45);

  animation:linearGlow 4.2s ease-in-out infinite;
}

@keyframes linearGlow{
  0%{
    left:0;
    opacity:0;
  }

  15%{
    opacity:1;
  }

  70%{
    opacity:.9;
  }

  100%{
    left:50%;
    opacity:0;
  }
}



.postup {
background: #1FB8FC;	
	
	
}
.znacka {
  padding: 40px;
 display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill,minmax(510px,1fr)); 
  background: #fff;
  margin-bottom: 30px;
  filter: drop-shadow(0 5px 14px rgba(49,84,139,.3));
  border-radius: 10px;
  
}
.znackaweb img {
  width: 50%;
  height:auto;
  
  display: block;
  margin: 0px auto;
  
}
.akciapolozka  table td { 
font-size: 13px;
padding: 3px;

} 
.akciapolozka  table {
	width: 100%;
	
	background: #fff;
}
.polozkaakcia h3 {
color: #2357df !important;
}

.akciapolozka  table  tr:nth-child(2n) {
  background: #f5f5f5;
}
.akciapolozka {
width: 100%;
float: left;
display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;	
	margin: 20px 0px;
	
}
.polozkaakcia {
width: 58%;
float: left;
	
background: #F0F6F5;
padding: 2% 5% 2% 2%;
	
}
.obrakcia {
width: 35%;
float: left;	
	
background: #fff;
  filter: drop-shadow(0 5px 14px rgba(49,84,139,.1));	
}
.obrakcia img {
width: 80%;
height: auto;	
position: relative;
display: block;
margin: 0 auto;
	
}
.postup h2 {
font-size: 18px;
color: #fff;
text-align: center;	
padding: 10px 30px;	
	
}
.postupicon img {
width: 70%;
height: auto;
margin: 20px auto;
display: block;	
	
	
}
.Video {
	
position: relative;
  width: 100%;
  height: 100%;
margin-bottom: 80px;	
	
}
.Video video {
  -o-object-fit: cover;
  object-fit: cover;
  max-width: 100%;
  height: auto;
}

.techparametre.priakcie {
margin: 50px 0px;	
	
	
}

.techparametre.priakcie li {
  color: #2357df;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 18px;
  padding-left: var(--icon-space);
}
.techparametre.priackie li::before {
  content: "\f00c";
  font-family: FontAwesome;
  display: inline-block;
  margin-left: calc( var(--icon-space) * -1 );
  width: var(--icon-space);
  color: #1FB8FC !important;
}




.malo {
	
	margin-bottom: 5px !important;
}
.obalgdpr {
	display: none;
	
}
[data-key="11"] .cf-label {
	
	text-decoration: underline;
	font-size: 18px;
	font-weight: 700;
cursor: pointer;
}
.akcia1 {
width: 100%;
float: left;
position: relative;
z-index: 0;	
display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: stretch;	
}
.popisakcia {
	
position: absolute;
z-index: 1;		
margin-left: 30px;
width: 400px;	
}
.popisakcia h2 { 
font-size: 38px;
color: #fff !important;

}
.popisakcia p { 
font-size: 18px;
color: #fff;
font-weight: 500;

}
.zoznam {
	
--icon-space: 1.3em;
  list-style: none;
  padding: 0;
  margin-left: 0px;
  margin-top: 8px;	
	
}
.zoznam li::before {
  content: "\f00c";
  font-family: FontAwesome;
  display: inline-block;
  margin-left: calc( var(--icon-space) * -1 );
  width: var(--icon-space);
  color: #1FB8FC !important;
}
.zoznam li {
  color: #333;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 5px;
  padding-left: var(--icon-space);
}
[data-id="mobilemenuck-111"] .mobilemenuck-bar-title {
  background: #2357df;
  color: #FFFFFF;
  font-weight: bold;
  text-indent: 20px;
  line-height: 20px;
  font-size: 20px;
  width: 130px;
}
[data-id="mobilemenuck-111"] .mobilemenuck-bar-button {
  background: #2357df;
 height: auto;
  width: 43px;
  color: #FFFFFF;
  padding-top: 2px;
  font-size: 1.8em;
 margin-top: -5px;

}


.mod-articlesnews {
width: 48%;
float: left;

	
	
}



[data-id="mobilemenuck-1"] .mobilemenuck-bar-title {
  background: #fff;
 color: #1F2B5A !important;
  font-weight: bold;
  text-indent: 20px;
  line-height: 43px;
  font-size: 20px;
  width: 180px;
}


[data-id="mobilemenuck-111"] .mobilemenuck-item > .level1 {
  background: #1F2B5A;
  -moz-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  color: #FFFFFF;
  margin-top: 4px;
  margin-right: 4px;
  margin-bottom: 4px;
  margin-left: 4px;
  padding-left: 15px;
  width: 90%;
  line-height: 35px;
}

[data-id="mobilemenuck-111"] .mobilemenuck-title {
  background: #2357df;
  height: 43px;
  text-indent: 20px;
  line-height: 43px;
  font-size: 20px;
}
[data-id="mobilemenuck-111"].mobilemenuck {
  background: #2357df;
  color: #FFFFFF;
  padding-bottom: 5px;
  font-weight: bold;
  font-size: 1.2em;
}

[data-id="mobilemenuck-1"].mobilemenuck {
  background: #1F2B5A;
  color: #FFFFFF;
  padding-bottom: 5px;
  font-weight: bold;
  font-size: 1.2em;
}
[data-id="mobilemenuck-1"] .mobilemenuck-title {
  background: #1F2B5A;
  height: 43px;
  text-indent: 20px;
  line-height: 43px;
  font-size: 20px;
}
[data-id="mobilemenuck-1"] .mobilemenuck-item > .level2 a {
  color: #1F2B5A;
  line-height: 35px;
  width: 90%;
}
[data-id="mobilemenuck-1"] .mobilemenuck-bar-button {
  background: #F0F6F5;
  height: 43px;
  width: 43px;
  color: #1F2B5A;
 
  padding-top: 8px;
  font-size: 1.8em;
}
[data-id="mobilemenuck-1"] .mobilemenuck-item > .level1:not(.headingck):hover, [data-id="mobilemenuck-1"] .mobilemenuck-item > .level1.open {
  background: #2357df;
}
[data-id="mobilemenuck-1"].mobilemenuck a {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 15px;
}
[data-id="mobilemenuck-1"] .level2 + .mobilemenuck-submenu .mobilemenuck-item > div {
  background: #2357df !important;
  -moz-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  color: #FFFFFF;
  margin-top: 4px;
  margin-right: 4px;
  margin-bottom: 4px;
  margin-left: 4px;
  padding-left: 35px;
  line-height: 35px;
  width: 90% !important;
}
.vmob {
	
	
	display: none;
}
[data-id="mobilemenuck-1"] .mobilemenuck-item > .level1 {
  background: #2357df;
  -moz-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  color: #FFFFFF;
  margin-top: 4px;
  margin-right: 4px;
  margin-bottom: 4px;
  margin-left: 4px;
  padding-left: 15px;
  line-height: 35px;
   width: 90% !important;
}
[data-id="mobilemenuck-1"] .mobilemenuck-item > .level2 {
  background: #FFFFFF;
  -moz-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  color: #000000;
  margin-top: 4px;
  margin-right: 4px;
  margin-bottom: 4px;
  margin-left: 4px;
  padding-left: 25px;
  line-height: 35px;
    width: 90% !important;
}
#mod-custom157, #mod-custom158,  #mod-custom159 {
	position: fixed;
	bottom: 0px;
	right: 0px;
	display: none;
  z-index: 5;
	
}
#mod-custom156 {
margin-bottom: 100px;
margin-top: -200px;	
width: 100%;	
float: left;	
}
#mod-custom156 h2 { 
color: #2357df;
font-size: 2em;
}
#mod-custom156 h3 {
  color: #1F2B5A;
  margin-top: 15px;
  font-size: 16px;
  
}
.ospolocnosti .obalskrine img {
	width: 220px !important;
	display: block;
	height: auto;
}
#mod-custom156 .bunkapopisx li {
  color: #333;
  font-weight: 400;
  font-size: 13px;
  margin-bottom: 5px;
  padding-left: var(--icon-space);
}
#prva h1 {

font-size: 180px !important;
color: #fff !important;	}

.logokatalog {
  width: 150px;
  float: none;
}

#tretia h2, #stvrta h2 {

font-size: 40px !important;
color: #fff !important;	}


#druha h2 {

font-size: 40px !important;
color: #fff !important;	}
#mod-custom156 h1 span {

font-size: 40px;
color: #fff;	}

.ospolocnosti {
max-width: 1024px;
margin: 100px auto;	

display: block;	
}
.obalspol {
padding-bottom: 100px;
width: 100%;
float: left;	
	
	
}

.obalkatalog {
  margin-top: 20px;
}
.zoznamkatalog1 {
  float: none;
}
#stvrta {

background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../images/obchod.webp");
  
   
	overflow: hidden;
	width: 100%;	
	height: 100vh;
	margin-top: 100px;
	
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	
}
#tretia {

background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../images/skrine.webp");
  
   
	overflow: hidden;
	width: 100%;	
	height: 100vh;
	margin-top: 100px;
	
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	
}
#druha{
background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../images/druha.webp");
	width: 100%;	
	height: 100vh;
	
	
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	
}
#prva{


	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	width: 100%;	
	height: 100vh;
	
	background: #2357df;	
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	
}
.katalogobal {
margin-bottom: 70px;	
float: left;
width: 100%;	
	
}

.obalvyrobcovia .bunka:hover   {

  filter: drop-shadow(0 5px 12px rgba(0,0,0,.3));	
	
}
.obalvyrobcovia .bunka   {
width: auto !important;
  margin-bottom: 50px;
  filter: drop-shadow(0 5px 12px rgba(0,0,0,.1));	
	position: relative;
	z-index: 0;
	overflow: hidden;
	border-radius: 8px;
}
.obalvyrobcovia .bunkaobr img {
  width: 100%;
  max-width: 500px;
  height: auto;
  position: absolute;
  bottom: 0px;
  display: block;
}
.bunkapopisx li {
  color: #333;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 5px;
  padding-left: var(--icon-space);
}
.bunkapopisx ul {
  --icon-space: 1.3em;
  list-style: none;
  padding: 0;
  margin-left: 0px;
  margin-top: 8px;
}
.bunkapopisx li::before {
  content: "\f00c";
  font-family: FontAwesome;
  display: inline-block;
  margin-left: calc( var(--icon-space) * -1 );
  width: var(--icon-space);
  color: #1FB8FC !important;
}
.obalvyrobcovia .bunkaobr {
  width: 40%;
  float: left;
  background: #fff;
   position: relative;
   height: 100%;
   min-height: 236px;
}
.odvy {
	width: 100% !important;
	height: 100% !important;
	top: 0px;
	right: 0px;
	z-index: 1;
	position: absolute;

}
.obalvyrobcovia .bunkapopisx {
width: 50%;
  padding: 0px 5%;
  float: left;
  background: #fff;
height: 100%;
}
.obalvyrobcovia {
 display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill,minmax(500px,1fr));
	width: 100%;
	float: left;
	margin-top: 50px;
}
#search-query-explained p {
color: #1FB8FC !important;	
font-size: 18px !important;
font-weight: 700 !important;		
	
}
.result__taxonomy {
	
	display: none;
}
.word input:focus
{
	margin:0 0 0 0px;
}
.word input {
  font-weight: bold;
  margin: 0px;
  padding: 5px;
  font-size: 1em;
}
.com-finder__search-legend {
font-size: 42px;
color: #fff;
font-weight: 700;	
	
	
}
#search-query-explained a {
	
	color: #fff;
}
.js-finder-searchform .btn-primary {
background: #F25E0D;
width: 120px;
padding: 3px 10px;
color: #fff;
font-weight: 700;
font-size: 18px;	
border: 0px;	
}
#search-result-empty {
	margin-left: 0px;
	margin-top: 100px;
	float: left;
	
}
#search-result-list {
	margin-left: 0px;
	margin-top: 100px;
	float: left;
}
.me-2 {
font-size: 21px;
color: #fff;
font-weight: 700;	
	
	
}
.com-finder__navigation {
	float: left;
	margin-top: 50px;
}
.com-finder__navigation ul {
	
list-style-type: none; 
}
.pagination__wrapper ul li {
float: left;	
list-style-type: none; 
margin-right: 30px;
}
.search-pages-counter {
float: left;
margin-top: 50px;	
	
}
.com-finder {

background: url(../images/hla.webp) top center  no-repeat;		
padding: 2%;
width: 96%;	
	
}
.l1 {
width: 80px !important;	
height: auto !important;
position: absolute;
right: 2px;
top: 0px;	
margin: 0px !important;	
}
.typpopis {

 overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;}




.typobal {
display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill,minmax(220px,1fr));
	margin-top: 30px;
	
}
.potyp {
font-weight: 800 !important;
font-size: 13px !important;	
color: #fff;	
background:#1c2f66;
padding: 3px;
height: 50px;
display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: stretch;
}
.typbunka img { 
width: auto;
height: 120px;
margin: 10px auto;
display: block;
}
.typbunka h4 { 
font-size: 18px !important;
  color: #071042 !important;
width: 50%;
height: 50px;
padding: 0px !important;
}
.typbunka {
position: relative;
border: solid 1px #ccc;
  background: #fff;
  filter: drop-shadow(0 5px 14px rgba(49,84,139,.1));	
padding: 10px;
margin-bottom: 20px;	
}
.popistyp {
width: 100%;
padding-top: 20px;	
	
}
.item-385 a {
background: #1F2B5A;
color: #fff!important;	
padding: 0px 5px;
font-weight: 700;	
padding-left: 5px;	
}

.item-385 a::before {
  content: "\f002";
  font-family: FontAwesome;
  display: inline-block;
  margin-left: 1px;
   margin-right: 3px;
  width: var(--icon-space) ;
  color: #fff !important;
}
.zastupenietyp {
width: 20%;	
	
padding-top: 20px;	
}
.znackatyp {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: flex-end;
	padding-bottom: 20px;
	margin-top: 50px;
	border-bottom: #2357df dotted 2px;
}
.typ h1 {
font-size: 40px !important;
  color: #071042 !important;
	
}
.item-370 .mod-menu__sub {
	
	display: none;
}
.item-129 a {
	
	background: #1FB8FC;
	color: #fff !important;
}
._fbpj_thumb ._fbpj_book-tag {
 
  background-color: #F25E0D !important;
 
}
.rele3 a {
font-size: 14px;
  text-decoration: none;
  color: #2357df;
  height: 94%;
  width: 92%;
  padding: 3% 4% 3% 4%;
  display: block;
  font-weight: 700;
	}
.rele {
max-width: 250px !important;
height: auto;
	
}
.rele2 img {
width: 80%;	
height: auto;	
display: block;
margin: 10px auto;	
}
.rele2 {
width: 100%;	
float: left;	
	
}
.rele1:hover >  .rele3 a {

 color: #2357df;
 
	}
.rele1:hover {
border: solid 2px #D55A6;
 
  filter: drop-shadow(0 5px 14px rgba(49,84,139,.4));	
	
}  
.rele1 {
 
  padding: 10px;
  float: left;
 border: solid 1px #ccc;
  background: #fff;
  filter: drop-shadow(0 5px 14px rgba(49,84,139,.1));
  margin-bottom: 20px;
}
.poluvod:hover >  .polnadpisx a {
  font-size: 14px;
  text-decoration: none;
  color: #2357df;
  height: 94%;
  width: 92%;
  padding: 3% 4% 3% 4%;
  display: block;
  font-weight: 700;
}
.poluvod:hover > .polobr {
  float: left;
  width: 98%;
  margin-left: 1%;
  border: solid 2px #D55A6;
  background: #fff;
  filter: drop-shadow(0 5px 14px rgba(49,84,139,.4));
}
/* MENŠIE CTA */

.tlac5a{
  margin:10px 0;
}

.tlac5a a{
  min-height:38px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:0 0 0 14px;

  border:1px solid rgba(47,124,255,.18);
  border-radius:6px;

  background:#fff;
  color:#102a56;

  text-align:center;
  text-decoration:none;

  font-weight:700;
  font-size:12px;

  overflow:hidden;

  transition:.25s ease;
}

.tlac5a a::after{
  content:"→";

  width:38px;
  height:38px;

  margin-left:12px;

  display:flex;
  align-items:center;
  justify-content:center;

  background:var(--blue3);
  color:#fff;

  font-size:13px;
  font-weight:700;

  transition:.25s ease;
}

.tlac5a a:hover{
  border-color:rgba(47,124,255,.35);
  box-shadow:0 8px 18px rgba(15,35,80,.06);
}

.tlac5a a:hover::after{
  width:44px;
}



/* VÄČŠIE CTA */

.tlac5{
  margin:0 0 50px;
}

.tlac5 a{
  min-height:48px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:0 0 0 18px;

  border:1px solid rgba(47,124,255,.18);
  border-radius:6px;

  background:#fff;
  color:#102a56;

  text-align:center;
  text-decoration:none;

  font-weight:800;
  font-size:15px;

  overflow:hidden;

  transition:.28s ease;
}

.tlac5 a::after{
  content:"→";

  width:48px;
  height:48px;

  margin-left:16px;

  display:flex;
  align-items:center;
  justify-content:center;

  background:var(--blue3);
  color:#fff;

  font-size:15px;
  font-weight:700;

  transition:.28s ease;
}

.tlac5 a:hover{
  border-color:rgba(47,124,255,.35);
  box-shadow:0 10px 24px rgba(15,35,80,.08);
}

.tlac5 a:hover::after{
  width:56px;
}
.obalskrine4 {
  width: 100%;
  margin-top: 50px;
  margin-bottom: 100px;
  float: left;
 display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(auto-fill,minmax(360px,1fr));
}
.obrpolozka img {
 max-width: 300px !important;
height: auto; 
	
	
}
.obrpolozka {
  margin-left: 0px;
  margin-right: 0%;
  float: left;
  width: 100%;
  text-align: left;
  height: auto;
}
.popispolozka {
  width: 100%;
  display: block;
  float: left;
  color: #6b6b6b;
 
}
.obalpolozka {

  padding: 2%;
  float: left;
  margin-bottom: 25px;
  background: #fff;
  filter: drop-shadow(0 5px 14px rgba(49,84,139,.2));
}
.obalpolozka2 {
  width: 96%;
  padding: 2%;
  float: left;
  margin-bottom: 25px;
  background: #fff;
  filter: drop-shadow(0 5px 14px rgba(49,84,139,.2));
}
.nadpispolozka {
  color: #2357df;
  font-size: 16px;
  width: 78%;
  margin-bottom: 10px;
  display: block;
  font-weight: bold;
  float: left;
}
.back {
background: #F0F6F5;	
	
	
}
.poluvod {
    float: left;
  
   
    margin-bottom: 50px;
}
.polnadpisx {
    float: left;
    width: 100%;
    height: 80px;
}
.polobr img {
    padding-top: 30px;
    padding-bottom: 30px;
    display: block;
    width: 80%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.polobr a {
    display: block;
    width: 100%;
    height: 100%;
}
.polobr {
    float: left;
    width: 98%;
    margin-left: 1%;
    border: solid 1px #ccc;
	background: #fff;
filter: drop-shadow(0 5px 14px rgba(49,84,139,.1));
}
#center .men {
	font-size: 80px !important;
	line-height: 0.8 !important;
}
#center .men2 {
	font-size: 80px !important;
	line-height: 0.8 !important;
}
.polnadpisx a {
   
    font-size: 14px;
    text-decoration: none;
    color: #2357df;
    height: 94%;
    width: 92%;
    padding: 3% 4% 3% 4%;
    display: block;
	font-weight: 700;
}
.skrineskupina {
    display: block;
    font-size: 40px !important;
   font-weight: 900 !important;;
    text-align: center;
    margin-top: 40px !important;
    margin-bottom: 30px;
    float: left;
    width: 100%;
	color: #1F2B5A;
}
.obalskrine {
	width: 100%;
    margin-top: 100px;
    margin-bottom: 100px;
    float: left;
	display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill,minmax(220px,1fr));	
}
#center h1 {
	
color: #1F2B5A;
font-size: 3em;	
	
}
.vyrobcovia #mod-custom123, .vyrobcovia #mod-custom126 {
margin-bottom: 40px;	
	
}
.vyrobcovia .popissortiment1 {
    width: 30%;
    height: 198%;
    padding: 1%;
    display: flex;
    border-right: 20px solid #fff;
    padding-left: 15%;
    padding-right: 5%;
    left: -10%;
    border-radius: 0%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    position: absolute;
    z-index: 1;
    background: #F0F6F5;
}
.vyrobcovia .obalbanersortiment h1 span {
    font-size: 60px;
    color: #2357df;
    font-weight: 700;
}
.ikonka .fa{
font-size: 20px;
color: #fff;

top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
position: absolute;
	}
.ikonka {
border-radius: 10px;
width: 30px;
height: 30px;
position: relative;	
background: #2357df;	
	
}
.zakladnevlastnosti1 p {
width: 85%;	
	
	
}
.zakladnevlastnosti2 p a {
color: #2357df !important;	
	}
.zakladnevlastnosti2 p {
width: 85%;	
font-size: 16px !important;
font-weight: 700 !important;	
  color: #1F2B5A !important;	
}
.zakladnevlastnosti1 {
	
width: 50%;
margin-right: 10%;
float: left;	
display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch	
}
.zakladnevlastnosti2 {
	
width: 40%;

float: left;	
display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch	
}
.zakladnevlastnosti {
	padding: 20px 0px;
 
width: 100%;
float: left;	
margin-bottom: 20px;	
margin-top: 20px;	
z-index: 1;
position: relative;
}
.celu p .fa, .celu1 p .fa, .celu2 p .fa, .celu3 p .fa, .celu4 p .fa, .celu5 p .fa, .celu6 p .fa, .celu7 p .fa, .celu8 p .fa, .celu9 p .fa, .celu10 p .fa, .celu11 p .fa {
margin-left: 10px;	
	
}
.celu p, .celu1 p, .celu2 p, .celu3 p, .celu4 p, .celu5 p, .celu6 p, .celu7 p, .celu8 p, .celu9 p, .celu10 p, .celu11 p { 
color: #10549D !important;
cursor: pointer;	
font-weight: 700 !important;
font-size: 14px !important;	

}
.formdopyt h2 span {
color: #2357df;
font-size: 48px;
margin-bottom: 30px;

	}
.formdopyt p {	
	margin-bottom: 30px;
	
	}
.formdopyt h2 {
color: #1F2B5A;
font-size: 48px;


	}
.formdopyt {
width: 100%;
float: left;
margin-top: 20px;	
	
}
#cf_1 {
width: 100%;	
float: left;	
margin-bottom: 80px;	
}
.convertforms .cf-content-wrap, .convertforms .cf-form-wrap {
  padding: 0px;
}
.poznamka {
font-size: 14px;
margin-top: 30px;	
}
.techparametre {
width: 100%;
padding: 0%;
 	
float: left;
margin-bottom: 100px;	
}
 
 .techparametre ul {
  --icon-space: 1.3em;
  list-style: none;
  padding: 0;
  margin-left: 0px;
  margin-top: 8px;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
 
.techparametre ul { 


}
.techparametre li{
  position:relative;
  padding-left:34px;
  margin-bottom:20px;
  line-height:1.75;
  color:#18295b;
 
}

.techparametre li::before{
  content:"";
  position:absolute;
  left:0;
  top:9px;
  width:18px;
  height:18px;
  border-radius:5px;
  background:#fff;
  border:1px solid rgba(35,71,160,.18);
}

.techparametre li::after{
  content:"";
  position:absolute;
  left:6px;
  top:15px;
  width:6px;
  height:3px;
  border-left:2px solid #2f63ef;
  border-bottom:2px solid #2f63ef;
  transform:rotate(-45deg);
}
.prevedenia {
	width: 100%;
	float: left;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: space-evenly;
	margin: 20px 0px;
}
.varianta h4 {

font-weight: 600;
color: #1F2B5A;
text-align: center;
	}
.varianta {
width: 26%;
border: dotted #2357df 1px;	
padding: 2%;
margin: 1.5%;	
background: #fff;
filter: drop-shadow(0 5px 14px rgba(49,84,139,.1));
}
.varianta img {
width: 80%;
height: auto;	
margin: auto;
display: block;	
}
 .celu, .celu1, .celu2, .celu3, .celu4, .celu5, .celu6, .celu7, .celu8, .celu9, .celu10, .celu11  {
position: absolute;
bottom: 20px;
color: #333 !important;
cursor: pointer;	
font-weight: 700 !important;
font-size: 18px !important;	
	
}
.activtab {
	
	background: #33CCB1 !important;
	
}
.paleBlueRows3 .hlava td {
 border: 0px solid #D0E4F5 !important;

	}
table.paleBlueRows3 {
  position: relative;
z-index: 0;
  border: 1px solid #FFFFFF;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  margin-bottom: 40px;
  overflow-x:scroll;

}
table.paleBlueRows3 td {
   border: 1px solid #D0E4F5;
  border-collapse: collapse;
  padding: 3px 2px;
}

table.paleBlueRows3 th {
   border: 0px solid #D0E4F5;
  border-collapse: collapse;
  padding: 3px 2px;
}
table.paleBlueRows3 tbody td {
  font-size: 11px;
  padding-left: 10px;
}

.tabsecond {
display: none;	
	
}
.tab1 {
	cursor: pointer;
	width: 100%;
	float: left;
	margin-bottom: 30px;
	
}
.mensieh1 {
	
font-size: 120px !important;	
	
}

.tabulkycover, .tabulkycover1, .tabulkycover11, .tabulkycover3, .tabulkycover4, .tabulkycover5, .tabulkycover6, .tabulkycover7, .tabulkycover8, .tabulkycover9, .tabulkycover10 { 
position: absolute;
z-index: 2;
top: 0px;
width: 100%;
height: 100%;
background: rgb(255,255,255);
background: linear-gradient(360deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 51%);
}
.tabulky, .tabulky1, .tabulky11, .tabulky3, .tabulky4, .tabulky5, .tabulky6, .tabulky7, .tabulky8, .tabulky9, .tabulky10 {
height: 600px;
overflow: hidden;	
width: 100%;
float: left;
position: relative;
z-index: 1;
	
}
.tabulky2 {
height: auto;
overflow: hidden;	
width: 100%;
float: left;
position: relative;
z-index: 1;
	
}
.tabi {
	padding: 4px 10px;
background: #B3CCD0;	
color: #fff;
font-weight: 600;	
margin-right: 20px;	
float: left;
}
.hlava td { 
font-size: 14px !important;
padding: 5px !important;
}
.hlava {
background: #2357df !important;	
color: #fff;
font-size: 14px !important;
font-weight: 700;	
}
table.paleBlueRows {
  position: relative;
z-index: 0;
overflow-x:scroll;

  border: 1px solid #FFFFFF;
  width: 100%;
  
  text-align: left;
  border-collapse: collapse;
  margin-bottom: 40px;
}
table.paleBlueRows td, table.paleBlueRows th {
  border: 0px solid #FFFFFF;
  padding: 3px 2px;
}
table.paleBlueRows tbody td {
  font-size: 11px;
  padding-left: 10px;
}
table.paleBlueRows tr {
  background: #fff;
}
table.paleBlueRows tr:nth-child(even) {
  background: #D0E4F5;
}
.proditem {
width: calc(100% - 40px);
padding: 20px;
height: auto;	
float: left;	
display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
	position: relative;
	background: #fff;
	border-radius: 8px;
	box-shadow: var(--shadow);
	margin-bottom: 30px;
}


.proditemostatne {
width: 94%;
height: auto;	
float: left;
padding: 3%;	
display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
	position: relative;
	margin-top: 50px;
	background: #fff;
	filter: drop-shadow(0 5px 14px rgba(49,84,139,.2));	
}
.proditemostatne .proditemb {
width: 25%;
	float: left;
	
	z-index: 1;
	
}
.proditemostatne .proditema {
  width: 70%;
  z-index: 1;
  float: left;
}
 
.proditemostatne .tlac, .proditemostatne .tlac2 {
  margin-top: 10px;
}
.proditemostatne  .proditema h1 {
  font-size: 50px !important;
  color: #2357df !important;
  line-height: 1;
}
.proditemostatne  .proditema h2 {
  font-size: 28px !important;
  color: #2357df !important;
  line-height: 1;
}
.proditema h1 {
font-size: 70px !important;
color: #071042; !important;	
	
	
	
}
.bez { 


}
.obrbaner3 {
	width: 25%;
	height: auto;
top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
	display: block;
position: absolute;	
z-index: 0;	

}
.obrbaner2 {
	width: 40%;
	height: auto;
bottom: 30%;
  right: 0%;
  
	display: block;
position: absolute;	
z-index: 0;	

}
.itembold {
font-weight: 700 !important;
font-size: 21px !important;	
color: #1F2B5A;	
line-height: 1.2;
}
.proditema {
width: 50%;
	z-index: 1;	
float: left;	
	
}
.proditemb.maleimg img { 
width: 50%;
height: auto;

}
.proditemostatne .proditemb img { 
width: 100%;
height: auto;
margin: 0 auto;
display: block;
}

.proditemb img { 
width: 80%;
height: auto;
margin: 0 auto;
display: block;
}
.proditemb {
width: 50%;
	float: left;
	
	z-index: 1;
	
}
#module .farba li a, #module .farba  li {
	color: #333 !important;
	
	
}
.odstup {
margin-top: 0px !important;	
	
}
.seria {
width: 100%;
float: left;	
background: #fff;	
filter: drop-shadow(0 5px 14px rgba(49,84,139,.1));	
margin-top: 40px;	

display: flex;
	
	align-items: stretch;
	

}
.seria2 {
width: 100%;
float: left;	
background: #F0F6F5;
filter: drop-shadow(0 5px 14px rgba(49,84,139,.3));	
margin-bottom: 40px;	
}
.seriapopis {
padding: 3%;
width: 54%;	
float: left;	
}
.seriaobr img {
width: 100%;
height: auto;
	
	
}
.seriaobr2 img {
max-width: 200px;
height: auto;
 
	
}
.seriaobr {
width: 35%;
float: left;	
margin-right: 5%;	
	
}
.seriaobr2 {
width: 35%;
float: left;	
margin-right: 5%;	

  display: flex;
  justify-content: center;
  align-items: center;
}
.vyberama1 h2 { 
font-size: 52px;

}
.vyberama1 {
width: 50%;
margin-right: 5%;
float: left;	
	
}
.vyberama2 p {
font-size: 18px;	
	
	
}
.vyberama2 {
width: 45%;

float: left;	
	
}
.vyberameznacka {
	 	
	width: 100%;
	float: left;
	margin: 20px 0px;
	padding-top: 40px;
}
#center strong {
	font-family:'Poppins Bold', sans-serif;
  font-weight:700;
	color: #244f9f;
 
}
.uvodpolozkalavo img { 
width: 100%;
height: auto;
display: block;
margin: 10px 0px;
max-width: 500px;

}
.uvodpolozkalavo {
width: 26%;
float: left;
 	
padding: 3% 2%;
 	
margin-top: 30px;
border-radius: 8px;
background: #fff;
margin-right: 2%;
} 
.uvodpolozkapravo {
width: 64%;
float: left;
	border-radius: 8px;
background: #fff;
padding: 3% 2%;	
margin-top: 30px;
} 
.uvodpolozka {
width: 100%;
float: left;
display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;	
	
} 
#center .uvodpolozkapravo h3:nth-child(1) {
margin-top: 0px !important;	
	
}

#center h2 {
color: #1F2B5A;	
width: 100%;	
	 
	 
}
#center h3 {
color: #1F2B5A;	
margin-top: 20px;	
	
}
#module5 ul {
	
	padding: 0px;
}
 
 
 
.obrbanerhore {
	
width: 75%;
height: 70%;
overflow: visible;	
position: relative;	
z-index: 0;
left: 40%;
}
.obrbanerhore img {

width: auto;
height: 100%;
display: block; 

}
 
.obalbanersortiment h1 {
color: #1F2B5A;
font-weight: 700;


font-size: 22px;
	}
.popissortiment1 p  { 
color: #333;
}
.vyrobcovia .obalbanersortiment h2 span {
font-size: 60px;
color: #2357df;
font-weight: 700;


	}
.vyrobcovia .tlac2 {
	margin-top: 10px;
	
	
}	
	
 
.mod-menu__sub .mod-menu__heading {
font-size: 16px;
font-weight: 600;
color: #1F2B5A;
display: block;
 padding: 0px;

}	

.ciara {
 border-top: 3px dotted #A4AED3;	
position: relative;
top: 80px;
width: 900px;
margin: 0 auto;	
z-index: 0;
}
#module3 h3 {
font-size: 32px;
text-align: center;	
margin-bottom: 80px;	
color: #fff;	
}
#mod-custom122 {
color: #fff;

text-align: center;
font-size: 14px;	
	
	
}
.kontpata:hover  p {
display: block;	
	
	
}
.kontpata p {
	font-size: 13px;
	position: absolute;
	color: #fff;
	top: 150px;
	text-align: center;
	display: none;
	width: 100%;
}
.scrollup {
  cursor: pointer;
  display: none;
  position: fixed;
  height: 36px;
  text-indent: -9999px;
  right: 0px;
  bottom: 30px;
  width: 60px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #fff;
  background-image: url(../images/sipka.png);
  background-repeat: no-repeat;
  text-align: center;
  z-index: 100;
}
.kontpata .fa {
color: #fff;
font-size: 55px;
position: absolute;	
 top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);	
	
}
.kontpata{
  cursor:pointer;

  width:120px;
  height:120px;

  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;

  position:relative;
  z-index:1;

  border-radius:50%;

  background:#031A34;

  border:7px solid #0A417E;

  box-shadow:
    inset 0 0 0 1px rgba(140,220,255,.10),
    0 0 10px rgba(0,132,255,.18),
    0 0 24px rgba(0,132,255,.10);

  transition:
    transform .28s ease,
    border-color .28s ease,
    box-shadow .28s ease;
}

/* edge glow */

.kontpata::before{
  content:"";
  position:absolute;
  inset:-6px;

  border-radius:50%;

  border:2px solid rgba(120,230,255,.85);

  opacity:.72;

  box-shadow:
    0 0 10px rgba(76,220,255,.65),
    0 0 22px rgba(76,220,255,.28);

  transition:
    opacity .28s ease,
    box-shadow .28s ease,
    inset .28s ease;
}

/* jemné vnútorné svetlo */

.kontpata::after{
  content:"";
  position:absolute;
  inset:0;

  border-radius:50%;

  background:
    radial-gradient(circle at 30% 25%,
      rgba(80,200,255,.12),
      transparent 58%
    );

  pointer-events:none;
}

/* HOVER */

.kontpata:hover{
  transform:translateY(-4px) scale(1.03);

  border-color:#36d2ff;

  box-shadow:
    0 0 18px rgba(0,170,255,.35),
    0 0 42px rgba(0,170,255,.22),
    0 0 70px rgba(0,170,255,.12);
}

.kontpata:hover::before{
  inset:-8px;

  opacity:1;

  box-shadow:
    0 0 14px rgba(76,220,255,.95),
    0 0 32px rgba(76,220,255,.72),
    0 0 56px rgba(76,220,255,.35);
}
#mod-custom121 {
max-width: 1200px;
width: 100%;	
margin: 50px auto;	
display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;	
	
}
#module2 h2 {
color: #1F2B5A;
text-align: center;
margin: 80px 0px;
font-size: 4em;
	
}
#module2  span {
  text-align: center;
  color: #1FB8FC;
  font-size: 32px !important;
}
.newsflash-image {
width: 100%;
float: left;	
margin-bottom: 20px;
height: 200px;
overflow: hidden;	
}
.news {
padding: 1%;
width: 48%;
float: left;	
	
	
}
.newsflash-title a {
color: #1F2B5A;
	
	font-size: 18px;
}
.newsflash-title {
color: #1F2B5A;	
	padding: 5px 10%;
	font-size: 18px;
}
.mod-articlesnews__item p {
 color: #333;

font-weight: 300;
padding: 5px 10%;
height: 130px;
  font-size: 16px;
  font-weight: 300;

}
.mod-articlesnews img {
width: 100%;
height: auto;	

	margin-bottom: 30px;
}


.mod-articlesnews__item {
width: 100%;

background: #fff;	
float: left;
background: #fff;
filter: drop-shadow(0 5px 14px rgba(49,84,139,.1));	

}
.topprodukt {
	

padding: 2%;
background: #fff;
filter: drop-shadow(0 5px 14px rgba(49,84,139,.1));	
margin-bottom: 20px;	
}
.topprodukt p {
color: #333;
font-weight: 400;	
	
	
}
.topprodukt img {
width: 70%;
display: block;
margin: 10px auto;	
height: auto;	
	
}
.topprodukt  h3 { 
	color: #1F2B5A;

}
#module2 .obaltlacitka .tlac {
margin: 50px 20px;	
	
}
.obaltlacitka {
display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;	
	
	
}

.obalonas3 {
display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	
	
	align-content: stretch;	

width: 100%;
margin: 50px auto;	
	
}
.obalonas {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	
	
	align-content: stretch;	
max-width: 1200px;
width: 100%;
margin: 0px auto 120px auto;	
	
}
.tlac a{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0;

  padding:0 0 0 18px;

  border:1px solid rgba(47,124,255,.18);
  border-radius:6px;

  font-weight:800;
  font-size:14px;
  letter-spacing:-.01em;

  background:#fff;
  color:#102a56;

  text-decoration:none;
  overflow:hidden;

  transition:.28s ease;
}

/* pravý segment */
.tlac a::after{
  content:"→";

  width:44px;
  height:44px;

  margin-left:16px;

  display:flex;
  align-items:center;
  justify-content:center;

  background:var(--blue3);
  color:#fff;

  font-size:15px;
  font-weight:700;

  transition:.28s ease;
}

/* hover */
.tlac a:hover{
  border-color:rgba(47,124,255,.35);
  box-shadow:0 10px 24px rgba(15,35,80,.08);
}

.tlac a:hover::after{
  width:52px;
}

.typbunka .tlac2c a{
  min-height:24px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:0 0 0 8px;

  border:1px solid rgba(47,124,255,.14);
  border-radius:4px;

  background:#fff;
  color:#102a56;

  text-decoration:none;

  font-weight:700;
  font-size:11px;
  letter-spacing:-.01em;

  overflow:hidden;

  transition:.22s ease;
}

.typbunka .tlac2c a::after{
  content:"→";

  width:24px;
  height:24px;

  margin-left:8px;

  display:flex;
  align-items:center;
  justify-content:center;

  background:#2f63ef;
  color:#fff;

  font-size:10px;
  font-weight:700;

  transition:.22s ease;
}

.typbunka .tlac2c a:hover{
  border-color:rgba(47,124,255,.28);
}

.typbunka .tlac2c a:hover::after{
  width:28px;
}
.tlac2 a{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0;

  padding:0 0 0 18px;

  border:1px solid rgba(47,124,255,.18);
  border-radius:6px;

  font-weight:800;
  font-size:14px;
  letter-spacing:-.01em;

  background:#fff;
  color:#102a56;

  text-decoration:none;
  overflow:hidden;

  transition:.28s ease;
}

/* pravá modrá časť */
.tlac2 a::after{
  content:"→";

  width:44px;
  height:44px;

  margin-left:16px;

  display:flex;
  align-items:center;
  justify-content:center;

  background:var(--blue3);
  color:#fff;

  font-size:15px;
  font-weight:700;

  transition:.28s ease;
}

/* hover */
.tlac2 a:hover{
  border-color:rgba(47,124,255,.35);
  box-shadow:0 10px 24px rgba(15,35,80,.08);
}

.tlac2 a:hover::after{
  width:52px;
}
.tlac2c a {
min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border: 0;
  border-radius: 4px;
  font-weight: 850;
  font-size: 14px;
  letter-spacing: -.01em;
background: var(--blue3);
  color: #fff;	

}
.tlac, .tlac2 { margin-top: 20px;  }



.onaslavy h2  {
font-size: 32px;

	}
.onaslavy h2 span {
font-size: 18px;
color: #1FB8FC;
font-weight: 500;
margin-top: 15px;
display: block;
	}
.onaslavy {
padding-right: 5%;	
width:	35%;
}

.onaspravy {
	
width:	60%;
}
.obalonas2 {
 display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill,minmax(350px,1fr));	

width: 100%;
margin: 50px auto;	
	
}
.log {
width: 18%;	
border: solid #C8D5E5 1px;	
margin-bottom: 5px;
filter: grayscale(100%);
}
.log img {
width: 80%;	
display: block;
margin: 20px auto;	
height: auto;
}

#mod-custom116 p { 
font-size: 14px;
color: #333;
font-weight: 300;
}
#mod-custom116 {
width: 100%;
float: left;

padding: 100px 0px 0px 0px;
}
#mod-custom116 h2 {
color: #1F2B5A; 


}
.obaloo {
	
	 display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	
	
	align-content: stretch;	
	width: 100%;
margin-bottom: 30px;	
	
}
.nadpis2 span {
	
	text-align: center;
color: #1FB8FC;
	font-size: 32px !important;
	
}
.nadpis2 {
	color: #1F2B5A;
	text-align: center;
	margin: 80px 0px;
	font-size: 4em;
	
}
.nadpis1 {
	color: #1F2B5A;
	text-align: center;
	margin: 80px 0px;
	font-size: 2em;
	
}
.mod-breadcrumbs {
margin: 0 auto;
display: block;
max-width: 1200px;
width: 100%;
list-style-type: none;

	
}

 .breadcrumb-item span::after {
  content: "\f054";
  font-family: FontAwesome;
  display: inline-block;
  margin-left: 5px;
   margin-right: 5px;
  width: var(--icon-space);
  color: #01849f !important;
}

.mod-breadcrumbs__item.active span::after {
  display: none;
}
.mod-breadcrumbs li a {
color: #333;
margin-right: 5px;
font-size: 13px;

	
}
.mod-breadcrumbs__item.active {
	
	
	margin-left: 5px;
}
.mod-breadcrumbs li {
color: #333;
float: left;
font-size: 13px;
	
}
.mod-breadcrumbs__wrapper {
 
	width: 100%;
	z-index: 2;
 float: left;
 margin-bottom: 30px;
	background: #eef3ff;
}
.kontaktbunka .fa {
font-size: 20px;	
margin-right: 7px;
	
}                 

.kontaktbunka h3 {
	color: #2357df;
	font-size: 18px;
	
}
.kontaktbunka {
width: 23%;	
padding: 1%;
background: #fff;	
filter: drop-shadow(0 2px 3px rgba(49,74,139,.14));		
}
.odstup {
margin-top: 40px;	


}
#mod-custom115 {
width: 100%;
height: 300px;
background: url(../images/baner-kontakt.webp) center center /cover no-repeat;	
display: flex;
	margin-top: -80px;
	justify-content: center;
	align-items: center;
	align-content: stretch;	
	
}
#mod-custom115 h1 {

color: #fff;
	}
#mod-custom114 {
background: #DBECEF;		
	width: 100%;
	float: left;
	padding: 100px 0px;
	
}
 .bunkapopis ul {
  --icon-space: 1.3em;
  list-style: none;
  padding: 0;
  margin-left: 0px;
  margin-top: 8px;
}
.bunkapopis li::before {
  content: "\f00c";
  font-family: FontAwesome;
  display: inline-block;
  margin-left: calc( var(--icon-space) * -1 );
  width: var(--icon-space);
  color: #1FB8FC !important;
}
.bunkapopis li {
  color: #333;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 5px;
  padding-left: var(--icon-space);
}
.bunka {
	
	
margin-bottom: 50px;
filter: drop-shadow(0 5px 12px rgba(0,0,0,.1));	
}
.bunkaobr {
width: 100%;
float: left;	
background: #C9E1E7;	
}
.bunkapopis {
width: 90%;
padding: 5%;
float: left;
background: #fff;	
height: 280px;	
	
}
.bunkapopis h3 {
	
font-size: 18px;
color: #2357df;	
	
}
.bunkapopis p {
opacity: 0.8;	
font-size: 14px;
color: #fff;	
font-weight: 300;	
}
.bunkaobr img { 
width: 100%;
max-width: 500px;
height: auto;

}
.obalznacky {
display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill,minmax(260px,1fr));
	
	align-content: stretch;	
	width: 100%;
	max-width: 90%;
	margin: 0 auto;
}
#center {
max-width: 1200px;
width: 100%;
margin: 0px auto;	
min-height: 800px;
margin-bottom: 80px;	
}
.sede {
background: #F0F6F5;	
	
}
.sede2 {
background: #DBECEF;	
	
}
#center p {
font-size: 14px;
font-weight: 300;	
	
}
.item-image {
width: 100%;
height: 200px;
overflow: hidden;	
margin: 10px 0px;	
	
}
.item-image img {
width: 100%;
height: auto;
	
	
}
.readmore a {
	
color: #1F2B5A;	
	
}
.com-content-category-blog__items  {
	
	display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill,minmax(370px,1fr));
	
}
.com-content-category-blog__item h2 a {
	
  color: #2357df;
font-size: 18px;
	
}
.blog-item {

padding: 2%;	
background: #fff;	
border-radius: 15px;
filter: drop-shadow(0 5px 14px rgba(49,84,139,.3));
}
.item-125 .mod-menu__sub {
  
  background: #fff;
  width: 100%;
  padding: 10px;
  position: absolute;
  top: 60px;
  left: 0px;
  filter: drop-shadow(0 15px 14px rgba(49,84,139,.2));	
}
#nav2 .mod-menu__sub .nav-item {
	
	float: none;
padding: 3px 0px 3px 10px;
margin-bottom: 0px;
}
#nav2 .item-125 .mod-menu__sub li a:hover { 

color: #2357df;

}
#nav2 .item-125 .mod-menu__sub li a {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #333;
 opacity: 0.9;
  text-decoration: none;
margin-bottom: 4px;
  display: block;
  padding: 0px;
}
#nav2 .item-125 .mod-menu__sub  {
display: none;
grid-template-columns: repeat(3, 33%);
grid-template-rows:  repeat(11, auto);
grid-column-gap: 40px;
grid-row-gap: 0px; 
list-style-type: none;	
padding: 50px 0px;
}

.item-134 { grid-area: 1 / 1 / 2 / 2; }
.item-135 { grid-area: 2 / 1 / 3 / 2; }
.item-136 { grid-area: 3 / 1 / 4 / 2; }
.item-137 { grid-area: 4 / 1 / 5 / 2; }
.item-138 { grid-area: 5 / 1 / 6 / 2; }
.item-190 { grid-area: 6 / 1 / 7 / 2; }
.item-159 { grid-area: 7 / 1 / 8 / 2; }
.item-139 { grid-area: 8 / 1 / 9 / 2; }
.item-140 { grid-area: 9 / 1 / 10 / 2; }
.item-141 { grid-area: 10 / 1 / 11 / 2; }
.item-142 { grid-area: 1 / 2 / 2 / 3; }
.item-143 { grid-area: 2 / 2 / 3 / 3; }
.item-144 { grid-area: 3 / 2 / 4 / 3; }
.item-145 { grid-area: 4 / 2 / 5 / 3; }
.item-146 { grid-area: 5 / 2 / 6 / 3; }
.item-147 { grid-area: 6 / 2 / 7 / 3; }
.item-148 { grid-area: 7 / 2 / 8 / 3; }
.item-149 { grid-area: 8 / 2 / 9 / 3; }
.item-150 { grid-area: 1 / 3 / 2 / 4; }
.item-151 { grid-area: 2 / 3 / 3 / 4; }
.item-152 { grid-area: 3 / 3 / 4 / 4; }
.item-153 { grid-area: 4 / 3 / 5 / 4; }
.item-154 { grid-area: 5 / 3 / 6 / 4; }
.item-155 { grid-area: 6 / 3 / 7 / 4; }
.item-156 { grid-area: 7 / 3 / 8 / 4; }
.item-157 { grid-area: 8 / 3 / 9 / 4; }
 

   


.mod-menu__sub {
  
  background: #fff;
  width: 800px;
  padding: 10px;
  position: absolute;
  top: 60px;
}
.mod-menu__sub  li  {
float: none;
margin-bottom: 10px;
	
	
	}	
#nav2 .item-125:hover > .mod-menu__sub  {
display: grid;
	
	}	
#nav2 .mod-menu__sub  li  a {
  font-weight: 800;
  font-style: normal;
 

  text-decoration: none;
}	
#mod-custom113 {
width: 100%;
float: left;
height: 800px;	
	position: relative;
	z-index: 0;
}
#slideshow-container {
  width: 100%;
  float: left;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#slideshow-container .slides {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 0;
  width: 100%;
  display: none;
}
.slidesobal {
 
  height: 100%;
  z-index: 0;
  width: 100%;
  position: absolute;
  top: 0px;
  display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
}
.popisobal  h1 {
font-size: 48px;
font-weight: 900;
color: #fff;	
	
}
.popisobal  h3 {
font-size: 36px;
font-weight: 700;
color: #33CCB1;	
	
}
.popisobal.dva  h2 {
font-size: 48px;
font-weight: 700;
color: #fff;	
	
}
.popisobal.dva  h3 {
font-size: 36px;
font-weight: 700;
color: #F25E0D;	
	
}
.popisobal {
width: 55%;	
	
	
}
.popis {
 
  color: #fff;
  width: 100%;
  max-width: 1200px;
  position: absolute;
  top: 200px;
  z-index: 1;

}
.socsiet {
margin-top: 3px;	
float: left;
margin-right: 15px;	
display: flex;
	
	align-items: center;
	

}
#module6  .fa {
	
color: #fff;	
font-size: 18px;	
}

#module6 {
order: 2;	
	float: right;
}
#modules {
	background: #2357df;
	padding: 10px 0px;
	width: 100%;
	position: fixed;
z-index: 100;
	float: left;
}
#modules > div.inner {
  text-align: left;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  
}
#module5 {
float: right;
order: 1;	
margin-right: 20px;	
}
#module5 .nav-item  {
color: #fff;
text-decoration: none;
font-weight: 500;	
font-size: 13px;	
}
 .nav-item a {
color: #fff;
text-decoration: none;
font-weight: 500;	
	
}
#left .mod-menu__heading {
  color: #10549D;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  padding: 2px 0px !important;
}
#nav2 .nav-item a, .mod-menu__heading {
  color: #10549D;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  padding: 2px 10px;
}
#nav2 .nav-item {
	
	float: left;
margin-left: 10px;
padding: 3px 7px 30px 7px;
color: #10549D;

}
 .nav-item {
	
	float: left;
margin-left: 10px;
padding: 3px 6px;
color: #fff;

}


.mod-menu {
	
list-style-type: none;
}
html {
  height: 101%;
}

body {
  margin: 0;
  padding: 0;
 font-family:var(--font);
}

* {
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4, h5, h6, .contentheading, .componentheading {
  padding: 3px 0;
  margin: 0;
  line-height: 1.2;
  font-weight: 900;
  font-style: normal;
    font-family:var(--font-bold);
  
}
h1, .componentheading {
  font-size: 1.75em;
}
h2, .contentheading {
  font-size: 1.5em;
}
h3 {
  font-size: 1.25em;
}
h4 {
  font-size: 1em;
}

ul, ol {
  padding: .75em 0 .75em 0;
  margin: 0 0 0 35px;
}

ul.menu {
    margin: 0;
}

ul.menu li {
    list-style: none;
}

p {
	line-height: 1.6;
  padding: 5px 0;
}

address {
  margin: .75em 0;
  font-style: normal;
}

a:focus {
    outline: none;
}

img {
  border: none;
}

em {
  font-style: italic;
}
strong {
  font-weight: bold;
}

form, fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
input, button, select {
  vertical-align: middle;
}

.clr {
	clear : both;
}

#wrapper {
	width: 100%;
	float: left;
}

.full {
	width: 100%;
}

.demi {
	width: 50%;
}

.tiers {
	width: 33.33%;
}

.quart {
	width: 25%;
}

.flexiblemodule, .column, .logobloc {
        float: left;
}

/* ---------------------------------------
	Custom styling
-----------------------------------------*/




body {
background #0F406B url(../images/pozadie.webp) center top no-repeat;
	text-align: left;
}

h1, div.componentheading {
	text-align: left;
}

h2, div.contentheading {
	text-align: left;
}

h3 {
	text-align: left;
}

h4 {
	text-align: left;
}

h5 {
	text-align: left;
}

h6 {
	text-align: left;
}

.button {
    border: none;
	text-align: left;
}

.button:hover {
	text-align: left;
}

ul.pagenav li a {
    display: block;
	text-align: left;
}

ul.pagenav li a:hover {
	text-align: left;
}

.readmore a {
	text-align: left;
}

.readmore a:hover {
	text-align: left;
}

.invalid {border: red;}
                
input.inputbox, .registration input, .login input, .contact input, .contact textarea {
    border: none;
	text-align: left;
}

input.inputbox:focus, .registration input:focus, .login input:focus, .contact input:focus, .contact textarea:focus {
	text-align: left;
}

#wrapper {

	text-align: left;
}

#modules > div.inner {
	text-align: left;
	display: flex; flex-direction: row;
	justify-content: flex-end;
}

#modules div.moduletable, #modules div.module,
#modules div.moduletable_menu, #modules div.module_menu {
	text-align: left;
}

#modules div.moduletable h3, #modules div.module h3,
#modules div.moduletable_menu h3, #modules div.module_menu h3 {
	text-align: left;
}

#module4 > div.inner {
	text-align: left;
}

#module4 div.moduletable, #module4 div.module,
#module4 div.moduletable_menu, #module4 div.module_menu {
	text-align: left;
}

#module4 div.moduletable h3, #module4 div.module h3,
#module4 div.moduletable_menu h3, #module4 div.module_menu h3 {
	text-align: left;
}

#module5 > div.inner {
	text-align: left;
}

#module5 div.moduletable, #module5 div.module,
#module5 div.moduletable_menu, #module5 div.module_menu {
	text-align: left;
}

#module5 div.moduletable h3, #module5 div.module h3,
#module5 div.moduletable_menu h3, #module5 div.module_menu h3 {
	text-align: left;
}

#module6 > div.inner {
	text-align: left;
}

#module6 div.moduletable, #module6 div.module,
#module6 div.moduletable_menu, #module6 div.module_menu {
	text-align: left;
}

#module6 div.moduletable h3, #module6 div.module h3,
#module6 div.moduletable_menu h3, #module6 div.module_menu h3 {
	text-align: left;
}
#mainbanner1 { 
width: 100%;
float: left;
height: 80px;
display: flex;
justify-content: center;
background: #fff;
position: fixed;
z-index: 100;
margin-top: 43px;
  filter: drop-shadow(0 2px 5px rgba(0,0,0,.1));

}
#mainbanner {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	text-align: left;
	position: absolute;
}

#mainbanner div.moduletable, #mainbanner div.module,
#mainbanner div.moduletable_menu, #mainbanner div.module_menu {
	text-align: left;
}

#mainbanner div.moduletable h3, #mainbanner div.module h3,
#mainbanner div.moduletable_menu h3, #mainbanner div.module_menu h3 {
	text-align: left;
}
#logo img {
display: block;
float: right;
margin-right: 40px;
margin-top: 5px;

	}
#logo {
 
	float: left;
	text-align: left;
	 
	 
	 
	height: 80px;
	 
	background: #fff;
}

#logodesc {
	text-align: left;
}

#nav2 {
	margin-top: 10px;
	float: right;
	text-align: left;
}

#nav2 div.moduletable, #nav2 div.module,
#nav2 div.moduletable_menu, #nav2 div.module_menu {
	text-align: left;
}

#nav2 div.moduletable h3, #nav2 div.module h3,
#nav2 div.moduletable_menu h3, #nav2 div.module_menu h3 {
	text-align: left;
}

#module1 {
	  overflow: visible !important;
	width: 100%;
	float: left;
	text-align: left;
	position: relative;
z-index: 50;	
margin-top: 40px;
}

#module1 div.moduletable, #module1 div.module,
#module1 div.moduletable_menu, #module1 div.module_menu {
	text-align: left;
}

#module1 div.moduletable h3, #module1 div.module h3,
#module1 div.moduletable_menu h3, #module1 div.module_menu h3 {
	text-align: left;
}

#module {
	position: relative;
	width: 100%;
	float: left;
	text-align: left;
}

#module div.moduletable, #module div.module,
#module div.moduletable_menu, #module div.module_menu {
	text-align: left;
}

#module div.moduletable h3, #module div.module h3,
#module div.moduletable_menu h3, #module div.module_menu h3 {
	text-align: left;
}

#main {
	width: 100%;
	float: left;
	
	text-align: left;
		margin-top: 0px;
}

#main div.moduletable, #main div.module,
#main div.moduletable_menu, #main div.module_menu {
	text-align: left;
}

#main div.moduletable h3, #main div.module h3,
#main div.moduletable_menu h3, #main div.module_menu h3 {
	text-align: left;
}

#left > div.inner {
	zoom: 1;
	text-align: left;
	width: 100%;
}

#left div.moduletable, #left div.module,
#left div.moduletable_menu, #left div.module_menu {
	text-align: left;
}

#left div.moduletable h3, #left div.module h3,
#left div.moduletable_menu h3, #left div.module_menu h3 {
	text-align: left;
}

#center > div.inner {
	zoom: 1;
	text-align: left;
}

#center div.moduletable, #center div.module,
#center div.moduletable_menu, #center div.module_menu {
	text-align: left;
}

#center div.moduletable h3, #center div.module h3,
#center div.moduletable_menu h3, #center div.module_menu h3 {
	text-align: left;
}

#right > div.inner {
	zoom: 1;
	text-align: left;
}

#right div.moduletable, #right div.module,
#right div.moduletable_menu, #right div.module_menu {
	text-align: left;
}

#right div.moduletable h3, #right div.module h3,
#right div.moduletable_menu h3, #right div.module_menu h3 {
	text-align: left;
}
.obalmodule2 {
	text-align: left;
	
	
	margin: 0 auto;
	max-width: 1200px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	
	align-content: stretch;	
	
	
}
#module2 {
	width: 100%;
	float: left;
	background: #DBECEF;
	padding: 0px 0px 80px 0px;
}

#module2 div.moduletable, #module2 div.module,
#module2 div.moduletable_menu, #module2 div.module_menu {
	text-align: left;
}

#module2 div.moduletable h3, #module2 div.module h3,
#module2 div.moduletable_menu h3, #module2 div.module_menu h3 {
	text-align: left;
}

#module3 {
	text-align: left;
	width: 100%;
	float: left;
	padding: 20px 0px;
margin-top: 350px;
background: #050b3a;

}

#module3 div.moduletable, #module3 div.module,
#module3 div.moduletable_menu, #module3 div.module_menu {
	text-align: left;
}

#module3 div.moduletable h3, #module3 div.module h3,
#module3 div.moduletable_menu h3, #module3 div.module_menu h3 {
	text-align: left;
}

#footer {
	background: #050b3a;
	width: 100%;
	float: left;
	padding: 8px 0px;
	text-align: left;
	position: relative;
	margin-top: 50px;
}

#footer div.moduletable, #footer div.module,
#footer div.moduletable_menu, #footer div.module_menu {
	text-align: left;
}

#footer div.moduletable h3, #footer div.module h3,
#footer div.moduletable_menu h3, #footer div.module_menu h3 {
	text-align: left;
}