@import url('https://fonts.googleapis.com/css?family=Exo+2:300,400,500,700&subset=latin-ext');

* {
	margin: 0;
	padding: 0;
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: 'Exo 2', sans-serif;
	font-size: 16px;

}

body {
	font-size: 1em;
	text-align: center;
	color: #7d8791;


}
.line li {
	padding:0;
  width: 2em;
  height: 2em;
  text-align: center;
  line-height: 2em;
  border-radius: 1em;
  background: #3B64A9;
  margin: 0 1em;
  display: inline-block;
  color: white;
  position: relative;
	cursor:pointer;

}
ul.line  {
		text-align:center;
}
.line li::before{
  content: '';
  position: absolute;
  top: .9em;
  left: -4em;
  width: 4em;
  height: .2em;
  background: #3B64A9;
  z-index: -1;
}


#reference-awrap img{
    height: auto;
    margin: 2em;
    max-height: 100px;
    max-width: 200px;
    width: auto;
   -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity:.7 ;
    transition:all .7s ease;
}

#reference-awrap img:hover{
   -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
    opacity:1

}


.line li:first-child::before {
  display: none;
}

.line .active {
  background: #3B64A9;
}

.line .active ~ li {
  background: rgba(200,215,220,1);
}
.line .active ~ li::before {
  background: rgba(200,215,220,1);
}
ul {list-style-type: none;}

#maindiv{ min-height:30vh; 	background: url("pater_transparent.png")  ;
	background-repeat: no-repeat;
		background-position: 100% -5%; }

section .wrapped ul, section ul {
	list-style-type: none;
	margin: .5em 0 1.5em 0;
	padding: 0;
/*	border-left: 2px solid #29518e;*/
	line-height: 1em;
	text-align: left;
}

section{
background:#fff;
margin-bottom:-1em;
padding-bottom:1em;
}


p+ul{ margin-top: -1em; }

section .wrapped ul ul, section ul ul {}
section .wrapped ul ul ul, section ul ul ul {border-left: 2px solid #f2cb13;}
section .wrapped ul li, section ul li {
	padding: 0.75em 1.5em;
}
section .wrapped ul li:before, section ul li:before {
	content: '❯';
	margin-right: 0.75em;
	color: #F8912D;
}

section .searchResults ul, .searchResults ul{
		border:0;
		list-style-type: none;
}
section .searchResults ul li:before, .searchResults ul li:before {
content:"";
}
.wrapped, section {
	margin: 0 auto;
	max-width: 61.250em;
	width: 100%;
	text-align: justify;
}
.wrapped:after, section:after {content: ''; clear: both; display: block;}

/*section:first-of-type {padding-top: 13.5em;}*/
section:first-of-type {padding-top: 3.5em;}
.hp section:first-of-type {padding-top: 1.5em;}

section p {
    margin-bottom: 1.2em;
}

p.podtitulek{
margin-bottom: 2.5em;
font-style: italic;
margin-top: -2.1em;

}


section iframe {
	border: 0;
	background: #fff;
	margin-top: 1.5em;
}
.odkaz {
  font-size: 1.2em;
  color: #F8912D;
}

.podstranky:hover .circle >.circle{
		-webkit-box-shadow: inset 0px 0px 0px 30px rgba(0,0,0,0.25);
-moz-box-shadow: inset 0px 0px 0px 30px rgba(0,0,0,0.25);
box-shadow: inset 0px 0px 0px 30px rgba(0,0,0,0.25);
}


.podstranky:hover h3{
color:#798085; 
}
.podstranky {
	min-height:10em;
	padding-bottom: 1.5em;
	margin: 3em 0em;
	text-align: left;
	text-decoration: none;
	color: #000;
	font-weight: normal;
	display: block;
  position:relative;
	overflow:none;
	border-left:2px solid #fff;;
	border-right:2px solid #fff;

}
.podstranky:after {
	overflow: auto;
	zoom: 1;
}
.podstranky .circle {
	transition: all 0.3s ease 0s;
  position:relative;
	float: left;
	margin-right: 2em;
	width: 10em;
	height: 10em;
	line-height: 15em;
  overflow:hidden;
	display:block;
	transition:
	-webkit-box-shadow: inset 0px 0px 0px 10px rgba(0,0,0,0.25);
-moz-box-shadow: inset 0px 0px 0px 10px rgba(0,0,0,0.25);
box-shadow: inset 0px 0px 0px 10px rgba(0,0,0,0.25);
	z-index:5;
}
.circle img{
	width:10em;
	height:10em;
	position:absolute;
  left:0;
	top:0;
	bottom:0;
	right:0;
	line-height:15em;
	text-align: center;
	vertical-align: middle;
	margin 0;
	z-index:0;

}

.podstranky:hover{
	border-right:2px solid #203257;
	border-left:2px solid #fff;;
}

.podstranky .circle {

	margin-right:5em;

}
.podstranky .odkaz {

	float:right;

}
.p-content{
     padding-left: 2em;
    padding-right: 2em;
}
.podstranky:hover .odkaz{
	color:#798085;
}
a {color: #29518e;}

a:hover {color: #798085;}

h1, h2, h3, h4 {
	word-wrap: break-word;
	margin: 0;
	padding: 0;
	text-align: left;
	line-height: 1.5em;
	color: #29518e;
	margin-bottom: 0.75em;
}
h1 {
	font-size: 2.250em;
	font-weight: 400;
}
h2 {
	font-size: 1.8em;
	font-weight: 300;
}
h3 {
	font-size: 1.6em;
	font-weight: 300;
}
h4 {
	font-size: 1.4em;
	font-weight: 500;
	color:#42484C;
}
h5 {
	font-size: 1.25em;
	font-weight: 400;
		color:#F8912D;
}
h6 {
	font-size: 1.1em;
	font-weight: 400;
	color:#3B63A8;
}
h3,h4,h5{ margin-top:1em;}
h2,  h6 {color: #29518e;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {font-weight: 700;}

.slider-content  h1,.slider-content  h3{
 margin-top:4em;
}

.hp h1{
 color: #29518e;
 text-align:center;
 margin-top:0em;
}

p {
	font-size: 1em;
	line-height: 1.5em;
	margin: 0 auto;
	text-align:left;
	font-weight: 400;
	color: #798085;
}

p strong {font-weight: bold;}

/* BUTTON */
.btn, .button/*, button*/, section input[type=submit], section #sendFormX input[type=submit] {
	text-align: center;
	text-decoration: none;
	disfirefoplay: inline-block;
	vertical-align: middle;
	font-weight: 400;
	border: 1px #C2D4E2 solid;
	margin: 1.5em;
	font-size: 1.25em;
	background: #fff;
	border-radius:5px;

	padding: 0.75em 1.25em;
	color: #4A4F52;
	cursor: pointer;
	width: auto;
	-webkit-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;

	display: inline-block;
}
.btn:hover, .button:hover/*, button:hover*/, section input[type=submit]:hover, section #sendFormX input[type=submit]:hover  {
background:#F0F4F8;
		border: 1px #C2D4E2 solid;
	color: #4A4F52;
}
.poptavkovy_formular{
	min-height:5em;
	padding: 0.5em 1em 1em 1em;
	border: 2px solid #C2D4E2;
	border-radius: 5px;
	text-align: center !important;
}
.poptavkovy_formular p{
	text-align:center;
}
#sendFormX .strana{

	display: block;
	text-align: center;
}
#sendFormX{
	position:relative;
	display:block;
}
.btn:focus, .button:focus/*, button:focus*/, section input[type=submit]:focus, section #sendFormX input[type=submit]:focus,.radio-input:checked+label  {
background:#C2D4E2;
	color:#fff;
}
.radio-input{
	display:none;
}
.btn-orange{
		border: 1px #F8912D solid;
	color:#F8912D;
}
.btn-orange:hover{
	background:#FFE3C1;
			border: 1px #F8912D solid;
	color:#F8912D;
}
.btn-orange:focus{
			border: 1px #F8912D solid;
	color:#fff;
	background:#F8912D;
}
.btn-blue{
		border: 1px #3B64A9 solid;
	color:#3B64A9;
}
.btn-blue:hover{
	background:#CDD6E8;
			border: 1px #3B64A9 solid;
	color:#3B64A9;
}
.btn-blue:focus{
			border: 1px #3B64A9 solid;
	color:#fff;
	background:#3B64A9;
}

section input, section textarea, section #sendFormX input, section #sendFormX textarea {
	padding: 0.75em;
	margin: 0.75em 0em;
	background: #fff;
	border: 1px solid #c8d7dc;
	color: #c8d7dc;;
	-webkit-transition: all 0.5s ease 0s;
			transition: all 0.5s ease 0s;
	width: auto;
}
section input:hover, section textarea:hover, section #sendFormX input:hover, section #sendFormX textarea:hover {
	border: 1px solid #f2cb13;
	color: #798085;
}
section input:focus, section textarea:focus, section #sendFormX input:focus, section #sendFormX textarea:focus {
	border: 1px solid #29518e;
	color: #798085;
}

section form, section #sendFormX {
	margin: 0 auto;
	width: auto;

}
section #sendFormX div {background: none !important;}
section #sendFormX h2 {
	border-bottom: 1px solid #c8d7dc;
	padding: 1em;
	margin-bottom: 0.5em;
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /*align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;*/
}

/* HEADER */

header .logo {line-height: 4.25em;
 margin-top: -2.8em;
    position: relative;}
header .logo img {max-height: 3em;
position:absolute;
top:0;left:0;
 opacity:0;
 transition:all 2s easing;
}

header .logo .logo-read{
 opacity:1;
}


header {
	background: #203257;
	min-height: 4.25em;

	position: fixed;
	width: 100%;
	max-width: 100%;
	z-index: 100;

}
header .gradient-line {height: 2px;}


/* NAVIGATION */
nav {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	top: 0.8em;
	position:relative;
}
nav > ul {
	margin: 0;
	padding: 0;
	list-style: none;
    max-height: none;
	transition: max-height .2s ease-out;
	position: relative;
	align-self: center;
	margin-right: 4.5em;
}
nav li {
	/*position: relative;*/
	float: left;
	margin: 0;
	padding: 0;
}
nav li a {
	display: block;
	padding: 0.5em 0.75em;
	text-decoration: none;
	text-transform: uppercase;
	 white-space: nowrap;
	 color:#EDF2FA;
}

nav li a:hover{
 color:#fff;
}


nav li li a:hover{
 color:#edf2fa;
} /**/



nav li li a{
	color:#000;
}
nav li a:hover,
nav .menu-btn:hover {
	/*background-color: #f4f4f4;*/
	-webkit-box-shadow: inset 0px -5px 0px 0px rgba(65,100,175,1);
	-moz-box-shadow: inset 0px -5px 0px 0px rgba(65,100,175,1);
	box-shadow: inset 0px -5px 0px 0px rgba(65,100,175,1);
}
nav li:hover > a {
	-webkit-box-shadow: inset 0px -2px 0px 0px rgba(248,145,45,1);
	-moz-box-shadow: inset 0px -2px 0px 0px rgba(248,145,45,1);
	box-shadow: inset 0px -2px 0px 0px rgba(248,145,45,1);
}
nav li li:hover > a{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
nav ul ul {
	display: none;
	position: absolute;
	/*top: 100%;
	left: 0;*/
	padding: 0;
background:none;
padding-top:10px;
	/*border: solid 1px #c8d7dc;*/
/*
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(200,215,220,1);
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(200,215,220,1);
	box-shadow: inset 0px 0px 0px 1px rgba(200,215,220,1);
*/
}
nav > ul > li > ul:before{
    content: ' ';
    display: block;
    border-color: transparent transparent rgb(250,250,250) transparent;
    border-style: solid;
    border-width: 10px;
    position: absolute;
    top: -10px;
    left: 2em;
    margin-left: -10px;
}


nav li li:first-child{
	   border-top: .1em solid #fff;
 
}


nav ul li:hover > ul {display: block;/*
	-webkit-box-shadow: 0px 0px 15px 0px rgba(200,215,220,0.5);
	-moz-box-shadow: 0px 0px 15px 0px rgba(200,215,220,0.5);
	box-shadow: 0px 0px 15px 0px rgba(200,215,220,0.5);*/
}
nav li li {
	position: relative;
	float: none;
	background: rgba(255,255,255,0.95);
}

nav li li a {text-transform: none;}
nav ul ul ul {
	display: none;
	position: relative;
	border: none;
/*
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
*/
}
nav li li li a {
	margin-left: 1.5em;
	border-left: 2px solid #c8d7dc;
}
nav li li:hover {background: #F8912D;}


/* MENU ICON */
nav .menu-icon {display: none;}
/* MENU BTN */
nav .menu-btn {display: none;}

/* LOGO */
/*nav .logo {
  display: block;
  float: left;
  font-size: 2em;
  padding: 10px 20px;
  text-decoration: none;
}*/
.logo {
	display: block;
	line-height: 8.25em;
	/*margin-right: 1.5em;*/
	float: left;
}
.logo:after {content: ''; display: block; clear: both; overflow: auto;}
.logo p {
	margin-left: 0.375em;
	font-size: 1em;
	font-weight: 700;
	color: #29518e;
	text-transform: uppercase;
	text-decoration: none;
}
.logo img {margin-right: 0.75em;}
.logo img, .logo p {display: inline-block; vertical-align: middle;}
a.logo:hover p {color: #798085;}

header .wrapped.flex {position: relative;}

.search {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	width: 100%;
}
.search label {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	background: #ffffff;
	z-index: 500;
	display: inline-block;
	vertical-align: center;
	text-align: center;
	line-height: 3em;
	width: 3em;
	height: 3em;
	color: #29518e;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(200,215,220,1);
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(200,215,220,1);
	box-shadow: inset 0px 0px 0px 1px rgba(200,215,220,1);
	cursor: pointer;
}
.search i {font-size: 1.5em;}
.search input {
	width: 1px;
	height: 46px;
	padding: 0 1em;
	position: absolute;
	z-index: 100;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	border: 1px solid #c8d7dc;
}
.search input:focus {
	width: 25%;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(200,215,220,0.5);
	-moz-box-shadow: 0px 0px 15px 0px rgba(200,215,220,0.5);
	box-shadow: 0px 0px 15px 0px rgba(200,215,220,0.5);
}

/* SLIDER */

.slider{
	position:absolute;top:0;width:100%;


}
#slides-hp{
	position:relative;
}
.slider,#slides-hp {
	/*padding-top: 13.5em;*/
	padding-top: 4.25em;
	max-height: 40vh;
	min-height: 22em;
	transition:  all 1s linear;
	background-size:cover;
	background-position:center;
	text-align:center;
	overflow:hidden;
	visibility:visible;

	opacity:1;
}
.slider.hidden{
	visibility:hidden;
  opacity: 0;

}


.overlay {
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);

	position: absolute;
	top: 0;
	left: 0;
}

.slider-content {
  position: relative;
	text-align:center;
	color:#EDF2FA;
  text-decoration:none;

}

.w49{
    display: inline-block !important;
    min-width: 350px;
    width: 49%;
}


.slider-content:hover {
color:#fff;
}
.slider-btn {
	position: absolute;
	top: 50%;


	width: 3em;
	height: 3em;
	line-height: 3em;
	display: inline-block;
	text-align: center;
	z-index: 1;
	cursor: pointer;
	background:rgba(255,255,255,0.5);
	color:#fff;
	font-weight:bold;
}
.sbtn-left {left: 0; border-top-right-radius:3px;border-bottom-right-radius:3px}
.slider-btn:hover {background:rgba(255,255,255,1); color:#f09300}
.sbtn-right {right: 0; border-top-left-radius:3px;border-bottom-left-radius:3px}



.slider-content h3,.slider-content h1{
		text-align:center;
		font-weight:bold;
		color:#EDF2FA;
		font-size:2.25em;
			position: relative;
	  line-height: 1.5em;
		margin-bottom:1em;
}

.slider-content h3:after,.slider-content h1:after {
	content:' ';
  position: absolute;
  top:130%;
  left:50%;
  width: 2em;
  border:1.5px solid #f09300;

  box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);
  transform:translateX(-50%);
}



.slider-content.wrapped.nohp {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


.slider-headline {color: #EDF2FA;}
.slider a.slider-headline {
	display: inline-block;
	text-decoration: none;
}
.slider a.slider-headline p {
	background: rgba(41,81,142,0.75);
	width: auto;
	line-height: 2em;
	min-height: 2em;
	padding-left: 0.75em;
	padding-right: 3em;
	color: #EDF2FA;
	font-size: 1.5em;
	font-weight: 700;
	position: relative;
}
.slider a.slider-headline:hover p {background: #29518e;}
.slider a.slider-headline p:after {
	font-family: "Ionicons";
	content: '\f362';
	display: inline-block;
	width: 2em;
	height: 100%;
	margin-left: 0.75em;
	text-align: center;
	background: #dc7117;
	background: -moz-linear-gradient(top, #dc7117 0%, #c40e1a 100%);
	background: -webkit-linear-gradient(top, #dc7117 0%,#c40e1a 100%);
	background: linear-gradient(to bottom, #dc7117 0%,#c40e1a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc7117', endColorstr='#c40e1a',GradientType=0 );
	position: absolute; bottom: 0; right: 0;
}
.slider-headline-buttons {
	width: 100%;
	align-content: space-between;
	position: absolute;
	bottom: -0.5em;
}
.slider-headline-buttons a {
	display: block;
	background: rgba(255,255,255,0.75);
	padding: 0.75em 1.5em;
	max-width: 100%;
	width: 100%;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	text-decoration: none;
	font-weight: 300;
}
.slider-headline-buttons a:hover, .slider-headline-buttons a.dot-active {
	background: #ffffff;
	font-weight: 500;
	color: #29518e;
}
section.hp{
	background:#fff;
	min-height:5em;
	position:relative;
	border-top-right-radius: .25em;
		border-top-left-radius: .25em;
		padding:1em;
}
section table {
	margin-bottom: 1.5em;
	border-collapse: collapse;
	border: none;
	background: #ffffff;
	border-top: 1px solid rgba(200,215,220,1);
}

section table.noborder{
	width:100%!important;
}
section table.noborder tr td:first-child{
	width:20%;
	min-width:20%;
}
section th, section td {
	/*box-shadow: inset 0 -1px rgba(200,215,220,1),
	inset 0 1px rgba(200,215,220,1);*/
	border-bottom: 1px solid rgba(200,215,220,1);
}
section th {
	 font-weight:500;

	padding: 0.5em;
	text-shadow: 0 0 1px rgba(200,215,230,1);
	font-size: 1.5em;
	color:#4A4F52;
	background: #C8D7E6;
	border-left: 1px solid rgba(200,215,230,1);
	border-right: 1px solid rgba(200,215,230,1);
}
section td {
	/*color: #f7f7f7;*/
	padding: 0.5em 1em 0.5em 1em;
	text-shadow: 0 0 1px rgba(255,255,255,0.1);
	font-size: 1em;
	color:#4A4F52;
	border-right: 1px solid rgba(200,215,230,1);

}
section tr:nth-child(odd){
	background:#fcfdfe;
}

section td:first-of-type {border-left: 1px solid rgba(200,215,220,1);}
section tr {
	-webkit-transition: background 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, box-shadow 0.3s;
	transition: background 0.3s, box-shadow 0.3s;
}
section tr:hover {background: rgba(200,215,220,0.25); font-weight:500;}
.table-green {background-color:#78b43c;}
.table-green tr:hover {background-color:#37914b;}
.table-black {background-color:#303030;}
.table-black tr:hover {background-color:#101010;}
.table-black th {color:#EDF2FA;}

.gradient-line {
	width: 100%;

	background: #ef9300; /* Old browsers */
	background: -moz-linear-gradient(left, #ef9300 0%, #ffc731 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #ef9300 0%,#ffc731 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #ef9300 0%,#ffc731 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef9300', endColorstr='#ffc731',GradientType=1 ); /* IE6-9 */
}

.circle {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	width: 3em;
	height: 3em;
	line-height: 3em;
	text-align: center;
	vertical-align: middle;
	margin: 0 auto;

}

footer {
	padding-top:4em;
	text-align:center;
	margin-top: 1.5em;
	min-height: 10.5em;
	width: 100%;
	height: auto;
	background: #223557 url("pater_footer.png") no-repeat center 2em;
		/*! background-image: url("/projects/ip-v2/internetportal_pro_2/custom/templates/premedis/img/default/pater_footer.png"); */
	padding-bottom: 0.75em;
  background-size: 70%
}

footer .w50 strong {color: #EDF2FA;}
footer .w50 p {color: #dcdce6; font-weight: 300;}
footer .w50 a.reg {color: #f2cb13;}
footer .w50 a.reg:hover {color: #29518e;}
footer .w50 strong, footer .w50 a.reg {font-weight: 400; font-size: 1.125em;}
footer .w50 strong, footer .w50 p, footer .w50 a.reg {line-height: 2.25em;}
footer .w50 p strong {color: #EDF2FA; font-weight: 400; font-size: 1em;}

/*section h2 {margin-top: 1.5em; margin-bottom: 0.75em; }*/
.news {
	width: 100%;
	border-right: 1px solid #c8d7dc;
	text-decoration: none;
	margin-bottom: 3em;
	-webkit-transition: all 0.5s ease 0s;
				transition: all 0.5s ease 0s;
	max-height:12em;
	overflow: hidden;
	display: block;
}
.news.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.news:hover {border-right: 1px solid #29518e;}
.news:hover .news-content h3 {color: #c20e1a;}
.news:hover .news-img img {
	-webkit-transition: all 0.5s ease 0s;
				transition: all 0.5s ease 0s;
    -webkit-filter: none; /* Safari 6.0 - 9.0 */
				filter: none;
}
.news-img {
	width: 14em;
	min-width: 14em;
	max-width: 100%;
	/*max-height: 12em;*/
	background: #DFDFDF;
	text-align: center;
	overflow:hidden;
}
.news-img img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
				filter: grayscale(100%);
	vertical-align: middle;
	object-fit: cover;
}
.news-content {padding: 0 1.5em;}
.news-content p {max-height: 12em; overflow: hidden;}
.news-all-btn {
	text-transform: uppercase;
	font-weight: 700;
	float: right;
}

.page-foto{
  	width: 18.75em;
	max-width: 100%;
	float:left;
	margin:0 1em 1em 0;
}

.main-cat:after, .online-servis:after, .partneri:after {
	content: '';
	display: block;
	clear: both;
}
.main-cat, .online-servis, .partneri {margin: 0 auto;}

.partneri p {
    display: inline;
	margin: 0;
}
.partneri br {
    display: none;
}

.mozaika{
	margin: 1.5em 0;
	line-height: 0;
		-webkit-column-count: 4;
		-webkit-column-gap: 1.5em;
		-moz-column-count: 4;
		-moz-column-gap: 1.5em;
		column-count: 4;
		column-gap: 1.5em;
}
.fotogalerie{
	line-height: 0;
    -webkit-column-count: 4;
    -webkit-column-gap: 1em;
    -moz-column-count: 4;
    -moz-column-gap: 1em;
    column-count: 4;
    column-gap: 1em;
}
.fotogalerie a img {
    width: auto;
    height: auto;
    margin-bottom: 1em;
    max-width:100%;
    max-height:20em;
	-webkit-transition: all 0.5s ease 0s;
			transition: all 0.5s ease 0s;
}
.fotogalerie a:hover > img {
    -webkit-filter: drop-shadow(0px 0px 6px #000000) grayscale(1);
    filter: drop-shadow(0px 0px 6px #000000) grayscale(1);
}

.w30 {
	text-align: center;
	padding: 3em 0;
}
.w30:hover, .partneri a:hover {
	/*-webkit-box-shadow: 0px 0px 10px 5px rgba(200,215,220,0.5);
	-moz-box-shadow: 0px 0px 10px 5px rgba(200,215,220,0.5);
	box-shadow: 0px 0px 10px 5px rgba(200,215,220,0.5);*/
	-webkit-box-shadow: 0px 0px 15px 0px rgba(200,215,220,0.5);
	-moz-box-shadow: 0px 0px 15px 0px rgba(200,215,220,0.5);
	box-shadow: 0px 0px 15px 0px rgba(200,215,220,0.5);
	cursor: pointer;
}
.w30 strong {
	font-weight: 500;
	font-size: 1.5em;
}

a.w30{
text-decoration:none
}

.main-cat .w30 strong {color: #29518e;}
.online-servis .w30 strong {color: #c20e1a;}
.w30 p {text-align: center;}

.main-cat {margin-top: 1.5em;}
.main-cat .w30 .circle {
	border: 2px solid #c8d7dc;
	margin-bottom: 0.75em;
}
.main-cat .w30 .circle i {font-size: 1.5em; color: #f2cb13;}
.main-cat .w30:first-of-type .circle i {color: #c20e1a;}
.main-cat .w30:last-of-type .circle i {color: #29518e;}

.online-servis .w30:nth-child(-n+3) {border-bottom: 1px solid #c8d7dc;}
.online-servis .w30:nth-child(2), .online-servis .w30:nth-child(5) {border-right: 1px solid #c8d7dc; border-left: 1px solid #c8d7dc;}

.partneri a {
	display: inline-block;
	text-align: center;
	border: 1px solid rgba(200,215,220,0.5);
	padding: 0.75em;
	margin: 0.75em;
	vertical-align: middle;
}
.partneri a img {
	max-width: 100%;
	max-height: 6em;
	vertical-align: middle;
}
.partneri a:hover {
	border: 1px solid rgba(200,215,220,1);
	-webkit-transition: all 0.5s ease 0s;
				transition: all 0.5s ease 0s;
}

.blogItem {
	text-decoration: none;
	text-align: left;
}

.blogItem:hover blockquote {color: #000; border-bottom: 2px solid #37914b; margin-bottom: -1px;}

.blogItem div {
	margin: 0 auto;
	max-width: 61.250em;
	width: 100%;
	padding-left: 1.5em;
}

.blogItem h2 {
	padding: 0;
	text-align: left;
}

blockquote {
	margin: 0;
	padding: 1.5em 0em;
	border-bottom: 1px solid #ccc;
}
.premedis-logo{
	padding-top:4em;
	min-height:50px;
	background: url("../img/default/logo.png") no-repeat top center ;
	background-size:auto 3.5em;
}

.premedis-logo span{
 color:#edf2fa;
 padding-bottom:10px;
 display:inline-block;
 min-width:12px;
}

.premedis-logo .logo-active{
 color:#f09300;
 background:url(sipka-logo.png) no-repeat bottom center
}

.premedis-logo div{
 display:none;
 margin-left:-5em;
margin-right:-5em;
}
.premedis-logo .logo-show{
 display:block;
 color:#798085;
}

footer .w20 a{
color:#7d8791;
text-decoration:none;
}


.w20{
	float:left;
	width:20%;
	text-align:center;
	margin-bottom:1em;
	min-height:4em;
}
.w25, .partneri a {
	float: left;
	width: 25%;
}
.partneri a {width: 19.85%;}
.w30 {
	float: left;
	width: 33%;
}
q.w50 {
	float: left;
	width: 50%;
}
.w20.w25, .w30, .w50,.partneri a {
	display: block;
	max-width: 100%;
	-webkit-transition: all 0.5s ease 0s;
				transition: all 0.5s ease 0s;
}


.cleni-abc {margin: 1.5em 0;}
.abc {
	display: inline-block;
	padding: 0.125em 0.5em;
	margin: 0.125em 0;
	border: 1px solid #c8d7dc;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.abc:hover {border: 1px solid #29518e;}


.lineleft{
 border-left: 0.5em solid #f09300;
    padding-left: 1em;
}
.lineleft p {
    margin: 0.2em;
}
	#maindiv .w20{
   width:30%;
   min-height:8em;
   }

#lngs {
    position: absolute;
    right: 0;
    top: 0;
}

#lngs a{
display:inline-block; padding-right:.5em;
text-decoration:none;
}

#lngs .active{
 color:#FBBB25;
}

@-ms-viewport {width: device-width;}

@media (max-width: 110em) {
 	body,#maindiv{
		background:none;
	}
}

/* 60em = 960px */
@media (max-width: 60em) {
	header .logo img {max-height: 3em;}
	header .logo p {font-size: 0.5em;}
	body,#maindiv{
		background:none;
	}
	.hideonsmall{ display:none }

  .fotogalerie{
	line-height: 0;
    -webkit-column-count: 2;
    -webkit-column-gap: 1em;
    -moz-column-count: 2;
    -moz-column-gap: 1em;
    column-count: 2;
    column-gap: 1em;
		}


}

/* 54em = 864px */
@media (max-width: 54em) {
	section {width: 98%;}
	.w30 {width: 49.5%;}
	.w20,	#maindiv .w20 {width: 100%; margin-bottom:1.5em}
	.online-servis .w30:nth-child(-n+3) {border: none;}
	.online-servis .w30:nth-child(2), .online-servis .w30:nth-child(5) {border: none;}
	.online-servis .w30:nth-child(-n+4) {border-bottom: 1px solid #c8d7dc;}
	.online-servis .w30:nth-child(odd) {border-right: 1px solid #c8d7dc;}
}

/* 50em = 800px */
@media (max-width: 50em) {
	header .logo p {display: none;}
	.lista .wrapped h3{ font-size:0.75em }
}

/* 48em = 768px */
@media (max-width: 48em) {
	header {min-height: 4.25em;}
	header .logo {line-height: 4.25em; margin-top:0;margin-left:5em}
	header .logo p {font-size: 0.75em;}
	header .logo img {max-height: 3em; margin-left: 0.375em; display: inline-block;}


  .slider-headline-buttons{ display:none; }
	.slider,#slides-hp {padding-top: 6.5em; min-height: 12em;}

	.lista .wrapped {width: 98%;}
	.lista .wrapped p:nth-child(2) {display: none;}

	/* NAVIGATION */
	nav {
		display: block;
		vertical-align: middle;
	}

	nav ul {
		clear: both;
		max-height: 0;
		display: none;
	}
	nav li {float: none;}
	nav ul  {
		max-height: none;
		position: relative;
	}
	nav ul ul {display: block; position: relative; background: none; border: none; background: rgba(200,215,220,0.25);}
	nav li {border-top: 1px solid #c8d7dc;}
	nav li li {padding-left: 0.5em; border: none;}
	nav li li a {border-left: 2px solid #c8d7dc;}
	/* MENU ICON */
	nav .menu-icon {
		position: absolute;
		top: 0em;
		left: 0.75em;
		cursor: pointer;
		display: inline-block;
		padding: 22px 14px;
		position: relative;
		user-select: none;
		background: #ffffff;
		border: 1px solid #ccc;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}

	nav .menu-icon .navicon {
	  background: #333;
	  display: block;
	  height: 2px;
	  position: relative;
	  transition: background .2s ease-out;
	  width: 18px;
	}

	nav .menu-icon .navicon:before,
	nav .menu-icon .navicon:after {
	  background: #333;
	  content: '';
	  display: block;
	  height: 100%;
	  position: absolute;
	  transition: all .2s ease-out;
	  width: 100%;
	}

	nav .menu-icon .navicon:before {
	  top: 5px;
	}

	nav .menu-icon .navicon:after {
	  top: -5px;
	}

	/* MENU BTN */

	nav .menu-btn {
	  display: none;
	}

	nav .menu-btn:checked ~ ul {
		display: block;
		height: auto;
		max-height: calc(100vh - 106px);
		overflow: auto;
		width: 100%;
	}

	nav .menu-btn:checked ~ .menu-icon .navicon {
	  background: transparent;
	}

	nav .menu-btn:checked ~ .menu-icon .navicon:before {
	  transform: rotate(-45deg);
	}

	nav .menu-btn:checked ~ .menu-icon .navicon:after {
	  transform: rotate(45deg);
	}

	nav .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
	header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
	  top: 0;
	}
	.search {right: 0.75em; top: 2.25em;}
	.search input {top: 0;}
	.w25,.partneri a {width: 33%;}
	.lista .wrapped h3{ font-size:0.75em;text-align:left; }
 .w49{
    display: block !important;
    min-width: 0px;
    width: 100%;
}
	#maindiv section ul,	#maindiv section p { clear:both }
}

/* 40em = 640px */
@media (max-width: 40em) {
		.item .a-popis h5, .item .a-popis p{ text-align:center }
	.w30 {width: 100%; float: none;}
	.online-servis .w30:nth-child(-n+4) {border: none;}
	.online-servis .w30:nth-child(odd) {border: none;}
	.online-servis .w30:nth-child(odd), .online-servis .w30:nth-child(even) {border-bottom: 1px solid #c8d7dc;}
	.online-servis .w30:last-child {border:none;}
	.flex {flex-direction: column;}
	.news {max-height: 25%;}
	.news-img {width: 100%; margin-bottom: 0.75em;}
	.lista-dropdown ul {width: 100%;}
	.w50 {width: 100%; padding-bottom: 1.5em;}
	footer .w50 p, footer .w50 strong, footer .w50 a {padding: 0 0.75em; display: block;}
	footer .w50 p strong {display: inline;}
	.slider-headline-buttons a {width: auto;}
	.slider,#slides-hp {padding-top: 6.5em; min-height: 18em;}
}

/* 37.5em = 600px */
@media (max-width: 37.5em) {
	.w25,.partneri a {width: 50%;}
	.lista .wrapped h3{ font-size:0.5em;text-align:left; }

}

/* 25em = 400px */
@media (max-width: 25em) {
	.w25,.partneri a {width: 84%;}
.lista .lista-dropdown{ display:none; }
}

/* 22.5em = 360px */
@media (max-width: 22.5em) {
	.lista .wrapped p,.lista .lista-dropdown {display: none!important;}
	.lista .wrapped h3{ width:75%;float:right }
	.search {left: 0; top: -1.125em;}
	.search label {
		left: 0;
		width: 2.25em;
		height: 2.25em;
		line-height: 2.25em;
	}
	.search i {font-size: 1.5em;}
	.search input {
		height: 34px;
		top: 0;
	}
	.search input:focus {
		padding: 0 3.25em;
		width: 50%;
	}
		.fotogalerie{
			line-height: 0;
		    -webkit-column-count: 1;
		    -webkit-column-gap: 1em;
		    -moz-column-count: 1;
		    -moz-column-gap: 1em;
		    column-count: 1;
		    column-gap: 1em;
		}
	
	.fotogalerie a{
		display:block;
		text-align:center;
	}
	
}