h1 { text-transform: uppercase; }
h3 { padding-bottom: 15px; text-transform: initial; line-height: 1.2em; }
h4 { line-height: 33px; }

html .bg-primary { background-color: #477eb4 !important; }
html .text-color-primary { color: #477eb4 !important; }
html .text-color-dark { color: #477eb4 !important; }

.posun { margin-top: -150px; z-index: 500; display: flex; position: relative; }
.hlavni { margin-bottom: 190px; }
section.section { background: #F7FCFF; }
section.section.zmena { padding: 70px 0; }
.pad-20 { padding: 0 20px; }
.lead { color: #212529; }
.lead.zmena { color: #777; }
.blok { text-align: left; }
.uprava { margin-top: 35px; }

#header .header-btn-collapse-nav { background: #31577C; }
#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a { color: #477eb4; }
#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active { background: #477eb4; margin-bottom: 0; }
.owl-carousel.nav-style-2 .owl-nav .owl-next:before, .owl-carousel.nav-style-2 .owl-nav .owl-prev:before, .owl-carousel.nav-style-2 .owl-nav .owl-next:after, .owl-carousel.nav-style-2 .owl-nav .owl-prev:after { border-color: #477eb4; }

html.sticky-header-enabled #header .header-logo-sticky-change {	position: relative; }
html.sticky-header-enabled #header .header-logo-sticky-change img { position: absolute; top: 0; left: 0; }
html.sticky-header-enabled #header .header-logo-sticky-change .header-logo-non-sticky { opacity: 1 !important; }
html.sticky-header-enabled #header .header-logo-sticky-change .header-logo-sticky { opacity: 0 !important; }
html.sticky-header-enabled.sticky-header-active #header .header-logo-sticky-change .header-logo-non-sticky { opacity: 0 !important; }
html.sticky-header-enabled.sticky-header-active #header .header-logo-sticky-change .header-logo-sticky { opacity: 1 !important; }

.icons { color: #000; }

.pata { margin-bottom: -190px; }
.pata hr { background: #FFF; opacity: 0.6 !important; }
.pata p { color: #FFF; }
.pata .text-color-default { color: #fff !important; }
.pata #sub-menu li { color: #fff; width: 180px; }
.pata #sub-menu ul { display: flex; list-style: none; margin-left: -36px; }
.pata #sub-menu a { text-decoration: underline !important; }
.pata #sub-menu a:hover { text-decoration: none !important; }
.paticka { text-align: center; }
.paticka p { color: #fff !important; }
.paticka p:last-child { margin-bottom: -5px; }
.paticka a { color: #fff; text-decoration: underline; }
.paticka a:hover { text-decoration: none; }
.paticka span { opacity: 0.6; }

@media (max-width: 1199px) {
h2 { line-height: 1.6em; }
.hlavni { margin-bottom: 240px; }
.posun { margin-top: -190px; }
.stred { margin: 0 auto; display: block; text-align: center; }
.pata #sub-menu ul { justify-content: right; margin-top: -15px; }
}

@media (max-width: 991px) {
#header .header-logo img { margin-left: 5px; }
html:not(.sticky-header-enabled) #header .header-logo-sticky-change .header-logo-non-sticky { opacity: 1 !important; }
html:not(.sticky-header-enabled) #header .header-logo-sticky-change .header-logo-sticky { display: none !important; }
.hlavni { margin-bottom: 180px; }
.posun { margin-top: -115px; }
.img-fluid.zmena { padding-bottom: 30px; }
.img-fluid.vedle { padding-top: 40px; margin: 0 auto; }
.order { order: 2; }
}

@media (max-width: 767px) {
.hlavni { padding-top: 25px !important; }
.okno p { font-size: 19px; }
.card-body.zmena { padding: 0 48px !important; }
.hlavni { margin-bottom: 100px; }
.posun { margin-top: -60px; }
.text-lg-start .zmena { font-size: 1.2rem; line-height: 1.8rem; line-height: 1.8rem; font-weight: 300; color: #000; }
}

@media (max-width: 425px) {
h1 { margin-top: -20px; }
.px-5.zmena { padding-right: 1rem!important; padding-left: 1rem!important; }
}