.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
            .oxy-testimonial {
                flex-direction: row;
                align-items: center;
            }
                        .oxy-testimonial .oxy-testimonial-photo-wrap {
                order: 1;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo {
                width: 125px;                height: 125px;                margin-right: 20px;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo-wrap, 
            .oxy-testimonial .oxy-testimonial-author-wrap, 
            .oxy-testimonial .oxy-testimonial-content-wrap {
                align-items: flex-start;                text-align: left;            }
            
                                                            .oxy-testimonial .oxy-testimonial-text {
                margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
                                    .oxy-testimonial .oxy-testimonial-author {
                font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
            }
                            

                                                .oxy-testimonial .oxy-testimonial-author-info {
                font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
             
            
                        .oxy-icon-box {
                text-align: left;                flex-direction: column;            }
            
                        .oxy-icon-box .oxy-icon-box-icon {
                margin-bottom: 12px;
                align-self: flex-start;            }
            
                                                                        .oxy-icon-box .oxy-icon-box-heading {
                font-size: 21px;
margin-bottom: 12px;            }
            
                                                                                    .oxy-icon-box .oxy-icon-box-text {
                font-size: 16px;
margin-bottom: 12px;align-self: flex-start;            }
            
                        .oxy-icon-box .oxy-icon-box-link {
                margin-top: 20px;                            }
            
            
            /* GLOBALS */

                                                            .oxy-pricing-box .oxy-pricing-box-section {
                padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center;            }
                        
                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                justify-content: center;            }
            
            /* IMAGE */
                                                                                    .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
                justify-content: center;            }
            
            /* TITLE */
                                                            
                                    .oxy-pricing-box .oxy-pricing-box-title-title {
                font-size: 48px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-title-subtitle {
                font-size: 24px;
            }
            

            /* PRICE */
                                                .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                                                flex-direction: row;                                            }
            
                                    .oxy-pricing-box .oxy-pricing-box-currency {
                font-size: 28px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-main {
                font-size: 80px;
line-height: 0.7;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-decimal {
                font-size: 13px;
            }
                        
                                    .oxy-pricing-box .oxy-pricing-box-term {
                font-size: 16px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-sale-price {
                font-size: 12px;
color: rgba(0,0,0,0.5);
                margin-bottom: 20px;            }
            
            /* CONTENT */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
                font-size: 16px;
color: rgba(0,0,0,0.5);
            }
            
            /* CTA */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
                justify-content: center;            }
            
        
                                .oxy-progress-bar .oxy-progress-bar-background {
            background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
                
                .oxy-progress-bar .oxy-progress-bar-progress-wrap {
            width: 85%;        }
        
                                                        .oxy-progress-bar .oxy-progress-bar-progress {
            background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
        }
                
                        .oxy-progress-bar .oxy-progress-bar-overlay-text {
            font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
        }
        
                        .oxy-progress-bar .oxy-progress-bar-overlay-percent {
            font-size: 12px;
        }
        
        .ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
				padding: 0px;			}
		
                        .oxy-superbox .oxy-superbox-secondary, 
            .oxy-superbox .oxy-superbox-primary {
                transition-duration: 0.5s;            }
            
            
            
            
            
        
        
        
        
            .oxy-shape-divider {
                width: 0px;
                height: 0px;
                
            }
            
            .oxy_shape_divider svg {
                width: 100%;
            }
            .oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}

.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}

.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
                    flex-direction: row;
               }
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
                    align-items: flex-start;
                }

            .oxy-pro-menu .oxy-pro-menu-off-canvas-container{
                    top: 0;
                    bottom: 0;
                    right: auto;
                    left: 0;
               }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }

            .oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}

.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}

.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
                        --oxynav-animation-name: none; 
                    }

                .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){ 
                    background-color: var(--oxynav-brand-color);
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                    border: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){ 
                    background: transparent;
                    border: 1px solid currentColor;
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
                    filter: invert(0) !important;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
                    background-color: var(--oxynav-activehover-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
                    color: var(--oxynav-neutral-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
                    color: var(--oxynav-neutral-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }

                .ct-section-inner-wrap, .oxy-header-container{
  max-width: 1280px;
}
body {font-family: 'Teko';}body {line-height: 1.2;font-size: 16px;font-weight: 400;color: #404040;}.oxy-nav-menu-hamburger-line {background-color: #404040;}h1, h2, h3, h4, h5, h6 {font-family: 'Teko';font-size: 36px;font-weight: 500;}h2, h3, h4, h5, h6{font-size: 30px;font-weight: 500;}h3, h4, h5, h6{font-size: 24px;}h4, h5, h6{font-size: 20px;}h5, h6{font-size: 18px;}h6{font-size: 16px;}a {color: #6d00cd;text-decoration: none;}a:hover {color: #8c8c8c;text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
}.ct-new-columns > .ct-div-block {
}.oxy-header-container {
}@media (max-width: 992px) {
				.ct-columns-inner-wrap {
					display: block !important;
				}
				.ct-columns-inner-wrap:after {
					display: table;
					clear: both;
					content: "";
				}
				.ct-column {
					width: 100% !important;
					margin: 0 !important;
				}
				.ct-columns-inner-wrap {
					margin: 0 !important;
				}
			}
.oxel_back_to_top_container:hover{
transform:scale(1.1,1.1) translateY(-3px); background-color:#dee1e3;
}
.oxel_back_to_top_container {
 width:42px;
 height:42px;
 border-radius:4px;
 background-color:#f9f9fa;
 position:fixed;
 z-index:1500;
 right:32px;
 bottom:32px;
 text-align:center;
 overflow:hidden;
 transition-duration:0.3s;
 transition-timing-function:ease-in-out;
 box-shadow:0px 4px 17px -10px #1e1e1e;
}
.oxel_back_to_top_container:not(.ct-section):not(.oxy-easy-posts),
.oxel_back_to_top_container.oxy-easy-posts .oxy-posts,
.oxel_back_to_top_container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.oxel_back_to_top_icon {
color: #98a1a8;}.oxel_back_to_top_icon 
>svg {width: 23px;height: 23px;}.oxel_back_to_top_icon {
}
.flistgal-home--menu-img:hover{
transform:translateY(-20px);}
.flistgal-home--menu-img {
 width:100%;
 height:100%;
 object-fit:cover;
 object-position:center center;
 margin-bottom:-2px;
 margin-top:-4px;
transition: .3s ease-in-out transform;
}
@media (max-width: 991px) {
.flistgal-home--menu-img:hover{
transform:translateY(-5px);}
.flistgal-home--menu-img {
transition: .3s ease-in-out transform;
}
}

.flist-gal {
}
.nav--svg_state {
 width:100%;
 height:100%;
}
.nav--svg_state:not(.ct-section):not(.oxy-easy-posts),
.nav--svg_state.oxy-easy-posts .oxy-posts,
.nav--svg_state.ct-section .ct-section-inner-wrap{
display:block;
}
.nav_link-wrp:hover{
 background-color:#33fae6;
}
.nav_link-wrp {
 width:auto;
 height:100%;
 overflow:hidden;
 padding-top:6px;
 padding-right:4px;
 padding-bottom:6px;
 padding-left:4px;
}
@media (max-width: 767px) {
.nav_link-wrp {
 padding-top:4px;
 padding-bottom:4px;
 padding-left:2px;
 padding-right:2px;
}
}

@media (max-width: 479px) {
}

.page-bottom--prev-next_sec {
 width:100%;
 position:relative;
 padding-top:0px;
 padding-right:0px;
 padding-bottom:0px;
 padding-left:0px;
 margin-bottom:30px;
 min-height:50px;
 height:100%;
 gap:2px;
 margin-left:auto;
 margin-right:auto;
}
.page-bottom--prev-next_sec:not(.ct-section):not(.oxy-easy-posts),
.page-bottom--prev-next_sec.oxy-easy-posts .oxy-posts,
.page-bottom--prev-next_sec.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
gap:2px;
}
@media (max-width: 479px) {
.page-bottom--prev-next_sec {
 margin-bottom:35px;
}
}

.page-bottom--prev-next_wrap:hover{
 background-color:#c3bfc8;
}
.page-bottom--prev-next_wrap {
 width:100%;
 background-color:#cfc9d6;
 padding-top:30px;
 padding-right:30px;
 padding-bottom:30px;
 padding-left:30px;
 transition-duration:0.2s;
 transition-timing-function:ease;
 transition-property:background-color;
}
.volby--block-inner {
 gap:5px;
 text-align:center;
}
.volby--block-inner:not(.ct-section):not(.oxy-easy-posts),
.volby--block-inner.oxy-easy-posts .oxy-posts,
.volby--block-inner.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
gap:5px;
}
.volby--block-inner--title {
 gap:6px;
 text-align:left;
}
.volby--block-inner--title:not(.ct-section):not(.oxy-easy-posts),
.volby--block-inner--title.oxy-easy-posts .oxy-posts,
.volby--block-inner--title.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
gap:6px;
}
@media (max-width: 767px) {
.volby--block-inner--title {
 gap:5px;
}
.volby--block-inner--title:not(.ct-section):not(.oxy-easy-posts),
.volby--block-inner--title.oxy-easy-posts .oxy-posts,
.volby--block-inner--title.ct-section .ct-section-inner-wrap{
gap:5px;
}
}

.volby--title_text {
}
.volby--title_ico {
}
.volby--wrapper {
 background-color:#ffffff;
 padding-top:2px;
 padding-right:20px;
 padding-bottom:8px;
 padding-left:15px;
 text-align:left;
 margin-bottom:5px;
 gap:25px;
}
.volby--wrapper:not(.ct-section):not(.oxy-easy-posts),
.volby--wrapper.oxy-easy-posts .oxy-posts,
.volby--wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:flex-start;
justify-content:flex-start;
gap:25px;
}
.page-bottom--prev-next_text {
 font-family:'IBM Plex Mono';
 font-size:1.2rem;
 color:#6d00cd;
}
.flist-gal--page-art {
}
/*
SOURCES:
https://photoswipe.com/data-sources/#custom-html-markup
https://codepen.io/ezra_siton/pen/XNpJaX
*/
/**********************************/
@media (min-width:1px) {
  
/*galerie z file listu (zadne php vypisy adresaru*/
.flist-gal {
  display: grid;
  width: 100%; max-width: 2560px;
  padding: 0px;
  grid-template-columns: repeat(3,1fr); grid-template-rows: auto;
  align-items: stretch; justify-content: center; align-content: center; 
  gap: 1px;
  background-color: #e0dde3;
}
.flist-gal a {
  display: block; position:relative;
  height: 100%; width: 100%;
  aspect-ratio: 240 / 360;
  /*background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;*/
  text-indent: 0px;
  overflow: hidden;
}
.flist-gal a img {object-fit: cover; height: 100%; width: 100%;}

  /*========------ GALERIE NA PODSTRANCE "ART" ------========*/
  /*---------------------------------------------------------*/
  .flist-gal.flist-gal--page-art {
    grid-template-columns: repeat(1,1fr); gap: 5px;}
  /* hide btn na rozlisovaky na podstrance Art (bo zde zadne nejsou) */
  .page-id-1092 #volby--wrap .volby--block-inner--title:nth-child(2) {display: none;}
  
} 
/* -- END @ MEDIA MIN-WIDTH 1PX -- */


@media (min-width:768px) {
  .flist-gal {grid-template-columns: repeat(6,1fr);}
  .flist-gal.flist-gal--page-art {grid-template-columns: repeat(6,1fr);} }
@media (min-width:1024px) {
  .flist-gal {grid-template-columns: repeat(14,1fr);}
  .flist-gal.flist-gal--page-art {grid-template-columns: repeat(8,1fr);} }/*
CSS Z WEBU CAN SUPERCONDUCTORS
*/

/*Color of item of actualy shown page*/
.mobilenav li.current-menu-item a {color: #004040 !important; font-weight: 700;}

/* mobile menu hamburger button */
.showhide {
background-color: #000000;
width: 88px;
height: auto;
position: fixed;
top: 50px;;
right: 50px;;
cursor: pointer;
z-index: 9999;
}
.showhide.open {
background-color: transparent;
}

.showhide:before {
    content: 'menu';
	position: absolute;
	right: 0;
	top: calc( 50% + 1px );
	padding: 0 5px 0 0;
	display: block;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 10px;
	transform: translateY(-50%);
}
.showhide--inner {
margin: 7px 0 7px 15px;
position: relative;
float: left;
box-sizing: border-box;
width: 28px;
height: 28px;
display: inline-block;
}
.showhide span:not(.showhide--inner-text) {
position: absolute;
background-color: #ffffff;
height: 2px;
width: 28px;
transition: 0.5s;
opacity: 1;
}
.showhide span.ham1 {top: 6px}
.showhide span.ham2 {top: 14px}
.showhide span.ham3 {top: 22px}

.showhide.open span.ham1 {
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top:14px;
}
.showhide.open span.ham2 {opacity: 0}
.showhide.open span.ham3 {
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
top:14px;
}

/* mobile menu container */
.mobilenav--wrap {
padding: 0;
width: 100%;
  max-width: 400px;
height: 100vh;
background-color: #009baf; /*#00abc1;*/
-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
top: 0;
right: -100%;
position: fixed;
z-index: 2900;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.mobilenav--wrap.show--mobilenav {
  right: 0;
}

/* mobile menu */
.mobilenav {
width: 100%;
height: 100%;
overflow: auto;
padding: 0;
z-index: 3000;
}

.mobilenav .menu-menu-hlavni-container > ul {
width: 100%;
box-sizing: border-box;
margin: 7rem 0 2rem 0;
padding: 0 30px;
}

.mobilenav ul li {
position: relative;
display: block;
border-bottom: 1px solid rgb(255 255 255 / 15%);
list-style:none;
font-size: 1.7rem;
font-weight: 700;
text-transform: uppercase;
}

.mobilenav ul li a {
display: block;
padding: 20px 0;
text-decoration: none;
color: #ffffff;
}

.mobilenav ul li a:hover {
background-color: transparent;
color: #000000;
}

.mobilenav ul li:hover ul {
display:block;
margin-left: 0;
}

.mobilenav ul ul li {
border-top: 1px solid rgb(255 255 255 / 15%);
border-bottom: 0;
position: relative;
font-weight: 600;
font-size: 80%;
}

.mobilenav ul ul {
padding-left: 20px;
position: relative;
z-index: 120; /*submenu prekryje sipky vpravo ktere jsou roztahle pres celou vysku menu*/
}

/*submenu items*/
li.menu-item.menu-item-has-children ul.sub-menu li.sub-item-anchor a {
    padding: 1px 0;
}

a.menu-expand {
padding: 0 !important;
background: rgb(98 82 82 / 30%) !important;
width: 50px; /*35px*/
height: 100%;
position: absolute; 
top: 0;
bottom: 0;
right: 0;
z-index: 100;
}

.mobilenav ul li.menu-item-has-children .plus1,
.mobilenav ul li.menu-item-has-children .plus2{
content: '';
position: absolute;
right: 0px;
top: 0px; /*24px*/
width: 12px;
height: 2px;
display: block;
background-color: #ffffff;
transition: all 0.3s ease-in-out;
transform: rotate(-180deg);
}
.mobilenav ul li.menu-item-has-children .plus2{
transform: rotate(-90deg);
}

a.menu-expand:hover span {
background-color: #ffffff !important;
}

.mobilenav ul li.menu-item-has-children > a.menu-expand.menu-clicked .plus1,
.mobilenav ul li.menu-item-has-children > a.menu-expand.menu-clicked .plus2{
transform: rotate(0);}


/*DESKTOP MENU styles*/
#desktop-menu .menu {
	display: flex;
	z-index: 9999;
	width: 100%;
	justify-content: flex-end;
}
#desktop-menu .menu,
#desktop-menu .menu ul,
#desktop-menu .menu ul li {
	position: relative;
	list-style: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#desktop-menu ul.menu > li { /*main polozky*/
	padding: 10px 5px 15px 25px;
	/*background: green;*/
}
#desktop-menu ul.menu > li a { /*main polozky*/
	color: #ffffff;
}

#desktop-menu ul.menu > li.menu-item-has-children { /*main polozky se submenu*/
	padding-right: 30px;
	/*background: black;*/
}
#desktop-menu .menu li.menu-item-has-children > a { position: relative;}
#desktop-menu .menu li.menu-item-has-children > a:after { 
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	right: -20px;
  width: 8px;
  height: 8px;
  padding: 0;
  background-clip: content-box, content-box, border-box;
  background-color: transparent;
  background-image:
	  linear-gradient(rgb(0, 171, 193) 0px, rgb(0, 171, 193) 0px), 
	  linear-gradient(rgb(0, 171, 193) 0px, rgb(0, 171, 193) 0px), none;
  background-origin: content-box, content-box, padding-box;
  background-position: center;
  background-size: 100% 2px, 2px 100%, 100% 2px;
  background-repeat: no-repeat;
}


#desktop-menu .menu ul.sub-menu { /*all submenus*/
	position: absolute;
	display: flex;
	flex-direction: column;
	margin-top: 15px;
	margin-left: -20px;
	border-radius: 8px;
	background: #ffffff;
	visibility: hidden; opacity: 0;
}
#desktop-menu .menu ul.sub-menu li { /*all submenus items*/
	position: relative;
	display: block;
}
#desktop-menu .menu ul.sub-menu li:first-child {border-radius: 8px 8px 0 0;}
#desktop-menu .menu ul.sub-menu li:last-child {border-radius: 0 0 8px 8px;}

#desktop-menu .menu ul.sub-menu li a { /*all submenus items links*/
	position: relative;
	display: block;
	color: #000000;
	padding: 15px 30px 15px;
	font-weight:700;
}

/*HOVER FUNKCE*/
#desktop-menu ul.menu li > a {transition: color 0.3s ease;}
#desktop-menu ul.menu li:hover > a { /*main polozky links*/
	color: #00abc1;
}
#desktop-menu ul.menu > li.menu-item-has-children ul.sub-menu {transition: opacity 0.3s ease;}
#desktop-menu ul.menu > li.menu-item-has-children:hover ul.sub-menu { /*all submenus*/
	visibility: visible; opacity: 1;
}
#desktop-menu .menu ul.sub-menu li {transition: background 0.3s ease;}
#desktop-menu .menu ul.sub-menu li:hover { /*all submenus items links*/
	background: #efefef;
}
#desktop-menu .menu ul.sub-menu li a {transition: color 0.3s ease;}
#desktop-menu .menu ul.sub-menu li:hover a { /*all submenus items links*/
	color: #00abc1;
}/* CSS Z WEBU CAN SUPERCONDUCTORS, nasledne upravene (napr. SMAZ. Desktop menu atd. */

/*** GLOBAL COLORS: napriklad background: #6d00cd; ***/
/*    pivo-fialka(id: 10): #6d00cd;    */
/*    pivo-zelinka(id: 11): #33fae6;    */


/*Color of item of actualy shown page*/
.mobilenav li.current-menu-item a {color: #004040 !important; font-weight: 700;}

/* MOBILE MENU HAMBURGER BUTTON */
.x-showhide {
/*
  PUVODNI SETTINGS - KDYZ BYL MENU BTN SAMOSTATNY V ROHU OBRAZOVKY:
  width: 58px; height: auto; position: fixed;
  top: 10px; right: 10px; cursor: pointer; z-index: 9999;
*/
/*NOVE SETTINGS - MENU BTN SOUCASTI CELEHO HEADER BARU*/
  position: relative; 
  cursor: pointer; z-index: 9999;
  line-height: 1;
}
.x-showhide.open {
  background-color: transparent;
}
/*.showhide:before {content: 'menu';} - text "menu" vedle hamburgeru - odstraneno*/
.x-showhide--inner {
  position: relative; float: left; box-sizing: border-box;
  display: inline-block;
  background-color: #000;
  margin: 0;
  padding: 0px 0px 0px 15px;
  width: 50px; height: 34px;
}
.x-showhide span:not(.x-showhide--inner-text) {
  position: absolute; background-color: #fff;
  height: 1px; width: 21px; transition: 0.5s; opacity: 1;
}
.x-showhide span.ham1 {top: 10px;}
.x-showhide span.ham2 {top: 16px;}
.x-showhide span.ham3 {top: 22px;}

.x-showhide.open span.ham1 { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg);
transform: rotate(45deg); top:14px;
}
.x-showhide.open span.ham2 { opacity: 0;}
.x-showhide.open span.ham3 { -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg);
transform: rotate(-45deg); top:14px;
}

/* MOBILE MENU CONTAINER */
.x-mobilenav--wrap {
  padding: 0; width: 100%; max-width: 380px; height: 100vh;
  background-color: #009baf;
  -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3); box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
  top: 0; right: -100%; position: fixed; z-index: 2900;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
.x-mobilenav--wrap.x-show--mobilenav { right: 0;}

/* MOBILE MENU */
.x-mobilenav {width: 100%; height: 100%; overflow: auto; padding: 0; z-index: 3000;}

/* menu Seznam pivovaru */
.x-mobilenav .x-menu-hlavni-container > ul {
  width: 100%; box-sizing: border-box;
  margin: 34px 0 2rem 0;
  padding: 0 40px 0 20px;
}
.x-mobilenav ul li {
  position: relative; display: block;
  border-bottom: 1px solid rgb(255 255 255 / 15%);
  list-style:none;
  font-size: 1rem; text-transform: capitalize;
}
.x-mobilenav ul li a {
  display: block; padding: 8px 0; text-decoration: none; color: #fff;
}
.x-mobilenav ul li a:hover {background-color: transparent; color: #000;}

.x-mobilenav ul li:hover ul {display:block; margin-left: 0;}

.x-mobilenav ul ul li {
  border-top: 1px solid rgb(255 255 255 / 15%);
  border-bottom: 0;
  position: relative; font-size: 0.85rem;
}
.x-mobilenav ul ul {
  padding-left: 20px; position: relative;
  z-index: 120; /*submenu prekryje sipky vpravo ktere jsou roztahle pres celou vysku menu*/
}

/*SUBMENU ITEMS*/
/*
li.menu-item.menu-item-has-children ul.sub-menu li.sub-item-anchor a {padding: 1px 0;}

a.menu-expand {
  padding: 0 !important; background: rgb(98 82 82 / 30%) !important;
  width: 50px;
  height: 100%;
  position: absolute; top: 0; bottom: 0; right: 0; z-index: 100;
}
.mobilenav ul li.menu-item-has-children .plus1,
.mobilenav ul li.menu-item-has-children .plus2{
  content: ''; position: absolute; 
  right: 0px; top: 0px;
  width: 12px; height: 2px;
  display: block; background-color: #fff; transition: all 0.3s ease-in-out; transform: rotate(-180deg);
}
.mobilenav ul li.menu-item-has-children .plus2 {transform: rotate(-90deg);}

a.menu-expand:hover span {background-color: #fff !important;}

.mobilenav ul li.menu-item-has-children > a.menu-expand.menu-clicked .plus1,
.mobilenav ul li.menu-item-has-children > a.menu-expand.menu-clicked .plus2 {transform: rotate(0);}
*//*GLOBAL stylesheet pro vse ostatni*/
body {background-color: #d9d7db;}
body.home {background-color: #33fae6;}

/* styly buttonu v pruhu se SETTINGS (gridy, separatory,..) */
#volby #volby--wrap button.default {
  min-width: 28px;
  height: 24px;
  font-family: 'IBM Plex Mono';
  font-weight: 500;
  cursor: pointer;
  border: 1px solid #6b07d0;
  color: #6b07d0;
  background-color: transparent;
  border-radius: 0;
  line-height: 1;
  font-size: 10px;
  padding: 0 8px;
  transition: all 0.2s ease;
}
  #volby #volby--wrap button:hover {
    background-color:#33fae6;
  }
  #volby #volby--wrap button:active {
    background-color: #6b07d0;
  }
  #volby #volby--wrap button.selected {
    background-color: #33fae6;
  }
  /* button pro vyp/zap rozlisovaku (TAGS) -- stav vypnuto */
  #volby #volby--wrap button.btn-rozlisovaky {background-color: transparent;}
  /* class pro rozlisovaky, ktera se klikem na button pomoci JS prida/odebere -- stav vypnuto */
  .gal-rozlisovaky {display: none !important;}

/* spodni pruh s navigaci (STRANKY, TOP/BOTTOM ikonky, ...) */
.nav--svg_state svg {width:100%; height:100%; display:block;}