/* ---------------------------------------
	Standard styles formatting
	created with Template Creator
        on http://www.template-creator.com
-----------------------------------------*/
.com-content-category-blog   {
width: 100%;
  float: left;

  margin-top: 140px;
}
.mod-articleslatest li {

  
}
 .hlatest {

  
  max-width: 1140px;
  margin: 0 auto; 
 }
.mod-articleslatest {

  max-width: 1140px;
  margin: 0 auto 100px auto;
   list-style-type: none;
   
}
.com-content-category-blog__item, .list-group-item {

  border-radius: 15px;

  border: 1px solid #E4E4E4;

  overflow: hidden;
margin-bottom: 30px;
}

.mod-finder__search > input {

  display: block;

  height: 40px;

  width: 70%;

  float: left;

}

.mod-finder__search {

  display: inline-block;

  position: relative;

  width: 100%;

}

.item-content {

  padding: 0px 5% 5% 5%;

}

.com-content-category-blog__item img {

  object-fit: cover;

  display: block;

  width: 100%;

  height: 100%;

  max-height: 450px;

  min-height: 250px;

  margin: 0px !important;

}

.item-image img {

  max-width: 100%;

  height: auto;

  margin: 10px 0px;

}

.blog-item h2 a {

	

	color: #000;

	font-size: 38px;

}

.mod-breadcrumbs__wrapper {

  max-width: 1140px;

  margin: 0 auto;

  height: 40px;

  padding-top: 20px;

}

.mod-breadcrumbs {

  margin: 0;

}

.mod-breadcrumbs__wrapper ol li {

  list-style-type: none;

  float: left;

  font-size: 16px;

}

.mod-breadcrumbs__item::after {

  margin-left: 5px;

  margin-right: 5px;

  content: ">";

}

.mod-breadcrumbs__wrapper ol li a {

  color: #5D666F;

  font-size: 16px;

}

.mod-breadcrumbs__item {

	

display: block;	

	

}

.hits {

	

	background: #333;

	color: #fff;

	width: 130px;

	text-align: center;

}

.article-info dd span {

  text-transform: none;

  display: inline-block;

  padding: 0 0px 0 0px;

  margin: 0 0px 0 0px;

}

.readmore a {

  text-align: left;

  background: #ccc;

  color: #333;

}
.com-content-category-blog__items {

  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill,minmax(45%,1fr));
  align-content: stretch;
}

@font-face {
    font-family:'Roboto bold';
    src:url('/templates/jrmslovakia/css/fonts/Roboto-Bold.woff2') format('woff2'),
        url('/templates/jrmslovakia/css/fonts/Roboto-Bold.woff') format('woff');
    font-weight:700;
    font-style:normal;
}

@font-face {
    font-family:'Roboto black';
    src:url('/templates/jrmslovakia/css/fonts/Roboto-Black.woff2') format('woff2'),
        url('/templates/jrmslovakia/css/fonts/Roboto-black.woff') format('woff');
    font-weight:900;
    font-style:normal;
}

@font-face {
    font-family:'Roboto light';
    src:url('/templates/jrmslovakia/css/fonts/Roboto-Light.woff2') format('woff2'),
        url('/templates/jrmslovakia/css/fonts/Roboto-Light.woff') format('woff');
    font-weight:300;
    font-style:normal;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('/templates/jrmslovakia/css/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('/templates/jrmslovakia/css/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/templates/jrmslovakia/css/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/templates/jrmslovakia/css/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/templates/ajrmslovakia/css/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/templates/jrmslovakiaa/css/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('/templates/jrmslovakia/css/fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2') format('woff2');
}
.vi {
display: grid;
  grid-gap: 2.5%;
  grid-template-columns: repeat(auto-fill,minmax(45%,1fr));
  margin-top: -20px;
}
.obalvidea {
display: grid;
  grid-gap: 2.5%;
  grid-template-columns: repeat(auto-fill,minmax(45%,1fr));

  
}
.k5bn, .k6bn, .k7bn, .k8bn {
	
	text-decoration: none;
}
#cf_2 {
  max-width: none !important;
}
.obalkontkampan {
display: grid;
  grid-gap: 2.5%;
  grid-template-columns: repeat(auto-fill,minmax(400px,1fr));	
margin-top: 50px;	
	
}
.konkamptel, .konkamptel a {
	
	font-weight: 600;
	font-size: 28px;
	color: #fff;
}
  .obalkontkampan p {
	
	font-weight: 600;
	font-size: 14px;
	color: #fff;
}
.obalkontkampan div {
padding: 10px;
background: #34455F

	}
.obalbunkykamp {
	width: 100%;
	float: left;
display: grid;
  grid-gap:
3%;
  grid-template-columns: repeat(auto-fill,minmax(30%,1fr));	
	
}
 .kampb {
 position: relative;
	height: 100%; 
	 
 }
.kampxxx {
	position: relative; 
	width: 100%;
	z-index: 1;
	top: 0px;
}
.npod {
	color: #333;
	font-size: 22px;
}
.osss {
	
	display: inline-block;
	background: #34455F;
	padding: 8px 8px;
	color: #fff;
	font-size: 28px;
	margin-top:40px;
	margin-bottom: 40px;
}
.npod span {
	color: #333;
	font-size: 52px !important;
}
.kampxxx img {
	 height: auto;
	width: 100%;
}
.kampxxxpopis h3 { 

font-size: 21px;
color: #fff;
}
.kampxxxpopis {
	position: absolute; 
	width: 90%;
	z-index: 2;
	top: 0px;
	height: 98%;
 padding: 0px 5% 2% 5%;
display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: stretch;
	align-content: stretch;
background: rgba(1, 24, 55, 0.1);
background: linear-gradient(180deg,rgba(1, 24, 55, 0) 43%, rgba(1, 24, 55, 1) 100%);
}
.popiskmpan {
	
	width: 35%;
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
	background: #011837;
background: linear-gradient(90deg,rgba(1, 24, 55, 0.5) 0%, rgba(1, 24, 55, 0) 43%, rgba(1, 24, 55, 1) 100%);
padding-left: 60%;
padding-right: 5%;
}
.popiskmpan h1 {
	font-size: 50px;
	color: white;
	text-align: left;
	
}
#mod-custom131 {
	
	max-width: 90%;
	margin: 0 auto;
	background: #0255C4;
	height: 100px;
	
}
.logokampan {
	
	height: 100%;
	float: left;
}
.logokampan img  {
	width: auto;
	height: 100%;
	
}
.menukampan { 
float: right;
margin-left: 50px;
margin-top: 60px;}

.menukampan a {
	color: #fff;
	font-weight: 800;
	float: left;
	font-size: 21px;
	padding: 10px 30px;
	margin-left: 10px;
  font-family:'Roboto Black';
}
 
#mod-custom130 {width: 100%;
height: 600px;
background: #0255C4;
padding-top: 100px;}
.obalkamp {
	background-image: url("../images/kampan.webp");	
	height: 100%;
	background-size: cover;
	max-width: 90%;
margin: 0 auto;	
	position: relative;
	 
}
.tlac3 a {
background-color: #001D51 !important;
  border-color: #001D51 !important;
  color: #ffffff !important;
  padding: 0.4rem 1.5rem;
  align-items: center;
  border-radius: 100px;
  margin: 0px auto 0px auto;
  display: block;
  width: 120px;
  text-align: center;
}
.tlac3 {
  margin-top: 20px;
  
}
#mod-custom129 p {

font-family:'Roboto light';
  color: #fff;
  font-weight: 400;
  font-size: 30px;
}
.vi  p {

  color: #fff !important;
  font-size: 14px;
  font-weight: 500;
  font-family:'Roboto Bold';
}
.cislo label, .cislo  .cf-control-input{
  
  
  color: #fff !important
}
.com-finder__search-legend {
	
	display: none;
}
#center .btn.btn-primary {
  width: 30%;
  height: 52px;
  float: right;
  color: #fff;
  font-weight: 600;
  background: #008DD2;
  border: 0px;
}
.awesomplete {
  display: inline-block;
  position: relative;
  width: 70%;
}
.awesomplete > input {
  display: block;
  height: 40px;
  width: 100%;
  float: left;
}
#center .word input {
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding: 4px;
  font-size: 1em;
}
#search-result-list {
	
	margin: 0px;
	padding: 0px;
}
.com-finder__results > * + * {
  margin-top: 0px;
}
.kraj {
  padding: 3%;
  border-radius: 15px;
  border: 1px solid #E4E4E4;
}

.kraj  p {
  
   font-size: 15px;
}
#mod-custom112 {
  
  width: 100%;
  float: left;
}
 
.obaluvoqi {
  
  max-width: 1140px;
  margin: 0 auto;
  padding-top: 80px;
}
.obaluvoqi h2 {
font-size: 48px; }
.bun {
 width: 100%;
  float: left;
  
  
}
.slo3 h1 {
  font-family: 'Roboto black';
  font-size: 2.2rem;
  color: #fff;
  text-align: center;
}
.bunka {
  
}
.iconx a {
 text-decoration: none;
  font-size: 21px;
  color: #4284df;
  
}

.form3 .cf-label  {
  
  
  color: #fff !important;
}
.slo1 {
height: 180px;
-webkit-animation: -webkit-pri1 13s infinite;
  animation: pri1 16s infinite;
 max-width: 70%;
	
}
.slo2 {
margin-top: -140px;	
	-webkit-animation: -webkit-pri2 13s infinite;
  animation: pri2 16s infinite;
max-width: 70%;
	height: 180px;
}

.slo3 {
margin-top: -160px;		
	-webkit-animation: -webkit-pri3 13s infinite;
  animation: pri3 16s infinite;
max-width: 70%;
	height: 180px;
}

@-webkit-keyframes pri1 {
    0% { opacity: 0;
	
	}
	4% { opacity: 1;
	
	}
    33% { 
	  opacity: 1; 
	
	 }
	   38% { 
	   
	  opacity: 0;
 	  }
	 67% {  opacity: 0;
	  
	    }
	  69% {  opacity: 0;
	
    }
	
	100% {   opacity: 0; 
	 
	
	}
} 
@keyframes pri1 {
   0% { opacity: 0;
	
	}
	4% { opacity: 1;
	
	}
    33% { 
	
	  opacity: 1; 
	 }
	   38% { 
	   
	  opacity: 0;
 	  }
	 67% {  opacity: 0;
	  
	    }
	  69% {  opacity: 0;
	
    }
	
	100% {   opacity: 0; 
	 
	
	}
} 

@-webkit-keyframes pri2 {
    0% { opacity: 0;
	
	}
    33% { 
	  opacity: 0; 
	 
	 }
	   38% { 
	  opacity:0;
	
 	  }
	  
	   42% { 
	  opacity: 1;
	
 	  }
	 67% {  opacity: 1;
	  
	    }
	  71% {  opacity: 0;
	
    }
	
	100% {   opacity: 0; 
	 
	
	}
} 
@keyframes pri2 {
    0% { opacity: 0;
	
	}
    33% { 
	  opacity: 0; 
	 
	 }
	   38% { 
	  opacity: 0;
	
 	  }
	  
	   42% { 
	  opacity: 1;
	
 	  }
	 67% {  opacity: 1;
	
	    }
	  71% {  opacity: 0;
	
    }
	
	100% {   opacity: 0; 
	 
	
	}
} 
@-webkit-keyframes pri3 {
     0% { opacity: 0;
	}
    33% { 
	  opacity: 0; 
	 }
	   38% { 
	  opacity: 0;
 	  }
	 71% {  opacity: 0;
	   
	    }
	  74% {  opacity: 1;
	
    }
	96% {   opacity: 1; 
	 

	}
	100% {   opacity: 0; 
	 
	
	}
} 
@keyframes pri3 {
     0% { opacity: 0;
	}
    33% { 
	  opacity: 0; 
	 }
	   38% { 
	  opacity: 0;
 	  }
	 71% {  opacity: 0;
	    
	    }
	  74% {  opacity: 1;
	
    }
	96% {   opacity: 1; 
	 
	
	}
	100% {   opacity: 0; 
	 
	 
	}
} 


.scro {
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 1s all ease;
}
.scro.vidi {
  transform: translateY(0);
  opacity: 1;
}
.button1a {
	padding: 8px 30px;
border-radius: 100px;
 border: solid 1px #fff;
background-color: #0c57bf !important;
   display: inline-flex;
  align-items: center;
  justify-content: center;
  word-break: break-word;
margin: 3rem auto !important;

white-space: normal;
	color: #fff;
	font-size: 21px;
	text-decoration: none;
}
.citat span {
font-weight: 900;
font-size: 2.5rem;	
	font-family:'Roboto black';
	
}

.citat {
background-color: #0c57bf !important;	
padding: 2%;
color: #fff;
font-weight: 500;
font-size: 1.5rem;	
  font-family:'Roboto Bold';
margin-top: 40px;
margin-bottom: 30px;	
}
#center h2 {
	
margin-top: 30px;	
	
}

@property --p{
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

.gr {
  --p:20;
  --b:22px;
  --c:darkred;
  --w:150px;
  
  width:var(--w);
  aspect-ratio:1;
  position:relative;
  display:inline-grid;
  margin:5px;
  place-content:center;
  font-size:15px;
  font-weight:bold;
  font-family:sans-serif;
  margin-top: 40px;
  margin-bottom: 40px;
}
.gr:before,
.gr:after {
  content:"";
  position:absolute;
  border-radius:50%;
}
.gr:before {
  inset:0;
  background:
    radial-gradient(farthest-side,var(--c) 98%,#0000) top/var(--b) var(--b) no-repeat,
    conic-gradient(var(--c) calc(var(--p)*1%),#0000 0);
  -webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
          mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
}
.gr:after {
  inset:calc(50% - var(--b)/2);
  background:var(--c);
  transform:rotate(calc(var(--p)*3.6deg)) translateY(calc(50% - var(--w)/2));
}
.animate {
  animation:p 1s .5s both;
}
.no-round:before {
  background-size:0 0,auto;
}
.no-round:after {
  content:none;
}
@keyframes p {
  from{--p:0}
}


.baner2 {
	
	max-width: 1200px;
margin-right: auto;
margin-left: auto;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
	
}
#mod-custom118 h1, #mod-custom120 h1, #mod-custom121 h1, #mod-custom122 h1, #mod-custom129 h1  {
  font-family: 'Roboto black';
  font-size: 3.2rem;
  color: #fff;
  text-align: center;
}
#mod-custom118, #mod-custom120, #mod-custom121,  #mod-custom122, #mod-custom129 {
background: linear-gradient(#0700a0 -10%, #4284df 75%);
width: 100%;
display: flex;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
align-items: center;
-webkit-align-items: center;
min-height: 500px;
opacity: 0.8;

	
}
 #mod-custom129 .baner2 {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
}
.obalcenter5 {
	width: 100%;
	
	display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;

-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: start;	
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.item-117 a {
background-color: #0c57bf !important;
border-color: #0c57bf !important;
color: #ffffff !important;	
padding: 0.4rem 1.5rem;

align-items: center;	
border-radius: 100px;	
}

.mod-menu {
list-style-type: none;
	
	
	 
}
.mod-menu li a { 
color: #000;
text-decoration: none;
}
.mod-menu li {
list-style-type: none;
float: left;
padding: 3px 7px;		
margin-left: 20px;

	
}
.pata {
	
margin-right: auto;
margin-left: auto;
max-width: 1140px;	
font-size: 14px;	
text-align: center;	
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}

#mod-custom116  .iconx {
	
margin: 1.5%;		
webkit-box-flex: 0;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;		
	
}
#mod-custom116  .iconx p span { 
font-weight: 300;
  font-family:'Roboto light';
}
#mod-custom116  .iconx p { 
font-size: 18px;
color: #000;
display: block;
font-family:'Roboto bold';
width: 80%;
float: left;
font-weight: 700;
text-align: left !important;
}
#mod-custom116  .iconx  .fa {
font-size: 2.6rem;
color: #4284df;
text-align: center;	
display: flex;
margin: 0px 0px 20px 0px;	
float: left;	
margin-right: 10px;
}
#mod-custom116 .cont1b {
margin-top: 40px;
margin-bottom: 40px;
margin-right: auto;
margin-left: auto;
max-width: 1140px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}

.obalform {
	max-width: 1140px;
	margin-right: auto;
margin-left: auto;
}
.cf-form-wrap { 
-webkit-box-flex: 0;
-ms-flex: 0 0 46.666667%;
flex: 0 0 46.666667%;
max-width: 46.666667%;
margin-right: auto;
margin-left: auto;

} 
.sss h2 {
	
	
	color: #fff;
}
.sss2 h3 {
	font-family:'Roboto light';
	font-weight: 300 !important;
	color: #fff;
}
.convertforms p {
text-align: left;
font-size: 1.4rem;
color: #fff;
} 
.convertforms h2 {
	color: #fff;
text-align: left !important;
font-family: 'Roboto black';
font-size: 2.6rem;
} 
.convertforms {
padding-top: 50px;
padding-bottom: 50px;	
z-index: 0;
position: relative;	
background-image: url("../images/poz3b.webp");	
background-position: 50% 50%;
background-repeat: no-repeat;
background-attachment: scroll;
background-size: auto;	
background-color: #eeeeee;	
width: 100%;	

}
#cf_2 .cf-label {
	
	color: #fff;
}
#cf_2.convertforms {
  padding-top: 50px;
  padding-bottom: 50px;
  z-index: 0;
  position: relative;
  background-image: url("../images/poz3b.webp");
  background-position:
50% 50%;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  background-color: #eeeeee;
  width: 100%;
}
#cf_1 {
  max-width: none !important;


}  

.ff {
	padding: 0px;
	font-size: 0px !important;
	padding-top: 0px !important;
}
.ff::after {
  content: "";
  display: inline-block;
  width: 150px;
  height: 3px;
  background-color: #0c57bf;
  position: relative;
  top: 10px;
  text-align: center;
  
}

#mod-custom114 .iconx img {
vertical-align: middle;
border-style: none;
height: 150px;
width: 150px;
border-radius: 50%;
margin: 0 auto;
display: block;
}
.funkcia {
	margin-top: 10px;
	
	
	
}
#mod-custom114 .iconx h4 {
	
color: #000;
font-size: 2rem;	
text-align: center		
	
}
#mod-custom114 .iconx p {
	
color: #000;
font-size: 1.5rem;	
text-align: center;		

}
#mod-custom114 .iconx {
	
margin: 1.5%;		
webkit-box-flex: 0;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;		
	text-align: center	
}
#mod-custom114 {
padding-top: 120px;
padding-bottom: 120px;	
margin-right: auto;
margin-left: auto;	
	max-width: 1140px;

}
.iconx  .fa {
font-size: 4.6rem;
color: #fff;
text-align: center;	
display: block;
margin: 20px auto;	
	
}
#mod-custom113 .iconx {
	
margin: 1.5%;		
webkit-box-flex: 0;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;		
	
}
.iconx  p {
	color: #fff;
font-size: 1.6rem;	
text-align: center;	
}
.iconx  h4 {
	color: #fff;
font-size: 2.6rem;	
text-align: center;	
}
#mod-custom113 .cont1b h2 {
	width: 100%;
	color: #fff;
	font-family: 'Roboto black';
font-size: 3.2rem;
text-align: center;		
}
#mod-custom113 {
	
padding-top: 180px;
padding-bottom: 180px;	
z-index: 0;
position: relative;	
background-image: url("../images/poz2.webp");	
background-position: 50% 50%;
background-repeat: no-repeat;
background-attachment: scroll;
background-size: auto;	
	
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 21px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
color: #0c57bf;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
 top: 5px;
 position: relative;
}
.linkstudia {
color: #0c57bf;	
	
	
	
}

.obalcenter h2 {
	
font-size: 2.6rem;	
text-align: center;	
	
}
.studia img { 
width: 100%;
height: auto;
}
.studia {
margin: 2%;		
webkit-box-flex: 0;
-ms-flex: 0 0 46%;
flex: 0 0 46%;
max-width: 46%;		
	
}
.obalcenter2  {
	
margin-right: auto;
margin-left: auto;
max-width: 1140px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;	
	
	
}
.obalcenter .podnadpis {
	
font-size: 1.2rem;
text-align: center;	
margin-bottom: 1rem;
padding-top: 30px;	
}
#center { 

  max-width: 1140px;
width: 100%;

margin-right: auto;
margin-left: auto;
}
.cont2a h3  {
font-size: 2rem;
color: #fff;
}
.cont2a p  {
  color: #ffffff;
  font-weight: 300;
  font-size: 1.4rem;
  font-family:'Roboto light';
}
.cont2b iframe {

display: block;
width: 100%;
}
.cont2a {
	display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 36%;
flex: 0 0 36%;
max-width: 36%;	
  padding: 1%;
background-color: #0700a0;
margin: 1%;	

justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: start;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
	
}

.cont2b {
	
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;	
	
	
}
.cont1b { 
margin-right: auto;
margin-left: auto;
max-width: 1140px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.cont1 {
	
  background: linear-gradient(90deg, #0700a0, #4284df);	
	bottom: 0;
left: 0;
opacity: 0.8;
position: absolute;
right: 0;
top: 0;
z-index: 0;
}
#mod-custom112 {
	
padding-top: 120px;
padding-bottom: 120px;	
z-index: 0;
position: relative;	
background-image: url("../images/poz1.webp");	
background-position: 50% 50%;
background-repeat: no-repeat;
background-attachment: scroll;
background-size: auto;	
}
.obr1 {
width: 80%;
height: auto;	
margin: 30px auto;
display: block;	
}
.obal {
  margin-top: 100px;
}	


#mod-custom111 p {
font-size: 1.2rem;


	}
#mod-custom111 {
	
	max-width: 1140px;
	display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: start;
margin-right: auto;
margin-left: auto;
	
}

#mod-custom111 h2 {
font-family: 'Roboto black';
font-size: 3.2rem;


}
.button1 {
	padding: 8px 30px;
border-radius: 100px;
 border: solid 1px #fff;

  
	color: #fff;
	font-size: 21px;
	text-decoration: none;
  z-index: 2;
  position: relative;
}

#mod-custom110 {
  background-image:  url("../images/pozadiebaner2.webp");	
 background-size:  120% auto;
   background-repeat: no-repeat;
	width: 100%;
	display: flex;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
align-items: center;
-webkit-align-items: center;
height: 100%;
animation: ddd 10s  alternate;

z-index: 1; 	
 position: absolute;

  top: 0px;
  left: 0px;	
	
	
}
.obalbaner2 {
width: 100%;
display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;

  overflow: hidden;
 height: 100%;
}
#mod-custom110 p {
   
   width: 100%;
font-size: 1rem;
color: #fff;
text-align: center;
}
#mod-custom110 .slo1 h2, #mod-custom110 .slo2 h2, #mod-custom110 .slo3 h2,  #mod-custom110 .slo1 h1  {
font-family: 'Roboto black';
font-size: 3.2rem;
color: #fff;
text-align: center;
}

 

html {
  height: auto;
min-height: 100vh;

}

body {
	font-family:'Roboto light';
  margin: 0;
  padding: 0;
}

* {
    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:'Roboto Black';
}
h1, .componentheading {
  font-size: 1.75em;
}
h2, .contentheading {
  font-size: 1.5em;
}
h3 {
  font-size: 1.25em;
}
h4 {
  font-size: 1em;
}

ul, ol {
  font-family:'Roboto light';
  padding: .75em 0 .75em 0;
  margin: 0 0 0 35px;
}

ul.menu {
    margin: 0;
}

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

p {
	  font-size: 1.2rem;
color: #232323;
	font-weight: 300;
  font-family:'Roboto light';
	padding: 5px 0;
	line-height: 1.6;
}

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;
	height: auto;
min-height: 100vh;

}

.full {
	width: 100%;
}

.demi {
	width: 50%;
}

.tiers {
	width: 33.33%;
}

.quart {
	width: 25%;
}

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

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




body {
height: auto;
min-height: 100vh;

	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;
}

#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;
}
#mainbanner2 {
	width: 100%;
	float: left;
	text-align: left;
	position: fixed;
	background: #fff;
	z-index: 100;
}
#mainbanner {
	  
}

#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 {
	float: left;
	margin-left: 5rem;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

#logodesc {
	text-align: left;
}

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

#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;
}
.obalbaner1 {
	background: linear-gradient(#0700a0 -10%, #4284df 75%);
	

  position: absolute;
  z-index: 0;
  top: 0px;
  left: 0px;
	width: 100%;
  background-position: center;
  background-repeat: no-repeat;
opacity: 0.7;
min-height: 100vh;

}

@keyframes ddd {
  0% {
    background-size: 110% auto  ;
  }
  100% {
    background-size: 120% auto  ;
  }
}
#module1 {

	width: 100%;


min-height: 100vh;

position:relative;
z-index: 0; 
 }


#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 {
	
	padding-top: 120px;
padding-bottom: 30px;
	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 {
	padding-top: 15px;
padding-bottom: 135px;
	text-align: left;
}

#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;
}

#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;
}

#module2 {
	width: 100%;
	float: left;
	text-align: left;
}

#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 {
	width: 100%;
	float: left;
	text-align: left;
}

#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 {
	width: 100%;
	float: left;
	padding: 40px 0px;
	background-color: #e4e4e4;
	text-align: left;
}

#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;
}