html {font-family: "Source Sans 3", sans-serif; font-size: calc(13px + 0.390625vw); line-height: calc(18px + 0.390625vw); background-color: #ffffff; color: #354244;}
h1, h2, h3, a h3, h4, h5, .navbar, .btn, .dot, label, .kc-bg1 span, .number::before {font-family: "Teko", sans-serif; color:#e46217;font-weight: 300;}
a {color: #000000;}
.nav-logo{height: 40px; width: auto;}
.navbar-nav a, .lang a {text-transform: uppercase; color: #354244; font-size: 1.1rem;}
.alt-logo{max-width: 100px}
.btn-outline-gd1{ border: 2px solid #e46217; border-radius: 20px; text-transform: uppercase; color: #354244; font-size: .8rem; line-height: 1.4rem; letter-spacing: 2px; font-weight: 600; transition: all 0.2s ease; }
.btn-outline-gd1:hover{ border: 2px solid #354244; color: #e46217; border-radius: 10px; font-size: .9rem; transition: all 0.4s ease;}
.btn-outline-gd1:active{ background-color: #F4B895;}
.video-container { position: relative; width: 100%; padding-top: 100%; background-color:white;}
.video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:white;}
.container, .container-fluid {padding-bottom: 5vw;}
.counters .counter {color:#ea5b0c;}
.line{ height: 3px; width: 100%; margin-left: 3%; background: rgb(227,227,227); background: linear-gradient(90deg, rgba(227,227,227,1) 0%, rgba(214,214,214,1) 65%, rgba(255,255,255,1) 100%); position: absolute; top: 2.7rem;}
.dot { text-align: center; position: absolute; top: -2px; font-size: 1.4rem; }
.dot::after { cursor: pointer; content: ''; position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); width: 20px; height: 20px; background-color: #e46217; border-radius: 50%;}
.dot-img {top:-35px;}
.dot-img::after { cursor: pointer; content: ''; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); width: 20px; height: 20px; background-color: #e46217; border-radius: 50%;}
.dot-img img {max-height:80px; max-width:100px;}
.casova-osa .dot:nth-child(2) {left:5%;} /*2014*/
.casova-osa .dot:nth-child(3) {left:18%;} /*2015*/
.casova-osa .dot:nth-child(4) {left:22%;} /*2015*/
.casova-osa .dot:nth-child(5) {left:50%;} /*2017*/
.casova-osa .dot:nth-child(6) {left:54%;} /*2017*/
.casova-osa .dot:nth-child(7) {left:60%;} /*2017*/
.casova-osa .dot:nth-child(8) {left:78%;} /*2018*/
.casova-osa .dot:nth-child(9) {left:95%;} /*2021*/
.heightfix {min-height: 360px;}
.container:has(.heightfix) { padding-bottom: 30px;}
.nasesluzby, .profirecepce, .ap-uvod {background-color: #f4f4f4; padding: 5vw 0;}
.dlazdicky, .dlazdice {display: grid; grid-auto-flow: column; gap: 35px; padding-top: 3vw;}
.dlazdice {grid-template-columns: repeat(2, minmax(0, 1fr));}
.dlazdicky {grid-template-columns: repeat(3, minmax(0, 1fr));}
.dlazdicky > div:nth-child(3n + 1) {grid-column: 1;}
.dlazdicky > div:nth-child(3n + 2) {grid-column: 2;}
.dlazdicky > div:nth-child(3n + 3) {grid-column: 3;}
.dlazdice > div:nth-child(2n + 1) {grid-column: 1;}
.dlazdice > div:nth-child(2n + 2) {grid-column: 2;}
.dlazdicka {background-color: #ffffff; border: 2px solid #ffffff; border-radius: 70px; aspect-ratio: 1 / 1; text-align: center; display: flex; justify-content: center; flex-direction: column; box-sizing: border-box; transition: all 0.4s ease;}
.dlazdicka:hover {border: 2px solid #e46217; transition: all 0.4s ease;}
a.dlazdicka {text-decoration: none; color: #354244;}
.footer {background-color: #f4f4f4; padding: 5vw 0; font-size: 0.8rem;}
.footer a {text-decoration: none; color: black;}
.footer-logo {max-width: 150px; height: auto;}
.footer-icon {max-width: 30px; height: auto; margin: 0 5px;}
.kc-bg1{background: url("bg-1.svg") center center no-repeat; }
.kc-bg1 .col {min-height:200px;}
.kc-bg1 span {font-size: 4.7rem; float: left; padding-right: 10px;}
.countme {counter-reset: section;}
.countme a {text-decoration:none; display: block; margin-top: .6rem;}
.countme a:hover h3 {text-decoration:underline;}
.countme a:hover p {color:#e46217;}
.countme a h3{color:#e46217; padding-bottom: .2rem; margin-bottom: 0rem;}
.countme a p {color: #354244; padding-bottom: .2rem; margin-bottom: 0rem; font-size: .8rem;}
.number {position: relative; padding-left: 2rem; min-height:10rem;}
.number::before {content: counter(section, decimal-leading-zero) "."; counter-increment: section; position: absolute; top: 6%; text-align: center; color: white; background-color: #f4c0a2; left: -6.5rem; width: 7rem; border-radius: 40px; font-size: 4rem; padding-top: .7rem; aspect-ratio: 1/1;}
.card {border:none;}
.card-text.pozice {font-size:.8rem;}
.card-text.kontakt { font-size:.8rem;}
.lang {position:absolute; padding-top:1rem;}
.lang a {text-decoration:none;}
.lang a:hover {text-decoration:underline;}
.lang.opacity-50:hover {opacity:1;}
.opacity-50:hover {opacity: 1!important;}
.vazany-zastupce { background: url("https://go-digital.cz/css/godigital/CSOB-Vazany-zastupce.png") no-repeat; display:block; width:100px; height:100px; position:fixed; bottom:20px; left:20px;}
.vazany-zastupce span{ display:none; visibility:hidden;}
.boxInfo {
background-color: #9aa1a2;
}
.boxInfo .container {
padding-top: .25rem !important;
padding-bottom: .5rem !important;
}
.boxInfo p {
margin:0;
padding:0;
text-align: center;
}
.boxInfo p a{
color: #fff;
}
#moreInfo.modal {
--bs-modal-width: 50vw !important ;
font-size: .8rem;
}
@media screen and (max-width: 1399px) {
.line{width: 90%; margin-left: 3%;}
.casova-osa .dot:nth-child(2) {left:5%;} /*2014*/
.casova-osa .dot:nth-child(3) {left:15%;} /*2015*/
.casova-osa .dot:nth-child(4) {left:30%;} /*2015*/
.casova-osa .dot:nth-child(5) {left:45%;} /*2017*/
.casova-osa .dot:nth-child(6) {left:60%;} /*2017*/
.casova-osa .dot:nth-child(7) {left:75%;} /*2017*/
.casova-osa .dot:nth-child(8) {left:83%;} /*2018*/
.casova-osa .dot:nth-child(9) {left:95%;} /*2021*/
#moreInfo.modal {
--bs-modal-width: 75vw !important ;
font-size: 1rem;
}
}
@media screen and (max-width: 992px) {
.navbar-toggler {border:none;} .navWhite .navbar-toggler {filter: invert(1);} .navbar-toggler:focus {border: 0!important; box-shadow: none !important; border-radius:0; border-color: #e46217;}
.navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(228, 98, 23, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
.dlazdicky {grid-template-columns: repeat(2, minmax(0, 1fr));}
.dlazdicky > div:nth-child(odd) { grid-column: 1;}
.dlazdicky > div:nth-child(even) { grid-column: 2;}
#moreInfo.modal {
--bs-modal-width: 90vw !important ;
font-size: 1rem;
}
}
@media screen and (max-width: 768px) {
.kc-bg1{ background: none; }
.kc-bg1 .col {min-height:auto;}
.dlazdice > div { grid-column: 1 !important; padding: 3vw; aspect-ratio: auto; }
.dlazdice {grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 5vw;}
.dlazdice {aspect-ratio: auto;}
.lang{position:relative;}
.lang a{display:inline; padding:10px;}
}
@media screen and (max-width: 576px) {
.dlazdicky > div { grid-column: 1 !important; padding: 3vw; aspect-ratio: auto; }
.dlazdicky {grid-template-columns: repeat(1, minmax(0, 1fr)); gap: initial;}
.dlazdicka {aspect-ratio: auto;}
.counter::after { width: 80px; height: 80px;}
.footer a { line-height: 1.8rem;}
}
.freeprivacypolicy-com---palette-light .cc-nb-okagree,
.freeprivacypolicy-com---palette-light .cc-nb-reject,
.freeprivacypolicy-com---palette-light .cc-cp-foot-save {
color: #fff;
background-color: #e46217;
}
.freeprivacypolicy-com---palette-light .cc-pc-head-close:focus {
border: 2px solid #e46217;
}
.freeprivacypolicy-com---palette-light .cc-pc-head-lang select:focus {
box-shadow: 0 0 0 2px #e46217;
}
.freeprivacypolicy-com---pc-dialog input[type="checkbox"].cc-custom-checkbox + label {
font-size: 18px;
color: #212529;
}
.freeprivacypolicy-com---pc-dialog input[type="checkbox"].cc-custom-checkbox:checked + label {
color: #e46217
}
.freeprivacypolicy-com---pc-dialog input[type="checkbox"].cc-custom-checkbox:checked + label::before {
background: #f4c0a2;
}