/******************************************************
***********************CSS RESET***********************
******************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
div .social{
	cursor:pointer;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/******************************************************
********************GLOBALNI STYLY*********************
******************************************************/

a {
	text-decoration: none;
}
.button {
	-webkit-appearance: none;
  	-moz-appearance: none;
  	appearance: none;
	display: flex;
	width: 100%;
	height: 51.89px;
	justify-content: center;
	align-items: center;
	background: #F7CD00;
	border: 0;
	color: #000000;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	outline: 0;
	text-decoration: none;
	transition: all 0.5s;
	cursor: pointer;
}
.button.small {
	width: 100%;
	height: 36px;
	font-size: 13px;
	font-weight: 500;
}
.button.outline {
	background: transparent;
	color: #000000;
	border: 1px solid #000000;
}
.button:hover,.button.outline:hover {
	background: #594500;
	color: #FFFFFF !important;
}
a.link {
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
	color: #1E1601;
	position: relative;
}
a.link:after {
	content: '';
	position: absolute;
	width: 41.59px;
	height: 49.9px;
	background-image: url('../images/sipka.svg');
	background-size: 100% 100%;
	left: -30px;
	top: -15px;
	bottom: 0;
	transform: rotate(90deg);
}
a.link:hover {
	color: #F7CD00;
}
a.link:hover:after {
	background-image: url('../images/arrow_yellow.png');
}
input[type="checkbox"].checkbox {
	position: relative;
	width: 38px;
	height: 38px;
}
input[type="checkbox"].checkbox:not(:checked):before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 38px;
	height: 38px;
	background: #FFFFFF;
	border: 2px solid #1E1601;
	
}
input[type="checkbox"].checkbox:checked:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 38px;
	height: 38px;
	background: #1E1601;
	border: 2px solid #1E1601;
}
input[type="checkbox"].checkbox:checked:after {
	content: '';
	position: absolute;
	top: 55%;
	left: 40%;
	width: 8.06px;
	height: 16.76px;
	border: solid #F7CD00;
  	border-width: 0 6px 6px 0;
  	transform: rotate(35deg) translate(-50%,-50%);
}
input[type="text"].input {
	width: 370px;
	height: 52px;
	border: 2px solid #1E1601;
	background: transparent;
	font-size: 18px;
	font-weight: 500;
	color: #1E1601;
	padding: 0 20px;
	outline: 0;
	max-width: 100%;
}
input[type="text"].input::placeholder {
  	color: #1E1601;
  	opacity: 1;
	font-style: italic;
}
input[type="text"].input:-ms-input-placeholder {
  	color: #1E1601;
	font-style: italic;
}
input[type="text"].input::-ms-input-placeholder {
  	color: #1E1601;
	font-style: italic;
}
label {
	display: block;
	color: #1E1601;
	font-size: 18px;
	font-weight: 500;
}
.banner.hanibal {
	background-image: url('../images/photos/Hektor.jpg');
}
.banner.gert {
	background-image: url('../images/photos/gert.jpg');
}
.banner.tara {
	background-image: url('../images/photos/tara.jpg');
}
.banner.heki {
	background-image: url('../images/photos/heki.jpg');
}
.banner:not(.active) {
	display: none;
}
.rulesbg {
	background-image: url('../images/photos/pohled_shora_3_big_banner.jpg');
    	background-size: cover;
    	background-position: center center;
}
.coursesbg {
	background-image: url('../images/photos/11222826_10153762527429577_4844715484596078355_o.jpg');
    	background-size: cover;
    	background-position: center center;
	height: 100%;
}
.calendarbg {
	background-image: url('../images/photos/kalendar.jpg');
    	background-size: cover;
    	background-position: center center;
}


/******************************************************
*********************MOBILNI VERZE*********************
******************************************************/

@media only screen and (min-width: 0px) and (max-width: 767px) {
	* {
		-webkit-tap-highlight-color: transparent;
		-webkit-touch-callout: none;
		max-width: 100vw;
	}
	html {
		width: 100%;
		max-width: 100vw;
	}
	body {
		font-family: 'Ubuntu', sans-serif;
		background-color: #ECE9E0;
		width: 100vw;
		height: 100%;
		max-width: 100vw;
		overflow-x: hidden;
		overflow-y: auto;
	}
	nav.menu {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100vw;
		max-width: 100vw;
		height: 67px;
		display: block;
		border-top: 8px solid #F7CD00;
		background-color: rgba(30, 20, 1, 0.5);
		z-index: 10;
	}
	nav.menu > ul {
		display: flex;
		width: 100%;
		height: 100%;
		justify-content: flex-end;
		align-items: center;
	}
	nav.menu:not(.active) > ul > li:not(.toggle):not(.logo) {
		display: none;
	}
	nav.menu > ul > li.logo {
		margin-right: auto;
		margin-left: 30px;
		width: 87.77px;
		height: 102px;
		background-color: #F7CD00; 
		position: relative;
	}
	nav.menu > ul > li.logo:after {
		content: '';
		width: 0;
		height: 0;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		border-style: solid;
		border-width: 25px 43.885px 0 43.885px;
		border-color: #F7CD00 transparent transparent transparent;
		filter: drop-shadow(0px 2px 4px rgba(0,0,0,0.5));
		z-index: -1;
	}
	nav.menu > ul > li.logo img {
		width: 65px;
		height: 85px;
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translate(-50%,-100%);
	}
	nav.menu > ul > li:not(.toggle) {
		text-transform: uppercase;
		font-size: 18px;
		font-weight: bold;
	}
	nav.menu > ul > li:not(.toggle) li {
		text-transform: none;
	}
	nav.menu > ul > li.toggle a {
		display: inline-block;
		width: 26.65px;
		height: 22.21px;
		margin-right: 27.5px;
		background-image: url('../images/menu_yellow.svg');
		background-size: 100% 100%;
		background-position: center center;
		cursor: pointer;
	}
	nav.menu > ul > li.arrow a {
		display: inline-block;
		width: 26.61px;
		height: 15.5px;
		background-image: url('../images/sipka.svg');
		background-size: 100% 100%;
		background-position: center center;
		transform: rotate(180deg);
		cursor: pointer;
	}
	nav.menu.active {
		background-color: #F7CD00 !important;
		height: auto;
	}
	nav.menu.active > ul > li:nth-child(2) {
		margin-top: 15px;
	}
	nav.menu.active > ul > li.toggle a {
		background-image: url('../images/menu_black.svg');
	}
	nav.menu.active > ul > li.logo {
		display: none;
	}
	nav.menu.active > ul {
		flex-direction: column;
	}
	nav.menu.active > ul li {
		width: 100%;
	}
	nav.menu.active > ul li:not(.toggle) a {
		text-decoration: none;
		padding: 10px 40px;
		display: inline-block;
		color: #000000;
		position: relative;
		width: 100%;
	}
	nav.menu.active > ul li:not(.toggle) a:hover,
	nav.menu.active > ul li:not(.toggle) a:active,
	nav.menu.active > ul li.active:not(.toggle) > a {
		color: #FFFFFF;
		background-color: #1E1601;
	}
	nav.menu.active > ul li:not(.toggle) a + ul > li a:before {
		content: '-';
		padding-left: 15px;
		padding-right: 10px;
	}
	nav.menu.active > ul > li.toggle {
		order: 0;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		margin-top: 21px;
	}
	nav.menu.active > ul > li:not(.toggle) {
		order: 1;
	}
	nav.menu.active > ul > li.arrow {
		order: 2;
		display: flex;
		justify-content: center;
		padding-bottom: 10px;
	}
	.banner {
		max-width: 100%;
		width: 100%;
		height: 549px;
		background-size: cover;
		background-position: 55% center;
	}
	.banner .text {
		display: none;
	}
	.banner.active {
		display: block !important;
		opacity: 1 !important;
	}
	.banner:not(.active) {
		display: none !important;
		opacity: 0 !important;
	}
	.infoblock {
		background: #FFFFFF;
		box-shadow: 0px 3px 6px rgba(0,0,0,0.016);
		width: 84%;
		margin: -70px auto 0 auto;
		display: flex;
		flex-direction: column;
		padding-bottom: 30px;
	}
	.infoblock .info {
		display: flex;
		flex-direction: column;
		padding: 30px 50px 0 50px;
	}
	.infoblock .info .date {
		font-size: 18px;
		font-weight: bold;
		color: #594500;
		line-height: 2.1;
	}
	.infoblock .info .text {
		color: #594500;
		font-weight: 300;
		line-height: 1.5;
	
	}
	.infoblock .info .text .title {
		display: block;
		font-weight: 400;
		text-transform: uppercase;
	}
	.infoblock .slides {
		display: none;
	}
	.courses {
		margin-top: 30px;
		display: flex;
		flex-direction: column;
	}
	.courses .course {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		padding: 20px 10px;
		transition: all 0.5s;
		border-radius: 0.625rem;
	}
	.courses .course:hover {
		background: rgba(0, 0, 0, 0.06);
	}
	.courses .course:hover .button {
		background: #594500;
		color: #FFFFFF;
	}
	.courses .course .image {
		display: flex;
		flex-direction: column;
		align-items: center;
		flex: 1 1 50%;
	}
	.courses .course .image img {
		width: 59.44px;
		height: 76.05px;
	}
	.courses .course .image .title {
		font-family: 'Bree Serif', serif;
		font-size: 26px;
		font-weight: 500;
		color: #594500;
		text-transform: uppercase;
	}
	.courses .course .text {
		display: flex;
		align-items: center;
		flex: 1 1 50%;
		line-height: 1.5;
		color: #594500;
		text-align: center;
	}
	.courses .course .button {
		margin-top: 15px;
		flex: 1 0 100%;
		border-color: #594500;
		color: #594500;
	}
	.howitlooks {
		width: 100%;
		height: 503px;
		background-image: url('../images/photos/plac_panorama.jpg');
		background-size: cover;
		background-position: 16.5% center;
		position: relative;
		transition: height 0.3s ease-out;
	}
	.howitlooks * {
		z-index: 2;
	}
	.howitlooks:after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		background-color: transparent;
		z-index: 1;
	}
	.howitlooks video {
		width: 100%;
		height: 100%;
		object-fit: cover;
		z-index: 0;
		position: relative;
		opacity: 0;
	}
	.howitlooks .info:nth-child(1) {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 286.39px;
		height: 157.82px;
		background: rgba(0, 0, 0, 0.5);
		font-family: 'Bree Serif', serif;
		font-size: 40px;
		text-transform: uppercase;
		color: #FFFFFF;
		padding: 30px;
		position: absolute;
		top: 37%;
		left: 50%;
		transform: translate(-50%,-37%);
	}
	.howitlooks .info:nth-child(1):after {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 20.775px 20.775px 0 20.775px;
		border-color: rgba(0, 0, 0, 0.5) transparent transparent transparent;
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
	}
	.howitlooks .info:nth-child(2) {
		display: none;
		justify-content: center;
		align-items: center;
		width: 286.39px;
		background: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		padding: 20px 30px;
		position: absolute;
		top: 45%;
		left: 50%;
		transform: translate(-50%,-45%);
	}
	.howitlooks .info:nth-child(3) {
		display: none;
		justify-content: center;
		align-items: center;
		width: 286.39px;
		background: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		padding: 20px 30px;
		position: absolute;
		top: 57%;
		left: 50%;
		transform: translate(-50%,-57%);
	}
	.howitlooks .info:nth-child(4) {
		display: none;
		justify-content: center;
		align-items: center;
		width: 286.39px;
		background: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		padding: 20px 30px;
		position: absolute;
		top: 74%;
		left: 50%;
		transform: translate(-50%,-74%);
	}
	.howitlooks .button:not(.square),
	.howitlooks .button.arrow {
		display: none;
	}
	.howitlooks .button.square {
		position: absolute;
		width: 74.65px;
		height: 74.65px;
		background: rgba(0, 0, 0, 0.5);
		top: 85%;
		left: 50%;
		transform: translate(-50%,-85%);
	}
	.howitlooks .button.arrow {
		position: absolute;
		top: 100%;
		left: 50%;
		height: 59.58px;
		transform: translate(-50%,-100%) scale(-1);
	}
	.howitlooks.active {
		height: 893px;
	}
	.howitlooks.active video {
		opacity: 1;
	}
	.howitlooks.active .button.square {
		display: none;
	}
	.howitlooks.active .info:nth-child(1) {
		top: 15%;
		transform: translate(-50%, -15%);
	}
	.howitlooks.active .info:nth-child(2),
	.howitlooks.active .info:nth-child(3),
	.howitlooks.active .info:nth-child(4) {
		display: flex;
	}
	.howitlooks.active .button:not(.square) {
		display: flex;
		position: absolute;
		top: 84%;
		left: 50%;
		transform: translate(-50%,-84%);
		width: 346.38px;
	}
	.howitlooks.active .button.arrow {
		display: flex;
	}
	.howitlooks.active .button.arrow img {
		width: 100%;
	}
	.findus {
		width: 100%;
		height: 259px;
		background: #F7CD00;
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
	 	justify-content: center;
	}
	.findus:after {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 35.775px 187.5px 0 187.5px;
		border-color: #F7CD00 transparent transparent transparent;
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		z-index: 2;
	}
	.findus .title {
		text-transform: uppercase;
		font-size: 20px;
		font-weight: bold;
		line-height: 3;
	}
	.findus p {
		font-weight: 300;
		text-align: left;
		margin-right: 1rem;
		line-height: 2;
	}
	.map {
		width: 100%;
		height: 461px;
		background-image: url('../images/mapa.png');
		background-size: cover;
		background-position: 38% center;
		position: relative;
		z-index: 1;
	}
	.footer {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background: #1E1601;
		color: #A59F8D;
		height: 445px;
	}
	.footer img {
		width: 65px;
		height: 93.66px;
	}
	.footer .left {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.footer .left > p {
		margin-top: 30px;
		width: 154px;
		text-align: center;
	}
	.footer .left .addresssocial .address p {
		margin-top: 30px;
		width: 184px;
		text-align: center;
	}
	.footer .left .addresssocial .social {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin-left: -120px;
		margin-top: 40px;
	}
	.footer .left .addresssocial .social img {
		width: 48.1px;
		height: 48.1px;
	}
	.footer .left .addresssocial .social p {
		width: 100px;
		margin-left: 15px;
	}
	.footer .right .authors {
		display: none;
	}
	.footer .right .copy {
		margin-left: 200px;
		margin-top: -25px;
	}
	.about_banner {
		width: 100%;
		height: 251px;
		background-image: url('../images/photos/plac_panorama.jpg');
    		background-size: cover;
    		background-position: center center;
		position: relative;
	}
	.about_banner .title {
		position: absolute;
		top: 70%;
		left: 50%;
		transform: translate(-50%,-70%);
		width: 68.808333333333337%;
		height: 69.5px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		background-color: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		font-family: 'Bree Serif', serif;
		font-size: 25px;
	}
	.about_info {
		display: flex;
		flex-direction: column;
		margin: auto;
		padding: 80px 0;
		color: #1E1601;
		text-align: justify;
		align-items: center;
	}
	.about_info .left {
		flex: 0 0 80%;
		width: 80%;
		padding: 0 30px;
	}
	.about_info .right {
		flex: 0 0 80%;
		width: 80%;
		padding: 0 30px;
	}
	.about_pays {
		color: #1E1601;
		text-align: center;
		margin: auto;
		padding-bottom: 60px;
		font-size: 18px;
		font-weight: 300;
	}
	.about_pays span.title {
		font-size: 20px;
		font-weight: 500;
	}
	.about_member {
		display: flex;
		flex-direction: column;
		background-color: #DEDBD3;
		color: #1E1601;
		justify-content: center;
		align-items: center;
		font-size: 13px;
		font-weight: 500;
		text-decoration: underline;
		margin: auto;
		height: 105px;
	}
	.about_member img {
		position: absolute;
		margin-top: 20px;
		width: 39.9px;
		height: 31.59px;
	}
	.about_map {
		width: 100%;
		height: 323px;
		background-image: url('../images/photos/pohledshora3spopisy.jpg');
    		background-size: cover;
    		background-position: center center;
	}
	.about_newmember {
		width: 100%;
		background-color: #1E1601;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 50px 0;
	}
	.about_newmember .member {
		width: 84px;
		height: 86.22px;
		filter: invert(100%);
	}
	.about_newmember .bigtitle {
		font-family: 'Bree Serif', serif;
		font-size: 30px;
		color: #FFFFFF;
		margin-top: 30px;
	}
	.about_newmember .info {
		display: flex;
		flex-direction: column;
		margin: auto;
		padding: 80px 20px;
		color: #FFFFFF;
		font-weight: 300;
		line-height: 1.3;
	}
	.about_newmember .info .left {
		width: 100%;
	}
	.about_newmember .info .right {
		padding-top: 20px;
		width: 100%;
	}
	.about_newmember .info a {
		color: #F7CD00;
	}
	.about_newmember .info b {
		font-weight: bold;
	}
	.about_newmember .title {
		font-family: 'Bree Serif', serif;
		font-size: 24px;
		color: #FFFFFF;
		margin-top: 30px;
	}
	.about_newmember ul {
		margin-top: 30px;
		margin-left: 1.0416666666666665%;
	}
	.about_newmember ul li {
		color: #FFFFFF;
		font-size: 18px;
		font-weight: 300;
		line-height: 2;
	}
	.about_newmember ul li:before {
		content: '●';
		padding-right: 20px;
	}
	.about_newmember form {
		width: 100%;
		background-color: #C2BFB6;
		margin: 100px auto;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	.about_newmember form .title {
		color: #1E1601;
		margin-top: 60px;
		margin-bottom: 40px;
		flex: 0 0 100%;
		width: 100%;
		text-align: center;
	}
	.about_newmember form .input_control {
		max-width: 80%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding-bottom: 20px;
	}
	.about_newmember form .input_control label {
		width: 410px;
		max-width: 110%;
		padding-bottom: 20px;
	}
	.about_newmember form > .checkbox {
		display: flex;
		flex-direction: row;
		flex: 0 0 80%;
		width: 80%;
		justify-content: center;
		align-items: center;
		margin-bottom: 50px;
	}
	.about_newmember form > .checkbox input:before {
		margin-left: -15px;
	}
	.about_newmember form > .checkbox input:after {
		margin-left: -10px;
	}
	.about_newmember form > .checkbox label {
		padding-left: 20px;
		font-size: 12px;
	}
	.about_newmember form .recaptcha {
		width: 100%;
		flex: 0 0 100%;		
		text-align: center;
	}
	.about_newmember form .recaptcha img {
		width: 382px;
		height: 102px;
	}
	.about_newmember button {
		margin-top: 60px;
		margin-bottom: 60px;
		width: 291.28px;
		height: 51.89px;
	}
	.about_history {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: #FFFFFF;
	}
	.about_history span.title {
		font-family: 'Bree Serif', serif;
		font-size: 24px;
		color: #1E1601;
		margin: 60px 0;
	}
	.about_history .timeline {
		display: flex;
		flex-direction: column;
		width: 90%;
		margin-bottom: 60px;
		position: relative;
	}
	.about_history .timeline .item {
		display: flex;
		flex-direction: column;
		position: relative;
	}
	.about_history .timeline .item + .item:not(.secondary) {
		margin-top: 40px;
	}
	.about_history .timeline .item:not(.secondary) + .item.secondary {
		margin-top: 20px;
	}
	.about_history .timeline .item.secondary {
		padding-top: 40px;
		background-color: #ECE9E0;
	}
	.about_history .timeline .item .year {
		font-family: 'Bree Serif', serif;
		font-size: 26px;
		color: #594500;
		margin-left: 20px;
		margin-top: -10px;
		padding-bottom: 20px;
	}
	.about_history .timeline .item .content {
		display: flex;
		flex-direction: column;
		padding: 0 10px;
		max-width: calc(100% - 20px);
	}
	.about_history .timeline .item .content.onlytext .text {
		font-weight: 300;
		line-height: 1.2;
		color: #1E1601;
		flex: 0 0 100%;
		width: 100%;
	}
	.about_history .timeline .item .content .text.firstbig:first-letter {
		font-family: 'Bree Serif', serif;
		color: #594500;
    		float: left;
    		line-height: 30px;
    		font-size: 38px;
    		margin-right: 4px;
    		margin-left: 0px;
    		margin-top: -2px;
	}
	.about_history .timeline .item .content.text-half .text {
		font-weight: 300;
		line-height: 1.2;
		color: #1E1601;
		padding-top: 10px;
		max-width: 100%;
	}
	.about_history .timeline .item .content .text.with.images {
		display: flex;
		flex-direction: column;
	}
	.about_history .timeline .item .content .text.with.images div {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		padding-top: 10px;
	}
	.about_history .timeline .item .content .text.with.images div img {
		flex: 1 1 auto;
	}
	.about_history .timeline .item .content .text.with.images + img {
		max-width: 100%;
	}
	.about_history .timeline .item .content.rightbottomimage-half {
		align-items: flex-end;
		padding-bottom: 20px;
	}
	.about_history .timeline .item .content.rightbottomimage-half img {
		padding-top: 20px;
	}
	.about_history .timeline .item img.float {
		display: none;
	}
	.about_history .timeline .item img.floatl {
		display: none;
	}
	.about_history .timeline .item .content.row3 {
		display: flex;
		flex-direction: column;
	}
	.about_history .timeline .item .content.row3 .text {
		font-weight: 300;
		line-height: 1.2;
		color: #1E1601;
	}
	.about_history .timeline .item .content.row3 .text + .img {
		display: flex;
		flex-direction: column;
		text-align: right;
		font-size: 14px;
		line-height: 2;
		font-weight: 400;
		color: #594500;
	}
	.about_history .timeline .item .content.row3 .text + .img + .img {
		text-align: right;
		font-size: 14px;
		line-height: 1.2;
		font-weight: 400;
		color: #594500;
	}
	.about_history .timeline .item .content.row3 .text + .img + .img img {
		width: 100%;
	}
	.about_history .timeline .item .content .text.newline {
		padding-top: 20px;
		width: 100%;
		flex: 0 0 100%;
	}
	.about_history .timeline .item .content.with.row .text:first-child {
		padding-right: 20px;
	}
	.about_history .timeline .item .content.with.row .text + .text > img {
		width: 100%;
	}
	.about_history .timeline .item .content .row2 {
		display: flex;
		flex-direction: row;
		width: 100%;
	}
	.about_history .timeline .item .content .row2 .img {
		flex: 0 0 50%;
		text-align: right;
		font-size: 14px;
		line-height: 1.2;
		font-weight: 400;
		color: #594500;
		max-width: 50%;
	}
	.about_history .timeline .item .content .row2 .img + .img {
		flex: 0 0 50%;
		text-align: right;
		font-size: 14px;
		line-height: 1.2;
		font-weight: 400;
		color: #594500;
		max-width: 50%;
	}
	.about_history .timeline .item .content .row2 .img img,
	.about_history .timeline .item .content .row2 .img + .img img {
		width: 100%;
	}
	.about_history .timeline .item .content.text-big {
		padding-bottom: 30px;
	}
	.about_history .timeline .item .content.text-big .text {
		font-weight: 300;
		line-height: 1.2;
		color: #1E1601;
	}
	.about_history .timeline .item .content.image-small .image {
		padding-top: 20px;
		line-height: 1.2;
		font-weight: 400;
		color: #594500;
		text-align: right;
	}
	.about_history .timeline .item .content.image-small .image img {
		width: 100%;
	}
	.about_history .timeline .item .content.images-half .images {
		width: 100%;
		display: flex;
		flex-direction: column;
		text-align: right;
	}
	.about_history .timeline .item .content.images-half .images span {
		font-size: 14px;
		line-height: 1.2;
		font-weight: 400;
		color: #594500;
		padding-top: 5px;
		padding-bottom: 20px;
	}
	.about_history .timeline .item .content .text span.italic {
		font-style: italic;
	}
	.about_history .timeline .item .content .row2.actual {
		flex-direction: column;
	}
	.about_history .timeline .item .content .row2.actual .img {
		width: 100%;
		flex: initial;
		max-width: 100%;
	}
	.about_history .timeline .item .content .row2.actual img {
		height: 290px;
		padding-top: 20px;
		padding-bottom: 10px;
	}
	.about_history .timeline .item .content .shield {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.about_history .timeline .item .content .shield img {
		width: 270px;
	}
	.about_history .timeline .item .content .shield span {
		font-size: 14px;
		line-height: 1.2;
		font-weight: 400;
		color: #594500;
		padding-top: 10px;
		width: 270px;
		display: inline-block;
		text-align: right;
	}
	.rules_banner {
		width: 100%;
		max-width: 100%;
		height: 251px;
		position: relative;
	}
	.rules_banner .title {
		position: absolute;
		top: 70%;
		left: 50%;
		transform: translate(-50%,-70%);
		width: 58.808333333333337%;
		height: 69.5px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		background-color: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		font-family: 'Bree Serif', serif;
		font-size: 25px;
	}
	.rules_info {
		width: 90%;
		max-width: 90%;
		margin: 180px auto 0 auto;
		background-color: #C2BFB6;
		box-shadow: 0 0 12px rgba(0,0,0,0.52);
		padding: 5%;
		display: flex;
		flex-direction: column;
		color: #1E1601;
		position: relative;
	}
	.rules_info:before {
		content: '';
		position: absolute;
		top: -63.5px;
		width: 127px;
		height: 127px;
		left: 50%;
		border-radius: 100%;
		transform: translateX(-50%);
		background-color: #C2BFB6;
		background-image: url('../images/rad.svg');
		background-size: 43.87px 70.92px;
		background-position: center center;
		background-repeat: no-repeat;
	}
	.rules_info .bigtitle {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 25px;
		margin: auto;
		padding-top: 60px;
	}
	.rules_info .title {
		padding-top: 60px;
		font-family: 'Bree Serif', serif;
		font-size: 19px;
		padding-bottom: 5px;
	}
	.rules_info ul {
		margin-top: 30px;
		margin-left: 1.0416666666666665%;
	}
	.rules_info ul li {
		font-size: 16px;
		font-weight: 300;
		line-height: 1.5;
	}
	.rules_info ul li:before {
		content: '●';
		color: #594500;
		padding-right: 10px;
	}
	.rules_darkinfo {
		width: 90%;
		max-width: 90%;
		background-color: #1E1601;
		box-shadow: 0 0 12px rgba(0,0,0,0.52);
		padding: 5% 5%;
		display: flex;
		flex-direction: column;
		color: #FFFFFF;
		margin-bottom: 100px;
		font-weight: 300;
		font-style: italic;
	}
	.members_banner {
		width: 100%;
		height: 251px;
		background-image: url('../images/photos/instruktori_bigbanner.jpg');
    		background-size: cover;
    		background-position: center top;
		position: relative;
	}
	.members_banner .title {
		position: absolute;
		top: 70%;
		left: 50%;
		transform: translate(-50%,-70%);
		width: 88.808333333333337%;
		height: 69.5px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		background-color: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		font-family: 'Bree Serif', serif;
		font-size: 25px;
	}
	.members_list {
		width: 90%;
		margin: 40px auto 70px auto;
		display: flex;
		flex-direction: column;
	}
	.members_list .member {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 10px 0;
		margin: 2px 0;
		width: 100%;
		background: #FFFFFF;
		transition: background 0.5s;
	}
	.members_list .member:hover {
		background: #F7CD00;
	}
	.members_list .member img {
		width: 211px;
		height: 211px;
		border-radius: 100%;
		object-fit: cover;
	}
	.members_list .member span.name {
		color: #594500;
		font-family: 'Bree Serif', serif;
		font-size: 26px;
		margin-top: 30px;
	}
	.members_list .member span.description {
		color: #594500;
		margin-top: 30px;
	}
	.members_list .member button {
		width: 142.85px;
		height: 36px;
		margin-top: 30px;
		font-size: 13px;
	}
	.member_banner {
		width: 100%;
		height: 251px;
		background-image: url('../images/photos/klara h Boxeri_fb-36.jpg');
    		background-size: cover;
    		background-position: center 10%;
		position: relative;
	}
	.member_banner .title {
		position: absolute;
		top: 70%;
		left: 50%;
		transform: translate(-50%,-70%);
		width: 88.808333333333337%;
		height: 69.5px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		background-color: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		font-family: 'Bree Serif', serif;
		font-size: 25px;
	}
	.member_info {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
		max-width: 100%;
		margin: 80px auto 80px auto;
	}
	.member_info span.name {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 34px;
		margin-top: 30px;
	}
	.member_info span.line {
		margin-top: 20px;
		width: 80px;
		height: 1px;
		background-color: #1E1601;
		opacity: 0.2;
	}
	.member_info span.description {
		color: #1E1601;
		margin-top: 30px;
	}
	.member_info > img {
		width: 100%;
		margin-top: 30px;
	}
	.member_info p {
		max-width: calc(100% - 60px);
		width: calc(100% - 60px);
		background: #FFFFFF;
		padding: 30px;
		font-weight: 300;
		line-height: 1.5;
		#text-align: justify;
		word-break: break-word;
	}
	.member_info .row {
		max-width: calc(100% - 60px);
		width: calc(100% - 60px);
		background: #FFFFFF;
		padding: 30px;
		display: flex;
		flex-direction: column;
	}
	.member_info .row img + img {
		margin-top: 4px;
	}
	.courses_banner {
		width: 100%;
		height: 251px;
		background-image: url('../images/photos/12194867_10153762527459577_477607121703797116_o.jpg');
    		background-size: cover;
    		background-position: center 55%;
		position: relative;
	}
	.courses_banner .title {
		position: absolute;
		top: 70%;
		left: 50%;
		transform: translate(-50%,-70%);
		width: 38.808333333333337%;
		height: 69.5px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		background-color: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		font-family: 'Bree Serif', serif;
		font-size: 25px;
	}
	.courses_info {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin: auto;
		padding: 80px 0;
		color: #1E1601;
	}
	.courses_info > img {
		width: 68.16px;
		height: 64.68px;
	}
	.courses_info h1.bigtitle {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 24px;
		margin-top: 30px;
	}
	.courses_info .panels {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: auto;
		padding: 80px 0;
		color: #1E1601;
		max-width: 92.916666666666664%;
		line-height: 1.5;
		font-weight: 300;
	}
	.courses_info .panels .left {
		width: 80%;
	}
	.courses_info .panels .right {
		width: 80%;
	}
	.courses_info .title {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 19px;
		margin-top: 30px;
	}
	.courses_placepay {
		background-color: #1E1601;
		padding: 40px 20px;
		width: calc(100% - 40px);
		display: flex;
		justify-content: center;
	}
	.courses_placepay ul {
		max-width: 100%;
	}
	.courses_placepay ul li {
		color: #FFFFFF;
		font-size: 12px;
		font-weight: 300;
		line-height: 2;
	}
	.courses_placepay ul li:before {
		content: '●';
		padding-right: 5px;
	}
	.courses_whiteblock {
		background-color: #FFFFFF;
		width: calc(100% - 80px);
		padding: 20px 40px;
		display: flex;
		flex-direction: column;
		margin: 100px auto 0 auto;
	}
	.courses_whiteblock.margin-bottom {
		margin: 100px auto 100px auto;
	}
	.courses_whiteblock + .courses_whiteblock {
		margin: 10px auto;
	}
	.courses_whiteblock .title {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 19px;
		margin-top: 30px;
	}
	.courses_whiteblock p {
		margin-top: 30px;
		line-height: 1.5;
		font-weight: 300;
		font-size: 14px;
	}
	.courses_whiteblock .button {
		margin-top: 60px;
		font-size: 13px;
	}
	.courses_whiteinfo {
		background-color: #FFFFFF;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin: 90px auto 0 auto;
		padding: 80px 0;
		color: #1E1601;
	}
	.courses_whiteinfo > img {
		width: 68.16px;
		height: 64.68px;
	}
	.courses_whiteinfo h1.bigtitle {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 24px;
		margin-top: 30px;
	}
	.courses_whiteinfo .panels {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: auto;
		padding: 80px 0;
		color: #1E1601;
		max-width: 92.916666666666664%;
		line-height: 1.5;
		font-weight: 300;
	}
	.courses_whiteinfo .panels .left {
		width: 80%;
	}
	.courses_whiteinfo .panels .right {
		width: 80%;
	}
	.courses_whiteinfo .title {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 19px;
		margin-top: 30px;
	}
	.coursesbg > .title {
		display: block;
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 19px;
		text-align: center;
		padding: 120px 0 0 0;
	}
	.courses_grayblock {
		background-color: #ECE9E0;
		width: calc(100% - 80px);
		padding: 20px 40px;
		display: flex;
		flex-direction: column;
		margin: 50px auto 0 auto;
	}
	.courses_grayblock + .courses_grayblock {
		margin: 10px auto 100px auto;
	}
	.courses_grayblock span.title {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 19px;
		margin-top: 30px;
	}
	.courses_grayblock p {
		margin-top: 30px;
		line-height: 2;
		font-weight: 300;
		font-size: 14px;
	}
	.courses_row {
		margin: 60px auto 120px auto;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.courses_row img + img {
		margin-top: 20px;
	}
	.contact_banner {
		width: 100%;
		height: 251px;
		background-image: url('../images/photos/plac panorama 2.jpg');
    		background-size: cover;
    		background-position: center 80%;
		position: relative;
	}
	.contact_banner .title {
		position: absolute;
		top: 70%;
		left: 50%;
		transform: translate(-50%,-70%);
		width: 38.808333333333337%;
		height: 69.5px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		background-color: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		font-family: 'Bree Serif', serif;
		font-size: 25px;
	}
	.contact_info {
		display: flex;
		margin: 78px auto 97px auto;
		flex-direction: column;
		align-items: center;
	}
	.contact_info span.title {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 34px;
		text-align: center;
	}
	.contact_info p {
		color: #1E1601;
		font-weight: 300;
		line-height: 1.5;
		margin-top: 36px;
		text-align: center;
	}
	.contact_whiteinfo {
		background-color: #FFFFFF;
		display: flex;
		margin: 0 auto 0 auto;
		flex-direction: column;
		align-items: center;
		padding: 50px 0 56px 0;
	}
	.contact_whiteinfo .text {
		display: inline-flex;
		flex-direction: column;
		width: 87.39583333333333%;
	}
	.contact_whiteinfo .text span.title {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 24px;
		margin-top: 30px;
	}
	.contact_whiteinfo .text p {
		color: #1E1601;
		font-weight: 300;
		line-height: 1.5;
		margin-top: 11px;
	}
	.contact_title {
		display: block;
		margin: 75px auto 0 auto;
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 34px;
		text-align: center;
	}
	.findus.contact,
	.map.contact {
		height: 291px;
	}
	.findus.contact:after {
		border-width: 0;
	}
	.findus.contact span.title {
		padding-right: 21%;
	}
	.downloads_banner {
		width: 100%;
		height: 251px;
		background-image: url('../images/photos/srnci-4167.jpg');
    		background-size: cover;
    		background-position: center center;
		position: relative;
	}
	.downloads_banner .title {
		position: absolute;
		top: 60%;
		left: 50%;
		transform: translate(-50%,-60%);
		width: 38.808333333333337%;
		height: 69.5px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		background-color: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		font-family: 'Bree Serif', serif;
		font-size: 25px;
	}
	.downloads_title {
		display: block;
		margin: 77px auto 0 auto;
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 34px;
		text-align: center;
		text-transform: uppercase;
	}
	.downloads_info {
		width: 80%;
		max-width: 80%;
		margin: 110px auto 0 auto;
		background-color: #FFFFFF;
		padding: calc(5% - 35px) 5% 3% 5%;
		display: flex;
		flex-direction: column;
		color: #1E1601;
		position: relative;
	}
	.downloads_info:before {
		content: '';
		position: absolute;
		top: -73.5px;
		width: 127px;
		height: 127px;
		left: 50%;
		border-radius: 100%;
		transform: translateX(-50%);
		background-color: #FFFFFF;
		background-image: url('../images/kniha.svg');
		background-size: 43.87px 70.92px;
		background-position: center center;
		background-repeat: no-repeat;
	}
	.downloads_info.centered  {
		text-align: center;
		align-items: center;
	}
	.downloads_info .title {
		padding-top: 35px;
		font-family: 'Bree Serif', serif;
		font-size: 24px;
		z-index: 1;
	}
	.downloads_info p {
		padding-top: 5px;
	}
	.downloads_info p a {
		color: #1E1601;
		text-decoration: underline;
		font-weight: 500;
	}
	.downloads_info .button {
		font-size: 13px;
		height: 36px;
		width: 261px;
		margin-top: 25px;
		color: #594500;
		border-color: #594500;
	}
	.downloads_info .button.download {
		background-image: url('../images/stahnout.svg');
		background-size: 12.94px 19px;
		background-position: 10% center;
		background-repeat: no-repeat;
	}
	.downloads_info .button.download:hover {
		background-image: url('../images/stahnout_white.svg');
	}
	.downloads_info + .footer {
		margin-top: 109px;
	}
	.calendar_banner {
		width: 100%;
		height: 351px;
		position: relative;
	}
	.calendar_banner .title {
		position: absolute;
		top: 60%;
		left: 50%;
		transform: translate(-50%,-60%);
		width: 56.808333333333337%;
		height: 69.5px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		background-color: rgba(255, 255, 255, 0.5);
		color: #3116D6;
		font-family: 'Bree Serif', serif;
		font-size: 25px;
	}
	.calendar {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.calendar iframe {
		border: 5px solid #F7CD00;
		width: 100vw;
		height: 169.333vw;
	}
	.calendar iframe:first-of-type {
		display: none;
	}
}

/******************************************************
*******************TABLETOVA VERZE*********************
******************************************************/

@media only screen and (min-width: 768px) and (max-width: 1365px) {
	* {
		-webkit-tap-highlight-color: transparent;
		-webkit-touch-callout: none;
		max-width: 100vw;
	}
	html {
		width: 100%;
		max-width: 100vw;
	}
	body {
		font-family: 'Ubuntu', sans-serif;
		background-color: #ECE9E0;
		width: 100vw;
		height: 100%;
		max-width: 100vw;
		overflow-x: hidden;
		overflow-y: auto;
	}
	nav.menu {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 95px;
		display: block;
		background-color: rgba(30, 20, 1, 0.5);
		z-index: 10;
		transition: height 0.5s ease-out;
	}
	nav.menu > ul {
		display: flex;
		width: 100%;
		height: 100%;
		justify-content: flex-end;
		align-items: center;
	}
	nav.menu:not(.active) > ul > li:not(.toggle):not(.logo) {
		display: none;
	}
	nav.menu > ul > li.logo {
		margin-right: auto;
		margin-left: 36px;
		width: 110.77px;
		height: 170px;
		background-color: #F7CD00; 
		position: relative;
	}
	nav.menu > ul > li.logo:after {
		content: '';
		width: 0;
		height: 0;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		border-style: solid;
		border-width: 25px 55.385px 0 55.385px;
		border-color: #F7CD00 transparent transparent transparent;
		filter: drop-shadow(0px 2px 4px rgba(0,0,0,0.5));
		z-index: -1;
	}
	nav.menu > ul > li.logo img {
		width: 85px;
		height: 105px;
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translate(-50%,-100%);
	}
	nav.menu > ul > li:not(.toggle) {
		text-transform: uppercase;
		font-size: 18px;
		font-weight: bold;
	}
	nav.menu > ul > li:not(.toggle) li {
		text-transform: none;
	}
	nav.menu > ul > li.toggle a {
		display: inline-block;
		width: 26.65px;
		height: 22.21px;
		margin-right: 34px;
		background-image: url('../images/menu_yellow.svg');
		background-size: 100% 100%;
		background-position: center center;
		cursor: pointer;
	}
	nav.menu > ul > li.arrow a {
		display: inline-block;
		width: 26.61px;
		height: 15.5px;
		background-image: url('../images/sipka.svg');
		background-size: 100% 100%;
		background-position: center center;
		transform: rotate(180deg);
		cursor: pointer;
	}
	nav.menu.active {
		background-color: #F7CD00 !important;
		height: auto;
	}
	nav.menu.active > ul > li:nth-child(2) {
		margin-top: 15px;
	}
	nav.menu.active > ul > li.toggle a {
		background-image: url('../images/menu_black.svg');
	}
	nav.menu.active > ul > li.logo {
		display: none;
	}
	nav.menu.active > ul {
		flex-direction: column;
	}
	nav.menu.active > ul li {
		width: 100%;
	}
	nav.menu.active > ul li:not(.toggle) a {
		text-decoration: none;
		padding: 10px 40px;
		display: inline-block;
		color: #000000;
		position: relative;
		width: 100%;
	}
	nav.menu.active > ul li:not(.toggle) a:hover,
	nav.menu.active > ul li:not(.toggle) a:active,
	nav.menu.active > ul li.active:not(.toggle) > a {
		color: #FFFFFF;
		background-color: #1E1601;
	}
	nav.menu.active > ul li:not(.toggle) a + ul > li a:before {
		content: '-';
		padding-left: 15px;
		padding-right: 10px;
	}
	nav.menu.active > ul > li.toggle {
		order: 0;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		margin-top: 35px;
	}
	nav.menu.active > ul > li:not(.toggle) {
		order: 1;
	}
	nav.menu.active > ul > li.arrow {
		order: 2;
		display: flex;
		justify-content: center;
		padding-bottom: 10px;
	}
	.banner {
		max-width: 100%;
		width: 100%;
		height: 549px;
		background-size: cover;
		background-position: 55% center;
		position: relative;
		z-index: 1;
	}
	.banner .text {
		position: absolute;
		bottom: 94px;
		left: 43px;
		color: rgba(255, 255, 255, 0.80);
		font-size: 11px;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.39);
		line-height: 2;
	}
	.banner .text span.title {
		font-weight: bold;
	}
	.banner.active {
		display: block !important;
		opacity: 1 !important;
	}
	.banner:not(.active) {
		display: none !important;
		opacity: 0 !important;
	}
	.infoblock {
		background: #FFFFFF;
		box-shadow: 0px 3px 6px rgba(0,0,0,0.016);
		width: 84%;
		margin: -50px auto 0 auto;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		padding-bottom: 30px;
		position: relative;
		z-index: 2;
	}
	.infoblock .info {
		display: flex;
		flex: 1 1 calc(50% - 50px);
		width: calc(50% - 50px);
		max-width: calc(50% - 50px);
		flex-direction: row;
		padding: 30px 0 0 50px;
	}
	.infoblock .info .date {
		font-size: 18px;
		font-weight: bold;
		color: #594500;
		line-height: 1.3;
	}
	.infoblock .info .text {
		color: #594500;
		font-weight: 300;
		line-height: 1.5;
		padding-left: 10px;
	}
	.infoblock .info .text .title {
		display: block;
		font-weight: 400;
		text-transform: uppercase;
	}
	.infoblock .slides {
		display: none;
	}
	.courses {
		margin-top: 30px;
		display: flex;
		flex-direction: row;
		margin-bottom: 30px;
		padding: 0 10px;
	}
	.courses .course {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;
		flex-wrap: wrap;
		padding: 20px 10px;
		transition: all 0.5s;
		border-radius: 0.625rem;
		width: 33%;
	}
	.courses .course:hover {
		background: rgba(0, 0, 0, 0.06);
	}
	.courses .course:hover .button {
		background: #594500;
		color: #FFFFFF;
	}
	.courses .course .image {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: auto;
	}
	.courses .course .image img {
		width: 59.44px;
		height: 76.05px;
	}
	.courses .course .image .title {
		font-family: 'Bree Serif', serif;
		font-size: 26px;
		font-weight: 500;
		color: #594500;
		text-transform: uppercase;
	}
	.courses .course .text {
		display: flex;
		font-size: 14px;
		justify-content: center;
		line-height: 1.5;
		color: #594500;
		text-align: left;
		padding-top: 15px;
		width: 70%;
	}
	.courses .course .button {
		margin-top: 15px;
		border-color: #594500;
		color: #594500;
		width: 122px;
		height: 36px;
		font-size: 14px;
	}
	.howitlooks {
		width: 100%;
		height: 353px;
		background-image: url('../images/photos/plac_panorama.jpg');
		background-size: cover;
		background-position: center center;
		position: relative;
		transition: height 0.3s ease-out;
	}
	.howitlooks * {
		z-index: 2;
	}
	.howitlooks:after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		background-color: transparent;
		z-index: 1;
	}
	.howitlooks video {
		width: 100%;
		height: 100%;
		object-fit: cover;
		z-index: 0;
		position: relative;
		opacity: 0;
	}
	.howitlooks .info:nth-child(1) {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: 64.921875%;
		height: 49.5px;
		background: rgba(0, 0, 0, 0.5);
		font-family: 'Bree Serif', serif;
		font-size: 40px;
		text-transform: uppercase;
		color: #FFFFFF;
		padding: 10px;
		position: absolute;
		top: 50%;
		left: 30%;
		transform: translate(-30%,-50%);
	}
	.howitlooks .info:nth-child(1) br {
		display: none;
	}
	.howitlooks .info:nth-child(2) {
		display: none;
		justify-content: flex-start;
		align-items: center;
		width: 64.921875%;
		background: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		padding: 10px;
		position: absolute;
		top: 45%;
		left: 30%;
		transform: translate(-30%,-45%);
	}
	.howitlooks .info:nth-child(3) {
		display: none;
		justify-content: flex-start;
		align-items: center;
		width: 64.921875%;
		background: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		padding: 10px;
		position: absolute;
		top: 52%;
		left: 30%;
		transform: translate(-30%,-52%);
	}
	.howitlooks .info:nth-child(4) {
		display: none;
		justify-content: flex-start;
		align-items: center;
		width: 64.921875%;
		background: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		padding: 10px;
		position: absolute;
		top: 60%;
		left: 30%;
		transform: translate(-30%,-60%);
	}
	.howitlooks .button:not(.square),
	.howitlooks .button.arrow {
		display: none;
	}
	.howitlooks .button.square {
		position: absolute;
		width: 69.5px;
		height: 69.5px;
		background: rgba(0, 0, 0, 0.5);
		top: 50%;
		left: 87%;
		transform: translate(-87%,-50%);
	}
	.howitlooks .button.square:not(.arrow):after {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 34.75px 0 34.75px 15px;
		border-color: transparent transparent transparent rgba(0, 0, 0, 0.5);
		position: absolute;
		top: 0;
		left: 100%;
	}
	.howitlooks .button.arrow {
		position: absolute;
		top: 100%;
		left: 50%;
		height: 59.58px;
		transform: translate(-50%,-100%) scale(-1);
	}
	.howitlooks.active {
		height: 893px;
	}
	.howitlooks.active video {
		opacity: 1;
	}
	.howitlooks.active .button.square {
		display: none;
	}
	.howitlooks.active .info:nth-child(1) {
		top: 35%;
		transform: translate(-30%, -35%);
	}
	.howitlooks.active .info:nth-child(2),
	.howitlooks.active .info:nth-child(3),
	.howitlooks.active .info:nth-child(4) {
		display: flex;
	}
	.howitlooks.active .button:not(.square) {
		display: flex;
		position: absolute;
		top: 72%;
		left: 14.5%;
		transform: translate(-14.5%,-72%);
		width: 246.38px;
	}
	.howitlooks.active .button.arrow {
		display: flex;
	}
	.howitlooks.active .button.arrow img {
		width: 100%;
	}
	.findus {
		width: 39.0625%;
		height: 322.32px;
		background: #F7CD00;
		display: flex;
		flex-direction: column;
		align-items: center;
	 	justify-content: center;
		position: absolute;
		left: 0;
		z-index: 2;
		top: calc(100% + 320);
	}
	.findus:after {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 161px 0 161px 35.54px;
		border-color: transparent transparent transparent #F7CD00;
		position: absolute;
		top: 0;
		left: 100%;
		z-index: 2;
	}
	.findus .title {
		text-transform: uppercase;
		font-size: 20px;
		font-weight: bold;
		text-align: left;
		line-height: 3;
	}
	.findus p {
		font-weight: 300;
		text-align: left;
		margin-right: 1rem;
		line-height: 2;
	}
	.map {
		width: 60.9375%;
		height: 322px;
		background-image: url('../images/mapa.png');
		background-size: cover;
		background-position: 38% center;
		position: relative;
		z-index: 1;
		margin-left: 39.0625%;
	}
	.footer {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		background: #1E1601;
		color: #A59F8D;
		position: relative;
		height: 402px;
	}
	.footer .left > img {
		width: 65px;
		height: 93.66px;
		position: absolute;
		top: 73px;
		left: 8.723958333333332%;
	}
	.footer .left {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		width: 65%;
	}
	.footer .left > p {
		width: 263px;
		text-align: left;
		position: absolute;
		top: 81px;
		left: 21.875%;
	}
	.footer .left .addresssocial .address p {
		width: 184px;
		text-align: left;
		position: absolute;
		top: 133px;
		left: 21.875%;
	}
	.footer .left .addresssocial .social {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 131px;
		right: 83px;
	}
	.footer .left .addresssocial .social img {
		width: 48.1px;
		height: 48.1px;
	}
	.footer .left .addresssocial .social p {
		width: 100px;
		margin-left: 5px;
	}
	.footer .right .authors {
		display: flex;
		position: absolute;
		left: 67px;
		top: 297px;
	}
	.footer .right .authors span.name {
		padding-right: 30px;
	}
	.footer .right .authors span.name:before {
		content: ':';
		padding-right: 5px;
	}
	.footer .right .copy {
		position: absolute;
		right: 83px;
		top: 295px;
	}
	.about_banner {
		width: 100%;
		height: 351px;
		background-image: url('../images/photos/plac_panorama.jpg');
    		background-size: cover;
    		background-position: center center;
		position: relative;
	}
	.about_banner .title {
		position: absolute;
		top: 60%;
		left: 50%;
		transform: translate(-50%,-60%);
		width: 38.808333333333337%;
		height: 69.5px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		background-color: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		font-family: 'Bree Serif', serif;
		font-size: 25px;
	}
	.about_info {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: auto;
		padding: 80px 0;
		color: #1E1601;
		text-align: justify;
	}
	.about_info .left {
		width: 50%;
	}
	.about_info .right {
		width: 50%;
		padding: 30px 0;
	}
	.about_pays {
		color: #1E1601;
		text-align: center;
		margin: auto;
		padding-bottom: 60px;
		font-size: 18px;
		font-weight: 300;
	}
	.about_pays span.title {
		font-size: 20px;
		font-weight: 500;
	}
	.about_member {
		display: flex;
		flex-direction: column;
		background-color: #DEDBD3;
		color: #1E1601;
		justify-content: center;
		align-items: center;
		font-size: 13px;
		font-weight: 500;
		text-decoration: underline;
		margin: auto;
		height: 105px;
	}
	.about_member img {
		position: absolute;
		margin-top: 20px;
		width: 39.9px;
		height: 31.59px;
	}
	.about_map {
		width: 100%;
		height: 423px;
		background-image: url('../images/photos/pohledshora3spopisy.jpg');
    		background-size: cover;
    		background-position: center center;
	}
	.about_newmember {
		width: 100%;
		background-color: #1E1601;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 50px 0;
	}
	.about_newmember .member {
		width: 84px;
		height: 86.22px;
		filter: invert(100%);
	}
	.about_newmember .bigtitle {
		font-family: 'Bree Serif', serif;
		font-size: 30px;
		color: #FFFFFF;
		margin-top: 30px;
	}
	.about_newmember .info {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: auto;
		padding: 80px 20px;
		color: #FFFFFF;
		font-weight: 300;
		line-height: 1.3;
	}
	.about_newmember .info .left {
		width: 50%;
	}
	.about_newmember .info .right {
		padding: 20px 0;
		width: 50%;
	}
	.about_newmember .info a {
		color: #F7CD00;
	}
	.about_newmember .info b {
		font-weight: bold;
	}
	.about_newmember .title {
		font-family: 'Bree Serif', serif;
		font-size: 24px;
		color: #FFFFFF;
		margin-top: 30px;
	}
	.about_newmember ul {
		margin-top: 30px;
		margin-left: 1.0416666666666665%;
	}
	.about_newmember ul li {
		color: #FFFFFF;
		font-size: 18px;
		font-weight: 300;
		line-height: 2;
	}
	.about_newmember ul li:before {
		content: '●';
		padding-right: 20px;
	}
	.about_newmember form {
		width: 100%;
		background-color: #C2BFB6;
		margin: 100px auto;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}
	.about_newmember form .title {
		color: #1E1601;
		margin-top: 60px;
		margin-bottom: 40px;
		flex: 0 0 100%;
		width: 100%;
		text-align: center;
	}
	.about_newmember form .input_control {
		width: 50%;
		flex: 0 0 50%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding-bottom: 20px;
	}
	.about_newmember form .input_control label {
		width: 410px;
		padding-bottom: 20px;
	}
	.about_newmember form > .checkbox {
		display: flex;
		flex-direction: row;
		flex: 0 0 70%;
		width: 70%;
		justify-content: center;
		align-items: center;
		margin-bottom: 50px;
	}
	.about_newmember form > .checkbox label {
		padding-left: 20px;
		font-size: 16px;
	}
	.about_newmember form .recaptcha {
		width: 100%;
		flex: 0 0 100%;		
		text-align: center;
	}
	.about_newmember form .recaptcha img {
		width: 382px;
		height: 102px;
	}
	.about_newmember button {
		margin-top: 60px;
		margin-bottom: 60px;
		width: 291.28px;
		height: 51.89px;
	}
	.about_history {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: #FFFFFF;
	}
	.about_history span.title {
		font-family: 'Bree Serif', serif;
		font-size: 24px;
		color: #1E1601;
		margin: 60px 0;
	}
	.about_history .timeline {
		display: flex;
		flex-direction: column;
		width: 100%;
		margin-bottom: 60px;
		position: relative;
	}
	.about_history .timeline .item {
		display: flex;
		flex-direction: row;
		position: relative;
	}
	.about_history .timeline .item + .item:not(.secondary) {
		margin-top: 40px;
	}
	.about_history .timeline .item:not(.secondary) + .item.secondary {
		margin-top: 20px;
	}
	.about_history .timeline .item.secondary {
		padding-top: 40px;
		background-color: #ECE9E0;
	}
	.about_history .timeline .item .year {
		font-family: 'Bree Serif', serif;
		font-size: 26px;
		color: #594500;
		margin-left: 20px;
		margin-top: -10px;
	}
	.about_history .timeline .item .content {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		padding-left: 60px;
		padding-right: 60px;
	}
	.about_history .timeline .item .content.onlytext .text {
		font-weight: 300;
		line-height: 1.2;
		color: #1E1601;
		flex: 0 0 100%;
		width: 100%;
	}
	.about_history .timeline .item .content .text.firstbig:first-letter {
		font-family: 'Bree Serif', serif;
		color: #594500;
    		float: left;
    		line-height: 30px;
    		font-size: 38px;
    		margin-right: 4px;
    		margin-left: 0px;
    		margin-top: -2px;
	}
	.about_history .timeline .item .content.leftimage-half img,
	.about_history .timeline .item .content.rightimage-half img {
		flex: 0 1 50%;
		max-width: 50%;
	}
	.about_history .timeline .item .content.text-half .text {
		font-weight: 300;
		line-height: 1.2;
		color: #1E1601;
		flex: 0 0 50%;
		max-width: calc(50% - 20px);
	}
	.about_history .timeline .item .content.leftimage-half .text {
		padding-left: 20px;
	}
	.about_history .timeline .item .content.rightimage-half .text {
		padding-right: 20px;
	}
	.about_history .timeline .item .content .text.with.images {
		display: flex;
		flex-direction: column;
	}
	.about_history .timeline .item .content .text.with.images div {
		display: flex;
		justify-content: flex-start;
		padding-top: 10px;
	}
	.about_history .timeline .item .content .text.with.images div img {
		flex: 1 1 auto;
	}
	.about_history .timeline .item .content.rightbottomimage-half {
		align-items: flex-end;
		padding-bottom: 20px;
	}
	.about_history .timeline .item .content.rightbottomimage-half img {
		flex: 0 0 50%;
		padding-left: 20px;
		max-width: calc(50% - 20px);
	}
	.about_history .timeline .item img.float {
		display: none;
	}
	.about_history .timeline .item img.floatl {
		display: none;
	}
	.about_history .timeline .item .content.row3 {
		display: flex;
		flex-direction: row;
	}
	.about_history .timeline .item .content.row3 .text {
		flex: 0 0 25%;
		font-weight: 300;
		line-height: 1.2;
		color: #1E1601;
	}
	.about_history .timeline .item .content.row3 .text + .img {
		flex: 0 0 25%;
		text-align: right;
		font-size: 14px;
		line-height: 1.2;
		font-weight: 400;
		color: #594500;
	}
	.about_history .timeline .item .content.row3 .text + .img + .img {
		flex: 0 0 40%;
		text-align: right;
		font-size: 14px;
		line-height: 1.2;
		font-weight: 400;
		color: #594500;
	}
	.about_history .timeline .item .content.row3 .text + .img + .img img {
		width: 100%;
	}
	.about_history .timeline .item .content .text.newline {
		padding-top: 20px;
		width: 100%;
		flex: 0 0 100%;
	}
	.about_history .timeline .item .content.with.row .text:first-child {
		padding-right: 20px;
	}
	.about_history .timeline .item .content.with.row .text + .text > img {
		width: 100%;
	}
	.about_history .timeline .item .content .row2 {
		display: flex;
		flex-direction: row;
		width: 100%;
	}
	.about_history .timeline .item .content .row2 .img {
		flex: 0 0 50%;
		text-align: right;
		font-size: 14px;
		line-height: 1.2;
		font-weight: 400;
		color: #594500;
		max-width: 50%;
	}
	.about_history .timeline .item .content .row2 .img + .img {
		flex: 0 0 50%;
		text-align: right;
		font-size: 14px;
		line-height: 1.2;
		font-weight: 400;
		color: #594500;
		max-width: 50%;
	}
	.about_history .timeline .item .content .row2 .img img,
	.about_history .timeline .item .content .row2 .img + .img img {
		width: 100%;
	}
	.about_history .timeline .item .content.text-big {
		padding-bottom: 60px;
	}
	.about_history .timeline .item .content.text-big .text {
		font-weight: 300;
		line-height: 1.2;
		color: #1E1601;
		flex: 0 0 80%;
		max-width: calc(80% - 20px);
		padding-right: 20px;
	}
	.about_history .timeline .item .content.image-small .image {
		line-height: 1.2;
		font-weight: 400;
		color: #594500;
		flex: 0 0 20%;
		max-width: 20%;
		text-align: right;
	}
	.about_history .timeline .item .content.image-small .image img {
		width: 100%;
	}
	.about_history .timeline .item .content.images-half .images {
		flex: 50%;
		width: 50%;
		display: flex;
		flex-direction: column;
		text-align: right;
	}
	.about_history .timeline .item .content.images-half .images span {
		font-size: 14px;
		line-height: 1.2;
		font-weight: 400;
		color: #594500;
		padding-top: 5px;
		padding-bottom: 20px;
	}
	.about_history .timeline .item .content.images-half .images + .text {
		padding-left: 20px;
	}
	.about_history .timeline .item .content .text span.italic {
		font-style: italic;
	}
	.about_history .timeline .item .content .row2.actual .img + .img {
		padding-left: 10px;
	}
	.about_history .timeline .item .content .row2.actual img {
		height: 290px;
		padding-top: 20px;
		padding-bottom: 10px;
	}
	.about_history .timeline .item .content .shield {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.about_history .timeline .item .content .shield img {
		width: 270px;
	}
	.about_history .timeline .item .content .shield span {
		font-size: 14px;
		line-height: 1.2;
		font-weight: 400;
		color: #594500;
		padding-top: 10px;
		width: 270px;
		display: inline-block;
		text-align: right;
	}
	.rules_banner {
		width: 100%;
		max-width: 100%;
		height: 351px;
		position: relative;
	}
	.rules_banner .title {
		position: absolute;
		top: 60%;
		left: 50%;
		transform: translate(-50%,-60%);
		width: 58.808333333333337%;
		height: 69.5px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		background-color: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		font-family: 'Bree Serif', serif;
		font-size: 35px;
	}
	.rules_info {
		width: 90%;
		max-width: 90%;
		margin: 180px auto 0 auto;
		background-color: #C2BFB6;
		box-shadow: 0 0 12px rgba(0,0,0,0.52);
		padding: 5%;
		display: flex;
		flex-direction: column;
		color: #1E1601;
		position: relative;
	}
	.rules_info:before {
		content: '';
		position: absolute;
		top: -63.5px;
		width: 127px;
		height: 127px;
		left: 50%;
		border-radius: 100%;
		transform: translateX(-50%);
		background-color: #C2BFB6;
		background-image: url('../images/rad.svg');
		background-size: 43.87px 70.92px;
		background-position: center center;
		background-repeat: no-repeat;
	}
	.rules_info .bigtitle {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 25px;
		margin: auto;
		padding-top: 60px;
	}
	.rules_info .title {
		padding-top: 60px;
		font-family: 'Bree Serif', serif;
		font-size: 19px;
		padding-bottom: 5px;
	}
	.rules_info ul {
		margin-top: 30px;
		margin-left: 1.0416666666666665%;
	}
	.rules_info ul li {
		font-size: 16px;
		font-weight: 300;
		line-height: 1.5;
	}
	.rules_info ul li:before {
		content: '●';
		color: #594500;
		padding-right: 10px;
	}
	.rules_darkinfo {
		width: 90%;
		max-width: 90%;
		background-color: #1E1601;
		box-shadow: 0 0 12px rgba(0,0,0,0.52);
		padding: 5% 5%;
		display: flex;
		flex-direction: column;
		color: #FFFFFF;
		margin-bottom: 100px;
		font-weight: 300;
		font-style: italic;
	}
	.members_banner {
		width: 100%;
		height: 351px;
		background-image: url('../images/photos/instruktori_bigbanner.jpg');
    		background-size: cover;
    		background-position: center top;
		position: relative;
	}
	.members_banner .title {
		position: absolute;
		top: 60%;
		left: 50%;
		transform: translate(-50%,-60%);
		width: 58.808333333333337%;
		height: 69.5px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		background-color: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		font-family: 'Bree Serif', serif;
		font-size: 35px;
	}
	.members_list {
		width: 70%;
		margin: 40px auto 70px auto;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.members_list .member {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 10px 0;
		margin: 2px;
		flex: 0 0 calc(50% - 4px);
		width: calc(50% - 4px);
		background: #FFFFFF;
		transition: background 0.5s;
	}
	.members_list .member:hover {
		background: #F7CD00;
	}
	.members_list .member img {
		width: 211px;
		height: 211px;
		border-radius: 100%;
		object-fit: cover;
	}
	.members_list .member span.name {
		color: #594500;
		font-family: 'Bree Serif', serif;
		font-size: 26px;
		margin-top: 30px;
	}
	.members_list .member span.description {
		color: #594500;
		margin-top: 30px;
	}
	.members_list .member button {
		width: 142.85px;
		height: 36px;
		margin-top: 30px;
		font-size: 13px;
	}
	.member_banner {
		width: 100%;
		height: 351px;
		background-image: url('../images/photos/klara h Boxeri_fb-36.jpg');
    		background-size: cover;
    		background-position: center 10%;
		position: relative;
	}
	.member_banner .title {
		position: absolute;
		top: 60%;
		left: 50%;
		transform: translate(-50%,-60%);
		width: 58.808333333333337%;
		height: 69.5px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		background-color: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		font-family: 'Bree Serif', serif;
		font-size: 35px;
	}
	.member_info {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 82.916666666666664%;
		max-width: 82.916666666666664%;
		margin: 80px auto 80px auto;
	}
	.member_info a.link {
		margin-right: auto;
	}
	.member_info span.name {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 34px;
		margin-top: 30px;
	}
	.member_info span.line {
		margin-top: 20px;
		width: 80px;
		height: 1px;
		background-color: #1E1601;
		opacity: 0.2;
	}
	.member_info span.description {
		color: #1E1601;
		margin-top: 30px;
	}
	.member_info > img {
		width: 100%;
		margin-top: 30px;
	}
	.member_info p {
		max-width: calc(100% - 80px);
		width: calc(100% - 80px);
		background: #FFFFFF;
		padding: 40px;
		font-weight: 300;
		line-height: 1.5;
		text-align: justify;
	}
	.member_info .row {
		max-width: calc(100% - 80px);
		width: calc(100% - 80px);
		background: #FFFFFF;
		padding: 40px;
		display: flex;
		flex-direction: row;
	}
	.member_info .row img {
		flex: 0 0 calc(50% - 2px);
		width: calc(50% - 2px);
		margin-right: 2px;
	}
	.member_info .row img + img {
		flex: 0 0 calc(50% - 2px);
		width: calc(50% - 2px);
		margin-left: 2px;
	}
	.courses_banner {
		width: 100%;
		height: 351px;
		background-image: url('../images/photos/12194867_10153762527459577_477607121703797116_o.jpg');
    		background-size: cover;
    		background-position: center 55%;
		position: relative;
	}
	.courses_banner .title {
		position: absolute;
		top: 60%;
		left: 50%;
		transform: translate(-50%,-60%);
		width: 38.808333333333337%;
		height: 69.5px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		background-color: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		font-family: 'Bree Serif', serif;
		font-size: 35px;
	}
	.courses_info {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin: auto;
		padding: 80px 0;
		color: #1E1601;
	}
	.courses_info > img {
		width: 68.16px;
		height: 64.68px;
	}
	.courses_info h1.bigtitle {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 34px;
		margin-top: 30px;
	}
	.courses_info .panels {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: auto;
		padding: 80px 0;
		color: #1E1601;
		max-width: 92.916666666666664%;
		line-height: 1.5;
		font-weight: 300;
	}
	.courses_info .panels .left {
		width: calc(80% - 60px);
		padding: 0 30px;
	}
	.courses_info .panels .right {
		width: calc(80% - 60px);
		padding: 0 30px;
	}
	.courses_info .title {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 24px;
		margin-top: 30px;
	}
	.courses_placepay {
		background-color: #1E1601;
		padding: 40px 20px;
		width: calc(100% - 40px);
		display: flex;
		justify-content: center;
	}
	.courses_placepay ul {
		max-width: 100%;
	}
	.courses_placepay ul li {
		color: #FFFFFF;
		font-size: 14px;
		font-weight: 300;
		line-height: 2;
	}
	.courses_placepay ul li:before {
		content: '●';
		padding-right: 20px;
	}
	.courses_whiteblock {
		background-color: #FFFFFF;
		max-width: calc(72.916666666666664% - 120px);
		padding: 30px 60px;
		display: flex;
		flex-direction: column;
		margin: 100px auto 0 auto;
	}
	.courses_whiteblock.margin-bottom {
		margin: 100px auto 100px auto;
	}
	.courses_whiteblock + .courses_whiteblock {
		margin: 10px auto;
	}
	.courses_whiteblock .title {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 24px;
		margin-top: 30px;
	}
	.courses_whiteblock p {
		margin-top: 30px;
		line-height: 1.5;
		font-weight: 300;
	}
	.courses_whiteblock .button {
		margin-top: 60px;
		font-size: 14px;
	}
	.courses_whiteinfo {
		background-color: #FFFFFF;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin: 90px auto 0 auto;
		padding: 80px 0;
		color: #1E1601;
	}
	.courses_whiteinfo > img {
		width: 68.16px;
		height: 64.68px;
	}
	.courses_whiteinfo h1.bigtitle {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 34px;
		margin-top: 30px;
	}
	.courses_whiteinfo .panels {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: auto;
		padding: 80px 0;
		color: #1E1601;
		max-width: 92.916666666666664%;
		line-height: 1.5;
		font-weight: 300;
	}
	.courses_whiteinfo .panels .left {
		width: calc(80% - 60px);
		padding: 0 30px;
	}
	.courses_whiteinfo .panels .right {
		width: calc(80% - 60px);
		padding: 0 30px;
	}
	.courses_whiteinfo .title {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 24px;
		margin-top: 30px;
	}
	.coursesbg > .title {
		display: block;
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 24px;
		text-align: center;
		padding: 120px 0 0 0;
	}
	.courses_grayblock {
		background-color: #ECE9E0;
		max-width: calc(72.916666666666664% - 120px);
		padding: 30px 60px;
		display: flex;
		flex-direction: column;
		margin: 50px auto 0 auto;
	}
	.courses_grayblock + .courses_grayblock {
		margin: 10px auto 100px auto;
	}
	.courses_grayblock span.title {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 24px;
		margin-top: 30px;
	}
	.courses_grayblock p {
		margin-top: 30px;
		line-height: 2;
		font-weight: 300;
	}
	.courses_row {
		margin: 60px auto 120px auto;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.courses_row img + img {
		margin-top: 20px;
	}
	.contact_banner {
		width: 100%;
		height: 351px;
		background-image: url('../images/photos/plac panorama 2.jpg');
    		background-size: cover;
    		background-position: center 80%;
		position: relative;
	}
	.contact_banner .title {
		position: absolute;
		top: 60%;
		left: 50%;
		transform: translate(-50%,-60%);
		width: 28.808333333333337%;
		height: 69.5px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		background-color: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		font-family: 'Bree Serif', serif;
		font-size: 35px;
	}
	.contact_info {
		display: flex;
		margin: 78px auto 97px auto;
		flex-direction: column;
		align-items: center;
	}
	.contact_info span.title {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 34px;
		text-align: center;
	}
	.contact_info p {
		color: #1E1601;
		font-weight: 300;
		line-height: 1.5;
		margin-top: 36px;
		text-align: center;
	}
	.contact_whiteinfo {
		background-color: #FFFFFF;
		display: flex;
		margin: 0 auto 0 auto;
		flex-direction: column;
		align-items: center;
		padding: 50px 0 56px 0;
	}
	.contact_whiteinfo .text {
		display: inline-flex;
		flex-direction: column;
		width: 67.39583333333333%;
	}
	.contact_whiteinfo .text span.title {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 24px;
		margin-top: 30px;
	}
	.contact_whiteinfo .text p {
		color: #1E1601;
		font-weight: 300;
		line-height: 1.5;
		margin-top: 11px;
	}
	.contact_title {
		display: block;
		margin: 75px auto 0 auto;
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 34px;
		text-align: center;
	}
	.findus.contact,
	.map.contact {
		height: 391px;
	}
	.findus.contact:after {
		border-width: 195.5px 0 195.5px 35.54px;
	}
	.findus.contact span.title {
		padding-right: 33%;
	}
	.downloads_banner {
		width: 100%;
		height: 351px;
		background-image: url('../images/photos/srnci-4167.jpg');
    		background-size: cover;
    		background-position: center center;
		position: relative;
	}
	.downloads_banner .title {
		position: absolute;
		top: 60%;
		left: 50%;
		transform: translate(-50%,-60%);
		width: 28.808333333333337%;
		height: 69.5px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		background-color: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		font-family: 'Bree Serif', serif;
		font-size: 35px;
	}
	.downloads_title {
		display: block;
		margin: 77px auto 0 auto;
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 34px;
		text-align: center;
		text-transform: uppercase;
	}
	.downloads_info {
		width: 80%;
		max-width: 80%;
		margin: 100px auto 0 auto;
		background-color: #FFFFFF;
		padding: calc(5% - 35px) 5% 3% 5%;
		display: flex;
		flex-direction: column;
		color: #1E1601;
		position: relative;
	}
	.downloads_info:before {
		content: '';
		position: absolute;
		top: -63.5px;
		width: 127px;
		height: 127px;
		left: 50%;
		border-radius: 100%;
		transform: translateX(-50%);
		background-color: #FFFFFF;
		background-image: url('../images/kniha.svg');
		background-size: 43.87px 70.92px;
		background-position: center center;
		background-repeat: no-repeat;
	}
	.downloads_info.centered  {
		text-align: center;
		align-items: center;
	}
	.downloads_info .title {
		padding-top: 35px;
		font-family: 'Bree Serif', serif;
		font-size: 24px;
		z-index: 1;
	}
	.downloads_info p {
		padding-top: 5px;
	}
	.downloads_info p a {
		color: #1E1601;
		text-decoration: underline;
		font-weight: 500;
	}
	.downloads_info .button {
		font-size: 13px;
		height: 36px;
		width: 261px;
		margin-top: 25px;
		color: #594500;
		border-color: #594500;
	}
	.downloads_info .button.download {
		background-image: url('../images/stahnout.svg');
		background-size: 12.94px 19px;
		background-position: 10% center;
		background-repeat: no-repeat;
	}
	.downloads_info .button.download:hover {
		background-image: url('../images/stahnout_white.svg');
	}
	.downloads_info + .footer {
		margin-top: 159px;
	}
	.calendar_banner {
		width: 100%;
		height: 351px;
		position: relative;
	}
	.calendar_banner .title {
		position: absolute;
		top: 60%;
		left: 50%;
		transform: translate(-50%,-60%);
		width: 28.808333333333337%;
		height: 69.5px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		background-color: rgba(255, 255, 255, 0.5);
		color: #3116D6;
		font-family: 'Bree Serif', serif;
		font-size: 35px;
	}
	.calendar {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-bottom: 295px;
	}
	.calendar iframe {
		border: 5px solid #F7CD00;
		width: 87.760vw;
		height: 73.750vw;
	}
	.calendar iframe:last-of-type {
		display: none;
	}
}

/******************************************************
*********************NOTEBOOKOVA VERZE*****************
******************************************************/

@media only screen and (min-width: 1366px) and (max-width: 1599px) {
	* {
		-webkit-tap-highlight-color: transparent;
		-webkit-touch-callout: none;
		max-width: 100vw;
	}
	html {
		width: 100%;
		max-width: 100vw;
	}
	body {
		font-family: 'Ubuntu', sans-serif;
		background-color: #ECE9E0;
		width: 100vw;
		height: 100%;
		max-width: 100vw;
		overflow-x: hidden;
		overflow-y: auto;
	}
	nav.menu {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 87px;
		display: block;
		border-top: 8px solid #F7CD00;
		background-color: rgba(30, 20, 1, 0.5);
		z-index: 10;
		transition: height 0.5s ease-out;
	}
	nav.menu > ul {
		display: flex;
		width: 100%;
		height: 100%;
		justify-content: flex-start;
		align-items: center;
	}
	nav.menu:not(.active) > ul > li.toggle,
	nav.menu:not(.active) > ul > li.arrow {
		display: none;
	}
	nav.menu > ul > li.logo {
		margin-left: 60px;
		margin-right: 44.63px;
		width: 135.77px;
		height: 190px;
		background-color: #F7CD00; 
		position: relative;
		flex: 0 0 135.77px;
	}
	nav.menu > ul > li.logo:after {
		content: '';
		width: 0;
		height: 0;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		border-style: solid;
		border-width: 25px 67.885px 0 67.885px;
		border-color: #F7CD00 transparent transparent transparent;
		filter: drop-shadow(0px 2px 4px rgba(0,0,0,0.5));
		z-index: -1;
	}
	nav.menu > ul > li.logo img {
		width: 103px;
		height: 123px;
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translate(-50%,-100%);
	}
	nav.menu > ul > li:not(.logo) {
		text-transform: uppercase;
		font-size: 18px;
		font-weight: bold;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		position: relative;
	}
	nav.menu > ul > li:not(.logo) li {
		text-transform: none;
	}
	nav.menu > ul > li.dropdown:hover {
		background: #F7CD00;
	}
	nav.menu > ul > li.dropdown:hover a {
		color: #000000;
		cursor: default;
	}
	nav.menu > ul > li.dropdown ul a:hover {
		cursor: pointer;
	}
	nav.menu > ul > li:not(.dropdown):hover a {
		color: #F7CD00;
	}
	nav.menu > ul > li.dropdown li:hover a {
		color:#594500;
	}
	nav.menu > ul > li:not(.dropdown):active a,
	nav.menu > ul > li.active:not(:hover) a {
		color: #F7CD00 !important;
	}
	nav.menu > ul > li.dropdown.active:not(:hover) a:after {
		background-image: url('../images/arrow_yellow.png');
	}
	nav.menu > ul > li.dropdown > a:after {
		content: '';
		background-image: url('../images/arrow_white.png');
		background-size: 100% 100%;
		background-position: center center;
		padding-left: 31.76px;
		height: 15.83px;
		padding-top: 2.915px;
		padding-bottom: 2.915px;
	}
	nav.menu > ul > li.dropdown:hover > a:after {
		background-image: url('../images/sipka.svg');
	}
	nav.menu > ul > li.dropdown ul {
		width: max-content;
		display: none;
		position: absolute;
		top: calc(100% - 1px);
		padding: 30px 90px 30px 0;
		clip-path: polygon(100% 0, 100% 70%, 82% 100%, 0 100%, 0 0);
	}
	nav.menu > ul > li.dropdown:hover > ul {
		display: flex;
		flex-direction: column;
		background: #F7CD00;
		color: #000000;
	}
	nav.menu > ul li:not(.logo) a {
		text-decoration: none;
		padding: 10px 20px;
		display: inline-block;
		position: relative;
		width: 100%;
		color: #FFFFFF;
		text-decoration: none;
		font-size: 16px;
	}
	nav.menu.active > ul li:not(.toggle) a + ul > li a:before {
		content: '-';
		padding-left: 15px;
		padding-right: 10px;
	}
	nav.menu.active > ul > li.toggle {
		order: 0;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		margin-top: 21px;
	}
	nav.menu.active > ul > li:not(.toggle) {
		order: 1;
	}
	nav.menu.active > ul > li.arrow {
		order: 2;
		display: flex;
		justify-content: center;
		padding-bottom: 10px;
	}
	.bannerplaceholder {
		max-width: 100%;
		width: 100%;
		height: 549px;
		position: relative;
		z-index: 0;
	}
	.banner {
		max-width: 100%;
		width: 100%;
		height: 549px;
		background-size: cover;
		background-position: 55% 25%;
		position: absolute;
		top: 0;
		z-index: 1;
	}
	.banner .text {
		position: absolute;
		bottom: 94px;
		left: 37px;
		color: rgba(255, 255, 255, 0.80);
		font-size: 11px;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.39);
		line-height: 2;
	}
	.banner .text span.title {
		font-weight: bold;
	}
	.infoblock {
		background: #FFFFFF;
		box-shadow: 0px 3px 6px rgba(0,0,0,0.016);
		width: 94.65592972181553%;
		margin: -50px auto 0 auto;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		padding-bottom: 30px;
		position: relative;
		z-index: 2;
	}
	.infoblock:before {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 32px 32px 0 32px;
		border-color: #FFFFFF transparent transparent transparent;
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		filter: drop-shadow(0px 6px 6px rgba(0,0,0,0.16));
		z-index: -1;
	}
	.infoblock:after {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 32px 32px 0 32px;
		border-color: #FFFFFF transparent transparent transparent;
		position: absolute;
		top: calc(100% - 1px);
		left: 50%;
		transform: translateX(-50%);
	}
	.infoblock .info {
		display: flex;
		flex: 1 1 calc(33% - 50px);
		width: calc(33% - 50px);
		max-width: calc(33% - 50px);
		flex-direction: row;
		padding: 30px 0 0 50px;
	}
	.infoblock .info .date {
		font-size: 18px;
		font-weight: bold;
		color: #594500;
		line-height: 1.3;
	}
	.infoblock .info .text {
		color: #594500;
		font-weight: 300;
		line-height: 1.5;
		padding-left: 10px;
	}
	.infoblock .info .text .title {
		display: block;
		font-weight: 400;
		text-transform: uppercase;
	}
	.infoblock .slides {
		display: flex;
		flex-direction: column;
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
	}
	.infoblock .slides .slide {
		width: 13.33px;
		height: 13.33px;
		border-radius: 100%;
		border: 1px solid #C2BFB6;
		margin: 2px 0;
	}
	.infoblock .slides .slide.active {
		background-color: #594500;
	}
	.courses {
		margin-top: 30px;
		display: flex;
		flex-direction: row;
		margin-bottom: 30px;
		padding: 0 10px;
	}
	.courses .course {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;
		flex-wrap: wrap;
		padding: 20px 10px;
		transition: all 0.5s;
		border-radius: 0.625rem;
		width: 33%;
	}
	.courses .course:hover {
		background: rgba(0, 0, 0, 0.06);
	}
	.courses .course:hover .button {
		background: #594500;
		color: #FFFFFF;
	}
	.courses .course .image {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: auto;
	}
	.courses .course .image img {
		width: 59.44px;
		height: 76.05px;
	}
	.courses .course .image .title {
		font-family: 'Bree Serif', serif;
		font-size: 26px;
		font-weight: 500;
		color: #594500;
		text-transform: uppercase;
	}
	.courses .course .text {
		display: flex;
		font-size: 14px;
		justify-content: center;
		line-height: 1.5;
		color: #594500;
		text-align: left;
		padding-top: 15px;
		width: 70%;
	}
	.courses .course .button {
		margin-top: 15px;
		border-color: #594500;
		color: #594500;
		width: 122px;
		height: 36px;
		font-size: 14px;
	}
	.howitlooks {
		width: 100%;
		height: 308px;
		background-image: url('../images/photos/plac_panorama.jpg');
		background-size: cover;
		background-position: center center;
		position: relative;
		transition: height 0.3s ease-out;
	}
	.howitlooks * {
		z-index: 2;
	}
	.howitlooks:after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		background-color: transparent;
		z-index: 1;
	}
	.howitlooks video {
		width: 100%;
		height: 100%;
		object-fit: cover;
		z-index: 0;
		position: relative;
		opacity: 0;
	}
	.howitlooks .info:nth-child(1) {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: 37.920937042459734%;
		height: 49.5px;
		background: rgba(0, 0, 0, 0.5);
		font-family: 'Bree Serif', serif;
		font-size: 40px;
		text-transform: uppercase;
		color: #FFFFFF;
		padding: 10px;
		position: absolute;
		top: 50%;
		left: 30%;
		transform: translate(-30%,-50%);
	}
	.howitlooks .info:nth-child(1) br {
		display: none;
	}
	.howitlooks .info:nth-child(2) {
		display: none;
		justify-content: flex-start;
		align-items: center;
		width: 37.920937042459734%;
		background: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		padding: 10px;
		position: absolute;
		top: 45%;
		left: 30%;
		transform: translate(-30%,-45%);
	}
	.howitlooks .info:nth-child(3) {
		display: none;
		justify-content: flex-start;
		align-items: center;
		width: 37.920937042459734%;
		background: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		padding: 10px;
		position: absolute;
		top: 52%;
		left: 30%;
		transform: translate(-30%,-52%);
	}
	.howitlooks .info:nth-child(4) {
		display: none;
		justify-content: flex-start;
		align-items: center;
		width: 37.920937042459734%;
		background: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		padding: 10px;
		position: absolute;
		top: 60%;
		left: 30%;
		transform: translate(-30%,-60%);
	}
	.howitlooks .button:not(.square),
	.howitlooks .button.arrow {
		display: none;
	}
	.howitlooks .button.square {
		position: absolute;
		width: 69.5px;
		height: 69.5px;
		background: rgba(0, 0, 0, 0.5);
		top: 50%;
		left: 62%;
		transform: translate(-87%,-50%);
	}
	.howitlooks .button.square:not(.arrow):after {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 34.75px 0 34.75px 15px;
		border-color: transparent transparent transparent rgba(0, 0, 0, 0.5);
		position: absolute;
		top: 0;
		left: 100%;
	}
	.howitlooks .button.arrow {
		position: absolute;
		top: 100%;
		left: 50%;
		height: 59.58px;
		transform: translate(-50%,-100%) scale(-1);
	}
	.howitlooks.active {
		height: 893px;
	}
	.howitlooks.active video {
		opacity: 1;
	}
	.howitlooks.active .button.square {
		display: none;
	}
	.howitlooks.active .info:nth-child(1) {
		top: 35%;
		transform: translate(-30%, -35%);
	}
	.howitlooks.active .info:nth-child(2),
	.howitlooks.active .info:nth-child(3),
	.howitlooks.active .info:nth-child(4) {
		display: flex;
	}
	.howitlooks.active .button:not(.square) {
		display: flex;
		position: absolute;
		top: 72%;
		left: 21.6%;
		transform: translate(-21.6%,-72%);
		width: 246.38px;
	}
	.howitlooks.active .button.arrow {
		display: flex;
	}
	.howitlooks.active .button.arrow img {
		width: 100%;
	}
	.findus {
		width: 39.0625%;
		height: 297px;
		background: #F7CD00;
		display: flex;
		flex-direction: column;
		align-items: center;
	 	justify-content: center;
		position: absolute;
		left: 0;
		z-index: 2;
		top: calc(100% + 320);
	}
	.findus:after {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 148.5px 0 148.5px 35.54px;
		border-color: transparent transparent transparent #F7CD00;
		position: absolute;
		top: 0;
		left: 100%;
		z-index: 2;
	}
	.findus .title {
		text-transform: uppercase;
		font-size: 20px;
		font-weight: bold;
		line-height: 3;
	}
	.findus p {
		font-weight: 300;
		text-align: left;
		margin-right: 1rem;
		line-height: 2;
	}
	.map {
		width: 60.9375%;
		height: 297px;
		background-image: url('../images/mapa.png');
		background-size: cover;
		background-position: 38% center;
		position: relative;
		z-index: 1;
		margin-left: 39.0625%;
	}
	.footer {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		background: #1E1601;
		color: #A59F8D;
		position: relative;
		height: 268px;
	}
	.footer .left > img {
		width: 65px;
		height: 93.66px;
		position: absolute;
		top: 73px;
		left: 5.490483162518302%;
	}
	.footer .left {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		width: 65%;
	}
	.footer .left > p {
		width: 377px;
		text-align: left;
		position: absolute;
		top: 67px;
		left: 12.055636896%;
	}
	.footer .left .addresssocial {
		width: 184px;
		text-align: left;
		position: absolute;
		top: 93px;
		left: 12.055636896%;
	}
	.footer .left .addresssocial .address p {
		margin-top: 30px;
		width: 184px;
		text-align: left;
	}
	.footer .left .addresssocial .social {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 22px;
		left: 110.9895833333%;
	}
	.footer .left .addresssocial .social img {
		width: 48.1px;
		height: 48.1px;
	}
	.footer .left .addresssocial .social p {
		width: 200px;
		margin-left: 5px;
	}
	.footer .right .authors {
		display: flex;
		flex-direction: column;
		position: absolute;
		font-size: 12px;
		right: 72px;
		top: 63px;
	}
	.footer .right .authors span.author {
		display: flex;
		justify-content: flex-end;
	}
	.footer .right .authors span.author span.type {
		margin-right: auto;
		display: flex;
		justify-content: flex-end;
		width: 30%;
	}
	.footer .right .copy {
		position: absolute;
		right: 72px;
		bottom: 105px;
	}
	.about_banner {
		width: 100%;
		height: 351px;
		background-image: url('../images/photos/plac_panorama.jpg');
    		background-size: cover;
    		background-position: center center;
		position: relative;
	}
	.about_banner .title {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 38.808333333333337%;
		height: 69.5px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		background-color: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		font-family: 'Bree Serif', serif;
		font-size: 30px;
	}
	.about_info {
		display: flex;
		flex-direction: row;
		margin: auto;
		padding: 80px 0;
		color: #1E1601;
		text-align: justify;
	}
	.about_info .left {
		flex: 0 0 50%;
		width: 50%;
		padding: 0 30px;
	}
	.about_info .right {
		flex: 0 0 42%;
		width: 50%;
		padding: 0 30px;
	}
	.about_pays {
		color: #1E1601;
		text-align: center;
		margin: auto;
		padding-bottom: 60px;
		font-size: 18px;
		font-weight: 300;
	}
	.about_pays span.title {
		font-size: 20px;
		font-weight: 500;
	}
	.about_member {
		display: flex;
		flex-direction: column;
		background-color: #DEDBD3;
		color: #1E1601;
		justify-content: center;
		align-items: center;
		font-size: 13px;
		font-weight: 500;
		text-decoration: underline;
		margin: auto;
		height: 105px;
	}
	.about_member img {
		position: absolute;
		margin-top: 20px;
		width: 39.9px;
		height: 31.59px;
	}
	.about_map {
		width: 100%;
		height: 623px;
		background-image: url('../images/photos/pohledshora3spopisy.jpg');
    		background-size: cover;
    		background-position: center center;
	}
	.about_newmember {
		width: 100%;
		background-color: #1E1601;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 50px 0;
	}
	.about_newmember .member {
		width: 84px;
		height: 86.22px;
		filter: invert(100%);
	}
	.about_newmember .bigtitle {
		font-family: 'Bree Serif', serif;
		font-size: 30px;
		color: #FFFFFF;
		margin-top: 30px;
	}
	.about_newmember .info {
		display: flex;
		flex-direction: row;
		margin: auto;
		padding: 80px 0;
		color: #FFFFFF;
		font-weight: 300;
		line-height: 1.3;
	}
	.about_newmember .info .left {
		flex: 0 0 50%;
		width: 50%;
		padding: 0 30px;
	}
	.about_newmember .info .right {
		flex: 0 0 42%;
		width: 50%;
		padding: 0 30px;
	}
	.about_newmember .info a {
		color: #F7CD00;
	}
	.about_newmember .info b {
		font-weight: bold;
	}
	.about_newmember .title {
		font-family: 'Bree Serif', serif;
		font-size: 24px;
		color: #FFFFFF;
		margin-top: 30px;
	}
	.about_newmember ul {
		margin-top: 30px;
		margin-left: 1.0416666666666665%;
	}
	.about_newmember ul li {
		color: #FFFFFF;
		font-size: 18px;
		font-weight: 300;
		line-height: 2;
	}
	.about_newmember ul li:before {
		content: '●';
		padding-right: 20px;
	}
	.about_newmember form {
		width: 100%;
		background-color: #C2BFB6;
		clip-path: polygon(93% 0, 100% 10%, 100% 100%, 0 100%, 0 0);
		margin: 100px auto;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}
	.about_newmember form .title {
		color: #1E1601;
		margin-top: 60px;
		margin-bottom: 40px;
		flex: 0 0 100%;
		width: 100%;
		text-align: center;
	}
	.about_newmember form .input_control {
		width: 50%;
		flex: 0 0 50%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding-bottom: 20px;
	}
	.about_newmember form .input_control label {
		width: 410px;
		padding-bottom: 20px;
	}
	.about_newmember form > .checkbox {
		display: flex;
		flex-direction: row;
		flex: 0 0 70%;
		width: 70%;
		justify-content: center;
		align-items: center;
		margin-bottom: 50px;
	}
	.about_newmember form > .checkbox label {
		padding-left: 20px;
		font-size: 16px;
	}
	.about_newmember form .recaptcha {
		width: 100%;
		flex: 0 0 100%;		
		text-align: center;
	}
	.about_newmember form .recaptcha img {
		width: 382px;
		height: 102px;
	}
	.about_newmember button {
		margin-top: 60px;
		margin-bottom: 60px;
		width: 291.28px;
		height: 51.89px;
	}
	.about_history {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: #FFFFFF;
	}
	.about_history span.title {
		font-family: 'Bree Serif', serif;
		font-size: 24px;
		color: #1E1601;
		margin: 60px 0;
	}
	.about_history .timeline {
		display: flex;
		flex-direction: column;
		width: 90%;
		margin: auto;
		border-left: 2px solid #ECE9E0;
		margin-bottom: 60px;
		position: relative;
	}
	.about_history .timeline .item {
		display: flex;
		flex-direction: row;
		position: relative;
	}
	.about_history .timeline .item + .item:not(.secondary) {
		margin-top: 40px;
	}
	.about_history .timeline .item:not(.secondary) + .item.secondary {
		margin-top: 20px;
	}
	.about_history .timeline .item.secondary {
		padding-top: 40px;
		background-color: #ECE9E0;
	}
	.about_history .timeline .item:before {
		content: '●';
		color: #ECE9E0;
		position: absolute;
		left: 0;
		margin-left: -6px;
		margin-top: -10px;
	}
	.about_history .timeline .item .year {
		font-family: 'Bree Serif', serif;
		font-size: 26px;
		color: #594500;
		margin-left: 20px;
		margin-top: -10px;
	}
	.about_history .timeline .item .content {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		padding-left: 60px;
		padding-right: 60px;
	}
	.about_history .timeline .item .content.onlytext .text {
		font-weight: 300;
		line-height: 1.2;
		color: #1E1601;
		flex: 0 0 100%;
		width: 100%;
	}
	.about_history .timeline .item .content .text.firstbig:first-letter {
		font-family: 'Bree Serif', serif;
		color: #594500;
    		float: left;
    		line-height: 30px;
    		font-size: 38px;
    		margin-right: 4px;
    		margin-left: 0px;
    		margin-top: -2px;
	}
	.about_history .timeline .item .content.leftimage-half img,
	.about_history .timeline .item .content.rightimage-half img {
		flex: 0 1 50%;
		max-width: 50%;
	}
	.about_history .timeline .item .content.text-half .text {
		font-weight: 300;
		line-height: 1.2;
		color: #1E1601;
		flex: 0 0 50%;
		max-width: calc(50% - 20px);
	}
	.about_history .timeline .item .content.leftimage-half .text {
		padding-left: 20px;
	}
	.about_history .timeline .item .content.rightimage-half .text {
		padding-right: 20px;
	}
	.about_history .timeline .item .content .text.with.images {
		display: flex;
		flex-direction: column;
	}
	.about_history .timeline .item .content .text.with.images div {
		display: flex;
		justify-content: flex-start;
		padding-top: 10px;
	}
	.about_history .timeline .item .content .text.with.images div img {
		flex: 1 1 auto;
		padding-left: 0;
		padding-right: 20px;
	}
	.about_history .timeline .item .content.rightbottomimage-half {
		align-items: flex-end;
		padding-bottom: 20px;
	}
	.about_history .timeline .item .content.rightbottomimage-half img {
		flex: 0 0 50%;
		padding-left: 20px;
		max-width: calc(50% - 20px);
	}
	.about_history .timeline .item img.float {
		position: absolute;
		left: 0;
		top: 60%;
		transform: translateY(-60%);
		width: 100.1px;
		height: 100.1px;
		margin-left: -50px;
	}
	.about_history .timeline .item img.floatl {
		position: absolute;
		left: 0;
		top: 10%;
		transform: translateY(-10%);
		width: 100.1px;
		height: 100.1px;
		margin-left: -50px;
	}
	.about_history .timeline .item .content.row3 {
		display: flex;
		flex-direction: row;
	}
	.about_history .timeline .item .content.row3 .text {
		flex: 0 0 25%;
		font-weight: 300;
		line-height: 1.2;
		color: #1E1601;
	}
	.about_history .timeline .item .content.row3 .text + .img {
		flex: 0 0 25%;
		text-align: right;
		font-size: 14px;
		line-height: 1.2;
		font-weight: 400;
		color: #594500;
	}
	.about_history .timeline .item .content.row3 .text + .img + .img {
		flex: 0 0 50%;
		text-align: right;
		font-size: 14px;
		line-height: 1.2;
		font-weight: 400;
		color: #594500;
	}
	.about_history .timeline .item .content.row3 .text + .img + .img img {
		width: 100%;
	}
	.about_history .timeline .item .content .text.newline {
		padding-top: 20px;
		width: 100%;
		flex: 0 0 100%;
	}
	.about_history .timeline .item .content.with.row .text:first-child {
		padding-right: 20px;
	}
	.about_history .timeline .item .content.with.row .text + .text > img {
		width: 100%;
	}
	.about_history .timeline .item .content .row2 {
		display: flex;
		flex-direction: row;
		width: 100%;
	}
	.about_history .timeline .item .content .row2 .img {
		flex: 0 0 50%;
		text-align: right;
		font-size: 14px;
		line-height: 1.2;
		font-weight: 400;
		color: #594500;
		max-width: 50%;
	}
	.about_history .timeline .item .content .row2 .img + .img {
		flex: 0 0 50%;
		text-align: right;
		font-size: 14px;
		line-height: 1.2;
		font-weight: 400;
		color: #594500;
		max-width: 50%;
	}
	.about_history .timeline .item .content .row2 .img img,
	.about_history .timeline .item .content .row2 .img + .img img {
		width: 100%;
	}
	.about_history .timeline .item .content.text-big {
		padding-bottom: 60px;
	}
	.about_history .timeline .item .content.text-big .text {
		font-weight: 300;
		line-height: 1.2;
		color: #1E1601;
		flex: 0 0 80%;
		max-width: calc(80% - 20px);
		padding-right: 20px;
	}
	.about_history .timeline .item .content.image-small .image {
		line-height: 1.2;
		font-weight: 400;
		color: #594500;
		flex: 0 0 20%;
		max-width: 20%;
		text-align: right;
	}
	.about_history .timeline .item .content.image-small .image img {
		width: 100%;
	}
	.about_history .timeline .item .content.images-half .images {
		flex: 50%;
		width: 50%;
		display: flex;
		flex-direction: column;
		text-align: right;
	}
	.about_history .timeline .item .content.images-half .images span {
		font-size: 14px;
		line-height: 1.2;
		font-weight: 400;
		color: #594500;
		padding-top: 5px;
		padding-bottom: 20px;
	}
	.about_history .timeline .item .content.images-half .images + .text {
		padding-left: 20px;
	}
	.about_history .timeline .item .content .text span.italic {
		font-style: italic;
	}
	.about_history .timeline .item .content .row2.actual .img + .img {
		padding-left: 10px;
	}
	.about_history .timeline .item .content .row2.actual img {
		height: 290px;
		padding-top: 20px;
		padding-bottom: 10px;
	}
	.about_history .timeline .item .content .shield {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.about_history .timeline .item .content .shield img {
		width: 270px;
	}
	.about_history .timeline .item .content .shield span {
		font-size: 14px;
		line-height: 1.2;
		font-weight: 400;
		color: #594500;
		padding-top: 10px;
		width: 270px;
		display: inline-block;
		text-align: right;
	}
	.rules_banner {
		width: 100%;
		height: 451px;
		position: relative;
	}
	.rules_banner .title {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 28.808333333333337%;
		height: 69.5px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		background-color: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		font-family: 'Bree Serif', serif;
		font-size: 40px;
	}
	.rules_info {
		width: 43.75%;
		margin: 110px auto 0 auto;
		background-color: #C2BFB6;
		box-shadow: 0 0 12px rgba(0,0,0,0.52);
		padding: 5%;
		display: flex;
		flex-direction: column;
		color: #1E1601;
		position: relative;
	}
	.rules_info:before {
		content: '';
		position: absolute;
		top: -63.5px;
		width: 127px;
		height: 127px;
		left: 50%;
		border-radius: 100%;
		transform: translateX(-50%);
		background-color: #C2BFB6;
		background-image: url('../images/rad.svg');
		background-size: 43.87px 70.92px;
		background-position: center center;
		background-repeat: no-repeat;
	}
	.rules_info .bigtitle {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 35px;
		margin: auto;
	}
	.rules_info .title {
		padding-top: 60px;
		font-family: 'Bree Serif', serif;
		font-size: 29px;
		padding-bottom: 5px;
	}
	.rules_info ul {
		margin-top: 30px;
		margin-left: 1.0416666666666665%;
	}
	.rules_info ul li {
		font-size: 16px;
		font-weight: 300;
		line-height: 1.5;
	}
	.rules_info ul li:before {
		content: '●';
		color: #594500;
		padding-right: 10px;
	}
	.rules_darkinfo {
		width: 43.75%;
		margin: auto;
		background-color: #1E1601;
		box-shadow: 0 0 12px rgba(0,0,0,0.52);
		padding: 2% 5%;
		display: flex;
		flex-direction: column;
		color: #FFFFFF;
		margin-bottom: 100px;
		font-weight: 300;
		font-style: italic;
	}
	.members_banner {
		width: 100%;
		height: 451px;
		background-image: url('../images/photos/instruktori_bigbanner.jpg');
    		background-size: cover;
    		background-position: center top;
		position: relative;
	}
	.members_banner .title {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 38.808333333333337%;
		height: 69.5px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		background-color: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		font-family: 'Bree Serif', serif;
		font-size: 40px;
	}
	.members_list {
		width: 70%;
		margin: 40px auto 70px auto;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.members_list .member {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 10px 0;
		margin: 2px;
		flex: 0 0 calc(33% - 4px);
		width: calc(33% - 4px);
		background: #FFFFFF;
		transition: background 0.5s;
	}
	.members_list .member:hover {
		background: #F7CD00;
	}
	.members_list .member img {
		width: 181px;
		height: 181px;
		border-radius: 100%;
		object-fit: cover;
	}
	.members_list .member span.name {
		color: #594500;
		font-family: 'Bree Serif', serif;
		font-size: 26px;
		margin-top: 30px;
	}
	.members_list .member span.description {
		color: #594500;
		margin-top: 30px;
	}
	.members_list .member button {
		width: 142.85px;
		height: 36px;
		margin-top: 30px;
		font-size: 13px;
	}
	.member_banner {
		width: 100%;
		height: 451px;
		background-image: url('../images/photos/klara h Boxeri_fb-36.jpg');
    		background-size: cover;
    		background-position: center 10%;
		position: relative;
	}
	.member_banner .title {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 38.808333333333337%;
		height: 69.5px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		background-color: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		font-family: 'Bree Serif', serif;
		font-size: 40px;
	}
	.member_info {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 62.916666666666664%;
		max-width: 62.916666666666664%;
		margin: 80px auto 80px auto;
	}
	.member_info a.link {
		margin-right: auto;
	}
	.member_info span.name {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 34px;
		margin-top: 30px;
	}
	.member_info span.line {
		margin-top: 20px;
		width: 80px;
		height: 1px;
		background-color: #1E1601;
		opacity: 0.2;
	}
	.member_info span.description {
		color: #1E1601;
		margin-top: 30px;
	}
	.member_info > img {
		width: 100%;
		margin-top: 30px;
	}
	.member_info p {
		max-width: calc(100% - 100px);
		width: calc(100% - 100px);
		background: #FFFFFF;
		padding: 50px;
		font-weight: 300;
		line-height: 1.5;
		text-align: justify;
	}
	.member_info .row {
		max-width: calc(100% - 100px);
		width: calc(100% - 100px);
		background: #FFFFFF;
		padding: 50px;
		display: flex;
		flex-direction: row;
	}
	.member_info .row img {
		flex: 0 0 calc(50% - 2px);
		width: calc(50% - 2px);
		margin-right: 2px;
	}
	.member_info .row img + img {
		flex: 0 0 calc(50% - 2px);
		width: calc(50% - 2px);
		margin-left: 2px;
	}
	.courses_banner {
		width: 100%;
		height: 451px;
		background-image: url('../images/photos/12194867_10153762527459577_477607121703797116_o.jpg');
    		background-size: cover;
    		background-position: center 55%;
		position: relative;
	}
	.courses_banner .title {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 28.808333333333337%;
		height: 69.5px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		background-color: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		font-family: 'Bree Serif', serif;
		font-size: 40px;
	}
	.courses_info {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin: auto;
		padding: 80px 0;
		color: #1E1601;
	}
	.courses_info > img {
		width: 68.16px;
		height: 64.68px;
	}
	.courses_info h1.bigtitle {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 34px;
		margin-top: 30px;
	}
	.courses_info .panels {
		display: flex;
		flex-direction: row;
		margin: auto;
		padding: 80px 0;
		color: #1E1601;
		max-width: 92.916666666666664%;
		line-height: 1.5;
		font-weight: 300;
	}
	.courses_info .panels .left {
		flex: 0 0 calc(50% - 60px);
		width: calc(50% - 60px);
		padding: 0 30px;
	}
	.courses_info .panels .right {
		flex: 0 0 calc(50% - 60px);
		width: calc(50% - 60px);
		padding: 0 30px;
	}
	.courses_info .title {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 24px;
		margin-top: 30px;
	}
	.courses_placepay {
		background-color: #1E1601;
		padding: 40px 20px;
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.courses_placepay ul {
		padding-right: 10%;
	}
	.courses_placepay ul li {
		color: #FFFFFF;
		font-size: 18px;
		font-weight: 300;
		line-height: 2;
	}
	.courses_placepay ul li:before {
		content: '●';
		padding-right: 20px;
	}
	.courses_whiteblock {
		background-color: #FFFFFF;
		max-width: calc(42.916666666666664% - 140px);
		padding: 35px 70px;
		display: flex;
		flex-direction: column;
		margin: 100px auto 0 auto;
	}
	.courses_whiteblock.margin-bottom {
		margin: 100px auto 100px auto;
	}
	.courses_whiteblock + .courses_whiteblock {
		margin: 10px auto;
	}
	.courses_whiteblock .title {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 24px;
		margin-top: 30px;
	}
	.courses_whiteblock p {
		margin-top: 30px;
		line-height: 1.5;
		font-weight: 300;
		padding-right: 100px;
	}
	.courses_whiteblock .button {
		margin-top: 60px;
	}
	.courses_whiteinfo {
		background-color: #FFFFFF;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin: 90px auto 0 auto;
		padding: 80px 0;
		color: #1E1601;
	}
	.courses_whiteinfo > img {
		width: 68.16px;
		height: 64.68px;
	}
	.courses_whiteinfo h1.bigtitle {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 34px;
		margin-top: 30px;
	}
	.courses_whiteinfo .panels {
		display: flex;
		flex-direction: row;
		margin: auto;
		padding: 80px 0;
		color: #1E1601;
		max-width: 92.916666666666664%;
		line-height: 1.5;
		font-weight: 300;
	}
	.courses_whiteinfo .panels .left {
		flex: 0 0 calc(50% - 60px);
		width: calc(50% - 60px);
		padding: 0 30px;
	}
	.courses_whiteinfo .panels .right {
		flex: 0 0 calc(50% - 60px);
		width: calc(50% - 60px);
		padding: 0 30px;
	}
	.courses_whiteinfo .title {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 24px;
		margin-top: 30px;
	}
	.coursesbg > span.title {
		display: block;
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 24px;
		text-align: center;
		padding: 120px 0 0 0;
	}
	.courses_grayblock {
		background-color: #ECE9E0;
		max-width: calc(42.916666666666664% - 140px);
		padding: 35px 70px;
		display: flex;
		flex-direction: column;
		margin: 50px auto 0 auto;
	}
	.courses_grayblock + .courses_grayblock {
		margin: 10px auto 100px auto;
	}
	.courses_grayblock .title {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 24px;
		margin-top: 30px;
	}
	.courses_grayblock p {
		margin-top: 30px;
		line-height: 2;
		font-weight: 300;
		padding-right: 100px;
	}
	.courses_row {
		margin: 60px auto 120px auto;
		display: flex;
		justify-content: center;
	}
	.courses_row img + img {
		margin-left: 20px;
	}
	.contact_banner {
		width: 100%;
		height: 451px;
		background-image: url('../images/photos/plac panorama 2.jpg');
    		background-size: cover;
    		background-position: center 80%;
		position: relative;
	}
	.contact_banner .title {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 18.808333333333337%;
		height: 69.5px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		background-color: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		font-family: 'Bree Serif', serif;
		font-size: 40px;
	}
	.contact_info {
		display: flex;
		margin: 78px auto 97px auto;
		flex-direction: column;
		align-items: center;
	}
	.contact_info span.title {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 34px;
		text-align: center;
	}
	.contact_info p {
		color: #1E1601;
		font-weight: 300;
		line-height: 1.5;
		margin-top: 36px;
		text-align: center;
	}
	.contact_whiteinfo {
		background-color: #FFFFFF;
		display: flex;
		margin: 0 auto 0 auto;
		flex-direction: column;
		align-items: center;
		padding: 50px 0 56px 0;
	}
	.contact_whiteinfo .text {
		display: inline-flex;
		flex-direction: column;
		width: 57.39583333333333%;
	}
	.contact_whiteinfo .text span.title {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 24px;
		margin-top: 30px;
	}
	.contact_whiteinfo .text p {
		color: #1E1601;
		font-weight: 300;
		line-height: 1.5;
		margin-top: 11px;
	}
	.contact_title {
		display: block;
		margin: 75px auto 0 auto;
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 34px;
		text-align: center;
	}
	.findus.contact,
	.map.contact {
		height: 491px;
	}
	.findus.contact:after {
		border-width: 245.5px 0 245.5px 35.54px;
	}
	.findus.contact span.title {
		padding-right: 20%;
	}
	.downloads_banner {
		width: 100%;
		height: 451px;
		background-image: url('../images/photos/srnci-4167.jpg');
    		background-size: cover;
    		background-position: center center;
		position: relative;
	}
	.downloads_banner .title {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 18.808333333333337%;
		height: 69.5px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		background-color: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		font-family: 'Bree Serif', serif;
		font-size: 40px;
	}
	.downloads_title {
		display: block;
		margin: 77px auto 0 auto;
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 34px;
		text-align: center;
		text-transform: uppercase;
	}
	.downloads_info {
		width: 43.75%;
		margin: 100px auto 0 auto;
		background-color: #FFFFFF;
		padding: calc(5% - 35px) 5% 3% 5%;
		display: flex;
		flex-direction: column;
		color: #1E1601;
		position: relative;
	}
	.downloads_info:before {
		content: '';
		position: absolute;
		top: -63.5px;
		width: 127px;
		height: 127px;
		left: 50%;
		border-radius: 100%;
		transform: translateX(-50%);
		background-color: #FFFFFF;
		background-image: url('../images/kniha.svg');
		background-size: 43.87px 70.92px;
		background-position: center center;
		background-repeat: no-repeat;
	}
	.downloads_info.centered  {
		text-align: center;
		align-items: center;
	}
	.downloads_info .title {
		padding-top: 35px;
		font-family: 'Bree Serif', serif;
		font-size: 24px;
	}
	.downloads_info p {
		padding-top: 5px;
	}
	.downloads_info p a {
		color: #1E1601;
		text-decoration: underline;
		font-weight: 500;
	}
	.downloads_info .button {
		font-size: 13px;
		height: 36px;
		width: 261px;
		margin-top: 25px;
		color: #594500;
		border-color: #594500;
	}
	.downloads_info .button.download {
		background-image: url('../images/stahnout.svg');
		background-size: 12.94px 19px;
		background-position: 10% center;
		background-repeat: no-repeat;
	}
	.downloads_info .button.download:hover {
		background-image: url('../images/stahnout_white.svg');
	}
	.downloads_info + .footer {
		margin-top: 209px;
	}
	.calendar_banner {
		width: 100%;
		height: 351px;
		position: relative;
	}
	.calendar_banner .title {
		position: absolute;
		top: 60%;
		left: 50%;
		transform: translate(-50%,-60%);
		width: 28.808333333333337%;
		height: 69.5px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		background-color: rgba(255, 255, 255, 0.5);
		color: #3116D6;
		font-family: 'Bree Serif', serif;
		font-size: 40px;
	}
	.calendar {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-bottom: 395px;
	}
	.calendar iframe {
		border: 5px solid #F7CD00;
		width: 57.760vw;
		height: 43.750vw;
	}
	.calendar iframe:last-of-type {
		display: none;
	}
}

/******************************************************
**********************DESKTOPOVA VERZE*****************
******************************************************/

@media only screen and (min-width: 1600px) {
	* {
		-webkit-tap-highlight-color: transparent;
		-webkit-touch-callout: none;
		max-width: 100vw;
	}
	html {
		width: 100%;
		max-width: 100vw;
	}
	body {
		font-family: 'Ubuntu', sans-serif;
		background-color: #ECE9E0;
		width: 100vw;
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		position: relative;
	}
	nav.menu {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 90px;
		display: block;
		border-top: 8px solid #F7CD00;
		background-color: rgba(30, 20, 1, 0.5);
		z-index: 10;
		transition: height 0.5s ease-out;
	}
	nav.menu > ul {
		display: flex;
		width: 100%;
		height: 100%;
		justify-content: flex-start;
		align-items: center;
		max-width: 1600px;
		margin: 0 auto 0 160px;
	}
	nav.menu:not(.active) > ul > li.toggle,
	nav.menu:not(.active) > ul > li.arrow {
		display: none;
	}
	nav.menu > ul > li.logo {
		margin-left: 0px;
		margin-right: 44.6px;
		width: 135.77px;
		height: 190px;
		background-color: #F7CD00; 
		position: relative;
		flex: 0 0 135.77px;
	}
	nav.menu > ul > li.logo:after {
		content: '';
		width: 0;
		height: 0;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		border-style: solid;
		border-width: 25px 67.885px 0 67.885px;
		border-color: #F7CD00 transparent transparent transparent;
		filter: drop-shadow(0px 2px 4px rgba(0,0,0,0.5));
		z-index: -1;
	}
	nav.menu > ul > li.logo img {
		width: 103px;
		height: 123px;
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translate(-50%,-100%);
	}
	nav.menu > ul > li:not(.logo) {
		text-transform: uppercase;
		font-size: 18px;
		font-weight: bold;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		position: relative;
	}
	nav.menu > ul > li:not(.logo) li {
		text-transform: none;
	}
	nav.menu > ul > li.dropdown:hover {
		background: #F7CD00;
	}
	nav.menu > ul > li.dropdown:hover a {
		color: #000000;
		cursor: default;
	}
	nav.menu > ul > li.dropdown ul a:hover {
		cursor: pointer;
	}
	nav.menu > ul > li:not(.dropdown):hover a{
		color: #F7CD00;

	}
	nav.menu > ul > li.dropdown li:hover a {
		color: #594500;
	}
	nav.menu > ul > li:not(.dropdown):active a,
	nav.menu > ul > li.active:not(:hover) a {
		color: #F7CD00 !important;
	}
	nav.menu > ul > li.dropdown.active:not(:hover) a:after {
		background-image: url('../images/arrow_yellow.png');
	}
	nav.menu > ul > li.dropdown > a:after {
		content: '';
		background-image: url('../images/arrow_white.png');
		background-size: 100% 100%;
		background-position: center center;
		padding-left: 31.76px;
		height: 15.83px;
		padding-top: 2.915px;
		padding-bottom: 2.915px;
	}
	nav.menu > ul > li.dropdown:hover > a:after {
		background-image: url('../images/sipka.svg');
	}
	nav.menu > ul > li.dropdown ul {
		width: max-content;
		display: none;
		position: absolute;
		top: calc(100% - 1px);
		padding: 30px 100px 30px 0;
		clip-path: polygon(100% 0, 100% 70%, 82% 100%, 0 100%, 0 0);
	}
	nav.menu > ul > li.dropdown:hover > ul {
		display: flex;
		flex-direction: column;
		background: #F7CD00;
		color: #000000;
	}
	nav.menu > ul li:not(.logo) a {
		text-decoration: none;
		padding: 10px 22.5px;
		display: inline-block;
		position: relative;
		width: 100%;
		color: #FFFFFF;
		text-decoration: none;
	}
	nav.menu.active > ul li:not(.toggle) a + ul > li a:before {
		content: '-';
		padding-left: 15px;
		padding-right: 10px;
	}
	nav.menu.active > ul > li.toggle {
		order: 0;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		margin-top: 21px;
	}
	nav.menu.active > ul > li:not(.toggle) {
		order: 1;
	}
	nav.menu.active > ul > li.arrow {
		order: 2;
		display: flex;
		justify-content: center;
		padding-bottom: 10px;
	}
	.bannerplaceholder {
		max-width: 100%;
		width: 100%;
		height: 808px;
		position: relative;
		z-index: 0;
	}
	.banner {
		max-width: 100%;
		width: 100%;
		height: 808px;
		background-size: cover;
		background-position: 55% 25%;
		position: absolute;
		top: 0;
		z-index: 1;
	}
	.banner .text {
		position: absolute;
		bottom: 94px;
		left: 160px;
		color: rgba(255, 255, 255, 0.80);
		font-size: 11px;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.39);
		line-height: 2;
	}
	.banner .text span.title {
		font-weight: bold;
	}
	.infoblock {
		background: #FFFFFF;
		box-shadow: 0px 3px 6px rgba(0,0,0,0.016);
		width: 94.65592972181553%;
		margin: -50px auto 0 auto;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		padding-bottom: 30px;
		position: relative;
		z-index: 2;
		max-width: 1200px;
	}
	.infoblock:before {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 32px 32px 0 32px;
		border-color: #FFFFFF transparent transparent transparent;
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		filter: drop-shadow(0px 6px 6px rgba(0,0,0,0.16));
		z-index: -1;
	}
	.infoblock:after {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 32px 32px 0 32px;
		border-color: #FFFFFF transparent transparent transparent;
		position: absolute;
		top: calc(100% - 1px);
		left: 50%;
		transform: translateX(-50%);
	}
	.infoblock .info {
		display: flex;
		flex: 1 1 calc(33% - 50px);
		width: calc(33% - 50px);
		max-width: calc(33% - 50px);
		flex-direction: row;
		padding: 30px 0 0 50px;
	}
	.infoblock .info .date {
		font-size: 18px;
		font-weight: bold;
		color: #594500;
		line-height: 1.3;
	}
	.infoblock .info .text {
		color: #594500;
		font-weight: 300;
		line-height: 1.5;
		padding-left: 10px;
	}
	.infoblock .info .text .title {
		display: block;
		font-weight: 400;
		text-transform: uppercase;
	}
	.infoblock .slides {
		display: flex;
		flex-direction: column;
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
	}
	.infoblock .slides .slide {
		width: 13.33px;
		height: 13.33px;
		border-radius: 100%;
		border: 1px solid #C2BFB6;
		margin: 2px 0;
	}
	.infoblock .slides .slide.active {
		background-color: #594500;
	}
	.courses {
		margin-top: 30px;
		display: flex;
		flex-direction: row;
		padding: 30px 10px 0 10px;
		max-width: 1200px;
		margin: 0 auto 30px auto;
	}
	.courses .course {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;
		flex-wrap: wrap;
		padding: 20px 10px;
		transition: all 0.5s;
		border-radius: 0.625rem;
		width: 33%;
	}
	.courses .course:hover {
		background: rgba(0, 0, 0, 0.06);
	}
	.courses .course:hover .button {
		background: #594500;
		color: #FFFFFF;
	}
	.courses .course .image {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: auto;
	}
	.courses .course .image img {
		width: 59.44px;
		height: 76.05px;
	}
	.courses .course .image .title {
		font-family: 'Bree Serif', serif;
		font-size: 26px;
		font-weight: 500;
		color: #594500;
		text-transform: uppercase;
	}
	.courses .course .text {
		display: flex;
		font-size: 14px;
		justify-content: center;
		line-height: 1.5;
		color: #594500;
		text-align: left;
		padding-top: 15px;
		width: 70%;
	}
	.courses .course .button {
		margin-top: 15px;
		border-color: #594500;
		color: #594500;
		width: 122px;
		height: 36px;
		font-size: 14px;
	}
	.howitlooks {
		width: 100%;
		height: 353px;
		background-image: url('../images/photos/plac_panorama.jpg');
		background-size: cover;
		background-position: center center;
		position: relative;
		transition: height 0.3s ease-out;
	}
	.howitlooks * {
		z-index: 2;
	}
	.howitlooks:after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		background-color: transparent;
		z-index: 1;
	}
	.howitlooks video {
		width: 100%;
		height: 100%;
		object-fit: cover;
		z-index: 0;
		position: relative;
		opacity: 0;
	}
	.howitlooks .info:nth-child(1) {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: 26.979166666666664%;
		height: 49.5px;
		background: rgba(0, 0, 0, 0.5);
		font-family: 'Bree Serif', serif;
		font-size: 40px;
		text-transform: uppercase;
		color: #FFFFFF;
		padding: 10px;
		position: absolute;
		top: 50%;
		left: 27%;
		transform: translate(-27%,-50%);
	}
	.howitlooks .info:nth-child(1) br {
		display: none;
	}
	.howitlooks .info:nth-child(2) {
		display: none;
		justify-content: flex-start;
		align-items: center;
		width: 26.979166666666664%;
		background: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		padding: 10px;
		position: absolute;
		top: 45%;
		left: 27%;
		transform: translate(-27%,-45%);
	}
	.howitlooks .info:nth-child(3) {
		display: none;
		justify-content: flex-start;
		align-items: center;
		width: 26.979166666666664%;
		background: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		padding: 10px;
		position: absolute;
		top: 52%;
		left: 27%;
		transform: translate(-27%,-52%);
	}
	.howitlooks .info:nth-child(4) {
		display: none;
		justify-content: flex-start;
		align-items: center;
		width: 26.979166666666664%;
		background: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		padding: 10px;
		position: absolute;
		top: 60%;
		left: 27%;
		transform: translate(-27%,-60%);
	}
	.howitlooks .button:not(.square),
	.howitlooks .button.arrow {
		display: none;
	}
	.howitlooks .button.square {
		position: absolute;
		width: 69.5px;
		height: 69.5px;
		background: rgba(0, 0, 0, 0.5);
		top: 50%;
		left: 52%;
		transform: translate(-52%,-50%);
	}
	.howitlooks .button.square:not(.arrow):after {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 34.75px 0 34.75px 15px;
		border-color: transparent transparent transparent rgba(0, 0, 0, 0.5);
		position: absolute;
		top: 0;
		left: 100%;
	}
	.howitlooks .button.arrow {
		position: absolute;
		top: 100%;
		left: 50%;
		height: 59.58px;
		transform: translate(-50%,-100%) scale(-1);
	}
	.howitlooks.active {
		height: 893px;
	}
	.howitlooks.active video {
		opacity: 1;
	}
	.howitlooks.active .button.square {
		display: none;
	}
	.howitlooks.active .info:nth-child(1) {
		top: 35%;
		transform: translate(-27%, -35%);
	}
	.howitlooks.active .info:nth-child(2),
	.howitlooks.active .info:nth-child(3),
	.howitlooks.active .info:nth-child(4) {
		display: flex;
	}
	.howitlooks.active .button:not(.square) {
		display: flex;
		position: absolute;
		top: 72%;
		left: 22.2%;
		transform: translate(-22.2%,-72%);
		width: 246.38px;
	}
	.howitlooks.active .button.arrow {
		display: flex;
	}
	.howitlooks.active .button.arrow img {
		width: 100%;
	}
	.findus {
		width: 39.0625%;
		height: 475px;
		background: #F7CD00;
		display: flex;
		flex-direction: column;
		align-items: center;
	 	justify-content: center;
		position: absolute;
		left: 0;
		z-index: 2;
		top: calc(100% + 320);
	}
	.findus:after {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 237.5px 0 237.5px 35.54px;
		border-color: transparent transparent transparent #F7CD00;
		position: absolute;
		top: 0;
		left: 100%;
		z-index: 2;
	}
	.findus .title {
		text-transform: uppercase;
		font-size: 22px;
		font-weight: bold;
		line-height: 3;
		text-align: left;
		margin-right: 11px;
	}
	.findus p {
		font-size: 20px;
		font-weight: 300;
		text-align: left;
		line-height: 2;
	}
	.map {
		width: 60.9375%;
		height: 475px;
		background-image: url('../images/mapa.png');
		background-size: cover;
		background-position: 38% center;
		position: relative;
		z-index: 1;
		margin-left: 39.0625%;
	}
	.footer {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		background: #1E1601;
		color: #A59F8D;
		position: relative;
		height: 268px;
	}
	.footer .left > img {
		width: 62.59px;
		height: 90.18px;
		position: absolute;
		top: 62.89px;
		left: 6.510416666666667%;
	}
	.footer .left {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		width: 65%;
	}
	.footer .left > p {
		width: 377px;
		text-align: left;
		position: absolute;
		top: 67px;
		left: 11.25%;
	}
	.footer .left > p br {
		display: none;
	}
	.footer .left .addresssocial {
		width: 184px;
		text-align: left;
		position: absolute;
		top: 93px;
		left: 11.25%;
	}
	.footer .left .addresssocial .address p {
		margin-top: 30px;
		width: 184px;
		text-align: left;
	}
	.footer .left .addresssocial .social {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 22px;
		left: 110.9895833333%;
	}
	.footer .left .addresssocial .social img {
		width: 48.1px;
		height: 48.1px;
	}
	.footer .left .addresssocial .social p {
		width: 200px;
		margin-left: 5px;
	}
	.footer .right .authors {
		display: flex;
		flex-direction: column;
		position: absolute;
		top: 63px;
		font-size: 12px;
		right: 125px;
	}
	.footer .right .authors span.author {
		display: flex;
		justify-content: flex-end;
		padding: 5px 0;
	}
	.footer .right .authors span.author span.type {
		margin-right: auto;
		display: flex;
		justify-content: flex-end;
		width: 30%;
	}
	.footer .right .copy {
		position: absolute;
		right: 125px;
		bottom: 107px;
	}
	.about_banner {
		width: 100%;
		height: 451px;
		background-image: url('../images/photos/plac_panorama.jpg');
    		background-size: cover;
    		background-position: center center;
		position: relative;
	}
	.about_banner .title {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 28.808333333333337%;
		height: 69.5px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		background-color: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		font-family: 'Bree Serif', serif;
		font-size: 40px;
	}
	.about_info {
		display: flex;
		flex-direction: row;
		max-width: 1200px;
		margin: auto;
		padding: 80px 0;
		color: #1E1601;
		text-align: justify;
	}
	.about_info .left {
		flex: 0 0 50%;
		width: 50%;
		padding: 0 30px;
	}
	.about_info .right {
		flex: 0 0 50%;
		width: 50%;
		padding: 0 30px;
	}
	.about_pays {
		color: #1E1601;
		max-width: 1200px;
		text-align: center;
		margin: auto;
		padding-bottom: 60px;
		font-size: 18px;
		font-weight: 300;
	}
	.about_pays span.title {
		font-size: 20px;
		font-weight: 500;
	}
	.about_member {
		display: flex;
		flex-direction: column;
		max-width: 1200px;
		background-color: #DEDBD3;
		color: #1E1601;
		justify-content: center;
		align-items: center;
		font-size: 13px;
		font-weight: 500;
		text-decoration: underline;
		margin: auto;
		height: 105px;
	}
	.about_member img {
		position: absolute;
		margin-top: 20px;
		width: 39.9px;
		height: 31.59px;
	}
	.about_map {
		width: 100%;
		height: 923px;
		background-image: url('../images/photos/pohledshora3spopisy.jpg');
    		background-size: cover;
    		background-position: center center;
	}
	.about_newmember {
		width: 100%;
		background-color: #1E1601;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 50px 0;
	}
	.about_newmember .member {
		width: 84px;
		height: 86.22px;
		filter: invert(100%);
	}
	.about_newmember .bigtitle {
		font-family: 'Bree Serif', serif;
		font-size: 30px;
		color: #FFFFFF;
		margin-top: 30px;
	}
	.about_newmember .info {
		display: flex;
		flex-direction: row;
		max-width: 1200px;
		margin: auto;
		padding: 80px 0;
		color: #FFFFFF;
		font-weight: 300;
		line-height: 1.3;
	}
	.about_newmember .info .left {
		flex: 0 0 50%;
		width: 50%;
		padding: 0 30px;
	}
	.about_newmember .info .right {
		flex: 0 0 50%;
		width: 50%;
		padding: 0 30px;
	}
	.about_newmember .info a {
		color: #F7CD00;
	}
	.about_newmember .info b {
		font-weight: bold;
	}
	.about_newmember .title {
		font-family: 'Bree Serif', serif;
		font-size: 24px;
		color: #FFFFFF;
		margin-top: 30px;
	}
	.about_newmember ul {
		margin-top: 30px;
		margin-left: 1.0416666666666665%;
	}
	.about_newmember ul li {
		color: #FFFFFF;
		font-size: 18px;
		font-weight: 300;
		line-height: 2;
	}
	.about_newmember ul li:before {
		content: '●';
		padding-right: 20px;
	}
	.about_newmember form {
		width: 100%;
		max-width: 1200px;
		background-color: #C2BFB6;
		clip-path: polygon(93% 0, 100% 10%, 100% 100%, 0 100%, 0 0);
		margin: 100px auto;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}
	.about_newmember form .title {
		color: #1E1601;
		margin-top: 60px;
		margin-bottom: 40px;
		flex: 0 0 100%;
		width: 100%;
		text-align: center;
	}
	.about_newmember form .input_control {
		width: 50%;
		flex: 0 0 50%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding-bottom: 20px;
	}
	.about_newmember form .input_control label {
		width: 410px;
		padding-bottom: 20px;
	}
	.about_newmember form > .checkbox {
		display: flex;
		flex-direction: row;
		flex: 0 0 70%;
		width: 70%;
		justify-content: center;
		align-items: center;
		margin-bottom: 50px;
	}
	.about_newmember form > .checkbox label {
		padding-left: 20px;
		font-size: 16px;
	}
	.about_newmember form .recaptcha {
		width: 100%;
		flex: 0 0 100%;		
		text-align: center;
	}
	.about_newmember form .recaptcha img {
		width: 382px;
		height: 102px;
	}
	.about_newmember button {
		margin-top: 60px;
		margin-bottom: 60px;
		width: 291.28px;
		height: 51.89px;
	}
	.about_history {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: #FFFFFF;
	}
	.about_history span.title {
		font-family: 'Bree Serif', serif;
		font-size: 24px;
		color: #1E1601;
		margin: 60px 0;
	}
	.about_history .timeline {
		display: flex;
		flex-direction: column;
		max-width: 1200px;
		width: 100%;
		border-left: 2px solid #ECE9E0;
		margin-bottom: 60px;
		position: relative;
	}
	.about_history .timeline .item {
		display: flex;
		flex-direction: row;
		position: relative;
	}
	.about_history .timeline .item + .item:not(.secondary) {
		margin-top: 40px;
	}
	.about_history .timeline .item:not(.secondary) + .item.secondary {
		margin-top: 20px;
	}
	.about_history .timeline .item.secondary {
		padding-top: 40px;
		background-color: #ECE9E0;
	}
	.about_history .timeline .item:before {
		content: '●';
		color: #ECE9E0;
		position: absolute;
		left: 0;
		margin-left: -6px;
		margin-top: -10px;
	}
	.about_history .timeline .item .year {
		font-family: 'Bree Serif', serif;
		font-size: 26px;
		color: #594500;
		margin-left: 20px;
		margin-top: -10px;
	}
	.about_history .timeline .item .content {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		padding-left: 60px;
		padding-right: 60px;
	}
	.about_history .timeline .item .content.onlytext .text {
		font-weight: 300;
		line-height: 1.2;
		color: #1E1601;
		flex: 0 0 100%;
		width: 100%;
	}
	.about_history .timeline .item .content .text.firstbig:first-letter {
		font-family: 'Bree Serif', serif;
		color: #594500;
    		float: left;
    		line-height: 30px;
    		font-size: 38px;
    		margin-right: 4px;
    		margin-left: 0px;
    		margin-top: -2px;
	}
	.about_history .timeline .item .content.leftimage-half img,
	.about_history .timeline .item .content.rightimage-half img {
		flex: 0 1 50%;
		max-width: 50%;
	}
	.about_history .timeline .item .content.text-half .text {
		font-weight: 300;
		line-height: 1.2;
		color: #1E1601;
		flex: 0 0 50%;
		max-width: calc(50% - 20px);
	}
	.about_history .timeline .item .content.leftimage-half .text {
		padding-left: 20px;
	}
	.about_history .timeline .item .content.rightimage-half .text {
		padding-right: 20px;
	}
	.about_history .timeline .item .content .text.with.images {
		display: flex;
		flex-direction: column;
	}
	.about_history .timeline .item .content .text.with.images div {
		display: flex;
		justify-content: flex-start;
		padding-top: 10px;
	}
	.about_history .timeline .item .content .text.with.images div img {
		flex: 1 1 auto;
		padding-left: 0;
		padding-right: 20px;
	}
	.about_history .timeline .item .content.rightbottomimage-half {
		align-items: flex-end;
		padding-bottom: 20px;
	}
	.about_history .timeline .item .content.rightbottomimage-half img {
		flex: 0 0 50%;
		padding-left: 20px;
		max-width: calc(50% - 20px);
	}
	.about_history .timeline .item .content.rightbottomimage-half > img {
		height: 300px;
	}
	.about_history .timeline .item img.float {
		position: absolute;
		left: 0;
		top: 60%;
		transform: translateY(-60%);
		width: 100.1px;
		height: 100.1px;
		margin-left: -50px;
	}
	.about_history .timeline .item img.floatl {
		position: absolute;
		left: 0;
		top: 10%;
		transform: translateY(-10%);
		width: 100.1px;
		height: 100.1px;
		margin-left: -50px;
	}
	.about_history .timeline .item .content.row3 {
		display: flex;
		flex-direction: row;
	}
	.about_history .timeline .item .content.row3 .text {
		flex: 0 0 25%;
		font-weight: 300;
		line-height: 1.2;
		color: #1E1601;
	}
	.about_history .timeline .item .content.row3 .text + .img {
		flex: 0 0 25%;
		text-align: right;
		font-size: 14px;
		line-height: 1.2;
		font-weight: 400;
		color: #594500;
	}
	.about_history .timeline .item .content.row3 .text + .img + .img {
		flex: 0 0 50%;
		text-align: right;
		font-size: 14px;
		line-height: 1.2;
		font-weight: 400;
		color: #594500;
	}
	.about_history .timeline .item .content.row3 .text + .img + .img img {
		width: 100%;
	}
	.about_history .timeline .item .content .text.newline {
		padding-top: 20px;
		width: 100%;
		flex: 0 0 100%;
	}
	.about_history .timeline .item .content.with.row .text:first-child {
		padding-right: 20px;
	}
	.about_history .timeline .item .content.with.row .text + .text > img {
		width: 100%;
	}
	.about_history .timeline .item .content .row2 {
		display: flex;
		flex-direction: row;
		width: 100%;
	}
	.about_history .timeline .item .content .row2 .img {
		flex: 0 0 50%;
		text-align: right;
		font-size: 14px;
		line-height: 1.2;
		font-weight: 400;
		color: #594500;
		max-width: 50%;
	}
	.about_history .timeline .item .content .row2 .img + .img {
		flex: 0 0 50%;
		text-align: right;
		font-size: 14px;
		line-height: 1.2;
		font-weight: 400;
		color: #594500;
		max-width: 50%;
	}
	.about_history .timeline .item .content .row2 .img img,
	.about_history .timeline .item .content .row2 .img + .img img {
		width: 100%;
	}
	.about_history .timeline .item .content.text-big {
		padding-bottom: 60px;
	}
	.about_history .timeline .item .content.text-big .text {
		font-weight: 300;
		line-height: 1.2;
		color: #1E1601;
		flex: 0 0 80%;
		max-width: calc(80% - 20px);
		padding-right: 20px;
	}
	.about_history .timeline .item .content.image-small .image {
		line-height: 1.2;
		font-weight: 400;
		color: #594500;
		flex: 0 0 20%;
		max-width: 20%;
		text-align: right;
	}
	.about_history .timeline .item .content.image-small .image img {
		width: 100%;
	}
	.about_history .timeline .item .content.images-half .images {
		flex: 50%;
		width: 50%;
		display: flex;
		flex-direction: column;
		text-align: right;
	}
	.about_history .timeline .item .content.images-half .images span {
		font-size: 14px;
		line-height: 1.2;
		font-weight: 400;
		color: #594500;
		padding-top: 5px;
		padding-bottom: 20px;
	}
	.about_history .timeline .item .content.images-half .images + .text {
		padding-left: 20px;
	}
	.about_history .timeline .item .content .text span.italic {
		font-style: italic;
	}
	.about_history .timeline .item .content .row2.actual .img + .img {
		padding-left: 10px;
	}
	.about_history .timeline .item .content .row2.actual img {
		height: 290px;
		padding-top: 20px;
		padding-bottom: 10px;
	}
	.about_history .timeline .item .content .shield {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.about_history .timeline .item .content .shield img {
		width: 270px;
	}
	.about_history .timeline .item .content .shield span {
		font-size: 14px;
		line-height: 1.2;
		font-weight: 400;
		color: #594500;
		padding-top: 10px;
		width: 270px;
		display: inline-block;
		text-align: right;
	}
	.rules_banner {
		width: 100%;
		height: 451px;
		position: relative;
	}
	.rules_banner .title {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 18.808333333333337%;
		height: 69.5px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		background-color: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		font-family: 'Bree Serif', serif;
		font-size: 40px;
	}
	.rules_info {
		width: 33.75%;
		margin: 100px auto 0 auto;
		background-color: #C2BFB6;
		box-shadow: 0 0 12px rgba(0,0,0,0.52);
		padding: 5%;
		display: flex;
		flex-direction: column;
		color: #1E1601;
		position: relative;
	}
	.rules_info:before {
		content: '';
		position: absolute;
		top: -63.5px;
		width: 127px;
		height: 127px;
		left: 50%;
		border-radius: 100%;
		transform: translateX(-50%);
		background-color: #C2BFB6;
		background-image: url('../images/rad.svg');
		background-size: 43.87px 70.92px;
		background-position: center center;
		background-repeat: no-repeat;
	}
	.rules_info .bigtitle {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 30px;
		margin: auto;
	}
	.rules_info .title {
		padding-top: 60px;
		font-family: 'Bree Serif', serif;
		font-size: 24px;
		padding-bottom: 5px;
	}
	.rules_info ul {
		margin-top: 30px;
		margin-left: 1.0416666666666665%;
	}
	.rules_info ul li {
		font-size: 16px;
		font-weight: 300;
		line-height: 1.5;
	}
	.rules_info ul li:before {
		content: '●';
		color: #594500;
		padding-right: 10px;
	}
	.rules_darkinfo {
		width: 33.75%;
		margin: auto;
		background-color: #1E1601;
		box-shadow: 0 0 12px rgba(0,0,0,0.52);
		padding: 2% 5%;
		display: flex;
		flex-direction: column;
		color: #FFFFFF;
		margin-bottom: 100px;
		font-weight: 300;
		font-style: italic;
	}
	.members_banner {
		width: 100%;
		height: 451px;
		background-image: url('../images/photos/instruktori_bigbanner.jpg');
    		background-size: cover;
    		background-position: center top;
		position: relative;
	}
	.members_banner .title {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 30.808333333333337%;
		height: 69.5px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		background-color: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		font-family: 'Bree Serif', serif;
		font-size: 40px;
	}
	.members_list {
		max-width: 1200px;
		width: 100%;
		margin: 40px auto 70px auto;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.members_list .member {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 50px 2px;
		margin: 2px;
		flex: 0 0 calc(33% - 4px);
		width: calc(33% - 4px);
		background: #FFFFFF;
		transition: background 0.5s;
	}
	.members_list .member:hover {
		background: #F7CD00;
	}
	.members_list .member img {
		width: 211px;
		height: 211px;
		border-radius: 100%;
		object-fit: cover;
	}
	.members_list .member span.name {
		color: #594500;
		font-family: 'Bree Serif', serif;
		font-size: 26px;
		margin-top: 30px;
	}
	.members_list .member span.description {
		color: #594500;
		margin-top: 30px;
	}
	.members_list .member button {
		width: 142.85px;
		height: 36px;
		margin-top: 30px;
		font-size: 13px;
	}
	.member_banner {
		width: 100%;
		height: 451px;
		background-image: url('../images/photos/klara h Boxeri_fb-36.jpg');
    		background-size: cover;
    		background-position: center 10%;
		position: relative;
	}
	.member_banner .title {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 30.808333333333337%;
		height: 69.5px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		background-color: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		font-family: 'Bree Serif', serif;
		font-size: 40px;
	}
	.member_info {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 42.916666666666664%;
		max-width: 42.916666666666664%;
		margin: 80px auto 80px auto;
	}
	.member_info a.link {
		margin-right: auto;
	}
	.member_info span.name {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 34px;
		margin-top: 30px;
	}
	.member_info span.line {
		margin-top: 20px;
		width: 80px;
		height: 1px;
		background-color: #1E1601;
		opacity: 0.2;
	}
	.member_info span.description {
		color: #1E1601;
		margin-top: 20px;
	}
	.member_info > img {
		width: 100%;
		margin-top: 30px;
	}
	.member_info p {
		max-width: calc(100% - 120px);
		width: calc(100% - 120px);
		background: #FFFFFF;
		padding: 60px;
		font-weight: 300;
		line-height: 1.5;
		text-align: justify;
	}
	.member_info .row {
		max-width: calc(100% - 120px);
		width: calc(100% - 120px);
		background: #FFFFFF;
		padding: 60px;
		display: flex;
		flex-direction: row;
	}
	.member_info .row img {
		flex: 0 0 calc(50% - 2px);
		width: calc(50% - 2px);
		margin-right: 2px;
	}
	.member_info .row img + img {
		flex: 0 0 calc(50% - 2px);
		width: calc(50% - 2px);
		margin-left: 2px;
	}
	.courses_banner {
		width: 100%;
		height: 451px;
		background-image: url('../images/photos/12194867_10153762527459577_477607121703797116_o.jpg');
    		background-size: cover;
    		background-position: center 55%;
		position: relative;
	}
	.courses_banner .title {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 28.808333333333337%;
		height: 69.5px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		background-color: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		font-family: 'Bree Serif', serif;
		font-size: 40px;
	}
	.courses_info {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin: auto;
		padding: 80px 0;
		color: #1E1601;
	}
	.courses_info > img {
		width: 68.16px;
		height: 64.68px;
	}
	.courses_info h1.bigtitle {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 34px;
		margin-top: 30px;
	}
	.courses_info .panels {
		display: flex;
		flex-direction: row;
		margin: auto;
		padding: 80px 0;
		color: #1E1601;
		max-width: 62.916666666666664%;
		line-height: 1.5;
		font-weight: 300;
	}
	.courses_info .panels .left {
		flex: 0 0 calc(50% - 60px);
		width: calc(50% - 60px);
		padding: 0 30px;
	}
	.courses_info .panels .right {
		flex: 0 0 calc(50% - 60px);
		width: calc(50% - 60px);
		padding: 0 30px;
	}
	.courses_info .title {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 24px;
		margin-top: 30px;
	}
	.courses_placepay {
		background-color: #1E1601;
		padding: 40px 20px;
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.courses_placepay ul {
		padding-right: 10%;
	}
	.courses_placepay ul li {
		color: #FFFFFF;
		font-size: 18px;
		font-weight: 300;
		line-height: 2;
	}
	.courses_placepay ul li:before {
		content: '●';
		padding-right: 20px;
	}
	.courses_whiteblock {
		background-color: #FFFFFF;
		max-width: calc(52.916666666666664% - 160px);
		padding: 40px 80px;
		display: flex;
		flex-direction: column;
		margin: 100px auto 0 auto;
	}
	.courses_whiteblock.margin-bottom {
		margin: 100px auto 100px auto;
	}
	.courses_whiteblock + .courses_whiteblock {
		margin: 10px auto;
	}
	.courses_whiteblock .title {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 24px;
		margin-top: 30px;
	}
	.courses_whiteblock p {
		margin-top: 30px;
		line-height: 1.5;
		font-weight: 300;
		padding-right: 100px;
	}
	.courses_whiteblock .button {
		margin-top: 60px;
	}
	.courses_whiteinfo {
		background-color: #FFFFFF;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin: 90px auto 0 auto;
		padding: 80px 0;
		color: #1E1601;
	}
	.courses_whiteinfo > img {
		width: 68.16px;
		height: 64.68px;
	}
	.courses_whiteinfo h1.bigtitle {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 34px;
		margin-top: 30px;
	}
	.courses_whiteinfo .panels {
		display: flex;
		flex-direction: row;
		margin: auto;
		padding: 80px 0;
		color: #1E1601;
		max-width: 62.916666666666664%;
		line-height: 1.5;
		font-weight: 300;
	}
	.courses_whiteinfo .panels .left {
		flex: 0 0 calc(50% - 60px);
		width: calc(50% - 60px);
		padding: 0 30px;
	}
	.courses_whiteinfo .panels .right {
		flex: 0 0 calc(50% - 60px);
		width: calc(50% - 60px);
		padding: 0 30px;
	}
	.courses_whiteinfo .title {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 24px;
		margin-top: 30px;
	}
	.coursesbg > span.title {
		display: block;
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 24px;
		text-align: center;
		padding: 120px 0 0 0;
	}
	.courses_grayblock {
		background-color: #ECE9E0;
		max-width: calc(52.916666666666664% - 160px);
		padding: 40px 80px;
		display: flex;
		flex-direction: column;
		margin: 50px auto 0 auto;
	}
	.courses_grayblock + .courses_grayblock {
		margin: 10px auto 100px auto;
	}
	.courses_grayblock .title {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 24px;
		margin-top: 30px;
	}
	.courses_grayblock p {
		margin-top: 30px;
		line-height: 2;
		font-weight: 300;
		padding-right: 100px;
	}
	.courses_row {
		max-width: 1200px;
		margin: 60px auto 120px auto;
		display: flex;
	}
	.courses_row img + img {
		margin-left: 20px;
	}
	.contact_banner {
		width: 100%;
		height: 451px;
		background-image: url('../images/photos/plac panorama 2.jpg');
    		background-size: cover;
    		background-position: center 80%;
		position: relative;
	}
	.contact_banner .title {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 18.808333333333337%;
		height: 69.5px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		background-color: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		font-family: 'Bree Serif', serif;
		font-size: 40px;
	}
	.contact_info {
		max-width: 1200px;
		display: flex;
		margin: 78px auto 97px auto;
		flex-direction: column;
		align-items: center;
	}
	.contact_info span.title {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 34px;
		text-align: center;
	}
	.contact_info p {
		color: #1E1601;
		font-weight: 300;
		line-height: 1.5;
		margin-top: 36px;
		text-align: center;
	}
	.contact_whiteinfo {
		background-color: #FFFFFF;
		display: flex;
		margin: 0 auto 0 auto;
		flex-direction: column;
		align-items: center;
		padding: 50px 0 56px 0;
	}
	.contact_whiteinfo .text {
		display: inline-flex;
		flex-direction: column;
		width: 47.39583333333333%;
	}
	.contact_whiteinfo .text span.title {
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 24px;
		margin-top: 30px;
	}
	.contact_whiteinfo .text p {
		color: #1E1601;
		font-weight: 300;
		line-height: 1.5;
		margin-top: 11px;
	}
	.contact_title {
		display: block;
		margin: 75px auto 0 auto;
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 34px;
		text-align: center;
	}
	.findus.contact,
	.map.contact {
		height: 591px;
	}
	.findus.contact:after {
		border-width: 295.5px 0 295.5px 35.54px;
	}
	.findus.contact span.title {
		padding-right: 19%;
	}
	.downloads_banner {
		width: 100%;
		height: 451px;
		background-image: url('../images/photos/srnci-4167.jpg');
    		background-size: cover;
    		background-position: center center;
		position: relative;
	}
	.downloads_banner .title {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 18.808333333333337%;
		height: 69.5px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		background-color: rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		font-family: 'Bree Serif', serif;
		font-size: 40px;
	}
	.downloads_title {
		display: block;
		margin: 77px auto 0 auto;
		color: #1E1601;
		font-family: 'Bree Serif', serif;
		font-size: 34px;
		text-align: center;
		text-transform: uppercase;
	}
	.downloads_info {
		width: 33.75%;
		margin: 100px auto 0 auto;
		background-color: #FFFFFF;
		padding: calc(5% - 35px) 5% 3% 5%;
		display: flex;
		flex-direction: column;
		color: #1E1601;
		position: relative;
	}
	.downloads_info:before {
		content: '';
		position: absolute;
		top: -63.5px;
		width: 127px;
		height: 127px;
		left: 50%;
		border-radius: 100%;
		transform: translateX(-50%);
		background-color: #FFFFFF;
		background-image: url('../images/kniha.svg');
		background-size: 43.87px 70.92px;
		background-position: center center;
		background-repeat: no-repeat;
	}
	.downloads_info.centered  {
		text-align: center;
		align-items: center;
	}
	.downloads_info .title {
		padding-top: 35px;
		font-family: 'Bree Serif', serif;
		font-size: 24px;
	}
	.downloads_info p {
		padding-top: 5px;
	}
	.downloads_info p a {
		color: #1E1601;
		text-decoration: underline;
		font-weight: 500;
	}
	.downloads_info .button {
		font-size: 13px;
		height: 36px;
		width: 261px;
		margin-top: 25px;
		color: #594500;
		border-color: #594500;
	}
	.downloads_info .button.download {
		background-image: url('../images/stahnout.svg');
		background-size: 12.94px 19px;
		background-position: 10% center;
		background-repeat: no-repeat;
	}
	.downloads_info .button.download:hover {
		background-image: url('../images/stahnout_white.svg');
	}
	.downloads_info + .footer {
		margin-top: 209px;
	}
	.calendar_banner {
		width: 100%;
		height: 351px;
		position: relative;
	}
	.calendar_banner .title {
		position: absolute;
		top: 60%;
		left: 50%;
		transform: translate(-50%,-60%);
		width: 18.808333333333337%;
		height: 69.5px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		background-color: rgba(255, 255, 255, 0.5);
		color: #3116D6;
		font-family: 'Bree Serif', serif;
		font-size: 40px;
	}
	.calendar {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-bottom: 495px;
	}
	.calendar iframe {
		border: 5px solid #F7CD00;
		width: 57.760vw;
		height: 43.750vw;
	}
	.calendar iframe:last-of-type {
		display: none;
	}
}