/*
Theme Name: phd 2025
Theme URI: 
Author: cisadesign.cz
*/
  @import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,600;1,400;1,600&display=swap');
*,
*:after,
*:before {
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;

}

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

.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: 1460px) {
    .js .nav-collapse {
        position: relative;
    }
    .js .nav-collapse.closed {
        max-height: none;
    }
    .nav-toggle {
        display: none;
    }

}


header {
	background-color: #333;
	position: fixed;/**/
	z-index: 4;
	width: 100%;
	left: 0;
	top: 0px;
	height: 60px;
	line-height: 60px;
}

.logo {
    height: 60px;
    padding-left: 10px;/**/
	padding-top: 0px;
    float: left;
}
.logo i {color: #fff !important}
.logo img{
    float: left;
}
.logo2 {position: absolute; height: 60px; z-index: 3; right: 0; bottom: 0}
.mask {
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    transition: opacity 300ms;
    background: rgba(0,0,0, .5);
    visibility: hidden;
    position: fixed;
    opacity: 0;
    z-index: 2;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}

.android .mask {
    -webkit-transition: none;
    transition: none;
}

.js-nav-active .mask {
    visibility: visible;
    opacity: 0;
}

@media screen and (min-width: 1460px) {
    .mask {
        display: none !important;
        opacity: 0 !important;
    }

}


/* ------------------------------------------
  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%;
	
}

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

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

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

.nav-collapse a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	border-top: 1px solid rgba(255,255,255,0.5);
	text-decoration: none;
	background-color: rgba(0,0,0,1);
	padding-left: 10px;
	color: #fff;
	width: 100%;
	float: left;

}

.nav-collapse a:active,
.nav-collapse a:hover,
.nav-collapse .active a {
	background-color: #000;
}

@media screen and (min-width: 1460px) {
    .nav-collapse a {
        border-left: 1px solid rgba(255,255,255,0.2);
        padding: 0 10px 0 10px;
        text-align: center;
        border-top: 0;
        float: left;
        margin: 0;
    }
	.nav-collapse a {
	background-color: rgba(0,0,0,0);

}
}

.nav-collapse ul ul a {
    background: rgba(0,0,0,1);
    padding-left: 2em;
}

@media screen and (min-width: 1460px) {
    .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: 55px;
    float: right;
}

.nav-toggle:before {
    color: #fff;
    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;
}

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: 60px;
}
nav ul:after {
		content: ""; clear: both; display: block;
	}

nav ul li {
		float: left;
		
	}
nav ul li:hover {
	background-color: #000;
	color: #fff !important;
		}

		
nav ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
		}
		
nav ul li a:hover {
	color: #fff !important;
		}			
nav li:hover a {
	color: #fff !important;
		}					
nav ul ul {
		padding: 0;
		position: absolute;
		top: 100%;
	}
nav ul ul li {
	float: none;
	position: relative;
	color: #fff;
		}
nav ul li ul li ul li {
	margin-left: 1px;
}	
nav ul li ul li a {
	line-height: 40px !important;
	color: #fff;
	height: 40px;
	white-space: nowrap;
	background: #68a905;
			
			}	
nav ul li ul li a:hover {
	background: #96c30a;				
			}	
nav ul ul li a:hover {
	background: #333;
	opacity: 1.0;
	color: #fff;
	border-top: none;
	line-height: 40px !important;
				}
		
nav ul ul ul {
		position: absolute; left: 100%; top:0;
	}


a, .fancybox img, .myPrev span, .myNext span {
-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;
  }	


.slicknav_menu {
	display:none;
	z-index: 3000;
	position:fixed;
	right: 0;
	top: 0;
}








html, body {

    width: 100%;
    height: 100%;
    min-height: 100%;
    padding: 0;
    margin: 0;

}
body {
    background-color: #fff;
   /* font-family: 'Roboto', sans-serif; */
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    line-height: 24px;
    overflow-x: hidden;
  /*  background-image: url(../img/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
    background-attachment: fixed;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;*/
}
.body-bg {
  width: 100%;
  height: 100%;
  background-image: url("../img/bg.jpg");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: cover;
  position: fixed;
  z-index: -1000;
}
section {position: relative}
.cleaner {
    width: 100%;
    float:left;
    clear: both;
}
.cleaner40px {
    width: 100%;
	height: 40px;
    float:left;
    clear: both;
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes pulse {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}
@-moz-keyframes pulse {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}
@-webkit-keyframes pulse {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}
@-ms-keyframes pulse {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}
@-o-keyframes pulse {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}

a, .menu-item, .fancybox img, .fb img, .button span, .btn, .btn2, .pins_image, img {
    -o-transition:all .2s linear;
    -ms-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -webkit-transition:all .2s linear;
    transition:all .2s linear;
}

p, h1, h2, h3 {
    padding-bottom: 20px;
}
h1, h2, h3 {
    color: #000000;
    font-weight: bold;
}
em {font-style: italic;}
strong {font-weight: bold;}
h1 {
	font-size: 30px;
	text-align: center;
	padding-bottom: 80px;
	margin-top: 0;
	padding-top: 0;
}

.h1-line {	display: inline-block; width: 80px;
    margin-left: 20px; margin-right: 20px;
    height: 13px;border-top: rgba(255,255,255,0.5) solid 2px;
}

h2 {
    font-weight: 100;
    font-size: 24px;
}

.claim {
  /*  -webkit-animation: fadein 3s; 
    -moz-animation: fadein 3s; 
    -ms-animation: fadein 3s; 
    -o-animation: fadein 3s; 
    animation: fadein 3s; */
    position: relative;
    color: #fff;
    text-align: center;
    display: block;
    margin-top: 60px;
   /* margin-bottom: 60px;*/
  /*  background-color: #e3000f; */
    /*min-height: 420px;*/
    min-height: 220px;

/* background: 	
 
    linear-gradient(
     rgba(227,0,15,0.40), 
      rgba(255, 0, 0, 0.20)

    ),
    url(img/prague-1882884_1920-cb.jpg;);
background-size: cover, cover;
background-position: center center;*/ 
background-color: #E3000F;
}

_:-ms-fullscreen, :root .claim { background-image: url(img/prague-1882884_1920-cb.jpg;);}
.claim-red {
    background-color: #E30613;
}

.claim img {
width: 100px; height: auto;
    margin-top: 20px;
}
.kapka {position: relative; /*z-index: 2;left: 60px; bottom: -60px;*/ float: left; margin-right: 40px;}
img.kapka  {height: 260px; width: auto !important}
.claim h1 {
	font-size: 40px;
	color: #FFFFFF;
	padding-bottom: 0;
	margin-bottom: 30px;
	line-height: 1.2em;
}
.claim h2, .claim a {
    font-size: 20px;color: #FFFFFF !important;
}
.claim-line {	display: inline-block; width: 80px;
    margin-left: 20px; margin-right: 20px;
    height: 18px;border-top: rgba(255,255,255,0.5) solid 2px;
}
.scrolldown {
    position: absolute;
    bottom: 40px;
    width: 100%;
    text-align:center;

    -webkit-animation: pulse 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: pulse 2s ease-out;
    -moz-animation-iteration-count: infinite;
    -ms-animation: pulse 2s ease-out;
    -ms-animation-iteration-count: infinite;
    -o-animation: pulse 2s ease-out;
    -o-animation-iteration-count: infinite;
    animation: pulse 2s ease-out;
    animation-iteration-count: infinite;
    opacity: 0.0;
    z-index:3;
}
.content {max-width: 1024px; margin: auto; padding-top: 40px;padding-bottom: 40px;/**/}
.content ul {margin-left: 40px; margin-bottom: 40px;}
.content h1, .content h2 {color: #e3000f}
.claim h1 {color: #fff}
main .content a, .content-70 a {color: #000; text-decoration: none}
main .content a:hover, .content-70 a:hover {color: #E30613; text-decoration: underline}
.claim .content {position: relative; z-index: 3}/**/
header .content {max-width: 100%;padding: 0px;}/**/
header .content ul {margin: 0px;}/**/
.content-full {width: 100%; height:100%;margin: auto; padding-top: 40px;padding-left: 40px;padding-right: 40px;padding-bottom: 80px;}


.content i {
    color: rgba(227,6,19,0.50);
    display: inline-block;
    width: 20px;
}
.grey {
    background-color: rgba(0,0,0,0.05);
    background-image: url(../img/footer.png);
    background-repeat: no-repeat;
    background-position: right bottom;
/*    background-size: contain;*/
}

#pozvanka, #program, #registrace, #mista-konani, #kontakt, #dokumenty, #zpetna-vazba {
    background-color: rgba(255,255,255,1.00);
    text-align: justify;
    width: 100%;
    display: block;
    float:left;
    clear:both;color:#000;
}

#pozvanka {
	background-color: rgba(0,66,137,0.60);
	color: #fff;
	text-align: center;
}
#pozvanka h2, #pozvanka a {color: #fff; text-decoration: none}
#pozvanka a:hover {text-decoration: underline}
#dokumenty a {display: block; width: 100%; padding-bottom: 10px;}
#dokumenty a:hover {text-decoration: underline;}
#program a, #registrace a, #mista-konani a, #kontakt a, #dokumenty a {
color:#000;
	text-decoration: none;
}
#mista-konani i, #kontakt i, #dokumenty i {
color: rgba(72,158,215,0.80);
text-align: center;
	padding-right: 10px
}
#mista-konani i:hover {
color: rgba(72,158,215,1);
}
.footer {
    width: 100%;
    color: rgba(0,0,0,0.80);
    float: left;
    padding: 10px;/**/
    /*position: absolute;
    bottom: 0;*/
    
}

.footer-left {
    float:left;
    text-align: left
}

.footer-right {
    text-align: right;
    float: right;
}
.copyright {
    text-align: center;
    font-size: 12px;
    width: 100%;
    /*padding: 15px 0 32px;*/
}
.logo2{
    text-align: center;
}

.block-1-1 {width: 100%; display: block; float: left}
.block-1-2 {width: 50%; display: block; float: left}
.block-1-2:nth-child(odd)  {width: calc(50% - 20px); padding-right: 20px;}
.block-1-2:nth-child(even)  {width: calc(50% - 20px); padding-left: 20px;}
.block-1-2 img {max-width: 100%; height: auto}

.block-1-3 {width: 33.33333%; display: block; float: left; margin-bottom: 60px;}
.block-1-4 {width: 25%; display: block; float: left; margin-bottom: 60px;}
.block-1-4 a, .block-1-3 a {width: 100%; display: block; float: left;}

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















/***************** FORM *****************/
.contact-form {
	float: left;
	display: block;
	width: 100%;
	height: auto !important;
	position: relative !important;
	padding-bottom: 40px;}
fieldset {

	display: block;
	width: 100%;
	height: auto !important;
	padding-bottom: 40px;
	border: none;
	float: left;
}
dl {
	float: left;
	clear: both;
	display: block;
	width: 100%;
}
dt {
	float: left;
	text-align: left;
	width: 40%;
	line-height: 40px;
	padding-bottom: 10px;

}
dd {
	float: right;
	line-height: 40px;
	display: block;
	min-height: 40px;
	height: auto;
	padding-bottom: 10px;
	width: 60%;		
	

}
#zpetna-vazba dt {width: 70%;}
#zpetna-vazba dd {width: 30%;}
label {
	float: left;
	text-align: left;

}

input, textarea, select {
	margin-bottom: 10px;
	padding: 10px;
	/*font-family: 'Open Sans', sans-serif;*/
	font-size: 14px;
	border: none;
	background-color: rgba(225,225,225,1.00);
	color: rgba(0,0,0,1.00);
	width: 100%;
}
textarea {
	border: none;
}
input  {

	height: 40px;
	line-height:40px;
}
input:focus, textarea:focus, select:focus {
	background-color: rgba(255,255,255,1.00);
	border: 1px solid rgba(225,225,225,1.00);;
}

.zprava {
    border:none;
    display:block;
    min-height: 120px !important;/**/
    float: left;
    margin: 0;
    height: auto;
   
}


.odeslat {
	border: 1px solid rgba(255,255,255,1.00);
	margin-top: 20px;
	margin-bottom: 10px;
	padding-top: 8px;
	padding-right: 16px;
	padding-left: 16px;
	padding-bottom: 10px;
	color: #fff;
	background-color: rgba(0,0,0,1);
	cursor: pointer;
	display: block;
	height: 60px;
	font-size: 20px;
}
.odeslat:hover {
	color: #fff;
	background-color: #9C88BF;
}
select {
	line-height: 40px;
	display: block;
	height: 40px;
	padding: 10px;
	float:left;
}
.alignleft {text-align: left; float: left; display: block; width: 40px; line-height: 20px;}
.alignright {text-align: right; float: right; width: 40px;}
.aligncenter {text-align: center;}
.info {
	line-height: 16px !important;}
input[type="checkbox"] {width: 20px; height: 20px; margin-right: 20px; float: left; /*margin-top: 10px;*/ text-align: right}
/*input[type="radio"] {margin-right: 20px;}*/
dl em {
	float: left;
	line-height: 20px;
}





/***************** FORM-END *****************/



/*iframe {width: 100%; height: 400px;}*/
@media screen and (max-width: 1460px) {
header {position: absolute;}
.nav-collapse, .nav-collapse ul {
    width: 250px;
    margin-top: 60px;
    margin-right: -60px;
}
}
@media screen and (max-width: 1050px) {
.content {padding:40px;}
.kapka {position: absolute; z-index: 2;left: 20px; bottom: -4px;}
img.kapka  {height: auto !important; width: 25vw !important;opacity: 0.3;padding-bottom: 20px;}
}
@media screen and (max-width: 600px) {
    dd, dt, .block-1-2, .block-1-3, .block-1-4, .block-1-2-video, .block-1-2:nth-child(odd), .block-1-2:nth-child(even) {width: 100%; float: left;margin-left: 0;margin-right: 0}
    .block-1-2:nth-child(odd), .block-1-2:nth-child(even), .block-1-2:nth-child(2n+1) {padding-left: 0;padding-right: 0}
	.fancybox img {width: 100%; height: auto}
	.h1-line {width: 20px;}
    .content {padding:20px;}
}


.hlavni-sponzor, .sponzori {text-align: center; display: block; width: 100%; /*padding-bottom: 40px*/}
.hlavni-sponzor img {width: auto; height: 160px !important; max-width: auto !important; padding: 20px;}
.general img {width: auto; height: 200px !important; max-width: auto !important; padding: 20px;}
.sponzori img {width: auto; max-width: 240px; height: auto; padding: 20px;margin: 20px}







nav.nav-collapse.nav-collapse-0.opened ul li.menu-item a {
height: 50px;line-height: 50px;
}










 /* Style the tab */
/*div.tab {
    float: left;
    border: 1px solid #ccc;
	border-right: none;
    background-color: #f1f1f1;
    width: 30%;
    min-height: 300px;
	height: auto !important;
}*/

/* Style the buttons inside the tab */
/*div.tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 22px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
}*/

/* Change background color of buttons on hover */
/*
div.tab button:hover {
	background-color: #512178;
	color: rgba(255,255,255,1.00);
}
*/

/* Create an active/current "tab button" class */
/*div.tab button.active {
    background-color: #512178;
	color: rgba(255,255,255,1.00);
}*/

/* Style the tab content */
/*.tabcontent {
    float: left;
    padding: 0px 12px;
    border: 1px solid #ccc;
    width: 70%;

    min-height: 734px;
	height: auto !important;
} */

#map_wrapper {
    height: 400px;
}

#map_canvas {
    width: 100%;
    height: 100%;
}
#mista-konani tr {
	border-top: 1px dotted rgba(183,183,183,1.00);
}
table h2 {
padding-bottom: 0
}












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

.content-line {width: 100%;  margin: auto; height: 1px; background-color: #C0C0C0; display: block; float: left;}

.btn a {background-color: #333; color: #fff !important; padding: 15px;}
.btn a:hover {background-color: #000; color: #fff !important; text-decoration: none !important}





#reg iframe {
  width: 100%;
  /*height: 2600px;*/
  height: auto;
  min-height: 1300px;
  border: none;
    margin: 0;padding: 0; float: left;
}






.aktualita {
    width: 100%;
}
.aktualita h2, .aktualita p {
width: 100%; float: left; display: block
}
.aktualita .datum {
    color: #e3000f;
    display: block;
    padding: 10px;
    border: 1px solid rgba(171,0,0,0.80);
    width: 60px;
    text-align: center;
    float: left;
    margin-bottom: 40px;
font-weight: bold;
}
.aktualita .obsah {
    display: block;
    width: 100% !important;
    padding-left: 100px;
}
.linka {
    clear: both;
    margin: 40px;
}
.linka, .aktualita span {
    width: 100%;
    height: 1px;
    background-color: rgba(0,0,0,0.50);
    display: block;
}



.fancybox-prev, .fancybox-next, .fancybox-close {color: #000 !important}
.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;
}

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

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

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

.photo-item {
  float: left;
}

.fancybox img {
	display: block;
	max-width: 100%;
	width: 100%;
	height: auto;
	margin-bottom: 10px;/**/
	/*border: 10px solid #FFFFFF;*/
    /*box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.1);*/
}
.photo-item{ 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 ******/



.modal-prompt22 {
  background: #fff;
  border-radius: 2px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  max-width: 375px;
  height: auto;
  margin: 0 auto;
  padding: 20px 35px 30px 35px;
  position: relative;
  top: 25%;
  z-index: 1000000;
}
#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: #e3000f; margin-left: -20px}
@media screen and (max-width : 500px){
.modal-prompt {width: 100%;}
}
.btn, .btn2 {
	background-color: #000000;
	color: #fff;
	padding-top: 16px;
	padding-right: 24px;
	padding-left: 24px;
	padding-bottom: 16px;
	border: none;
	cursor: pointer;
	border-radius: 8px;
	font-size: 24px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	position: relative;/**/
}

.btn i {color: rgba(255,255,255,0.50) !important; font-size: 14px;position:absolute; bottom:30px;left:10px;/**/}

.btn:hover {background-color: #e3000f}
.btn2 {
/*background-color: rgba(135,135,135,0.0);*/
background-color: rgba(207,207,207,0.7);
border: 1px solid rgba(191,191,191,1.00);
color: #333;
}
.btn2:hover {background-color: #e3000f;color: #fff !important;border: 1px solid rgba(191,191,191,0);}

.btn-blue {background-color: #1B73AC;}
.button-enter span {font-size:10px;margin-top:0px;width:100%;float:left}



.sponzori a {
line-height: 150px;
}
.sponzori a img {
  /* margin: auto; */
   vertical-align: middle; 
   display: inline-block;
} 



.stul-form-wrap, .stul-form-wrap input[type="text"], .stul-form-wrap input[type="email"] {font-family: 'Roboto', sans-serif !important;}
.stul-form-wrap.stul-template-3 .stul-form-submit {background-color: #000 !important;border-radius: 8px;}
.stul-form-wrap.stul-template-3 .stul-form-submit:hover {background-color: #e3000f !important;}
.stul-email {border: 1px solid #333 !important}


/*sidebar*/
.sidebar {/*position:fixed;*/width:calc((100% - 1064px) / 2);max-width:200px;/*padding-top: 80px;*/padding-top: 80px;text-align: center}

.sidebar img {max-width:80%;height: auto; padding: 10px;}
.sidebar-left {left:0;float: left; margin-left: 20px;}
.sidebar-right {right:0; float:right; margin-right: 20px;}

.widget_text {-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-bottom: 40px;}
.textwidget {margin-top: 20px;}

.widget_text h3 {
font-size: 12px;
text-transform: uppercase;
border-bottom: 1px dashed rgba(192,192,192,1.00);
padding-bottom: 10px;
margin: 0;
font-weight: bold;
}

.widget_custom_html {-webkit-box-shadow: none !important; box-shadow: none !important; padding: 10px;margin-bottom: 40px;}
.widget_custom_html .btn, .widget_custom_html .btn2 {font-size: 14px}

#text-2 h3, #text-3 h3{font-weight: bold;font-size:12px}


.content-70 {width: 70%; margin: auto;  padding-top: 0;padding-bottom: 0px;float:left;padding-right: 20px;}
.sidebar-30 {width: 30%;margin: 0;padding: 0;float:right;position: relative}
.slidoContainer {
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
	/*height: calc(80vh - 140px);*/
	margin-bottom: 40px;
	border: 1px solid #ccc
}




.center {text-align:center;margin:auto;margin-bottom:40px}

.praha {display: block;/*position:fixed;*/bottom:0;width:100%;height:400px;z-index:-1;}
.praha svg {max-width:1024px;height:auto;position:fixed;bottom:0;right:0}











/*image map*/
.tip---s {opacity: 0;animation: fadein 0.7s linear forwards;}
/*.tips {opacity: 0;animation: new-item-animation 0.7s linear forwards;}*/


.tips{
opacity: 0;
width: 30px;
height: 30px;
background-color: rgba(227,0,15,1);
border-radius: 50%;
animation-name: fadein, wave;
animation-duration: 0.7s, 1.5s;
animation-iteration-count: 1, infinite;
animation-fill-mode: forwards, none;
}

@keyframes wave{
    from{
        box-shadow: 0 0 0 0 rgba(227,0,15,1.00);
    }
    to{
        box-shadow: 0 0 0 8px rgba(227,0,15,0.00);
    }
}

.del10 {animation-delay: 1s;}
.del15 {animation-delay: 1.5s;}
.del20 {animation-delay: 2s;}
.del25 {animation-delay: 2.5s;}
.del30 {animation-delay: 3s;}
.del35 {animation-delay: 3.5s;}
.del40 {animation-delay: 4s;}


@keyframes new-item-animation {
0% {opacity: 0;transform: translateY(-400px);}
50% {opacity: 0;}
85% {opacity: 1;transform : translateY(-10px);}
90% {opacity: 1;transform : translateY(0px);}
95% {opacity: 1;transform : translateY(-10px);}
100% {opacity: 1;transform : translateY(0);}
}
.pins_image:hover {opacity: 0.5;}





/*post*/
.post {display: inline-block;text-align:center;padding:0px;margin: 30px; position: relative;
}
.post .img-cont {position: relative;/*height:168px;*//*overflow: hidden;*//*-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);*/}

.post-gereralni-partner {width:calc(30% - 42px);}

.post-hlavni-partner {width:calc(22% - 42px);}

.post-partner {width:calc(15% - 42px);}

.post-vystavovatel {width:calc(20% - 42px);}

.post-medialni-partner {width:calc(20% - 42px);}


.post .img-cont img {width: 100%;height: auto;display: block;/*float:left;*/ /*border:5px solid #fff;*/}

.post .img-cont a img {margin: auto;vertical-align: middle;display: inline-block}

.post .img-cont img:hover {transform: scale(1.1);}
.post-content h2 {
text-align: center;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 14px;
margin: 0;
font-size: 16px;
line-height: 16px
}

#post-867 {width:calc(30% - 42px); margin-left: calc(35% + 21px); margin-right: calc(35% + 21px); }



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

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

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*tabs*/
.tabs-menu {width: 100%;margin: 0 !important;padding: 0 !important;}
.tabs-menu  li {list-style-type: none}
.tabs-menu  a {
list-style-type: none;
display: block;
float: left;
width: auto;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 0px solid #ddd;
border-top: 1px solid #ddd;
border-radius: 10px 10px 0px 0px;
padding: 20px;
margin: 0;
text-align: center;
font-size: 20px;
}
/**/
/*.tabs-menu  li a:hover, .tabs-menu .current,  .tabs-menu .current a, .tabs-menu  li:hover {text-decoration: none; color: #fff;background-color: #333;}*/
.current a, .tabs-menu  a:hover {text-decoration: none !important; color: #000 !important;background-color: rgba(252,223,92,1.00);
border-left: 1px solid rgba(252,223,92,1.00);
border-right: 1px solid rgba(252,223,92,1.00);
border-bottom: 0px solid rgba(0,0,0,0.10);
border-top: 1px solid rgba(252,223,92,1.00);}
.tab-content {
  display:none;
}
.tab, .tab-content {width: 100%;}

#tab-1 {
  display:block;
}


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

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

table tr {
/*  border: 1px solid #ddd;*/
  padding: .35em;
 /* font-size: 0.75em; */
}

table th,
table td {
  padding: .625em;
 /* text-align: center; */
  vertical-align: top;
  border-bottom: 1px solid #ddd;/**/
  /*border-top: none;*/
}

table th {
letter-spacing: .1em;
text-transform: uppercase;
font-size: 1em;
background-color: rgba(252,223,92,1.00);
 border: 1px solid rgba(252,223,92,1.00);/**/
  border-top: none;
}


table h3, table h4, table h2, table h1 {margin: 0 !important; padding: 0 !important}


table div {width: 100%; display: block; padding: .625em; border-top: 1px dashed #ddd;text-align: left}

.td-red-bg {background-color: rgba(163,8,11,0.7);color: #fff}
.td-blue-bg {background-color: rgba(198,217,231,0.7);}
.td-grey-bg {background-color: rgba(207,207,207,0.7);}
.td-yellow-bg {background-color: rgba(233,218,149,0.70);}

.td-border-red {margin-left:-0.625em; border-left: 0.625em solid rgba(163,8,11,0.7); }
.td-border-blue {margin-left:-0.625em; border-left: 0.625em solid rgba(198,217,231,0.7); }
.td-border-grey {margin-left:-0.625em; border-left: 0.625em solid rgba(207,207,207,0.7); }
.td-border-yellow {margin-left:-0.625em; border-left: 0.625em solid rgba(233,218,149,0.70); }


@media screen and (min-width: 620px) {
.td-den, .td-cas {width: 10%;}
}

@media screen and (max-width: 600px) {
  table {
    border: 0;
  }
/*td, .td-den, .ted-cas { width: 100%;}*/
  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: right;
  }
  
  table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
}





/*@media screen and (max-width : 810px){
td, .td-den, .ted-cas {display:block; float:left; width: 100% !important;padding: 5px;background-color: aqua}
}*/




@media screen and (max-width : 900px){
.sidebar {display: none}
.content-70, .sidebar-30 {width: 100%; padding-bottom: 40px;min-height: 200px; height: auto;float:left;padding-right: 0}
.slidoContainer {height: 400px;}

.post-gereralni-partner, .post-hlavni-partner, .post-partner, .post-vystavovatel, .post-medialni-partner {width:calc(50% - 40px) !important;margin: 10px !important;}

}

@media screen and (max-width : 800px){
.sidebar {display: none}
.content-70, .sidebar-30 {width: 100%; padding-bottom: 40px;min-height: 200px; height: auto;float:left}
.slidoContainer {height: 400px;}

.post-gereralni-partner, .post-hlavni-partner, .post-partner, .post-vystavovatel, .post-medialni-partner  {width:100% !important;padding: 20px;margin: 0px !important;}
}







/*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"],
.ppw-submit .ppw-pcp-pf-submit-btn, .ppw-form input[type="submit"]{
	background-color: #000000!important;
	color: #fff!important;
	padding-top: 16px!important;
	padding-right: 24px!important;
	padding-left: 24px!important;
	padding-bottom: 16px!important;
	border: none!important;
	cursor: pointer!important;
	border-radius: 8px!important;
	font-size: 24px!important;
	text-align: center!important;
	font-family: 'Roboto', sans-serif!important;
	height: auto !important;
	/*position: relative;*/
}
.ppw-form input[type="submit"]{ width: auto;/*float:left;*/padding: 0px 20px 0px 20px!important;font-size: 14px!important;border-radius: 8px !important;margin-left: 4px;}
.ppw-form input { height: 60px;line-height: 60px;display: inline-block;padding: 10px !important;border-radius: 8px!important;}
.ppw-error  {width: 100%;float: left;display: block}
.ppw-form {width:320px;margin-left: auto;margin-right: auto}
.ppw-pcp-checkbox-label {width: 100%;float: left;display: block;line-height: 60px}

.nf-form-content button:hover, .nf-form-content input[type="button"]:hover, .nf-form-content input[type="submit"]:hover, .ppw-form input[type="submit"]:hover {background-color: #e3000f !important}


/*#menu-item-1097, #menu-item-1097  a {background-color: #1B73AC !important}*/



.poster-cont {display: block;width:100%;float:left;margin-bottom:40px;}
.poster-img {display: block;width:30%;float:left}
.poster-img img {display: block;width:100%;height:auto;-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);border: 4px solid #fff}
.poster {display: block;width:70%;float:left;padding-left:40px}


.wp-video {margin: auto}


.container-iframe {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}


.offline-videa {font-size: 0.9em; line-height: 1.2em !important; text-align: left;float:left;margin-left:10px;}
.offline-videa h1 {line-height: 1.2em !important; text-align: left; padding-bottom: 0.5em}


#menu-item-3654, #menu-item-3654 a {background-color: #1B73AC !important;}
#menu-item-3661, #menu-item-3661 a {background-color: #5f9dc5 !important;}