/* A font by Christian Robertson */
/* Downloaded from http://www.fontsquirrel.com */
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-LightItalic-webfont.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-MediumItalic-webfont.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

*:lang(en) {
  quotes: "“" "”" "‘" "’";
}
*:lang(cs) {
  quotes: "„" "“" "‚" "‘";
}

a:link, a:active, a:visited {
	text-decoration: none;
	color: inherit;
}
strong {
	font-weight: 700;
}
body {
	font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 20pt;
	margin: 0;
}
h1.pronly, h2.pronly {
	display: none;
}
@media print {
h1.pronly, h2.pronly {
	display: block;
}
h2.pronly {
	font-size: 30pt;
}
nav {
	display: none !important;
}
}

main {
	display: block;
	text-align: center;
	width: 100%;
}
.bkg-light {
	background-color: #f2f2f2;
}
#contentblock {
	overflow: hidden;
	text-align: left;
	position: relative;
}

header {
	width: 100%;
	height: 248px;
	background-color: white;
	text-align: center;
}

@media screen and (max-width:1600px){
header {
	height: calc(100vw / 6.45);
}
}

.header-content {
	display: inline-block;
	position: relative;
	height: 100%;
	text-align: left;
}
@media screen and (max-width:1772px){
.content-width, header nav.fix > ul {
	width: 90%;
	margin: 0 5%;
}
}
@media screen and (min-width:1773px){
.content-width, header nav.fix > ul {
	width: 1596px;
	margin: 0 auto;
}
}

.header-content p {
	color: #acacac;
	font-size: 33pt;
	font-weight: normal;
	margin: 1.5em 0 0 0;
	margin: 0;
	position: absolute;
	left: 0;
	bottom: 59%;
	z-index: 0;
	line-height: 1;
}
.header-content p span + span {
	font-weight: 300;
	display: inline-block;
}
@media screen and (max-width:1600px){
.header-content p {
	font-size: calc(100vw / 36.36);
}
}
@media screen and (max-width:992px){
.header-content p {
	top: 15%;
	bottom: unset;
}
}
@media screen and (max-width:600px){
.header-content p {
	position: static;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	float: left;
	margin: 0 15% 0 5%;
	width: 60%;
	height: 100%;
	font-size: calc(100vw / 27.58);
	line-height: 1.2;
}
.header-content p span + span::before {
	content: "…";
	visibility: hidden;
}
}
@media screen and (max-width:400px){
.header-content p {
	display: none;
}
}

header nav {
	display: flex;
	align-items: stretch;
	width: 100%;
	height: 60%;
	position: absolute;
	bottom: 0;
	text-transform: uppercase;
	color: #666666;
	z-index: 2;
}
header nav.fix {
	position: fixed;
	top: 0;
	left: 0;
	height: auto;
	bottom: unset;
	z-index: 10;
	background-color: white;
	padding: 0;
	box-shadow: 0 0 4px black;
	transition: opacity 1s;
}
@media screen and (max-width:992px){
header nav {
	height: 45%;
}
}

header nav.sandwichoff, header nav.sandwichon {
	visibility: visible;
	opacity: 1;
	transition: none;
}

header nav > ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 78%;
	display: flex;
	align-content: end;
	justify-content: space-between;
	font-size: 17pt;
	font-weight: 300;
	color: #9a9a9a;
}
@media screen and (max-width:1600px){
header nav > ul {
	font-size: calc(100vw / 70.57);
}
}
@media screen and (max-width:992px){
header nav > ul {
	width: 100%;
	font-size: calc(100vw / 60);
}
}
@media screen and (max-width:768px){
header nav > ul {
	font-size: calc(100vw / 50);
}
}

header nav ul li {
	word-wrap: anywhere;
}
header nav > ul > li {
	flex-grow: 0;
	margin: 0 .8em;
}
header nav > ul > li:first-child {
	margin-left: 0;
}
header nav > ul > li:last-child {
	margin-right: 0;
}
header nav > ul > li > a, header nav > ul > li > span {
	display: flex;
	align-items: flex-end;
	padding: 0 0 24px 0;
	height: 100%;
	position: relative;
	box-sizing: border-box;
}
header nav.fix > ul > li > a, header nav.fix > ul > li > span {
	padding: .5em 0;
}
@media screen and (max-width:768px){
header nav > ul > li {
	margin: 0 .4em;
}
}
@media screen and (max-width:1600px){
header nav > ul > li > a, header nav ul > li > span {
	padding-bottom: calc(100vw / 66.67);
}
}

header nav > ul > li > span, header nav > ul > li > a.act {
	color: black;
	font-weight: 500;
}
header nav > ul > li:hover > a::after, header nav > ul > li > span::after, header nav > ul > li > a.act::after {
    content: "";
    width: 100%;
    height: 8px;
    background-color: rgb(2, 158, 177);
    position: absolute;
    bottom: 0;
    left: 0;
}
@media screen and (max-width:992px){
header nav > ul > li:hover > a::after, header nav > ul > li > span::after {
	height: 4px;
}
}

header nav > ul > li:hover > a, header nav > ul > li > span {
	color: black;
}
header nav > ul > li:hover > a + ul, header nav > ul > li:hover > span + ul {
	display: block;
}
header nav > ul > li > a + ul, header nav > ul > li > span + ul {
	display: none;
	margin: 0;
	padding: .5em;
	list-style-type: none;
	position: absolute;
	background-color: rgba(2, 158, 177, .95);
	font-size: 90%;
	color: white;
	max-width: 20%;
	box-shadow: 0 2px 2px -1px black;
}
header nav > ul > li > ul > li {
	margin: 0;
}
header nav > ul > li > ul > li > a, header nav > ul > li > ul > li > span {
	display: block;
	padding: .3em .5em;
}
header nav > ul > li > ul > li > span, header nav > ul > li > ul > li > a.act {
	font-weight: 500;
	background-color: rgba(255, 255, 255, .2);
}
header nav > ul > li > ul > li > a:hover {
	background-color: rgba(0, 0, 0, .15);
}
header nav ul li i {
	text-transform: none;
	font-style: normal;
}

header nav > ul > li > ul > li > ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-transform: none;
}
header nav > ul > li > ul > li > ul > li {
	margin: 0;
}
header nav > ul > li > ul > li > ul > li > a, header nav > ul > li > ul > li > ul > li > span {
	display: block;
	padding: .2em .5em .2em 1.5em;
}
header nav > ul > li > ul > li > ul > li > span {
	font-weight: 500;
	padding-left: .5em;	
}
header nav > ul > li > ul > li > ul > li > span::before {
	content: "\025B8";
	display: inline-block;
	width: 1em;
}
header nav > ul > li > ul > li > ul > li > a:hover {
	background-color: rgba(0, 0, 0, .15);
}

#hlogo {
	display: block;
	width: 13%;
	margin-left: 3%;
	position: absolute;
	bottom: 30px;
	right: 0;
	text-align: right;
	z-index: 3;
}
#hlogo img {
	border: none;
	max-width: 100%;
	vertical-align: bottom;
}
@media screen and (max-width:1600px){
#hlogo {
	bottom: calc(100vw / 53.33);
}
}
@media screen and (max-width:992px){
#hlogo {
	top: 15%;
	bottom: unset;
	height: 40%;
	bottom: unset;
}
#hlogo img {
	max-height: 100%;
}
}
@media screen and (max-width:600px){
#hlogo {
	display: inline-block;
	position: static;
	margin-left: 0;
	height: 100%;
	width: 20%;
	float: left;
}
#hlogo::before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
#hlogo img {
	vertical-align: middle;
}
}
@media screen and (max-width:400px){
#hlogo {
	width: unset;
}
#hlogo::before {
	display: none;
	content: unset;
}
#hlogo img {
	height: 100%;
	padding: 10% 0;
	box-sizing: border-box;
	float: left;
}
}

/* SANDWICH */
#sandwich_icn {
	display: none;
	float: right;
	border: none;
}
#sandwich_icn:hover {
	cursor: pointer;
}
#sandwich_icn #sandwich_line1, #sandwich_icn #sandwich_line2, #sandwich_icn #sandwich_line3 {
	transform: none;
	transition: transform .5s;
}
#sandwich_icn #sandwich_line1 {
	transform-origin: center;
}
#sandwich_icn.on #sandwich_line1 {
	transform:  rotate(-45deg);
}
#sandwich_icn #sandwich_line2 {
	transform-origin: 30px 15px;
}
#sandwich_icn.on #sandwich_line2 {
	transform: translate(0px, 15px) rotate(-45deg);
}
#sandwich_icn #sandwich_line3 {
	transform-origin: 30px 45px;
}
#sandwich_icn.on #sandwich_line3 {
	transform: translate(0px, -15px) rotate(45deg);
}
@media screen and (max-width:600px){
#sandwich_icn {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	max-width: 100%;
	min-width: 48px;
	z-index: 1;
}

/* MAIN MENU IN HEADER */
header nav, header nav.fix {
	display: block;
	position: absolute;
	width: 100%;
	background-color: white;
	box-shadow: 0 4px 3px grey;
	visibility: hidden;
	opacity: 0;
	bottom: unset;
	top: 100%;
}
header nav.sandwichoff {
	opacity: 0;
	visibility: hidden;
	transition: opacity .5s, visibility 0s .5s;
}
header nav.sandwichon {
	visibility: visible;
	height: unset;
	opacity: 1;
	transition: opacity .5s;
	z-index: 100;
}

header nav > ul {
	display: block;
	font-size: 13pt;
	color: black;
	background-color: #d5d5d5;
}
header nav.fix > ul {
	width: inherit;
	margin: inherit;
}
header nav > ul > li {
	display: block;
	margin: 0;
	text-align: center;
}
header nav > ul > li > a, header nav > ul > li > span, header nav.fix > ul > li > a, header nav.fix > ul > li > span {
	display: block;
	padding: .5em;
}
header nav > ul > li:hover, header nav > ul > li > span {
	background-color: #bbb;
}
header nav > ul > li:hover > a::after, header nav > ul > li > span::after, header nav > ul > li > a.act::after {
	content: none;
	display: none;
}
header nav > ul > li > a + ul, header nav > ul > li > span + ul  {
	display: block;
	position: static;
	max-width: unset;
	padding: 0;
	text-transform: none;
	background-color: #eee;
	color: rgb(2, 158, 177);
	box-shadow: none;
}
header nav > ul > li > ul > li {
	display: block;
}
header nav > ul > li > ul > li > a {
	padding: .5em;
}
header nav > ul > li > ul > li > span, header nav > ul > li > ul > li > a.act {
	background-color: inherit;
	color: black;
}
header nav > ul > li > ul > li > ul {
	display: block;
	background-color: #f6f6f6;
	color: #888;
}
header nav > ul > li > ul > li > ul > li {
	display: block;
}
header nav > ul > li > ul > li > ul > li > a {
	padding: .5em;
}
header nav > ul > li > ul > li > ul > li > span {
	color: black;
}
img.header-logo {
	width: 45%;
}
}
@media screen and (max-width:400px){
img.header-logo {
	width: 55%;
}
}

/* BREADCRUMB MENU */
nav#breadcrumb-menu {
	margin-top: 4em;
	margin-bottom: 2em;
	font-size: 19pt;
	font-weight: 300;
	color: #9a9a9a;
	text-align: left;
}
#breadcrumb-menu ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}
#breadcrumb-menu > ul {
	position: relative;
	left: -.5em;
}
#breadcrumb-menu li {
	display: inline-block;
	margin: 0;
	padding: 0;
}
#breadcrumb-menu li a, #breadcrumb-menu li span {
	display: inline-block;
	padding: .5em;
}
#breadcrumb-menu li a:hover {
	background-color: #f0f0f0;
}
#breadcrumb-menu li span {
	color: rgb(2, 158, 177);
	font-weight: 500;
}
#breadcrumb-menu ul > li {
	text-transform: uppercase;
}
#breadcrumb-menu ul > li > ul::before {
	content: ">";
	content: "\025B8";
	padding: 0 .5em;
}
#breadcrumb-menu ul > li > ul > li {
	text-transform: none;
}
#breadcrumb-menu ul > li > ul > li + li::before {
	content: "\02044";
	padding: 0 .5em;
}
@media screen and (max-width:1600px){
nav#breadcrumb-menu {
	font-size: calc(100vw / 63.16);
}
}
@media screen and (max-width:992px){
nav#breadcrumb-menu {
	font-size: 12pt;
}
}
@media screen and (max-width:600px){
nav#breadcrumb-menu {
	margin-top: 1em;
}
}

/* PORTFOLIO MENU */
#portfolio-menu ul {
	margin: 0;
	padding: 2.5% 0 2em 0;
	list-style-type: none;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	font-size: 17pt;
	font-weight: 300;
	text-transform: uppercase;
	color: white;
}
#portfolio-menu li {
	display: block;
	width: 30%;
	margin: 2.5% 2.5%;
	background: linear-gradient(to bottom, #acacac, #acacac 28%, white);
}
#portfolio-menu li a, #portfolio-menu li > span {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
}

#portfolio-menu li div::before {
	content: "";
	display: block;
	margin-top: 65%;
}
#portfolio-menu li div {
	width: 100%;
	background: center / 80% auto no-repeat;
	transition: background-size .5s ease-in-out;
	align-self: flex-start;
}
#portfolio-menu li:nth-child(1) div {
	background-image: url("../incl/img/portfolio_menu_01-4VM_0024.png");
}
#portfolio-menu li:nth-child(2) div {
	background-image: url("../incl/img/portfolio_menu_02-WAMAG_SEPB_35C_C_01.png");
}
#portfolio-menu li:nth-child(3) div {
	background-image: url("../incl/img/portfolio_menu_04-PE66varD_01.png");
}
#portfolio-menu li:nth-child(4) div {
	background-image: url("../incl/img/portfolio_menu_05-TSCHUDIN_PRO-LINE400_MODEL_02.png");
}
#portfolio-menu li:nth-child(5) div {
	background-image: url("../incl/img/portfolio_menu_06-Design2005-pyramida11.png");
}
#portfolio-menu li:nth-child(6) div {
	background-image: url("../incl/img/portfolio_menu_03-NESSAP-GAMA_3015FLR_MASTER_CAM2_E01.png");
}
#portfolio-menu li a span, #portfolio-menu li > span span {
	display: inline-block;
	width: 100%;
	padding: .3em 1em;
	box-sizing: border-box;
	background-color: #b1b1b1;
	transition: background-color .5s ease-in-out;
	align-self: flex-end;
}
#portfolio-menu li a:hover span, #portfolio-menu li > span span {
	background-color: rgb(2, 158, 177);
}
#portfolio-menu li a:hover div {
	background-size: 90% auto;
}
@media screen and (max-width:1772px){
#portfolio-menu ul {
	font-size: calc((100vw / 78.26) + ((1772px - 100vw) / 100));
}
}
@media screen and (min-width:1025px){
#portfolio-menu li:nth-child(3n+1) {
	margin-left: 0;
}
#portfolio-menu li:nth-child(3n+3) {
	margin-right: 0;
}
}
@media screen and (max-width:1024px){
#portfolio-menu li {
	width: 47.5%;
}
#portfolio-menu li:nth-child(2n+1) {
	margin-left: 0;
}
#portfolio-menu li:nth-child(2n+2) {
	margin-right: 0;
}
}
@media screen and (max-width:512px){
#portfolio-menu ul {
	font-size: calc(100vw / 25.6);
}
#portfolio-menu li {
	width: 100%;
	background: linear-gradient(to bottom, #acacac, #acacac 28%, #f8f8f8);
	margin-left: 0;
	margin-right: 0;
}
#portfolio-menu li a, #portfolio-menu li > span {
	flex-wrap: nowrap;
	justify-content: space-between;
}
#portfolio-menu li div {
	width: 50%;
	margin: 0 5%;
}
#portfolio-menu li a span, #portfolio-menu li > span span {
	display: block;
	width: 40%;
	padding: .6em .8em;
	align-self: stretch;
	text-align: right;
	line-height: 150%;
}
}
/* PRIBEHY MENU */
#pribehy-menu ul {
	margin: 0;
	padding: 2.5% 0 2em 0;
	list-style-type: none;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	font-size: 17pt;
	font-weight: 400;
	text-transform: uppercase;
	color: white;
}
#pribehy-menu li {
	display: block;
	width: 30%;
	margin: 2.5% 2.5%;
	background: linear-gradient(to bottom, #acacac, #acacac 28%, white);
}
#pribehy-menu li a, #pribehy-menu li > span {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
}

#pribehy-menu li div::before {
	content: "";
	display: block;
	margin-top: 65%;
}
#pribehy-menu li div {
	width: 100%;
	background: center / 80% auto no-repeat;
	transition: background-size .5s ease-in-out;
	align-self: flex-start;
}
#pribehy-menu li:nth-child(1) div {
	background-image: url("../incl/img/pribehy_menu_KBA.png");
}
#pribehy-menu li:nth-child(2) div {
	background-image: url("../incl/img/pribehy_menu_Krofian.png");
}
#pribehy-menu li:nth-child(3) div {
	background-image: url("../incl/img/pribehy_menu_Meduna.png");
}
#pribehy-menu li:nth-child(4) div {
	background-image: url("../incl/img/pribehy_menu_Platit.png");
}
#pribehy-menu li:nth-child(5) div {
	background-image: url("../incl/img/portfolio_menu_03-NESSAP-GAMA_3015FLR_MASTER_CAM2_E01.png");
}
#pribehy-menu li:nth-child(6) div {
	background-image: url("../incl/img/pribehy_menu_Soma.png");
}
#pribehy-menu li:nth-child(7) div {
	background-image: url("../incl/img/pribehy_menu_Sulak.png");
}
#pribehy-menu li:nth-child(8) div {
	background-image: url("../incl/img/pribehy_menu_Wamag.png");
}
#pribehy-menu li a span, #pribehy-menu li > span span {
	display: inline-block;
	width: 100%;
	padding: .3em 1em;
	box-sizing: border-box;
	background-color: #b1b1b1;
	transition: background-color .5s ease-in-out;
	align-self: flex-end;
}
#pribehy-menu li a span small, #pribehy-menu li > span span small {
	display: inline-block;
	width: 100%;
	font-size: 80%;
	text-transform: none;
	font-weight: 300;
}
#pribehy-menu li a:hover span, #pribehy-menu li > span span {
	background-color: rgb(2, 158, 177);
}
#pribehy-menu li a:hover div {
	background-size: 90% auto;
}
@media screen and (max-width:1772px){
#pribehy-menu ul {
	font-size: calc((100vw / 78.26) + ((1772px - 100vw) / 100));
}
}
@media screen and (min-width:1025px){
#pribehy-menu li:nth-child(3n+1) {
	margin-left: 0;
}
#pribehy-menu li:nth-child(3n+3) {
	margin-right: 0;
}
}
@media screen and (max-width:1024px){
#pribehy-menu li {
	width: 47.5%;
}
#pribehy-menu li:nth-child(2n+1) {
	margin-left: 0;
}
#pribehy-menu li:nth-child(2n+2) {
	margin-right: 0;
}
}
@media screen and (max-width:512px){
#pribehy-menu ul {
	font-size: calc(100vw / 25.6);
}
#pribehy-menu li {
	width: 100%;
	background: linear-gradient(to bottom, #acacac, #acacac 28%, #f8f8f8);
	margin-left: 0;
	margin-right: 0;
}
#pribehy-menu li a, #pribehy-menu li > span {
	flex-wrap: nowrap;
	justify-content: space-between;
}
#pribehy-menu li div {
	width: 50%;
	margin: 0 5%;
}
#pribehy-menu li a span, #pribehy-menu li > span span {
	display: block;
	width: 40%;
	padding: .6em .8em;
	align-self: stretch;
	text-align: right;
	line-height: 150%;
}
#pribehy-menu li a span small, #pribehy-menu li > span span small {
	font-size: 85%;
}
}

/* REFERENCE */
main.reference {
	background-color: #f8f8f8;
}
ul.refrlist {
	margin: 0;
	padding: 2.5% 0 2em 0;
	list-style-type: none;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	font-weight: 300;
	color: white;
}
.refrlist li {
	display: flex;
	width: 22%;
	margin: 2% 2%;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	background-color: white;
	box-sizing: border-box;
	font-size: 13pt;
	position: relative;
}
.refrlist li[onclick]:hover {
	cursor: pointer;
}
.refrlist li[onclick]::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(2, 158, 177);
	z-index: 0;
	opacity: 0;
	transition: opacity .5s;
}
.refrlist li[onclick]:hover::before {
	opacity: .5;
}
.refrlist li img {
	max-width: 80%;
	max-height: 130px;
	margin: auto 0;
	padding: 10% 0;
}
.refrlist li img + img {
	border-top: 1px solid #eee;
}
.refrlist li span {
	width: 100%;
	padding: .3em .5em;
	box-sizing: border-box;
	background-color: #b1b1b1;
	text-align: center;
	z-index: 1;
	transition: background-color .5s;
}
.refrlist li span:first-child {
	margin: auto 0 0 0;
}
.refrlist li[onclick]:hover span {
	background-color: rgb(2, 158, 177);
}
@media screen and (min-width:1025px){
.refrlist li:nth-child(4n+1) {
	margin-left: 0;
}
.refrlist li:nth-child(4n+4) {
	margin-right: 0;
}
}
@media screen and (min-width:601px) and (max-width:1024px){
.refrlist li {
	margin: 2.5% 2.5%;
	width: 30%;
	font-size: 12pt;
}
.refrlist li:nth-child(3n+1) {
	margin-left: 0;
}
.refrlist li:nth-child(3n+3) {
	margin-right: 0;
}
.refrlist li img {
	max-height: 110px;
}
}
@media screen and (min-width:601px) and (max-width:768px){
.refrlist li {
	font-size: 11pt;
}
}
@media screen and (min-width:401px) and (max-width:600px){
.refrlist li {
	margin: 3% 3%;
	width: 47%;
	font-size: 11pt;
}
.refrlist li:nth-child(2n+1) {
	margin-left: 0;
}
.refrlist li:nth-child(2n+2) {
	margin-right: 0;
}
}
@media screen and (max-width:400px){
ul.refrlist {
	display: block;
}
.refrlist li {
	display: block;
	margin: 8% 2%;
	width: 96%;
	font-size: 12pt;
	text-align: center;
	box-shadow: 0 2px 4px #ddd;
}
.refrlist li img {
	max-height: 100px;
}
.refrlist li span {
	display: none;
}
}
/* KONTAKT */
main.kontakt {
	background-color: #f8f8f8;
}
.kontakt address {
	display: flex;
	margin: 5% 0;
	font-style: normal;
	font-size: 17pt;
	font-weight: 300;
	line-height: 1.5;
	text-align: left;
	color: #666666;
}
.kontakt address div {
	width: 50%;
}
.kontakt address div.cnt {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: white;
}
.kontakt address div.cnt div {
	width: auto;
}
.kontakt address div.map {
	background-color: #e8e8e8;
}
.kontakt address div p {
	margin: 1em 2em;
}
.kontakt address div p + p {
	margin-top: 0;
}
.kontakt address div p span {
	font-weight:bolder;
	color: #029eb1;
}
.kontakt address div p a:hover {
	text-decoration: underline;
}
.kontakt div.imgbot {
	display: inline-block;
	width: 100%;
	margin: 5% 0 10% 0;
	text-align: center;
}
.kontakt div.imgbot img {
	max-width: 70%;
}
@media screen and (min-width:769px) and (max-width:1024px){
.kontakt address {
	font-size: 15pt;
}
}
@media screen and (max-width:768px){
.kontakt address {
	display: block;
	margin: 6% 0;
	font-size: 14pt;
}
.kontakt address div {
	width: 100%;
}
.kontakt address div p {
	margin: 2em 0;
	text-align: center;
}
}
@media screen and (max-width:600px){
.kontakt div.imgbot {
	display: none;
}
}
/* FOOTER */
footer {
	width: 100%;
	float: left;
	background-color: #b1b1b1;
	text-align: right;
	position: relative;
	font-size: 14px;
	color: #666666;
	line-height: 1.4em;
	padding-bottom: 1em;
}
.foot-to-top {
	position: relative;
	width: 100%;
	top: -12px;
	text-align: center;
}
.foot-to-top a {
	display: inline-block;
}
.foot-menu, .foot-contacts, .foot-logo {
	display: inline-block;
	text-align: left;
	vertical-align: top;
}
.foot-menu {
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
	float: left;
	text-transform: uppercase;
	max-width: 45%;
}
.foot-menu li {
	margin-bottom: .5em;
}
.foot-menu li:last-child {
	margin-bottom: 0;
}
.foot-menu a:hover, .foot-contacts a:hover {
	text-decoration: underline;
}
.foot-contacts p {
	margin: 0 0 1em 0;
}
.tel::before, .email::before {
	content: "";
	display: inline-block;
	width: 2em;
	height: 1.25em;
	background: left center/contain no-repeat;
	vertical-align: middle;
}
.tel::before {
	background-image: url("../incl/img/icn_tel.svg");
}
.email::before {
	background-image: url("../incl/img/icn_email.svg");
}
.foot-logo {
	margin-left: 5em;
}
.foot-logo img {
	max-width: 140px;
}
@media screen and (max-width:768px){
.foot-logo {
	display: block;
	margin-left: 0;
	width: 100%;
	float: left;
	text-align: center;
}
.foot-menu {
	max-width: 60%;
}
}
@media screen and (max-width:600px){
.foot-menu, .foot-contacts {
	display: block;
	width: 100%;
	float: left;
	text-align: center;
}
.foot-menu {
	max-width: unset;
	margin: 0;
}
.foot-menu li a {
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	padding: .5em 1em;
}
.foot-contacts {
	margin: 2em 0;
}
}

/* SLIDER */
#slider {
	width: 100%;
	height: calc(100vw * .223);
	overflow: hidden;
	position: relative;
}
#sl-img-loader {
	position: absolute;
	width: 0;
	height: 0;
	visibility: hidden;
}
.sl-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 101%;
	opacity: 1;
	transition: background-size 17s ease-in-out, opacity 4s 1.5s;
	image-rendering: optimizeQuality;	/* deprecated */
	image-rendering: smooth;
}
#sl-image0 {
	z-index: 1;
}
#sl-image1 {
	z-index: 0;
}
.sl-image[data-fade] {
	opacity: 0;
}
.sl-image[data-grow] {
	background-size: 113%;
}
.sl-image[data-noanim] {
	transition: none;
}

/* GALLERY LIST */
#gallery-list {
	display: inline-block;
	width: 100%;
	margin: -1% 0 2rem 0;
	color: white;
	font-size: 13pt;
	text-align: center;
}
#gallery-list figure {
	display: inline-block;
	float: left;
	background-color: #e6e6e6;
	margin: 1%;
	position: relative;
	cursor: pointer;
}
#gallery-list figure::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}
#gallery-list figure figcaption {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background-color: rgba(2,158,177,.92);
	padding: 1em;
	box-sizing: border-box;
	opacity: 0;
	transition: opacity .5s;
}
#gallery-list figure:hover figcaption {
	opacity: 1;
}
#gallery-list figure img {
	display: block;
	position: absolute;
	max-width: 80%;
	max-height: 80%;
	margin: 10%;
	box-sizing: border-box;
}
#gallery-list figure img.full {
	max-width: 100%;
	max-height: 100%;
	margin: 0;
}
#gallery-list figure img.brdr {
	border: 1px solid #e6e6e6;
}

@media screen and (min-width:993px){
#gallery-list figure {
	width: 18.4%;
}
#gallery-list figure:nth-child(5n+1) {
	margin-left: 0;
}
#gallery-list figure:nth-child(5n) {
	margin-right: 0;
}
}
@media screen and (min-width:769px) and (max-width:992px){
#gallery-list figure {
	width: 23.5%;
}
#gallery-list figure:nth-child(4n+1) {
	margin-left: 0;
}
#gallery-list figure:nth-child(4n) {
	margin-right: 0;
}
}
@media screen and (min-width:601px) and (max-width:768px){
#gallery-list figure {
	width: 32%;
}
#gallery-list figure:nth-child(3n+1) {
	margin-left: 0;
}
#gallery-list figure:nth-child(3n) {
	margin-right: 0;
}
}
@media screen and (min-width:401px) and (max-width:600px){
#gallery-list figure {
	width: 49%;
}
#gallery-list figure:nth-child(2n+1) {
	margin-left: 0;
}
#gallery-list figure:nth-child(2n) {
	margin-right: 0;
}
}
@media screen and (max-width:400px){
#gallery-list figure {
	width: 100%;
	margin: 2% 0;
}
}
#shp_name_buffer {
	display: none;
}

/* Osobni profil */
#personal-images, #personal-text {
	font-size: 20pt;
	margin-top: 4em;
}
#personal-images {
	position: absolute;
	width: 18.4%;
	height: calc(100% - 4em);
	z-index: 0;
}
#personal-images .im-item::after {
	content: "";
	display: block;
	padding-top: 100%;
}
#personal-images .im-item {
	display: inline-block;
	width: 100%;
	float: left;
	margin-bottom: 32px;
	position: relative;
}
#personal-images .im-item img {
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	margin: 0%;
	border: none;
}
#personal-images .im-end {
	width: 100%;
	height: 32px;
	position: absolute;
	left: 0;
	bottom: -1px;
	z-index: 0;
	background: linear-gradient(0deg, #f6f6f6, #f6f6f6 1px, rgba(246,246,246,0));
}
#personal-text {
	width: 74%;
	float: right;
}
#personal-text h1 {
	margin: 0 0 1.5em 0;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 120%;
	line-height: 1em;
	font-weight: 500;
	color: rgb(2,158,177);
}
#personal-text p {
	text-align: justify;
	font-weight: 300;
	margin: 1.5em 0;
}
#personal-text p.thanks {
	font-weight: 300;
	font-style: italic;
	margin: 0 0 2em 0;
	font-size: 120%;
	color: rgb(2,158,177);
}
#personal-text p.thanks strong {
	text-transform: uppercase;
	font-weight: 500;
}
#personal-text figure img {
	max-width: 100%;
	max-height: 100%;
}
#personal-text figure figcaption {
	width: 100%;
	font-weight: 300;
	text-align: center;
	font-size: 80%;
	margin: 1em 0 0 0;
}
#personal-text blockquote {
	box-sizing: border-box;
	margin: 1em 0 .5em 0;
}
#personal-text blockquote p {
	margin: 0;
	font-weight: normal;
}
#personal-text blockquote em {
	font-weight: normal;
	font-style: normal;
	font-size: 150%;
	color: rgb(2,158,177);
}
#personal-text a:link, #personal-text a:active, #personal-text a:visited {
	color: rgb(2,158,177);
}
#personal-text a:hover {
	text-decoration: underline;
}
@media screen and (min-width:993px) and (max-width:1772px){
#personal-images, #personal-text {
	font-size: calc(100vw / 66.46);
}
}
@media screen and (min-width:769px) and (max-width:992px){
#personal-images, #personal-text {
	font-size: calc(100vw / 55);
}
}
@media screen and (min-width:601px) and (max-width:768px){
#personal-images, #personal-text {
	font-size: calc(100vw / 50);
}
}
@media screen and (max-width:600px){
#personal-images, #personal-text {
	font-size: calc(100vw / 40);
}
}
@media screen and (max-width:1772px){
#personal-images .im-item {
	margin-bottom: calc(90vw * 0.02);
}
#personal-images .im-end {
	height: calc(90vw * .02);
}
}
@media screen and (max-width:480px){
#personal-text {
	width: 100%;
	font-size: 14px;
	float: left;
}
#personal-images {
	position: static;
	float: left;
	width: 100%;
	height: auto;
	font-size: 14px;
	margin: 0 0 2em 0;
}
#personal-images .im-item {
	width: 49%;
	margin-right: 1%;
}
#personal-images .im-item:nth-child(2n) {
	margin-right: 0;
	margin-left: 1%;
}
#personal-images .im-end {
	display: none;
}
}
#personal-text.curriculum-vitae article {
	line-height: 1em;
	margin: 0 0 2em 0;
}
#personal-text.curriculum-vitae h2 {
	font-size: 130%;
	font-weight: 300;
	line-height: 1.25em;
	margin: 0 0 1.25em 0;
	border-bottom: 1px solid #acacac;
	color: #acacac;
	padding-bottom: .4em;
	text-align: left;
}
#personal-text.curriculum-vitae .row {
	display: inline-block;
	width: 100%;
	margin: 0 0 .75em 0;
}
#personal-text.curriculum-vitae .row h3, #personal-text.curriculum-vitae .row p {
	display: inline-block;
	margin: 0;
	float: left;
	text-align: left;
	line-height: 1.3em;
	width: 60%;
}
#personal-text.curriculum-vitae .row h3 {
	width: 35%;
	margin-right: 5%;
	font-size: 100%;
	font-weight: normal;
}
#personal-text.curriculum-vitae em {
	font-style: normal;
	font-weight: bolder;
}

/* show picture */
#shp_bkg {
	display: none;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 250;
	text-align: center;
	background-color: rgba(64,64,64,0.95);
	background-repeat: no-repeat;
	background-position: center;
}
#shp_bkg.enb, #shp_bkg.enbmsg {
	display: block;
}
#shp_bkg.enbmsg {
	cursor: zoom-out;
}
#shp_bkg.loading {
	background-image: url("img/loading.gif");
}
#shp_imgwrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	height: 100%;
	margin: 0;
	font-size: 12pt;
	color: white;
	font-weight: 300;
}
.loading #shp_imgwrap {
	display: none;
}
#shp_img, #shp_vid {
	display: block;
	max-width: 100%;
	max-height: 100%;
	min-height: 0;
	object-fit: contain;
	margin-top: 1em;
	border: none;
	cursor: initial;
	position: relative;
	left: 0;
	transition: left .5s;
	box-sizing: border-box;
	z-index: 0;
}
#shp_vid.enb {
	display: block;
}
#shp_vid, #shp_vid.enb ~ #shp_img, #shp_vid.enb ~ #shp_navl, #shp_vid.enb ~ #shp_navr, .loading #shp_img, .loading #shp_vid {
	display: none;
}
.tchml #shp_img, .tchml #shp_vid {
	left: -200px;
}
.tchmr #shp_img, .tchmr #shp_vid {
	left: 200px;
}

#shp_txt {
	width: 100%;
	box-sizing: border-box;
	padding: 1em 2em;
	text-shadow: 0 0 2px black;
	position: relative;
	z-index: 4;
}
.enbmsg #shp_txt {
	display: flex;
	min-height: 40%;
	flex-flow: column;
	justify-content: center;
	width: 60%;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 1em 2em;
	font-size: 14pt;
	color: #444;
	text-shadow: none;
	border: 8px solid rgb(2, 158, 177);
	background-color: rgb(240, 240, 240);
}
.enbmsg #shp_img, .enbmsg #shp_navl_top, .enbmsg #shp_navr_top, .enbmsg #shp_inf_top {
	display: none;
}
.navl #shp_img {
	padding-left: 1em;
}
.navr #shp_img {
	padding-right: 1em;
}
#shp_top {
	position: absolute;
	font-size: 11pt;
	width: 100%;
	height: 2.5em;
	left: 0;
	top: 0;
	z-index: 5;
}
#shp_top svg {
	width: 100%;
	height: 100%;
	padding: 15%;
	box-sizing: border-box;
}
#shp_close, #shp_navl_top, #shp_navr_top, #shp_inf_top {
	float: left;
	width: 2.5em;
	height: 2.5em;
	line-height: 2.5em;
	background-color: rgba(0,0,0,0.2);
}
#shp_close {
	float: right;
	cursor: zoom-out;
}
#shp_imgwrap.navr ~ #shp_top #shp_navr_top, #shp_imgwrap.navl ~ #shp_top #shp_navl_top {
	display: initial;
}
#shp_navr_top {
	cursor: e-resize;
}
#shp_navl_top {
	cursor: w-resize;
}
#shp_inf_top {
	width: auto;
	padding: 0 .5em;
	color: #f0f0f0;
	text-shadow: 0 0 2px black;
}
#shp_inf_top::after {
	content: attr(data-idx)"/"attr(data-length);
}
#shp_inf_top[data-length="1"], #shp_navl, #shp_navr, #shp_navr_top, #shp_navl_top {
	display: none;
}
.navl #shp_navl, .navr #shp_navr {
	display: block;
	position: absolute;
	top: 0;
	width: 35%;
	height: 100%;
	background: none;
	cursor: pointer;
	z-index: 2;
	left: 0%;
}
@media (any-hover: none) {
.navl #shp_navl, .navr #shp_navr {
	display: none;
}
}
.navr #shp_navr {
	left: 65%;
	background: none;
	z-index: 3;
}
.navr #shp_navr:hover {
	background: right center/48px no-repeat url("../incl/img/icn_picnavr.svg"), linear-gradient(270deg, rgba(0,0,0,0.3) 0, rgba(0,0,0,0) 64px);
	cursor: e-resize;
}
.navl #shp_navl:hover {
	background: left center/48px no-repeat url("../incl/img/icn_picnavl.svg"), linear-gradient(90deg, rgba(0,0,0,0.3) 0, rgba(0,0,0,0) 64px);
	cursor: w-resize;
}
#shp_around {
	display: flex;
	width: 100%;
	height: 100%;
	position: absolute;
	justify-content: center;
	align-items: center;
	z-index: 1;
	opacity: 1;
	transition: opacity 1.0s;
	visibility: hidden;
}
#shp_around span {
	width: 175px;
	height: 175px;
	background: rgba(0,0,0,0.9) center/60% no-repeat url("../incl/img/icn_picnavaround.svg");
	border-radius: 24px;
	border: 2px solid white;
}
@media screen and (max-width:600px){
#shp_imgwrap, #shp_top {
	font-size: 10pt;
}
.navl #shp_img {
	padding-left: 0;
}
.navr #shp_img {
	padding-right: 0;
}
}

/* images set in a row */
.imagesset-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-items: center;
	justify-content: space-around;
	clear: both;
	margin: 1em 2em;
}
.imagesset-row:last-child, .imagesset-row:last-child figcaption {
	margin-bottom: 0;
}
.imagesset-row[data-id="soma-bulldog-2"], .imagesset-row[data-id="sulak-pribeh-2"], .imagesset-row[data-id="wamag-ecs-locust-3"] {
	float: right;
	margin: 0 0 1em 5%;
}
.imagesset-row img {
	max-width: 23%;
	min-width: 200px;
	max-height: 270px;
	margin: 2% 1%;
}
.imagesset-row img:hover {
	cursor: zoom-in;
}
.imagesset-row[data-id="soma-bulldog-2"] img, .imagesset-row[data-id="sulak-pribeh-2"] img, .imagesset-row[data-id="wamag-ecs-locust-3"] img {
	max-width: unset;
	max-height: 400px;
}
.imagesset-row[data-id="KBA-tiskarske-stroje-16"] img {
	border: 1px solid #666;
}
.imagesset-row figcaption {
	display: none;
	width: 100%;
	font-size: 80%;
	font-style: italic;
	text-align: center;
	color: grey;
	margin-bottom: 2em;
}
.imagesset-row figcaption.vis {
	display: block;
}
figure[data-galid] {
	margin: 0;
}
figure[data-galid]:hover {
	cursor: zoom-in;
}
@media screen and (max-width:1024px){
.imagesset-row[data-id="sulak-pribeh-2"], .imagesset-row[data-id="wamag-ecs-locust-3"] {
	float: none;
	margin: 1em 2em;
}
.imagesset-row[data-id="sulak-pribeh-2"] img, .imagesset-row[data-id="wamag-ecs-locust-3"] img {
	max-width: unset;
	max-height: 270px;
}
}
@media screen and (max-width:768px){
.imagesset-row[data-id="soma-bulldog-2"] {
	float: none;
	margin: 1em 2em;
}
.imagesset-row[data-id="soma-bulldog-2"] img {
	max-width: 23%;
	max-height: 270px;
}
}
@media screen and (max-width:600px){
.imagesset-row img {
	max-width: 400px;
	max-height: 300px;
}
.imagesset-row img + img {
	display: none;
}
}
/* show picture END */

/* Pribeh designu */
.pribeh-designu section, div.pdintro {
	text-align: left;
	font-size: 15pt;
	font-weight: 300;
}
.pribeh-designu h1 {
	font-size: 29pt;
	font-weight: 500;
	margin: 1.5em 0 .75em 0;
}
.pribeh-designu h2 {
	font-size: 19pt;
	font-weight: 400;
	margin: 0;
}
.pribeh-designu h3, .pribeh-designu h1.fornav {
	font-size: 19pt;
	font-weight: 400;
	margin: 0 0 1em 0;
	color: rgb(2, 158, 177);
	text-transform: uppercase;
	letter-spacing: 0.15em;
}
.pribeh-designu h1.fornav {
	text-align: left;
	margin: 5% auto 0 auto;
}
.pribeh-designu h4 {
	font-size: 17pt;
	font-weight: 400;
	margin: 0 0 1em 0;
	color: #aaa;
}
.pribeh-designu p {
	margin: 0 0 1em 0;
	text-align: justify;
}
.pribeh-designu p:last-child, .pribeh-designu section ul:last-child, .pribeh-designu blockquote p:last-child {
	margin-bottom: 0;
}
.pribeh-designu section ul {
	margin: 1em 0;
	padding: 0;
	list-style: none;
}
.pribeh-designu section ul li {
	padding: 0 0 0 1.4em;
	position: relative;
}
.pribeh-designu section ul li::before {
	content: "\200B";
	display: inline-block;
	position: absolute;
	width: .5em;
	height: .5em;
	top: .5em;
	left: 0;
	background-color: #029eb1;
}
.pribeh-designu blockquote {
	display: inline-block;
	float: right;
	width: 40%;
	margin: 0 0 1em 5%;
	padding: 2em;
	box-sizing: border-box;
	background-color: #ecf9fb;
	font-style: italic;
	line-height: 1.6;
}
.pribeh-designu .bkg-light blockquote {
	background-color: #d1eaee;
}
.pribeh-designu blockquote.w30 {
	width: 30%;
}
.pribeh-designu blockquote.w60 {
	width: 60%;
}
.pribeh-designu blockquote.w100 {
	width: 100%;
	float: none;
	margin-left: 0;
}
.pribeh-designu blockquote p {
	text-align: left;
	margin: 0 0 1em 0;
	font-size: 130%;
}
.pribeh-designu blockquote footer {
	background-color: unset;
	float: none;
	text-align: left;
	position: static;
	font-size: 80%;
	padding: 0;
	margin: 0;
	line-height: 1.3;
	color: #888;
	font-style: normal;
}
.pribeh-designu section a:hover {
	text-decoration: underline;
	cursor: pointer;
}
.imagesset-row + p {
	margin-top: 1em;
}
@media screen and (max-width:1772px){
.pribeh-designu h1 {
	font-size: calc(100vw / 45.83);
}
.pribeh-designu h2 {
	font-size: calc(100vw / 69.94);
}
}
@media screen and (max-width:1200px){
.pribeh-designu h1 {
	font-size: calc(100vw / 35);
}
.pribeh-designu h2 {
	font-size: calc(100vw / 53.41);
}
.pribeh-designu blockquote, .pribeh-designu blockquote.w60, .pribeh-designu blockquote.w30 {
	width: 50%;
}
.pribeh-designu blockquote p {
	font-size: 120%;
}
}
@media screen and (max-width:768px){
.pribeh-designu h1 {
	font-size: calc(100vw / 27);
}
.pribeh-designu h2 {
	font-size: calc(100vw / 38);
}
.pribeh-designu blockquote, .pribeh-designu blockquote.w60, .pribeh-designu blockquote.w30 {
	width: 100%;
	float: none;
	margin: 0 0 1em 0;
}
}
@media screen and (max-width:600px){
.pribeh-designu p {
	text-align: left;
}
}

.pd-row > div, .pd-intro > div {
	display: inline-block;
	width: 100%;
	margin: 5% 0;
}
div.pd-intro {
	display: flex;
	flex-wrap: nowrap;
	justify-content: start;
	align-items: center;
}
.pd-intro > div {
	float: left;
	width: 50%;
	text-align: center;
}
.pd-intro img.logo {
	max-width: 70%;
}
.pd-intro img.subject {
	max-width: 80%;
}
@media screen and (max-width:480px){
div.pd-intro {
	flex-wrap: wrap;
}
.pd-intro > div {
	width: 100%;
	margin: 10%;
	text-align: center;
}
.pd-intro > div + div {
	margin-top: 0;
	text-align: center;
}
.pribeh-designu h1 {
	font-size: 18pt;
}
.pribeh-designu h2 {
	font-size: 13pt;
}
.pribeh-designu p {
	text-align: left;
}
.pd-intro img.subject {
	margin: 0;
}
}
/* Pribeh designu END */
/* Sluzby */
.sluzby section {
	font-size: 15pt;
	font-weight: 300;
}
.sluzby .txt-row {
	display: inline-block;
	margin-top: 5%;
	margin-bottom: 5%;
	text-align: left;
}
.sluzby h1 {
	font-size: 29pt;
	font-weight: 500;
	margin: 1.5em 0 .75em 0;
	text-align: center;
}
.sluzby h2 {
	font-size: 24pt;
	font-weight: 400;
	margin: 1.5em 0 1.5em 0;
	text-align: center;
}
.sluzby h3 {
	font-size: 19pt;
	font-weight: 400;
	margin: 0 0 1em 0;
	color: rgb(2, 158, 177);
	text-transform: uppercase;
	letter-spacing: 0.15em;
}
.sluzby .txt-row h1:first-child, .sluzby .txt-row h2:first-child, .sluzby .txt-row h2:first-child {
	margin-top: 0;
}
.sluzby p {
	margin: 0 0 1em 0;
	text-align: justify;
}
.sluzby p:last-child, .sluzby section ul:last-child {
	margin-bottom: 0;
}
.sluzby section ul {
	margin: 1em 0;
	padding: 0;
	list-style: none;
}
.sluzby .intro, .sluzby .intro p {
	text-align: center;
}
.sluzby .intro p, .sluzby .intro ul {
	font-size: 19pt;
}
.sluzby .intro em {
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	color: rgb(2, 158, 177);
}
.sluzby section ul li {
	padding: 0 0 0 1.4em;
	position: relative;
	text-align: left;
}
.sluzby section ul li::before {
	content: "\200B";
	display: inline-block;
	position: absolute;
	width: .5em;
	height: .5em;
	top: .5em;
	left: 0;
	background-color: rgb(2, 158, 177);
}
.sluzby .intro ul {
	display: inline-block;
}
.sluzby .intro ul li {
	margin-top: .5em;
	padding: 0;
}
.sluzby section ul li::before {
	content: none;
}
.sluzby a.examples {
	display: inline-block;
	width: 10em;
	float: right;
	box-sizing: border-box;
	margin-left: 3em;
	border: 2px solid rgb(2, 158, 177);
	background-color: transparent;
	transition: background-color .5s;
	cursor: pointer;
}
.sluzby a.examples::before {
	content: "";
	display: block;
	padding-bottom: 100%;
	background: center / 40% no-repeat url("../incl/img/icn_angle-right.svg");
}
.sluzby a.examples:hover {
	background-color: rgba(2, 158, 177, .5);
}
/*
@media screen and (max-width:1772px){
}
*/
@media screen and (max-width:1200px){
.sluzby h1 {
	font-size: 26pt;
}
.sluzby h2 {
	font-size: 22pt;
}
.sluzby h3, .sluzby .intro p, .sluzby .intro ul {
	font-size: 17pt;
}
.sluzby section {
	font-size: 14pt;
}
.sluzby a.examples {
	margin-bottom: 1em;
}
}
@media screen and (max-width:768px){
.sluzby h1 {
	font-size: 22pt;
}
.sluzby h2 {
	font-size: 19pt;
}
.sluzby h3, .sluzby .intro p, .sluzby .intro ul {
	font-size: 16pt;
}
.sluzby section {
	font-size: 13pt;
}
.sluzby a.examples {
	width: 8em;
}
}
@media screen and (max-width:600px){
.sluzby h1 {
	font-size: 18pt;
}
.sluzby h2 {
	font-size: 16pt;
}
.sluzby h3, .sluzby .intro p, .sluzby .intro ul {
	font-size: 14pt;
}
.sluzby section {
	font-size: 12pt;
}
.sluzby section ul {
	margin-top: 0;
}
.sluzby .intro, .sluzby .intro p, .sluzby p, .sluzby h1, .sluzby h2 {
	text-align: left;
}
.sluzby a.examples {
	width: 5em;
}
.sluzby .intro em {
	display: block;
}
}
/* Sluzby END */