.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%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
			.ct-div-block,
			.oxy-post-content,
			.ct-text-block,
			.ct-headline,
			.oxy-rich-text,
			.ct-link-text { max-width: 100%; }
			img { flex-shrink: 0; }
			body * { min-height: 1px; }
		}            .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: 'Source Sans 3';}body {line-height: 1.6;font-size: 18px;font-weight: 400;color: #404040;}.oxy-nav-menu-hamburger-line {background-color: #404040;}h1, h2, h3, h4, h5, h6 {font-family: 'Exo 2';font-size: 48px;font-weight: 800;line-height: 1.2;}h2, h3, h4, h5, h6{font-size: 30px;}h3, h4, h5, h6{font-size: 24px;}h4, h5, h6{font-size: 20px;}h5, h6{font-size: 18px;}h6{font-size: 16px;}a {color: #0074db;text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {font-weight: 700;border-radius: 50px;}.ct-section-inner-wrap {
padding-top: 72px;
padding-right: 24px;
padding-bottom: 72px;
padding-left: 24px;
}.ct-new-columns > .ct-div-block {
padding-top: 48px;
padding-right: 48px;
padding-bottom: 48px;
padding-left: 48px;
}.oxy-header-container {
padding-right: 24px;
padding-left: 24px;
}@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;
				}
			}
.sub-sluzby-container {
background-size: cover;}
.sub-sluzby-container .ct-section-inner-wrap {
padding-bottom: 0;
}
.feature-2col-wrap {
}
.feature-2col-left {
 padding-right:0px;
 padding-bottom:0px;
 padding-left:0px;
 border-radius:24px;
 overflow:hidden;
 padding-top:0px;
}
.feature-2col-right {
 gap:16px;
 padding-top:48px;
 padding-right:48px;
 padding-bottom:48px;
 padding-left:48px;
}
.feature-2col-right:not(.ct-section):not(.oxy-easy-posts),
.feature-2col-right.oxy-easy-posts .oxy-posts,
.feature-2col-right.ct-section .ct-section-inner-wrap{
gap:16px;
}
.feature-title {
 color:#f28e0e;
}
.btn-prim:hover{
background-color :#062537;
border: 1px solid #062537;
}.btn-prim:hover{
}
.btn-prim {
background-color :#f28e0e;
border: 1px solid #f28e0e;
padding: 10px 16px;
}.btn-prim {
 font-family:Exo 2;
 font-weight:700;
 text-transform:uppercase;
 letter-spacing:1px;
 padding-top:16px;
 padding-left:24px;
 padding-right:16px;
 padding-bottom:16px;
 font-size:18px;
 button-hover_color:#062537;
 gap:24px;
 border-radius:50px;
 border-top-width:0px;
 border-right-width:0px;
 border-bottom-width:0px;
 border-left-width:0px;
 box-shadow:2px 2px 10px 0px rgba(0,0,0,0.25);
}
.btn-prim:not(.ct-section):not(.oxy-easy-posts),
.btn-prim.oxy-easy-posts .oxy-posts,
.btn-prim.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
gap:24px;
}
.sub-sluzby-gallery {
 width:100%;
 gap:24px;
}
.sub-sluzby-gallery:not(.ct-section):not(.oxy-easy-posts),
.sub-sluzby-gallery.oxy-easy-posts .oxy-posts,
.sub-sluzby-gallery.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:24px;
}
.cta-sluzby-container {
background-image: linear-gradient(180deg, #ffffff, rgba(255,255,255,0)), url(http://atilov.dopamin.cz/wp-content/uploads/2025/04/hero_img_win.jpg);background-size:auto,  cover; background-repeat:no-repeat;
 background-position:0px 50%;
}
.cta-sluzby-container:not(.ct-section):not(.oxy-easy-posts),
.cta-sluzby-container.oxy-easy-posts .oxy-posts,
.cta-sluzby-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.cta-sluzby-wrap {
 background-color:#ffffff;
 border-radius:24px;
}
.cta-sluzby-left-col {
 overflow:hidden;
 border-top-left-radius:24px;
 border-bottom-left-radius:24px;
}
.cta-sluzby-right-col {
background-image: linear-gradient(#f6a31b, #f28e0e); overflow:hidden;
 border-bottom-right-radius:24px;
 border-top-right-radius:24px;
 width:50%;
}
.cta-sluzby-right-col__title {
 color:#ffffff;
 text-transform:uppercase;
 font-size:48px;
}
.cta-sluzby-right-col__text {
 color:#ffffff;
 font-size:18px;
}
.btn-prim_text:hover{
 color:#ffffff;
}
.btn-prim_text {
 line-height:1;
 color:#ffffff;
 text-shadow:2px 2px 4px rgba(0,0,0,0.50);
}
.btn-dark_text:hover{
 color:#ffffff;
}
.btn-dark_text {
 line-height:1;
 color:#ffffff;
}
.btn-prim_ico {
 width:18px;
 height:18px;
}
.btn-dark_ico {
 width:18px;
 height:18px;
}
.btn-dark:hover{
background-color :#062537;
border: 1px solid #062537;
}.btn-dark:hover{
}
.btn-dark {
background-color :#f28e0e;
border: 1px solid #f28e0e;
padding: 10px 16px;
}.btn-dark {
 font-family:Exo 2;
 font-weight:700;
 text-transform:uppercase;
 letter-spacing:1px;
 padding-top:16px;
 padding-left:24px;
 padding-right:16px;
 padding-bottom:16px;
 font-size:18px;
 button-hover_color:#062537;
 gap:24px;
 border-radius:50px;
 border-top-width:0px;
 border-right-width:0px;
 border-bottom-width:0px;
 border-left-width:0px;
 margin-top:50px;
 box-shadow:2px 2px 10px 0px rgba(0,0,0,0.25);
}
.btn-dark:not(.ct-section):not(.oxy-easy-posts),
.btn-dark.oxy-easy-posts .oxy-posts,
.btn-dark.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
gap:24px;
}
.oxel_icon_button__container:hover{
 background-color:#cfd3d7;
}
.oxel_icon_button__container {
 background-color:#eceeef;
 padding-top:8px;
 padding-left:16px;
 padding-right:16px;
 padding-bottom:8px;
 transition-duration:0.3s;
 border-radius:50px;
 border-top-color:#ffffff;
 border-right-color:#ffffff;
 border-bottom-color:#ffffff;
 border-left-color:#ffffff;
}
.oxel_icon_button__container:not(.ct-section):not(.oxy-easy-posts),
.oxel_icon_button__container.oxy-easy-posts .oxy-posts,
.oxel_icon_button__container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.oxel_icon_button_text {
 color:#ffffff;
}
.oxel_icon_button_icon {
color: #ffffff;}.oxel_icon_button_icon 
>svg {width: 18px;height: 18px;}.oxel_icon_button_icon {
 margin-right:8px;
}
.oxel_accordion {
 font-family:Exo 2;
 border-top-color:#adb4b9;
 border-right-color:#adb4b9;
 border-bottom-color:#adb4b9;
 border-left-color:#adb4b9;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
 color:#3ba8af;
 font-size:34px;
 margin-bottom:23px;
 font-weight:200;
}
.oxel_accordion__row {
 font-family:Source Sans 3;
 width:100%;
 padding-top:12px;
 padding-left:8px;
 padding-right:8px;
 padding-bottom:12px;
 text-align:justify;
 border-bottom-color:#eceeef;
 border-bottom-width:1px;
 border-bottom-style:solid;
 border-top-style:none;
 background-color:#f9f9fa;
 border-right-style:none;
 border-left-style:none;
 font-weight:600;
cursor: pointer;
}
.oxel_accordion__row:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__row.oxy-easy-posts .oxy-posts,
.oxel_accordion__row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:space-between;
}
.oxel_accordion__icon {
color: #374047;}.oxel_accordion__icon 
>svg {width: 18px;height: 18px;}.oxel_accordion__icon {
 margin-right:8px;
 transition-duration:0.3s;
}
.oxel_accordion__row_left {
}
.oxel_accordion__row_left:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__row_left.oxy-easy-posts .oxy-posts,
.oxel_accordion__row_left.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.oxel_accordion__content {
 width:100%;
 padding-top:8px;
 padding-left:8px;
 padding-right:8px;
 padding-bottom:8px;
 border-bottom-color:#98a1a8;
 border-bottom-width:2px;
 border-bottom-style:none;
 overflow:hidden;
 opacity:1;
 transition-duration:3s;
 border-top-style:none;
 border-right-style:none;
 border-left-style:none;
 transition-property:max-height;
 text-align:left;
 max-height:3000px;
 margin-top:0px;
}
.oxel_accordion__content:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__content.oxy-easy-posts .oxy-posts,
.oxel_accordion__content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
.oxel_accordion__content__hidden {
 max-height:0px;
 padding-left:8px;
 padding-right:8px;
 padding-top:0px;
 z-index:-1;
 padding-bottom:0px;
 transition-duration:0s;
}
.oxel_accordion__content__hidden:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__content__hidden.oxy-easy-posts .oxy-posts,
.oxel_accordion__content__hidden.ct-section .ct-section-inner-wrap{
display:flex;
}
.oxel_accordion__row__label {
}
.sluzby-container {
}
.sluzby-container:not(.ct-section):not(.oxy-easy-posts),
.sluzby-container.oxy-easy-posts .oxy-posts,
.sluzby-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.sectionTitle-wrap {
 gap:24px;
 margin-bottom:64px;
 text-align:left;
}
.sectionTitle-wrap:not(.ct-section):not(.oxy-easy-posts),
.sectionTitle-wrap.oxy-easy-posts .oxy-posts,
.sectionTitle-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
gap:24px;
}
.sectionTitle {
 font-size:48px;
 text-transform:uppercase;
}
.sectionSubtitle {
 width:720px;
 text-align:right;
}
.sectionSubtitle:not(.ct-section):not(.oxy-easy-posts),
.sectionSubtitle.oxy-easy-posts .oxy-posts,
.sectionSubtitle.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.sluzby-row {
 gap:16px;
 margin-bottom:16px;
}
.sluzby-row:not(.ct-section):not(.oxy-easy-posts),
.sluzby-row.oxy-easy-posts .oxy-posts,
.sluzby-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
align-items:stretch;
gap:16px;
}
.sluzbaBox:hover{
background-image:url(http://atilov.dopamin.cz/wp-content/uploads/2025/05/sluzba-serizeni_oken.jpg);background-size: cover;}
.sluzbaBox {
background-image: linear-gradient(180deg, rgba(6,37,55,0), #001c39);background-size:auto,  cover; background-repeat:no-repeat;
 min-height:250px;
 position:relative;
 border-radius:16px;
 padding-top:24px;
 padding-left:24px;
 padding-right:24px;
 padding-bottom:24px;
 text-align:center;
 overflow:hidden;
 min-width:296px;
}
.sluzbaBox:not(.ct-section):not(.oxy-easy-posts),
.sluzbaBox.oxy-easy-posts .oxy-posts,
.sluzbaBox.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-end;
}
.sluzbaBox-title {
 text-align:left;
}
.sluzbaBox-text {
 bottom:100%;
 left:0px;
 z-index:2;
}
.sluzbaBox-bg {
 position:absolute;
 z-index:-1;
 top:0px;
 left:0px;
 overflow:hidden;
 align-self:auto;
}
.extra {
background-image: linear-gradient(#f6a31b, #f28e0e);}
.extra:not(.ct-section):not(.oxy-easy-posts),
.extra.oxy-easy-posts .oxy-posts,
.extra.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
flex-wrap:nowrap;
align-items:center;
align-content:center;
justify-content:center;
}
.oxel_iconlist {
 max-width:100%;
}
.oxel_iconlist__row {
 padding-top:8px;
 padding-left:8px;
 padding-right:8px;
 padding-bottom:8px;
 width:100%;
 margin-top:0px;
}
.oxel_iconlist__row:not(.ct-section):not(.oxy-easy-posts),
.oxel_iconlist__row.oxy-easy-posts .oxy-posts,
.oxel_iconlist__row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.oxel_iconlist__row__icon {
color: #7f8b93;}.oxel_iconlist__row__icon 
>svg {width: 18px;height: 18px;}.oxel_iconlist__row__icon {
 margin-left:32px;
 margin-right:32px;
}
.oxel_iconlist__row__label {
}
.oxel_iconlist__row--dark {
 background-color:#eceeef;
}
.logo {
 width:100px;
 object-fit:contain;
 z-index:2;
 height:auto;
}
.headerMenu {
}
.headerCTA:hover{
background-color :#ffffff;
border: 1px solid #ffffff;
}.headerCTA:hover{
}
.headerCTA {
background-color :#f6a31b;
border: 1px solid #f6a31b;
padding: 10px 16px;
}.headerCTA {
 font-family:Exo 2;
 font-weight:700;
 button-hover_color:#ffffff;
 font-size:22px;
 padding-top:8px;
 padding-left:32px;
 padding-right:32px;
 padding-bottom:8px;
 text-transform:uppercase;
}
.header-container {
}
.headerContent {
background-image: linear-gradient(90deg, #001c39, #001c39);}
.hero-container {
background-image: linear-gradient(90deg, rgba(246,163,27,0.31), rgba(242,142,14,0.65)), url(https://atilov.cz/wp-content/uploads/2025/04/hero_img_win.jpg);background-size:auto,  cover; width:100%;
 min-height:600px;
 background-repeat:no-repeat;
}
.hero-container .ct-section-inner-wrap {
padding-top: 81px;
padding-bottom: 0;
}
.hero-container:not(.ct-section):not(.oxy-easy-posts),
.hero-container.oxy-easy-posts .oxy-posts,
.hero-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
}
.hero-content {
 width:60%;
 padding-right:48px;
 padding-bottom:0px;
 padding-left:48px;
 margin-right:98px;
}
.hero-content:not(.ct-section):not(.oxy-easy-posts),
.hero-content.oxy-easy-posts .oxy-posts,
.hero-content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
.hero-wrap {
 height:100%;
 align-self:center;
 width:100%;
}
.hero-wrap:not(.ct-section):not(.oxy-easy-posts),
.hero-wrap.oxy-easy-posts .oxy-posts,
.hero-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
.smolHeading {
 font-size:23px;
 font-weight:600;
 color:#ffffff;
 text-transform:uppercase;
}
.about-container {
background-image: linear-gradient(90deg, #0b4e78, #062537), url(http://atilov.dopamin.cz/wp-content/uploads/2025/05/sluzba-serizeni_oken.jpg);}
.about-wrap {
}
.about-leftCol {
 padding-top:0px;
 padding-right:0px;
 padding-bottom:0px;
 padding-left:0px;
 position:relative;
}
.about-leftCol:not(.ct-section):not(.oxy-easy-posts),
.about-leftCol.oxy-easy-posts .oxy-posts,
.about-leftCol.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:stretch;
}
.about-rightCol {
 gap:24px;
}
.about-rightCol:not(.ct-section):not(.oxy-easy-posts),
.about-rightCol.oxy-easy-posts .oxy-posts,
.about-rightCol.ct-section .ct-section-inner-wrap{
gap:24px;
}
.atilov-sign {
 padding-top:24px;
 padding-bottom:24px;
}
.atilov-sign:not(.ct-section):not(.oxy-easy-posts),
.atilov-sign.oxy-easy-posts .oxy-posts,
.atilov-sign.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
}
.atilov-sign-item {
 gap:24px;
}
.atilov-sign-item:not(.ct-section):not(.oxy-easy-posts),
.atilov-sign-item.oxy-easy-posts .oxy-posts,
.atilov-sign-item.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:24px;
}
.atilov-sign-item__letter {
 font-family:Exo 2;
 font-size:72px;
 color:#f6a31b;
 font-weight:800;
 line-height:1;
 text-transform:capitalize;
 min-width:60px;
}
.atilov-sign-item__letter:not(.ct-section):not(.oxy-easy-posts),
.atilov-sign-item__letter.oxy-easy-posts .oxy-posts,
.atilov-sign-item__letter.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
justify-content:center;
}
.atilov-sign-item__text {
 font-family:Exo 2;
 color:#ffffff;
 font-size:24px;
 line-height:1;
}
.atilov-sign-wrap {
 position:absolute;
 left:50%;
 top:50%;
 padding-top:33px;
 padding-right:33px;
 padding-bottom:33px;
 padding-left:33px;
}
.reference-container {
}
.reference-container .ct-section-inner-wrap {
padding-bottom: 0;
}
.reference-container:not(.ct-section):not(.oxy-easy-posts),
.reference-container.oxy-easy-posts .oxy-posts,
.reference-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.vyhody-wrap {
 padding-top:48px;
 padding-bottom:0px;
}
.vyhody-item {
 width:NaN%;
 gap:0px;
 text-align:center;
 padding-top:24px;
 padding-left:4px;
 padding-right:24px;
 padding-bottom:4px;
}
.vyhody-item:not(.ct-section):not(.oxy-easy-posts),
.vyhody-item.oxy-easy-posts .oxy-posts,
.vyhody-item.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:0px;
}
.vyhoda-item-text {
 font-family:Exo 2;
 color:#ffffff;
 font-size:22px;
 text-transform:uppercase;
 font-weight:600;
 letter-spacing:1px;
}
.kontakt-container {
background-image: linear-gradient(180deg, #ffffff, rgba(255,255,255,0));}
.kontakt-container .ct-section-inner-wrap {
padding-bottom: 0;
}
.kontakt-wrap {
background-image: linear-gradient(270deg, #0b4e78, #062537); border-radius:24px;
 border-top-left-radius:24px;
 border-top-right-radius:24px;
 border-bottom-left-radius:0px;
 border-bottom-right-radius:0px;
 padding-top:48px;
 padding-right:48px;
 padding-bottom:48px;
 padding-left:48px;
}
.kontakt-leftCol {
 gap:48px;
}
.kontakt-leftCol:not(.ct-section):not(.oxy-easy-posts),
.kontakt-leftCol.oxy-easy-posts .oxy-posts,
.kontakt-leftCol.ct-section .ct-section-inner-wrap{
gap:48px;
}
.kontakt-rightCol {
}
.kontakt-row {
 gap:16px;
}
.kontakt-row:not(.ct-section):not(.oxy-easy-posts),
.kontakt-row.oxy-easy-posts .oxy-posts,
.kontakt-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:16px;
}
.kontakt-row__ico {
color: #ffffff;}.kontakt-row__ico 
>svg {width: 32px;height: 32px;}.kontakt-row__ico {
}
.kontakt-row__text {
 color:#f28e0e;
 font-size:18px;
}
.kontakt-items-wrap {
}
.footer {
}
.footer-container {
background-image: linear-gradient(90deg, #001c39, #062537);}
.f-col-left {
}
.f-col-middle {
}
.f-col-right {
}
.footer-wrap {
}
@media (max-width: 479px) {
.footer-wrap {
 clear:both;
}
}

.footer-logo {
 width:100px;
 object-fit:contain;
 object-position:center;
 margin-bottom:24px;
 height:auto;
}
.white {
 color:#ffffff;
}
.vyhoda-item-text-desc {
 font-size:16px;
}
.f-col-title {
 font-family:Exo 2;
 font-size:24px;
 text-transform:uppercase;
 letter-spacing:1px;
 margin-bottom:24px;
}
.footer-nav {
}
.topHeader-container {
 background-color:#001c39;
}
.topHeader-container .ct-section-inner-wrap {
padding-top: 12px;
padding-bottom: 12px;
}
.topHeader-container:not(.ct-section):not(.oxy-easy-posts),
.topHeader-container.oxy-easy-posts .oxy-posts,
.topHeader-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:flex-end;
}
.topHeader-wrap {
 gap:48px;
}
.topHeader-wrap:not(.ct-section):not(.oxy-easy-posts),
.topHeader-wrap.oxy-easy-posts .oxy-posts,
.topHeader-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
gap:48px;
}
.topNav-kontakt-item {
 gap:16px;
}
.topNav-kontakt-item:not(.ct-section):not(.oxy-easy-posts),
.topNav-kontakt-item.oxy-easy-posts .oxy-posts,
.topNav-kontakt-item.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:16px;
}
.topNav-kontakt-item-text:hover{
 color:#ffffff;
}
.topNav-kontakt-item-text {
 color:#f6a31b;
}
.cta-banner {
background-image: linear-gradient(270deg, #f6a31b, #f28e0e);}
.cta-banner-wrap {
}
.cta-banner-left-col {
}
.cta-banner-left-col:not(.ct-section):not(.oxy-easy-posts),
.cta-banner-left-col.oxy-easy-posts .oxy-posts,
.cta-banner-left-col.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.cta-banner-right-col {
 gap:24px;
}
.cta-banner-right-col:not(.ct-section):not(.oxy-easy-posts),
.cta-banner-right-col.oxy-easy-posts .oxy-posts,
.cta-banner-right-col.ct-section .ct-section-inner-wrap{
gap:24px;
}
.cta-banner-right-col__title {
 color:#ffffff;
}
.cta-banner-right-col__text {
 color:#ffffff;
}
.ptb-wrap {
 width:100%;
}
.ptb-wrap:not(.ct-section):not(.oxy-easy-posts),
.ptb-wrap.oxy-easy-posts .oxy-posts,
.ptb-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ptb-container {
background-image: linear-gradient(90deg, #f28e0e, #f6a31b);background-size:auto,  cover; background-position:0% 50%;
}
.ptb-container .ct-section-inner-wrap {
padding-top: 48px;
padding-bottom: 48px;
}
.sub-kontakt-container {
background-image: linear-gradient(rgba(255,255,255,0.5), #ffffff), url(http://atilov.dopamin.cz/wp-content/uploads/2025/05/tip-6.webp);background-size:auto,  cover; gap:48px;
 background-repeat:no-repeat;
}
.sub-kontakt-container:not(.ct-section):not(.oxy-easy-posts),
.sub-kontakt-container.oxy-easy-posts .oxy-posts,
.sub-kontakt-container.ct-section .ct-section-inner-wrap{
gap:48px;
}
.map-container {
 width:100%;
}
.map-container .ct-section-inner-wrap {
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.sub-kontakt-boxes-wrap {
 gap:24px;
}
.sub-kontakt-boxes-wrap:not(.ct-section):not(.oxy-easy-posts),
.sub-kontakt-boxes-wrap.oxy-easy-posts .oxy-posts,
.sub-kontakt-boxes-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
align-items:stretch;
gap:24px;
}
.kontaktBox {
background-image: linear-gradient(#0b4e78, #001c39); border-radius:24px;
}
.kontaktBox:not(.ct-section):not(.oxy-easy-posts),
.kontaktBox.oxy-easy-posts .oxy-posts,
.kontaktBox.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:space-between;
}
.kontaktBox-title {
 min-height:64px;
 margin-bottom:16px;
}
.tipy-container {
 gap:96px;
}
.tipy-container:not(.ct-section):not(.oxy-easy-posts),
.tipy-container.oxy-easy-posts .oxy-posts,
.tipy-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
gap:96px;
}
.rady-wrap {
 width:100%;
}
.toggle-1693 {
}
.toggle-1693-expanded {
}
.accordion-content-img {
 max-width:350px;
}
.accordion-content-wrap {
 text-align:left;
 gap:24px;
}
.accordion-content-wrap:not(.ct-section):not(.oxy-easy-posts),
.accordion-content-wrap.oxy-easy-posts .oxy-posts,
.accordion-content-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
align-items:center;
justify-content:flex-start;
gap:24px;
}
.tip-card-wrap {
}
.tip-card-wrap:not(.ct-section):not(.oxy-easy-posts),
.tip-card-wrap.oxy-easy-posts .oxy-posts,
.tip-card-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
.tip-card {
 text-align:justify;
 width:100%;
 gap:48px;
 border-bottom-width:1px;
 border-bottom-style:solid;
 border-bottom-color:rgba(0,28,57,0.25);
 padding-bottom:24px;
 padding-top:24px;
 padding-left:24px;
 padding-right:24px;
}
.tip-card:not(.ct-section):not(.oxy-easy-posts),
.tip-card.oxy-easy-posts .oxy-posts,
.tip-card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
gap:48px;
}
.ctip-card-thumb {
 width:100%;
 object-fit:cover;
 object-position:center center;
}
.tip-card-left-col {
}
.tip-card-left-col:not(.ct-section):not(.oxy-easy-posts),
.tip-card-left-col.oxy-easy-posts .oxy-posts,
.tip-card-left-col.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
.tip-card-right-col {
 gap:24px;
}
.tip-card-right-col:not(.ct-section):not(.oxy-easy-posts),
.tip-card-right-col.oxy-easy-posts .oxy-posts,
.tip-card-right-col.ct-section .ct-section-inner-wrap{
display:flex;
gap:24px;
}
.tip-card-excerpt {
}
.tip-card-title {
 font-size:24px;
}
.intro-text {
 width:720px;
 color:#c93a3a;
 font-size:15px;
}
.post-detail-container {
 gap:48px;
}
.post-detail-container:not(.ct-section):not(.oxy-easy-posts),
.post-detail-container.oxy-easy-posts .oxy-posts,
.post-detail-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
gap:48px;
}
.post-detail-featured_img {
 width:100%;
 height:450px;
 object-fit:cover;
 object-position:center center;
}
.post-detail-heading {
 max-width:960px;
}
.oxy-stock-content-styles {
}
.related-posts-container {
background-image: linear-gradient(270deg, #0b4e78, #001c39); gap:48px;
}
.related-posts-container .ct-section-inner-wrap {
padding-bottom: 62px;
}
.related-posts-container:not(.ct-section):not(.oxy-easy-posts),
.related-posts-container.oxy-easy-posts .oxy-posts,
.related-posts-container.ct-section .ct-section-inner-wrap{
gap:48px;
}
.related-postBox {
 border-radius:24px;
}
.related-postBox:not(.ct-section):not(.oxy-easy-posts),
.related-postBox.oxy-easy-posts .oxy-posts,
.related-postBox.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:stretch;
align-content:stretch;
justify-content:flex-start;
}
.related-postBox-img {
 border-top-left-radius:24px;
 border-top-right-radius:24px;
}
.related-posts-wrap {
 gap:24px;
 width:100%;
}
.related-posts-wrap:not(.ct-section):not(.oxy-easy-posts),
.related-posts-wrap.oxy-easy-posts .oxy-posts,
.related-posts-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-start;
gap:24px;
}
.related-postBox-title {
 font-size:20px;
 color:#f28e0e;
 padding-top:24px;
 padding-right:24px;
 padding-bottom:24px;
 padding-left:24px;
 background-color:#ffffff;
 min-height:144px;
 border-bottom-left-radius:24px;
 border-bottom-right-radius:24px;
}
.related-postBox-title_span {
 max-height:96px;
}
.ptb-title {
 text-transform:uppercase;
}
.text1 {
 font-size:38px;
 color:#b72626;
}
:root {
  --lh1: 1; /* line height 1 */
  --white: #ffffff;
  --orglite: #f6a31b;
  --orgdark: #f28e0e;
  --bluelite: #062537;
  --bluedark: #001c39;
  --bluealt: #0B4E78;
}



/***** GENERAL STYLES *****/

/* Headings */

.sectionTitle {
    background: linear-gradient(to right, #f28e0e, #f6a31b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

/* Buttons */

/* primary button */
.btn-prim {
  background: var(--orgdark);
  background: linear-gradient(90deg,var(--orglite) 0%, var(--orgdark) 100%);
  border: 0;

}

.btn-prim:hover {
  background: linear-gradient(90deg,var(--orgdark) 0%, var(--orglite) 100%);
}

/* dark button */

.btn-dark {
  background: var(--bluedark);
  background: linear-gradient(90deg,var(--bluedark) 0%, var(--bluealt) 100%);
  border: 0;
}

.btn-prim,
.btn-dark {
  background-color: #ff6600; /* Výrazná výchozí barva */
  background-size: 300% 100%;
  border-radius: 50px;
  color: #ffffff;
  font-weight: bold;
  transition: background 0.3s ease-in-out, transform 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out, transform 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out, transform 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.btn-dark:hover {
  background: linear-gradient(90deg, var(--bluealt) 0%, var(--bluedark) 100%);
  background-position: 100% 0;
  transform: translateY(4px);
  border: 0;
  transition: background 0.3s ease-in-out, transform 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out, transform 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out, transform 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.btn-prim .btn-prim_ico,
.btn-dark .btn-dark_ico {
  width: 16px;
  height: 16px;
  fill: var(--white);
  transform: translate(-10px, -3px);
  transition: transform 0.3s ease-in-out;
}

.btn-prim:hover .btn-prim_ico,
.btn-dark:hover .btn-dark_ico {
  transform: translate(0px, -3px);
}


/* RADY a TIPY - dynamicky výpis */
.rady-wrap .oxy-dynamic-list > div:nth-child(odd) {
  background: rgba(0,0,0,0.025);
}

/* dark button */
/******-------------------- HEADER --------------------------******/
/* .header-container {
  background: #001C39;
background: linear-gradient(90deg, rgba(0, 28, 57, 1) 0%, rgba(6, 37, 55, 1) 100%);
} */

/*** Top Nav ***/

section.topHeader-container .ct-section-inner-wrap {
  position: relative;
}

section.topHeader-container .ct-section-inner-wrap::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 85%;
  height: 1px;
  background: rgba(255,255,255,0.05);
}

.topNav-kontakt-item div {
  /* background: var(--orglite); */
  padding: 4px;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.topNav-kontakt-item div svg {
  width: 24px;
  height: auto;
  fill: var(--white);
}


/* left - logo */
.oxy-header-left a {
  position: absolute;
  top: -10px;
}


/***** Menu *****/

/* Submenu */
ul#menu-main-menu li ul.sub-menu li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
/*----------------------------------------------*/

/******-------------------- PTB --------------------------******/
section.ptb-container {
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, 
              rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

/******-------------------- HOMEPAGE --------------------------******/

/***** HERO section *****/

section.hero-container {
    background-position: 50% 80%;
}

.hero-content h1,
.hero-content .ct-text-block {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, .25);
  /* backdrop-filter: blur(4px); */
}

.hero-content h1,
.hero-content .smolHeading {
  text-transform: uppercase;
  max-width: 500px;
}

.hero-content .smolHeading {
  line-height: var(--lh1);
}


/***** ROZCESTNIK section *****/

section.sluzby-container {
  position: relative;
}

section.sluzby-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url("/wp-content/uploads/2025/05/window-shadow_bg-1.png") no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  opacity: 0.4;
}

.sluzby-container .ct-section-inner-wrap > .sluzby-row:first-of-type {
  background: red!important;
}

.sluzbaBox div svg {
    width: 32px;
    height: 32px;
    background: var(--white);
    padding: 8px;
    border-radius: 50px;
    position: absolute;
    bottom: 24px;
    right: 24px;
}

/***--- Hover ---***/

.sluzbaBox,
.sluzbaBox.extra,
.sluzbaBox div svg,
.sluzbaBox div svg path {
  transition: background 0.3s ease-in-out;
  transition: fill 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

.sluzbaBox:hover {
  background: linear-gradient(180deg,rgba(246, 163, 27, 0) 0%, rgba(242, 142, 14, 1) 100%);
}

.sluzbaBox:hover div svg {
  background: var(--bluedark);
}

.sluzbaBox:hover div svg path {
  fill: var(--orglite);
}

.sluzbaBox:hover .sluzbaBox-title,
.sluzbaBox:hover .sluzbaBox-text {
  color: var(--white) !important;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, .4);
}

.sluzbaBox:hover img {
 filter: blur(4px); 
}

.sluzbaBox-title {
  transform: translateY(100%);
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
}

.sluzbaBox-text {
  transform: translateY(100%);
  color: white;
  opacity: 0;
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
}

.sluzbaBox:hover .sluzbaBox-title {
  transform: translateY(-30%); /* title se posune nahoru */
}

.sluzbaBox:hover .sluzbaBox-text {
  transform: translateY(0); /* text vyjede nahoru */
  opacity: 1;
}

/* Extra box - last kontakt */

.sluzbaBox.extra:hover {
    background-image: linear-gradient(0deg, #0b4e78, #062537);
}

.sluzbaBox.extra:hover div svg {
  background: var(--orglite);
}

.sluzbaBox.extra:hover div svg path {
  fill: var(--bluedark);
}


/***** ABOUT section *****/

section.about-container {
  box-shadow: inset 0px 4px 20px rgba(0,0,0,.25);
}

.atilov-sign-wrap {
  transform: translate(-100%, -50%);
  /*background: rgba(255, 255, 255, 0.5);*/
  background: rgba(0, 28, 57, 0.75);
  backdrop-filter: blur(3px);
}

/* vyhody */

.vyhody-item div svg {
  width: 64px;
  height: auto;
  fill: var(--orglite);
}



/***** KONTAKT section *****/

section.kontakt-container {
  position: relative;
}

section.kontakt-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url("/wp-content/uploads/2025/04/hero_img.webp") no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  opacity: 1;
  background-position: 50% 100%;
}


.kontakt-items-wrap .kontakt-row div svg {
  width: 40px;
  height: auto;
  fill: var(--white);
  background: var(--orglite);
  padding: 8px;
  border-radius: 8px;
}


/******-------------------- PODSTRANKY --------------------------******/


/******-------------------- PODSTRANKY: Kontakty --------------------------******/

/* a hover underline */
.topNav-kontakt-item a:hover,
.kontakt-items-wrap .kontakt-row a:hover,
.kontaktBox .kontakt-items-wrap .kontakt-row a:hover {
  color: var(--white);
  text-decoration: underline;
}

.kontakt-items-wrap .kontakt-row a:hover div svg {
  animation: jump-shaking 0.83s infinite;
  opacity: 0;
}

@keyframes jump-shaking {
  0% { transform: translateX(0) }
  25% { transform: translateY(-9px) }
  35% { transform: translateY(-9px) rotate(17deg) }
  55% { transform: translateY(-9px) rotate(-17deg) }
  65% { transform: translateY(-9px) rotate(17deg) }
  75% { transform: translateY(-9px) rotate(-17deg) }
  100% { transform: translateY(0) rotate(0) }
}


/******-------------------- PODSTRANKY: Rady a tipy / Detail prispevku --------------------------******/



/* RELATED POSTS - hide pagination */
.oxy-repeater-pages-wrap {
  display: none!important;
}

/* RELATED POSTS - cards */

.related-postBox {
  transition: transform .3s ease-in-out;
}

.related-postBox:hover {
  transform: translateY(10px);
}

/******-------------------- CONTACT FORM STYLING  --------------------------******/

.wpcf7-form {
  max-width: 600px;
  margin: 0 auto;
  padding: 2rem;
  /* background: #062537; */
  background-image: linear-gradient(270deg, #001c39, #0B4E78);
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  font-family: 'Segoe UI', sans-serif;
  color: #fff;
}

.wpcf7-form p {
  margin-bottom: 1.5rem;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
  width: 100%;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  background-color: #001c39; /* dark blue */
  color: #fff;
  border: 1px solid #0B4E78;
  border-radius: 8px;
  box-sizing: border-box;
  transition: border-color 0.3s, box-shadow 0.3s, background-color 0.3s;
}

.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
  color: #b0c8dc;
}

.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form textarea:focus {
  border-color: #f6a31b;
  box-shadow: 0 0 0 3px rgba(246, 163, 27, 0.3);
  outline: none;
  background-color: #0B4E78;
}

.wpcf7-form textarea {
  resize: vertical;
  min-height: 150px;
}

.wpcf7-form input[type="submit"] {
  background-color: #f6a31b; /* lite orange */
  color: #001c39; /* dark blue text */
  border: none;
  padding: 12px 24px;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 50px;
  cursor: pointer;
  transition: background-color 0.3s, transform 0.2s;
}

.wpcf7-form input[type="submit"]:hover {
  background-color: #f28e0e; /* dark orange */
  transform: translateY(-2px);
}

.wpcf7-response-output {
  margin-top: 1rem;
  padding: 1rem;
  border-radius: 8px;
  font-size: 0.95rem;
}

.wpcf7-response-output.wpcf7-mail-sent-ok {
  background-color: #e6ffed;
  color: #2d7a2d;
  border: 1px solid #b2e0b2;
}

.wpcf7-response-output.wpcf7-validation-errors,
.wpcf7-response-output.wpcf7-mail-sent-ng {
  background-color: #ffe6e6;
  color: #9e1c1c;
  border: 1px solid #e0b2b2;
}


/***** CTA FORM PODSTRANKY *****/

.cta-sluzby-right-col .wpcf7-form {
  max-width: 600px;
  margin: 0 auto;
  padding: 0px;
  /* background: #062537; */
  background-image: none;
  border-radius: 0px;
  box-shadow: none;
  font-family: 'Segoe UI', sans-serif;
  color: #fff;
}



@media (max-width: 768px) {
  #headline-4-9 {
    font-size: 36px !important; /* nebo klidně menší, třeba 28px */
    line-height: 1.1;
  }
}

@media (max-width: 768px) {
  #text_block-366-9 {
    font-size: 30px !important; /* zmenší text */
    line-height: 1.4;
  }
}

@media (max-width: 768px) {
  #text_block-50-9 {
    display: none !important;
  }
}

/* MOBIL: služby = 1 sloupec, text jako na PC */
@media (max-width: 768px) {

  /* rozbij grid/flex z builderu, nech jen bloky pod sebou */
  #new_columns-27-9,
  #new_columns-51-9 {
    display: block !important;
  }

  /* každá karta na 100 % šířky + rozestup */
  #new_columns-27-9 > .sluzbaBox,
  #new_columns-51-9 > .sluzbaBox {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin: 0 0 20px 0 !important;

    /* ať se nic neřeže na výšku */
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;   /* pro zaoblení */
    border-radius: 24px;           /* pokud používáš zaoblení jako na PC */
    box-sizing: border-box;
  }

  /* obrázek responsivně (ponechá PC overlay/chování textu) */
  #new_columns-27-9 .sluzbaBox-bg,
  #new_columns-51-9 .sluzbaBox-bg {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: cover;
  }

  /* ZACHOVAT PC vzhled textů – žádná změna velikostí
     (kdybys měl dříve mobilní zmenšení, tímhle je přepíšeme zpět) */
  #new_columns-27-9 .sluzbaBox-title,
  #new_columns-51-9 .sluzbaBox-title,
  #new_columns-27-9 .sluzbaBox-text,
  #new_columns-51-9 .sluzbaBox-text {
    font-size: inherit !important;
    line-height: inherit !important;
    transform: inherit !important;
    opacity: inherit !important;
  }
}

@media (max-width: 768px) {
  .sluzbaBox:not(.extra) {
    position: relative;
  }

  .sluzbaBox:not(.extra)::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0.5) 0%,
      rgba(0,0,0,0.6) 100%
    );
    z-index: 1;
    border-radius: inherit;
  }

  .sluzbaBox-title,
  .sluzbaBox-text {
    position: relative;
    z-index: 2;
  }
}

@media (max-width: 768px) {
  #div_block-120-9 {
    display: none !important;
  }
}

/* Mobil: zarovnat nadpis u bloku #text_block-154-9 na střed */
@media (max-width: 768px) {
  #text_block-154-9,
  #text_block-154-9 > div {
    text-align: center !important;
  }

  /* Volitelné: trochu menší a kompaktnější na mobilu */
  #text_block-154-9 > div {
    font-size: clamp(26px, 7vw, 36px);
    line-height: 1.15;
  }
}

/* Kontakt – mobilní úpravy pouze pro tuto sekci */
@media (max-width: 768px) {

  /* sloupce pod sebe + menší vnitřní odsazení */
  #section-173-9 .ct-section-inner-wrap { padding: 24px 16px; }
  #new_columns-174-9 {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
  }
  .kontakt-leftCol,
  .kontakt-rightCol { width: 100% !important; max-width: 100% !important; }

  /* nadpisy */
  #text_block-210-9.smolHeading {                /* “Máte dotaz?” */
    font-size: clamp(14px, 3.6vw, 16px);
    letter-spacing: .06em;
    text-transform: uppercase;
  }
  #headline-211-9 {                               /* “Kontaktujte nás” */
    font-size: clamp(32px, 12vw, 44px);
    line-height: 1.05;
    margin: 4px 0 16px;
  }

  /* řádky s ikonou a textem */
  .kontakt-items-wrap { gap: 14px; }
  .kontakt-row {
    display: grid;
    grid-template-columns: 52px 1fr;             /* ikona | text */
    align-items: center;
    column-gap: 12px;
    padding: 10px 0;
  }
  .kontakt-row .ct-code-block svg {               /* oranžové “čtverce” s ikonami */
    width: 44px !important;
    height: 44px !important;
  }
  .kontakt-row__text {                            /* adresy, telefon, e-mail… */
    font-size: clamp(16px, 4.6vw, 20px);
    line-height: 1.3;
  }

  /* “Otevírací doba” */
  #text_block-326-9 {                             /* nadpis */
    font-size: clamp(16px, 4.4vw, 20px);
    margin-top: 8px;
  }
  #text_block-329-9 {                             /* časy */
    font-size: clamp(15px, 4.2vw, 18px);
    line-height: 1.35;
  }

  /* tlačítko – na plnou šířku */
  #link-354-9 {
    width: 100%;
    justify-content: center;
    padding: 14px 18px;
    font-size: 18px;
    margin-top: 8px;
  }
}

/* Kontakt – posunout levou kolonu víc k levému okraji (jen mobil) */
@media (max-width: 768px) {
  #div_block-175-9 {                 /* .kontakt-leftCol */
    padding-left: 8px !important;    /* klidně si uprav na 0–12px podle oka */
  }

  /* pro jistotu zrušíme případné levé marginy uvnitř */
  #div_block-175-9 #div_block-209-9,
  #div_block-175-9 .kontakt-items-wrap,
  #div_block-175-9 #link-354-9 {
    margin-left: 0 !important;
  }
}
/* Mobil: menší nadpis "Kontaktujte nás" */
@media (max-width: 768px) {
  #headline-211-9 {
    font-size: clamp(26px, 6vw, 32px) !important;
    line-height: 1.2;
  }
}

/* Kontakt – rozšířit formulář jen na mobilu */
@media (max-width: 768px) {

  /* pravý sloupec + shortcode kontejner přes celou šířku */
  #div_block-176-9.kontakt-rightCol,
  #shortcode-255-9 {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* samotný WPCF7 formulář – zrušit max-width a zmenšit boční padding */
  #shortcode-255-9 .wpcf7-form {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 8px 16px !important; /* klidně 0 12px pokud chceš víc vzduchu */
    box-sizing: border-box;
  }

  /* pole skutečně na 100 % */
  #shortcode-255-9 .wpcf7-form input[type="text"],
  #shortcode-255-9 .wpcf7-form input[type="email"],
  #shortcode-255-9 .wpcf7-form input[type="tel"],
  #shortcode-255-9 .wpcf7-form input[type="submit"],
  #shortcode-255-9 .wpcf7-form textarea {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* menší svislé mezery, ať to nepůsobí „úzké“ */
  #shortcode-255-9 .wpcf7-form .form-group p {
    margin: 10px 0 !important;
  }
}
/* Kontakt – srovnat horní mezeru ve formuláři (mobil) */
@media (max-width: 768px) {
  /* zmenšit top padding celé .wpcf7-form */
  #wpcf7-f30-o1 .wpcf7-form {
    padding: 8px 16px 20px !important;   /* top | lr | bottom */
  }

  /* odstranit výchozí top margin u odstavců */
  #wpcf7-f30-o1 .wpcf7-form p {
    margin: 0 0 14px !important;         /* žádný margin nahoře */
  }

  /* pro jistotu: první .form-group už úplně bez horní mezery */
  #wpcf7-f30-o1 .wpcf7-form .form-group:first-child p {
    margin-top: 0 !important;
  }
}

/* Top header – mobil: email a telefon vedle sebe */
@media (max-width: 768px) {
  .topHeader-wrap {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
  }

  /* Každý kontakt – vodorovné zarovnání ikony a textu */
  .topNav-kontakt-item {
    display: flex !important;
    align-items: center;
    gap: 6px;
    flex: 1;
    justify-content: center;
  }

  /* Ikony – zmenšené a bez pozadí */
  .topNav-kontakt-item svg {
    width: 16px;
    height: 16px;
    fill: var(--white);
    background: none;
  }

  /* Text – menší a vyrovnaný */
  .topNav-kontakt-item-text {
    font-size: 14px !important;
    line-height: 1.3 !important;
    color: var(--white) !important;
    text-decoration: none !important;
    white-space: nowrap;
  }
}

/* MOBILE FIX – logo nesmí být absolutně pozicované */
@media (max-width:768px){
  .oxy-header-left a{
    position: static !important;   /* nebo relative; oboje OK */
    top: auto !important;
  }

  /* drobná mezera mezi logem a hamburgerem */
  #_nav_menu-8-10 .oxy-nav-menu-hamburger-wrap{
    margin-left: 10px !important;
  }

  /* pro jistotu pěkné zarovnání položek v řádku */
  #_header_row-3-10 .oxy-header-container{
    align-items: center;
    gap: 10px;                      /* mezera mezi left/center/right */
  }

  /* (volitelné) lehce zmenšit logo na menších telefonech */
  #image-7-10.logo{
    max-width: 120px;
    height: auto;
  }
}
/* MOBILE: hamburger jen v headeru mezi logem a E-shopem */
@media (max-width: 768px){

  /* rozložení 3 sloupců v headeru */
  .oxy-header-wrapper .oxy-header-container{
    display:flex; align-items:center;
  }
  #_header_left-4-10{flex:0 0 auto;}         /* logo */
  #_header_center-5-10{
    flex:1 1 auto;                           /* střed – hamburger */
    display:flex; justify-content:center;
  }
  #_header_right-6-10{flex:0 0 auto;}        /* E-shop */

  /* hamburger – žádné fixed, zůstává na svém místě */
  #_nav_menu-8-10 .oxy-menu-toggle{
    position: static !important;
    margin: 0 auto;                          /* vycentrovat mezi logem a E-shopem */
  }

  /* při otevření menu: overlay začíná POD headerem */
  .oxy-header-wrapper{ z-index:10001; }      /* header nad overlayem */
  #_nav_menu-8-10.oxy-nav-menu.oxy-nav-menu-open{
    position: fixed !important;
    left:0; right:0; bottom:0;
    top:64px;                                 /* výška mobilního headeru – uprav klidně na 56–72px */
    z-index:9990;                              /* pod headerem */
    background: linear-gradient(135deg,#042233,#0b3f5a) !important;
    display:block !important;
  }

  /* obsah menu */
  #_nav_menu-8-10 .menu-main-menu-container{ display:none; }
  /*#_nav_menu-8-10.oxy-nav-me*/

@media (max-width: 991px) {
  #div_block-193-11 {
    display: none !important;
  }
}


@media (max-width: 768px){
  body.page .ct-section-inner-wrap {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* Mobil: skrýt "Ukázky prací" všude */
@media (max-width: 768px){
  .sub-sluzby-gallery{
    display: none !important;
    margin: 0 !important;
    padding: 0 !important; /* ať po něm nezůstává mezera */
  }
}

  /* Služby: na mobilu 1 sloupec */
@media (max-width: 768px){

  /* rozbij flex/grid z builderu */
  #new_columns-52-34,
  #new_columns-73-34{
    display:block !important;
  }

  /* každá dlaždice přes celou šířku + rozestup */
  #new_columns-52-34 > .sluzbaBox,
  #new_columns-73-34 > .sluzbaBox{
    display:block !important;
    float:none !important;
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
    margin:0 0 20px 0 !important;

    height:auto !important;
    min-height:0 !important;
    overflow:hidden !important;
    border-radius:24px;        /* pokud chceš zaoblení jako na PC */
    box-sizing:border-box;
  }

  /* obrázek responsivně */
  #new_columns-52-34 .sluzbaBox-bg,
  #new_columns-73-34 .sluzbaBox-bg{
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    object-fit:cover;
  }
}

/* Služby – skrýt úvodní odstavec na mobilech */
@media (max-width: 768px){
  #div_block-49-34{           /* wrapper toho textu */
    display: none !important;
  }
}

/* Kontakt – víc doleva jen na mobilu */
@media (max-width: 768px){
  /* levý sloupec */
  #div_block-13-62.kontakt-leftCol{
    padding-left: 8px !important;     /* původně je tam velký padding */
    padding-right: 8px !important;
    margin-left: 0 !important;
  }

  /* pro jistotu zruš levé marginy vnitřních bloků */
  #div_block-13-62 #div_block-14-62,
  #div_block-13-62 .kontakt-items-wrap,
  #div_block-13-62 #link_button-34-62{
    margin-left: 0 !important;
  }

  /* pokud by padding držel i kontejner kolon */
  #new_columns-12-62.kontakt-wrap{
    padding-left: 0 !important;
  }
}

/* Dlaždice kontaktů pod sebou */
@media (max-width: 1024px){ /* nebo 768px podle toho, kdy se má zlomit */
  #new_columns-6-62.sub-kontakt-boxes-wrap{
    display: flex !important;
    flex-direction: column !important;
    gap: 20px; /* mezera mezi boxy */
  }
  
  /* Každý box na 100% šířky */
  #new_columns-6-62.sub-kontakt-boxes-wrap > .kontaktBox{
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 768px) {
  #link-345-9 {
    position: relative;
    top: -10px; /* posun jen tlačítka */
  }
}





  /* —— OXYGEN MOBILE MENU: tvrdý overlay fix — vlož NAKONEC stylesheetu —— */
@media (max-width: 1024px){
  :root{ --hdr: 64px; } /* uprav na skutečnou výšku headeru (56–72px) */

  /* nic neřež: obaly headeru nesmí mít overflow:hidden */
  .oxy-header-wrapper,
  .oxy-header-container,
  #_header_center-5-10{
    overflow: visible !important;
    z-index: 1000;
  }

  /* hlavní kontejner menu: Oxygen ho často dává na display:none/height:0 */
  #_nav_menu-8-10.oxy-nav-menu-open .menu-main-menu-container{
    display: block !important;
    position: fixed !important;       /* nezávislé na rodičích */
    left: 0; right: 0;
    top: var(--hdr);                   /* začíná pod headerem */
    bottom: 0;
    background: #fff !important;
    z-index: 10000 !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
    padding: 8px 12px;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* přetlač i případné inline styly typu display:none */
  #_nav_menu-8-10.oxy-nav-menu-open .menu-main-menu-container[style]{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* základní vzhled položek (pro případ, že jsou defaultně „schované“) */
  #_nav_menu-8-10 .oxy-nav-menu-list{ margin:0; padding:6px 0; list-style:none; }
  #_nav_menu-8-10 .oxy-nav-menu-list > li{ border-bottom:1px solid rgba(0,0,0,.08); }
  #_nav_menu-8-10 .oxy-nav-menu-list a{ display:block; padding:12px 16px; }

  /* submenu klidně rovnou otevři, ať máme jistotu viditelnosti */
  #_nav_menu-8-10.oxy-nav-menu-open .sub-menu{
    display:block !important;
    padding-left:12px;
  }
}

/* MOBILE: jen top-level položky, bez hoveru, černý text */
@media (max-width: 991px){

  /* Panel menu: ujisti se, že je vidět, když je nav otevřený */
  #_nav_menu-8-10.oxy-nav-menu-open .menu-main-menu-container{
    display: block !important;
    background: #fff !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Skryj veškeré submenu za všech okolností (i při :hover) */
  #_nav_menu-8-10 .sub-menu,
  #_nav_menu-8-10 li:hover > .sub-menu,
  #_nav_menu-8-10 .menu-item-has-children:hover > .sub-menu{
    display: none !important;
  }

  /* Zruš šipky/indikaci dropdownu u rodičů */
  #_nav_menu-8-10 .menu-item-has-children > a::after{
    content: none !important;
  }

  /* Černý text položek + žádné hover barvy/efekty */
  #_nav_menu-8-10 .oxy-nav-menu-list a,
  #_nav_menu-8-10 .oxy-nav-menu-list a:hover,
  #_nav_menu-8-10 .oxy-nav-menu-list a:focus,
  #_nav_menu-8-10 .oxy-nav-menu-list a:active{
    color: #000 !important;
    background: transparent !important;
    text-decoration: none !important;
    text-shadow: none !important;
  }

  /* Mezera a oddělovače pro top-level (volitelné) */
  #_nav_menu-8-10 .oxy-nav-menu-list{
    margin: 0; padding: 8px 0; list-style: none;
  }
  #_nav_menu-8-10 .oxy-nav-menu-list > li{
    border-bottom: 1px solid rgba(0,0,0,.08);
  }
  #_nav_menu-8-10 .oxy-nav-menu-list > li > a{
    display: block; padding: 12px 16px;
  }
}




  /* ——— O NÁS: MOBILE FIX ——— */
@media (max-width: 768px){

  /* padding sekce + šířky */
  #section-4-60 .ct-section-inner-wrap{ padding:24px 16px !important; }

  /* sloupce nad/pod sebe, nejdřív text, pak obrázek s A T I L O V */
  #new_columns-5-60{ display:block !important; }
  #div_block-27-60.about-rightCol{ order:1; width:100% !important; max-width:100% !important; margin-bottom:16px; }
  #div_block-6-60.about-leftCol{ order:2; width:100% !important; max-width:100% !important; }

  /* podpis „ATILOV“ – z karty uděláme čitelný blok nad obrázkem */
  .atilov-sign-wrap{
    position: static !important;
    transform: none !important;
    background: rgba(0,28,57,.75);
    backdrop-filter: blur(3px);
    padding: 12px 16px;
    border-radius: 12px;
    margin: 0 0 12px 0;
  }
  .atilov-sign-item{ display:grid; grid-template-columns:28px 1fr; align-items:center; column-gap:10px; padding:6px 0; }
  .atilov-sign-item__letter{ font-size:22px; line-height:1; margin:0; color:#fff; font-weight:700; }
  .atilov-sign-item__text{ font-size:16px; line-height:1.3; color:#fff; }

  /* obrázek plná šířka */
  #image-26-60{ display:block; width:100% !important; height:auto !important; max-width:100% !important; border-radius:12px; }

  /* nadpisy a text vpravo */
  #text_block-29-60.smolHeading{ font-size:14px; letter-spacing:.06em; text-transform:uppercase; }
  #headline-30-60{ font-size:clamp(28px, 8vw, 36px); line-height:1.1; margin:6px 0 12px; }
  #text_block-31-60{ font-size:16px; line-height:1.5; }

  /* tlačítko přes celou šířku */
  #link-158-60{ display:flex; width:100%; justify-content:center; margin-top:12px; }

  /* BENEFITY – stacked seznam */
  #new_columns-33-60.vyhody-wrap{ display:grid !important; grid-template-columns:1fr; gap:14px; margin-top:14px; }
  #text_block-35-60 div{ text-align:center !important; }
  .vyhody-item{ display:grid; grid-template-columns:48px 1fr; align-items:start; gap:12px; padding:10px 0; }
  .vyhody-item svg{ width:40px !important; height:40px !important; }
  .vyhoda-item-text{ font-size:18px; margin:0; }
  .vyhoda-item-text-desc{ font-size:15px; opacity:.9; }

  /* ABOUT BLOCK (text + galerie z code-blocku) */
  .about-block .ab-wrap{ display:grid; grid-template-columns:1fr; gap:16px; }
  .about-block .ab-text h2{ font-size:clamp(22px, 7vw, 28px); margin:0 0 6px; }
  .about-block .ab-text p{ font-size:16px; line-height:1.5; margin:0; }
  .about-block .ab-gallery{ display:grid; grid-template-columns:repeat(2, 1fr); gap:8px; }
  .about-block .ab-item img{ display:block; width:100%; height:auto; border-radius:8px; }

  /* (bezpečnost) lightbox skryj, pokud se nepoužívá */
  .about-block .lb[hidden]{ display:none !important; }

  /* CTA banner drobnosti */
  #section-48-60 .ct-section-inner-wrap{ padding:20px 16px; text-align:center; }
  #headline-53-60{ font-size:clamp(26px, 8vw, 34px); }

  /* Patička – sloupce pod sebe */
  .site-footer .f-wrap{ display:grid; grid-template-columns:1fr; gap:20px; padding:16px; }
  .site-footer .f-col{ width:100% !important; max-width:100% !important; }
  .site-footer .f-logo{ width:120px; height:auto; }
}

  /* ——— O NÁS: lepší čitelnost „ATILOV“ + zarovnání nadpisu ——— */
@media (max-width: 768px){

  /* ATILOV – výrazná karta, bílé písmo, větší písmo, lepší gapy */
  #div_block-7-60.atilov-sign-wrap{
    position: static !important;
    transform: none !important;
    background: rgba(0, 28, 57, 0.9) !important;  /* tmavší podklad pro kontrast */
    color: #fff !important;
    padding: 16px 16px !important;
    border-radius: 14px;
    box-shadow: 0 6px 22px rgba(0,0,0,.22);
    backdrop-filter: none !important;
    margin: 0 0 12px 0 !important;
    z-index: 1;
  }
  #div_block-7-60 .atilov-sign-item{
    display: grid;
    grid-template-columns: 32px 1fr;
    align-items: center;
    column-gap: 12px;
    row-gap: 6px;
    padding: 6px 0;
  }
  #div_block-7-60 .atilov-sign-item__letter{
    color: #fff !important;
    font-size: 28px !important;
    line-height: 1 !important;
    font-weight: 800;
    margin: 0;
    text-shadow: 0 1px 2px rgba(0,0,0,.35);
  }
  #div_block-7-60 .atilov-sign-item__text{
    color: #fff !important;
    font-size: 16.5px !important;
    line-height: 1.35 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.28);
    margin: 0;
  }
  /* ať fotka jde hezky pod kartu a nepřekryje ji */
  #image-26-60{
    display: block;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    border-radius: 12px;
    margin-top: 12px !important;
  }

  /* „Proč si vybrat nás?“ — na střed i přes inline style */
  #text_block-35-60,
  #text_block-35-60 > div{
    text-align: center !important;
  }
}


  /* O NÁS – mobil: skrýt fotku a rozšířit ATILOV kartu */
@media (max-width: 768px){

  /* 1) schovej obrázek */
  #image-26-60{
    display: none !important;
  }

  /* 2) ať se sloupce nesnaží být vedle sebe */
  #new_columns-5-60{
    display: block !important;
  }
  #div_block-6-60.about-leftCol{
    width: 100% !important;
    max-width: 100% !important;
  }

  /* 3) ATILOV karta přes celou šířku + čitelnost */
  #div_block-7-60.atilov-sign-wrap{
    position: static !important;
    inset: auto !important;
    transform: none !important;

    width: 100% !important;
    margin: 0 0 16px 0 !important;
    padding: 18px 16px !important;

    background: linear-gradient(180deg, #0B4E78 0%, #062537 100%) !important;
    color: #fff !important;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0,0,0,.18);
  }

  /* rozumné rozvržení položek: písmeno | text */
  #div_block-7-60 .atilov-sign-item{
    display: grid;
    grid-template-columns: 36px 1fr;
    align-items: center;
    gap: 10px 12px;
    padding: 6px 0;
  }
  #div_block-7-60 .atilov-sign-item__letter{
    font-size: 28px !important;
    line-height: 1 !important;
    font-weight: 800;
    color: #fff !important;
    margin: 0;
    text-shadow: 0 1px 2px rgba(0,0,0,.35);
  }
  #div_block-7-60 .atilov-sign-item__text{
    font-size: 17px !important;
    line-height: 1.35 !important;
    color: #fff !important;
    margin: 0;
    text-shadow: 0 1px 1px rgba(0,0,0,.28);
  }

  /* drobný padding sekce pro lepší okraje */
  #section-4-60 .ct-section-inner-wrap{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}


.wpcf7-form-control.wpcf7-select {
  width: 100%;        /* roztáhne se na celou šířku rodiče */
  max-width: 100%;    /* nedovolí přetéct */
  box-sizing: border-box; /* započítá padding do šířky */
  white-space: normal;    /* umožní zalomení dlouhých textů */
}