@charset "UTF-8";
/*
Theme Name: pmk2024
Author: cisadesign.cz
 */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500&family=Open+Sans:ital,wght@0,400;0,600;1,400;1,600&display=swap');
/*barvy
#9c67a4
#3c3c3b
*/
*,
*:after,
*:before {
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;

}

html, body {
height: 100%;
min-height: 100%;
position: relative;
}
body {
margin: 0;
font-family: 'Open Sans', sans-serif;
overflow-x: hidden;
color: #0a0f0d;
font-size: 16px;
line-height: 1.6em;
width: 100%;
height: 100%;
background-image: url(img/bg.jpg);
background-position: right bottom;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
summary, hgroup {
    margin: 0;
    padding: 0;
    border: 0;
}

a:active,
a:hover {
    outline: 0;
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }


.nav-collapse ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    list-style: none;
}

.nav-collapse li {
    width: 100%;
    display: block;
}

.js .nav-collapse {
    clip: rect(0 0 0 0);
    max-height: 0;
    position: absolute;
    display: block;
    overflow: hidden;
    zoom: 1;
    z-index: 999
}

.nav-collapse.opened {
    max-height: 9999px;
}

.disable-pointer-events {
    pointer-events: none !important;
}

.nav-toggle {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

@media screen and (min-width: 1090px) {
    .js .nav-collapse {
        position: relative;
    }
    .js .nav-collapse.closed {
        max-height: none;
    }
    .nav-toggle {
        display: none;
    }

}


.ie11 {display: none}
_:-ms-fullscreen, :root .ie11 { display: block; margin-top: 40px;text-align: center}

header {
position: fixed;
z-index: 999;
width: 100%;
max-width: 1140px;
margin: auto;
top: 100px;
height: 80px;
line-height: 80px;
background-color: rgba(255,255,255,1);
box-shadow: 0px 0px 5px 5px rgba(176,176,176,0.1);


}


.logo {
	float: left;
	margin-top: 5px;
/*	opacity: 0.6;*/
	height: 20px;
	width: auto;
}
.logo img {height: 20px; width: auto}
.logo:hover {transform:scale(1.05);
/*	opacity: 1*/
}

/* ------------------------------------------
  NAVIGATION STYLES
--------------------------------------------- */

.fixed {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
}

.nav-collapse,
.nav-collapse * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
    list-style: none;
    width: 100%;
    float: left;
}

@media screen and (min-width: 1090px) {
    .nav-collapse {
        float: right;
        width: auto;
    }
}

.nav-collapse li {
    float: left;
    width: 100%;
}

@media screen and (min-width: 1090px) {
    .nav-collapse li {
        width: auto;
    }
}

.nav-collapse a {
-webkit-tap-highlight-color: rgba(0,0,0,0);
border-top: 1px solid rgba(0,0,0,0.5);
text-decoration: none;
padding-left: 20px;
/*color: #52C2F0 !important;*/
width: 100%;
float: left;	/*background-color: rgba(255,255,255,1.00);*/
font-weight: bold
}


.nav-collapse a:hover
{
	border-bottom: 4px solid #9c67a4;
	color: #9c67a4;/**/
	text-decoration: none !important
}
.menu-scroll a {color: #3c3c3b}
.menu-scroll a:hover {color: #9c67a4 !important; border-bottom: 4px solid #9c67a4}
@media screen and (min-width: 1090px) {
    .nav-collapse a {
        padding: 0 10px 0 10px;
        text-align: center;
        border-top: 0;
        float: left;
        margin: 0;
		
    }
}


@media screen and (min-width: 1090px) {
    .nav-collapse ul ul a {
        display: none;
    }
}


@font-face {
    font-family: "responsivenav";
    src: url("img/responsivenav.eot");
    src: url("img/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("img/responsivenav.ttf") format("truetype"),
    url("img/responsivenav.woff") format("woff"),
    url("img/responsivenav.svg#responsivenav") format("svg");
    font-weight: normal;
    font-style: normal;
}

.nav-toggle {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
    text-indent: -300px;
    position: relative;
    overflow: hidden;
    width: 60px;
    height: 80px;
    float: right;
}

.nav-toggle:before {
    color: rgba(0,0,0,1);
    font: normal 28px/55px "responsivenav";
    text-transform: none;
    text-align: center;
    position: absolute;
    content: "\2261";
    text-indent: 0;
    speak: none;
    width: 100%;
    left: 0;
    top: 0;
}

.nav-toggle.active:before {
    font-size: 24px;
    content: "\78";
}







nav {
	float: right; 
	text-align: left;/*margin-right: 40px;*/

}

nav ul ul {
	display: none;
}

nav ul li:hover > ul {
		display: block;
	}


nav ul {
	padding: 0;  
	list-style: none;
	position: relative;
	display: inline-table;
	line-height: 80px;
	
}
nav ul:after {
		content: ""; clear: both; display: block;
	}

nav ul li {
		float: left;
		
	}

		
nav ul li a {
	display: block;
	color: #3c3c3b;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 0.8em;
	height: 80px;
	text-transform: uppercase;
		}
	
.nav-spacer {width: 100%; height: 80px;}


a, .fancybox img, .logo, .logo-w, .button span, input, .odeslat, header, .bannery a img{
-o-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  }	
a {color: #3c3c3b;text-decoration: none}
a:hover {color: #000;text-decoration: underline}	
		
		
		
.container-all {
height: 100%;
max-width: 1140px;
margin: auto;
margin-top: 100px;
position: relative !important;
display: block;
}		
		
section {width: 100%; float: left; position: relative; height: auto; display: block; background-color: #fff; box-shadow: 0px 0px 5px 5px rgba(176,176,176,0.1);}		
		
.flex-container {
	display: flex;
	height: 100%;
	max-width: 1140px;
	margin: auto;
    flex-direction: column;
	justify-content: center;
	align-items: center;
}

#home {
/**/    display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
position: relative !important;
min-height: 400px;
height: 400px;
text-align: center !important;
color: #fff;
/*text-shadow: 0px 2px 2px rgba(0,0,0,0.5);
overflow: hidden;*/
/*background-image: url(img/bg.jpg);
background-position: center center;
background-size: cover;*/
margin-top: 120px;
background-color: #9c67a4;
text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
}
.top-subpage {min-height: 200px !important;height: 200px !important;}
#home p {margin-bottom: 0; padding-bottom: 0}
.home-container {
	display: flex;
	height: 60%;
	min-height: 60%;
/*	max-width: 1286px;*/
	margin: auto;
    flex-direction: column;
	justify-content: center;
	align-items: center;
}



h1, h2, h3, .button, .odeslat {font-family: 'Barlow', sans-serif;margin-bottom: 1.3em;font-weight: 600;}
h1, .button, .odeslat {text-transform: uppercase;}
h1 {
    font-size: 2.25em;
    color: #9c67a4;
    line-height: 1.2em;
    margin-bottom: 0;
    text-align: center;
	display: block;
	width: 100%;
    
}

h2 {font-size: 1.5em;color: #3c3c3b;}
h3 {font-size: 1.1em;color: #3c3c3b;}
p, section ul {margin-bottom: 1.4em;margin-top: 0;line-height: 1.6em;width: 100%;}
section ol {margin-left: 1.2em; width: 100%;float:left}


#home .claim22  {	
	padding: 20px;/**/
	font-weight: 900;
    color: #fff;
	
	margin-bottom: 0em;
	width: 100%;
    position: absolute;
    z-index: 2;
    text-align: left;
    max-width: 1286px;
	margin: auto;
	padding-left: 40px;
	padding-right: 40px;
}
#home h1 {font-size: 5em;font-weight: 900;
    color: #fff;/*text-align: left;*/}
 
#home h2 {	
	/*padding: 20px;*/
	font-weight: 100;
    color: #fff;
	margin-bottom: 0em;
	width: 100%;
}

	  
	  		
#kontakt i {width: 20px;margin-left: -20px;}	
#kontakt p {margin-left: 20px;}
		
.container{
	max-width: 1140px;
	margin: auto;
	padding-left: 40px;
	padding-right: 40px;/**/
        }
.container ul{
	margin-left: 40px;
        }
		
.content-home{
float:left; width: calc(100% - 340px)
        }
.cleaner {float: left; clear: both; width: 100%; height: 1px;}
.cleaner40px {float: left; clear: both; width: 100%; height: 40px;}
.cleaner80px {float: left; clear: both; width: 100%; height: 80px;}
.cleaner120px {float: left; clear: both; width: 100%; height: 120px;}

.button {margin-top: 40px;}
.button span{background-color: #9c67a4; color: #fff; padding: 15px;border-radius: 5px;
box-shadow: 4px 4px 0px 0px rgba(176,176,176,0.20); cursor: pointer; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);}
.button a:hover {text-decoration: none; }
.button span:hover {
background-color: #0a0f0d;
color: #fff;/*border: 0px solid #9c67a4;margin-left: 5px;*/
box-shadow: 0px 0px 0px 0px rgba(156,103,164,1.00);margin-left: 4px;
}


.ikonka  {line-height: 40px; float: left;display: block;width: 100%;/*text-align: center*/}	
.ikonka img {width: 40px; height: auto; /**/float: left; margin-right: 20px;}
.ikonka i { /*width: 40px; height: auto;*/float: left; margin-right: 10px;color: #9c67a4;font-size: 20px;margin-top: 10px} 

.bannery {
max-width:320px;
float:right;
text-align: center;
margin-left: 20px;
}
.bannery img {width: 100%; max-width: 300px; height: auto;margin-top: 10px;margin-right: 10px;margin-left: 10px;margin-bottom: 10px;box-shadow: 0px 0px 5px 5px rgba(176,176,176,0.1);}
.bannery img:hover {box-shadow: 0px 0px 5px 5px rgba(176,176,176,0);transform:scale(1.05);}


		
/*formular*/



/*formular*/







.align-center {text-align: center !important; margin-left: auto; margin-right: auto}
.align-left {text-align: left}
.align-right {text-align: right}








.block-container {
width: 100%;
height: 100%;
}

.block-1-1, .block-1-2, .block-1-3, .block-2-3 {display: block; float: left; position: relative}
.block-1-1 {width: 100%;}
.block-1-2 {width: 50%;}
.block-2-3 {width: 66.6666666%;}
.block-1-2 img {width: 100%;height: auto}
.block-1-3 {
    display: flex;
    float: left;
    padding: 40px;
    width: 33.3333333%;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 200px;/**/
    flex-direction: column;
    position: relative;
}

.block-1-3 p, .block-1-3 h3 {
margin-bottom: 0;
}
.block-1-2 .block-1-3 {
	width: 100%;
}




.mobile {display: none}


footer {
	background: rgba(255,255,255,1);
	width: 100%;
	height: 80px;
	line-height: 80px;
	font-size: 0.5em;
	text-align: center;
	float: left;
}




@media screen and (max-width: 1390px) {
/*body {font-size: 0.9em;}
.flex-container {max-width: 1200px;}*/
}



@media screen and (max-width: 1090px) {
.container ul {margin-left: 0}
.logo {display: block !important}
header {height: 60px !important;line-height: 60px !important;background-color: rgba(255,255,255,1)!important; background-image: none !important; top:0 !important}
header .container {padding: 0}
header .container .logo {position: absolute; left: 20px}
nav ul li a {height: 60px;line-height: 60px;}
.nav-toggle {height: 60px;}
.nav-collapse a {background-color: rgba(255,255,255,1.00) !important;/*color: #52C2F0 !important;*/}
.flex-container {/*height: auto;*/ padding-left: 40px; padding-right: 40px;}
.cleaner80px {height: 40px}
.logo {margin-top: 5px;opacity: 1; margin-left: 0}
.logo img {height: 20px;}
.content-home {width: 100%}
.bannery {width: 100%; max-width: 100%;}
.bannery {
max-width:100%;
margin-left: 0px;
}
.slider {max-width: 320px;float: left;}
}		
	
@media screen and (max-width: 910px) {
.container-all {margin-top: 0}
#home {margin-top: 0; height: auto}
.flex-container {
	/*display: block;*/
	width: 100%;
	max-width: 100%;
    min-height: 100%;
	height: auto;
	padding: 20px;
	padding-bottom: 0;

}
table {width: 100%;
  float: left;margin: 0px;
  margin-bottom: 20px;
}
#home h1 {font-size: 2em}
h1 {font-size: 2em; padding-left: 0;  padding-right: 0}
.block-1-3, .block-2-3, .block-1-1, .block-1-2 {width: 100%; height: auto; margin-left: 0; margin-bottom: 20px}
.formular {width: 100%}


}


.copyright img {height: 12px; width: auto; margin-left: 2px; margin-bottom: -2px;}
.footer a, .copyright a {color: #000;  text-decoration: none;opacity: 0.6;}
.footer a:hover, .copyright a:hover {opacity: 1 !important;text-decoration: none !important;}
.copyright  span {display: none;}

.sponzor {text-align:center; background-color: rgba(255,255,255,0.7); height: auto;display:block;float:left;margin:0}
.sponzor img {width: auto;max-height: 100%; padding: 10px}
.sponzor span {text-align: right; float: right}












#prompt-background {
  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999999;
  background: rgba(0, 0, 0, 0.7);
}
.modal-prompt select {
  float: left;
  margin-right: 10px;
}
.modal-prompt {
  background: #fff;
  /*border-radius: 2px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);*/
  height: auto;
  margin: 0 auto;
  padding: 30px 30px 30px 30px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1000000;
    width: 620px;
    border-radius: 8px;
}
.modal-prompt h1 {padding-bottom: 20px; line-height: 1.2em}
.modal-prompt p {text-align: left !important; font-size: 0.9em;padding-left: 20px}
.modal-prompt i {text-align: left !important; color: #9c67a4; margin-left: -20px}
@media screen and (max-width : 500px){
.modal-prompt {width: 100%;}
}




.button small {font-size:10px;margin-top:0px;width:100%;fl---------oat:left}



/*ninja form*/
.nf-form-content label{font-size: 16px !important;}
.nf-form-content button, .nf-form-content input[type="button"], .nf-form-content input[type="submit"] {
	background-color: #9c67a4!important;
	color: #fff!important;
	padding: 15px!important;
/*	padding-right: 24px!important;
	padding-left: 24px!important;
	padding-bottom: 16px!important;*/
	border: none!important;
	cursor: pointer!important;
	border-radius: 5px!important;
	font-size: 16px!important;
	text-align: center!important;
	font-family: 'Barlow', sans-serif!important;
	height: auto !important;
	box-shadow: 4px 4px 0px 0px rgba(176,176,176,0.20);
	/*position: relative;*/
}


.nf-form-content button:hover, .nf-form-content input[type="button"]:hover, .nf-form-content input[type="submit"]:hover {background-color: #0a0f0d !important;box-shadow: 0px 0px 0px 0px rgba(156,103,164,1.00);margin-left: 4px;}

.nf-input-limit {font-size: 8px !important;}


.stul-form-wrap, .stul-form-wrap input[type="text"], .stul-form-wrap input[type="email"], .qmn_btn {font-family: 'Barlow', sans-serif !important;}
.stul-form-wrap.stul-template-3 .stul-form-submit, .qmn_btn {background-color: #9c67a4 !important;border-radius: 5px;box-shadow: 4px 4px 0px 0px rgba(176,176,176,0.20);text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);}
.stul-form-wrap.stul-template-3 .stul-form-submit:hover, .qmn_btn:hover {background-color: #0a0f0d !important;box-shadow: 0px 0px 0px 0px rgba(156,103,164,1.00);margin-left: 4px;}
.stul-email {border: 1px solid #333 !important}
.qmn_btn {color: #fff !important; padding: 15px;font-size: 16px; border: none !important; border-radius: 5px;cursor: pointer;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);}



.block-1-2-video {
-webkit-box-shadow: 0px 0px 10px 4px rgba(135,135,135,0.15);
box-shadow: 0px 0px 10px 4px rgba(135,135,135,0.15);
padding: 10px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 20px;
width: calc(50% - 20px);
display: block;
float: left;
position: relative;
border: solid #fff 5px;
}



.wp-video {margin: auto}


.video {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.video:before, .block-1-2-video:before {
    content: "";
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    display: block;
    overflow: hidden;
}

.video iframe, .block-1-2-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.popis-videa {padding-left: 20px;}

.offline-videa {font-size: 0.7em; line-height: 1.2em !important; text-align: left}
.offline-videa h1 {line-height: 1.2em !important; text-align: left; padding-bottom: 0.5em}




.qsm-page {box-shadow: none}
.qsm_contact_div input {background: #f7f7f7;
border: 1px solid #c4c4c4;
border-radius: 0;
box-shadow: none;
color: #787878;
height: 50px;
line-height: 50px;
padding: 10px;
min-width: 200px;}
.qmn_mc_answer_wrap, .qsm_contact_div {width: 100%; margin-bottom: 20px;}
.random .qsm-contact-type-email {width: 50%;float: left}

.qsm-quiz-container {
padding: 40px !important;
background-color: #fff;
}

.qmn_error_message {color: red; margin-bottom: 20px;}


.qsm-btn, .qsm-submit-btn, .qmn_btn {position: relative !important;  z-index:9}


.qsm-contact-type-text {display:block;width:50%;float:left}
.qsm-contact-type-text input {width:calc(100% - 20px);}
.mlwEmail {width:calc(50% - 20px);}

.qsm-question-wrapper {width: 100%; margin-bottom: 40px;}

section {padding: 40px;}

@media screen and (max-width : 500px){
section {padding: 10px;}
#home {margin-top: 40px;}
.container{
	padding-left: 10px;
	padding-right: 10px;/**/
        }
}

table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table tr {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: .35em;
}

table th,
table td {
  padding: .625em;
  text-align: left;
}

table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (max-width: 600px) {
  table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }
  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: left;
	width: 100%;
  }
  
  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
  
  
.qsm-contact-type-text, .qsm-contact-type-text input, .mlwEmail {display:block;width:100%;float:left}
}





/****** photos ******/
.fancybox-prev, .fancybox-next, .fancybox-close {color: #000 !important; font-family: FontAwesome;}
.fancybox-title {font-size: 12px;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: none !important;
	background-color: #FFFFFF;
}
.fancybox-close, .fancybox-nav span {
    line-height: 36px;
    text-align: center;
}


/* clear fix */
.grid-photo:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.photo-sizer,
.photo-item {
  width: calc((100% - 60px)/4);
}

.photo-item {
  float: left;
}
.fancybox img {
	max-width: 100%;
	height: auto;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.15);
    position: relative !important;
    z-index: 1;
}
.fancybox{
/*transform:scale(1.05);*/
    position: relative;
}
.certificate a.fancybox:after{
color: #fff;
	position: absolute;content: "\f002";  
    font-family: FontAwesome;
    right: 3px;bottom: 8px;width: 40px;height: 40px;line-height: 40px;background-color: rgba(0,0,0,0.20);display: block;z-index: 2;text-align: center;
}



.fancybox img:hover {
transform:scale(1.05);
/*opacity:0.7;*/
box-shadow: none;

}
.photo-item .fancybox img {
	display: block;
	max-width: 100%;
	width: 100%;
	height: auto;
	margin-bottom: 20px;/**/
	/*border: 10px solid #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);*/
	
}
.photo-item, .fancybox { overflow: hidden}



@media screen and (max-width : 810px){
.photo-sizer, .photo-item {width: calc((100% - 20px)/2);}
}  

@media screen and (max-width : 500px){
.grid-sizer, .grid-item, .photo-sizer, .photo-item {width: 100%;}
}

@media screen and (max-width : 350px){
.photo-item, .gallery-item .fancybox{width: 100%;}
}





/****** photos-end ******/



.mlw_qmn_timer {text-align:center;font-size:24px;top:80px}
.mlw_qmn_timer::before {
  content: 'Čas na vyplnenie: '
}
.qsm-progress-bar .progressbar-text {color:#9c67a4 !important;text-align:center}
.qsm-progress-bar path:nth-of-type(2) {stroke:#9c67a4 !important;}

@media (max-width: 768px) {.mlw_qmn_timer {top:80px !important}}