@font-face{font-family:'Ambit'; src:url('../fonts/Ambit-Light.eot'); src:url('../fonts/Ambit-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/Ambit-Light.woff2') format('woff2'),url('../fonts/Ambit-Light.woff') format('woff'); font-weight:300; font-style:normal; font-display:swap; }
@font-face{font-family:'Ambit'; src:url('../fonts/Ambit-Bold.eot'); src:url('../fonts/Ambit-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/Ambit-Bold.woff2') format('woff2'),url('../fonts/Ambit-Bold.woff') format('woff'); font-weight:bold; font-style:normal; font-display:swap; }
@font-face{font-family:'DIN Pro'; src:url('../fonts/DINPro-Black.eot'); src:url('../fonts/DINPro-Black.eot?#iefix') format('embedded-opentype'),url('../fonts/DINPro-Black.woff2') format('woff2'),url('../fonts/DINPro-Black.woff') format('woff'); font-weight:800; font-style:normal; font-display:swap; }
@font-face{font-family:'DIN Pro'; src:url('../fonts/DINPro-Bold.eot'); src:url('../fonts/DINPro-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/DINPro-Bold.woff2') format('woff2'),url('../fonts/DINPro-Bold.woff') format('woff'); font-weight:bold; font-style:normal; font-display:swap; }
@font-face{font-family:'DIN Pro'; src:url('../fonts/DINPro.eot');src:url('../fonts/DINPro.eot?#iefix') format('embedded-opentype'),url('../fonts/DINPro.woff2') format('woff2'),url('../fonts/DINPro.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap; }
@font-face{font-family:'DIN Pro'; src:url('../fonts/DINPro-Medium.eot'); src:url('../fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/DINPro-Medium.woff2') format('woff2'),url('../fonts/DINPro-Medium.woff') format('woff'); font-weight:500; font-style:normal; font-display:swap; }
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL,GRAD,opsz@100,0,0,48');

.material-symbols-outlined, .material-icons-outlined  {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-size: 24px;
    font-weight: 100; /* Tenká varianta */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
 
    font-variation-settings: 'wght' 100, 'GRAD' 0, 'opsz' 48;
} 
html{text-rendering:optimizeLegibility;overflow-x:hidden !important;}
*{margin:0;padding:0;position:relative;}
*::selection{background:#dcab2b;color:#fff;}
body{min-width:320px !important;font-size:14px;overflow:hidden;font-family:'DIN Pro'; font-weight:400;padding:0px 0 0 0;color:#4f4f4f;background:#f5f5f5;text-align:center;}
.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,.perex{font-family:'Ambit','DIN Pro',sans-serif;}
input[type="submit"],button,.button{cursor:pointer; padding:0.4em 1em; text-transform:uppercase; }
p{font-size:15px;color:#535353;line-height:22px;}
#wrapper p{color:#535353;font-size:17px;font-weight:300;line-height:30px;margin:0 auto 35px;}
a[href^="#error:"]{background:red; color:white;}
 
 
.material-icons-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px; /* Přizpůsob velikost */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
}

nav{background:#fff;padding:20px;}
nav img{max-width:130px;height:auto;width:100%;}
        
h1 {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 10px;padding:80px 0 10px;
    text-align: center;font-family:'DIN Pro';font-weight: 800;color:#000;
}
p.subheadline {
    text-align: center;
    font-size: 22px;
    color: #373636; line-height: normal;font-weight: 500;margin-bottom: 170px;
}
.advantages {
    display: flex;
    justify-content: space-around;
    background-color: #c51515;
    color: white;
    border-radius: 20px;
    padding: 40px 20px;
    width: 100%;position: absolute;z-index: 9;top:-120px;
}
.advantages div {
    flex: 1;
    text-align: center;
    padding: 20px;
}
 
.advantages span.material-icons-outlined {
    font-size: 50px;
    color: white;
    display: block;
    margin-bottom: 10px;
}
.advantages h3 {
    font-size: 20px;
    font-weight: normal;font-family:'DIN Pro';
    color: white;font-weight: 500;
}
.red-section { 
    color: white; 
    width: 100%;max-width: 1200px;margin:0 auto; position:relative;
}
.intro {
    text-align: center;
    font-size: 15px;
    line-height: 1.6;
    max-width: 800px;
    margin-bottom: 80px;
}
.highlight {
    color: #c00 !important;
    font-weight: bold;text-decoration: underline;
}


#jak{padding: 80px 0;}
#jak h2{font-weight: 800;font-size:30px;color:#000;}
#jak h3{font-weight: 800;font-size:22px;color:#000;}
#jak ul{margin:0 auto 26px;padding:0;max-width: 700px;}
#jak ul li{margin:0;padding:0;font-size:18px;list-style-position: inside;padding:4px;text-align: left;}
#jak ul li a{color:#c00;font-weight:bold;}
#jak ul li strong{color:#000;font-weight:bold;}
.number{width:40px;height:40px;display:block;margin:36px auto 10px;background:#c00;color:#fff;border-radius: 100%;padding-top:10px;font-weight: 500;;}

.container{position:relative;}
main#contentBg {background:#eaeaea;padding:180px 0 40px;position:relative;}
main#contentBg p{font-size:20px;text-align: left;line-height: 30px;max-width: 800px;margin:0 auto 26px;}

aside{background:#373636;padding:60px;color:#fff;margin:60px 0;}
aside p{font-size:26px;color:#fff;line-height: normal;display:block;max-width: 800px;margin:0 auto;font-weight:500;}

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






#footer{background:#000;padding:120px 0 50px;text-align: left;}
#footer .container{margin:0 auto;}
#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;}

#vypisSluzebFooter ul {padding:0;}
#vypisSluzebFooter ul li{position:relative; display:flex; line-height:26px; align-items:center;font-size:15px; }
#vypisSluzebFooter ul li::before{content:"chevron_right"; font-family:'Material Icons Outlined'; font-size:18px; color:#92d400; margin-right:12px; display:inline-block; }
/**/
/*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;}
#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(/img/seo_white.svg) 0 0 no-repeat}
.footer-container FOOTER P A .seo-logo{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all 250ms linear 0ms;-moz-transition:all 250ms linear 0ms;-ms-transition:all 250ms linear 0ms;-o-transition:all 250ms linear 0ms;transition:all 250ms linear 0ms;background:transparent;min-width:unset !important;}
.footer-container FOOTER P A .seo-logo .face{width:25px;height:26px;box-sizing:unset;width:100%;height:100%;position:absolute;left:0;top:4px;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}
.footer-container FOOTER P A .seo-logo .front{width:25px;height:26px;box-sizing:unset;background:transparent url(/img/seo_silver.svg) 0 0 no-repeat}
.footer-container FOOTER P A .seo-logo .back{width:25px;height:26px;box-sizing:unset;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);background:transparent url(/img/seo_white.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*/

.display-flex{display:flex; justify-content:space-between; align-items:stretch; text-align:left; }



@media all and (min-width:0px) and (max-width:991px){
    .advantages{position: relative;border-radius: 0;top:0;display: block;}
    main#contentBg{padding:40px 0;}
    p.subheadline{margin-bottom: 40px;}
    .advantages div{display:inline-block;width:48%;}
    #footer{padding:60px 0;}
    #footer .col-4{width: 100%;max-width: 360px;margin-bottom: 40px;;}
}


@media all and (min-width:0px) and (max-width:620px){ 
    .advantages div{display:block;width:100%;}
    h1{font-size: 30px;;}
    p.subheadline{font-size:18px;}
    nav img {max-width: 90px;}
    main#contentBg p{font-size:18px;padding:20px;}
    #jak h2{font-size:26px;}
    #jak ul li{font-size:16px;}
    aside p{font-size: 20px;line-height:30px;}
    #footer #clientCopy{float:unset;display:block;width:100%;}
    .footer-container FOOTER DIV{position:relative;position: relative;
        width: 100%;
        text-align: center;
        display: block;
        text-align: center;
        padding: 0;
        margin: 0;}
        #footer .col-4{margin:0 auto 40px;}
}