/*

barvy 2023
	#008ac9 -> #3558A2
  #00B6AD -> #6AB1ED
  #fff300 -> #FFB4AB


*/

/* 5-column grid patch for Bootstrap */

.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
@media (min-width: 576px) {
    .col-sm-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 768px) {
    .col-md-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 992px) {
    .col-lg-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 1200px) {
    .col-xl-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}


/*
font weight 100 400 700 900

xs < 576px	
sm ≥ 576px	
md ≥ 768px	
lg ≥ 992px
xl ≥ 1200px
xxl ≥ 1550px 

#3558A2 modra 
#6AB1ED zelena
#FFB4AB zluta
	

*/

*:focus {outline: none;}
input::placeholder,
textarea::placeholder {opacity: 1;}
.btn {border-radius: 0; transition: none;}
.nobr {white-space: nowrap;} 

.outline-childs>* {outline: solid 1px red;}
.outline {outline: solid 1px green;}

body {font-family: 'Marianne', sans-serif; color:#000; font-weight: 100; font-size: 14px; line-height: 24px;}

.container {min-width: 320px;}
.container.narrow {padding-left: 45px; padding-right: 45px;} 

header#ifp {xpadding-top: 47px; position: relative; z-index: 1100;}
body.sticky header#ifp {position: fixed; top: 0px; width: 100%; padding-top: 0; z-index: 1000;}
body.sticky {padding-top: 47px;}
header#ifp img.logo {transition-delay: 0.2s; transition: top 0.2s, height 0.2s, box-shadow 0.2s; top: 18px; position: relative; xleft: 12px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); z-index: 100; background: #FFF;}
body.sticky header#ifp img.logo {top: 0px; position: relative; box-shadow: none;}

.topmenu {height: 47px; text-align: right; position: absolute; top: 0px; left: 0px; width: 100%; padding-right: 110px; padding-top: 2px;}

.search-panel {position: fixed; background: rgba(0,0,0,0.8); top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 1000;}
.search-panel .search-ctrl {text-align: center; position: absolute; width: 100%; height: 68px; left: 0px; top: calc(50% - 34px); }
.search-panel .search-ctrl input[type=text] {background: transparent; border: solid 3px #FFF; font-weight: 700; font-size: 20px; line-height: 21px; padding: 20px; width: 265px; color: #FFF;} 
.search-panel .search-ctrl input[type=text]::placeholder {color: rgba(255,255,255,0.5);}

header#ifp .socials {}
header#ifp .socials a {display: inline-block; padding: 3px 6px; vertical-align: top;}
header#ifp .socials a svg path {fill: #3558A2;}


nav {}
nav ul {}
nav ul li {}
nav ul li a {}

ul {padding-inline-start: 0 !important; }


.admin-link{
	display: block;
	position: fixed;
	bottom: 0px;
	left: 0px;
	padding: 5px 15px;
	background-color: #F9F2E4;
	border-left: #00000;
	border-top: #00000;
	border-top-right-radius: 15px;
	z-index: 10000;
}

.admin-button{
	border: 1px solid #A87D22;
    background-color: #FDEFD2;
    padding-left: 4px;
    padding-right: 4px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #464E6B;
    font-size: 12px;
    font-weight: bold;    
}

.admin-iframe{
	display: block;
	position: fixed;
	bottom: 0px;
	left: 0px;
	padding: 0x;
	background: transparetnt;
	z-index: 10000;
	width: 0px;
	height: 0px;
	border: none;
}

/* UNI & WSW*********************/

.relative {position: relative !important;}
.overflow {overflow: hidden;}
.hidden {display: none !important;}

.blue {color: #3558A2 !important;}
.green {color: #6AB1ED !important;}
.yellow {color: #FFB4AB !important;}

.bg-white {background-color: #FFF !important;}
.bg-gray {background-color: #edeff0 !important;}
.bg-green {background-color: #6AB1ED !important;}
.bg-blue {background-color: #3558A2 !important;}

.image img, img.image  {width: 100%; max-width: calc(100wv - 30px);}


.wsw {font-weight: 200;}
.wsw, .wsw * {color: #000; border-color: #000;} 
.wsw.wsw-white,
.wsw.wsw-white * {color: #FFF; border-color: #FFF; } 

.wsw {font-size: 14px; line-height: 20px;}
.wsw b, .wsw strong {font-weight: 400;}
.wsw h1 {font-size: 30px; font-weight: 700; line-height: 35px; margin-bottom: 15px;}
.wsw h2 {font-size: 28px; font-weight: 700; line-height: 35px; margin-bottom: 15px;}
.wsw h3 {font-size: 26px; font-weight: 700; line-height: 31px; margin-bottom: 15px;} 
.wsw h4 {font-size: 20px; font-weight: 700; margin-bottom: 5px;}
.wsw h5 {font-size: 14px; font-weight: 700; margin-bottom: 5px;}
.wsw h6 {font-size: 14px; font-weight: 400; margin-bottom: 5px;}

.wsw p {padding: 0 0 12px 0; margin: 0;}
.wsw table {}
.wsw table td {font-weight: 200; }
.wsw table th {font-weight: 400; text-transform: uppercase;}
.wsw a, .wsw a * {color: #3558A2; text-decoration: underline; font-weight: 400;} 
.wsw a:hover, .wsw a:hover * {text-decoration: none;}

.wsw hr {display: block; width: 80px; height: 6px; border: none; text-align: left; margin: 15px 0 25px; background: #FFB4AB; }
.wsw hr.yellow {background: #FFB4AB; }
.wsw hr.blue {background: #3558A2; }

.wsw iframe, .wsw video {max-width: 100%; }

input[type=checkbox] {-webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none !important; cursor: pointer;
		display: inline-block; vertical-align: top; width: 17px; height: 17px; border: solid 2px #FFF; border-radius: 2px;  background: transparent url(images-5/tick-23.png) no-repeat -100px center; background-size: 13px;}  
input[type=checkbox]:checked {background-color: #FFF; background-position: center center;}
input[type=submit] {cursor: pointer;}

input[type=radio] {-webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none !important; cursor: pointer; vertical-align: middle;
		display: inline-block; vertical-align: top; width: 16px; height: 16px; border: solid 2px #000; border-radius: 2px;  background: transparent url(images-5/check-mini.png) no-repeat -100px center; }  
input[type=radio]:checked {background-color: #6AB1ED; border-color:#6AB1ED; background-position: center center;}


label.chbox.mini {font-weight: 400; font-size: 14px; line-height: 17px; display: inline-block; vertical-align: top; margin-left: 12px; margin-right: 40px; cursor: pointer;}


.form-line input[type=text],
.form-line textarea,
.form-line select {color: #FFF; background: transparent; font-weight: 700; font-size: 14px; border: solid 3px #FFF; border-width: 0 0 3px 0; line-height: 18px; padding: 7px 0; outline: none; vertical-align: baseline;}
.form-line select {padding: 5px 0;}
.form-line select option {color: #3558A2 !important; font-weight: 400;}
.form-line input[type=text]::placeholder,
.form-line textarea::placeholder {color: #FFF; opacity: 1; /* Firefox */}
.form-line input[type=text]:-ms-input-placeholder,
.form-line textarea:-ms-input-placeholder,
.form-line input[type=text]::-ms-input-placeholder,
.form-line textarea::-ms-input-placeholder {color: #FFF;} 

.form-line label.chbox {color: #FFF; font-weight: 400; font-size: 14px; line-height: 17px; display: inline-block; width: calc(100% - 38px); vertical-align: top; margin-left: 12px;}
.form-line label.chbox.auto {width: auto !important;}

.form-line select.error, .form-line textarea.error, .form-line input[type=text].error, input[type=checkbox].error {border-color: #FF0000;}
.form-line select[name=persons] {}
.form-line select[name=persons] option {}


label.nl-avail {margin-top: 10px; margin-bottom: 20px; display: block;}    

a.button, 
.button {display: inline-block; border: solid 3px; font-size: 14px; line-height: 20px; font-weight: 700; padding: 15px 30px 10px; text-align: center; text-transform: uppercase; color: #000; background-color: transparent; border-color: #000; }
a.button:hover,
.button {color: #FFF; background-color: #000; border-color: #000; }
 
a.button.btn-blue,
.button.btn-blue {color: #3558A2; background-color: transparent; border-color: #3558A2;}
a.button.btn-blue:hover,
a.button.btn-blue-hover:hover,
.button.btn-blue:hover,
.button.btn-blue-hover:hover {color: #FFF; background-color: #3558A2; border-color: #3558A2;}

a.button.btn-white,
.button.btn-white {color: #FFF; background-color: transparent; border-color: #FFF;}
a.button.btn-white:hover,
.button.btn-white:hover {color: #FFF; background-color: #3558A2; border-color: #3558A2; text-decoration: none;}

a.button.btn-black-inv,
.button.btn-black-inv  {color: #FFF; background-color: #000; border-color: #000; text-decoration: none;} 
a.button.btn-black-hover:hover,
.button.btn-black-hover:hover,
.button.btn-black-active.active  {color: #FFF; background-color: #000; border-color: #000;}

a.btn-blue-inv,
.btn-blue-inv {color: #FFF; background-color: #3558A2; border-color: #3558A2;}
a.btn-blue-inv:hover,
.btn-blue-inv:hover {color: #3558A2; background-color: transparent; border-color: #3558A2;}

a.button.btn-green,
.button.btn-green {color: #FFF; background-color: #6AB1ED; border-color: #6AB1ED;}
a.button.btn-green-hover:hover,
.button.btn-green-hover:hover {color: #FFF; background-color: #6AB1ED; border-color: #6AB1ED;}

a.button, .wsw a.button, 
a.button:hover, .wsw a.button:hover  {text-decoration: none !important;}

a.button.btn-mini {font-size: 14px; height: 33px; line-height: 15px; padding:6px 15px; text-transform: none; font-weight: 400; }

span.btn-arrow {display: inline-block; height: 20px; line-height: 20px; background: url(images-5/arrow-white.png) no-repeat 0px 0px; background-size: 21px 20px; padding-left: 35px; vertical-align: top;}
/* patch aby se nemusel menit input */
input#itemodeslat.btn-white {color: #FFF; background-color: #6AB1ED; border-color: #6AB1ED;}
input#itemodeslat.btn-blue-hover:hover {color: #FFF; background-color: #000; border-color: #000;}
#newslistform input#itemodeslat.btn-white {color: #FFF; border-color: #3558A2; background-color: #3558A2; }
#newslistform input#itemodeslat.btn-blue-hover:hover {color: #FFF; background-color: #000; border-color: #000;}

/* social */
a.sbutton {display: inline-block; border: solid 3px #3558A2; background: no-repeat center center; width: 53px; height: 53px; background-color: #3558A2;}

a.sbutton.soc-fb {background-image: url(images-5/ico-fb-h.png); background-size: 31px 31px;}
a.sbutton.soc-ig {background-image: url(images-5/ico-ig-h.png); background-size: 30px 30px;}
	a.sbutton.soc-tw {background-image: url(images-5/ico-tw-h.png); background-size: 31px 26px;}
a.sbutton.soc-x {background-image: url(images-5/ico-x-h.png); background-size: 31px 31px;}
a.sbutton.soc-yt {background-image: url(images-5/ico-yt-h.png); background-size: 37px 26px;}
a.sbutton.soc-in {background-image: url(images-5/ico-in-h.png); background-size: 30px 27px;}

a.sbutton:hover {background-color: #6882b9; border-color: #6882b9;}

/*
a.sbutton.soc-fb:hover {background-image: url(images-5/ico-fb-h.png); background-color: #6AB1ED;}
a.sbutton.soc-ig:hover {background-image: url(images-5/ico-ig-h.png); background-color: #6AB1ED;}
a.sbutton.soc-tw:hover {background-image: url(images-5/ico-tw-h.png); background-color: #6AB1ED;}
a.sbutton.soc-yt:hover {background-image: url(images-5/ico-yt-h.png); background-color: #6AB1ED;}
a.sbutton.soc-in:hover {background-image: url(images-5/ico-in-h.png); background-color: #6AB1ED;}
*/

a.socmini {display: inline-block; background: no-repeat center center; width: 40px; height: 30px; margin-right: 30px}
a.socmini.soc-fb {background-image: url(images-5/ico-fb-h.png); background-size: 28px 28px; width: 30px; }
a.socmini.soc-ig {background-image: url(images-5/ico-ig-h.png); background-size: 27px 27px; width: 30px; }
	a.socmini.soc-tw {background-image: url(images-5/ico-tw-h.png); background-size: 28px 23px; width: 30px; }
a.socmini.soc-x {background-image: url(images-5/ico-x-h.png); background-size: 28px 28px; width: 30px; }
a.socmini.soc-yt {background-image: url(images-5/ico-yt-h.png); background-size: 37px 26px; }
a.socmini.soc-ta {background-image: url(images-5/ico-ta-h.png); background-size: 37px 22px; }
a.socmini.soc-fb:hover {background-image: url(images-5/ico-fb-b.png); }
a.socmini.soc-ig:hover {background-image: url(images-5/ico-ig-b.png); }
a.socmini.soc-tw:hover {background-image: url(images-5/ico-tw-b.png); }
a.socmini.soc-x:hover {background-image: url(images-5/ico-x-b.png); }
a.socmini.soc-yt:hover {background-image: url(images-5/ico-yt-b.png); }
a.socmini.soc-ta:hover {background-image: url(images-5/ico-ta-b.png); }



/* rozbalovac */
.unroll {margin-bottom: 15px;}
.unroll .unroll-caption {cursor: pointer; background: #6AB1ED url(images-5/ico-plus.png) no-repeat right center; background-position: calc(100% - 29px) center; background-size: 11px 11px;    
	font-weight: 700; color: #FFF; xheight: 56px; line-height: 20px; padding: 18px 60px 18px 28px; font-size: 16px; }
.unroll .unroll-text {display: none; padding: 20px 0 10px;}
.unroll.open .unroll-caption {background: #3558A2 url(images-5/ico-minus.png) no-repeat right center; background-position: calc(100% - 30px) center; background-size: 8px 4px;} 
.unroll.open .unroll-text {}



table.strips {border-top: solid 3px #3558A2;}
table.strips tr {border-bottom: solid 3px #3558A2;}
table.strips td {padding-top: 11px; padding-bottom: 11px; line-height: 20px; font-weight: 400;}
table.strips td:first-child {width: 120px;}



/*LAYOUT*************************/


header#ifp {background: #FFF; height: 56px; text-align: center;  }
header#ifp .container {position: relative;}
header#ifp img.logo {height: 56px;}

.lang a {text-transform: uppercase; color: #3558A2;}
.lang a.active {font-weight: 400;}

xfooter {background: #000 url(images-5/footer-bg.png) no-repeat bottom left; background-size: 343px 111px;}
footer {background: #3558A2;}
footer .content {padding-top: 50px; padding-bottom: 0px;}
footer .col-12:last-child.content {padding-bottom: 50px;}
footer .wsw, footer .wsw * {color: #dfe0e1; }
footer .wsw a {text-decoration: none; font-weight: 400;}
footer .wsw a:hover {color: #FFF; text-decoration: underline;}

footer .wsw table {width: 100%;}
footer .wsw table th {color: #6AB1ED; }
footer .wsw table td {color: #dfe0e1;}
footer .wsw a.button {margin-top: 30px;}

footer .wsw a.map {color: #6AB1ED; text-decoration: underline;}

footer h3 {font-weight: 700;} 

footer a.button {color: #FFF; background-color: transparent; border-color: #FFF;} 
footer a.button:hover {color: #FFF; background-color: #3558A2; border-color: #3558A2;}




/* CONTENT */


.wsw .navigation {font-size: 13px;}
.wsw .navigation a {color: #000; text-decoration: none; font-weight: 200;}
.wsw .navigation a:hover {color: #000; text-decoration: underline;}
.wsw .navigation strong {color: #3558A2; font-weight: 400;}
.wsw.wsw-white .navigation strong {color: #FFF; }
.navigation.navi-inline {padding-bottom: 1em; margin-top: -45px;}


.paging {width: 100%; text-align: center;}
.paging a {display: inline-block; vertical-align: middle; text-decoration: none;}
.paging a.page, 
.paging a.spage  {font-size: 16px; font-weight: 400; text-decoration: none; height: 27px; text-align: center; padding: 4px 0; line-height: 18px; color: #3558A2; margin: 0 6px;}
.paging a.page {width: 26px;}
.paging a.spage {padding: 4px 8px;} 
.paging a.page.active,
.paging a.spage.active {background-color: #3558A2; color: #FFF;}
.paging a.pagea {height: 39px; width: 24px; background: no-repeat; background-size: 24px; }
.paging a.page-prev {margin: 0 18px 0 0; background-image: url(images-5/pg-prev-23.png);}
.paging a.page-next {margin: 0 0 0 18px; background-image: url(images-5/pg-next-23.png);}
.paging span.wrap-compress {display: inline-block; vertical-align: middle; font-size: 16px; font-weight: 400; padding: 4px 0; margin: 0 6px; color: #3558A2;}
.paging span.wrap-compress.open {display: inline; padding: 0; margin: 0;}

/*SECTIONS*************************/


/* 2023 
section .content {padding-top: 60px; padding-bottom: 60px;}
section .content-top {padding-top: 60px;}
section .content-bottom {padding-bottom: 60px;}
section .content-mini {padding-top: 30px; padding-bottom: 30px; }
section .content-mini-top {padding-top: 30px; }
section .content-mini-bottom {padding-bottom: 30px; }
*/

section .content {padding-top: 30px; padding-bottom: 30px;}
section .content-top {padding-top: 30px;}
section .content-bottom {padding-bottom: 30px;}
section .content-mini {padding-top: 30px; padding-bottom: 30px; }
section .content-mini-top {padding-top: 30px; }
section .content-mini-bottom {padding-bottom: 30px; }


.linemotiv, .linemotiv2, .linemotiv-txtdeco {pointer-events: none;}

section.detail-top {overflow: hidden;}
xsection.detail-top .linemotiv {z-index: 100; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: url(images-5/bg-lines-g.png) no-repeat right center;
background-size: 270px 200px; background-position: right -80px center; 
}
section.detail-top .linemotiv {z-index: 100; position: absolute; top: calc(50% - 160px);background: url(images-5/bg-lines-g.png) no-repeat right center;
background-size: 270px 200px; width: 270px; height: 200px; background-position: right; right: -80px; 
}
section.detail-top .linemotiv2 {z-index: 100; position: absolute; top: -80px;background: url(images-5/bg-lines-3c-23.png) no-repeat right center;
background-size: 160px; width: 160px; height: 191px; background-position: right; right: -50px; z-index: 0; 
}


.linemotiv-txtdeco {z-index: 1000; position: absolute; background: url(images-5/bg-lines-3c-23.png) no-repeat right center;
background-size: 160px; width: 160px; height: 191px; background-position: right; top: 0px; right: -100px; z-index: 0; 
}




.detail-header {padding-bottom: 42px;}
.detail-subheader {font-size: 16px; font-weight: 400;}
.detail-image {xmargin-top: -30px; position: relative; z-index: 101;}
x.detail-image.text2 {max-width: 360px;}
.detail-pitch {margin-top: -30px;position: relative; z-index: 2; left: 20px; background-color: #000; color: #FFF; padding: 12px 15px 5px; line-height: 16px; font-size: 14px; font-weight: 700;}
	
section.detail-top .container-thin {padding-left: 60px; padding-right: 60px;}
.container .content-mini {padding-left: 20px; padding-right: 10px;}

section.novinky {background: #edeff0; xpadding: 50px 0;	}
.news-cell {padding-bottom: 30px;}
.news-item {background: #FFF; height: 100%; }
.news-item .image-wrap {overflow: hidden; height: 140px; margin-bottom: 25px; }
.news-item .image {background: #737373; display: block; height: 140px; transition: transform 0.2s;}
.news-item .image a {display: block; width: 100%; height: 100%;}
.news-item:hover .image {transform: scale(1.1);} 
.news-item .sticker {font-size: 20px; font-weight: 400;}
.news-item hr {display: block; width: 100px; height: 6px; border: none; background: #FFB4AB; text-align: left; margin: 20px 0 20px;}
.news-item h3 {font-weight: 700; font-size: 28px; line-height: 40px; }
.news-item h3 a {color: #000;}
.news-item:hover h3 a {color: #3558A2;}
.news-item h3 a:hover {text-decoration: none;}
.news-item .content {padding: 0px 15px 20px; }



section.kolotoc {}
 .carousel {position: relative; /*height: 500px;*/xheight: calc(30vw + 300px); }	/*300, 350, 490 */ 
 .carous-item {position: relative; top: 0px; left: 0px; /*height: 500px;*/ height: calc(30vw + 300px); width: 100%;}
 .carous-item .image {width: 100%; /*height: 200px; */ height: 30vw; background: #737373;}
 .carous-item .content {background: rgba(255,255,255,0.8); color: #000; height: 300px; padding: 40px 60px;}
 .carous-item .content.blue {background: #3558A2;} 
 .carous-item .content.blue.wsw * {color: #FFF;}
 .carous-item .content.nobg {background: none;}
 
 a.carousel-ctrl {position: absolute; display: block; width: 45px; height: 50px; background: #3558A2 no-repeat center center; text-decoration: none; box-shadow: 0 0 24px rgba(0,0,0,0.2);}
 a.carousel-ctrl:hover {background-color: #6AB1ED; text-decoration: none; box-shadow: 0 0 24px rgba(0,0,0,0.4)} 
 a.carousel-ctrl.left {background-image: url(images-5/carousel-left.png); top: 50%; left: 1px;}
 a.carousel-ctrl.right {background-image: url(images-5/carousel-right.png); top: 50%; right: 1px;}
 
 /* carousel dots */
	.slick-dots {list-style-type: none; display: block; text-align: center; position: absolute; bottom: 0px; width: 100%; }
	.slick-dots li {display: inline-block; width: 10px; height: 10px; border-radius: 5px; background: #FFF; margin: 0 7px 0; border: solid 1px rgba(0,138,201,0.3); cursor: pointer;}
	.slick-dots li.slick-active {background: #3558A2; border: solid 1px rgba(255,255,255,0.3);}
	.slick-dots li button {display: none;}


section.akce {}

section.akce .linemotiv {z-index: 100; width: 100%; height: 100%; position: absolute; top: 40px; left: 50px; background: url(images-5/bg-lines-y-23.png) no-repeat right center;
	background-size: 162px; background-position: right 0; }

	.action-item {background: #FFF; margin-bottom: 50px; overflow: hidden;}
	.action-item .image {background: #737373; display: block; transition: transform 0.2s; height: 200px;}
	.action-item .image>a {display: block; width: 100%; height: 100%;}
	.action-item:hover .image {transform: scale(1.1);}
	
/* !!! stickery pod image nezavisle a relativni shift, stejne tak to bude u ostatnich techleprvku */
	.action-item .image-wrap {position: relative; height: auto;200px; margin-bottom: 40px; padding-bottom: 33px; overflow: hidden;}

	.action-item .image-wrap:after {content: ''; position: absolute; bottom: 16px; width: 100%; height: 17px; background: #FFF;} /* mask zoomed img */
 
	.action-item .sticker {position: absolute; bottom: 16px; left: 15px; background: #6AB1ED; color: #FFF; font-weight: 700; min-width: 100px; height: 33px; line-height: 33px;
	font-size: 16px; text-align: center; z-index: 100; padding: 0 10px;}
	.action-item h3 a {color: #000;}
	.action-item:hover h3 a {color: #6AB1ED;}
	.action-item h3 a:hover {text-decoration: none;}
	.action-item .date {color: #6AB1ED; font-weight: 400; font-size: 16px;}


	.event-list {xpadding-top: 50px;}

	.filter {}
	.filter-advanced {padding-top: 20px; xpadding-bottom: 50px;}
	.filter select {width: 100%; position: relative; z-index: 110; }
	.filter .form-line select {color: #000; font-size: 16px; font-weight: 400; padding: 18px 30px 18px 30px; line-height: 20px; -webkit-appearance: none; -moz-appearance: none; 
		background: #FFF url(images-5/ico-filter-select.png) no-repeat center right 30px; }
	.filter .form-line select::-ms-expand { display: none; }
  .filter .form-line {padding-bottom: 15px;}

	.event-strip {}
	 a.event-ctrl {position: absolute; display: block; width: 45px; height: 50px; background: #3558A2 no-repeat center center; text-decoration: none; box-shadow: 0 0 24px rgba(0,0,0,0.2);}
 		a.event-ctrl:hover {background-color: #6AB1ED; text-decoration: none; box-shadow: 0 0 24px rgba(0,0,0,0.4)} 
 		a.event-ctrl.left {background-image: url(images-5/carousel-left.png); top: calc(50% - 100px); left: 0px;}
 		a.event-ctrl.right {background-image: url(images-5/carousel-right.png); top: calc(50% - 100px); right: 0px;}



section.gallery {}
	.gallery .row {margin: 0 30px;} 
	.gallery .content-shift {padding-left: 45px;}
	.gallery .row .image img {max-width: calc(100wv - 90px);} 
 a.gallery-ctrl {position: absolute; display: block; width: 25px; height: 25px; background: #3558A2 no-repeat center center; text-decoration: none; 
 background-size: 7px 11px;
 }
 a.gallery-ctrl:hover {background-color: #6AB1ED; text-decoration: none; } 
 a.gallery-ctrl.left {background-image: url(images-5/carousel-left.png); top: 50%; left: 1px; }
 a.gallery-ctrl.right {background-image: url(images-5/carousel-right.png); top: 50%; right: 1px;}
 
 .slick-row img {display: block; max-width: 100%;}

section.submenuitems {}
	.sm-item {position: relative; margin-bottom: 30px; overflow: hidden; background: no-repeat center center; background-size: 100%; transition: background-size 0.2s; padding-top: 100%;}
	.sm-item a {width: 100%; height: 100%; display: block;}
	.sm-item a:hover {text-decoration: none;}
	.sm-item .wrap {width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: flex; justify-content: center; align-items: center; text-align: center; }
	.sm-item h3 {width: calc(100% - 24px);  text-align: center; background: #3558A2; color: #fff; font-weight: 700; font-size: 16px; line-height: 21px; padding: 12px 5px; transition: width 0.2s, height 0.2s, top 0.2px, left 0.2px;}
	.sm-item:hover {background-size: 120%;}


section.joinus {overflow: hidden;}

	.ju-join {position: relative;overflow: hidden; }
	.ju-join .motive {background: url(images-5/arrow-white-big.png) no-repeat 0px 0px; background-size: 233px; width: 233px;height: 220px; position: absolute; z-index: 100;
			top: 0px; left: -57px; }
	.ju-join-content {position: relative; z-index: 101; padding: 40px 0 50px;}
	.ju-join h2 {font-size: 30px; font-weight: 700; line-height: 33px; margin-bottom: 40px;}
	.ju-join a.sbutton {margin-right: 70px; margin-right: calc((100% - 278px) / 4)}
	.ju-join a.sbutton:last-child {margin-right: 0px;}

@media (min-width: 460px) {	/* cancel margin calc*/
	.ju-join a.sbutton {margin-right: 38px; }
	.ju-join a.sbutton:last-child {margin-right: 0px;}
}

	.ju-newsletter {padding: 45px 60px 45px; position: relative; xheight: 290px; overflow: hidden;}
	.ju-newsletter .motive {background: url(images-5/gray-lines.png) no-repeat 0px 0px; background-size: 956px; width: 956px;height: 973px; position: absolute; z-index: 100;
			top: -480px; left: -350px;  pointer-events: none;}
	
	.ju-newsletter .form-line {margin-bottom: 35px;}
	.ju-newsletter label {color: #FFF;} 
	
	.ju-newsletter .button {padding: 15px 15px !important;}
	.ju-newsletter .button,
	.ju-newsletter input[type=text] {width: 100%;}  
	
	.ju-ifpass {}
	.ju-ifpass-content {position: relative; z-index: 101; padding-top: 60px;}
	.ju-ifpass img {border-radius: 16px; margin-bottom: 20px; box-shadow: 0 1px 12px 0.5px rgba(0,0,0,0.4); width: 300px;}
	.ju-ifpass h5 {font-weight: 200; font-size: 14px; margin-bottom: 20px;}

/*
	<div class="relative">
		<div class="image" style="background-image: url(images/sample.jpg);">
			<div class="motiv"></div>
		</div>
		<div class="text bg-gray container">
				<div class="inside wsw">
					<div class="navigation" style="padding-bottom: 1em; margin-top: -45px;">
						<a href="#">Úvodní stránka</a>  &gt;  <a href="#">Kurzy</a>  &gt;  <strong class="blue">Kurzy pro dospělé</strong>
					</div>
					<h1>Kurzy</h1>
					<p>Francúzsky inštitút na Slovensku je národné referenčné centrum pre výučbu francúzštiny. Kvalita vzdelávania je pre nás na prvom mieste. Vďaka tímu kvalifikovaných lektorov v odbore francúzština ako cudzí jazyk, inovatívnym a efektívnym vzdelávacím metódam, ako i bohatej ponuke kurzov, sa s nami naučíte po francúzsky alebo jazykovo zdokonalíte.</p>
					<a href="#" class="button btn-black-inv btn-blue-hover"><span class="btn-arrow"></span>Katalog kurzů</a>
				</div>
		</div>
	</div>
*/

section.imgtext-top {position: relative;}
  .imgtext-top .image {background: no-repeat center center; background-color: #737373; background-size: cover; width: 100%; xmin-height: 500px; height: 145px; position: relative; overflow: hidden;}
	.imgtext-top .linemotiv {z-index: 100; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: url(images-5/bg-lines-y-23.png) no-repeat right center;
	background-size: 162px; background-position: right -50px center; }
	.imgtext-top .text {padding-top: 30px; padding-bottom: 30px;}	
	.imgtext-top .claim .container{padding-top: 30px; padding-bottom: 30px; font-size: 20px; line-height: 23px; color: #FFF; font-weight: 700; }
	.imgtext-top .claim .container.has_button {padding-bottom: 0; margin-bottom: 25px; } 
	.imgtext-top .claim .button {position: relative; top: 25px; width: 100%;}
	.imgtext-top .text.blue {background: #3558A2; color: #FFF;}
	
	.icon-strip {}
	.icon-cell {display: flex; justify-content: flex-end; align-items: center; text-align: center; flex-direction: column;}
	.icon-strip hr {display: block; width: 80px; height: 6px; border: none; text-align: left; margin: 15px 0 25px; }
	.icon-strip hr.yellow {background: #FFB4AB; }
	.icon-strip hr.blue {background: #3558A2; }
	.icon-strip img {transform: scale(.65); transform-origin: bottom center;}
	.icon-strip .label {font-size: 14px; line-height: 20px; height: 40px;} 


section.home-top {position: relative;}
  .home-top .image {background: #737373 no-repeat center center; background-size: cover; width: 100%; xmin-height: 500px; height: 175px; position: relative; overflow: hidden;}
	.home-top .linemotiv {z-index: 100; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: url(images-5/bg-lines-blue-23.png) no-repeat right center;
	background-size: 162px; background-position: right -50px center; }
	.home-top .text {padding-top: 30px; padding-bottom: 30px; background-color: #3558A2;}
	.home-top .text .wsw, .home-top .text .wsw .navigation a, .home-top .text .wsw .navigation, 
	.home-top .text .wsw .navigation a strong, .home-top .text .wsw * {color: #FFF;} 
	.home-top .text .button {}



section.imgroller {}
	.imgroller .container {xpadding-top: 20px; padding-bottom: 50px;}
	.imgroller .bg-white {xmargin: 0 60px 0 30px; xpadding: 50px; padding: 40px 30px;}
	.imgroller h2 {font-size: 30px; margin-bottom: 40px; font-weight: 700;}
	.imgroller h4 {font-size: 16px; font-weight: 400; color: #6AB1ED; margin-bottom: 20px; text-align: center;}
	.imgroller .img-strip{margin-bottom: 30px;} 
	.imgroller .img-strip img {margin: 10px; }
	.imgroller .button {width: 100%;}

section.textbglink {}
	.textbglink h2 {margin-bottom: 15px;}
	.textbglink .image {background: no-repeat center center; background-size: cover; background-color: #737373;}
	.textbglink .tcontent {background: #FFF; position: relative; padding: 20px 25px 20px;}
	.textbglink .tcontent a.actionbutton {position: absolute; bottom: -30px; left: -20px;}
	.textbglink .tcontent {padding: 25px 25px 25px;}


section.ifpass-top {}
	.ifpass-top .ifpcard img {border-radius: 25px; width: 100%; box-shadow: 0 0 16px 0.5px rgba(0,0,0,0.2); min-width: 230px; max-width: 270px;}	/*position: absolute; top: 0px; left: 15px; margin-bottom: 20px; */
	.ifpass-top h3 {font-size: 18px; font-weight: 700;}
	.ifpass-top .bg-gray {padding-top: 40px; padding-bottom: 70px;}
	.ifpass-top .bottom {margin-top: -50px; margin-bottom: 50px;}
	.ifpass-top .claim {position: absolute; width: 100%; }
	.ifpass-top table.strips {width: 100%}


section.buttonset {}
section.buttonset .content {padding-top: 75px; padding-bottom: 75px; }
.buttonset .image {background: #737373 no-repeat center center; background-size: cover; position: relative;}
.buttonset .image:before {display: block; content: ''; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1; background: rgba(0,0,0,0.3);}
.buttonset h2 {color: #FFB4AB; margin-bottom: 30px; font-weight: 700; font-size: 28px; position: relative; z-index: 100;}
a.setbutton {display: block; font-weight: 700; text-align: center; font-size: 20px; color: #000; background: #FFF; height: 100px; line-height: 22px; padding: 38px 15px; margin: 0 0 15px 0; position: relative; z-index: 100;}
a.setbutton:hover {background: #6AB1ED; text-decoration: none;}

section.gmap iframe {width: 100%; height: 240px; display: block;}

section.searchblock{}
	.searchblock .form-line input[type=text] {color: #3558A2; border-color: #3558A2; margin-bottom: 20px; width: 80%; margin: 0 auto 20px; display: block;}
	.searchblock .form-line input[type=text]::placeholder {color: #3558A2;}
	.searchblock .form-line .button {width: 80%; margin: 0 auto 20px; display: block;}
	.searchblock .form-line * {vertical-align: bottom;}
	




/*RESPONS**************************/

body:before { content: "xs"; display: none; visibility: hidden; }		

/* XS mobile ver only! */
@media (max-width: 575px) {
   


}

/* SM Small devices (tablets, 576px and up) */
@media (min-width: 576px) {
body:before { content: "sm"; }
    .text-center-sm {text-align: center;}
    .text-justify-sm {text-align: justify;}
    .text-left-sm {text-align: left;}
    
    .container .content-mini {padding-left: 60px; padding-right: 30px;}
    
		.ju-join a.sbutton {margin-right: 57px; }

    section.akce .linemotiv {z-index: 100; top: -50px; left: 0px; background-size: 200px; background-position: right -50px center; }
    a.event-ctrl.left {left: -15px;}
    a.event-ctrl.right {right: -15px;}
}

/* MD Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px){
	a.event-ctrl.left {background-image: url(images-5/carousel-left.png); top: calc(50% - 150px); left: 0px;}
	a.event-ctrl.right {background-image: url(images-5/carousel-right.png); top: calc(50% - 150px); right: 0px;}
}
@media (min-width: 768px) {
body:before { content: "md"; }
		.hidden-md {display: none;}
		
    .text-center-md {text-align: center;}
    .text-justify-md {text-align: justify;}
    .text-left-md {text-align: left;}

    footer {background-size: 580px 188px;}
    footer .content {padding-top: 50px; padding-bottom: 50px;}
		footer .col-12:last-child.content {padding-bottom: inherit;}

    .form-line input[type=text],
		.form-line textarea,
		.form-line select		 {font-size: 16px; line-height: 20px;}
		
		.wsw .column {display: inline-block; width: 30%; vertical-align: top;}


    .carousel {/*height: 300px;*/ xheight: 30vw;}	/*300, 350, 490 */ 
 		.carous-item {/*height: 300px;*/ height: 30vw; }
 		.carous-item .image {/*height: 300px; */}
 		.carous-item .content {min-height: 160px; height: auto; position: absolute; bottom: 0px; left: 60px; width: 650px; padding: 30px 30px;}
		a.carousel-ctrl {width: 50px; height: 50px; }
    a.gallery-ctrl {width: 50px; height: 50px; background-size: 13px 21px; }
    
		.ju-join {overflow: visible;}
		.ju-join .motive {top: -35px; left: -105px; }
		.ju-join-content {padding: 0px 0 50px;}
		
		.ju-newsletter {padding: 45px 90px 45px;}
		.ju-newsletter .motive { top: -470px; left: -290px;  pointer-events: none;}
		 

		.ju-ifpass {}
		.ju-ifpass img {margin-right: 30px; margin-bottom: 0px; float: left;}
		.ju-ifpass-content:after {content: ''; display: table; clear: both; width: 100%; height: 0px;}

    x.detail-image.text2 {max-width: 550px;}
		section.detail-top .linemotiv2 {right: -100px;}
		
		.linemotiv-txtdeco {}

		.ifpass-top .ifpcard img {min-width: auto; max-width: none; }
		.ifpass-top .bg-gray {padding-top: 40px; padding-bottom: 100px;}
		.ifpass-top .bottom {margin-top: -85px; margin-bottom: 50px;}
		.ifpass-top h3 {font-size: 18px;}
		.ifpass-top .claim {bottom: calc(100% - 75px);}

	
		.imgtext-top .linemotiv {background-size: 268px; background-position: right -90px top; }
  	.imgtext-top .text {padding-top: 45px; }
		
		a.setbutton {margin: 0 7.5px 15px 7.5px; display: flex; align-items: center; justify-content: center; padding: 10px; flex: 1 0 0%;}
		.buttonset .button-row {display: flex;}
		.buttonset .button-row a.setbutton:first-child {margin-left: 0;}
		.buttonset .button-row a.setbutton:last-child {margin-right: 0;}

		section.gmap iframe {height: 250px;}

  	.searchblock .form-line {margin-top: 20px;}
		.searchblock .form-line input[type=text] {margin: 0 20px 0 0; width: 200px; display: inline-block;}
		.searchblock .form-line .button {display: inline-block; width: auto; margin: 0;}
		
		section.akce .linemotiv {z-index: 100; top: 10px; left: 50px; background-size: 300px; background-position: right -50px center; }

    .event-strip {margin: 0 -15px;}
    .event-strip .action-item {padding: 0 15px;}
		
}

/* LG Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
body:before { content: "lg"; }
	.hidden-md {display: block;}
	.text-center-lg {text-align: center;}
	.text-justify-lg {text-align: justify;}
	.text-left-lg {text-align: left;}
	
	.container.narrow {padding-left: 75px; padding-right: 75px;}

	header#ifp {text-align: left;}
	footer {background-size: 774px 251px;}
	
	.form-line label.chbox {font-size: 14px; width: calc(100% - 38px); margin-left: 12px;}
	
	.wsw {font-size: 16px; line-height: 21px;}
	
	.wsw b {font-weight: 400;}
	.wsw h1 {font-size: 40px; font-weight: 700; line-height: 45px;}
	.wsw h2 {font-size: 30px; font-weight: 700; line-height: 35px;}
	.wsw h3 {font-size: 26px; font-weight: 700; line-height: 31px;}
	.wsw h4 {font-size: 21px; font-weight: 700; margin-bottom: 5px;}
	.wsw h5 {font-size: 16px; font-weight: 700; margin-bottom: 5px;}
	.wsw h6 {font-size: 16px; font-weight: 400; margin-bottom: 5px;}
	 
	.wsw p {padding: 0 0 10px 0; margin: 0;} 
	
	.unroll {margin-bottom: 20px;}
	.unroll .unroll-caption {line-height: 30px; padding: 25px 80px 25px 38px; font-size: 28px; background-size: 21px 22px; background-position: calc(100% - 37px) center;}
	.unroll .unroll-text {padding: 30px 0 15px;}
	.unroll.open .unroll-caption {background-color: #3558A2; background-image: url(images-5/ico-minus.png); background-position: calc(100% - 41px) center; background-size: 15px 7px;}
	
/* 2023 	
	section .content {padding-top: 80px; padding-bottom: 80px;} /* !! was: 120px /
	section .content-top {padding-top: 80px;}
	section .content-bottom {padding-bottom: 80px;}
	section .content-mini {padding-top: 40px; padding-bottom: 40px; }
	section .content-mini-top {padding-top: 40px; }
	section .content-mini-bottom {padding-bottom: 40px; }
*/	

 	section .content {padding-top: 40px; padding-bottom: 40px;} /* !! was: 80px */
	section .content-top {padding-top: 40px;}
	section .content-bottom {padding-bottom: 40px;}
	section .content-mini {padding-top: 20px; padding-bottom: 20px; }
	section .content-mini-top {padding-top: 20px; }
	section .content-mini-bottom {padding-bottom: 20px; }

	
	/* top page section */
	section:nth-child(2) .content {padding-top: 80px; padding-bottom: 20px; } /* !! was: 120px */
	section:nth-child(2) .content-top {padding-top: 80px; }
	section:nth-child(2) .content-bottom {padding-bottom: 20px;}
	
	
	.detail-header {padding-bottom: 85px;}
	.detail-subheader {font-size: 20px;}
	.detail-image {margin-top: -30px; width: calc(100% - 30px);}
	.detail-image.text2 {max-width: 800px;}
	.detail-pitch {padding: 45px 65px 35px; line-height: 23px; font-size: 20px; left: 30px; }
	xsection.detail-top .linemotiv {background-size: 445px 347px; background-position: right -80px center;}
	section.detail-top .linemotiv {background-size: 445px 347px; background-position: right center; width: 445px; height: 347px; top: calc(50% - 173px); right: -80px;}
	section.detail-top .linemotiv2 {background-size: 300px; background-position: right center; width: 300px; height: 330px; top: -150px; right: -70px;}
	
	.linemotiv-txtdeco {background-size: 300px; background-position: right center; width: 300px; height: 330px; top: -40px; right: -130px;}
	
	.carousel {/*height: 350px;*/ }	/*300, 350, 490 */ 
	.carous-item {/*height: 350px; /*padding-bottom: 50px;*/}
	.carous-item .image {/*height: 350px; */}
	.carous-item .content {min-height: 200px; height: auto; position: absolute; bottom: 50px; left: 100px; width: 490px; padding: 30px 30px;}
	.carous-item .content.wsw h1 {font-size: 30px; line-height: 35px;}
	.carous-item .content.wsw p {font-size: 14px; line-height: 19px;} 
	
	.gallery .row {margin: 0 0 30px; }
	.gallery .content-shift {padding-left: 15px;}
	
	.sm-item h3 {width: calc(100% - 40px); left: 20px; }
	
	.slick-row {xheight: 100px;}
	.slick-row a {display: block; margin: 0 15px 30px;}
	.slick-row img {display: block; xheight: 100px; }
	
	section.joinus {overflow: hidden;}
	
	.ju-join {}
	.ju-join .motive {background-size: 222px; width: 222px;height: 209px; top: 5px; left: -90px; }
	.ju-join h2 {font-size: 45px; line-height: 50px; margin-bottom: 55px;}
	.ju-join a.sbutton {margin-right: 18px; margin-bottom: 13px;}
	.ju-join a.sbutton:last-child {margin-right: 0px;}
	.ju-join-content {padding: 0px;}

  .ju-newsletter {padding: 35px 15px 35px; overflow: visible;}
	.ju-newsletter .motive {background-size: 515px; width: 515px;height: 524px; top: -200px; left: -155px; }
	
	.ju-newsletter .form-line {margin-bottom: 30px;}
	
	.ju-ifpass {}
	.ju-ifpass-content {padding-top: 0px;}
	.ju-ifpass img {margin-bottom: 20px; margin-right: 0; float: none; width: 247px;}
	.ju-ifpass-content:after {content: none}

	.imgtext-top .image {height: 460px;}
	.imgtext-top .linemotiv {background-size: 317px; background-position: right -92px top;}
	.imgtext-top .text {position: absolute; width: 580px; top: 80px; left: calc((100% - 810px) / 2); background: rgba(255,255,255,0.8);}
	.imgtext-top .text.blue {background: #3558A2; color: #FFF;}
	.imgtext-top .text.blue .wsw, .imgtext-top .text.blue .wsw * {color: #FFF;}  
	.imgtext-top .text.nobg {background: none;}
	
	.imgtext-top .bg-green {width: 480px; position: relative; left: calc(((100% - 810px) / 2) + 100px); top: -30px;}
	.imgtext-top .bg-green .container, .imgtext-top .bg-green .container.has_button {padding: 30px 40px 40px;}
	.imgtext-top .bg-green .button {width: auto; position: absolute; bottom: -25px; right: -30px; top: auto;} 

/*

	.imgtext-top .wrap {height: 500px;}
	.imgtext-top .inside-image {height: auto;}
	.imgtext-top .outside-image {background: none; padding: 0px 0 0;}
	.imgtext-top .claim .button {position: absolute; bottom: -25px; left: 15px; width: auto;}
*/

	.icon-strip {}
	.icon-strip hr {width: 105px; height: 8px; margin: 9px 0 9px; }
	.icon-strip .label {font-size: 16px; line-height: 21px; height: 21px;}
	
	.imgroller .bg-white {margin: 0 60px 0 30px; padding: 80px 30px 20px;}
	.imgroller h2 {font-size: 45px; margin: 0px; text-align: right; position: absolute; top: 0px; right: 45px; transform: rotate(-90deg); transform-origin: top right; }
	.imgroller h4 {margin-bottom: 20px; text-align: left;}
	.imgroller .img-strip {margin-bottom: 30px;} /* 2. za h4 */
	.imgroller .button {width: auto; position: absolute; top: -25px; left: -30px;}

	.ifpass-top .bg-gray {padding-top: 50px; padding-bottom: 160px;}
	.ifpass-top .bottom {margin-top: -120px; margin-bottom: 50px;}
	.ifpass-top h3 {font-size: 26px;}
	.ifpass-top .claim {bottom: calc(100% - 100px);}

	section.buttonset .content {padding-top: 80px; padding-bottom: 80px; }
  .buttonset h2 {font-size: 35px;}
  
  section.gmap iframe {height: 420px;}
  

 	.searchblock .form-line input[type=text] {margin: 0 20px 0 0; width: 250px;}

 	.textbglink h2 {margin-bottom: 20px;}
	.textbglink .tcontent {padding: 50px 30px 55px;}
	.textbglink .tcontent a.button.btn-green {left: 30px;}
	.textbglink .tcontent {padding: 50px 35px 55px;}
	.textbglink .tcontent a.actionbutton {left: 35px;}
	.textbglink h2 {margin-bottom: 35px;}
	.textbglink .tcontent {padding: 60px 50px 60px;}
	.textbglink .tcontent a.actionbutton {left: 50px;}
	
	section.akce .linemotiv {z-index: 100; top: 50px; left: 50px; background-size: 350px; background-position: right -50px center; }


} /* end LG 992 */

/* ~XL collapsed menu - INVERSE xl (& XS) */
@media (max-width: 1199px) {
	.menu-pop {display: inline-block; padding-left: 34px; background-size: 23px 20px; background: url(images-5/menu-pops-23.png) no-repeat left center; font-size: 14px; font-weight: 100; color: #3558A2; 
	line-height: 20px; height: 20px;
	}
	.menu-pop.open {}
	.menu-pop {position: absolute; top: 18px; left: 15px; }
	nav.open .menu-pop {}

  .search {display: inline-block; width: 20px; height: 17px; background: url(images-5/ico-search-23.png) no-repeat center center; }
	
	.mob-panel {position: absolute; right: 15px; top: 22px;}
	.lang, .lang a {color: #3558A2; font-size: 14px; font-weight: 100; text-decoration: none; line-height: 17px;}
	.mob-panel .lang, .mob-panel .search {display: inline-block; vertical-align: top;}
	x.mob-panel .search {margin-left: 10px;}
	.mob-panel .search {margin-left: 10px; position: absolute; right: calc(100% + 15px); top: 0px;}

/* mobile menu */	
	nav ul, nav li {list-style-type: none; padding: 0; margin: 0;} 
	nav>ul {display: none; padding: 40px 25px 0; position: fixed; top: 56px; left: 0px; color: #FFF; text-align: left; width: 100%; background-color: #3558A2; }
	nav>ul {max-height: calc(100vh - 56px); overflow: auto;}
	nav.open>ul {display: block;} 
	body.sticky nav>ul {top: 56px;}
	body.sticky {padding-top: 56px;}
	nav ul a {color: #FFF;}	
	nav ul a:hover {text-decoration: underline; color: #FFF;}
	
	nav>ul>li {font-size: 16px; font-weight: 700; margin-bottom: 25px; margin-left: 25px;}
	nav>ul>li ul {padding-left: 35px; display: none;}
/*	nav>ul>li:hover>ul,*/
	nav>ul li.focus>ul {display: block;}
	nav>ul>li>ul li {font-size: 14px; font-weight: 700; margin-top: 20px;}
	nav>ul>li>ul>li>ul {display: none;}
  nav>ul>li>ul>li>ul>li {font-weight: 400;}
  a.submenu.active,
	nav ul li.focus>a.submenu {text-decoration: underline;}
	nav ul li:has(>.submenu):after {content '+'; xfont-weight: 700;}
	
	a.popsub {margin-left: 10px; font-weight: 700; font-size: 120%; cursor: pointer;}
	
	.topmenu {display: none;}
  
}

/* ~XL & SM */
@media (min-width: 576px) and (max-width: 1199px) {
  
}


/* ~XL & MD */
@media (min-width: 768px) and (max-width: 1199px) {

}

/* ~XL & LG */
@media (min-width: 992px) and (max-width: 1199px) {
  .menu-pop {position: absolute; top: 15px; right: 15px; left: auto;}
	.menu-pop {background-size: 30px 26px; width: 30px; height: 26px; background: url(images-5/menu-pop-23.png) no-repeat left center;}
  .menu-pop span {display: none;}

	.mob-panel {position: absolute; right: 72px; top: 22px; }
	.lang, .lang a {color: #3558A2; font-size: 14px; font-weight: 100; text-decoration: none; line-height: 17px; }
	.mob-panel .lang, .mob-panel .search {display: inline-block; vertical-align: top;}
	.mob-panel .search {margin-left: 10px; position: absolute; right: calc(100% + 15px); top: 3px;}
	
  
}

/***************  end collapsed menu      ********************/
     

/* XL X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
body:before { content: "xl"; }
    .text-center-xl {text-align: center;}
    .text-justify-xl {text-align: justify;}
    .text-left-xl {text-align: left;}

    header#ifp {height: 96px; }
    body.sticky header#ifp {height: 65px; }
    header#ifp img.logo {height: 117px; }
		body.sticky header#ifp img.logo {height: 65px; }
		
		body.sticky .topmenu {display: none;}
		body.sticky .mob-panel .lang {display: none;}
    body.sticky {padding-top: 96px;}
     
/* linear menu */
    
    nav ul, nav li {list-style-type: none; padding: 0; margin: 0;}
    nav>ul {position: absolute; top: 53px; right: 55px; right: 0px;}
    body.sticky nav>ul {top: 21px; }
    nav>ul>li {font-size: 16px; letter-spacing: 0px; font-weight: 700; display: inline-block; height: 20px; line-height: 20px; margin: 0 10px; vertical-align: top;
		padding-bottom: 45px;}
    nav>ul>li.topmenu-mobile {display: none;}
    nav>ul>li a {display: inline-block; color: #000; text-decoration: none; padding: 0 5px;}
    nav>ul>li:hover>a,
		nav>ul>li.hover>a {text-decoration: none; color: #3558A2;}
    nav>ul>li a span {display: none;}
    nav>ul>li a.home {display: none;}
    
    nav>ul>li a.home:hover {background-image: url(images-5/ico-home-h.png);}
    nav>ul>li:first-child {margin-left: 0;}
    nav>ul>li:last-child {margin-right: 0;}
    
		nav>ul>li>ul {display: flex; display: none; position: fixed; padding: 40px 25px 25px; top: 96px; left: 0px; color: #FFF; text-align: left; width: 100%; background-color: #3558A2; z-index: 1010;
		 justify-content: space-around; justify-content: center; flex-wrap: wrap; box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.2);  
		}
		body.sticky nav ul li ul {top: 65px;}
		nav>ul>li:hover>ul, 
		nav>ul>li.hover>ul {display: flex;}
    nav>ul>li>ul>li {display: block; xvertical-align: top; max-width: 25%; flex: 0 0 25%; text-align: center; min-height: 3em;}
    nav>ul>li>ul>li a {color: #FFF;}
    nav>ul>li>ul>li a:hover {color: #FFF; text-decoration: underline;}
    
		nav>ul>li>ul>li>ul {margin-bottom: 20px; text-align: center; }
    
    nav>ul>li>ul>li>ul>li {display: block; font-weight: 200; margin-top: 20px;}
		
		a.popsub {display: none;} 
    
		.topmenu {}
		.topmenu ul {xposition: absolute; top: 4px; right: 170px; list-style-type: none;}
		.topmenu ul.student-shift {margin-right: 110px; margin-top: 1px;} 
		.topmenu ul li {display: inline-block; font-weight: 400; padding: 0 3px; margin: 0 4px; font-size: 15px; letter-spacing: -0.5px;}
		.topmenu ul li a {color: #3558A2;}
		.topmenu ul li a:hover {text-decoration: underline;}
    
		.menu-pop {display: none;}
		.mob-panel {position: absolute; top: 3px; right: 5px;}
    
    .search {display: inline-block; width: 20px; height: 17px; xwidth: 30px; xheight: 20px; background: url(images-5/ico-search-23.png) no-repeat center center; }
		.search {position: absolute; right: calc(100% + 15px); top: 4px;}
		body.sticky .search {top: -21px;} /* ?!? */

/* end linear menu */

		.search-panel .search-ctrl {height: 82px; top: calc(50% - 41px); }
		.search-panel .search-ctrl input[type=text] {font-size: 25px; line-height: 26px; padding: 25px; width: 325px; }
	
			
		footer .content {padding-top: 80px; padding-bottom: 80px;}

	  .form-line input[type=text],
		.form-line textarea {font-size: 18px; line-height: 22px; padding: 8px 0; }
		.form-line select {font-size: 18px; line-height: 22px; padding: 5px 0; }
		.form-line label.chbox {font-size: 16px; line-height: 19px;} 


		.wsw {font-size: 16px; line-height: 21px;}
		.wsw h1 {font-size: 50px; font-weight: 700; line-height: 50px;}

		.paging a.page, 
		.paging a.spage  {font-size: 16px; height: 40px; padding: 9px 0; line-height: 20px; margin: 0 8px;}
		.paging a.page {width: 40px;}
		.paging a.spage {padding: 9px 16px;}
		 
		.paging a.pagea {height: 57px; width: 35px; background-size: 35px; }
		.paging a.page-prev {margin: 0 25px 0 0; }
		.paging a.page-next {margin: 0 0 0 25px; }
		.paging span.wrap-compress {font-size: 16px; padding: 9px 0; line-height: 20px; margin: 0 8px;}
		
		.unroll .unroll-caption {xheight: 85px; line-height: 35px; padding: 25px 100px 25px 40px;; font-size: 30px; background-size: 21px 22px; background-position: calc(100% - 46px) center;}
		.unroll .unroll-text {padding: 30px 0 15px;}
		.unroll.open .unroll-caption {background-color: #3558A2; background-image: url(images-5/ico-minus.png); background-position: calc(100% - 50px) center; background-size: 15px 7px;}

    .carousel {xheight: 490px; }	/*300, 350, 490 */ 
 		.carous-item {/*height: 490px;*/ }
 		.carous-item .image {/*height: 490px; */}
 		.carous-item .content {min-height: 250px; height: auto; position: absolute; bottom: auto; left: 175px; width: 650px; 
		  top: 50%;  transform: translateY(-50%);
		  padding: 45px 75px;
		}  
		 
	 .sm-item h3 {width: calc(100% - 60px); left: 30px; top: calc(50% - 30px); line-height: 25px; xheight: 60px; font-size: 20px; padding: 12px 10px;}
 
		  
		.detail-header {padding-bottom: 120px;}
		.detail-subheader {font-size: 16px;}
		.detail-image {xmargin-top: -70px; width: 680px;}
		.detail-image.text2 {width: 800px;}
		
		.detail-pitch {left: 50px; }
		xsection.detail-top .linemotiv {background-size: 540px 400px;}
		section.detail-top .linemotiv {background-size: 540px 400px; width: 540px; height: 400px; top: calc(50% - 200px); }
		section.detail-top .linemotiv2 {background-size: 355px; background-position: right center; width: 355px; height: 387px; top: -150px; right: -70px;}
		
		.linemotiv-txtdeco {background-size: 355px; background-position: right center; width: 355px; height: 387px; top: -50px; right: -30px;}
		

		.ju-join {}
		.ju-join .motive {background-size: 260px; width: 260px;height: 245px; top: 5px; left: -90px; }
		.ju-join h2 {font-size: 50px; line-height: 55px; margin-bottom: 55px;}
		.ju-join a.sbutton {margin-right: 8px;}
		.ju-join a.sbutton:last-child {margin-right: 0px;}

  .ju-newsletter {padding: 30px 45px 30px; }
	.ju-newsletter .motive {background-size: 600px; width: 600px;height: 611px; top: -250px; left: -150px; }
	.ju-newsletter .form-line {margin-bottom: 40px;}
	.ju-newsletter a.button {font-size: 14px;}
    
	.icon-strip {}
	.icon-strip hr {width: 105px; height: 8px; margin: 12px 0 22px; }
	.icon-strip img {transform: scale(.76); }
	.icon-strip .label {font-size: 19px; line-height: 23px; height: 23px;}
	
	.imgroller .bg-white {margin: 0 60px 0 60px; padding: 80px 30px 20px;}
	.imgroller .button {left: 0px;}

	.ifpass-top .bg-gray {padding-top: 60px; padding-bottom: 190px;}
	.ifpass-top .bottom {margin-top: -150px; margin-bottom: 60px;}
	.ifpass-top h3 {font-size: 30px;}
	.ifpass-top .claim {bottom: calc(100% - 120px);}


	.imgtext-top .image {height: 575px;}
	.imgtext-top .linemotiv {background-size: 372px; background-position: right -107px top;}
	.imgtext-top .text {width: 580px; top: 90px; left: calc((100% - 990px) / 2);}
	.imgtext-top .bg-green {width: 670px; position: relative; left: calc(((100% - 990px) / 2) + 70px); top: -30px;}
	x.imgtext-top .bg-green .container, .imgtext-top .bg-green .container.has_button {padding: 30px 40px 40px;}
	.imgtext-top .bg-green .button {bottom: -25px; right: auto; left: 40px;} 
	 
 
	section.buttonset .content {padding-top: 100px; padding-bottom: 100px; }
	.buttonset h2 {font-size: 40px;}
	a.setbutton {height: 120px; font-size: 25px; padding: 15px;}
	
	section.gmap iframe {height: 650px;}
	
	.searchblock .form-line input[type=text] {margin-right: 30px; width: 290px;}
	
	section.akce .linemotiv {z-index: 100; top: 40px; left: 60px; background-size: 400px; background-position: right -50px center; }
    
} /* end XL 1200 */

/* XXXXXL */

@media (min-width: 1550px) {
body:before { content: "xxl"; }

	.container {max-width: 1400px; }
  .container.narrow {padding-left: 95px; padding-right: 95px;}

	input[type=checkbox] {width: 22px; height: 22px; background-size: 19px;}    
  .form-line input[type=text],
	.form-line textarea,
	.form-line select {font-size: 20px; line-height: 24px; padding: 8px 0; }
  .form-line label.chbox {font-size: 18px; line-height: 23px; width: calc(100% - 50px); margin-left: 12px;}

	section .content-mini {padding-top: 45px; padding-bottom: 45px; }
	section .content-mini-top {padding-top: 45px; }
	section .content-mini-bottom {padding-bottom: 45px; }

	body.sticky {padding-top: 133px;}
  header#ifp {height: 133px; }
  body.sticky header#ifp {height: 85px; }
  header#ifp img.logo {height: 132px; }
	body.sticky header#ifp img.logo {height: 85px; }
	.search {right: calc(100% + 30px); top: 4px;}
	body.sticky .search {top: -35px;} 
	nav>ul {top: 82px; right: 75px; right: 0px;}
	body.sticky nav>ul {top: 35px; right: 75px; right: 0px;}
	
	nav>ul>li {font-size: 20px; height: 20px; line-height: 20px; margin: 0 15px; vertical-align: top; letter-spacing: 0px; }
  nav>ul>li a {padding: 0 5px;}
  nav>ul>li a.home {display: inline-block; background: url(images-5/ico-home.png) no-repeat left center; width: 20px; height: 20px;}

	nav>ul>li>ul {padding: 40px 25px 25px; top: 132px; }
	body.sticky nav ul li ul {top: 85px;}

	.topmenu {padding-right: 160px; padding-top: 8px;}
	.topmenu ul {xposition: absolute; top: 8px; right: 195px; list-style-type: none;}
	.topmenu ul.student-shift {margin-right: 115px;} 
	.topmenu ul li {display: inline-block; font-weight: 400; padding: 0 4px; margin: 0 5px; font-size: 17px; letter-spacing: -0.25px;}
	.mob-panel {position: absolute; top: 8px; right: 20px;}
	header#ifp .socials a {display: inline-block; padding: 3px 8px; vertical-align: top;}
	
	.lang a {font-size: 18px;}
    
	.sm-item h3 {top: calc(50% - 35px); line-height: 25px; xheight: 70px; font-size: 20px;  padding: 16px 10px;}
	
	.wsw {font-size: 20px; line-height: 25px;}
	.wsw h1 {font-size: 55px; font-weight: 700; line-height: 65px;}
	.wsw h2 {font-size: 40px; font-weight: 700; line-height: 45px;margin-bottom: 15px;}
	.wsw h3 {font-size: 31px; font-weight: 700; line-height: 35px;margin-bottom: 15px;}
	.wsw h4 {font-size: 26px; font-weight: 700; margin-bottom: 5px;}
	.wsw h5 {font-size: 20px; font-weight: 700; margin-bottom: 5px;}
	.wsw h6 {font-size: 20px; font-weight: 400; margin-bottom: 5px;}

	a.sbutton {width: 78px; height: 78px;}
	a.sbutton.soc-fb {background-size: 48px 48px;}
	a.sbutton.soc-ig {background-size: 46px 46px;}
	a.sbutton.soc-tw {background-size: 48px 40px;}
	a.sbutton.soc-x {background-size: 48px 48px;}
	a.sbutton.soc-yt {background-size: 57px 40px;}
	a.sbutton.soc-in {background-size: 44px 42px;}

	.unroll {margin-bottom: 30px;}
	.unroll .unroll-caption {xheight: 120px; line-height: 50px; padding: 35px 140px 35px 60px;; font-size: 40px; background-size: 32px 34px; background-position: calc(100% - 67px) center;}
	.unroll .unroll-text {padding: 50px 0 30px;}
	.unroll.open .unroll-caption {background-color: #3558A2; background-image: url(images-5/ico-minus.png); background-position: calc(100% - 72px) center; background-size: 22px 11px;}
	
	.carousel, 
	.carous-item, 
 	.carous-item .image {/*height: 600px; */}	/*300, 350, 490 */
	 	
	table.strips td {padding-top: 20px; padding-bottom: 20px; line-height: 25px; }

	.paging a.page {font-size: 25px; width: 40px; height: 40px; padding: 6px 0; line-height: 26px; }
	.paging span.wrap-compress {font-size: 25px; padding: 6px 0; line-height: 26px; }

	.detail-header {padding-bottom: 130px;}
	.detail-subheader {font-size: 30px;}
	.detail-image {xmargin-top: -50px; width: 1000px;}
	.detail-image.text2 {max-width: 1000px; width: 1000px;}
	
	.detail-pitch {padding: 40px 65px; line-height: 35px; font-size: 30px; margin-top: -50px; left: 90px; }
  xsection.detail-top .linemotiv {background-size: 743px 550px; background-position: right -120px center;}
	section.detail-top .linemotiv {background-size: 743px 550px; width: 743px; height: 550px; top: calc(50% - 275px); right: -120px;}
	section.detail-top .linemotiv2 {background-size: 440px; background-position: right center; width: 440px; height: 480px; top: -200px; right: -20px;}
	
	.linemotiv-txtdeco {background-size: 440px; background-position: right center; width: 440px; height: 480px; top: -30px; right: -170px;}

	.ju-join .motive {background-size: 399px 376px; width: 399px;height: 376px; top: 5px; left: -180px; }
	.ju-join h2 {font-size: 60px; line-height: 65px; margin-bottom: 80px;}
	.ju-join a.sbutton {margin-right: 7px;}
	.ju-join a.sbutton:last-child {margin-right: 0px;}

	.ju-newsletter {padding: 50px 40px 50px; }
	.ju-newsletter .motive {background-size: 821px 919px; width: 821px;height: 919px; top: -420px; left: -275px; }

	.ju-newsletter .form-line {margin-bottom: 55px;}
	
	
	
	.ju-ifpass img {margin-bottom: 30px; width: 378px; border-radius: 20px; }
	.ju-ifpass h5 {font-size: 20px; margin-bottom: 40px;}

	.imgtext-top .text {width: 820px; top: 90px; left: calc((100% - 1220px) / 2); padding-top: 60px; padding-bottom: 50px;}
	.imgtext-top .bg-green {xwidth: 680px; position: relative; left: calc(((100% - 1220px) / 2) + 150px); top: -30px;}
	.imgtext-top .claim .container {font-size: 25px; line-height: 28px; }

	.icon-strip {}
	.icon-strip hr {width: 105px; height: 8px; margin: 15px auto 25px; }
	.icon-strip img {transform: none; }
	.icon-strip .label {font-size: 25px; line-height: 30px; height: 30px;} 


	.imgroller .bg-white {margin: 0 75px 0 75px; padding: 110px 50px 30px;}
	.imgroller h2 {font-size: 60px; top: 0px; right: 60px; }
	.imgroller h4 {font-size: 20px;}
	.imgroller .img-strip {margin-bottom: 50px;}
	.imgroller .button {top: -30px; font-size: 18px; height: 60px; padding-left: 40px; padding-right: 40px;}


  .ifpass-top .bg-gray {padding-top: 75px; padding-bottom: 230px;}
	.ifpass-top .bottom {margin-top: -180px; margin-bottom: 80px;}
	.ifpass-top h3 {font-size: 40px;}
	.ifpass-top .claim {bottom: calc(100% - 150px);}

	.buttonset h2 {font-size: 50px; margin-bottom: 50px; }
	a.setbutton {height: 150px; font-size: 30px; padding: 15px;}
	
  section.textbglink {}
	.textbglink .image {background-size: cover;}
	.textbglink .tcontent {background: #FFF; position: relative; padding: 60px 50px 60px;}
	.textbglink .tcontent a.actionbutton {position: absolute; bottom: -30px; left: 50px;}

  section.akce .linemotiv {z-index: 100; top: 0px; left: 60px; background-size: 550px; background-position: right -50px center; }

}





/* CSS PRELOAD HOVERU */

body:after{
 display:none;
 content: url( ) url( );
}

/*



.unroll {}
.unroll .unroll-caption {cursor: pointer; background: #6AB1ED url(images-5/ico-plus.png) no-repeat calc(100% - 67px) center;   
font-weight: 700; color: #FFF; 
height: 56px; line-height: 20px; padding: 18px 28px; font-size: 16px;
}
.unroll .unroll-text {display: none; padding: 50px 0;}
.unroll.open .unroll-caption {background: #3558A2 url(images-5/ico-minus.png) no-repeat calc(100% - 73px) center; } 


*/


/*

section.diplom-top {}
.diplom-header {padding: 40px 30px;}
.diplom-header h1 {font-size: 30px;} 
.diplom-image {background: url(../images/sample1.jpg) no-repeat; background-size: cover; height: 150px;}


.diplom-box {color: #FFF; padding: 40px 30px;}

.diplom-level {padding: 40px 30px;}

.level-picker {display: none;}
.level-picker a {display: block; xfloat: left; color: #FFF; text-align: center; font-weight: 700; line-height: 20px; padding: 15px; height: 50px; background-color: #3558A2; margin-bottom: 15px; }
.level-picker a:hover {background-color: #6AB1ED; text-decoration: none;}
.level-picker a.disabled {background-color: #dfe0e1; color: #FFF;}
.level-picker a:nth-child(1) {width: 90px;}
.level-picker a:nth-child(2) {width: 136px;}
.level-picker a:nth-child(3) {width: 180px;}
.level-picker a:nth-child(4) {width: 225px;}
.level-picker a:nth-child(5) {width: 270px;}
.level-picker a:nth-child(6) {width: 315px;}
.level-picker a:nth-child(7) {width: 360px;}


.level-picker:after {content: ''; display: table; clear: both; height: 0px; width: 100%;}
.diplom-logo {text-align: center; }

@media (min-width: 992px) {
	.level-picker {transform: rotate(-90deg); transform-origin: left top; margin-top: 360px; margin-bottom: -360px; height: 360px;}
	.diplom-logo {position: absolute; top: 0px; right: 0px;}
}
*/

/********************************/


.list {}
.list-row {background: #FFF; margin-bottom: 20px;
display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.list-row .list-cell {display: flex; align-items: center; width: 100%; min-height: 1px; padding: 20px 15px;}
.list-row .cell-1 {flex: 0 0 58.33333333333%; max-width: 58.33333333333%; padding-left: 30px; font-size: 16px; flex-direction: column; justify-content: start; }
.list-row .cell-1 h4 {font-size: 20px; font-weight: 400; width:100%}
.list-row .cell-1 span {display: block; width: 100%;}  
.list-row .cell-2, 
.list-row .cell-3  {flex: 0 0 calc(20.83333333333% - 40px); max-width: calc(20.83333333333% - 40px); justify-content: center; font-size: 20px; font-weight: 400;}
.list-row .cell-3 span {display: none;}
.list-row .cell-4 {flex: 0 0 80px; max-width: 80px; background: blue;}


/* linear + table program list */
/* rozdeleno < a > aby se nemuselo pretezovat zpet */


table.list td .sep:after {content: ', '; display: inline;}
table.list td.tcell-4 a {display: block; width: 100%; height: 100%; background: #edeff0 url(images-5/ico-ticket-23.png) no-repeat center center}
table.list td.tcell-4 a:hover,
table.list td.tcell-4 a.active {background: #3558A2 url(images-5/ico-ticket-wt.png) no-repeat center center;}
table.list tr.ticket-form .bg-blue {margin-top: -20px;}


.terms {}
.term-item {padding-left: 30px; position: relative; background: #FFF; margin-bottom: 15px;}
.term-item .row>div {padding-top: 10px; padding-bottom: 10px; font-size: 16px; font-weight: 400; text-align: center;}
.term-item .ticket {position: absolute; right: 0; height: 100%; top: 0px;}
.term-item .ticket a {display: block; width: 100%; height: 100%; background: #edeff0 url(images-5/ico-ticket-23.png) no-repeat center center}
.term-item .ticket a:hover,
.term-item .ticket a.active {background: #3558A2 url(images-5/ico-ticket-wt.png) no-repeat center center;}

.terms .bg-blue {position: relative; top: -15px;}
.terms .contactform {padding: 30px 60px 30px 30px;}

@media (max-width: 991px) {	/* linear */
	table.list, 
	table.list tbody {display: block; width: 100%;}
	table.list tr {display: block; background: #FFF; margin-bottom: 15px; position: relative; cursor: pointer;} /* cursor jen u programu */
	table.list tr.ticket-form {height: auto; }
	table.list td {display: block;}
	table.list td.tcell-1 {padding-left: 30px; font-size: 14px; font-weight: 200; line-height: 20px; }
	table.list td.tcell-1 h4 {font-size: 16px; font-weight: 400; margin-bottom: 2px;}
	table.list td.tcell-1 h4 .note{font-weight: 100;}	
	table.list td.tcell-1 a, table.list td.tcell-1 a:hover {color: #000;}
	table.list td.tcell-2	{padding-left: 30px; font-size: 16px; font-weight: 400; ine-height: 20px; } 
	table.list td.tcell-3 {font-size: 16px; font-weight: 400; line-height: 20px; }
	table.list td.tcell-4 {padding: 0;  height: 100%; position: absolute; right: 0px; top: 0px; xbackground-color: #EDEFF0; /* barva podkladu??? */ }
	table.list td.tcell-4 a {}
  table.list td.tcell-2 span.price {display: none;}
  table.list td.tcell-3 span.date {display: none;}
	table.list tr.ticket-form td {padding: 0; height: auto; background: transparent;}
	table.list td.tterm {font-size: 16px; font-weight: 400;}

	.term-item .ticket a, .term-item .ticket a:hover, .term-item .ticket a.active {background-size: 40px;}
	.term-item .ticket {width: 60px;}
	.term-item {padding-right: 60px;}

}

@media (max-width: 767px) { /* linear < MD */
	table.list tr {padding-top: 6px; height: 100px; } /* cursor jen u programu */
	table.list tr.ticket-form {height: auto; margin-top: -1px;}
	table.list td.tcell-2	{display: inline-block; } 
	table.list td.tcell-3 {display: inline-block; }
  table.list td.tcell-1 {position: absolute; top: 33px; left: 0; width: calc(100% - 65px);}
  table.list td.tcell-3 span.price:before {display: inline; content: ' | '; font-weight: 700; margin: 0 2px;}
	table.list td.tcell-4 {width: 62px;}
	table.list td.tcell-4 a, table.list td.tcell-4 a:hover, table.list td.tcell-4 a.active {background-size: 40px;} 
}


@media (min-width: 768px) and (max-width: 991px) { /* linear > MD */
	table.list tr {padding-top: 15px; height: 90px; } /* cursor jen u programu */
	table.list tr.ticket-form {height: auto; margin-top: -10px;}
  table.list td.tcell-1 {width: calc(100% - 80px);}
	table.list td.tcell-2	{ width: 250px; position: absolute; right: 105px; top: 0px; height: 50%; padding-top: 22px; text-align: right;} 
	table.list td.tcell-3 { width: 150px; position: absolute; right: 105px; bottom: 0px; height: 50%; padding-bottom: 27px; text-align: right;}
  table.list td.tcell-4 {width: 75px;}
	table.list td.tcell-4 a, table.list td.tcell-4 a:hover, table.list td.tcell-4 a.active {background-size: 50px;}
}


@media (min-width: 992px) { /* table */
	table.list {width: 100%;   border-collapse: separate; border-spacing: 0px 20px;}
	table.list tr {background: #FFF; cursor: pointer;}
	table.list td {padding: 15px; }
	table.list td.tcell-1 {padding-left: 30px; font-size: 14px; }
	table.list td.tcell-1 h4 {font-size: 16px; font-weight: 400; }
	table.list td.tcell-1 h4 .note{font-weight: 100;}
	table.list td.tcell-1 a, table.list td.tcell-1 a:hover {color: #000;}
	table.list td.tcell-2,
	table.list td.tcell-3 {font-size: 16px; font-weight: 400;}
  table.list td.tcell-2 {white-space: nowrap; text-align: center;}
  table.list td.tcell-3 {text-align: right; padding-right: 30px;}
  table.list td.tcell-2 span.date {display: none;}
  table.list td.tcell-3 span.price {display: none;}
	table.list td.tcell-4 {width: 80px; padding: 0;}
	table.list td.tcell-4 a {}
	table.list tr.ticket-form td {padding: 0; height: auto; background: transparent;}
	table.list td.tterm {font-size: 16px; font-weight: 400;}

	.term-item .ticket a, .term-item .ticket a:hover, .term-item .ticket a.active {xbackground-size: 40px;}
	.term-item .ticket {width: 80px;}
	.term-item {padding-right: 80px;}
  .term-item .row>div {padding-top: 12px; padding-bottom: 12px;}
	.terms .contactform {padding: 30px 80px 30px 30px;} 
}

@media (min-width: 992px) and (max-width: 1199px) { /* table > LG */
	table.list td {height: 75px; } /* cursor jen u programu */
	table.list td.tcell-1 {width: calc(100% - 335px);}
	table.list td.tcell-2 {width: 100px; }
	table.list td.tcell-3 {width: 200px;} 
  table.list td.tcell-4 {width: 60px;}
	table.list td.tcell-4 a, table.list td.tcell-4 a:hover, table.list td.tcell-4 a.active {background-size: 40px;}
}

@media (min-width: 1200px) { /* table > LG */
	table.list td {height: 85px; } /* cursor jen u programu */
	table.list td.tcell-1 {font-size: 16px; }
	table.list td.tcell-1 h4 {font-size: 20px; }
	table.list td.tcell-2,
	table.list td.tcell-3 {font-size: 20px; }
	table.list td.tterm {font-size: 20px; }
 	table.list td.tcell-1 {width: calc(100% - 440px);}
	table.list td.tcell-2 {width: 120px;}
	table.list td.tcell-3 {width: 240px;} 
  table.list td.tcell-4 {width: 80px;}

  .term-item .row>div {padding-top: 14px; padding-bottom: 14px; font-size: 20px;}
}


section.akce .contactform {padding: 20px 60px 30px 60px;}
xtr.ticket-form .wsw.wsw-white {padding: 25px 0 0 60px;}


/* FLEX-TAB BOX def */ 
	.cmp-flex-tabs { display: flex; flex-wrap: wrap; }
	input[data-flex-tab] { display: none; visibility: hidden;}
	.cmp-flex-tabs__tab { width: 100%; cursor: pointer; margin: 0; }
	.cmp-flex-tabs__content {width: 100%;
		/*max-height: 0; opacity: 0; overflow: hidden; transition: opacity 0.3s ease-out;
		*/display: none;}
	input[data-flex-tab]:checked + .cmp-flex-tabs__tab {}
	input[data-flex-tab]:checked + .cmp-flex-tabs__tab + .cmp-flex-tabs__content {
		/*max-height: 50rem; opacity: 1; overflow-y: auto; transition: opacity 0.3s ease-in;
		*/ display: block;}


/* IFPPASS FLEX-TAB BOX */
/* UNI */
	.cmp-flex-tabs__tab {
		background: no-repeat center center; background-size: cover; display: flex; align-items: center; justify-content: center;
	}
	.cmp-flex-tabs__tab span {display: inline-block; background: #6AB1ED; color: #FFF;}
	.cmp-flex-tabs__tab:hover span {background: #3558A2;}

	.cmp-flex-tabs__content .clr {width: 100%; clear: both; height: 0px;}
	.cmp-flex-tabs__content .iitm-image img.logo {background: #FFF; max-height: 120px; max-width: 200px; width: auto; margin: 0 30px 30px 0; float: left;}

/* MOBILE */
@media (max-width: 991px) {
  .cmp-flex-tabs {}
	
/* TAB */	
	.cmp-flex-tabs__tab { height: 210px; margin-top: 30px; }
	.cmp-flex-tabs__tab span {font-size: 16px; font-weight: 700; text-align: center; min-width: 180px; line-height: 17px; padding: 14px 30px;}

/* CONTENT */
	.cmp-flex-tabs__content {}
	.cmp-flex-tabs__content .iitm-image {text-align: center; padding: 0 30px 30px;}
	.cmp-flex-tabs__content .iitm-image img {max-width: 300px; width: 100%; }
	.cmp-flex-tabs__content .iitm-content {padding: 0 30px 30px;}

	.cmp-flex-tabs__content img {width: 300px;}
	
	

/* ACTIVE TAB */
  input[data-flex-tab]:checked + .cmp-flex-tabs__tab {
		background: #6AB1ED !important; font-weight: bold; color: #FFF; xmargin-bottom: 0; height: 82px; }

/* ACTIVE	CONTENT */
	input[data-flex-tab]:checked + .cmp-flex-tabs__tab + .cmp-flex-tabs__content {
		background: #6AB1ED; xmargin-bottom: 30px; }

}	

/** MD **/
@media (max-width: 991px) and (min-width: 768px){
	.cmp-flex-tabs__content .iitm-image {text-align: left; padding: 0 0 30px 30px;}
	.cmp-flex-tabs__content .iitm-image img {max-width: auto;}
	.cmp-flex-tabs__content .iitm-content {padding: 0 30px 30px 0;}
}




@media (min-width: 992px) {         	/* BP akordeon -> tabs */
	.cmp-flex-tabs:not(.cmp-flex-tabs--accordion) .cmp-flex-tabs__tab { order: -1; width: auto; }

/* DESKTOP */
	.cmp-flex-tabs:not(.cmp-flex-tabs--accordion) .cmp-flex-tabs__tab:not(:first-of-type) {
		margin-left: 20px; }

  .cmp-flex-tabs {margin-bottom: 20px;}
	
/* TAB */	
	.cmp-flex-tabs__tab {height: 190px; flex-basis: calc((100% - 40px) / 3); flex-grow: 0; border: solid 1px rgba(100,100,100,0.05); }
	.cmp-flex-tabs__tab span {font-size: 16px; font-weight: 700; text-align: center; xmin-width: 180px; line-height: 17px; padding: 14px 30px; margin: 0 20px;}

/* CONTENT */
	.cmp-flex-tabs__content {padding: 50px 0 35px;}
	.cmp-flex-tabs__content .iitm-image {padding: 0 0 30px 35px;}
	.cmp-flex-tabs__content .iitm-image img {width: 100%;}
	.cmp-flex-tabs__content .iitm-image:last-child {padding-bottom: 0; }	
	.cmp-flex-tabs__content .iitm-content {padding: 0 35px 0 0;}
	

/* ACTIVE TAB */
  input[data-flex-tab]:checked + .cmp-flex-tabs__tab {
		background: #6AB1ED !important; border-bottom: none;
	}
/* ACTIVE	CONTENT */
	input[data-flex-tab]:checked + .cmp-flex-tabs__tab + .cmp-flex-tabs__content {
		background: #6AB1ED; 
	}
}

@media (min-width: 1200x) {
	.cmp-flex-tabs:not(.cmp-flex-tabs--accordion) .cmp-flex-tabs__tab:not(:first-of-type) {
		margin-left: 25px; }
	.cmp-flex-tabs {margin-bottom: 25px;}	
	.cmp-flex-tabs__tab {height: 210px; flex-basis: calc((100% - 50px) / 3); }
	.cmp-flex-tabs__tab span {font-size: 18px; xmin-width: 210px; line-height: 20px; padding: 16px 35px; }
	.cmp-flex-tabs__content {padding: 55px 0 40px;}
	
}

@media (min-width: 1550px) {
	.cmp-flex-tabs:not(.cmp-flex-tabs--accordion) .cmp-flex-tabs__tab:not(:first-of-type) {
		margin-left: 30px; }
	.cmp-flex-tabs {margin-bottom: 30px;}
	.cmp-flex-tabs__tab {height: 280px; flex-basis: calc((100% - 60px) / 3); }
	.cmp-flex-tabs__tab span {font-size: 25px; xmin-width: 280px; line-height: 27px; padding: 21px 45px; margin: 0 30px;}
	.cmp-flex-tabs__content {padding: 75px 0 50px;}
	.cmp-flex-tabs__content .iitm-image {padding: 0 0 30px 45px;}
	.cmp-flex-tabs__content .iitm-content {padding: 0 45px 0 0;}

	
}


/**************/

section.contactform {}
.contactform h2 {}
.contactform .form-line {margin-bottom: 20px;}
.contactform .form-line input[type=text], 
.contactform .form-line select,
.contactform .form-line textarea {width: 100%;}
.contactform .form-line textarea {height: 41px; overflow: hidden; resize: none;}
.contactform .form-line select {padding: 5px 0;}
.contactform .button {width: 100%; padding-left: 45px; padding-right: 45px; }
.contactform .button {width: auto;}

.form-message, .form-message span {font-weight: 700; background: #FFF; font-size: 14px; xl-font-size: 18px;}
.form-message .fm-error {color: #FF0000;}
.form-message .fm-ok {color: #6AB1ED;}
.form-message .fm-nlok {color: #3558A2;}

.contactform .form-message {display: inline-block; padding: 15px 20px; margin-bottom: 20px;}
.ju-newsletter .form-message {position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 20px; z-index: 200; min-height: 100px;}


.wrap-compress {transition: width 1s; display: inline-block;}
.wrap-compress a {display: none;}
.wrap-compress:before {display: inline-block; content:'\002026';}
.wrap-compress.open {}
.wrap-compress.open a {display: inline-block; }
.wrap-compress.open:before {display: none;}


.form-line.fline2 select {width: 25%;}
.form-line.fline2 input[type=text] {width: calc(75% - 25px); margin-left: 20px;}


/* social side floating panel pro pitomce */

.flosocka {background: #3558A2; padding: 30px 20px 20px; position: absolute; bottom: 0px; right: 0px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); z-index: 10000; text-align: center;}
.flosocka.hascbar {bottom: 130px;}
.flosocka.fixed,
.flosocka.hascbar.fixed  {position: fixed; bottom: calc(50vh - 160px); right: 0px;}
.flosocka a:not(:last-child) {display: block; }
.flosocka a:not(:last-child) {margin-bottom: 20px;}
.flosocka a svg path {fill: #FFF;}
.flosocka a:hover svg path {fill: rgba(0,0,0,1);}


@media (max-width: 959px) {
	.flosocka {display: none;}
}

.flocontact {position: fixed; bottom: 0px; right: 0px; height: 65px; background: #3558A2; font-size: 14px; color: #fff; padding: 20px 30px; font-weight: 400; z-index: 1000; max-width: 100%; white-space: nowrap; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); }
.flocontact a {color: #FFF; text-decoration: none !important;} 


/* cookie consent */

.cookie-consent {position: fixed; xposition: absolute; top: 0px; left: 0px; width: 100%; z-index: 1000000; max-height: 100vh; overflow: auto;}

.cookie-bar {background: #dfe0e1; padding: 15px 0; position: relative; z-index: 100000;}
.cookie-bar .cc-textbox {background: url(images-5/ico-info.png) no-repeat 0 center; padding: 0 0 0 25px; font-size: 12px; line-height: 14px;}
.cookie-bar a.button.btn-mini {width: 100%; margin-top: 15px; cursor: pointer;}

.cookie-pref {xpadding-bottom: 60px; }
.cookie-pref-shadow {box-shadow: 0px 0px 57.6px 2.4px rgba(0, 0, 0, 0.5); background: #FFF; padding: 15px 0 25px;}
x.cookie-pref .wsw {padding-top: 20px;}
.cookie-pref .wsw h3, 
.cookie-pref .wsw h4 {margin-bottom: 10px;}
.cookie-pref .wsw p {margin-bottom: 20px; padding: 0;}
.cookie-pref .button {margin-bottom: 15px;  cursor: pointer;}
.cookie-pref .button:first-child {margin-right: 25px;}

@media (min-width: 768px) {
.cookie-bar {padding: 17px 0;}
x.cookie-bar .container>div {vertical-align: middle;}
.cookie-bar .container {   display: flex; justify-content: space-between; align-items: center; flex-direction: row;}
.cookie-bar .cc-buttons {white-space: nowrap; display: inline-block; } 
.cookie-bar .cc-textbox {display: inline-block; xwidth: 45%; padding-left: 30px;}
.cookie-bar a.button.btn-mini {width: auto; margin-top: 0px; margin-left: 15px; white-space: nowrap; }

}

@media (min-width: 992px) {
.cookie-bar .cc-textbox br {display: none; }
}
@media (min-width: 1200px) {
.cookie-pref-shadow {padding: 25px 0 35px;}
.cookie-bar .cc-textbox {font-size: 14px; line-height: 16px;}
}

/* panylek na kurzy tweak */

.student-panel-positioner {display: none;}
ul.student-controls {margin-bottom: 0; padding: 0; padding-left: 12px;}
ul.student-controls li.nav-item {margin-right: 12px;}
ul.student-controls li.nav-item a {width: 30px !important; overflow: hidden; color: #3558A2 !important;} /* color: #3558A2 !important; */
ul.student-controls li.nav-item:last-child a,
ul.student-controls li.nav-item[aria-describedby=ngb-popover-0] a {width: 30px !important; overflow: hidden;}
.student-controls .nav-item:not(:first-child)::before {content: '' !important; display: none !important;}
ul.student-controls .svg-inline--fa.fa-w-16 {width: 0.8em !important;}
ul.student-controls a i {font-size: 1.8rem !important;}
ul.student-controls li.nav-item:first-child a i {font-size: 2rem !important;}
ul.student-controls a:hover {text-decoration: none !important;}


@media (max-width: 767px) {
.student-panel-positioner {display: none; position: absolute; top: 55px; right: 0px; background: #FFF; z-index: 10; }
.student-panel-positioner>div>* {margin-top: 0 !important; }
.student-panel-positioner.mobon {display: block;}

.student-panel-positioner .nav-item fa-icon {margin-right: 0!important; }

ul.student-controls li.nav-item {margin-right: -5px;}
ul.student-controls li.nav-item a {width: 30px !important;}
ul.student-controls li.nav-item:last-child {margin-right: 3px;}

}


@media (min-width: 768px) { /* was prev BP */
	.student-panel-positioner {position: absolute; top: 12px; right: 115px; display: block;}
	ul.student-controls li.nav-item {margin-right: -2px;}
	ul.student-controls li.nav-item:last-child {margin-right: 4px;}
}
/*
@media (min-width: 768px) {
	ul.student-controls li.nav-item {margin-right: 0px;} 
}
*/
@media (min-width: 992px) {
	.student-panel-positioner {top: 15px; right: 175px; }
	ul.student-controls li.nav-item {margin-right: -2px;}
	ul.student-controls li.nav-item:last-child {margin-right: -5px;}
}
@media (min-width: 1200px) {
	.student-panel-positioner {top: 0px; right: 110px;}
	ul.student-controls li.nav-item {margin-right: -6px; margin-top: -2px;}
	body.sticky .student-panel-positioner {display: none;}
}
@media (min-width: 1550px) {

	.student-panel-positioner {top: 2px; right: 150px;}
	ul.student-controls li.nav-item {margin-right: -1px; margin-top: 0px;}
	ul.student-controls li.nav-item:last-child {margin-right: 0px;}
}

/* was:
@media (min-width: 768px) {
	.student-panel-positioner {position: absolute; top: 12px; right: 115px; display: block;}
	ul.student-controls li.nav-item {margin-right: 5px;}
}

@media (min-width: 768px) {
	ul.student-controls li.nav-item {margin-right: 12px;} 
}
@media (min-width: 992px) {
	.student-panel-positioner {top: 15px; right: 175px; }
	ul.student-controls li.nav-item {margin-right: 10px;}
}
@media (min-width: 1200px) {
	.student-panel-positioner {top: 0px; right: 110px;}
	ul.student-controls li.nav-item {margin-right: 8px;}
	body.sticky .student-panel-positioner {display: none;}
}
@media (min-width: 1550px) {

	.student-panel-positioner {top: 2px; right: 150px;}
	ul.student-controls li.nav-item {margin-right: 12px;}
}

*/