@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700;800&display=swap');
:root{
  --c-text: #160300;

  --c-blue:  #95e5fe;
  --c-green: #a5e8d0;
  --c-orange:#ffd6b5;
  --c-pink:  #f9bbea;

  --radius: 12px;
  --gap: 32px;
}
  

html{text-rendering:optimizeLegibility;overflow-x:hidden !important;}
*{margin:0;padding:0;position:relative;letter-spacing:.2px;}
*::selection{background:#c6e6ff;color:#e85220;}
*, :after, :before {-webkit-box-sizing: border-box;box-sizing: border-box;background-repeat: no-repeat;}
body{background:#fff;min-width:300px !important;font-size:15px;overflow:hidden; font-family: "Poppins", sans-serif; font-weight:unset;padding:0px 0 0 0;color:#4f4f4f;}
.c{width:25px;height:25px;position:fixed;z-index:99999999999999999999;bottom:0;right:0;transition:300ms;cursor:pointer;}
.big{font-size:120%; }
.button{display:inline-block; }
h1,h2,h3,h4,h5,h6,p,li,input,textarea,select,button,.button,.perex{line-height:1.4em;}
h1,h2,h3,h4,h5,h6{color:#000; ;letter-spacing: 1.2px;}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{color:#205092;}
input[type="submit"],button,.button{cursor:pointer; padding:0.4em 1em; text-transform:uppercase; }
p{font-size:16px;color:#535353;line-height:25px;} 
a[href^="#error:"]{background:red; color:white;}
a:link,a:visited{color:#177ad1;text-decoration:underline;}
a:hover{color:#000;text-decoration:underline;}
p a{color:#181849;text-decoration:underline;}
p a:hover{text-decoration:underline;color:#000;}
p strong{font-weight:600;}
strong{font-weight:600;} 
audio{display:none !important;}
.clr{clear:both;}
.wrapper{max-width:1366px;margin:0 auto;text-align:left;position:relative;} 
.btn{border:0 none;text-decoration:none;}
.fancybox-navigation{top:50%;}
#ajax-spinner{margin:15px 0 0 15px; padding:13px; background:white url('../images/spinner.gif') no-repeat 50% 50%; font-size:0; z-index:123456; display:none;}
.flash{background:#1468dc;width:100%;display:block;margin:0;position:absolute;top:0px;z-index:9999999999999999999999999999999999999;text-align:center;color:#fff;font-size:18px;padding:20px;opacity:1;}
.flash a,.flash a:link,.flash a:visited{font-weight:bold;color:#fff;text-decoration:underline;}
.flash a:hover{color:#c0f2ff;}
.flash{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both; -webkit-animation-name:flash;animation-name:flash;-webkit-transform-origin:center bottom;transform-origin:center bottom;}
@-webkit-keyframes flash{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
                         40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}
                         70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}
                         90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}
}
@keyframes flash{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
                 40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}
                 70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}
                 90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}
}
 
/*scoll to TOP*/
#totop{position:fixed;right:20px;bottom:70px;width:50px;height:50px;cursor:pointer;transition:opacity 500ms;opacity:0;z-index:999999999999999999;} 
 
 
.btn.btn-default {
    display: block;z-index: 5;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 15px;  
    background-color: #e85220;
    background: #e85220;
    font-weight: 600;
    letter-spacing: .05em;
    min-width: 160px;
    line-height: 60px;
    height: 60px;
    padding: 0 30px;
    position: relative;
    cursor: pointer;
    border-radius: 4px;
    text-align: center;color:#fff;text-decoration: none;
    overflow: hidden;
    border: 0;color:#fff !important;    width: max-content;
}
 .btn.btn-default:hover {background:#000;color:#fff !important;}



a[href$='.pdf']::before{  
    padding-left: 24px;content:'';width:16px;height:16px;display:inline-block; top:2px; position:relative;
    background: url('../img/pdf-icon.svg') center left no-repeat;  
} 


 
/*menu*/
nav{padding:0 !important;margin:0 !important;height:auto;display:block;width:100%;border-radius:0px !important;z-index:99 !important;text-align:center;background:#fff !important;border:none; }
nav li a{text-decoration:none !important;color:#000000 !important;padding:10px 15px 10px;display:inline-block;text-transform:unset;font-size:16px;} 
nav li a img{height:16px;top:-2px;}
/*nav li.itemActive a{background:#f1f1f1;}
nav li:hover a{background:#f3eeee;}*/
nav li:hover a{color:#177ad1 !important;}
nav ul.float-right li a img{margin:0 8px 0 0;height:20px;transition:300ms;}
nav ul.float-right li a{ transition: 400ms;}
nav ul.float-right li a:hover{color:#314a8d !important;transition: 400ms;}
#header a.showMobile{display:none !important;}
#header a.showMobile span{top:2px;}
#header a.showMobile{color:#177ad1 !important;transition: 300ms;margin-left:30px;}
#header a.showMobile:hover{color:#000 !important;transition: 300ms;}
#header a.showMobile img {
    height: 26px;
    opacity: 1;
    transform: scale(1);
    transition: 400ms;
    margin: 0 10px 0 0;
}

nav ul.float-right li a img{height: 26px;opacity: 1;transform: scale(1);transition: 400ms;margin:0 16px 0 0;}
nav ul.float-right li a:hover img{opacity: 0.8;transform: scale(1.2);transition: 100ms;}
nav ul.float-right li a:hover{color:#000 !important;transition: 100ms;} 
.navbar-toggler{margin:10px 20px;z-index:999999999999999;display:none;        position: absolute;
        right: 0px;
        width: 50px;}
.navbar-toggler span{display:block;width:22px;height:2px;border-radius:1px;margin:5px 0;background:#e85220;}
#navbarNav{padding:20px 0;}
.navbar-brand{ display:block;margin:0;padding:0;}
.navbar-brand img{    margin-top: 10px;
    height: 60px;}
.dropdown-toggle::after{color:#000;}
 
/*/
menu*/
 

ul.dropdown-menu.show a{color:#000 ! important;}
ul.dropdown-menu.show::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #fff;
    border-right: 8px solid transparent;
    top: -8px;    position: absolute;
    left: 15%;
    -webkit-transform: translateX(-15%);
    transform: translateX(-15%);
}
ul.dropdown-menu.show {
    width: 100%;
    display: block;
    min-width: 280px;
    background: #fff;
    -webkit-box-shadow: 0 10px 50px 0 rgb(0 34 54 / 20%);
    box-shadow: 0 10px 50px 0 rgb(0 34 54 / 20%); 
    padding: 40px 25px;
    -webkit-transition: opacity 500ms;
    transition: opacity 500ms;
    top: 115%;border:0;
}



ul.dropdown-menu.show  li a{font-size:14px;width: 190px;
                            float: unset;
                            position: relative;
                            top: 0;
                            left: 30px;}
ul.dropdown-menu.show  li:before{content:"";display:inline-block;width:8px;height:8px;margin:0 5px 0 15px;background:#177ad1;transition:300ms;    position: absolute;
                                 top: 18px;
}
ul.dropdown-menu.show  li:hover{background:#f9f9f9;}
ul.dropdown-menu.show  li:hover:before{margin:0 5px 0 20px;transition:300ms;}
ul.dropdown-menu.show  li.dropdown-submenu .dropdown-menu{display:block;position:static;border:0;margin-left:35px;padding-top:0;padding-bottom:0;}
/*layout*/
 
 
  

#rychlyKontakt{background:#181849;display:block;padding:35px 0;width:100%;}
#rychlyKontakt strong{color:#fff;font-weight:bold;font-size:23px;}
#rychlyKontakt strong span{color:#40baff !important;padding:0;line-height:unset;}
#rychlyKontakt img{max-height:60px;float:left;margin:0 20px 20px 0;}
#rychlyKontakt span{display:block;color:#fff;line-height:15px;padding-top:8px;}


#kontaktniFormular{padding:50px;min-height:500px;margin-top:50px;}
#kontaktniFormular{background:#dfeffd;color:#fff;}
#kontaktniFormular .inputs.col-sm-6,#kontaktniFormular .col-sm-12{padding:0 0 3px !important;float:left;margin-bottom: 10px;}
#kontaktniFormular form .col-12{ padding:0 5px;display:block;}
#kontaktniFormular form p{font-size:16px;color:#fff;margin-bottom:20px;text-align: center;}
#kontaktniFormular label{width:100%;}
#kontaktniFormular .form-control{border:0;border-radius:2px;font-size:16px;width:100%;height:auto;text-align: left;}
#kontaktniFormular input{padding:10px 15px;}
#kontaktniFormular textarea{padding:10px 15px;height:80px !important;margin:0 5px;width:-webkit-fill-available !important;}
#kontaktniFormular .btn.btn-default.btn-green2{background:#205092; font-size:16px !important;line-height:unset !important;}
#kontaktniFormular .btn.btn-default.btn-green2:hover {background:#92d400;}
#kontaktniFormular h3{display:block;padding:0 0 10px;text-align: center !important;font-weight:900;}
#kontaktniFormular .buttons{text-align:center;}
#kontaktniFormular *{text-align:center;}
#kontaktniFormular .g-recaptcha div{margin:0 auto;}

 
#footer{background:#0b0b0b;padding:120px 0 50px;}
#footer .container.row strong.nadpis{display:block;color:#fff;font-weight:800;font-size:30px;margin:12px 0;padding:0 0 12px;}
#footer .container.row p{display:block;color:#8c9fb1;line-height:32px;margin:0 0 25px;font-size:15px;}
#footer .container.row p strong{color:#fff !important;font-weight:none;}
#footer .container.row p span{display:inline-block;min-width:80px;}
#footer img.footerLogo{max-width:330px;clear:both;display:block;padding:3px;margin:0 auto 45px;}
#footer hr{width:100%;display:block;border-top:1px solid rgba(255,255,255,0);}
#footer img.footerTelefon{display:inline-block;width:30px;margin:0 12px 0 0;top:-2px;}
#footer strong.footerCislo{color:#fff;font-size:26px;top:5px;}
#footer span.footerVolejte{display:block;text-transform:uppercase;color:#5dace3;font-size:14px;left:47px;top:2px;margin:0 0 25px;font-weight:700;}
#footer ul li{color:#8c9fb1;line-height:25px;font-size:13px;list-style:none;}
#footer ul li a{color:#8c9fb1;text-decoration:none;font-weight:unset;}
#footer a:hover{color:#fff !important;}
#footer #clientCopy{color:#8c9fb1 !important; transition:500ms;font-size:13px;text-decoration:none;font-weight:300;float:left;}
/*#footer .btn:hover{background:#3395cc;}
#footer .btn{background:#40baff;padding:12px 25px;color:#fff !important;text-decoration:none;text-transform: uppercase;font-size:14px;}*/
#footer .bigCTA{font-size:26px;text-decoration: none;color:#92d400;font-weight:bold; }
#footer .btn-dark{background:#282a2c;}
#footer .btn-dark:hover{background:#000;}
#footer .btn.btn-default:hover{background:#e85220BB;}
#footer a{color:#fff;font-weight:unset;}
#footer a.btn span{font-weight:600;}
#footer span.openerDialog{font-weight:800;}
#footer a.btn.btn-default img {
    margin: 0 8px 0 0;
    height: 20px;
    transition: 300ms;top:-2px;
}
/*#footer a.btn.btn-default:hover{background:#3395cc;color:#fff !important;transition:300ms;}
#footer a.btn.btn-default{ 
    background: #40baff;
    padding: 10px 25px !important;
    color: #fff !important;
    font-size: 14px;
    text-decoration: none;
    transition: 500ms;
    font-weight: 700;
    border-radius: 8px; 
    text-transform: unset;
}*/

#footer .hexagon{background: url('../img/hexagon-social.svg') no-repeat; text-decoration: none;
                 margin: 0 5px 0 0;
                 display: inline-block;
                 padding: 5px 0 0 6px;
                 height: 30px;
                 width: 30px;
                 transition: 300ms;} 
#footer .hexagon img{height:16px;top:-5px;transition:300ms;}  
#footer .hexagon:hover{top:-5px;transition:300ms;}
#footer .pridaneMenu{float:left;text-align:left;padding-left:25px;margin-bottom: 0;}
#footer .pridaneMenu li{display:inline-block;padding:18px 0 18px 25px;}
#footer .pridaneMenu li:after{content:"|";display:inline-block;padding-left:25px;}
#footer .pridaneMenu li:last-child:after{display:none!important;}

#footer #sberKontaktu{background:#404448;padding:35px;text-align: center;color:#fff;position:relative;top:-100px;border-radius: 3px;}
#footer #sberKontaktu small{color:#bbb;max-width:900px;display:block;margin:15px auto 0;}
#footer #sberKontaktu h3{color:#fff;font-weight:600;font-size:19px;text-transform: unset;}
#footer #sberKontaktu .form-group{width:500px;display:block;margin:20px auto 10px;}
#footer #sberKontaktu .form-group:after{clear:both;content:"";display:block;width:100%;}
#footer #sberKontaktu input[type=text]{width:calc( 100% - 133px );float:left;height:50px;border-radius:3px 0 0 3px;color:#000;padding:6px 12px 6px 25px;}
#footer #sberKontaktu input[type=submit]{width:131px;float:left;height:50px;border-radius:0 3px 3px 0;}

#footer #footerPartneri{padding:0 35px;}
#footer #footerPartneri strong{font-size:12px;text-transform: uppercase;color:#8c9fb1bb;display:block;text-align: left;margin-top:60px;}
#footer #footerPartneri ul li{display: inline-block;vertical-align:middle;margin:0 32px 0 0;}
#footer #footerPartneri ul li img{width:80%;transition:500ms;max-height:90px;max-width:160px;}
#footer #footerPartneri ul li img:hover{filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);transition:300ms;}
#footer #footerPartneri ul{text-align:left;margin:32px 0;}

#footer #footerLinkBottom{padding-top:100px !important;margin:0;padding:0;width:100%;display:block;}
#footer #footerLinkBottom li{display:inline-block;margin:0 32px;}
#footer #footerLinkBottom li:first-child{margin:0 32px 0 10px;}



 
#galerie img{width:100%;}
#galerie .col-sm-12{padding:0;margin:0 0 25px;overflow:hidden;}
#galerie .col-sm-12 img{padding:0;margin:0;transition:500ms;transform:scale(1);}
#galerie .col-sm-12 a{width:100%;height:100%;display:block;overflow:hidden;}
#galerie .col-sm-3:hover .col-sm-12 img{transition:500ms;transform:scale(1.2);}
#galerie .col-sm-3{margin:0;overflow:hidden;} 
 
.alert{border-radius:2px;border:0;}
#footer ul{padding-left:0;}
/**/
 



.ui-widget-overlay{background:#232424dd;z-index:999999;opacity:1;}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable{width:100% !important;max-width:600px;padding:0;border-radius:0;border:0;text-align:center;font-weight:400;z-index:999999999999999;}
.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle{border-radius:0;background: #181849;;border:0;padding:16px 30px;font-size:18px;color:#fff;}
.ui-dialog .ui-dialog-titlebar-close{background: none !important;border: none !important;top:33% !important;right:20px;}
.ui-dialog .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-close:hover {padding: 0 !important;}
.ui-dialog .ui-dialog-titlebar-close{background-image: url(../img/close.png) !important;background-position: left top !important;margin: 0 !important;width: 20px !important;height: 20px !important;background-size: 20px !important;} 
.ui-dialog .ui-dialog-content{padding:0 0  30px;z-index:999999999999999;}
.ui-dialog .ui-dialog-title{text-align:left;}
#dialog h2{margin:25px 0 0 ;}
#dialog p{margin:0 0 25px 0 ;}
#dialog label{display:inline-block;font-size:15px;}
#dialog input[type=text], #dialog input[type=email], #dialog textarea{border-radius:3px;padding:12px 20px;border:1px solid #cbcdd1;width:100%;max-width:420px;display:block;margin: 0 auto 25px;font-size:15px;color:#495057;font-weight:300;}
#dialog input[type=checkbox]{width:auto;margin:0 10px 0 0;display:inline-block;}
#dialog a{color:#d50f48;}
#dialog a:hover{color:#000;}
#dialog .btn{margin:35px 0 10px;}
#dialogBgHeader img{width:100%;display:block;}
#dialog #frm-laparfaitContactForm-form-captcha{margin:10px auto;display:inline-block;}

 

#blog{text-align: center}
#blog .col-sm-12{width:33%;display:inline-block;flex-direction: column;text-decoration: unset;border-radius: 10px;}
#blog .col-sm-12 img{width:100%;}
#blog .newsRingHidden{height:180px;overflow: hidden;}
#blog strong{display:block;width:100%;padding:35px 50px;font-size: 20px;font-weight: 600;color: #000;text-decoration: unset;text-align: left;}
#blog strong:hover{text-decoration: underline;}
#blog .btn.btn-silver{padding:15px 25px;margin-bottom: 35px;text-align: unset;color:#177ad1;text-decoration: none;}
#blog .btn.btn-silver:hover{color:#0f5899;text-decoration: underline;}
#blog h3{margin-bottom: 25px;}
  

.socialni-site a {text-decoration: none;}
.socialni-site a:hover {text-decoration: none;}
.socialni-site a img{height: 30px;filter: brightness(0) invert(1);width: 30px;-webkit-filter: brightness(0) invert(1);}


#header{z-index: 10;margin:13px 0 0 0;}

#static-slider{position: relative;min-height:460px;width: 100%;z-index: 1;margin:20px auto 0;}
#static-slider .static-slider-bg{background:transparent url(/img/static-slider-bg.jpg) center center no-repeat;display:block;position: absolute;width:100%;height:100%;}
#static-slider .static-slider-bagr{top:-22px;position: relative;}
#static-slider .static-slider-bagr img{width: 100%;height: auto;}
#static-slider .static-slider-text{padding:105px 26px;}
#static-slider .static-slider-text h1{color:#fff;margin-bottom: 40px;font-size: 2.0rem;}
#static-slider .static-slider-text h1 strong{color:#fff;}
#static-slider .static-slider-text p{color:#fff;font-size:20px;margin-bottom: 60px;}

#main{background:#f6f4f0;padding: 60px 0 40px;}
 

.benefits{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  font-family:'Poppins',sans-serif;
  padding: 40px 0 60px;
}

.flip-card{
  display:block;
  text-decoration:none;
  border-radius:8px;
  perspective:1100px;
  outline:none;
}

.flip-card-inner{
  position:relative;
  display:block;
  border-radius:8px;
  min-height:200px;
  transform-style:preserve-3d;
  transition:transform .6s cubic-bezier(.2,.8,.2,1);
}

.flip-card:hover .flip-card-inner,
.flip-card:focus-visible .flip-card-inner{
  transform:rotateY(180deg);
}

.flip-card-face{
  position:absolute;
  inset:0;
  border-radius:8px;
  overflow:hidden;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  padding:30px 24px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  text-align:center;
}

.flip-card-front{
  background:#ffffff;
  color:#160300;
}

.front-icon{
  font-size:44px !important;margin-bottom: 40px;
  color:#e85220; 
}

.front-text{
  margin:0;
  line-height:1.25;
  font-size:18px;
}

.front-text strong{
  font-weight:600;margin:0 4px;
}

.flip-card-back{
  background:#e85220;
  color:#ffffff;
  transform:rotateY(180deg);
}

.flip-card-back p{color:#fff;font-size:21px;}
.flip-card-back p strong{color:#fff !important;}
.flip-card-back span.material-icons-outlined{font-size: 284px;}

.back-text{
  margin:0;
  position:relative;
  z-index:2;
  line-height:1.25;
  font-size:18px;
}

.back-text strong{
  display:block;
  font-weight:600;
}

.back-text span{
  display:block;
  font-weight:400; 
}
 
.back-icon{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%); 
  opacity:.18;
  color:#ffffff;
  z-index:1;
  pointer-events:none;
}

/* Tablet */
@media (max-width:1250px){
    #static-slider .static-slider-text{padding: 55px 26px;}
}
@media (max-width:1024px){
  .benefits{ grid-template-columns:repeat(2,1fr); }
  #static-slider .static-slider-text{padding: 35px 26px;}
  #static-slider .static-slider-bagr img{display:none;}
  .static-slider-text.col-6{width:100%;text-align: center;}
  .static-slider-text.col-6 .btn.btn-default{margin:0 auto;}
  #static-slider .static-slider-bg{height:auto;}
  #static-slider{margin:0 auto;}
}

/* Mobil */
@media (max-width:640px){
  .benefits{ grid-template-columns:1fr; }
  .flip-card-inner{ min-height:140px; }
  .front-text,.back-text{ font-size:16px; }
  .back-icon{ font-size:150px; }
}

/* Respekt pro uživatele s omezením animací */
@media (prefers-reduced-motion:reduce){
  .flip-card-inner{ transition:none; }
  .flip-card:hover .flip-card-inner,
  .flip-card:focus-visible .flip-card-inner{ transform:none; }
}


/* ================
   Grid wrapper
================ */
.services{ 
  margin: 0 auto;
  padding: 40px 0;
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--gap);
}

/* ================
   Card
================ */
.service-card{
  border-radius: var(--radius);
  overflow:hidden;
  display:grid;
  grid-template-columns: 1.1fr 1fr;
  min-height: 320px;
}

/* levá část */
.service-content{
  padding: 60px 32px 32px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap: 18px;
}

.service-content h3{
  font-size: 22px;
  line-height: 1.25;
  letter-spacing: -0.2px;
  color: var(--c-text);
}

.service-content h3 strong{
  font-weight: 800; /* Poppins ExtraBold */
}

.service-content ul{
  list-style: disc;
  padding-left: 20px;
}

.service-content li{
  font-size: 15px;
  line-height: 1.65;
  margin-bottom: 8px;
  color: var(--c-text);
}

/* pravá část */
.service-image{
  position:relative;
  background:#fff;
}

.service-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* ================
   Barevné varianty
================ */
.service-card.blue{  background: var(--c-blue); }
.service-card.green{ background: var(--c-green); }
.service-card.orange{background: var(--c-orange); }
.service-card.pink{  background: var(--c-pink); }

/* ================
   Responsivita
================ */
@media (max-width: 1024px){
  .services{ grid-template-columns: 1fr; }
}

@media (max-width: 640px){
  .service-card{
    grid-template-columns: 1fr;
    min-height: unset;
  }

  .service-image{
    height: 220px;
  }

  .service-content{
    padding: 26px 22px;
  }

  .service-content h3{
    font-size: 20px;
  }
}

.about-build{
    display:grid;
    grid-template-columns: 1fr 1fr;
    min-height: 520px;
    background:#fff;
}

/* ===== Levá část ===== */
.about-left{
    padding: 80px 72px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.about-left h2{
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-size: 36px;
    line-height: 1.25;
    margin-bottom: 40px;
    color:#000;
}

/* boxy */
.about-box{
    background:#ecf9f5;
    border-radius: 12px;
    padding: 34px 24px 24px 56px;
    margin-bottom: 20px;
    position:relative;
}

.about-box p{
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    line-height: 1.65;
    color:#160300;
}

/* check ikonka */
.about-box .check{
    position:absolute;
    left:20px;
    top:34px;
    width:24px;
    height:24px;
    border-radius:50%;
    background:#19b18c;
}

.about-box .check::after{
    content:"";
    position:absolute;
    left:9px;
    top:6px;
    width:6px;
    height:10px;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    transform:rotate(45deg);
}

/* tlačítko */
.about-btn{
    display:inline-block;
    margin-top: 24px;
    padding: 14px 28px;
    border:2px solid #d9d9d9;
    border-radius: 10px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color:#000 !important;
    text-decoration:none !important;
    width:max-content;
    transition: all .2s ease;
}

.about-btn:hover{
    border-color:#19b18c;
    color:#19b18c;
}

/* ===== Pravá část ===== */
.about-right{
    background-size:cover;
    background-position:right;
    position:relative;
}
.about-right img {
    width: 100%;height: auto;right:-30px;position: absolute;bottom: 0;
}
/* ===== Responsivita ===== */
@media (max-width: 1024px){
    .about-build{
        grid-template-columns: 1fr;
    }

    .about-right{
        display: none;
    }
    .about-right img{
        display:none;
    }

    .about-left{
        padding: 60px 40px;
    }
}

@media (max-width: 640px){
    .about-left h2{
        font-size: 28px;
    }

    .about-left{
        padding: 48px 24px;
    }
}


#poptavkovyFormular{
    font-family: "Poppins", sans-serif;
    padding: 70px 20px 80px;
    background: #fff;
}

#poptavkovyFormular h2{
    text-align:center;
    font-weight: 600;              /* Poppins Bold */
    font-size: 30px;
    line-height: 1.2;
    color:#000;
    margin: 0 0 46px;
}

/* ---- GRID ---- */
#poptavkovyFormular form{
    max-width: 1180px;
    margin: 0 auto;
}

#poptavkovyFormular .form-grid{
    display:grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    align-items: start;
}

/* full řádek */
#poptavkovyFormular .form-grid .full{
    grid-column: 1 / -1;
}

/* centrum pro submit */
#poptavkovyFormular .form-grid .center{
    display:flex;
    justify-content:center;
}

/* ---- INPUTS / TEXTAREA ---- */
#poptavkovyFormular input[type="text"],
#poptavkovyFormular input[type="email"],
#poptavkovyFormular input[type="tel"],
#poptavkovyFormular textarea{
    width:100%;
    border: 1px solid #e9e9e9;
    background:#efefef;
    border-radius: 6px;
    padding: 22px 25px;
    font-size: 15px;
    line-height: 1.2;
    color:#160300;
    outline: none;
    transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

#poptavkovyFormular textarea{
    min-height: 190px;
    resize: vertical;
    padding: 22px 25px;
}

/* placeholder */
#poptavkovyFormular input::placeholder,
#poptavkovyFormular textarea::placeholder{
    color:#6f6f6f;
}

/* focus */
#poptavkovyFormular input:focus,
#poptavkovyFormular textarea:focus{
    background:#f3f3f3;
    border-color:#cfcfcf;
    box-shadow: 0 0 0 4px rgba(232, 82, 32, 0.12); /* jemný zelený ring */
}

/* ---- CHECKBOX ŘÁDEK ---- */
#poptavkovyFormular .form-row.checkbox{
    display:block;
    margin-top: 2px;
}

/* v HTML je label uvnitř labelu – ošetření layoutu tak, aby to vypadalo čistě */
#poptavkovyFormular .form-row.checkbox > label{
    display:flex;
    align-items:flex-start;
    gap: 9px;
    cursor:pointer;
    user-select:none;
    color:#6b6b6b;
    font-size: 15px;
    line-height: 1.6;
}

/* schovat default checkbox, udělat vlastní */
#poptavkovyFormular .form-row.checkbox input[type="checkbox"]{
    position:absolute;
    opacity:0;
    width:1px;
    height:1px;
}

#poptavkovyFormular .form-row.checkbox.full span{top:5px;}

/* vlastní box */
#poptavkovyFormular .form-row.checkbox > label::before{
    content:"";
       flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background:#efefef;
    border: 1px solid #e0e0e0;
    margin-top: 2px;
}

/* fajfka */
#poptavkovyFormular .form-row.checkbox > label::after{
    content:"";
    position: absolute;
    left: 11px;
    top: 4px;
    width: 11px;
    height: 23px;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    transform: rotate(45deg);
}

/* checked stav */
#poptavkovyFormular .form-row.checkbox input[type="checkbox"]:checked + span{
    color:#4b4b4b;
}

#poptavkovyFormular .form-row.checkbox input[type="checkbox"]:checked{
     color:#19b18c;
}

/* protože input je uvnitř vnitřního labelu, spolehlivě nastavíme checked přes :has (moderní prohlížeče) */
#poptavkovyFormular .form-row.checkbox > label:has(input[type="checkbox"]:checked)::before{
    background:#ecf9f5;
    border-color:#19b18c;
}
#poptavkovyFormular .form-row.checkbox > label:has(input[type="checkbox"]:checked)::after{
    border-right-color:#19b18c;
    border-bottom-color:#19b18c;
}

/* link */
#poptavkovyFormular .form-row.checkbox a{
    color:#6b6b6b;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}
#poptavkovyFormular .form-row.checkbox a:hover{
    color:#19b18c;
}

/* ---- TLAČÍTKO ---- */
#poptavkovyFormular .cta-button{
    background:#e85220;
    border: 0;
    color:#fff;
    font-weight: 800;              /* ExtraBold */
    letter-spacing: .6px;
    text-transform: uppercase;
    border-radius: 6px; 
    min-width: 280px;
    cursor:pointer;
    transition: transform .15s ease, box-shadow .2s ease, background-color .2s ease;
}

#poptavkovyFormular .cta-button:hover{
    background:#000000; 
}

#poptavkovyFormular .cta-button:active{
    transform: translateY(0);
    box-shadow: 0 10px 18px rgba(0,0,0,.10);
}

/* =========================
   Responsivita
========================= */

/* tablet – 2 sloupce */
@media (max-width: 1024px){
    #poptavkovyFormular{
        padding: 60px 18px 70px;
    }

    #poptavkovyFormular h2{
        font-size: 30px;
        margin-bottom: 36px;
    }

    #poptavkovyFormular .form-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }

    #poptavkovyFormular .cta-button{
        min-width: 280px;
    }
}

/* mobil – 1 sloupec */
@media (max-width: 640px){
    #poptavkovyFormular{
        padding: 46px 16px 60px;
    }
    #poptavkovyFormular h2{
        font-size: 26px;
        margin-bottom: 28px;
    }

    #poptavkovyFormular .form-grid{
        grid-template-columns: 1fr;
        gap: 14px;
    }

    #poptavkovyFormular textarea{
        min-height: 170px;
    }

    #poptavkovyFormular .cta-button{
        width:100%;
        min-width: unset;
        
    }
}

/* fallback pro prohlížeče bez :has (jen vizuální – checkbox bude funkční i tak) */
@supports not selector(:has(*)){
    #poptavkovyFormular .form-row.checkbox > label::before{
        background:#efefef;
        border-color:#e0e0e0;
    }
}

 
/* =========================
   Novinky / články – layout dle náhledu
   (HTML ponechán beze změny)
========================= */

#clanky{
    font-family: "Poppins", sans-serif;
    background: #f7f4ef;
    padding: 70px 20px 90px;
}

#clanky > h3{
    text-align: center;
    font-weight: 800;          /* Poppins ExtraBold */
    font-size: 32px;
    letter-spacing: .6px;
    text-transform: uppercase;
    margin: 0 0 54px;
    color:#000;
}

/* ---- GRID výpisu ---- */
#vypisClanku{
    max-width: 1280px;
    margin: 0 auto 50px;
    display:grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
}

#vypisClanku .col{
    min-width: 0;
}

/* a jako blok */
#vypisClanku .col > a{
    display:block;
    text-decoration:none;
    color: inherit;
}

/* ---- karta ---- */
.property-card label.tag{display:none;}
#vypisClanku .property-card{
    display:flex;
    flex-direction:column;
    gap: 18px;    border-radius: 12px;background:#fff;padding-bottom: 36px;
}

#vypisClanku .imgThumbnail{
    position:relative;
    border-radius: 12px 12px 0 0;
    overflow:hidden;
    background:#ddd;
}

/* obrázek */
#vypisClanku .property-image{
    width:100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display:block;
    border-radius: 12px 12px 0 0;
    transform: scale(1);
    transition: transform .35s ease;
}

/* jemný hover – jen přiblížení jako v moderních šablonách */
#vypisClanku .col > a:hover .property-image{
    transform: scale(1.03);
}

/* datum v rohu */
#vypisClanku .date{
    position:absolute;
    top: 14px;
    right: 14px;
    padding: 7px 10px;
    font-size: 12px;
    line-height: 1;
    background: rgba(255,255,255,.75);
    border-radius: 999px;
    color:#000;
    font-weight: 600;
    backdrop-filter: blur(6px);
}

/* titulek */
#vypisClanku .titleAndPerex p{padding:0 46px;min-height:125px}
#vypisClanku .titleAndPerex{
    padding: 0 2px;
}
 
#vypisClanku .property-title{
    margin: 0;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 300;
    color:#000;
    padding: 22px 46px;
}

/* “Více najdete zde” – řádek s ikonou */
#vypisClanku .more-link{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 10px;
    padding: 0 46px;
    color:#e85220; 
    font-weight: 500;
    opacity: .75;
    transition: opacity .2s ease, transform .2s ease;
}

#vypisClanku .more-link .icon{
    font-size: 20px;
}

/* hover pro link řádek */
#vypisClanku .col > a:hover .more-link{
    opacity: 1;
    transform: translateX(2px);
}

/* ---- CTA pod gridem ---- */
#clanky > .btn.btn-arrow{
    display:flex;
    align-items:center;
    justify-content:center;
    gap: 12px;
    width: max-content;
    margin: 0 auto;font-size:14px;
    padding: 16px 22px;
    text-decoration:none;
    color:#000;
    font-weight: 400;
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,.18);
    background: transparent;
    transition: border-color .2s ease, transform .15s ease;
}

#clanky > .btn.btn-arrow:hover{
    border-color: rgba(0,0,0,.35);
    transform: translateY(-1px);
}

#clanky > .btn.btn-arrow .icon{
    font-size: 20px;
}

/* =========================
   Responsivita
========================= */

/* menší desktop */
@media (max-width: 1200px){
    #vypisClanku{
        gap: 36px;
    }
}

/* tablet – 2 sloupce */
@media (max-width: 980px){
    #clanky{
        padding: 60px 18px 80px;
    }

    #clanky > h3{
        font-size: 28px;
        margin-bottom: 42px;
    }

    #vypisClanku{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 34px;
        margin-bottom: 44px;
    }
}

/* mobil – 1 sloupec */
@media (max-width: 640px){
    #clanky{
        padding: 48px 16px 70px;
    }

    #clanky > h3{
        font-size: 24px;
        margin-bottom: 30px;
    }

    #vypisClanku{
        grid-template-columns: 1fr;
        gap: 26px;
        margin-bottom: 36px;
    }

    #vypisClanku .property-title{
        font-size: 20px;
    }

    #clanky > .btn.btn-arrow{
        width: 100%;
        justify-content:center;
    }
}
 

#obalSliderDefaultSubPage{background:#16030020;text-align: center;padding:80px;border-top:10px solid #fff;}


#podstrankaDefault{
  font-family: "Poppins", sans-serif;
  color: #160300;
  font-size: 16px;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ---- bezpečný box model jen pro obsah ---- */
#podstrankaDefault *,
#podstrankaDefault *::before,
#podstrankaDefault *::after{
  box-sizing: border-box;
}

/* =========================================================
   Typografie – nadpisy
========================================================= */

#podstrankaDefault h1,
#podstrankaDefault h2,
#podstrankaDefault h3,
#podstrankaDefault h4,
#podstrankaDefault h5,
#podstrankaDefault h6{
  font-family: "Poppins", sans-serif;
  color: #000;
  letter-spacing: -0.2px;
  margin: 0 0 14px;
}

#podstrankaDefault h1{
  font-weight: 800;
  font-size: 40px;
  line-height: 1.15;
  margin-top: 0;
  margin-bottom: 18px;
}

#podstrankaDefault h2{
  font-weight: 800;
  font-size: 30px;
  line-height: 1.2;
  margin-top: 34px;
  margin-bottom: 14px;
}

#podstrankaDefault h3{
  font-weight: 800;
  font-size: 22px;
  line-height: 1.25;
  margin-top: 28px;
  margin-bottom: 12px;
}

#podstrankaDefault h4{
  font-weight: 700;
  font-size: 18px;
  line-height: 1.35;
  margin-top: 22px;
  margin-bottom: 10px;
}

#podstrankaDefault h5{
  font-weight: 700;
  font-size: 16px;
  line-height: 1.4;
  margin-top: 18px;
  margin-bottom: 10px;
}

#podstrankaDefault h6{
  font-weight: 700;
  font-size: 14px;
  line-height: 1.45;
  margin-top: 16px;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: .6px;
}

/* =========================================================
   Základní textové prvky
========================================================= */

#podstrankaDefault p{
  margin: 0 0 16px;
}

#podstrankaDefault strong,
#podstrankaDefault b{
  font-weight: 800; /* ExtraBold */
}

#podstrankaDefault em,
#podstrankaDefault i{
  font-style: italic;
}

#podstrankaDefault small{
  font-size: 13px;
  line-height: 1.6;
  color: rgba(22, 3, 0, .78);
}

#podstrankaDefault mark{
  background: rgba(25, 177, 140, .20);
  padding: 0 .25em;
  border-radius: 4px;
}

#podstrankaDefault hr{
  border: 0;
  height: 1px;
  background: rgba(0,0,0,.10);
  margin: 28px 0;
}

/* =========================================================
   Odkazy
========================================================= */

#podstrankaDefault a{
  color: #19b18c;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color .2s ease, text-decoration-color .2s ease, opacity .2s ease;
}

#podstrankaDefault a:hover{
  color: #128b6f;
  text-decoration-color: rgba(18, 139, 111, .55);
}

#podstrankaDefault a:focus{
  outline: none;
}

#podstrankaDefault a:focus-visible{
  outline: 3px solid rgba(25, 177, 140, .22);
  outline-offset: 3px;
  border-radius: 6px;
}

/* =========================================================
   Seznamy
========================================================= */

#podstrankaDefault ul,
#podstrankaDefault ol{
  margin: 0 0 16px;
  padding-left: 22px;
}

#podstrankaDefault li{
  margin: 6px 0;
}

#podstrankaDefault ul li{
  list-style: disc;
}

#podstrankaDefault ol li{
  list-style: decimal;
}

#podstrankaDefault ul ul,
#podstrankaDefault ol ol,
#podstrankaDefault ul ol,
#podstrankaDefault ol ul{
  margin-top: 10px;
  margin-bottom: 10px;
}

#podstrankaDefault li > p{
  margin: 10px 0;
}

/* =========================================================
   Citace a poznámky
========================================================= */

#podstrankaDefault blockquote{
  margin: 22px 0;
  padding: 18px 18px 18px 18px;
  border-left: 4px solid #19b18c;
  background: #ecf9f5;
  border-radius: 10px;
  color: rgba(22, 3, 0, .92);
}

#podstrankaDefault blockquote p:last-child{
  margin-bottom: 0;
}

#podstrankaDefault cite{
  display: block;
  margin-top: 10px;
  font-size: 13px;
  color: rgba(22, 3, 0, .72);
  font-style: normal;
}

/* =========================================================
   Obrázky, galerie, média
========================================================= */

#podstrankaDefault img,
#podstrankaDefault video{
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
}

#podstrankaDefault figure{
  margin: 22px 0;
}

#podstrankaDefault figure img{
  margin: 0;
}

#podstrankaDefault figcaption{
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.6;
  color: rgba(22, 3, 0, .72);
}

/* zarovnání z editoru (často class nebo inline) */
#podstrankaDefault .align-left{ float: left; margin: 6px 18px 14px 0; }
#podstrankaDefault .align-right{ float: right; margin: 6px 0 14px 18px; }
#podstrankaDefault .align-center{ margin-left:auto; margin-right:auto; }

/* clearfix pro floaty */
#podstrankaDefault::after{
  content:"";
  display:block;
  clear: both;
}

/* =========================================================
   Tabulky – responzivní (scroll), čitelné, UI friendly
========================================================= */

#podstrankaDefault table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin: 22px 0;
  font-size: 14px;
  line-height: 1.55;
  background: #fff;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 12px;
  overflow: hidden;
}

#podstrankaDefault thead th{
  text-align: left;
  font-weight: 800;
  color: #000;
  background: rgba(0,0,0,.035);
  padding: 14px 14px;
  border-bottom: 1px solid rgba(0,0,0,.10);
  vertical-align: bottom;
}

#podstrankaDefault tbody td{
  padding: 14px 14px;
  border-bottom: 1px solid rgba(0,0,0,.08);
  vertical-align: top;
}

#podstrankaDefault tbody tr:last-child td{
  border-bottom: 0;
}

#podstrankaDefault tbody tr:nth-child(even) td{
  background: rgba(0,0,0,.02);
}

#podstrankaDefault table a{
  word-break: break-word;
}

/* wrapper pro horizontální scroll na mobilu */
#podstrankaDefault .table-responsive{
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 22px 0;
}

#podstrankaDefault .table-responsive table{
  margin: 0;
  min-width: 720px; /* aby mělo co scrollovat */
}

/* =========================================================
   Kód – inline i blok
========================================================= */

#podstrankaDefault code{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.95em;
  background: rgba(0,0,0,.05);
  padding: 0.15em 0.35em;
  border-radius: 6px;
}

#podstrankaDefault pre{
  margin: 22px 0;
  padding: 18px;
  overflow: auto;
  border-radius: 12px;
  background: rgba(0,0,0,.05);
  border: 1px solid rgba(0,0,0,.08);
}

#podstrankaDefault pre code{
  background: transparent;
  padding: 0;
  border-radius: 0;
  font-size: 13px;
  line-height: 1.6;
}

/* =========================================================
   Formátování z editoru – podtržení, přeškrtnutí
========================================================= */

#podstrankaDefault u{
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

#podstrankaDefault s,
#podstrankaDefault del{
  color: rgba(22, 3, 0, .70);
}

/* =========================================================
   Vodorovné mezery a pravidla pro “poslední prvek”
========================================================= */

#podstrankaDefault > *:last-child{
  margin-bottom: 0;
}

/* =========================================================
   Tlačítkový odkaz – když editor vloží <a class="btn ...">
========================================================= */

#podstrankaDefault a.btn,
#podstrankaDefault .btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 10px;
  padding: 14px 18px;
  text-decoration: none;
  border: 1px solid rgba(0,0,0,.18);
  color: #000;
  background: transparent;
  font-weight: 600;
  transition: transform .15s ease, border-color .2s ease, background-color .2s ease;
}
#podstrankaDefault .btn.btn-default{background:#e85220;}
#podstrankaDefault a.btn:hover,
#podstrankaDefault .btn:hover{
  transform: translateY(-1px);
  border-color: rgba(0,0,0,.35);
}

#podstrankaDefault a.btn:focus-visible,
#podstrankaDefault .btn:focus-visible{
  outline: 3px solid rgba(25, 177, 140, .22);
  outline-offset: 3px;
}

/* =========================================================
   Responsivita – typografie a mezery
========================================================= */

@media (max-width: 1024px){
  #podstrankaDefault{
    font-size: 16px;
    line-height: 1.75;
  }

  #podstrankaDefault h1{
    font-size: 34px;
  }

  #podstrankaDefault h2{
    font-size: 26px;
  }

  #podstrankaDefault h3{
    font-size: 21px;
  }
}

@media (max-width: 640px){
  #podstrankaDefault{
    font-size: 15px;
    line-height: 1.75;
  }

  #podstrankaDefault h1{
    font-size: 28px;
    line-height: 1.2;
  }

  #podstrankaDefault h2{
    font-size: 22px;
    margin-top: 26px;
  }

  #podstrankaDefault h3{
    font-size: 19px;
    margin-top: 22px;
  }

  #podstrankaDefault blockquote{
    padding: 16px;
  }

  #podstrankaDefault table{
    font-size: 13px;
  }

  #podstrankaDefault .align-left,
  #podstrankaDefault .align-right{
    float: none;
    margin: 0 0 14px 0;
  }
}

#headerTitle h1{    width: auto;
    background: #e2dfdf;
    display: inline-block;
    border-radius: 8px;
    padding: 12px 40px;}

#podstrankaDefault .container{max-width: 1024px !important;width: 100%;display: block;margin: 0 auto;}
/* =========================================================
   Vzdušnost a čitelnost obsahu – layout override
   Scope: #podstrankaDefault
========================================================= */

/* základní rytmus stránky */
#podstrankaDefault{
  max-width: 860px;              /* optimální čitelnost */
  margin-left: auto;
  margin-right: auto;
  padding: 40px 24px 80px;
  font-size: 17px;
  line-height: 1.85;
}

/* =========================================================
   Nadpisy – víc prostoru nad i pod
========================================================= */

#podstrankaDefault h1{
  margin-bottom: 32px;
}

#podstrankaDefault h2{
  margin-top: 64px;
  margin-bottom: 24px;
}

#podstrankaDefault h3{
  margin-top: 52px;
  margin-bottom: 20px;
}

#podstrankaDefault h4{
  margin-top: 40px;
  margin-bottom: 16px;
}

/* =========================================================
   Odstavce – víc dechu
========================================================= */

#podstrankaDefault p{
  margin-bottom: 22px;
  max-width: 72ch;               /* lepší čitelnost textu */
}

/* zvýrazněné věty víc vyniknou */
#podstrankaDefault p strong{
  font-weight: 600;
}

/* =========================================================
   Seznamy – oddělit je od textu
========================================================= */

#podstrankaDefault ul,
#podstrankaDefault ol{
  margin-top: 24px;
  margin-bottom: 32px;
  padding-left: 28px;
}

#podstrankaDefault li{
  margin: 10px 0;
  line-height: 1.75;
}

#podstrankaDefault li::marker{
  font-size: 0.9em;
}

/* =========================================================
   Sekční oddělení (implicitní, bez <hr>)
========================================================= */

#podstrankaDefault h2 + p,
#podstrankaDefault h3 + p{
  margin-top: 0;
}

#podstrankaDefault p + h2,
#podstrankaDefault ul + h2,
#podstrankaDefault ol + h2{
  margin-top: 72px;
}

#podstrankaDefault p + h3,
#podstrankaDefault ul + h3,
#podstrankaDefault ol + h3{
  margin-top: 60px;
}

/* =========================================================
   Blockquote – víc vzduchu
========================================================= */

#podstrankaDefault blockquote{
  margin: 36px 0;
  padding: 28px 32px;
  line-height: 1.8;
}

/* =========================================================
   Tabulky – nenechat je nalepené na text
========================================================= */

#podstrankaDefault table{
  margin: 36px 0;
}

#podstrankaDefault table + p,
#podstrankaDefault p + table{
  margin-top: 36px;
}

/* =========================================================
   Obrázky a figury
========================================================= */

#podstrankaDefault figure{
  margin: 42px 0;
}

#podstrankaDefault figcaption{
  margin-top: 14px;
}

/* =========================================================
   Responsivita – zachovat vzdušnost
========================================================= */

@media (max-width: 1024px){
  #podstrankaDefault{
    padding: 36px 22px 70px;
    font-size: 16.5px;
  }
}

@media (max-width: 640px){
  #podstrankaDefault{
    padding: 28px 18px 60px;
    font-size: 16px;
  }

  #podstrankaDefault h1{
    margin-bottom: 26px;
  }

  #podstrankaDefault h2{
    margin-top: 52px;
    margin-bottom: 22px;
  }

  #podstrankaDefault h3{
    margin-top: 44px;
    margin-bottom: 18px;
  }

  #podstrankaDefault p{
    margin-bottom: 20px;
  }

  #podstrankaDefault ul,
  #podstrankaDefault ol{
    margin-bottom: 28px;
  }
}





/* =========================================================
   #ulVypisSluzeb – karty jako “service tiles”
   Cíl: žádné vysoké nudle, ale kompaktní karty, lepší rytmus,
   pěkné zalomení textu, celé klikatelné, responzivní.
   HTML beze změny.
========================================================= */

#ulVypisSluzeb{
  background: #f7f4ef;
  padding: 64px 20px 76px;
}

/* grid */
#ulVypisSluzeb ul{
  list-style: none;
  margin: 0 auto;
  padding: 0;
  max-width: 1280px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
}

/* karta */
#ulVypisSluzeb li{
  position: relative;
  background: #fff;
  border-radius: 14px;
  padding: 22px 22px 24px;
  min-height: 160px;                 /* žádné “sloupy” */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 12px;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 14px 30px rgba(0,0,0,.06);
  transition: transform .18s ease, box-shadow .22s ease, border-color .22s ease;
}

#ulVypisSluzeb li:hover{
  transform: translateY(-2px);
  border-color: rgba(25, 177, 140, .28);
  box-shadow: 0 20px 46px rgba(0,0,0,.10);
}

/* odstranění jakýchkoliv pseudo-teček z předchozích variant */
#ulVypisSluzeb li::before{ content: none !important; }

/* ikona (volitelně – teď prázdná, ale necháme místo) */
#ulVypisSluzeb .imgThumbnail{
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #ecf9f5;
  flex: 0 0 auto;
}

/* pokud je prázdná, schovat ji */
#ulVypisSluzeb .imgThumbnail:empty{
  display: none;
}

/* pokud bude img/svg/icon */
#ulVypisSluzeb .imgThumbnail img,
#ulVypisSluzeb .imgThumbnail svg{
  width: 24px;
  height: 24px;
  display: block;
}

#ulVypisSluzeb .imgThumbnail .material-icons,
#ulVypisSluzeb .imgThumbnail .material-icons-outlined{
  font-size: 26px;
  line-height: 1;
  color: #19b18c;
}

/* text */
#ulVypisSluzeb .titleAndPerex{
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* nadpis – žádné divné zalamování po slově */
#ulVypisSluzeb h4{
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-weight: 600;                   /* ExtraBold */
  font-size: 17px;
  line-height: 1.25;
  color: #160300;
  letter-spacing: -0.2px;

  /* lepší zalamování dlouhých názvů */
  text-wrap: balance;
  hyphens: auto;
}

/* odkaz */
#ulVypisSluzeb h4 a{
  color: inherit;
  text-decoration: none;
}

/* celý tile klikací (overlay) */
#ulVypisSluzeb h4 a::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius: 14px;
}

/* “šíp” jako jemný affordance (bez změny HTML) */
#ulVypisSluzeb li::after{
  content: "→";
  position: absolute;
  right: 18px;
  bottom: 16px;
  font-size: 18px;
  line-height: 1;
  color: rgba(22,3,0,.35);
  transition: transform .18s ease, color .18s ease;
}

#ulVypisSluzeb li:hover::after{
  transform: translateX(2px);
  color: rgba(25, 177, 140, .85);
}

/* perex – připravený, ale prázdné skrýt */
#ulVypisSluzeb .titleAndPerex p{
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
  color: rgba(22,3,0,.70);
}

#ulVypisSluzeb .titleAndPerex p:empty{
  display:none;
}

/* focus */
#ulVypisSluzeb h4 a:focus{ outline: none; }
#ulVypisSluzeb h4 a:focus-visible::after{
  outline: 3px solid rgba(25, 177, 140, .22);
  outline-offset: 4px;
}

/* =========================================================
   Responsivita
========================================================= */

@media (max-width: 1200px){
  #ulVypisSluzeb ul{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px){
  #ulVypisSluzeb{
    padding: 56px 18px 66px;
  }

  #ulVypisSluzeb ul{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
  }

  #ulVypisSluzeb li{
    min-height: 150px;
    padding: 20px 20px 22px;
  }

  #ulVypisSluzeb h4{
    font-size: 19px;
  }
}

@media (max-width: 640px){
  #ulVypisSluzeb{
    padding: 46px 16px 58px;
  }

  #ulVypisSluzeb ul{
    grid-template-columns: 1fr;
    gap: 16px;
  }

  #ulVypisSluzeb li{
    min-height: unset;
  }
}
#ulVypisSluzeb li:nth-child(3n){
  --icon-color: #19b18c;
}
#ulVypisSluzeb li:nth-child(3n+1){
  --icon-color: #f4a261;
}
#ulVypisSluzeb li:nth-child(3n+2){
  --icon-color: #6c63ff;
}

#ulVypisSluzeb .imgThumbnail{
  background: color-mix(in srgb, var(--icon-color) 18%, white);
}

#ulVypisSluzeb .imgThumbnail svg{
  fill: var(--icon-color);
}

/* =========================================================
   Konec článku – navigační tlačítka
========================================================= */

#tlacitkaKonecClanku{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;

  max-width: 860px;
  margin: 64px auto 0;
  padding-top: 40px;
  border-top: 1px solid rgba(0,0,0,.08);
}

/* aby <br><br> nerozbíjelo layout */
#tlacitkaKonecClanku br{
  display: none;
}

/* tlačítka */
#tlacitkaKonecClanku .btn{
  white-space: nowrap;
}

/* =========================================================
   Responsivita
========================================================= */

/* tablet */
@media (max-width: 768px){
  #tlacitkaKonecClanku{
    gap: 16px;
  }
}

/* mobil */
@media (max-width: 640px){
  #tlacitkaKonecClanku{
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }
#obalSliderDefaultSubPage{padding:40px 20px;}

  #tlacitkaKonecClanku .btn{
    width: 100%;
    justify-content: center;
  }
}
















/**/
/*copyright*/
#copyright .container{padding:35px 0 0!important;max-width:1500px;width:100%;display:block;}
#copyright{text-align:center;min-height:63px;background:#0b0b0b;}
#copyright footer{padding:0 0 120px 0;border-bottom:1px solid #2e3c45;}
/*#copyright .container{padding:0 35px;}*/
#copyright p{margin:0;padding:20px 35px;} 
#copyright p a{color:#8c9fb1 !important;transition:500ms;font-size:13px;text-decoration:none;font-weight:300;font-weight:none;transition:300ms;}
#copyright p a:hover{color:#8c9fb1 !important;text-decoration:none;transition:500ms;}
#copyright p a:hover strong{color:#fff !important;transition:300ms;}
.footer-container FOOTER DIV{width:auto;height:100%;margin:0;padding:0 0 0 112px;position:absolute;top:0;right:0;min-height:62px;}
.footer-container FOOTER DIV:before{content:'';display:block;width:200%;height:100%;position:absolute;left:0;top:0;-webkit-transform:skew(-15deg);-moz-transform:skew(-15deg);-ms-transform:skew(-15deg);-o-transform:skew(-15deg);transform:skew(-15deg)}
.footer-container FOOTER DIV P{text-align:right;position:relative;padding-top:7px;margin:1em 0;top:0}
.footer-container FOOTER P STRONG{color:#8c9fb1 !important;font-weight:700;}
.footer-container FOOTER P .seo-logo{width:25px;height:26px;display:block;position:relative;margin:10px auto;background:transparent url(/img/seo_silver.svg) 0 0 no-repeat}
.footer-container FOOTER P A .seo-logo{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all 250ms linear 0ms;-moz-transition:all 250ms linear 0ms;-ms-transition:all 250ms linear 0ms;-o-transition:all 250ms linear 0ms;transition:all 250ms linear 0ms;background:transparent;min-width:unset !important;}
.footer-container FOOTER P A .seo-logo .face{width:25px;height:26px;box-sizing:unset;width:100%;height:100%;position:absolute;left:0;top:4px;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}
.footer-container FOOTER P A .seo-logo .front{width:25px;height:26px;box-sizing:unset;background:transparent url(/img/seo_silver.svg) 0 0 no-repeat}
.footer-container FOOTER P A .seo-logo .back{width:25px;height:26px;box-sizing:unset;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);background:transparent url(/img/seo_silver.svg) 0 0 no-repeat}
.footer-container FOOTER P A:hover .seo-logo{width:25px;height:26px;box-sizing:unset;-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);transform:rotateY(-180deg)}
.footer-container FOOTER P .seo-logo{margin:-6px 0 0 15px;float:right;width:25px;height:26px;box-sizing:unset;}
.footer-container FOOTER P A:hover .seo-logo{background-position:-25px 0}

#footer>.container.row.center{margin:0 auto; }

.container{max-width:1500px !important;}

@media all and (min-width:0px) and (max-width:500px){.footer-container FOOTER DIV{position:relative;padding:0;width:300px;margin:0 auto;padding-bottom:65px;}
                                                     .footer-container FOOTER DIV P{position:relative;top:65;z-index:1;}
                                                     #copyright p{text-align:center;padding:20px 0;display:block;position:relative;}
                                                     #copyright p a .seo-logo{width:25px;margin:0;height:26px;display:block;position:absolute;left:calc(50% - 25px);top:35px;}
                                                     .footer-container FOOTER DIV::before{background:none;border:0 none;position:relative;}

                                                     #homepageTopShowreel .htsBlocksCell-1 .carousel-item{min-height:380px;}
                                                     #homepageTopShowreel .htsBlocksCell-1 .htsSliderContentImages img{min-height:380px !important;}
}
/*/
copyright*/
/*responsive*/
 
@media (max-width:1440px){
    nav .container{padding:0 0px;}
    
    #copyright footer { border-bottom: 1px solid #2e3c45; padding: 0 40px 120px;}
    #footer #footerPartneri {padding: 0px 75px;}
}


 
@media (max-width:1200px){
    nav li a {padding: 10px;}  
    #footer .col-sm-3 {flex: 0 0 auto;width: 50%;margin-bottom: 25px;} 
     

    .navbar{padding:0 40px !important;}
} 
 

@media all and (min-width:0px) and (max-width:992px){
    .navbar-brand img{max-width:90%;margin:8px 0;}
    #header .col-4.float-left{width:100%;}
    #header .col-8.float-right{width:100%;}
    nav .container{max-width:100%;}
    
    ul.nav.navbar-nav.ml-auto.float-right{display:none !important;}
    .navbar-toggler{display:inline-block;margin-top:0;margin-bottom:0;top:8px;} 
    
    #footer .container.row{max-width:100% !important;padding:0 40px;}
    #footer .container{max-width:100% !important;padding:0 50px;}
    #footer .col-4{width:50%;}
    #footer .col-4:last-child{width:100%;}
    #footer #footerLinkBottom li{margin:0 10px !important;}
    #footer #footerLinkBottom{padding-top:50px !important;}
    #copyright p{padding:50px 0 20px;}
}

@media all and (min-width:0px) and (max-width:991px){
    .navbar-toggler{display:inline-block;}  
    #navbarNav.navbar-collapse.collapse.show ul.dropdown-menu.show li{width:100%;max-width:300px;margin:0 auto;}
    
    
    .navbar-toggler{margin-right:0;float:right;}
    #footer #clientCopy{display:none;}
    .navbar-brand img{max-height:40px;max-width:200px;}
    
    #copyright footer {border-bottom: 1px solid #2e3c45;padding: 0 50px 120px;}
    #footer #footerPartneri {padding: 0px 50px;}
    #header{margin:0;}
}

@media all and (min-width:0px) and (max-width:768px){
      
    #footer .container{max-width:100%;}
    #footer .col-sm-3 {flex: 0 0 auto;width: 50%;}
    #footer #clientCopy{display:none;}
     
    #footer .container.row p{font-size:13px;line-height:20px;}
    #footer img.footerLogo{ max-width: 220px;}
    #footer .container.row strong.nadpis{font-size:17px;margin:10px 0;}
    #footer ul li{font-size:13px;}
    #footer span.footerVolejte{font-size:15px;}
    #footer strong.footerCislo{font-size:24px;}
    
    .navbar-brand img{max-height:35px;max-width: 150px;}
     
}



@media all and (min-width:0px) and (max-width:700px){  
   
    #footer .col-4{width:100% !important;margin-bottom: 35px;}
    #footer{padding-top:80px;}
    #footer #footerPartneri ul li img{width:60%;margin-bottom: 10px;}
    #footer #footerPartneri ul li{margin-right:16px;} 
    
}

 
@media all and (min-width:0px) and (max-width:600px){  
 
    #footer #sberKontaktu input[type=text]{width:100%;border-radius:3px;float:unset;}
    #footer #sberKontaktu input[type=submit]{display:block; float:unset;width:100%;}
    #footer #sberKontaktu .form-group{width:100%;}
    
}

@media all and (min-width:0px) and (max-width:425px){  
    
    ul.dropdown-menu.show{min-width:unset;}
    #kontaktniFormular{padding:40px 10px;} 
}