/*
Theme Name: Sport Performance Agency
Theme URI: http://www.sportperformanceagency.cz/
Description: Šablona pro web sportperformanceagency.cz.
Author: webees.cz s.r.o.
Author URI: http://www.webees.cz/
Version: 1.0
*/

/* Barvy šablony. Fallback za var() drží web funkční i ve starých prohlížečích. */
:root {
	--barva-bila: #ffffff;
	--barva-seda: #979797;
	--barva-text: #4a4a4a;
	--barva-akcent: #c9dd0a;
	--barva-podklad: #e4e9f0;
	--barva-text-svetly: #777777;
	--barva-podklad-svetly: #f5f5f5;
	--barva-linka: #dfdfdf;
}

/* Fonts */

/* Elements */

html, body { background-color: #ddd; font-family: "Open Sans", sans-serif; line-height: 1.2; font-size: 17px; font-weight: 300; color: #4B4B59; padding-top: 97px; }

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span_third, .span17, .span20, .span30 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; padding-left: 13px; padding-right: 13px; }
.span1 { width: 12.5%; }
.span2 { width: 25%; }
.span3 { width: 37.5%; }
.span4 { width: 50%; }
.span5 { width: 62.5%; }
.span6 { width: 75%; }
.span7 { width: 87.5%; }
.span8 { width: 100%; margin-left: 0; }
.span17 { width: 16.6%; }
.span20 { width: 20%; }
.span30 { width: 30%; }
.span_third { width: 33.33%; }
#wrapper { position: relative; }
.opacity {opacity: 0.9; transition: all 1.0s ease;}

input, select, textarea, button { font-family: sans-serif; line-height: 1; }
h1, h2, h3, h4, h5, h6 { margin: 0; }
h2 {font-size: 25px; font-weight: bold;}
a { text-decoration: none; color: var(--barva-text, #4a4a4a); }
a:hover { text-decoration: underline; color: var(--barva-text, #4a4a4a); }
:focus { outline: none; }
.in { margin: 0 auto; max-width: 980px; position: relative; padding: 0 20px; }
.inner { margin: 0 auto; max-width: 980px; position: relative; padding: 0px; }
.full-width { width: 100%; position: relative; padding: 0; }
.clear { clear: both; height: 0; overflow: hidden; }
.clear2 { clear: both; height: 0; overflow: hidden; }
.cleared { clear: both; height: 0; overflow: hidden; }
ul { list-style: none; }
ul, ul li { margin: 0; padding: 0; }
img { max-width: 100%; height: auto; }
.centered { max-width: 1440px; margin: 0 auto; background-color: var(--barva-bila, #fff); }
.centered-transparent { max-width: 1440px; margin: 0 auto; background-color: transparent; }
.right { text-align: right; }
.row {margin-left: -13px; margin-right: -13px;}

/* Sticky Header */

/*header .header-wrap.sticky {width: 100%; display: block; padding-bottom: 100px;}

header .header-wrap.sticky .header-main {height: 137px;}
header .header-wrap.sticky .header-main .logo {padding-top: 11px;}
header .header-wrap.sticky .header-main .logo img {max-height: 114px;}

/*header .header-wrap.sticky .header-main .social-menu {width: 300px; padding-top: 26px;}
header .header-wrap.sticky .header-main .social-menu ul li {float: none; margin-right: 0;}

header .header-wrap.sticky .header-main .right .item { font-size: 14px; color: var(--barva-text-svetly, #777777); display: inline-block; position: relative; text-align: left; padding-right: 0; }
header .header-wrap.sticky .header-main .right .item.mail { padding-left: 0px; position: absolute; right: 260px; top: 35px; display: none; }
header .header-wrap.sticky .right .item.phone { padding-left: 0px; position: absolute; right: 260px; top: 35px; display: none; }

/*header .header-wrap.sticky .main-menu {height: 60px;}
header .header-wrap.sticky .main-menu .full-menu ul li a {padding: 10px 40px 11px; font-size: 16px;}
header .header-wrap.sticky .main-menu .full-menu ul li a:hover {background-color: var(--barva-akcent, #c9dd0a); color: var(--barva-text, #4a4a4a); text-decoration: none;}
header .header-wrap.sticky .main-menu .full-menu ul li.current-menu-item a {background-color: var(--barva-akcent, #c9dd0a); color: var(--barva-text, #4a4a4a); font-weight: 600; border: 1px solid var(--barva-seda, #979797); font-size: 18px; text-decoration: none; padding: 10px 40px 18px; border-radius: 0px 0px 17px 17px;}

header .header-wrap.sticky .main-menu .full-menu ul li .sub-menu {width: 100%; position: absolute; visibility: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transition: 200ms linear; -moz-transition: 200ms linear; -o-transition: 200ms linear; transition: 200ms linear;}
header .header-wrap.sticky .main-menu .full-menu ul li:hover .sub-menu {position: absolute; visibility: visible; opacity: 1; filter: alpha(opacity=100);}
header .header-wrap.sticky .main-menu .full-menu ul li .sub-menu li {display: block; float: none;}
header .header-wrap.sticky .main-menu .full-menu ul li .sub-menu li a {display: block; border-right: 1px solid var(--barva-seda, #979797); border-bottom: 1px solid var(--barva-seda, #979797);}
header .header-wrap.sticky .main-menu .full-menu ul li .sub-menu li:first-of-type a{border-top: 1px solid var(--barva-seda, #979797);}
header .header-wrap.sticky .main-menu .full-menu ul li .sub-menu li a:hover {background-color: var(--barva-akcent, #c9dd0a); color: var(--barva-text, #4a4a4a); font-weight: 300; font-size: 16px; padding: 9px 40px; border-radius: 0;}

header .header-wrap.sticky .main-menu .lang-wrap .lang-button {background-size: 20px; width: 20px; height: 20px; margin: 10px 10px 0px 0px; transition: all 0.6s ease;}
header .header-wrap.sticky .main-menu .lang-menu {margin-top: 12px;}
header .header-wrap.sticky .main-menu .lang-menu li {display: inline-block; margin-left: 10px;}

.sticky {position: fixed; max-width: 1440px; margin: 0 auto; z-index: 5; transition: all 0.4s ease;}
*/
/* Header */

header {position: relative; z-index: 5;}

.header-wrap {position: fixed; max-width: 1440px; margin: 0 auto; z-index: 5; width: 100%; top: 0;}
.header-main { padding: 0 20px; height: 137px; overflow: hidden; transition: all 0.20s ease; position: relative;}
.header-main .logo { display: block; padding-top: 12px; position: absolute; left: -107px; }
.header-main .logo a { display: block; }
.header-main .logo img { max-height: 114px; }

.header-main .right { width: 50%; float: right; padding-top: 0px; }

.header-main .social-menu {width: 120px; float: right; padding-top: 30px; margin-right: 0px;}
.header-main .social-menu ul li { display: inline-block; margin-bottom: 3px; margin-left: 3px; float: right; }
.header-main .social-menu ul li a { text-indent: 100%; white-space: nowrap; overflow: hidden; color: transparent; background-repeat: no-repeat; background-size: 38px; display: block; width: 38px; height: 38px; }
.header-main .social-menu ul li.facebook a { background-image: url("images/facebook.png"); }
.header-main .social-menu ul li.instagram a { background-image: url("images/instagram.png"); }
.header-main .social-menu ul li.twitter a { background-image: url("images/twitter.png"); }
.header-main .social-menu ul li.linkedin a { background-image: url("images/linkedin.png"); }
.header-main .social-menu ul li.phone a { background-image: url("images/telefon.png"); }
.header-main .social-menu ul li.email a { background-image: url("images/email.png"); }

.header-main .social-menu ul li.facebook a:hover { background-image: url("images/facebook_hover.png"); }
.header-main .social-menu ul li.instagram a:hover { background-image: url("images/instagram_hover.png"); }
.header-main .social-menu ul li.twitter a:hover { background-image: url("images/twitter_hover.png"); }
.header-main .social-menu ul li.linkedin a:hover { background-image: url("images/linkedin_hover.png"); }
.header-main .social-menu ul li.phone a:hover { background-image: url("images/telefon_hover.png"); }
.header-main .social-menu ul li.email a:hover { background-image: url("images/email_hover.png"); }

.header-main .right { position: relative; }
.header-main .right .item { font-size: 16px; color: var(--barva-text-svetly, #777777); display: inline-block; position: relative; text-align: left; padding-right: 5px; }
.header-main .right .item.mail { padding-left: 30px; position: absolute; right: 100px; top: 80px; display: none; }
/*.header-main .right .item.mail:before { content: ""; background-image: url("images/email.png"); background-position: left center; background-repeat: no-repeat; background-size: 24px 19px; position: absolute; top: 0; left: 0; width: 24px; height: 19px; }*/
.header-main .right .item.phone { padding-left: 30px; position: absolute; right: 100px; top: 40px; display: none; }
/*.header-main .right .item.phone:before { content: ""; background-image: url("images/telefon.png"); background-position: left center; background-repeat: no-repeat; background-size: 24px 20px; position: absolute; top: 0; left: 0; width: 24px; height: 20px; }*/

/* Menu */

.main-menu {background-color: var(--barva-text, #4a4a4a); height: 60px; position: relative; z-index: 3; transition: all 0.6s ease;}
.main-menu .full-menu ul li {display: inline-block; float: left; position: relative; text-align: center;}
.main-menu .full-menu ul li a {background-color: var(--barva-text, #4a4a4a); font-size: 18px; color: var(--barva-bila, #fff); padding: 19px 10px; display: inline-block; border-left: 1px solid var(--barva-seda, #979797); width: 133px;}
.main-menu .full-menu ul li a:hover {background-color: var(--barva-text, #4a4a4a); color: var(--barva-akcent, #c9dd0a); text-decoration: none;}
.main-menu .full-menu ul li.current-menu-item a {background-color: var(--barva-akcent, #c9dd0a); color: var(--barva-text, #4a4a4a); font-weight: 400; border: 1px solid var(--barva-seda, #979797); font-size: 24px; text-decoration: none; border-radius: 0px 0px 17px 17px; width: 110px; padding-bottom: 25px;}
.main-menu .full-menu ul li:last-of-type a { border-right: 1px solid var(--barva-seda, #979797);}

.main-menu .full-menu ul li .sub-menu {width: 100%; position: absolute; visibility: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transition: 200ms linear; -moz-transition: 200ms linear; -o-transition: 200ms linear; transition: 200ms linear;}
.main-menu .full-menu ul li:hover .sub-menu {position: absolute; visibility: visible; opacity: 1; filter: alpha(opacity=100);}
.main-menu .full-menu ul li .sub-menu li {display: block; float: none;}
.main-menu .full-menu ul li .sub-menu li a {display: block; border-right: 1px solid var(--barva-seda, #979797); border-bottom: 1px solid var(--barva-seda, #979797);}
.main-menu .full-menu ul li .sub-menu li:first-of-type a{border-top: 1px solid var(--barva-seda, #979797);}
.main-menu .full-menu ul li .sub-menu li a:hover {background-color: var(--barva-akcent, #c9dd0a); color: var(--barva-text, #4a4a4a); font-weight: 400; font-size: 18px; padding: 19px 50px; border-radius: 0;}

.main-menu .lang-wrap {position: relative; float: right; margin-top: 20px; }
/*.main-menu .lang-wrap .lang-button {background-image: url("images/language-button.png"); background-size: 35px; background-repeat: no-repeat; width: 35px; height: 35px; display: block; cursor: pointer; float: left; margin: 13px 10px 0px 0px;}
.main-menu .lang-wrap .lang-button:hover {background-image: url("images/language-button-hover.png");}
*/
.main-menu .lang-menu {position: relative; margin-top: 0px; display: block; padding-left: 0px;}
.main-menu .lang-menu li {display: inline-block; margin-left: 4px;}
.main-menu .lang-menu ul li img {width: 28px; height: auto;}

.in-menu {max-width: 1170px !important;}

/* Slideshow */

.slideshow {position: relative; z-index: 2;}
.pager {position: absolute; top: 100px; right: 20px;; z-index: 3;}
.pager span {cursor: pointer; color: transparent; display: block; background-image: url("images/slide_off.png"); width: 20px; height: 20px; background-size: 20px; background-repeat: no-repeat; margin-bottom: 2px;}
.pager span.cycle-pager-active {cursor: pointer; color: transparent; display: block; background-image: url("images/slide_on.png"); width: 20px; height: 20px; background-size: 20px; background-repeat: no-repeat; margin-bottom: 2px;}
.cycle-slideshow {width: 100%; max-height: 545px; overflow: hidden;}
.largerheight .cycle-slideshow { max-height: 870px; }
.cycle-slideshow .slide img { -webkit-filter: brightness(70%); filter: brightness(70%);}
.block_slideshow {position: relative; z-index: 1; top: 0px;}
.in-slider {position: absolute; top: 35%; left: 0; right: 0; margin: auto; text-align: center;}
.in-slider .content h1 {font-size: 48px; font-weight: 400; letter-spacing: 10px; color: var(--barva-bila, #fff);}
.in-slider .content h2 {font-size: 24px; font-weight: 400; letter-spacing: 8px; color: var(--barva-bila, #fff);}

/* Block Columns */

.page-sluzby .block_columns {margin-top: 0;}

.block_columns.grey {background-color: var(--barva-podklad-svetly, #f5f5f5); padding-top: 50px; border-bottom: 1px solid var(--barva-linka, #dfdfdf); border-top: 1px solid var(--barva-linka, #dfdfdf); margin-top: 0;}
.block_columns.grey .column .content h2 {font-size: 20px;}

.block_columns {margin-top: -130px; position: relative; z-index: 2;}
.block_columns.larger { margin-top: -200px; }
.block_columns .column {text-align: center; margin-bottom: 43px;}
.block_columns .column .content {padding: 15px 15px 0px;}
.block_columns .column .content h2 {font-weight: 600; font-size: 24px; text-transform: uppercase; letter-spacing: 3px; line-height: 27px;}
.block_columns .column .content p {font-size: 16px; line-height: 22px;}
.block_columns.aligncenter .column { float: none; margin-left: auto; margin-right: auto; }
.block_columns .picture img {border-radius: 50%; border: 2px solid var(--barva-bila, #fff); max-width: 190px; height: auto;}
.block_columns.larger .picture img { max-width: 370px; }

/* Block Testimonials */

.block_testimonials {background-color: var(--barva-podklad-svetly, #f5f5f5); padding-top: 45px; padding-bottom: 30px;}
.block_testimonials h2 {text-align: center; font-size: 24px; font-weight: 600; letter-spacing: 3px; line-height: 27px; text-transform: uppercase; margin-bottom: 25px;}
.block_testimonials .item {background-color: var(--barva-bila, #fff); border: 2px solid #ebebeb; border-radius: 17px; margin-bottom: 30px; padding: 20px; position: relative; text-align: left; font-weight: 400;}
.block_testimonials .item .sport-icon {float: left; width: 40px; height: 40px; border-radius: 50%; margin: 0 10px 0px 0;}
.block_testimonials .item .sport-icon.golf {background-color: #b7e886; background-image: url("images/golf.png"); background-size: 20px; background-repeat: no-repeat; background-position: center center;}
.block_testimonials .item .sport-icon.tenis {background-color: #f5a523; background-image: url("images/tenis.png"); background-size: 27px; background-repeat: no-repeat; background-position: center center;}
.block_testimonials .item .testimonial-text {font-size: 14px; line-height: 20px;}
.block_testimonials .item .testimonial-author {font-size: 14px; font-weight: bold; margin: 15px 0 0;}
.block_testimonials .item .testimonial-date {font-size: 14px; font-weight: bold; margin: 5px 0 0;}
.hidden-class {display: none;}

/* Block Top Reference */

.block_top_ref {background-color: var(--barva-podklad-svetly, #f5f5f5); padding-top: 25px; border-top: 1px solid var(--barva-seda, #979797);}
.block_top_ref h2 {text-align: center; font-size: 24px; font-weight: 600; letter-spacing: 3px; line-height: 27px; text-transform: uppercase; margin-bottom: 25px;}
.block_top_ref .top_ref {background-color: var(--barva-bila, #fff); border: 2px solid #ebebeb; border-radius: 17px; margin-bottom: 43px; padding: 10px; position: relative; text-align: center; font-weight: 400;}
.block_top_ref .top_ref a {display: block;}
.block_top_ref .top_ref h3 a {font-size: 18px; font-weight: 400; color: var(--barva-text, #4a4a4a); text-decoration: none; line-height: 24px;}
.block_top_ref .top_ref h3 a:hover {text-decoration: underline;}
.block_top_ref .top_ref .country {font-size: 18px;}
.block_top_ref .top_ref .sport {text-align: center; display: block; font-size: 24px; line-height: 33px; font-weight: 600; text-transform: uppercase; letter-spacing: 3px; padding-top: 10px;}
.block_top_ref .top_ref .location {display: block;}
.block_top_ref .top_ref .meta {display: block; width: 100%;}
.block_top_ref .top_ref a.location {float: left; text-indent: 100%; white-space: nowrap; overflow: hidden; color: transparent; background-image: url("images/location.png"); background-repeat: no-repeat; background-size: 18px 25px; display: block; width: 18px; height: 25px; margin-top: 2px;}
.block_top_ref .top_ref .flag {position: relative; float: right; background-size: 30px 22px; background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; color: transparent; width: 30px; height: 22px; display: block;}
.block_top_ref .top_ref .flag.usa {background-image: url("images/flag-usa.png");}
.block_top_ref .top_ref .flag.evropa {background-image: url("images/flag-es.png");}
.more {background-image: url("images/more.png"); background-position: center center; background-repeat: no-repeat; background-size: 41px; display: block; width: 41px; height: 41px; font-size: 14px; font-weight: 600; letter-spacing: 0.6px; color: #9C9C9C; padding-top: 22px; margin: 0 auto; padding-left: 12px;}
.more:hover {text-decoration: none; color: var(--barva-text, #4a4a4a);}

.less {background-image: url("images/more.png"); background-position: center center; background-repeat: no-repeat; background-size: 41px; display: none; width: 41px; height: 41px; font-size: 14px; font-weight: 600; letter-spacing: 0.6px; color: #9C9C9C; padding-top: 22px; margin: 0 auto; padding-left: 12px;}
.less:hover {text-decoration: none; color: var(--barva-text, #4a4a4a);}

/* Block Info */

.block_info {padding-top: 80px; padding-bottom: 35px;}
.block_info .bio {float: left; max-width: 190px; text-align: center; padding-right: 85px; margin-bottom: 30px;}
.block_info .bio .picture img {max-width: 190px; height: auto; border-radius: 50%;}
.block_info .bio .desc {margin-top: 20px;}
.block_info .bio .desc h3 {font-size: 24px; font-weight: 400; line-height: 27px; letter-spacing: 3px; text-transform: uppercase;}
.block_info .bio .desc p {margin: 0; font-size: 14px; line-height: 21px;}
.block_info h3 {font-size: 20px; font-weight: 600;}
.block_info .content p {font-size: 14px; font-weight: 300; line-height: 21px;}
.block_info .content em strong {font-size: 18px; font-weight: 600;}

/* Block Academies */

.block_academies {background-color: var(--barva-podklad-svetly, #f5f5f5); padding-top: 45px; border-bottom: 1px solid var(--barva-linka, #dfdfdf); border-top: 1px solid var(--barva-linka, #dfdfdf);}
.block_academies h2.main {text-align: center; font-size: 24px; font-weight: 600; letter-spacing: 3px; line-height: 27px; text-transform: uppercase; margin-bottom: 15px;}
.block_academies.headlinegap h2.main { margin-bottom: 40px; }
.block_academies .headline {width: 100%; text-align: center; clear: both;}
.block_academies h2 {text-align: center; font-size: 24px; font-weight: 600; letter-spacing: 3px; line-height: 27px; text-transform: uppercase; margin-bottom: 35px;}

.block_academies.map-usa {background-image: url("images/map-usa.png"); background-size: contain; background-repeat: no-repeat;}
.block_academies.map-eu {background-image: url("images/map-eu.png"); background-size: contain; background-repeat: no-repeat;}

.block_academies .academy {background-color: var(--barva-bila, #fff); border-radius: 17px; margin-bottom: 43px; padding: 10px; position: relative; text-align: center; font-weight: 400;}
.block_academies .academy a {display: block;}
.block_academies .academy h3 a {font-size: 18px; font-weight: 400; color: var(--barva-text, #4a4a4a); text-decoration: none; line-height: 24px;}
.block_academies .academy h3 a:hover {text-decoration: underline;}
.block_academies .academy .country {font-size: 18px;}
.block_academies .academy .sport {text-align: center; display: block; font-size: 24px; line-height: 33px; font-weight: 600; text-transform: uppercase; letter-spacing: 3px; padding-top: 10px;}
.block_academies .academy .location {display: block;}
.block_academies .academy .meta {display: block; width: 100%;}
.block_academies .academy .flag {position: relative; float: right; background-size: 30px 22px; background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; color: transparent; width: 30px; height: 22px; display: block;}
.block_academies .academy a.location {float: left; text-indent: 100%; white-space: nowrap; overflow: hidden; color: transparent; background-image: url("images/location.png"); background-repeat: no-repeat; background-size: 18px 25px; display: block; width: 18px; height: 25px; margin-top: 2px;}
.block_academies .academy .rating {position: absolute; bottom: 20px; right: 10px;}

#big-center {margin: 0 auto !important; float: none !important;}

/* Single Academy */

#academy .header {position: relative; background-size: contain; overflow: hidden;}
#academy .header .bg-picture {z-index: 1; position: relative;}
#academy .header .bg-picture img {brightness(70%); filter: brightness(70%); display: block;}
#academy .header .picture {position: absolute; top: 5%; left: 0; right: 0; margin: auto; display: block; z-index: 2; text-align: center;}
#academy .header .picture img {max-width: 190px; height: auto; border-radius: 50%; border: 2px solid var(--barva-bila, #fff);}
#academy .header .content {position: absolute; top: 45%; left: 0; right: 0; margin: auto; display: block; z-index: 2; text-align: center;}
#academy .header .rating {position: absolute; bottom: 40px; left: 0; right: 0; margin: auto; display: block; z-index: 2; text-align: center; color: var(--barva-bila, #fff);}
#academy .header .content, #academy .header .content h1 {font-size: 48px; font-weight: 300; line-height: 60px; color: var(--barva-bila, #fff);}
#academy .header .content strong {font-weight: 600;}

#academy .content-wrap {background-color: var(--barva-podklad-svetly, #f5f5f5); padding-top: 25px; padding-bottom: 30px; position: relative; width: 100%;}
#academy .content-wrap .content .logo {display: block; text-align: center;}
#academy .content-wrap .content .logo img {max-width: 186px; height: auto;}
#academy .content-wrap .content .paragraphs p {font-size: 16px; font-weight: 300; line-height: 22px;}
#academy .content-wrap .content .paragraphs .single {position: relative;}
#academy .content-wrap .content .paragraphs .house {background-image: url("images/house.png"); background-repeat: no-repeat; background-size: 39px 23px; width: 39px; height: 23px; display: block; position: absolute; top: 0; left: -50px;}
#academy .content-wrap .content .paragraphs .tenis {background-image: url("images/tenis.png"); background-repeat: no-repeat; background-size: 28px 25px; width: 28px; height: 25px; display: block; position: absolute; top: 0; left: -40px;}
#academy .content-wrap .content .paragraphs .plane {background-image: url("images/plane.png"); background-repeat: no-repeat; background-size: 23px 25px; width: 23px; height: 25px; display: block; position: absolute; top: 0; left: -35px;}
#academy .content-wrap .content .paragraphs .golf {background-image: url("images/golf.png"); background-repeat: no-repeat; background-size: 20px 25px; width: 20px; height: 25px; display: block; position: absolute; top: 0; left: -35px;}

#academy .content-wrap a.contact {background-image: url("images/email_interesting.png"); background-size: 28px 21px; background-repeat: no-repeat; background-position: 25px center; background-color: var(--barva-akcent, #c9dd0a); border-radius: 17px 17px 0px 0px; display: block; border: 1px solid var(--barva-seda, #979797); border-bottom: none; color: var(--barva-text-svetly, #777777); text-align: center; font-weight: 600; font-size: 18px; text-transform: lowercase; padding: 16px 0;}
#academy .content-wrap a.contact:hover {background-image: url("images/email_interesting_hover.png"); color: var(--barva-text, #4a4a4a);}
#academy .content-wrap a.contact:hover {text-decoration: none;}
#academy .content-wrap .image-side-wrap {margin-top: 21px;}
#academy .content-wrap .image-side-wrap .image-side {max-width: 219px; float: right;}

#academy .content-wrap .atts {position: relative; margin-top: 25px; margin-bottom: 25px;}
#academy .content-wrap .atts .flag-left {position: absolute; top: 0; left: -50px; width: 38px; height: 28px;}

#academy .content-wrap .gallery .span4 {padding-left: 0; padding-right: 0;}
#academy .content-wrap .gallery a {margin-bottom: 10px; display: block; text-align: right;}
#academy .content-wrap .gallery img {display: inline-block; border: 1px solid var(--barva-seda, #979797);}

#academy .content-wrap .download {text-align: right;}
#academy .content-wrap .download .pdf {font-size: 14px; background-image: url("images/pdf.png"); background-repeat: no-repeat; background-size: 14px 19px; background-position: right center; display: block; padding-right: 20px; height: 19px;}

/* Blog */

#posts {padding: 60px 0 0;}
#posts .post {margin-bottom: 43px;}
#posts .post .picture {max-height: 300px; overflow: hidden;}
#posts .post h2 {font-size: 18px; line-height: 27px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; margin-top: 15px;}
#posts .post p {font-size: 14px; font-weight: 300; line-height: 22px;}

/* Contact Form */

.block_contact {padding-top: 25px; border-top: 1px solid var(--barva-linka, #dfdfdf); border-bottom: 1px solid var(--barva-linka, #dfdfdf);}
.block_contact .content h2 {font-size: 24px; font-weight: 400; line-height: 22px; text-transform: uppercase; text-align: center; margin-bottom: 25px;}
.gform_wrapper input[type="text"] {height: 42px; background-color: #F0F2F7; border: 1px solid var(--barva-podklad, #e4e9f0); border-radius: 25px; padding: 5px 15px !important; font-size: 14px !important; font-weight: 400; color: #000;}
.gform_wrapper input[type="email"] {height: 42px; background-color: #F0F2F7; border: 1px solid var(--barva-podklad, #e4e9f0); border-radius: 25px; padding: 5px 15px !important; font-size: 14px !important; font-weight: 400; color: #000;}
.gform_wrapper textarea {background-color: #F0F2F7; border: 1px solid var(--barva-podklad, #e4e9f0); border-radius: 4px; padding: 10px 15px !important; font-size: 14px !important; font-weight: 400; color: var(--barva-text-svetly, #777777); line-height: 23px;}
.gform_wrapper .top_label .gfield_label {font-size: 12px; font-weight: 400 !important; letter-spacing: 1px; color: var(--barva-text-svetly, #777777); padding-left: 20px;}
.gform_wrapper.gf_browser_gecko ul.gform_fields li.gfield select {height: 42px; line-height: 22px; background-color: var(--barva-bila, #fff); border: 1px solid var(--barva-podklad, #e4e9f0); border-radius: 25px; padding: 5px 15px !important; font-size: 14px !important; font-weight: 400; color: #000; appearance: none; -moz-appearance: none; -webkit-appearance: none; background-image: url("images/select.png"); background-repeat: no-repeat; background-position: 93% center; background-size: 10px;}
select {height: 42px; line-height: 22px; background-color: var(--barva-bila, #fff); border: 1px solid var(--barva-podklad, #e4e9f0); border-radius: 25px; padding: 5px 15px !important; font-size: 14px !important; font-weight: 400; color: #000; appearance: none; -moz-appearance: none; -webkit-appearance: none; background-image: url("images/select.png"); background-repeat: no-repeat; background-position: 93% center; background-size: 10px;}
.gform_wrapper li.gfield.gf_list_2col label.gfield_label {display: block; text-align: center; font-size: 24px; font-weight: 400; color: #000; margin: 0 0 25px !important; padding-top: 35px;}
.gform_wrapper .gfield_checkbox li label {font-size: 13px !important;}
.gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox {padding-left: 75px; margin-bottom: 25px !important;}
.gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox li {min-height: 0.8em !important;}
.gform_wrapper li.gfield.hide-captcha label { display: none; }
.gform_wrapper ul li.gfield.hidden_label{display: inline-block !important; padding-top: 25px !important; width: 200px !important;}
.gform_wrapper .gform_footer {text-align: right; margin: -3em 0 0 !important;}
.gform_wrapper .gform_footer input[type="submit"] {height: 42px !important; border-radius: 25px; background-color: var(--barva-akcent, #c9dd0a); border: 1px solid #9B9B9B; text-transform: uppercase; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 1px; width: 200px;}

	
.gform_wrapper .top_label li.gfield input.medium {width: 100% !important;}
.gform_wrapper .top_label li.gfield select.medium {width: 100% !important;}
.gform_wrapper textarea.medium{width: 100% !important;}

.gform_wrapper div.validation_error {color: #000 !important; font-size: 16px !important; border-top: none !important; border-bottom: none !important;}
.gform_wrapper li.gfield.gfield_error {background-color: transparent !important; border-top: none !important; border-bottom: none !important;}
.gform_wrapper li.gfield_error input[type="text"] {border: 1px solid var(--barva-podklad, #e4e9f0) !important;}
.gform_wrapper li.gfield_error input[type="email"] {border: 1px solid var(--barva-podklad, #e4e9f0) !important;}
.gform_wrapper .gfield_error .gfield_label {color: var(--barva-text-svetly, #777) !important;}
.gform_wrapper .validation_message {color: #000 !important; font-size: 14px !important;}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {margin-top: 0 !important;}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required{margin-top: 0 !important;}
.gform_wrapper li.gfield_error ul.gfield_checkbox {color: #000 !important;}
.gform_wrapper li.gfield_error textarea {border: 1px solid var(--barva-podklad, #e4e9f0) !important;}

.custom-checkbox{
		width: 20px;
		height: 20px;
		display: inline-block;
		position: relative;
		z-index: 1;
		top: 0px;
		float: left;
		background: url("images/checkbox-uncheck.png") no-repeat;
		background-size: 20px;
		margin-right: 10px;
	}
	.custom-checkbox.selected{
		background: url("images/checkbox-check.png") no-repeat;
		background-size: 20px;
	}
	.custom-checkbox input[type="checkbox"]{
		margin: 0;
		position: absolute;
		z-index: 2;            
		cursor: pointer;
		outline: none;
		opacity: 0;
		width: 20px;
		height: 20px;
		/* CSS hacks for older browsers */
		_noFocusLine: expression(this.hideFocus=true); 
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-khtml-opacity: 0;
		-moz-opacity: 0;
	}

/* 4 column Gravity Forms custom ready class ------------------------------------------------------*/

.gform_wrapper .top_label li.gfield.gf_first_quarter,
.gform_wrapper .top_label li.gfield.gf_second_quarter,
.gform_wrapper .top_label li.gfield.gf_third_quarter,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter {
	margin:0 0 8px 0;
	width:24%;
}

.gform_wrapper .top_label li.gfield.gfield_error.gf_first_quarter,
.gform_wrapper .top_label li.gfield.gfield_error.gf_second_quarter,
.gform_wrapper .top_label li.gfield.gfield_error.gf_third_quarter {
	width:21%;
}

.gform_wrapper .top_label li.gfield.gfield_error.gf_third_quarter {
	margin-right:1%;
}

.gform_wrapper .top_label li.gfield.gf_first_quarter {
	float:left;
	clear:left!important;
}

.gform_wrapper .top_label li.gfield.gf_second_quarter,
.gform_wrapper .top_label li.gfield.gf_third_quarter,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter {
	float:left;
	margin-left:1% !important;
	clear:none!important;
}

.gform_wrapper .top_label li.gfield.gfield_error.gf_second_quarter,
.gform_wrapper .top_label li.gfield.gfield_error.gf_third_quarter {
	margin-left:3%;
}

.gform_wrapper .top_label li.gfield.gf_first_quarter input.medium,
.gform_wrapper .top_label li.gfield.gf_first_quarter input.large,
.gform_wrapper .top_label li.gfield.gf_first_quarter select.medium,
.gform_wrapper .top_label li.gfield.gf_first_quarter select.large,
.gform_wrapper .top_label li.gfield.gf_second_quarter input.medium,
.gform_wrapper .top_label li.gfield.gf_second_quarter input.large,
.gform_wrapper .top_label li.gfield.gf_second_quarter select.medium,
.gform_wrapper .top_label li.gfield.gf_second_quarter select.large,
.gform_wrapper .top_label li.gfield.gf_third_quarter input.medium,
.gform_wrapper .top_label li.gfield.gf_third_quarter input.large,
.gform_wrapper .top_label li.gfield.gf_third_quarter select.medium,
.gform_wrapper .top_label li.gfield.gf_third_quarter select.large,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter input.medium,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter input.large,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter select.medium,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter select.large {
	width:95%;
}

.gform_wrapper .top_label li.gfield.gf_first_quarter+li.gsection,
.gform_wrapper .top_label li.gfield.gf_third_quarter+li.gsection {
	padding:16px 0 8px 0;
}

.gform_wrapper .top_label li.gfield.gf_first_quarter+li.gfield,
.gform_wrapper .top_label li.gfield.gf_second_quarter+li.gfield,
.gform_wrapper .top_label li.gfield.gf_third_quarter+li.gfield,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter+li.gfield {
	clear:both;
}

.gform_wrapper .top_label li.gfield.gf_first_quarter+.gform_footer,
.gform_wrapper .top_label li.gfield.gf_second_quarter+.gform_footer,
.gform_wrapper .top_label li.gfield.gf_third_quarter+.gform_footer,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter+.gform_footer {
	clear:both;
}

/* Footer */

footer {background-color: var(--barva-podklad-svetly, #f5f5f5) !important; color: var(--barva-text-svetly, #777); height: 110px;}
footer .left .logo {padding-top: 8px;}
footer .left .logo a {display: block;}
footer .left .logo img {max-height: 77px;}
footer .left .copyright {padding-left: 3%; margin-top: -5px;}
footer .left .copyright p {font-size: 10px; line-height: 14px; margin: 0;}

footer .center {padding-top: 25px;}
footer .center .details p {font-size: 10px; line-height: 14px; margin: 0;}
footer .center .items {margin-top: 15px;}
footer .center .items .item {display: none; font-size: 10px; line-height: 14px; margin-right: 20px}
footer .center .items .item.person {background-image: url("images/person.png"); background-repeat: no-repeat; background-position: left 3px; background-size: 18px; padding-left: 23px;}
footer .center .items .item.bank {background-image: url("images/bank.png"); background-repeat: no-repeat; background-position: left 3px; background-size: 23px 18px; padding-left: 28px;}

footer .right .social-menu {width: 110px; float: right; padding-top: 22px; margin-right: 0px;}
footer .right .social-menu ul li { display: inline-block; margin-bottom: 5px; margin-left: 5px; float: right;}
footer .right .social-menu ul li a { text-indent: 100%; white-space: nowrap; overflow: hidden; color: transparent; background-repeat: no-repeat; background-size: 32px; display: block; width: 32px; height: 32px; }
footer .right .social-menu ul li.facebook a { background-image: url("images/facebook.png"); }
footer .right .social-menu ul li.instagram a { background-image: url("images/instagram.png"); }
footer .right .social-menu ul li.twitter a { background-image: url("images/twitter.png"); }
footer .right .social-menu ul li.linkedin a { background-image: url("images/linkedin.png"); }
footer .right .social-menu ul li.phone a { background-image: url("images/telefon.png"); }
footer .right .social-menu ul li.email a { background-image: url("images/email.png"); }

footer .right .social-menu ul li.facebook a:hover { background-image: url("images/facebook_hover.png"); }
footer .right .social-menu ul li.instagram a:hover { background-image: url("images/instagram_hover.png"); }
footer .right .social-menu ul li.twitter a:hover { background-image: url("images/twitter_hover.png"); }
footer .right .social-menu ul li.linkedin a:hover { background-image: url("images/linkedin_hover.png"); }
footer .right .social-menu ul li.phone a:hover { background-image: url("images/telefon_hover.png"); }
footer .right .social-menu ul li.email a:hover { background-image: url("images/email_hover.png"); }

footer .right .item { font-size: 13px; color: var(--barva-text-svetly, #777777); display: inline-block; position: relative; text-align: left; padding-right: 5px;}
footer .right .item.mail { padding-left: 30px; position: absolute; right: 100px; top: 65px; display: none; }
footer .right .item.phone { padding-left: 30px; position: absolute; right: 100px; top: 30px; display: none; }


.map { width: 100%; height: 584px; overflow: hidden; border: var(--barva-seda, #979797) solid 1px; margin: 0; }
/* fixes potential theme css conflict */
.map img { max-width: inherit !important; }

.mobile-menu {display: none;}
.main-menu .logo {display: none;}

.mobile-on {display: none;}

.big-center {margin: 0 auto !important; float: none !important;}

.mobile-contact-side {position: fixed; top: 350px; right: -47px; z-index: 3; transform: rotate(-90deg); -webkit-transform:  rotate(-90deg); -moz-transform: rotate(-90deg);}
.mobile-contact-side a.contact {background-size: 18px 12px !important; background-position: 105px center !important; padding: 10px 30px 0 0px !important; height: 27px; font-size: 12px !important; text-align: center; width: 100px;}

/* 404 */

#page404 {padding: 80px 0;}

/* Responsive */

@media(max-width: 1300px) {
	
	.main-menu .full-menu ul li a {padding: 19px 0px; width: 120px;}
	.main-menu .full-menu ul li.current-menu-item a {padding: 23px 0px 20px; width: 120px; font-size: 22px;}
	
	header .header-wrap.sticky .main-menu .full-menu ul li a {padding: 10px 35px;}
	header .header-wrap.sticky .main-menu .full-menu ul li.current-menu-item a {padding: 13px 25px 18px; font-size: 22px;}
	
	.main-menu .lang-wrap { margin-top: 75px; }
}

@media(max-width: 1250px) {
		
	.header-main .logo {left: 10px;}
}

@media(max-width: 1200px) {
	
	.paragraphs {padding-left: 35px;}
	
	.map {height: 584px; overflow: hidden;}

}

@media(max-width: 1100px) {
	.map {height: 584px; overflow: hidden;}
	
	#academy .header .content {top: 50%;}
	#academy .header .content h1 {font-size: 32px; line-height: 36px;}
	#academy .content-wrap .atts .flag-left { left: 0; top: -35px;}
}

@media(min-width: 951px) {
	.block_columns.grey .clear2 {display: none;}
	footer .left .copyright br {display: none;}
}

@media(max-width: 950px) {
	
	.block_testimonials .span1 {width: 100%;}
	.block_testimonials .span2 {width: 100%;}
	.block_testimonials .span3 {width: 100%;}
	.block_testimonials .span_third {width: 100%;}
	.block_testimonials .span4 {width: 100%;}
	.block_testimonials .span5 {width: 100%;}
	.block_testimonials .span6 {width: 100%;}
	.block_testimonials .span7 {width: 100%;}
	.block_testimonials .span8 {width: 100%;}
	.block_testimonials .span17 {width: 100%;}
	.block_testimonials .span20 {width: 100%;}
	.block_testimonials .span30 {width: 100%;}
	
	.block_columns .column {margin-bottom: 15px;}
		
	.block_columns.grey .clear {display: none;}
	
	html, body {padding-top: 20px;}
	
	.header-main {display: none;}
	.mobile-menu {display: block; width: 33%; float: left;}
	.full-menu {display: none;}
	.main-menu {height: 50px;}
	.mobile-button {background-image: url("images/mobile-menu.png"); background-size: 17px 15px; background-repeat: no-repeat; width: 17px; height: 15px; display: block; cursor: pointer; margin: 18px 0px 0px 0px;}
	.mobile-menu .mobile {display: none; position: absolute; top: 50px; left: 0; z-index: 5;}
	.mobile-menu .mobile ul {border-top: 1px solid var(--barva-seda, #979797);}
	.mobile-menu .mobile ul li {display: block; text-align: center; position: relative; text-align: center;}
	.mobile-menu .mobile ul li a {background-color: var(--barva-text, #4a4a4a); border-bottom: 1px solid var(--barva-seda, #979797); border-right: 1px solid var(--barva-seda, #979797); padding: 13px 0px; font-size: 12px; font-weight: 300; color: var(--barva-bila, #fff); display: block; width: 120px;}
	.mobile-menu .mobile ul li a:hover {text-decoration: none; background-color: var(--barva-text, #4a4a4a); color: var(--barva-akcent, #c9dd0a); font-size: 12px; font-weight: 300;}
	.mobile-menu .mobile ul li.current-menu-item a {text-decoration: none; background-color: var(--barva-akcent, #c9dd0a); color: var(--barva-bila, #fff); font-size: 14px; font-weight: 600; padding-right: 10px; border-radius: 0px 8px 8px 0px;}
	
	.mobile-menu .mobile ul li .sub-menu {position: absolute; top: 0; left: 125px; visibility: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transition: 200ms linear; -moz-transition: 200ms linear; -o-transition: 200ms linear; transition: 200ms linear;}
	.mobile-menu .mobile ul li:hover .sub-menu {position: absolute; visibility: visible; opacity: 1; filter: alpha(opacity=100);}
	.mobile-menu .mobile ul li .sub-menu li {display: block; float: none;}
	.mobile-menu .mobile ul li .sub-menu li a {display: block; border-right: 1px solid var(--barva-seda, #979797); border-bottom: 1px solid var(--barva-seda, #979797);}
	.mobile-menu .mobile ul li .sub-menu li:first-of-type a{border-top: 1px solid var(--barva-seda, #979797);}
	.mobile-menu .mobile ul li .sub-menu li a:hover {background-color: var(--barva-akcent, #c9dd0a); color: var(--barva-text, #4a4a4a); font-weight: 300; font-size: 12px; border-radius: 0;}
	
	.main-menu .logo {display: block; width: 33%; float: left; text-align: center;}
	.main-menu .logo img {height: 34px; padding-top: 9px;}
	
	.main-menu .lang-wrap { margin-top: 0; }
	.main-menu .lang-wrap .lang-button {background-image: url("images/language-button.png"); background-size: 25px; background-repeat: no-repeat; width: 25px; height: 25px; display: block; cursor: pointer; float: right; margin: 14px 0px 0px 0px;}
	.main-menu .lang-wrap .lang-button:hover {background-image: url("images/language-button-hover.png");}
	.main-menu .lang-wrap {display: block; width: 33%; float: left; text-align: right; position: relative; right: 0;}
	.main-menu .lang-menu {display: none; right: 0px; top: 60px; position: absolute; float: none;}
	.main-menu .lang-menu ul li {display: block; margin-bottom: 10px;}
	.main-menu .lang-menu ul li img {width: 23px; height: auto;}
	
	.sticky .mobile-button {margin: 12px 0px 0px 20px;}
	.sticky .mobile-menu .mobile {top: 40px;}
	
	.sticky .main-menu .logo img {padding-top: 3px;}
	
	header .header-wrap.sticky .main-menu .lang-wrap .lang-button {margin: 10px 20px 0px 0px;}
	header .header-wrap.sticky .main-menu .lang-menu {right: 13px; top: 60px; transition: none;}
	header .header-wrap.sticky .main-menu .lang-menu ul li {display: block; margin-bottom: 10px;}
	
	.cycle-slideshow {width: 100%; max-height: 345px; overflow: hidden;}
	.block_slideshow {position: relative; z-index: 1; top: 0px;}
	.pager {display: none;}
	.in-slider {position: absolute; top: 35%; left: 0; right: 0; margin: auto; text-align: center;}
	.in-slider .content h1 {font-size: 38px; font-weight: 400; color: var(--barva-bila, #fff);}
	.in-slider .content h2 {font-size: 18px; font-weight: 400; color: var(--barva-bila, #fff);}
	
	.block_columns .column.span_third {width: 50%;}
	.block_columns, .block_columns.larger {margin-top: -100px;}
	.block_columns.larger .picture img {max-width: 190px;}
	
	.block_academies.headlinegap h2.main { margin-bottom: 15px; }
	
	.block_top_ref .span_third {width: 50%;}
	
	.block_info h3 {margin-bottom: 30px;}
	.block_academies .span_third {width: 50%;}
	
	#academy .header {background-size: cover;}
	#academy .header .picture {top: 5%;}
	#academy .header .picture img {max-width: 128px;}
	#academy .header .content {top: 50%;}
	#academy .header .content h1 {font-size: 28px; line-height: 36px;}
	
	
	.mobile-on {display: block;}
	.mobile-off {display: none;}
	
	.block_info .bio {float: none; margin: 0 auto 30px;}
	
	footer.mobile-on {height: auto;}
	footer .top {height: 45px; background-color: var(--barva-podklad-svetly, #f5f5f5);}
	footer .top .phone_footer {font-size: 14px; font-weight: 400; line-height: 19px; background-image: url("images/phone_footer.png"); background-repeat: no-repeat; background-size: 24px 20px; padding-left: 30px; margin-top: 13px; display: block;}
	footer .top .phone_footer:hover {text-decoration: none;}
	footer .top .copyright {font-size: 8px; line-height: 11px; padding-top: 3px;}
	
	footer .bottom {height: 80px; background-color: var(--barva-text, #4a4a4a);}
	footer .bottom .contact_footer {font-size: 18px; font-weight: 400; color: var(--barva-bila, #fff); line-height: 19px; background-image: url("images/email_footer.png"); background-repeat: no-repeat; background-size: 24px 19px; padding-left: 30px; margin-top: 13px; display: block;}
	footer .bottom .contact_footer:hover {text-decoration: none;}
	footer .bottom .logo {padding-top: 18px;}
	footer .bottom .logo img {max-width: 149px; height: auto;}
	footer .bottom .logo a {display: block;}
	
	footer .bottom .social-menu {margin-top: 15px; display: block;}
	footer .bottom .social-menu ul li {display: inline-block;}
	footer .bottom .social-menu ul li a {text-indent: 100%; white-space: nowrap; overflow: hidden; color: transparent; background-repeat: no-repeat; background-size: 24px; display: block; width: 24px; height: 24px;}
	footer .bottom .social-menu ul li.facebook a { background-image: url("images/facebook_hover.png"); }
	footer .bottom .social-menu ul li.instagram a { background-image: url("images/instagram_hover.png"); }
	footer .bottom .social-menu ul li.twitter a { background-image: url("images/twitter_hover.png"); }
	footer .bottom .social-menu ul li.linkedin a { background-image: url("images/linkedin_hover.png"); }
	footer .bottom .social-menu ul li.phone a { background-image: url("images/telefon_hover.png"); }
	footer .bottom .social-menu ul li.email a { background-image: url("images/email_hover.png"); }
	
	footer .bottom .social-menu ul li.facebook a:hover { background-image: url("images/facebook.png"); }
	footer .bottom .social-menu ul li.instagram a:hover { background-image: url("images/instagram.png"); }
	footer .bottom .social-menu ul li.twitter a:hover { background-image: url("images/twitter.png"); }
	footer .bottom .social-menu ul li.linkedin a:hover { background-image: url("images/linkedin.png"); }
	footer .bottom .social-menu ul li.phone a:hover { background-image: url("images/telefon.png"); }
	footer .bottom .social-menu ul li.email a:hover { background-image: url("images/email.png"); }
	
	.map {height: 550px; overflow: hidden;}
	
	.col-center {width: 100% !important; text-align: center !important;}
	.col-center .picture, .col-center .content {margin: 0 auto; width: 250px;}
	
}

@media(max-width: 767px) {
	
	/*.block_top_ref .top_ref {min-height: 400px;}
	.block_academies .academy {min-height: 400px;}*/
	
	.content-wrap .image-side-wrap {display: none;}
	.content-wrap .span6 {width: 100%;}
	.mobile-contact-side {display: block; position: fixed; top: 250px; right: -37px; z-index: 3; transform: rotate(-90deg); -webkit-transform:  rotate(-90deg); -moz-transform: rotate(-90deg);}
	.mobile-contact-side a.contact {background-size: 18px 12px !important; background-position: 110px center !important; padding: 10px 35px 0 8px !important; height: 27px; font-size: 12px !important; text-align: center;}
	
	.gform_wrapper .top_label li.gfield.gf_left_third {width: 100% !important;}
	.gform_wrapper .top_label li.gfield.gf_middle_third {width: 100% !important;}
	.gform_wrapper .top_label li.gfield.gf_right_third {width: 100% !important;}
	
	.gform_wrapper .top_label li.gfield.gf_left_half {width: 100% !important;}
	.gform_wrapper .top_label li.gfield.gf_right_half {width: 100% !important;}
	.gform_wrapper .top_label li.gfield.gf_first_quarter {width: 100% !important; float: none !important; clear: none !important;}
	.gform_wrapper .top_label li.gfield.gf_second_quarter {width: 100% !important; float: none !important; clear: none !important;}
	.gform_wrapper .top_label li.gfield.gf_third_quarter {width: 100% !important; float: none !important; clear: none !important;}
	.gform_wrapper .top_label li.gfield.gf_fourth_quarter {width: 100% !important; float: none !important; clear: none !important;}
	
	.gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox {padding-left: 0px !important;}
	
	.gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox li {width: 100% !important; display: block;}
	
	.gform_wrapper .gform_footer input[type="submit"] {height: 29px !important; width: 117px !important; font-size: 10px !important;}
	
	#posts .post.span4 {width: 100%;}
	
	#academy .header .picture {top: 5%;}
	#academy .header .picture img {max-width: 128px;}
	#academy .header .content {top: 55%;}
	#academy .header .content h1 {font-size: 24px; line-height: 28px;}
	
	.block_info {padding-top: 25px; padding-bottom: 25px;}
	.block_info h3 {margin-bottom: 20px;}
	.block_info .bio {margin-bottom: 0px;}
	#academy .content-wrap {padding-bottom: 5px;}
	
	.mobile-contact-side {right: -54px;}
	
	.block_columns .column .content {padding: 5px 15px 0px;}
}

@media(max-width: 600px) {
	
	.cycle-slideshow {width: 100%; max-height: 300px; overflow: hidden;}
	.block_slideshow {position: relative; z-index: 1; top: 0px;}
	.pager {display: none;}
	.in-slider {position: absolute; top: 45%; left: 0; right: 0; margin: auto; text-align: center;}
	.in-slider .content h1 {font-size: 18px; font-weight: 400; color: var(--barva-bila, #fff);}
	.in-slider .content h2 {font-size: 12px; font-weight: 400; color: var(--barva-bila, #fff); letter-spacing: 5px;}
	
	.block_columns, .block_columns.larger {margin-top: -60px;}
	.block_columns .column .content h2 {font-size: 12px; letter-spacing: 1.85px; line-height: 14px;}
	.block_columns.grey .column .content h2 {font-size: 12px; letter-spacing: 1.85px; line-height: 14px;}
	.block_columns .column .content p {font-size: 11px; line-height: 14px;}
	.block_columns .picture img, .block_columns.larger .picture img {max-width: 107px;}
	
	.block_top_ref .top_ref {padding: 7px;}
	.block_top_ref .top_ref .sport {font-size: 14px; line-height: 19px;}
	.block_top_ref .top_ref .country, .block_top_ref .top_ref .location {font-size: 10px; line-height: 14px;}
	.block_top_ref .top_ref h3 a {font-size: 10px; line-height: 14px;}
	.block_top_ref .top_ref .flag {background-size: 17px 12px; background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; color: transparent; width: 17px; height: 12px; display: block;}
	.more {background-size: 27px; width: 27px; height: 27px; font-size: 8px; padding-top: 17px;}
	
	.block_info .bio .desc h3 {font-size: 18px; margin-bottom: 0px;}
	.block_info .content h3 {font-size: 18px; line-height: 27px;}
	.block_info .content p {font-size: 11px;}
	.block_info .content em strong {font-size: 13px;}
	
	.block_info .bio {float: none; max-width: 100%; text-align: center; padding-right: 0px;}
	
	.block_academies h2.main {font-size: 13px; line-height: 10px; letter-spacing: 1.6px;}
	.block_academies .academy {padding: 7px;}
	.block_academies .academy .sport {font-size: 14px; line-height: 19px; letter-spacing: 1.7px; padding-top: 0px;}
	.block_academies .academy .flag {background-size: 17px 12px; background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; color: transparent; width: 17px; height: 12px; display: block;}
	.block_academies .academy a.location {background-size: 12px 16px; width: 12px; height: 16px;}
	.block_academies .academy h3 a {font-size: 10px; line-height: 14px;}
	.block_academies .academy .country, .block_academies .academy .location {font-size: 10px; line-height: 14px;}
	.block_academies .academy .rating {bottom: 10px;}
	
	#academy .header .picture {top: 20px;}
	#academy .header .picture img {max-width: 48px;}
	#academy .header .content {top: 80px;}
	#academy .header .content h1 {font-size: 12px; line-height: 16px;}
	#academy .header .rating {bottom: 20px; font-size: 10px;}
	
	.content-wrap .span6 {width: 100%;}
	#academy .content-wrap .content .paragraphs {padding-left: 15px;}
	#academy .content-wrap .content .paragraphs p{font-size: 11px; line-height: 14px;}
	#academy .content-wrap .content .logo img {max-width: 75px;}
	#academy .content-wrap .content .paragraphs .house {background-size: 20px 12px; width: 20px; height: 12px; left: -30px;}
	#academy .content-wrap .content .paragraphs .tenis {background-size: 12px 13px; width: 12px; height: 13px; left: -20px;}
	#academy .content-wrap .content .paragraphs .plane {background-size: 16px 16px; width: 16px; height: 16px; left: -25px;}
	#academy .content-wrap .content .paragraphs .golf {background-size: 12px 17px; width: 12px; height: 17px; left: -23px;}
	#academy .content-wrap .atts .flag-left {width: 16px; height: 12px; left: 0; top: -20px;}
	#academy .content-wrap .atts .span4 {width: 100%;}
	#academy .content-wrap .atts .span4 .gallery .span4 {width: 50%;}
	#academy .content-wrap .download .pdf {font-size: 8px; background-size: 9px 12px; height: 12px; padding-right: 13px;}
	
	.map {height: 583px; overflow: hidden; margin-bottom: 30px;}
	
	#academy .header .bg-picture img {brightness(70%); filter: brightness(70%); display: block; width: 100%; height: auto; object-fit: contain;}
	
	.big-center {margin: 0; float: left;}
	#big-center {width: 100%;}
}

@media(max-width: 480px) {
	
	.cycle-slideshow {width: 100%; max-height: 165px; overflow: hidden;}
	.block_slideshow {position: relative; z-index: 1; top: 0px;}
	.pager {display: none;}
	.in-slider {position: absolute; top: 30%; left: 0; right: 0; margin: auto; text-align: center;}
	.in-slider .content h1 {font-size: 18px; font-weight: 400; color: var(--barva-bila, #fff);}
	.block_columns {margin-top: -40px;}
	#academy .header .bg-picture img {brightness(70%); filter: brightness(70%); display: block;}
	
	.block_columns .column .content {padding: 5px 0px 0px;}
	
	.main-menu .logo img {height: auto; padding-top: 12px;}
	
	footer .top {height: auto;}
	footer .top .phone_footer {font-size: 11px;}
	
	footer .bottom .contact_footer {font-size: 14px;}
	footer .bottom {height: auto;}
}
/* Lightbox galerie (nahrazuje plugin Responsive Lightbox) */
.spa-lightbox { display: none; position: fixed; inset: 0; z-index: 9999; background: rgba(0,0,0,0.9); align-items: center; justify-content: center; }
.spa-lightbox--otevreny { display: flex; }
.spa-lightbox__obsah { margin: 0; max-width: 90vw; max-height: 90vh; text-align: center; }
.spa-lightbox__obrazek { max-width: 90vw; max-height: 82vh; display: block; margin: 0 auto; }
.spa-lightbox__popisek { color: var(--barva-bila, #ffffff); font-size: 14px; padding-top: 12px; }
.spa-lightbox button { position: absolute; background: none; border: 0; color: var(--barva-bila, #ffffff); cursor: pointer; line-height: 1; padding: 10px 18px; }
.spa-lightbox__zavrit { top: 10px; right: 14px; font-size: 44px; }
.spa-lightbox__predchozi { left: 6px; top: 50%; transform: translateY(-50%); font-size: 60px; }
.spa-lightbox__dalsi { right: 6px; top: 50%; transform: translateY(-50%); font-size: 60px; }
.spa-lightbox button:hover { color: var(--barva-akcent, #c9dd0a); }
body.spa-lightbox-otevreny { overflow: hidden; }

/* Mapa musí zůstat pod fixní hlavičkou.
   Leaflet používá uvnitř kontejneru z-indexy 400–1000; dokud kontejner nemá vlastní
   kontext vrstvení, soutěží s hlavičkou (z-index 5) a při scrollu ji překryje. */
.map { position: relative; z-index: 0; isolation: isolate; }
header, .header-wrap, .header-wrap.sticky, .sticky { z-index: 500; }

/* Přihlášený uživatel: fixní hlavička musí začínat pod admin lištou WordPressu.
   Bez toho se hlavička kreslila přes lištu a mezi ní a obsahem zůstávala šedá mezera. */
body.admin-bar .header-wrap,
body.admin-bar .header-wrap.sticky,
body.admin-bar .sticky { top: 32px; }

@media screen and (max-width: 782px) {
	body.admin-bar .header-wrap,
	body.admin-bar .header-wrap.sticky,
	body.admin-bar .sticky { top: 46px; }
}

@media screen and (max-width: 600px) {
	/* Na malých displejích je admin lišta ve výchozím stavu absolutní a odscrolluje pryč,
	   takže by hlavička po odscrollování zůstala odsazená naprázdno. Necháme lištu fixní. */
	#wpadminbar { position: fixed !important; }
	body.admin-bar .header-wrap,
	body.admin-bar .header-wrap.sticky,
	body.admin-bar .sticky { top: 46px; }
}
