/* globální styly */
* {font-family: 'Roboto', sans-serif; font-weight: 300; font-size:16px; color:#666666;}
a {color: #f49e00;}

.nulovani  {margin:0; padding:0;}
.vetsi  {font-size: 1.2rem;}
.big  {font-size: 1.5rem;}
.oranzovaTM {color:#f49e00 !important;}
.oranzovaTM-bg {background-color:#f49e00 !important;}
.oranzova {color:#ffab00 !important;}
.oranzova-bg {background-color:#ffab00 !important;}
.oranzovaSV {color:#fdc14a !important;}
.oranzovaSV-bg {background-color:#fdc14a !important;}
.modraTM {color:#009ed1 !important}
.modraTM-bg {background-color:#009ed1 !important;}
.modra {color:#00a6d4 !important}
.modra-bg {background-color:#00a6d4 !important;}
.modraSV {color:#00b6dd !important}
.modraSV-bg {background-color:#00b6dd !important;}
.cerna {color: Black !important;}
.cerna-bg {background-color: Black !important;}
.bila {color: White !important;}
.seda {color:#666666 !important;}
.seda-bg {background-color: #f2f2f2 !important;}
.cervena {color:#cc0000 !important;}
.black {font-weight:900;}
.cover {background-size: cover;}
.nelamat {white-space: nowrap;}

/* top navigace */
#online {background: #f49e00; border-radius: 0 0 0 20px; position:fixed; z-index:101; top:0px; right:0px; padding:38px 30px 46px 30px;}
#online:hover {background: #00a6d4;}

#logo {padding-right: 10px; padding-left: 20px; padding-top: 15px; margin-right: auto; margin-left: auto; width: 250px; height: 150px; position: relative; z-index: 100; text-align: center; background: white; border-radius: 20px;}
@media (max-width: 992px){
    #logo {padding-right: 30px; padding-left: 0px; padding-top: 0px; margin-right: 0; margin-left:0; width: inherit; height: inherit; position: absolute; right: 0; background: none; border-radius: 0px }
    #logo img {height: 64px;}
}
#logo .navbar-brand {margin-right:0;}
#logo .navbar-brand :hover {opacity: 0.8;}
#menu {}
#logo h1 {margin: 0; pading: 0; width: 0; height: 0; overflow: hidden;}
#menu.navbar {padding: 0; position: relative; z-index: 10;  margin-top: -150px;}
@media (max-width: 1200px){#menu.navbar {padding: 20px;}}
@media (max-width: 992px){#menu.navbar {margin-top:0;}}
#menu.bg-light {background-color: White !important;}
#menu .navbar-nav {margin-left: 2%;}
@media (max-width: 1400px){#menu .navbar-nav {margin-left: 0%;}}
@media (max-width: 1200px){#menu .navbar-nav {margin-left: 0%;}
                           #navbarNav {margin-top: 15px;}}

#menu .nav-link {padding: 0 !important;}
#menu .dropdown-toggle::after {display: none;}
#menu .navbar-nav>li>a h2 {display: inline-block; font-size:16px; font-weight:900; color: Black; margin-top: 0px; margin-bottom: 0px; padding: 40px 10px;}
@media (max-width: 1200px) {#menu .navbar-nav>li>a h2 {padding: 10px 0px;}}
#menu .navbar-nav>li>a:hover {}
#menu .navbar-nav>li>a:hover h2
{opacity: 0.8; padding: 50px 10px 30px 10px;
-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
@media (max-width: 1200px) {#menu .navbar-nav>li>a:hover h2 {opacity: 0.8; padding: 10px 0px;}}
.menu2 {margin-right: 15%;}

.dropdown-menu { margin-top: -1px; margin-left: -20px; border-radius: 0 0 15px 15px; padding: 0 15px 15px 15px; border: 0;}
.dropdown-item {text-transform: uppercase; font-weight:900;}
@media (max-width: 1200px) {.dropdown-item {padding-left: 60px;}}
.dropdown-item:hover {background: #f2f2f2;}

/* carousel uvod */
.top-odskok {}
#main-slider {}
#main-slider img:hover {}
#main-slider .velka-sipka-left {font-size: 40px; color: Black; background: white; padding: 15px; border-radius: 0 15px 15px 0; margin-left:-85%;}
#main-slider .velka-sipka-left:hover {color: #009ed1; margin-left:-78%;}
#main-slider .velka-sipka-right {font-size: 40px; color: Black; background: white; padding: 15px; border-radius:  15px 0 0 15px; margin-right:-85%;}
#main-slider .velka-sipka-right:hover {color: #009ed1; margin-right:-78%;}
#main-slider .titul-nadpis {font-size: 40px; font-weight:900; margin-top:20%;}
#main-slider .titul-text a {font-size: 40px; line-height: 1.2; font-weight:100; color:White; margin-top:3%; margin-bottom:5%;}
#main-slider .titul-text a:hover {color:Black; text-decoration:none;}
#main-slider .titul-heslo {font-weight:700; color: White; position: absolute; bottom: 0; right: 0;}
@media (max-width: 1200px){
        #main-slider .titul-text a {font-size: 30px; line-height: 1.2; font-weight:100; color:White; margin-top:3%;}
        }
@media (max-width: 992px) {
        #main-slider .titul-text a {font-size: 30px; margin-top:3%;}
        #main-slider .titul-nadpis {font-size: 30px; margin-top: 5%; margin-bottom:0%}
        }
@media (max-width: 768px) {
        #main-slider .titul-text {padding-left: 2rem; padding-right: 2rem;}
        #main-slider .titul-text a {font-size: 30px; line-height: 1.1; margin-top:0%;}
        #main-slider .titul-nadpis {font-size: 30px; margin-top: 1%; margin-bottom:0%; padding-left: 2rem; padding-right: 2rem; }
        #main-slider .velka-sipka-left {margin-left:-50%;}
        #main-slider .velka-sipka-right {margin-right:-50%;}
        }

#main-slider .carousel-control-next,#main-slider .carousel-control-prev {width: 10%; opacity: 1.0; overflow: hidden;}
#main-slider .carousel-indicators li {height: 12px; width: 12px; border-radius: 100%; background: #ffab00; margin-right: 5px; margin-left: 5px;}
#main-slider .carousel-indicators {bottom: -16px; margin-left: 65%; width: 15%; background: #f2f2f2; padding: 20px; border-radius: 20px 20px 0 0;}
#main-slider .carousel-indicators .active {background: #00a6d4;}

/* home page */
h3 {font-size:55px; font-weight:900;}
@media (max-width: 768px) {
        h3 {font-size:40px;}
        }
h4 {font-size:35px;}
.bubliny {position: absolute; bottom: -100px; left: 70px;}
@media (max-width: 1700px){.bubliny {display:none !important;}}

#mapa {border-top: 1px solid rgba(0,0,0,.1);}


/* onas */
#onas h4 {font-size:1.3rem;}

/* kurzy-seznam */
#kurzy h3 {font-size: 30px;}
#kurzy h4 {font-size: 22px;}
.kurzy-deti { background-image: url(img/fresh-school-kurzy-deti.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: right top;}
.kurzy-dospeli { background-image: url(img/fresh-school-kurzy-dospeli.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: right top;}
.kurzy-text {padding: 100px 30px 30px 30px !important;}
.kurzy-form {padding: 100px 30px 30px 30px !important;}
.vlajka img {width: 50px; margin-top: -5px;}
#kurzy label {margin-right: 1rem;}
#kurzy .form-control {border: 0px; border-radius: 15px 15px 0 0; height: 60px !important;}
#kurzy .obal {background: White; border-radius: 15px; padding: 10px 55px 5px 45px; margin-bottom: 15px;}
#kurzy .obal:hover {background-color: #f2f2f2; text-decoration: none;}
#kurzy a:hover {text-decoration: none;}
.vlajka-dolu img {position: absolute; top: 5px; left: -30px;}
.sipka-detail {position: absolute; top:5px; right:-35px; font-size: 60px;}

/* kurz-detail */
#kurz h3 {font-size: 30px;}
#kurz .nazev {font-size: 30px;}
#kurz h4 {font-size: 22px;}
#kurz hr {border-top: White 1px solid;  opacity: 0.2;}
.kurz-text {padding: 100px 30px 30px 30px !important;}
.kurz-stred {padding: 100px 30px 30px 30px !important;}
#kurz .vlajka img {margin-top: -50px; position: absolute; width: inherit; }


/* definice stylů formuláře detail */

#kurz form *[required] {	border-left: 10px solid #f49e00;}
#kurz form label { color: white; }
#kurz form .odeslat { padding:20px; font-size:20px; font-weight: bold; color: White; }

















/* paticka */
footer {margin-top: -6px;}
footer p {color:White; font-size:14px;}
footer .linka {border-right: 1px solid rgba(255,255,255,.3); border-bottom: 1px solid rgba(255,255,255,.3);}
footer a {color:White; font-size:14px;}


/* modální okno */
.modal {background-color: black !important;}
.modal-oranzovaTM-bg {background-color:#f49e00 !important;}
.modal-modraTM-bg {background-color:#009ed1 !important;}
.modal-dialog {max-width: 100%; margin: 0 auto;}
.modal-content {background-color: black; border: 0px; border-radius: 0px; color: White;}
.modal .fas {font-size: 6.0rem; color: black;}
.modal .close {text-shadow: none; opacity: 1; }
.modal-header {border-bottom: 0px; padding-bottom: 0; }
.modal-body {padding-top: 0px; }
.modal-title {font-weight:900; color: White; font-size: 2.5rem; margin-bottom: 20px;}
@media (max-width: 576px){ .modal-title {font-size: 2.2rem; }}
.modal .piktogram-top {opacity: 0.6; float:left; max-width: 80px; margin: -90px 0px 0px 0px; }
.modal .piktogram {opacity: 0.6; max-width: 80px; margin: 20px 0px 0px 0px; }
.modal hr {border-top: White 1px solid;  opacity: 0.2;}
.modal .sloupecky { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
@media (max-width: 992px){.modal .sloupecky { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}}
@media (max-width: 768px){.modal .sloupecky { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}}


.piktogram-modal {max-height:60px; margin-left:-7px; margin-bottom: 15px; opacity:0.5;}
.modal-body .jmeno {font-size: 2.0rem; color: #93908f; font-weight: 300; }
@media (max-width: 1200px){.modal-body .jmeno {font-size: 1.4rem;} }
.modal-body a {color: Black; font-weight:600; }
.modal-body a:hover {color:#ffcc00; text-decoration:none;}
.modal-body em {color: White; font-size: 1.8rem;}
.modal-body .form-control {padding: 1rem 1rem; font-size: 3rem; line-height: 1.6; background: #2d2d2d; border: 1px solid #2d2d2d; font-weight: 100; border-radius: 0;}
.modal-body .vstup {border-radius: 0;}
.bila.vetsi a {color: White; font-size: 1.2rem;}
.bila.vetsi a:hover {opacity: 0.5;}

.table-responsive {width: auto; border: 0;}
.table td {border-top: 1px solid #666666; color: White; font-size: 1.2rem; padding: .5rem 0; line-height: 1.2rem;}
.table .cena {text-align:right; padding-left: 30px;}

.bila-tabulka  td {border-top: 1px solid rgba(255,255,255,.3); color: White; font-size: 1.2rem; padding: .5rem 1.5rem .5rem 0 ; line-height: 1.5rem;}




/* galerie -strankovani + lightbox */
.lightboxOverlay{background-color:#000;filter:alpha(Opacity=100) !important;opacity:1 !important; }

.pagination .page-item.active .page-link {
	border-color: #fabc66;
	background-color: #f49e00;
}
.pagination .page-link {
	color: #666;
	border-color: #e8e8e8;
}
.pagination .page-link:focus {
	box-shadow: 0 0 0 0.2rem rgba(250,188,102,0.25);
}

.fa-file-signature {font-size: 40px;}







/* definice stylů pro cookiebot */
#CybotCookiebotDialog {
  padding: 15px !important;
  color: #4e4e4e !important;
}
.CookiebotWidget-open,
.CybotCookiebotDialogContentWrapper {
  transform: scale(1);
}
#CookiebotWidget svg {
  fill: #f49e00 !important;
}
.CookiebotWidget-show-consent-details,
#CybotCookiebotDialog a {
  color: #f49e00 !important;
}
#CybotCookiebotDialogTabContent input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #f49e00 !important;
}
#CybotCookiebotDialogTabContent input[type=checkbox][disabled]:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #D6D6D6 !important;
}
#CookiebotWidget-btn-withdraw,
.CybotCookiebotDialogBodyButton {
  border-color: #f49e00 !important;
}
#CookiebotWidget-btn-change,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  border-color: #f49e00 !important;
  background-color: #f49e00 !important;
}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
	border-bottom-color: #f49e00 !important;
}
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover,
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover,
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover,
#CybotCookiebotDialogBodyLevelButtonsSelectPane label:not([for=CybotCookiebotDialogBodyLevelButtonNecessary]) .CybotCookiebotDialogBodyLevelButtonDescription:hover {
  color: #f49e00 !important;
}