html { scroll-behavior: smooth; }
body {font-size: 16px;line-height: 30px;color:#333;background:#fff;font-family:'Montserrat', sans-serif;line-height:1.81857143;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {color:#000000;text-transform:none;font-weight:600;font-family:'Montserrat', sans-serif;}
a {color:#333;text-decoration:none;}
a:hover, a:focus {color:#007b31;}

h1, .h1 {font-size:36px;margin-top:30px;}
h2, .h2 {font-size:30px;margin-top:30px;margin-bottom:15px;}
h3, .h3 {font-size:26px;margin-top:30px;margin-bottom:15px;}
h4, .h4 {font-size:24px;margin-top:30px;margin-bottom:15px;}
h5, .h5 {font-size:20px;margin-top:30px;margin-bottom:15px;}
h6, .h6 {font-size:20px;margin-top:30px;margin-bottom:15px;}
ul {list-style-image:url("/img/li.png");}

iframe { border: none; }

.btn {
    color:#ffffff;
    font-family:'Montserrat', sans-serif; font-size: 17px; font-weight: 400; 
    text-decoration:none; text-transform:uppercase;
    padding-top: 13px; padding-bottom: 13px;
    background:#007b31;
    border-style:none; border-radius:0px;
    min-width:200px;
}
.btn.white { background-color: #fff; color: #333333; }
.btn.white.border { border: 2px solid #007c32; padding-top: 11px; padding-bottom: 11px; }

.btn.transparent{
    background-color: rgba(0,0,0,0.25098039215686274); border: 1px solid #999999;
}

.btn:hover, 
.btn:focus,
.btn:active { background:#000; color: #fff; }
.btn.white.border:hover,
.btn.white.border:focus,
.btn.white.border:active { border-color: #000; }

.vertical-align { position: absolute; top: 50%; transform: translateY(-50%); }
.box_link { 
    position: absolute; top: 0; left: 0; right: 0;
    display: block; width: 100%; height: 100%;
    z-index: 100;
 }
.img_bcg_block { overflow: hidden; }
.img_bcg { 
    display: block; background-size: cover; background-position: center; background-repeat: no-repeat; 
    transition: transform .5s;
}
@media(min-width: 1230px){
    .col-lg-petina { width: 20% !important; }
}
.bottom-line:after{
    content: '';
    display: block;
    height: 2px; width: 50px;
    background-color: #dab561;
    margin-top: 10px;
}

.box_link:hover ~ .img_bcg_block .img_bcg { transform: scale(1.1); } 

.stin { box-shadow: 0 0 10px rgba(0,0,0,.5); }

.lg-outer .lg-thumb-item img {
    width: auto !important; display: block; margin: 0 auto;
}

.container,
.container-fluid { padding-left: 10px; padding-right: 10px; }
body.homepage .container-fluid { padding-left: 20px; padding-right: 20px; }
.row { margin-left: -10px; margin-right: -10px; }
.obsah_section .row { margin-right: -9px; } /* kvuli tabulkám v Chrome */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 10px; padding-right: 10px;
}
@media(min-width: 1230px){
    body.homepage .container-fluid { padding-left: 80px; padding-right: 80px; }
}

.img-responsive {margin:0px auto;}
.img-thumbnail {margin-bottom: 15px; border-radius: 0px;}
.push-bottom {margin-bottom:15px;}

.h2_extra { padding:10px 15px; margin:30px auto 25px auto; text-align: center; border-bottom: 2px solid #007b31; width:30%; color: #333333; font-size: 24px; text-transform: uppercase; }
.h2_extra a { color: #333333; }
.h2_extra a:hover, .h2_extra a:focus { color: #007b31; text-decoration: none; }

img {max-width: 100%; height:auto;}

.zahodit {display:none;} /* používá se na skryté submity jako antispam */
.hideOnDesktop { display: none !important; }

.skryty-konverze { overflow: hidden; height: 1px; width:1px; position:fixed; bottom:0px; left:0px; padding:1px; background:transparent; }

.align-center { text-align: center; }

.page-content ul { padding-left:20px; }
.page-content ul li {margin-bottom:4px;}
.page-content ul.list-unstyled {list-style:none inside none; padding-left:0px;}

body .table-responsive { border:none; }
.table-responsive.jspScrollable { border:1px solid #003366; }

.page-content .table-responsive { overflow: auto; border: none; max-width: 100%; }
.page-content table { width: 100%; border: 1px solid #c9c9c9; margin-bottom: 20px; font-size: inherit; }
.page-content table th, .page-content table td { border: 1px solid #777; border: 1px solid #c9c9c9; vertical-align: middle; padding: 10px;  }
.page-content table th { background-color: #dfdfdf; font-weight: normal; }
.page-content table tr:nth-child(even) td { background:#f5f5f5; }


.btn-primary, 
.pagination > .active > a  {
	border-color: #007b31 !important;
	color: #ffffff;
	text-shadow: none;
	background-color: #007b31;
}
.btn-primary:hover, .pagination > li > a:hover, .pagination>.active>a, .pagination>.active>span, 
.pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus,
.btn-primary:active, .pagination > .active > a:active, .btn-primary:focus, .pagination > li > a:focus {
	/*border-color: #0099ff !important;
	background-color: #0099ff;
        color: #ffffff;*/
}

/*.input-group .form-control {border-color:#fff;}
.input-group .btn { background-color:#fff; border-left:0px none;}*/
.form-control {border-radius: 0px;}
.form-control:focus {border-color:#333;}
.control-label {display:inline-block; height:34px; line-height: 34px; vertical-align: middle; font-weight: normal;}

input.required-empty { border-color:#007b31; }

/* hlavička, menu */
#header { z-index: 99999; width: 100%; }
#header.affix-top { position: absolute; top: 0; padding-top: 45px; }
#header.affix { width:100%; top: 0; }
#header-stin {/*background: url('/img/bg-top.png') 50% 100% repeat-x transparent;*/ 
    background-color: transparent;
    position: relative; text-align: center; 
}
#header.affix #header-stin { height: 80px; background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,.5); }
#header.affix #header-stin>.container-fluid { line-height: 80px; }
#header.affix #lang { display: none; }

#header-top { position:relative; }


/* header pro jine stranky nez pro HOMEPAGE */
body:not(.homepage) #header { height: 100px; padding-top: 0; }
body:not(.homepage):not(.menuOpened) #header.affix-top {
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(223,223,223,1) 50%, rgba(223,223,223,1) 100%);
}
body:not(.homepage):not(.menuOpened) #header.affix-top #header-stin { padding-top: 20px; height: 100%; }
@media(min-width: 460px){
    body:not(.homepage):not(.menuOpened) #header.affix-top {
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(223,223,223,1) 40%, rgba(223,223,223,1) 100%);
    }
}
@media(min-width: 768px){
    body:not(.homepage) #header.affix-top { height: 180px; }
    body:not(.homepage):not(.menuOpened) #header.affix-top #header-stin { padding-top: 70px; }
}
@media(min-width: 1230px){
    #header.affix-top { padding-top: 75px; }
}

body.homepage .wotan_trees_img.header_trees,
body.onePage .wotan_trees_img.header_trees { display: none; }
.wotan_trees_img.header_trees { right: 40px; max-height: 120px; z-index: -1; opacity: .7; }

#logo {text-align:left; margin:0px auto;}
#logo img { max-height: 60px; max-width:100%; height:auto; }
#header.affix #logo img { max-height: 60px; } 
.menuOpened #logo a { display: none; }
#logo .menuOpened_logo { display: none; }
.menuOpened #logo .menuOpened_logo { display: block; max-height: 89px; position: absolute; }

#header-right-block {height:auto;}


#searchFormTop { float: right; margin-right: 15px; }
#searchFormTop .searchForm { margin-top: 10px; }
.header-affixed #searchFormTop .searchForm { margin-top: 20px; }

.vice_vysledku { display: none !important; }

/* vyhledavani, zobrazeni textboxu */
#hledani #q { display: none; position: absolute; right: 0; top: -1px; background-color: #fff; border: none; color: #333333; height: 40px; width: 250px; z-index: 1000; }
#hledani .ico-btn.active { background: #fff; z-index: 1001; position: relative; }

#hledani #q.form-control:focus { box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 123, 49, 0.6); }

.hledani-ico { background: url('/img/hlavicka-hledat.png?v=1') no-repeat 50% 0; width: 29px; margin-bottom: 0; padding-top: 0; }

.ico-btn, a.ico-btn { height: 40px; background: transparent; border: none; color: #B6B8C0; font-size: 14px; text-decoration: none; margin-right: 0; display: block; outline: none; }
.ico-btn:hover/*, .ico-btn:focus, .ico-btn:active*/, .ico-btn.active,
a.ico-btn:hover, a.ico-btn.active { color: #007b31; text-decoration: none; }

.ico-btn>.ico { height: 30px; border: none; display: block; text-align: center; }
/* najetí přímo na ico */
.ico-btn>.ico:hover, .ico-btn>.ico.active,
/* najetí na celé tlačítko */
.ico-btn:hover>.ico, .ico-btn.active>.ico { background-position: 50% 100%; }

button.ico-btn { margin-top: -1px; }

@media(min-width: 992px){
    #searchFormTop { margin-right: 30px; }
}


.searchForm input, .searchForm .btn {border-color:#cdcdcd; color:#999;}
.searchForm input {border-right:0px none; height: 44px;}
.searchForm .btn { font-size:21px; color:#fff; }
.searchForm .form-control { height: 49px; }
@media(min-width: 768px){
    .searchForm .form-control { height: 56px; }
}

.navbar-collapse {top:0px; position:relative; z-index:999;}

nav.navbar { height:0px; min-height:0px; margin-bottom:0px; border:0px none; }

#mainMenu .navbar-collapse, 
#kategorie_mobile_menu #cssmenu {
    padding-left:0px; padding-right: 0px; 
    background-color: transparent; color:#fff; 
    top:-22px; 
    height: 100%; width:100%;
    overflow: auto;
}
/* .affix #mainMenu .navbar-collapse { position:fixed; top: 0px; } */


#mainMenu .navbar-nav {margin:0px;}
#mainMenu a {
    line-height: 20px; font-size: 18px; font-weight: 600;
    color: #000000;
    border:0px none; outline: 0px none; 
    border-bottom: none;
}
#mainMenu a:hover, 
#mainMenu a:focus, 
#mainMenu a:active 
#mainMenu .active a {color:#007b31; background-color: transparent;}
#mainMenu .dropdown-menu {margin:-1px 0px 0px 0px; padding: 1px 0px 0px 0px; background:#666;}

.mobile-menu { display: none; }

.dropdown.opened .dropdown-menu {display:block;}

#leve-menu-toggle {float:left; text-transform: uppercase; margin-right: 0px; margin-left:0px; margin-top:0px; width:140px; font-size: 14px; padding: 10px 8px;}

a i.glyphicon {padding-right:5px;}


/* .scrollup {
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: fixed;
    bottom: 50px;
    right: 60px;
    display: none;
    text-align:center;
    background-color: #000;
    border: #007b31 1px solid;
    filter: alpha(opacity=70); opacity: 0.70;
    border-radius:7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px;
}
.scrollup:hover, .scrollup:focus, .scrollup:active {color:#0099ff;border-color:#0099ff;}
.scrollup i.glyphicon {padding:0px;} */

@media(max-width: 767px){
   /*  body.header-affixed { margin-top: 80px; } *//* SEM ZADEJ VÝŠKU CELÉ HLAVIČKY */
    
   /*  .navbar-collapse .dropdown-menu {padding:0px; position: relative; width:100%; margin:0px; background:transparent; box-shadow: none;}
    .navbar-collapse .dropdown-toggle .dropdown-trigger {position:absolute; right: 5px; top: 10px; padding: 0px 15px} */
    
    #levy-blok {margin-top: 25px; border-top:1px solid #e0e0e0; padding-top:20px;}
    .produkty .produkt {margin-bottom:25px;}

    .logo-resp { margin: 0 auto; width: 214px;}

    .mobile-menu { display: block; text-align: center; }
    .mobile-menu>li>a { display: inline; line-height: 30px; font-weight: bold; }
}

/*#header-right-block.affix {top:0px;width:100%; background: url('/img/bg-top.png') 0px 100% repeat-x transparent; padding-top:5px; padding-bottom:25px; height:70px;}
#header-right-block.affix #kosik-blok {bottom:25px;}*/
.container,
    body:not(.homepage) #header .container-fluid { transition: width .5s; }
@media(min-width: 768px){

    .container,
    body:not(.homepage) #header .container-fluid { width: 750px; }

    nav#mainMenu, nav#mainMenu div { display: inline-block; width: auto; }

    /* pro fixnutou hlavičku nastylovat řádek pod tímto a smazat druhý identifikátor řádek nad tímto */
    /*#header.affix { position: fixed; top: -10px; box-shadow: 0px 3px 10px; height: 60px; }*/
    
    #logo {text-align:left; }
    #logo img { max-height: 89px; max-width:100%; height:auto; margin-bottom: 0px; }
    
    #header-right-block { height:auto; }
 
    .affix #mainMenu .navbar-collapse { position:relative;  top:auto; }
    #mainMenu .dropdown:hover .dropdown-menu{display:block;}
    
}
@media (min-width: 992px){  
    .container,
    body:not(.homepage) #header .container-fluid { width: 970px; }
    #mainMenu #navbar { margin-top: 70px; } 
    #mainMenu a { font-size: 30px; line-height: 30px; }
}
@media (min-width: 1230px){
	.container,
    body:not(.homepage) #header .container-fluid { width: 1210px; }
    body:not(.homepage) #header .container-fluid 
	#header.affix-top { padding-top: 75px; }
}
@media (min-width: 1470px){
	.container,
    body:not(.homepage) #header .container-fluid { width: 1450px; }
}




/* hlavní blok */
#main_block { padding-bottom:100px; background-color: transparent; }
body.homepage #main_block { padding-bottom: 0; }
#main_obal { background: #ffffff;/*  margin-top: 15px; padding-top:0px; */}
#col-left { padding: 0; }

@media(min-width: 768px){
    #main_obal { position: relative; }

    #drobecky { position: absolute; top: -35px; }
}

.page-content {margin-bottom:5px;}




.wotan_trees_img { 
    max-height: 146px; position: absolute; bottom: 0; right: 70px; 
    opacity: .2; transition: opacity .5s; 
}
@media(min-width: 1230px){
   .wotan_trees_img { opacity: 1; transition: opacity .5s; }
}

/* HOMEPAGE */
.section_title { 
    font-size: 48px;
    color: #000000;
    font-weight: 500; 
    margin: 0 auto;
}



/* INTRO */
#home_intro { 
    position: relative; top: 0;
    margin-bottom: 115px;
    text-align: center;
    /* display: flex; flex-direction: column; */
}
#home_intro .wrapper {
    position: relative;
    padding-top: 150px;
    background: #dfdfdf;
    margin-bottom: 25px; /* height: 1470px; */

    transition: all .5s;
}
@media(min-width: 768px) {
    #home_intro .wrapper { height: 1470px; }
}

#home_intro .content_wrapper { 
   position: relative; height: 100%;
}
#home_intro .content_wrapper .col { position: static; }

/* left part */
#home_intro .content_wrapper .col.col_left { text-align: center; margin-bottom: 50px; }
#home_intro .content_wrapper .col.col_left .text { margin: 0 auto 30px auto; width: 80%; transition: margin .5s;}
#home_intro .content_wrapper .col.col_left .text h1,
#home_intro .content_wrapper .col.col_left .text .h1 {
    font-size: 45px; font-weight: 700;
    margin-top: 0; margin-bottom: 30px;
}
#home_intro .content_wrapper .col.col_left .text p {
    font-size: 18px;
    line-height: 26px;
}

#home_intro .content_wrapper .col.col_left .btn { 
    min-width: 230px; height: 40px; text-transform: initial; 
    padding-top: 8px; padding-bottom: 8px;
}

/* right part */
#home_intro .content_wrapper .col.col_right { position: absolute; bottom: 0; right: 2%; }

@media(min-width: 460px){
    #home_intro .content_wrapper .col.col_left .text h1,
    #home_intro .content_wrapper .col.col_left .text .h1 { font-size: 65px; }
}
@media(min-width: 768px){
    #home_intro .content_wrapper .col.col_left .text h1,
    #home_intro .content_wrapper .col.col_left .text .h1 { font-size: 85px; }
}

.scroll_down { display: inline-block; }
.scroll_down .svg-icon { fill: white; stroke: #000000; stroke-width: 3; max-height: 65px; width: 47px; transition: stroke-width .1s, stroke .1s, fill .1s; }  
.scroll_down:hover .svg-icon,
.scroll_down:focus .svg-icon,
.scroll_down:active .svg-icon {/*  fill: #dfdfdf; */ stroke: #007b31; /* stroke-width: 4; */ transition: stroke-width .1s, stroke .1s, fill .1s; }


/* middle part - animace */
.animace_wrapper { 
    position: relative;
    background-color: #007b31; 
    padding: 20px;
    text-align: left;
}
.carousel-inner { overflow: initial; }

.animace_text_block {
    position: absolute; top: 100%; left: -20px; right:-20px;
    width: 100vw; height: auto;
    padding: 30px 20px 20px 35px; margin: 0 auto;
    background-color: #007b31; color: #fff;
    background-image: url('/img/bg_zelene.png'); background-size: cover;

    transition: opacity .5s;
}
.animace_text_block  .corner_image { 
    position: absolute; top: 25px; right: 20px; 
    max-height: 40px; opacity: .3; 
    transition: opacity .5s, max-height .5s;
}
.animace_text_block .title { 
    margin-top: 0; margin-bottom: 10px;
    font-size: 30px; font-weight: 700;
    color: #fff;
}
.animace_text_block .text {
    height: auto;
    font-size: 14px; line-height: 26px;
    margin-bottom: 15px;
}
.animace_text_block .btn_block { text-align: right; }
.animace_text_block .btn { 
    font-size: 14px; padding-top: 7px; padding-bottom: 7px; width: 100%; min-width: initial; margin-bottom: 15px;
}

.carousel-indicators {
	position: absolute;
	top: 40px; left: 0; right: 0;
	z-index: 1;
	width: 100%; height: 30px;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
.carousel-indicators li { 
    width: 10px !important; margin: 0 3px;
    height: 10px !important;
    border-radius: 8px;
    background-color: #fff;
    border: none; border-radius: none; background-color: unset;
    background-color:#d5d5d5; 
}
.carousel-indicators .active {
    background-color:#007b31;
}

.carousel-control {
    /* bootstrap  */
    background-image: none !important; text-shadow: none; border-radius: none;
    opacity: 1;
    display: block;
    width: 20px;
    height: 36px;
}
.carousel-control.left { left: 10px; }
.carousel-control.right { right: 10px; }

.carousel-control:hover { background-color: transparent; }
.carousel-control .svg-icon { stroke: #ffffff; stroke-linecap:round; stroke-width: 5; }
.carousel-control:hover .svg-icon,
.carousel-control:active .svg-icon,
.carousel-control:focus .svg-icon { stroke: #000; }

.carousel-inner > .item > img, 
.carousel-inner > .item > a > img { margin: 0 auto; }



@media(min-width: 768px){
    #home_intro .wrapper { margin-bottom: 25px; padding-top: 200px; height: 1410px; }
    #home_intro .content_wrapper { position: relative; }
    #home_intro .content_wrapper .col { position: static; }
    #home_intro .content_wrapper .col.col_left{ text-align: center; margin-bottom: 50px; }
    #home_intro .content_wrapper .col.col_right{ position: absolute; bottom: 0; right: 2%; }
    .animace_text_block {
        top: initial; bottom: -140px; left: 0; right: 0;
        width: 633px; height: 260px;
    }
    .animace_text_block .text {
        height: 110px; overflow: hidden;
    }
    .animace_text_block .btn {
        font-size: 17px; 
        padding-top: 13px; padding-bottom: 13px; 
        min-width: 200px; width: auto; margin: 0 10px;
    }
    .carousel-control {
        width: 30px;
        height: 54px;
    }
    .carousel-control.left { left: 20px; }
    .carousel-control.right { right: 20px; }
    .carousel-indicators li { 
        width: 15px !important; margin: 0 5px;
        height: 15px !important;
    }
}
@media(min-width: 992px){
    .animace_wrapper { max-width: 1024px; margin: 0 auto; }
}
@media(min-width: 1230px){
    #home_intro { margin-bottom: 195px; height: auto; }
    #home_intro .wrapper { 
        height: 800px; margin-bottom: 15px;
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(223,223,223,1) 40%, rgba(223,223,223,1) 100%); 
    } 
    #home_intro .content_wrapper { position: initial; }
    #home_intro .content_wrapper .col { position: absolute; }
    #home_intro .content_wrapper .col.col_left{ left: 0; right: 62%; text-align: left; padding: 110px 45px 0 75px; margin-bottom: 0; }
    #home_intro .content_wrapper .col.col_right{ bottom: -60px; right: 2%; top: initial; }
    #home_intro .content_wrapper .col.col_middle{ left: 38%; right: 0%; bottom: 140px; }
    #home_intro .content_wrapper .col.col_left .text { width: 380px; }
    .animace_wrapper { max-width: 727px; margin-left: 0; }
}
@media(min-width: 1470px){
    #home_intro { margin-bottom: 110px; }
    #home_intro .wrapper { height: 980px; }
    #home_intro .content_wrapper .col.col_left{ right: 69%; }
    #home_intro .content_wrapper .col.col_middle{ left: 31%; }
    #home_intro .content_wrapper .col.col_right{ bottom: initial; }
    #home_intro .content_wrapper .col.col_left .text { margin: 0 0 185px 0; }
    .animace_wrapper { max-width: 937px; }
    .animace_text_block { height: 350px; }
    .animace_text_block .title { font-size: 44px; margin-bottom: 30px; }
    .animace_text_block .text { font-size: 18px; height: 160px; }
    .animace_text_block  .corner_image { max-height: 60px; opacity: 1; }
    .carousel-control { width: 40px; height: 72px; }
}
@media(min-width: 1620px){
    .animace_wrapper { max-width: 1017px; }
}



.soc_block{
    display: flex; flex-direction: row;
}
.soc_block a.link { display: block; margin: 0 5px; }
.soc_block .svg-icon { 
    max-height: 40px; max-width: 40px; 
    height: 100%; width: 100%;
    fill: #383838; 
}
.soc_block a.link:hover .svg-icon,
.soc_block a.link:hover .svg-icon,
.soc_block a.link:hover .svg-icon { fill: #007b31; }
@media(min-width: 1470px){
    .soc_block { padding-top: 210px; flex-direction: column; }
    .soc_block a.link { margin: 0; }
}

.menuOpened_soc_block { 
    display: none; position: absolute; z-index: 1000; 
    right: 2%; top: 50%; transform: translateY(-50%); 
}
.menuOpened_soc_block .soc_block { flex-direction: column; }
.menuOpened_soc_block .soc_block .svg-icon { width: 70%; height: 70%; transition: width .5s, height .5s; }
.menuOpened .menuOpened_soc_block { display: block; } /* blok viditelny pouze kedyž je otevřené MENU */
@media(min-width: 460px){
    .menuOpened_soc_block .soc_block .svg-icon { width: 100%; height: 100%; }
}
.menuOpened #header-stin { height: 100vh; }



/* hlavní OBSAH */
#main-content { padding-top: 80px; /* padding-top: 160px; */ } /* vyska #header + odsazeni 80px */
@media(min-width: 768px){
    #main-content { padding-top: 180px; /* padding-top: 260px; */ } /* to odszaení obstará PAGE INTRO (pokud je bez obrázku) */
}
#karieraContent #main-content { padding-top: 0px; }

#page-intro { text-align: center; margin-bottom: 35px; padding-top: 80px; }
#page-intro .main_title { 
    font-size: 42px;
    color: #000000;
    font-weight: 600; 
    margin-top: 0; margin-bottom: 15px; 
}
@media(min-width: 992px){
    #page-intro { margin-bottom: 55px; }
}


#page-intro-image {
    position: relative;
    display: flex; flex-direction: column;
    padding-top: 60px; padding-bottom: 50px;
    text-align: center;
}
#page-intro-image .left_block,
#page-intro-image .right_block { padding: 0 20px; }
#page-intro-image .left_block { order: 1; padding-top: 30px; }

#page-intro-image #kat_menu { list-style: none; padding: 0; margin-bottom: 0; }
#page-intro-image #kat_menu li { margin-bottom: 30px; }
#page-intro-image #kat_menu li a {
    font-size: 20px; font-weight: 700;
    line-height: 35px;
    color: #1d1b1e;
}
#page-intro-image #kat_menu li a:hover,
#page-intro-image #kat_menu li a:active,
#page-intro-image #kat_menu li a:focus { color: #007c32; text-decoration: none; }

#page-intro-image .img_block {
    display: none;
}
#page-intro-image .img_block .intro_img_bcg { 
    background-repeat: no-repeat; background-size: cover; background-position: center;
    height: 100%; 
}
#page-intro-image .main_title {
    font-size: 40px;
    color: #000000;
    font-weight: 700;
    margin-top: 0; margin-bottom: 35px; 
}

@media(min-width: 768px){
    #page-intro-image { display: block; height: 530px; padding: 0; text-align: left; } 

    #page-intro-image .img_block {
        display: block;
        max-height: 620px;
    }

    #page-intro-image .main_title { font-size: 56px; }
    #page-intro-image .left_block,
    #page-intro-image .right_block { position: absolute; }
    #page-intro-image .left_block { right: 0; left: 0; padding: 100px 0 0 0; }
    #page-intro-image .right_block {
        background-color: #dfdfdf;
        padding: 0 0 20px 20px;
        right: 0; left: 40%;
    }
}
@media(min-width: 992px){
    #page-intro-image { height: 630px; } 
    #page-intro-image .main_title { font-size: 72px; }
    #page-intro-image #kat_menu li a { font-size: 30px; }
}
@media(min-width: 1230px){

}
@media(min-width: 1470px){
    #page-intro-image { height: 730px;}
}
@media(min-width: 1920px){
    #page-intro-image { margin-bottom: 100px; }
}


/* sekce hlavních kategorií */
.obsah_section {
    border-top: 5px solid #007c32;
    padding-top: 60px; padding-bottom: 60px;
}
#provozovny.obsah_section,
#produkty.obsah_section { padding-bottom: 35px; }

.obsah_section .section_title {
    font-size: 30px;
    color: #007c32;
    margin-top: 0; margin-bottom: 15px;
}
.obsah_section .section_text {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 50px;
}
@media(min-width: 992px){
    .obsah_section .section_text { margin-bottom: 0; }
}



.pod_nadpis {
    font-size: 24px;
    position: relative; top: -55px;
    text-align: center;
}
#zpetCont { text-align: center; position: relative; top: 60px; }
.btn.white.zpetNaVyber { 
    min-width: 340px; margin: 0 auto; color: #007c32;
    font-size: 18px; font-weight: 600;
}
.btn.white.zpetNaVyber:hover,
.btn.white.zpetNaVyber:focus,
.btn.white.zpetNaVyber:active { color: #fff; }

/* AKTUALITY */
#home_aktuality { margin-bottom: 100px; text-align: center; }
#home_aktuality .section_title { margin-bottom: 80px; }
#home_aktuality .btn { font-weight: 600; min-width: 340px; }
.aktuality_articles { margin-bottom: 20px; text-align: left; }
.aktuality_articles .box { margin-bottom: 60px; }
.aktuality_articles .box .img_block { position: relative; height: 340px; width: 100%; margin-bottom: 35px; }
/* #home_aktuality .box .img_block img { max-height: 340px; } */
.aktuality_articles .box .img_block .datum { position: absolute; left: 0px; right: 0px; text-align: center; }
.aktuality_articles .box .img_block .datum span { display: block; color: #fff; }
.aktuality_articles .box .img_block .datum .den { font-size: 100px; font-weight: 700; line-height: 100px; }
.aktuality_articles .box .img_block .datum .mesic { font-size: 48px; line-height: 50px; }
.aktuality_articles .box .img_block .img_prekryv { 
    position: absolute; top: 0;
    display: block;
    height: 100%; width: 100%;
    background: rgba(255,255,255,0.5);
}
.aktuality_articles .box .text_block {}
.aktuality_articles .box .text_block .title {
    margin-bottom: 30px; margin-top: 0px;
    height: 60px; overflow: hidden;
    font-size: 24px; line-height: 30px;
}
.aktuality_articles .box .text_block .text {
    margin-bottom: 20px;
    height: 180px; overflow: hidden;
    font-size: 17px; line-height: 30px;
}
.aktuality_articles .box .text_block .link {
    font-size: 17px; line-height: 30px; font-weight: 600; text-decoration: underline;
}
.aktuality_articles .box .box_link:hover ~ .text_block .link,
.aktuality_articles .box .box_link:focus ~ .text_block .link,
.aktuality_articles .box .box_link:active ~ .text_block .link,
.aktuality_articles .box .box_link:hover ~ .text_block .title,
.aktuality_articles .box .box_link:focus ~ .text_block .title,
.aktuality_articles .box .box_link:active ~ .text_block .title,
.aktuality_articles .box .box_link:hover ~ .img_block .den,
.aktuality_articles .box .box_link:focus ~ .img_block .den,
.aktuality_articles .box .box_link:active ~ .img_block .den,
.aktuality_articles .box .box_link:hover ~ .img_block .mesic,
.aktuality_articles .box .box_link:focus ~ .img_block .mesic,
.aktuality_articles .box .box_link:active ~ .img_block .mesic {
    color: #007c32;
}

/* Produkty, Provozovny */
.pro_articles { }
.pro_articles .box { position: relative; margin-bottom: 25px; }
.pro_articles .box .img_bcg { height: 146px; }
.pro_articles .box .text_block {
    position: relative;
    height: 75px;
}
.pro_articles .box .text_block .title {
    overflow: hidden; height: 45px;
    font-size: 16px; font-weight: 400;
    line-height: 22px;
    margin: 0;
}
.pro_articles .box .box_link:hover ~ .text_block .title,
.pro_articles .box .box_link:active ~ .text_block .title,
.pro_articles .box .box_link:focus ~ .text_block .title { color: #007c32; }


/* Benefity */
.benefity_articles { }
.benefity_articles .box { position: relative; margin-bottom: 25px; }
.benefity_articles .box .img_bcg { height: 146px; }

.benefity_articles .box .main-title.title { font-size: 33px; }
.benefity_articles .box .title {
    left: 0; right: 0;
    margin: 0; text-align: center;
       
    font-weight: 700;
    color: #fff; text-transform: uppercase;

    font-size: 20px;
    padding: 20px;
}
.benefity_articles .box .title p { margin-bottom: 0; }


.flip-block{
    transition: transform 0.8s;
    transform-style: preserve-3d;
}
.box_link:hover ~ .flip-block,
.box_link:focus ~ .flip-block { transform: rotateY(180deg); }

.flip-card-front,
.flip-card-back {
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
}

.flip-card-back {
    position: absolute; top: 0;
    width: 100%; height: 100%;
    
    background-color: #007b31; background-image: url('/img/bg_zelene.png'); background-size: cover;
    transform: rotateY(180deg); /* z vertical-align třídy - musim je mít ale pohromadě */
}


@media(min-width: 992px){
    .benefity_articles .box .title { font-size: 18px; }
}
@media(min-width: 1230px){
    .benefity_articles .box .title { font-size: 20px; }
}


/* Sluzby */
.sluzby_articles { }
.sluzby_articles .box { position: relative; margin-bottom: 25px; }
.sluzby_articles .box .img_bcg_block .content {
    position: absolute; top: 0;
    padding: 15px;
    height: 300px; width: 100%;
    background-color: rgba(0,0,0,.5);

    text-align: center;
    font-size: 17px; line-height: 20px;
    color: #ffffff;
}
.sluzby_articles .box .img_bcg_block .content .inner_text_block {
    height: 180px; overflow: hidden; margin-bottom: 40px;
}
.sluzby_articles .box .img_bcg_block .content .btn { min-width: 160px; }
.sluzby_articles .box .img_bcg { height: 300px; }
.sluzby_articles .box .text_block {
    position: relative;
    height: 75px;
}
.sluzby_articles .box .text_block .title {
    overflow: hidden; height: 45px;
    font-size: 16px; font-weight: 400;
    line-height: 22px;
    margin: 0;
}
.sluzby_articles .box .box_link:hover ~ .text_block .title,
.sluzby_articles .box .box_link:active ~ .text_block .title,
.sluzby_articles .box .box_link:focus ~ .text_block .title { color: #007c32; }


/* dokumenty */
.dokumenty_articles { }
.dokumenty_articles .box { position: relative; margin-bottom: 25px; height: 340px; }
.dokumenty_articles .box .img_bcg_block { height: 100%; }
.dokumenty_articles .box .img_bcg_block .img_bcg { background-image: url('/img/bg_zelene.png'); height: 100%; }

.dokumenty_articles .box .img_bcg_block .text_block {
    left: 35px; right: 35px;
    text-align: center;
    font-size: 33px; font-weight: 600;
    line-height: 38px;
    color: #ffffff;
}
.dokumenty_articles .box .box_link:hover ~ .img_bcg_block .text_block,
.dokumenty_articles .box .box_link:active ~ .img_bcg_block .text_block,
.dokumenty_articles .box .box_link:focus ~ .img_bcg_block .text_block { text-decoration: underline; }



/* Kontakty */
.kontakty_articles { }
.kontakty_articles .box { position: relative; margin-bottom: 45px; height: 150px; }
.kontakty_articles .box .img_bcg_block { height: 340px; }
.kontakty_articles .box .img_bcg_block .img_bcg { height: 100%; }
.kontakty_articles .box .text_block .title {
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    font-weight: 700;;
}
.kontakty_articles .box .text_block .text {
    font-size: 14px;
    line-height: 24px;
    color: #000000;
}
.kontakty_articles .box .text_block .text td { padding: 0 5px; }



#kontakty-tabs{ 
    background: transparent;
    border: none;
    font-family: inherit;
}
#kontakty-tabs.ui-widget-content{
    margin-top: 50px;
    border: none;

}
#kontakty-tabs > ul{
    background: inherit;
    border: none;
    padding: 0;
    margin: 0 -10px !important; /* row */
}

#kontakty-tabs > ul li{
    background-color: transparent;

    margin: 0 0 10px 0; padding: 0 10px !important; /* col */
    border: none;
}
#kontakty-tabs > ul li a.btn{
    width: 100%; min-width: initial;
    padding: 10px 13px !important;
    background-color: #dfdfdf;
    text-transform: none;
    font-size: 14px;
}
#kontakty-tabs .ui-state-default a { color: #000; }
#kontakty-tabs .ui-state-active,
#kontakty-tabs .ui-widget-content .ui-state-active,
#kontakty-tabs .ui-widget-header .ui-state-active,
#kontakty-tabs a.ui-button:active,
#kontakty-tabs .ui-button:active,
#kontakty-tabs .ui-button.ui-state-active:hover{
    background-color: inherit !important;
    /*border: 1px solid #d5d5d5 !important;*/
    border: none; 
    /* top: 1px; */ /* to hide the bottom border of ul */
}
#kontakty-tabs .ui-state-active a.btn,
#kontakty-tabs .ui-widget-content .ui-state-active a.btn,
#kontakty-tabs .ui-widget-header .ui-state-active a.btn,
#kontakty-tabs a.ui-button:active a.btn,
#kontakty-tabs .ui-button:active a.btn,
#kontakty-tabs .ui-button.ui-state-active:hover a.btn{
    background-color: #007b31;
    color: #fff;
}

@media(max-width: 767px){
    #kontakty-tabs > ul {
        border-bottom: none;
    }
    #kontakty-tabs > ul li{
        display: block; width: 100%; text-align: center;
    }
    #kontakty-tabs .ui-state-default a { text-align: center; margin: 0 auto; display: block; width: 100%;  }

    #kontakty-tabs .ui-state-active,
    #kontakty-tabs .ui-widget-content .ui-state-active,
    #kontakty-tabs .ui-widget-header .ui-state-active,
    #kontakty-tabs a.ui-button:active,
    #kontakty-tabs .ui-button:active,
    #kontakty-tabs .ui-button.ui-state-active:hover, 
    .row .gallery .ui-tabs-panel .ui-corner-bottom .ui-widget-content{
        background-color: #fff !important;
        border-radius: 0px;

        /*na mobilech pak bude tab link oramovany cely dokola - jinak chybel ram zespoda*/
        border: none;
        top: 0px 
    }
}
#kontakty-tabs .ui-state-active a,
#kontakty-tabs .ui-state-active a:link, 
#kontakty-tabs .ui-state-active a:visited{
    outline: none;
}
#kontakty-tabs > div.ui-tabs-panel { padding-left: 0 !important; padding-right: 0 !important; }

#kontakty-tabs .podSkupina_title {  }

/* Kariera */
#karieraContent .content { margin-bottom: 44px; }
#karieraContent .btn_block { margin-bottom: 50px; }
#karieraContent .btn_block .btn { margin-bottom: 10px; min-width: initial; width: 100%; font-weight: 600; font-size: 14px; }
#karieraContent .btn_block .btn.white { color: #007b31; font-weight: 600; }
#karieraContent .btn_block .btn.white:hover,
#karieraContent .btn_block .btn.white:active,
#karieraContent .btn_block .btn.white:focus { color: #fff; }
@media(min-width: 1470px){
    #karieraContent .btn_block .btn { font-size: 17px; }
}

#map_kariera { height: 400px; margin-bottom: 20px; }

/* popup v mapce */
#map_kariera .gm-style .gm-style-iw-c { border-radius: 0; padding: 25px 15px 15px 15px; }
#map_kariera .gm-ui-hover-effect img { display: none !important; }
#map_kariera .gm-ui-hover-effect { 
	top: 0px !important; right: 0px !important;
	background-image: url('/img/close.png') !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 60% !important;
}
#map_kariera .kariera_map_infoWindow { font-size: 17px; color: #333; }
#map_kariera .kariera_map_infoWindow span { display: block; }
#map_kariera .kariera_map_infoWindow .kariera_title { color: #007b31; font-weight: 600; margin-bottom: 10px; }
#map_kariera .kariera_map_infoWindow .kariera_text { font-size: 14px; }

.btn.showKariera { 
    min-width: initial;
    white-space: break-spaces; 
    padding-top: 18px; padding-bottom: 18px; 
}

@media(min-width: 768px){
    .btn.showKariera {
        min-width: 340px; 
        white-space: nowrap;        
    }
}

/* kariera "clanky" */
.kariera_articles { margin-top: 40px; margin-bottom: 80px; }
.kariera_articles .box { 
    position: relative; 
    border-bottom: 1px solid #d5d5d5;
    font-size: 17px;
    color: #333333;
}
.kariera_articles .box .content { 
    display: flex; justify-content: space-between; align-items: center;
    height: 100%; flex-direction: column;
    padding: 10px;
}
.kariera_articles .box .content * { flex: 1; text-align: center; margin-bottom: 5px; }
.kariera_articles .box .content * p { margin-bottom: 0; }
.kariera_articles .box .content .title {
    text-align: left;
    font-size: 17px; font-weight: 400;
    color: #333333; margin-top: 0; margin-bottom: 5px;
}
.kariera_articles .box .content .sipka_icon { text-align: right;  font-size: 20px; }

.kariera_articles .box_link:hover ~ *,
.kariera_articles .box_link:active ~ *,
.kariera_articles .box_link:focus ~ *,
.kariera_articles .box_link:hover ~ .content .title,
.kariera_articles .box_link:active ~ .content .title,
.kariera_articles .box_link:focus ~ .content .title { 
    color: #007b31;
}
.kariera_articles .box_link:hover ~ .content,
.kariera_articles .box_link:active ~ .content,
.kariera_articles .box_link:focus ~ .content {
    background-color: #f5f5f5;
}
@media(min-width: 992px){
    .kariera_articles .box { height: 60px; }
    .kariera_articles .box .content { flex-direction: row; padding: 0; }
    .kariera_articles .box .content *,
    .kariera_articles .box .content .title  { margin-bottom: 0; } 
}


.btn.genNext { 
    min-width: initial; width: 100%;
    white-space: break-spaces; 
    padding-top: 18px; padding-bottom: 18px; 
    font-weight: 600;
}
@media(min-width: 768px){
    .btn.genNext {
        min-width: 300px; width: auto;
        white-space: nowrap;        
    }
}


/* filtr */
/* hledání pro podstránky */
#kariera_filtr { margin-top: 60px; margin-bottom: 30px; }
#kariera_filtr form { /* display: flex; */ }
#kariera_filtr select { 
    border: 2px solid #000000; outline: none; 
    font-size: 16px;
    color: #000; width: 100%; height: 60px;

    margin-bottom: 15px; padding-left: 17px;

   /*  background: url('/img/select.svg') 95% 15px no-repeat #ffffff; */
    background: url('/img/select.png') 95% 20px no-repeat, linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 85%, rgba(0,0,0,1) 85%, rgba(0,0,0,1) 100%);

    appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;-o-appearance: none; 
    cursor: pointer; 

    flex: 1;
}
#kariera_filtr select:hover { 
    border-color: #007b31;
}
/* #kariera_filtrselect:disabled {
    color: #888;
    background-color: #eee;
    cursor: unset;
    background-image: url('/img/select_disabled.png');
} */
#kariera_filtr .btn { 
    width: 100%; min-width: initial;
    font-size: 18px; font-weight: 600;
    padding-top: 17px; padding-bottom: 17px;
    flex: 1;
}

.filtr_block #kariera_filtr { margin-top: 0px; }



/* Hlavní kategorie - foto, video */
.obsah_section .gallery .img-thumbnail { height: 220px; position: relative; }
.obsah_section .gallery .btn_col { text-align: left; }
.obsah_section .gallery .btn { 
    min-width: 220px;
    color: #007c32; font-weight: 600; 
    padding-top: 16px; padding-bottom: 16px; 
}
.obsah_section .gallery .btn:hover,
.obsah_section .gallery .btn:focus,
.obsah_section .gallery .btn:active { color: #fff; }



.gallery {text-align: center;}
.gallery .img-thumbnail { border: none; background: transparent; margin-bottom: 15px; height: 280px;}
.gallery .img-thumbnail img { object-fit: cover; height: 100%; width: 100%; }


/* soubory */
.soubory .file_box_link { display: block; text-decoration: none; border: 4px solid #007c32; margin-bottom: 15px; }
.soubory .top_part,
.soubory .bottom_part { display: block; height: 65px; position: relative; }
.soubory .top_part {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #007c32;
    background-image: url('/img/bg_zelene.png');
}
.soubory .top_part .title { font-size: 15px; line-height: 20px; color: #fff; left: 10px; right: 10px; }
.soubory .bottom_part img.file_icon { max-height: 50px; left: 0; right: 0; margin: 0 auto; transition: max-height .2s; }

.soubory .file_box_link:hover img.file_icon,
.soubory .file_box_link:focus img.file_icon,
.soubory .file_box_link:active img.file_icon { 
    max-height: 60px;
}



.svg-icon.play {
    max-height: 78px; fill: #fff; transition: fill .2s;
    position: absolute; left: 0; right: 0; margin: 0 auto;
}
a:hover .svg-icon.play,
a:focus .svg-icon.play,
a:active .svg-icon.play { fill: #007c32; }

.video { position: relative; }
.video img { max-height: 625px; }
@media(min-width: 992px){
    .video .svg-icon.play { max-height: 230px; }
}

/* ODDELVOAC */
#home_oddelovac { height: 150px; transition: height .5s; background-image: url('/img/pruh.jpg'); }
@media(min-width: 1230px){
    #home_oddelovac { height: 300px; transition: height .5s; }
}

/* CISLA */
#home_cisla { padding: 100px 0 50px 0; text-align: center; color: #000000; }
#home_cisla .section_title { margin-bottom: 70px; }
#home_cisla .cislo_block { margin-bottom: 50px; }
#home_cisla .cislo { 
    font-size: 50px; line-height: 66px;
    font-weight: 600;
}
#home_cisla .text { font-size: 22px; }

@media(min-width: 1230px){
    #home_cisla .cislo_block.lg-offset { margin-right: 110px; }
    #home_cisla .cislo { font-size: 60px; }
}


/* levé menu */
#cssmenu ul li a>span.text { display: block; z-index: 888; width: 75%; }
#cssmenu ul li a>span.menu_akce { clear: both; position: absolute; display: inline-block; top: 0; right: 0; padding: 5px 0; height: 100%; z-index: 999; width: 25%; }
/*.sidebar a {color:#004400; text-decoration: underline;}*/
.sidebar a:hover, .sidebar a:focus { text-decoration: none; }

.subnav-toggle { padding:0px 5px; color: #007b31; }
.subnav {display:none; clear:both;}
.opened > .subnav {display:block;}

.sidebar-title {font-size:15px; display:block; padding:10px 10px 10px 10px; background-color: #007b31;}

.sidebar-title.mail {text-align: center; padding-right: 20px;}

nav.navbar>.container { padding: 0; }

@media screen  and (max-width: 767px){
    #main_block {position:relative;}
    #col-left {position:static;}
    
    #menu-kategorie {position:absolute; top:-22px; left:0px; width:100%; margin:0px; border-radius:0px; z-index:9000; height:100%; overflow: auto;}
    #menu-kategorie.affix {top:55px; position:fixed; }

    #mainMenu .navbar-collapse, #kategorie_mobile_menu #cssmenu {top: auto;}
    #mainMenu #navbar { margin: 0; }

    /*#header-stin>.container { padding-left: 10px; padding-right: 10px; }*/
}
@media screen  and (min-width: 768px){
    #menu-kategorie.collapse {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        overflow: visible !important;
    }
    #menu-kategorie {position:relative; top:auto;left:auto;}
    body {overflow:auto !important;}
    .leve-menu .sidebar-title { display:block; background:#007b31; color:#fff;}
}

@media screen  and (min-width: 992px) {
    .sidebar-title {font-size:15px; padding:10px 10px 10px 20px;}
    .leve-menu li>a { font-size:14px; padding:8px 10px 8px 20px; background-position:20px 50%; }
    .leve-menu .subnav a {font-size:13px; padding-left:40px;}
    .leve-menu .subnav-toggle {top:10px;}
}
@media screen  and (min-width: 1230px){
    .leve-menu li>a {font-size:16px; padding-top:10px; padding-bottom:10px;}
    .leve-menu .subnav a {font-size:14px;}
}

/* patička */
#footer {background-color:#fff; color:#fff;}

#footer_top { background-color: #1d1b1e; text-align: center; padding: 40px 0; position: relative; }
#footer_top .title {
    display:block; 
    margin: 0 auto;
    font-size: 25px;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
}

@media(min-width: 768px){
    #footer_top { padding: 80px 0 75px 0; }
    #footer_top .title { font-size: 33px; }
}
@media(min-width: 992px){
    #footer_top .title { font-size: 44px;}
}


#footer_middle { 
    padding: 90px 0 95px 0; text-align: center; 
    background-position-x: left;
    background-repeat: no-repeat;
    background-color: #007c32;
    background-image: url('/img/bg_zelene.png');
    background-size: cover;
}
#footer_middle .title { 
    margin: 0 auto; margin-bottom: 80px;
    font-size: 35px; color: #ffffff;
    font-weight: 400;
    line-height: 58px;
}
#footer_middle .contact_col,
#footer_middle .formular_col { text-align: left; }
#footer_middle .formular_col { margin-bottom: 80px; }
#footer_middle .sub_title {
    margin-top: 0; margin-bottom: 30px;
    font-size: 35px; color: #ffffff;
    font-weight: 400;
}

#footer_middle p,
#footer_middle table.tel_table td,
#footer_middle table.tel_table td a { 
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0;
}
#footer_middle p.offset { margin-bottom: 40px; }

#footer_middle table.tel_table td.pad_r { padding-right: 10px; }

#footer_middle a { color: #ffffff; }
#footer_middle a:hover,
#footer_middle a:focus,
#footer_middle a:active { color: #333333; text-decoration: none; }


/*foromular*/
.formular { margin: 0px auto; position: relative; } 
.formular .gdpr_col,
.formular .button_col { text-align: left; }
.formular .gdpr_col { margin-bottom: 20px; }
.formular label { font-size: 16px; font-weight: 400; margin-bottom: 0; }
.formular .form-control { 
    font-size: 17px;
    color: #333333;
    border: 0; box-shadow: none; border-radius: 4px; 
}
.formular .form-control:not(textarea) { height: 50px; margin-bottom: 20px; }
.formular .form-control { margin-bottom: 20px; }
.formular .btn { min-width: 220px; }
.formular .gdpr_souhlas { font-size: 14px; line-height: 24px; }
.formular .gdpr_text { position: relative; top: -2px; }

.formular .inputs_title { font-weight: 600; }

.formular .inputs_box { margin-top: 20px; margin-bottom: 20px; }
.formular .inputs_box label { margin-left: 10px; }

/* jako checkbox */
.prety-checkbox { 
    content: ''; width: 20px; height: 20px; line-height: 20px; 
    display: inline-block; margin-right: 7px; 
    background-color: #ffffff; border: 0; margin-bottom: -2px; 
}
.prety-checkbox.checked { 
    background: #fff; color: #333; text-align: center;
    position: relative; display: inline-block; font-family: 'Glyphicons Halflings'; 
    font-style: normal; font-weight: normal;
    -webkit-font-smoothing: antialiased;
}
.prety-checkbox.checked:before { 
    position:absolute; content: '\e013'; left: 0; right: 0; top: -1px; bottom: 0; font-size: 12px; 
}

@media(min-width: 992px){
    #footer_middle .title,
    #footer_middle .sub_title { font-size: 48px; }
}
@media(min-width: 1230px){
    .formular .gdpr_col { text-align: left; margin-bottom: 0; }
    .formular .button_col { text-align: right; }
    #footer_middle table.tel_table td,
    #footer_middle table.tel_table td a,
    #footer_middle p { 
        font-size: 28px;
        line-height: 36px;
    }
}


/* kariera formulař */
#formularKariera.formular { padding: 30px; background-color: #fff; }
#formularKariera.formular .form_title { 
    text-align: center;
    font-size: 36px; 
    margin-top: 0; margin-bottom: 15px;
}
#formularKariera.formular .form_sub-title {
    text-align: center; 
    font-size: 20px; font-weight: 400;
    margin-top: 0; margin-bottom: 60px;
}
.formular.withFiles .form-control{
    font-size: 16px; font-weight: 600;
    border: 1px solid #d5d5d5; border-radius: 0;
}
.formular.withFiles textarea.form-control { height: 110px; }
.formular.withFiles .star{
    position: absolute; right: 20px; top: 5px;
    color: #cc0000;
}
.formular.withFiles .fileInput-box { margin-top: 20px; margin-bottom: 40px; }
.formular.withFiles .file_text { font-weight: 600; }
.formular.withFiles a.file-btn:hover .plus { color: #33aa00; }
.formular.withFiles .plus {
  height: 24px;
  width: 24px;
  display: inline-block;
  background-color: transparent;
  color: #cc0000;
  font-size: 24px;
  line-height: 24px;
  text-align: center;

  margin-right: 3px;

  transition: transform .5s;
}
.formular.withFiles .plus::before {
  content: "+";
}
#formularKariera.formular .gdpr_text{
    font-size: 15px; line-height: 20px; font-weight: 600;
}
#formularKariera.formular .gdpr_text a { text-decoration: underline; }

#formularKariera.formular .prety-checkbox,
#formularKariera_justFiles .prety-checkbox {
    width: 18px; height: 18px;
    background-color: #ffffff;
    border: 1px solid #d5d5d5;
}
#formularKariera.formular .prety-checkbox.checked:before,
#formularKariera_justFiles .prety-checkbox.checked:before { top: -2px; }
#formularKariera.formular .finishForm-box { margin-bottom: 40px; }
#formularKariera.formular .captcha-box { margin-bottom: 20px; text-align: center; }
#formularKariera.formular .button_col { text-align: center; }
#formularKariera.formular .button_col .btn { font-weight: 600; min-width: 230px; padding-top: 18px; padding-bottom: 18px; }
@media(min-width: 992px){
    #formularKariera.formular .button_col .btn { min-width: 300px; }
    #formularKariera.formular { padding: 60px; }
}
@media(min-width: 1230px){
    #formularKariera.formular { padding: 60px 120px; }
}


.g-recaptcha > div { margin: 0 auto; }
@media(max-width: 459px){
    .g-recaptcha{
        transform:scale(0.77);
    }
}


/* osekany - jsutFiles formular */
#formularKariera_justFiles { padding-top: 30px; }
#formularKariera_justFiles.formular.withFiles .fileInput-box { margin-bottom: 30px; }
#formularKariera_justFiles .g-recaptcha > div { margin: 20px 0 20px 0; }
#formularKariera_justFiles .button_col { text-align: left; }


#footer_bottom { background-color: #fff; text-align: center; padding: 60px 0 40px 0; }
#footer_bottom .logo_block { margin-bottom: 40px; }
#footer_bottom .logo_block img { max-height: 30px; margin: 0 auto; }
#footer_bottom .text_block { color: #555555; margin-bottom: 20px; }
#footer_bottom .RESPswitch { color: #999;}
#footer_bottom .odkazy_dokumenty { margin-bottom: 20px; line-height: 18px; }
#footer_bottom .odkazy_dokumenty .dokumentPata_link { display: inline-block; font-size: 12px; margin-bottom: 10px; }
#footer_bottom .odkazy_dokumenty .oddelovac { margin: 0 5px; color: #333; }

@media(min-width: 992px){
    #footer_bottom .odkazy_dokumenty { margin-bottom: 0; }
}

/* patička */
/* #footer-bottom { background-color:#ffffff; text-align:center; font-size: 13px; color: #777777; }
#footer-bottom p {margin:0px !important; padding: 28px 0px; line-height: 24px; vertical-align: bottom; overflow: hidden;}
.footer-copyright-cp {  }
.footer-copyright-cp a { display:inline-block; height:24px; padding:0px; }
.footer-copyright-cp a#logo-cp {width:124px; height: 24px;}
.footer-copyright-cp a#logo-cpedit { width:46px; height: 14px;}
.footer-copyright-cp a .svg-icon { width: 100%; height: 100%; vertical-align: middle; fill: #d3af37; padding: 0 5px; }
.footer-copyright-cp a:hover .svg-icon { fill: #000000; } */

#footer-bottom .nonRESPswitch { margin-left: 40px; }
/*#footer-bottom .nonRESPswitch:hover { color: #000000; }*/





/* článek úvodky */
article#home-intro { margin-top: 20px; text-align: center; font-size: 18px; }

/* články */
.articles .article {border-bottom:1px solid #e0e0e0;}
.articles .article h2 {color:#333; font-size:18px;}
.articles .article h2 a {text-decoration:underline;}
.article-meta {margin-bottom:10px;}
.article-meta a {text-decoration: underline;}

/*strankovani*/
.pagination { margin-top: 30px; margin-bottom: 0; }
.pagination > li > a, .pagination > li > span {
        padding: 0;
        height: 60px; line-height: 60px;
        width: 60px;
        color: #000000;
        background-color:#fff;
        border:2px solid #007c32;
        font-weight: 600;
        font-size: 22px;
        margin: 0px 5px 5px 0px;
        border-radius: 0px;
}
.pagination > li > a#nextPage,
.pagination > li > a#previousPage { padding: 0; }
.pagination > li > a i.icon { padding:0px; font-size: 36px; height: 100%; display: block; line-height: 54px; }
.pagination > li > a:hover i.icon { color: #fff; }
.pagination > li > a:hover, .pagination > li > span:hover,
.pagination > li > a:focus, .pagination > li > span:focus{
        background-color: #007c32;
        border-color: #007c32;
        color:#fff;
}

.pagination > li:last-child > a, 
.pagination > li:last-child > span,
.pagination > li:first-child > a, 
.pagination > li:first-child > span{
    border-radius: 0;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover,
.pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
        background-color: #007c32;
        border-color: #007c32 !important;
        color:#fff;
}



#sidebar-poradit { color:#333333; border:1px solid #cecece; font-size: 13px; }
#sidebar-poradit .title {display:block; font-size: 14px; line-height: 1.2em; background-color: #272b33; margin: -1px -1px 10px -1px; border-bottom: 1px solid #d7d7d7; color: #b6b8c0; padding: 12px 20px; }
#sidebar-poradit p strong {display:block; font-weight: normal; color: #333333;}
#sidebar-poradit a, #sidebar-poradit a:hover { color: #333333; text-decoration: none; }

/* výměna ikon za tmavé pro poradit */
#sidebar-poradit .telefon-ico { background-image: url("/img/potrebujete-radu-telefon.png"); }
#sidebar-poradit .email-ico { background-image: url("/img/potrebujete-radu-mail.png"); }

.sidebar-articles {color:#333333; border:1px solid #cecece; font-size: 12px; }
.sidebar-articles .title {display:block; font-size: 14px; line-height: 1.2em; background-color: #272b33; margin: -1px -1px 0 -1px; border-bottom: 1px solid #d7d7d7; color: #b6b8c0; padding: 12px 20px; text-decoration: none; }
.sidebar-articles .list-unstyled { padding: 0 10px; }
.sidebar-articles .article {border-bottom:1px dotted #333; color:#666; margin: 10px 0; }
.sidebar-articles .article-date {  }
.sidebar-articles p a { text-decoration: underline; color: #333333; }
.sidebar-articles a:hover { color: #007b31; }
.sidebar-articles .article-title {font-size: 14px; display: block; margin-bottom:5px; color: #333333;}
.sidebar-articles .article p {font-size:12px; line-height:1.2em;}
.sidebar-articles .footer { padding: 0 10px; }

.sidebar .advert-item {margin-bottom: 25px;}

#adv .adv_title { display: none; }


.win-message, .win-alert-message {margin: 0 auto !important;background: #73b84d url(/img/okno-ok.png) no-repeat 5% 50%;color: #FFFFFF;font-size: 20px !important;padding: 25px 80px !important;text-align: center !important; }
.win-alert-message { background: #ff9900!important; }
.hide-ico .win-message { background: #73b84d; }
.win-buttons {padding-top:25px; padding-bottom:25px; background-color: #eeeeee; border-top: 1px solid #cccccc; margin: 20px 0 0 0;}

.win-buttons .btn { border-radius: 2px; border: 1px solid #cccccc; padding: 10px 20px; }
.win-buttons .btn-back { background-color: #FFFFFF; color: #000; font-size: 16px; }
.win-buttons .btn-back:hover { background-color: #F1F1F1; border-color:#000; }


.mfp-close {
	background: transparent url('/img/icon_close.svg') 50% 50% no-repeat !important;
	height: 24px !important;
	width: 24px !important;
	font-size: 0 !important;
	z-index: 1;
	top: 10px !important;
	right: 20px !important;
	cursor: pointer;
}
@media(min-width: 992px){
    .mfp-close { 
        height: 34px !important;
	    width: 34px !important; 
    }
}

.popup-block-content {padding: 15px;}

/* komentáře */
ul.comments { padding-left: 0; }
ul.comments li { list-style: none; padding: 0 0 10px 0; }
ul.comments li h2{ font-size: 16px; }
ul.comments li span.content { font-size: 13px; padding-left:5px; }
ul.comments li div.comment{ padding-bottom: 20px; color:#666; font-size: 14px; }
ul.comments li span.content-autor .autor{ color: #333333; margin-right: 30px; }
ul.comments li div.comment div.comment-by {font-size:14px; padding:3px 5px; background:#f8f8f8;border-top:1px solid #cecece; margin:5px 0px 5px 0px;}
ul.comments li div.comment div.comment-by h4{ font-weight:normal; display:inline; padding-right: 100px; }
ul.comments li div.comment div.comment-by span {display:block; text-align: right; padding-top:5px;}
ul.comments li div.comment p {padding:0px 0px 0px 5px; margin:0px 0px 6px 0px;}
ul.comments li div.comment-block .comment-by span{ margin-top: -25px; }
ul.comments li div.comment .comment-form {border-top:1px solid #cecece; padding-top:10px;}
/* tlačítko na zobrazení komentáře */
#formular-area .form-show{ margin-bottom: 10px;}
/* #formular-area .form-show:hover{ background-color: #77b300; border-color: #77b300; } */

/* kotva na komentáře */
#komentare_kotva img{ margin-top: -5px; }

/* reakce */
ul.comments li ul.reply{ padding-left: 20px; }

#top-line { background-color: #272B33; padding: 5px 0; font-size: 13px; height:30px; color: #B6B8C0; overflow:hidden; }
#top-line a { color: #a4a4a4; }
#top-line a:hover, #top-line a:active { color: #007b31; text-decoration: none; }

#top-line .kontakt { width: 480px; float: left; }



#mutace { float: right; }
#mutace>a {background: url('/img/cz.png') no-repeat 50% 50%; width: 16px; /*height: 11px;*/ text-indent: -9999px; display: inline-block; padding: 0 15px; }
#mutace .en { background-image: url('/img/en.png'); }
#mutace .cz {  }


#uzivatel { float: right; text-align: center; }


.padding-min { padding-right: 12px; }
.padding-min .col-sm-1, .padding-min .col-sm-2, .padding-min .col-sm-3, .padding-min .col-sm-4, .padding-min .col-sm-5, .padding-min .col-sm-6, .padding-min .col-sm-7, .padding-min .col-sm-8, .padding-min .col-sm-9, .padding-min .col-sm-10, .padding-min .col-sm-11, .padding-min .col-sm-12, .padding-min .col-lg-1, .padding-min .col-lg-2, .padding-min .col-lg-3, .padding-min .col-lg-4, .padding-min .col-lg-5, .padding-min .col-lg-6, .padding-min .col-lg-7, .padding-min .col-lg-8, .padding-min .col-lg-9, .padding-min .col-lg-10, .padding-min .col-lg-11, .padding-min .col-lg-12, .padding-min .col-md-1, .padding-min .col-md-2, .padding-min .col-md-3, .padding-min .col-md-4, .padding-min .col-md-5, .padding-min .col-md-6, .padding-min .col-md-7, .padding-min .col-md-8, .padding-min .col-md-9, .padding-min .col-md-10, .padding-min .col-md-11, .padding-min .col-md-12 { padding-left: 2px; padding-right: 2px; }

#dodatky ul { margin: 0; padding: 0; width: auto; float: left; }
#dodatky li { list-style: none; float: left; padding: 0 10px; border-right: #5c5c5c 1px solid; }
#dodatky li.posledni { border-right: none; }

@media (min-width: 460px){
    #soc-top {display:block;}
}

@media screen  and (min-width: 768px) { 
    #dodatky li { padding: 0 25px; }
    #logo { padding: 0; }
}
@media (min-width: 1230px) {
    #logo { padding: 0 15px; }
}
@media (max-width: 767px) {
    .padding-min .col-sm-1, .padding-min .col-sm-2, .padding-min .col-sm-3, .padding-min .col-sm-4, .padding-min .col-sm-5, .padding-min .col-sm-6, .padding-min .col-sm-7, .padding-min .col-sm-8, .padding-min .col-sm-9, .padding-min .col-sm-10, .padding-min .col-sm-11, .padding-min .col-sm-12, .padding-min .col-lg-1, .padding-min .col-lg-2, .padding-min .col-lg-3, .padding-min .col-lg-4, .padding-min .col-lg-5, .padding-min .col-lg-6, .padding-min .col-lg-7, .padding-min .col-lg-8, .padding-min .col-lg-9, .padding-min .col-lg-10, .padding-min .col-lg-11, .padding-min .col-lg-12, .padding-min .col-md-1, .padding-min .col-md-2, .padding-min .col-md-3, .padding-min .col-md-4, .padding-min .col-md-5, .padding-min .col-md-6, .padding-min .col-md-7, .padding-min .col-md-8, .padding-min .col-md-9, .padding-min .col-md-10, .padding-min .col-md-11, .padding-min .col-md-12 { padding-left: 2px; padding-right: 0; }
}
@media (max-width: 991px) {
	#soc-top { margin-right: 0; }
}

.uvodka_vice { float: right; font-size: 14px; text-decoration: underline; padding-top: 5px; }

object, iframe {max-width: 100%;}

/* @media(max-width:767px){ */
	/* otevřené menu */
	.menuOpened { background: #dfdfdf; }
	.menuOpened.header-affixed { margin-top: 0; }
	.menuOpened #main_obal { display: none; }
	.menuOpened #footer { display: none; }
	.menuOpened #vyhody { display: none; }


	/* odfixnu hlavičku */
	#header.preventAffix { position: relative !important; top: auto !important; left: 0; right: auto; padding-top: 20px; }
	/* a fixnu jen obsah hlavičky */
	.preventAffix #header-stin>.container { position: fixed; top: 0; width: 100%; z-index: 9999; border-bottom: #000 1px solid; background-color: #fff; }
	.preventAffix #header-top { padding-bottom: 0; }
	.menuOpened #top-line { display: none; }
	.dropdown-menu>li>a { padding: 10px 20px; background-color: #00f; }
/* } */

@media(max-width: 595px) {
    .logo-miniresp { display: block !important; }
    .logo-resp { display: none !important; }
    #soc-top { display: none; }
}
/* 
@media(max-width: 499px) {
    #top-line { text-align: center; height: 45px; }
    #top-line #mutace { position: absolute; left: 5px; }
    #top-line .kontakt { margin-bottom: 10px; padding-left: 70px; text-align: left; max-width: 80%; }
}
 */
@media(max-width: 380px) {
    #leve-menu-toggle { width: 100px; padding: 0; }

    #hledani #q { right: -5px; }
}

@media(max-width: 767px){

    .searchForm .btn { font-size: 16px; }
	.searchForm input { height: auto; }

    .footer-col, #footer .left-border { border: none; }
}

#prekryv { display: none; background-color: rgba(40, 40, 40, 0.50); width: 100%; height: 0; z-index: 999; position: absolute; }

/* výhody nad patičkou */
#vyhody { padding: 35px 0; font-size: 18px; text-transform: uppercase; }
#vyhody .img-block { padding-right: 10px; text-align: right; }
#vyhody .text-block { padding-left: 0; }

/* úprava lightboxu */
.lg-outer .lg-inner { padding-top: 50px; }
.lg-backdrop { z-index: 1045; }
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { padding-bottom: 155px; }
/* schování download tlačítka */
.lg-toolbar #lg-download { display: none; }

.white-popup-block .row { margin: 0; }

#formularKontakt table { width: 100%; margin: 20px 0; }

.ajax-waiting:after { content: ''; display:block; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background:url('/img/loading.gif') 50% 50% no-repeat rgba(60,60,60,0.5); }
body.ajax-waiting:after { position:fixed; z-index:6666; }

/* gallerky */
.galleryHeader { 
    text-align: left; 
    font-size: 18px; font-weight: 600; text-transform: uppercase;
    color: #000000;
    margin-top: 15px; 
    margin-bottom: 15px; 
}
#videa li, #soubory li { text-align: left; float: left; clear: both; text-decoration: underline; }

/* .show-all { text-align: center; width: 100%; display: block; padding: 14px 0; margin: 20px 0 30px 0; text-decoration: none; background: transparent; border: 1px solid #333333; color: #333333; font-size: 15px; text-transform: uppercase; }
.show-all:hover, .show-all:focus { color: #ffffff; background: #333333; } */

/* 
.gallery-video a { text-decoration: none; }
.gallery-video .border { border: 1px solid #d5d5d5; padding: 11px 5px; height: 60px; overflow: hidden; margin-top: 4px; display: block; }
a .video-title { color: #565859; font-size: 14px; text-decoration: none; display: block; line-height: 18px; height: 36px; overflow: hidden; }
a:hover .video-title { color: #0088ff; }
*/

#mainMenu .RESPswitchMENU { padding-top: 40px; background-color: transparent; }
#mainMenu .RESPswitchMENU a { padding: 10px 15px; display: block; text-align: center; color: #000000; font-size: 14px; }

@media(max-width: 767px){
	.searchActive { overflow: hidden; overflow-x: hidden; overflow-y: hidden; position: fixed; }
}
.searchActive #hledani #q { display: block; }

@media (min-width: 768px) {
	.cp-img-right .extrablock-img { float: right; margin-left: 30px; max-width: 30%; }
	.cp-img-left .extrablock-img { float: left; margin-right: 30px; max-width: 30%; }
}



/* overrides all settings for menu - Hamburger on all screnn sizes */
/* TODO - projít CSS a vymzanout zbytečnosti pro menu */
.navbar-header {
    float: none;
}
.navbar-toggle {
    display: flex; align-items: center;
    background: transparent; color:#000; 
    padding: 0; margin: 0;
    font-size: 30px; font-weight: 600;
    height: 58px;
}
#header.affix .navbar-toggle { height: 80px; } /* vyska HEADERu */
.navbar-toggle:hover { color: #007b31; }
.navbar-toggle .menu_icon { margin-right: 15px; }

.navbar-toggle .menu_icon.close_icon { display: block; }
.navbar-toggle .menu_icon.hamburger_icon { display: none; }
.navbar-toggle.collapsed .menu_icon.close_icon { display: none; }
.navbar-toggle.collapsed .menu_icon.hamburger_icon { display: block; }


#lang { float: right; }
body:not(.homepage) #lang { margin-right: 20px; }
.pretty-select { 
    color: #2d2d2d; 
    font-size: 14px; font-weight: 400; 
    margin-top: 15px;
}
.pretty-select div, 
.pretty-select ul {
    border: none;
    background-color: transparent; 
    margin: 0;
    width: 30px; 
}
.pretty-select ul {
    border-top: none; text-align: center;
    z-index: 1000; position: absolute; top: 0px; padding: 40px 0 0 0;
    width: 30px;
    list-style:none; 
}
.pretty-select li a { display: block; text-decoration: none; color: #2d2d2d; }
.pretty-select li a:hover img,
.pretty-select li a:focus img,
.pretty-select li a:active img { filter: drop-shadow(0px 0px 2px rgba(0,0,0,.7)); }
.pretty-select div span { cursor: pointer; display: block; }
.pretty-select div { position: relative; }
.pretty-select div:after { 
    position: absolute;
    top: 60%; transform: translateY(-50%);
    right: -16px; 
    content: '\43';
    color: #2d2d2d;
    font-family: 'ElegantIcons';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.pretty-select img { max-width: 29px; max-height: 30px;  }

@media(min-width: 992px){
    .pretty-select div, 
    .pretty-select ul { margin: 0 0 0 30px; }
}




.navbar-collapse {
    border-top: none;
    box-shadow: none;
}
.navbar-collapse.collapse {
    display: none !important;
}
.menuOpened .navbar-collapse.collapse {
    display: block !important;
}
.navbar-nav {
    float: none !important;
    margin: 7.5px -15px;
}
.navbar-nav>li {
    float: none;
}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.mfp-bg,
.lg-backdrop { z-index: 999999 !important; }
.lg-outer { z-index: 1000000 !important; }

.collapsing {
    transition: unset !important;
}

.dokument-col-5 {
    width: 20%;
    float: left;
    padding: 0 10px; /* nebo podle Bootstrapu .col-padding */
    box-sizing: border-box;
}
@media (max-width: 767px) {
    .dokument-col-5 {
        width: 100%;
        float: none;
    }
}

.custom-marker g {
	display: none;
}

.custom-marker {
    display: block;
    cursor: pointer;
}

.maplibregl-popup-close-button {
    font-size: 28px;
    padding-top: 5px;
}

.maplibregl-popup-content .pin-nazev {
    color: #007b31;
    font-weight: 600;
    margin-block: 20px 10px !important;
    font-size: 14px;
}

.maplibregl-popup-content p {
    margin: 0 !important;
}

.map-types-wrapper {
    display: flex;
    box-shadow: 0 0 0 2px rgba(0,0,0,.1);
    border-radius: 5px;
    overflow: hidden;
    position: absolute;
    top: 10px; left: 10px;
    z-index: 2;
    max-width: 240px;
    width: 100%;
}

.map-types-wrapper button {
    width: 50%;
    color: black;
    background-color: white;
    border: none;
    font-size: 15px;
    cursor: pointer;
    padding: 10px;
}

#map-btn {
    border-right: 2px solid rgb(215, 215, 215);
}

.map-types-wrapper button:hover {
    background-color: rgb(223, 223, 223);
}