@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Open+Sans:wght@400;700&display=swap');


#propagacniLista{display:none !important;}

html{text-rendering:optimizeLegibility;overflow-x:hidden !important;scroll-behavior: smooth;}
*{margin:0;padding:0;position:relative;letter-spacing:.2px;}
*::selection{background:#c6e6ff;color:#177ad1;}
*, :after, :before {-webkit-box-sizing: border-box;box-sizing: border-box;background-repeat: no-repeat;}
body{background:#fef6ec;min-width:300px !important;font-size:15px;overflow:hidden;font-family: Montserrat, 'Open+Sans', sans-serif; font-weight:unset;padding:160px 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;} 
input[type="submit"],button,.button{cursor:pointer; padding:0.4em 1em; text-transform:uppercase; }
p{font-size:16px;color:#535353;line-height:25px;}
#wrapper p{color:#535353;font-size:17px;font-weight:300;line-height:30px;margin:0 auto 35px;}
a[href^="#error:"]{background:red; color:white;}
a:link,a:visited{background:none;color:#eb0000;text-decoration:underline;font-weight:700;}
a:hover{color:#000;text-decoration:underline;}
p a{color:#181849;text-decoration:underline;}
p a:hover{text-decoration:underline;color:#000;}
p strong{color:#000 !important;font-weight:700;}
strong{color:#000;font-weight:700;} 
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);}
}
.a-noScreen {
    font: 0/0 a !important;
    text-shadow: none !important;
    color: transparent !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}
/*scoll to TOP*/
#totop{position:fixed;right:20px;bottom:70px;width:50px;height:50px;cursor:pointer;transition:opacity 500ms;opacity:0;z-index:999999999999999999;}
.eu-cookies{background:#000;color:#fff;text-align:center;padding:8px 0;font-size:13px;}
.eu-cookies .btn.btn-default{padding:5px 12px !important;font-size:12px!important;margin:0 15px;}
/*tlacitka*/
/*.btn{border-radius: 8px;}
.btn.btn-default,.btn.btn-primary{background:#40baff;padding:12px 30px !important;color:#fff !important;font-size:15px;text-decoration:none;transition:500ms;font-weight:700;}
.btn.btn-default:hover,.btn.btn-primary:hover{background:#3395cc;transition:500ms;}*/
.btn.btn-default span{    display: inline-block;
                          vertical-align: middle;
                          line-height: 1.2;
                          position: relative; }

.btn.btn-default.btn-black {background-color:#000000;background:#000000;color:#ffffff;border:0;}
.btn.btn-default {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 12px; 
    background-color: #177ad1;
    background: #177ad1;
    font-weight: 600;
    letter-spacing: .1em;
    min-width: 160px;
    line-height: 50px;
    height: 50px;
    padding: 0 30px;
    position: relative;
    cursor: pointer;
    border-radius: 3px;
    text-align: center;color:#fff;text-decoration: none;
    overflow: hidden;
    border: 0;font-weight: bold !important;
}

.btn.btn-default.btn-black {background-color:#000000;background:#000000;color:#ffffff;border:0;}
.headerTopContact a img {margin-right:8px;top:-1px;}
.headerTopContact .btn.btn-default {
    display: inline-block;
    vertical-align: middle; 
    font-size: 14px; 
    background-color: #eb0000;
    text-transform: unset !important;
    background: #eb0000;
    font-weight: 600;
    letter-spacing: 0 !important;
    min-width: 120px;
    line-height: 40px;
    height: 40px;
    padding: 0 16px 0 10px ;
    position: relative;
    cursor: pointer;
    border-radius: 50px;
    text-align: center;color:#fff;text-decoration: none;
    overflow: hidden;
    border: 0;font-weight: bold !important; 
}
.headerTopContact .btn.btn-default:hover{background:#000;}

.headerTopContact .btn.btn-default.kalkulaceZdarma {margin-right:10px;background:#fff;border:2px solid #eb0000;color:#eb0000;} 
.headerTopContact .btn.btn-default.kalkulaceZdarma img{top:-2px;} 
.headerTopContact .btn.btn-default.kalkulaceZdarma:hover {border:2px solid #000000;color:#000000;} 

.headerTopContact .headerTopContactPhone{margin:0 25px 0 0;color:#000;}
.headerTopContact .headerTopContactPhone:hover{color:#eb0000;text-decoration: underline;}

/*.btn.btn-default.btn-black:hover {animation: hoverBlack 0.4s forwards;}
.btn.btn-default:hover {
    animation: hover 0.4s forwards;
}*/
/*
@keyframes hover {
    from {
        box-shadow: inset 0 0 0 0.01px #368cd7;
    }
    to {
        box-shadow: inset 320px 0 0 0.01px #368cd7;
        color: #fff;
    }
}

@keyframes leave {
    from {
        box-shadow: inset -320px 0 0 0.01px #368cd7;
        color: #fff;
    }
    to {
        box-shadow: inset 0 0 0 0.01px #368cd7;
    }
}
@keyframes hoverBlack {
    from {
        box-shadow: inset 0 0 0 0.01px #333;
    }
    to {
        box-shadow: inset 320px 0 0 0.01px #333;
        color: #fff;
    }
}

@keyframes leaveBlack {
    from {
        box-shadow: inset -320px 0 0 0.01px #333;
        color: #fff;
    }
    to {
        box-shadow: inset 0 0 0 0.01px #333;
    }
}*/

@keyframes hoverArrow {
    from {
        box-shadow: inset 0 0 0 0.01px #177ad1;
    }
    to {
        box-shadow: inset 320px 0 0 0.01px #177ad1;
        color: #fff;
    }
}

@keyframes leaveArrow {
    from {
        box-shadow: inset -320px 0 0 0.01px #177ad1;
        color: #fff;
    }
    to {
        box-shadow: inset 0 0 0 0.01px #177ad1;
    }
}




/*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;  
} */



.btn.btn-gray{background:#aaa;border-radius:0;padding:15px 25px !important;color:#fff !important;font-size:15px;text-decoration:none;transition:500ms;text-transform:uppercase;}
.btn.btn-gray:hover{background:#000;transition:500ms;}
.btn.btn-default.btn-blue{background:#177ad1;padding:15px 25px !important;}
.btn.btn-default.btn-blue:hover{background:#177ad1;transition:500ms;}
.btn.btn-default.btn-green2{background:#000;padding:15px 25px !important;}
.btn.btn-default.btn-green2:hover{background:#177ad1;transition:500ms;}
.btn.btn-default.btn-arrow{text-align:left;padding:15px 55px 15px 25px !important;}
.btn.btn-default.btn-arrow:after{content:" ";width:25px;height:11px;background-color:currentColor;background-image:none;shape-padding:10px;transition:all 250ms ease;-webkit-clip-path:polygon(0% 47%,1% 44%,2% 42%,3% 42%,47% 42%,31% 8%,31% 4%,32% 1%,34% 0,36% 2%,55% 42%,56% 46%,56% 50%,55% 53%,35% 96%,33% 97%,31% 95%,31% 93%,30% 90%,31% 87%,47% 53%,3% 53%,3% 53%,1% 53%,0% 51%);clip-path:polygon(0% 47%,1% 44%,2% 42%,3% 42%,47% 42%,31% 8%,31% 4%,32% 1%,34% 0,36% 2%,55% 42%,56% 46%,56% 50%,55% 53%,35% 96%,33% 97%,31% 95%,31% 93%,30% 90%,31% 87%,47% 53%,3% 53%,3% 53%,1% 53%,0% 51%);position:absolute;top:20px;right:13px;}
.btn.btn-default.btn-arrow:hover:after{right:8px;}
.btn.btn-border{font-size: 14px;border-radius: 50px;padding: 13px 40px;margin: 0;border: 2px solid #434343; color:#434343 !important;text-decoration: none;transition: 300ms;display:inline-block;width:auto;height:50px;}
.btn.btn-border:hover{border: 2px solid #000;background:#000; color:#fff !important;}


.btn.btn-black{font-size: 14px;border-radius: 50px;padding: 13px 40px;margin: 0;border: 2px solid #000; background:#000;color:#fff !important;text-decoration: none;transition: 300ms;display:inline-block;width:auto;font-weight:800;}
.btn.btn-black:hover{border: 2px solid #eb0000;background:#eb0000; color:#fff !important;}

/*.btn.btn-circleArrow{color:#177ad1;text-decoration:none;padding:0 30px;height:30px;vertical-align: middle;text-transform: uppercase; position: relative;cursor: pointer; border: 0;font-weight: bold !important;-webkit-appearance: button;line-height: 30px;border-radius: 3px;font-size: 12px;font-weight: 600;letter-spacing: .1em; 
    animation: leaveArrow 0.4s forwards;}
.btn.btn-circleArrow:before{background-color:unset;background:url('../img/circleArrow.svg') no-repeat;background-size:30px;position:absolute;left:-20px;content:'';display:block;width:30px;height:30px;}
.btn.btn-circleArrow:hover {
    animation: hoverArrow 0.4s forwards;
}*/


button.btn.btn-circleArrow .circle {
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    position: relative;
    display: block;
    margin: 0;
    width: 3rem;
    height: 3rem;
    background: #177ad1;
    border-radius: 1.625rem;
} 
button.btn.btn-circleArrow {
    position: relative;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: 0;
    vertical-align: middle;
    text-decoration: none;
    background: transparent;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
    width: 250px;
    height: auto;
}
button.btn.btn-circleArrow .circle .icon {
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #fff;
}
button.btn.btn-circleArrow .circle .icon.arrow {
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    left: 0.625rem;
    width: 1.125rem;
    height: 0.125rem;
    background: none;
}
button.btn.btn-circleArrow .circle .icon.arrow::before {
    position: absolute;
    content: "";
    top: -0.25rem;
    right: 0.0625rem;
    width: 0.625rem;
    height: 0.625rem;
    border-top: 0.125rem solid #fff;
    border-right: 0.125rem solid #fff;
    transform: rotate(45deg);
}
button.btn.btn-circleArrow .button-text {
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.75rem 0;
    margin: 0 0 0 1.85rem;
    color: #177ad1;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
    text-transform: uppercase;
}
button.btn.btn-circleArrow:hover .circle {
    width: 100%;
}
button.btn.btn-circleArrow:hover .circle .icon.arrow {
    background: #fff;
    transform: translate(1rem, 0);
}
button.btn.btn-circleArrow:hover:hover .button-text {
    color: #fff;
}
/*menu*/
nav{padding: 25px 50px 30px !important;margin:0 !important;height:auto;display:block;width:100%;z-index:99 !important;text-align:center;background:#fff !important;border:none;border-radius: 0 0 25px 25px;}
nav.navbar-expand-lg{justify-content: start;}
nav li a{text-decoration:none !important;color:#434343 !important;padding:14px 25px 6px;display:inline-block;text-transform:unset;font-size:15px;font-weight:400 !important;} 
nav li a:hover{color:#000!important;} 
nav li a::after{content:'';height:2px;width:0;background:#eb0000;display:block;margin: 5px auto 0;transition:300ms;} 
nav li:hover a::after{width:50px;transition:300ms;} 
nav li.itemActive a::after{width:50px;transition:300ms;} 
nav li a img{height:16px;top:-2px;}
/*nav li.itemActive a{background:#f1f1f1;}
nav li:hover a{background:#f3eeee;}*/
nav ul.float-right li a img{margin:0 8px 0 0;height:20px;transition:300ms;}
nav ul.float-right li a{color:#70b84c !important;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;
}
#header .container{width:calc(100% - 60px);margin:0 auto;display:block;max-width: 100% !important;}
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;}
/*nav ul.float-right li a{background:#40baff;padding:10px 25px !important;color:#fff !important;font-size:14px;text-decoration:none;transition:500ms;font-weight:700;border-radius:8px;margin:0 0 0 15px;text-transform: unset;}*/
/*nav ul.float-right li:hover a{background:#3395cc;color:#fff !important;transition:300ms;}*/
/*nav ul.float-right li:hover a img{filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);transition:300ms;}*/
.navbar-toggler{margin:10px 20px;z-index:999999999999999;display:none;}
.navbar-toggler span{display:block;width:22px;height:2px;border-radius:1px;margin:5px 0;background:#177ad1;} 
.navbar-brand{ display:block;margin:0;padding:0;}
.navbar-brand img{height:50px;}
.dropdown-toggle::after{color:#70b84c;}
.bg-pattern{background:#f1f1f1;}
.bg-pattern:after {content: '';position: absolute;width: 50px;height: 50px;background: #f1f1f1;bottom: -25px;transform: skew(0, 0) rotate(45deg);z-index: 2;margin-left: -25px;}

.navbar-expand-lg .navbar-collapse{justify-content: right;width: 100%;}

nav .headerTopContact{display:none;padding:0;position: absolute;right: 50px;}

/*/
menu*/
#header{position: fixed;width:100%;z-index: 99;top:0;}
#headerData a{text-decoration:none;}
#headerData .float-right{text-align:right;}
#headerData .headerSocial{display:inline-block;}
#headerData .headerYear{display:inline-block;}
#headerData .headerSocial img{height:30px;opacity:1;transform: scale(1);transition:400ms;}
#headerData .headerSocial a:hover img{opacity:0.6;transform: scale(1.2);transition:100ms;}
#headerData .headerYear{margin:0 0 0 32px;}
#headerData .headerYear img{height:65px;}
#headerData .float-left a{display:inline-block;}
#headerData .float-left .headerSeparator{display:inline-block;border-left:1px solid #dbdbdb;height:50px;margin:0 0 0 32px;}
#headerData .float-left .headerLanguageMenu{display:inline-block;margin:0 0 0 16px;}
#headerData .float-left .headerLanguageMenu button{background:none;border:0;padding:10px 16px;text-transform: uppercase;vertical-align: middle;border-radius:25px;transition:400ms;font-weight:bold !important;}
#ChangeLanguageInMenu button{background:none;border:0;padding:10px 16px;text-transform: uppercase;vertical-align: middle;border-radius:25px;transition:400ms;font-weight:bold !important;}
#headerData .float-left .headerLanguageMenu button:hover{background:#f9f9f9;transition:100ms;}
#ChangeLanguageInMenu button:hover{background:#f9f9f9;transition:100ms;}
#headerData .float-left .headerLanguageMenu button span{margin-right:10px;display:inline-flex!important;}
#ChangeLanguageInMenu button span{margin-right:16px;display:inline-flex!important;}
#headerData .float-left .headerLanguageMenu button strong{height:32px;color:#233367;font-weight:700;}
#ChangeLanguageInMenu button strong{height:32px;}
#headerData .float-left .headerLanguageMenu button img{display:inline-block;vertical-align: middle;width:20px;height:20px;}
#ChangeLanguageInMenu button img{display:inline-block;vertical-align: middle;width:20px;height:20px;}
#headerData .col-6{min-height:65px;padding:30px 27px 0;}
#ChangeLanguageInMenu{display:none;}

.headerSocialLinkedin{margin-left:3px;}

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;
}

.headerTopContact{background:#fff;padding:20px 70px 0;text-align: right;}

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*/

#kategory {padding:50px 0;text-align: center;}
#kategory article{text-align:left;}
#kategory .container{padding:0;}
#kategory img{width:100%;transform: scale(1);transition:500ms;max-width:40px;margin:0 0 8px;}
#kategory h2{text-transform: none;font-weight:800;padding:0;text-align: left;}
#kategory p{text-align: left;}
#kategory .btn.btn-border{margin:45px auto 5px;}
#kategory .row .row{padding:20px 0 0 0;}
#kategory .row .row .col{background:#fff;border-radius:3px;padding:15px 15px 8px;max-width:180px;margin:0 10px 10px;text-align:center;}
#kategory .kategory-content{margin-top:25px;max-width:80%;line-height: 27px;}
#kategory .row .row .col p{text-align: center !important;margin:0 0 7px;}
#kategory #nasiPartneri img{width:auto;height:30px;max-width:170px;margin:0 35px 15px 0;opacity:0.4;display:none;}
#kategory #nasiPartneri ul {margin:0;padding:0;position: absolute;top: 0;}
#kategory #nasiPartneri ul li{list-style:none;display: inline-block;}
#kategory article.col:first-child  strong{color:#181849 !important;font-size:18px;margin-bottom: 60px;display:block;text-align: left;}

#kategory .sektorContent{padding: 120px;
                         position: relative;
                         text-align: left;
                         padding-bottom: 50px;
                         padding-top: 50px;
                         width: 100%;
                         /*    align-items: center;*/
                         display: flex;
                         flex-direction: column;
                         justify-content: center;}

#kategory  a:hover h2{
    -webkit-animation: heartbeat 1.7s infinite ease-in;
    animation: heartbeat 1.7s infinite ease-in;
}

@-webkit-keyframes heartbeat {
    0% { -webkit-transform: scale(1); }
    10% { -webkit-transform: scale(1.1); }
    20% { -webkit-transform: scale(1); }
    30% { -webkit-transform: scale(1.1); }
    40% { -webkit-transform: scale(1); }
}

@-webkit-keyframes heartbeat-x {
    0% { -webkit-transform: scaleX(0); }
    10% { -webkit-transform: scaleX(1); }
    20% { -webkit-transform: scaleX(0); }
    30% { -webkit-transform: scaleX(1); }
    40% { -webkit-transform: scaleX(0); }
}

@keyframes heartbeat {
    0% { transform: scale(1); }
    10% { transform: scale(1.1); }
    20% { transform: scale(1); }
    30% { transform: scale(1.1); }
    40% { transform: scale(1); }
}

@keyframes heartbeat-x {
    0% { transform: scaleX(0); }
    10% { transform: scaleX(1); }
    20% { transform: scaleX(0); }
    30% { transform: scaleX(1); }
    40% { transform: scaleX(0); }
}

#sliderTop{background:#fff url('../img/bg-slider.jpg') no-repeat right top;display:block;max-height:500px;background-size:contain;text-align:center;padding-bottom:0;height:500px;}
#sliderTop img{float:right;height:400px;margin:100px 0 0 0;z-index:9;}
#sliderTop .container{background:url('../img/slider-1.jpg');text-align:left;padding:0;}
#sliderTop h1{color:#181849;font-size:45px;line-height:55px;padding:100px 0 5px;margin:0;font-weight:800;width:700px;} 
#sliderTop h1 strong{color:#40baff;} 
#sliderTop p{width:100%;color:#fff;margin:0 0 35px;}
#sliderTop p strong{display:block;color:#e5b98a !important;font-size:40px;line-height:40px;text-transform: uppercase;font-weight:600;}
#sliderTop .bottomButton{position:absolute;bottom:70px;width:auto;}
#sliderTop .bottomButton a{margin:0 7px;padding:10px 20px !important;border-radius:2px;font-size:14px;}
#sliderTop h2{margin:35px 0 15px 0;color:#595d63;}
#sliderTop h2 strong{color:#000;}
#sliderTop .videoButton{display:none;width:150px;bottom:73px;left:200px;text-decoration: none;}
#sliderTop .videoButton img{height:32px !important;margin:0 5px 0 0;float:unset;top:-5px;transition:300ms;transform:scale(0.8);}
#sliderTop .videoButton:hover img{transition:300ms;transform:scale(1);}
#carouselExampleCaptions{overflow:hidden;}
.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:left;top:0;}
.navbar-collapse{width:auto;}

.carousel-control-next,.carousel-control-prev{width:10%;}
.carousel-caption{left:100px;}
.oznaceniSekce h2{color:#000;font-size:20px;margin:25px;}
.oznaceniSekce h2:before{content:"";height:3px;width:40px;display:inline-block;margin:0 20px 0 0;background:#53c23b;top:-5px;position:relative;}
.oznaceniSekce h4{font-size:35px;color:#000;padding:15px 25px 0;line-height:45px;margin:5px 0 100px;}
.oznaceniSekce p{color:#000;padding:15px 25px 0;}
.galerieRealizaci{background:#fff;display:block;padding:30px 0 25px 0;}

#contentData h1{font-size:25px;} 

#contentData .timeline-marker:before{background:#181849 !important;}
#contentData .timeline-item:not(.period):hover .timeline-marker:before{border:3px solid #181849 !important;background:#fff !important;}
#contentData .timeline-item:hover h3.timeline-title{color:#181849 !important;}

#poloBlog{padding:60px 0 50px;text-align: center;background:#fff;}
#poloBlog .col-6 img{width:100%;transition:500ms;}
#poloBlog .col-6:hover img{transform: scale(1.2);transition:500ms;}
#poloBlog .col-6{padding:0;overflow:hidden;}
#poloBlog .col-6 div.newsContent{text-align:left;}
#poloBlog h2, h2.top{text-transform: none;color: #595d63;font-weight: 400;padding:0px 0 30px;background:url('../img/bg-h2.png') no-repeat center bottom;background-size: 140px;margin-bottom: 35px;width:100%;text-align:center;}
#poloBlog span{color:#837f87;font-size:11px;display:block;margin-bottom: 25px;letter-spacing: 1px;}
#poloBlog .col-4{padding:0  25px 0 100px;}
#poloBlog .col-4 span{text-transform: uppercase;} 
#poloBlog .col-4 strong{color:#40baff;font-size:70px;}
#poloBlog .row{width:95%;margin:0 auto;}
#poloBlog h3{text-transform: unset;text-decoration: none;color:#000;margin-bottom: 25px;}
#poloBlog h3 a{text-transform: unset;text-decoration: none;color:#000;}
#poloBlog h3 a:hover{color:#181849;}

a.precteteSiViceTlacitko{color:#40baff;text-decoration:none;}
a.precteteSiViceTlacitko:hover{color:#181849;}
a.precteteSiViceTlacitko:before{content:'';background:#177ad1;height:2px;width:22px;margin:0 15px 0 0;display:inline-block;top:-5px;position:relative;transition:500ms;}
a.precteteSiViceTlacitko:hover:before{content:'';width:40px;transition:500ms;}

#poloBlog #galerie{margin:15px 0 45px;}
#contentData #poloBlog{padding-bottom:1px;}

.hlavickaRozcestnik{padding: 40px 0px 80px !important;width: 100%;margin: 0 auto;display: block;max-width: 100% !important;background: rgb(255,255,255);background: linear-gradient(180deg, rgba(254,246,236,1) 50%, rgba(255,255,255,1) 50%);}
.hlavickaRozcestnik25{background: rgb(255,255,255);background: linear-gradient(180deg, rgba(254,246,236,1) 25%, rgba(255,255,255,1) 25%);}
.hlavickaRozcestnik100{background: rgb(254,246,236) !important;} 
.hlavickaRozcestnik100 h2.hlavickaRozcestnik100h2{text-align: center;font-weight:600;font-size:35px;margin-bottom: 25px !important;display:block;}

#naCoSiDatPozor{background: #fff;}
#naCoSiDatPozor .faktorProcObrazek{position: relative;border-radius: 50%;border: 1px solid #000;width: 60px;height: 60px;overflow: hidden;float:left;}
#naCoSiDatPozor .faktorProcObrazek *{position: absolute;top: 50%;left: 50%;width: 50%;height: auto;transform: translate(-50%, -50%);}
#naCoSiDatPozor .faktorProcText{width: calc(100% - 60px);padding-left:25px;float:right;}
#naCoSiDatPozor .faktorProcText h4{margin-top:15px;}
#naCoSiDatPozor .faktorProc{margin-bottom: 25px;}

.defaultniPozadi{background:none !important;} 

.hlavickaRozcestnik h2{font-size: 26px;margin: 0;line-height: 35px;display: block;padding:15px 0;}
.hlavickaRozcestnik img{border-radius: 25px;margin:0 auto;width:calc( 100% - 50px );height:auto;} 
.hlavickaRozcestnik a img.downloadIcon{border-radius: 0;margin:0 5px 0 0;width:20px;height:20px;transition:300ms;} 
.hlavickaRozcestnik a:hover img.downloadIcon{filter: brightness(1) invert(1);-webkit-filter: brightness(1) invert(1);transition:300ms;cursor:pointer;} 
.hlavickaRozcestnik .col-6{text-align: center;} 
.hlavickaRozcestnik .hlavickaRozcestnikText{text-align: left;padding:0 25px 25px;display:block;}
.hlavickaRozcestnik.hlavickaRozcestnik25 .hlavickaRozcestnikText{text-align: left;padding:0 25px 65px;display:block;}


#vypisKatalogu h2{text-align: center;font-weight:700;margin:0 auto 35px;font-size:35px;}
#vypisKatalogu img{width:100%;}
#vypisKatalogu .textKatalogu a img.downloadIcon{border-radius: 0;margin:0 5px 0 0;width:20px;height:20px;transition:300ms;} 
#vypisKatalogu .textKatalogu a:hover img.downloadIcon{filter: brightness(1) invert(1);-webkit-filter: brightness(1) invert(1);transition:300ms;cursor:pointer;} 
#main #vypisKatalogu h3{font-size: 26px;margin: 0;line-height: 35px;display: block;padding: 15px 0;font-weight:700;height:100px;}
#vypisKatalogu .col-6{width:33%;}
#vypisKatalogu .textKatalogu{padding:20px 40px 35px;margin-bottom: 25px;background:#fff;}


.hlavickaFullImg img{width:100%;display:block;height:auto;margin:0 auto;border-radius: 25px;}
.hlavickaFullImg video{width:100%;display:block;height:auto;margin:0 auto;border-radius: 25px;}

.bigSize{font-size:45px;margin-top:35px;}

#kratkyClanek{background: #fff;}
#kratkyClanek h3{font-weight: 600;}
#kratkyClanek img{width:100%;height:auto;display:block;border-radius: 20px;}
#kratkyClanek .kratkyClanekObsah{padding:80px 0 80px 80px;}
#kratkyClanek .kratkyClanekObsah h3{font-size: 40px;line-height: 50px;}
#kratkyClanek .revertPadding .kratkyClanekObsah{padding:80px 80px 80px 0;}

#kratkyClanek .text-center{padding:80px 0 20px;}
#kratkyClanek .text-center p{margin:0 auto 25px;max-width:900px}
#kratkyClanek .text-center h4{max-width:unset;margin:0 auto 25px;}

.grid.text-left{text-align: left !important;gap:50px;}
.grid.text-left ul li{font-size:16px;line-height: 25px;margin-bottom: 5px;;}

.posuvnaGalerie{    max-height: 720px;
                    padding: 40px 0px 30px !important;
    width: 100%;
    margin: 0 auto;
    display: block;
    max-width: 100% !important;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(254,246,236,1) 50%, rgba(255,255,255,1) 50%);
}
.swiper, .prepinacSwiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.swiper-pointer-events {
    touch-action: pan-y;
}
.swiper-wrapper {    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    transition-timing-function: linear !important;
}
.swiper-slide img {border-radius: 25px;}
.swiper-slide video {border-radius: 25px;}
.swiper-slide {
    flex-shrink: 0;
    width: auto;
    height: 100%;
    position: relative;
    transition-property: transform;    display: inline-block;
    height: 28.125vw;
    min-height: 300px;
    width: auto !important;margin-right: 30px;
} 

.red{color:#eb0000;font-weight:700;}
.posuvnaGalerieNadpis{padding-bottom:0 !important;}
.posuvnaGalerieNadpis.backgroundWhite{background:#fff !important;padding-bottom:40px !important;margin-top:45px;}
.posuvnaGalerieNadpis .container{padding:0;}
.posuvnaGalerieNadpis .container h3{font-weight: 600;font-size: 46px;margin-bottom: 50px;}
.posuvnaGalerieNadpis .container p{font-size:18px;line-height:30px;}
.posuvnaGalerie.backgroundWhite{background:#fff !important;background-color:#fff !important;}
.posuvnaGalerie.backgroundBeige{background:#fef6ec !important;background-color:#fef6ec !important;}
 
.naseHodnoty{background:#fff;text-align: center;}
.naseHodnoty h3{font-weight:600;font-size:35px !important;}
.naseHodnoty img{width:100%;height:auto;border-radius: 25px;}

#pocasi .prepinacVideiContent{max-width:550px;}
#pocasi video{display:block;height:auto;border-radius: 25px;}
#pocasi .prepinacVideiContent ul{margin:35px 0;padding:0;}
#pocasi .prepinacVideiContent ul::before {position: absolute;top: calc(50% - 25px);width: 100%;height: 5px;background-image: ;background-position-x: ;background-position-y: ;background-repeat-x: ;background-repeat-y: ;background-attachment: ;background-origin: ;background-clip: ;background-color: ;background-size: 10px 100%;transform: translateY(-50%);content: "";}
#pocasi .prepinacVideiContent ul li{list-style: none;display:inline-block;margin-right: 30px;text-align: center;}
#pocasi .prepinacVideiContent ul li span{position: relative;display: flex;justify-content: center;align-items: center;width: 70px;height: 70px;border-radius: 50%;border: 2px solid rgba(157, 147, 150, 0.3);background-color:#fff;margin-bottom: 15px;overflow: hidden;}
#pocasi .prepinacVideiContent ul li.aktivniPrepinacVidea span{border: 2px solid rgba(157, 147, 150, 1);}
#pocasi .prepinacVideiContent ul li strong{opacity:0;transition:300ms;}
#pocasi .prepinacVideiContent ul li.aktivniPrepinacVidea span{border: 2px solid rgba(157, 147, 150, 1);}
#pocasi .prepinacVideiContent ul li.aktivniPrepinacVidea strong{opacity:1;transition:300ms;}
#pocasi .prepinacVideiContent ul li:hover strong{opacity:1;transition:300ms;}
.btn.btn-circle{border-radius: 100%;display:block;text-align: center;color:#fff;background:#000;width:150px;height:150px;line-height: 136px;text-decoration: none;}
.btn.btn-circle:hover{background:#eb0000;}

#kontaktniPruh{padding:80px 0;background:#fff;}
#kontaktniPruh.backgroundNone{background:none !important;}
#kontaktniPruh .row{display:table;margin:0 auto;}
#kontaktniPruh .col-4{display:table-cell;vertical-align: middle;}
#kontaktniPruh .col-8{display:table-cell;vertical-align: middle;}
#kontaktniPruh h4{font-weight:600;margin-right:100px;}
#kontaktniPruh h4 strong{color:#eb0000;}

#kontaktniPruh2{padding:80px 0;background:#fff;}
#kontaktniPruh2.backgroundNone{background:none !important;}
#kontaktniPruh2 .row{display:table;margin:0 auto;}
#kontaktniPruh2 .col-4{display:table-cell;vertical-align: middle;}
#kontaktniPruh2 .col-8{display:table-cell;vertical-align: middle;}
#kontaktniPruh2 h4{font-weight:600;margin-right:100px;}
#kontaktniPruh2 h4 strong{color:#eb0000;}

#perexSubPageDetail{background:#fff;padding:40px 0;}
#perexSubPageDetail .row{display:table;}
#perexSubPageDetail .col-6{display:table-cell;vertical-align: middle;}
#perexSubPageDetail h2{font-weight:600;font-size:40px;max-width: 550px;}
#perexSubPageDetail p{font-size:22px;line-height: 35px;}

.perexSubPageDetail{background:#fff;padding:40px 0;}
.perexSubPageDetail .row{display:table;}
.perexSubPageDetail .col-6{display:table-cell;vertical-align: middle;}
.perexSubPageDetail h2{font-weight:600;font-size:40px;max-width: 550px;}
.perexSubPageDetail p{font-size:22px;line-height: 35px;}

table.table{background:#fff;border-radius:24px;padding:36px;display:block;width:100%;font-size:14px;line-height:26px;}
table.table td:first-child {min-width: 220px;}
table.table .material-icons{top:-2px;color:#92d400;cursor:pointer;vertical-align: middle;margin:0 6px 0 0;}

.table-responsive sup{color:#d50f48;font-size:18px;font-weight: 800;top:1px;}

#patenty{}
#patenty .grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px;}
#patenty .grid div{border-radius:12px;background:#fff;padding:32px;}
#patenty .grid div h4{font-weight: 600;font-size:19px;}
#patenty .grid div p{font-size:14px;margin:0 auto;}
#patenty .grid img{width:100%;height:auto !important;margin-bottom: 24px;border-radius: 8px;}
#patenty .grid video{width:100%;height:auto !important;margin-bottom: 24px;border-radius: 8px;}
#patenty .grid div.medium{height:112px !important;padding: 0;margin: 0 0 24px;}
#motorizace .grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px;}
#motorizace .grid div{border-radius:12px;background:#fff;padding:32px;}
#motorizace .grid div h4{font-weight: 600;font-size:19px;}
#motorizace .grid div p{font-size:14px;margin:0 auto;}


.subPageContent .row{position: relative;}

.subPageContent ul{    margin-bottom: 35px;}
.subPageContent ul li{font-size: 16px;
    color: #535353;
    line-height: 25px;}

.subPageContent small{text-transform: uppercase;letter-spacing: 5px;margin: 100px 0 25px;display: block;}
.subPageContent h3{font-size: 50px;line-height: 60px;display: block;margin-bottom: 35px;font-weight:600;}
.subPageContent {padding:80px 0;}
.subPageContent .fixedContent{max-width:660px;}
.subPageContent .fixedContent h3.greta::before{content:"";display:block;width:50px;height:50px;background:url('../img/Gibus_Icona_40.svg') no-repeat;position:absolute;top: 10px;left: -60px;}
.subPageContent .fixedContent h3.osvetleni::before{content:"";display:block;width:50px;height:50px;background:url('../img/Icona_39-01.svg') no-repeat;position:absolute;top: 4px;left: -60px;}
.subPageContent .scrollContent img{width:100%;}
.charakteristikaVyhodaText{padding:0 0 0 45px;width: calc(100% - 50px);float:right;}
.subPageContent .scrollContent .charakteristikaVyhodaImage img{width: 60px !important;border-radius: 0;}
.charakteristikaVyhodaImage{position: absolute;top: 0;left: 0;bottom: 0;right: 0;box-sizing: border-box;padding: 0;border: none;margin: auto;display: block;width: 60px !important;height: 0;min-width: 100%;max-width: 100%;min-height: 100%;max-height: 100%;}
.charakteristikaVyhoda h4{font-weight: 600;}
.scrollContent video{width:100%;height:auto;border-radius:25px;margin-bottom: 25px;}
.scrollContent img{width:100%;height:auto;border-radius:25px;}
.charakteristikaVyhoda{padding:25px 0;}
.fixedContent video{width:100%;height:auto;border-radius:25px;margin-bottom: 25px;}
.fixedContent img{width:100%;height:auto;border-radius:25px;}
.fixedContent h4{font-weight:600;font-size:24px;margin-bottom: 25px;}
.scrollContent h4{font-weight:600;font-size:24px;margin-bottom: 25px;}
.fixedContent .odsazeni{margin-top:85px;margin-bottom: 45px;}
.scrollContent .odsazeni{margin-top:85px;margin-bottom: 45px;}
.fixedContent .odsazeni .row p{margin:0 0 25px;}
.fixedContent .odsazeni p{margin:25px 0;}
.fixedContent .charakteristikaVyhodaImage img{width: 60px !important;border-radius: 0;}
.fixedContent .charakteristikaVyhodaText{padding-left:15px;}
.noIcon .charakteristikaVyhodaText{width:100%;padding-left:15px;}
.float-right{float:right;}

button:focus {outline: none;text-transform: none;}
#modely{padding:80px 0;}
#modely .container{text-align: center;}
#modely .swiperModel{width: 780px;max-width: 80vw;border-radius:20px !important;overflow: hidden;}
#modely .swiperModel::before{content: "";display: block;width: 100%;padding-bottom: 80.7692%;}
#modely .swiperModel > *{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
#modely .swiperModel .swiperModelTransform{transform: scale(1.5) translateZ(0);transform-origin: right top;}
#modely .swiperModel .swiperModelOpacity{opacity:1;}
#modely .swiperModel .swiperModelSpan{box-sizing: border-box;display: block;overflow: hidden;width: initial;height: initial;background: none;opacity: 1;border: 0;margin: 0;padding: 0;position: relative;}
#modely .swiperModel .swiperModelSpan span{box-sizing: border-box;display: block;width: initial;height: initial;background: none;opacity: 1;border: 0;margin: 0;padding: 0;padding-top: 80.76923076923077%;}
#modely .swiperModel .swiperModelSpan img{border-radius:0px !important;position: absolute;top: 0;left: 0;bottom: 0;right: 0;box-sizing: border-box;padding: 0;border: none;margin: auto;display: block;width: 0;height: 0;min-width: 100%;max-width: 100%;min-height: 100%;max-height: 100%;}
#modely .swiperModelDetail{position: absolute;height: auto;padding: 0px 30px;z-index: 2;bottom: 20px;width:50%;top:517px;}
#modely .swiperModelDetail h3{line-height: 1.25;color:#fef6ec;font-size:40px;margin-bottom: 0;font-weight:600;}
#modely .swiperModelDetail p.swiperModelDetailPerex{font-size: 18px;font-weight: 600;color: #000;}
#modely .swiperModelDetail .hr{margin:40px 0;height:1px;width:100%;display:block;background: #434343;}
#modely .swiperModelDetail .swiperModelDetailContent{height:auto;}
#modely .swiperModelDetail .swiperModelDetailContent ul{margin:0;padding:0;columns: 2;}
#modely .swiperModelDetail .swiperModelDetailContent ul li{list-style:none;font-weight:400;}
#modely h2{font-weight:600;font-size:36px;margin-bottom: 40px;}
#modely .swiper-button-prev, #modely .swiper-button-next{background:#434343;width:50px;height:50px;border-radius: 100%;border:2px solid #434343}
#modely .swiper-button-prev:hover, #modely .swiper-button-next:hover{background:none;border:2px solid #434343}
#modely .swiper-button-prev::after, #modely .swiper-button-next::after{color:#fff;font-size:16px;}
#modely .swiper-button-prev:hover::after, #modely .swiper-button-next:hover::after{color:#434343;}
#modely .swiperModelOvladani{position: absolute;height: auto;bottom: 20px;right: 0px;padding: 0px 30px;z-index: 2;width:50%;left:auto;top:auto;}
#modely .swiperModelOvladani *{transition:300ms;}
#modely .swiperModelOvladani .swiperModelOvladaniInner{display: flex;justify-content: space-between;}
#modely .swiperModelOvladani .swiperModelOvladaniInner .swiperModelOvladaniInnerContact{padding-left:15px;display: flex;box-sizing: border-box;justify-content: flex-end;}
#modely .swiperModelOvladani .swiperModelOvladaniInner .swiperModelOvladaniInnerContact button{font-size:14px;border:0;background:transparent;line-height: 1.25;position: relative;padding: 1.15em 3.36em;color: #434343;cursor: pointer;width: auto;box-sizing: border-box;transition: color 0.1s linear 0.1s;font-weight:600;}
#modely .swiperModelOvladani .swiperModelOvladaniInner .swiperModelOvladaniInnerContact button:hover{transition: color 0.1s linear 0s;color:#fef6ec;}
#modely .swiperModelOvladani .swiperModelOvladaniInner .swiperModelOvladaniInnerContact button:hover::before{background-color:#434343;border:2px solid #434343;}
#modely .swiperModelOvladani .swiperModelOvladaniInner .swiperModelOvladaniInnerContact button::before{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;border-radius: 999px;content: "";transition: background-color 0.3s ease-out 0s, transform 0.28s ease-out 0s;box-sizing: border-box;background-color:transparent;border:2px solid #434343}
#modely .swiperModelOvladani .swiperModelOvladaniInner .swiperModelOvladaniInnerContact button .btn01{position: relative;display: block;overflow: hidden;box-sizing: border-box;}
#modely .swiperModelOvladani .swiperModelOvladaniInner .swiperModelOvladaniInnerContact button .btn02{transform: translateY(0%) translateZ(0px);}
#modely .swiperModelOvladani .swiperModelOvladaniInner .swiperModelOvladaniInnerButton{width: calc(100% - 250px);}
#modely .swiperModelOvladani .swiperModelOvladaniInner .swiperModelOvladaniInnerButton button{display: flex;justify-content: center;align-items: center;width:50px ;height:50px;padding: 0px;border-radius: 50%;color:#fef6ec;background: transparent;border:0;text-transform: none;font-size:13px;}
#modely .swiperModelOvladani .swiperModelOvladaniInner .swiperModelOvladaniInnerButton button::before{border:2px solid #434343;background:#434343;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;border-radius: 999px;content: "";transition: background-color 0.3s ease-out 0s, transform 0.28s ease-out 0s;box-sizing: border-box;}
#modely .swiperModelOvladani .swiperModelOvladaniInner .swiperModelOvladaniInnerButton button .btn01{position: relative;display: block;overflow: hidden;box-sizing: border-box;}
#modely .swiperModelOvladani .swiperModelOvladaniInner .swiperModelOvladaniInnerButton button .btn02{position: relative;display: block;transform: translateY(0%) translateZ(0px);box-sizing: border-box;}
#modely .swiperModelOvladani .swiperModelOvladaniInner .swiperModelOvladaniInnerButton button .btn03{opacity: 1;}
#modely .swiperModelOvladani .swiperModelOvladaniInner .swiperModelOvladaniInnerButton button:hover{color:#434343;}
#modely .swiperModelOvladani .swiperModelOvladaniInner .swiperModelOvladaniInnerButton button:hover::before{background-color:transparent;}
#modely .swiperModel.swiperModelAktivni .swiperModelTransform{transform: none;}
#modely .swiperModel.swiperModelAktivni .swiperModelDetail{width: 100%;bottom: auto;top: 42%;}
#modely .swiperModel.swiperModelAktivni .swiperModelOvladani{width:100%;}
#modely .swiperModel.swiperModelAktivni .swiperModelOvladani .swiperModelOvladaniInner .swiperModelOvladaniInnerButton button:focus {outline: none;}
#modely .swiperModel.swiperModelAktivni .swiperModelOvladani .swiperModelOvladaniInner .swiperModelOvladaniInnerButton button .btn03{font-size:0;}
#modely .swiperModel.swiperModelAktivni .swiperModelOvladani .swiperModelOvladaniInner .swiperModelOvladaniInnerButton button .btn03::before {content: "";width:50px;height:50px;display:block;background:url('../img/close_FILL0_wght400_GRAD0_opsz20.svg') no-repeat;background-size: 30px;background-position: center 21px;}
#modely .swiperModel.swiperModelAktivni .swiperModelOvladani .swiperModelOvladaniInner .swiperModelOvladaniInnerButton button:hover .btn03::before {content: "";width:50px;height:50px;display:block;background:url('../img/close_FILL0_wght400_GRAD0_opsz20_black.svg') no-repeat;background-size: 30px;background-position: center 21px;}

.backgroundWhite{background:#fff;}
.posuvnaGalerie.backgroundWhite{padding: 0 0 80px !important;}

#prizpusobeni{padding:80px 0;}
#prizpusobeni.backgroundWhite{background:#fff;}
#prizpusobeni .container{text-align: center;}
#prizpusobeni h2{font-weight: 600;font-size: 36px;margin-bottom: 40px;}
#prizpusobeni .swiper-button-prev, #prizpusobeni .swiper-button-next{background:#434343;width:50px;height:50px;border-radius: 100%;border:2px solid #434343;z-index:8;}
#prizpusobeni .swiper-button-prev:hover, #prizpusobeni .swiper-button-next:hover{background:none;border:2px solid #434343}
#prizpusobeni .swiper-button-prev::after, #prizpusobeni .swiper-button-next::after{color:#fff;font-size:16px;}
#prizpusobeni .swiper-button-prev:hover::after, #prizpusobeni .swiper-button-next:hover::after{color:#434343;}
#prizpusobeni .swiperPrizpusobeni{width: 780px;max-width: 80vw;}
#prizpusobeni .swiperPrizpusobeniModel{position:relative;}
#prizpusobeni .swiperPrizpusobeniModel::before{content: "";display: block;width: 100%;padding-bottom: 64.1026%;}
#prizpusobeni .swiperPrizpusobeniModelImage{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
#prizpusobeni .swiperPrizpusobeniModelImage span{box-sizing: border-box;display: block;overflow: hidden;width: initial;height: initial;background: none;opacity: 1;border: 0;margin: 0;padding: 0;position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
#prizpusobeni .swiperPrizpusobeniText{text-align: center;font-size:21px;}

#defaultniClanekJednosloupcovy{background:#fff;margin-top:60px;}
#defaultniClanekJednosloupcovy p{margin-right:auto;margin-left:auto;}
#defaultniClanekJednosloupcovy h2, #defaultniClanekJednosloupcovy h3, #defaultniClanekJednosloupcovy h4, #defaultniClanekJednosloupcovy h5 {max-width: 700px;margin-bottom: 35px;margin-right:auto;margin-left:auto;}
#defaultniClanekJednosloupcovy table{max-width: 700px;margin-bottom: 35px;margin-right:auto;margin-left:auto;}
#defaultniClanekJednosloupcovy ul, #defaultniClanekJednosloupcovy ol{max-width: 700px;margin-bottom: 35px;margin-right:auto;margin-left:auto;font-size: 16px;color: #535353;line-height: 25px;}
#defaultniClanekJednosloupcovy ul li, #defaultniClanekJednosloupcovy ol li, #defaultniClanekJednosloupcovy table{font-size: 16px;color: #535353;line-height: 25px;}



#pegolyOsvetleni{padding:80px 0;background:#fff;}
#pegolyOsvetleni .container{text-align: center;}
#pegolyOsvetleni img{width:100%;height:auto;border-radius: 25px;}
#pegolyOsvetleni h3{font-weight:600;}
#pegolyOsvetleni .textovyPopisMaxSirka{max-width: 660px;float:right;text-align: left;padding:50px;}
#pegolyOsvetleni p{    margin: 0 auto 15px;
    font-size: 18px;
    line-height: unset;
    display: block;}

#realizace{padding:80px 0;}
#realizace .container{text-align: center;}
#realizace h2{font-weight: 600;font-size: 36px;margin-bottom: 40px;}
#realizace .swiper-button-prev, #realizace .swiper-button-next{background:#434343;width:50px;height:50px;border-radius: 100%;border:2px solid #434343;z-index:8;}
#realizace .swiper-button-prev:hover, #realizace .swiper-button-next:hover{background:none;border:2px solid #434343}
#realizace .swiper-button-prev::after, #realizace .swiper-button-next::after{color:#fff;font-size:16px;}
#realizace .swiper-button-prev:hover::after, #realizace .swiper-button-next:hover::after{color:#434343;}
#realizace .swiperRealizace{width: 780px;max-width: 80vw;}
#realizace .swiperRealizaceModel{position:relative;}
#realizace .swiperRealizaceModel::before{content: "";display: block;width: 100%;padding-bottom: 64.1026%;}
#realizace .swiperRealizaceImage{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
#realizace .swiperRealizaceImage span{box-sizing: border-box;display: block;overflow: hidden;width: initial;height: initial;background: none;opacity: 1;border: 0;margin: 0;padding: 0;position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
#realizace .swiperRealizaceText{font-size:21px;padding:0 25px;}
#realizace .swiperRealizaceText p{margin:0;padding:0;}
#realizace .swiperRealizaceText p strong{margin:0 5px 0 0;}
#realizace .swiperRealizaceText h3{font-size:26px;margin:0;line-height:70px;}
#realizace.backgroundWhite{background:#fff !important;} 


#realizaceSwipper img {border-radius: 25px;width: 100%;height:auto;}
#realizaceSwipper .swiperRealizaceText {font-size: 21px;padding: 0 25px 25px;}
#realizaceSwipper .swiperRealizaceText h3 {font-size: 26px;margin: 0;line-height:normal;padding:25px 0;display:block;}
#realizaceSwipper h2 {font-weight: 600;font-size: 40px;max-width: 550px;display:block;text-align: center;margin:0 auto 25px;}
#realizaceSwipper .swiperRealizaceText p {margin-bottom:0 !important;}
#realizaceSwipper .swiperRealizaceText p strong {margin: 0 5px 0 0;}
#realizaceSwipper .swiperRealizace.col-6{width:33%;}

.paddingLeft25{padding-left:50px;}




#colorKonfigurator{background:#fff;padding:150px 0;}
#colorKonfigurator #colorOptions button{position:relative;width:60px;height:60px;border-radius:50%;border:1px solid rgba(157, 147, 150, 0.3);background-color:#fff;user-select:none;cursor:pointer;appearance: none;margin:0;background:transparent;color:inherit;font-size:0 !important;}
#colorKonfigurator #colorOptions button::before{position: absolute;margin: auto;border-radius: 50%;border: 1px solid rgba(157, 147, 150, 0.5);transition: all 0.2s ease-out 0s;content: "";inset: 0px;width:54%;height:54%;}
#colorKonfigurator.sklonPergolBarva {background:transparent !important;}
#colorKonfigurator.sklonPergolBarva #colorOptions h3{padding:0 0 15px;}
#colorKonfigurator #colorOptions button.colorButtonAktivni{border-color:#000;}
#colorKonfigurator #colorOptions button.colorButtonAktivni::before{width:80%;height:80%;}
#colorKonfigurator #colorOptions .color1::before{background-color: rgb(81, 82, 84);}
#colorKonfigurator #colorOptions .color2::before{background-color: rgb(41, 49, 51);}
#colorKonfigurator #colorOptions .color3::before{background-color: rgb(97, 67, 61);}
#colorKonfigurator #colorOptions .color4::before{background-color: rgb(69, 50, 46);}
#colorKonfigurator #colorOptions .color5::before{background-color: rgb(165, 105, 74);}
#colorKonfigurator #colorOptions .color6::before{background-color: rgb(234, 230, 202);}
#colorKonfigurator #colorOptions .color7::before{background-color: rgb(194, 195, 198);}
#colorKonfigurator #colorOptions .color8::before{background-color: rgb(255, 255, 255);}
#colorKonfigurator #colorOptions .colorA::before{background-color: rgb(81, 82, 84);}
#colorKonfigurator #colorOptions .colorB::before{background-color: rgb(234, 230, 202);}
#colorKonfigurator #colorOptions .colorC::before{background-color: rgb(194, 195, 198);}
#colorKonfigurator #colorOptions .colorD::before{background-color: rgb(255, 255, 255);}

#colorKonfigurator #colorOptions .colorSklon1::before{background-color: rgb(81, 82, 84);}
#colorKonfigurator #colorOptions .colorSklon2::before{background-color: rgb(41, 49, 51);}
#colorKonfigurator #colorOptions .colorSklon3::before{background-color: rgb(97, 67, 61);}
#colorKonfigurator #colorOptions .colorSklon4::before{background-color: rgb(165, 105, 74);}
#colorKonfigurator #colorOptions .colorSklon5::before{background-color: rgb(234, 230, 202);}
#colorKonfigurator #colorOptions .colorSklon6::before{background-color: rgb(194, 195, 198);}
#colorKonfigurator #colorOptions .colorSklon7::before{background-color: rgb(255, 255, 255);}

#colorKonfigurator #colorOptions .colorUhel1::before{background-color: rgb(81, 82, 84);}
#colorKonfigurator #colorOptions .colorUhel2::before{background-color: rgb(41, 49, 51);}
#colorKonfigurator #colorOptions .colorUhel3::before{background-color: rgb(97, 67, 61);}
#colorKonfigurator #colorOptions .colorUhel4::before{background-color: rgb(165, 105, 74);}
#colorKonfigurator #colorOptions .colorUhel5::before{background-color: rgb(234, 230, 202);}
#colorKonfigurator #colorOptions .colorUhel6::before{background-color: rgb(194, 195, 198);}
#colorKonfigurator #colorOptions .colorUhel7::before{background-color: rgb(255, 255, 255);}

#colorKonfigurator #colorOptions .colorCombi1::before{background-color: rgb(81, 82, 84);}
#colorKonfigurator #colorOptions .colorCombi2::before{background-color: rgb(97, 67, 61);}
#colorKonfigurator #colorOptions .colorCombi3::before{background-color: rgb(234, 230, 202);}
#colorKonfigurator #colorOptions .colorCombi4::before{background-color: rgb(194, 195, 198);}
#colorKonfigurator #colorOptions .colorCombi5::before{background-color: rgb(255, 255, 255);}

#colorKonfigurator #colorOptions .colorPovrch1::before{background-color: rgb(81, 82, 84);}
#colorKonfigurator #colorOptions .colorPovrch2::before{background-color: rgb(41, 49, 51);}
#colorKonfigurator #colorOptions .colorPovrch3::before{background-color: rgb(97, 67, 61);}
#colorKonfigurator #colorOptions .colorPovrch4::before{background-color: rgb(69, 50, 46);}
#colorKonfigurator #colorOptions .colorPovrch5::before{background-color: rgb(165, 105, 74);}
#colorKonfigurator #colorOptions .colorPovrch6::before{background-color: rgb(234, 230, 202);}
#colorKonfigurator #colorOptions .colorPovrch7::before{background-color: rgb(194, 195, 198);}
#colorKonfigurator #colorOptions .colorPovrch8::before{background-color: rgb(255, 255, 255);}

#colorKonfigurator.colorPovrch{text-align: center;}
#colorKonfigurator.colorPovrch #zvoleneHodnotyBarev{margin-left:auto;margin-right:auto;display:block;float:unset;text-align: center;}
#colorKonfigurator.colorPovrch #zvoleneHodnotyBarev p{font-size:25px !important;}
#colorKonfigurator.colorPovrch p{margin-left:auto !important;margin-right:auto !important;display:block;text-align: center !important;}
#colorKonfigurator.colorPovrch #structureColor{margin: 45px auto 25px !important;display:block;text-align: center !important;max-width: 100% !important;gap:50px !important;}
#colorKonfigurator.colorPovrch .bigButtonColor{width:140px !important;height:140px !important;}

#colorKonfigurator.backgroundNone{background:none !important;}
#colorKonfigurator #colorOptions #structureColor{display: flex;flex-wrap: wrap;box-sizing: border-box;gap:20px;max-width: 335px;}
#colorKonfigurator #colorOptions #bladeColor{display: flex;flex-wrap: wrap;box-sizing: border-box;gap:20px;max-width: 185px;}
#colorKonfigurator #colorOptions h3{font-weight:600;display:block;font-size: 26px;margin-bottom: 0;}
#colorKonfigurator h2{font-weight:600;font-size: 46px;margin-bottom: 50px;} 
#colorKonfigurator #imageDisplay img{width:100%;}
#colorKonfigurator #zvoleneHodnotyBarev{float:right;}
#colorKonfigurator #zvoleneHodnotyBarev p{margin:0;padding:0;font-size:14px;text-align: right;}
#colorKonfigurator .row{margin-bottom: 20px;}


#prodejniVyhody{background:#fff;text-align: center;}
#prodejniVyhody h2{font-weight:600;font-size: 46px;margin-bottom: 50px;}
#prodejniVyhody .accordion  h3{font-size: 26px;margin-bottom: 0px;}
#prodejniVyhody h2 strong{color:#eb0000;}
#prodejniVyhody strong.perex{font-weight:400;font-size: 26px;margin-bottom: 50px;color:#535353;}
#prodejniVyhody .accordion{margin:35px 0;}
#prodejniVyhody .accordion p{text-align: left;}
#prodejniVyhody .accordion *{text-transform: none;}
#prodejniVyhody .accordion button{font-weight:600 !important;}
#prodejniVyhody .accordion button span{position: absolute;top: 50%;right: calc(100% + 20px);transform: translateY(-50%);border-radius: 50%;border: 1px solid #000;opacity: 0.3;width: 50px;height: 50px;overflow: hidden;}
#prodejniVyhody .accordion button span img{position: absolute;top: 50%;left: 50%;width: 50%;height: auto;transform: translate(-50%, -50%);}
#prodejniVyhody .accordion button:not(.collapsed) span{opacity:1;}
#prodejniVyhody .odsazeni{padding:50px;}
#prodejniVyhody .odsazeni p{padding:50px;}
#prodejniVyhody .odsazeni video{border-radius: 25px;}
 




#charakteristikaTkaniny{padding:80px 0;}
#charakteristikaStineni{background:#fff;}

#menuHamburger{top: 0px;width: 32vw;left: 0px;height: 250vh;position: fixed;transform: translateY(0%);overflow: hidden;padding:250px 0 0 94px;z-index:9;background:#fff;display:none;}
#menuHamburger ul{overflow: hidden;height:100%;outline:none;display:block;position:relative;display:none;margin-left:0;padding-left:0;}
#menuHamburger ul li{list-style:none;}
#menuHamburger ul li.menuHamburgerSmallFont.marginTopPadesat{margin-top:50px;}
#menuHamburger ul li.menuHamburgerSmallFont a{font-size: 20px;font-weight:400;color:#9d9396;}
#menuHamburger ul li.menuHamburgerSmallFont.kalkulace a {color:#eb0000;font-weight:600;}
#menuHamburger ul li.menuHamburgerSmallFont a img{top:-2px;margin-right:7px;}
#menuHamburger ul li a:hover{text-decoration: underline;}
#menuHamburger ul li a{font-size: 24px;color: #000;text-decoration: none;margin: 0 0 10px;display: block;font-weight: 600;line-height:32px;}
#contentHamburger{transform: translateX(0%) translateY(0%) translateZ(0px);transition:400ms;} 
#contentHamburger:before{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0;visibility: hidden;pointer-events: none;transition: all 1.5s ease-out 0s;background-color: rgb(238, 238, 238);mix-blend-mode: multiply;z-index: 10;content: ""; opacity: 1;visibility: visible;display:none;} 
.hamburger-is-active #menuHamburger{display:block;}
.hamburger-is-active #menuHamburger ul{display:block;}
.hamburger-is-active #contentHamburger:before{display:block;}
.hamburger-is-active #contentHamburger{position: fixed;top: 0px;left: 0px;overflow: hidden;width: 100vw;height: 74vh;z-index: 10;border-radius: 25px;transform: translateX(30%) translateY(30%) translateZ(0px);transition:400ms;}
.hamburger-is-active #showreelHomepage .container{width:100%;}
.hamburger-is-active #header #navbarNav {display:none !important;}
.hamburger-is-active .headerTopContact a{display:none !important;}
.hamburger-is-active .headerTopContact{height:60px;}
.hamburger-is-active nav .headerTopContact{display:block !important;height:auto;}
.hamburger-is-active nav .headerTopContact a{display:inline-block !important;}
.hamburger-is-active{background:#fff !important;} 
.hamburger-is-active #main::before{    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
    content: "";}
.hamburger-is-active #footer::before{    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
    content: "";}

#cerstveRealizace{padding:45px 0;}
#cerstveRealizace .col-4 .col-12{background:#fff;overflow:hidden;}
#cerstveRealizace .col-4 .col-12 img{width:100%;transform: scale(1.2);transition:500ms;}
#cerstveRealizace .col-4 .col-12:hover img{transform: scale(1.4);transition:500ms;}
#cerstveRealizace .timePage{position:absolute;top:10px;left:10px;background:#fff;color:#000;z-index: 9;padding:3px 8px;}
#cerstveRealizace .textPage{background:#fff;z-index: 9;padding:25px 35px;}
#cerstveRealizace h3{font-size:22px;text-transform: unset;}
#cerstveRealizace h3 a{color:#000 !important;text-decoration: none;transition:300ms;}
#cerstveRealizace h3 a:hover{color:#181849 !important;transition:300ms;}
#cerstveRealizace p{margin:0 0 35px;heihgt:47px;overflow:hidden;}

#rozcestnik{padding:80px 35px;}
#rozcestnik h2{text-transform: unset;color:#181849;font-weight:bold;}
#rozcestnik p{color:#87899d;font-size:17px;line-height:26px;}
#rozcestnik p strong{color:#181849;font-weight:bold;}
#rozcestnik .text-center{padding: 100px 0 0 0;}
.box-article {
    color: #858c95;overflow:hidden;
    background: #fff;border-radius:3px;
    box-shadow: 0 0 45px rgb(0 0 0 / 8%);
}
.box-article.com {
    background: #fff;top:0;transition:300ms;
    text-align: center;
    font-weight: 500;
    width: 100%;
    display: inline-block;
    font-size: 20px;
}
.box-article.com figure{margin: 0;}
.box-article.com picture {
    display: block;
}
.box-article.com figcaption, .box-article.com .in {
    padding: 40px 60px;
}
.box-article.com .date {
    color: #40baff;
    margin-bottom: 10px;display:block;
    font-size: 16px;
}
.box-article.com .title {
    color: #181849;font-weight:bold;
    transition: all 0.2s;
    line-height: 1.4em;display: block;
}
.box-article.com.middle {
    margin-top: 100px;
}
.box-article.com figure img {
    width: 100%;
    max-width: 100%;
}
#rozcestnik a{display:block;}
.box-article:hover{top:-15px;transition:300ms;box-shadow: 0 0 85px rgb(0 0 0 / 16%);z-index:9;}

.box-article:after{content:"";height:6px;display:block;width:600px;background:#40baff;left:-800px;position:relative;transition:1000ms;}
.box-article:hover:after{left:0px;transition:500ms;}

.box-article.finalArticleBig{min-height:217px;}
.box-article.finalArticleBig:after{content:"";height:6px;display:block;width:1600px;background:#40baff;left:-1800px;position:relative;transition:1000ms;}
.box-article.finalArticleBig:hover:after{left:0px;transition:500ms;}

.box-article.finalArticleBig figure{min-height:217px;}
.box-article.finalArticleBig p{margin-top:10px;}

#benefitySpoluprace{text-align:center;padding:0 0 25px;}
#benefitySpoluprace h3{color:#87899d;font-weight:bold;font-size:25px;text-transform: unset;}
#benefitySpoluprace img{width:50px;float:left;margin: 0 15px 15px 0;}
#benefitySpoluprace p{color:#76778f;text-align: left;max-width:82%;}
#benefitySpoluprace p strong{color:#181849;}
#benefitySpoluprace .row{padding:45px 0 25px;border-bottom: 1px solid #e3e5e6;margin-bottom: 15px;}

a.sipky{color:#181849 !important;font-weight:bold;text-decoration:none;}
a.sipky:after{content:"";background:url('../img/sipka-accordeon.svg') no-repeat right center;background-size:contain;display:inline-block;margin:0 0 0 8px;width:11px;height:11px;}
a.sipky:hover{text-decoration: underline;}

#contentHomepage{background:#fff;padding:80px 0 40px;}
#contentHomepage .container{text-align:center;}
#contentHomepage h2{text-transform:unset;color: #181849;font-size:35px;margin-bottom: 30px;line-height:40px;font-weight:bold;}
#contentHomepage h2 strong{color:#40baff;font-weight:bold;}
#contentHomepage p{color:#76778f;font-size:17px;line-height:28px;margin:0 auto 25px;max-width:800px;}

.comparator .col-6:first-child{order:2}

time{display:none;}


#showreelHomepage{top:-30px;}
#showreelHomepage .container{max-height:720px;padding:80px 50px 120px;width: calc(100% - 84px);margin: 0 auto;display: block;max-width: 100% !important;background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(254,246,236,1) 50%);}
#showreelHomepage span{display:block;color:#000;}
#showreelHomepage h1{font-weight:900;color:#000;margin-bottom: 50px;font-size:60px;}
#showreelHomepage h1 strong{color:#eb0000;}
#showreelHomepage p{display:inline-block;margin:0 15px 0 0;}
#showreelHomepage video{border-radius: 30px;}
#showreelHomepage .col-5{padding-left:94px;} 


#products .container{padding:0px 50px 20px;width: calc(100% - 84px);margin: 0 auto;display: block;max-width: 100% !important;}
/*#products .col-7 img, #products .col-7 video{border-radius:30px;transform:scale(0.9);}*/
#products .col-5 h2 {display:block;margin-bottom: 35px;color:#000;font-size:40px;font-weight:900;}
#products .col-5 p {display:block;margin-bottom: 35px;max-width:400px;}
#products .col-5 h2 span{display:block;}
#products .col-5{padding-left:94px;display:table-cell;vertical-align: middle;}
#products .col-7{padding-left:94px;display:table-cell;vertical-align: middle;}
#products .row{display:table;}

#realization{background:#fff;text-align: center;}
#realization p{margin:0 auto;}
#main h3{font-size:50px;line-height:65px;display:block;margin-bottom: 35px;}
#main h3 strong{display:block;}
#main p{max-width: 700px;margin-bottom: 35px;}
#main section{padding:80px 0;}
#main small{text-transform: uppercase;letter-spacing: 5px;margin:0 0 25px;display:block;}
#main #bonus .row{display:table;}
#main #bonus .col-6{display:table-cell;vertical-align: middle;text-align: center;}
#main #bonus .col-6 img{border-radius:30px;transform:scale(0.9);}
#showroom{background:#fff url('../img/showroom-map.png') no-repeat right center;padding:160px 0 !important; }
#showroom.remoteControl{background:#fff url('../img/automatizace-pergoly-gibus.png') no-repeat right center;padding:160px 0 !important; }
#showroom.remoteControl.backgroundTransparent{background:transparent url('../img/automatizace-pergoly-gibus.png') no-repeat right center;}
#showroom.remoteControl.backgroundNone{background:transparent url('../img/automatizace-pergoly-gibus.png') no-repeat right center;padding:160px 0 !important; }
#showroom h3 strong{color:#eb0000;}
#showroom p {max-width:520px;}
#showroom .col-6{padding-left:34px;}
#showroom .container{max-width:80% !important;}
#showroom.remoteControl .row .row{max-width:520px;padding:25px 0;}
#showroom.remoteControl .row .row span{display:block;font-weight: 600;padding:15px 0;}
#showroom.remoteControl .row .row .col-4{text-align: center;}
#letsTalk {padding:120px 0 80px !important;}
#letsTalk .container{max-width:80% !important;}
#letsTalk h4 strong{display:block;}
#letsTalk p {max-width:520px;}
#letsTalk .col-5.letsTalkMiddle{display:table-cell;vertical-align: middle;}
#letsTalk .col-7.letsTalkMiddle{display:table-cell;vertical-align: middle;}
#letsTalk .letsTalkMiddle h3 strong{display:block;}
#letsTalk .row.letsTalkTable{display:table;}
#letsTalk .col-7 .col-5{text-align: center;}
#letsTalk .col-7 .col-7{text-align: center;}
#letsTalk .colContant::after {position: absolute;top: 0px;left: 0px;right: 0px;width: 1px;height: 120px;margin: auto;background-color: #e2dad0;transform: translateY(-50%);transition: all 0.4s ease-out 0s;content: "";}
#letsTalk .colContant .col-12{background:#fff;border-radius:30px;padding:80px 50px 100px;}
#letsTalk .colShowroom .col-12{background:#e2dad0;border-radius:30px;padding:50px 35px;margin:35px;}
#letsTalk h4{margin-bottom:35px;font-size:32px;}
#letsTalk p{min-height:150px;}



#prislusenstvi{padding:100px 0 35px;}
#prislusenstvi .col-7 img, #prislusenstvi .col-7 video{border-radius: 25px;height:auto;width:100%;}
#prislusenstvi h3{font-weight: 600;font-size: 36px;margin: 40px 0;}
#prislusenstvi .col-5{padding:160px 80px;}
#prislusenstvi .col-5 img{margin-bottom: 25px;}



section.blockGrid {
  padding: 40px 20px;
  max-width: 1600px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
}

h2.blockGridH2 {
  font-size: 1.8rem;
  font-weight: 700;
  margin-top: 40px;
  margin-bottom: 20px;
  text-align: center;
  display: block;
}

section.blockGrid a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-decoration: none;
  color: #333;
  border: 1px solid #ddd;
  border-radius: 12px;
  overflow: hidden;
  background-color: #fff;
  transition: box-shadow 0.2s ease;
  height: 100%;
  min-height: 250px;
  max-width: 100%;
}

section.blockGrid a:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

section.blockGrid img {
  width: 100%;
  height: 210px;
  object-fit: cover;
  display: block;
  flex-shrink: 0;
}

section.blockGrid span {
  display: block;
  padding: 14px 12px;
  font-size: 0.95rem;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #fafafa;
  border-top: 1px solid #eee;
  color: #444;
}

































#contactFormUltimate{background:#fff;padding:80px 0;text-align: center;}
#contactFormUltimate .contactFormUltimatePerex{color:#9d9396;font-size:24px;margin:0 auto 35px;}
#contactFormUltimate h3{font-size:36px;line-height:40px;display:block;margin-bottom: 25px;font-weight:800;}

#contactFormUltimate form{text-align: left;max-width:1000px;margin:35px auto;display:block;}
#contactFormUltimate form iframe{margin:25px 0;display:block;}
#contactFormUltimate form sup{color:#eb0000;font-weight:800;font-size:18px;position: absolute;top: 10px;right: -13px;}
#contactFormUltimate form label{margin-bottom: 8px;}
#contactFormUltimate form .form-group{margin:0 35px 15px;}
#contactFormUltimate form .form-check{margin:0 35px 15px;}
#contactFormUltimate form .form-check a{color:#4f4f4f;font-weight:normal;}
#contactFormUltimate form .form-check a:hover{color:#eb0000;font-weight:normal;}
#contactFormUltimate form textarea{margin-bottom:40px;}
#contactFormUltimate form .contactFormUltimateSendButton input{float:right;margin:0 35px 0 0;}
#contactFormUltimate form input:not([type="submit"],[type="checkbox"]){background:#fef6ec;border:0;height:auto;border-radius:2px;padding:16px 20px;}
#contactFormUltimate form textarea{background:#fef6ec;border:0;height:auto;border-radius:2px;padding:16px 20px;min-height:170px;}
#contactFormUltimate form .form-check input[type="checkbox"]{border:1px solid #b8b8b8;border-radius: 0;transform: scale(1.3);left:2px;}
#contactFormUltimate form .form-check label{margin:0 0 0 8px;}


#charakteristikaPergoly.backgroundWhite{background:#fff;}


.hamburger {
  padding: 15px;margin:0 20px 0 0;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;text-align:left;
  background-color: transparent;
}
.hamburger__container {
  width: 36px;
  height: 24px;
  position: relative;
}
.hamburger:hover .hamburger__inner {
  transform: translate(-51px, 50%);
  opacity: 0;
}
.hamburger:hover .hamburger__inner::before, .hamburger:hover .hamburger__inner::after {
  transform: translate(102px, 0);
  opacity: 0;
}
.hamburger.is-active .hamburger__inner {
  display: none;
}
.hamburger__inner {
  width: 100%;
  height: 2px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.4s;
  top: 50%;
  transform: translate(5px, -50%);
  opacity: 1;
}
.hamburger__inner::before, .hamburger__inner::after {
  width: 100%;
  height: 2px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.4s;
  content: "";
  opacity: 1;
  transform: translate(-5px, 0);
}
.hamburger__inner::before {
  top: -13px;
}
.hamburger__inner::after {
  top: 13px;
}
.hamburger:hover .hamburger__hidden {
  opacity: 1;
  transform: translate(0, -50%);
}
.hamburger:hover .hamburger__hidden::before, .hamburger:hover .hamburger__hidden::after {
  opacity: 1;
  transform: translate(0, 0);
}
.hamburger.is-active .hamburger__hidden {
  opacity: 1;
  transform: rotate(45deg);
}
.hamburger.is-active .hamburger__hidden::before {
  transform: translate(0, 13px) rotate(90deg);
  transform-origin: center;
}
.hamburger.is-active .hamburger__hidden::after {
  transform-origin: center;
  transform: translate(0, -13px) rotate(0);
}
.hamburger__hidden {
  opacity: 0;
  width: 100%;
  height: 2px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.4s;
  background-color: #000;
  top: 50%;
  transform: translate(51px, -50%);
}
.hamburger__hidden::before, .hamburger__hidden::after {
  width: 100%;
  height: 2px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.4s;
  background-color: #000;
  content: "";
  transform: translate(102px, 0);
}
.hamburger__hidden::before {
  top: -13px;
}
.hamburger__hidden::after {
  top: 13px;
}

#contentData a{color:#177ad1;}
#contentData a:hover{color:#177ad1;} 
#contentData .contentPage{padding:0 45px;}
.container.row{margin:0 auto;}
#headerTop .container{padding:20px 0 24px;}
#headerTop span{display:block;text-transform:uppercase;color:#177ad1;font-size:14px;}
#headerTop strong{color:#205092;font-size:28px;top:4px;}
#headerTop img.headerTelefon{display:inline-block;width:30px;margin:0 12px 0 0;top:-2px;}
#headerTop img{max-width:350px;top:16px;}
#headerTop .col-sm-3.text-right{text-align:right;}
#headerTop #propagacniLista {background:none;text-align:center;display:block;padding:12px;text-align: center;}
#headerTop #propagacniLista strong{color:#181849;font-size:18px;margin: 0 15px 0 0;display:inline-block;}
#headerTop #propagacniLista .btn.btn-default{font-size:14px;padding: 8px 24px !important;background:#40baff;border-radius:5px;}
#headerTop #propagacniLista .btn.btn-default:hover{background:#181849;}
#headerTop #propagacniLista .container{padding:6px 15px;margin:0;display:block;}
#headerTop #propagacniLista ul{margin:0;padding:0;float:right;}
#headerTop #propagacniLista li{display:inline-block;padding:8px 20px;}
#headerTop #propagacniLista li a{font-size:11px;text-decoration:none;font-weight:400;}
#headerTop #propagacniLista li span{font-size:11px;text-decoration:none;font-weight:400;cursor:pointer;text-transform:none;}
#headerTop #propagacniLista li a:hover{text-decoration:underline;}
#headerTop #propagacniLista li span:hover{text-decoration:underline;}
#headerTop #propagacniLista li.btn-mini{padding:0;}
#headerTop #propagacniLista li.btn-mini span.btn.btn-default{padding:5px 18px !important;font-weight:700;}
#headerTop #propagacniLista li.btn-mini span:hover{text-decoration:none !important;}
#headerTop #propagacniLista p{color:#5f5964;text-transform: uppercase;display:inline-block;font-size:11px;float:left;margin:0;}
#headerTop #propagacniLista #closePropagacniLista{float:right;height:30px;top:5px;}
#headerTop #propagacniLista #closePropagacniLista:hover{filter: brightness(1) invert(1);-webkit-filter: brightness(1) invert(1);transition:300ms;cursor:pointer;}

#contentHomepageRozcestnik{padding:25px 0 0 0;}
#contentHomepageRozcestnik img{width:100px;z-index:1;transition:300ms;}
#contentHomepageRozcestnik a{text-decoration:none;}
#contentHomepageRozcestnik a h2{font-size:20px;line-height:26px;padding-top:25px;;}
#contentHomepageRozcestnik a:hover h2{color:#2c69a4;}
#contentHomepageRozcestnik a:hover img{content:url('../img/icon-hover.svg');z-index:2;transition:300ms;}


#panelVysledky{background:url('../img/bg-foto.jpg') no-repeat center top;padding:300px 0 45px;text-align:center;}
#panelVysledky .iconPozadi{background:url('../img/iconPozadi.svg') no-repeat center top;width:100px;background-size: contain;transition:300ms;height:106px;display:block;margin:0 auto 15px;;}
#panelVysledky .iconPozadi span{color:#76778f;font-size:25px;font-weight:bold;padding:33px 0 0 0;display:block;}
#panelVysledky p{color:#76778f;margin:0 auto;width:80%;}
#panelVysledky .row{padding:0 0 55px;}

.nasTym{background:#f1f1f190;margin:0 0 15px;padding:15px 25px;border-radius:2px;}
.nasTym strong{display:block;margin:0 0 5px;font-weight:400;color:#181849;}
.nasTym h3 strong{display:inline-block;font-weight:700;color:#000;}

.nasTym .col-4 img{max-width:90% !important;}

#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;}


#data{padding:55px 0 35px 0;text-align:center;background:#fff;}
#data h4{color:#7f7169;text-transform:none;font-weight:300;margin:10px 0 40px;}
#data h4 span{display:block;color:#177ad1;}
#data .box{display:inline-block; max-width:280px;width:15%;display:inline-block;margin:0 15px 10px;}
#data .box p{color:#555;max-width:200px;margin:50px auto 10px;}
#data .box strong{font-size:40px;color:#205092;}
#data .box .col-sm-12{background:#f1f3f5;color:#7f7169;padding:90px 25px 40px;text-align:center;border-radius:2px;}
#duoColor{background:#fff;}
#duoColor .col-sm-6{padding:0 15px 0 7px;}
#duoColor .col-sm-6:first-child{padding:0 7px 0 15px;}
h2,h3,h4,h5,h6{text-transform:unset;font-size:27px;}
#logaFirem{background:#fff;text-align:center;padding:20px 0;}
#logaFirem img{height:85px;}
ol{list-style:none;counter-reset:counter;}
ol li{counter-increment:counter;margin:0 0 15px;font-size:16px;color:#f2efe7;}
ol li::before{content:counter(counter) " "; color:#fff;background:#177ad1;padding:1px 3px 3px 3px;width:22px;height:22px;display:inline-block;text-align:center;font-size:14px;margin:0 20px 0 0;}
#footer{background:#000;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:14px;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:#92d400;}
#footer a{color:#fff;font-weight:unset;}
#footer span.openerDialog{font-weight:800;}
#footer a.btn.btn-default img {
    margin: 0 8px 0 0;
    height: 20px;
    transition: 300ms;top:-2px;
}
 
#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:30px 35px 0;}
#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 #footerPartneri p{text-align: left;color:#8c9fb1 !important;display:inline-block;width:auto;margin-top: 38px;font-size: 14px;}
#footer #footerPartneri img{float:left;width: auto;margin: 35px 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;} 
#kontaktniFormularPomoci{margin:0 auto;max-width:700px;top:0;-webkit-box-shadow:0px 0px 50px -20px rgba(0,0,0,0.75);-moz-box-shadow:0px 0px 50px -20px rgba(0,0,0,0.75);box-shadow:0px 0px 50px -20px rgba(0,0,0,0.75);}
#kontaktniFormularPomoci h2{text-transform:none;color:#000;font-size:26px;font-weight:600;margin:0 0 20px;}
#kontaktniFormularPomoci form{background:#f1f3f5;padding:35px;}
#kontaktniFormularPomoci form hr{display:block;height:auto;border-bottom:1px solid #00000001;width:-webkit-fill-available;margin:30px 12px;}
#kontaktniFormularPomoci form label{text-transform:uppercase;font-size:14px;padding-left:5px;margin:20px 5px 6px;color:#000;}
#kontaktniFormularPomoci form .form-control{font-size:14px !important;height:auto !important;padding:12px !important;appearance:auto;}
#kontaktniFormularPomoci form small{}
#kontaktniFormularPomoci form a{text-decoration:underline;}
#kontaktniFormularPomoci form a:hover{text-decoration:underline;}
#kontaktniFormularPomoci form .btn{font-size:16px !important;text-align:center;padding:12px 15px !important;float:right;}
#kontaktniFormularPomoci form .btn:after{display:none !important;}
#materialoveSpecifikace{display:block;padding:30px 0 25px 0;}
ol{list-style:none;counter-reset:counter;padding-left:50px;}
ol li{counter-increment:counter;margin:0 0 15px;    color: #5b686e;
      font-size: 18px;
      line-height: 30px; ;padding:3px 0 0 0;}
ol li strong{color:#000;}
ol li::before{    content: counter(counter) " ";
                  color: #fff;
                  background: #eb0000;
                  padding: 3px 6px 6px 6px;
                  width: 30px;
                  height: 30px;
                  display: block;
                  text-align: center;
                  font-size: 17px;
                  margin: 0 0 0 0;
                  position: relative;
                  top: 3px;
                  left: -50px;
                  position: absolute;
                  border-radius: 40px;;}
#subPage #overovaniNazvuFirem{top:0;margin:0 0 16px;padding-top:35px;width:100%;max-width:100%;}
.detailSekce{margin:0 0 35px 0;}
.detailSekce .col-sm-4{margin:0 0 15px -15px;min-width:288px;width:100%;}
.detailSekce .col-sm-12{background:#fff;padding:25px;height:290px;}
.detailSekce .col-sm-12 strong{text-transform:none;display:block;font-size:22px;margin:0 0 15px;color:#000;font-weight:unset;line-height:24px;}
.detailSekce .btn.btn-default{background:#177ad1;font-size:14px;color:#fff !important;border-radius:50px;padding:11px 30px;margin:0 0 0 15px;}
#flotila .btn.btn-default.btn-arrow{background:#177ad1;font-size:14px;color:#fff !important;border-radius:50px;padding:11px 30px;margin:0;}
.detailSekce .btn.btn-default:hover{background:#000;}
#flotila .btn.btn-default.btn-arrow:hover{background:#000;}
.detailSekce .col-sm{margin:0 0 25px;}
.headerText{padding:25px 0;}
.headerText h1{margin:0;}
.alert{border-radius:2px;border:0;}
#footer ul{padding-left:0;}
/**/
#videoHeader{background:url('../img/bg-body.jpg') no-repeat top center;padding:100px 0;background-size:cover;}

#videoHeader .col-md-6 div.videoHeader-col-md-6-content{padding:40px 0;}
#videoHeader h1{color:#000;font-size:50px;line-height:50px;}
#videoHeader h1 span{color:#181849;}
#videoHeader p{font-size:18px;margin:60px 0;max-width:600px;line-height:28px;}
#videoHeader #videoPlay{background:url('../img/bg-video.jpg') no-repeat center center;display:block;margin:auto auto;padding:40px 0;}
#videoHeader #videoPlay .videoClick{transform:scale(1);transition:300ms;margin:100px auto; background:#181849;border-radius:100%;text-align:center;color:#fff;padding:20px 10px;width:150px;height:150px;text-transform:uppercase;font-size:20px;line-height:25px;display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
#videoHeader #videoPlay .videoClick:hover{transform:scale(1.2);transition:300ms;cursor:pointer;}

#frm-pragueContactFormControl-adContactForm #frm-pragueContactFormControl-adContactForm-captcha{display:inline-block;margin:0 auto 25px;z-index: 9;}
 
.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#9ca6ad;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease;}
.carousel-indicators .active{opacity:1;background-color:#181849;}
.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:40px;padding:0;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease;}
.carousel-indicators{bottom:20px;z-index:99;}
.carousel-control-next-icon,.carousel-control-prev-icon{width:40px;height:40px;background-color:#181849;border:5px solid #181849;}


.parametryStudie{padding:20px 25px 25px;}
.parametryStudie h2{margin-bottom: 0 !important;}
.parametryStudie .star{margin:10px 0 25px;}
.parametryStudie .star img{display: inline-block;
                           vertical-align: top;
                           height: 21px;
                           overflow: hidden;
                           text-indent: 100%;}


.zakaznickaReference{display: inline-block;vertical-align: middle;font-size: 14px;line-height: 20px;color: #75838e;margin: 0px 10px 0 10px; top:-2px;}
.zakaznickaReference a{color: #75838e !important; margin:0 2px;text-decoration:none;}
.zakaznickaReference:hover a{color: #1c2931 !important;text-decoration:underline;}

.separator{display:inline-block;margin:0 10px;height: 17px;height: 1.0625rem;width: 1px;width: .0625rem;margin: 0 10px;margin: 0 .625rem;display: inline-block;vertical-align: middle;background: #c1c1c3;transform: rotateZ(45deg);}
 




.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;}

 

#mobileFirstImageShow{display:none;}


#division { display:block;padding:0;}
#division .container { padding:0 60px;}
#division #divisionContent header { display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row wrap;flex-flow: row wrap;position: relative;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-bottom:15px;-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
#division .divisionContenttitle { color: #272829;font-weight: 700;position: relative;background-color: #fff;line-height: 1;width: auto;margin-bottom: 0;text-align: left;}
#division .divisionContentseparator { margin: 0 30px;width: auto;height: 1px;background-color: #eef1f4;content: '';z-index: 0;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;display:block;z-index:-1;}
#division .divisionSectionContent article img { max-width:120px;}
#division .divisionSectionContent  a { text-decoration:none;padding:25px 10px 20px;display:block;}
#division h3 { font-size:20px !important;margin:25px 15px 15px 0;width:85%;}
#division .divisionSectionContent { margin-right: -60px;margin-left: -60px;padding-left: 40px;padding-right: 40px;}
#division .divisionSectionContent article { transition:300ms;}
#division .divisionSectionContent article:hover { transition:300ms;-webkit-box-shadow: 0 10px 25px 0 rgb(0 34 54 / 10%);box-shadow: 0 10px 25px 0 rgb(0 34 54 / 10%);z-index: 1;-webkit-transform: translateY(-5px);transform: translateY(-5px);-webkit-box-shadow: 0 20px 50px 0 rgb(0 34 54 / 10%);box-shadow: 0 20px 50px 0 rgb(0 34 54 / 10%);}




.pageHeader h1 {color:#000;}
.pageHeader {
    padding-top: 50px;
    padding-bottom: 0px;text-align: center;  background:#fef6ec;
}

.pageHeaderNadpis{margin:20px 40px 0;font-size:36px !important;display: inline-block;
                  vertical-align: middle;
                  font-weight: 600;
                  max-width: 920px;
                  color: #272829;}
 

.iterator2{top:3px;margin:0 !important;font-weight:300;color:#ddd;} 
.contentProduct img{
                    float: left;margin-right:35px;
                    padding: 0 0 50px 0px; 
                    display: inline-block;}
.contentProduct h3{padding-bottom:0 !important; font-size: 24px !important;}
.contentProduct h3 strong{padding-bottom:0 !important; font-size: 24px !important;}
.contentProduct{background-color: #f6f8fa;margin:0 -15px 5px;padding:10px 40px 20px;transition:300ms;transform: scale(1);} 
.contentProduct:hover{transform: scale(1.02);transition:300ms;z-index:5;}
.contentProduct a[href$='.pdf']{margin-right:25px;padding:3px}
.contentProduct ul{margin-bottom:30px !important;}

.defaultContentProduct .contentProduct { padding:1px 40px !important;}
.defaultContentProduct .contentProduct ul { margin: 0 0 10px !important;}
.defaultContentProduct .contentProduct h2, .defaultContentProduct .contentProduct h2 strong { font-size: 22px !important;padding-bottom: 12px !important;}  
 

.divSectionSpaceVertical{height:150px;display:block;}

.contentProduct a{margin:0 10px 0 0;display:inline-block;}


.kontaktniStranka .contentProduct{padding:25px 40px;background:#dfeffd88;min-height:168px;}
.kontaktniStranka .contentProduct p{margin-bottom: 0 !important;}
.kontaktniStranka .contentProduct h3{margin-bottom: 5px !important;font-size:21px !important;}
table{    color: #5b686e;
          font-size: 16px;
          line-height: 28px;}

 
    #showroom .onlyMobileMap{display:none;width:100%;}

#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;}

 




 
.grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(200px, 1fr));
    gap: 30px;
    margin:46px auto;
}

.grid > div {
    overflow: hidden;
    border-radius: 8px;
}

.grid img {
    width: 100%;
    height: 100% !important;object-fit: cover;
    display: block;
    border-radius: 8px;
}


.netteFormsModal{position: fixed;}

 

table.table th{background:#fef6ec;}


#frm-signInForm-signInForm{margin:150px auto;max-width: 500px;background:#e2dad0;padding:50px ;border-radius: 30px;;}
#frm-signInForm-signInForm input[type=text]{margin-bottom: 10px;margin-top:4px;}
#frm-signInForm-signInForm input[type=password]{margin-bottom: 16px;margin-top:4px;}
#frm-signInForm-signInForm input[type=checkbox]{margin:0 8px 8px 0;transform:scale(1.2)}
#frm-signInForm-signInForm .col-xs-5.col-sm-5{text-align: right;}
#frm-signInForm-signInForm .btn.btn-success:hover {background:#000;}
#frm-signInForm-signInForm .btn.btn-success {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px; 
    background-color: #eb0000;
    text-transform: unset !important;
    background: #eb0000;
    font-weight: 600;
    letter-spacing: 0 !important;
    min-width: 120px;
    line-height: 40px;
    height: 40px;
    padding: 0 16px;
    position: relative;
    cursor: pointer;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    border: 0;
    font-weight: bold !important;
} 
#frm-signInForm-signInForm h4 {text-align: center;
    margin-bottom: 35px;
    font-size: 32px;
}
.headerTopContact{display:none !important;}





    #mainCP  {margin:42px 0;}
    #mainCP table {display:inline-table !important;caption-side: top;margin-bottom: 42px;}
    #mainCP table th {border-right:1px solid #dee2e6;border-left:1px solid #dee2e6;}
    #mainCP .awnings caption {background:#ea4454;color:#fff;font-weight:600;font-size:18px;padding:12px}
    #mainCP .container{background:#fff;padding: 32px;;}
    #mainCP table small{color:#aaa;font-size:11px;}
    #mainCP table td{line-height:18px;}
 
    #mainCP .form-group{margin-bottom:40px;}

.subpageContainer{background:none !important;}


#manualy ul {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 20px;
  background-color: #f8f8f8;
  justify-content: center;
}

#manualy ul li {
  list-style: none;
  width: 24%;
  min-width: 280px;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}

#manualy ul li a strong{text-align: center;}
#manualy ul li a {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 20px 30px;
  border: 1px solid #ddd;
  background: #fefefe;
  text-decoration: none;
  height: 100%;
}

#manualy ul li a img {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}

#manualy h2 {
  font-weight: 800;
  padding: 30px;
  text-align: center;
}

#manualy h1 {
  padding: 60px 30px;
  text-align: center;
}



/* Nadpis sekce */
#disclaimer h2 {
  font-size: 1.8rem;
  margin-bottom: 20px;
  color: #111;
}

/* Odstavce */
#disclaimer p {
  margin-bottom: 15px;
}

/* Odrážky */
#disclaimer ul {
  margin-bottom: 20px;
  padding-left: 40px;
}

#disclaimer ul li {
  margin-bottom: 8px;
  list-style-type: disc;
}

/* Responzivita */
@media (max-width: 600px) {
  .container {
    padding: 20px;
  }

  #disclaimer h2 {
    font-size: 1.5rem;
  }

  
}






.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);}


/**/
/*copyright*/
#copyright .container{padding:35px 0 0!important;max-width:1500px;width:100%;display:block;}
#copyright{text-align:center;min-height:63px;background:#000;}
#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 strong{}
#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(https://gibus-pergoly.cz/img/seo_gold.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(https://gibus-pergoly.cz/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(https://gibus-pergoly.cz/img/seo_gold.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}



.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 (min-width:1350px) and (max-width:1441px){
    .hlavniSluzba a{display:block;margin:5px auto 10px;}
    .hlavniSluzba {text-align: center;}
    .hlavniSluzbaContentLink{margin:25px auto 0px !important;}
}
/*/
responsive*/
@media all and (min-width:0px) and (max-width:1700px){  
    #sliderTop h1{padding-top:50px;background:#fff;border-radius: 3px;padding:20px;}
}


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

@media (max-width:1700px){ 
    
#showroom{background-size:contain;padding:160px 0 !important; }
}
@media (max-width:1600px){ 
    #dodaneSluzby h3, #hodnoceniSpokojenosti h3, #vyjadreniZakaznika h3{margin-top:5px;} 
    #kratkyClanek .revertPadding .kratkyClanekObsah{padding:80px 80px 80px 40px;}
}
@media (max-width:1440px){
    nav .container{padding:0 0px;}
    #videoHeader h1{font-size:40px;line-height:40px;}
    #videoHeader p {font-size: 17px;margin: 40px 0;max-width: 500px;line-height: 27px;} 
    #headerTop #propagacniLista .container{width:100% !important;margin:0 auto;display:block;float:unset;} 

    #contentData h1{padding:0;}
    .col-8.referencniObrazek{flex: 0 0 auto !important;width: 100% !important;}
    .col-4.parametryStudie{flex: 0 0 auto !important;width: 100% !important;}
    #footer .container.row{padding:0 65px;}
    .parametryStudie .parametryStudiePerexContent {padding: 0 0 25px !important;} 
    #hodnoceniSpokojenosti{width:49%;float:left;}
    #vyjadreniZakaznika{width:50%;float:right;}
    .parametryStudie .star img{height:19px !important;} 
    #CtaLineWithContanct .container{width:100% !important;padding:40px 20px;}
    #sliderTop h1{font-size:30px;padding:20px 0;line-height:35px;margin-top:50px;top:0}
    #sliderTop p strong{font-size:40px;line-height:20px;}
    #sliderTop p span{font-size:20px;padding:0;}
    #sliderTop p {margin:0 0 15px;}
    #sliderTop .container{min-height:unset;padding:0 0 20px;}
    #sliderTop .bottomButton{bottom:30px;}

    #sayYesBaby{padding:60px 0;}
    #sayYesBaby:before{content:'';width:100%;height:100%;display:block;background:#ffffffcc;min-height: 500px;position:absolute;top:0;}

    .hlavniSluzba a{display:block;margin:5px auto 10px;}
    .hlavniSluzba {text-align: center;}
    .hlavniSluzbaContentLink{margin:25px auto 0px !important;}
    #poloBlog .container{width:100% !important;}
    #poloBlog .col-4{padding:0 25px 0 40px;}
    #sliderTop h2{margin:15px 0;}
    #kategory .sektorContent{padding:0;}
    #kategory .kategory-content{max-width:100%;}
    #copyright footer { border-bottom: 1px solid #2e3c45; padding: 0 40px 120px;}
    #footer #footerPartneri {padding: 0px 75px;}
}



@media (max-width:1400px){
    #mobileFirstImageShow{display:block;}
    #homepageTopShowreel .htsSliderControls{    width: 100%;
                                                display: -webkit-box;
                                                display: -ms-flexbox;
                                                display: flex;
                                                -webkit-box-orient: horizontal;
                                                -webkit-box-direction: normal;
                                                -ms-flex-flow: row nowrap;
                                                flex-flow: row nowrap;
                                                -webkit-box-align: center;
                                                -ms-flex-align: center;
                                                align-items: center;
                                                transform-origin: 0 100%;
                                                -webkit-transform: translateY(0%) rotate(0deg);
                                                transform: translateY(0%) rotate(0deg);
    }
    #homepageTopShowreel .htsSliderControls .htsSliderProgress{position: static;
                                                               top: auto;
                                                               left: auto;
                                                               right: auto;
                                                               text-align: left;
                                                               padding-top: 0;
    }
    #homepageTopShowreel .htsSliderControl.htsSliderControls-next{    -webkit-transform: rotate(0);
                                                                      transform: rotate(0);}
    #homepageTopShowreel .htsSliderControl.htsSliderControls-prev{    -webkit-transform: rotate(0);
                                                                      transform: rotate(0);}
    #homepageTopShowreel button.btn.btn-circleArrow{display:none;}
    #homepageTopShowreel .htsBlocksCell-3Content h3{bottom:-150px;}
    #showreelHomepage h1{font-size:46px;}
    #showreelHomepage p{margin-bottom: 25px;}
    #showroom{background-size: contain;padding:140px 0 !important;}
    #main h3 {font-size: 50px;line-height: 60px;}
    #letsTalk .col-7 .col-7{width:50%;}
    #letsTalk .col-7 .col-5{width:50%;}
    #letsTalk .colContant .col-12{padding:40px;}
    #letsTalk .colShowroom .col-12{padding:40px;margin:0 0 35px;}
    #letsTalk p{min-height:unset;}
    #letsTalk .col-5.letsTalkMiddle, #letsTalk .col-7.letsTalkMiddle{display:block;width:100%;text-align:center;}
    #letsTalk p{margin:0 auto 35px;}
    #letsTalk .colContant::after{display:none;}
    #footer #footerPartneri p{width: calc(100% - 250px );margin-top: 30px;font-size: 13px;}
    #letsTalk h4{font-size:26px;}
    .navbar-brand img{height:40px;}
    nav li a{padding: 14px 15px 6px;}
    #showroom.remoteControl{background: #fff url(../img/automatizace-pergoly-gibus.png) no-repeat 400px center;}
    #showroom.remoteControl.backgroundNone{background: none !important;}
}
@media (max-width:1200px){
    nav li a {padding: 15px;}  
    #footer .col-sm-3 {flex: 0 0 auto;width: 50%;margin-bottom: 25px;} 
    #sliderTop h1{padding:20px;width:100%;top:0;margin-top:0;font-size:30px !important;line-height:38px !important;display:block;text-align: center;}
    #sliderTop h1 br{display:none;font-size:25px;} 
    .carousel-caption{left:70px;}
    #sliderTop h1{font-size:18px;padding:16px 0;}
    #sliderTop p strong{font-size:30px;line-height:15px;}
    #sliderTop p span{font-size:18px;padding:0;}
    #sliderTop p {margin:0 0 10px;}
    h2, h3, h4, h5, h6{font-size:24px !important;line-height:normal !important;}
    #fullDivWithMiniContainer .fullDivWithMiniContainerRight{padding:40px 20px 50px 60px}
    #subPage .backgroundEffect .col-5{width:100%;padding-bottom:30px;}
    #subPage .backgroundEffect .col-7{width:100%;}
    #subPage .backgroundEffect ul li{width:48%;}
    #motto p{font-size:25px;}
    #hodnoceni p br{display:none;}
    .subPageSluzby .container{max-width:95% !important;}
    #provozy ul li.aktivni .provozyObsahContent:before{display:none;}
    #provozy ul li .provozyObsahContent:before{display:none;}
    #provozy .obrazekNahledovka {border-radius: 100%;float: left;margin: 0 30px 0 0;max-width: 60px;}
    #provozy ul li>a{padding:15px;}
    #provozy ul li .provozyObsahContent .provozovnyPopis{height:auto;}
    #provozy .zobrazitVsechnyProvozy, #provozy.partneri .zobrazitVsechnyProvozy{margin:55px 0 35px 35px;}
    #provozy:after{font-size:70px;}
    #provozy.partneri ul li .provozyObsahContent:before{display:none;}
    #provozy ul li .provozyObsahContent .provozovnyPopis p{margin:0;}
    #provozy.partneri:after{font-size:70px;bottom:-30px;}
    #partneri ul li.aktivni .provozyObsahContent:before{display:none;}
    #partneri ul li .provozyObsahContent:before{display:none;}
    #partneri .obrazekNahledovka {border-radius: 100%;float: left;margin: 0 30px 0 0;max-width: 60px;}
    #partneri ul li>a{padding:15px;}
    #partneri ul li .provozyObsahContent .provozovnyPopis{height:auto;}
    #partneri .zobrazitVsechnyProvozy, #partneri.partneri .zobrazitVsechnyProvozy{margin:55px 0 35px 35px;}
    #partneri:after{font-size:70px;}
    #partneri.partneri ul li .provozyObsahContent:before{display:none;}
    #partneri ul li .provozyObsahContent .provozovnyPopis p{margin:0;}
    #partneri.partneri:after{font-size:70px;bottom:-30px;}
    #rychlyKontakt .col-4:first-child{width:100%;display:block;text-align: center;}
    #rychlyKontakt .col-4:first-child br{display:none;}
    #rychlyKontakt .col-4:first-child span{display:inline-block;}
    #rychlyKontakt .col-4{width:50%;}
    .carousel-caption{right:0;left:0;padding:0;margin:0;}
    #sliderTop .videoButton{display:none;}
    #sliderTop .bottomButton{left: calc( 50% - 83px);}
    #sliderTop h1 strong{display:block;}
    #sliderTop .bottomButton{display:none;}

    #homepageTopShowreel .htsBlocksCell-1 h2 {
        padding: 200px 50px 50px 40px;
        font-size:28px;margin:auto auto;width:80%;line-height: 36px;

    }

    #homepageTopShowreel .htsBlocksCellRevealElementInnerContentTitle h2 {
        font-size: 24px;
        line-height: 28px;
    }
    #homepageTopShowreel .htsBlocksCellRevealElementInnerContentText p {
        font-size: 17px;
        line-height: 27px;
    }
    #homepageTopShowreel .htsBlocksCell-3Content h3{width:220px;}

    .navbar{padding:20px 40px !important;}
    nav li a{font-size:14px;}
    .navbar-brand img{height:32px;}
    .hamburger{transform:scale(0.8);}
    .headerTopContact .btn.btn-default, .headerTopContact .headerTopContactPhone{font-size:13px;}
    .headerTopContact .btn.btn-default.kalkulaceZdarma{font-size:0;}
    #showreelHomepage h1 {font-size: 36px;}
    .headerTopContact{padding:20px 50px 0;}
    #showreelHomepage .col-5 {padding-left: 82px;}
    #products .col-5 {padding-left: 82px;padding-bottom: 30px;}
    #products .col-5 h2{font-size:28px;margin-bottom: 15px;}
    p {font-size: 14px;line-height: 22px;}
    #products .col-5 br{display:none;}
    .btn.btn-border{font-size: 13px;}
    #main h3 {font-size: 40px;line-height: 48px;}
    #main section {padding: 50px 0;}
    #main small{font-size: 11px;}
    #showroom{padding:80px 0 !important;}
    #showroom .col-6{text-align: center;}
    .hamburger-is-active #contentHamburger{width:130%;}
    #menuHamburger{width:400px;}
    .navbar-brand img{height:40px;}
    nav li a{padding: 15px 11px;font-size:12px;}
    #colorKonfigurator.colorPovrch .bigButtonColor{width: 100px !important;height: 100px !important;}
    
    #perexSubPageDetail iframe{width:600px !important;height:450px !important;display:block;margin:15px auto !important;;}
    .fixedContent h3{margin-top: 25px !important;}
} 

@media all and (min-width:0px) and (max-width:1024px){
    .subPageZvyrazneneHodnoty article.col-3{width:50%;}
    #sayYesBaby .col-6{width:100%;display:block;text-align: center;}
    .hlavniSluzba{width: 100% !important;}
    .hlavniSluzba img{width:30%;float:left;}
    .hlavniSluzba .hlavniSluzbaContent{width:70%;float:right;padding:0 25px;text-align: left;}
    #provozy .container{max-width:calc( 100% - 30px );margin:0 auto;;width:100%;}
    #partneri .container{max-width:calc( 100% - 30px );margin:0 auto;;width:100%;}

    #homepageTopShowreel .htsBlocksCell{width:50%;margin:0;}
    #homepageTopShowreel .htsBlocksCell-1{width:100%;}
    #homepageTopShowreel .container{padding:0 40px;}
    #homepageTopShowreel #htsBlocks{display:block;}
    #homepageTopShowreel{padding-top: 40px;}
    #homepageTopShowreel .htsSliderContentImages img {
        max-width: 100%;
        margin: 0 auto;
        display: block;    height: 100% !important;
        min-height: 640px;width: auto;width:-webkit-fill-available;
    }

    #homepageTopShowreel .htsSliderControl.htsSliderControls-prev{left:-10px;position:absolute;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width:50px;height:50px;display:none !important;}
    #homepageTopShowreel .htsSliderControl.htsSliderControls-next{right:-10px;position:absolute;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width:50px;height:50px;display:none !important;}
.headerTopContact .btn.btn-default.kalkulaceZdarma{min-width:40px;padding:0 10px;}
.headerTopContact .btn.btn-default.kalkulaceZdarma img{margin-right: 0;}

    #homepageTopShowreel .htsBlocksSliderControlButton{display:block;top:50%;width:100%;position:absolute;}
    #homepageTopShowreel .htsBlocksSliderControlButton .htsSliderControl.htsSliderControls-prev{left:-10px;position:absolute;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width:50px;height:50px;display:block !important;z-index:9;}
    #homepageTopShowreel .htsBlocksSliderControlButton .htsSliderControl.htsSliderControls-next{right:-10px;position:absolute;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width:50px;height:50px;display:block !important;z-index:9;}


    .Container-dark .Container--wide{padding:0 !important;}
    .Container-dark {padding:0 !important;}

    #homepageTopShowreel .htsSliderControls{}
    #homepageTopShowreel .htsSliderControls .htsSliderProgress {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        font-weight: 700;
        letter-spacing: .05em;
        text-transform: uppercase;
        font-size: 12px;
        font-size: 12px;
        font-size: 1.2rem;
        color: #d1d5da;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        text-align: center;
        padding-top: 16px;
        line-height: 1;
    }

    #subPage .subPageTextContentCulumn {
        padding: 0;
        width: 100%;
        margin-bottom: 0.8em;
    }
    #subPage .subPageTextContent{display:block;}
    .pageHeader {
        padding-top: 4vw;
        padding-bottom: 4vw;
    }
    .pageHeaderNadpis{font-size:36px !important}
    #subPage h2, #subPage h3, #subPage h4, #subPage h5, #subPage h2 strong, #subPage h3 strong, #subPage h4 strong, #subPage h5 strong{font-size:24px;    line-height: 1.5;padding:unset;}
    #homepageTopShowreel .htsBlocksCell-3{float:right;top:80px;min-height:640px;}
    #homepageTopShowreel .htsBlocksCell-2{float:left;}
    #homepageTopShowreel #htsBlocks:after{content:'';display:block;clear:both;}
    #homepageTopShowreel .htsBlocksCell-3Content h3{bottom:unset;width:260px;}
    #homepageTopShowreel button.btn.btn-circleArrow{display:inline-block;}
    #division .divisionSectionContent article.col-3{width:50%;}
    #homepageBottomShowreel #htsBlocks2{display:block;}
    #homepageBottomShowreel #htsBlocks2 .htsBlocks2Cell.htsBlocks2Cell-1{width:50%;float:left;}
    #homepageBottomShowreel #htsBlocks2 .htsBlocks2Cell.htsBlocks2Cell-2{width:50%;float:right;}
    #homepageBottomShowreel #htsBlocks2 .htsBlocks2Cell.htsBlocks2Cell-3{width:100%;max-height:unset;}
    #homepageBottomShowreel #htsBlocks2 .htsBlocks2Cell{margin-right:0;}
    #homepageBottomShowreel{padding:0px 0 90px;}


    .Section {
        padding-top: 10vw;
        padding-bottom: 200px;
    }
    .Container{padding: 0 40px;}
    #kontaktniFormular h3{padding:0 0 25px !important;}

    #homepageTopShowreel .htsSliderContentImages img.iso{min-height:unset !important;height: unset !important;margin-left: 135px;}
    #homepageTopShowreel .htsSliderContentLogo img {
        /* margin-left: 35px; */
        margin: 0 auto;
        display: block;
        width: 100%;
        padding: 45px 40px 0;
    }
    
    #navbarNav{display:none !important;}
    .headerTopContact{display:none;}
    nav .headerTopContact{display:block;}
    body{padding:100px 0 0 0;}
    #showreelHomepage .col-5{padding-left:16px;}
    #products .col-5{padding-left:16px;padding-bottom: 30px;padding-top: 30px;}
#main h3 {
    font-size: 28px;
    line-height: 38px;
}
#products .col-5 h2 {
    font-size: 28px;
    line-height: 38px; 
}
#contactFormUltimate h3 {
    font-size: 28px;
    line-height: 38px;margin-bottom: 10px;
}
#contactFormUltimate .contactFormUltimatePerex{font-size:18px;margin-bottom: 45px;display:block;}
#contactFormUltimate form label, #contactFormUltimate form{font-size: 13px;}
#contactFormUltimate form input:not([type="submit"],[type="checkbox"]), #contactFormUltimate form textarea{padding:12px 16px;font-size: 13px;}
#footer .container.row strong.nadpis{font-size:24px;}
#footer .container.row p{font-size:14px;}

#pocasi .col-6{width:100%;text-align: center;}
#pocasi .prepinacVideiContent, #pocasi video{margin:0 auto;width:100%;}
#kratkyClanek .kratkyClanekObsah {
    padding: 40px;
}
#vypisKatalogu .col-6{width:50%;}
}

@media all and (min-width:0px) and (max-width:992px){
    .navbar-brand img{max-width:90%;margin:8px 0;}
    #videoHeader .col-md-6 {flex: 0 0 auto;width: 100%;}
    #videoHeader .col-md-6:first-child {order:2;text-align: center;}
    #videoHeader .col-md-6:first-child p{margin:40px auto;}
    #videoHeader{padding:50px 0;}  
    ul.nav.navbar-nav.ml-auto.float-right{float:unset !important;min-width:225px;}
    nav ul.float-right li a{margin:0;}
    .navbar-collapse.collapse.show{width:100%;}
    #navbarNav.navbar-collapse.collapse.show, .navbar-collapse{width:100% !important;margin:0 auto;display:block;}
    #hodnoceniSpokojenosti{width:100%;float:unset;}
    #vyjadreniZakaznika{width:100%;float:unset;}
    #headerTop #propagacniLista li{display:none;}
    #headerTop #propagacniLista ul{display:block;margin:0 auto;width:auto;}
    #headerTop #propagacniLista li.btn-mini{display:block;margin:0 auto;width:auto;} 
    #navbarNav{padding:0;}
    .navbar-brand img{max-width:unset;}
    .navbar-collapse{width:100% !important;margin-left:20px;}
    #CtaLineWithContanct article.col-4{width:50% !important;display:block;text-align:center;}
    #CtaLineWithContanct article.col-4:first-child{width:100% !important;display:block;text-align:center;}
    #CtaLineWithContanct .CtaLineWithContanctText{text-align: center;padding-bottom:25px;}
    #CtaLineWithContanct .container{width:100% !important;padding:30px 15px;max-width:unset;}
    #sliderTop .btn.btn-default.btn-arrow{font-size:13px !important;padding:12px 55px 12px 25px !important}
    #sliderTop .btn.btn-default.btn-arrow:after{top:16px;}
    #sliderTop h1{background: #fff;
                  padding: 10px;
                  line-height: 23px !important;
                  font-size: 16px !important;
                  border-radius: 3px;}
    #fullDivWithMiniContainer .fullDivWithMiniContainerRight p{font-size:14px;margin-bottom: 30px;}
    h2, h3, h4, h5, h6 {font-size: 20px;}
    #fullDivWithMiniContainer .fullDivWithMiniContainerRight ul li{font-size:14px;line-height:25px;}
    #fullDivWithMiniContainer .fullDivWithMiniContainerRight h2{margin:0 0 15px;}
    #fullDivWithMiniContainer .fullDivWithMiniContainerRight ul{margin-bottom: 50px;}
    #fullDivWithMiniContainer .fullDivWithMiniContainerLeft h3{line-height:25px;}
    #fullDivWithMiniContainer .fullDivWithMiniContainerZvyrazneny{width:100%;height:auto;margin:25px 0 15px;}
    #fullDivWithMiniContainer .fullDivWithMiniContainerClaim {width:100%;height:auto;}
    #fullDivWithMiniContainer .fullDivWithMiniContainerClaim p br{display:none;}
    #fullDivWithMiniContainer .fullDivWithMiniContainerClaim p{padding:20px;}
    #fullDivWithMiniContainer .fullDivWithMiniContainerRight ul{margin-bottom:10px;}
    #subPageVyhody article.col-6{width:100%;}
    #sliderTop p strong {
        font-size: 20px;
        line-height: 15px;
    }
    #sliderTop .bottomButton{bottom:15px;}
    #kategory .container{max-width:97%;}
    #kategory .container article.col{flex:1 0 50%;margin:0 0 15px;}
    #fullDivWithMiniContainer .fullDivWithMiniContainerLeft {
        padding: 40px 0 40px;
    }
    #poloBlog .container {
        width: 100% !important;
        max-width: 100% !important;
    }
    #poloBlog .col-4 strong{font-size:50px;}
    #poloBlog a.precteteSiViceTlacitko{font-size:12px;}
    #motto p{margin:0 0 25px 0;}
    #cerstveRealizace .container{max-width:100%;}
    #cerstveRealizace article{width:50%;}
    #cerstveRealizace article:last-child{display:none;}
    .boxikyKontakty .col-6{width:100%;}
    #header .container{max-width:100%;}
    nav .container{max-width:100%;}
    /*#header a.showMobile{display:inline-block !important;}*/
    #headerData .headerYear{display:none;}
    #headerData .navbar-brand{    
        overflow: hidden;
        display: -webkit-inline-box !important;}
    ul.nav.navbar-nav.ml-auto.float-right{display:none !important;}
    .navbar-toggler{display:inline-block;margin-top:0;margin-bottom:0;top:8px;} 
    #headerData .headerSocial{padding:5px;}
    #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;}
    #products .col-5{width:100%;display:block;text-align: center;opacity:1;}
    #products .col-5 p{margin:0 auto 35px;}
    #products .col-7{width:100%;display:block;text-align: center;opacity:1;padding-left:15px;}
    #products .col-7 video{    transform: scale(0.7) !important;}
    #products .col-7 img{    transform: scale(0.7) !important;}
    .productsTextOpacity{opacity:1 !important;}
    .productsTextOpacity h2 div{overflow: unset !important;}
    .productsTextOpacity h2 div span{transform:unset !important;}
    #pegolyOsvetleni .obrazkovaCast, #pegolyOsvetleni .textovaCast{width:100%;}
    #pegolyOsvetleni .textovyPopisMaxSirka{margin: 50px auto 0;float:unset;}
    #colorKonfigurator.colorPovrch .bigButtonColor{width: 60px !important;height: 60px !important;}
    #realizaceSwipper .swiperRealizace.col-6{width:50%;}
}

@media all and (min-width:0px) and (max-width:991px){
    .navbar-toggler{display:inline-block;} 
    /*    #navbarNav.navbar-collapse.collapse.show, .navbar-collapse{position:Absolute;top:55px;background:#181849;padding: 10px 10px 15px;}
        #navbarNav.navbar-collapse.collapse.show .navbar-nav li a{ font-size:14px;}
        #navbarNav.navbar-collapse.collapse.show .navbar-nav li a img{margin:0 15px 0 0;}*/
    #navbarNav.navbar-collapse.collapse.show ul.dropdown-menu.show li{width:100%;max-width:300px;margin:0 auto;}
    #subPageGoogleMaps .container{min-width:100%;max-width:100%;width:100%;}
    #subPageGoogleMaps .col-4{flex: 0 0 auto;width: 50% !important;}
    #subPageGoogleMaps .col-8{flex: 0 0 auto;width: 50% !important;} 
    #provozy .col:nth-child(1){flex:1 0 100%}
    #provozy .col:nth-child(2){flex:1 0 100%}
    #provozy.partneri .col:nth-child(1){flex:1 0 100%;order:1;}
    #provozy.partneri .col:nth-child(2){flex:1 0 100%;}
    #provozy:after{display:none;}
    #provozy.partneri, #provozy{padding:80px 0 30px;}
    #provozy ul{margin-top:100px !important;}
    .box-article.finalArticleBig h2{width:100%;display:block;}
    .box-article.finalArticleBig figure picture{float:unset !important;width:100% !important;}
    #partneri .col:nth-child(1){flex:1 0 100%}
    #partneri .col:nth-child(2){flex:1 0 100%}
    #partneri.partneri .col:nth-child(1){flex:1 0 100%;order:1;}
    #partneri.partneri .col:nth-child(2){flex:1 0 100%;}
    #partneri:after{display:none;}
    #partneri.partneri, #partneri{padding:80px 0 30px;}
    #partneri ul{margin-top:100px !important;}
    #rozcestnik .col-6{width:100%;}
    #rozcestnik .col-12.col-sm-4{width:100%;}
    .box-article.com.middle {
        margin-top: 0;
    }
    #benefitySpoluprace .col-3{width:50%;}
    #benefitySpoluprace p{max-width:100%;}
    #contentHomepage .col-2{width:50%;}
    #contentHomepage h2{font-size:25px;line-height:30px;}
    #contentHomepageRozcestnik a h2{font-size:16px;}
    #panelVysledky .col-3{width:50%;padding-bottom:10px;}
    #headerData .col-6{padding:20px 0;} 
    #headerData .float-left .headerSeparator{margin-left:16px;}
    #headerData .float-left .headerLanguageMenu{margin-left:0;}
    .navbar-toggler{margin-right:0;}
    #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;}
    #showreelHomepage .col-5{width:100%;}
    #showreelHomepage .col-7{width:80%;margin: 35px auto;}
    #showreelHomepage span{display:inline-block;margin:0 6px;}
    #showreelHomepage{text-align: center;}
    #showreelHomepage h1{margin-bottom: 10px;}
    #products .col-7{padding:0;}
    #showroom .col-6{display:block;width:100%;}
    #showroom .col-6 p{margin:0 auto 35px;} 
    #showroom{background:#fff;padding:80px 0 0 !important;}
    #showroom .onlyMobileMap{display:block;}
    #showroom .container{max-width:100% !important;margin:0;padding:0;}
    #main #bonus .col-6 img{transform: scale(0.8);}
    #main h3 strong{display:inline-block;margin:0 6px;}
    #footer #footerPartneri p{margin:40px 0 0 0; padding:0 0 0 25px;}
    .hamburger-is-active #contentHamburger {width: 170%;}
    #perexSubPageDetail .col-6, #charakteristika .col-6, #charakteristikaTkaniny .col-6, #colorKonfigurator .col-5, #colorKonfigurator .col-8, #colorKonfigurator .col-4, .subPageContent .col-6{width:100%;text-align: center;display:block;}
    #perexSubPageDetail .col-6 h2{margin:0 auto 15px;font-size:36px;display:block;}
    #perexSubPageDetail .col-6 p{margin:0 auto 15px;font-size:18px;line-height:unset;display:block;}
    #perexSubPageDetail .row{display:block;}
    #charakteristika .subPageContent .fixedContent{margin:0 auto;display:block;}
    #charakteristika .col-6 h3{margin:0 auto 15px;font-size:26px;display:block;}
    #charakteristika .col-6 p{margin:0 auto 15px;font-size:18px;display:block;line-height: unset;} 
    #charakteristikaTkaniny .col-6 h3{margin:0 auto 15px;font-size:26px;display:block;}
    #charakteristikaTkaniny .col-6 p{margin:0 auto 15px;font-size:16px;display:block;} 
    .subPageContent p, #main p{margin:0 auto 15px;font-size:16px;display:block;line-height: unset;} 
    #charakteristikaTkaniny .col-6 {margin:0 auto 35px;} 
    .subPageContent .col-6{margin-left: auto;margin-right:auto;}
    
    .subPageContent .fixedContent{margin:0 auto;float:unset;}
    .subPageContent .scrollContent img{width:70%;}
    .subPageContent .scrollContent video{width:70%;}
    .charakteristikaVyhoda{padding:25px 0 80px;}
    .charakteristikaVyhoda .col-5{width:100%;}
    .charakteristikaVyhoda .col-7{width:100%;}
    .charakteristikaVyhodaText{float:unset;padding:0 0 35px;width:100%;}
    .charakteristikaVyhodaImage{position:relative;height:60px !important;overflow: hidden;max-height: 60px;min-height: 60px;margin-bottom: 15px;}
   
    
    #charakteristikaStineni .col-6{width:100%;text-align: center;display:block;}
    #charakteristikaStineni .col-6 h2{margin:0 auto 15px;font-size:36px;display:block;}
    #charakteristikaStineni .col-6 p{margin:0 auto 15px;font-size:18px;line-height:unset;display:block;}
    #charakteristikaStineni .col-6{order:2}
    #charakteristikaStineni .col-6:last-child{order:1}
    
    #charakteristikaOsvetleni .col-6{width:100%;text-align: center;display:block;}
    #charakteristikaOsvetleni .col-6 h2{margin:0 auto 15px;font-size:36px;display:block;}
    #charakteristikaOsvetleni .col-6 p{margin:0 auto 15px;font-size:18px;line-height:unset;display:block;}
    
    #firemniPohoda .col-6{width:100%;text-align: center;display:block;}
    #firemniPohoda .col-6 h2{margin:0 auto 15px;font-size:36px;display:block;}
    #firemniPohoda .col-6 p{margin:0 auto 15px;font-size:18px;line-height:unset;display:block;}
    #firemniPohoda .col-6{order:2}
    #firemniPohoda .col-6:last-child{order:1}
    
    #partnerstvi .col-6{width:100%;text-align: center;display:block;}
    #partnerstvi .col-6 h2{margin:0 auto 15px;font-size:36px;display:block;}
    #partnerstvi .col-6 p{margin:0 auto 15px;font-size:18px;line-height:unset;display:block;}
    #partnerstvi .col-6{order:2}
    #partnerstvi .col-6:last-child{order:1}
    
    
    #pozornostZakaznikovi .col-6{width:100%;text-align: center;display:block;}
    #pozornostZakaznikovi .col-6 h2{margin:0 auto 15px;font-size:36px;display:block;}
    #pozornostZakaznikovi .col-6 p{margin:0 auto 15px;font-size:18px;line-height:unset;display:block;}
    
    #excelence .col-6{width:100%;text-align: center;display:block;}
    #excelence .col-6 h2{margin:0 auto 15px;font-size:36px;display:block;}
    #excelence .col-6 p{margin:0 auto 15px;font-size:18px;line-height:unset;display:block;}
    
    #gibusMapaShowroom{background:#fff;}
    
    
    #showroom.remoteControl h3{margin:0 auto 15px;font-size:36px;display:block;}
    #showroom.remoteControl p{margin:0 auto 15px;font-size:18px;line-height:unset;display:block;}
    #showroom.remoteControl{background:#fff !important;}
    #showroom.remoteControl.backgroundNone{background:none !important;}
        #showroom.remoteControl .row .row{margin:0 auto;}
    .col-6 .scrollContent .col-6{width:50% !important;}
    .navbar {padding: 20px 20px !important;}
    nav .headerTopContact{right:25px;}
    .hamburger{transform: scale(0.6);}
    #modely .swiperModelDetail{top:480px;}
    #prislusenstvi{text-align: center;}
    #prislusenstvi .col-7, #prislusenstvi .col-5{width:100%;display:block;}
    #prislusenstvi .col-5{padding:40px;}
    #prislusenstvi .col-5 p{margin:0 auto;}
    #colorKonfigurator .col-7, #colorKonfigurator .col-5{width:100%;display:block;text-align: center;}
    #colorKonfigurator .col-5 p{margin:0 auto 35px;}
    #structureColor, #bladeColor{margin:15px auto;}
    #realizace .swiper-slide img{width:100%;height:auto;}
    #realizace .swiperRealizaceText{padding:25px;}
    #kratkyClanek .col-7, #kratkyClanek .col-5{width:100%;display:block;text-align: center;}
    #kratkyClanek .col-5 p{margin:0 auto 35px;}
    .paddingLeft25{padding-left:15px;}
    #kratkyClanek .revertPadding .kratkyClanekObsah{padding:40px;}
}

@media all and (min-width:0px) and (max-width:900px){
    #modely .swiperModel.swiperModelAktivni .swiperModel{top:35%;}
    #modely .swiperModelDetail{top:80%;}
    #modely .swiperModelDetail .swiperModelDetailContent{height:0;overflow:hidden;}
    #modely .swiperModelDetail h3{color:#000;}
    #modely .swiperModel.swiperModelAktivni .swiperModelDetail .swiperModelDetailContent{height:auto;}
    #modely .swiperModel.swiperModelAktivni .swiperModelDetail{bottom: 90px;top: auto;}
    #prizpusobeni .swiper-slide img{width:100%;height:auto;}
    .headerTopContact .btn.btn-default span{display:none;}
    
}
@media all and (min-width:0px) and (max-width:830px){
    .hamburger{margin-right: 0;}
    
    #perexSubPageDetail iframe{width:500px !important;height:350px !important;display:block;margin:15px auto !important;;}
}
@media all and (min-width:0px) and (max-width:768px){
    #videoHeader p {font-size: 15px;margin: 15px auto 25px!important;max-width: 500px;line-height: 25px;}
    #videoHeader h1{font-size:30px;line-height:30px;}   
    #footer .container{max-width:100%;}
    #footer .col-sm-3 {flex: 0 0 auto;width: 50%;}
    #footer #clientCopy{display:none;}
    #hodnoceniSpokojenosti img{float:left;}
    #fullDivWithMiniContainer .col-6{width:100%;}
    #fullDivWithMiniContainer .col-2{display:none;}
    #fullDivWithMiniContainer .col-10{display:block;width:100%;text-align: center;}
    #fullDivWithMiniContainer .col-10 h3 br{display:none;}
    #fullDivWithMiniContainer .col-10 h3{padding:0 0 15px 35px;}
    #fullDivWithMiniContainer .fullDivWithMiniContainerLeft{display:none;}
    #fullDivWithMiniContainer .col-5, #fullDivWithMiniContainer .col-7{display:none;}
    #fullDivWithMiniContainer .fullDivWithMiniContainerLeft .row{float:left;padding: 0 15px;} 
    #fullDivWithMiniContainer .fullDivWithMiniContainerZvyrazneny strong{font-size:30px;}
    #fullDivWithMiniContainer .fullDivWithMiniContainerZvyrazneny{width:48% !important;}
    #fullDivWithMiniContainer .fullDivWithMiniContainerClaim{width:48% !important;}
    #simpleSignpostHover{padding:35px 0;}
    #simpleSignpostHover .container{max-width:100%;padding:0 15px;}
    #listOfServices em{font-size:16px;}
    #listOfServices ul li{width:48%;font-size:15px;min-width:270px;} 
    #listOfServices ul li:before{width:20px;height:5px;}
    #listOfServices .container{max-width:100%;padding:0 15px;}
    #listOfServices ul{margin:0 0 30px;}
    #CtaLineWithContanct strong{font-size:23px;}
    #CtaLineWithContanct span.prvniOsetreni{font-size:16px;}
    #CtaLineWithContanct .CtaLineWithContanctPhone span{font-size:13px;}
    #CtaLineWithContanct .CtaLineWithContanctButton span{font-size:13px;}
    #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;}
    #sliderTop .d-none{display:block !important;}
    #sliderTop .d-none .btn{bottom:calc(50% - 35px);}
    #sliderTop p strong{font-size:22px;}
    #sliderTop p span {font-size: 15px;line-height: 40px;}
    #headerTop #propagacniLista p{display:none;font-size:0;}
    headerTop #propagacniLista ul {
        display: block;
        margin: 0 auto;
        float: unset !important;
        width: max-content;
    } 
    #sliderTop p{display:none;}
    #sliderTop{padding-bottom: 0;}

    #sayYesBaby h3{font-size: 22px;}
    #sayYesBaby p{font-size: 15px;}
    /*#poloBlog .col-6{width:100%;}*/ 
    #poloBlog .col-4{display:none;} 
    #poloBlog .col-8{width:100%;} 
    #poloBlog .comparator{margin:35px 0;width:100%;}
    #poloBlog span{margin:0;}
    #poloBlog img{max-width:60%;margin:0 0 10px;}
    #contentData #poloBlog img{max-width:100%;margin:0 0 0px;}
    .comparator .col-6:first-child{order:0;}
    #poloBlog .row{width:100%;}
    #hodnoceni p {font-size:18px;}

    .nasTym .col-4{display:block;float:unset;width:100%;}
    .nasTym .col-4 img{max-width:100px !important;}
    .nasTym .col-8{display:block;float:unset;width:100%;}
    .hlavniSluzba img{width:100%;float:unset;}
    .hlavniSluzba .hlavniSluzbaContent{width:100%;max-width:500px;float:unset;padding:0 25px; } 
    #kategory .container article.col{flex:1 0 100%;}
    #kategory .container{max-width: 94%;text-align:Center;}
    #kategory h2{text-align: center;}
    #kategory p{text-align: center;}
    #kategory article.col:first-child strong{text-align: center;}
    #nasiPartneri{text-align: center;}
    #kategory .row .row .col{max-width: 33%;flex:1 0 33%;margin:0 0 10px;}

    .textPage{float:unset;width:100%;}
    #subPage.default #ulVypisSluzeb a img{max-width: 200px;margin:0 auto;display:block;}
    #rychlyKontakt .col-4{width:100%;}
    #rychlyKontakt strong{font-size:18px;}
    #rychlyKontakt img{max-width:40px;}

    .videoButton{display:none !important;}

    .Container-dark{padding:0}
    .headerSocialFacebook{display:none;}
    .headerSocialInstagram{display:none;}
    .headerSocialLinkedin{display:none;}
    #homepageTopShowreel .htsSliderContentLogo{padding-bottom:0;} 
    #homepageTopShowreel .htsBlocksCell-1 h2 {
        padding: 180px 50px 60px 65px;
        font-size: 26px;
        line-height: 33px;
    } 
    #homepageTopShowreel .htsBlocksSliderControlButton{display:none;}

    .pageHeaderNadpis{    margin: 0 3.333vw !important;
                          font-size: 4.167vw !important;}
    .navbar-brand img{max-height:35px;max-width: 150px;}
    .col-6.float-left{top:10px;}

    #cisla .col{width: 33%;flex:1 0 auto;margin-bottom: 15px;} 
    #ChangeLanguageInMenu a{text-decoration: none;}
    #hlavniSluzby .polozkaSluzby{width:100%;}

    #products .col-5, #products .col-7{width:100%;display:block;text-align: center;}
    #showreelHomepage .container{padding:80px 50px 50px;}
    #products .col-5 h2 span{display:inline-block;}
    #bonus p br{display:none;}
    #main #bonus .col-6{width:100%;display:block;text-align: center;}
    #letsTalk {padding: 60px 0 0px !important;}
    #letsTalk .col-7 .col-7{width:100%;margin-bottom: 35px;}
    #letsTalk .col-7 .col-5{width:100%;margin-bottom: 35px;}
    #letsTalk .col-7 h4 strong{display:inline-block;margin:0 6px;}
    #letsTalk .col-7 h4{margin-bottom: 15px;}
    #letsTalk p {margin: 0 auto 25px;max-width:80%;}
    #contactFormUltimate{padding: 60px;}
    #contactFormUltimate .col-8{width:100%;display:block;}
    .col-4.contactFormUltimateSendButton{width:100%;display:block;text-align: center;}
    #contactFormUltimate form .contactFormUltimateSendButton input{float:unset;margin:10px auto 0;display:inline-block;}
    #footer #footerPartneri img{max-width: 150px;margin:0 auto;display:block;}
    #footer #footerPartneri p{margin: 0 auto;text-align: center;display:block;width:100%;padding:0 30px;font-size:12px;}
    #footer #footerPartneri p br{display:none;}
    #header .container{width:100%}
    #menuHamburger ul li a{font-size:20px;}
    #menuHamburger ul li.menuHamburgerSmallFont a{font-size:16px;} 
    #modely .swiperModelDetail{top:25px;width: 100%;}
    #modely .swiperModelOvladani{width:100%;}
    #modely h2, #modely .swiperModelDetail h3, #showroom.remoteControl h3, #prizpusobeni h2, #colorKonfigurator h2, #realizace h2, #prodejniVyhody h2, #kratkyClanek .kratkyClanekObsah h3{font-size:26px;line-height:35px;}
    #prodejniVyhody .col-6{width:100%;display:block;}
    .hlavickaRozcestnik .col-6{width:100%;display:block;text-align: center;}
    .hlavickaRozcestnik .hlavickaRozcestnikText{text-align: center;}
    .hlavickaRozcestnik .hlavickaRozcestnikText a{margin-bottom: 25px;height:100% !important;}
    #main p{font-size:15px;}
    #showroom h3{padding-left:15px;padding-right:15px;}
    
    .col-6 p, #main p {
    margin: 0 auto 15px;
    font-size: 16px !important;
    line-height: unset !important;
    display: block;
}
.table-responsive{background:#fff;}
.table-responsive table.table td:first-child{min-width: auto;}
#pegolyOsvetleni .col-6{width:100%;}
#naCoSiDatPozor .col-6{width:100%;}
#pegolyOsvetleni .col-6 .col-6{width:50%;}
.grid{grid-template-columns: 1fr;}
}



@media all and (min-width:0px) and (max-width:700px){  
    #simpleSignpostHover article{width: 100% !important;margin:0 0 15px;}
    #simpleSignpostHover article div{min-height:200px;}
    #simpleSignpostHover article div a{height:200px;}
    #hodnoceni p {font-size:16px;line-height:22px;}

    #cerstveRealizace article{width:100%;max-width:400px;margin:0 auto 15px;}
    #cerstveRealizace article:last-child{display:block;}
    #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;}
    .navbar-toggler{top:11px;}
    /*#header a.showMobile{margin-left:0;}*/
    .divSectionSpaceVertical{display:none;}
    .Section{padding-bottom:40px;} *
    #contactFormUltimate form .form-group {margin: 0 0 15px;}
    .navbar {padding: 20px 20px !important;}
    .hamburger{margin:0;}
    nav .headerTopContact{right:30px;}
    .headerTopContact .headerTopContactPhone{font-size:0;}
    .headerTopContact .headerTopContactPhone img{margin-right:0;}
 #showreelHomepage h1{font-size:30px;}   
    
    .hamburger-is-active #contentHamburger {width:0;}
    .hamburger-is-active #menuHamburger {width:100%;padding:150px 0 45px;text-align: center;}
    nav .headerTopContact{transform:scale(0.8);}
    .col-6 .scrollContent .col-6{width:80% !important;margin:0 auto 25px;}
    .charakteristikaVyhoda{padding-bottom: 25px;}
    .scrollContent .odsazeni{margin-bottom: 0;}
    .noIcon .charakteristikaVyhodaText{padding:0 0 10px;}
    #perexSubPageDetail .col-6 h2{font-size:26px;}
  #vypisKatalogu .textKatalogu {
    padding: 20px; text-align: center;
}
}

@media all and (min-width:0px) and (max-width:550px){  
    .Container-dark .Container--wide{padding:0 !important;}
    #sliderTop{height:400px;}
    .navbar-toggler{margin-left:0;} 
    #headerData .float-left .headerLanguageMenu button img{width:20px;height:20px;}
    #headerData .float-left .headerSeparator, #headerData .float-left .headerLanguageMenu{display:none;}
    #ChangeLanguageInMenu{display:inline-block;margin:5px auto;border-top:1px solid #dbdbdb;} 
    .pageHeaderNadpis{    margin: 0 15px !important;
                          font-size: 22px !important;}
    #subPage h2, #subPage h3, #subPage h4, #subPage h5, #subPage h2 strong, #subPage h3 strong, #subPage h4 strong, #subPage h5 strong{font-size:20px !important;margin-top:20px;}
    nav .headerTopContact span{display:none !important;}
    .container{width:100%;max-width:100%;min-width:100%;}
    #showroom .col-6, #bonus .col-6{margin:0;padding:0;}
    #showroom .col-6 p, #bonus .col-6 p, #main p{margin: 0 auto 25px;max-width: 80%;}
    #main .hlavickaRozcestnikText p, #pegolyOsvetleni p, #naCoSiDatPozor .faktorProcText p{margin: 0 auto 25px;max-width: 100%;}
    #showroom .col-6 p br, #bonus .col-6 p br, #main p br{display:none;}
     
    
    #main #letsTalk p br{display:block;}
    
    #showreelHomepage p{width:100%;display:block;margin:0 auto 25px;}
    #showreelHomepage .container{margin: 0 auto;width: calc(100% - 24px);min-width: calc(100% - 24px);}
    #showreelHomepage .col-7{width:100%;}
    #showreelHomepage .container{padding:40px;}
    #showreelHomepage h1{font-size:26px;}
    #kontaktniPruh .col-8, #kontaktniPruh .col-4{width:100%;display:block;text-align: center;}
    #kontaktniPruh .col-8 h4{margin: 0 auto 25px;}
    #kontaktniPruh .btn.btn-circle{margin:0 auto;}
    #kontaktniPruh2 .col-8, #kontaktniPruh2 .col-4{width:100%;display:block;text-align: center;}
    #kontaktniPruh2 .col-8 h4{margin: 0 auto 25px;}
    #kontaktniPruh2 .btn.btn-circle{margin:0 auto;}
    
    #perexSubPageDetail iframe{width:300px !important;height:250px !important;display:block;margin:15px auto !important;;}
    .headerTopContact .btn.btn-default{font-size:0;min-width: 40px;padding: 0 10px;}
    .headerTopContact .btn.btn-default img{margin-right: 0;}
    
    #modely .swiperModelOvladani .swiperModelOvladaniInner .swiperModelOvladaniInnerButton{display:none;}
    #modely .swiperModelDetail{text-align: center;}
    #modely .swiperModelOvladani .swiperModelOvladaniInner .swiperModelOvladaniInnerContact{    text-align: center;
    position: unset;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;}
    #colorOptions .col-8, #colorOptions .col-4{width:100%;display:block;}
    #colorKonfigurator #zvoleneHodnotyBarev{float:unset;display:block;width:100%;text-align: center;padding:25px;}
    #colorKonfigurator{padding-bottom: 100px;}
    #colorKonfigurator .btn.btn-border{margin:0 auto;
    display: block;
    width: fit-content;}
    #colorKonfigurator #colorOptions #bladeColor, #colorKonfigurator #colorOptions #structureColor{display:inline-flex;max-width: unset;}
    #realizaceSwipper .swiperRealizace.col-6{width:100%;}
    #realizaceSwipper .swiperRealizace.col-6 p{max-width:100% !important;}
    #contactFormUltimate form .form-check{margin:0 0 15px;}
    .perexSubPageDetail .col-6{width:100%;display:block;}
    .perexSubPageDetail .col-6 p{max-width:100% !important;display:block;}
}
@media all and (min-width:0px) and (max-width:600px){  
    #simpleSignpostHover article{width: 100% !important;margin:0 0 15px;}
    #listOfServices ul{width:280px;margin:0 auto 25px;}
    #listOfServices ul li{width:100%}
    #CtaLineWithContanct article.col-4{width:100% !important;margin:0 0 25px;}
    #footer .col-sm-3{width:100%;}
    #sliderTop{padding:0;}
    #sliderTop .container{padding:0;}
    #sliderTop h2{padding:15px 15px 0;font-size:15px;}
    #fullDivWithMiniContainer .fullDivWithMiniContainerLeft{display:none;}
    #fullDivWithMiniContainer .fullDivWithMiniContainerRight{padding:45px;}
    #CtaLineWithContanct .CtaLineWithContanctButton div, #CtaLineWithContanct .CtaLineWithContanctPhone div{border:0;}
    #CtaLineWithContanct .container{padding:25px 15px 15px;}
    #subPageVyhody article.col-6 img{width:120px;height:100px;} 
    #subPageVyhody .col-12{margin-bottom: 20px;}
    #galerie .col-sm-3{width:50%;}
    #subPage.cenik{padding:25px 0;}
    #subPage .backgroundEffect ul li{width:100%;}
    #subPage .backgroundEffect .col-7{padding:0;margin:0;}
    #subPage .backgroundEffect .col-7 .col-12{padding:10px;margin:0;}
    #subPage .backgroundEffect .col-12 table caption{display:none;}
    #subPage .backgroundEffect .col-12 table {font-size:13px;;}
    #subPage .backgroundEffect .col-12 table.tableCenik em{font-size:10px;}
    #subPage .backgroundEffect small{font-size:10px;width:100%;display:block;text-align: center;}
    #subPage .backgroundEffect small sup{font-size:13px;}
    #subPageGoogleMaps .col-4{flex: 0 0 auto;width: 100% !important;}
    #subPageGoogleMaps .col-8{flex: 0 0 auto;width: 100% !important;}
    #motto p{font-size:20px;line-height:30px;}
    #motto .hrTopBg{height:50px;}
    .subPageZvyrazneneHodnoty article.col-3{width:100%;}
    .subPageZvyrazneneHodnoty article.col-3 .col-12{padding:15px;min-height:unset;}
    .subPageZvyrazneneHodnoty article.col-3 .col-12 strong{font-size:30px;}
    .subPageZvyrazneneHodnoty article.col-3 .col-12 span{margin:0;font-size:16px;}
    #prvniZdarma p{font-size:16px;line-height:22px;}
    #provozy ul{padding:0;}
    #partneri ul{padding:0;}
    #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%;}
    #sliderTop img{display:block;width:100%;height:auto;}
    #sliderTop .d-none .btn{bottom:15px;}
    #sliderTop .videoButton {display:none;}
    #sliderTop h1{background:#fff;padding:10px;line-height:23px !important;font-size:16px !important;border-radius:3px;}
    #headerTop #propagacniLista strong{margin:0 0 10px;display:block;}
    #rozcestnik .col-6{width:100%;}
    #rozcestnik .col-12.col-sm-4{width:100%;}
    .box-article.com.middle{margin-top:0;}
    #benefitySpoluprace .col-3{width:100%;}
    #benefitySpoluprace p{max-width:100%;}
    #contentHomepage .col-2{width:50%;}
    #contentHomepage h2{font-size:25px;line-height:30px;}
    #contentHomepageRozcestnik a h2{font-size:16px;}
    #panelVysledky .col-3{width:100%;padding-bottom:10px;}
    .pridaneMenu{display:none;}
    /*#header a.showMobile span{display:none;}*/
    #homepageTopShowreel .htsBlocksCell-1 h2 {
        padding: 20px 50px 30px 40px;
        font-size: 24px;
        line-height: 30px;
    } 
    #headerData .col-6{padding:15px 0;}
    #division .divisionSectionContent article.col-3{width:100%;border-bottom: 1px solid #dbdbdb;}
    #homepageTopShowreel .htsBlocksCell{width:100%;}
    #homepageTopShowreel .htsBlocksCellRevealElementInnerContent{padding:10% 14% 42%;}
    #homepageTopShowreel .htsBlocksCell-2{float:unset;transform: unset !important;}
    #homepageBottomShowreel #htsBlocks2 .htsBlocks2Cell.htsBlocks2Cell-2{float:unset;transform: unset !important;}
    .about-FloatingGallery-row{float:unset;transform: unset !important;}
    .parallax_scroll{float:unset;transform: unset !important;}
    #homepageTopShowreel .htsBlocksCell-3{float:unset;top:130px;min-height:560px;}
    #homepageBottomShowreel #htsBlocks2 .htsBlocks2Cell.htsBlocks2Cell-1{width:100%;}
    #homepageBottomShowreel #htsBlocks2 .htsBlocks2Cell.htsBlocks2Cell-2{width:100%;}
    #homepageBottomShowreel #htsBlocks2 .htsBlocks2Cell.htsBlocks2Cell-3{top:70px;min-height:350px;} 
    #division .divisionSectionContent article img{max-width:100px;}
    #division h3{font-size:16px !important;}
    #homepageTopShowreel .htsBlocksCell-3Logo img{padding:30px;}
    #homepageTopShowreel .htsBlocksCell-3Content h3{width:auto;    bottom: -100px;;}   
    #homepageTopShowreel .htsBlocksCell-1 h2 {
        text-align: center;
        padding: 160px 50px 70px 40px;
        font-size: 20px;
        line-height: 26px;
    }
    #homepageTopShowreel .htsSliderContentImages img.iso {
        min-height: unset !important;
        height: unset !important;
        margin-left: 135px;
        width: 100%;
        margin: 0 auto;
    }
    #homepageTopShowreel .htsBlocksCell-1 h2 {
        text-align: center;
        padding: 130px 0px 30px 0px;
        font-size: 20px;
        line-height: 26px;
    }
    #homepageBottomShowreel .container{padding:0 40px;}
    #division .container{padding:80px 40px;}

    .col-6.float-left{width:65%}
    .col-6.float-right{width:35%}
    #kontaktniFormular .inputs.col-sm-6, #kontaktniFormular .col-sm-12{float:unset;width:100%;}
    #division .divisionContenttitle{background-color:unset;}
    #cisla .col{width:100%;flex:1 0 auto;}
    .kontaktniStranka .contentProduct{text-align: center;}
    .kontaktniStranka .contentProduct img{float:unset;display:block;margin:0 auto;}
    .kontaktniStranka .contentProduct a{margin:0;}
    #hlavniSluzby .polozkaSluzby .polozkaSluzbyImage{height:150px;}
    #vypisKatalogu .col-6{width:100%;}
}

@media all and (min-width:0px) and (max-width:500px){  
 #showreelHomepage h1{font-size:24px;}   
 #products .col-5 h2{font-size:24px;line-height: 34px;}   
 #main h3 {font-size: 24px;line-height: 34px;margin-bottom: 15px;}
 #main section{padding:40px 0;}
 #showroom, #letsTalk{padding:40px 0 0 !important;}
 #letsTalk .colContant .col-12{margin-top: 25px;}
 #letsTalk .colContant .col-12, #letsTalk .colShowroom .col-12{padding:30px;} 
 #letsTalk h4{font-size:22px;}
 #contactFormUltimate h3 {font-size: 22px;line-height: 28px;margin-bottom: 10px;}
 #contactFormUltimate .contactFormUltimatePerex {font-size: 16px;}
 #contactFormUltimate .col-6{width:100%;}
 #contactFormUltimate .col-4{width:100%;}
 .headerTopContact .btn.btn-default{min-width:unset;padding:0 8px;}
.headerTopContact a img{margin-right: 0;}
.headerTopContact .headerTopContactPhone{margin-right: 10px;}
.headerTopContact .btn.btn-default, .headerTopContact .headerTopContactPhone{font-size:0;}
nav .headerTopContact {right: 20px;}
.headerTopContact .btn.btn-default{top:2px;}
#showreelHomepage .container{padding:40px 10px;}
#copyright footer{padding-bottom: 25px;}
 #showroom.remoteControl .row .row .col-4{width:100%;}
 
}
@media all and (min-width:0px) and (max-width:425px){  
    
 #contactFormUltimate {padding: 60px 25px;}
    ul.dropdown-menu.show{min-width:unset;}
    #kontaktniFormular{padding:40px 10px;} 
    .contentProduct img{padding-bottom: 10px;}
    .navbar-brand img{max-height:26px;}
    .hamburger {transform: scale(0.7);}
    .navbar{padding:10px !important;}
    body {padding: 80px 0 0 0;}
    #showreelHomepage .container {padding: 60px 10px 10px;}
    #manualy ul { 
    padding: 0; 
    text-align: center;
    display: ruby;
}
    #headerData .navbar-brand{overflow:hidden;max-width: 110px;}
}

@media all and (min-width:0px) and (max-width:375px){
 #copyright footer{padding:0 0 25px;}   
 .footer-container FOOTER DIV{width:auto;}
 #footer .container.row p span {display: block;margin: 10px 0 0 0;}
 #footer #footerPartneri {padding: 20px;}
}

 



@-webkit-keyframes cloud1{0%, 100%{-webkit-transform:translateY(0) rotate(8deg);}
                          50%{-webkit-transform:translateY(-20px) rotate(-6deg); }
}
@-moz-keyframes cloud1{0%, 100%{-moz-transform:translateY(0) rotate(8deg);}
                       50%{-moz-transform:translateY(-20px) rotate(-6deg); }
}
@-o-keyframes cloud1{0%, 100%{-o-transform:translateY(0) rotate(8deg);}
                     50%{-o-transform:translateY(-20px) rotate(-6deg); }
}
--keyframes cloud1{0%, 100%{transform:translateY(0) rotate(8deg);}
                   50%{transform:translateY(-20px) rotate(-6deg); }
}
.oznaceniSekce.galerieRealizaci{padding:80px 0 25px;}
.oznaceniSekce.galerieRealizaci .detailSekce .col-sm-12{min-height:500px;overflow:hidden;height:500px;max-height:500px;transform:scale(1);transition:500ms;padding:0;}
.oznaceniSekce.galerieRealizaci .detailSekce .col-sm-12:hover img{transform:scale(1.2);transition:500ms;}
.oznaceniSekce.galerieRealizaci .detailSekce .col-sm-12 img{position:absolute;width:auto;height:inherit;}


@keyframes zvatsovaniObrazkuAnimace {
    0%   {transform: scale(.8);}
    100% {transform: scale(1);}
}


@media print {
  table,
  .table {
    display: none !important;
    visibility: hidden !important;
  }
}


.gibus-partners-dashboard{max-width: 1200px;text-align: center;padding:40px;margin:30px auto;}
.gibus-partners-dashboard{margin-bottom:40px;}