/*
PrimaKurzy.cz 2017
Author: Josef Kyrian & Lukas Krasa & Tonda Truong & Tomas Suchy
*/

/*-----------------------------------------------------------*/
/* Zakladni nastaveni */
/*-----------------------------------------------------------*/
/*
:root {
    --my-font-family-roboto: 'Roboto', sans-serif;
	--my-font-family-open-sans: 'Open Sans', sans-serif;
	--my-font-family-raleway: 'Raleway', sans-serif;
	--my-font-family-montserrat: 'Montserrat', sans-serif;
	--my-font-family-source-sans-pro: 'Source Sans Pro', sans-serif;
	--my-font-family-oswald: 'Oswald', sans-serif;
	--my-font-family-pt-sans: 'PT Sans', sans-serif;
	--my-font-family-titillium: 'Titillium Web', sans-serif;
	--my-font-family-pacifico: 'Pacifico', cursive;
	--my-font-family-playfair-display: 'Playfair Display', serif;
}*/
:root {
    --my-font-family-roboto: 'Archivo', sans-serif;
	--my-font-family-open-sans: 'Archivo', sans-serif;
	--my-font-family-raleway: 'Archivo', sans-serif;
	--my-font-family-montserrat: 'Archivo', sans-serif;
	--my-font-family-source-sans-pro: 'Archivo', sans-serif;
	--my-font-family-oswald: 'Archivo', sans-serif;
	--my-font-family-pt-sans: 'Archivo', sans-serif;
	--my-font-family-titillium: 'Archivo', sans-serif;
	--my-font-family-pacifico: 'Archivo', sans-serif;
	--my-font-family-playfair-display: 'Archivo', sans-serif;
}


html,body {
	font-size: 17px;
	padding: 0;
	margin: 0;
	outline: none;
	font-family: var(--my-font-family-open-sans);
	font-weight: 400;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	}
	
ul, li { margin: 0; padding: 0; list-style: none;}


a, a:after, button, button:hover, .fixedMenu { 	
	-webkitwhite-space: nowrap !important;
	-transition: all 0.30s ease-out;
	-moz-transition: all 0.30s ease-out;
	-ms-transition: all 0.30s ease-out;
	-o-transition: all 0.30s ease-out;
	transition: all 0.30s ease-out;
	text-decoration: none; 
	color: #4e99df;
}

.alertPanel {
	line-height: 100%;
	font-size: 28px;
	padding: 20px 0;
	font-weight: 700;
	display: block;
	text-align: center;
	font-family: var(--my-font-family-pt-sans);
	-webkit-font-smoothing: antialiased;
	background: #990000;
	color: #fff;
}

.alertPanel a {
	color: #e4e4e4;
}

.alertPanel a:hover {
	color: #fff;
}

.noIndex {
	margin: 60px 0 -60px 0;
	display: block;
}

input {-webkit-appearance: none;}

a:hover { transition: all 0.30s ease-out; color: #7ab851; }
h1, h2, h3, h4, h5, p { padding: 0; margin: 0; }
.clear { clear: both; }
.clearfix:after, .clearfix:before, .fixedMenu { content: ''; display: block; clear: both; }
.nowrapWord { white-space: nowrap; word-break: keep-all; }

@media (width <= 700px) {
	.fixedMenu { 
		content: ''; 
		display: block; 
		clear: both;
		width: 100%;
		position: fixed;
		z-index: 1000;
	}
	.placeForFmenu { height: 70px; }
}

@media (width <= 600px) {
	.clearfix:after, .clearfix:before, .fixedMenu { 
		content: ''; 
		display: block; 
		clear: both;
		width: 100%;
		position: fixed;
		z-index: 1000;
		background: rgba(255,255,255,1); 
	}
	.placeForFmenu { height: 70px; }
}



.container {
	margin: auto;
	position: relative;
}

.container-fluid {
	margin: auto;
	position: relative;
}	

.cnt {
	margin: auto;
	position: relative;
	max-width: 1300px;
}

.cnt-fluid {
	margin: auto;
	position: relative;
	max-width: 1680px;
}

@media (max-width:1680px) {
	.cnt.pd, .cnt-fluid.pd {
		padding: 0 clamp(15px, 5%, 40px);
	}
	
	.cnt.pd, .cnt-fluid.pdMin {
		padding: 0 clamp(15px, 3%, 40px);
	}
}

@media screen and (max-width: 479px) {
	.container { width: 96%; }
	.container-fluid { width: 96%; }

	.cnt.pd, .cnt-fluid.pdMin {
		padding: clamp(1.8rem, 0.5000rem + 1.3333vw, 1.2rem);
	}
}
@media screen and (min-width: 480px) {
	.container { width: 90%; }	
	.container-fluid { width: 90%; }
}
@media screen and (min-width: 740px) {
	.container { width: 700px; }	
	.container-fluid { width: 95%; }
}
@media screen and (min-width: 980px) {
	.container { width: 960px; }
	.container-fluid { width: 96%; }
}
@media screen and (min-width: 1260px) {
	.container { width: 1200px; }	
	.container-fluid { width: 84%; }
}
@media screen and (min-width: 1680px) {
	.container-fluid { width: 95%; }
}
@media screen and (min-width: 1920px) {
	.container-fluid { width: 1800px; }
}
@media screen and (min-width: 2000px) {
	.container-fluid { width: 1920px; }
}

.cnt.blog {
	margin: auto;
	position: relative;
	max-width: 1300px;
	padding: 0 clamp(1.7rem, 0.6471rem + 1.5686vw, 2rem);
}

.containerFull {
	margin: auto;
	position: relative;
}

@media screen and (max-width: 479px) {
	.containerFull { width: 100%; }
}
@media screen and (min-width: 480px) {
	.containerFull { width: 100%; }	
}
@media screen and (min-width: 740px) {
	.containerFull { width: 700px; }	
}
@media screen and (min-width: 980px) {
	.containerFull { width: 960px; }	
}
@media screen and (min-width: 1260px) {
	.containerFull { width: 1200px; }	
}


.hidTit {
	display: none;
}

/*-----------------------------------------------------------*/
/* Homepage */
/*-----------------------------------------------------------*/

.designHpHeadline {
	text-align: center;
	font-size: clamp(1rem, -0.8750rem + 8.3333vw, 2.2rem);
	cursor: default;
	font-weight: 300;
	display: inline-block;
	padding: 5px 20px;
	background-color: #ce0000;
	border-radius: 50px; 
	color: #fff;
	text-shadow: none;
}

.designHpHeadlineBox {
	text-align: center;
	display: block;
	top: -240px; 
	/* top: -890px; */
	position: relative;
}

.designHpHeadlineBox span {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
	max-width: 370px;
	margin: 0px auto auto auto;
	padding: 5px 0px;
	color: #000;
	border-radius: 0 0 50px 50px;
	background-color: #ffffff;
}

@media (max-width: 750px) {
	.designHpHeadlineBox span {
		font-size: clamp(0.5rem, 0.4500rem + 0.6667vw, 0.8rem);
		max-width: 360px;
		letter-spacing: 1px;
	}
}

@media (max-width: 650px) {
	.designHpHeadlineBox span {
		font-size: clamp(0.5rem, 0.4500rem + 0.6667vw, 0.8rem);
		max-width: 200px;
		letter-spacing: 0px;
	}
}


.designHpHeadlineBox span a {
	color: #000;
}



@media (max-width: 755px) {
	.designHpHeadlineBox {
		top: -180px; 
		/* top: -990px; */
	}
	
	.designHpHeadlineBox span {
		font-size: clamp(0.2rem, 0.4500rem + 0.6667vw, 0.5rem);
		max-width: 220px;
		letter-spacing: 0px;
		font-weight: 700;
	}
}

@media (max-width: 730px) {
	.designHpHeadlineBox {
		top: -170px; 
		/* top: -990px; */
	}
	
	.designHpHeadlineBox span {
		font-size: clamp(0.2rem, 0.4500rem + 0.6667vw, 0.5rem);
		max-width: 220px;
		letter-spacing: 0px;
		font-weight: 700;
	}
}

@media (max-width: 479px) {
	.designHpHeadlineBox {
		 top: -100px;
		/* top: -900px; */
		position: relative;
		display: block;
	}
}



.review500 {
	margin: 50px auto 0 auto;
	width: 173px;
	height: 164px;
	display: block;
	background: url(images/3000-min.png) no-repeat;
	background-size: 100% auto;
}

.courseOnlyOnline {
	color: #000;
	border: 2px solid #F1F1F1;
	padding: 8px 0px;
	border-radius: 5px;
	font-weight: 700;
	font-size: 13px;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	flex-direction: column;
	text-transform: uppercase;
}

.courseOnlyOnline img {
	width: 140px;
}

.courseCategorySections {
	text-align: center;
	width: 82%;
	margin: auto;
	padding: 60px 0 28px 0;
}

.courseCategorySections .categoryName {
	font-weight: 600;
	font-family: var(--my-font-family-pt-sans);
	letter-spacing: -0.4px;
	white-space: nowrap;
	padding: 7px 14px;
	color: #525252;
	border-radius: 4px;
	background: rgba(255, 255, 255, 1);	
	text-align: center;
	font-size: clamp(0.5rem, 0.9545rem + 1.0909vw, 1.35rem);
	top: -44px;
	position: relative;
	z-index: 20;
}

.courseCategorySections .categoryLine {
	border-top: 1px solid #a8a8a8;
	display: block;
	width: 100%;
	position: relative;
	top: -28px;
	z-index: 10;
}

.courseOffer .categoryName {
	font-weight: 600;
	font-family: var(--my-font-family-pt-sans);
	letter-spacing: -0.4px;
	white-space: nowrap;
	padding: 7px 14px;
	color: #525252;
	border-radius: 4px;
	background: rgba(255, 255, 255, 1);	
	text-align: center;
	font-size: clamp(0.5rem, 0.9545rem + 1.0909vw, 1.35rem);
	top: -16px;
	position: relative;
	z-index: 20;
}

.courseOffer .courseCategorySections .categoryLine {
	border-top: 1px solid #a8a8a8;
	display: block;
	width: 100%;
	position: relative;
	top: -28px;
	z-index: 10;
}

@media screen and (max-width: 479px) {
	.courseCategorySections {
		width: 91% !important;
	}
}

@media screen and (min-width: 480px) {
	.courseCategorySections {
		width: 90% !important;
	}
}

@media screen and (min-width: 960px) {
	.courseCategorySections {
		width: 82% !important;
	}
}

.hpMainPhoto {
	background-repeat: no-repeat;
	background-color: #e4e4e4;
	/*background-position: center center;
	min-height: 717px;		
	background-size: 100%;*/
}

.hpMainPhoto .garantJosef {
	position: absolute;
	top: 0;
	left: 0;
	width: 35.33%;
	height: 725px;
}

.hpMainPhoto .garantJakub {
	position: absolute;
	top: 0;
	left: 0;
	width: 35.33%;
	height: 725px;
}

.hpMainPhoto .garantVeronika {
	position: absolute;
	top: 0;
	left: 0;
	width: 35.33%;
	height: 725px;
}

.hpMainPhoto .garantDavid {
	position: absolute;
	top: 0;
	left: 35.33%;
	width: 28.34%;
	height: 725px;
}

.hpMainPhoto .garantLuke {
	position: absolute;
	top: 0;
	right: 10.40%;
	width: 25.80%;
	height: 725px;
}

@media screen and (max-width: 590px) {
	.hpMainPhoto {
		background-position: center bottom;
		background-size: 100% auto;
		min-height: 400px;		
	}
	
	.hpMainPhoto .garantJosef, .hpMainPhoto .garantJakub, .hpMainPhoto .garantDavid, .hpMainPhoto .garantLuke { display: none; }
	
}

@media screen and (max-width: 440px) {
	.hpMainPhoto {
		min-height: 330px;		
	}	
}

@media screen and (min-width: 590px) and (max-width: 739px) {
	.hpMainPhoto {
		/* presunuto do _header.tpl background: url(images/hp-cover-photo-mobile-v2.jpg) no-repeat center -500px;*/
		background-position: center bottom;
		background-size: 100% auto;
		min-height: 495px;	
	}
	
	.hpMainPhoto .garantJosef, .hpMainPhoto .garantJakub, .hpMainPhoto .garantDavid, .hpMainPhoto .garantLuke { display: none; }
	

}

@media screen and (min-width: 740px) and (max-width: 979px) {
	.hpMainPhoto {
		/* presunuto do _header.tpl background: #d5d5d5 url(images/hp-cover-photo-tablet-v2.jpg) no-repeat center center; */
		background-position: center bottom;
		background-size: 198% auto;
		min-height: 555px;	
	}
	
	.hpMainPhoto .garantJosef, .hpMainPhoto .garantJakub, .hpMainPhoto .garantDavid, .hpMainPhoto .garantLuke { display: block; }
	
	.hpMainPhoto .garantJosef {
		width: 22.50%;
	}
	
	.hpMainPhoto .garantJakub {
		width: 17.50%;
		left: 22.50%;	
	}
	
	.hpMainPhoto .garantVeronika {
		width: 13.73%;
		left: 38.33%;
	}
	
	.hpMainPhoto .garantDavid {
		left: 50.33%;
		width: 20.04%;
	}
	
	.hpMainPhoto .garantLuke {
		right: 0;
		width: 27.80%;
	}

}

@media screen and (min-width: 980px) {
	.hpMainPhoto {
		/* presunuto do _header.tpl background: #d5d5d5 url(images/hp-cover-photo-v2.jpg) no-repeat center -25px; */
		background-position: center bottom;
		background-size: 140% auto;
		min-height: 550px;		
	}
	
	.hpMainPhoto .garantJosef {
		width: 20.33%;	}
		
	.hpMainPhoto .garantJakub {
		width: 15.93%;
		left: 20.33%;	
	}
	
	.hpMainPhoto .garantVeronika {
		width: 13.73%;
		left: 38.33%;
	}
	
	.hpMainPhoto .garantDavid {
		left: 51.33%;
		width: 24.34%;
	}
	
	.hpMainPhoto .garantLuke {
		right: 0%;
		width: 29.80%;
	}

}

@media screen and (min-width: 1052px) {
	.hpMainPhoto {
		/* presunuto do _header.tpl background: #d5d5d5 url(images/hp-cover-photo-v2.jpg) no-repeat center -25px; */
		background-position: center bottom;
		background-size: 120% auto;
		min-height: 550px;		
	}
}

@media screen and (min-width: 1260px) {
	
	.hpMainPhoto {
		/* presunuto do _header.tpl background: #d5d5d5 url(images/hp-cover-photo-v2.jpg) no-repeat center -25px; */
		background-position: center -25px;
		background-size: initial;
		min-height: 700px;		
	}	
	
	.hpMainPhoto .garantJosef {
		width: 31.33%;	}

	
	.hpMainPhoto .garantJakub {
		width: 8.73%;
		left: 31.33%;
	}
	
	.hpMainPhoto .garantVeronika {
		width: 13.73%;
		left: 38.33%;
	}
	
	.hpMainPhoto .garantDavid {
		left: 49.13%;
		width: 17.34%;
	}
	
	.hpMainPhoto .garantLuke {
		right: 15%;
		width: 18.1%;
	}
}

@media screen and (min-width: 1680px) {
	
	.hpMainPhoto .garantJosef {
		width: 35.33%;	}

	
	.hpMainPhoto .garantJakub {
		width: 8.73%;
		left: 35.33%;
	}
	
	.hpMainPhoto .garantVeronika {
		width: 8.73%;
		left: 43.33%;
	}
	
	.hpMainPhoto .garantDavid {
		left: 49.13%;
		width: 13.34%;
	}
	
	.hpMainPhoto .garantLuke {
		right: 23.5%;
		width: 13.71%;
	}
}

/*-----------------------------------------------------------*/
/* Breadcrumb */
/*-----------------------------------------------------------*/

.breadcrumbBox ul li {
	display: inline;
}

.breadcrumbBox ul li:after {
	content: ' >';
}

.breadcrumbBox ul li:last-of-type:after {
	content: none;
}

/*-----------------------------------------------------------*/
/* Subpage */
/*-----------------------------------------------------------*/

.spMainPhoto {
	background: url(images/sp-banner.jpg) no-repeat center center;
	min-height: 344px;		
	background-size: 100%;
	position: relative;
}

.spHeadContent .breadcrumbBox {
	float: left;
	margin: 78px 0 0 0;
}

.spHeadContent .breadcrumbBox {
	float: left;
	margin: 78px 0 0 0;
}

@media screen and (max-width: 479px) {
	.spMainPhoto {
		background: url(images/hp-cover-photo-mobile-v2gd.jpg) no-repeat center -170px;
		background-size: 429px;
		min-height: 539px;		
	}
	
	.spHeadContent .breadcrumbBox {
		float: none;
		text-align: center;
		margin: 15px 0 0 0;
	}
	
	.spHeadContent .breadcrumbBox ul {
	  width: 250px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  margin: auto;	
	  display: none;
	}
	
	.spHeadContent .breadcrumbBox ul li {
		
		
	}
	
}

@media screen and (max-width: 960px) {
	.spHeadContent .breadcrumbBox {
		display: none;
	}
}

@media screen and (min-width: 480px) {
	.spMainPhoto {
		background: url(images/hp-cover-photo-mobile-v2gd.jpg) no-repeat center -490px;
		min-height: 715px;	
	}
	
	.spHeadContent .breadcrumbBox {
		float: left;
		margin: 3px 0 0 0;
	}
}

@media screen and (min-width: 740px) {
	.spMainPhoto {
		background: url(images/sp-banner-v2.jpg) no-repeat center center;
		min-height: 344px;		
	}
	
	.spHeadContent .breadcrumbBox {
		margin:  158px 0 0 0;
		width: 300px;
	}
	
}

@media screen and (min-width: 980px) {
	.spMainPhoto {
		background: url(images/sp-banner-v2g.jpg) no-repeat center -25px;
		min-height: 319px;		
	}
	
	.spHeadContent .breadcrumbBox {
		margin:  38px 0 0 0;
		width: 500px;
	}
}


/*-----------------------------------------------------------*/
/* Menu */
/*-----------------------------------------------------------*/

.logo {
	background: url(images/logo-r.png) no-repeat center 0px;
	float: left;
    background-size: 100%;
    margin: 13px 0 0 0;
    position: relative;
}

.logoText {
    overflow: hidden;
    text-indent: -9000px;
    transition: none;
    width: 0;
    height: 0;
}

.menu {
	float: right;
	padding: 18px 0 0 0;
}

.menu ul li {
	display: inline;
}

.menu li a {
	padding: 8px 7px 8px 7px;
	font-size: 18px;
	font-weight: 600;
	color: #000;
	text-decoration: none;
	letter-spacing: -0.5px;
}

.menu li a:hover {
	opacity: 1;	
}

.login {
	background-color: #d10000 !important;
	border-radius: 0 0 3px 3px;
	padding: 17px 10px 12px 10px !important;
	font-size: 20px !important;
	color: #fff !important;
	line-height: 100% !important;
	margin: 0 25px 0 18px !important;
	float: right;
	height: auto !important;
}


@media screen and (max-width: 959px) {
	.fixedMenu.hidden {
		transform: translateY(-100%);

		transition-property: transform;
		transition-duration: .5s;
	}
}

@media screen and (max-width: 1100px) {
	.login {
		margin: 0 0px 0 18px !important;
	}
}

.login:hover {
	background-color: #c02828;
}

@media screen and (max-width: 700px) {
	.logo {
		width: 175px;
		height: 41px;
		margin: 16px 0 0 10px;
	}
	
	.menu {
		float: none;
		padding: 68px 0 0 0;
	}
	
	.menu .home {
		display: none;
	}
	
	.menu .phone {
		display: none;
	}
	
	.mobilePhone {
		float: right;
		border: 2px solid #8dc63f;
		border-radius: 3px;
		padding: 5px 11px;
		color: #8dc63f;
		font-size: 20px;
		margin: 14px 10px 0 0;
	}
	
	.messageIcon {
		float: right;
		border: 2px solid #8dc63f;
		border-radius: 3px;
		padding: 5px 11px;
		color: #8dc63f;
		font-size: 20px;
		margin: 14px 60px 0 0;
	}
	
	.menu ul li {
		display: block;
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}
	
	.menu ul .redli {
		margin-top: 15px;
		color: #fff !important;
		display: block;
		background: #e40000 !important;
	}
	
	.menu ul .redli a {
		color: #fff !important;
		opacity: 1;
	}
	
	.menu ul li a {
		padding: 13px 14px 13px 14px;
		font-size: 18px;
		font-weight: 600;
		border-bottom: 1px solid white;
		color: #000;
		text-decoration: none;
		margin: 0 0 1px 0;
		letter-spacing: -0.5px;
		display: block;
	}

}

@media (max-width: 386px) {
	.messageIcon {
		display: none;
	}
	
	.mobilePhone {
		margin: 14px 60px 0 0;
	}	
}

@media (max-width: 325px) {
	.mobilePhone {
		display: none;
	}
}

@media screen and (min-width: 700px) {
	.logo {
		width: 170px;
		height: 34px;
		position: relative;
		z-index: 10000;
	}
	
    .fixedMenu { 
		position: fixed; 
		top: 0; 
		left: 0; 
		right: 0; 
		z-index: 1000; 
		height: 150px; 
		padding: 0 20px;
	}
    
	.menu {
		float: left;
	}    
	
	.menu ul .home-text {
		display: none;
	}

	.menu .home {
		display: inline;
	}

	.menu .phone {
		display: inline;
	}
	
	.mobilePhone {
		display: none;
	}
	
	.messageIcon {
		display: none;
	}
    
    .fixedMenu.fixed_moving { 
	    height: 61px;
	}
    
    .fixedMenu.fixed_moving { 
	    background: rgba(237, 237, 237, 0.9);
	}
    
    .fixedMenu.fixed_moving.hp ul li a { 
	    color: #404040;
	}
	
	.menu {
		white-space: nowrap;
		float: none;
		padding: 60px 0 0 0;
	}
	
	.fixedMenu .mobilePhone {
		float: right;
		border: 2px solid #d73e3e;
		border-radius: 3px;
		padding: 5px 11px;
		color: #d73e3e;
		font-size: 20px;
		margin: 10px 0 0 0;
	}

	.fixedMenu .messageIcon {
		float: right;
		border: 2px solid #d73e3e;
		border-radius: 3px;
		padding: 5px 11px;
		color: #d73e3e;
		font-size: 20px;
		margin: 10px 0 0 0;
	}
	
	.menu ul li {
		display: inline;
		background: none;
		
	}
	
	.menu ul li a {
		padding: 7px 4px 7px 4px;
		font-size: 17px;
		font-weight: 600;
		border-bottom: 0;
		color: #000;
		text-decoration: none;
		margin: 0 0 1px 0;
		letter-spacing: -0.5px;
		display: inline;
	}	
	
}

@media only screen and (max-width: 1045px) and (min-width: 700px) {
	.fixedMenu .mobilePhone {
		display: block;
		margin-right: 5px;
	}
	
	.fixedMenu .messageIcon {
		display: block;
		margin-right: 60px;
	}
}

@media (max-width:1045px) {
	.menu ul li {
		display: block;
	}
	
	.menu ul li a {
		padding: 6px 0;
		display: block;
	}
}

@media screen and (min-width: 1045px) {

	.menu {
		white-space: nowrap;
		float: right;
		padding: 18px 0px 0 0;
	}
        
    .fixedMenu.fixed_moving { 
	    height: 60px;
	}
	
	.fixedMenu.fixed_moving .logo {
		margin-left: 0px;
	}
	
    .fixedMenu { 
		height: 60px; 
	}
    
    .fixed_moving .logo { 
	    width: 181px; 
	    height: 37px; 
	    margin: 12px 0 0;
	    position: relative;
	    z-index: 10000;
	}

	.menu ul li a {
		padding: 7px 4px 7px 4px;
		font-size: 16px;
		font-weight: 600;
		border-bottom: 0;
		color: #000;
		text-decoration: none;
		margin: 0 0 1px 0;
		letter-spacing: -0.5px;
		display: inline;
	}	
	
	.galleryCourses .menu ul li a {
		padding: 2px 2px 2px 2px;
		font-size: 16px;
		font-weight: 600;
		border-bottom: 0;
		color: #000;
		text-decoration: none;
		opacity: 0.7;
		margin: 0 0 1px 0;
		letter-spacing: -0.5px;
		display: inline;
	}	
}

@media screen and (min-width: 1440px) {
	.logo {
		width: 305px;
		height: 61px;
		margin-left: 20px;
	}
	
	.menu ul li a {
		padding: 7px 5px 7px 5px;
	}	
	
	.galleryCourses .menu ul li a {
		padding: 2px;
	}
}

form {
	transition: all 0.5s ease-in-out;
}

form.hidden {
	opacity: 0;
}

.facebook-like .container {
	text-align: right;
	padding: 10px 0 0 0;
}

.facebook-like .container .fb-like {
	float: right;
	width: 100px;
}

.facebook-like .container .fa.fa-twitter.twTopPos {
	
	font-size: 30px;
	margin-top: 10px;
	color: #009efc;
	text-shadow: 0 0 5px rgba(255,255,255,0.8);
}

@media screen and (min-width: 740px) {
	.facebook-like .container {
		text-align: right;
		padding: 113px 0 0 0;
	}
}

@media screen and (min-width: 980px) {
	.facebook-like .container {
		text-align: right;
		padding: 72px 0 0 0;
	}
}

.aboutusBlock p {
	max-width: 750px;
	margin: auto;
	margin-top: 15px;
}

.advantagesBlock {
	text-align: center;
	/*box-shadow: 0 -4px 109px rgba(0, 0, 0, 0.4);*/
	padding: 30px 0 60px 0;
}

.advantagesBlock.aboutusBlock ul {
	padding: 10px 0;
}

.advantagesBlock.aboutusBlock ul li {
	display: block;
	padding: 0px 0;
	margin: 0 0 0 0px;
	width: 90%;
	letter-spacing: -0.5px;
	font-size: 14px;
}


.advantagesBlock.aboutusBlock ul li a {
	font-size: clamp(1.0rem, 0.9545rem + 1.0909vw, 1.5rem);
	font-weight: 700;
	padding: 6px 0;
	display: inline-block;
	color: #4e99df;
}

.advantagesBlock.aboutusBlock ul li a:hover {
	color: #7ab851;
}

.advantagesBlock ul li p i  {
	font-size: 13px;
	float: none;
	color: inherit;
	width: auto;
}

.no-flexbox .garantDavid, .no-flexbox .garantJosef, .no-flexbox .garantTomas {
    display: none;
}

.no-flexbox .advantagesBlock.aboutusBlock {
    margin-top: 0px;
}

.no-flexbox .hpParagraphs {
	flex: none;
}

.no-flexbox .paragraphA {
	width: 100%;
	float: none;
}

.no-flexbox .paragraphB {
	width: 100%;
	float: none;
}

.no-flexbox .courseAdvantages .courseAdvantageBox{
	display: block;
	float: none;
}

.no-flexbox #fpc_effect-back {
	display: none;
}

.no-flexbox .spMainPhoto {
    background: url(images/sp-banner.jpg) no-repeat center 0px;
    height: 319px;
    background-size: auto 319px;
}

.no-flexbox .menu ul li a {
    font-size: 16px;
}

.no-flexbox .photoGallery .galleryList {
    width: 930px;
    margin: auto;
    display: block;
    margin: auto;
}

.no-flexbox .galleryList .galleryImage {
	width: 290px !important;
	float: left !important;
}

.no-flexbox .photoGallery .galleryImage .photoGalleryImg {
	width: 290px;
	height: 290px;
}

.no-flexbox .contactInfoBoxes {
	float: none;
}

.no-flexbox .formBox {
	display: none;
}

.no-flexbox .boxLeft {
	margin: 0 5px !important;
	width: 300px;
}

.no-flexbox .boxRight {
	margin: 0 5px;
	width: 300px;
}

.no-flexbox .displayRow {
	flex-direction: column;
	}

.advantagesBlock h2 {
	color: #00485f;
	font-size: clamp(2rem, 1.0625rem + 4.1667vw, 3.25rem);
	font-weight: 100;
	font-family: var(--my-font-family-roboto);
	padding: 30px 0;
	border-bottom: 1px solid #e2e2e2;
	letter-spacing: -1px;
	line-height: 100%;
}

.advantagesBlock ul {
	padding: 22px 0 22px 0;
}

.advantagesBlock ul li {
	padding: 20px 0 15px 0;
	width: 50%;
	margin: auto;
	border-bottom: 1px solid #e1e1e1;
}

.advantagesBlock ul li:last-of-type {
	border: 0;
}

.advantagesBlock ul li i {
	float: left;
	font-size: 35px;
	padding-top: 6px;
	color: #21b7e8;
	width: 11%;
}

.advantagesBlock ul a {
	color: #000;
}

.advantagesBlock ul a:hover {
	color: #7ab851;
}

.advantagesBlock ul h3 {
	font-family: var(--my-font-family-roboto);	
	font-size: 30px;
	font-weight: 700;
	letter-spacing: -1px;
	text-align: left;
	line-height: 70%;
	width: 27%;
	float: left;
	padding-top: 7px;
}

.advantagesBlock ul .upLogo {
	font-family: var(--my-font-family-roboto);	
	font-size: 30px;
	font-weight: 700;
	letter-spacing: -1px;
	text-align: left;
	line-height: 70%;
	width: 27%;
	float: left;
	padding-top: 2px;
}

.priceHours .upLogoPrice {
	padding-top: 5px;
	background-size: 26px;
}

@media screen and (max-width: 479px) {
	.priceHours .upLogoPrice {
		background-size: 22px;
		padding-left: 25px;
	}
}

.advantagesBlock ul li p {
	width: 62%;
	text-align: left;
	line-height: 140%;
	float: right;
	letter-spacing: -0.2px;
}

.advantagesBlock ul h3 span {
	font-family: var(--my-font-family-roboto);	
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: -0.2px;
	display: block;
}

@media screen and (max-width: 479px) {
	.advantagesBlock ul li {
		width: 100%;
		padding: 20px 0;
	}
	
	.advantagesBlock.aboutusBlock ul {
		width: 100%;
		margin: 0 0 0 0px;
		font-size: 16px;
	}
	
	.advantagesBlock.aboutusBlock ul li {
		width: 100%;
		margin: 0 0 0px 0px;
		font-size: 16px;
		letter-spacing: 0.2px;
		padding: 0 0 0px 0;
	}
	
	.advantagesBlock ul li i {
		width: 20%;
	}
	
	.advantagesBlock ul h3 {
		float: none;
		width: 80%;
	}
	
	.advantagesBlock ul .upLogo {
		float: none;
		width: 100%;
	}
	
	.advantagesBlock ul li p {
		float: none;
		width: 93%;
		margin: 5px auto auto auto;
	}

	.advantagesBlock.aboutusBlock ul li a {
		font-size: clamp(1.0rem, 0.9545rem + 1.0909vw, 1.5rem);
		display: block;
		padding: 10px 0 0px 0;
	}
}

@media screen and (min-width: 480px) {
	.advantagesBlock ul li {
		width: 100%;
	}
}

@media screen and (min-width: 740px) {
	.advantagesBlock ul li {
		width: 90%;
	}
}

@media screen and (min-width: 980px) {
	.advantagesBlock ul li {
		width: 70%;
	}
	
	.advantagesBlock.aboutusBlock ul li a {
		font-size: 16px;
	}

}

@media screen and (min-width: 1260px) {
	.advantagesBlock ul li {
		width: 55%;
	}
}

.courses {
	
}

.headlineStandalone {
    color: #000;
    font-size: clamp(2rem, 1.0625rem + 4.1667vw, 3.25rem);
    font-weight: 700;
    font-family: var(--my-font-family-roboto);
    letter-spacing: -1px;
    text-align: center;
    padding: 0 0 40px 0;
	line-height: 110%;
}

.headlineStandalone.white {
	color: white;
}

.headlineStandalone.short {
	margin: -30px 0 -60px 0;
}

.headlineStandalone.short.second {
	margin: 30px 0 -40px 0;
}

@media screen and (max-width: 479px) {
	.headlineStandalone {
	    font-size: clamp(1.5rem, 0.0000rem + 6.6667vw, 3.5rem);
	    line-height: 100%;
		padding-bottom: 35px;
	}
}

@media (min-width: 980px) {
	.courseCategorySections {
		padding: 90px 0 28px 0;
	}
	
	.headlineStandalone.short.second {
		margin: 30px 0 -70px 0;
	}
}

.priceExtraInfoHidden {
    display: none;
}

.courses .container .headline {
	color: #00485f;
	font-size: 50px;
	font-weight: 100;
	font-family: var(--my-font-family-roboto);
	padding-top: 30px;
	letter-spacing: -1px;
	text-align: center;
}

.subHeadline {
	font-size: 17px;
	letter-spacing: 0;
	color: #484848;
	padding: 0px 0 45px 0;
	margin: 0;
	line-height: 160%;
	display: block;
}

.singleColumnSection .subHeadline.singleColumn {
	font-size: 16px;
	letter-spacing: 0;
	color: #484848;
	padding: 10px 0 35px 0;
	text-align: center;
	margin: 0 auto 0 auto;
	line-height: 160%;
	display: block;
}


.subHeadline.nowide {
	width: 50%;
	margin: auto;
}

@media screen and (max-width: 479px) {
	.subHeadline.nowide {
		width: 90%;
		margin: auto;
	}
}

.courses .course .categoryName {
	font-family: var(--my-font-family-roboto);
	font-size: 50px;
	font-weight: 700;
	letter-spacing: -2px;
	text-align: center;
	line-height: 100%;
}

.courses .course .categoryName a {
	color: #DC0399;
}

.courses .course .categoryName span {
	color: #4b4b4b;
	font-family: var(--my-font-family-roboto);
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.3px;
	display: block;
	line-height: 100%;
}

.courses .course {
	margin: 35px 0;
	border-radius: 5px;
	border: 1px solid #d7d7d7;
	
	background:#FBFBFB;
	padding:0;
}

.courses .course .headBlock {
	background: #d7d7d7;
	background: -moz-linear-gradient(top,  #d7d7d7 0%, #FBFBFB 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #d7d7d7 0%,#FBFBFB 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #d7d7d7 0%,#FBFBFB 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7d7', endColorstr='#FBFBFB',GradientType=0 ); /* IE6-9 */
	padding: 45px 50px 0 45px;
}
.courses .course .coursesBlock {
	padding: 0 45px 40px 45px;
}

@media screen and (max-width: 479px) {
	.courses .course .headBlock {
		padding: 45px 15px 0 15px;
	}
	
	.courses .course .coursesBlock {
		padding: 0 15px 40px 15px;
	}
}

.courses .course .brands {
	border-bottom: 1px solid #fff;
	padding: 30px 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}

.courses .course .brands-www, 
.courses .course .brands-gfx {
	border-bottom: 1px solid #fff;
	padding: 30px 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}

.courses .course .brands a {
	margin: 0 2%;
}

.courses .course .brands-www a, 
.courses .course .brands-gfx a {
	margin: 0 2%;
}

.brands .brandSklik {
	display: block;
	min-width: 110px;
	height: 27px;
	background: url(images/brand-sklik.png) no-repeat center center;
}

.brands .brandAnalytics {
	display: block;
	min-width: 110px;
	height: 38px;
	background: url(images/brand-analytics.png) no-repeat center center;
}

.brands .brandga{
	display: block;
	min-width: 110px;
	height: 38px;
	background: url(images/brand-ga.png) no-repeat center center;
}

.brands .brandAdform{
	display: block;
	min-width: 110px;
	height: 29px;
	background: url(images/brand-adform.png) no-repeat center center;
}

.brands .brandFacebook{
	display: block;
	min-width: 109px;
	height: 38px;
	background: url(images/brand-facebook.png) no-repeat center center;
}

.brands-gfx .brandPs {
	display: block;
	min-width: 50px;
	height: 50px;
	background: url(images/ps-logo.jpg) no-repeat center center;
}

.brands-gfx .brandLr {
	display: block;
	min-width: 50px;
	height: 50px;
	background: url(images/lr-logo.jpg) no-repeat center center;
}

.brands-gfx .brandXd {
	display: block;
	min-width: 50px;
	height: 50px;
	background: url(images/de-logo.jpg) no-repeat center center;
}

.brands-gfx .brandId {
	display: block;
	min-width: 50px;
	height: 50px;
	background: url(images/id-logo.jpg) no-repeat center center;
}

.brands-gfx .brandAi {
	display: block;
	min-width: 50px;
	height: 50px;
	background: url(images/ai-logo.jpg) no-repeat center center;
}

@media (max-width: 479px) {
	
	.courses .course {
		margin: 35px 0;
		padding: 0px;
		border-radius: 5px;
	}
	
	.courses .course .brands {
		display: none;
		border-bottom: 1px solid #fff;
		padding: 15px 0;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: row;
		flex-wrap: wrap;
	}
		
	.courses .course .brands-www, 
	.courses .course .brands-gfx {
		display: none;
		border-bottom: 1px solid #fff;
		padding: 15px 0;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: row;
		flex-wrap: wrap;
	}
	
	.courses .course .brands a {
		display: none;
		margin: 1% 4%;
		background-size: 100% !important;
		min-width: 55px !important;
	}
	
	.courses .course .brands-www a {
		display: none;
		margin: 0% 0%;
		background-size: auto 14px !important;
		height: 35px;
	}
	
	.courses .course .brands-gfx a {
		display: none;
		margin: 0% 0%;
		background-size: auto 45px !important;
		height: 45px;
	}
	
	.courses .course .categoryName {
		font-size: 40px;
	}
	
}

@media (min-width: 480px) {
	.courses .course .brands a {
		margin: 0 2%;
		background-size: 100% !important;
		min-width: 65px !important;
	}

	.courses .course .brands-www a {
		margin: 0 2%;
		background-size: 100% !important;
	}
	
	.courses .course .brands-gfx a {
		margin: 0 2%;
		background-size: 100% !important;
	}
}

@media (min-width: 740px) {
	.courses .course .brands a {
		margin: 0 2%;
		background-size: 100% !important;
		min-width: 90px !important;
	}
}

@media (min-width: 980px) {
	.courses .course .brands a {
		margin: 0 2%;
		background-size: 100% !important;
		min-width: 110px !important;
	}

}

.brands-www .brandPhotoshop {
	display: block;
	min-width: 39px !important;
	height: 38px;
	background: url(images/brand-photoshop-logo.jpg) no-repeat center center;
}

.brands-www .brandWordpress {
	display: block;
	min-width: 110px !important;
	height: 25px;
	background: url(images/brand-wordpress.png) no-repeat center center;
}

.brands-www .brandHtml5 {
	display: block;
	min-width: 32px !important;
	height: 46px;
	background: url(images/brand-html5.png) no-repeat center center;
}

.brands-www .brandNetbeans {
	display: block;
	min-width: 121px !important;
	height: 33px;
	background: url(images/brand-netbeans.png) no-repeat center center;
}

.brands-www .brandCss3 {
	display: block;
	min-width: 33px !important;
	height: 47px;
	background: url(images/brand-css.png) no-repeat center center;
}

.brands-www .brandJs {
	display: block;
	min-width: 35px !important;
	height: 51px;
	background: url(images/brand-js.png) no-repeat center center;
}

.brands-www .brandMysql {
	display: block;
	min-width: 92px !important;
	height: 47px;
	background: url(images/brand-mysql.png) no-repeat center center;
}

.brands-www .brandPhp {
	display: block;
	min-width: 74px !important;
	height: 38px;
	background: url(images/brand-php.png) no-repeat center center;
}

.categoryLector {
	padding: 35px 0;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.rightSideTable .categoryLector {
	padding: 35px 0;
	border-bottom: 1px solid rgba(0,0,0,0.0);
}

.categoryLector .lectorPhoto {
	float: left;
}

.categoryLector .basicLectorInfo {
	float: left;
}

.lectorsBlock .lectorLongDescription {
	padding: 0 0 65px 0;
}

.lectorsBlock .lectorLongDescription p {
	padding: 15px 0 0px 0;
	line-height: 160%;
}

.categoryLector .basicLectorInfo p {
	margin-bottom: 15px;
}

.categoryLector h2 span {
	color: #4b4b4b;
	font-family: var(--my-font-family-roboto);
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.3px;
	display: block;
	line-height: 100%;
}

.categoryLector h2 {
	color: #00485f;
	font-family: var(--my-font-family-roboto);
	font-size: 33px;
	font-weight: 500;
	letter-spacing: -1px;
	padding: 0 0 20px 0;
}

.contactLectorInfo h2 {
	color: #00485f;
	font-family: var(--my-font-family-roboto);
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.3px;
	padding: 0 0 5px 0;
}

.categoryLector h2 a {
	color: #00485f;
	font-size: 32px;
}

.categoryLector h2 a:hover {
	color: #7ab851;
}

.categoryLector .contactLectorInfo {
	float: left;
}

.categoryLector .contactLectorInfo p {
	white-space: nowrap;
}

.contactLectorInfo button {
	background-color: #7ab851;
	border-radius: 3px;
	color: #fff;
	font-family: var(--my-font-family-roboto);
	font-size: 22px;
	font-weight: 500;
	border: 0;
	padding: 15px 25px;
	cursor: pointer;
	white-space: nowrap;
	margin: 10px 0 0 0;
}

.davidMartinecPadding {
	padding: 20px 0 0 0;
}


.cnt.pd.containerLukas button, .cnt.pd.containerDavid button, .cnt.pd.containerJaroslav button, .cnt.pd.containerJosef button, .cnt.pd.containerLukasP button, .cnt.pd.containerJakub button, .cnt.pd.containerDavidM button, .cnt.pd.containerFrantisek button, .cnt.pd.containerTomas button, .cnt.pd.containerTonda button, .cnt.pd.containerJakubM button, .cnt.pd.containerVeronika button, .cnt.pd.containerLubomir button, .cnt.pd.containerHonza button {
	background-color: #7ab851;
	border-radius: 3px;
	color: #fff;
	font-family: var(--my-font-family-roboto);
	font-size: 22px;
	font-weight: 500;
	border: 0;
	padding: 15px 25px;
	cursor: pointer;
	white-space: nowrap;
	margin: 5px 0 0 0;
}

.contactLectorInfo button:hover {
	background-color: #69a63f;
}

@media screen and (max-width: 479px) {
	.categoryLector .lectorPhoto {
		float: none;
		margin: auto;
	}
	
	.cnt.pd.containerLukas button, .cnt.pd.containerDavid button, .cnt.pd.containerJaroslav button, .cnt.pd.containerJosef button, .cnt.pd.containerLukasP button, .cnt.pd.containerJakub button,  .cnt.pd.containerDavidM button, .cnt.pd.containerFrantisek button, .cnt.pd.containerTomas button, .cnt.pd.containerTonda button {
		margin: 10px 0 0 25px;
	}
	
	.categoryLector .basicLectorInfo {
		float: none;
		width: 100%;
		margin: auto;
		padding: 20px 0 0 0;
		text-align: center;
	}
	
	.categoryLector .contactLectorInfo {
		float: none;
		width: 100%;
		padding: 35px 0 25px 0;
		font-size: 16px;
		text-align: center;
	}
}

@media (width <= 480px) {
	.categoryLector .lectorPhoto {
		float: none;
		margin: auto;
	}
	
	.categoryLector .basicLectorInfo {
		float: none;
		width: 100%;
		margin: auto;
		padding: 20px 0 0 0;
		text-align: center;
	}
	
	.categoryLector .contactLectorInfo {
		float: none;
		width: 100%;
		padding: 35px 0 0 0;
		font-size: 16px;
		text-align: center;
	}
}

@media (width <= 740px) {
	.categoryLector .lectorPhoto {
		float: none;
		margin: auto;
	}
	
	.categoryLector .basicLectorInfo {
		float: left;
		width: 50%;
		margin: 0 5% 0 0;
		padding: 20px 0 0 0;
		text-align: left;
	}
	
	.categoryLector .contactLectorInfo {
		float: left;
		width: 45%;
		padding: 35px 0 0 0;
		font-size: 16px;
		text-align: left;
	}
}

@media (width <= 980px) {
	.categoryLector .lectorPhoto {
		float: left;
		margin: 0;
	}
	
	.categoryLector .basicLectorInfo {
		width: 35%;
		margin: 0 5%;
		padding: 20px 0 0 0;
	}
	
	.categoryLector .contactLectorInfo {
		float: left;
		width: 30%;
		padding: 35px 0 0 0;
		font-size: 16px;
	}
}

@media (width <= 12600px) {
	.categoryLector .lectorPhoto {
		float: left;
		margin: 0;
	}
	
	.categoryLector .basicLectorInfo {
		width: 40%;
		margin: 0 5%;
		padding: 20px 0 0 0;
	}
	
	.categoryLector .contactLectorInfo {
		float: left;
		width: 30%;
		padding: 17px 0 0 0;
		font-size: 16px;
	}
}

#askLectorBox {
	background: #f3f3f3;
	border-radius: 5px;
	position: relative;
	padding: 18px 22px 18px 22px;
	text-align: left;
	font-size: 14px;
	margin-top: 3px;
	margin-bottom: 60px;
	line-height: 160%;
}

#askLectorBox input {
	border: 1px solid #adadad;
	background: #fff;
	border-radius: 2px;
	padding: 6px 6px;
	box-sizing: border-box;
	width: 100%;
	font-size: 16px;
}

#askLectorBox textarea {
	border: 1px solid #adadad;
	background: #fff;
	border-radius: 2px;
	padding: 6px 6px;
	box-sizing: border-box;
	width: 100%;
	font-size: 16px;
	height: 120px;
}


#askLectorBox select {
	border: 1px solid #adadad;
	background: #fff;
	border-radius: 2px;
	padding: 3%;
	width: 100%;
	font-size: 16px;
}

#askLectorBox label {
	padding: 10px 0 5px 0;
	display: block;
	font-weight: 700;
}

#askLectorBox .sendbutton {
	background-color: #7ab851;
	border-radius: 3px;
	color: #fff;
	font-family: var(--my-font-family-roboto);
	font-size: 18px;
	font-weight: 500;
	border: 0;
	padding: 10px 25px;
	cursor: pointer;
	white-space: nowrap;
	margin: 10px auto auto auto;
	width: 100%;
}

#closeWindow {
	background-color: #fff;
	color: #69a63f;
	border-radius: 3px;
	font-family: var(--my-font-family-roboto);
	font-size: 22px;
	font-weight: 500;
	border: 0;
	padding: 5px 10px;
	cursor: pointer;
	white-space: nowrap;
	margin: 10px 0 0 0;
	top: 0;
	right: 10px;
	position: absolute;
}

#closeWindow:hover {
	color: #000;
}

.contactButtons {
	padding: 5px 0 0 0;
}

.contactButtons span {
	display: block;
	padding: 3px 15px;
	font-size: 12px;
	text-align: center;
}

@media screen and (max-width: 479px) {
	#askLectorBox {
		background: #c6c6c6;
	}
	.contactButtons span {
		text-align: left;
		padding: 0;
	}
}

.contactButton {
	background-color: #7ab851;
	border-radius: 3px;
	color: #fff;
	font-family: var(--my-font-family-roboto);
	font-size: 16px;
	font-weight: 500;
	border: 0;
	padding: 12px 15px 10px 15px;
	display: block;
	width: auto;
	cursor: pointer;
	white-space: nowrap;
	margin: 10px 0 0 0;
	text-align: center;
}

.contactButton:hover {
	color: #000;
}

.questionType {
	padding: 0 50px 0 0;
}

.thanksMessage {
	padding: 25px;
	border-radius: 4px;
	text-align: center;
    background: #fff;
    font-weight: 700;
    margin-top: 25px;
    font-size: 18px;
}

.topCoursesList {
	padding: 0;
}

.topCoursesList .topCourse, .nextCourses {
	font-family: var(--my-font-family-roboto);
	font-size: 30px;
	font-weight: 700;
	letter-spacing: -1px;
	text-align: center;
	line-height: 100%;
	color: #00485f;
	margin: 30px 0 0 0;
	padding: 0 0 25px 0;
}

.topCoursesList .topCourse span {
	display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 175%;
}

.topCoursesList .headlineLink {
	color: #00485f;
}

.topCoursesList .topCourseBox {
	border: 1px solid #e2e2e2;
	background-color: #deffd1;
}

.topCoursesList .topCourseBox .coursePhotoList {
	display: block;
	float: left;
	margin: 0 20px 0 0;
}

.topCourseBox {
	position: relative;
}

.topCourseBox:hover {
	background: #eff9ff;
}

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

.topCourseBox .topCourseData {
	padding: 20px;
}

.topCourseData .topCourseName {
	color: #7ab851;
	font-family: var(--my-font-family-roboto);
	font-size: 33px;
	font-weight: 500;
	width: 85%;
	letter-spacing: -0.5px;
	display: block;
}

.topCourseData .topCourseRate {
	float: right;
	color: #f3d500;
	font-size: 33px;
	width: 15%;
	text-align: right;
	margin-right: 5px;
}

.topCourseData .topCourseDescription {
	font-family: var(--my-font-family-roboto);
	color: #4b4b4b;
	font-size: 16px;
	font-weight: 400;
	line-height: 23px;
	padding: 5px 0 5px 0;
}

.topCourseData .priceHours .button {
	float: right;
}

.button {
	background-color: #7ab851;
    border-radius: 3px;
    color: #fff;
    font-family: var(--my-font-family-roboto);
    font-size: 22px;
    font-weight: 500;
    border: 0;
    padding: 12px 15px;
    cursor: pointer;
    white-space: nowrap;
    margin: 5px 0 0 0;
    display: inline-block;
}

@media (max-width: 400px) {
	.button {
		white-space: unset;
	}
}

.button:hover {
	background-color: #629c3b;
	color: #dfdede;
}

.buttonWhite {
	background-color: #fff;
    border-radius: 3px;
    color: #000;
    font-family: var(--my-font-family-roboto);
    font-size: 18px;
    font-weight: 500;
    border: 0;
    padding: 12px 15px;
    cursor: pointer;
    white-space: nowrap;
    margin: 15px 0 5px 0;
    display: inline-block;
}

.buttonWhite:hover {
	background-color: #fff;
    color: #b19a6e;
}

.buttonBronze {
	background-color: #b19a6e;
    border-radius: 3px;
    color: #fff;
    font-family: var(--my-font-family-roboto);
    font-size: 18px;
    font-weight: 500;
    border: 0;
    padding: 12px 15px;
    cursor: pointer;
    white-space: nowrap;
    margin: 15px 0 5px 0;
    display: inline-block;
}

.buttonBronze:hover {
	background-color: #b19a6e;
    color: #fff;
}

.buttonBronze a {
	color: #FFF;
}

.expanded .expand {
	display: none;
}
.collapsed .collapse {
	display: none;
}

.courseLength {
	position: relative;
	display: block;
	float: right;
	margin: 7px 0 0 0;
	width: 220px;
}

.courseLength .timeIcon {
	width: 34px;
	height: 32px;
	background-size: auto 32px;
	position: absolute;
	top: 9px;
	left: 0px;
}

.courseLength .timeIcon.zero {
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(images/0.svg);
}

.courseLength .timeIcon.one {
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(images/25.svg);
}

.courseLength .timeIcon.two {
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(images/50.svg);
}

.courseLength .timeIcon.three {
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(images/75.svg);
}

.courseLength .timeIcon.four {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(images/100.svg);
}

.courseLength p, .price p {
	color: #00485f;
	font-size: 24px;
	letter-spacing: -0.8px;
	font-weight: 700;
}

.courseLength p {
	padding: 6px 0 0 42px;
}

@media screen and (max-width: 479px) {
	.courseLength p, .price p {
		font-size: 20px;
	}
	
	.courseLength p {
		padding: 9px 0 0 42px;
	}
}

.price p .vat {
	font-size: 12px; 
	display: block;
	line-height: 22px;
	color: #aaa;
}

.price .oldPriceLabel {
	font-size: 14px;
	color: #000;
}

@media screen and (min-width: 480px) {
	.oldPriceLabel.upLogo {
		padding-left: 0px;
	}
}

.price .oldPrice {
	text-decoration: line-through;
	font-size: 14px;
	color: #aaa;
}

.priceHours {
	float: left;
	width: 84%;
	margin: 0 0 0px 0;
}

.priceHours .topCoursePrice {
	padding: 9px 0 0 0;
	color: #4b4b4b;
	font-size: 24px;
	letter-spacing: -0.8px;
	font-weight: 700;
	float: left;
	line-height: 80%;
}

.priceHours .topCoursePrice.action {
	padding: 4px 0 0 0;
}

.priceHours .topCoursePrice .oldPriceLabel, .priceHours .topCoursePrice .oldPrice{
	text-decoration: line-through;
	font-size: 14px;
	color: #aaa;
	line-height: 160%;
}

.coursePrice .oldPrice {
	text-decoration: line-through;
}

.priceHours .newPrice {
	margin-top: -8px;
}

@media screen and (max-width: 479px) {
	.priceHours .newPrice {
		font-size: 18px;
	}
}

.priceHours .stPrice {
	padding: 14px 0 0 0;
	display: block;
}

.courseLength .first {
	position: absolute;
	height: 20%;
	width: 10px;
	bottom: 0;
	left: 0;
	border-radius: 2px;
	background-color: #006fac;
	display: block;
}

.courseLength .second {
	position: absolute;
	height: 40%;
	width: 10px;
	bottom: 0;
	left: 12px;
	border-radius: 2px;
	background-color: #006fac;	
	display: block;
}

.courseLength .third {
	position: absolute;
	height: 60%;
	width: 10px;
	bottom: 0;
	left: 24px;
	border-radius: 2px;
	background-color: #006fac;	
	display: block;
}

.courseLength .fourth {
	position: absolute;
	height: 80%;
	width: 10px;
	bottom: 0;
	left: 36px;
	border-radius: 2px;
	background-color: #006fac;	
	display: block;
}

.courseLength .fifth {
	position: absolute;
	height: 100%;
	width: 10px;
	bottom: 0;
	left: 48px;
	border-radius: 2px;
	background-color: #006fac;	
	display: block;
}

.courseLength div.empty {
	background-color: #d9d9d9;
}

.otherCourse {
	background: #fff;
	margin: 0 0 10px 0;
	border-radius: 3px;
	position: relative;
	padding: 25px 20px;
	border: 1px solid #d7d7d7;
}

.otherCourse:hover {
	background: #eff9ff;
}

.otherCourse .button {
	float: right;
}

.otherCourse .otherCoursePrice {
	padding: 15px 40px 0 0px;
	color: #00485f;
	font-size: 24px;
	letter-spacing: -0.8px;
	float: right;
	font-weight: 700;
}

.otherCourse .otherCourseName {
	color: #7ab851;
	float: left;
	font-family: var(--my-font-family-roboto);
	font-size: 33px;
	font-weight: 500;
	width: 50%;
	letter-spacing: -0.5px;
	display: block;
	margin: 0px 0 5px 0;
	padding: 11px 0 0 0;
	line-height: 100%;
}

.otherCourse .otherCourseLink {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
}


.facebookComments, .lectorReference {
	background: #f5f5f5;
	padding: 58px 10px 33px 10px;
}

@media (width < 550px) {
	.facebookComments, .lectorReference {
		padding: 18px 10px 33px 10px;
	}
}

.lectorReference.pgs {
	background: #212121;
	color: #fff;
	padding: 70px 10px;
}

.lectorReference.pgs h2 {
	color: #fff;
}

.facebookComments .tabContent {
	/*min-height: 600px;*/
}

@media screen and (max-width: 479px) {
	.tabWrapper {
		width: 100%;
		white-space: nowrap;
		overflow-y: hidden;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		padding: 1rem;
	}

	.tabCourse {
		display: inline !important;
		white-space: nowrap !important;
	}
}

.basicGallery {
	background: transparent;
	padding: 65px 0 85px 0;
	text-align: center;
	border-top: 1px solid #ebebeb;
}

.basicGallery.rozhovory {
	padding: 65px 0;
}

.headline.galelry {
	padding-bottom: 45px !important;
	display: block;
}

.backToCategory {
	background: #e2e2e2;
	padding: 40px 0 65px 0;
}

.backToCategory.nextCategory {
	background: none;
	padding: 40px 0 40px 0;
}

.lectorsClients {
	background: #fff;
	padding: 55px 0;
}

.facebookComments .headline, .basicGallery .headline, .backToCategory .headline, .courseInfoUP .headline, .courseReference .headline, .courseGraduates .headline, .photoGallery .headline, .formContactInfo .headline, .lectorReference .headline, .lectorsClients .headline, .employerBox .headline, .loginBox .headline, .coursePortfolio .headline, .mpipCertificate .headline {
	color: #00485f;
	font-size: clamp(2rem, 1.0625rem + 4.1667vw, 2.4rem);
	font-weight: 700;
	font-family: var(--my-font-family-roboto);
	letter-spacing: -1px;
	text-align: center;
}

@media screen and (max-width: 767px) {
		.facebookComments .headline, .basicGallery .headline, .backToCategory .headline, .courseInfoUP .headline, .courseReference .headline, .courseGraduates .headline, .photoGallery .headline, .formContactInfo .headline, .lectorReference .headline, .lectorsClients .headline, .employerBox .headline, .loginBox .headline, .coursePortfolio .headline, .mpipCertificate .headline,  .singleColumnSection.silverGradient .headline {
		color: #00485f;
		font-size: clamp(2rem, 1.0625rem + 4.1667vw, 3.25rem);
		font-weight: 700;
		font-family: var(--my-font-family-roboto);
		letter-spacing: -1px;
		text-align: center;
		padding-bottom: 20px;
	}
}

.headline span {
	display: block;
	margin-bottom: 20px;
}

.headline span i:first-of-type {
	margin-right: 5px;
}

.courseDates .headline {
	color: #000;
	font-size: 50px;
	font-weight: 100;
	font-family: var(--my-font-family-roboto);
	letter-spacing: -1.5px;
	text-align: center;
}

.courseDates .headline.marginTop {
	margin-top: 35px;
}

.singleColumnSection.silver {
	background: #F8F8F8;
}

.singleColumnSection.halfPaddingBottom {
	padding-bottom: 30px;
}

.singleColumnSection .headline {
	width: 70%;
	margin: auto;
	text-align: center;
	padding: 0 0 0 0;
}

.singleColumnSection .subHeadline {
	width: 60%;
	padding: 0 0 25px 0;
	
	margin: auto;
	text-align: center;
}



.singleColumnSection .headline {
	color: #000;
	font-size: 40px;
	font-weight: 100;
	font-family: var(--my-font-family-roboto);
	padding: 0 0 15px 0;
	text-align: center;
}

.coursePortfolio .headline  {
	color: #fff;
	font-size: 50px;
	font-weight: 100;
	font-family: var(--my-font-family-roboto);
	letter-spacing: -1px;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.coursePortfolio .headline  {
		color: #fff;
		font-size: 35px;
		font-weight: 300;
		font-family: var(--my-font-family-roboto);
		letter-spacing: -1px;
		text-align: center;
	}
}

.boxDescriptionAlert {
	font-size: 15px;
	line-height: 130%;
	width: 430px;
	padding: 15px;
	background: #d10000;
	color: #fff;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-content: center;
	justify-content: center;
	border-radius: 5px;
}

.boxDescriptionAlert.up {
	font-size: 22px;
	font-weight: 700;
	padding: 20px;
	margin: 25px auto 0 auto;
}

.boxDescriptionAlert.green {
	background: #7ab851;
	color: #fff;
	font-weight: 400;
	width: 100%;
	padding: 0;
}

.boxDescriptionAlert.green i {
	font-size: 38px;
    margin: 15px 16px 0 15px;
    color: #fff;
}

.boxDescriptionAlert.green p {
	font-weight: 400;
	color: #000;
	padding: 0 15px 15px 0;
}

.boxDescriptionAlert.green p a {
	color: #565656;
}

.boxDescriptionAlert.green p a:hover {
	color: #dfdfdf;
}

.boxDescriptionAlert.green h3 {
	font-weight: 700;
	font-size: 22px;
	padding: 15px 0 10px 0;
}

.boxDescriptionAlert i {
	font-size: 38px;
	margin: 5px 16px 0 15px;
	color: #fff;
}

.wayContactInfo .headline {
	color: #fff;
	font-size: clamp(2rem, 1.2500rem + 3.3333vw, 3rem);
	padding: 0 0 35px 0;
	font-weight: 100;
	font-family: var(--my-font-family-roboto);
	letter-spacing: -1px;
	text-align: center;
}

.way h3 {
	color: #727070;
	font-size: 24px;
	padding: 0px 0 5px 0;
	font-weight: 600;
	margin: 0 0 5px 0;
	font-family: var(--my-font-family-roboto);
	letter-spacing: -0.5px;
	text-align: left;
	border-bottom: 2px solid rgba(0,0,0,0.2);
}

/* Tabbed Styles */

.tabbed {
	width: 100%;
	min-width: 360px;
	margin: 40px auto 0 auto;
	border-bottom: 4px solid #3498db;
	overflow: hidden;
	transition: border 250ms ease;
}

@media (min-width: 768px) {
	.tabbed {
		margin: 10px auto 0 auto;
	}
}

.tabbed ul {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	float: left;
	padding-left: 0px;
	list-style-type: none;
}

.tabbed ul * {
	margin: 0px;
	padding: 0px;
}

.tabbed ul li {
	display: inline-block;
	float: left;
	padding: 12px 8px 10px 8px;
	background-color: #FFF;
	margin-right: 5px;
	z-index: 2;
	position: relative;
	cursor: pointer;
	color: #777;
	white-space: nowrap !important;
	text-transform: uppercase;
	font: 700 13px/20px;
	font-family: var(--my-font-family-roboto);
	transition: all 250ms ease;
	font-weight: 700;
	font-size: 14px;
}

@media (max-width: 900px) {
	.tabbed ul {
		width: 100%;
		box-sizing: border-box;
		white-space: nowrap;
		overflow-y: hidden;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
	
	.tabbed ul::-webkit-scrollbar { 
	    display: none !important; 
	}
	
	.tabbed ul li {
		padding: 12px 10px 10px 10px;
		font-size: 16px;
		display: inline-block !important;
		letter-spacing: -0.5px;
		white-space: nowrap !important;
		margin-right: 1px;
		float: none;
	}	
	
	.boxDescriptionAlert i {
		margin: 5px 36px 0 5px;
	}	
	
	.boxDescriptionAlert.green i {
	    margin: 15px 39px 0 14px;
	}
	
	.courseDates .headline {
		font-size: 30px;
		font-weight: 700;
	}

	.singleColumnSection .headline {
		width: 100%;
		font-size: 34px;
	}
	
	.singleColumnSection .subHeadline {
		width: 90%;
	}
}

@media screen and (min-width: 480px) {
	.boxDescriptionAlert i {
		margin: 5px 40px 0 15px;
	}	
	
	.boxDescriptionAlert.green i {
	    margin: 15px 25px 0 15px;
	}
}

@media screen and (min-width: 980px) {
	.boxDescriptionAlert i {
		margin: 5px 16px 0 10px;
	}	
	
	.boxDescriptionAlert.green i {
	    margin: 15px 16px 0 18px;
	}
}


.tabbed ul li:hover,
.tabbed ul li:hover:before,
.tabbed ul li:hover:after {
	background-color: #F4F7F9;
	color: #444;
}
.tabbed ul li.active {
	z-index: 3;
}
.tabbed ul li.active,
.tabbed ul li.active:before,
.tabbed ul li.active:after {
	background-color: #3498db;
	color: #fff;
}

/* Round Tabs */
.tabbed.round ul li {
	border-radius: 8px 8px 0 0;
}
.tabbed.round ul li:before {
	border-radius: 0 8px 0 0;
}
.tabbed.round ul li:after {
	border-radius: 8px 0 0 0;
}

.facebookComments .tabContent {
	background-color: #fff;
	padding: 5px 25px 1px 25px;
	border-radius: 3px;
}

.facebookComments .tabContent.noTabs {
	background-color: #fff;
	padding: 15px 25px 35px 25px;
	margin: 35px 0 53px 0;
}

@media screen and (max-width: 479px) {
	.facebookComments .tabContent {
		background-color: #fff;
		padding: 25px 5px 35px 5px;
		border-radius: 3px;
	}

.facebookComments .tabContent.noTabs {
	background-color: #fff;
	padding: 15px 5px 35px 5px;
	margin: 35px 0 0 0;
}
	
}

.backToCategory .button {
	margin: auto;
}

.backToCategory {
	text-align: center;
}

.backToCategory h2 {
	margin: 0 0 35px 0;
}

.morePhotos {
	padding: 10px 25px;
    display: inline-block;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    -moz-box-shadow: 0px 0px 2px #888;
    -webkit-box-shadow: 0px 0px 2px #888;
    box-shadow: 0px 0px 2px #888;
    font-size: 22px;
    margin: auto;
    font-weight: 700;
    background: #4eb2f5;
    color: #fff;
}

.morePhotos i {
	font-size: 12px;
	position: relative;
	top: -2px;
}

.basicGalleryBox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-content: center;
	justify-content: center;
	padding: 20px 0 40px 0;
}

.basicGalleryBox a {
	margin-right: 10px;
}

.basicGalleryBox a:hover {
	box-shadow: 0 0 25px rgba(0,0,0,0.6); 
	border-radius: 4px;
}

.basicGalleryBox a:last-of-type {

}

@media (max-width: 560px) {
	.basicGalleryBox {
		flex-direction: column;
	}
	
	.basicGalleryBox a {
		width: 261px;
		margin: 0 auto 10px auto;
		text-align: center;
	}

	.basicGalleryBox a:last-of-type {
		margin: 0 auto 0px auto;
	}	
	
	.boxDescriptionAlert {
		width: 100%;
		padding: 3%;
		margin: 0px 0;
		box-sizing: border-box;
	}

	.way h3 {
		text-align: center;
	}
}

@media screen and (min-width: 480px) {
	.basicGalleryBox {
		flex-direction: column;
	}
	
	.basicGalleryBox a {
		width: 261px;
		margin: 0 auto 10px auto;
		text-align: center;
	}

	.basicGalleryBox a:last-of-type {
		
	}	
	
	.way h3 {
		text-align: center;
	}
}

@media screen and (min-width: 740px) {
	.basicGalleryBox {
		flex-direction: row;
		flex-flow: wrap;
	}
	
	.basicGalleryBox a {
		width: 273px;
		margin: 0 7px 7px 0;
		text-align: center;
	}

	.basicGalleryBox a:last-of-type {
		
	}	

	.way h3 {
		text-align: center;
	}
}

.basicGallery-thumb {
	width: 100%;
	height: 100%;
	display: block;
}


.morePhotos:hover {
    background: #3b9edf;
    color: #9aeaf8;
}

@media screen and (max-width: 479px) {
	.backToCategory .button {
		display: block;
		margin: 0 0 8px 0;
		font-size: 19px;
		letter-spacing: -1px;
	}
	
	.headline {
		line-height: 100%;
	}
	
	.tabbed {
		width: 100%;
		min-width: 100%;
	}
}

@media screen and (min-width: 480px) {
	.backToCategory .button {
		display: block;
		margin: 0 0 8px 0;
	}
	
	.headline {
		line-height: 100%;
	}
	
	.tabbed {
		width: 100%;
		min-width: 330px;
	}
}

@media screen and (min-width: 980px) {
	.backToCategory .button {
		display: inline;
		margin: 0 0 8px 0;
	}
	
	.headline {
		line-height: 100%;
	}
	
	.tabbed {
		width: 100%;
		min-width: 360px;
	}

	.way h3 {
		text-align: left;
	}
}


@media (max-width: 760px) {
	.basicGalleryBox {
		display: flex;
		flex-flow: wrap;
	}
	
	.basicGalleryBox a {
		width: 50%;
		margin: 0;
	}
	
	.basicGallery-thumb {
		width: 100%;
		height: 100%;
		display: block;
	}
}

.footer {
	background: #434343;
	padding: 40px 0;
	color: #fff;
	font-size: 14px;
	line-height: 160%;
}

.footer .fcb  {
    background: #355899;
    width: 51px;
    line-height: 51px;
    margin: 0 1px 0 0;
    text-align: center;
    color: #D5D5D5;
    font-size: 22px;
    display: inline-block;
}

.footer .fcb:hover {
    background: rgba(53, 88, 153, 0.5);
    color: #fff;
}

.hashtagPrimakurzy {
	font-weight: 300;
	letter-spacing: 0.5px;
	padding: 25px 0 0 0;
}

.footer .ig {
    background: #B7E300;
    width: 51px;
    line-height: 51px;
    color: #1B1D21;
    text-align: center;
    font-size: 22px;
    display: inline-block;
}

.footer .ig:hover {
    background: #62e300;
    color: #000;
}

.footer .yt {
    background: #e40000;
    width: 51px;
    line-height: 51px;
    color: #fff;
    text-align: center;
    font-size: 22px;
    display: inline-block;
}

.footer .yt:hover {
    background: #f40000;
    color: #fff;
}

.copyright {
	background: #242424;
	color: #fff;
	padding: 30px 0 30px 0;
	font-size: clamp(0.7rem, -1.2000rem + 3.2000vw, 1rem);
	line-height: 140%;
}

.copyright a {
	white-space: nowrap;
}

.copy {
	display: inline-block;
}

.copyright a {
	color: #acacac;
}

.copyright a:hover {
	color: #fff;
}

.footer .subMenu {
	float: left;
	margin: 0 50px 0 0; 
}

.footer .quickContact {
	float: left;
}

.footerContactData .largeText {
	font-size: 15px;
	margin: 5px 0 0 0;
}

.footerContactData {
	padding: 0 0 0 105px;
	position: relative;
	background: url(images/quick-map-min.png) no-repeat left 3px;
}

.footer h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px 0;
	color: #e1e1e1;
	font-family: var(--my-font-family-roboto);
	font-weight: 700;
	line-height: 110%;
}

.quickCompany {
	font-size: 15px;
	line-height: 120%;
}

.footer a {
	color: #fff;
}

.footer a:hover {
	color: #7ab851;
}

.quickContactMapLink {
	position: absolute;
	left: 0;
	top: 2px;
}

@media screen and (max-width: 400px) {
	.pagePluginFb {
		display: block;
		margin-left: 10px !important;
	}
	
	.paymentIcons {
		text-align: center;
		display: inline-block;
		width: 59%;
	}
}

@media screen and (max-width: 479px) {
	.subMenu {
		padding-left: 10px;
	}
	
	.subMenu ul li a {
		font-size: 16px; 
		line-height: 180%;
	}
	
	.quickContact {
		padding: 35px 0 0 10px;
	}
	
	.footerContactData {
		padding: 0 0 40px 0px;
		background-size: 70px auto;
		background: none;
		font-size: 14px;
		margin-right: 15px;
		letter-spacing: 0px;
	}
	
	.quickContactMapLink {
		height: 70px;
		width: 69px;
	}
	
	.paymentIcons {
		text-align: left !important;
		display: block;
		padding: 20px 46px 5px 0 !important;
	}
}

@media screen and (min-width: 480px) {
	.subMenu {
		padding-left: 10px;
	}
	
	.subMenu ul li a {
		font-size: 16px; 
		line-height: 180%;
	}
	
	.quickContact {
		padding: 0px 0 0 10px;
	}
	
	.footerContactData {
		padding: 0 0 40px 79px;
		background-size: 70px auto;
		font-size: 14px;
		letter-spacing: -1px;
	}
	
	.quickContactMapLink {
		height: 70px;
		width: 69px;
	}
	
	.pagePluginFb {
		margin: 0px 0 0 0px;
		float: left;
		display: block;
	}
}

@media screen and (min-width: 980px) {
	.subMenu {
		padding-left: 0px;
	}
	
	.subMenu ul li a {
		font-size: 14px; 
		line-height: 160%;
	}
	
	.quickContact {
		padding: 0px 0 0 0px;
	}
	
	.footerContactData {
		padding: 0 0 0px 109px;
		background-size: 89px auto;
		font-size: 14px;
		letter-spacing: 0px;
	}
	
	.pagePluginFb {
		margin: 0px 0 0 0px;
		float: right;
		display: block;
	}
	
	.quickContactMapLink {
		height: 87px;
		width: 89px;
	}
}

.courseAdvantages {
	text-align: left;
	box-shadow: 0 0px 50px rgba(0, 0, 0, 0.1);
	padding: 10px 0 60px 0;
}

.courseAdvantages .courseAdvantageBox {
	padding: 0px 0 0 315px;
	height: 250px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.courseAdvantages .courseAdvantageBox h2 {
	color: #7ab851;
font-size: clamp(1.8rem, 0.7000rem + 2.6667vw, 2.2rem);
	font-weight: 100;
	font-family: var(--my-font-family-roboto);
	padding: 0px 0;
	letter-spacing: -1px;	
	padding: 0 0 10px 0;
}

.courseAdvantages .courseAdvantageBox h3 {
	color: #4b4b4b;
	font-size: 38px;
	font-weight: 700;
	font-family: var(--my-font-family-roboto);
	padding: 0px 0 10px 0;
	letter-spacing: -1px;	
}

.courseAdvantages .courseAdvantageBox p {
	color: #4b4b4b;
	font-size: clamp(1rem, 0.8750rem + 1.0000vw, 1.2rem);
	font-weight: 400;
	font-family: var(--my-font-family-open-sans);
	padding: 5px 0;
	letter-spacing: 0px;	
	line-height: 130%;
}

.courseAdvantages .courseAdvantageBox h2 i {
	margin: 0 5px 0 0;
	line-height: 39%;
	font-size: 20px;	
}

.courseAdvantages .headline {
	color: #00485f;
	text-align: center;
	font-size: clamp(2rem, 1.1750rem + 3.6667vw, 3.1rem);
	font-weight: 700;
	font-family: var(--my-font-family-roboto);
	padding: 30px 0;
	border-bottom: 1px solid #e2e2e2;
	letter-spacing: -1px;
	margin: 0 0 30px 0;
}

@media screen and (max-width: 479px) {
	.courseAdvantages .courseAdvantageBox {
		padding: 250px 0 30px 0px;
		text-align: center;
		height: auto;
	}
	
	.courseAdvantages .courseAdvantageBox.certificate {
		background: url(images/thumb-certificate.jpg) no-repeat center top;
	}
	
	.courseAdvantages .courseAdvantageBox.accommodation {
		background: url(images/thumb-accommodation.jpg) no-repeat center top;
	}
	
	.courseAdvantages .courseAdvantageBox.consultation {
		background: url(images/thumb-consultation.jpg) no-repeat center top;
	}
	
	.courseAdvantages .courseAdvantageBox.experiences {
		background: url(images/thumb-experiences.jpg) no-repeat center top;
	}
	
	.courseAdvantages .courseAdvantageBox.repayments {
		background: url(images/thumb-repayments.jpg) no-repeat center top;
	}
	
	.courseAdvantages .courseAdvantageBox.video {
		background: url(images/thumb-video.jpg) no-repeat center top;
	}
	
	.courseAdvantages .courseAdvantageBox.employment-department {
		background: url(images/thumb-up1.jpg) no-repeat center top;
	}
	
	.courseAdvantages .courseAdvantageBox.refreshment {
		background: url(images/thumb-refreshment.jpg) no-repeat center top;
	}

	.courseAdvantages .courseAdvantageBox.payment {
		background: url(images/payment-advantage.jpg) no-repeat center top;
	}
	
	.courseAdvantages .courseAdvantageBox.povezii {
		background: url(images/thumb-povezii.jpg) no-repeat center top;
	}
	
	.courseAdvantages .courseAdvantageBox.playerChapter {
			background: url(images/kapitoly-videa-primakurzy.jpg) no-repeat center top;
			background-size: 268px auto;
		}
		
	.courseAdvantages .courseAdvantageBox.playerChapterMemo {
			background: url(images/popis-videa-primakurzy.jpg) no-repeat center top;
			background-size: 268px auto;
		}
		
	.courseAdvantages .courseAdvantageBox.stopAndPlay {
			background: url(images/vypniapust-videa-primakurzy.jpg) no-repeat center top;
			background-size: 268px auto;
		}
		
	.courseAdvantages .courseAdvantageBox.newVideos {
			background: url(images/nova-videa-primakurzy.jpg) no-repeat center top;
			background-size: 268px auto;
		}
	
	.courseAdvantages .courseAdvantageBox h3 {
		font-size: 20px;	
		line-height: 100%;
		padding: 10px 0;
	}
}

@media screen and (min-width: 480px) {	
	.courseAdvantages .courseAdvantageBox {
		padding: 250px 0 30px 0px;
		text-align: center;
		height: auto;
	}
	
	.courseAdvantages .courseAdvantageBox.certificate {
		background: url(images/thumb-certificate.jpg) no-repeat center top;
	}
	
	.courseAdvantages .courseAdvantageBox.accommodation {
		background: url(images/thumb-accommodation.jpg) no-repeat center top;
	}

	.courseAdvantages .courseAdvantageBox.consultation {
		background: url(images/thumb-consultation.jpg) no-repeat center top;
	}
	
	.courseAdvantages .courseAdvantageBox.experiences {
		background: url(images/thumb-experiences.jpg) no-repeat center top;
	}
	
	.courseAdvantages .courseAdvantageBox.repayments {
		background: url(images/thumb-repayments.jpg) no-repeat center top;
	}
	
	.courseAdvantages .courseAdvantageBox.video {
		background: url(images/thumb-video.jpg) no-repeat center top;
	}
	
	.courseAdvantages .courseAdvantageBox.employment-department {
		background: url(images/thumb-up1.jpg) no-repeat center top;
	}
	
	.courseAdvantages .courseAdvantageBox.refreshment {
		background: url(images/thumb-refreshment.jpg) no-repeat center top;
	}
	
	.courseAdvantages .courseAdvantageBox.payment {
		background: url(images/payment-advantage.jpg) no-repeat center top;
	}
	
	.courseAdvantages .courseAdvantageBox.povezii {
		background: url(images/thumb-povezii.jpg) no-repeat center top;
	}
	
	.courseAdvantages .courseAdvantageBox h3 {
		font-size: 24px;	
	}

	.courseAdvantages .courseAdvantageBox h2 i {
		font-size: 24px;	
	}
}

@media screen and (min-width: 1200px) {
	
	.courseAdvantages .courseAdvantageBox {
		padding: 0px 0 0 315px;
		text-align: left;
		height: 250px;
	}
	
	.courseAdvantages .courseAdvantageBox.certificate {
		background: url(images/thumb-certificate.jpg) no-repeat left center;
	}
	
	.courseAdvantages .courseAdvantageBox.accommodation {
		background: url(images/thumb-accommodation.jpg) no-repeat left center;
	}
	
	.courseAdvantages .courseAdvantageBox.playerChapter {
		background: url(images/kapitoly-videa-primakurzy.jpg) no-repeat left center;
		background-size: 268px auto;
	}
		
	.courseAdvantages .courseAdvantageBox.playerChapterMemo {
		background: url(images/popis-videa-primakurzy.jpg) no-repeat left center;
		background-size: 268px auto;
	}
		
	.courseAdvantages .courseAdvantageBox.stopAndPlay {
		background: url(images/vypniapust-videa-primakurzy.jpg) no-repeat left center;
		background-size: 268px auto;
	}	
	.courseAdvantages .courseAdvantageBox.newVideos {
		background: url(images/nova-videa-primakurzy.jpg) no-repeat left center;
		background-size: 268px auto;
	}
	.courseAdvantages .courseAdvantageBox.consultation {
		background: url(images/thumb-consultation.jpg) no-repeat left center;
	}
	
	.courseAdvantages .courseAdvantageBox.experiences {
		background: url(images/thumb-experiences.jpg) no-repeat left center;
	}
	
	.courseAdvantages .courseAdvantageBox.repayments {
		background: url(images/thumb-repayments.jpg) no-repeat left center;
	}
	
	.courseAdvantages .courseAdvantageBox.video {
		background: url(images/thumb-video.jpg) no-repeat left center;
	}
	
	.courseAdvantages .courseAdvantageBox.employment-department {
		background: url(images/thumb-up1.jpg) no-repeat left center;
	}
	
	.courseAdvantages .courseAdvantageBox.refreshment {
		background: url(images/thumb-refreshment.jpg) no-repeat left center;
	}
	
	.courseAdvantages .courseAdvantageBox.payment {
		background: url(images/payment-advantage.jpg) no-repeat left center;
	}
	
	.courseAdvantages .courseAdvantageBox.povezii {
		background: url(images/thumb-povezii.jpg) no-repeat left center;
	}

	.courseAdvantages .courseAdvantageBox h3 {
		font-size: 20px;	
	}
	
	.courseAdvantages .courseAdvantageBox h2 i {
		font-size: 33px;	
	}
}

@media screen and (min-width: 1200px) {
	.courseAdvantages .courseAdvantageBox h3 {
		font-size: 26px;
		line-height: 100%;	
	}
	
	.courseAdvantages .courseAdvantageBox p {
		font-size: clamp(1rem, 0.8750rem + 1.0000vw, 1.1rem);
	}
}

.lectorsBlock {
	background: #fff;
	box-shadow: 0 0 30px rgba(0,0,0,0.4) inset;
}

.lectorsBlock .headline {
	color: #4b4b4b;
	font-size: 50px;
	font-weight: 700;
	font-family: var(--my-font-family-roboto);
	letter-spacing: -1px;
	padding: 30px 0 30px 0;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	text-align: center;
}

.lectorsBlock .categoryLector .basicLectorInfo, .lectorsBlock .categoryLector .contactLectorInfo {
	padding: 0;
}

.basicLectorInfo ul li {
	display: inline;
}

.basicLectorInfo h3 {
	padding: 8px 0 10px 0;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -1px;
}

.basicLectorInfo ul li a {
	line-height: 270%;
	font-size: 11px;
	padding: 5px 10px;
	background-color: #7ab851;
	border-radius: 3px;
	color: #fff;
	white-space: nowrap;
}

.basicLectorInfo ul li a:hover {
	background-color: #6fa948;
}

.lectorsBlock .categoryLector h2 {
	color: #00485f;
	font-family: var(--my-font-family-roboto);
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -1px;
	padding: 0 0 7px 0;
}

.lectorsBlock .categoryLector .lectorName {
	font-size: 28px;
	padding: 10px 0 10px 0;
}

.davidsClients, .lukassClients, .lukeClients, .tomClients {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;	
	padding: 5px 0 0 0;
	flex-wrap: wrap;
	align-content: center;
}

.davidsClients a {
	width: 160px;
	height: 90px;
}

@media screen and (max-width: 479px) {
	.davidsClients a, .lukassClients a, .lukeClients a, .tomClients a {
		width: 180px;
		height: 100px;
	}
	
	.davidsClients, .lukassClients, .lukeClients, .tomClients {
		flex-direction: column;
	}
}

@media screen and (min-width: 480px) {
	.davidsClients a, .lukassClients a, .lukeClients a, .tomClients a {
		width: 80px;
		height: 35px;
	}
}

@media screen and (min-width: 740px) {
	.davidsClients a, .lukassClients a, .lukeClients a, .tomClients a {
		width: 120px;
		height: 52px;
	}
}

@media screen and (min-width: 980px) {
	.davidsClients a, .lukassClients a, .lukeClients a, .tomClients a {
		width: 160px;
		height: 90px;
	}
}

.clientLavincz {
	background: url(images/lavincz2.jpg) no-repeat center center;
	background-size: 100%;
}

.clientPotrefenahusa7cz {
	background: url(images/ph7.jpg) no-repeat center center;
	background-size: 100%;
}

.clientRemaxalfacz {
	background: url(images/remaxalfacz.png) no-repeat center center;
	background-size: 100%;
}

.clientSiklandcz {
	background: url(images/siklandcz-min.png) no-repeat center center;
	background-size: 100%;
}

.clientBeautyopcz {
	background: url(images/beautyopcz.png) no-repeat center center;
	background-size: 100%;
}

.clientArtrocentrumcz {
	background: url(images/artrocentrumcz.png) no-repeat center center;
	background-size: 100%;
}

.clientDotykackacz {
	background: url(images/dotykackacz.png) no-repeat center center;
	background-size: 100%;
}

.clientJaknaautocz {
	background: url(images/jaknaautocz.png) no-repeat center center;
	background-size: 100%;
}

.clientPrimafuturecz {
	background: url(images/logo-pf.png) no-repeat center center;
	background-size: 100%;
}

.clientPrimakurzycz {
	background: url(images/logo-pk.png) no-repeat center center;
	background-size: 100%;
}

.clientPrimaautopujcovnacz {
	background: url(images/logo-pa.png) no-repeat center center;
	background-size: 100%;
}

.clientPrimaeshopcz {
	background: url(images/logo-pe.png) no-repeat center center;
	background-size: 100%;
}

.clientEshopfitnesscz {
	background: url(images/eshopfitnesscz.png) no-repeat center center;
	background-size: 100%;
}

.clientGustoitaliacz {
	background: url(images/gustoitaliacz.png) no-repeat center center;
	background-size: 100%;
}

.clientProfipracovniodevycz {
	background: url(images/profipracovniodevycz.png) no-repeat center center;
	background-size: 100%;
}

.clientEbschoolcz {
	background: url(images/ebschoolcz.png) no-repeat center center;
	background-size: 100%;
}

.clientKlubsportovnichautcz {
	background: url(images/klubsportovnichautcz.png) no-repeat center center;
	background-size: 100%;
}

.clientOlympikcz {
	background: url(images/olympikcz.jpg) no-repeat center center;
	background-size: 100%;
}

.clientPrimarestaurantcz {
	background: url(images/primarestaurantcz.jpg) no-repeat center center;
	background-size: 100%;
}

.clientAmbisocz {
	background: url(images/ambisocz.png) no-repeat center center;
	background-size: 100%;
}

@media screen and (max-width: 479px) {

	.lectorsBlock .categoryLector h2 {
		padding: 25px 0 7px 0;
	}

	.lectorsBlock .categoryLector .lectorName {
		font-size: 32px;
		padding: 10px 0 10px 0;
	}
	
	.basicLectorInfo ul li a {
		font-size: 17px;
		line-height: 220%;
	}

	.basicLectorInfo ul li {
		display: block;
		letter-spacing: -1px;
	}
}


@media screen and (min-width: 480px) {
	.lectorsBlock .categoryLector h2 {
		padding: 0px 0 7px 0;
	}

	.lectorsBlock .categoryLector .lectorName {
		font-size: 34px;
		padding: 0px 0 10px 0;
	}
}

.advantagesBlockLinkMore {
	padding: 37px 0 40px 0;
	display: block;
	font-size: 16px;
	color: #21b7e8;
	font-family: var(--my-font-family-roboto);
	border-top: 1px solid rgba(0,0,0,0.1);
}

.advantagesBlockLinkMore:hover {
	color: #148bb2;
}

.courseGallery {
	background: #f5f5f5;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	padding: 7px 0 4px 0;
	margin: 40px 0 0 0;
	text-align: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-content: center;
	justify-content: center;
}

.courseGallery img {
	max-width: 90%;
}

.whatElse {
	width: 309px;
	top: -10px;
	margin: auto;
	position: relative;
}

@media screen and (max-width: 479px) {
	.whatElse {
		width: 250px;
		padding-top: 10px;
		margin: auto;
	}
}

.whatElse h2 {
	font-family: var(--my-font-family-roboto);
	font-size: 35px;
	text-align: center;
	font-weight: 100;
	line-height: 110%;
	padding: 20px 0 0 0;
}

.whatElse p {
	font-family: var(--my-font-family-roboto);
	font-size: 16px;
	font-weight: 400;
	width: 80%;
	margin: auto;
	padding: 10px 0;
	text-align: center;
}

.suggestedCourses {
	margin-top: 20px;
}

.whatElse ul li a {
	display: block;
	padding: 10px;
	border-radius: 4px;
	margin-bottom: 3px;
	background: #fff;
	color: #3d73b0;
}

.whatElse ul li a:hover {
	background: #ebf8ff;
	color: #5d5d5d;
}

.newCourse {
	display: block;
	padding: 10px;
	border-radius: 4px;
	font-size: 12px;
	margin-bottom: 3px;
	background: #fff;
	margin: 20px 0 0 0;
}

.newCourse li {
	margin: 8px 0;
}

.newCourse li button {
	top: -1px;
	position: relative;
}


.newCourse input {
	padding: 6px;
	margin-top: 5px;
	border: 1px solid silver;
	border-radius: 3px;
	width: 162px;
	font-size: 18px;
}

.newCourse button {
	background: #7ab851;
	color: #fff;
	border: 0;
	border-radius: 3px;
	padding: 7px 13px;
	margin: 3px 0 0 0;
	float: right;
	font-size: 21px;
	cursor: pointer;
}

@media screen and (min-width: 700px) {
	.whatElse {
		width: 479px;
	}
	
	.newCourse input {
		padding: 5px;
		margin-top: 5px;
		width: 392px;
		font-size: 18px;
	}
}

.gift {
	margin-top: 10px;
	margin-left: 30px;
	margin-bottom: 0px;
	line-height: 150%;
}

.gift h2 {
	margin-left: 21px;
	margin-bottom: 0;
	padding: 0;
}

.gift:before {
	font-family: 'FontAwesome';
    content: '\f06b';
    font-size: 43px;
    margin:0px 10px 0 -30px;
    position: relative;
    top: 23px;
}

.actionPriceValidity {
	float: left;
	text-align: left; 
	margin: 12px 0 0 0; 
	letter-spacing: -0.4px;
	font-size: 12px;
	display: inline-block;
	padding: 4px 10px;
}

.courseDetailDateNote {
	float: left;
	letter-spacing: -0.4px;
	margin: 12px 3px 0 0;
	display: inline-block;
	font-size: 12px;
	padding: 3px 10px;
}

.dateWellBeOpened {
	float: left;
	margin: 12px 0 0 0;
	display: inline-block;
	letter-spacing: -0.4px;
	padding: 5px 10px;
	background-color: #fff;
	color: #000;
	font-size: 11px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	border-radius: 3px;
	font-weight: 700;
}

@media screen and (max-width: 1200px) {
	.courseDetailDateNote {
		float: none;
	}
	
	.dateWellBeOpened {
		float: none;
		margin: 5px 0 0 10px;
	}
	
	.dateWellBeOpened.noMargin {
		margin: 10px 0 0 0;
	}
}

.courseDetailHead {
	height:280px;
	color: #fff;
}

.attentionNewAddress {
	line-height: 110%;
	margin: -20px 0 10px 65px;
}

.attentionNewAddress:before {
  content: "\f06a";
  font-family: FontAwesome;
  display: inline-block;
  font-size: 55px;
  top: 35px;
  position: relative;
  margin-left: -1.1em;
  width: 1.1em; 
}

.showDatesLink {
	font-size: 18px;
	letter-spacing: -1px;
}

.rightSideTable p  {
	margin-bottom: 15px;	
}

.rightSideTable p:last-of-type  {
	margin-bottom: 5px;	
}

.rightSideTable table  {
	width: 100%;
	margin: 20px 0;
}

.rightSideTable ol {
	margin: 0;
	padding: 0 0 0 16px;
}

.rightSideTable ol li {
	list-style: decimal !important;
}

.rightSideTable table .fa.fa-check {
	color: green;
	font-size: 22px;
}

.rightSideTable table .fa.fa-times {
	color: red;
	font-size: 22px;
}

.rightSideTable table td {
	border-bottom: 1px solid silver;
	text-align: center;
	padding: 10px 10px;
}

.rightSideTable table td:first-of-type {
	width: 60%;
	font-weight: 700;
	text-align: left;
}

.courseDetailHeadline {
	font-size: 44px;
	text-align: center;
	padding: 27px 0;
	color: #e70000;
	line-height: 100%;
	letter-spacing: -2px;
}


.dataTableLook {
	margin: 0 0 35px 0;
}

.dataTableLookLine {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

@media screen and (max-width: 740px) {
	.dataTableLookLine.desktop {
		display: none;
	}
}

@media screen and (min-width: 740px) {
	.dataTableLookLine.mobile {
		display: none;
	}
}

.wideSwipeBox {
	display: block;
	padding: 20px 0px 0px 0px;
}

.wideSwipeBox .swiper-button-next {
	display: block;
	top: 55%;
	right: 20px;
	cursor: pointer;
}

.wideSwipeBox .swiper-button-prev {
	display: block;
	top: 55%;
	left: 20px;
	cursor: pointer;
}

.swiper-button-next {
	background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 28.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Vrstva_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 45.1 45.1" style="enable-background:new 0 0 45.1 45.1;" xml:space="preserve"><style type="text/css">.st0{fill:%237AB750;}.st1{fill:%23FFFFFF;}</style><circle class="st0" cx="22.5" cy="22.5" r="22.5"/><g><g><path class="st1" d="M27.4,21.9l-7.8-7.8c-0.2-0.2-0.4-0.3-0.7-0.3c-0.3,0-0.5,0.1-0.7,0.3l-0.6,0.6c-0.4,0.4-0.4,1,0,1.4l6.5,6.5l-6.5,6.5c-0.2,0.2-0.3,0.4-0.3,0.7c0,0.3,0.1,0.5,0.3,0.7l0.6,0.6c0.2,0.2,0.4,0.3,0.7,0.3c0.3,0,0.5-0.1,0.7-0.3l7.8-7.8c0.2-0.2,0.3-0.4,0.3-0.7C27.7,22.3,27.6,22,27.4,21.9z"/></g></g></svg>') !important;
	left: 10px;
	right: auto;
}

.swiper-button-prev {
	background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 28.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Vrstva_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 45.1 45.1" style="enable-background:new 0 0 45.1 45.1;" xml:space="preserve"><style type="text/css">.st0{fill:%237AB750;}.st1{fill:%23FFFFFF;}</style><circle class="st0" cx="22.5" cy="22.5" r="22.5"/><g><g><path class="st1" d="M17.7,23.2l7.8,7.8c0.2,0.2,0.4,0.3,0.7,0.3s0.5-0.1,0.7-0.3l0.6-0.6c0.4-0.4,0.4-1,0-1.4l-6.5-6.5l6.5-6.5c0.2-0.2,0.3-0.4,0.3-0.7c0-0.3-0.1-0.5-0.3-0.7l-0.6-0.6c-0.2-0.2-0.4-0.3-0.7-0.3c-0.3,0-0.5,0.1-0.7,0.3l-7.8,7.8c-0.2,0.2-0.3,0.4-0.3,0.7C17.4,22.8,17.5,23,17.7,23.2z"/></g></g></svg>') !important;
	left: 10px;
	right: auto;
}

.swipeBox {
	border-radius: 7px;
	background: #009AD5;
	padding: 30px 20px;
	box-sizing: border-box;
	color: #fff;
	text-align: center; 
	transition: all 0.30s ease-out;
}

.swipeBox:hover {
	background: #002838;
	transition: all 0.30s ease-out;
	-webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
}

.swipeBox .lectorGarant h2 {
	text-transform: uppercase;
	letter-spacing: -1px;
	margin: 0 0 26px 0;
	font-size: 18px;
	font-weight: 900;
	line-height: 100%;
}

.swipeBox .lectorGarant a {
	color: #fff;	
}

.courseDates .swiper-slide {
	height: auto !important;
}

.swiper-slide {
	height: auto !important;
	display: flex;
	flex-direction: column;
}

.lectorSection .swiper-wrapper {
	display: flex;
    justify-content: center;
    flex-flow: nowrap;
    flex-direction: row;
}

.referenceKrasa {
	background: url(images/reference-k.jpg) #fff no-repeat center center;
	background-size: 102% auto;
	height: 700px;
}

@media screen and (max-width: 1024px) {
	.referenceKrasa {
		height: 500px;
	}
}

@media screen and (max-width: 768px) {
	.referenceKrasa {
		height: 370px;
	}
}

@media screen and (max-width: 768px) {
	.referenceKrasa {
		height: 350px;
	}
}

@media screen and (max-width: 479px) {
	.referenceKrasa {
		height: 200px;
		margin-top: 40px;
	}
}

@media screen and (max-width: 1300px) {
	.lectorSection .swiper-wrapper {
		flex: none;
		justify-content: flex-start;
	}
}

@media screen and (max-width: 1024px) {
	.lectorSection .swiper-wrapper {
		flex: none;
		justify-content: flex-start;
	}
}

@media screen and (max-width: 479px) {	
	.wideSwipeBox .swiper-button-next {
		display: block;
		top: 56%;
		right: -4px;
		cursor: pointer;
	}
	
	.wideSwipeBox .swiper-button-prev {
		display: block;
		top: 56%;
		left: -4px;
		cursor: pointer;
	}
}

.swLectorName {
	font-size: 28px;
	letter-spacing: -1px;
	padding: 16px 0 10px 0;
	line-height: 100%;
}

.swLectorDescription {
	font-size: 14px;
	text-align: center;
	line-height: 140%;
}

.swButtons {
	padding: 23px 0 0px 0;
}

.swButtons a {
	border-radius: 3px;
	border: 1px solid white;
	padding: 6px 12px !important;
	display: inline-block;
	cursor: pointer;
	font-size: 14px !important;
	font-weight: 700;
	background: none;
	color: #fff;
	box-sizing: border-box;
}

.swButtons button {
	border-radius: 3px;
	border: 1px solid white;
	padding: 7px 12px !important;
	display: inline-block;
	cursor: pointer;
	font-size: 14px !important;
	font-weight: 700;
	background: none;
	color: #fff;
	box-sizing: border-box;
}

.swipeBox .lectorPhoto.mobil {
	background-position: center center;
	background-size: 135px auto !important;
}

.dataTableLookLine.red {
	background: #ea0000;
	color: #fff;
}

.newOne {
	display: inline-block;
	padding: 2px 4px;
	font-weight: 700;
	letter-spacing: -0.5px;
	background-color: yellow;
	color: #033466;
	line-height: 140%;
	font-size: 10px;
	border-radius: 3px;
	position: relative;
	top: -1px;
	left: 2px;
	margin-right: 3px;
	text-shadow: none;
	font-family: var(--my-font-family-oswald);
} 

.newOneMenu {
	display: inline-block;
	padding: 3px 5px;
	font-weight: 700;
	letter-spacing: -1px;
	background-color: yellow;
	color: #033466;
	font-size: 10px;
	border-radius: 5px;
	position: relative;
	top: -2px;
	text-shadow: none;
} 

.newActive {
	display: inline-block;
	padding: 2px 4px;
	font-weight: 700;
	letter-spacing: -0.5px;
	background-color: #7AB851;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.8);
	font-size: 10px;
	border-radius: 3px;
	position: relative;
	top: -1px;
	left: 2px;
	margin-right: 3px;
	text-shadow: none;
	font-family: var(--my-font-family-oswald);
} 

.rightSideTable.videoTeaser {
	background: #b19a6e;
	
	color: #fff;
}

.leftSideTable.videoTeaserColor {
	background: #b19a6e;
	color: #fff;
}

.leftSideTable {
	width: 180px;
	padding: 15px;
	border-top: 1px dotted #c1c1c1;
	border-right: 1px dotted #c1c1c1;
}

.leftSideTable h2 {
	font-family: var(--my-font-family-roboto);
	font-size: 18px;
	font-weight: 700;
}

.rightSideTable {
	flex: 1;
	padding: 15px;
	border-top: 1px dotted #c1c1c1;
}

.rightSideTable.swipe {
	min-width: 100%;
	overflow-x: hidden;
}

.rightSideTable .categoryLector {
	padding: 0px 0;
}

.rightSideTable ul li {
	list-style: disc;
	margin: 0 0 5px 20px;
}

.rightSideTable ul li:last-of-type {
	margin: 0 0 0px 20px;
}

.rightSideTable .repaymentsAccommodation ul li:last-of-type {
	margin: 0;
}

.rightSideTable .repaymentsAccommodation ul li a {
	color: #000;
}

.rightSideTable .repaymentsAccommodation ul li a:hover {
	color: #7ab851;
}

.rightSideTable .courseLength {
	float: none;
	margin: 0;
}

.rightSideTable h2 {
	padding: 0 0 10px 0;
}

@media screen and (max-width: 479px) {
	.dataTableLookLine {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
	}
	
	.leftSideTable {
		width: auto;
		flex: 1 0 auto;
		padding: 2% 1%;
		border-top: 1px dotted #c1c1c1;
		border-right: 0;
	}
	
	.leftSideTable h2 {
		font-family: var(--my-font-family-roboto);
		font-size: 26px;
		font-weight: 700;
		color: #7ab851;
	}

	.rightSideTable {
		flex: 1 0 auto;
		padding: 4% 1% 35px 1%;
		border-top: 1px dotted #c1c1c1;
	}
	
	.rightSideTable h2{
		line-height: 110%;
	}
	
	.facebook-like {display: none;}
	
	.courseDetailHead {
		height: 150px;
		color: #fff;
		background-size: 710px !important;
	}
}

@media screen and (max-width: 768px) {
	.leftSideTable.videoTeaserColor {
		padding: 20px;
	}
	
	.rightSideTable.videoTeaser {
		padding: 20px;
		margin-bottom: 35px;
	}
	
	.leftSideTable.videoTeaserColor h2 {
		color: #fff;
	}
}

@media screen and (min-width: 480px) {
	.dataTableLookLine {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
	}
	
	.facebook-like {display: none;}
	
	.leftSideTable {
		width: auto;
		flex: 1 0 auto;
		padding: 2% 1%;
		border-top: 1px dotted #c1c1c1;
		border-right: 0;
	}

	.rightSideTable {
		flex: 1 0 auto;
		padding: 2% 1%;
		border-top: 1px dotted #c1c1c1;
	}
}

@media screen and (min-width: 740px) {
	.dataTableLookLine {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-direction: row;
	}
	
	.leftSideTable {
		width: 180px;
		flex: none;
		padding: 15px;
		border-top: 1px dotted #c1c1c1;
		border-right: 1px dotted #c1c1c1;
	}

	.rightSideTable {
		flex: 1;
		padding: 15px;
		border-top: 1px dotted #c1c1c1;
	}
}

@media screen and (min-width: 980px) {
	.facebook-like {display: block;}
}

.povezAdvantageBlock {
	min-height: 90px !important;
}	


@media screen and (max-width: 479px) {
	.povezAdvantageBlock {
		min-height: 175px !important;
	}		
}

.easy-autocomplete-container .eac-item {
	color: #000;
	padding: 5px 0;
}

.courseReference {
	padding: 15px 0 55px 0;
}

.courseReference .courseReferenceUser {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	align-content: center;
	align-items: center;
	margin: 0 0px 15px 0;
	position: relative;
	padding: 0 50px;
}

.courseReference .courseReferenceUser a:hover {
	color: #7ab851;
}

.courseReference .courseReferenceUser .arrowR {
	position: absolute;
	top: 39%;
	right: 0;
	font-size: 22px;
	padding: 5px 10px;
}

.courseReference .courseReferenceUser .arrowL {
	position: absolute;
	top: 39%;
	left: 0;
	font-size: 22px;
	padding: 5px 10px;
}

.courseReference .courseReferenceUser .userData h3 {
	font-size: 22px;
	padding: 0 0 2px 0;
}

.courseReference .courseReferenceUser .userPhoto{
	display: block;
	border-radius: 100px;
	margin: 0 30px 0 0;
}

.courseReference .userData .studentJob {
	font-size: 14px;
	font-weight: 700;
	padding: 0 0 2px 0;
}

.courseReference .heads {
	margin-top: 35px;
	text-align: center;
}
.courseReference .heads img {
	border-radius: 50%;
}

@media screen and (max-width: 479px) {
	.courseReference .courseReferenceUser {
		flex-direction: column;
		margin: 0 0px 15px 0;
	}
	
	.courseReference .courseReferenceUser .userData{
		text-align: center;
	}
	
	.courseReference .courseReferenceUser {
		 padding-top: 50px; 
		 padding-bottom: 20px; 
		 margin-top: 50px;
	}
	
	.courseReference .courseReferenceUser h3 {
		margin-top: 20px;
	}
	
	.courseReference .courseReferenceUser .userPhoto{
		margin: 0 0px 0 0;
	}
}

@media screen and (min-width: 480px) {
	.courseReference .courseReferenceUser {
		flex-direction: column;
		margin: 0 0px 15px 0;
	}
	
	.courseReference .courseReferenceUser .userData{
		text-align: center;
	}
	
	.courseReference .courseReferenceUser {
		padding-top: 50px; 
		padding-bottom: 20px;
		margin-top: 50px;
	}
	
	.courseReference .courseReferenceUser h3 {
		margin-top: 20px;
	}
	
	.courseReference .courseReferenceUser .userPhoto{
		margin: 0 0px 0 0;
	}
}

@media screen and (min-width: 740px) {
	.courseReference .courseReferenceUser {
		flex-direction: row;
		margin: 0 0px 15px 0;
	}
	
	.courseReference .courseReferenceUser .userData{
		text-align: left;
	}
	
	.courseReference .courseReferenceUser {
		padding-top: 50px; 
		padding-bottom: 20px; 
		margin-top: 50px;
	}
	
	.courseReference .courseReferenceUser h3 {
		margin-top: 0px;
	}
	
	.courseReference .courseReferenceUser .userPhoto{
		margin: 0 30px 0 0;
	}
}

.ui-effects-transfer { border: 2px dotted white; } 

.courseReferenceUser { 
	max-height: 300px; 
	overflow-y: auto; 
} 

.fadeout-wrapper { 
	position: relative; 
} 

.fadeout-wrapper:before { 
	content:''; 
	display: block; 
	height: 30px; 
	width: 100%; 
	opacity: 0.9; 
	position: absolute; 
	z-index: 2; 
} 

.fadeout-wrapper.top:before { 
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); 
} 

.fadeout-wrapper.bottom:before { 
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); 
} 

.courseReference .fadeout-wrapper.top:before { 
	top: 80px; 
} 

.courseReference .fadeout-wrapper.bottom:before { 
	top: -73px; 
} 

.retraining-procedure {
	text-align: center;
	color: #000;
	max-width: 600px;
	margin: 0 auto;
	margin-top: 50px;
}

.retraining-procedure .arrow {
	padding: 15px;
	font-size: 20px;
}

.retraining-procedure .number {
	position: absolute;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	opacity: 0.5;
}
.retraining-procedure .number > div {
	position: relative;
	left: -100px;
	top: -7px;
}

.retraining-procedure .note {
	font-weight: bold;
	font-size: 20px;
	margin-top: 50px;
	color: red;
}

.courseGraduates {
	padding: 55px 0;
	border-top: 1px solid #ebebeb;
}

.graduatesNums {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	margin: 40px 0 0 0;
}

.graduatesNum {
    padding: 20px 20px;
	font-size: 40px;
	background: #3f3f3f;
	margin: 0 2px 0 2px;
	color: #fff;
	border-radius: 7px;
	display: block;
	font-family: var(--my-font-family-roboto);
	font-weight: 700;
}

.photoGallery {
	padding: 55px 0;

}

.photoGallery .galleryList {
	padding: 0px 0 0 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.photoGallery .galleryImage {
		margin: 0 3px;
}

.photoGallery .galleryImage {
	padding: 4px 4px 0 4px;
	letter-spacing: -1px;
	font-weight: 700;
	text-align: center;
	font-size: 13px;
}



.photoGallery .galleryImage img {
	border-radius: 3px;
}

.photoGallery .galleryImage:hover {
	border-radius: 3px;
	box-shadow: 0 0 30px rgba(0,0,0,0.3);
}

.mapContactInfo {
	background: #fff;
	padding: 55px 0;
}

.mapContactInfo .mapLink {
	box-shadow: 0 0 20px rgba(0,0,0,0.3);
	height: 350px;
	display: block;
	background: url(images/map-image.jpg) no-repeat center center;
}

.wayContactInfo .mapLinkMini {
	box-shadow: 0 0 20px rgba(0,0,0,0.3);
	height: 200px;
	display: block;
	margin: 0 0 0 0;
	width: 430px;
	border-radius: 3px;
	background: url(images/map-image.jpg) no-repeat center center;
}

.wayContactInfo .mapLinkMiniBrno {
	box-shadow: 0 0 20px rgba(0,0,0,0.3);
	height: 150px;
	display: block;
	margin: 0 0 0 0;
	width: 430px;
	border-radius: 3px;
	background: url(images/mapa-primakurzy-brno.jpg) no-repeat center center;
}

.mapContactInfo .mapLinkBrno {
	box-shadow: 0 0 20px rgba(0,0,0,0.3);
	height: 350px;
	display: block;
	background: url(images/mapa-primakurzy-brno.jpg) no-repeat center center;
}

.basicContactInfo {
	padding: 55px 0;
}

.extraContactInfo {
	padding: 55px 0;
	background: #e2e2e2;
}

.contactBoxes {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	line-height: 150%;
	font-size: 16px;
}

.contactInfoBoxes {
	flex-direction: column;
	line-height: 150%;
	font-size: 16px;
}

.contactInfoBoxes .bigText {
	font-size: 20px;
	padding: 0 0 15px 0;
	line-height: 160%;
}


.contactBoxes a {
	color: #445fc8;
}

.contactBoxes a:hover {
	color: #7ab851;
}

.contactBoxes i {
	color: #a5a5a5;
}

.contactInfoBoxes i {
	color: #a5a5a5;
}

.basicContactInfo .boxLeft {
	padding: 2% 2% 2% 2%;
	background: #e2e2e2;
	border-radius: 4px;
	margin: 0 15px 0 0;
}

.extraContactInfo .boxLeft {
	padding: 2% 2% 2% 2%;
	background: #fff;
	border-radius: 4px;
	margin: 0 0 15px 0;
	line-height: 140%;
}

.basicContactInfo .boxLeft.logoPf {
	background: url(images/logo-primafuture.png) #e2e2e2 no-repeat 30px center;
	background-size: 120px;
	padding: 2% 2% 2% 185px;
}

.extraContactInfo .boxLeft.logoPf {
	background: url(images/logo-primafuture-min.png) #fff no-repeat 30px 30px;
	background-size: 80px;
	padding: 7% 2% 7% 135px;
}

.extraContactInfo .boxLeft.brno {
	background-size: 80px;
	padding: 7% 2% 7% 7%;
	margin: 15px 0 0 0;
}

.extraContactInfo .boxLeft.meeting {
	background-size: 80px;
	padding: 30px 30px 30px 70px;
	margin: 15px 0 15px 0;
	background: #c40000;
	color: #fff;
	font-size: 22px;
}

.extraContactInfo .boxLeft.meeting:before {
	font-family: 'Font Awesome 5 Free';
	content: '\f071';
	font-weight: 900;
	margin:0 11px 0 -41px;
}

.basicContactInfo .boxRight {
	padding: 2% 2%;
	background: #e2e2e2;
	border-radius: 4px;
}

.extraContactInfo .boxRight {
	padding: 7% 7% 7% 7%;
	background: #fff;
	border-radius: 4px;
	line-height: 190%;
	flex: 1;
}

.wayContactInfo {
	padding: 55px 0;
	background: #49a840;
	color: #fff;
}

.wayContactInfo.white {
	padding: 55px 0;
	background: #fff;
	color: #000;
}

.wayContactInfo.whiteSilverLine {
	padding: 55px 0;
	border-top: 1px dotted rgba(0,0,0,0.3);
	background: #fff;
	color: #000;
}

.wayContactInfo.white h2, .wayContactInfo.whiteSilverLine h2 {
	color: #000;
}

.wayContactInfo.white ol li, .wayContactInfo.whiteSilverLine ol li {
	border-bottom: 1px dotted rgba(0,0,0,0.3);
}

.formContactInfo {
	padding: 55px 0;
	background: #e2e2e2;
}

.wayContactInfo ol {
	padding: 0;
	margin: 0px 0 0 0;
}


.wayContactInfo ol li {
	list-style: decimal;
	margin: 0;
	font-size: 16px;
	padding: 6px 0px;
	list-style-position: inside;
	border-bottom: 1px dotted rgba(255,255,255,0.3);
}

.wayContactInfo ol li:last-of-type {
	list-style: decimal;
	margin: 0;
	padding: 10px 0px;
	list-style-position: inside;
	border-bottom: 0px dotted rgba(255,255,255,0.3);
}

@media screen and (max-width: 479px) {
	
	.contactBoxes {
		flex-direction: column;
	}
	
	.basicContactInfo .boxLeft {
		margin: 0 0px 15px 0;
		flex: 1;
		padding: 4% 4% 4% 4%;
		text-align: center;
	}
	
	.contactInfoBoxes {
		flex: 1 0 auto;
		width: auto;
	}
	
	.basicContactInfo .boxLeft .pfLogo {
		padding: 4% 4% 4% 185px;
	}
		
	.basicContactInfo .boxRight {
		flex: 1;
		text-align: center;
		padding: 4% 4%;
	}
	
	.mapContactInfo .mapLink, .mapContactInfo .mapLinkBrno {
		height: 150px;
	}
	
	.photoGallery .galleryImage .photoGalleryImg {
		width: 200px;
		height: 200px;
	}
}

@media screen and (min-width: 480px) {
	.contactBoxes {
		flex-direction: column;
	}
	
	.basicContactInfo .boxLeft {
		margin: 0 0px 15px 0;
		flex: 1;
		padding: 4% 4% 4% 4%;
		text-align: center;
	}
	
	.basicContactInfo .boxLeft .pfLogo {
		padding: 4% 4% 4% 185px;
	}
		
	.basicContactInfo .boxRight {
		flex: 1;
		text-align: center;
		padding: 4% 4%;
	}
	
	.mapContactInfo .mapLink, .mapContactInfo .mapLinkBrno {
		height: 150px;
	}
}

@media screen and (min-width: 740px) {

	.contactBoxes {
		flex-direction: row;
	}	
	
	.basicContactInfo .boxLeft {
		margin: 0 15px 0px 0;
		flex: none;
		padding: 2% 2% 2% 2%;
		text-align: left;
	}
		
	.basicContactInfo .boxRight {
		flex: 1;
		text-align: left;
		padding: 2% 2%;
	}
	
	.mapContactInfo .mapLink, .mapContactInfo .mapLinkBrno {
		height: 350px;
	}
}

@media (max-width: 980px) {
	.photoGallery .galleryImage .photoGalleryImg {
		width: 100%;
		height: auto;
		margin-bottom: 8px;
	}
	
	.photoGallery .galleryImage {
		width: 45%;
	}
}

#panorama {
	height: 20vh;
}

.displayRow {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
}

.formBox {
	border: 1px silver #666666;
	border-radius: 4px;
	flex: 1 0 auto;
	padding: 25px;
	background: rgba(255, 255, 255, 1);
	margin: 0px 0 0 25px;
}

.formBox.employment {
	border: 1px silver #666666;
	box-shadow: none;
	border-radius: 0px;
	padding: 25px;
	flex: none;
	background: transparent;
	margin: 25px 0 0 0px;
} 

.formBox.employment input {
	padding: 7px 10px;
	width: 100%;
	box-sizing: border-box;
} 

.formBox.employment button {
	width: 200px;
} 



.formBox h2 {
	font-size: 42px;
	line-height: 110%;
	font-weight: 100;
	padding: 0 0 20px 0;
	letter-spacing: -1px;
	font-family: var(--my-font-family-roboto);
}

.formBox .formLine label {
	display: block;
	padding: 4px 0;
}

.formBox .formLine:last-of-type {
	border-top: 0px dotted rgba(0,0,0,0.3);
	padding: 0 0 10px 0;
}

.formBox .formLine {
	border-bottom: 1px dotted rgba(0,0,0,0.3);
	padding: 0 0 10px 0;
}

.formBox .button {
	margin: 15px 0 0 0;
	width: auto;
}

.formBox input {
	width: 100%;
	box-sizing: border-box;
	padding: 6px 6px;
	font-size: 16px;
	border-radius: 3px;
	border: 1px solid rgba(0,0,0,0.3);
}

.formBox input.button {
	border: 0;
	padding: 12px 20px;
	font-size: 17px;
}

.formBox textarea {
	width: 100%;
	padding: 6px 6px;
	font-size: 16px;
	height: 180px;
	border-radius: 3px;
	border: 1px solid rgba(0,0,0,0.3);
	box-sizing: border-box;
}

#reservation_form_note {
	width: 100%;
	padding: 6px 6px;
	font-size: 16px;
	box-sizing: border-box;
	height: 130px;
	border-radius: 3px;
	border: 1px solid rgba(0,0,0,0.3);
}

.formBox.employment textarea {
	width: 100%;
	padding: 6px 6px;
	font-size: 16px;
	height: 180px;
	border-radius: 3px;
	box-sizing: border-box;
	border: 1px solid rgba(0,0,0,0.3);
}

.formBox.employment .button {
	width: 200px;
	padding: 6px 6px;
	font-size: 16px;
	border-radius: 3px;
	box-sizing: border-box;
	border: 1px solid rgba(0,0,0,0.3);
}

.formBox .toast-top-right {
	margin-bottom: 15px;
}

.customPage {
	padding: 55px 0;
	text-align: center;
}

.customPage .fa {
	color: #7ab851;
	margin: 0 0 10px 0;
}


.customPage p {
	letter-spacing: 0px;
	margin: 0 0 10px 0;
}

.silverSection {
	padding: 55px 0 60px 0;
	background: #e2e2e2;
}

.whiteSection {
	padding: 55px 0;
	background: transparent;
}

.whiteSection img {
	width: 100%;
	margin: 25px 0;
}

.darkSection {
	padding: 55px 0;
	background: #434343;
	color: #fff;
	line-height: 170%;
}

.whiteSectionShadow {
	box-shadow: 0 0px 50px rgba(0, 0, 0, 0.4);
	padding: 55px 0 60px 0;
}

.redSectionShadow {
	box-shadow: 0 0px 50px rgba(0, 0, 0, 0.4);
	padding: 55px 0 60px 0;
	background: #d00000;
	color: #fff;
}

.greenSectionThin {
	padding: 35px 0 35px 0;
	background: #7ab851;
	color: #fff;
}

.greenSectionThin h2 {
	color: #fff;
	font-size: 50px;
	font-weight: 700;
	font-family: var(--my-font-family-roboto);
	letter-spacing: -1.5px;
	text-align: center;
	line-height: 110%;
	padding: 0 0 0px 0;
}

.silverSection h2, .whiteSection h2, .whiteSectionShadow h2, .formSection h2 {
	color: #00485f;
	font-size: 50px;
	font-weight: 100;
	font-family: var(--my-font-family-roboto);
	letter-spacing: -1px;
	text-align: center;
	line-height: 110%;
	padding: 0 0 20px 0;
}

.darkSection .container {
	margin-bottom: 15px;
}

.darkSection .container:last-of-type {
	margin-bottom: 5px;
}

.darkSection h2, .redSectionShadow h2 {
	color: #fff;
	font-size: 50px;
	font-weight: 100;
	font-family: var(--my-font-family-roboto);
	letter-spacing: -1px;
	line-height: 110%;
	padding: 0 0 20px 0;
}

.formSection {
	padding: 55px 0;
	background: #e2e2e2;
}

.darkSection ul {

}

.darkSection ul li {
	list-style: circle;
	margin: 0 0 0 18px;
}

.silver {
	background: #f5f5f5;
}

.light-silver {
	background: #f5f5f5;
}

.backToCategory.rekvalifikace p {
	padding: 0 0 30px 0;
	font-size: 18px;
}

.outlineLong {
	margin-top: 10px;
}

.courseDateNote {
	font-size: 12px;
	font-weight: 700;
	padding: 3px 0 0 0;
	text-align: center;
}

.videoReference {
	border-radius: 10px;
	padding: 8px;
	color: #000;
	width: 100%;
	margin: auto;
	display: flex;
	box-sizing: border-box;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}

.videoReference.twoVideos {
	justify-content: center;
	gap: 23px;
}

@media (max-width: 500px) {
	.videoReference.twoVideos {
		gap: 5px;
	}
}

.ytContainer {
	position: relative;
	overflow: hidden;
	width: 32%;
	padding-top: 17.25%;
}

@media (max-width: 1480px) {
	.ytContainer {
		position: relative;
		overflow: hidden;
		width: 49%;
		padding-top: 27.25%;
		border-bottom: 10px solid transparent;
	}
	
	.videoReference {
		justify-content: space-around;
	}
}

@media (max-width: 1230px) {
	.ytContainer {
		width: 48%;
		padding-top: 27.25%;
	}
}

@media (max-width: 767px) {
	.ytContainer {
		width: 100%;
		padding-top: 58.25%;
	}
}

.ytContainer iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border-radius: 3px;
	
}

.basicGallery.detail.lector {
	background: #f0f0f0;
}

.basicGallery.detail.gold {
	background: #b5985a;
	box-shadow: none;
	border: 0;
}

.basicGallery.detail.gold h2 {
	margin-bottom: 10px;
}

.basicGallery.silver {
	background: #F5F5F5;
}

.basicGallery.detail.gold .button {
	background: #fff;
	color: #7ab851;
	font-weight: 400;
	font-size: 18px;
	letter-spacing: -0.5px;
	-webkitwhite-space: nowrap !important;-transition: all 0.30s ease-out;
	-moz-transition: all 0.30s ease-out;
	-ms-transition: all 0.30s ease-out;
	-o-transition: all 0.30s ease-out;
	transition: all 0.30s ease-out;
}

.basicGallery.detail.gold .button:hover {
	background: #ebf2d4;
	color: #000;
	-webkitwhite-space: nowrap !important;-transition: all 0.30s ease-out;
	-moz-transition: all 0.30s ease-out;
	-ms-transition: all 0.30s ease-out;
	-o-transition: all 0.30s ease-out;
	transition: all 0.30s ease-out;
}

.basicGallery.detail.gold .video-poll-form-line .button {
	background: #b5985a;
	color: #fff;
	font-weight: 400;
	font-size: 18px;
	letter-spacing: -0.5px;
	border-radius: 0px 3px 3px 0px;
	padding: 6px 10px 6px 10px;
	font-size: 16px;
	position: relative;
	top: -1px !important;
	left: -3px;
}

.basicGallery.detail.gold .video-poll-form-line .button:hover {
	background: #ab8e4d;
	color: #000000;
}

.basicGallery.detail.gold h2, .basicGallery.detail.gold p {
	color: #fff;
}

@media screen and (max-width: 960px) {
	.videoReference .firstVideo {
		margin-right: 0px;
		flex-direction: column;
		margin-bottom: 0px;
	}
}

@media screen and (max-width: 479px) {
	.videoReference {
		margin-right: 0px;
		flex-direction: column;
		margin-bottom: 0px;
		padding: 0 0 30px 0px !important;
	}
}

.basicGallery .videoReference p {
	font-weight: 600;
	font-family: var(--my-font-family-roboto);
	font-size: 30px;
	width: 200px;
	margin: 0 30px 0 0;
}

@media screen and (max-width: 479px) {
	.basicGallery .videoReference {
		flex-direction: column;
		padding: 25px 0;
	}
		
	.displayRow {
		flex-direction: column;
	}
	
	.formBox {
		margin: 25px 0 0 0;
	}
	
	.basicGallery .videoReference p {
		margin: 0 0 0 0;
	}
	
	.basicGallery.detail img {

	}
}

@media screen and (min-width: 480px) {
	.basicGallery .videoReference {
		flex-direction: row;
		flex-flow: wrap;
		padding: 40px 0 0 0;
	}
	
	.displayRow {
		flex-direction: column;
	}
	
	.formBox {
		margin: 25px 0 0 0;
		flex: 1 0 auto;
	}
	
	.contactInfoBoxes {
		width: auto;
	}
	
	.extraContactInfo .boxLeft.logoPf {
		background: url(images/logo-primafuture-min.png) #fff no-repeat 30px 50px;
		background-size: 80px;
		padding: 7% 2% 7% 135px;
	}
	
	.basicGallery.detail img {
		border-radius: 4px;
	}
}

@media screen and (min-width: 740px) {
	.displayRow {
		flex-direction: column;
	}
	
	.extraContactInfo .boxLeft.logoPf {
		background: url(images/logo-primafuture-min.png) #fff no-repeat 30px 30px;
		background-size: 80px;
		padding: 7% 2% 7% 135px;
	}
}

@media (width > 1090px) {
	.displayRow {
		flex-direction: row;
	}
	
	.contactInfoBoxes {
		width: 430px;
	}
	
}

@media screen and (min-width: 1090px) {
	.basicGallery .videoReference {
		flex-direction: row;
		padding: 40px 0;
	}
	
	.basicGallery.detail img {
		border-radius: 4px;
	}
	
	.formBox {
		margin:0px 0 0 25px;
	}
}

.coursePrice {
	font-size: 12px;
}

.green {
	color: #7ab851;
	font-weight: bold;
}

.repaymentsAccommodation {
	
}

.repaymentsAccommodation ul {
	padding: 12px 0 0px 0;
	list-style: none;
}

.repaymentsAccommodation ul li {
	padding: 20px 0 10px 0;
	list-style: none;
	margin: auto;
	border-bottom: 1px solid #e1e1e1;
}

.repaymentsAccommodation ul li:last-of-type {
	border: 0;
}

.repaymentsAccommodation ul li i {
	float: left;
	font-size: 35px;
	padding-top: 4px;
	color: #21b7e8;
	width: 11%;
	text-align: left;
}

.repaymentsAccommodation ul h3 {
	font-family: var(--my-font-family-roboto);	
	font-size: 30px;
	font-weight: 700;
	letter-spacing: -1px;
	text-align: left;
	line-height: 70%;
	width: 27%;
	float: left;
	padding-top: 3px;
}


.advantagesBlock ul h3 a, .repaymentsAccommodation ul h3 a {
	color: #000;
}

.advantagesBlock ul h3 a:hover, .repaymentsAccommodation ul h3 a:hover {
	color: #7ab851;
}

.repaymentsAccommodation ul li p {
	width: 62%;
	text-align: left;
	float: right;
	letter-spacing: -0.2px;
}

.repaymentsAccommodation ul h3 span {
	font-family: var(--my-font-family-roboto);	
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: -0.2px;
	display: block;
}

@media screen and (max-width: 479px) {
	.repaymentsAccommodation ul li, .povezAtention {
		width: 100%;
		padding: 20px;
		box-sizing: border-box;
		min-height: 130px;
	}
	
	.povezAtention {
		min-height: 175px !important;
	}
	
	.repaymentsAccommodation ul li i {
		width: 14%;
	}
	
	.repaymentsAccommodation ul h3 {
		float: none;
		width: 80%;
	}
	
	.repaymentsAccommodation ul .upLogo {
		float: none;
		width: 100%;
	}
	
	.repaymentsAccommodation ul li p {
		float: none;
		width: 93%;
		margin: 5px auto auto auto;
	}
	
	.repaymentsAccommodation ul li p {
		width: 100%;
		text-align: left;
		float: left;
		letter-spacing: -0.2px;
	}
	
}

@media screen and (min-width: 480px) {
	.repaymentsAccommodation ul li, .povezAtention {
		width: 100%;
	}
}

@media screen and (min-width: 740px) {
	.repaymentsAccommodation ul li {
		width: 100%;
		margin: 0;
	}
	
	.repaymentsAccommodation ul h3 {
		width: 25%;
	}
	
	.repaymentsAccommodation ul li p {
		width: 55%;
	}
}

@media screen and (min-width: 980px) {
	.repaymentsAccommodation ul li, .povezAtention {
		width: 70%;
	}

}

@media screen and (min-width: 1260px) {
	.repaymentsAccommodation ul li, .povezAtention {
		width: 55%;
		margin: 0;
	}
}

.onePhoto .pkBrnoBuilding {
	box-shadow: 0 0 20px rgba(0,0,0,0.3);
	margin: 20px 0 0 0;
	height: 350px;
	display: block;
	background: url(images/street-view-brno.jpg) no-repeat center center;
}

.twoPhotos {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-content: center;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 20px;
}

.twoPhotos a:hover, .fourPhotos a:hover {
	box-shadow: 0 0 20px rgba(0,0,0,0.3);
}


.pkBuilding1 {
	display: block;
	width: 47%;
	height: 300px;
	background: url(images/building-primafuture1.jpg) no-repeat center center;
	border-radius: 5px;
}

.pkBuilding2 {
	display: block;
	width: 47%;
	height: 300px;
	background: url(images/building-primafuture2.jpg) no-repeat center center;
	border-radius: 5px;
}

.fourPhotos {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-content: center;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 20px;
}

.pkRoom1 {
	display: block;
	width: 23%;
	height: 200px;
	background: url(images/thumb-ucebna1.jpg) no-repeat center center;
	border-radius: 5px;
}

.pkRoom2 {
	display: block;
	width: 23%;
	height: 200px;
	background: url(images/thumb-ucebna2.jpg) no-repeat center center;
	border-radius: 5px;
}

.pkRoom3 {
	display: block;
	width: 23%;
	height: 200px;
	background: url(images/thumb-ucebna3.jpg) no-repeat center center;
	border-radius: 5px;
}

.pkRoom4 {
	display: block;
	width: 23%;
	height: 200px;
	background: url(images/thumb-ucebna4.jpg) no-repeat center center;
	border-radius: 5px;
}

.red {
	color: #990000;
}

.fourPhotos.brno {
	justify-content: center;
}

.pkBrnoRoom1 {
	display: block;
	width: 23%;
	height: 200px;
	background: url(images/thumb-brno-ucebna1.jpg) no-repeat center center;
	border-radius: 5px;
	margin: 0 10px;
}

.pkBrnoRoom2 {
	display: block;
	width: 23%;
	height: 200px;
	background: url(images/thumb-brno-ucebna2.jpg) no-repeat center center;
	border-radius: 5px;
	margin: 0 10px;
}

.wayContactInfo.center {
	text-align: center;
}

.wayContactInfo.center h2 {
	text-align: center;
}

@media screen and (max-width: 479px) {
	.pkBuilding1 {
		display: block;
		width: 100%;
		height: 200px;
		background: url(images/building-primafuture1.jpg) no-repeat center -160px;
		border-radius: 5px;
		margin: 0 0 20px 0;
	}
	
	.pkBuilding2 {
		display: block;
		width: 100%;
		height: 200px;
		background: url(images/building-primafuture2.jpg) no-repeat center center;
		border-radius: 5px;
	}
	
	.fourPhotos {
		flex-direction: column;
	}
	
	.fourPhotos a {
		width: 80%;
		margin-bottom: 20px;
		margin: auto auto 20px auto;
	}
}

.wayMap {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
}

.way {
	flex: 1;
	margin: 0 0 0 25px;
}

@media screen and (max-width: 479px) {
	.wayMap {
		flex-direction: column;
	}
	
	.wayContactInfo  .mapLinkMini, .wayContactInfo .mapLinkMiniBrno {
		margin: auto;
		width: 90%;
	}
	
	.way {
		width: 100%;
		margin: 25px 0 0 0;
		text-align: center;
		flex: 1 0 auto;
	}

	.wayContactInfo .headline {
		text-align: center;
	}
}

@media screen and (min-width: 480px) {
	.wayMap {
		flex-direction: column;
	}
	
	.wayContactInfo  .mapLinkMini, .wayContactInfo .mapLinkMiniBrno {
		margin: 0px 0 0 0;
	}
	
	.way {
		width: 100%;
		margin: 25px 0 0 0;
		flex: 1 0 auto;
		text-align: center;
	}

	.wayContactInfo .headline {
		text-align: center;
	}
	
	.wayContactInfo .mapLinkMini {
		width: 100%;
	}
	
	.wayContactInfo .mapLinkMiniBrno {
		width: 100%;
	}
}

@media screen and (min-width: 980px) {
	.wayMap {
		flex-direction: row;
	}
	
	.wayContactInfo  .mapLinkMini, .wayContactInfo .mapLinkMiniBrno {
		margin: 0px 0 0 0;
	}
	
	.way {
		width: auto;
		flex: 1;
		margin: 0 0 0 25px;
		text-align: left;
	}

	.wayContactInfo .headline {
		text-align: center;
	}
	
	.wayContactInfo .mapLinkMini {
		width: 430px;
	}
	
	.wayContactInfo .mapLinkMiniBrno {
		width: 430px;
	}
}

.breadCrumb {
	text-align: center;
	padding: 35px 0 40px 0;
	color: #fff;
	font-family: var(--my-font-family-titillium);
}

.breadCrumb a {
	color: #000;
}

.breadCrumb a:hover {
	color: #8dc63f;
}

.breadCrumb i {
	font-size: 32px;
	color: #949494;
	line-height: 50%;
	margin: 15px 0 0 0;
}

.small {
	font-weight: 200;
	font-size: 18px;	
	line-height: 97%;
	color: #b2b2b2;
}

.medium {
	font-weight: 300;
	font-size: 32px;
	line-height: 97%;
}

.large {
	font-weight: 400;
	font-size: 42px;
	line-height: 97%;
}

.big {
	font-weight: 700;
	font-size: 52px;
	line-height: 97%;
}

.big a {
	color: #8dc63f;
}

@media screen and (max-width: 479px) {
	.small {
		font-size: 20px;	
	}
	
	.medium {
		font-size: 25px;
	}
	
	.large {
		font-size: 32px;
	}
	
	.big {
		font-size: 42px;
		padding: 0 10px;
	}
}

.bestProfession {
	padding: 15px 30px;
	background: #d73e3e;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	width: 300px;
	margin: auto auto 30px auto;
	border-radius: 3px;
}

@media screen and (max-width: 479px) {
	.bestProfession {
		width: auto;
	}
}

.bestProfessionCategory {
	color: #4b4b4b;
	font-family: var(--my-font-family-roboto);
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -0.3px;
	display: block;
	line-height: 100%;
	padding: 3px 10px 2px 10px;
	background: #ffffff;
	width: 250px;
	border-radius: 3px;
	margin: 10px auto auto auto;
	text-align: center;
}

@media screen and (max-width: 479px) {
	.bestProfessionCategory {
		color: #4b4b4b;
		font-family: var(--my-font-family-roboto);
		font-size: 16px;
		font-weight: 700;
		letter-spacing: -0.3px;
		display: block;
		line-height: 100%;
		padding: 3px 10px 2px 10px;
		background: #ffffff;
		width: 200px;
		border-radius: 3px;
		margin: 10px auto auto auto;
		text-align: center;
	}
}

.lectorPhotoMini {
	width: 170px;
	text-align: center;
	float: left;
}

.lectorPhotoMini .lectorPhoto {
	margin: auto;
}

.nextLectorInfo {
	float: left;
	margin: 21px 0 0 5%;
}

.nextLectorInfo h2 a {
	color: #00485f;
	letter-spacing: -1px;
}



@media screen and (max-width: 479px) {
	.lectorPhotoMini {
		width: 100%;
		text-align: center;
		float: none;
		margin: 15px 0 0 0;
	}	
	
	.nextLectorInfo {
		float: none;
		margin: 0 0 0 0;
		text-align: center;
	}
	
	.nextLectorInfo h2 {
		margin: 15px 0 0 0;
		font-size: 33px;
	}
}

@media screen and (min-width: 480px) {
	.lectorPhotoMini {
		width: 100%;
		text-align: center;
		float: none;
		margin: 15px 0 0 0;
	}	
	
	.nextLectorInfo {
		float: none;
		margin: 0 0 0 0;
		text-align: center;
	}
	
	.nextLectorInfo h2 {
		margin: 15px 0 0 0;
		font-size: 33px;
	}
}

@media screen and (min-width: 980px) {
	.lectorPhotoMini {
		width: 170px;
		text-align: center;
		float: left;
		margin: 0;
	}	
	
	.nextLectorInfo {
		float: left;
		margin: 21px 0 0 5%;
		text-align: left;
		width: 70%;
	}
	
	.nextLectorInfo h2 {
		margin: 0px 0 0 0;
		font-size: 33px;
	}
}

	.nextLectorInfo h2 {
		line-height: 90%;
	}

.anchorOK {
	position:relative; 
	top: -113px
}

@media screen and (max-width: 479px) {
	.anchorCourseDetail {
		position:relative; 
		top: 109px
	}
	
	#osnova {
		position:relative; 
		top: -250px
	}
	
	#proc {
		position:relative; 
		top: -150px
	}
}

@media (max-width: 768px) and (min-width: 480px) {
	.anchorCourseDetail {
		position:relative; 
		top: 70px
	}
}

@media (max-width: 1024px) and (min-width: 768px) {
	.anchorCourseDetail {
		position:relative; 
		top: 20px
	}
	
	#osnova, #proc {
		position:relative; 
		top: -200px
	}
}

@media screen and (min-width: 1024px) {
	.anchorCourseDetail {
		position:relative; 
		top: -40px
	}
	
	.anchorCourseDetailExtra {
		position:relative; 
		top: -150px
	}
}

.nextLector {
	display: block;
	margin: 20px 0 20px 0;
}





.weAreGooglePartner {
	background: url(images/gp-logo.jpg) no-repeat center center;
	width: 90px;
	float: right;
	height: 32px;
	display: block;
	background-size: 100%;
	margin: 5px 0 10px 0;
}

.gpLogo {
	background: url(images/google-partner-logo.jpg) no-repeat center center;
	width: 290px;
	height: 100px;
	background-size: cover;
	display: block;
}

.green.small {
	font-size: 16px;
	line-height: 100%;
	font-weight: 700;
	display: block;
}

#url-rating-text {
	font-size: 16px;
	margin: 10px 0 0 0;
}

.fbUrlShort {
	background: url(images/facebook-icon.png) no-repeat left center;
	padding: 8px 0 0 40px;
	width: 190px;
	height: 28px;
		  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	display: block;
}

.overenoStudenty {
	display: block;
	width: 162px;
	height: 204px;
	background: url(images/overeno-studenty.png) no-repeat center center;
	float: right;
	margin: 120px 0px 0 0;
}

.courseHeadline {
	color: #fff;
	font-size: 36px;
	font-weight: 700;
	font-family: var(--my-font-family-raleway);
	width: 300px;
	padding: 220px 0 0 0;
	display: block;
}

.courseHeadline.light {
	color: #000;
}


.courseHeadline.AdsTitle {
	color: #000;
}

@media screen and (max-width: 479px) {
	.overenoStudenty.headlinedHeader {
		float: left;
		width: 70px;
		margin-top: 20px;
		margin-left: 25px;
		background-position: center center;
		background-size: 100%;
	}

	.courseHeadline {
		padding: 40px 0 0 30px;
		line-height: 90%;
		font-size: 23px;
		float: left;
		width: 200px;
	}

	.courseHeadline.linkedIn {
		display: none;
	}	

	.courseHeadline.instagram {
		display: none;
	}	

	
}

@media screen and (min-width: 480px) {
	.overenoStudenty.headlinedHeader {
		float: left;
		width: 110px;
		margin-top: -20px;
		margin-left: 345px;
		background-position: center center;
		background-size: 100%;
	}
	
	.courseHeadline {
		padding: 110px 0 0 350px;
		line-height: 90%;
		font-size: 28px;
		float: left;
	}
	
	.courseHeadline.socialNetworksTitle {
		padding: 119px 0 0 250px;
		width: 200px;
	}

	.courseHeadline.simTitle {
		padding: 195px 0 0 240px;
		width: 200px;
	}
	
	.courseHeadline.facebookCourseTitle {
		padding: 195px 0 0 250px;
		width: 200px;
	}
	
	.courseHeadline.AdsTitle {
		padding: 75px 0 0 230px;
		width: 200px;
	}
	
	.courseHeadline.linkedIn {
		padding: 40px 0 0 200px;
		text-shadow: 0 0 20px rgba(0,0,0,0.7);
		width: 250px;
	}
	
	.courseHeadline.instagram {
		display: none;
	}
}

@media screen and (min-width: 768px) {
	.overenoStudenty.headlinedHeader {
		float: left;
		width: 110px;
		margin-top: -20px;
		margin-left: 365px;
		background-position: center center;
		background-size: 100%;
	}
	
	.courseHeadline {
		padding: 110px 0 0 370px;
		line-height: 90%;
		font-size: 28px;
		float: left;
	}
	
	.courseHeadline.linkedIn {
		padding: 140px 0 0 0px;
	}
	
	.courseHeadline.simTitle {
		padding: 195px 0 0 280px;
	}
	
	.courseHeadline.facebookCourseTitle{
		padding: 195px 0 0 250px;
		width: 300px;
	}

	.courseHeadline.AdsTitle {
		padding: 75px 0 0 300px;
		width: 200px;
	}

	.courseHeadline.linkedIn {
		padding: 40px 0 0 240px;
		width: auto;
	}	
}

@media screen and (min-width: 960px) {
	.overenoStudenty.headlinedHeader {
		float: left;
		width: 110px;
		margin-top: -20px;
		margin-left: 495px;
		background-position: center center;
		background-size: 100%;
	}
	
	.courseHeadline {
		padding: 110px 0 0 500px;
		line-height: 90%;
		font-size: 28px;
		float: left;
	}
	
	.courseHeadline.linkedIn {
		padding: 50px 0 0 250px;
		width: auto;
	}
	
	.courseHeadline.socialNetworksTitle {
		padding: 120px 0 0 430px;
	}

	.courseHeadline.simTitle {
		padding: 195px 0 0 400px;
	}
	
	.courseHeadline.facebookCourseTitle{
		padding: 195px 0 0 510px;
		width: 300px;
	}

	.courseHeadline.AdsTitle {
		padding: 75px 0 0 440px;
		width: auto;
	}	
}

@media screen and (min-width: 1200px) {
	.overenoStudenty.headlinedHeader {
		float: left;
		width: 110px;
		margin-top: -20px;
		margin-left: 620px;
		background-position: center center;
		background-size: 100%;
	}
	
	.courseHeadline {
		padding: 110px 0 0 620px;
		line-height: 90%;
		font-size: 28px;
		float: left;
	}
	
	.courseHeadline.linkedIn {
		padding: 140px 0 0 0px;
	}
	
	.courseHeadline.instagram {
		display: block;
	}

	.courseHeadline.socialNetworksTitle, .courseHeadline.simTitle {
		padding: 120px 0 0 630px;
	}

	.courseHeadline.simTitle {
		padding: 195px 0 0 620px;
	}

	.courseHeadline.facebookCourseTitle{
		padding: 195px 0 0 620px;
		width: 300px;
	}

	.courseHeadline.AdsTitle {
		padding: 75px 0 0 580px;
	}	
}

.esfcr-up {
	display: none;
	width: 500px;
	height: 100px;
	margin: 30px auto 0 auto;
}

.upLogoDetail {
	padding-top: 11px;
	padding-bottom: 0;
	display: block;
}

@media screen and (max-width: 479px) {
	.upLogoDetail  {
		padding-top: 3px;
		padding-bottom: 15px;
	}
}

@media screen and (min-width: 480px) {
	.upLogoDetail  {
		padding-top: 3px;
		padding-bottom: 10px;
	}
}

@media screen and (min-width: 480px) {
	.upLogoDetail  {
		padding-top: 3px;
		padding-bottom: 10px;
	}
}

@media screen and (min-width: 980px) {
	.upLogoDetail  {
		padding-top: 3px;
		padding-bottom: 0px;
	}
}

.big.yellow {
	font-size: 16px;
	color: yellow;
}

.paragraphA {
	width: 40%;
}

.paragraphB {
	width: 40%;
}

.hpParagraphs {
	text-align: left;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-content: center;
	margin: auto;
	font-size: 16px;
	line-height: 145%;
	width: 70%;
	padding: 35px 0 15px 0;
}

.paragraphA:first-letter { 
   font-size: 70px;
    float: left;
    padding: 7px 16px 8px 13px;
    height: 75px;
    background-color: #94baff;
    margin-right: 10px;
    color: white;
    border-radius: 5px;
    line-height: 60px;
    font-family: var(--my-font-family-roboto);
    font-weight: 700;
}

@media (width < 480px) {
	.overenoStudenty {
		float: left;
		width: 70px;
		margin-top: 28px;
		background-position: center center;
		background-size: 100%;
	}

	.esfcr-up {
		width: 100%;
	}

	.paragraphA {
		width: 98%;
		margin-bottom: 20px;
	}
	
	.paragraphB {
		width: 98%;
	}

	.hpParagraphs {
		width: 100%;
		font-size: clamp(0.8rem, 0.9545rem + 1.0909vw, 1.0rem);
		flex-direction: column;
		
	}
	
	.hpParagraphs i {
		display: none;
	}
	
	.paragraphA:first-letter {
		padding: 5px 16px 5px 15px;
		height: 75px;
		line-height: 79px;
	}

}

@media (width >= 480px) {

	.esfcr-up {
		width: 100%;
	}
	
	.paragraphA {
		width: 98%;
		margin-bottom: 20px;
	}
	
	.paragraphB {
		width: 98%;
	}

	.hpParagraphs {
		width: 100%;
		font-size: 16px;
		flex-direction: column;
	}
	
	.hpParagraphs i {
		display: none;
	}
	
	.paragraphA:first-letter {
		padding: 20px 16px 0px 15px;
		height: 65px;
		line-height: 52px;
	}

}

@media (width >= 740px) {

	.esfcr-up {
		width: 500px;
	}
	
	.paragraphA {
		width: 45%;
		padding: 0 10px 20px 0;
	}
	
	.paragraphB {
		width: 45%;
		padding: 0 0 0 10px;
	}

	.hpParagraphs {
		width: 100%;
		flex-direction: row;
	}
	
	.paragraphA:first-letter {
		padding: 3px 16px 0px 13px;
		height: 85px;
		line-height: 66px;
		font-size: 60px;
	}

}

@media (width >= 980px) {
	.paragraphA {
		width: 40%;
		padding: 0 15px 0 0;
	}
	
	.paragraphB {
		width: 40%;
		padding: 0 0 0 15px;
	}

	.hpParagraphs {
		width: 100%;
	}
}

@media screen and (min-width: 1260px) {

	.paragraphA {
		width: 43%;
	}
	
	.paragraphB {
		width: 43%;
	}

	.hpParagraphs {
		width: 70%;
	}
}

.scrollup {
	background: #13b04a;
	position: fixed; 
	color: #fff;
	display: none;
	padding: 8px 15px 6px 15px; 
	bottom: 50px;
	border-radius: 3px 0 0 3px;
	right: 0; 
	font-size: 18px;
	font-family: var(--my-font-family-roboto);
	opacity: 0;
	z-index: 1000000;
}

.scrollup:hover {
	color: #eeeeee;
}

.printIcon {
	background: #bc0000;
	position: fixed; 
	color: #fff;
	display: block;
	padding: 8px 15px 6px 15px; 
	bottom: 0px;
	border-radius: 3px 3px 0 0;
	right: 15px; 
	font-size: 18px;
	font-family: var(--my-font-family-roboto);
	z-index: 1000;
	display: none;
}

.courseDatesStaticIcon {
	background: #bc0000;
	position: fixed; 
	color: #fff;
	display: none;
	padding: 8px 15px 8px 15px; 
	bottom: 0px;
	border-radius: 3px 0 0 0;
	right: 0px; 
	letter-spacing: -0.5px;
	font-size: 16px;
	font-family: var(--my-font-family-pt-sans);
	z-index: 1000;
}

@media screen and (max-width: 479px) {
	.scrollup {
		right: 0px;
		bottom: 85px;
		position: fixed; 
	}
}

@media screen and (max-width: 479px) {
	.printIcon {
		display: none;	
	}
	
	.courseDatesStaticIcon {
		display: none;
	}

	.mobileDatesPanel {
		background: #FFA500;
		padding: 20px 10px 27px 10px;
		color: #000;
		position: fixed;
		width: 100%;
		bottom: 0px;
		font-size: 17px;
		border-radius: 3px;
		z-index: 10000;
		display: none;
	}
	
	.mobileDatesPanel .button {
		background: #fff;
		padding: 7px 15px;
		color: #000;
		font-size: 17px;
		position: absolute;
		top: -5px;
		margin: 0 20px 0 20px;
		right: 0px;
	}
	
	.mobileDatesPanel .container {
		display: flex;
		flex-direction: row;
		align-content: space-between;
	}
	
	.mobileDatesPanel.not-hidden {
		-webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
		transition-duration: 0.3s;
		display: none;
	}
	
	.mobileDatesPanel {
		-webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
		transition-duration: 0.3s;
	}
	
	/* alternative animation
	.mobileDatesPanel.not-hidden {
		visibility: visible;
		opacity: 1;
		width: 100%;
		transition: width 0.5s, opacity 0.5s linear;
	}
	
	.mobileDatesPanel{
		visibility: hidden;
		opacity: 0;
		width: 0%;
		transition: visibility 0s 0.5s, width 0.5s, opacity 0.5s linear;
	}
	*/
}

@media screen and (min-width: 480px) {
	.mobileDatesPanel {
		display: none !important;
	}
}

.mailPanel {
	background: #5A5A5A;
	color: #fff;
	position: fixed;
	bottom:50px;
	padding: 0;
	width: 100%;
	z-index: 1000;
	font-family: var(--my-font-family-roboto);
	transition: all 0.9s;
	transform: scaleY(1);

}

.mailPanel .container {
	padding: 20px 0; 
	position: relative;
	background: url(images/dog.png) no-repeat left center;
	background-size: auto 70%;
}

.mailPanel h2 {
	display: inline;
	font-weight: 700;
	font-size: 16px;
	position: relative;
	top: 1px;
	padding: 0 0 0 50px;
}

.mailPanel input {
	background: #fff;
	color: #484848;
	border-radius: 3px;
	padding: 5px 10px;
	font-size: 16px;
	border: 0;
	width: 300px;
	margin: 0 5px 0 5px;
}

.mailPanel button {
	background: #7ab851;
	color: #fff;
	border-radius: 3px;
	padding: 5px 10px;
	font-size: 16px;
	border: 0;
	cursor: pointer;
}

.mailPanel .close {
	position: absolute;
	right: 0;
	top: 11px;
	color: #fff;
	font-size: 40px;
}

.mailPanelHidden{
	transform: scaleY(0);
	opacity: 0;
}



@media screen and (max-width: 479px) {
	.mailPanel {
		display: none;
	}
}

@media screen and (min-width: 480px) {
	.mailPanel {
		display: none;
	}
}

@media screen and (min-width: 740px) {
	.mailPanel {
		display: none;
	}
}

@media screen and (min-width: 980px) {
	.mailPanel {
		display: block;
	}
}

.wrapper {
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

.noActive {
    display: none;
    z-index: 3;
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.noActive.pop {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgqAcAAIIAgLO2btEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.7);
    font-size: 0;
    overflow-y: auto;
    padding: 10px;
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}

.noActive .notAvailable {
	font-size: 26px;
	letter-spacing: -1px;
	color: #00485f;
	text-align: center;
	padding: 5px 0 10px 0;
	line-height: 100%;
	
}

.noActive .notAvalableP {
	font-size: 16px;
	margin: 0px 0 30px 0;
	text-align: center;
}

.noActive.pop:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.popupContent {
    background-color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 0 6px 2px rgba(50, 50, 50, 0.3);
    display: inline-block;
    font-size: 12px;
    max-width: 100%;
    outline: none;
    padding: 20px 30px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}


.employerBox {
	padding: 55px 0;
}

.headlineText {
	font-size: 16px;
	padding: 30px 0 5px 0;
	width: 80%;
	margin: auto;
	text-align: center;
	
}

/*-----------------------------------------------------------*/
/* OdchlipovacĂ­ roh */
/*-----------------------------------------------------------*/


@media screen and (max-width: 1300px) {
	#corner-feature {
		display: none;
	}
}


@media screen and (min-width: 1300px) {
	#corner-feature {
		display: block;
	}
}

#corner-img{
	position:fixed;
	top: 0;
	right: 0;
	height: 80px;
	width: 80px;
	transition: all 0.3s;
	z-index: 1000;
}

#corner-background{
	background: white;
	height:300px;
	width:300px;
	position:fixed;
	top:-218px;
	right:-218px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transition: all 0.3s;
	z-index:1000;
}

#corner-container{
	background: transparent;
	position: fixed;
	right: 0;
	top: 0;
	width: 80px;
	height: 80px;
	transition: all 0.3s;
	z-index:1000;
}

#corner-container:hover #corner-img{
	height: 200px;
	width: 200px;
}

#corner-container:hover #corner-background{
	top:-162px;
	right:-162px;
	background: white;
}

#corner-container:hover #corner-text {
	display:block;
	opacity:1;
}

#corner-container:hover i {
	bottom:85px;
}

#corner-text {
	position: absolute;
	bottom: 20px;
	right: 65px;
	display:none;
	opacity: 0;
	transition: all 0.3s;
	font-size: 18px;
	color: black;
	z-index:1000;
}

#corner-background i {
	position:absolute;
	bottom:10px;
	right:135px;
	transition: all 0.3s;
	z-index:1000;
	font-size:24px;
	color:black;
}

#corner-background i {
  animation: shake 10s cubic-bezier(.36,.07,.19,.97) both infinite;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  90.2% {
    transform: translate(0, 0) rotate(4.5deg) ; }
  90.4% {
    transform: translate(0px, 0px) rotate(-0.5deg)  scale(1.5, 1.5); }
  90.6% {
    transform: translate(0px, 0px) rotate(5.5deg)  scale(1.5, 1.5); }
  90.8% {
    transform: translate(0px, 0px) rotate(3.5deg)  scale(1.5, 1.5); }
  91% {
    transform: translate(0px, 0px) rotate(7.5deg)  scale(1.5, 1.5); }
  91.2% {
    transform: translate(0px, 0px) rotate(1.5deg)  scale(1.5, 1.5); }
  91.4% {
    transform: translate(0px, 0px) rotate(-2.5deg)  scale(1.5, 1.5); }
  91.6% {
    transform: translate(0px, 0px) rotate(-1.5deg)  scale(1.5, 1.5); }
  91.8% {
    transform: translate(0px, 0px) rotate(2.5deg)  scale(1.5, 1.5); }
  92% {
    transform: translate(0px, 0px) rotate(4.5deg)  scale(1.5, 1.5); }
  92.2% {
    transform: translate(0px, 0px) rotate(-3.5deg)  scale(1.5, 1.5); }
  92.4% {
    transform: translate(0px, 0px) rotate(-4.5deg)  scale(1.5, 1.5); }
  92.6% {
    transform: translate(0px, 0px) rotate(-0.5deg)  scale(1.5, 1.5); }
  92.8% {
    transform: translate(0px, 0px) rotate(4.5deg)  scale(1.5, 1.5); }
  93% {
    transform: translate(0px, 0px) rotate(-2.5deg)  scale(1.5, 1.5); }
  93.2% {
    transform: translate(0px, 0px) rotate(5.5deg)  scale(1.5, 1.5); }
  93.4% {
    transform: translate(0px, 0px) rotate(-3.5deg)  scale(1.5, 1.5); }
  93.6% {
    transform: translate(0px, 0px) rotate(-1.5deg)  scale(1.5, 1.5); }
  93.8% {
    transform: translate(0px, 0px) rotate(-0.5deg)  scale(1.5, 1.5); }
  94% {
    transform: translate(0px, 0px) rotate(6.5deg)  scale(1.5, 1.5); }
  94.2% {
    transform: translate(0px, 0px) rotate(-2.5deg)  scale(1.5, 1.5); }
  94.4% {
    transform: translate(0px, 0px) rotate(-1.5deg)  scale(1.5, 1.5); }
  94.6% {
    transform: translate(0px, 0px) rotate(-6.5deg)  scale(1.5, 1.5); }
  94.8% {
    transform: translate(0px, 0px) rotate(1.5deg)  scale(1.5, 1.5); }
  95% {
    transform: translate(0px, 0px) rotate(4.5deg)  scale(1.5, 1.5); }
  95.2% {
    transform: translate(0px, 0px) rotate(4.5deg)  scale(1.5, 1.5); }
  95.4% {
    transform: translate(0px, 0px) rotate(-0.5deg)  scale(1.5, 1.5); }
  95.6% {
    transform: translate(0px, 0px) rotate(3.5deg)  scale(1.5, 1.5); }
  95.8% {
    transform: translate(0px, 0px) rotate(0.5deg)  scale(1.5, 1.5); }
  96% {
    transform: translate(0px, 0px) rotate(-2.5deg)  scale(1.5, 1.5); }
  96.2% {
    transform: translate(0px, 0px) rotate(-5.5deg)  scale(1.5, 1.5); }
  96.4% {
    transform: translate(0px, 0px) rotate(4.5deg)  scale(1.5, 1.5); }
  96.6% {
    transform: translate(0px, 0px) rotate(-4.5deg)  scale(1.5, 1.5); }
  96.8% {
    transform: translate(0px, 0px) rotate(7.5deg)  scale(1.5, 1.5); }
  97% {
    transform: translate(0px, 0px) rotate(7.5deg)  scale(1.5, 1.5); }
  97.2% {
    transform: translate(0px, 0px) rotate(1.5deg)  scale(1.5, 1.5); }
  97.4% {
    transform: translate(0px, 0px) rotate(0.5deg)  scale(1.5, 1.5); }
  97.6% {
    transform: translate(0px, 0px) rotate(6.5deg)  scale(1.5, 1.5); }
  97.8% {
    transform: translate(0px, 0px) rotate(-2.5deg)  scale(1.5, 1.5); }
  98% {
    transform: translate(0px, 0px) rotate(-3.5deg)  scale(1.5, 1.5); }
  98.2% {
    transform: translate(0px, 0px) rotate(-1.5deg)  scale(1.5, 1.5); }
  98.4% {
    transform: translate(0px, 0px) rotate(-1.5deg)  scale(1.5, 1.5); }
  98.6% {
    transform: translate(0px, 0px) rotate(-0.5deg)  scale(1.5, 1.5); }
  98.8% {
    transform: translate(0px, 0px) rotate(1.5deg)  scale(1.5, 1.5); }
  99% {
    transform: translate(0px, 0px) rotate(-0.5deg)  scale(1.5, 1.5); }
  99.2% {
    transform: translate(0px, 0px) rotate(7.5deg)  scale(1.5, 1.5); }
  99.4% {
    transform: translate(0px, 0px) rotate(-6.5deg)  scale(1.5, 1.5); }
  99.6% {
    transform: translate(0px, 0px) rotate(-2.5deg)  scale(1.5, 1.5); }
  99.8% {
    transform: translate(0px, 0px) rotate(7.5deg)  scale(1.5, 1.5); }
  0%, 100% {
	transform: translate(0, 0) rotate(0)  }  
}

/*-----------------------------------------------------------*/
/* Form pro zaměstnavatele */
/*-----------------------------------------------------------*/
.employerBoxForm {
	margin: 60px auto 0 auto;
	text-align: center;
	width: 55%;
}

@media screen and (max-width: 479px) {
	.employerBoxForm {
		width: 90%;
	}
}

.fInputLayout { 
	position:relative;
	margin-top: 0px;
	height: 90px;
}

.fInputLayout label {
	color: #525866;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: -0.1px;
	position: absolute;
	pointer-events: none;
	font-family: var(--my-font-family-roboto);
	left: 0;
	top: 2px;
	-webkit-transition: .2s ease all;
	transition: .2s ease all;
	cursor: pointer;
}

.fInputLayout input[type=text] {
	font-weight: 400;
	font-size: 18px;
	color: #1E2431;
	font-family: var(--my-font-family-roboto);
	border: 0;
	width: 100%;
	height: 26px;
	padding: 1px 0 10px 0px;
	border-bottom: 1px solid #b7b7b7;
	box-shadow: none;
	-webkit-transition: none;
	transition: none;
	border-radius: 0;
	background: transparent;
	cursor: pointer;
}

.fInputLayout textarea {
	font-weight: 400;
	font-size: 18px;
	color: #1E2431;
	font-family: var(--my-font-family-roboto);
	border: 0;
	width: 100%;
	height: 56px;
	padding: 6px 0 17px 0px;
	border-bottom: 1px solid #b7b7b7;
	box-shadow: none;
	-webkit-transition: none;
	transition: none;
	border-radius: 0;
	background: transparent;
	cursor: pointer;
	resize: none;
}

.fInputLayout input[type=text]:focus~label,.fInputLayout input[type=text]:valid~label,.fInputLayout textarea:focus~label,.fInputLayout textarea:valid~label {
	top: -18px;
	color: #7f7f7f;
	opacity: 1;
	font-weight: 700;
	font-size: 12px;
}

.fInputLayout input[type=text]:focus:not([readonly])~label, .fInputLayout textarea:focus:not([readonly])~label {
	color: #525866;
	font-weight: 700;
}

.fInputLayout input[type=text]:focus:required:invalid:focus, .fInputLayout textarea:focus:required:invalid:focus {
	box-shadow: none;
}

.fInputLayout input[type=text].error, .fInputLayout textarea.error {
	border-bottom-color: #DD2B00;
	border-bottom-width: 2px;
	border-radius: 0;
}

#reservation-form .error {
	background: #ffb5b5;
	border: 1px solid rgba(255,255,255,0.5);
}

#reservation-form .error:focus {
	background: #fff !important;
}

.fInputLayout input[type=text]:active,.fInputLayout input[type=text]:focus, .fInputLayout textarea:active,.fInputLayout textarea:focus {
	outline: 0;
	padding-left: 0;
	text-transform: none;
	color: #1E2431;
	font-size: 18px;
}

.fInputLayout .alert-danger,.fInputLayout .alert-error { 
	background-color: transparent;
	border-color: transparent;
	text-align: left;
	font-size: 13px;
	font-weight: 400;
	color: #DD2B00; 
	padding: 0;
	margin: 0;
	border-radius: 0;
}

.fInputLayout .alert-danger a,.fInputLayout .alert-error a {
	color: #DD2B00;
	text-decoration: underline;
}

.fInputLayout .alert-email,.fInputLayout .alert-name,.fInputLayout .alert-password,.fInputLayout .alert-passwordConfirmation { 
	display: none;
}

.fInputLayout .alert-dynamic {
	padding-bottom: 20px
}

.fInputLayout .bar { 
	position: relative;
	display: block;
	width: 100%;
}

.fInputLayout .bar:after,.fInputLayout .bar:before {
	content: '';
	height: 2px;
	width: 0;
	bottom: 0px;
	position: absolute;
	background: #f36;
	-webkit-transition: .2s ease all;
	transition: .2s ease all;
}

.fInputLayout .bar:before {
	left: 50%;
}

.fInputLayout .bar:after {
	right: 50%;
}

.fInputLayout input:focus~.bar:after,.fInputLayout input:focus~.bar:before, .fInputLayout textarea:focus~.bar:after,.fInputLayout textarea:focus~.bar:before {
	width: 50%;
}

.fInputLayout .highlight {
	position: absolute;
	height: 60%;
	width: 100px;
	top: 25%;
	left: 0;
	pointer-events: none;
	opacity: .5;
}

.fInputLayout input:focus~.highlight, .fInputLayout textarea:focus~.highlight {
	-webkit-animation: inputHighlighter .3s ease;
	animation: inputHighlighter .3s ease
}

.fInputButton {
	display: inline-block;
    height: 50px;
    line-height: 48px;
    line-height: 3rem;
    background: transparent;
    padding: 0 60px;
    border: 2px solid #fff;
    border-radius: 25px;
    font-size: 16px;
    letter-spacing: -0.3px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    margin: 25px 0 0 0;
}

.fInputButton:hover {
	color: #fff;
	background: #7ab851;
}

.green-button {
    border-color: #7ab851;
    color: #1b1f26;
}

.errorMessageMaster {
	position: relative;
	top: -40px;
}

.povezText {
	padding: 19px 0 0 0;
}

.paymentSaleText {
	padding: 19px 0 19px 80px;
	background: url(images/payment-logos-min.png) no-repeat left center;
	background-size: 70px auto;
	font-weight: 700;
	
}

.loginBox {
	padding: 55px 0 35px 0;
}

.loginBoxText {
	text-align: center;
	font-size: 26px;
	padding-bottom: 20px;
}

.colorPanel {
	padding: 35px 0 35px 0;
}

.facebookLogin {
	margin: 25px auto auto auto;
	display: block;
	padding: 15px 0px;
	background: #3b5998;
	text-align: center;
	color: #fff;
	border-radius: 4px;
	width: 230px;
	font-size: 20px;
} 




@media print {
	.spMainPhoto, .breadCrumb, .courseDetailHead, .contactLectorInfo button, .footer, .copyright, .courseInfoUP, .button.collapsed, .courseGraduates, .courseDates, .courseReference { display: none; }
	.bestProfession, .gpLogo, .lectorPhoto, .timeIcon, .userPhoto, .upLogoDetail, .fbUrlShort { -webkit-print-color-adjust: exact; }
	.advantagesBlock ul li { width: 100%; }
	.gpLogo { width: 237px; height: 80px; }
	.lectorPhotoMini { width: 80px;}
	.basicGallery { page-break-before: always; box-shadow: 0 0px 0px rgba(0,0,0,0.2) inset; border-top: 0px solid #ebebeb; }
	.basicGallery .videoReference iframe { display: none; }
	.basicGallery .videoReference { background: url(images/video-print.jpg) #eaeaea no-repeat 40px center; -webkit-print-color-adjust: exact; height: 280px; background-size: 500px; } 
	.basicGallery .videoReference p { margin: 0 30px 0 560px; }
	.nextLectorInfo { float: left; margin: 0 0 0 5%; text-align: left; width: 70%; }
	.facebookComments { page-break-before: always; }
}

.basicGallery .swiper-container {
	padding: 0;
}

.swiper-container {
	position: initial !important;
}

.calendarBox {
	min-height: 288px;
}

@media screen and (max-width: 479px) {
	.calendarBox {
		min-height: 310px;
	}
}

.basicGallery .swiper-slide {
	position: inherit !important;
	overflow: hidden !important;
	padding-top: 10px !important;
}

@media screen and (max-width: 479px) {
	.basicGallery.detail.photos .swiper-button-prev, .basicGallery.detail.photos .swiper-container-rtl .swiper-button-next {
		left: 10px;
		top: 56%;
	}
	
	.basicGallery.detail.photos .swiper-button-next, .basicGallery.detail.photos .swiper-container-rtl .swiper-button-prev {
		right: 10px;
		top: 56%;
	}		
	
	.basicGallery .swiper-button-prev, .basicGallery .swiper-container-rtl .swiper-button-next {
		left: 10px;
		top: 46%;
	}
	
	.basicGallery .swiper-button-next, .basicGallery .swiper-container-rtl .swiper-button-prev {
		right: 10px;
		top: 46%;
	}
	
	.basicGallery.detail.lector .swiper-button-prev, .basicGallery.detail.lector .swiper-container-rtl .swiper-button-next {
		left: 10px;
		top: 46% !important;
	}
	
	.basicGallery.detail.lector .swiper-button-next, .basicGallery.detail.lector .swiper-container-rtl .swiper-button-prev {
		right: 10px;
		top: 46% !important;
	}
	
	.rozhovory .swiper-container .swiper-button-next, .rozhovory .swiper-container .swiper-button-prev {
		top: 37%;
	}	
	
	.lectorsBigPanel .swiper-container .swiper-button-next, .lectorsBigPanel .swiper-container .swiper-button-prev {
		top: 34%;
	}
}

@media screen and (min-width: 480px) {
	.basicGallery.detail.photos .swiper-button-prev, .basicGallery.detail.photos .swiper-container-rtl .swiper-button-next {
		left: -20px;
		top: 56%;
	}
	
	.rozhovory .swiper-container .swiper-button-next, .rozhovory .swiper-container .swiper-button-prev {
		top: 38%;
	}	
	
	.lectorsBigPanel .swiper-container .swiper-button-next, .lectorsBigPanel .swiper-container .swiper-button-prev {
		top: 34%;
	}
}

@media screen and (min-width: 640px) {
	.rozhovory .swiper-container .swiper-button-next, .rozhovory .swiper-container .swiper-button-prev {
		top: 34%;
	}	
	
	.basicGallery.detail.photos .swiper-container .swiper-button-next, .basicGallery.detail.photos .swiper-container .swiper-button-prev {
		top: 55%;
	}
}

@media screen and (min-width: 800px) {
	.basicGallery.detail.photos .swiper-button-prev, .basicGallery.detail.photos .swiper-container-rtl .swiper-button-next {
		left: 20px;
		top: 56%;
	}
	
	.basicGallery.detail.photos .swiper-button-next, .basicGallery.detail.photos .swiper-container-rtl .swiper-button-prev {
		right: 20px;
		top: 56%;
	}

	.basicGallery.detail .swiper-button-prev, .basicGallery.detail .swiper-container-rtl .swiper-button-next {
		left: 20px;
		top: 46%;
	}
	
	.basicGallery.detail .swiper-button-next, .basicGallery.detail .swiper-container-rtl .swiper-button-prev {
		right: 20px;
		top: 46%;
	}
	
	.rozhovory .swiper-container .swiper-button-next, .rozhovory .swiper-container .swiper-button-prev {
		top: 32%;
	}
	
	.lectorsBigPanel .swiper-container .swiper-button-next, .lectorsBigPanel .swiper-container .swiper-button-prev {
		top: 34%;
	}

}

.rozhovory .swiper-container .swiper-button-next, .rozhovory .swiper-container .swiper-button-prev {
	position: absolute;
	width: 47px;
	height: 47px;
	margin-top: -23.5px;
	z-index: 10;
	cursor: pointer;
	background-size: 44px 44px;
	background-position: center;
	background-repeat: no-repeat;
}

.lectorsBigPanel .swiper-container .swiper-button-next, .lectorsBigPanel .swiper-container .swiper-button-prev {
	position: absolute;
	width: 47px;
	height: 47px;
	margin-top: -23.5px;
	z-index: 10;
	cursor: pointer;
	background-size: 44px 44px;
	background-position: center;
	background-repeat: no-repeat;
}

.basicGallery.detail.photos .swiper-container .swiper-button-next, .basicGallery.detail.photos .swiper-container .swiper-button-prev {
	position: absolute;
	width: 47px;
	height: 47px;
	margin-top: -23.5px;
	z-index: 10;
	cursor: pointer;
	background-size: 44px 44px;
	background-position: center;
	background-repeat: no-repeat;
}

.swiperHideOnDisabled.swiper-button-disabled{
    display:none;   
}

.h1block {
	padding: 55px 0;
	background: #fff;
	margin-top: 55px;
}

.h1block.fix {
	margin-top: 0px;
}

@media (min-width: 700px) {
	.h1block.fix {
		margin-top: 60px;
	}
}

.h1block.subHeadline {
	padding: 45px 0 10px 0;
	background: #fff;
}

.h1block h1 {
	font-family: var(--my-font-family-titillium);
	font-weight: 700;
    font-size: clamp(2rem, 1.0625rem + 4.1667vw, 3.25rem);
    line-height: 97%;
    text-align: center;
	color: #8dc63f;
	letter-spacing: -0.5px;
}

.silverBackground {
	background: #f1f1f1;
	color: #000;
	padding: 85px 0;
	margin: 0 0 0px 0;
}

.wideBoxTop {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: wrap;
	align-content: center;
	width: 80%;
	margin: auto auto 55px auto;
	justify-content: center;
	flex-direction: row;
}

.wideBoxTop h2 {
	font-family: var(--my-font-family-roboto);
	font-weight: 100;
	width: 43%;
	margin: 0px 3% 0 0;
	font-size: 32px;
}

.wideBoxTop h2 span {
	font-family: var(--my-font-family-roboto);
	font-weight: 300;
	margin: 15px 0 0 0;
	font-size: 15px;
	display: block;
}

.wideBoxTop p {
	font-family: var(--my-font-family-roboto);
	font-weight: 300;
	width: 43%;
	padding: 5px 0 0 4%;
	font-size: 15px;
	box-sizing: border-box;
	line-height: 173%;
}

.boxContentPovez {
	background: #fff;
	box-shadow: 0px 0px 50px rgba(0,0,0,0.1);
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	margin: auto;
	width: 100%;
}

.boxZigZag {
	background: #fff;
	box-shadow: 0px 0px 50px rgba(0,0,0,0.1);
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: auto;
	width: 100%;
}

.lectorSocialNetworks a {
	border-radius: 3px;
	padding: 2px;
	font-size: 11px;
	font-weight: 700;
	color: #fff;
	white-space: nowrap !important;
	border: 1px solid rgba(255,255,255,0.4);
}

.lectorSocialNetworks.light a {
	color: #000;
	border: 1px solid rgba(0,0,0,0.4);
}

.lectorSocialNetworks {
	margin: 0px auto 30px auto;
}  

.lectorSocialNetworks a:hover {
	color: #7ab851;
}

@media screen and (max-width: 479px) {
	.lectorSocialNetworks {
		padding: 0 25px;
		margin: 0px auto 10px auto; 
		line-height: 190%;
	}
	
	.lectorSocialNetworks a {
		white-space: nowrap !important;
	}
}

.boxContentPovezTop {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	margin: auto;
	width: 100%;
	padding: 0 0 85px 0;
}

.boxContentPovezContact {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	margin: auto;
	width: 100%;
	padding: 85px 0 0px 0;
}

.boxContentTopRight {
	width: 50%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
}

.boxContentTopLeft {
	width: 50%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
}

.boxContentContactLeft {
	width: 50%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
}

.boxContentContactRight {
	width: 50%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-content: center;
	box-sizing: border-box;
	align-items: center;
}

.boxContentContactRight.top {
	justify-content: flex-start;
}

.retrainingPrograms {
	background: #f1f1f1;
	display: block;
	padding: 50px 0;
	font-family: var(--my-font-family-raleway);
	font-weight: 200;
	color: #990000;
	margin: 0px 0;
	text-align: center;
}

.retrainingPrograms:hover {
	color: #ff0000;
}

.retrainingPrograms h2 {
	font-size: 40px;
	text-shadow: 0 0 20px rgba(255,255,255,0.2);
}

.retrainingPrograms h2 span {
	border-bottom: 4px solid #FF0000;
	padding-bottom: 0px;
}

.blinkMe {
  
}

@keyframes blinker {  
  50% { opacity: 0.3; }
}

.boxContentLeftHeadline {
	font-family: var(--my-font-family-roboto);
	font-weight: 700;
	width: 60%;
	margin: 0;
	padding: 0 0 25px 0;
	font-size: clamp(1.5rem, 1.1250rem + 1.6667vw, 2rem);
	line-height: 100%;
}

.boxContentLeftHeadline span {
	font-size: clamp(1rem, 0.8125rem + 0.8333vw, 1.25rem);
	font-weight: 400;
	margin: 15px 0 0 0;
	display: block;
}

.boxContentImg {
	width: 50%;
}

.boxContentImgZigZag {
	width: 50%;
}

.boxContentImg.employer {
	background: url(images/povez-zamestnavatele2.jpg) no-repeat right center;
	background-size: cover;
}

.boxContentImg.installments {
	background: url(images/platba-na-splatky.jpg) no-repeat right center;
	background-size: cover;
}

.boxContentImg.benefitPlus {
	background: url(images/benefit-plus-screenshot.jpeg) no-repeat right center;
	background-size: cover;
}

.boxContentImg.selectCourse {
	background: url(images/vyber-kurzu.jpg) no-repeat right center;
	background-size: cover;
}

.boxContentImg.employee {
	background: url(images/povez-zamestnanci.jpg) no-repeat right center;
	background-size: cover;
}

.boxContentImgZigZag.lukas-krasa1 {
	background: url(images/lavincz2.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 350px;
}

.boxContentImgZigZag.frantisek-mlcuch1 {
	background: url(images/frantisek-noir-min.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 350px;
}

.boxContentImgZigZag.tomas-suchy1 {
	background: url(images/tomas-bonaloka-min.jpg) #e2e2e2 no-repeat center center;
	background-size: 100% auto;
	min-height: 350px;
}

.boxContentImgZigZag.jakub-novotny1 {
	background: url(images/jakub-novotny1.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 350px;
}

.boxContentImgZigZag.veronika-brazdova1 {
	background: url(images/veronika-brazdova-mstyle.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 400px;
}

.boxContentImgZigZag.jakub-mensik1 {
	background: url(images/logo-aquapalace-praha.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 350px;
}

.boxContentImgZigZag.tonda-truong1 {
	background: url(images/tonda-truong1.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 350px;
}

.boxContentImgZigZag.josef-kyrian1 {
	background: url(images/panels-min.png) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 300px;
}

.boxContentImgZigZag.lubos-martinek1 {
	background: url(images/lubos-martinek1.jpg) #fff no-repeat center center;
	background-size: cover;
	min-height: 400px;
}

.boxContentImgZigZag.lubos-martinek2 {
	background: url(images/lubos-martinek2.jpg) #fff no-repeat center center;
	background-size: cover;
	min-height: 400px;
}

.boxContentImgZigZag.lubos-martinek3 {
	background: url(images/lubos-martinek3.jpg) #fff no-repeat center center;
	background-size: cover;
	min-height: 400px;
}

.boxContentImgZigZag.lubos-martinek4 {
	background: url(images/lubos-martinek4.jpg?1) #fff no-repeat center center;
	background-size: cover;
	min-height: 400px;
}

.boxContentImgZigZag.lubos-martinek5 {
	background: url(images/lubos-martinek5.jpg) #fff no-repeat center center;
	background-size: cover;
	min-height: 400px;
}

.boxContentImgZigZag.lubos-martinek6 {
	background: url(images/lubos-martinek6.jpg) #fff no-repeat center center;
	background-size: cover;
	min-height: 400px;
}

.boxContentImgZigZag.lubos-martinek7 {
	background: url(images/lubos-martinek7.jpg) #fff no-repeat center center;
	background-size: cover;
	min-height: 400px;
}

.boxContentImgZigZag.lubos-martinek8 {
	background: url(images/lubos-martinek8.jpg) #fff no-repeat center center;
	background-size: cover;
	min-height: 400px;
}

.boxContentImgZigZag.lubos-martinek9 {
	background: url(images/lubos-martinek9.jpg) #fff no-repeat center center;
	background-size: cover;
	min-height: 400px;
}

.boxContentImgZigZag.david-solc1 {
	background: url(images/project-screens-david-solc.jpg) no-repeat center center;
	background-size: cover;
	min-height: 400px;
}

.boxContentImgZigZag.david-martinec1 {
	background: url(images/project-screens-david-solc.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 400px;
}

.boxContentImgZigZag.lukas-pavelka1 {
	background: url(images/lukas-pavelka-jap.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 400px;
}

@media screen and (max-width: 768px) {
	.boxContentImgZigZag.josef-kyrian1 {
		background-size: cover;
		min-height: 200px;
	}
	
	.boxContentImgZigZag.honza-roubal1 {
		background-size: cover;
		min-height: 200px;
	}
}

.boxContentImgZigZag.lukas-krasa2 {
	background: url(images/olympikcz.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 350px;
}

.boxContentImgZigZag.frantisek-mlcuch2 {
	background: url(images/frantisek-audioworks-min.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 350px;
}

.boxContentImgZigZag.tomas-suchy2 {
	background: url(images/tomas-primakurzy-min.jpg) #e2e2e2 no-repeat center center;
	background-size: 100% auto;
	min-height: 350px;
}

.boxContentImgZigZag.jakub-novotny2 {
	background: url(images/jakub-novotny2.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 350px;
}

.boxContentImgZigZag.jakub-mensik2 {
	background: url(images/logo-hertz-cr.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 350px;
}

.boxContentImgZigZag.veronika-brazdova2 {
	background: url(images/dobra-miska-veronika.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 350px;
}

.boxContentImgZigZag.veronika-brazdova3 {
	background: url(images/veronika-brazdova-josport.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 400px;
}

.boxContentImgZigZag.veronika-brazdova4 {
	background: url(images/veronika-brazdova-ceske-luzkoviny.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 400px;
}

.boxContentImgZigZag.josef-kyrian2 {
	background: url(images/logo-services-josef.png) #e2e2e2 no-repeat center center;
	background-size: 600px auto;
	min-height: 300px;
}

.boxContentImgZigZag.jaroslav-capouch2 {
	background: url(images/jaroslav-capouch2.jpg) #fff no-repeat center center;
	background-size: 600px auto;
	min-height: 300px;
}

.boxContentImgZigZag.david-solc2 {
	background: url(images/logo-pf-project-min.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 400px;
}

.boxContentImgZigZag.david-martinec2 {
	background: url(images/topicrem-david-martinec-min.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 350px;
}

.boxContentImgZigZag.lukas-pavelka2 {
	background: url(images/lukas-pavelka-anker.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 400px;
}

@media (max-width: 980px) {
	.boxContentImgZigZag.lukas-pavelka2, .boxContentImgZigZag.lubos-martinek2, .boxContentImgZigZag.lubos-martinek4, .boxContentImgZigZag.lubos-martinek6, .boxContentImgZigZag.lubos-martinek8, .boxContentImgZigZag.lukas-pavelka4, .boxContentImgZigZag.lukas-pavelka6 {
		order: 1;
	}
}

.boxContentImgZigZag.lukas-pavelka3 {
	background: url(images/lukas-pavelka-anker.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 400px;
}

.boxContentImgZigZag.lukas-pavelka4 {
	background: url(images/lukas-pavelka-dafit.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 400px;
}

.boxContentImgZigZag.lukas-pavelka5 {
	background: url(images/lukas-pavelka-exe-sport.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 400px;
}

.boxContentImgZigZag.lukas-pavelka6 {
	background: url(images/lukas-pavelka-certifikat.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 400px;
}

@media screen and (max-width: 980px) {
	.boxContentImgZigZag.josef-kyrian2 {
		background-size: 400px auto;
		min-height: 200px;
		order: 1;
	}
	
	.boxContentImgZigZag.honza-roubal2 {
		background-size: cover;
		min-height: 200px;
		order: 1;
	}
}

.boxContentImgZigZag.lukas-krasa3 {
	background: url(images/ksa-lukas-krasa.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 350px;
}

.boxContentImgZigZag.frantisek-mlcuch3 {
	background: url(images/frantisek-apartmany-min.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 350px;
}

.boxContentImgZigZag.tomas-suchy3 {
	background: url(images/tomas-alltours-min.jpg) #e2e2e2 no-repeat center center;
	background-size: 100% auto;
	min-height: 350px;
}

.boxContentImgZigZag.josef-kyrian3 {
	background: url(images/logos-josef.png) #e2e2e2 no-repeat center center;
	background-size: 450px auto;
	min-height: 350px;
}

.boxContentImgZigZag.honza-roubal3 {
	background: url(images/honza-roubal3.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 350px;
}

.boxContentImgZigZag.david-solc3 {
	background: url(images/primakurzy-screen.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 450px;
}

.boxContentImgZigZag.david-martinec3 {
	background: url(images/lekarny-ipc-david-martinec-min.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 350px;
}

@media screen and (max-width: 768px) {
	.boxContentImgZigZag.josef-kyrian3 {
		background-size: 300px auto;
		min-height: 200px;
		order: 1;
	}
	
	.boxContentImgZigZag.honza-roubal3 {
		background-size: cover;
		min-height: 200px;
		order: 1;
	}
	
	.boxContentImgZigZag.david-solc1,.boxContentImgZigZag.david-solc2, .boxContentImgZigZag.david-solc3, .boxContentImgZigZag.david-solc4, .boxContentImgZigZag.david-solc10, .boxContentImgZigZag.david-solc11, .boxContentImgZigZag.david-solc12, .boxContentImgZigZag.david-solc13, .boxContentImgZigZag.david-solc14 {
		background-size: cover;
		min-height: 400px;
		order: 1;
	}
	
	.boxContentImgZigZag.david-martinec1,.boxContentImgZigZag.david-martinec2, .boxContentImgZigZag.david-martinec3, .boxContentImgZigZag.david-martinec4, .boxContentImgZigZag.david-martinec10, .boxContentImgZigZag.david-martinec11, .boxContentImgZigZag.david-martinec12 {
		background-size: cover;
		min-height: 160px;
		order: 1;
	}
	
	.boxContentImgZigZag.lukas-pavelka1,.boxContentImgZigZag.lukas-pavelka2, .boxContentImgZigZag.lukas-pavelka3, .boxContentImgZigZag.lukas-pavelka4, .boxContentImgZigZag.lukas-pavelka5, .boxContentImgZigZag.lukas-pavelka6 {
			background-size: cover;
			min-height: 400px;
			order: 1;
		}
}

.boxContentImgZigZag.lukas-krasa4 {
	background: url(images/tiskolinocz.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 350px;
}

.boxContentImgZigZag.tomas-suchy4 {
	background: url(images/tomas-facebooks-min.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 350px;
}

.boxContentImgZigZag.jakub-novotny4 {
	background: url(images/primarestaurant-intro.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 350px;
}

.boxContentImgZigZag.jakub-mensik3 {
	background: url(images/logo-mzcr.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 350px;
}


.boxContentImgZigZag.josef-kyrian4 {
	background: url(images/smarthouse.png) #e2e2e2 no-repeat center center;
	background-size: auto 200px;
	min-height: 350px;
}

.boxContentImgZigZag.david-solc5 {
	background: url(images/sikland-banner.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	position: relative;
	min-height: 400px;
}

.boxContentImgZigZag.david-solc6 {
	background: url(images/bonaloka.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	position: relative;
	min-height: 400px;
}

.boxContentImgZigZag.david-solc4 {
	background: url(images/cedok-logo.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 400px;
}

.boxContentImgZigZag.david-martinec4 {
	background: url(images/bonaloka-david-martinec-min.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 350px;
}

.boxContentImgZigZag.david-solc7 {
	background: url(images/david-solc-cestovatel.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 400px;
}

.boxContentImgZigZag.david-solc8 {
	background: url(images/schill-dental-min.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	position: relative;
	min-height: 400px;
}

.boxContentImgZigZag.david-solc9 {
	background: url(images/remax-min.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	position: relative;
	min-height: 400px;
}

.boxContentImgZigZag.david-solc10 {
	background: url(images/digilife-skupina-facebook-primakurzy-min-v2.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 400px;
}

.boxContentImgZigZag.david-solc11 {
	background: url(images/krahulik-david-solc.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 400px;
}

.boxContentImgZigZag.david-solc12 {
	background: url(images/dotykacka-david-solc-min.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 400px;
}

.boxContentImgZigZag.david-solc13 {
	background: url(images/dafit-david-solc.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 400px;
}

.boxContentImgZigZag.david-solc14 {
	background: url(images/bigboy-david-solc.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 400px;
}

.boxContentImgZigZag a {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
}

@media screen and (max-width: 980px) {
	.boxContentImgZigZag.josef-kyrian4 {
		background-size: 300px auto;
		min-height: 200px;
		order: 1;
	}
	
	.boxContentImgZigZag.david-solc1,.boxContentImgZigZag.david-solc2, .boxContentImgZigZag.david-solc3, .boxContentImgZigZag.david-solc4, .boxContentImgZigZag.david-solc5, .boxContentImgZigZag.david-solc6, .boxContentImgZigZag.david-solc7, .boxContentImgZigZag.david-solc8, .boxContentImgZigZag.david-solc9, .boxContentImgZigZag.david-solc10, .boxContentImgZigZag.david-solc11, .boxContentImgZigZag.david-solc12 {
		background-size: cover;
		min-height: 338px;
		order: 1;
	}
	
		.boxContentImgZigZag.david-martinec1,.boxContentImgZigZag.david-martinec2, .boxContentImgZigZag.david-martinec3, .boxContentImgZigZag.david-martinec4, .boxContentImgZigZag.david-martinec5, .boxContentImgZigZag.david-martinec6, .boxContentImgZigZag.david-martinec7, .boxContentImgZigZag.david-martinec8, .boxContentImgZigZag.david-martinec9, .boxContentImgZigZag.david-martinec10, .boxContentImgZigZag.david-martinec11, .boxContentImgZigZag.david-martinec12 {
		background-size: 100% auto;
		min-height: 220px;
		order: 1;
	}
	
	.boxContentImgZigZag.jaroslav-capouch2 {
		order: 1;
	}
}

.boxContentImgZigZag.lukas-krasa5 {
	background: url(images/cestujsnadnocz.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 350px;
}

.boxContentImgZigZag.jakub-novotny5 {
	background: url(images/jakub-novotny5.jpg) #e2e2e2 no-repeat center center;
	background-size: cover;
	min-height: 350px;
}

.boxContentImg.selectPlace {
	background: url(images/vyber-zarizeni.jpg) no-repeat right center;
	background-size: cover;
	min-height: 350px;
}

.boxContentImg.who {
	background: url(images/povez-kdo.jpg) no-repeat right center;
	background-size: cover;
}

.boxContentImg.ownResources {
	background: url(images/uhrada-vlastnimi-zdroji.jpg) no-repeat right 0px;
	background-size: cover;
}

.boxContentImg.contactPrima {
	background: url(images/kontaktujte-primakurzy.jpg) no-repeat right center;
	background-size: cover;
}

.boxContentImg.rekvalifikant {
	background: url(images/rekvalifikant.jpg) no-repeat right center;
	background-size: cover;
}

.boxContentImg.povezAdvantages {
	background: url(images/povez-vyhody.jpg) no-repeat left center;
	background-size: cover;
}

.boxContentImg.docs {
	background: url(images/dokumenty.jpg) no-repeat left center;
	background-size: cover;
}

.boxContentImg.help {
	background: url(images/povez-pomoc.jpg) no-repeat left center;
	background-size: cover;
}

.boxContentImg.pay {
	background: url(images/uhrada-kurzu.jpg) no-repeat left center;
	background-size: cover;
}


.boxContent {
	width: 50%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	height: 500px;
	align-items: center;
	align-content: center;
	justify-content: center;
	flex-direction: column;
}

.boxContentZigZag {
	width: 50%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	height: 300px;
	align-items: center;
	align-content: center;
	justify-content: center;
	flex-direction: column;
}

@media screen and (max-width: 900px) {
	.boxContentZigZag {
		height: auto;
		padding: 30px 0;
	}
}

.boxContent.big {
	width: 50%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	height: 820px;
	align-items: center;
	align-content: center;
	justify-content: center;
	flex-direction: column;
}



.boxContent .boxContentUl {
	margin: 0 20px 0 52px;
}

.boxContentHeadline {
	font-family: var(--my-font-family-roboto);
	font-weight: 700;
	width: 60%;
	margin: 0;
	padding: 0 0 25px 0;
	font-size: clamp(1.5rem, 1.1250rem + 1.6667vw, 2rem);
	line-height: 100%;
}

.boxContentHeadline.min {
	font-family: var(--my-font-family-roboto);
	font-weight: 700;
	width: 60%;
	margin: 0;
	padding: 0 0 25px 0;
	font-size: clamp(1.5rem, 1.1250rem + 1.6667vw, 2rem);
	line-height: 100%;
}

.boxContentHeadlineZigZag {
	font-family: var(--my-font-family-roboto);
	font-weight: 700;
	width: 70%;
	margin: 0;
	padding: 0 0 25px 0;
	font-size: 32px;
	line-height: 100%;
}

.boxContentHeadline.elen {
	padding: 140px 0 0 0;
	text-align: center;
	background: url(images/elen-min.png) no-repeat center top; 
	background-size: 128px;
}

.boxContentHeadline.david {
	padding: 140px 0 0 0;
	text-align: center;
	background: url(images/david-solc.png) no-repeat center top; 
	background-size: 128px;
}

.boxContentHeadline.second {
	font-family: var(--my-font-family-roboto);
	font-weight: 700;
	margin: 0;
	padding: 25px 0 15px 0;
	font-size: 22px;
	line-height: 100%;
}

.boxContentText {
	font-family: var(--my-font-family-roboto);
	font-weight: 400;
	width: 60%;
	padding: 0;
	font-size: clamp(1.1rem, 0.8125rem + 0.8333vw, 1.35rem);
	margin: 0;
	box-sizing: border-box;
	line-height: 150%;
}

@media (min-width: 800px) {
	.boxContentText {
		font-size: 1.1rem;
	}
}

.boxContentTextZigZag {
	font-family: var(--my-font-family-roboto);
	font-weight: 300;
	width: 60%;
	padding: 0;
	font-size: 15px;
	margin: 0;
	box-sizing: border-box;
	line-height: 173%;
}

.boxContentText.eva {
	text-align: center;
	padding: 15px 0 0 0;
}

.boxContentText.eva.left {
	text-align: left;
	padding: 0 0 0 0;
}

.boxContentUl {
	font-family: var(--my-font-family-roboto);
	font-weight: 400;
	width: 60%;
	padding: 0;
	font-size: clamp(1rem, 0.8125rem + 0.8333vw, 1.25rem);
	margin: 0 0 0px 60px;
	box-sizing: border-box;
	line-height: 150%;
	list-style: circle;
}

@media (min-width: 800px) {
	.boxContentUl {
		font-size: 1.1rem;
	}
}


@media screen and (max-width: 479px) {
	.boxContentPovez {
		flex-direction: column;
	}
	
	.boxZigZag {
		flex-direction: column;
	}
	
	.boxContentImg.employer {
		background: url(images/povez-zamestnavatele2.jpg) no-repeat right 0px;
		background-size: cover;
	}
	
	.boxContentImg.selectCourse {
		background: url(images/vyber-kurzu.jpg) no-repeat right 0px;
		background-size: cover;
	}

	.boxContentImg.who {
		background: url(images/povez-kdo.jpg) no-repeat right bottom;
		background-size: cover;
	}

	.boxContent {
		width: 100%;
		padding: 55px 0;
		height: auto;
	}
	
	.boxContent.big {
		width: 100%;
		padding: 55px 0;
		height: auto;
	}
	
	.boxContentImg {
		width: 100%;
		height: 190px;
		order: -1;
	}
	
	.boxContentImg.big {
		width: 100%;
		height: 190px;
		order: -1;
		padding: 0 !important;
	}
	
	.boxContentHeadline, .boxContentText, .boxContentUl, 
	.boxContentLeftHeadline  {
		width: 80%;
	}
	
	.boxContentText.eva {
		font-size: 18px;
		font-weight: 700;
		letter-spacing: -0.5px;
	}
	
	.boxContentLeftHeadline.eva  {
		width: 80%;
		text-align: center;
	}

	.boxContentPovezTop {
		flex-direction: column;
	}
	
	.boxContentTopRight, .boxContentTopLeft, .boxContentContactLeft, .boxContentContactRight {
		width: 100%;
	}

	.boxContentPovezContact {
		flex-direction: column;
	}
	
	.boxContentHeadline.eva {
		width: 80%;
		text-align: center;
	}

}

@media screen and (min-width: 480px) {
	
	.boxContentPovezTop {
		flex-direction: column;
	}
	
	.boxContentHeadline, .boxContentText, .boxContentUl, 
	.boxContentLeftHeadline  {
		width: 80%;
	}
	
	.boxContentTopRight, .boxContentTopLeft {
		width: 100%;
	}
	
	.boxContentPovez {
		flex-direction: column;
	}
	
	.boxZigZag {
		flex-direction: column;
	}
	
	.boxContentImg.employer {
		background: url(images/povez-zamestnavatele2.jpg) no-repeat right -90px;
		background-size: cover;
	}
	
	.boxContentImg.selectCourse {
		background: url(images/vyber-kurzu.jpg) no-repeat right -90px;
		background-size: cover;
	}

	.boxContentImg.who {
		background: url(images/povez-kdo.jpg) no-repeat right bottom;
		background-size: cover;
	}

	.boxContent {
		width: 100%;
		padding: 55px 0;
		height: auto;
	}
	
	.boxContent.big {
		width: 100%;
		padding: 55px 0;
		height: auto;
	}
	
	.boxContentImg {
		width: 100%;
		height: 250px;
		order: -1;
	}
	
	.boxContentImg.big {
		width: 100%;
		height: 250px;
		order: -1;
	}

}

@media screen and (min-width: 980px) {
	
	.boxContentPovezTop {
		flex-direction: row;
	}
	
	.boxContentTopRight {
		width: 50%;
	}

	.boxContentHeadline, .boxContentText, .boxContentUl, 
	.boxContentLeftHeadline  {
		width: 70%;
	}
		
	.boxContentTopLeft {
		width: 50%;
	}
	
	.boxContentPovez {
		flex-direction: row;
	}
	
	.boxZigZag {
		flex-direction: row;
	}
	
	.boxContentImg.employer {
		background: url(images/povez-zamestnavatele2.jpg) no-repeat right center;
		background-size: cover;
	}
	
	.boxContentImg.selectCourse {
		background: url(images/vyber-kurzu.jpg) no-repeat right center;
		background-size: cover;
	}
	
	.boxContentImg.who {
		background: url(images/povez-kdo.jpg) no-repeat right center;
		background-size: cover;
	}

	.boxContent {
		width: 50%;
		padding: 0;
		height: 500px;
	}
	
	.boxContent.big {
		width: 50%;
		padding: 0;
		height: 900px;
	}

	.boxContentImg {
		width: 50%;
		height: 500px;
		padding: 0;
		order: 0;
	}
	
	.boxContentImg.big {
		width: 50%;
		height: 900px;
		padding: 0;
		order: 0;
	}
}

@media screen and (min-width: 1200px) {
	.boxContent.big {
		width: 50%;
		padding: 0;
		height: 820px;
	}
	
	.boxContentImg.big {
		width: 50%;
		height: 820px;
		padding: 0;
		order: 0;
	}
}

.boxContentUl li {
	margin: 0 0 5px 0;
}

.boxContentUl li:last-of-type {
	margin: 0 0 0px 0;
}

.povezUhrada:before {
	font-family: 'FontAwesome';
    content: '\f283';
    margin:0 10px 0 -30px;
}

.povezRefund:before {
	font-family: 'FontAwesome';
    content: '\f079';
    margin:0 10px 0 -27px;
}

.povezDocs:before {
	font-family: 'FontAwesome';
    content: '\f0f6';
    margin:0 11px 0 -25px;
}

.povezOsvc:before {
	font-family: 'FontAwesome';
    content: '\f0c0';
    margin:0 11px 0 -25px;
}

.listStyleRightHand:before {
	font-family: 'Font Awesome 5 Free';
    content: '\f0a4';
	font-weight: 400;
    margin:0 11px 0 -25px;
}

.povezChart:before {
	font-family: 'FontAwesome';
    content: '\f201';
    margin: 0 8px 0 -25px;
}

.povezStudy:before {
	font-family: 'FontAwesome';
    content: '\f19d';
    margin: 0 8px 0 -25px;
}

.povezEdit:before {
	font-family: 'FontAwesome';
    content: '\f040';
    margin: 0 8px 0 -25px;
}

.povezNoCash:before {
	font-family: 'FontAwesome';
    content: '\f1c0';
    margin: 0 8px 0 -25px;
}

.povezTel:before {
	font-family: 'FontAwesome';
    content: '\f095';
    margin: 0 8px 0 -25px;
}

.povezEmail:before {
	font-family: 'FontAwesome';
    content: '\f0e0';
    margin: 0 8px 0 -25px;
}

.povezNoCash, .povezEdit {
	margin: 0 !important;
}

.subNavi {
	position: relative;
	top: 0px;
	background: #7ab851;
	color: #fff;
	width: 100%;
	font-weight: 700;
	font-family: var(--my-font-family-roboto);
	z-index: 999;
	text-align: center;
	border-top: 0;
}

@media screen and (min-width: 2000px) {
	.subNavi {
		max-width: 2000px;
		margin: auto;
	}
}


@media screen and (max-width: 1075px) {
	.subNavi {
		max-width: 100%;
		overflow: scroll;
		margin: auto;
		
	}
}

.subNavi.grafik {
	background: rgba(9, 20, 31, 0.9);
	box-shadow: 0 5px 10px rgba(0,0,0,0.4) inset;
}

.subNavi ul {
	margin: auto;
	white-space:nowrap;
	padding: 0 10px 0 10px;
}

.subNavi ul li {
	list-style: none;
	padding-top: 0px;
	white-space:nowrap;
	display: inline-block;
	border-bottom: 3px solid transparent;
}

.subNavi ul li.active {
	background-color: #67a53e;
	border-bottom-color: black;
}

.subNavi.grafik ul li.active {
	background-color: #06131a;
	border-bottom-color: rgba(111, 179, 76, 1);
}

.subNavi ul li.active a {
	color: rgba(255,255,255, 1) !important;
}

.subNavi.grafik ul li.active a {
	color: rgba(111, 179, 76, 1) !important;
}

.subNavi ul li a {
	color: #fff;
	display: inline-block;
	padding: 21px 7px 18px 7px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5); 
}

.subNavi ul li a {
	font-size: 15px;
}

.subNavi ul li a:hover {
	color: rgba(255,255,255, 1);
	background: rgba(0,0,0,0.1);
}

.subNaviHooked {
	position: fixed;
	top: 60px;
}

@media screen and (min-width: 2000px) {
	.subNavi.subNaviHooked {
		max-width: 100%;
	}
}

@media screen and (max-width: 1000px) {
	.subNavi.topped{
		top: 0px;
	}

	/* na mobilech vypnout megneticke subnavi a rovnou ho fixnout
	.subNaviHooked {
		position: fixed;
		top: 61px;
		transition: .5s;
	}
	*/
	
	.subNavi {
		overflow: scroll;
		opacity: 0.97;

		/*na mobilu bude subnavi fixnuty hned ozacatku */
		position: fixed;
		top: 61px;
		transition: .5s;
		display: initial;
	}
	
	.subNavi .container {
		min-width: 620px;
	}
	
	.subNavi ul li a i {
		display: inline-block;
	}
}

@media screen and (max-width: 479px) {
	.subNaviHooked {
		top: 67px;
	}
}

.upFinancing {
	display: block;
	font-size: 11px;
}

.priceExtraInfoHidden{
	display: none;
}

.dateAttention {
	color: #990000;
	margin: 3px 0 15px 0;
}

.courseTrueBoxes {
	text-align: center;
	display: flex;
	padding: 0px 0 0px 0;
	flex-wrap: wrap;
    align-items: stretch;
    align-content: center;
    justify-content: center;
}

.courseTrueBoxLink {
	display: flex;
    flex-direction: column;
	z-index: 3;
}

.courseTrueBoxes.lectProf {
	padding: 55px 0;
}

.lectProfh2 {
	color: #383838;
    font-size: 40px;
	padding-top: 60px;
    font-weight: 100;
    font-family: var(--my-font-family-roboto);
}

@media (max-width: 479px) {
	.lectProfh2 {
		padding-top: 0;
	}
}

.courseTrueBox {
	box-shadow: 0 0 35px rgba(0,0,0,0.1);
	display: inline-block;
	width: 40%;
	text-align: left;
	margin: 1%;
	padding: 0;
	font-family: var(--my-font-family-roboto);
	position: relative;
	top: 0px;
	border-radius: 8px;
	background: linear-gradient(265.27deg, #0000 20.55%, #f1f1f1 94.17%);  
	  background-color: #dddddd;
	  transition: all 400ms ease-in;
}

.courseTrueBox:hover {
	box-shadow: 0 0 30px rgba(0,0,0,0.35);
	color: blue !important;
	transition: transform .2s;
	position: relative;
	transform: scale(1.00);
	background-color: #ffffff;
	transition: all 1s ease-out;
}

.courseTrueBox:hover .courseTrueBoxName {
	color: #DA0000;
	transition: all 0.30s ease-out;
}

.courseTrueBox:hover .courseType {
	color: #4e99df;
	transition: all 0.30s ease-out;
}

.courseTrueBoxPeriodsCount-1 {
	
}

.courseTrueBoxPeriodsCount-2 {
	
}

.courseTrueBoxPeriodsCount-3 {
	margin: 6px 0 -8px 0px !important;
}

.courseTrueBoxPeriodsCountBox-3 {
	font-size: 32px;
	font-weight: 700;
	display: block;
	letter-spacing: -0.5px;
	line-height: 100%;
	margin:  6px 0 35px -2px;
	min-height: 80px;
	color: #272727;
}



.courseTrueBoxPhoto {
	width: 100%;
	height: 210px;
	border-radius: 8px 8px 0 0;
}

.coursePlaces {
	background: #da0000;
	padding: 13px 15px 10px 15px;
	color: #fff;
	width: 77px;
	text-align: center;
	position: absolute;
	right: 20px;
	min-height: 50px;
	top: 0;
	border-radius: 0 0 3px 3px;
}

.placesHeadline {
	line-height: 100%;
	display: block;
	margin: 0 0 10px 0;
	font-size: 14px;
	font-weight: 700;
}

.placesBox {
	font-size: 12px;
	font-weight: 700;
	line-height: 110%;
}

.placesBox span {
	display: block;
}

.courseTrueBoxData {
	padding: 25px;
	min-height: 199px;
}



@media screen and (max-width: 479px) {
	.courseTrueBoxData {
		padding: 18px;
		min-height: 50px;
	}
}

.courseType {
	font-weight: 400;
	display: block;
	font-size: 14px;
	margin: 0 0 18px 0;
	letter-spacing: -0.1px;
	transition: all 0.30s ease-out;
}

.courseTrueBoxName {
	font-size: clamp(1.4rem, 0.2500rem + 3.3333vw, 2rem);
	font-weight: 700;
	display: block;
	letter-spacing: -0.5px;
	line-height: 100%;
	margin:  6px 0 10px 0px;
	color: #272727;
	transition: all 0.30s ease-out;
}

.studentSectionPage .courseTrueBoxName {
	font-size: 32px;
	font-weight: 700;
	display: block;
	letter-spacing: -0.5px;
	line-height: 100%;
	margin:  6px 0 44px -2px;
	color: #272727;
}

.lectorMiniBox {
	background: #ffffff;
	display: inline-block;
	padding: 4px 20px 4px 4px;
	border-radius: 50px;
	margin: 0 0 25px 25px;
	align-self: flex-start;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.courseTrueLectorPhoto { 
	display: inline-block;
	float: left;
}

.courseTrueLectorName {
	display: inline-block;
	padding: 6px 0 0 10px;
	font-weight: 400;
	color: #303030;
	float: left;
	font-size: 16px;
}

.courseTrueCategory {
	display: inline-block;
	padding: 8px 0 55px 0;
	font-weight: 400;
	color: #378db5;
	font-size: 16px;
}

@media screen and (max-width: 479px) {
	.courseTrueCategory.topMarginMobile {
		padding: 18px 0 55px 0;
	}
	
	.lectorMiniBox {
		margin: 0 0 15px 15px;
	}
}

.courseTrueCategory i {
	display: inline-block;
	margin: 0 6px 0 0;
	width: 30px;
	text-align: center;
}

.rekvalificationCoursesBlock {
	background: rgba(235,235,235,1);	
	padding: 55px 0; 
	text-align: center;
}

.rekvalificationCoursesBlock.gradient {
background: rgb(174,174,174);
background: linear-gradient(180deg, rgb(217 217 217) 0%, rgba(216, 216, 216, 1) 12%, rgba(235, 235, 235, 1) 100%)
}

@media screen and (max-width: 479px) {
	.rekvalificationCoursesBlock {
		background: #E4E3E3;	
		padding: 35px 0; 
	}
}

@media screen and (max-width: 980px) {
	.courseTrueBox {
		display: block;
		margin: auto auto 30px auto;
		width: 90%;
	}
	
	.courseTrueBoxNameMax {
		min-height: 50px;
	}
}

@media screen and (max-width: 550px) {
	.courseTrueBox {
		width: 100%;
	}
}

.headlineSection {
	position: relative !important;
    margin: 15px 0 15px 10px;
}

.headlineSection .headlineTitle {
	padding-right: 8px;
    color: #aaa;
    font-size: 14px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    background: #fff;
}

.headlineSection .colorLine {
	display: none;
    position: relative !important;
    bottom: 10px;
    width: 100%;
    height: 1px;
    z-index: -1;
    background: #eee;
}

.povezEntryPageContent {
	background: #fff;
	width: 80%;
	box-sizing: border-box;
	padding: 35px;
	border-radius: 10px;
	margin: auto;
}

.povezEntryPageContent p {
	margin: 15px 0;
	line-height: 170%;
}

.timeHelp {
	display: block;
	font-size: 12px;
	line-height: 90%;
	letter-spacing: 0;
}

.moreLectorInfo {
	display: block;
	margin: 15px 0 0 0;
}

.whereIdCourse {
	display: block;
	color: #000;
	font-size: 16px;
	padding: 5px 0 0 0;
}

.whereIdCourse ul {
	display: inline;
	margin-left: 7px;
}

.whereIdCourse ul li {
	list-style: none;
	margin-right: 5px;
	display: inline;
}

.whereIdCourse ul li a {
	color: #4e99df;
}

.novinka {
	background: yellow;
	padding: 5px;
	font-size: 18px;
	letter-spacing: -0.5px;
	text-align: center;
	width: 270px;
	margin: auto auto -2px auto;
	border-radius: 4px 4px 0 0 ;
	color: #000;
	font-weight: 700;
}

.userLoggedIn {
	padding: 55px 0;
}

.textAlignCenter {
	text-align: center;
}

.headlineStandalone.loggedIn {
	padding: 0 0 15px 0;
}

.logout {
	display: inline-block;
	padding: 7px 12px;
	font-size: 14px;
	font-weight: 400;
	background: #414141;
	color: #fff;
	border-radius: 3px;
	cursor: pointer;
	margin: auto;
	text-align: center;
}

.container.center {
	text-align: center;
}

/* Nedostupny kurz ve studentske sekci */

.studentSectionCourseUnavailable {
	padding: 55px 0;
	text-align: center;
}

.infoTitleForStudent {
	font-size: 18px;
	line-height: 150%;
	letter-spacing: -0.2px;
	max-width: 800px;
	margin: 30px auto auto auto;
}

.infoTitleForStudent .button {
	display: block;
	margin: 30px auto auto auto;
	width: 230px;
}

/* Dostupný kurz ve studentské sekci */

.studentSectionCourseAvailable {
	padding: 55px 0;
}

.presentationsSection {
	padding: 55px 0 55px 0;
	background: #f1f1f1;
}

.presentationsSection ul {
	margin: 0;
	padding: 0;
}

.presentationsSection ul li {
	padding: 8px;
	font-size: 18px;
	font-weight: 700;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}

.presentationsSection ul li:last-of-type {
	border: 0;
}


.presentationsSection ul .martinTop {
	margin-top: 30px;
}

.noBorder {
	border-bottom: 0 !important;
}

.videoSection {
	padding: 55px 0 55px 0;
	background: #5a5a5a;
}

.videoSection h2 {
	color: #fff;
}

.videoSection .videoBoxAll {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-content: stretch;
}

.videoSection .chapters {
	height: 740px;
	overflow-y: scroll;
	padding: 10px 15px;
	border-radius: 0 0 4px 4px;
	box-sizing: border-box;
}

.chapters::-webkit-scrollbar {
    width: 0.8em;
}
 
.chapters::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.6);
}
 
.chapters::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

/* vyexpirovane kurzy ve studentské sekci */

.lineTop {
	border-top: 1px solid silver;
	padding-top: 50px;
}

.lineTopSection {
	border-top: 1px dotted silver;
	padding: 40px 0 0 0;
}

.expiredCoursesSection {
	text-align: center;
    display: flex;
    padding: 0px 0 70px 0;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: center;
    justify-content: center;
}

.expiredCourseBox {
	box-shadow: 0 0 35px rgba(0,0,0,0.3);
    display: inline-block;
    width: 40%;
    text-align: left;
    margin: 1%;
    padding: 0px 0 0 0;
    font-family: var(--my-font-family-roboto);
    position: relative;
    background: #fff;
    color: inherit;
    position: relative;
    transition: transform .2s;
    position: relative;
    top: 0px;
    transition: all 0.30s ease-out;
    border-radius: 8px;
    padding: 30px 30px 30px 30px ;
    background: -webkit-linear-gradient(#a10000 0%, #dd0000 100%);
    color: #fff;
    box-sizing: border-box;
    font-size: 15px;
    cursor: pointer;
    line-height: 130%;
}

.expiredCoursesSection .expiredCourseBox:hover {
	color: #e7e7e7;
}

.expiredCourseBox .expiration {
	display: block;
	letter-spacing: 3px;
	font-size: 16px;
	font-weight: 300;
	text-transform: uppercase;
}

.expiredCourseBox h3 {
	font-size: 32px;
    font-weight: 700;
    display: block;
    letter-spacing: -0.5px;
    text-transform: none;
    line-height: 100%;
    margin: 6px 0 14px -2px;
    min-height: 80px;
    color: #fff;
}

.expiredCourseBox .saleCodeOnline {
	display: block;
	border-top: 1px dashed white;
	padding: 30px 0 0 0;
	margin: 30px 0 0 0; 	
	font-size: 20px;
}

.expiredCourseBox .saleCodeBox {
	font-size: 20px;
	padding: 5px 10px;
	border-radius: 4px;
	background: #fff;
	color: black;
	display: inline-block;
}

.expiredCourseBox .leaveToOnline {
	display: inline-block;
	padding: 10px 20px;
	border-radius: 4px;
	margin:25px 0 0 0;
	font-weight: 700;
	border: 1px solid white;
	transition: all 0.30s ease-out;
}

.expiredCoursesSection .expiredCourseBox:hover .leaveToOnline {
	background: #000;
	border: 1px solid black;
	transition: all 0.30s ease-out;
} 

.expiredCoursesSection .saleCodeExpiration {
	display: block;
	margin: 10px 0 0 0;
}

@media screen and (max-width: 980px) {
	.expiredCoursesSection {
		flex-direction: column;		
	}

	.expiredCourseBox {
	    display: block;
	    margin: auto auto 30px auto;
	    width: 90%;
	}
}

/* Let's get this party started */

.videoSection .chapters .chapter-folder.hidden ul{
	display: none;
}

.videoSection .chapterCaption {
	background: #242424;
	padding: 16px 18px;
	border-radius: 0px 4px 0 0;
	box-sizing: border-box;
	color: #fff;
}

.videoSection .chaptersBox {
	width: 30%;
	background: #373737;
	border-radius: 0 4px 4px 0;
}

.videoSection .chapters ul li {
	margin-left: 0px;
    padding-left: 40px;
  }

.videoSection .chapters ul li a:before {
	content: "\f097";
	font-family: FontAwesome;
	display: inline-block;
	color: #b2b2b2;
	margin-left: 0;
	width: 20px;
}

.videoSection li.chapter-folder {
	color: #fff;
	cursor: pointer;
	padding: 9px 5px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}

.videoSection li.chapter-folder.hidden:before {
	content: "\f055";
	font-family: FontAwesome;
	display: inline-block;
	color: #b2b2b2;
	margin-left: 0;
	width: 20px;
}

.videoSection li.chapter-folder:before {
	content: "\f056";
	font-family: FontAwesome;
	display: inline-block;
	color: #b2b2b2;
	margin-left: 0;
	width: 20px;
}

.videoSection .chapters ul li a {
	color: #fff;
	display: block;
	padding: 9px 5px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}

.videoSection .chapters ul li .active {
	color: yellow;
}

.videoSection .chapters ul li .active:before {
	content: "\f0a4";
	font-family: FontAwesome;
	display: inline-block;
	color: yellow;
	margin-left: 0;
	width: 20px;
}

.videoSection .chapters ul li a:hover {
	color: #7bbe48;
}

.videoSection .videoBox {
	background: #373737;
	width: 70%;
	box-sizing: border-box;
	padding: 15px;
	border-radius: 4px 0 4px 4px;
}

@media screen and (max-width: 739px) {
	.videoSection .videoBoxAll {
		flex-direction: column;
	}
	
	.videoSection .videoBox {
		width: 100%;
		border-radius: 4px;
		margin: 0 0 15px 0;
	}
	
	.videoSection .chaptersBox {
		width: 100%;
		border-radius: 4px;
	}
	
	.videoSection .chapterCaption {
		border-radius: 4px 4px 4px 4px;
		font-size: 18px;
	}
		
	.videoSection .chapters ul li a {
		font-size: 18px;
	}
}

.videoHint {
	padding: 10px 20px 10px 20px;
	color: #fff;
	margin-top: 10px;
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 4px;
	position: relative;
}

.videoHint.noBorder {
	border: 0px solid rgba(255,255,255,0.2);
}

.keymap {
	background: black;
	border-radius: 5px;
	padding: 3px;
	width: 14px;
	text-align: center;
}

.videoMemo {
	padding: 18px 20px 20px 70px;
	color: #fff;
	margin-top: 10px;
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 4px;
	position: relative;
}

.videoMemo a {
	color: yellow;
}

.videoMemo:before {
	content: "\f03c";
	font-family: FontAwesome;
	display: inline-block;
	color: yellow;
	margin-left: 0;
	width: 50px;
	font-size: 30px;
	position: absolute;
	left: 20px;
	top: 20px;
}

.chapterDiscussion {
	padding: 20px;
	border-radius: 4px;
	background: #181818;
}

.hidden-chapter-description{
	display: none;
}

.povezAtention {
	background: red;
	padding: 5px;
	color: white;
	box-sizing: border-box;
	border-radius: 3px;
	letter-spacing: -0.5px;
	font-weight: 700;
	text-align: left;
}

.povezAtentionBig {
	background: red;
	padding: 15px 30px;
	color: white;
	box-sizing: border-box;
	border-radius: 0 0 3px 3px;
	letter-spacing: -0.5px;
	font-weight: 700;
	text-align: center;
	font-size: 22px;
}

.povezAttention {
	font-size: 1em !important; 
	color: red !important; 
	line-height: 110% !important;
	padding: 0 !important;
	margin: 0 !important;
}

.practiceHeadline {
	background: #990000;
	padding: 5px 10px;
	display: table;
	border-radius: 3px;
	cursor: default;
	line-height: 120%;
	margin: 10px auto auto auto;
}

@media screen and (max-width: 479px) {
	.practiceHeadline {
		margin: 10px 60px 0px 60px;
	}
}

.personalDataAgreementCheck {
	padding-left: 15px;
}

@media (width < 786px) {
	.personalDataAgreementCheck {
		display: block;
		padding: 25px 0 0 0;
	}
}

.videoContainer #volumebar, .videoContainer #muteBtn {
	display: none;
}

.videoContainer.marginBottom {
	margin-bottom: 40px;
}

@media (width > 768px) {
	.videoContainer.marginBottom.contactDesktopVideo {
		display: block;
	}
	
	.videoContainer.marginBottom.contactMobileVideo {
		display: none;
	}  
}

@media (width <= 768px) {
	.videoContainer.marginBottom.contactDesktopVideo {
		display: none;
	} 
	
	.videoContainer.marginBottom.contactMobileVideo {
		display: block;
	} 
}


/*-----------------------------------------------------------*/
/* Podporovane prohlizece */
/*-----------------------------------------------------------*/

.compatibilityCheck {
	background: #fff;
	padding: 45px 0;
}

.compatibilityCheck h2 {
	padding-bottom: 15px;
	border-bottom: 1px dotted silver;
	margin-bottom: 15px;
	letter-spacing: -0.4px;
}

.compatibilityCheck h3 {
	font-size: 14px;
	margin-bottom: 5px;
	letter-spacing: -0.4px;
	padding: 0;
}

.compatibilityCheck p {
	font-size: 12px;
	margin-bottom: 20px;
	width: 80%;
}

.compatibilityCheck i {
	color: #000;
}

.compatibilityCheck ul:first-of-type {
	margin-bottom: 15px;
}

.compatibilityCheck ul:last-of-type {
	margin-bottom: 0px;
}

.compatibilityCheck .checkOk, .compatibilityCheck .checkOk i {
	color: #579c2b;
	
}

.compatibilityCheck .checkNo, .compatibilityCheck .checkNo i {
	color: #f50000;
}

.compatibilityCheck ul li {
	padding: 2px 0;
	white-space: nowrap;
	letter-spacing: -0.3px;
	font-size: 11px;
	display: inline;
	margin-right: 15px;
}

.compatibilityCheck span {
	vertical-align: top;
	top: 4px;
	font-weight: 900;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	color: #000;
	font-size: 6px;
	letter-spacing: -0.2px;
}



/*-----------------------------------------------------------*/
/* Video / ukazkova sekce */
/*-----------------------------------------------------------*/

.promoVideoHeader {
	text-align: center;
     background: #FF5F6D;  /* fallback for old browsers */
     background: -webkit-linear-gradient(to right, #FFC371, #FF5F6D);  /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(to right, #FFC371, #FF5F6D); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.headlineVideoCourse {
	font-family: var(--my-font-family-roboto);
	font-weight: 200;
	font-size: 40px;
	color: #000;
	margin-bottom: 20px;
	text-align: center;
}

.videoPromoText {
	width: 40%;
	margin: auto;
}

.videoPerex {
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	margin-bottom: 20px;
}

.promoVideoHeader .videoHeadline {
	font-family: var(--my-font-family-roboto);
	font-weight: 200;
	font-size: 40px;
	line-height: 100%;
	padding: 0 15px;
	color: #fff;
	text-align: center;
	display: block;
}

.promoVideoHeader .videoSubHeadline {
	font-family: var(--my-font-family-roboto);
	font-weight: 300;
	font-size: 24px;
	color: #8a7550;
	margin-bottom: 40px;
	text-align: center;
	padding-top: 15px;
	display: block;
}

.promoVideoHeader .playButtonPreview {
    padding: 5px 14px 5px 20px;
    display: inline-block;
    border-radius: 200px;
	border: 4px solid white;
	color: #fff;
	font-size: 40px;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.promoVideoHeader .playButtonPreview:hover {
    padding: 5px 14px 5px 20px;
    display: inline-block;
    border-radius: 200px;
	border: 4px solid white;
	color: #000;
	font-size: 40px;
	box-shadow: 0 0 10px rgba(0,0,0,0.6);
}

.promoVideoCourseName {
	font-size: 40px;
	line-height: 110%;
	font-weight: 600;
	letter-spacing: -1px;
	color: #B0996D;
	padding-top: 60px;
	text-align: center;
}

.previewVideo {
	border: 1px solid #8a7550;
	display: inline-block;
	padding: 8px 0px;
	font-size: 15px;
	font-family: var(--my-font-family-roboto);
	font-weight: 300;
	border-radius: 3px;
	box-sizing: border-box;
	margin: auto auto 70px auto;
	color: #fff;
	width: 135px;
}

.previewVideo:hover {
	color: #000;
	border: 1px solid #fff;
}

.previewVideo2 {
	border: 1px solid #8a7550;
	display: inline-block;
	padding: 8px 0px;
	font-size: 15px;
	font-family: var(--my-font-family-roboto);
	font-weight: 300;
	border-radius: 3px;
	box-sizing: border-box;
	margin: auto auto auto auto;
	color: #fff;
	width: 180px;
}

.previewVideo2:hover {
	color: #000;
	border: 1px solid #fff;
}

.smallLine {
	width: 50px;
	border-top: 1px solid #8a7550;
	display: inline-block;
	margin-top: 115px;
	margin-bottom: 30px;
}

.videoStremView {
	padding: 55px 0;
	text-align: center;
}

.videoStremView .container {
	padding: 55px;
	box-sizing: border-box;
	background: #f0f0f0;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}

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

@media screen and (max-width: 479px) {
	.promoVideoHeader {
		text-align: center;
	    background-size: auto auto;
	}
	
	.smallLine {
		margin-top: 55px;
	}
	
	.previewVideo {
		margin: auto auto 70px auto;
	}
	
	.videoPromoText {
		width: 100%;
	}
	
	.videoStremView .container {
		padding: 20px;
	}
}

@media screen and (min-width: 480px) {

	.promoVideoHeader {
		text-align: center;
	     background-size: auto auto;
	}
	
	.videoPromoText {
		width: 100%;
	}
	
	.videoPerex {
		font-size: 24px;
	}
	
	.smallLine {
		margin-top: 55px;
	}
	
	.previewVideo {
		margin: auto auto 70px auto;
	}
	
	.courseAdvantages .courseAdvantageBox.playerChapter {
			background: url(images/kapitoly-videa-primakurzy.jpg) no-repeat center top;
			background-size: 268px auto;
		}
		
	.courseAdvantages .courseAdvantageBox.playerChapterMemo {
			background: url(images/popis-videa-primakurzy.jpg) no-repeat center top;
			background-size: 268px auto;
		}
		
	.courseAdvantages .courseAdvantageBox.stopAndPlay {
			background: url(images/vypniapust-videa-primakurzy.jpg) no-repeat center top;
			background-size: 268px auto;
		}

		.courseAdvantages .courseAdvantageBox.newVideos {
			background: url(images/nova-videa-primakurzy.jpg) no-repeat center top;
			background-size: 268px auto;
		}

}

@media screen and (min-width: 768px) {
	.promoVideoHeader {
		text-align: center;
	    background-size: 100% auto;
	}
	
	.smallLine {
		margin-top: 155px;
	}
}

@media screen and (min-width: 960px) {
	.promoVideoHeader {
		text-align: center;
	    background-size: auto auto;
	}
	
	.videoPerex {
		font-size: 18px;
	}
	
	.videoPromoText {
		width: 40%;
	}	
	
	.smallLine {
		margin-top: 100px;
	}
	
	.courseAdvantages .courseAdvantageBox.playerChapter {
			background: url(images/kapitoly-videa-primakurzy.jpg) no-repeat left center;
			background-size: 268px auto;
		}
		
	.courseAdvantages .courseAdvantageBox.playerChapterMemo {
			background: url(images/popis-videa-primakurzy.jpg) no-repeat left center;
			background-size: 268px auto;
		}
		
	.courseAdvantages .courseAdvantageBox.stopAndPlay {
			background: url(images/vypniapust-videa-primakurzy.jpg) no-repeat left center;
			background-size: 268px auto;
		}
		.courseAdvantages .courseAdvantageBox.newVideos {
			background: url(images/nova-videa-primakurzy.jpg) no-repeat left center;
			background-size: 268px auto;
		}
}

.yellow {
	color: yellow;
}

.termsArea {
	padding: 20px 30px;
	border-radius: 8px;
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	background: #fff;
	width: 100%;
	box-sizing: border-box;
	height: 250px;
	font-size: 14px;
	font-family: var(--my-font-family-open-sans);
	letter-spacing: 0.3px;
	line-height: 170%;
	color: #737373;
	border: 0;
}

.termsSection {
	background: #f0f0f0;
	padding: 55px 0;
}

.redButton {
	background: #990000;
	color: white;
}

.redButton:hover {
	background: #c70000;
	color: white;
}

.termsButtons {
	padding-top: 30px;
	padding-bottom: 20px;
	text-align: center;
}

.termsButtons a {
	font-size: 16px !important;
}

.termsHeadline {
	font-size: 42px;
	text-align: center;
	line-height: 110%;
	padding-bottom: 30px;
	letter-spacing: -0.3px;
	font-weight: 300;
}

.userRegisterInfoBox {
	border-radius: 3px;
	background: rgba(255,255,255,0.3);
	padding: 20px;
	max-width: 350px;
	margin: auto;
	box-sizing: border-box;
	display: block;
	text-align: center;
}

.userRegisterInfoBox i {
	font-size: 45px;
	color: #b19e76;
	display: block;
	margin: auto auto 10px auto;
}

.brnoOffice {
	margin-top: 7px;
}

.userStory {
	flex: 1 0 auto;
}

.nameOfCity {
	display: inline-block;
	padding: 3px 5px;
	background: #4e99df;
	min-width: 38px;
	color: #fff;
	border-radius: 4px;
}

.termInfo {
	margin-bottom: 1px;
	font-size: 13px;
}

@media screen and (max-width: 479px) {
	.termInfo {
		font-size: 11px;
	}
}

.termInfo.moreSpace {
	margin-top: 20px;
}

.interviewName {
	display: block;
	margin-top: 10px;
	font-weight: 700;
	font-size: 20px;
	line-height: 120%;
	color: #000;
	margin-bottom: 8px;
}

.interviewSubheading {
	color: #3e3e3e;
	font-size: 14px;
	margin-bottom: 15px;
	line-height: 130%;
	display: block;
	text-align: center;
}

.dateInfo {
	display: inline-block;
	padding: 3px 5px;
	background: #f1f1f1;
	color: #000;
	min-width: 100px;
	border-radius: 4px;
}

.vacancies {
	background: #8dc63f;
	display: inline-block;
	border-radius: 4px;
	padding: 3px 5px;
	color: #fff;
}

.newProfile {
	padding-top: 60px;
	background: url(images/lector-bg.png);
}

.newProfile.light {
	background: url(images/lector-light-bg.png);
}

.nameAndSubmenuPanel {
	color: #fff;
	background: rgba(26, 26, 26, 0.7);
	padding: 15px 0 12px 0;
}

.containerLukas {
	background: url(images/lukas-krasa-min.png) no-repeat;
	background-position: right 70px top 30px;
	background-size: auto 700px;
	min-height: 600px;
}

.containerDavid {
	background: url(images/david-solc-min.png) no-repeat;
	background-position: right 70px top 30px;
	background-size: auto 700px;
	min-height: 600px;
}

.containerJaroslav {
	background: url(images/david-solc-min.png) no-repeat;
	background-position: right 70px top 30px;
	background-size: auto 700px;
	min-height: 600px;
}

.containerJosef {
	background: url(images/josef-kyrian-min.png) no-repeat;
	background-position: right 70px top 30px;
	background-size: auto 700px;
	min-height: 450px;
}

.containerJakub {
	background: url(images/jakub-novotny-min.png) no-repeat;
	background-position: right 70px top 30px;
	background-size: auto 700px;
	min-height: 450px;
}

.containerJakubM {
	background-position: right 30px;
	background-size: auto 610px !important;
	min-height: 580px;
	background-repeat: no-repeat;
}

.containerDavidM {
	background: url(images/david-martinec-min.png) no-repeat;
	background-position: right 70px top 30px;
	background-size: auto 700px;
	min-height: 450px;
}

.containerLukasP {
	background: url(images/lukas-pavelka-min.png) no-repeat;
	background-position: right 70px top 30px;
	background-size: auto 700px;
	min-height: 600px;
}

.containerFrantisek {
	background: url(images/frantisek-mlcuch-primakurzy-min.png) no-repeat;
	background-position: right 70px top 30px;
	background-size: auto 600px;
	min-height: 520px;
}

.containerTomas {
	background: url(images/tomas-suchy-primakurzy-min.png) no-repeat;
	background-position: right 70px top 30px;
	background-size: auto 600px;
	min-height: 560px;
}

.containerTonda {
	background: url(images/tonda-truong-primakurzy-min.png) no-repeat;
	background-position: right 70px top 30px;
	background-size: auto 600px;
	min-height: 560px;
}

.lectorSubmenu {
	float: right;
}

.nLectorName {
	float: left;
	font-size: 40px;
	font-family: var(--my-font-family-roboto);
	font-weight: 200;
	padding: 12px 0 0 0;
}

.lectorSubmenu ul li {
	display: inline-block;
	margin: 0px;
	text-align: center;
}

.lectorSubmenu ul li a  {
	color: #fff;
	display: inline-block;
	padding: 10px 10px;
}

.lectorSubmenu ul li a:hover  {
	color: #7ab851;
}

.lectorSubmenu ul li i {
	font-size: 30px;
    text-align:center;
    vertical-align:middle;
    position: relative;
}

.badge-lukas-krasa:after{
    content:"1";
    position: absolute;
    background: rgba(194, 0, 0, 1);
    height:1.5rem;
    top:-0.2rem;
    right:-1rem;
    width:1.5rem;
    font-family: var(--my-font-family-roboto);
    text-align: center;
    line-height: 1.6rem;
    font-size: 12px;
    border-radius: 50%;
    color:white;
    font-weight: 900;
}

.badge-tomas-suchy:after{
    content:"3";
    position: absolute;
    background: rgba(194, 0, 0, 1);
    height:1.5rem;
    top:-0.2rem;
    right:-1rem;
    width:1.5rem;
    font-family: var(--my-font-family-roboto);
    text-align: center;
    line-height: 1.6rem;
    font-size: 12px;
    border-radius: 50%;
    color:white;
    font-weight: 900;
}

.badge-tonda-truong:after{
    content:"3";
    position: absolute;
    background: rgba(194, 0, 0, 1);
    height:1.5rem;
    top:-0.2rem;
    right:-1rem;
    width:1.5rem;
    font-family: var(--my-font-family-roboto);
    text-align: center;
    line-height: 1.6rem;
    font-size: 12px;
    border-radius: 50%;
    color:white;
    font-weight: 900;
}

.badge-jakub-mensik:after{
    content:"4";
    position: absolute;
    background: rgba(194, 0, 0, 1);
    height:1.5rem;
    top:-0.2rem;
    right:-1rem;
    width:1.5rem;
    font-family: var(--my-font-family-roboto);
    text-align: center;
    line-height: 1.6rem;
    font-size: 12px;
    border-radius: 50%;
    color:white;
    font-weight: 900;
}

.badge-jaroslav-capouch:after{
    content:"2";
    position: absolute;
    background: rgba(194, 0, 0, 1);
    height:1.5rem;
    top:-0.2rem;
    right:-1rem;
    width:1.5rem;
    font-family: var(--my-font-family-roboto);
    text-align: center;
    line-height: 1.6rem;
    font-size: 12px;
    border-radius: 50%;
    color:white;
    font-weight: 900;
}

.badge-veronika-brazdova:after{
    content:"1";
    position: absolute;
    background: rgba(194, 0, 0, 1);
    height:1.5rem;
    top:-0.2rem;
    right:-1rem;
    width:1.5rem;
    font-family: var(--my-font-family-roboto);
    text-align: center;
    line-height: 1.6rem;
    font-size: 12px;
    border-radius: 50%;
    color:white;
    font-weight: 900;
}

.badge-lubomir-martinek:after{
	content:"2";
	position: absolute;
	background: rgba(194, 0, 0, 1);
	height:1.5rem;
	top:-0.2rem;
	right:-1rem;
	width:1.5rem;
	font-family: var(--my-font-family-roboto);
	text-align: center;
	line-height: 1.6rem;
	font-size: 12px;
	border-radius: 50%;
	color:white;
	font-weight: 900;
}

.badge-lukas-pavelka:after{
    content:"1";
    position: absolute;
    background: rgba(194, 0, 0, 1);
    height:1.5rem;
    top:-0.2rem;
    right:-1rem;
    width:1.5rem;
    font-family: var(--my-font-family-roboto);
    text-align: center;
    line-height: 1.6rem;
    font-size: 12px;
    border-radius: 50%;
    color:white;
    font-weight: 900;
}

.badge-josef-kyrian:after{
    content:"1";
    position: absolute;
    background: rgba(194, 0, 0, 1);
    height:1.5rem;
    top:-0.2rem;
    right:-1rem;
    width:1.5rem;
    font-family: var(--my-font-family-roboto);
    text-align: center;
    line-height: 1.6rem;
    font-size: 12px;
    border-radius: 50%;
    color:white;
    font-weight: 900;
}

.badge-david-solc:after{
    content:"4";
    position: absolute;
    background: rgba(194, 0, 0, 1);
    height:1.5rem;
    top:-0.2rem;
    right:-1rem;
    width:1.5rem;
    font-family: var(--my-font-family-roboto);
    text-align: center;
    line-height: 1.6rem;
    font-size: 12px;
    border-radius: 50%;
    color:white;
    font-weight: 900;
}

.badge-david-martinec:after{
    content:"1";
    position: absolute;
    background: rgba(194, 0, 0, 1);
    height:1.5rem;
    top:-0.2rem;
    right:-1rem;
    width:1.5rem;
    font-family: var(--my-font-family-roboto);
    text-align: center;
    line-height: 1.6rem;
    font-size: 12px;
    border-radius: 50%;
    color:white;
    font-weight: 900;
}

.badge-frantisek-mlcuch:after{
    content:"2";
    position: absolute;
    background: rgba(194, 0, 0, 1);
    height:1.5rem;
    top:-0.2rem;
    right:-1rem;
    width:1.5rem;
    font-family: var(--my-font-family-roboto);
    text-align: center;
    line-height: 1.6rem;
    font-size: 12px;
    border-radius: 50%;
    color:white;
    font-weight: 900;
}

.badge-jakub-novotny:after{
    content:"2";
    position: absolute;
    background: rgba(194, 0, 0, 1);
    height:1.5rem;
    top:-0.2rem;
    right:-1rem;
    width:1.5rem;
    font-family: var(--my-font-family-roboto);
    text-align: center;
    line-height: 1.6rem;
    font-size: 12px;
    border-radius: 50%;
    color:white;
    font-weight: 900;
}

.aboutLector {
	color: #4b4b4b;
	font-size: 40px;
	font-weight: 100;
	font-family: var(--my-font-family-roboto);
	padding-top: 70px;
}

.aboutLector.dark {
	color: #fff;
}

.lectorWork {
	color: #181818;
	font-size: 40px;
	font-weight: 100;
	font-family: var(--my-font-family-roboto);
	padding-top: 70px;
	padding: 40px;
	line-height: 100%;
}

.xflip-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
	
.xflip-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.lectorLongDescriptionNew {
	color: #3b3b3b;
	margin-top: 20px;
	line-height: 140%;
	font-weight: 400;
	width: 550px;	
	margin-bottom: 15px;
}

.lectorLongDescriptionNew.dark p, .lectorLongDescriptionNew.dark h2 {
	color: #e2e2e2;
	line-height: 120%;
}

@media screen and (max-width: 479px) {
	.lectorLongDescriptionNew h3 {
		margin: 2px 0 15px 25px;
	}
}

.lectorLongDescriptionNew.dark {
	color: #3e3e3e;
	font-weight: 400;
}

.lectorLongDescriptionNew h2 {
	line-height: 160%;
}


.lectorLongDescriptionNew p {
	padding: 10px 0;
}

.lectorLongDescriptionNew.dark p {
	line-height: 150%;
}

@media screen and (max-width: 479px) {
	.newProfile {
		padding-top: 105px;
	}
	
	.aboutLector {
		text-align: left;
		padding: 0px 0 0 20px;
	}
	
	.cnt.pd.containerLukas button, .cnt.pd.containerDavid button, .cnt.pd.containerJaroslav button, .cnt.pd.containerJosef button, .cnt.pd.containerLukasP button, .cnt.pd.containerJakub button, .cnt.pd.containerDavidM button, .cnt.pd.containerFrantisek button, .cnt.pd.containerTomas button, .cnt.pd.containerTonda button, .cnt.pd.containerJakubM button, .cnt.pd.containerVeronika button, .cnt.pd.containerLubomir button, .cnt.pd.containerHonza button {
		margin: 5px auto 0px auto;
	}

	.lectorLongDescriptionNew p {
		padding: 0 0px 15px 0px;
	}
	
	.lectorLongDescriptionNew h2 {
		padding: 0 25px 0px 25px;
	}
}

@media screen and (max-width: 767px) {
	.newProfile {
		padding-top: 0px;
	}
	
	.lectorSubmenu {
		display: none;
	}
	
	.nLectorName {
		padding: 8px 0 8px 0;
		float: none;
		text-align: center;
	}

	.aboutLector {
		padding-top: 30px;
	}
}

@media screen and (max-width: 768px) {
	.aboutLector {
		padding-top: 30px;
		text-align: center;
		padding-left: 0;
	}
}

@media screen and (min-width: 740px) {
	.newProfile {
		padding-top: 105px;
	}
}

@media (max-width: 980px) {
	.lectorLongDescriptionNew {
		width: 52%;
		line-height: 120%;
	}
	
	.containerLukas {
		background: url(images/lukas-krasa-min.png) no-repeat;
		background-position: right -70px top 30px;
		background-size: auto 540px;
		min-height: 600px;
	}

	.containerFrantisek {
		background: url(images/frantisek-mlcuch-primakurzy-min.png) no-repeat;
		background-position: right -70px top 30px;
		background-size: auto 540px;
		min-height: 600px;
	}
	
	.containerDavid {
		background: url(images/david-solc-min.png) no-repeat;
		background-position: right -70px top 30px;
		background-size: auto 540px;
		min-height: 600px;
	}
	
	.containerJaroslav {
		background: url(images/david-solc-min.png) no-repeat;
		background-position: right -70px top 30px;
		background-size: auto 540px;
		min-height: 600px;
	}
	
	.containerLukasP {
		background: url(images/lukas-pavelka-min.png) no-repeat;
		background-position: right -140px bottom;
		background-size: auto 100%;
		min-height: 600px;
	}
	
	.containerJosef {
		background: url(images/josef-kyrian-min.png) no-repeat;
		background-position: right -70px top 30px;
		background-size: auto 540px;
		min-height: 600px;
	}
	
	.containerJakub {
		background-position: right -70px top 30px;
		background-size: auto 540px;
		min-height: 600px;
	}

	.containerJakubM {
		background-position: right -70px top 30px;
		background-size: auto 540px !important;
		min-height: 780px;
	}
	
	.containerVeronika {
		background-position: right -70px top 30px;
		background-size: auto 540px;
		min-height: 750px;
	}
	
	.containerLubomir {
		background-position: right -70px top 30px;
		background-size: auto 540px;
		min-height: 750px;
	}
	
	.containerHonza {
		background-position: right -70px top 30px;
		background-size: auto 540px;
		min-height: 600px;
	}
	
	.containerDavidM {
		background: url(images/david-martinec-min.png) no-repeat;
		background-position: right -70px top 30px;
		background-size: auto 540px;
		min-height: 600px;
	}
	
	.lectorLongDescriptionNew h2 {
		line-height: 120%;
	}
	
	.boxContentImgZigZag {
		width: 100%;
	}
	
	.boxContentZigZag {
		width: 100%;
	}
	
	.boxContentHeadlineZigZag {
		width: 80%;
	}
	
	.boxContentImgZigZag.lukas-krasa1 {
		background: url(images/lavincz2.jpg) #e2e2e2 no-repeat center center;
		background-size: cover;
		height: 200px;
	}
	
	.boxContentImgZigZag.frantisek-mlcuch1 {
		background: url(images/frantisek-noir-min.jpg) #e2e2e2 no-repeat center center;
		background-size: cover;
		height: 200px;
	}
	
	.boxContentImgZigZag.tomas-suchy1 {
		background: url(images/tomas-bonaloka-min.jpg) no-repeat center center;
		background-size: 100% auto;
		height: 200px;
	}
	
	.boxContentImgZigZag.jakub-novotny1 {
		background: url(images/jakub-novotny1.jpg) no-repeat center center;
		background-size: cover;
		height: 200px;
	}
	
	.boxContentImgZigZag.jakub-mensik1 {
		background: url(images/logo-aquapalace-praha.jpg) no-repeat center center;
		background-size: cover;
		height: 200px;
	}
	
	.boxContentImgZigZag.veronika-brazdova1 {
		background: url(images/kamerov-veronika.jpg) no-repeat center center;
		background-size: cover;
		height: 400px;
	}
	
	.boxContentImgZigZag.tonda-truong1 {
		background: url(images/tonda-truong1.jpg) no-repeat center center;
		background-size: cover;
		height: 200px;
	}
	
	.boxContentImgZigZag.lukas-krasa2 {
		background: url(images/olympikcz.jpg) no-repeat center center;
		background-size: cover;
		height: 200px;
		order: 2;
	}
	
	.boxContentImgZigZag.frantisek-mlcuch2 {
		background: url(images/frantisek-audioworks-min.jpg) no-repeat center center;
		background-size: cover;
		height: 200px;
		order: 2;
	}
	
	.boxContentImgZigZag.tomas-suchy2 {
		background: url(images/tomas-primakurzy-min.jpg) no-repeat center center;
		background-size: cover;
		height: 200px;
		order: 2;
	}
	
	.boxContentImgZigZag.jakub-novotny2 {
		background: url(images/jakub-novotny2.jpg) no-repeat center center;
		background-size: cover;
		height: 200px;
		order: 2;
	}
	
	.boxContentImgZigZag.jakub-mensik2 {
		background: url(images/logo-hertz-cr.jpg) no-repeat center center;
		background-size: cover;
		height: 200px;
		order: 2;
	}
	
	.boxContentImgZigZag.veronika-brazdova2 {
		background: url(images/dobra-miska-veronika.jpg) no-repeat center center;
		background-size: cover;
		height: 400px;
		order: 2;
	}
	
	.boxContentImgZigZag.veronika-brazdova3 {
		background: url(images/veronika-brazdova-josport.jpg) no-repeat center center;
		background-size: cover;
		height: 400px;
		order: 2;
	}
	
	.boxContentImgZigZag.veronika-brazdova4 {
		background: url(images/veronika-brazdova-ceske-luzkoviny.jpg) no-repeat center center;
		background-size: cover;
		height: 400px;
		order: 2;
	}
	
	.boxContentImgZigZag.lukas-krasa3 {
		background: url(images/ksa-lukas-krasa.jpg) no-repeat center center;
		background-size: cover;
		height: 200px;
		order: 2;
	}
	
	.boxContentImgZigZag.frantisek-mlcuch3 {
		background: url(images/frantisek-apartmany-min.jpg) no-repeat center center;
		background-size: cover;
		height: 200px;
		order: 2;
	}
	
	.boxContentImgZigZag.tomas-suchy3 {
		background: url(images/tomas-alltours-min.jpg) no-repeat center center;
		background-size: cover;
		height: 200px;
		order: 2;
	}
	
	.boxContentImgZigZag.lukas-krasa4 {
		background: url(images/tiskolinocz.jpg) no-repeat center center;
		background-size: cover;
		height: 200px;
		order: 2;
	}
	
	.boxContentImgZigZag.tomas-suchy4 {
		background: url(images/tomas-facebooks-min.jpg) no-repeat center center;
		background-size: cover;
		height: 200px;
		order: 2;
	}
	
	.boxContentImgZigZag.jakub-novotny4 {
		background: url(images/primarestaurant-intro.jpg) no-repeat center center;
		background-size: cover;
		height: 200px;
		order: 2;
	}
	
	.boxContentImgZigZag.jakub-mensik3 {
		background: url(images/logo-mzcr.jpg) no-repeat center center;
		background-size: cover;
		height: 200px;
		order: 2;
	}
	
	.boxContentImgZigZag.lukas-krasa5 {
		background: url(images/cestujsnadnocz.jpg) no-repeat center center;
		background-size: cover;
		height: 200px;
	}
	
	.boxContentImgZigZag.jakub-novotny5 {
		background: url(images/jakub-novotny5.jpg) no-repeat center center;
		background-size: cover;
		height: 200px;
		order: 2;
	}
}

@media (max-width: 760px) {
	.containerLukasP {
		background: url(images/lukas-pavelka-min.png) no-repeat;
		background-position: right -90px bottom;
		background-size: 60% auto;
		min-height: 600px;
	}
}

@media (max-width: 980px) and (min-width: 479px) {
	.containerLukas {
		min-height: 920px;
	}
}

@media (max-width: 980px) and (min-width: 671px) {
	.containerLukas {
		min-height: 790px;
	}
}

@media (max-width: 1200px) and (min-width: 971px) {
	.containerLukas {
		min-height: 890px;
	}
}


@media screen and (min-width: 980px) {
	.newProfile {
		padding-top: 55px;
	}
	
	.containerLukas {
		background: url(images/lukas-krasa-min.png) no-repeat;
		background-position: right -70px top 30px;
		background-size: auto 540px;
		min-height: 600px;
		box-sizing: border-box;
	}
	
	.containerFrantisek {
		background: url(images/frantisek-mlcuch-primakurzy-min.png) no-repeat;
		background-position: right -70px top 30px;
		background-size: auto 540px;
		min-height: 600px;
		box-sizing: border-box;
	}
	
	.containerDavid {
		background: url(images/david-solc-min.png) no-repeat;
		background-position: right -70px top 30px;
		background-size: auto 540px;
		min-height: 600px;
		box-sizing: border-box;
	}
	
	.containerJaroslav {
		background: url(images/david-solc-min.png) no-repeat;
		background-position: right -70px top 30px;
		background-size: auto 540px;
		min-height: 600px;
		box-sizing: border-box;
	}
	
	.containerLukasP {
		background: url(images/lukas-pavelka-min.png) no-repeat;
		background-position: right -70px bottom 0px;
		background-size: auto 90%;
		min-height: 840px;
		box-sizing: border-box;
	}
	
	.containerJosef {
		background: url(images/josef-kyrian-min.png) no-repeat;
		background-position: right -20px top 30px;
		background-size: auto 540px;
		min-height: 600px;
		box-sizing: border-box;
	}

	.containerJakub {
		background: url(images/jakub-novotny-min.png) no-repeat;
		background-position: right -70px top 30px;
		background-size: auto 540px;
		min-height: 600px;
		box-sizing: border-box;
	}
	
	.containerJakubM {
		background-position: right -70px top 30px;
		background-size: auto 540px;
		min-height: 600px;
		box-sizing: border-box;
	}
	
	.containerVeronika {
		background-position: right -70px top 30px;
		background-size: auto 540px;
		min-height: 750px;
		box-sizing: border-box;
	}
	
	.containerLubomir {
		background-position: right -70px top 30px;
		background-size: auto 540px;
		min-height: 750px;
		box-sizing: border-box;
	}
	
	.containerHonza {
		background-position: right -0px top 30px;
		background-size: auto 540px;
		min-height: 600px;
		box-sizing: border-box;
	}
	
	.containerTonda {
		background: url(images/tonda-truong-primakurzy-min.png) no-repeat;
		background-position: 590px 30px;
		background-size: auto 520px;
	}	
	
	.containerTomas {
		background: url(images/tomas-suchy-primakurzy-min.png) no-repeat;
		background-position: 590px 30px;
		background-size: auto 520px;
	}	
	
	.containerDavidM {
		background: url(images/david-martinec-min.png) no-repeat;
		background-position: right -70px top 30px;
		background-size: auto 540px;
		min-height: 600px;
		box-sizing: border-box;
	}

}

@media screen and (max-width: 800px) {
	.containerTonda {
		background: url(images/tonda-truong-primakurzy-min.png) no-repeat;
		background-position: 360px 30px;
		background-size: auto 500px;
		min-height: 600px;
	}	
	
	.containerTomas {
		background: url(images/tomas-suchy-primakurzy-min.png) no-repeat;
		background-position: 360px 30px;
		background-size: auto 520px;
		min-height: 600px;
	}	
}

@media screen and (max-width: 479px) {
	.newProfile {
		padding-top: 0px;
	}
	
	.containerLukas {
		background: url(images/lukas-krasa-min.png) no-repeat;
		background-position: center top 30px;
		background-size: auto 500px;
		min-height: 740px;
		padding-top: 540px !important;
		text-align: center;
	}
	
	.containerTomas {
		background: url(images/tomas-suchy-primakurzy-min.png) no-repeat;
		background-position: center 40px;
		background-size: auto 500px;
		min-height: 600px;
		padding-top: 540px !important;
		text-align: center;
	}

	.containerTonda {
		background: url(images/tonda-truong-primakurzy-min.png) no-repeat;
		background-position: -50px 30px;
		background-size: auto 500px;
		min-height: 600px;
		padding-top: 540px !important;
		text-align: center;
	}
	
	.containerFrantisek {
		background: url(images/frantisek-mlcuch-primakurzy-min.png) no-repeat;
		background-position: center top 30px;
		background-size: auto 500px;
		min-height: 620px;
		padding-top: 540px !important;
		text-align: center;
	}
	
	.containerLukasP {
		background: url(images/lukas-pavelka-min.png) no-repeat;
		background-position: center top 30px;
		background-size: auto 500px;
		min-height: 600px;
		padding-top: 540px !important;
		text-align: center;
	}
	
	.containerDavid {
		background: url(images/david-solc-min.png) no-repeat;
		background-position: center top 30px;
		background-size: auto 500px;
		min-height: 600px;
		padding-top: 540px !important;
		text-align: center;
	}
	
	.containerJaroslav {
		background: url(images/david-solc-min.png) no-repeat;
		background-position: center top 30px;
		background-size: auto 500px;
		min-height: 420px;
		padding-top: 540px !important;
		text-align: center;
	}
	
	.containerJakub {
		background: url(images/jakub-novotny-min.png) no-repeat;
		background-position: center top 30px;
		background-size: auto 500px;
		min-height: 600px;
		padding-top: 540px !important;
		text-align: center;
	}
	
	.containerJakubM {
		background-position: center top 30px;
		background-size: auto 500px;
		min-height: 600px;
		padding-top: 540px !important;
		text-align: center;
	}
	
	.containerVeronika {
		background-position: -60px 40px;
		background-size: auto 610px;
		min-height: 600px;
		padding-top: 540px !important;
		text-align: center;
	}
	
	.containerLubomir {
		background-position: -60px 40px;
		background-size: auto 610px;
		min-height: 600px;
		padding-top: 540px !important;
		text-align: center;
	}
	
	.containerHonza {
		background-position: 20px 40px;
		background-size: auto 510px;
		min-height: 600px;
		padding-top: 540px !important;
		text-align: center;
	}
	
	.containerDavidM {
		background: url(images/david-martinec-min.png) no-repeat;
		background-position: center top 30px;
		background-size: auto 500px;
		min-height: 490px;
		padding-top: 540px !important;
		text-align: center;
	}
	
	.containerJosef {
		background: url(images/josef-kyrian-min.png) no-repeat;
		background-position: center top 30px;
		background-size: auto 500px;
		min-height: 500px;
		padding-top: 540px !important;
		text-align: center;
	}

	.lectorLongDescriptionNew {
		width: 87%;
		margin: 20px auto 20px auto;
		line-height: 150%;
	}
}

@media (max-width: 720px) {
	.containerVeronika, .containerLubomir {
		background-position: right -70px top 30px;
		background-size: auto 540px;
		min-height: 1050px;
	}	
}

@media (max-width: 479px) {
	.containerVeronika, .containerLubomir {
		background-position: center top;
		background-size: auto 510px;
		min-height: 900px;
	}
	
}

@media screen and (min-width: 1200px) {
	.newProfile {
		padding-top: 61px;
		padding-bottom: 50px;
	}
	
	.containerLukas {
		background: url(images/lukas-krasa-min.png) no-repeat;
		background-position: right 40px top 52px;
		background-size: auto 540px;
		min-height: 550px;
	}

	.containerFrantisek {
		background: url(images/frantisek-mlcuch-primakurzy-min.png) no-repeat;
		background-position: right 60px top 52px;
		background-size: auto 500px;
		min-height: 470px;
	}
	
	.containerTonda {
		background: url(images/tonda-truiong-primakurzy-min.png) no-repeat;
		background-position: right 60px top 52px;
		background-size: auto 550px;
		min-height: 590px;
	}
	
	.containerDavid {
		background: url(images/david-solc-min.png) no-repeat;
		background-position: right 40px top 52px;
		background-size: auto 490px;
		min-height:450px;
	}
	
	.containerJaroslav {
		background: url(images/david-solc-min.png) no-repeat;
		background-position: right 40px top 52px;
		background-size: auto 490px;
		min-height:450px;
	}
	
	.containerLukasP {
		background: url(images/lukas-pavelka-min.png) no-repeat;
		background-position: right 40px top 52px;
		background-size: auto 670px;
		min-height: 700px;
	}
	
	.containerJosef {
		background: url(images/josef-kyrian-min.png) no-repeat;
		background-position: right 40px top 32px;
		background-size: auto 540px;
		min-height: 450px;
	}
	
	.containerJakub {
		background: url(images/jakub-novotny-min.png) no-repeat;
		background-position: right 40px top 52px;
		background-size: auto 540px;
		min-height: 450px;
	}
	
	.containerJakubM {
		background-position: right 40px top 52px;
		background-size: auto 540px !important;
		min-height: 490px;
	}
	
	.containerVeronika, .containerLubomir {
		background-position: right 40px top 52px;
		background-size: auto 570px !important;
		min-height: 620px;
	}

	.containerHonza {
		background-position: right 40px top 52px;
		background-size: auto 570px !important;
		min-height: 540px;
	}

	.containerDavidM {
		background: url(images/david-martinec-min.png) no-repeat;
		background-position: right 40px top 52px;
		background-size: auto 540px;
		min-height: 520px;
	}
	
	.containerTomas {
		background: url(images/tomas-suchy-primakurzy-min.png) no-repeat;
		background-position: right 70px top 30px;
		background-size: auto 600px;
		min-height: 560px;
	}
	
	.lectorLongDescriptionNew {
		width: 650px;
	}

}

/* Tada animace */

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(.9) rotate(-8deg);
    transform: scale(.9) rotate(-8deg);
  }

  30%, 50%, 70% {
    -webkit-transform: scale(1.3) rotate(8deg);
    transform: scale(1.3) rotate(8deg);
  }

  40%, 60% {
    -webkit-transform: scale(1.3) rotate(-8deg);
    transform: scale(1.3) rotate(-8deg);
  }

  80%, 100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(.9) rotate(-8deg);
    -ms-transform: scale(.9) rotate(-8deg);
    transform: scale(.9) rotate(-8deg);
  }

  30%, 50%, 70% {
    -webkit-transform: scale(1.3) rotate(8deg);
    -ms-transform: scale(1.3) rotate(8deg);
    transform: scale(1.3) rotate(8deg);
  }

  40%, 60% {
    -webkit-transform: scale(1.3) rotate(-8deg);
    -ms-transform: scale(1.3) rotate(-8deg);
    transform: scale(1.3) rotate(-8deg);
  }

  80%, 100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.faa-tada.animated,
.faa-tada.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-tada {
  -webkit-animation: tada 2s linear infinite;
  animation: tada 2s linear infinite;
}

.faa-tada.animated.faa-fast,
.faa-tada.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-tada.faa-fast {
  -webkit-animation: tada 1s linear infinite;
  animation: tada 1s linear infinite;
}

.faa-tada.animated.faa-slow,
.faa-tada.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-tada.faa-slow {
  -webkit-animation: tada 3s linear infinite;
  animation: tada 3s linear infinite;
}

.workFor {
	min-height: 300px;
}

.workFor .cnt {
	background: #fff;
	position: relative;
	top: -60px;
	min-height: 300px;
}

.dopravaBox {
	width: 150px;
	text-align: center;
	border-radius: 7px;
	padding: 7px;
	margin: 0 5px 10px 5px;
	background: #fff;
}

@media screen and (max-width: 479px) {
	.dopravaBox {
		width: 100%;
		text-align: center;
		border: 0px solid #d3d3d3;
		border-radius: 7px;
		padding: 7px;
		margin: 0 5px 10px 5px;
		background: #fff;
	}
	
	.workFor {
		margin: 70px 0 0 0;
	}
}

.dopravaBox .numDop {
	font-size: 40px;
	font-weight: 900;
	color: rgba(111, 179, 76, 1);
	margin: 0;
	padding: 0;
	line-height: 100%;
}

.dopravaBox p {
	font-size: clamp(0.5rem, 0.4750rem + 1.0000vw, 0.8rem);
	line-height: 130%;
	margin-top: 5px;
}

.dopravaBox h2 {
	font-size: 22px;
	padding: 0;
	margin: 0;
}

.dopravaBoxes {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	padding-top: 5px;
}

.adwordsCertificate {
	background: url(images/google-adwords-certifikat.jpg) no-repeat center center;
	width: 300px;
	height: 132px;
	display: inline-block;	
	background-size: 300px auto;
}

.analyticsCertificate {
	background: url(images/google-analytics-certifikat.jpg) no-repeat center center;
	width: 300px;
	height: 132px;
	display: inline-block;	
	background-size: 300px auto;
}

.availableBox {
	background: #f0f0f0; 
	padding: 10px 10px 5px 10px; 
	border-radius: 7px; 
}

.availableBox.first {
	margin-bottom: 10px !important;
}

.availableBoxCity {
	padding-left: 10px !important;
	padding-top: 5px !important;
	font-weight: 300;
}

.josefSays {
	font-weight: 100; 
	padding: 45px; 
	font-size: 34px;
	text-align: center; 
	letter-spacing: -1px;
	color: #7b7b7b;
}


.davidMsays {
	font-weight: 100; 
	padding: 45px; 
	font-size: 24px; 
	text-align: center; 
	letter-spacing: -1px;
	color: #7b7b7b;
}

.christmasTimeLi li {
	display: block;
	padding: 5px 0;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	font-size: 22px;
	font-weight: 300;
	
}

.highlightEnd {
	font-size: 26px;
	display: block;
	font-weight: 700;
	margin: 25px 0 0 0;
	color: white;
}

.highlightEnd .highlight {
	display: inline-block;
	padding: 3px 5px;
	color: #fff;
	border-radius: 12px;
	background: #b00;
}

.christmasTime {
	text-align: center;
	padding: 50px 0;
	background: #990000 !important;
	color: #fff !important;
	font-size: 19px;
	line-height: 140%;
}

.christmasTime.leto h2:before {
	content: '';
	background: url(images/prazdniny-ikona.svg) no-repeat center center;
	background-size: auto 80px;
	height: 80px;
	margin: 0 0 18px 0;
	display: block;
}

.christmasTime a {
	color: #fff;
	text-decoration: underline;
	transition: all 0.30s ease-out;
}

.christmasTime a:hover {
	color: yellow;
	text-decoration: none;
}

.christmasTime h2 {
	padding: 0 0 20px 0;
	font-weight: 400;
	font-family: var(--my-font-family-pacifico);
	text-transform: none;
	font-size: 40px;
	line-height: 110%;
}

.bannerGrafik {
	background: url(images/pracovnik-grafickeho-studia.jpg) no-repeat center center;
	display: block;
	background-size: 100%;
	max-width: 438px;
	min-width: 350px;
	height: 151px;
	margin: 0px auto 40px auto;
}

.fbButtonNotification {
	border: 1px solid rgba(78,153,223,0.3);
	border-radius: 4px;
	display: inline-block;
	padding: 9px 15px 10px 15px;
	margin: 12px 0 8px 0;
	box-sizing: border-box;
}

.reviewSpanSmall {
	font-size: 12px;
}

.notifier-title i {
	color: #F3D500 !important;
}

@media screen and (max-width: 1200px) {
	.notifier-container {
		top: 50px !important;
	}
}

@media screen and (max-width: 640px) {
	.notifier-container {
		display: none !important;
	}
}



.availableBoxCityPragueContact {
	text-align: center;
	padding: 40px 0 0 0;

}

.availableBoxCityPragueContactIn {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
}

.availableBoxCityPragueContactIn h2 {
	padding: 0 !important;
}

@media screen and (max-width: 960px) {
	
	.dopravaBoxes {
		justify-content: center;
	}
	
	.availableBoxCityPragueContactIn {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		justify-content: center;
	}
}

.availableBoxCityPragueContact h2 {
	padding: 0px 0 20px 0;
}

.orderThanksMessage {
	font-size: 70px;
	font-family: var(--my-font-family-roboto);
	color: #1cd466;
	margin-bottom: 10px;
}

.orderThanksMessage span {
	font-size: 16px;
	display: block;
	color: #fff;
	font-weight: 400;
}

.payNowSection {
	padding: 20px 0 10px 0;
	font-size: 20px;
    max-width: 640px;
    margin: auto;
    font-size: 48px;
    font-weight: 700;
}

.payNowSection span {
	font-size: 16px;
	display: block;
	font-weight: 400;
}

.payNowSectionButton {
	color: #fff;
	border-radius: 40px;
	display: block;
	margin: 20px auto auto auto;
	font-size: 16px;
	width: 120px;
	white-space: nowrap;
	padding: 10px 20px;
	background: #ff3e3e;
	border: 0;
	cursor: pointer;
}

.payNowSectionButton:hover {
	color: #dedede;
}

.bigDebitCardIcon {
    width: 90px;
    background: url(images/payment-logos-min.png) no-repeat center center;
    display: block;
    background-size: cover;
    height: 29px;
    margin: 20px auto auto auto;
    position: relative;
}

.paymentSolutionCompany {
	background: url(images/comgate-logo-min.png) no-repeat center bottom;
	padding-bottom: 26px;
    font-size: 12px;
    text-align: center;
    margin-top: 35px;
    background-size: auto 17px;
}

.clientSupport {
	margin-top: 40px;
	text-align: center;
	font-size: 16px;
}

.recapCart {
	margin: 20px 0 30px 0;
	font-size: 30px;
	font-weight: 200;
	letter-spacing: -1px;
	line-height: 100%;
	color: #383838;
}

@media screen and (max-width: 640px) {
	
}

.recapCartTable {
	background: rgba(255,255,255,0.5);
	border-radius: 3px;
	padding: 10px;
	margin-bottom: 30px;
	border-radius: 5px 5px 0 0;
}

.recapCartTable td {
	padding: 10px 15px;
	line-height: 170%;
	vertical-align: top;
}

.recapCartTableTotalPrice, .recapCartTableTotalSale {
	white-space: nowrap;
}

.coursePortfolio {
	padding: 50px 0 40px 0;
	background: rgba(111, 179, 76, 1);
}

.coursePortfolio.grafik {
	padding: 40px 0 0px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6fb34c+0,ffffff+100 */
	background: #6fb34c; /* Old browsers */
	background: -moz-linear-gradient(top, #6fb34c 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #6fb34c 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #6fb34c 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fb34c', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	margin: 0px 0 50px 0;
}

@media (max-width: 768px) {
	.coursePortfolio.grafik {
		margin: 0 0 50px 0;
	}
}

.coursePortfolio.tws {
	padding: 80px 0 80px 0 !important;
	background: #182f3e;
	margin-bottom: 70px;
}

.coursePortfolio.mpip {
	padding: 85px 0 85px 0 !important;
	background: #182f3e;
}

@media screen and (max-width: 479px) {
	.coursePortfolio.tws {
		padding: 10px 0 10px 0 !important;
	}	

	.coursePortfolio.mpip {
		padding: 10px 0 10px 0 !important;
	}	
	
	.lectorSpeak {
		margin-top: 0px !important;
	}
}

.coursePortfolio .coursePortfolioBox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: wrap;
	margin-top: 40px;
}

@media screen and (max-width: 479px) {
	.coursePortfolio .coursePortfolioBox { 
		margin-bottom: 6px;
	}
}

.portfolioItem {
	width: 12.5%;
	height: 130px;
	background-size: cover !important;
}

.portfolioItem:hover {
	box-shadow: 0 0 25px rgba(0,0,0,0.3) inset;
}

@media screen and (max-width: 768px) {
	.portfolioItem {
		width: 25%;
		height: 100px;
	}
}

.grafik1 {
	background: url(images/grafik-th-1.jpg) no-repeat center center;
}

.grafik2 {
	background: url(images/grafik-th-2.jpg) no-repeat center center;
}

.grafik3 {
	background: url(images/grafik-th-3.jpg) no-repeat center center;
}

.grafik4 {
	background: url(images/grafik-th-4.jpg) no-repeat center center;
}

.grafik5 {
	background: url(images/grafik-th-5.jpg) no-repeat center center;
}

.grafik6 {
	background: url(images/grafik-th-6.jpg) no-repeat center center;
}

.grafik7 {
	background: url(images/grafik-th-7.jpg) no-repeat center center;
}

.grafik8 {
	background: url(images/grafik-th-8.jpg) no-repeat center center;
}

.grafik9 {
	background: url(images/grafik-th-9.jpg) no-repeat center center;
}

.grafik10 {
	background: url(images/grafik-th-10.jpg) no-repeat center center;
}

.grafik11 {
	background: url(images/grafik-th-11.jpg) no-repeat center center;
}

.grafik12 {
	background: url(images/grafik-th-12.jpg) no-repeat center center;
}

.grafik13 {
	background: url(images/grafik-th-13.jpg) no-repeat center center;
}

.grafik14 {
	background: url(images/grafik-th-14.jpg) no-repeat center center;
}

.grafik15 {
	background: url(images/grafik-th-15.jpg) no-repeat center center;
}

.grafik16 {
	background: url(images/grafik-th-16.jpg) no-repeat center center;
}

.grafik17 {
	background: url(images/grafik-th-17.jpg) no-repeat center center;
}

.grafik18 {
	background: url(images/grafik-th-18.jpg) no-repeat center center;
}

.grafik19 {
	background: url(images/grafik-th-19.jpg) no-repeat center center;
}

.grafik20 {
	background: url(images/grafik-th-20.jpg) no-repeat center center;
}

.grafik21 {
	background: url(images/grafik-th-21.jpg) no-repeat center center;
}

.grafik22 {
	background: url(images/grafik-th-22.jpg) no-repeat center center;
}

.grafik23 {
	background: url(images/grafik-th-23.jpg) no-repeat center center;
}

.grafik24 {
	background: url(images/grafik-th-24.jpg) no-repeat center center;
}

.ps-1 {
	background: url(images/ps-th-1.jpg) no-repeat center center;
}

.ps-2 {
	background: url(images/ps-th-2.jpg) no-repeat center center;
}

.ps-3 {
	background: url(images/ps-th-3.jpg) no-repeat center center;
}

.ps-4 {
	background: url(images/ps-th-4.jpg) no-repeat center center;
}

.ps-5 {
	background: url(images/ps-th-5.jpg) no-repeat center center;
}

.ps-6 {
	background: url(images/ps-th-6.jpg) no-repeat center center;
}

.ps-7 {
	background: url(images/ps-th-7.jpg) no-repeat center center;
}

.ps-8 {
	background: url(images/ps-th-8.jpg) no-repeat center center;
}


.lectorSpeak {
    color: #4D5768;
    padding: 60px 420px 60px 50px;
    font-family: var(--my-font-family-raleway); 
	margin-top: 0px;
	-webkit-font-smoothing: antialiased;
	cursor: default;
}


.lectorSpeak.luke {
	margin: 80px 0 0 0;
	background: url(images/lukas-krasa.jpg) #fff no-repeat right center;
	background-size: auto 100%;
}

.lectorSpeak.frantisek {
	background: url(images/frantisek-m.jpg) #fff no-repeat right center;
}

.lectorSpeak.jakub {
	background: url(images/jakub-n.jpg) #fff no-repeat right center;
}

.lectorSpeak.frantisek {
	background: url(images/frantisek-m-min.jpg?1) #fff no-repeat right center;
}

.lectorSpeak.david {
	background: url(images/david-solc.jpg?2) #fff no-repeat right center;
}

.lectorSpeak h2 {
	font-size: 40px;
	font-weight: 300;
	padding-bottom: 30px;
	margin-left: -3px;
	line-height: 100%;
}

.lectorSpeak p {
	font-size: clamp(1rem, 0.8500rem + 0.6667vw, 1.2rem);
	font-family: var(--my-font-family-pt-sans);
	line-height: 140%;
	font-weight: 400;
}

@media screen and (max-width: 980px) {
	.lectorSpeak.jakub {
		background: url(images/jakub-n.jpg) #fff no-repeat center bottom !important;
		padding: 30px 30px 370px 30px;
	}
	
	.lectorSpeak.frantisek {
		background: url(images/frantisek-m-min.jpg) #fff no-repeat center bottom !important;
		padding: 30px 30px 370px 30px;
	}

	.lectorSpeak.luke {
		background: url(images/lukas-kr.jpg) #fff no-repeat center bottom !important;
		padding: 0px 30px 370px 30px;
	}

	.lectorSpeak.frantisek {
		background: url(images/frantisek-m.jpg) #fff no-repeat center bottom !important;
		padding: 30px 30px 370px 30px;
	}
	
	.lectorSpeak.david {
		background: url(images/david-solc.jpg) #fff no-repeat center bottom !important;
		padding: 30px 30px 370px 30px;
	}
	
	.lectorSpeak h2 {
		padding-top: 20px;
		text-align: center;
	}
	
	.lectorSpeak p {
		text-align: center;
		font-size: 17px;
		line-height: 160%;
		font-weight: 400;
	}
}

.clientsLogoPanel {
	padding: 40px 0 0 0;
	text-align: center;
}

.clientsLogoPanel h2 {
	margin-bottom: 40px;
}

.clientsLogoPanel .clientsLogoPanelContent {
	display: flex;
	align-items: center;
	justify-content: space-between; 
	flex-flow: wrap;
	border-bottom: 1px solid #d4d4d4;
	padding-bottom: 40px;
}

.clientsLogoPanel .clientsLogoPanelContent img {
	width: 20%;
}

@media screen and (max-width: 768px) {
	.clientsLogoPanel .clientsLogoPanelContent img {
		width: 40%;
	}
}

@media screen and (max-width: 767px) {
	
	.clientsLogoPanel .clientsLogoPanelContent {
		justify-content: center;
		gap: 20px;
	}
	
	.clientsLogoPanel .clientsLogoPanelContent img {
		width: 40%;
	}
}

.courseLogo {
	width: 150px;
	height: 60px;
	display: block;
	margin: 55px auto 0px auto;
}

/* New menu */

.cd-morph-dropdown {
  position: relative;
}
.cd-morph-dropdown::before {
  content: 'mobile';
  display: none;
}
.cd-morph-dropdown .nav-trigger {
  position: absolute;
  top: -66px;
  right: 0px;
  height: 60px;
  width: 60px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
}

@media only screen and (max-width: 1045px) and (min-width: 700px) { 
	.cd-morph-dropdown .nav-trigger {
		top: -63px
	}
}

.cd-morph-dropdown .nav-trigger span, .cd-morph-dropdown .nav-trigger span::after, .cd-morph-dropdown .nav-trigger span::before {
  position: absolute;
  background-color: #1A1A1A;
  height: 3px;
  width: 26px;
}
.cd-morph-dropdown .nav-trigger span {
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
}
.cd-morph-dropdown .nav-trigger span::after, .cd-morph-dropdown .nav-trigger span::before {
  content: '';
  left: 0;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}
.cd-morph-dropdown .nav-trigger span::before {
  -webkit-transform: translateY(-9px);
      -ms-transform: translateY(-9px);
          transform: translateY(-9px);
}
.cd-morph-dropdown .nav-trigger span::after {
  -webkit-transform: translateY(9px);
      -ms-transform: translateY(9px);
          transform: translateY(9px);
}
.cd-morph-dropdown.nav-open .nav-trigger span {
  background-color: transparent;
}
.cd-morph-dropdown.nav-open .nav-trigger span::before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.cd-morph-dropdown.nav-open .nav-trigger span::after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.cd-morph-dropdown .main-nav {
  display: none;
}
.cd-morph-dropdown .morph-dropdown-wrapper {
  display: none;
  position: absolute;
  top: 0px;
  box-sizing: border-box;
  left: 0;
  z-index: 10000;
  width: 100%;
  padding: 1.2em 5%;
  box-shadow: inset 0 1px 0 #e6e6e6;
  background-color: #FFFFFF;
}
.cd-morph-dropdown.nav-open .morph-dropdown-wrapper {
  display: block;
}
.cd-morph-dropdown .dropdown-list > ul > li {

}
.cd-morph-dropdown .label {
  display: block;
  font-size: 18px !important;
  color: #1A1A1A;
  margin-bottom: 0;
}
.cd-morph-dropdown .content li::after {
  clear: both;
  content: "";
  display: block;
}

.dropHome {
	margin-bottom: 15px;	
}

.cd-morph-dropdown .galleryCourses .content li {
  margin-bottom: 0em;
}
.cd-morph-dropdown .galleryCourses .content a {
  display: block;
}
.cd-morph-dropdown .galleryCourses .content a::before {
  content: '';
  display: inline-block;
  float: left;
  height: 48px;
  width: 48px;
  margin-right: .6em;
  background: red;
  border-radius: 50%;
  -webkit-transition: background .2s;
  transition: background .2s;
}
.cd-morph-dropdown .galleryCourses .content a span, .cd-morph-dropdown .galleryCourses .content a em {
  display: block;
  line-height: 1.2;
}
.cd-morph-dropdown .galleryCourses .content a em {
  font-size: 14px;
  padding: .0em 0 .1em;
  color: #1A1A1A;
  font-style: normal;
}
.menuCoursesList {
	margin-top: 15px !important;
}
.cd-morph-dropdown .galleryCourses .content a span {
  font-size: 12px;
  color: #a6a6a6;
}
.cd-morph-dropdown .galleryCourses .content a:hover::before {
  background-color: #e70000;
}
.cd-morph-dropdown .galleryCourses li:nth-of-type(1) a::before {
  background: #e8e8e8 url(images/course.png) no-repeat center center;
}
.cd-morph-dropdown .galleryCourses li:nth-of-type(2) a::before {
  background: #e8e8e8 url(images/course.png) no-repeat center center;
}
.cd-morph-dropdown .galleryCourses li:nth-of-type(3) a::before {
  background: #e8e8e8 url(images/course.png) no-repeat center center;
}
.cd-morph-dropdown .galleryCourses li:nth-of-type(4) a::before {
  background: #e8e8e8 url(images/course.png) no-repeat center center;
}
.cd-morph-dropdown .galleryCourses li:nth-of-type(5) a::before {
  background: #e8e8e8 url(images/course.png) no-repeat center center;
}
.cd-morph-dropdown .galleryCourses li:nth-of-type(6) a::before {
  background: #e8e8e8 url(images/course.png) no-repeat center center;
}
.cd-morph-dropdown .galleryCourses li:nth-of-type(7) a::before {
  background: #e8e8e8 url(images/course.png) no-repeat center center;
}
.cd-morph-dropdown .galleryCourses li:nth-of-type(8) a::before {
  background: #e8e8e8 url(images/course.png) no-repeat center center;
}
.cd-morph-dropdown .galleryCourses li:nth-of-type(9) a::before {
  background: #e8e8e8 url(images/course.png) no-repeat center center;
}
.cd-morph-dropdown .galleryCourses li:nth-of-type(10) a::before {
  background: #e8e8e8 url(images/course.png) no-repeat center center;
}
.cd-morph-dropdown .galleryCourses li:nth-of-type(11) a::before {
  background: #e8e8e8 url(images/course.png) no-repeat center center;
}

.cd-morph-dropdown .links .content > ul > li {
  margin-top: 1em;
}
.cd-morph-dropdown .links-list a,
.cd-morph-dropdown .btn {
  display: block;
  margin-left: 14px;
  font-size: 2.2rem;
  line-height: 1.6;
}
.cd-morph-dropdown .links-list a:hover,
.cd-morph-dropdown .btn:hover {
  color: #1A1A1A;
}
.cd-morph-dropdown .content h2 {
  color: #a6a6a6;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.3rem;
  margin: 20px 0 10px 14px;
}

@media (width >= 1045px) {
  .cd-morph-dropdown {
    position: absolute;
    height: 60px;
    right: 0px;
    top: 0;
    width: 100%;
    padding: 0;
    text-align: center;
    background-color: transparent;
  }
  .cd-morph-dropdown::before {
    content: 'desktop';
  }
  .cd-morph-dropdown .nav-trigger {
    display: none;
  }
  .cd-morph-dropdown .main-nav {
    display: inline-block;
    float: right;
    margin-right: 0px;
  }
  .cd-morph-dropdown .main-nav > ul > li {
    display: inline-block;
    float: left;
  }
  
  .cd-morph-dropdown .main-nav > ul > li > a {
    display: block;
    padding: 0 6px;
    height: 65px;
    line-height: 60px;
    color: #222;
	font-size: clamp(0.9rem, -1.2000rem + 3.2000vw, 1.1rem);
  }
  .cd-morph-dropdown .main-nav > ul > li > a:hover{
	  color: #990000;
  }
  .cd-morph-dropdown.is-dropdown-visible .main-nav > ul > li > a {
    /* main navigation hover effect - on hover, reduce opacity of elements not hovered over */
    opacity: .6;
  }
  .cd-morph-dropdown.is-dropdown-visible .main-nav > ul > li.active > a {
    opacity: 1;
  }
  .cd-morph-dropdown .morph-dropdown-wrapper {
    display: block;
    top: 58px;
    width: auto;
    padding: 0;
    box-shadow: none;
    background-color: transparent;
    /* Force Hardware acceleration */
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    will-change: transform;
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
  }
  .cd-morph-dropdown.is-dropdown-visible .morph-dropdown-wrapper {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
  .cd-morph-dropdown .dropdown-list {
    position: absolute;
    top: 0;
    left: 0px;
    visibility: hidden;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    will-change: transform, width, height;
    -webkit-transition: visibility .3s;
    transition: visibility .3s;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
  }
  .no-csstransitions .cd-morph-dropdown .dropdown-list {
    display: none;
  }
  .cd-morph-dropdown .dropdown-list::before {
    /* dropdown top triangle */
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-bottom-color: #FFFFFF;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .cd-morph-dropdown .dropdown-list > ul {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
    overflow: hidden;
  }
  .cd-morph-dropdown.is-dropdown-visible .dropdown-list {
    visibility: visible;
    -webkit-transition: width .3s, height .3s, -webkit-transform .3s;
    transition: width .3s, height .3s, -webkit-transform .3s;
    transition: transform .3s, width .3s, height .3s;
    transition: transform .3s, width .3s, height .3s, -webkit-transform .3s;
  }
  .cd-morph-dropdown.is-dropdown-visible .dropdown-list::before {
    opacity: 1;
  }
  .cd-morph-dropdown .dropdown {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s;
  }
  .cd-morph-dropdown .dropdown.active {
    opacity: 1;
    visibility: visible;
  }
  .cd-morph-dropdown .dropdown.move-left .content {
    -webkit-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  .cd-morph-dropdown .dropdown.move-right .content {
    -webkit-transform: translateX(100px);
        -ms-transform: translateX(100px);
            transform: translateX(100px);
  }
  .cd-morph-dropdown .label {
    /* hide the label on bigger devices */
    display: none;
  }
  .cd-morph-dropdown .content {
    padding: 1.8em 0em 0em 1.8em;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    text-align: left;
  }
  .cd-morph-dropdown .content > ul::after {
    clear: both;
    content: "";
    display: block;
  }
  .cd-morph-dropdown .content > ul > li {
    width: 48%;
    float: left;
    margin-right: 1%;
    margin-top: 0;
  }
  .cd-morph-dropdown .content > ul > li:nth-of-type(2n) {
    margin-right: 0;
  }
  .cd-morph-dropdown .galleryCourses .content {
    /* you need to set a width for the .content elements because they have a position absolute */
    width: 500px;
    padding-bottom: 1.8em;
  }
  .cd-morph-dropdown .galleryCourses .content li {
    margin-bottom: 5px;
  }
  .cd-morph-dropdown .links .content > ul > li {
    margin-top: 0;
  }
  .cd-morph-dropdown .links .content,
  .cd-morph-dropdown .button .content {
    width: 390px;
  }
  .cd-morph-dropdown .links-list a {
    font-size: 1.6rem;
    margin-left: 0;
  }
  .cd-morph-dropdown .btn {
    display: block;
    width: 100%;
    height: 60px;
    margin: 1.5em 0 0;
    font-size: 1.8rem;
    text-align: center;
    color: #FFFFFF;
    line-height: 60px;
    background: #DB6356;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .cd-morph-dropdown .btn:hover {
    background: #1A1A1A;
    color: #FFFFFF;
  }
  .cd-morph-dropdown .content h2 {
    font-size: 1.8rem;
    text-transform: none;
    font-weight: normal;
    color: #1A1A1A;
    margin: 0 0 .6em;
  }
  .cd-morph-dropdown .bg-layer {
    /* morph dropdown background */
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 1px;
    background: #FFFFFF;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    will-change: transform;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
  .cd-morph-dropdown.is-dropdown-visible .bg-layer {
    opacity: 1;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;
  }
}

@media (width < 798px) {
	.morph-main-menu-open .fixedMenu {
		height: 100%;
		overflow-y: auto;
	}
	
	.morph-main-menu-open body {
		overflow-y: hidden;
	}
}


@media (max-width: 769px) and (min-width: 740px) {
	.cd-morph-dropdown .morph-dropdown-wrapper {
	  padding: 1.2em 1.5% 1.9em 1.55%;
	}
}

@media (max-width: 1025px) and (min-width: 769px) {
	.cd-morph-dropdown .main-nav {
		margin-right: 24px;
	}
 }
 
/*-----------------------------------------------------------*/
/* Strankovani */
/*-----------------------------------------------------------*/


.pagination {
    display: inline-block;
    margin: 30px 0 50px 0;
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    margin-right: 2px;
}

.pagination a.active {
    background-color: #74BC4C;
    color: white;
    border-radius: 5px;
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
    border-radius: 5px;
}

/*-----------------------------------------------------------*/
/* Main site content */
/*-----------------------------------------------------------*/

.cd-main-content {

}
@media only screen and (min-width: 1000px) {
  .cd-main-content {
    padding-top: 80px;
  }
}

/*-----------------------------------------------------------*/
/* Magazín / zapati - prizpusobene pro PK */
/*-----------------------------------------------------------*/


@media only screen and (max-width: 600px) {
	.codeBoxArticle {
		overflow: auto;
		display: flex;
		flex-wrap: nowrap;
		width: 300px;
	}

	.nextCategories {
		display: none;
	}
}

.articleFooter {
	padding: 10px 0 0 0;
}

.articleFooter .mCoursesHeadline {
	font-size: 32px;
	margin-bottom: 10px;
}

.mCoursesHeadline.sideBar {
	font-size: clamp(1.4rem, 0.5000rem + 4.4444vw, 1.7rem);
	text-transform: none;
	font-family: var(--my-font-family-pt-sans);
	line-height: 100%;
	padding: 10px 0 20px 0;
}

.magazineCourses {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}

.magazineCourses a {
	color: #000 !important;
}

.magazineCourses a:hover {
	color: #92bc50 !important;
}

.magazineCourseBox {
	width: 340px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: nowrap;
	margin: 0 10px 18px 0;
	transition: all 0.30s ease-out;
}

.mCourseDescription.button {
	border: 1px solid rgba(0,0,0,0.3);
	padding: 5px 10px;
	border-radius: 3px;
	background: none;
	display: inline-block;
	color: #000;
	align-self: flex-start;
	font-weight: 700;
	transition: all 0.30s ease-out;
}

.courseReservationFixedBox {
	position: relative;
	width: 360px;
}

@media (max-width: 1270px) {
	.courseReservationFixedBox {
		width: 100%;
	}
	
	.courseReservationFixedBox.fixed {
		position: relative !important;
		top: 0 !important;
	}
}

.magazineCourseBox:hover .mCourseBoxData .mCourseName, .magazineCourseBox:hover .mCourseDescription.button  {
	color: #7ab851;
}

.courseIconPGS {
	width: 100px;
	height: 100px;
	background: url(images/icon-course-pgs.jpg) no-repeat center center;
	background-size: 100% auto;
}

.courseIconMPIP {
	width: 100px;
	height: 100px;
	background: url(images/icon-course-mpip.jpg) no-repeat center center;
	background-size: 100% auto;
}

.courseIconPWA {
	width: 100px;
	height: 100px;
	background: url(images/icon-course-pwa.jpg) no-repeat center center;
	background-size: 100% auto;
}

.courseIconTWS {
	width: 100px;
	height: 100px;
	background: url(images/icon-course-tws.jpg) no-repeat center center;
	background-size: 100% auto;
}

.courseIconFB {
	width: 100px;
	height: 100px;
	background: url(images/icon-course-fb.jpg) no-repeat center center;
	background-size: 100% auto;
}

.courseIconSIM {
	width: 100px;
	height: 100px;
	background: url(images/icon-course-sim.jpg) no-repeat center center;
	background-size: 100% auto;
}

.mCourseBoxPhoto {
	margin-right: 10px;
	height: 100px;
}

.magazinePostDetail .mCourseBoxData {
	line-height: 90%;
}

.mCourseBoxData {
	padding: 0;
	text-align: left;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.mCourseBoxData div {
	padding: 0 !important;
	margin: 0 !important;
	font-size: 12px !important;
}

.mCourseBoxData .mCourseName {
	font-size: clamp(0.9rem, 0.9545rem + 1.0909vw, 1.4rem);
	padding: 0 0 10px 0;
	line-height: 100%;
	margin: 0;
	font-weight: 700;
	letter-spacing: -0.3px !important;
	color: #000;
	transition: all 0.30s ease-out;
}

.mCourseDuration {
	font-size: 12px;
	font-weight: 700;
	margin: 6px 0 !important;
	display: inline-block;
	line-height: 100%;
	font-family: var(--my-font-family-roboto);
	padding: 0 !important;
}

.mCourseDescription {
	font-weight: 400;
	line-height: 130%;
	margin: 0 !important;
	padding: 0;
}

.contentPost p.mCourseDescription {
	font-size: clamp(0.9rem, 0.9545rem + 1.0909vw, 1rem);
	font-family: var(--my-font-family-open-sans);	
	line-height: 110%;
}

.mCourseDescription.button {
	font-size: clamp(0.7rem, 0.9545rem + 1.0909vw, 0.8rem);
}

@media screen and (max-width: 479px) {
	.magazineCourseBox {
		width: 100% !important;
	}
	
	.articleFooter .mCoursesHeadline {
		font-size: 28px ;
	}
	
	.mCourseDuration {
		margin: 3px 0 !important;
	}
}

.installmentsList {
	display: block;
	padding: 10px 0;
}

.installmentsDiscount {
	display: block;
	padding: 0 0 10px 0;
}

.installmentsListTable {
	width: 330px;
	border: 0px solid rgba(255,255,255,0.1);
	border-radius: 3px;
}

.installmentsListTable th {
	white-space: nowrap;
	padding: 5px 10px;
	font-weight: 700;
	text-align: left;
	border-bottom: 3px solid rgba(255,255,255,0.4);
}

.installmentsListTable td {
	padding: 5px 10px;
	white-space: nowrap;
	text-align: left;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}

.installmentsFirst {
	padding: 10px 0;
	font-weight: 700;
}

/*-----------------------------------------------------------*/
/* Výpis lektorů */
/*-----------------------------------------------------------*/

.lectorsList {
	background: url(images/lectors-header-min-v4.jpg) center 60px no-repeat;
	padding-top: 530px;
}

.lectorsListMemo {
	text-align: center;
}

.lectorsListMemo .headline {
	font-size: clamp(1.6rem, 0.7750rem + 3.6667vw, 2.7rem);
	font-weight: 600;
	font-family: var(--my-font-family-open-sans);
	color: #000;
	margin-top: 40px;
	letter-spacing: -1.3px;
}

.lectorsListMemo p {
	font-size: clamp(1rem, 0.9250rem + 0.3333vw, 1.1rem);
	font-weight: 400;
	margin: 18px auto 18px auto;
	width: 60%;
	line-height: 160%;
	font-family: var(--my-font-family-open-sans);
	color: #5f5f5f;
	letter-spacing: -0.2px;
}

@media screen and (max-width: 770px) {
	.lectorsList {
		background: url(images/lectors-header-min-v4.jpg?2) center 74px no-repeat;
		padding-top: 250px;
		background-size: 130% auto;
	}	
	
	.lectorsListMemo p {
		width: 90%;
		line-height: 130%;
		font-size: 16px;
	}	
}

@media screen and (max-width: 479px) {
	.lectorsList {
		background: url(images/lectors-header-min-v4.jpg) center 0px no-repeat;
		padding-top: 140px;
		background-size: 150% auto;
	}	
	
	.lectorsListMemo p {
		width: 90%;
	}	
}

.listOfLectors {
	padding: 60px 0 60px 0;
	display: flex;
	flex-flow: wrap;
	justify-content: center;
}

@media (max-width: 410px) {
	.listOfLectors {
		padding: 30px 0;
	}
}

.lectorListBox {
	width: 350px;
	border: 0px solid rgba(152, 152, 152, 0.5);
	border-radius: 8px;
	margin: 15px;
	box-sizing: border-box;
	padding: 30px;
	text-align: center;
	box-shadow: 0 0 30px rgba(0,0,0,0.1);
	background: url(images/sample-texture.jpg) no-repeat;
	-webkit-transition: all 0.30s ease-out;
	-moz-transition: all 0.30s ease-out;
	-ms-transition: all 0.30s ease-out;
	-o-transition: all 0.30s ease-out;
	transition: all 0.30s ease-out;
}

@media (max-width: 395px) {
	.lectorListBox {
		padding: 10px;
		width: 100%;
	}
	
	.lectorEmail {
		font-size: clamp(0.6rem, -0.4500rem + 6.0000vw, 2.7rem);
	}
}

.lectorListBox.socialNet {
	padding: 17px 30px 30px 30px;
}

.lectorListBox.socialNet .lectorSocialNetworks {
	margin: 0px auto 12px auto;
}

.lectorListBox.socialNet .lectorSocialNetworks a {
	opacity: 0.8;
}

.lectorListBox.socialNet .lectorSocialNetworks a:hover {
	opacity: 1;
	color: #000 !important;
}

.lectorListBox:hover {
	box-shadow: 0 0 30px rgba(0,0,0,0.2);
	-webkit-transition: all 0.30s ease-out;
	-moz-transition: all 0.30s ease-out;
	-ms-transition: all 0.30s ease-out;
	-o-transition: all 0.30s ease-out;
	transition: all 0.30s ease-out;
}

.lectorListBox .lectorCourses {
	font-size: 14px;
	font-weight: 400;
	border: 1px solid #888;
	padding: 4px 10px;
	border-radius: 4px;
	color: #666;
	letter-spacing: -0.2px;
	display: inline-block;
	margin: 22px 0 15px 0;	
}

.lectorListBox a {
	color: #555555;
}

.lectorListBox a:hover {
	color: #57a344;
}

.listOfLectors .lectorName {
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 700;
	font-family: var(--my-font-family-raleway);
	text-align: center;
	padding: 25px 0 15px 0;
	font-size: clamp(1.2rem, 0.9000rem + 1.3333vw, 1.6rem);
}

.logoBox {
	display: flex;
	flex-flow: wrap;
	justify-content: center;
	padding: 5px 0 10px 0;
	border-bottom: 1px solid silver;
	margin-bottom: 20px;
}

.logoBox a {
	padding: 0 3px 3px 3px;
	border-bottom: 1px solid rgba(0,0,0,0);
} 

.logoBox a img {
    max-height: 20px !important;
}

.logoBox a:hover {
	border-bottom: 1px dotted rgba(0,0,0,0.3);
} 

.lectorInfoButton {
	border: 2px solid rgba(0,0,0,0.2);
	border-radius: 40px;
	padding: 8px 20px;
	display: inline-block;
	margin-top: 22px;
	font-weight: 900;
	letter-spacing: -0.4px;
}

.lectorInfoButton:hover {
	border: 2px solid #7ab851;
}

.lectorListBox .contactLectorInfo h2 {
	color: #00485f;
	font-family: var(--my-font-family-raleway);
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: -0.2px;
	padding: 0 0 5px 0;
}

/*-----------------------------------------------------------*/
/* Dárkové poukazy PrimaKurzy.cz */
/*-----------------------------------------------------------*/

.giftVoucherPanel .newOne {
	top: -2px;
}

.giftVoucherPanel {
	position: fixed;
	display: inline-block;
	left: -83px; 
	top: 200px;
	z-index: 200000;
	height: auto;
	background: #CA403A;
	color: white;
	padding: 10px 25px 15px 20px;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	transform: rotate(-90deg);
	border-radius: 0 0 15px 15px;
}

.giftVoucherPanel i {
	color: yellow;
}

@media screen and (max-width: 767px) {
	.giftVoucherPanel {
		position: fixed;
		left: -60px; 
		top: 190px;
		z-index: 200000;
		height: auto;
		background: #CA403A;
		color: white;
		padding: 7px 10px 7px 10px;
		font-size: 14px;
		font-weight: 700;
		text-align: center;
		transform: rotate(-90deg);
		border-radius: 0 0 10px 10px;
	}
	
	.giftVoucherPanel .newOne {
		top: -1px;
		font-size: 8px;
	}
}

.giftVoucherHeader {
	background: url(images/gift-voucher-header-min.jpg) no-repeat left center;
	background-size: cover;
	height: 450px;
}

.giftVoucherHeader h2 {
	color: #fff;
	font-family: var(--my-font-family-playfair-display);
	font-size: 48px;
	letter-spacing: 0;
	line-height: 95%;
	width: 330px;
	padding: 180px 0 0 0px;
}

.giftVoucherHeader h2 span {
	display: block;
	font-family: var(--my-font-family-raleway);
	font-size: 14px; 
	font-weight: 300;
	letter-spacing: 1px;
	padding: 17px 0 0 0;
	color: #d0d0d0;
	line-height: 140%;
}

.giftVoucherBuy {
	font-family: var(--my-font-family-raleway);
	font-size: 14px; 
	font-weight: 300;
	display: inline-block;
	padding: 12px 25px 15px 25px;
	margin: 30px 0 0 0;
	border: 1px solid rgba(255,255,255,0.3);
	color: #fff;
	font-weight: 700;
}

.giftVoucherBuy i {
	font-size: 20px;
	position: relative;
	top: 1px;
	margin-left: 4px;
}

.giftVoucherBuy:hover {
	color: #be3f3f;
}

.giftVoucherForm {
	padding: 80px 0;
	background: #490000;
	border-bottom: 20px solid #2d2d2d;
}

.giftVoucherAdvantages {
	background: #2d2d2d;
	padding: 60px 0 65px 0;
	box-shadow: 0 0px 60px rgba(0,0,0,0.5) inset;
}

.giftVoucherAdvantages .container {
	display: flex;
	align-items: center;
	align-content: stretch;
	justify-content: center;	
	flex-flow: wrap;
}

.giftVoucherAdvantagesBox {
	background: #222;
	border-radius: 7px;
	padding: 25px 30px 20px 30px;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	display: inline-block;
	margin: 10px;
	width: 360px;
	box-sizing: border-box;
}

.giftVoucherAdvantagesBox:hover {
	background: #b13333;
}

.giftVoucherAdvantagesBox h2 {
	font-size: 26px; 
	color: #fff;
	font-weight: 700;
	padding: 0 0 10px 0;
	font-family: var(--my-font-family-raleway);
}

.giftVoucherAdvantagesBox p {
	font-size: 14px; 
	color: #bebebe;
	font-weight: 300;
	font-family: var(--my-font-family-open-sans);
	line-height: 160%;
}

.giftVoucherAdvantagesBoxButton {
	background: #be3f3f;
	color: #fff;
	font-size: 12px;
	display: inline-block;
	margin: 20px 0 8px 0;
	border-radius: 2px;
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
	padding: 10px 22px;
}

.giftVoucherForm .container {
	display: flex;
	flex-direction: row;
	width: 60%;
	box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
	.giftVoucherAdvantagesBox {
		width: 300px;
	}
	
	.giftVoucherAdvantagesBox h2 {
		letter-spacing: -1px;
		font-size: 24px;
	}
	
	.giftVoucherAdvantagesBoxButton {
		letter-spacing: 1px;
	}
	
	.giftVoucherForm .container {
		width: 80%;
	}
	
	.giftVoucherHeader .container {
		width: 92%;
	}
}

@media screen and (min-width: 1500px) {
	.giftVoucherForm .container {
		width: 45%;
	}
	
	.giftVoucherHeader {
		height: 600px;
	}
	
	.giftVoucherHeader h2 {
		padding: 295px 0 0 0px;
	}
	
}

.giftVoucherForm .voucherFormLeft {
	border-right: 1px solid rgba(255,255,255,0.1);
	width: 60%;
	-webkit-appearance: none;
	padding: 0 50px 0 0;
}

.giftVoucherForm .voucherInfoRight {
	width: 40%;
	box-sizing: border-box;
	padding: 0 0 0 50px;	
}

.giftVoucherForm .voucherFormLeft form label {
	display: block;
	margin: 25px 0 7px 0;
	font-weight: 700;
}

.giftVoucherForm .voucherFormLeft form input {
	-webkit-appearance: none;
}

.giftVoucherForm .voucherFormLeft form textarea {
	width: 100%;
	height: 100px;
	border-radius: 3px;
	border: 0;
	font-size: 16px;
	line-height: 120%;
	padding: 15px;
	box-sizing: border-box;
}

.giftVoucherForm .voucherFormLeft form .button {
	background: #be3f3f;
	color: #fff;
	font-size: 16px;
	display: inline-block;
	margin: 0px 0 8px 0;
	border-radius: 2px;
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
	padding: 12px 24px;
}

.giftVoucherFormSteps {
	margin: 0 0 60px 0;
	color: #fff;
	font-size: 14px;
	letter-spacing: -0.2px;
}

.giftVoucherFormStepsBox div:last-of-type {
	margin: 0;
}

.giftVoucherFormSteps input {
	padding: 10px 12px;
	border-radius: 3px; 
	border: 1px solid silver;
	width: 100%;
	box-sizing: border-box;
	background: rgba(0,0,0,0);
	color: #fff;
	font-size: 16px;
}

.giftVoucherFormSteps.firstStep:before {
	content: '1';
	display: inline-block;
	background: rgba(255,255,255,1);
	padding: 11px 23px;
	font-size: 30px;
	margin: 0 0 0px 0;
	color: #be3f3f;
	font-weight: 700;
	border-radius: 50px;
}

.giftVoucherFormSteps.secondStep:before {
	content: '2';
	display: inline-block;
	background: rgba(255,255,255,1);
	padding: 11px 23px;
	font-size: 30px;
	margin: 0 0 0px 0;
	color: #be3f3f;
	font-weight: 700;
	border-radius: 50px;
}

.giftVoucherFormSteps.thirdStep:before {
	content: '3';
	display: inline-block;
	background: rgba(255,255,255,1);
	padding: 11px 23px;
	font-size: 30px;
	margin: 0 0 0px 0;
	color: #be3f3f;
	font-weight: 700;
	border-radius: 50px;
}

.giftVoucherFormSteps.fourthStep:before {
	content: '4';
	display: inline-block;
	background: rgba(255,255,255,1);
	padding: 11px 23px;
	font-size: 30px;
	margin: 0 0 0px 0;
	color: #be3f3f;
	font-weight: 700;
	border-radius: 50px;
}

.giftVoucherFaq {
	background: #fff;
	display: block;
	padding: 20px 30px;
	text-align: center;
	border-radius: 6px;
	margin: 0 0 25px 0;
	box-shadow: 0 0 30px rgba(0,0,0,0.2);
}

.giftVoucherFaq h2 {
	font-size: 26px;
	letter-spacing: 0px;
	font-family: var(--my-font-family-playfair-display);
	line-height: 100%;
}

.giftVoucherFaq h3 {
	font-size: 16px;
	letter-spacing: 1px;
	color: red;
	margin: 5px;
	font-family: var(--my-font-family-roboto);
	letter-spacing: 0;
	line-height: 100%;
	display: block;
	text-align: center;
}

.giftVoucherFaq h3 a {
	color: #222;
}

.giftVoucherFaq h3 a:hover {	
	color: #be3f3f;
}

.giftVoucherFaq h3:first-of-type {
	margin: 25px 0 0 0;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	padding: 0 0 4px 0;
}

.giftVoucherFaq p {
	font-size: 13px;
	color: #7b7b7b;
	margin-top: 16px;
}

.giftVoucherFaq.packaging {
	background: url(images/packaging-min.jpg) #1d1d1d no-repeat right bottom;
	padding: 30px 30px 180px 30px;
	background-size: 100%;
	color: #fff !important;
}

.giftVoucherFaq.contact {
	padding: 30px 30px 30px 30px;
	background-size: 110%;
	color: #000 !important;
}

/* RED SELECT */

.styled-select {
   background: url(images/img-down-icon.png) no-repeat 98% 0;
   height: 34px;
   overflow: hidden;
   width: 100%;
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 16px;
   letter-spacing: -1px;
   height: 34px;
   padding: 7px;
   width: 105%;
}

.redColor {
	background-color: #be3f3f;
}

.redColor select {
	color: #000;
}

@media screen and (max-width: 800px) {
	.giftVoucherHeader {
		background: url(images/gift-voucher-header-min.jpg) no-repeat 0px top;
		background-size: cover;
		height: 450px;
	}
	
	.giftVoucherBuy {
		margin: 30px 0 0 20px;
	}
	
	.giftVoucherHeader h2 {
		letter-spacing: -1px;
		width: 330px;
		padding: 135px 0 0 20px;
		text-shadow: 0 0 5px rgba(0,0,0,0.7);
	}
	
	.giftVoucherHeader h2 span {
		font-weight: 700;
	}
	
	.giftVoucherForm .container {
		flex-direction: column;
		width: 100%;
	}
		
	.giftVoucherForm .voucherFormLeft {
		order: 2;
		width: 80%;
		margin: auto;
		border: 0;
		padding: 0 0 60px 0;
	}
	
	.giftVoucherForm .voucherInfoRight {
		order: 1;
		width: 90%;
		margin: auto;
		padding: 0 0 20px 0;	
		display: flex;
		flex-flow: wrap;
		justify-content: center;
	}
		
	.giftVoucherFaq h2 {
		letter-spacing: -1px;
	}
	
	.giftVoucherFaq {
		width: 230px;
		margin: 15px;
		
	}
}

.giftVoucherThanks {
	padding: 22px 30px 30px 30px;
	border-radius: 7px;
	display: block;
	background: white;
	box-shadow: 0 0 20px rgba(0,0,0,0.4);
}

.giftVoucherThanks:before {
	content: '\f06b';
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	background: rgba(255,255,255,1);
	padding: 11px 23px;
	font-size: 30px;
	margin: 0 0 0px 0;
	color: #be3f3f;
	position: relative;
	top: 4px;
	font-weight: 700;
	border-radius: 50px;
}

/*-----------------------------------------------------------*/
/* FAQ sekce v detailu kurzu*/
/*-----------------------------------------------------------*/

.faqQuestion {
	background: #f7f7f7; /* Old browsers */
	background: -moz-linear-gradient(left, #f7f7f7 0%, #f7f7f7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #f7f7f7 0%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #f7f7f7 0%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f7f7f7',GradientType=1 ); /* IE6-9 */
    border-radius: 3px;
    color: #000;
    font-family: var(--my-font-family-roboto);
    font-size: 17px;
	line-height: 120%;
    font-weight: 700;
    border: 1px solid #e5e5e5;
    padding: 11px 15px;
    letter-spacing: -0.3px;
    cursor: pointer;
    display: block;
	-webkit-font-smoothing: antialiased;
	-webkit-transform: translateZ(0);
}

.faqQuestion.up {
	font-size: 24px;
}

.faqQuestion.up:before {
	margin-right: 10px;
}

.faqQuestion.collapsed {
	border-radius: 3px;
	margin: 2px 0 0 0;
	padding-left: 30px;
	display: block;
	color: #000;
}

.faqQuestion.collapsed:before {
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	margin-left: -20px; /* same as padding-left set on li */
	width: 19px;
	color: #000;
	font-weight: 600;
}

.faqQuestion.expanded {	
	border-radius: 3px 3px 0 0;
	margin: 2px 0 0px 0;
	color: #000;
	border-bottom: 1px dotted #fff;
	background: #f7f7f7; /* Old browsers */
	background: -moz-linear-gradient(left, #f7f7f7 0%, #ededed 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #f7f7f7 0%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #f7f7f7 0%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=1 ); /* IE6-9 */
	padding-left: 30px;
}

.faqQuestion.expanded:hover {
	color: #000;
}

.faqQuestion.expanded:before {
	content: "\f106";
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	margin-left: -20px; /* same as padding-left set on li */
	width: 19px;
	color: #7ab851;
	font-weight: 600;
}

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

.faqAnswer {
	background: #f7f7f7; /* Old browsers */
	background: -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f7f7f7 0%,#ffffff 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f7f7f7 0%,#ffffff 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    border-radius: 0 0 3px 3px;
    color: #3f3f3f;
    font-family: var(--my-font-family-roboto);
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #e5e5e5;
    padding: 15px 15px 10px 15px;
    margin: 0 0 10px 0;
    display: block;
    line-height: 160%;
	border-top: 1px solid #fff;
	vertical-align: top;
}

.faqAnswer.up {
	font-size: 17px;
}


.faqQuestion.up {
	padding-left: 50px;
}

.faqQuestion.up:before {
	margin-left: -30px;
}


/* anketa */
.pollThanksMessage {
	display: inline-block;
	background: #ffffff;
	padding: 10px 15px;
	color: #13b04a;
	border-radius: 3px;
	margin-top: 20px;
}

.video-poll-form-line {
	background: #ececec;
	border-radius: 3px;
	padding: 15px 15px 15px 15px;
	margin-top: 19px;
	display: inline-block;
	box-shadow: 0 0 30px rgba(0,0,0,0.2);
}

.mailForm {
	display: block;
	padding: 10px 0 0 0;
}

#videopoll-form-email .button {
	position: relative;
	top: 1px;
}

.pollEmailInput {
	padding: 5px 10px;
	border: 1px solid rgba(0,0,0,0.2);
	font-size: 17px;
	border-radius: 3px;
	margin-left: 5px;
}

.reservation-form-line label {
	position: relative;
	top: -1px;
}

.reservation-form-line.reservation-textarea textarea {
	width: 100%;
	padding: 6px 6px;
	font-size: 16px;
	box-sizing: border-box;
	height: 130px;
	border-radius: 3px;
	border: 1px solid rgba(0,0,0,0.3);
}

@media screen and (max-width: 479px) {
	.pollEmailInput {
		margin-left: 0px;
		margin-top: 8px;
	}	
}

@media screen and (max-width: 479px) {
	#chat-application {
		display: none !important;
	}
}

@media screen and (max-width: 479px) {
	.youtubeAcademySectionLink {
		background: url(images/youtube-akademie-mobile-retina-banner-min.jpg) no-repeat center center;
		display: block;
		background-size: 100% auto;
		height: 386px;
		margin: -43px 0 -42px 0;
	}
}

@media screen and (min-width: 480px) {
	.youtubeAcademySectionLink {
		background: url(images/youtube-akademie-tablet-banner-min.jpg) no-repeat center center;
		display: block;
		background-size: 100% auto;
		height: 417px;
		margin: -12px 0 0px 0;
	}
}

@media screen and (min-width: 769px) {
	.youtubeAcademySectionLink {
		background: url(images/youtube-akademie-banner-min.jpg) no-repeat center center;
		display: block;
		height: 250px;
		margin: -50px 0 -50px 0;
	}
}

.gdprSection {
	color: #000;
	font-size: 18px;
	margin: 10px 0 20px 0;
	color: #fff;
}

.gdprSection.popup {
	font-size: 14px;
}

.gdprAgreement {
	display: block;
}

.popup-form .data-processing-agreement-form {
	display: flex;
	flex-direction: row;
	margin: -10px 0 0 0;
}

.popup-form .data-processing-agreement-form input[type=checkbox] {
	margin: -15px 5px 0 0px;
}

@media screen and (max-width: 480px) {
	.gdprAgreement {
		margin-bottom: 20px;
	}
}



@supports (zoom:2) {
	.gdprAgreement input[type=checkbox]{
	zoom: 2;
	width: auto !important;
	margin-top: 3px;
	-webkit-appearance: checkbox !important;
	margin-top: 5px !important;
	}
}
@supports not (zoom:2) {
	.gdprAgreement input[type=checkbox]{
		transform: scale(2);
		width: auto !important;
		-webkit-appearance: checkbox !important;
		margin: 19px 15px 15px 15px;
	}
	
	.gdprAgreement:focus {
		outline:0;
	}
}

.gdprAgreement label{
	display: inline-block !important; 
	vertical-align: top;
	margin-top: 3px;
	padding: 0 !important;
}

.gdprAgreement label {
	margin-top: 10px !important;
}

.agreement-detail-link {
	position: relative;
	top: -2px;
}

.gdprAgreementCustomerSection {
	padding: 23px 0 0 0;
}

.gdprAgreementCustomerSection a {
	font-size: 16px;
	color: #fff;
	border-radius: 3px;
	border: 1px solid rgba(255,255,255,0.3);
	padding: 15px 22px 14px 22px;
	display: inline-block;
}

.gdprAgreementCustomerSection a:hover {
	color: #1caf1a;
	border: 1px solid #1caf1a;
}

.conditionsTitle {
	font-size: 26px;
	letter-spacing: -1px;
	margin-bottom: 15px;
}

.giftBoxPanel {
	background: url(images/gift-card-panel-bg-min.jpg) no-repeat center center #484848;
	padding: 27px 0 24px 0;
	background-size: cover;
	display: block;
	position: relative;
	border-bottom: 1px solid white;
	border-top: 1px solid #646464;
	max-width: 2000px;
	margin: 60px auto -60px auto;
}

.giftBoxPanel.hp {
	max-width: 1920px;
}

.giftPanelHeadline {
	color: #fff;
	display: inline-block;
	max-width: 80%;
	letter-spacing: -0.3px;
	position: relative;
	top: 0px;
	font-size: 27px;
}

.giftPanelButton {
	float: right;
	border: 1px solid rgba(255,255,255,0.4);
	padding: 10px 20px;
	display: inline-block;
	border-radius: 3px;
	color: white;
	font-weight: 700;
	max-width: 20%;
	letter-spacing: -0.3px;
	background: rgba(0,0,0,0.6);
}

.closeGiftBoxPanel {
	position: absolute;
	right: 24px;
	top: 10px;
	font-size: 22px;
	color: #e6e6e6;
}

.giftPanelHeadline {
	overflow: hidden; 
	white-space: nowrap;
	margin: 0 auto;
	letter-spacing: -0.5px;
	/*
	border-right: .15em solid orange; 
	animation: 
		typing 3.5s steps(40, end),
		blink-caret .75s step-end infinite;
	*/
}

@keyframes typing {
	from { width: 0 }
	to { width: 420px }
}

@keyframes blink-caret {
	from, to { border-color: transparent }
	50% { border-color: white; }
}

@media screen and (max-width: 980px) {
	.giftBoxPanel {
		margin-top: 73px;
	}
}

@media screen and (max-width: 690px) {
	
	.giftBoxPanel {
		background: url(images/gift-card-panel-bg-min.jpg) no-repeat right top #484848;
		background-size: cover;
		margin-top: 73px;
	}

	.giftPanelHeadline {
		max-width: 80%;
		letter-spacing: -0.3px;
		position: relative;
		top: 0px;
		font-size: 24px;
	}
	
	.giftPanelButton {
		float: none;
		display: block;
		white-space: nowrap;
		border-radius: 3px;
		max-width: 120px;
	}
}


@media screen and (max-width: 479px) {
	
	.giftBoxPanel {
		background: url(images/gift-card-panel-bg-min.jpg) no-repeat right top #484848;
		background-size: cover;
		padding: 27px 0 24px 0;
		display: block;
		margin-top: 0px;
		text-align: center;
		position: relative;
		border-bottom: 10px solid white;
	}

	.giftPanelHeadline {
		max-width: 80%;
		letter-spacing: -0.3px;
		position: relative;
		top: 0px;
		font-size: 18px;
		margin-bottom: 10px;
	}
	
	.giftPanelButton {
		float: none;
		display: block;
		white-space: nowrap;
		max-width: 120px;
		margin: auto auto 5px auto;
	}
}

.contentPost iframe {
	width: 100% !important;
}

.contentPost ul li, .contentPost ol li {
	list-style: outside !important;
}

.calendarClose {
	color: #000;
	cursor: pointer;
	text-align: right;
	font-size: 27px;
	top: -19px;
    right: 12px;
	position: relative;
	padding: 0 0 18px 0;
}

.calendarCover {
	height: 87% !important;
	margin: 0 0 60px 0;
}



#demo-game-gif {
	min-height: 300px;
	background: url(./images/hra.gif) no-repeat left center;
	background-size: contain;
}

#demo-js-img-1 {
	min-height: 300px;
	background: url(./images/demo-js1.png) no-repeat left center;
	background-size: contain;
}

#demo-prg-img-1 {
	min-height: 300px;
	background: url(./images/demo-prg2.png), url(./images/demo-prg1.png);
	background-position: right bottom, left top;
	background-repeat: no-repeat;
	background-size: contain;
}

.installmentsList {
	color: white;
    padding: 10px 10px;
    display: block;
    box-sizing: border-box;
    margin: 0px 0 0 0;
    border-radius: 0 0 3px 3px;
    width: 329px;
}

.couponInvalid {
	background: red;
	position: relative;
    padding-left: 50px;
    line-height: 130%;
}

.couponInvalid:before {
	content: "\f12a";
     font-family: "Font Awesome 5 Free"; 
     font-style: normal;
     font-weight: 700;
     text-decoration: inherit;
     color: #fff;
     font-size: 35px;
     padding-right: 0.5em;
     position: absolute;
     top: 19px;
     left: 14px;
}

.couponValid {
	background: #7ab851;
	position: relative;
    padding-left: 50px;
    line-height: 130%;
}

@media screen and (max-width: 479px) {
	.couponInvalid, .couponValid {
	    width: 278px;
	}
}

.couponValid:before {
	content: "\f00c";
    font-family: "Font Awesome 5 Free"; 
    font-style: normal;
    font-weight: 700;
    text-decoration: inherit;
    color: #fff;
    font-size: 32px;
    padding-right: 0.5em;
    position: absolute;
    top: 20px;
    left: 10px;
}

textarea:focus, input:focus{
    outline: none;
}

.finalPrice {
	border-bottom: 3px solid rgba(255,255,255,0.4);
}

.minusPosition {
	position: relative; 
	left: -5px;
}

.swiperPadding {
	padding: 28px;
	position: relative;
	margin: -6px 0 0 0;
}

.swiperCoursePeriodLeftArrowWhite {
	background-image: url(images/swiper-left-arrow-black.svg) !important;
	background-size: 16px 26px !important;
	left: 2px !important;
	animation: swiperCoursePeriodArrowAnimKeyframes 1s linear infinite;
}

.swiperCoursePeriodRightArrowWhite {
	background-image: url(images/swiper-right-arrow-black.svg) !important;
	background-size: 16px 26px !important;
	right: 2px !important;
	animation: swiperCoursePeriodArrowAnimKeyframes 1s linear infinite;
}

@keyframes swiperCoursePeriodArrowAnimKeyframes {
	50% {
		opacity: 0;
	}
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: relative !important;
}

/* Infopanel */

.newsInfoPanel {
	background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
	background-size: 400% 400%;
	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;
	color: #fff;
	font-size: 16px;
	padding: 20px 0;
	text-align: center;
	border-top: 1px solid rgba(255,255,255,0.3);
	letter-spacing: 0.2px;
	line-height: 230%;
}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

.newsInfoPanel a {
	color: #e6e6e6;
	border-radius: 3px;
	border: 1px solid white;
	padding: 5px 15px;
	margin: 0 8px 0 8px;
}

.newsInfoPanel a:hover {
	color: #fff;
}

.newsInfoPanel.topMargin {
	margin-top: 60px; 
	margin-bottom: -0px; 
}

.newsInfoPanel.bottomMarginMinus {
	margin-top: 60px;
	margin-bottom: -62px;
}

@media screen and (max-width: 768px) {
	
	.newsInfoPanel.topMargin {
		margin-top: 75px; 
		margin-bottom: 0px; 
	}
	
	.newsInfoPanel {
		padding: 10px 0;
	}
	
	.newsInfoPanel.bottomMarginMinus {
		margin-top: 73px;
		margin-bottom: 0px;
	}
}

@media screen and (max-width: 479px) {
	.newsInfoPanel a {
		margin-bottom: 9px;
		display: inline-block;
		padding: 2px 15px;
	}
	
	.newsInfoPanel.topMargin {
		margin-top: 0px; 
		margin-bottom: 0px; 
	}
	
	.newsInfoPanel.bottomMarginMinus {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.swiperPadding {
	    padding: 17px 8px 2px 8px;
	    position: relative;
	    margin: -11px 0 0 0;
	}
	
	.contentPost {
		width: 100% !important;
	}

}

.newHeadline {
	font-size: 75px;
	letter-spacing: -2px;
	font-weight: 100;
	padding: 120px 0 30px 0;
	font-family: var(--my-font-family-montserrat);
}

.newHeadline span {
	font-size: 18px;
	font-weight: 400;
	display: block;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.newSubHeadline {
	font-family: var(--my-font-family-source-sans-pro);
	font-size: 21px;
	letter-spacing: 0.3px;
	line-height: 140%;
	font-weight: 600;
	padding: 0 0 80px 0;
	margin: 0 0 80px 0;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}

.newInfoBoxes {
	display: flex;
	flex-direction: row;
}

.newLeftInfoBox {
	width: 50%;
	padding: 0 50px 0 10%;
	box-sizing: border-box;
}

.newTheme {
	text-align: left;
	max-width: 470px;
}

.rightMonitorInfoBox {
	width: 50%;
	background: url(images/wall-classroom.jpg) no-repeat left 180px;
	background-size: 1128px auto;
	height: 907px;
}

.rightMonitorInfoBox video {
	margin: 0px 0 0 0px;
	border-radius: 0px;
	width: 62.5%;
}

.newQuestion, .supportedCourses h2 {
	font-size: 28px;
	font-weight: 600;
	font-family: var(--my-font-family-source-sans-pro);
}

.newTheme ul li {
	font-size: 19px;
	font-weight: 400;
	font-family: var(--my-font-family-source-sans-pro);
	color: #888;
	margin: 10px 0;
}

.newFeature {
	cursor: default;
	font-size: 40px;
	letter-spacing: -2px;
	font-weight: 700;
	max-width: 470px;
	margin: 80px 0 0 0;
	left: -5px;
	position: relative;
	line-height: 60%;
}

.newFeature i {
	font-size: 28px;
	top: -5px;
	left: 6px;
	margin-right: 10px;
	position: relative;
}

.newFeature span {
	font-size: 19px;
	position: relative;
	color: #888;
	left: 5px;
	letter-spacing: 0;
	display: block;
	font-weight: 400;
}

.newFeatureTop {
	display: block;
	color: #000 !important;
	padding-bottom: 7px !important;
}

.supportedCourses {
	margin: 70px 0 0 0;
	font-family: var(--my-font-family-source-sans-pro);
	text-align: left;
	max-width: 470px;
}

.supportedCourses ul {
	font-size: 19px;
	margin: 20px 0 0 0;
}

.supportedCourses ul li {
	border-bottom: 1px solid rgba(0,0,0,0.2);
	margin: 0;
	padding: 0;
}

.supportedCourses ul li:last-of-type {
	border: 0;
}

.supportedCourses ul li a {
	font-size: 19px;
	font-weight: 400;
	font-family: var(--my-font-family-source-sans-pro);
	color: #7ab851;
	display: block;
	padding: 4px 0;
	margin: 1px 0;
	cursor: pointer;
}

.supportedCourses ul li a:hover {
	color: #000;
}

@media screen and (max-width: 2560px) {
	.newLeftInfoBox {
		width: 50%;
		padding: 0 70px 0 27.4%;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 1920px) {
	.newLeftInfoBox {
		width: 50%;
		padding: 0 50px 0 19.5%;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 1680px) {
	.newLeftInfoBox {
		width: 50%;
		padding: 0 50px 0 14.5%;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 1440px) {
	.newLeftInfoBox {
		width: 50%;
		padding: 0 50px 0 10%;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 1280px) {
	.newLeftInfoBox {
		width: 50%;
		padding: 0 50px 0 8%;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 1024px) {
	.newLeftInfoBox {
		width: 50%;
		padding: 0 50px 0 6%;
		box-sizing: border-box;
	}
	
	.rightMonitorInfoBox video {
		margin: 15% 0 90px 9.5%;
		width: 85%;
	}
}

@media screen and (max-width: 1680px) {
	.rightMonitorInfoBox video {
		margin: 0px 0px 00px 0px;
		width: 70%;
	}
}

@media screen and (max-width: 1280px) {
	.rightMonitorInfoBox video {
		margin: 0px 0px 00px 0px;
		width: 85%;
	}
}

@media screen and (max-width: 1023px) {
	.newInfoBoxes {
		display: flex;
		flex-direction: column;
	}

	.newHeadline {
		font-size: 55px;
		letter-spacing: -2px;
	}
	
	.newLeftInfoBox {
		width: 80%;
		padding: 0 50px 0 9%;
		margin: auto;
		box-sizing: border-box;
	}
	
	.rightMonitorInfoBox {
		width: 100%;
		background: url(images/wall-classroom.jpg) no-repeat center bottom;
		background-size: 100% auto;
		margin: 60px auto 0px auto;
		width: 100%;
		height: auto;
		text-align: center;
		padding: 0 0 380px 0;
	}
	
	.rightMonitorInfoBox video {
		margin: auto;
		width: 80%;
	}
}

@media screen and (max-width: 479px) {
	.newInfoBoxes {
		display: flex;
		flex-direction: column;
	}

	.newHeadline {
		font-size: 48px;
		letter-spacing: -2px;
		padding: 90px 0 0 0;
	}
	
	.newSubHeadline {
		font-size: 19px;
		padding: 30px 20px 80px 20px;
		margin: 0 0 80px 0;
	}
	
	.newLeftInfoBox {
		width: 100%;
		padding: 0 50px 0 12%;
		margin: auto;
		box-sizing: border-box;
	}
	
	.rightMonitorInfoBox {
		width: 100%;
		background: url(images/wall-classroom.jpg) no-repeat center bottom;
		background-size: 100% auto;
		margin: 60px auto 0px auto;
		width: 100%;
		height: auto;
		text-align: center;
		padding: 0 0 190px 0;
	}
	
	.rightMonitorInfoBox video {
		width: 95%;
	}
}

.customPageCookies p {
	padding: 0 0 20px 0;
}

.customPageCookies ul li {
	list-style: circle;
	margin-bottom: 10px;
	margin-left: 20px;
}

.customPageCookies table {
	border-left: 0;
	border-right: 0;
	margin: 40px 0;
	width: 100%;
	border-top: 4px solid #d0d0d0;
	border-bottom: 4px solid #d0d0d0;
}

.customPageCookies table td {
	padding: 15px 0 0 10px;
	vertical-align: top;
	border-bottom: 1px solid #cfcfcf;
}

.customPageCookies table th {
	padding-top: 15px;
}

/* Panel na PrimaKurzyOnline.cz na homapage */

.onlineCoursesAvailablePanel {
	margin: 0 0 45px 0;
	position: relative;
	border-radius: 7px;
	padding: 45px;
	text-align: right;
	background: url(images/primakurzyonline-panel-bg.jpg) no-repeat center center;
	background-size: cover;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.onlineCoursesAvailablePanel .primakurzyOnlineLogo {
	width: 181px;
	height: 50px;
	background: url(images/logo-primakurzyonline.svg) no-repeat center center;
	display: inline-block;
	z-index: 400;
	margin: 0 0 30px 0;
}

.onlineCoursesAvailablePanel h2 {
	font-size: 34px;
	letter-spacing: 0.2px;
	line-height: 100%;
	max-width: 380px;
	font-weight: 700;
	color: #fff;
	margin: 0 0 35px 0;
	-webkit-transition: all 0.30s ease-out;
	-moz-transition: all 0.30s ease-out;
	-ms-transition: all 0.30s ease-out;
	-o-transition: all 0.30s ease-out;
	transition: all 0.30s ease-out;
}

.onlineCoursesAvailablePanel h2 span {
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 4px;
	display: block;
	font-weight: 400;
}


.onlineCoursesAvailablePanel .advantageBoxes {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	padding: 0;
	margin: 0 0 35px 0;
	background: none;
}

.onlineCoursesAvailablePanel .advantageBoxes span {
	width: 79px;
	box-sizing: border-box;
	color: white;
	font-size: 12px;
	border-radius: 7px;
	margin-left: 10px;
	text-align: center;
	font-weight: 700;
	padding: 53px 3px 7px 3px;
	letter-spacing: -0.2px;
	line-height: 120%;
}

@media screen and (max-width: 767px) {
	.onlineCoursesAvailablePanel {
		margin: -7px 17px 35px 17px; 
		padding: 28px;
	}
	
	.onlineCoursesAvailablePanel h2 {
		font-size: 34px;
		text-shadow: 0 0 10px rgba(0,0,0,0.9)
	}
	
	.onlineCoursesAvailablePanel .advantageBoxes span {
		margin: 0 0 0 5px;
	}
}

.onlineCoursesAvailablePanel .advantageBoxes span.time {
	background: url(images/clock.svg) #ba300f no-repeat center 10px;
	background-size: auto 35px;
}

.onlineCoursesAvailablePanel .advantageBoxes span.homeworks {
	background: url(images/homework.svg) #ba300f no-repeat center 10px;
	background-size: auto 35px;
}

.onlineCoursesAvailablePanel .advantageBoxes span.support {
	background: url(images/support.svg) #ba300f no-repeat center 10px;
	background-size: auto 35px;
}

.onlineCoursesAvailablePanel .fakeButton {
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 4px;
	padding: 12px 20px;
	display: inline-block;
	font-weight: 700;
	border-radius: 3px;
	border: 1px solid white;
	color: white;
	margin-bottom: 5px;
	-webkit-transition: all 0.30s ease-out;
	-moz-transition: all 0.30s ease-out;
	-ms-transition: all 0.30s ease-out;
	-o-transition: all 0.30s ease-out;
	transition: all 0.30s ease-out;
}

.onlineCoursesAvailablePanel h3 {
	position: absolute;
	left: 50px;
	bottom: 37px;
	color: white;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.2px;
	line-height: 260%;
}

.onlineCoursesAvailablePanel .activeStudents span {
	display: block;
	font-size: 52px;
	text-transform: uppercase;	
}

@media screen and (max-width: 767px) {
	.onlineCoursesAvailablePanel h3 {
		position: relative;
		left: 0px;
		bottom: 0px;
		margin-bottom: 20px;
	}
}

.onlineCoursesAvailablePanel:hover h2 {
	color: #ba300f;
	-webkit-transition: all 0.30s ease-out;
	-moz-transition: all 0.30s ease-out;
	-ms-transition: all 0.30s ease-out;
	-o-transition: all 0.30s ease-out;
	transition: all 0.30s ease-out;
}

.onlineCoursesAvailablePanel:hover h2 span {
	color: #fff;
	-webkit-transition: all 0.30s ease-out;
	-moz-transition: all 0.30s ease-out;
	-ms-transition: all 0.30s ease-out;
	-o-transition: all 0.30s ease-out;
	transition: all 0.30s ease-out;
}

.onlineCoursesAvailablePanel:hover .fakeButton {
	color: #ba300f;
	-webkit-transition: all 0.30s ease-out;
	-moz-transition: all 0.30s ease-out;
	-ms-transition: all 0.30s ease-out;
	-o-transition: all 0.30s ease-out;
	transition: all 0.30s ease-out;
}



.breadCrumbCourseDetail {
	text-align: center;
	padding: 40px 0 60px 0;
	color: #fff;
	font-family: var(--my-font-family-open-sans);
}

.breadCrumbCourseDetail a {
	color: #000;
}

.breadCrumbCourseDetail i {
	font-size: 16px;
	color: #949494;
	line-height: 50%;
	margin: 15px 3px 0 3px;
}

.breadCrumbSmallSubCategory {
	font-weight: 400;
	font-size: 16px;	
	margin: 0 0 15px 0;
	line-height: 97%;
	color: #b2b2b2;
	letter-spacing: -0.3px;
}

.breadCrumbSmallSubCategory a {
	color: #b2b2b2;
}

.breadCrumbSmallSubCategory a:hover {
	color: #8dc63f;
}

.breadCrumbSmallSubCategory i {
	position: relative;
	top: 1px;
}

.breadCrumbBigName {
	font-weight: 700;
	font-size: 49px;
	letter-spacing: -1px;
	line-height: 97%;
	padding: 0 15px;
	font-family: var(--my-font-family-roboto);
	line-height: 90%;
	margin: 0 0 20px 0;
}

.breadCrumbBigName a {
	color: #7ab851;
}

.typeOfcourse {
	font-size: 14px;
	cursor: default;
	color: #000;
	margin: 25px 0 6px 0;
	transition: all 0.30s ease-out;
	font-weight: 600;
	cursor: pointer;
	letter-spacing: 0px;
	display: block;
	text-transform: none;
}

.typeOfCourse i {
	font-size: 12px;
	position: relative;
	left: -3px;
}

.smallLectorBrand {
	display: inline-block;
	padding: 2px 5px;
	border: 1px solid silver;
	border-radius: 4px;
	font-size: 12px;
	color: #838383;
	text-align: center;
	margin: 0px 0 7px 0;
	position: relative;
	top: -10px;
}

.smallLectorBrand a {
	color: #7ab851;
	font-weight: 700;
}

.smallLectorBrand a:hover {
	color: #000;
	font-weight: 700;
}

.smallSepaDadator {
	border-top: 1px solid silver;
	width: 50px;
	display: block;
	margin: 10px auto 17px auto;
	position: relative;
	top: 0px;
}

.breadCrumbBigName span:hover {
	color: #7ab851;
	transition: all 0.30s ease-out;
}

.masterCourseSubHeadline {
	color: black;
	line-height: 120%;
	padding: 0 20px 0 20px;
	margin: 0;
}

@media screen and (max-width: 479px) {
	.masterCourseSubHeadline {
		padding: 0 20px 25px 20px;
	}
}

.dataCourseQuickInfo {
	text-align: center;
	display: block;
	margin: auto;
	font-size: 18px; 
	padding: 35px 0 60px 0;
	font-family: var(--my-font-family-pt-sans);
	cursor: default;
}

.dataCourseQuickInfo a { 
	color: #8dc63f;
	font-weight: 400;
	cursor: pointer;
}

.dataCourseQuickInfo a:hover {
	color: #000;
}

.dataCourseQuickInfo div > i {
	font-size: 10px;
	margin: 0 3px;
	position: relative;
	top: -2.2px;
	display: inline-block;
}

.quickLectorList, .quickCourseDuration {
	display: inline;
	font-weight: 400 !important;
	font-size: 18px;
	margin: auto;
	text-align: center;
	letter-spacing: -0.3px;
}

.quickCourseDuration a, .quickLectorList a {
	color: #000;
}

.quickCourseDuration a:hover, .quickLectorList a:hover{
	color: #7AB851;
}

.lectorsSeparator {
	color: silver;
	display: inline !important;
	font-weight: 300;
	left: -2px;
    position: relative;
}

.headlineLongDescription {
	font-family: var(--my-font-family-montserrat);
	font-weight: 700 !important;
	font-size: 50px;
	line-height: 110% !important;
	margin: 0 0 35px 0 !important;
	cursor: default;
}

.courseDurationNote {
	font-weight: 700;
}

@media screen and (max-width: 768px) {
	.dataCourseQuickInfo {
		padding: 20px 20px 25px 20px;
	}

	.quickLectorList, .quickCourseDuration {
		display: block;
	}
	
	.quickCourseDuration {
		margin: 0 0 10px 0;
	}
	
	.quickLectorList span {
		display: block;
	}
	
	.courseDurationNote {
		display: inline-block;
	}

	.dataCourseQuickInfo div > i {
		display: none;
	}
	
	.breadCrumbCourseDetail {
		padding: 20px 0 40px 0;
	}

	.masterInfoBoxCourseDetail {
	    flex-wrap: wrap;
	}

	.masterInfoBoxCourseDetail > div:first-child {
	  flex: 1 0 100%;
	  margin: 0 0 10px 0;
	}
		
	.introInfoBox {
		padding: 20px 30px;
		border-right: 1px solid #CBCBCB;
	}
	
	.priceBox {
		padding: 20px 30px;
		border-right: 1px solid #CBCBCB;
	}
	
	.paymentWaysBox {
		padding: 20px 30px;
	}	

	.courseDetailAdvantagesSection .advantageBox {
		font-size: 12px;
		width: auto;
	}

}

.shortener {
	background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%);
	height: 150px;
	margin: -150px 0 -20px 0;
	z-index: 100;
	position: relative;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center !important;
}

.shortenerMasterLink {
	cursor: pointer;
	border: 1px solid black;
}

.shortenerLine {
	width: 100%;
	padding: 30px 0 31px 0;
	cursor: pointer;
  background:
    linear-gradient(
      to left, 
      rgba(0,0,0,0) 0%,
      rgba(145,145,145,1) 50%,
      rgba(145,145,145,1) 67%,
      rgba(0,0,0,0) 100%
    )
    left 
    center    
    no-repeat; 
  background-size:100% 1px;
  text-align: center;
}

.shortenerLine .shortenerMoreButton {
	display: inline-block;
	color: #fff;
	margin: auto !important;
	padding: 12px 30px 12px 30px !important;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: -0.3px;
	-webkit-font-smoothing: antialiased;
	text-transform: uppercase;
	background-size: 300% 100%;
	background-image: linear-gradient(to right, #7AB851, #3cba92, #30dd8a, #2bb673);
    border-radius: 4px;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.shortenerLine .shortenerMoreButton:hover, .shortenerLine:hover a  {
	color: #f0f0f0;
	background-position: 100% 0;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    text-decoration: none;
}

.shortenerLine  .shortenerMoreButton:focus {
    outline: none;
}

.spaceSeparator {
	height: 8px;
	background: #f5f5f5;
}

.headlineFilmStrip {
	margin-top: 60px;
	width: 100vw;
}

@media (max-width: 500px) {
	.headlineFilmStrip {
		margin-top: 0;
	}
}

.headlineFilmStrip .swiper-slide {
	max-width: fit-content;
}

.duoBoxes {
	padding: 60px 0 0 0;
}

@media (max-width: 768px) {
	.duoBoxes {
		padding: 0px 0;
	}
}

.twoColumnSection {
	padding: 20px 0 70px 0;
	display: flex;
}

.twoColumnSection > div {
	width: 50%;
	padding: 0 3%;
	box-sizing: border-box;
}

.twoColumnSection.contact > div:last-of-type {
	justify-content: center;
	display: flex;
	flex-direction: column;
	
}

.twoColumnSection.contact > div:first-of-type {
	padding: 0;
}

@media screen and (max-width: 960px) {
	.twoColumnSection {
		padding: 0px 0 50px 0;
		display: flex;
		flex-direction: column;
	}
	
	.twoColumnSection > div {
		width: 90%;
		padding: 0 3%;
		margin: auto;
		box-sizing: border-box;
	}

	.twoColumnSection > div:nth-child(1) {
		margin: auto auto 40px auto;
	}
}

@media screen and (max-width: 1130px) {
	.js-demo-container {
		display: none;
	}
}

@media (width < 960px) {
	.twoColumnSection.contact > div:first-of-type {
		padding: 0 3%;
	}
}

@media (width < 768px) {
	.twoColumnSection.contact > div:first-of-type {
		padding: 0;
	}
}

.twoColumnSection > div > h2:nth-child(1) {
	margin: 0 0 40px 0;
	font-family: var(--my-font-family-montserrat);
	font-size: 40px;
	font-weight: 200;
	line-height: 95%;
	text-align: left;
}

.twoColumnSection > div > h2:nth-child(1) > span:nth-child(1) {
	display: block;
	font-size: 17px;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 90%;
	text-transform: uppercase;
	margin: 0 0 7px 3px;
}

.twoColumnSection h2 {
	font-size: 26px;
	line-height: 100%;
	font-family: var(--my-font-family-montserrat);
	font-weight: 400;
	text-align: left;
	margin: 0px 0 20px 0;
}



#reasons-box.collapsed-box, #comparison-box.collapsed-boxTable {
	height: 300px;
	overflow: hidden;
}

#reasons-box, #comparison-box {
	transition: 1s height ease-in-out;
	overflow: hidden;
}

.reasonsWhyBox {
	font-family: var(--my-font-family-pt-sans);
	font-size: 18px;
	color: #464646;
}

.reasonsWhyBox ul li {
	line-height: 150%;
}

.reasonsWhyBox a {
	color: #7ab851;
	cursor: pointer;
}

.reasonsWhyBox a:hover {
	color: #639541;
	text-decoration: underline;
}

.reasonsWhyBox ul {
	list-style: none;
	padding: 0;
	margin: -10px 0px 0px 0px;
}

.reasonsWhyBox ul li {
	margin: 10px 0 10px 15px;
}

.reasonsWhyBox ul li div {
	display: inline;
}

.reasonsWhyBox ul li:before {
  content: "\f054"; 
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  margin-left: -1.3em;
  width: 1.3em; 
  font-size: 11px;
  position: relative;
  top: -1px;
  font-weight: 700;
}

@media (max-width: 767px) {
	.twoColumnSection {
		padding: clamp(1rem, 0.2500rem + 3.3333vw, 2rem);
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	.twoColumnSection > div {
		width: 100%;
		margin: auto auto auto auto;
		padding: 0;
	}
	
	.twoColumnSection > div:nth-child(1) {
		margin: auto auto 30px auto;
	}
	
	.reasonsWhy h2 {
		padding: 0px 0 0px 0;
	}
	
	
	.faqSection {
		padding: 0 !important;		
	}	
} 

@media screen and (max-width: 767px) {
	.twoColumnSection > div {
		width: 100%;
		margin: auto auto auto auto;
		padding: 0;
	}
	
	.completOutline .topicDetail {
		padding: 0 0 0 18px;
	}
}

@media screen and (max-width: 479px) {
	.twoColumnSection {
		padding: 20px 0 0px 0;
	}
}

.lqip-facebook-posts {
	background-image: url('images/facebook_posts_lqip.png');
	background-size: 100% auto; 
	background-repeat:no-repeat;
	min-height: 600px;
	filter: blur(2px);
}

.singleColumnSection {
	padding: 40px 0;
}

.certificateGallery {
	display: flex;
	flex-flow: wrap;
	justify-content: center;
	align-content: center;
	align-items: center;
	padding: 30px 0 0 0;
}

.certificateGallery img {
	width: 160px;
	margin: 0 20px 30px 20px;
	height: 100%;
	transition: all 0.30s ease-out;
}

.certificateGallery img:hover {
	transition: all 0.30s ease-out;
	-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.noPadding {
	padding: 0 !important;
	position: relative;
}

.silverGradient {
	background: rgb(245,245,245);
	background: linear-gradient(180deg, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);
}


.lectorContainerIn{
	display: block;
    overflow:hidden;
    background-image: linear-gradient(to right, #001e5e 0%, #3a7bd5 51%, #0089ff 100%);
    transition: 2s;
    background-size: 200% auto;
    padding: 40px 0;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    cursor: pointer;
}

@media (max-width: 620px) {
	
	.lectorContainerIn{
		align-items: flex-start;
	}
}

.lectorContainerIn:hover  {
	border-color: #c7c7c7 !important;
	background-position: right center;
	transition: 2s;
}

.lectorContainerIn:hover .lectorDetailButton  {
	border-color: #fff !important;
	background-position: right center;
	transition: 2s;
	background: #fff;
	color: #000;
	animation: blinker 0.6s linear infinite;
}

.lectorContainerIn:hover .lectorShapeImg  {
	background-size: auto 124%;
	transition: 2s;
}

.lectorShape {
    width: 54%;
    height: 400px;
    margin: 0 0 0 -100px;
    -webkit-transform: skew(-25deg);
    -moz-transform: skew(-25deg);
    -o-transform: skew(-25deg);
    overflow:hidden;
    position:relative;
    background: rgb(0,0,0);
	background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(34,0,75,1) 100%);
box-shadow: 0 0 15px rgba(0,0,0,0.4);
}

.lectorFunction {
	font-family: var(--my-font-family-pt-sans);
	font-size: 14px;
	color: #fff;
	font-weight: 700;
}

.lectorShapeData {
	padding: 0px 0 0 150px;
	text-align: left;
}

.lectorBigName {
	font-family: var(--my-font-family-montserrat);
	font-weight: 200;
	font-size: 46px;
	letter-spacing: -0.8px;
	color: #fff;
	padding: 0 10px 20px 0;
	position: relative;
	line-height: 100%;
	left: -5px;
}

.lectorBigMemo {
	color: #fff;
	font-family: var(--my-font-family-pt-sans);
	font-size: 16px;
	line-height: 140%;
	margin: 0 0 45px 0;
	width: 400px;
}

.lectorDetailButton {
	border: 1px solid white;
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	transition: 2s;
	font-weight: 700;
	padding: 12px 20px;
	letter-spacing: -0.3px;
}

.lectorShapeImg {
    background-repeat: no-repeat;
    background-size: auto 120%;
    position:absolute;
    top: 20px;
    left: 65%;
    transition: 2s;
    right: -50px;
    bottom:-60px;
    -webkit-transform: skew(25deg);
    -moz-transform: skew(25deg);
    -o-transform: skew(25deg);
}

.lectorShapeImg.luke {
	background-image: url(images/lukas-krasa-min.png);
}

@media screen and (max-width: 620px) {
	.lectorContainerIn{
	    flex-direction: column;
	    padding: 0 0 35px 0;
	}
	
	.lectorShape {
	    width: 120%;
	    margin: 0 0 0 -100px;
	    height: 300px;
	}	
	
	.lectorShapeImg {
	    left: 42%;
	}
	
	.lectorBigMemo {
		color: #fff;
		width: 90%;
	}
	
	.lectorShapeData {
		padding: 40px 0 20px 40px;
		width: 100%;
		box-sizing: border-box;
	}
}

@media screen and (min-width: 620px) {
	.lectorShapeImg {
	    left: 25%;
	}
	
	.lectorBigMemo {
		color: #fff;
		width: 270px;
	}
	
	.lectorShapeData {
		padding: 0px 0 0 130px;
	}
}

@media screen and (min-width: 768px) {
	.lectorShapeImg {
	    left: 25%;
	}
	
	.lectorBigMemo {
		color: #fff;
		width: 270px;
	}
	
	.lectorShapeData {
		padding: 0px 0 0 130px;
	}
}

@media screen and (min-width:1024px) {
	.lectorShapeImg {
	    left: 45%;
	}
	
	.lectorBigMemo {
		color: #fff;
		width: 350px;
	}

	.lectorShapeData {
		padding: 0px 0 0 150px;
	}
}

@media screen and (min-width:1200px) {
	.lectorShapeImg {
	    left: 53%;
	}
	
	.lectorBigMemo {
		color: #fff;
		width: 350px;
	}

	.lectorShapeData {
		padding: 0px 0 0 150px;
	}
}

@media screen and (min-width:1400px) {
	.lectorShapeImg {
	    left: 58%;
	}
}

@media screen and (min-width:1600px) {
	.lectorShapeImg {
	    left: 62%;
	}
}

.lazyload, .lazyloading {
	-webkit-filter: blur(5px);
	filter: blur(5px);
	transition: filter 400ms, -webkit-filter 400ms;
}

.lazyload.lazyloaded {
	-webkit-filter: blur(0);
	filter: blur(0);
}

.countdown {
	margin: 15px auto 0 auto;
	max-width: 305px;
	font-size: 125%;
	font-weight: 300;
}

.countdown .countdown-container {
	height: 50px;
	clear: both;
	margin: 0 0 10px 0;
}
.countdown .time {
	border-radius: 5px;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.5);
	display: inline-block;
	text-align: center;
	position: relative;
	height: 40px;
	width: 27px;
  
	-webkit-perspective: 479px;
	-moz-perspective: 479px;
	-ms-perspective: 479px;
	-o-perspective: 479px;
	perspective: 479px;
  
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
  
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
  
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.countdown .countdownNumber {
	background: #202020;
	color: #f8f8f8;
	display: block;
	font-family: var(--my-font-family-oswald);
	font-size: 1em;
	line-height: 1.95em;
	overflow: hidden;
	position: absolute;
	text-align: center;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
	top: 0;
	width: 100%;
  
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
  
	-webkit-transform-style: flat;
	-moz-transform-style: flat;
	-ms-transform-style: flat;
	-o-transform-style: flat;
	transform-style: flat;
}
.countdown .countdownNumber.top {
	border-top: 1px solid rgba(255,255,255,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.1);
	border-radius: 3px 3px 0 0;
	height: 50%;
  
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}
.countdown .countdownNumber.bottom {
	background-image: linear-gradient(rgba(255,255,255,0.1), transparent);
	background-image: -webkit-linear-gradient(rgba(255,255,255,0.1), transparent);
	background-image: -moz-linear-gradient(rgba(255,255,255,0.1), transparent);
	background-image: -ms-linear-gradient(rgba(255,255,255,0.1), transparent);
	background-image: -o-linear-gradient(rgba(255,255,255,0.1), transparent);
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-radius: 0 0 3px 3px;
	line-height: 0;
	height: 50%;
	top: 50%;
  
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0;
}
.countdown .countdownNumber.next {
}
  .countdown .label {
	font-size: 11px;;
	margin-top: 5px;
	display: block;
	position: absolute;
	top: 40px;
	width: 100%;
	color: #9e9e9e;
}
/* Animation start */
.countdown .countdownNumber.prev.top {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	z-index: 3;
}
.countdown .countdownNumber.next.bottom {
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
	-o-transform: rotateX(90deg);
	transform: rotateX(90deg);
	z-index: 2;
}
.countdown #countdown_secs {
	/* odpocet vterin nezobrazovat */
	display: none;
}

/* Animation end */
/*
html.device-speed-fast .countdown .flip .countdownNumber.prev.top {
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
  
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}
html.device-speed-fast .countdown .flip .countdownNumber.next.bottom {
	-webkit-transition: all 250ms ease-in-out 250ms;
	-moz-transition: all 250ms ease-in-out 250ms;
	-ms-transition: all 250ms ease-in-out 250ms;
	-o-transition: all 250ms ease-in-out 250ms;
	transition: all 250ms ease-in-out 250ms;
  
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
*/
.validitySpecialPrice {
	width: 240px;
	box-sizing: border-box;
	padding: 15px 20px;
	margin: 10px 0;
	background: #fff;
	border-radius: 3px;
	display: block;
}

@media screen and (max-width: 479px) {
	.countdown {
		width: 80%;
	}
	
	.validitySpecialPrice {
		width: 100%;	
	}
}

.calendarIconUnloaded {
	cursor: pointer;
}

.popUpBg {
	background: rgba(0,0,0,0.8);
	width: 100%;
	height: 100%;
	position: fixed;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	z-index: 9999;
}

@media screen and (max-width: 479px) {
	.popUpBg {
		padding: 0 10px;
		z-index: 1000;
	}
}

.popUpBg .popupWindow {
	width: 380px;
}

.closeAnim {
	transition: transform 0.75s;
	transition-timing-function: ease-in;
}

.popUpBg .popupWindow .closePopUp {
	position: absolute;
	right: 16px;
	top: 8px;
	font-size: 30px;
	display: block;
	color: white;
	text-align: right;
}

.popUpBg .popupWindow .closePopUp:hover {
	color: red;
}

.popUpBg .popUpForm {
	padding: 10px 0;
}

.popupDiscountMainHolder input {
	padding: 8px;
	border-radius: 3px;
	border: 0;
	font-size: 17px;
}

.popupDiscountMain {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1000;
}

.popupDiscountMainHolder {
	border-radius: 7px;
	background: rgb(205,0,0);
	background: -moz-radial-gradient(circle, rgba(205,0,0,1) 0%, rgba(83,0,0,1) 100%);
	background: -webkit-radial-gradient(circle, rgba(205,0,0,1) 0%, rgba(83,0,0,1) 100%);
	background: radial-gradient(circle, rgba(205,0,0,1) 0%, rgba(83,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cd0000",endColorstr="#530000",GradientType=1);
	box-shadow: 0 0 20px rgba(0,0,0,0.5);
	color: #fff;
	padding: 40px 40px 40px 40px;
	position: relative;
	font-size: 17px;
	line-height: 1.5;
}

.popupDiscountMainHolder h2 {
	font-size: 35px;
	display: block;
	margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
}

.popupDiscountMinimized {
	position: fixed;
    bottom: 25px;
	right: 130px;
	z-index: 1000;
}

@media screen and (max-width: 479px) {
	.popupDiscountMinimized {
		position: fixed;
	    bottom: 78px;
	    right: 13px;
	    z-index: 1000;
	   }
}

.popupDiscountMinimizedHolder {
	background-image: linear-gradient(80deg, rgb(18, 51, 223), rgb(74, 157, 217));
    transition: opacity 0.25s linear 0s;
    color: white;
    padding: 15px 25px 16px 25px;
    font-weight: 300;
    font-size: 15px;
	border-radius: 50px;
	z-index: 10001;
}

@media screen and (max-width: 479px) {
	.popupDiscountMinimizedHolder {
		position: fixed;
	    bottom: 78px;
	    right: 13px;
	    z-index: 1000;
	   }
}

.popupDiscountMinimizedHolder.mobile {
	display: none;
}

@media screen and (max-width: 479px) {
	.popupDiscountMinimizedHolder.desktop {
		display: none;
	}

	.popupDiscountMinimizedHolder.mobile {
		display: inline-block;
	}
}

.popupDiscountMainHolder .popUpAgree {
	padding: 15px 0 15px 0;
	font-size: 10px;
}


.popupDiscountMainHolder .popUpAgree input {
	position: relative;
	top: 1px;
	-webkit-appearance: checkbox;
}


.popupDiscountMainHolder .popUpAgree label {
	width: 50%;
	line-height: 120%;
	color: #b2b2b2;
}

.popupDiscountMainHolder .popUpLector {

}

.popupDiscountMainHolder .popUpLector .popUpLectorPhoto {
	position: absolute;
	bottom: 0px;
	right: -30px;
	width: 170px;
	display: block;
	height: 220px;
}


.popUpAgree .data-processing-agreement-form {
	display: flex;
	flex-direction: row;
}

.popUpAgree .data-processing-agreement-form input {
	margin-right: 5px;
}

/* Slevovy kod */

.mainSizeHeadline {
	margin-bottom: 20px;
	font-size: 60px;
}

.saleCodeBoxHeadline {
	display: block;
	margin: 15px 0 7px 0;
}

.saleCodeInput {
	background: white;
	border-radius: 3px;
	font-size: 30px;
	color: black;
	display: inline-block;
	padding: 7px 20px;
	margin-bottom: 20px;
}

.saleCodeInput:hover {
	 color: #000;
}

.saleCodeInput i {
	color: #000; 
	margin-left: 10px;
}

.saleCodeInput:hover i {
	 color: #0D7CFF;
}

/* školení on-line */

.onlineHeaderBox .onlineHeader {
	height: 70vh;
	width: 100%;
	position: relative;
}

.onlineHeaderBox .memoPicture {
	position: absolute;
	bottom: 35px;
	width: 100%;
	padding: 0 0px;
	text-align: center;
	left: 0px;
	right: 0;
}

.onlineHeaderBox .memoPictureSubheadline {
	display: inline-block;
	margin: 12px 0 0 0px;
	background: rgba(255, 255, 255, 0.802);
	border-radius: 50px;
	padding: 5px 15px;
	cursor: default;
	
}

.onlineHeaderBox .memoPicture .memoPictureHeadline {
	border-radius: 50px;
	font-size: 14px;
	color: #fff;
	background: #990000;
	padding: 5px 15px;
	font-weight: 700;
	margin: 0;
	cursor: default;
}

.onlineHeaderBox .headlineBox {
	text-align: center;
	padding: 90px 0 80px 0;
	background: rgba(255,255,255,0.5);
}

.aboutOnline {
	font-size: 36px; 
	font-weight: 600;
	line-height: 125%;
	margin-bottom: 70px;
	color: #888;
	letter-spacing: -0.8px;
	padding: 0 40px;
}

.onlineHeaderBox .headline {
	font-size: 110px;
	line-height: 100%;
	letter-spacing: -1px;
	cursor: default;
	font-family: 'Montserrat', sans-serif;
}

@media screen and (max-width: 479px) {
	.onlineHeaderBox .headline { 
		font-size: 69px;
	}
	
	.aboutOnline {
		font-size: 26px; 
		font-weight: 600;
		line-height: 125%;
		margin-bottom: 70px;
		color: #888;
		letter-spacing: -0.8px;
		padding: 0 40px;
	}
	
}

.headlineBox .headline span {
	font-size: 36px;
	line-height: 90%;
	display: block;
	font-family: 'PT Sans', sans-serif;
	letter-spacing: -0.5px;
	font-weight: 300;
}

.headlineBox .headline span:first-of-type {
	margin-bottom: 2px;
}

@media screen and (max-width: 767px) {
	.headlineBox .headline span {
		font-size: 30px;
	}
}

.onlineHeaderBox .onlineHeader.pgs {
	background: url(images/skoleni-grafiky-online.jpg) no-repeat center top;
	background-size: cover;
}

.equipmentBox {
	height: 600px;
	position: relative;
	margin: 0 0 130px 0;
}

.equipmentBox .container .equipmentMemo {
	position: absolute;
	right: 215px;
	top: 170px;
	width: 300px;
	font-size: 26px; 
	font-weight: 600;
	line-height: 125%;
	margin-bottom: 60px;
	color: #3a3a3a;
	letter-spacing: -0.8px;
	padding: 0 40px;
}

.equipmentBox .equipmentMemo span {
	font-size: 36px; 
	display: block;
	line-height: 110%;
	color: #888;
	margin-bottom: 15px;
}

.equipmentBox.pgs {
	background: url(images/vybava-na-kurz-pgs.jpg) no-repeat center center;
	background-size: auto 100%;
}

@media screen and (max-width: 1024px) {
	.equipmentBox .container .equipmentMemo {
		right: 115px;
	}
}

@media screen and (max-width: 768px) {
	.equipmentBox {
		height: 630px;
		position: relative;
		margin: 0 0 130px 0;
	}
	
	.equipmentBox .container .equipmentMemo {
		position: relative;
		right: 0;
		top: 0px;
		width: auto;
		font-size: 26px; 
		font-weight: 600;
		line-height: 125%;
		margin-bottom: 60px;
		color: #3a3a3a;
		letter-spacing: -0.8px;
		padding: 0 40px;
	}
	
	.equipmentBox.pgs {
		background: url(images/vybava-na-kurz-pgs.jpg) no-repeat center bottom;
		background-size: 70% auto;
	}
}

.masterMegaHeadline {
	font-size: 80px;
	cursor: default;
	line-height: 100%;
	padding: 0 37px 90px 37px;
}

.masterMegaHeadline.lineTop {
	border-top: 4px solid silver;
	padding-top: 90px;	
}

.masterMegaHeadline span {
	font-size: 80px;
	letter-spacing: -1px;
	color: #dc0000;
}

@media screen and (max-width: 479px) {
	.masterMegaHeadline {
		font-size: 50px;
	}
	
	.masterMegaHeadline span {
		font-size: 50px;
		letter-spacing: -1px;
		color: #dc0000;
	}	
}

.onlineAcademy {
	background: url(images/primakurzyonline-grafika-online.jpg) no-repeat center center;
	height: 100vh;
	background-size: cover;
	position: relative;
	margin: 0 0 80px 0;
}

.advantageBoxes {
	display: flex;
	flex-flow: wrap;
	padding: 120px 0px 0 0px;
	align-content: center;
	align-items: center;
	justify-content: center;
}

.advantageBoxes .advantageBox {
	border-top: 1px solid rgba(255,255,255,0.3);
	padding: 20px 3px 0 3px; 
	color: #fff;
	width: 28%;
	margin: 0 2% 40px 1%;
}

.advantageBoxes .advantageBox h2 {
	font-size: 44px;
	font-weight: 700;
	cursor: default;
	text-shadow: 0 0 15px rgba(0,0,0,0.5);
	line-height: 130%;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	letter-spacing: -1px;
}

@media screen and (max-width: 1024px) {
	.onlineAcademy {
		height: auto;
		padding: 8px 0px;
	}
	
	.advantageBoxes {
		flex-direction: column;
		padding: 30px 0 80px 0;
		background: rgba(0,0,0,0.6);
	}
	
	.advantageBoxes .advantageBox {
		border-top: 1px solid rgba(255,255,255,0.3);
		padding: 20px 3px 0px 3px; 
		color: #fff;
		width: 90%;
		margin: 0 0 40px 0;
	}
}

.advantageBoxes .advantageBox h2 span {
	display: block;
	font-size: 18px;
	line-height: 100%;
	text-transform: none;
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	letter-spacing: 0.3px;
}

.onlineAcademy .memoPicture {
	position: absolute;
	bottom: 35px;
	width: 100%;
	padding: 0 0px;
	text-align: center;
	left: 0px;
	right: 0;
}

.onlineAcademy .memoPictureSubheadline {
	display: inline-block;
	margin: 12px 0 0 0px;
	cursor: default;
	background: rgba(255, 255, 255, 0.802);
	border-radius: 50px;
	padding: 5px 15px;	
}

.advantageBoxesSmall {
	display: flex;
	flex-flow: wrap;
	padding: 0px 0px 60px 40px;
}

.advantageBoxesSmall .advantageBoxSmall {
	border-top: 1px solid rgba(0,0,0,0.2);
	padding: 20px 3px 0 3px; 
	color: #000;
	width: 20%;
	margin: 0 3% 40px 0;
}

.advantageBoxesSmall .advantageBoxSmall h2 {
	font-size: 36px;
	font-weight: 700;
	cursor: default;
	line-height: 130%;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	letter-spacing: -1px;
}

.advantageBoxesSmall .advantageBoxSmall h2 span {
	display: block;
	font-size: 18px;
	line-height: 120%;
	text-transform: none;
	color: #707070;
	font-weight: 400;
	font-family: 'PT Sans', sans-serif;
	letter-spacing: 0.3px;
}

.container .slaveBox {
	background: #F2F2F2;
	padding: 110px 90px;
	margin-bottom: 90px;
	display: flex;
	flex-direction: row;
}

.container .slaveBox.eLearning {
	padding: 0;
	margin-bottom: 90px;
}

.container .slaveBox .aboutOnline {
	padding: 0;
	font-size: 22px;
	font-weight: 400;
	margin: 0;
}

.container .slaveBox .slaveBoxData {
	max-width: 380px;
}

.container .slaveBox.eLearning .slaveBoxData {
	width: 50%;
	padding: 110px 100px 110px 90px;
}

.container .slaveBox.eLearning .slaveBoxData {
	max-width: 420px;
}

.container .slaveBox.eLearning .slaveBoxData h2 {
	color: #000;
	line-height: 98%;
}

.container .slaveBox.eLearning .slaveBoxData h2 span {
	display: block;
	width: 80px;
	text-align: center;
	background: #990000;
	color: #fff;
	margin: 0 0 5px 0;
	padding: 5px 0;
	font-weight: 700;
	font-size: 12px;
	border-radius: 50px;
	line-height: 100%;
}

.container .slaveBox.eLearning .aboutOnline {
	margin-bottom: 30px;
	letter-spacing: -0.2px;
}

.container .slaveBox.eLearning .onlineLearnButton {
	padding: 10px 15px;
	display: inline-block;
	border: 1px solid #c7c7c7;
}

.container .slaveBox.eLearning .onlineLearnButton i {
	font-size: 12px;
	position: relative;
	top: -1px;
}

.container .slaveBox .slaveBoxImage {
	background: url(images/macbook-grafik.png) no-repeat;
	background-size: auto 530px;
	background-position: 140px center;
	flex: 1;
	margin: 0 -90px 0 0;
}

@media screen and (max-width: 768px) {
	.onlineHeaderBox .memoPictureSubheadline {
		margin: 22px 0px 0 0px;
		border-radius: 0;
		padding: 20px; 
		width: 100%;
		box-sizing: border-box;
	}

	.onlineHeaderBox .memoPicture {
		bottom: 0;
	}
	
	.advantageBoxesSmall {
		flex-direction: column;
		padding: 0px 0px 60px 40px;
	}

	.advantageBoxesSmall .advantageBoxSmall {
		border-top: 1px solid rgba(0,0,0,0.2);
		padding: 20px 3px 0 3px; 
		color: #000;
		width: 80%;
		margin: 0 0 40px 0;
	}
}

.container .slaveBox.eLearning .slaveBoxImage {
	background: url(images/skoleni-grafiky-online.jpg) no-repeat;
	background-size: auto 100%;
	background-position: center center;
	flex: none;
	width: 50%;
	margin: 0;
	transition: all 1s;
}

@media screen and (max-width: 768px) {
	
	.container .slaveBox.eLearning {
		flex-direction: column;
	}
	
	.container .slaveBox.eLearning .slaveBoxData {
		width: 100%;
		padding: 60px 30px 60px 30px;
	}
	
	.container .slaveBox.eLearning .slaveBoxData {
		max-width: 80%;
	}

	.container .slaveBox.eLearning .slaveBoxImage {
		width: 100%;
		background-size: cover;
		height: 400px;
	}
	
	.container .slaveBox.eLearning {
		margin-bottom: 8px;
	}
}

.container .slaveBox.eLearning:hover .slaveBoxImage {
	transform: scale(1.05);
	border-radius: 7px;
}

.container .slaveBox.eLearning:hover {
	border-radius: 7px;
}

.container .slaveBox .slaveBoxData .slaveHeadline {
	font-size: 48px;
	line-height: 100%;
	margin-bottom: 30px;
	position: relative;
}

.container .slaveBox .slaveBoxData .slaveHeadline::before {
	content: '';
	height: 100px;
	display: block;
	background: url(images/snap.svg) no-repeat -15px top;
	background-size: 80px auto;
}

.container .slaveBox.eLearning .slaveBoxData .slaveHeadline::before {
	content: '';
	height: 100px;
	display: block;
	background: url(images/elearning-kraasa-cz.svg) no-repeat 0px top;
	background-size: 80px auto;
}


@media screen and (max-width: 1024px) {
	.container .slaveBox .slaveBoxImage {
		background: url(images/macbook-grafik.png) no-repeat;
		background-size: auto 530px;
		background-position: 0px center;
		flex: 1;
		margin: 0 -90px 0 0;
	}
}

@media screen and (max-width: 768px) {
	.container .slaveBox .slaveBoxImage {
		background: url(images/macbook-grafik.png) no-repeat;
		background-size: auto 240px;
		background-position: 0px 45px;
		flex: 1;
		margin: 0 -90px 0 -50px;
	}
}

@media screen and (max-width: 767px) {
	.container .slaveBox {
		padding: 80px 45px;
		margin-bottom: 50px;
		flex-direction: column;
	}
	
	.container .slaveBox .slaveBoxImage {
		background: url(images/macbook-grafik.png) no-repeat;
		background-size: auto 100%;
		background-position: -20px center;
		height: 280px;
		margin: 50px -45px 0 0;
	}
}

.pgs-online {
	display: flex;
	flex-direction: row;
	padding: 20px 0 80px 0;
}

.pgs-online .pgs-online-image {
	background: url(images/skoleni-grafiky-online.jpg) no-repeat center top;
	background-size: cover;
	height: 500px;
	width: 50%;
}

.pgs-online .pgs-online-data {
	display: flex;
	width: 50%;
	text-align: center;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
}

.onlineLearnButton {
	border: 1px solid white;
	border-radius: 4px;
	font-size: 17px;
}

.container .slaveBox.eLearning:hover .slaveBoxData h2 {
	animation: blinker 0.6s linear infinite;
}

.container .slaveBox.eLearning:hover .onlineLearnButton {
	animation: blinker 0.6s linear infinite;
	background: #990000;
	color: #fff;
	transition: all 1s;
}

.buttonSection {
	text-align: center;
	margin: 0 0 80px 0;
}

.bigButtonLink {
	border: 3px solid silver;
	display: inline-block;
	text-align: center;
	font-size: 32px;
	border-radius: 80px;
	letter-spacing: -1px;
	font-weight: 700;
	color: #000;
	padding: 8px 30px;
}

.bigButtonLink i {
	font-size: 18px;
	position: relative;
	top: -2px;
	left: 8px;
}

@media screen and (max-width: 479px) {
	.magSsTag {display: none;}
}

/* covid panel */

.covidInfoPanel {
	background: #7ab851;
	font-size: 16px;
	display: block;
	margin: 30px 0;
	padding: 40px ;
	font-size: 22px;
	border-radius: 4px;
	color: black;
}

.covidInfoPanel:hover {
	color: black;
}

.covidInfoPanel .msmtCovidText .sourceCovid {
	font-size: 14px;
	display: block;
	margin: 10px 0 0 0;
	font-weight: 700;
	line-height: 100%;
}

.covidInfoPanel .container {
	display: block;
}

.covidInfoPanel h2 {
	font-size: 40px;
	line-height: 100%;
	margin: 0 0 10px 0;
}

.covidInfoPanel .msmtCovidText {
	border-radius: 10px;
	border: 2px dashed black;
	display: block;
	font-style: italic;
	color: black;
	letter-spacing: -0.5px;
	margin: 15px 0;
	line-height: 120%;
	padding: 10px 10px 13px 10px;
	font-size: 16px;
}

.covidInfoPanel .primakurzyCovidText {
	font-size: 22px;
	line-height: 100%;
}

@media screen and (max-width: 479px) {
	
	.covidInfoPanel {
		line-height: 110%;
		padding: 25px;
		font-size: 17px;
	}
	.covidInfoPanel h2 i {
		display: none;
	}
	.covidInfoPanel .primakurzyCovidText {
		line-height: 110%;
		font-size: 17px;	
	}
}

.pageSubHeadline {
	text-align: center;
	line-height: 120%;
	font-size: 20px;
	padding: 10px 0 0 0;
}

.pageSubHeadline.up i {
	font-size: 16px;
}

.pageSubHeadline.up img {
	height: 16px;
	margin: 0 0 0 5px;
	display: inline-block;
}

.pageSubHeadline.up.fixed a {
	color: white;
}

/* Narozeniny */

.birthdayBg {
	background: #E4E3E3;
}

.birthdayWrapper {
	background: no-repeat url(images/birthday-header-bg-min.jpg) 50% / 100%;
	display: block;
}
img.lastChance {
	margin: 60px 0 -40px 0;
	width: 300px;
	text-align: center;
}
.birthdayWrapper img {
	vertical-align: top;
	width: 100%; /* max width */
	opacity: 0;  /* make it transparent */
}

.birthdayWrapperMobile {
	background: no-repeat url(images/birthday-header-bg-mobile-min.jpg) 50% / 100%;
	display:none;
}

.birthdayWrapperMobile img {
	vertical-align: top;
	width: 100%; /* max width */
	opacity: 0;  /* make it transparent */
}

.birthdayPanel {
	background: url(images/birthday-bg-panel-min2.jpg) no-repeat center center;
	background-size: cover;
	padding: 10px 0 40px 0;
	display: block;
	cursor: pointer;
	border-top: 10px solid #B50B1A;
	transition: all 0.3s ease-out;
	text-align: center;
}

.button.birthday {
	margin: auto;
	text-align: center;
}

.button.birthday i {
	font-size: 12px;	
}

.birthdayPanel.detail {
	border-top: 0;
	max-width: 2000px;
	margin: auto;
}

@media (max-width: 530px) {
	.birthdayPanel {
		background: url(images/birthday-bg-panel-min.jpg) no-repeat -650px center;
		background-size: cover;
		padding: 20px 0 40px 0;
		display: block;
		cursor: pointer;
		transition: all 0.3s ease-out;
	}
}

.birthdayPanel .multilineHeadline, .birthdayPanel .actionStart {
	color: black;
}

@media screen and (max-width: 1023px) {
	.birthdayWrapperMobile {
		display: block;
	}
	
	.birthdayWrapper {
		display: none;
	}
	
	.birthdayCourseWrapperMobile {
		display: block;
	}
	
	.birthdayCourseWrapper {
		display: none;
	}
}

.multilineHeadline {
	line-height: 85%;
	text-align: center;
	font-size: 5em;
	margin: 50px 0 30px 0;
	font-weight: 700;
	text-transform: uppercase;
}

.birthdayPanel:hover .multilineHeadline {
	color: #B50B1A;
	transition: all 0.3s ease-out;
}

.birthdayPanel:hover .multilineHeadline span {
	color: black;
	transition: all 0.3s ease-out;
}

.multilineHeadline a {
	color: #fff;
}

.multilineHeadline a:hover {
	text-decoration: underline;
}

.multilineHeadline span:first-of-type {
	font-weight: 400;
	letter-spacing: 2px;
	margin-bottom: 15px;
}

.multilineHeadline span:last-of-type {
	margin-top: 15px;
	display: block;
}

.multilineHeadline span {
	display: block;
	font-size: 0.4em;
	line-height: 100%;
}

@media screen and (max-width: 479px) {
	.multilineHeadline span {
		font-size: 0.3em;
		margin-bottom: 20px;
	}
	
	.multilineHeadline {
		font-size: 3.0em;
	}
	
	.multilineHeadline {
		margin: 40px 0 0 0;
	}
	
	.birthdayPanel {
		padding: 1px 0 0 0;
	}
}

.actionStart {
	text-align: center;
	font-size: 22px;
	color: #B50B1A;
	line-height: 120%;
}

@media (min-width: 768px) {
	.actionStart {
		width: 400px;
		display: block;
		margin: auto auto 25px auto;
	}
}

.countdown {
	text-align: center;
	display: block;
	max-width: 430px;
	text-align: center;
	font-weight: 300;
	margin: 10px auto 50px auto;
	font-size: 2em;
	color: #fff;
	height: 80px;
	cursor: default;
	padding: 0px 30px 0px 30px;
	background: #B50B1A;
	border-radius: 5px;
}

.hpPrima .countdown {
	padding: 3px 0px 0px 0px;
	margin: 10px auto 30px auto;
}

@media (max-width: 520px) {
	.countdown {
		text-align: center;
		display: inline-block;
		max-width: unset;
		text-align: center;
		font-weight: 300;
		margin: 10px auto 50px auto;
		font-size: 2em;
		color: #fff;
		height: 60px;
		cursor: default;
		padding: 0px 30px 0px 30px;
		background: #B50B1A;
		border-radius: 5px;
	}	
} 

.countdown .countdownSection {
	color: #adadad;
	font-weight: 100;
	font-size: 1.6em;
	position: relative;
	top: 4px;
}

.countdown .countdownTimeUnit {
	color: #adadad;
	font-weight: 100;
	margin-left: 2px;
}

@media screen and (max-width: 479px) {
	.countdown {
		font-size: 1.5em;
	}
}

.center {
	text-align: center;
}

/* Instagram Feed */

.instaIcon a {
	margin-left: 0px;
}

.instaIcon a i {
	font-size: 22px;
	top: 3px;
	padding: 0 10px 0 10px; 
	position: relative;
}

.instagramFeed {
	padding-bottom: 80px;
}

@media (max-width: 1024px) {
	.instagramFeed {
		padding-bottom: 40px;
		padding-top: 50px;
	}
}

.darkMode .instagramFeed {
	background: #242424;
}

.instagramFeedBox {
	width: 100%;
	background: url(images/instagram-feed-bg.jpg) no-repeat center center;
	background-size: 100% auto;
	position: relative;
	display: block;
	transition: all 0.3s ease-out;
}

.instagramFeedBox.mdevices {
	background: url(images/instagram-feed-tablet-bg.jpg) no-repeat center center;
	background-size: 100% auto;
	transition: all 0.3s ease-out;
}

.instagramFeedBox img {
	display: block;
	width: 100%;
	object-fit: cover;
	position: relative;
}

.instagramTextBox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(255, 255, 255, 0.6);
	width: 30%;
	padding: 15px;
	border-radius: 5px;
	transition: transform .2s; 
}

.darkMode .instagramTextBox {
	background: rgba(39, 39, 39, 0.6);
}

.instagramFeedBox.mdevices .instagramTextBox {
	width: 50%;
}

@media screen and (max-width: 479px) {
	.instagramFeedBox.mdevices .instagramTextBox {
		width: 90%;
	}
}

.instagramTextBoxIn {
	background: rgba(255, 255, 255, 0.605);
	padding: 25px;
	text-align: center;
	border-radius: 5px;
	color: black;
}

.darkMode .instagramTextBoxIn {
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
}

.instagramTextBoxIn i {
	font-size: 70px;
	margin-bottom: 15px;
	display: block;
}

.instagramHeadline {
	display: block;
	text-transform: uppercase;
	font-family: 'Oxanium', sans-serif;
	font-weight: 700;
	font-size: 26px;
	line-height: 110%;
}

.instagramSubHeadline {
	display: block;
	font-family: 'PT sans', sans-serif;
	margin: -5px 0 25px 0;
}

.instagramButton {
	display: inline-block;
	border-radius: 4px;
	background: #BF0000;
	padding: 10px 15px;
	color: #ffffff;
}

.instagramFeedBox:hover .instagramButton {
	background: red;
	transition: all 0.3s ease-out;
}

.instagramFeedBox:hover .instagramTextBoxIn i {
	 animation: blinker 0.3s linear infinite;
	color: red;
	transition: all 0.3s ease-out;
}

.instagramFeedBox:hover {
	transform: scale(1.01); 
}

@media screen and (min-width: 1024px) {
	.instagramFeedBox {
		display: block;
	}
	
	.instagramFeedBox.mdevices {
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	.instagramFeedBox {
		display: none;
	}
	
	.instagramFeedBox.mdevices {
		display: block;
	}
}

/* posledni volna mista - zvyrazneni */

.lastAvailablePlaces {
	padding: 15px;
	margin: -15px -15px 15px -15px;
	text-align: center;
	background: #d10000;
	border-radius: 7px 7px 0 0;
	color: #fff;
	font-size: 19px;
	animation: blinker 0.6s linear infinite;
}

@media screen and (max-width: 768px) {
	.lastAvailablePlaces {
		font-size: 15px;
	}
}


@media screen and (max-width: 479px) {
	.lastAvailablePlaces {
		font-size: 16px;
	}
}

/* UP kroky */

.welcomeBlock {
	padding: 70px 0 40px 0;
}

@media (max-width: 550px) {
	.welcomeBlock.jsemVkurzu {
		padding: 0px 0 40px 0;
	}
}

.welcomeBlock i {
	color: #F3D500;
}

.welcomeBlock h1 {
	font-size: 48px;
	font-weight: 700;
	letter-spacing: -0.5px;
	line-height: 100%;
	text-align: center;
}

.welcomeBlock h1 span {
	display: block;
}

.upWelcomeMemo {
	font-size: 18px;
	line-height: 130%;
	padding: 0 0 60px 0;
	width: 90%;
	margin: auto;
	text-align: center;
}

.upWelcomeMemo p {
	margin-bottom: 15px;
}

@media screen and (max-width: 1024px) {
	.upWelcomeMemo {
		width: 80%;
	}
}

@media screen and (max-width: 768px) {
	.upWelcomeMemo {
		width: 90%;
	}
}

@media screen and (max-width: 766px) {
	.welcomeBlock h1 {
		font-size: 34px;
	}
	
	.welcomeBlock {
		padding: 30px 0 40px 0;
	}
	
	.upWelcomeMemo {
		padding: 0 0 20px 0;
	}
}

@media screen and (min-width: 1023px) and (max-width: 1024px)  {
	.welcomeBlock h1 {
		font-size: 34px;
	}
}

.upSteps {
	background: #ebebeb;
	padding: 60px 0 60px 0;
}

.upSteps h2 {
	font-size: 48px;
	font-weight: 700;
	letter-spacing: -0.5px;
	line-height: 100%;
	margin-bottom: 70px;
	text-align: center;
}

.upSteps h2 span {
	display: block;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-weight: 300;
}

@media screen and (max-width: 479px) {
	.upSteps h2 {
		font-size: 35px;
	}
}

.upSteps .upGuide {
	display: flex;
	flex-direction: row;
	align-items: stretch;
}

.upSteps .upGuide .guideStep {
	border-radius: 12px;
	border: 4px solid rgba(255,255,255,0.3);
	flex: 1 1 0;
	padding: 15px 25px 25px 25px;
	margin: 0 15px 15px 0;
	text-align: center;
	cursor: default;
}

.upSteps .upGuide div:last-of-type {
	margin: 0 0 15px 0;
}

@media screen and (min-width: 767px) and (max-width: 768px)  {
	.upSteps .upGuide {
		flex-flow: wrap;
	}
	
	.upSteps .upGuide div:nth-child(2){
		margin-right: 0;
	}
	
	.upSteps .upGuide div:last-of-type {
		flex: 1 1 100%;
	}
}

.upSteps .upGuide .guideStep .guideStepNum {
	font-weight: 700;
	font-size: 80px;
	padding: 0 25px;
	margin: 0;
	color: #ccc;
	background: #ebebeb;
	border-radius: 50px;
	display: inline-block;
	margin-top: -95px;
}

.upSteps .upGuide .guideStep h3 {
	font-size: 24px;
	padding: 0 0 5px 0;
}

.upSteps .upGuide .guideStep p {
	font-size: 17px;
	line-height: 140%;
	color: #303030;
	margin-top: 0.5em;
}

.noRiskBox {
	text-align: center;
	display: flex;
	cursor: default;
}

.noRiskPayment {
	background: #b90000;
	color: #fff;
	display: inline-block;
	padding: 20px;
	border-radius: 9px 0 0 9px;
	margin: 10px auto 0 auto;
	font-weight: 700; 
	width: 50%;
	line-height: 120%;
	font-size: 22px;
}

.noRiskBox h2 {
	background: #6b6b6b;
	line-height: 120%;
	color: #fff;
	display: inline-block;
	padding: 20px;
	border-radius: 0 9px 9px 0;
	margin: 10px auto 0 auto;
	font-weight: 700; 
	width: 50%;
	font-size: 22px;
}

@media screen and (max-width: 766px) {
	.noRiskBox {
		flex-direction: column;
	}
	
	.noRiskPayment {
		width: 100%;
		box-sizing: border-box;
		border-radius: 9px 9px 0 0;
	}
	
	.noRiskBox h2 {
		width: 100%;
		box-sizing: border-box;
		border-radius: 0 0 9px 9px;
		margin-top: 0;
	}
	
	.upSteps {
		padding-bottom: 30px;
	}
	
	.upSteps h2 {
		font-size: 34px;
	}
	
	.noRiskBox h2 {
		font-size: 22px;
	}
	
}

.upAdvantagesPanel {
	padding: 60px 0 80px 0;
}

.upAdvantagesPanel h2, .upContactPanel h2, .upFaqSection h2 {
	font-size: 48px;
	font-weight: 700;
	letter-spacing: -0.5px;
	line-height: 100%;
	margin-bottom: 50px;
	text-align: center;
}

.upAdvantagesBoxes {
	display: flex;
}

.upAdvantagesBoxes .upAdvantage {
	margin: 0 15px 15px 0;
	padding: 120px 15px 25px 15px;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	flex: 1 1 0;
	border-radius: 12px;
	cursor: default;
	display: inline-block;
}

.upAdvantagesBoxes .upAdvantage h3 {
	font-weight: 300;	
}

.upAdvantagesBoxes div:last-of-type {
	margin-right: 0;
}

.upAdvantagesBoxes .upAdvantage.a {
	background: url(images/icon-best-company.png) #f4f4f4 no-repeat center 25px;
	background-size: auto 80px;
}

.upAdvantagesBoxes .upAdvantage.b {
	background: url(images/icon-progress.png) #f4f4f4 no-repeat center 25px;
	background-size: auto 80px;
}

.upAdvantagesBoxes .upAdvantage.c {
	background: url(images/icon-best-rating.png) #f4f4f4 no-repeat center 25px;
	background-size: auto 75px;
}

.upAdvantagesBoxes .upAdvantage.d {
	background: url(images/icon-online-course.png) #f4f4f4 no-repeat center 25px;
	background-size: auto 75px;
}

@media screen and (min-width: 767px) and (max-width: 768px)  {
	.upAdvantagesBoxes {
		flex-flow: wrap;
	}
	
	.upAdvantagesBoxes div:nth-child(2) {
		margin-right: 0;
	}
	
	.upAdvantagesBoxes div {
		flex: 1 1 40% !important;
	}
	
	.upAdvantagesBoxes .upAdvantage {		
		margin-bottom: 15px;	
	}
}

@media screen and (max-width: 766px) {
	.upSteps .upGuide {
		flex-direction: column;
	}
	
	.upSteps .upGuide {
		flex-direction: column;
		padding: 0px; 
	}
	
	.upAdvantagesBoxes .upAdvantage {
		margin-right: 0;
	}
	
	.upSteps .upGuide .guideStep {
		margin: 0 0 50px 0;
	}
	
	.upAdvantagesBoxes {
		flex-direction: column;
		padding: 0; 
	}
}

.upContactPanel {
	padding: 0 0 80px 0;
}

.upContactPanel.courseDetail {
	padding: 80px 0 80px 0;
}

.upContactPanel.line .cnt-fluid {
	border-top: 1px solid silver;
	padding-top: 70px;
}

.upContactPanel.line .cnt img {
	width: 100%;
}

@media (max-width: 768px) {
	.upContactPanel.line .cnt {
		padding-top: 35px;
		padding-bottom: 30px;
	}
	
	
}


.upContactPanel.line .container {
	border-top: 1px solid silver;
	padding: 70px 0 10px 0;
}

@media screen and (max-width: 479px) {
	.upContactPanel.line .container {
		border-top: 1px solid silver;
		padding: 30px 0 30px 0;
	}
}

.upContactPanel.line h2 span.secondLine {
	display: block;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 300;
	margin-top: 10px;
	line-height: 110%;
}

.contactButtonBoxes {
	display: flex;
	text-align: center;
	justify-content: center;
	margin-top: -25px;
}

.contactButtonBoxes a {
	font-size: 20px;
	padding: 10px 20px;
	display: inline-block;
	background: #DA0000;
	color: #fff;
	margin-right: 10px;
	border-radius: 4px;
}

.contactButtonBoxes a:hover {
	transform: scale(1.05);
}

.contactButtonBoxes a:last-of-type {
	margin-right: 0;
}

@media screen and (max-width: 766px) {
	.contactButtonBoxes {
		flex-direction: column;
		padding: 25px 0;
	}
	
	.contactButtonBoxes a {
		margin: 0 0 10px 0
	}
	
	.upAdvantagesPanel h2, .upContactPanel h2, .upFaqSection h2 {
		font-size: 34px;
	}
	
	#rekvalifikacni-kurzy .headlineStandalone {
		font-size: 34px;
	}
	
	.upContactPanel {
		padding-bottom: 10px;
	}
	
	.upAdvantagesPanel {
		padding: 50px 0 35px 0;
	}
}

.upShortLineDecoration {
	display: block;
	width: 50px;
	height: 4px;
	border-radius: 20px;
	background: red;
	margin: 38px auto 0 auto; 
}

.blinkLinkAnimation {
	animation: blinker 0.6s linear infinite;
}

.upFaqSection {
	padding: 50px 0; 
}

.boxContentUl.up {
	padding: 0 0 0 0px;
	margin: 15px 0px 0 32px;
	font-size: 17px;
	width: 70%;
	line-height: 150%;
}

@media screen and (max-width: 479px) {
	.boxContentUl.up {
		width: 90%;
	}
}

.listStyleRightHand:before {
	font-family: 'Font Awesome 5 Free';
	content: '\f0a4';
	font-weight: 400;
	margin: 0 11px 0 -29px;
}

.upCourseName {
	display: block;
	padding: 4px 10px;
	color: #000;
	border: 1px solid #ededed;
	border-radius: 3px;
	font-weight: 700;
	text-align: center;
	line-height: 110%;
	font-size: clamp(0.7rem, 0.5000rem + 1.3333vw, 0.8rem);
	background: #7ab851;
	color: white;
}

.upBackground {
	background: url(images/up-background.jpg) no-repeat center top;
	background-size: cover;
	min-height: 600px;
	width: 100%;
}

@media screen and (max-width: 479px) {
	.upBackground {
		min-height: 250px;
	}
}

.twoColumnSection.up {
	padding: 0px 0 0px 0;
	max-width: 1920px;
	margin: auto;
}

.twoColumnSection.up > div {
	padding: 0;
	width: 100%;
}

@media screen and (min-width: 2100px) {
	.twoColumnSection.up {
		padding: 50px 0 50px 0;
	}
}
.twoColumnSection.up > div:first-of-type {
	padding: 0 40px;
	width: 50%;
	margin: auto;
}

@media screen and (max-width:1024px) {
	.twoColumnSection.up > div:first-of-type {
		padding: 0 40px;
		width: 95%;
	}
}

@media screen and (max-width:768px) {
	.twoColumnSection.up > div:first-of-type {
		padding: 0 40px;
		width: 95%;
	}
}

.twoColumnSection.up > div:last-of-type {
	border-radius: 12px;
}

@media screen and (max-width: 479px) {
	.twoColumnSection.up > div:first-of-type {
		padding: 0 10px;
	}
}

.upFaqSection .faqSection {
	border-top: 0;
	padding: 0 0 0 0 !important;
}

.salaryMaxBox {
	display: block;
	margin: 0 0 15px 0;
}

.salaryMax {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 54px;
	background: #ffffff;
	font-size: 16px;
	font-weight: 400;
	color: #000;
}

.whyPkoPoints {
	padding: 25px 0 57px 0;
	background: #E4E3E3;
	color: #000;
}

@media only screen and (min-width: 1670px) and (max-width: 1680px)  {
	.whyPkoPointsPanel .whyWe {
		flex: 1 1 100%;
		margin-bottom: 20px;
	}
}

.whyPkoPointsPanel .advantagePkoPoint {
	color: #000;
	padding: 18px 15px 15px 90px;
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: -0.5px;
	line-height: 95%;
	border-radius: 7px;
	margin: 0 4px;
	flex: 1 1 0;
	width: 0;
}

@media (max-width: 810px) {
	.whyPkoPointsPanel .advantagePkoPoint {
		font-size: 22px;
	}
}

.whyPkoPointsPanel  .whyWe {
	font-family: 'IBM Plex Sans', sans-serif;
	font-weight: 700;
	font-size: 28px;
	width: 170px;
	margin-right: 10px;
	line-height: 100%;
	cursor: default;
	color: #DA0100;
}

@media screen and (max-width: 1730px) {
	.whyPkoPointsPanel .whyWe {
		flex: 1 1 100%;
		margin-bottom: 20px;
		text-align: center;
		margin-right: 0;
		padding: 0;
	}
	
	.whyPkoPointsPanel .advantagePkoPoint.next {
		flex: 1 1 100%;
		text-align: right;
		padding-left: 0;
		padding-right: 0;
	}
	
	.whyPkoPointsPanel .advantagePkoPoint {
		margin: 4px;
		flex: auto;
		width: 20%;
		flex-flow: wrap;
	}
	
	.whyPkoPointsPanel .advantagePkoPoint {
		padding: 85px 15px 15px 15px;
		text-align: center;
	}	
}

@media screen and (max-width: 1240px) {
	.whyPkoPointsPanel .whyWe {
		flex: 1 1 100%;
		margin-bottom: 20px;
		text-align: center;
		margin-right: 0;
		padding: 0;
	}
	
	.whyPkoPointsPanel .advantagePkoPoint.next {
		flex: 1 1 100%;
		text-align: right;
		padding-left: 0;
		padding-right: 0;
	}
	
	.whyPkoPointsPanel .advantagePkoPoint {
		margin: 4px;
		flex: auto;
		width: 40%;
		flex-flow: wrap;
	}
	
	.whyPkoPointsPanel .advantagePkoPoint {
		padding: 85px 15px 15px 15px;
		text-align: center;
	}
	
}

@media screen and (max-width: 768px) {
	.whyPkoPointsPanel .whyWe {
		flex: 1 1 100%;
		margin-bottom: 20px;
	}
	
	.whyPkoPointsPanel .advantagePkoPoint.next {
		flex: 1 1 100%;
		text-align: right;
		padding-left: 0;
		padding-right: 0;
	}
	
	.whyPkoPointsPanel .advantagePkoPoint {
		width: 100%;
		margin: 4px !important;
	}
	
	.whyPkoPointsPanel {
		flex-direction: column;
	}

	.whyPkoPointsPanel .advantagePkoPoint {
		padding: 18px 15px 15px 90px;
		text-align: left;
	}	
}

@media screen and (max-width: 479px) {
	.whyPkoPointsPanel .whyWe {
		flex: 1 1 100%;
		margin-bottom: 20px;
	}
	
	.whyPkoPointsPanel {
		flex-direction: column;
	}
}

.whyPkoPointsPanel {
	display: flex;
	flex-flow: wrap;
	align-items: center;
	justify-content: space-between;
	margin-top: -40px;
}

.whyPkoPointsPanel .advantagePkoPoint span {
	display: block;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 110%;
	margin-top: 2px;
}

.whyPkoPointsPanel .advantagePkoPoint.next {
	font-size: 28px;
}

.whyPkoPointsPanel .advantagePkoPoint:hover {
	color: red;
}

.whyPkoPointsPanel .advantagePkoPoint:hover span {
	color: #3c3c3c;
}

.whyPkoPointsPanel .advantagePkoPoint.next:hover i {
	background-color: white;
}

.whyPkoPointsPanel .advantagePkoPoint.next i {
	background: #DA0100;
	padding: 15px 16px;
	border-radius: 70px;
}

.whyPkoPointsPanel .advantagePkoPoint.time {
	background: url(images/icon-rating-v3.svg) #fff no-repeat 17px center;
	background-size: auto 58%;
	flex-grow: 1;
}

.whyPkoPointsPanel .advantagePkoPoint.support {
	background: url(images/icon-since.svg) #fff no-repeat 17px center;
	background-size: auto 60%;
	flex-grow: 1;
}

.whyPkoPointsPanel .advantagePkoPoint.practice {
	background: url(images/icon-teacher.svg) #ffffff no-repeat 17px center;
	background-size: auto 60%;
	flex-grow: 1;
}

.whyPkoPointsPanel .advantagePkoPoint.return {
	background: url(images/icon-support.svg) #fff no-repeat 17px center;
	background-size: auto 65%;
	flex-grow: 1;
}

.whyPkoPointsPanel .advantagePkoPoint.support:hover, .whyPkoPointsPanel .advantagePkoPoint.support:hover span {
	color: black;
	cursor: default;
}

.whyPkoPointsPanel .advantagePkoPoint.practice:hover, .whyPkoPointsPanel .advantagePkoPoint.practice:hover span {
	color: black;
	cursor: default;
}

@media (max-width: 1730px) {
	.whyPkoPointsPanel .advantagePkoPoint.time {
		background: url(images/icon-rating-v3.svg) #fff no-repeat center 17px;
		background-size: auto 50px;
	}
	
	.whyPkoPointsPanel .advantagePkoPoint.support {
		background: url(images/icon-since.svg) #fff no-repeat center 17px;
		background-size: auto 50px;
	}
	
	.whyPkoPointsPanel .advantagePkoPoint.practice {
		background: url(images/icon-teacher.svg) #fff no-repeat center 17px;
		background-size: auto 50px;
	}
	
	.whyPkoPointsPanel .advantagePkoPoint.return {
		background: url(images/icon-support.svg) #fff no-repeat center 17px;
		background-size: auto 50px;
	}
}

@media (max-width: 768px) {
	.whyPkoPointsPanel .advantagePkoPoint.time {
		background: url(images/icon-rating-v3.svg) #fff no-repeat 17px center;
		background-size: auto 56%;
		flex-grow: 1;
	}
	
	.whyPkoPointsPanel .advantagePkoPoint.support {
		background: url(images/icon-since.svg) #fff no-repeat 17px center;
		background-size: auto 60%;
		flex-grow: 1;
	}
	
	.whyPkoPointsPanel .advantagePkoPoint.practice {
		background: url(images/icon-teacher.svg) #fff no-repeat 17px center;
		background-size: auto 60%;
		flex-grow: 1;
	}
	
	.whyPkoPointsPanel .advantagePkoPoint.return {
		background: url(images/icon-support.svg) #fff no-repeat 17px center;
		background-size: auto 65%;
		flex-grow: 1;
	}
}

@media (max-width: 479px) {
	.whyPkoPointsPanel .advantagePkoPoint.time {
		background: url(images/icon-rating-v3.svg) #d8d8d8 no-repeat 17px center;
		background-size: auto 52%;
	}
}

.whyPkoPointsPanel .advantagePkoPoint.return:hover, 
.whyPkoPointsPanel .advantagePkoPoint.return:hover span  {
	color: black;
	cursor: default;	
}

@media screen and (max-width: 768px) {
	.whyPkoPointsPanel .advantagePkoPoint {
		margin-bottom: 10px;
	}
	
	.whyPkoPointsPanel .advantagePkoPoint.next {
		width: 100%;
		text-align: right;
		padding: 25px 0;
	}
	
	.whyPkoPoints {
		background: #E4E3E3;
		padding: 25px 0px 25px 0px;
	}
}

@media screen and (max-width: 479px) {
	.whyPkoPointsPanel .advantagePkoPoint {
		margin: 0 0 30px 0;
	}
	
	.whyPkoPointsPanel .whyWe {
		text-align: center;
		justify-items: center;
		margin: 10px 0 17px 0;
	}
	
	.whyPkoPointsPanel .advantagePkoPoint.next {
		width: 100%;
		text-align: right;
		padding: 25px 0;
	}
	
	.whyPkoPoints {
		padding: 1px 0px 25px 0px;
	}
	
	.whyPkoPointsPanel .advantagePkoPoint {
		font-size: 21px;
		padding: 24px 15px 18px 80px;
	}
	
	.whyPkoPointsPanel .advantagePkoPoint span {
		font-size: 14px;
	}	
}

@media (max-width: 300px) {
	.whyPkoPointsPanel .advantagePkoPoint.time {
		background: url(images/icon-rating-v3.svg) #fff no-repeat center 19px;
		background-size: auto 50px;
	}
	
	.whyPkoPointsPanel .advantagePkoPoint.support {
		background: url(images/icon-since.svg) #fff no-repeat center 19px;
		background-size: auto 50px;
	}
	
	.whyPkoPointsPanel .advantagePkoPoint.practice {
		background: url(images/icon-teacher.svg) #fff no-repeat center 19px;
		background-size: auto 50px;
	}
	
	.whyPkoPointsPanel .advantagePkoPoint.return {
		background: url(images/icon-support.svg) #fff no-repeat center 19px;
		background-size: auto 50px;
	}
	
	.whyPkoPointsPanel .advantagePkoPoint {
		font-size: 21px;
		text-align: center;
		padding: 80px 15px 18px 15px;
	}
}

.formOfStudyBoxes {
	display: flex;
	flex-flow: wrap;
	justify-content: center;
	margin-bottom: 55px;
	padding-bottom: 60px;
	border-bottom: 1px solid #a8a8a8;
}

.formOfStudyType {
	display: block;
	background-position: center top;
	padding: 90px 10px 0px 10px;
	margin: 0 0 0px 0;
	text-align: center;
	font-size: 30px;
	letter-spacing: -0.5px;
	font-weight: 700;
	line-height: 110%;
	transition: all 0.90s ease-out;
}

.formOfStudyType.attendance {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Education' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M459.2,210.6c-1.6,1.7-2.5,3.9-2.5,6.2c0,2.3,1,4.5,2.5,6.2c1.7,1.6,3.9,2.5,6.2,2.5c2.3,0,4.5-1,6.2-2.5 c1.6-1.7,2.5-3.8,2.5-6.2c0-2.3-1-4.5-2.5-6.2C468.3,207.3,462.5,207.3,459.2,210.6z'/%3E%3Cpath d='M162.6,367.6c-1.6,1.7-2.5,3.9-2.5,6.2c0,2.3,1,4.5,2.5,6.2c1.7,1.6,3.9,2.5,6.2,2.5s4.5-1,6.2-2.5 c1.6-1.7,2.5-3.9,2.5-6.2c0-2.3-1-4.5-2.5-6.2C171.6,364.3,165.9,364.3,162.6,367.6z'/%3E%3Cpath d='M413,142.6H285.3c-4.8,0-8.7,3.9-8.7,8.7s3.9,8.7,8.7,8.7H413c4.8,0,8.7-3.9,8.7-8.7S417.8,142.6,413,142.6z'/%3E%3Cpath d='M413,177.5H295.1c-4.8,0-8.7,3.9-8.7,8.7c0,4.8,3.9,8.7,8.7,8.7H413c4.8,0,8.7-3.9,8.7-8.7 C421.7,181.4,417.8,177.5,413,177.5z'/%3E%3Cpath d='M277.8,229.8H413c4.8,0,8.7-3.9,8.7-8.7c0-4.8-3.9-8.7-8.7-8.7H277.8c-4.8,0-8.7,3.9-8.7,8.7 C269,225.9,272.9,229.8,277.8,229.8z'/%3E%3Cpath d='M386.8,116.4c0-4.8-3.9-8.7-8.7-8.7H212.4c-4.8,0-8.7,3.9-8.7,8.7c0,4.8,3.9,8.7,8.7,8.7h165.7 C382.9,125.2,386.8,121.2,386.8,116.4z'/%3E%3Cpath d='M447.9,55.4H304v-8.7c0-4.8-3.9-8.7-8.7-8.7c-4.8,0-8.7,3.9-8.7,8.7v8.7H142.6c-14.4,0-26.2,11.7-26.2,26.2v26.9 c-23.7,4.3-42.3,25.5-42.3,50.2c0,14.2,6.2,27.2,15.9,36.6c-7.1,1.3-14.1,3.1-21,5.3c0,0-0.1,0-0.1,0c-18.5,5.6-31,22.4-31,41.7v90 c0,16.8,13.2,25.6,26.2,25.6c3,0,5.9-0.5,8.7-1.4v87c0,9,3.5,17,9.8,22.4c5.5,4.8,12.9,7.4,20.7,7.4c8,0,16-2.8,21.8-8.4 c0.4,0.3,0.7,0.7,1.1,1c5.5,4.8,12.9,7.4,20.7,7.4c15.2,0,30.5-10.2,30.5-29.8v-34.9c0-4.8-3.9-8.7-8.7-8.7s-8.7,3.9-8.7,8.7v34.9 c0,12-11.8,12.4-13.1,12.4c-1.3,0-13.1-0.3-13.1-12.4V332.3c0-4.8-3.9-8.7-8.7-8.7c-4.8,0-8.7,3.9-8.7,8.7v111.3 c0,12-11.8,12.4-13.1,12.4s-13.1-0.3-13.1-12.4V251.8c0-4.8-3.9-8.7-8.7-8.7c-4.8,0-8.7,3.9-8.7,8.7v80.5c0,7.8-7.3,8.2-8.7,8.2 s-8.7-0.4-8.7-8.2v-90c0-11.6,7.5-21.7,18.6-25c0,0,0.1,0,0.1,0c25.3-8.1,52.6-9.7,78.7-4.6c0.1,0,0.3,0,0.4,0.1c0,0,0.1,0,0.1,0 c0.3,0,0.7,0.1,1,0.1c0,0,0.1,0,0.1,0c0,0,0,0,0.1,0c0.1,0,0.3,0,0.4,0c0.9,0,1.8-0.2,2.7-0.6c0.1-0.1,0.3-0.1,0.4-0.2 c0,0,0.1,0,0.1-0.1l81.1-37.8c0,0,0.1,0,0.1,0c7.1-3.3,10.5,3.1,11.1,4.5c0.6,1.3,3.3,8.1-3.7,11.3l-81.6,38 c-0.1,0-0.2,0.1-0.3,0.1c-0.1,0.1-0.2,0.1-0.3,0.2c-0.2,0.1-0.3,0.2-0.5,0.3c-0.1,0-0.1,0.1-0.2,0.1c-0.2,0.1-0.4,0.3-0.6,0.4 c0,0-0.1,0-0.1,0.1c-0.2,0.2-0.4,0.3-0.6,0.5c0,0,0,0,0,0c-0.2,0.2-0.4,0.4-0.5,0.6c0,0,0,0,0,0c-0.2,0.2-0.3,0.4-0.5,0.6 c0,0,0,0.1-0.1,0.1c-0.1,0.2-0.3,0.4-0.4,0.6c0,0.1-0.1,0.1-0.1,0.2c-0.1,0.2-0.2,0.4-0.3,0.6c0,0.1-0.1,0.1-0.1,0.2 c-0.1,0.2-0.1,0.4-0.2,0.6c0,0.1-0.1,0.2-0.1,0.2c-0.1,0.2-0.1,0.4-0.2,0.6c0,0.1,0,0.2,0,0.2c0,0.2-0.1,0.4-0.1,0.7 c0,0.1,0,0.1,0,0.2c0,0.2,0,0.5,0,0.7c0,0,0,0,0,0.1v0.2c0,0,0,0.1,0,0.1v102.7c0,4.8,3.9,8.7,8.7,8.7s8.7-3.9,8.7-8.7v-26.2h97.1 v77.6l-78.7,68.5c-3.6,3.2-4,8.7-0.8,12.3c1.7,2,4.1,3,6.6,3c2,0,4.1-0.7,5.7-2.1l67.2-58.5v25.9c0,4.8,3.9,8.7,8.7,8.7 c4.8,0,8.7-3.9,8.7-8.7v-25.9l67.2,58.5c1.6,1.4,3.7,2.1,5.7,2.1c2.4,0,4.9-1,6.6-3c3.2-3.6,2.8-9.1-0.8-12.3L292,390.2v-77.5 h155.9c14.4,0,26.2-11.7,26.2-26.2v-34.9c0-4.8-3.9-8.7-8.7-8.7c-4.8,0-8.7,3.9-8.7,8.7v34.9c0,4.8-3.9,8.7-8.7,8.7H177.5v-53.8 l76.4-35.6c0,0,0,0,0.1,0c15.2-7.1,17.6-22.8,12.1-34.5c-5.5-11.7-18.9-19.9-34.1-13c-0.1,0-0.1,0-0.2,0.1l-66.2,30.9 c6.5-8.6,10.4-19.2,10.4-30.5c0-24.7-18.6-45.9-42.3-50.2V81.5c0-4.8,3.9-8.7,8.7-8.7h305.3c4.8,0,8.7,3.9,8.7,8.7v100.3 c0,4.8,3.9,8.7,8.7,8.7c4.8,0,8.7-3.9,8.7-8.7V81.5C474.1,67.1,462.3,55.4,447.9,55.4z M158.7,158.7c0,18.2-15.4,33.6-33.6,33.6 s-33.6-15.4-33.6-33.6c0-18.2,15.4-33.6,33.6-33.6S158.7,140.5,158.7,158.7z'/%3E%3C/g%3E%3C/svg%3E%0A");
	background-size: auto 70px;
	background-repeat: no-repeat;
}

.formOfStudy:hover .formOfStudyType.attendance {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Education' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M459.2,210.6c-1.6,1.7-2.5,3.9-2.5,6.2c0,2.3,1,4.5,2.5,6.2c1.7,1.6,3.9,2.5,6.2,2.5c2.3,0,4.5-1,6.2-2.5 c1.6-1.7,2.5-3.8,2.5-6.2c0-2.3-1-4.5-2.5-6.2C468.3,207.3,462.5,207.3,459.2,210.6z'/%3E%3Cpath class='st0' d='M162.6,367.6c-1.6,1.7-2.5,3.9-2.5,6.2c0,2.3,1,4.5,2.5,6.2c1.7,1.6,3.9,2.5,6.2,2.5s4.5-1,6.2-2.5 c1.6-1.7,2.5-3.9,2.5-6.2c0-2.3-1-4.5-2.5-6.2C171.6,364.3,165.9,364.3,162.6,367.6z'/%3E%3Cpath class='st0' d='M413,142.6H285.3c-4.8,0-8.7,3.9-8.7,8.7s3.9,8.7,8.7,8.7H413c4.8,0,8.7-3.9,8.7-8.7S417.8,142.6,413,142.6z' /%3E%3Cpath class='st0' d='M413,177.5H295.1c-4.8,0-8.7,3.9-8.7,8.7c0,4.8,3.9,8.7,8.7,8.7H413c4.8,0,8.7-3.9,8.7-8.7 C421.7,181.4,417.8,177.5,413,177.5z'/%3E%3Cpath class='st0' d='M277.8,229.8H413c4.8,0,8.7-3.9,8.7-8.7c0-4.8-3.9-8.7-8.7-8.7H277.8c-4.8,0-8.7,3.9-8.7,8.7 C269,225.9,272.9,229.8,277.8,229.8z'/%3E%3Cpath class='st0' d='M386.8,116.4c0-4.8-3.9-8.7-8.7-8.7H212.4c-4.8,0-8.7,3.9-8.7,8.7c0,4.8,3.9,8.7,8.7,8.7h165.7 C382.9,125.2,386.8,121.2,386.8,116.4z'/%3E%3Cpath class='st0' d='M447.9,55.4H304v-8.7c0-4.8-3.9-8.7-8.7-8.7c-4.8,0-8.7,3.9-8.7,8.7v8.7H142.6c-14.4,0-26.2,11.7-26.2,26.2 v26.9c-23.7,4.3-42.3,25.5-42.3,50.2c0,14.2,6.2,27.2,15.9,36.6c-7.1,1.3-14.1,3.1-21,5.3c0,0-0.1,0-0.1,0 c-18.5,5.6-31,22.4-31,41.7v90c0,16.8,13.2,25.6,26.2,25.6c3,0,5.9-0.5,8.7-1.4v87c0,9,3.5,17,9.8,22.4c5.5,4.8,12.9,7.4,20.7,7.4 c8,0,16-2.8,21.8-8.4c0.4,0.3,0.7,0.7,1.1,1c5.5,4.8,12.9,7.4,20.7,7.4c15.2,0,30.5-10.2,30.5-29.8v-34.9c0-4.8-3.9-8.7-8.7-8.7 s-8.7,3.9-8.7,8.7v34.9c0,12-11.8,12.4-13.1,12.4c-1.3,0-13.1-0.3-13.1-12.4V332.3c0-4.8-3.9-8.7-8.7-8.7c-4.8,0-8.7,3.9-8.7,8.7 v111.3c0,12-11.8,12.4-13.1,12.4s-13.1-0.3-13.1-12.4V251.8c0-4.8-3.9-8.7-8.7-8.7c-4.8,0-8.7,3.9-8.7,8.7v80.5 c0,7.8-7.3,8.2-8.7,8.2s-8.7-0.4-8.7-8.2v-90c0-11.6,7.5-21.7,18.6-25c0,0,0.1,0,0.1,0c25.3-8.1,52.6-9.7,78.7-4.6 c0.1,0,0.3,0,0.4,0.1c0,0,0.1,0,0.1,0c0.3,0,0.7,0.1,1,0.1c0,0,0.1,0,0.1,0c0,0,0,0,0.1,0c0.1,0,0.3,0,0.4,0c0.9,0,1.8-0.2,2.7-0.6 c0.1-0.1,0.3-0.1,0.4-0.2c0,0,0.1,0,0.1-0.1l81.1-37.8c0,0,0.1,0,0.1,0c7.1-3.3,10.5,3.1,11.1,4.5c0.6,1.3,3.3,8.1-3.7,11.3 l-81.6,38c-0.1,0-0.2,0.1-0.3,0.1c-0.1,0.1-0.2,0.1-0.3,0.2c-0.2,0.1-0.3,0.2-0.5,0.3c-0.1,0-0.1,0.1-0.2,0.1 c-0.2,0.1-0.4,0.3-0.6,0.4c0,0-0.1,0-0.1,0.1c-0.2,0.2-0.4,0.3-0.6,0.5c0,0,0,0,0,0c-0.2,0.2-0.4,0.4-0.5,0.6c0,0,0,0,0,0 c-0.2,0.2-0.3,0.4-0.5,0.6c0,0,0,0.1-0.1,0.1c-0.1,0.2-0.3,0.4-0.4,0.6c0,0.1-0.1,0.1-0.1,0.2c-0.1,0.2-0.2,0.4-0.3,0.6 c0,0.1-0.1,0.1-0.1,0.2c-0.1,0.2-0.1,0.4-0.2,0.6c0,0.1-0.1,0.2-0.1,0.2c-0.1,0.2-0.1,0.4-0.2,0.6c0,0.1,0,0.2,0,0.2 c0,0.2-0.1,0.4-0.1,0.7c0,0.1,0,0.1,0,0.2c0,0.2,0,0.5,0,0.7c0,0,0,0,0,0.1v0.2c0,0,0,0.1,0,0.1v102.7c0,4.8,3.9,8.7,8.7,8.7 s8.7-3.9,8.7-8.7v-26.2h97.1v77.6l-78.7,68.5c-3.6,3.2-4,8.7-0.8,12.3c1.7,2,4.1,3,6.6,3c2,0,4.1-0.7,5.7-2.1l67.2-58.5v25.9 c0,4.8,3.9,8.7,8.7,8.7c4.8,0,8.7-3.9,8.7-8.7v-25.9l67.2,58.5c1.6,1.4,3.7,2.1,5.7,2.1c2.4,0,4.9-1,6.6-3 c3.2-3.6,2.8-9.1-0.8-12.3L292,390.2v-77.5h155.9c14.4,0,26.2-11.7,26.2-26.2v-34.9c0-4.8-3.9-8.7-8.7-8.7c-4.8,0-8.7,3.9-8.7,8.7 v34.9c0,4.8-3.9,8.7-8.7,8.7H177.5v-53.8l76.4-35.6c0,0,0,0,0.1,0c15.2-7.1,17.6-22.8,12.1-34.5c-5.5-11.7-18.9-19.9-34.1-13 c-0.1,0-0.1,0-0.2,0.1l-66.2,30.9c6.5-8.6,10.4-19.2,10.4-30.5c0-24.7-18.6-45.9-42.3-50.2V81.5c0-4.8,3.9-8.7,8.7-8.7h305.3 c4.8,0,8.7,3.9,8.7,8.7v100.3c0,4.8,3.9,8.7,8.7,8.7c4.8,0,8.7-3.9,8.7-8.7V81.5C474.1,67.1,462.3,55.4,447.9,55.4z M158.7,158.7 c0,18.2-15.4,33.6-33.6,33.6s-33.6-15.4-33.6-33.6c0-18.2,15.4-33.6,33.6-33.6S158.7,140.5,158.7,158.7z'/%3E%3C/g%3E%3C/svg%3E%0A");
	transition: all 0.30s ease-out;
}

.formOfStudyType.combined {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Vrstva_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 510.2 510.2' style='enable-background:new 0 0 510.2 510.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23010202;%7D .st1%7Bfill:none;%7D%0A%3C/style%3E%3Cpath class='st0' d='M97.6,343.1c-1.2,1.3-2,3-2,4.8c0,1.8,0.7,3.5,2,4.8c1.3,1.2,3,2,4.8,2c1.7,0,3.5-0.7,4.8-2c1.2-1.3,2-3,2-4.8 c0-1.7-0.7-3.5-2-4.8C104.6,340.6,100.2,340.6,97.6,343.1z'/%3E%3Ccircle class='st1' cx='68.7' cy='181.9' r='25.9'/%3E%3Cg id='Layer_2'%3E%3Cg%3E%3Cpath class='st0' d='M321.1,194.3c37.1,0,67.3-30.2,67.3-67.3s-30.2-67.3-67.3-67.3s-67.3,30.2-67.3,67.3S284,194.3,321.1,194.3z M321.1,73.2c29.7,0,53.8,24.2,53.8,53.8s-24.2,53.8-53.8,53.8s-53.8-24.2-53.8-53.8S291.4,73.2,321.1,73.2z'/%3E%3Cpath class='st0' d='M501.2,436.6h-51.1c0.4-1,0.6-2,0.8-3.1l0.6-3.3l24.4-24.4c8.8-8.8,12-21.7,8.4-33.7l-14-45.4l2.6-14.3 c1-5.7-0.4-11.6-4.1-16.2c-2.6-3.2-6.1-5.6-10-6.7l-9-29.4c-4.7-15.2-14-28.3-26.8-37.8c-12.8-9.5-28-14.5-44-14.5h-116 c-15.9,0-31.2,5-44,14.5c-12.8,9.5-22.1,22.5-26.8,37.8l-9,29.4c-3.9,1.2-7.4,3.5-10,6.7c-3.6,4.6-5.1,10.5-4.1,16.2l2.6,14.3 l-14,45.4c-3.7,11.9-0.5,24.9,8.4,33.7l24.4,24.4l0.6,3.3c0.2,1.1,0.5,2.1,0.8,3.1h-41c-3.7,0-6.7,3-6.7,6.7c0,3.7,3,6.7,6.7,6.7 h60h219.8h70.1c3.7,0,6.7-3,6.7-6.7C507.9,439.6,504.9,436.6,501.2,436.6L501.2,436.6z M471.5,376c2.2,7.2,0.3,14.9-5,20.2 l-10.7,10.7l9.4-51.5L471.5,376z M263.2,221.2h116c26.8,0,50,17.2,57.9,42.8l7.6,24.5H197.7l7.6-24.5 C213.1,238.4,236.4,221.2,263.2,221.2L263.2,221.2z M170.8,376l6.3-20.6l9.4,51.5l-10.7-10.7C170.5,390.9,168.6,383.2,170.8,376z M211.2,436.6c-3.3,0-6-2.3-6.6-5.5l-19.2-105.4c0,0,0,0,0-0.1l-2.9-15.7c-0.4-1.9,0.1-3.8,1.4-5.4c1.2-1.5,3-2.4,4.9-2.5 c0.1,0,0.2,0,0.3,0h263.9c0.1,0,0.2,0,0.3,0c2,0.1,3.7,1,5,2.5c1.2,1.5,1.7,3.5,1.4,5.4c0,0,0,0,0,0l-2.9,15.7c0,0,0,0.1,0,0.1 l-18.2,99.9c0,0,0,0,0,0l0,0.1l-1,5.4c-0.6,3.2-3.4,5.5-6.6,5.5L211.2,436.6L211.2,436.6z'/%3E%3Cpath class='st0' d='M321.1,342.4c-18.6,0-33.7,12.1-33.7,26.9s15.1,26.9,33.7,26.9c18.6,0,33.7-12.1,33.7-26.9 S339.7,342.4,321.1,342.4z M321.1,382.8c-10.9,0-20.2-6.2-20.2-13.5c0-7.3,9.2-13.5,20.2-13.5s20.2,6.2,20.2,13.5 C341.3,376.6,332.1,382.8,321.1,382.8z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Ccircle class='st1' cx='68.7' cy='181.9' r='25.9'/%3E%3Cpath class='st0' d='M82.2,115.6h151.3c0.5-4.2,1.3-8.7,2.3-13.5h-29.1v-6.7c0-3.7-3-6.7-6.7-6.7s-6.7,3-6.7,6.7v6.7H82.2 c-11.1,0-20.2,9.1-20.2,20.2v20.8c-18.3,3.3-32.6,19.7-32.6,38.7c0,10.9,4.8,21,12.3,28.2c-5.5,1-10.9,2.4-16.2,4.1 c0,0-0.1,0-0.1,0C11,218.5,1.4,231.5,1.4,246.4v69.4c0,13,10.2,19.8,20.2,19.8c2.3,0,4.6-0.4,6.7-1v67.1c0,6.9,2.7,13.1,7.6,17.3 c4.3,3.7,9.9,5.7,16,5.7c6.2,0,12.4-2.2,16.8-6.5c0.3,0.3,0.6,0.5,0.8,0.8c4.3,3.7,9.9,5.7,16,5.7c11.7,0,23.6-7.9,23.6-23v-26.9 c0-3.7-3-6.7-6.7-6.7s-6.7,3-6.7,6.7v26.9c0,9.3-9.1,9.5-10.1,9.5s-10.1-0.3-10.1-9.5v-85.8c0-3.7-3-6.7-6.7-6.7s-6.7,3-6.7,6.7 v85.8c0,9.3-9.1,9.5-10.1,9.5c-1,0-10.1-0.3-10.1-9.5v-148c0-3.7-3-6.7-6.7-6.7c-3.7,0-6.7,3-6.7,6.7v62.1c0,6-5.6,6.3-6.7,6.3 c-1.1,0-6.7-0.3-6.7-6.3v-69.4c0-9,5.8-16.7,14.3-19.3c0,0,0.1,0,0.1,0c19.6-6.2,40.6-7.5,60.7-3.6c0.1,0,0.2,0,0.3,0 c0,0,0.1,0,0.1,0c0.3,0,0.5,0.1,0.8,0.1c0,0,0.1,0,0.1,0c0,0,0,0,0,0c0.1,0,0.2,0,0.3,0c0.7,0,1.4-0.2,2.1-0.4 c0.1,0,0.2-0.1,0.3-0.1c0,0,0.1,0,0.1,0l62.5-29.2c0,0,0,0,0.1,0c5.5-2.5,8.1,2.4,8.5,3.4c0.5,1,2.6,6.2-2.9,8.8l-62.9,29.3 c-0.1,0-0.1,0.1-0.2,0.1c-0.1,0-0.2,0.1-0.2,0.1c-0.1,0.1-0.3,0.2-0.4,0.2c0,0-0.1,0.1-0.1,0.1c-0.1,0.1-0.3,0.2-0.4,0.3 c0,0,0,0-0.1,0c-0.2,0.1-0.3,0.3-0.4,0.4c0,0,0,0,0,0c-0.1,0.1-0.3,0.3-0.4,0.5c0,0,0,0,0,0c-0.1,0.2-0.2,0.3-0.4,0.5 c0,0,0,0,0,0.1c-0.1,0.2-0.2,0.3-0.3,0.5c0,0,0,0.1-0.1,0.1c-0.1,0.1-0.1,0.3-0.2,0.4c0,0.1,0,0.1-0.1,0.2 c-0.1,0.1-0.1,0.3-0.2,0.4c0,0.1,0,0.1-0.1,0.2c0,0.2-0.1,0.3-0.1,0.5c0,0.1,0,0.1,0,0.2c0,0.2-0.1,0.3-0.1,0.5c0,0,0,0.1,0,0.1 c0,0.2,0,0.4,0,0.6c0,0,0,0,0,0.1v0.2c0,0,0,0.1,0,0.1v79.2c0,3.7,3,6.7,6.7,6.7s6.7-3,6.7-6.7v-20.2H164c1.4-4.6,2.7-9.2,4-13.5 h-58.9v-41.5l59-27.5c0,0,0,0,0.1,0c11.7-5.5,13.6-17.6,9.4-26.6c-4.2-9.1-14.6-15.4-26.3-10c0,0-0.1,0-0.1,0.1L100,205.4 c5-6.6,8.1-14.8,8.1-23.5c0-19-14.4-35.4-32.6-38.7v-20.8C75.5,118.7,78.5,115.6,82.2,115.6z M94.6,181.9c0,14-11.9,25.9-25.9,25.9 c-14,0-25.9-11.9-25.9-25.9S54.7,156,68.7,156C82.8,156,94.6,167.9,94.6,181.9z'/%3E%3C/g%3E%3Cpath class='st0' d='M136,156h100.2c-1.3-4-2.3-8.5-3-13.5H136c-3.7,0-6.7,3-6.7,6.7C129.3,153,132.3,156,136,156z'/%3E%3Cpath class='st0' d='M192.3,183h62c-4-3.5-8.2-7.8-11.8-13.5h-50.2c-3.7,0-6.7,3-6.7,6.7S188.6,183,192.3,183z'/%3E%3Cpath class='st0' d='M199.9,209.9h6.7c5.2-5.1,11.2-9.8,18.1-13.5h-24.8c-3.7,0-6.7,3-6.7,6.7S196.2,209.9,199.9,209.9z'/%3E%3Cpath class='st0' d='M186.5,236.8h0.8c2.3-4.4,5-9,8.1-13.5h-8.9c-3.7,0-6.7,3-6.7,6.7S182.8,236.8,186.5,236.8z'/%3E%3C/svg%3E%0A");
	background-size: auto 70px;
	background-repeat: no-repeat;
}

.formOfStudy:hover .formOfStudyType.combined {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Vrstva_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 510.2 510.2' style='enable-background:new 0 0 510.2 510.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:none;%7D%0A%3C/style%3E%3Cpath class='st0' d='M97.6,343.1c-1.2,1.3-2,3-2,4.8c0,1.8,0.7,3.5,2,4.8c1.3,1.2,3,2,4.8,2c1.7,0,3.5-0.7,4.8-2c1.2-1.3,2-3,2-4.8 c0-1.7-0.7-3.5-2-4.8C104.6,340.6,100.2,340.6,97.6,343.1z'/%3E%3Ccircle class='st1' cx='68.7' cy='181.9' r='25.9'/%3E%3Cg id='Layer_2'%3E%3Cg%3E%3Cpath class='st0' d='M321.1,194.3c37.1,0,67.3-30.2,67.3-67.3s-30.2-67.3-67.3-67.3s-67.3,30.2-67.3,67.3S284,194.3,321.1,194.3z M321.1,73.2c29.7,0,53.8,24.2,53.8,53.8s-24.2,53.8-53.8,53.8s-53.8-24.2-53.8-53.8S291.4,73.2,321.1,73.2z'/%3E%3Cpath class='st0' d='M501.2,436.6h-51.1c0.4-1,0.6-2,0.8-3.1l0.6-3.3l24.4-24.4c8.8-8.8,12-21.7,8.4-33.7l-14-45.4l2.6-14.3 c1-5.7-0.4-11.6-4.1-16.2c-2.6-3.2-6.1-5.6-10-6.7l-9-29.4c-4.7-15.2-14-28.3-26.8-37.8c-12.8-9.5-28-14.5-44-14.5h-116 c-15.9,0-31.2,5-44,14.5c-12.8,9.5-22.1,22.5-26.8,37.8l-9,29.4c-3.9,1.2-7.4,3.5-10,6.7c-3.6,4.6-5.1,10.5-4.1,16.2l2.6,14.3 l-14,45.4c-3.7,11.9-0.5,24.9,8.4,33.7l24.4,24.4l0.6,3.3c0.2,1.1,0.5,2.1,0.8,3.1h-41c-3.7,0-6.7,3-6.7,6.7c0,3.7,3,6.7,6.7,6.7 h60h219.8h70.1c3.7,0,6.7-3,6.7-6.7C507.9,439.6,504.9,436.6,501.2,436.6L501.2,436.6z M471.5,376c2.2,7.2,0.3,14.9-5,20.2 l-10.7,10.7l9.4-51.5L471.5,376z M263.2,221.2h116c26.8,0,50,17.2,57.9,42.8l7.6,24.5H197.7l7.6-24.5 C213.1,238.4,236.4,221.2,263.2,221.2L263.2,221.2z M170.8,376l6.3-20.6l9.4,51.5l-10.7-10.7C170.5,390.9,168.6,383.2,170.8,376z M211.2,436.6c-3.3,0-6-2.3-6.6-5.5l-19.2-105.4c0,0,0,0,0-0.1l-2.9-15.7c-0.4-1.9,0.1-3.8,1.4-5.4c1.2-1.5,3-2.4,4.9-2.5 c0.1,0,0.2,0,0.3,0h263.9c0.1,0,0.2,0,0.3,0c2,0.1,3.7,1,5,2.5c1.2,1.5,1.7,3.5,1.4,5.4c0,0,0,0,0,0l-2.9,15.7c0,0,0,0.1,0,0.1 l-18.2,99.9c0,0,0,0,0,0l0,0.1l-1,5.4c-0.6,3.2-3.4,5.5-6.6,5.5L211.2,436.6L211.2,436.6z'/%3E%3Cpath class='st0' d='M321.1,342.4c-18.6,0-33.7,12.1-33.7,26.9s15.1,26.9,33.7,26.9c18.6,0,33.7-12.1,33.7-26.9 S339.7,342.4,321.1,342.4z M321.1,382.8c-10.9,0-20.2-6.2-20.2-13.5c0-7.3,9.2-13.5,20.2-13.5s20.2,6.2,20.2,13.5 C341.3,376.6,332.1,382.8,321.1,382.8z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Ccircle class='st1' cx='68.7' cy='181.9' r='25.9'/%3E%3Cpath class='st0' d='M82.2,115.6h151.3c0.5-4.2,1.3-8.7,2.3-13.5h-29.1v-6.7c0-3.7-3-6.7-6.7-6.7s-6.7,3-6.7,6.7v6.7H82.2 c-11.1,0-20.2,9.1-20.2,20.2v20.8c-18.3,3.3-32.6,19.7-32.6,38.7c0,10.9,4.8,21,12.3,28.2c-5.5,1-10.9,2.4-16.2,4.1 c0,0-0.1,0-0.1,0C11,218.5,1.4,231.5,1.4,246.4v69.4c0,13,10.2,19.8,20.2,19.8c2.3,0,4.6-0.4,6.7-1v67.1c0,6.9,2.7,13.1,7.6,17.3 c4.3,3.7,9.9,5.7,16,5.7c6.2,0,12.4-2.2,16.8-6.5c0.3,0.3,0.6,0.5,0.8,0.8c4.3,3.7,9.9,5.7,16,5.7c11.7,0,23.6-7.9,23.6-23v-26.9 c0-3.7-3-6.7-6.7-6.7s-6.7,3-6.7,6.7v26.9c0,9.3-9.1,9.5-10.1,9.5s-10.1-0.3-10.1-9.5v-85.8c0-3.7-3-6.7-6.7-6.7s-6.7,3-6.7,6.7 v85.8c0,9.3-9.1,9.5-10.1,9.5c-1,0-10.1-0.3-10.1-9.5v-148c0-3.7-3-6.7-6.7-6.7c-3.7,0-6.7,3-6.7,6.7v62.1c0,6-5.6,6.3-6.7,6.3 c-1.1,0-6.7-0.3-6.7-6.3v-69.4c0-9,5.8-16.7,14.3-19.3c0,0,0.1,0,0.1,0c19.6-6.2,40.6-7.5,60.7-3.6c0.1,0,0.2,0,0.3,0 c0,0,0.1,0,0.1,0c0.3,0,0.5,0.1,0.8,0.1c0,0,0.1,0,0.1,0c0,0,0,0,0,0c0.1,0,0.2,0,0.3,0c0.7,0,1.4-0.2,2.1-0.4 c0.1,0,0.2-0.1,0.3-0.1c0,0,0.1,0,0.1,0l62.5-29.2c0,0,0,0,0.1,0c5.5-2.5,8.1,2.4,8.5,3.4c0.5,1,2.6,6.2-2.9,8.8l-62.9,29.3 c-0.1,0-0.1,0.1-0.2,0.1c-0.1,0-0.2,0.1-0.2,0.1c-0.1,0.1-0.3,0.2-0.4,0.2c0,0-0.1,0.1-0.1,0.1c-0.1,0.1-0.3,0.2-0.4,0.3 c0,0,0,0-0.1,0c-0.2,0.1-0.3,0.3-0.4,0.4c0,0,0,0,0,0c-0.1,0.1-0.3,0.3-0.4,0.5c0,0,0,0,0,0c-0.1,0.2-0.2,0.3-0.4,0.5 c0,0,0,0,0,0.1c-0.1,0.2-0.2,0.3-0.3,0.5c0,0,0,0.1-0.1,0.1c-0.1,0.1-0.1,0.3-0.2,0.4c0,0.1,0,0.1-0.1,0.2 c-0.1,0.1-0.1,0.3-0.2,0.4c0,0.1,0,0.1-0.1,0.2c0,0.2-0.1,0.3-0.1,0.5c0,0.1,0,0.1,0,0.2c0,0.2-0.1,0.3-0.1,0.5c0,0,0,0.1,0,0.1 c0,0.2,0,0.4,0,0.6c0,0,0,0,0,0.1v0.2c0,0,0,0.1,0,0.1v79.2c0,3.7,3,6.7,6.7,6.7s6.7-3,6.7-6.7v-20.2H164c1.4-4.6,2.7-9.2,4-13.5 h-58.9v-41.5l59-27.5c0,0,0,0,0.1,0c11.7-5.5,13.6-17.6,9.4-26.6c-4.2-9.1-14.6-15.4-26.3-10c0,0-0.1,0-0.1,0.1L100,205.4 c5-6.6,8.1-14.8,8.1-23.5c0-19-14.4-35.4-32.6-38.7v-20.8C75.5,118.7,78.5,115.6,82.2,115.6z M94.6,181.9c0,14-11.9,25.9-25.9,25.9 c-14,0-25.9-11.9-25.9-25.9S54.7,156,68.7,156C82.8,156,94.6,167.9,94.6,181.9z'/%3E%3C/g%3E%3Cpath class='st0' d='M136,156h100.2c-1.3-4-2.3-8.5-3-13.5H136c-3.7,0-6.7,3-6.7,6.7C129.3,153,132.3,156,136,156z'/%3E%3Cpath class='st0' d='M192.3,183h62c-4-3.5-8.2-7.8-11.8-13.5h-50.2c-3.7,0-6.7,3-6.7,6.7S188.6,183,192.3,183z'/%3E%3Cpath class='st0' d='M199.9,209.9h6.7c5.2-5.1,11.2-9.8,18.1-13.5h-24.8c-3.7,0-6.7,3-6.7,6.7S196.2,209.9,199.9,209.9z'/%3E%3Cpath class='st0' d='M186.5,236.8h0.8c2.3-4.4,5-9,8.1-13.5h-8.9c-3.7,0-6.7,3-6.7,6.7S182.8,236.8,186.5,236.8z'/%3E%3C/svg%3E%0A");
	transition: all 0.30s ease-out;
}

.formOfStudyType.online {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Vrstva_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:none;stroke:%23FF2F29;stroke-width:0.5;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='Layer_1' class='st0'%3E%3Cg class='st1'%3E%3Cpath class='st2' d='M32.3,32.3h447.4v447.4H32.3L32.3,32.3z'/%3E%3Cpath class='st2' d='M0,0c256,256,512,512,512,512'/%3E%3Cpath class='st2' d='M512,0L0,512'/%3E%3Cpath class='st2' d='M32.3,32.3h447.4v447.4H32.3L32.3,32.3z'/%3E%3Cpath class='st2' d='M0,0c256,256,512,512,512,512'/%3E%3Cpath class='st2' d='M512,0L0,512'/%3E%3Cpath class='st2' d='M256,0.2v511.6'/%3E%3Cpath class='st2' d='M511.8,256H0.2'/%3E%3Cpath class='st2' d='M256,0.2v511.6'/%3E%3Cpath class='st2' d='M511.8,256H0.2'/%3E%3Ccircle class='st2' cx='256' cy='256' r='223.7'/%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_2'%3E%3Cg%3E%3Cpath d='M250,184c44.1,0,80-35.9,80-80s-35.9-80-80-80s-80,35.9-80,80S205.9,184,250,184z M250,40c35.3,0,64,28.7,64,64 s-28.7,64-64,64s-64-28.7-64-64S214.7,40,250,40z'/%3E%3Cpath d='M464,472h-60.7c0.4-1.2,0.8-2.4,1-3.7l0.7-4l29.1-29.1c10.5-10.5,14.3-25.9,9.9-40l-16.6-54l3.1-16.9 c1.2-6.8-0.5-13.8-4.8-19.2c-3.1-3.8-7.2-6.6-11.8-8L403,262.1c-5.6-18.1-16.6-33.6-31.8-44.9C355.9,206,337.9,200,318.9,200 H181.1c-19,0-37,6-52.3,17.2c-15.2,11.3-26.3,26.8-31.8,44.9L86.2,297c-4.6,1.4-8.8,4.2-11.8,8c-4.3,5.4-6.1,12.4-4.8,19.2 l3.1,16.9l-16.6,54c-4.4,14.2-0.6,29.5,9.9,40L95,464.3l0.7,4c0.2,1.3,0.6,2.5,1,3.7H48c-4.4,0-8,3.6-8,8s3.6,8,8,8h71.3h261.3 H464c4.4,0,8-3.6,8-8S468.4,472,464,472L464,472z M428.7,399.9c2.6,8.5,0.3,17.7-6,24L410,436.7l11.1-61.2L428.7,399.9z M181.1,216h137.8c31.8,0,59.5,20.4,68.8,50.8l9,29.2H103.3l9-29.2C121.6,236.4,149.3,216,181.1,216L181.1,216z M71.3,399.9 l7.5-24.5L90,436.7L77.3,424C71,417.7,68.7,408.5,71.3,399.9z M119.4,472c-3.9,0-7.2-2.8-7.9-6.6L88.7,340.2c0,0,0,0,0-0.1 l-3.4-18.7c-0.4-2.3,0.2-4.6,1.6-6.4c1.5-1.8,3.6-2.9,5.9-3c0.1,0,0.3,0,0.4,0h313.7c0.1,0,0.3,0,0.4,0c2.3,0.1,4.4,1.2,5.9,3 c1.5,1.8,2,4.1,1.6,6.4c0,0,0,0,0,0l-3.4,18.7c0,0,0,0.1,0,0.1l-21.6,118.7c0,0,0,0,0,0l0,0.1l-1.2,6.4c-0.7,3.8-4,6.6-7.9,6.6 L119.4,472L119.4,472z'/%3E%3Cpath d='M250,360c-22.1,0-40,14.4-40,32s17.9,32,40,32s40-14.4,40-32S272.1,360,250,360z M250,408c-13,0-24-7.3-24-16s11-16,24-16 c13,0,24,7.3,24,16S263,408,250,408z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	background-size: auto 70px;
	background-repeat: no-repeat;
}

.formOfStudy:hover .formOfStudyType.online {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Vrstva_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:none;stroke:%23FF2F29;stroke-width:0.5;stroke-miterlimit:10;%7D .st3%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg id='Layer_1' class='st0'%3E%3Cg class='st1'%3E%3Cpath class='st2' d='M32.3,32.3h447.4v447.4H32.3L32.3,32.3z'/%3E%3Cpath class='st2' d='M0,0c256,256,512,512,512,512'/%3E%3Cpath class='st2' d='M512,0L0,512'/%3E%3Cpath class='st2' d='M32.3,32.3h447.4v447.4H32.3L32.3,32.3z'/%3E%3Cpath class='st2' d='M0,0c256,256,512,512,512,512'/%3E%3Cpath class='st2' d='M512,0L0,512'/%3E%3Cpath class='st2' d='M256,0.2v511.6'/%3E%3Cpath class='st2' d='M511.8,256H0.2'/%3E%3Cpath class='st2' d='M256,0.2v511.6'/%3E%3Cpath class='st2' d='M511.8,256H0.2'/%3E%3Ccircle class='st2' cx='256' cy='256' r='223.7'/%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_2'%3E%3Cg%3E%3Cpath class='st3' d='M250,184c44.1,0,80-35.9,80-80s-35.9-80-80-80s-80,35.9-80,80S205.9,184,250,184z M250,40 c35.3,0,64,28.7,64,64s-28.7,64-64,64s-64-28.7-64-64S214.7,40,250,40z'/%3E%3Cpath class='st3' d='M464,472h-60.7c0.4-1.2,0.8-2.4,1-3.7l0.7-4l29.1-29.1c10.5-10.5,14.3-25.9,9.9-40l-16.6-54l3.1-16.9 c1.2-6.8-0.5-13.8-4.8-19.2c-3.1-3.8-7.2-6.6-11.8-8L403,262.1c-5.6-18.1-16.6-33.6-31.8-44.9C355.9,206,337.9,200,318.9,200 H181.1c-19,0-37,6-52.3,17.2c-15.2,11.3-26.3,26.8-31.8,44.9L86.2,297c-4.6,1.4-8.8,4.2-11.8,8c-4.3,5.4-6.1,12.4-4.8,19.2 l3.1,16.9l-16.6,54c-4.4,14.2-0.6,29.5,9.9,40L95,464.3l0.7,4c0.2,1.3,0.6,2.5,1,3.7H48c-4.4,0-8,3.6-8,8s3.6,8,8,8h71.3h261.3 H464c4.4,0,8-3.6,8-8S468.4,472,464,472L464,472z M428.7,399.9c2.6,8.5,0.3,17.7-6,24L410,436.7l11.1-61.2L428.7,399.9z M181.1,216h137.8c31.8,0,59.5,20.4,68.8,50.8l9,29.2H103.3l9-29.2C121.6,236.4,149.3,216,181.1,216L181.1,216z M71.3,399.9 l7.5-24.5L90,436.7L77.3,424C71,417.7,68.7,408.5,71.3,399.9z M119.4,472c-3.9,0-7.2-2.8-7.9-6.6L88.7,340.2c0,0,0,0,0-0.1 l-3.4-18.7c-0.4-2.3,0.2-4.6,1.6-6.4c1.5-1.8,3.6-2.9,5.9-3c0.1,0,0.3,0,0.4,0h313.7c0.1,0,0.3,0,0.4,0c2.3,0.1,4.4,1.2,5.9,3 c1.5,1.8,2,4.1,1.6,6.4c0,0,0,0,0,0l-3.4,18.7c0,0,0,0.1,0,0.1l-21.6,118.7c0,0,0,0,0,0l0,0.1l-1.2,6.4c-0.7,3.8-4,6.6-7.9,6.6 L119.4,472L119.4,472z'/%3E%3Cpath class='st3' d='M250,360c-22.1,0-40,14.4-40,32s17.9,32,40,32s40-14.4,40-32S272.1,360,250,360z M250,408c-13,0-24-7.3-24-16 s11-16,24-16c13,0,24,7.3,24,16S263,408,250,408z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	transition: all 0.30s ease-out;
}

.formOfStudyBoxes a {
	flex: 1;
}

.formOfStudyMemo {
	display: block;
	padding: 0 0 20px 0
}

.formOfStudyMemo img {
	height: 20px;
	position: relative;
	top: 3px;
	display: inline-block;
}

.formOfStudyBoxes .formOfStudy {
	display: block;
	padding: 20px 20px;
	text-align: center;
	margin: 0 10px 0 10px;
	border-radius: 7px;
	transition: all 0.80s ease-out;
	--width: 100%;
	--time: 0.7s;
	--timeb: 1.2s;
	color: #000;
	position: relative;
	background: #fff;
	overflow: hidden;
}

.formOfStudyBoxes .formOfStudy .formOfStudyType {
	transition: all 0.40s ease-out !important;
}

.HOVER.FLASH:hover text {
	color: white;
}

.formOfStudyBoxes .formOfStudy span {
	position: relative;
	z-index: 5;
	transition: color var(--time);
}

.formOfStudyBoxes .formOfStudy:hover span {
	color: white;
}

.formOfStudyBoxes .formOfStudy div {
	position: absolute;
	display: block;
	content: "";
	z-index: 0;
	width: 0;
	height: 0;
	top: 0;
	border-radius: 100%;
	background: #c02828;
	color: white;
	transform: translate(-50%, -50%);
	transition: width var(--time), padding-top var(--time);
}

.formOfStudyBoxes .formOfStudy div.leftBox {
	right: 0;
	top: 0;
	transform: translate(20%, -20%);
	transition: width var(--timeb), padding-top var(--timeb);
}

.formOfStudyBoxes .formOfStudy:hover div {
	width: calc(var(--width) * 2.25);
	padding-top: calc(var(--width) * 2.25);
	color: white;
}

.formOfStudyBoxes .formOfStudy:hover div.leftBox {
	width: calc(var(--width) * 2.25);
	padding-top: calc(var(--width) * 2.25);
	color: white;
}

.animated {
	--angle: 5deg; 
}

@media screen and (max-width: 520px) {
	.formOfStudyBoxes {
		flex-direction: column;
		padding: 0 0px 30px 0px;
	}
	
	.formOfStudyBoxes .formOfStudy {
		width: auto;
		padding: 20px 40px;
		margin: 0 0px 20px 0px;
	}
	
	.formOfStudyBoxes .formOfStudy span:first-of-type {
		font-size: 25px;
	}
}

.formOfStudyBoxes .formOfStudy:hover span:first-of-type i {
	color: white;
	transition: all 0.5s ease-in-out;
	border: 1px solid rgba(255,255,255,1);
}

.formOfStudyBoxes .formOfStudy span:first-of-type i {
	font-size: 24px;
	margin: auto auto 5px auto;
	position: relative;
	top: -2px;
	display: block;
	padding: 10px;
	border-radius: 50px;
	border: 1px solid rgba(0,0,0,0.2);
	width: 25px;
	height: 25px;
	transition: all 0.5s ease-in-out;
	color: #393939;
}

.formOfStudyBoxes .formOfStudy span:first-of-type i.fa-users:before {
	left: -2px;
	position: relative;
}

.formOfStudyBoxes .formOfStudy span:last-of-type {
	border-radius: 6px;
	border: 1px solid rgb(83, 83, 83);
	text-align: center;
	display: inline-block;
	padding: 8px 20px;
	font-weight: 700;
	font-size: 18px;
	transition: all 0.5s ease-in-out;
}

.formOfStudyBoxes .formOfStudy:hover span:last-of-type  {
	border: 1px solid #c5c5c5;
	transition: all 0.5s ease-in-out;
	animation: blinker 0.3s linear infinite;
}

.formOfStudyBoxes .formOfStudy span:last-of-type i {
	top: 2px;
	position: relative;	
}

@media (max-width: 990px) {
	.formOfStudyBoxes { 
		flex-direction: column;
	}	
	
	.formOfStudyBoxes .formOfStudy {
		width: auto;
		margin-bottom: 10px;
	}
}

.highlightedSpan {
	color: red;
}

.contactPanelFixed {
	opacity: 0;
	background: #7ab851;
	font-size: 18px;
	padding: 10px 0;
	color: white;
	font-weight: 700;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 100;
}

.contactPanelFixed a {
	display: inline-block;
	border-radius: 60px;
	box-shadow: 0 0 3px #fff;
	padding: 0.3em 0.4em;
	color: white;
	font-size: 14px;
	margin: 0 3px;
}

.contactPanelFixed a:hover {
	box-shadow: 0 0 3px #000;
}

/* payment methods */

.paymentWaysBox h3 {
	font-weight: 300;
}

.paymentWaysBox ul li {
	margin: 0 0 4px 0;
}

.paymentWaysBox ul li i {
	margin: 0 2px 0 0;
}

.paymentWaysBox ul li i:first-of-type {
	margin: 0 4px 0 0;
}

.paymentWaysBox ul  {
	list-style: none;
	padding: 0;
	margin: 0 0 20px -0.4em;
}

.paymentWaysBox ul li {
	margin: 5px 0 5px 17px;
	line-height: 120%;
	font-weight: 400;
	list-style: none;
}

.paymentWaysBox ul li:before {
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	margin-left: -1.3em;
	width: 1.3em;
	font-size: 8px;
	position: relative;
	top: -2px;
	font-weight: 700;
}

span.newActive {
	display: inline-block;
	padding: 2px 4px 1px 4px;
	font-weight: 700;
	letter-spacing: -0.5px;
	background-color: #7AB851;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.8);
	font-size: 12px;
	border-radius: 3px;
	position: relative;
	top: -1px;
	left: 2px;
	margin-right: 3px;
	text-shadow: none;
	font-family: var(--my-font-family-oswald);
} 

.coCoList {
	display: flex;
	flex-direction: row;
	flex-flow: wrap;
	width: 100%;
	text-align: center;
	justify-content: center;
}

.coCoList .courseListBoxes {
	width: 45%;
	margin: 15px;
	text-align: center;
}

.coCoList .courseListBoxes .courseListBox {
	width: 100%;
}

@media (max-width:800px) {
	.coCoList {
		flex-direction: column;
	}
	
	.coCoList .courseListBoxes {
		width: 100%;
		margin: 0 0 20px 0;
	}
}

.coCoListBlock {
	padding: 0px 0 80px 0;
}

.coCoListBlock h2 {
	font-size: 48px;
	font-weight: 700;
	letter-spacing: -0.5px;
	line-height: 100%;
	margin-bottom: 40px;
	text-align: center;
}

.switchTwoLayout {
	display: flex;
}

.switchInfoBlock {
	background: white;
}

.dateCombinedCourseBox h3 {
	font-weight: 300;
	padding: 10px 0 0 0;
	margin-bottom: 5px;
}

.coursePriceCzk span.extensionEarly {
	font-size: 25px;
	display: block;
}

.paymentWaysBox h3 {
	margin-bottom: 5px;
}

.dateCombinedCourseBox {
	padding: 0 0 10px 0 ;
}

.dateCombinedCourseBox span.combinedCourseDate {
	display: inline-block;
	padding: 2px 4px;
	border-radius: 6px;
	border: 1px solid #acacac;
}

.variantBox .dateCombinedCourseBox span.combinedCourseDate {
	border-color: #fff;
	padding: 2px 8px;
	margin: 15px 0 0 0;
}

.variantBox .dateCombinedCourseBox span.combinedCourseDate a {
	color: white;
}

.msmtBox {
	display: inline-block;
	padding: 8px 0px 10px 0;
	border-top: 1px solid #dadada;
}

.mainInfoMasterBoxPriceOrDate .classicCourseDetail {
	padding-bottom: 0px;
	margin-bottom: 10px;
	display: block;
}

/* shortener pro varianty kurzu (jen pro mobily) */
.variantBox .shortener {
	display: none;
}

@media (max-width: 950px) {
	.variantBox .shortener {
		display: block;
	}

	.variantBoxContent.collapsed-box{
		height: 180px;
	}
	
	.variantBoxContent{
		transition: 1s all ease-in-out;
		overflow: hidden;
		padding-bottom: 100px;
	}
	
	.variantBox .shortener {
		background: linear-gradient(0deg, #ffffff 60%, #ffffff00 100%);
		height: 100px;
		margin: -100px 0 0px 0;
	}
	
	.variantBox.active .shortener {
		background: linear-gradient(0deg, #7ab851 60%, #7ab85100 100%);
	}
}

.combiDateHint {
	color: #007bff;
	cursor: pointer;
}

.variantBox .combiDateHint {
	color: unset;
}

.reviewHeader {
	cursor: default;
	position: relative;
	display: flex;
	margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
	.reviewHeader {
		display: flex;
		flex-direction: column;
	}
}

@media screen and (max-width: 1023px) {
	.reviewHeader:after {
		font-family: "Font Awesome 5 Free"; 
		font-weight: 900; 
		font-size: 20px;
		margin-top: 10px;
		content: "\f078";
		color: rgba(112, 112, 112, 1);
	}
}

.reviewCountBig {
	font-size: 110px;
	font-weight: 700;
	letter-spacing: -8px;
}

@media screen and (min-width: 1024px) {
	.reviewCountBig {
		border-right: 2px solid rgba(196,196,196,0.5);
		padding: 0 35px 0 0;
		margin: 0 30px 0 0;  
	}
}

.reviewCountBig i {
	color: #4267B2;
}

.verifiedReviews {
	display: block;
	color: #000;
	font-size: 28px;
	color: rgba(112, 112, 112, 1);
	font-weight: 700;
	line-height: 100%;
	margin: 0 0 7px 0;
}

.reviewCtaMini {
	font-size: 16px;
	color: rgba(60, 60, 60, 1);
	text-align: left;
	max-width: 768px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

@media screen and (max-width: 1024px) {
	.reviewCtaMini {
		text-align: center;
	}
}

@media screen and (max-width: 479px) {
	.verifiedReviews {
		margin: auto auto 8px auto;
	}
	
	.reviewCtaMini {
		width: 90%;
		margin: 10px auto 20px auto;
	}
	
	.reviewCountBig {
		font-size: 90px;
	}
}

.headline.studentsReview {
	cursor: default;
	margin: 0 15px 0 12px;
	text-align: left;
	padding-top: 20px;
}

.headline.studentsReview span {
	display: block;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0;
	margin: 0 !important;
	padding: 0 0 0 2px !important;
	line-height: 120%;
}

@media screen and (max-width: 479px) {
	.headline.studentsReview span {
		padding: 5px 0 0 2px !important;
		line-height: 140%;
	}
}

/* vstupka jsem v kurzu */

.welcomeBlock img {
	width: 33px;
	display: inline-block;
}

.twoColumnSection.up.jvk .welcomeBlock h1 {
	text-align: center;
	position: relative;
	display: inline-block;
	margin: auto;
}

.twoColumnSection.up.jvk .welcomeBlock h1 span img {
display: inline-block;
}

.xwelcomeBlock.jsemVkurzu h1:after {
	width: 43px;
	background: url(images/up-logo.svg) no-repeat center center;
	width: 60px;
	margin-top: 5px;
	height: 60px;
	content: '';
	display: inline-block;
}

.welcomeBlock h1 span.maxHighlight {
	display: inline-block;
	padding: 3px 5px;
	color: #fff;
	border-radius: 12px;
	background: #b00;
}

.jvkCoCoListBlock .cnt.pd > h2 span.miniHighlight {
	display: inline-block;
	padding: 1px 5px;
	color: #fff;
	border-radius: 6px;
	font-weight: 400;
	background: #b00;
}

.welcomeBlock.jsemVkurzu {
	padding: 50px 0 0 0;
	text-align: center;
}

.twoColumnSection.up.jvk .welcomeBlock h1 {
	text-transform: uppercase;
	text-align: center;
	margin: auto;
	line-height: 130%;
	
}

.twoColumnSection.up.jvk .welcomeBlock h1 span.mini {
	display: block;
	text-transform: uppercase;
	font-size: clamp(1rem, 0.8500rem + 0.6667vw, 1.2rem);
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 130%;
	margin-bottom: 10px;
}

@media (max-width: 550px) {
	.twoColumnSection.up.jvk .welcomeBlock h1 span.newLine {
		display: unset;
	}
}

.twoColumnSection.up.jvk .welcomeBlock h1 span.mini2 {
	display: block;
	text-transform: uppercase;
	font-size: clamp(1rem, 0.8500rem + 0.6667vw, 1.2rem);
	font-weight: 300;
	padding-top: 00px;
	letter-spacing: 1px;
}

.twoColumnSection.up.jvk .welcomeBlock h1 span.underline {
	display: unset;
	color: #312783;
}

.twoColumnSection.up.jvk > div:first-of-type {
	width: 90%;
	padding-top: 80px;
}

@media (max-width: 550px) {
	.twoColumnSection.up.jvk > div:first-of-type {
		width: 90%;
		padding-top: 0px;
	}
}

.twoColumnSection.up.jvk .welcomeBlockMemo {
	padding-top: 30px;
	font-size: clamp(1.3rem, 1.0750rem + 1.0000vw, 1.6rem);
	line-height: 150%;
}

.twoColumnSection.up.jvk .welcomeBlockMemo span {
	display: block;
	padding: 23px 0 25px 0; 
}

.welcomeBlock.jsemVkurzu .listOfCourse {
	display: block;
	width: 240px;
	padding: 10px 10px;
	border: 1px solid silver;
	margin: 25px auto 0px auto;
	font-size: 18px;
	font-weight: bold;
}

.jvkVideoPanel {
	background: #eee;	
	padding: 0px 0;
	margin: 40px 0;
}

@media (min-width: 1024px) {
	.jvkVideoPanel {
		padding: 70px 0;
	}
}

.jvkVideoPanel .videoBox {
	text-align: center;
}

.jvkCoCoListBlock {
	padding-bottom: 55px;
}

@media (max-width: 550px) {
	.jvkCoCoListBlock {
		padding-bottom: 0px;
	}
}

@media (min-width: 1024px) {
	.jvkVideoPanel .jvkVideo {
		width: 70%;
		margin: auto;
	}
}

.jvkCoCoListBlock .cnt.pd > h2 {
	font-size: clamp(1.3rem, 1.0750rem + 1.0000vw, 2rem);
	font-weight: 700;
	letter-spacing: -0.5px;
	line-height: 130%;
	margin-bottom: 40px;
	text-align: center;
}

.upSteps.jvk h4 {
	font-size: clamp(1.3rem, 1.0750rem + 1.0000vw, 2rem);
	font-weight: 700;
	letter-spacing: -0.5px;
	padding: 40px 0 0 0; 
	line-height: 130%;
	margin-bottom: 40px;
	text-align: center;
}

.jvkCoCoListBlock .cnt.pd > h2 > span {
	display: block;
	font-weight: 300;
	font-size: clamp(1.0rem, 1.2250rem + 0.3333vw, 1.2rem);
	letter-spacing: 2px;
	text-transform: uppercase;
	line-height: 100%;
	margin-top: 20px;
}

@media (max-width: 550px) {
	.jvkCoCoListBlock .cnt.pd > h2 > span {
		margin-top: 20px;
		line-height: 120%;
	}
}

.jvkOurCourses {
	text-align: center;
	padding-top: 15px;
	display: flex;
	gap: 20px;
	justify-content: center;
}

.jvkOurCourses a {
	display: inline-block;
	padding: 20px 15px;
	background: #333;
	color: #fff;
	border-radius: 6px;
	width: 14%;
	font-size: clamp(1.1rem, 0.8750rem + 1.0000vw, 1.2rem);
	font-weight: 400;
	letter-spacing: -0.5px;
	text-align: center;
	line-height: 120%;
	justify-self: center;
}

@media (max-width: 1475px) {
	.jvkOurCourses {
		flex-flow: wrap;
	}
	
	.jvkOurCourses a {
		width: 230px;
	}
}

.jvkOurCourses a:hover {
	background: #990000;
}

.jvkOurCourses a img {
	width: 60px;
	display: block;
	padding-bottom: 10px;
	text-align: center;
	margin: auto;
}

.upSteps.jvk {
	margin: 23px 0;
}

.courseTrueCategory.vokazButton {
	padding-bottom: 23px;
}

.upButton {
	display: block;
	background: #8dc63f;
	margin-bottom: 60px;
	width: 260px;
	font-weight: 700;
	padding: 15px 5px;
	border-radius: 55px;
	white-space: nowrap;
	text-align: center;
	color: white;
}

/* lista na sber e-mailu */

.emailCollectionBox .openTab {
	width: 17px !important;
	height: 166px !important;
}

@media (max-width: 600px) {
	.emailCollectionBox .openTab {
		width: 12px !important;
		height: 136px !important;
		padding: 10px 10px 10px 7px !important;
	}
}

.emailCollectionBox input[type='email'] { 
	margin: 5px 0 25px 0 !important;
	padding: 3px !important;
	font-size: 17px;
}

.emailCollectionBox .formHolder {
	top: -181px !important;
}

.emailCollectionBox .closeButton {
	top: 18px !important;
}

.emailCollectionBox .headlineDescription {
	line-height: 130%;
}

.emailCollectionBox .headline {
	line-height: 120%;
	font-size: 1.8rem;
}

/* social blok start */

.social-block.bg {
	background: #f5F5F5;
	margin-top: 40px;
}

.social-block {
	text-align: center;
	padding: 80px 0px 90px 0;
	font-size: 18px;
	animation: fadeIn 1s ease-out forwards;
	opacity: 0;
}

.social-block .section-title {
	font-size: clamp(2rem, 0.8750rem + 5.0000vw, 2.5rem);
	font-weight: 700;
	transform: scale(0.94);
	animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);
	color: #000;
	margin: 0 0 10px 0;
}

.social-block h3 {
	font-size: clamp(1.25rem, 1.109rem + 0.625vi, 1.5rem);
	font-weight: 300;
	color: #000;
	margin: 0 0 60px 0;
}

.social-icons {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	justify-items: center;
	align-items: center;
}

.social-icon {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin: 20px 0;
	position: relative !important;
}

.img-wrapper {
	position: relative; 
	display: inline-block;
}

.social-icon img {
	max-width: 100%; 
	height: 90px;
	margin: auto auto 15px auto;
	display: block;
	border-radius: 35px;
	transition: transform 0.2s ease;
	position: relative; 
}

.social-icon a:hover img {
	animation: shake 0.3s ease-in-out;
}

.social-icon a:hover .badge i {
	color: rgb(255, 255, 255);
}

.badge {
	position: absolute;
	top: -10px; 
	right: -10px;
	color: white;
	border-radius: 50%; 
	padding: 5px;
	font-size: 14px; 
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
	line-height: 50% !important;
	width: 30px;
	height: 30px;
	z-index: 10; 
}

.badge i {
	font-size: 15px; 
}

.social-icon.facebook .badge {
	background: #1877F2;
}

.social-icon.facebook .badge i {
	content: "\f09a";
}

.social-icon.instagram .badge {
	background: #fbad50;
}

.social-icon.instagram .badge i {
	content: "\f16d";
	font-size: 17px;
}

.social-icon.youtube .badge {
	background: #ba0000;
}

.social-icon.youtube .badge i {
	content: "\f167";
}

.social-icon.linkedin .badge {
	background: #0077B5;
}

.social-icon.linkedin .badge i {
	content: "\f08c"; 
}

@keyframes shake {
	0% { transform: translateX(0); }
	25% { transform: translateX(-5px); }
	50% { transform: translateX(5px); }
	75% { transform: translateX(-5px); }
	100% { transform: translateX(0); }
}

.social-icon span:nth-child(2) {
	display: block;
	font-size: clamp(1.063rem, 0.816rem + 1.094vi, 1.5rem);
	font-weight: 700;
	transition: all 0.30s ease-out;
}

.social-icon a:hover span:nth-child(2) {
	color: #7ab851;
}

.social-icon span:nth-child(3) {
	border: 1px solid silver;
	border-radius: 50px;
	margin: 8px 0 0 0; 
	padding: 2px 6px;
	font-size: 14px;
	font-weight: 700;
	display: inline-block;
}

.social-icon a {
	text-decoration: none;
	color: #333;
	font-size: 16px;
	width: 100%;
	display: block;
	cursor: pointer;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (max-width: 1024px) { 
	.social-icons {
		grid-template-columns: repeat(2, 1fr); /* 2 na řádku */
	}
}

@media (max-width: 768px) { 
	.social-icons {
		grid-template-columns: repeat(2, 1fr); /* 2 na řádku */
	}

	.social-block h2 {
		font-size: 18px;
	}
	
	.social-icon {
		margin: 10px 0;
	}

	.social-icon img {
		width: 90px;
		height: 90px;
	}

	.social-block {
		font-size: 16px;
	}
}

.underline {
	position: relative;
	padding-bottom: 2px;
	display: inline-block;
}

.underline::after {
	content: '';
	position: absolute;
	left: 0px;
	top: 28px;
	bottom: -10px; /* Vzdálenost pod textem */
	width: 100%;
	height: 40px; 
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 20"><path d="M0,10 Q50,0 100,10" fill="transparent" stroke="red" stroke-width="3"/></svg>') no-repeat;
	transform: rotate(-3deg) !important;
	background-size: 100% 100%;
	z-index: 1;
	animation: underlineFlash 1s ease forwards, 2s forwards; 
}
   
@media (width < 500px) {
  .underline::after {
	  height: 20px;
  }
}

/* konec social blok*/

/* black friday */

.giftVoucherAdvantages {
	background: #2d2d2d;
	padding: 60px 0 65px 0;
	box-shadow: 0 0px 60px rgba(0,0,0,0.5) inset;
}

@media (max-width: 770px) {
	.giftVoucherAdvantages {
		padding: 20px 0 40px 0;
	}
}

@media (max-width: 1920px) {
	.giftVoucherAdvantages.solo {
		padding-top: 0;
	}
}

.giftVoucherAdvantages .container-fluid {
	display: flex;
	align-items: center;
	align-content: stretch;
	justify-content: center;	
	flex-flow: wrap;
}

.giftVoucherAdvantages .container-fluid.extra {
	flex-direction: column;
	align-content: center;
	
}

.giftVoucherAdvantagesBox {
	background: #222;
	border-radius: 7px;
	padding: 25px 30px 20px 30px;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	display: inline-block;
	width: 360px;
	box-sizing: border-box;
}

.giftVoucherAdvantagesBox:hover {
	background: #b13333;
}

.giftVoucherAdvantagesBox h2 {
	font-size: 26px; 
	color: #fff;
	font-weight: 700;
	padding: 0 0 10px 0;
	font-family: 'Raleway', sans-serif;
}

.giftVoucherAdvantagesBox p {
	font-size: 14px; 
	color: #bebebe;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
	line-height: 160%;
}

.giftVoucherHeader {
	background: url(images/gift-voucher-header-min.jpg) no-repeat left center;
	background-size: cover;
	height: 450px;
}

.giftVoucherHeader.blackFriday {
	background: url(images/black-friday-header-min.jpg?v2) no-repeat center center;
	background-size: cover;
	height: 700px;
	max-width: 1920px;
	margin: auto auto 30px auto;
	display: block;
}

@media (width < 479px) {
	.giftVoucherHeader.christmas {
		background: url(images/christmas-bg-min.jpg) no-repeat center top;
		background-size: auto 100%;
		height: 400px;
	}
	
	.giftVoucherHeader.blackFriday {
		background: url(images/black-friday-header-mobile.jpg?v2) no-repeat center top;
		background-size: 100% auto;
		height: 300px;
	}
	
	.actionPanelBox {
		width: 90%;
	}
	
	.giftVoucherHeader h2 {
		font-size: 34px;
		width: 94%;
	}
}

.headlineAction {
	text-align: center;
	color: white;
	padding: 20px 0 0 0;
}

.headlineAction.marginBottom {
	margin: 0 0 35px 0;
}

.actionPanel .actionButton, .giftVoucherAdvantages .actionButton {
	border: 2px solid rgba(255,255,255,1);
	padding: 10px 30px;
	display: inline-block;
	border-radius: 50px;
	color: white;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.3px;
	box-sizing: 0;
}

.actionPanel .actionButton:hover, .giftVoucherAdvantages .actionButton:hover {
	border: 2px dashed #D9000E;
}

/* konec black friday */

.cross-sell {
	margin-top: 2em;
}

.cross-sell .section-title {
	font-size: clamp(2rem, 0.8750rem + 5.0000vw, 2.5rem);
	font-weight: 700;
	color: #000;
	margin: 0 0 3rem 0;
	line-height: 80%;
	text-align: center;
}

@media (width < 900px) {
.courseTimetable .courseTimetableTableBackground {
		padding-top: 20px !important;
	}
}

.courseBusinessInfoBox, .businessCourseForm {
	line-height: 130%;
}

.businessPrice {
	line-height: 140%;
}

.courseBusinessInfoBox p {
	margin: 10px 0 15px 0;
}

.businessReservationBox {
	padding: 80px 0;
	background: #F5F5F5;
}

.businessReservationBox h2 {
	font-size: 38px;
	font-weight: 700;
	text-align: center;
	padding: 0px 0 50px 0;
}

@media (Width < 550px) {
	.businessReservationBox {
		padding: 50px 0 20px 0;
	}
	.businessReservationBox h2 {
		padding: 0 0 30px 0;
	}
}

.businessReservationBox .reservation-form {
	background: #fff;
	color: #000;
}

.businessReservationBox .reservation-form.hidden  {
	width: 70% !important;
}

.businessReservationBox .reservation-form input, .businessReservationBox .reservation-form select, .businessReservationBox .reservation-form textarea{
	border: 1px solid rgba(0,0,0,0.1) !important;
}

.twoColumnSection.businessSectionSeparator {
	border-top: 1px solid silver;
	padding: 80px 0 !important;
}

.courseDetailAdvantagesSection.businessSectionPd {
	padding: 40px 0 80px 0 !important;
	margin: 0 0 80px 0 !important;
}

@media (width < 550px) {
	.courseDetailAdvantagesSection.businessSectionPd {
		padding: 40px 0 40px 0 !important;
		margin: 0 0 0px 0 !important;
	}
	.twoColumnSection.businessSectionSeparator {
		padding: 60px 0 !important;
	}
}

.stopHeadline {
	display:block;
	text-align:center;
	font-size:35px;
	margin-bottom:120px;
	line-height:140%;
}

@media (width < 550px) {
	.stopHeadline {
		font-size: 28px;
		line-height: 110%;
	}
	
	.stopHeadline span{
		display: block;
		margin-top: 15px;
	}
	
	.stopHeadline a {
		font-size: 28px;
	}
}