/*
Theme Name: bweb_template
Theme URI: https://bdesigner.cz
Description: bweb_template
Author: bdesigner.cz
Version: 1.0
Tags: bweb_template
*/
html{
scroll-behavior: smooth;
}
html,
body {
height: 100%;
}
body {
width: 100%;
height: 100%;
background: #fff url(images/bg.jpg) no-repeat center center fixed;
background-size: 100% 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
font-family: 'Exo', sans-serif;
color: #333333;
font-size: 18px;
font-weight: 400;
line-height: 1.5;
text-align: left;
}
@media(max-width:768px) {
body {
font-size: 16px;
text-align: left;
background: none !important;
}
}
/* LOADER */
.pre-loader {
background-color: #552200;
position: fixed;
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index:9999999;
}
.sk-fading-circle {
width: 40px;
height: 40px;
position: absolute;
top:calc(50% - 20px);
left:calc(50% - 20px);
}
.sk-fading-circle .sk-circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.sk-fading-circle .sk-circle:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #fff;
border-radius: 100%;
-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
-webkit-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
-webkit-transform: rotate(150deg);
-ms-transform: rotate(150deg);
transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
-webkit-transform: rotate(210deg);
-ms-transform: rotate(210deg);
transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
-webkit-transform: rotate(240deg);
-ms-transform: rotate(240deg);
transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
-webkit-transform: rotate(300deg);
-ms-transform: rotate(300deg);
transform: rotate(300deg);
}
.sk-fading-circle .sk-circle12 {
-webkit-transform: rotate(330deg);
-ms-transform: rotate(330deg);
transform: rotate(330deg);
}
.sk-fading-circle .sk-circle2:before {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.sk-fading-circle .sk-circle3:before {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.sk-fading-circle .sk-circle4:before {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.sk-fading-circle .sk-circle5:before {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.sk-fading-circle .sk-circle6:before {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.sk-fading-circle .sk-circle7:before {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.sk-fading-circle .sk-circle8:before {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.sk-fading-circle .sk-circle9:before {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
@keyframes sk-circleFadeDelay {
0%, 39%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
/* KONTEJNER a HEADER */
.stin {
background: url(images/shadow-slider.png) no-repeat top;
height: 39px;
}
.stin.topik {
margin-bottom: -20px;
}
@media(max-width: 991px) {
.stin {
display: none;
}
}
.container {
padding-left: 15px;
padding-right: 15px;
max-width: 1360px;
}

.container-fluid {
padding-left: 15px;
padding-right: 15px;
max-width: 1560px;
}


/* kontejnery pozadí */
.bgg {
background: rgba(255,255,255,0.9) ;
}
.bgg-padding {
padding: 10px 60px 15px 60px;
}
.bgg-padding.home {
padding: 20px 60px 40px 60px;
}
.bgg-padding.pods {
padding: 0px 60px 0px 60px;
}
@media(max-width: 991px) {
.bgg-padding {
padding: 20px 30px 20px 30px;
}
.bgg-padding.home {
padding: 20px 20px 20px 20px;
}
}
@media(max-width: 768px) {
.bgg-padding {
padding: 20px 0px 20px 0px;
}
.bgg-padding.home {
padding: 20px 0px 20px 0px;
}
}
.blok-home {
color: #284985 !important;
padding-top:0px;
padding-bottom: 0px;
}
.blok-home.podstranka {
min-height: 600px;
}
.blok-home p, .blok-home h2, .blok-home h3, .blok-home h4, .blok-home ul li {
color: #284985 !important;
}
/* HLAVICKA */
.header-bg {
background: rgba(255,255,255,0.9) ;
position: absolute;
width: 100%;
z-index: 99999;
border-top: 0px solid #552200;
}
.uvod-header {
width: 100%;
}
.prostor-logo {
min-height: auto;
font-size: 40px;
font-weight: 900;
margin-top: 20px;
}



.prostor-logo a {
text-decoration: none; 
}
.prostor-logo a span {
color: #333333;
}
.prostor-logo {
padding-top: 10px;
padding-bottom: 10px;
}
@media (max-width: 991px) {
.prostor-logo {
padding-bottom: 0px;
}
.prostor-logo img {
max-width: 150px;
position: absolute;
margin-top: 7px;
}
.prostor-logo {
min-height: 60px;
}
.prostor-logo {
font-size: 26px;
margin-top: 5px;
margin-bottom: 5px;
}
}

.nazev br {
display: none
}

.nazev {
float: right;
}
.nazev p {
font-size: 18px !important;
color: #333333 !important;
padding: 0px 0px 0px 0px !important;
margin: 15px 0 10px 0 !important;
font-weight: 400;
text-align: left;
z-index:999999;
}
.nazev p a {
color: #552200 !important;
}
.nazev p span {
margin-right: 40px;
}
.nazev p span i {
color: #552200;
margin-right: 10px;
}
.nazev a.btn {
margin-top: -5px;
margin-bottom:0;
border-color: #552200;
margin-right: 0;
margin-left: 15px;
}
.ikony i.fas {
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
display: block !important;
margin-bottom: 20px;
color: #552200;
}
@media(max-width:1308px) {
.nazev p span {
margin-right: 10px;
}
.nazev a.btn {
font-size: 14px !important;
margin-right:0;
}
}
@media(max-width:1230px) {
.nazev p span {
font-size: 14px !important;
}
}
@media(max-width:991px) {
.nazev {
float: none;
margin-left: auto !important;
margin-right: auto !important;
display: block !important;
text-align: center !important;
width: auto !important;
}
.nazev p {
float: none;
margin-left: auto !important;
margin-right: auto !important;
display: block !important;
text-align: center !important;
width: auto !important;
line-height: 200%;
}

.nazev a.btn {
margin-top: 12px;
}

.nazev br {
display: block
}
}
/* ÚVOD - MENU */
#mainNav {
margin:0 !important;
padding:0 0px 0 0px !important;
border-bottom: 0px solid;
-webkit-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
.text-menu {
color: #552200;
float: right;
position: absolute;
top: -45px;
right: 50px;
opacity: 0;
font-size: 14px !important;
}
#mainNav .navbar-toggler {
padding: 0rem;
color: #552200;
border: 0px solid #fff;
margin-right: 0px;
float: right;
position: absolute;
top: -50px;
right:0;
}
#mainNav .navbar-toggler:hover {
opacity: 0.8;
}
#mainNav .navbar-toggler i {
font-size: 30px;
margin-right: 0px;
}
#mainNav .navbar-toggler i.close {
color: #552200 !important;
opacity:1 !important;
}
#mainNav .navbar-toggler:focus {
outline: none;
}
@media (max-width: 991px) {
.navbar-brand {
max-width: 140px;
margin-left: 15px;
}
.text-menu {
opacity: 1;
}
}
@media (max-width: 991px) {
.collapse {
height: 100vh;
min-height: 100vh;
width: 100%;
-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 2s; /* Firefox < 16 */
-ms-animation: fadein 2s; /* Internet Explorer */
-o-animation: fadein 2s; /* Opera < 12.1 */
animation: fadein 2s;
}
.collapsing {
-webkit-transition: none;
transition: none;
display: none;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
}
.navbar-toggler>.close {
display:inline;
}
.navbar-toggler.collapsed>.close, .navbar-toggler:not(.collapsed)>.open {
display:none;
}
@media (max-width: 991px) {
.navbar-nav {
float: none;
}
}
.nav, .navbar-nav {
margin: 0 !important;
padding: 0 !important;
height: auto !important;
}
.navbar ul {
margin: 0px 0px 0 0px !important;
padding: 0 !important;
float: right !important;
}
.navbar ul li {
margin: 0px 0px 0 0px !important;
padding: 0 !important;
list-style: none ;
}
.navbar li a {
color: #333333 !important;
font-weight: 500;
margin: 0px 0px 0px 5px !important;
padding: 22px 20px 22px 20px !important;
line-height: 100% !important;
text-decoration: none !important;
text-align: left;
display: block;
font-size: 18px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.navbar li a:hover,
.navbar li.current-menu-item a,
.navbar li.current-post-ancestor a,
.navbar li.current-page-ancestor a,
.navbar li.current-category-ancestor a,
.navbar li.current-menu-ancestor a {
background: #552200 ;
color: #fff !important;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}


@media (max-width:1330px) {
.navbar li a {
font-size: 16px;
margin: 0px 0px 0px 0px !important;
padding: 25px 10px 25px 10px !important;
}
}


@media (max-width:1100px) {
.navbar li a {
margin: 0px 0px 0px 10px !important;
padding: 25px 10px 25px 10px !important;
}
}
@media (max-width: 991px) {
.navbar li a {
margin: 20px 10px 20px 10px !important;
padding: 25px 20px 25px 20px !important;
font-size: 16px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
text-align: center !important;
width: 100%;
float: none;
}
.navbar li {
text-align: center !important;
}
}
/* VYSOUVACI MENU */
#access ul li:hover a {
background: #552200 ;
color: #fff !important;
}
#access ul li:hover ul a {
color: #fff !important;
}
#access ul ul li {
background: none;
list-style-type: none;
margin: 0 !important;
padding: 0 !important;
}
#access ul ul {
display: none;
float: left;
margin: 0 0 0 20px !important;
padding: 10px 0 10px 0 !important;
position: absolute;
top: 138px;
float: left;
z-index: 999999999999 !important;
background: none;
opacity: 1;
}
#access ul ul a {
background: #552200 !important;
border: 0px;
line-height: 100%;
padding: 8px 20px 8px 20px !important;
margin:0 0 0px 0!important;
width: 200px;
display: block;
color: #ffffff !important;
text-align: left;
font-size: 16px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
#access ul ul li:last-child a {
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
padding-bottom: 8px !important;
}
#access ul li:hover ul a:hover {
color: #FBBA05 !important;
}
#access ul li:hover > ul {
display: block;
}
#access li:hover li.current-menu-item a, #access li:hover li.current-post-ancestor a, #access li:hover li.current-page-ancestor a, #access li:hover li.current-category-parent a, #access li:hover.current-category-parent li.current-menu-item a
{
color: #FBBA05 !important;
}
#access li:hover.current-menu-item ul li a, #access ul li:hover.current-post-ancestor ul li a, #access ul li:hover.current-category-parent ul li a, #access li:hover.current-category-parent li.current-menu-item li a
{
color: #FBBA05 !important;
}
#access li:hover.current-menu-item ul li a:hover, #access ul li:hover.current-post-ancestor ul li a:hover, #access li:hover.current-category-parent li a:hover
{
color: #FBBA05 !important;
}
#access li:hover.current-menu-item ul li a
{
color: #fff !important;
}
/* KOLAPS MENU DO HAMBURGERU */
@media(max-width:991px) {
.navbar-collapse ul{
margin: 0px 0px 30px 0px !important;
padding: 0px 0px 0px 0px !important;
clear: both;
width: 100%;
float: left;
}
.navbar-collapse ul li a {
width: auto !important;
display: block;
text-align: center !important;
border: 0 !important;
float: none !important;
margin: 10px 0 10px 0px !important;
padding: 0px 0px 0px 0px !important;
clear: both;
background: none !important;
font-size: 18px;
}
.navbar {
padding: 0px 0px 0px 0px !important;
margin: 0px 0 0 0 !important;
float: none !important
}
#access ul ul {
display: block !important;
float: none;
margin: 0 0 0 20px !important;
padding: 0px 0 0 0 !important;
position: relative;
top: auto;
}
#access ul ul a {
background: none !important;
margin: 0px 0 10px 0px !important;
padding: 0px 0 0 0 !important;
color: #333333 !important;
font-size: 14px;
}
#access ul ul li {
list-style-type: circle;
}
#access ul li:hover a {
background: none;
color: #552200 !important;
}
#access ul li:hover ul a {
color: #333333 !important;
}
#access ul li:hover ul a:hover {
color: #552200 !important;
}
.navbar li a:hover,
.navbar li.current-menu-item a,
.navbar li.current-post-ancestor a,
.navbar li.current-page-ancestor a,
.navbar li.current-category-ancestor a,
.navbar li.current-menu-ancestor a {
color:#552200 !important;
}
#access li li a:hover,
#access li li.current-menu-item a,
#access li li.current-post-ancestor a,
#access li li.current-page-ancestor a,
#access li li.current-category-ancestor a,
#access li li.current-menu-ancestor a {
color: #552200 !important;
}
#access li:hover.current-menu-item ul li a
{
color: #333333 !important;
}
}
#access li.current-menu-ancestor ul.sub-menu li.current-menu-item a
{
color: #552200 !important;
}
/* CAROUSEL */
.fill.anim {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-animation: zoomin 10s ease-in infinite;
animation: zoomin 10s ease-in infinite;
transition: all .5s ease-in-out;
overflow: hidden;
}
@media screen\0 {
.fill.anim {
animation: none !important;
}
}
/* Zoom in Keyframes */
@-webkit-keyframes zoomin {
0% {transform: scale(1);}
50% {transform: scale(1.05);}
100% {transform: scale(1);}
}
@keyframes zoomin {
0% {transform: scale(1);}
50% {transform: scale(1.05);}
100% {transform: scale(1);}
} /*End of Zoom in Keyframes */
/* Zoom out Keyframes */
@-webkit-keyframes zoomout {
0% {transform: scale(1);}
50% {transform: scale(0.5);}
100% {transform: scale(1);}
}
@keyframes zoomout {
0% {transform: scale(1);}
50% {transform: scale(0.5);}
100% {transform: scale(1);}
}/*End of Zoom out Keyframes */
/* CAROUSEL */
.carousel-fade .carousel-item {
opacity: 0;
transition-duration: 2s;
transition-property: opacity;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
opacity: 0;
}
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
transform: translateX(0);
transform: translate3d(0, 0, 0);
}
#myCarousel {
height: 100%;
width: 100%;
position: relative;
margin-top: 0px;
}
.carousel {
height: 100%;
max-height: 100%;
}
#myCarousel.podstranka {
height: 60%;
}
.carousel.podstranka {
height: 60%;
}
@media(max-width:768px) {
#myCarousel {
}
.carousel {
}
}
carousel-item,
.active,
.carousel-inner {
height: 100%;
}
.fill {
width: 100%;
height: 100%;
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
.carousel-caption {
bottom: 0%;
width: 100%;
left:0;
margin: 0 0 0px 0;
padding: 0;
}
.carousel-caption .btn {
margin: 10px 0 0 40px;
color: #fff !important;
border-color: #fff !important;
}
.carousel-caption .btn:hover {
background: #fff !important;
color: #552200 !important;
border-color: #fff !important;
}
footer .btn {
margin: 0px 0 0px 0px;
color: #fff !important;
border-color: #fff !important;
padding-right: 10px;
}
footer .btn:hover {
background: #333333 !important;
border-color: #333333 !important;
}
footer.podfooter .btn:hover {
background: #552200 !important;
border-color: #552200 !important;
}
.carousel-caption-bg {
background: rgba(85,34,0,0.9);
width: 100%;
height: auto !important;
min-height: 100px;
border-top: 0px solid #fff;
}
.carousel-caption p,.carousel-caption h1 {
font-size: 32px;
font-weight: 700;
text-shadow: 0px 0px 0px #284985;
text-align: left;
text-transform: none;
padding-top: 32px;
padding-bottom: 26px;
padding-left: 0px;
padding-right: 0px;
margin: 0 0 0px 0 !important;
color: #fff;
font-family: 'Exo', sans-serif;

}
.carousel-caption p a,.carousel-caption h1 a {
color: #AF5743;
text-decoration: none;
}
.carousel-caption p a:hover,.carousel-caption h1 a:hover {
color: #666;
}
@media(max-width:1230px) {
.carousel-caption p, .carousel-caption h1{
font-size: 26px;
padding-top: 35px;
text-align: center;
padding-left: 0px !important;
padding-right: 0px !important;
}
.carousel-caption .btn {
display: none;
}
}
@media(max-width:991px) {
.carousel-caption .btn {
display: none;
}
}
@media(max-width:768px) {
.carousel-caption p,.carousel-caption h1 {
font-size: 26px;
padding-top: 35px;
line-height: 110% !important;
}
.carousel-caption .btn {
display: none;
}
}
.carousel-control-next, .carousel-control-prev {
background-image: none;
opacity: 1;
bottom: 50%;
top: auto;
text-shadow: none !important;
width: 60px;
height: 80px;

display: none;
}
a span.icon-prev-jina {
background: #552200;
width: 60px;
height: 80px;
display: block;
text-decoration: none !important;
font-size: 30px;
padding-top: 18px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
color: #fff;
text-shadow: none !important;
}
span.icon-prev-jina:hover {
background: #fff;
color: #552200;
}
a span.icon-next-jina {
background: #552200;
width: 60px;
height: 80px;
display: block;
text-decoration: none !important;
font-size: 30px;
padding-top: 18px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
color: #fff;
text-shadow: none !important;
}
span.icon-next-jina:hover {
background: #fff;
color: #552200;
}
@media(max-width:1230px) {
span.icon-prev-jina {
left: 10px;
}
span.icon-next-jina {
right: 10px !important;
}
}
@media(max-width:576px) {
.carousel-caption p,.carousel-caption h1 {
font-size: 20px;
padding-top: 20px;
padding-bottom: 20px !important;
line-height: 110% !important;
margin-bottom: 0 !important;
}
.carousel-caption-bg {
min-height: auto;
}
.carousel-control{
height: 60px;
}
span.icon-prev-jina {
height: 60px;
}
span.icon-next-jina {
height: 60px;
}

a span.icon-prev-jina {
width: 30px;
height: 40px;
font-size: 20px;
padding-top: 6px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
a span.icon-next-jina {
width: 30px;
height: 40px;
font-size: 20px;
padding-top: 6px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.carousel-control-next, .carousel-control-prev {

width: 30px;
height: 40px;
}
}
/* Footer */
footer {
background: #552200;
padding-top: 0px;
padding-bottom: 40px;
margin-top: 0px;
}
footer h3 {
color: #fff;
font-size: 24px;
text-transform: none;
margin-top:0;
text-align: left;
}
footer p {
margin: 0px 0 20px 0 !important;
padding: 0px 0 0px 0;
color: #fff;
line-height: 180%;

font-size: 16px;
}
footer h3.odskok {
margin-top: 0px;
}
footer i {
margin-right: 10px;
}
footer p a {
color: #fff !important;
}
footer p a:hover {
opacity: 0.7;
}
footer img {
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
display: block;
}
@media (max-width: 768px) {
footer p {
margin: 0px 0 30px 0 !important;
}
}
footer.podfooter {
background: #333333;
padding-bottom: 0px;
}
footer.copy {
background: #333333;
padding-top:0px;
padding-bottom: 0px;
text-align: center !important;
}
footer.copy p {
font-size: 16px;
margin-bottom:0 !important;
text-align: center !important;
}
@media(max-width:991px) {
footer h3.odskok {
margin-top: 0px;
}
footer img {
margin-bottom: 0px;
margin-top: 0px;
float: none;
max-width: 330px !important;
margin-left:0 !IMPORTANT;
}



footer h3 {
margin-top:20px;
margin-bottom:0 !important;
font-size: 100%;
}
footer {
padding-top: 10px;
padding-bottom: 0px;
margin-top: 0px;
}
footer.podfooter {
padding-top: 10px;
padding-bottom: 20px;
margin-top: 0px;
}
footer.copy {
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
}
footer .btn {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
}
@media(max-width:576px) {
footer img {
max-width: 100% !important;
}
}
iframe, object, embed {
max-width: 100%;
width: 100%;

}
.fb-page,
.fb-page span,
.fb-page span iframe[style] {
width: 100% !important;

}

footer .aktuality-text h3 {
font-size: 100%;
color: #fff;
}

footer .aktuality-text h3 a {
color: #fff;
}

footer .aktuality-text p {
font-size: 16px;
}

@media(max-width:768px) {
footer .aktuality-text h3 {
font-size: 90%;
}

footer .aktuality-text p {
font-size: 12px;
line-height: 140%;
}

footer .bgg-padding.copykorekce {
padding-top:0;
padding-bottom: 20px;
margin-top: -20px;
}

footer p {
font-size: 12px;
margin-bottom:0 !important;
line-height: 140%;
}

footer.copy p {
font-size: 12px;
margin-bottom:0 !important;
text-align: center !important;
}

}



/* formátování textu */
hr{
border : 0;
height : 1px;
width: 80px;
border: 0px solid #3b97c7;
background: #552200;
margin : 20px 0 30px 0;
clear: both;
}
.reset{
clear: both;
}
h1, h2, h3, h4, p, ul li{
line-height: 1.5;
}
h1, h2, h3, h4 {
font-family: 'Exo', sans-serif;

}
h1 strong, h2 strong, h3 strong, h4 strong {
color:#552200;
}
h1 {
font-size: 36px;
color: #552200;
font-weight: 400;
margin-top: 0px;
margin-bottom: 20px;
}
h2 {
font-size: 34px;
color: #333333;
font-weight: 400;
margin-top: 20px;
margin-bottom: 10px;
}
h3 {
font-size: 24px;
color: #552200;
font-weight: 700;
margin-top: 20px;
margin-bottom: 25px;
}
h4 {
font-size: 18px;
color: #552200;
font-weight: 500;
margin-top: 20px;
margin-bottom: 15px;
border-left: 4px solid #552200;
padding-left: 35px;
}
@media (max-width: 768px) {
h1,.h1 {
font-size: 26px;
margin-top: 15px;
margin-bottom: 10px;
line-height: 1.2;
}
h2,.h2 {
font-size: 24px !important;
margin-top: 15px;
margin-bottom: 10px;
line-height: 1.2;
}
h3,.h3 {
font-size: 22px;
margin-top: 15px;
margin-bottom: 10px;
}
}
a {
color: #552200;
text-decoration: underline;
}
a:visited {
color: #552200;
}
a:hover {
color: #552200;
text-decoration: none;
}
p{
margin-bottom: 30px;
}
ul, ol{
margin-bottom: 30px;
}
/* WORDPRESS KOMPONENTY */
blockquote {
background: #552200;
color: #AF5743 !important;
border:0;
padding: 20px 30px 20px 30px;
border-radius: 20px;
}
blockquote * {
color: #fff !important;
}
p blockquote {
color: #fff !important;
}
@media(max-width:991px) {
blockquote {
font-size: 14px;
}
}
.btn {
display: inline-block;
padding: 8px 20px 6px 20px;
margin-top: 20px;
margin-bottom: 20px;
margin-right: 20px;
font-size: 16px;
font-weight: 500;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none !important;
background: none;
color: #552200 !important;
border:0;
border: 3px solid #552200;
border-radius: 20px;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
}
.btn:hover {
background: #552200 !important;
color: #fff !important;
}
@media(max-width:576px) {
.btn {
padding: 8px 10px 6px 10px;
font-size: 13px;
}
}
.btn.inv {
background: #552200 !important;
color: #fff !important;
}
.btn.inv:hover {
background: none !important;
color: #552200 !important;
}
/* poptavkovy formular */
.wpcf7{
margin-top: 50px;
margin-bottom: 50px;
text-align: left;
}
.wpcf7 form {
}
.wpcf7 p {
margin-bottom: 10px;
text-align: left;
}
.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea {
padding: 15px 25px !important;
border: 1px solid #552200;
border-radius: 0;
width: 100% !important;
font-size: 18px;
font-weight: 400;
margin: 0px 0px 23px 0;
border-radius: 4px;
background: #fff;
}
.wpcf7-acceptance input {
width: 120px !important;
float: left;
margin-top: 30px;
}
.osobni-udaje{
font-size: 16px !important;
text-align: left;
}
.wpcf7 label {
font-weight: 400 !important;
padding:0 !important;
margin: 0 !important;
}
.wpcf7 textarea {
height: 400px !important;
}
div.wpcf7-response-output {
font-size: 15px !important;
text-align: center;
clear: both;
color: #000 !important;
}
.wpcf7 input.btnn {
display: inline-block;
padding: 10px 20px 8px 20px !important;
margin-top: 40px;
margin-bottom: 20px;
margin-right: 20px;
font-size: 18px;
font-weight: 500;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none !important;
background: none;
color: #552200 !important;
border:0;
border: 3px solid #552200;
border-radius: 20px;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
float: left !important;
height: auto;
}
@media(max-width:768px) {
.wpcf7 input.btnn {
width: auto !important;
}
.wpcf7-acceptance input {
width: 50% !important;
float: left;
margin-top: 30px;
}
}
.wpcf7 input.btnn:hover {
border-color: #552200 !important;
color: #fff !important;
background: #552200;
}
.google-maps {
position: relative;
padding-bottom: 600px;
height: 0;
overflow: hidden;
margin-top: 0px;
margin-bottom: 0px;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 600px !important;
}



.videjko iframe {

height: 600px !important;
}



/* tabulky */
table.wp-block-table {
margin-top:40px;
margin-bottom:40px;
width: 100%;
margin-left: 0px;
margin-right: 0px;
border: 0px;
}
table.wp-block-table td, table.wp-block-table th {
background: #EADACA;
padding:10px 20px 10px 20px !important;
border: 1px solid #fff;
}
table.wp-block-table tr {
background: #EADACA;
}
table.wp-block-table tr:nth-child(odd) td{
background: #EADACA;
}
table.wp-block-table tr:nth-child(even) td{
background: #fff;
}
@media(max-width:576px) {
table.wp-block-table td, table.wp-block-table th {
font-size: 14px;
padding:4px 10px 4px 10px !important;
}
}


/* feriko abulka */

table { 
margin-top:0px;
margin-bottom:10px;
border-collapse: collapse; 
width: 100%;
margin-left: 0px;
text-align: left;

}
table td {
border: 1px solid #918579;
background: #fff;
padding: 8px 5px 8px 10px;
line-height: 140%;   
} 

table td.material {
vertical-align: middle;
text-align: center;  
padding: 8px 10px 8px 10px;
}
table td.kc {
text-align: center; 
padding: 8px 10px 8px 10px; 
}  

table tr.top td {
background: #333;
font-size: 110%;
font-weight: bold;
color: #fff;
padding: 8px 10px 8px 10px;
text-align: center;
}
table tr.seda td {
background: #f5f5f5;

}



/* accrodion */
.advgb-accordion-block{
margin-bottom: 5px !important;
}
.advgb-accordion-header svg{
display: none;
}
.advgb-accordion-header{
background: #c7cbcd !important;
color: #4f5960 !important;
text-transform: uppercase;
padding: 14px 40px 12px 40px !important;
border-radius: 5px !important;
}
.advgb-accordion-header h4{
font-weight: 700 !important;
}
.advgb-accordion-body{
background: #fff !important;
padding: 0px 40px 0px 40px !important;
border-bottom-left-radius: 5px !important;
border-bottom-right-radius: 5px !important;
margin-top: -5px !important;
text-align: left !important;
}
.advgb-accordion-body::after{
content: " " !important;
padding: 40px !important;
}
.advgb-accordion-body::before{
content: " " !important;
padding: 40px !important;
}
.advgb-accordion-body p:first-child{
margin-top: 20px;
}
.advgb-accordion-header:hover, .advgb-accordion-header:focus, .advgb-accordion-header.ui-accordion-header-active{
background: #E19F2C !important;
color: #fff !important;
}
@media(max-width:768px) {
.advgb-accordion-header{
padding: 14px 20px 12px 20px !important;
}
.advgb-accordion-body{
padding: 0px 20px 0px 20px !important;
}
}
/* wp-block-advgb-tabs */
.wp-block-advgb-tabs{
margin-bottom: 50px !important;
margin-top: 30px !important;
}
li.advgb-tab{
background: #c7cbcd !important;
color: #4F5960 !important;
text-transform: uppercase;
padding: 0px 0px 0px 0px !important;
margin: 0 !important;
border-top-left-radius: 5px !important;
border-top-right-radius: 5px !important;
font-size: 90%;
font-weight: 700;
margin-right: 5px !important;
border:0 !important;
}
li.advgb-tab span{
padding: 0px 20px 0px 20px !important;
}
li.advgb-tab a{
color: #4F5960 !important;
}
li.advgb-tab:hover, li.ui-tabs-active{
background-color: #e19f2c !important;
color: #fff !important;
}
li.advgb-tab:hover a, li.advgb-tab.ui-tabs-active a{
color: #fff !important;
}
.advgb-tab-body{
background: #fff !important;
padding: 40px 40px 20px 40px !important;
border-bottom-left-radius: 5px !important;
border-bottom-right-radius: 5px !important;
border:0 !important;
}
li.advgb-tab.ui-tabs-active a {
color:#fff !important; background-color:#e19f2c !important; display: block !important; width: 100% !important;
border-top-left-radius: 5px !important;
border-top-right-radius: 5px !important;
}
li.advgb-tab.ui-tabs-active {
color:#fff !important; background-color:#e19f2c !important; display: block !important; padding-left: 0px !important; padding-right: 0px !important;
border-top-left-radius: 5px !important;
border-top-right-radius: 5px !important;
}
@media(max-width:768px) {
.advgb-tab-body{
background: #fff !important;
padding: 20px 20px 1px 20px !important;
border-bottom-left-radius: 5px !important;
border-bottom-right-radius: 5px !important;
border:0 !important;
text-align: left !important;
}
li.advgb-tab span{
padding: 0px 0px 0px 0px !important;
}
li.advgb-tab{
margin-right: 1px !important;
}
.wp-block-advgb-tabs{
margin-bottom: 20px !important;
margin-top: 0px !important;
}
}
/* sloupce */
@media (max-width: 991px) {
.wp-block-columns {
width: 100% !important;
float: none !important;
display: block !important;
clear: both !important;
margin:0 !important;
padding: 0 !important;
}
.wp-block-column {
width: 100% !important;
float: none !important;
display: block !important;
clear: both !important;
margin:0 !important;
padding: 0 !important;
}
}
/* block quote */
blockquote{
background: #333333 !important;
padding: 40px;
margin-bottom: 40px;
font-size: 100%;
color: #fff !important;
}
blockquote cite{
font-size: 80%;
float: right;
}
@media(max-width:768px) {
blockquote{
padding: 20px;
}
}
.wp-block-button a:hover{
background: #552200;
color: #fff !important;
}
.wp-block-button a{
display: inline-block;
padding: 8px 20px 6px 20px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 20px;
font-size: 16px;
font-weight: 500;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none !important;
background: none;
color: #552200 !important;
border:0;
border: 3px solid #552200;
border-radius: 20px;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
}
@media(max-width:576px) {
.wp-block-button a{
padding: 8px 10px 6px 10px;
font-size: 13px;
}
}
@media(max-width:576px) {
.btn {
padding: 8px 10px 6px 10px;
font-size: 13px;
}
}
figure {
max-width: 100% !important;
}
figure img {
max-width: 100% !important;
}
.wp-block-gallery img:hover {
opacity: 0.7;
}
/* KONEC GUTENBERG */
