body{font-family: 'Open Sans', sans-serif;height:100%;}
html, body{height:100%;}
.btn{border:none;border-radius:5px;font-weight:600;padding:12px 22px;font-size:18px;}
.btn-success{background:#00971c;box-shadow: 0px 4px 0px #060;}
strong{font-weight:600;}
h1{text-transform:uppercase;font-family: 'Open Sans Condensed', sans-serif; font-weight:700;color:#fff;}

.btn {
    max-width: calc(100% - 32px);
    white-space: normal;
}


.subfilter{background:#17222d; text-align: center;}
.subfilter .active a{font-weight:700; opacity:1;}
.subfilter .active a:hover{opacity:1;}
.subfilter li{display:inline-block; list-style:none;}
.subfilter a{color:#fff; opacity:.7;display:inline-block; padding:15px; font-size:15px}
.subfilter a:hover{text-decoration:none; opacity:.9;}


.content section{margin-top:110px;}
.content section:first-child{margin-top:0;}
.close{opacity:.5;}
.modal-content{border-radius:0;text-align:center;}
.modal-header{border:none;background:url(/wp-content/static/images/voucher_on_table.jpg) no-repeat center center; background-size:cover;height:320px;}
#voucherModal .btn.btn-success{margin-top:20px;margin-bottom:20px;}
.modal-title{font-family: 'Open Sans Condensed', sans-serif; font-weight:700; color:#000; font-size:44px;}
.subnav{/* margin-top:-30px; */text-align: center;background: #111;}
.subnav ul{padding:0;}
.subnav li{display:inline-block;/* border-right:2px solid rgba(0,0,0,.5); */}
.subnav li:last-child{border:none;}
.subnav a{color: #ddd; text-decoration:none;padding: 15px 25px;font-size: 17px;display: inline-block;}
.subnav a:hover{color:#fff;background:#000; }
/*.subnav{text-align: center;background: #1F1F1F;}
.subnav ul{padding:0;}
.subnav li{display:inline-block;border-right: 1px solid rgba(255, 255, 255, 0.09);}
.subnav li:last-child{border:none;}
.subnav a{color: #FFF; opacity:.8; text-decoration:none;font-size:18px;padding: 15px 25px;display: inline-block;}
.subnav a:hover{text-decoration: underline;color:#fff;}
*/

.voucher{position:absolute;right:0;z-index:20;width:180px;}
.voucher img{max-width:100%;}

/*h2{font-family: 'Open Sans Condensed', sans-serif; }*/
p{font-size:18px;line-height:30px;}
.fotogalerie{margin-top:30px;}
.fotogalerie ul{padding:0;}
.fotogalerie li{list-style:none;display:inline-block;}
.fotogalerie .img {background:no-repeat center center;background-size:cover;width:450px;height:300px;display:inline-block;}
.header{background:#fff;}
.header .logo{float:left;padding:12px;}
.header .nav{float:right;}
.header ul{padding:0;}
.header li{list-style:none;display:block;float:left;}
.header li a, .navbar-default .navbar-nav>li>a{color:#333;font-size:18px;padding:23px 35px;display:block;}
.navbar-default .navbar-nav>li>a:hover{color:#000;text-decoration: underline}
.header .active a{font-weight:600; color:#000;}
.navbar{margin-right:-23px;}


.prihlaska .container{width:700px;}
@media (max-width: 720px) {
    .prihlaska .container {
        width: 100%;
    }
}

.btn {
    max-width: 95%;
    white-space: normal;
}

.container {max-width:100%;}

.prihlaska .content .form-group{text-align:left;}
.prihlaska .subheader{height:250px;}

.form-control{border-radius:0;box-shadow:none;font-size:16px; height:45px;}
.sendrow{margin-top:20px;}
.sendrow .btn{margin-bottom:15px;}

.home{height: calc(100vh - 70px - 125px); }

@media (max-width: 600px) {
    .home {
        height: auto
    }
}


.home .subheader{color:#000;height:100%;  background:url(/wp-content/uploads/2024/03/praha.webp) no-repeat center center; background-size:cover;}

.home .subheader .wrapper{text-align:center;height:100%;margin:0;}
.home .subheader .wrapper:before{content: ''; display: inline-block; height: 100%;vertical-align: middle;margin-right: -0.25em;}
.home .subheader .claim{width:99%;  display:inline-block; vertical-align: middle; max-width: 99%;}

.home .subheader h1{font-size:95px;line-height:1;margin:0 0 10px; font-family: 'Open Sans Condensed', sans-serif; font-weight:700;color:#fff;text-transform: uppercase;text-shadow:#000 0 1px 1px;}
.home .subheader h2{font-size: 50px; line-height:1;margin:0;font-family: 'Open Sans Condensed', sans-serif; font-weight:300;color:#eed3a8;text-transform: uppercase;text-shadow:rgba(255,255,255,.5) 0 0 20px;}

.product-nav{width:100%;background:#872f43;  bottom: 0;}
.product-nav ul{text-align:justify;font-size: 0.1px; padding:0; margin:0 auto;text-align:center;}

.product-nav li{list-style:none; display:inline-block; height:125px;border-right:1px solid rgba(255,255,255,.12); }
.product-nav li:first-child{border-left:1px solid rgba(255,255,255,.12);}

.product-nav ul:after{ content: '';  width: 100%; display: inline-block;}

.navbar-toggle{margin-top:17px;}

.product-nav a{color:#fff;display:inline-block;text-align:center;line-height:1;width: 100%;height:100%;padding: 0 40px;text-transform:uppercase;}
.product-nav a:hover{text-decoration:none;background:rgba(255,255,255,.1);}
.product-nav .main-text{font-weight:600;font-size: 20px;display:block;margin-top:40px;font-weight:700;}
.product-nav .secondary{font-size: 14px;display:block;color:rgba(255,255,255,.5);margin-top:3px;}


.footer{text-align:center; background:#eee;padding: 30px 0 60px 15px;}
.footer .text{margin-top:20px;margin-bottom:20px;color:#666;}

.home .footer{width:100%;padding:0;}



.arrow-wrapper{margin:20px 0}
.arrow-wrapper a{display:inline-block; color:#000;transition:.15s linear;opacity:.5}
.arrow-wrapper a:hover{color:#000; opacity:1; text-decoration: none}
.arrow-wrapper .title{margin-bottom:10px; font-size:16px;}
.arrow{position: relative; width:60px;height:40px;display:inline-block;-moz-animation:arrowBumping 1s linear infinite; -webkit-animation:arrowBumping 1s linear infinite; animation:arrowBumping 1s linear infinite; }
.arrow:before, .arrow:after{content:"";top:0;position:absolute;right:0;width:2px; height:40px; background:#333;display: inline-block;transform: rotate(45deg);0px}
.arrow:before{right:15px}
.arrow:after{transform:rotate(-45deg);left:15px;}

@-webkit-keyframes arrowBumping {
    0% {transform: translateY(0%)}
    25% {transform: translateY(30%)}
    50% {transform: translateY(0%)}
    75% {transform: translateY(-20%)}
    100% {transform: translateY(0%)}
}

@-moz-keyframes arrowBumping {
    0% {transform: translateY(0%)}
    25% {transform: translateY(30%)}
    50% {transform: translateY(0%)}
    75% {transform: translateY(-20%)}
    100% {transform: translateY(0%)}
}

@keyframes arrowBumping {
    0% {transform: translateY(0%)}
    25% {transform: translateY(30%)}
    50% {transform: translateY(0%)}
    75% {transform: translateY(-20%)}
    100% {transform: translateY(0%)}
}




.subheader{min-height:195px;position:relative;height:auto;  text-align:center; color:#000;background:rgba(0);}
.subheader:before{content:"";background:url(/wp-content/uploads/2024/03/praha.webp) no-repeat center center; background-size:cover;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;}
.subheader h1{font-size:60px; line-height:60px;margin:0;text-shadow:#000 0 1px 1px;}

.subheader-lg, .subheader{/*min-height:290px;*/padding:90px 0;}
.subheader-lg .language{margin-bottom:20px;}
.language p{color:#fff;}
.subheader-lg h1, .subheader h1{font-size:74px;display:inline-block;vertical-align: bottom;width:100%;margin-bottom: 16px; line-height: 75px;
}
.subheader-lg img{margin:0 ;vertical-align: middle; margin-right:10px; border-radius: 50% }

.subheader-lg .back{}

.subheader a{text-decoration:underline; color:#000; font-size:16px;}
.subheader a .fa{text-decoration:none;margin-right:5px;}
.home .subheader a{font-size:inherit;color:inherit;text-decoration:none;border-bottom:2px solid #eed3a8;  transition: .3s;}
.home .subheader a:hover{color:#111; border-color: #111;}

.content{background:#fff; min-height:150px; text-align:center;padding:60px 15px;}
.content h2{color:#000;font-weight:600;font-size:48px;margin-bottom: 32px;}
.content .subheading{color:#666; font-size:18px; margin-bottom:90px; }




.languages{max-width:780px;}
.languages ul {
    padding: 0;
    display: flex
;
    gap: 60px;
    justify-content: center;
}.languages li{list-style:none; display:inline-block; width:160px; height:180px; vertical-align: top}
.languages a{display:block;}
.languages li img{display:inline-block;margin-bottom:15px; border-radius: 50%}
.languages li .text{display:block;color:#333;font-size:20px;}
.languages li a{ text-decoration:underline; color:#333}

.vypis-kurzu h1 img{vertical-align: baseline}
.vypis-kurzu .content{padding:20px 15px;}
.vypis-kurzu .content{text-align:left;}
.vypis-kurzu h2{color:#333;font-size:24px;}

.vypis-kurzu .sidebar .btn{/* display: inline-block; */}
.vypis-kurzu .unpack{text-align:center;cursor:pointer; padding:5px 0; color:#666;margin-bottom:30px; background: rgba(0,0,0,.05);font-size:18px;display: none;}
.vypis-kurzu .unpack:hover{color:#333;}

.vypis-kurzu .nav-tabs{border-bottom-color:#acacaa;}
.vypis-kurzu .nav-tabs a{font-size:20px;color:#666;border-radius:0;padding:15px 25px;}
.vypis-kurzu .nav-tabs .active a{font-size:20px;color:#000;font-weight:600; border-color:#acacaa; border-bottom-color:#fff;}
.vypis-kurzu .nav-tabs a:hover{border-color:transparent;border-bottom-color:#acacaa;}

.vypis-kurzu .table a{color:#333;display:block;padding:20px ;font-size:15px;}
.vypis-kurzu .table td{padding:0;}
.vypis-kurzu tr td:first-child{font-weight:600;}
.vypis-kurzu .table a:hover{text-decoration:none;}
.vypis-kurzu .table td{border:none;}
.vypis-kurzu .table tr:nth-child(even) td{background:#f7f7f7}

.vypis-kurzu .table-hover tbody tr:hover td{background:#dbf6fd }

.filter{margin-top:20px;}
.filter ul{padding:0;text-align:justify;margin-bottom: 0}
.filter ul:after{ content: ''; display: inline-block;width: 100%;}
.filter li{list-style:none;display:inline-block;position:relative;}

.filter a{color:#000;padding:20px 5px;font-size:20px;}

.den-otevrenych-dveri .info li{display:block;width:auto;height:auto;}

.blue-stripe{background:#17222d;color:#fff;text-align:center;}
.blue-stripe ul{padding:0; margin:0 auto;}
.blue-stripe li{display:inline-block; width:200px;padding:50px 0;}
.blue-stripe li:nth-child(2){width:550px;}

.blue-stripe .large{font-size:46px;}
.blue-stripe .small{font-size:20px;color:rgba(255,255,255,.5);text-align:center;}

.sign-up{text-align:center;position:relative;margin-bottom:90px;}

.subheader-btn .sign-up{margin-bottom:auto;}
.subheader-btn .sign-up .btn{margin-top:40px;}
.sign-up .btn{margin-top:-50px;padding:20px 40px;font-size:24px;font-weight:normal;color:#fff;text-decoration:none;}
.sign-up p{font-size:16px;width:350px;text-align:center;margin:25px auto 15px;}
.sign-up .test, .sign-up .link{font-size:24px; color:#0066cc;text-decoration:underline;display:block;}
.firemni-vyuka .sign-up .test{margin-top:15px;}


.detail-kurzu .content{padding:85px 0 0;}

.info{margin-bottom:60px;}
.info h2{font-size:48px;margin-bottom:50px;}
.info h3{color:#000;font-weight:500;font-size:24px;}

.info ul{padding:0;}
.info li{list-style:none;display:inline-block;width:280px;vertical-align:top;height:270px; padding:0 10px;}
.info .fa, .info .num{font-size:73px;color:#2a3845; line-height:1;}
.info .num{font-weight:600;}
.info p{font-size:16px;}






.firemni-vyuka .info h2{font-size:48px}
.firemni-vyuka h2{font-size:36px;margin-bottom:10px;}
.firemni-vyuka .subheading{margin-bottom:50px;}
.firemni-vyuka .info li{width:300px; margin: 0 30px; height:200px;}
.firemni-vyuka .languages h2{margin-bottom:40px;}
.firemni-vyuka .subheader:before{background-image:url(/wp-content/static/images/handshake.jpg);}

.orientacni-cenik{color:#000;}
.orientacni-cenik h2{margin-bottom:20px;}
.orientacni-cenik p{font-size:18px;line-height:32px;}
.orientacni-cenik .lg{color:#666; font-size:;}
.orientacni-cenik .table{width:300px; margin:35px auto;font-size:24px;font-weight:600;}
.orientacni-cenik .table td{border:none;}



.individualni-vyuka .table{width:600px;}
.individualni-vyuka .table td{text-align: left}
.individualni-vyuka .subheader:before{background-image:url(/wp-content/static/images/praha.jpg);}

.kurzy p.subheading{margin-bottom:50px;}

.filters{margin-top:-55px;position:relative;z-index:9}
.types{text-align:center;padding-right:5px;}
.types .active{font-weight:700;opacity:1}
.types .active:hover{opacity:1}
.types a{margin:0 2px; background:#17222d; color:#fff;padding:13px 22px; display:inline-block; font-size:18px; opacity:.8}
.types a:hover{text-decoration:none;opacity:.9}

.no-courses{color:#666;font-size:26px;text-align:center;padding:40px 0;}

.navbar-default{border:none; background:none;margin-bottom:0;min-height:70px;max-width:100%;}




.podminky li {
    margin-bottom: 50px;
    width: auto;
    font-size: 16px;
    line-height: 24px;}
.podminky .container {
    width: 700px;
}

.quotes{margin-top:80px;}
.quote-text {
    background-color: #f6f9fa;
    border-left: none;
    color: rgba(85,94,106,0.8);
    font-size: 16px;
    font-style: italic;
    line-height: 1.6;
    margin: 0 0 30px 0;
    padding: 26px;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 3px 0 #dce8ed;
    -webkit-box-shadow: 0 3px 0 #dce8ed;
    box-shadow: 0 3px 0 #dce8ed;
}
.quote{display:inline-block;vertical-align:bottom; margin-bottom:50px;text-align:left;}
.quote-text:before {
    border: solid 14px transparent;
    z-index: 3;
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    border-top-color: #f6f9fa;
    top: auto;
    right: auto;
    bottom: -28px;
    left: 30px;
}

.quote-text:after {
    border: solid 14px transparent;
    z-index: 2;
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    border-width: 18px;
    border-top-color: #dce8ed;
    top: auto;
    right: auto;
    bottom: -36px;
    left: 26px;
}
.quote a {display:inline-block;;text-decoration:none; }
.quote a img{width:38px; display:inline-block;margin:0 10px 0 25px;vertical-align:baseline;}
.quote .name{font-size:18px;display:block;color:#000;}
.quote .level{font-size:14px;color:#666;text-decoration:underline;}
.quote p{display:inline-block;font-family:arial;line-height:20px;}
.quotes a img{vertical-align:baseline}
.quotes .col-md-4{vertical-align:bottom; display:inline-block; float:none}
.sidebar .quote a{color:#333;}
.sidebar .quote a:hover{text-decoration:underline;}


.o-skole .subheader p{color: rgba(255,255,255,.85);font-size: 28px;font-family: 'Open Sans Condensed', sans-serif;}
.img{max-width: 100%}
@media  (max-width: 1200px) {
    .header li a, .navbar-default .navbar-nav>li>a{padding:23px 20px;}
    .navbar-default .navbar-nav{margin-right:-20px;}
}
@media  (max-width: 768px) {
    .header li a, .navbar-default .navbar-nav>li>a{padding:20px;}
    .navbar-default .navbar-nav{margin-right:auto;}
    .header li{float:none;}
    .navbar-nav{float:none !important;}
}
@media (max-width: 991px) {
    .vypis-kurzu .sidebar{display:none;}
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        padding:0 !important;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    .navbar-collapse{margin-top:10px;}


    .header .nav{float:none;display:block;}
    .header .nav ul{padding:0 !important;margin:0;}
    .header .nav li{list-style:none;display:block;border:none;}
    .header .nav li:last-child{border:none;}
    .header .nav li a{display:block;padding:15px 20px;color:#333;font-size:18px;}

    /*
    .home .subheader .wrapper:before{display:none;}
    .home .subheader .claim{margin-top:100px;width:auto;}
    */
    .product-nav ul{width:auto;}
    .home .footer{position:static;bottom:auto;}

    .blue-stripe li:nth-child(2){width:300px;}
    .voucher{width:140px;}

}




@media  (max-width: 780px) {
    .blue-stripe li{width:100% !important;padding:20px;}
    .blue-stripe{padding-bottom:30px;}
}



@media  (max-width: 650px) {
    .product-nav ul{text-align: center}
    .fotogalerie .img, .fotogalerie li{width:100%;}


}

@media  (max-height: 780px) {
    .home .subheader{min-height:450px;}

}




.tabs-vertical{text-align:left;background:#fff}
.tabs-vertical p{font-size:15px;line-height: inherit; margin-bottom:30px;}
.tabs-vertical h3{font-size:22px;font-weight: 600}
.tabs-vertical h4{font-weight:600; font-size:16px;}

.tab-icons{width:100px;float:left;text-align:center;background:rgba(0,0,0,.1)}
.tab-icons .fa{display:block;font-size:24px;color:#872f43;}
.tab-icons li a{padding:30px 15px; color:#666}
.tab-icons .active a, .tab-icons .active a:focus{background:#fff;color:#2a3845}

/*.tabs-vertical h2{margin-top:10px}*/
.tabs-vertical .tab-content{padding-left:65px;width:calc(100% - 100px);float:left;padding-right:160px;padding-top:30px;}
.tabs-vertical .tab-content .fa{font-size:90px;margin-top:30px; color:#872f43;}
.content .container .tabs-vertical{margin:0 -30px;}
.firemni-vyuka #zakladni-informace h2{margin-bottom:0;}

@media (max-width: 720px) { 
    .tabs-vertical .tab-content { 
       padding-right: 16px;
   }
}

.kontakt h1{color:#000;}

.kontakt{background:#eee;height:100%;}

.info-box{max-width:350px;right:10px;position:absolute; z-index:20;margin-top:10px;}
.info-box select{font-size:22px;height:auto;}
.form-control{border-radius:0;}
.accordion h2{margin:30px 0 10px;}
.accordion p{font-size:16px;margin:0;}
.accordion .panel-body{padding:20px 15px;min-width:300px;}
.accordion .panel-body h2:first-child{margin-top:0;}
.navbar-brand{height:auto;}

.banner{background: #FFFFFF;display:block; text-align:center;padding:20px 15px;margin: 25px 0;border: 1px solid rgba(0,0,0,.2);}
.banner *{color: #000;}
.banner:hover, .banner:hover *{text-decoration:none;color:#000}
.banner .title{display:block; font-family:'Open Sans Condensed'; font-weight:700;font-size:36px; text-transform:uppercase}
.banner .lvlart{display:inline-block;position:relative;margin-bottom:10px;height: 110px;width: 120px;opacity: .9;}
.banner .lvlart span{position:absolute;}
.banner .lvlart span:nth-child(1){left:0; top:12px;font-size:14px}
.banner .lvlart span:nth-child(2){left:30px; top:0;font-size:32px}
.banner .lvlart span:nth-child(3){left: 80px; top: 12px;font-size:28px}
.banner .lvlart span:nth-child(4){left:20px; top:40px;font-size:28px}
.banner .lvlart span:nth-child(5){left:75px; top: 45px;font-size:14px}
.banner .lvlart span:nth-child(6){left: 60px; top: 70px;font-size:24px}

.btn-dark{background: rgba(0, 0, 0, 0.09);color:#333}
.btn-sm{padding:10px 20px; display:inline-block; text-transform:uppercase; font-size:14px}
.block{display:block}

.sidebar .quote{margin-top:25px}

.lvls h2{margin-bottom:5px;; font-size:36px;}
.lvls p{}
.lvl{margin: 0 15px 25px;display: inline-block;width: 250px;height: 230px;vertical-align: top;}


.secondary-nav{padding:0;}

.secondary-nav li{
    display:inline-block;
    list-style:none;
}

.secondary-nav a{
    color:#333;
    text-decoration: underline;
    margin:15px;
}

.secondary-nav li:first-of-type:after{content:'/';}

.list-lg li{font-size:18px; margin-bottom:20px;}


.povinne-udaje p{font-size:14px; line-height: 18px}





.table.table-summer {
    max-width: 700px;
    margin: 32px auto 64px auto;
}

.table.table-summer td:first-of-type {
    font-weight: 700;
}

.summer.languages {
    margin: 0 auto 32px;
}

.summer.languages li {
    display: inline-block;
}

.sign-up {
    margin: 0;
    font-weight: 700;
}

.sign-up p {
    margin: 0 auto 8px;
    width: auto;
}


.why ul {
    padding: 0;
}

.why li {
    padding-left: 24px;
    margin-bottom: 8px;
    font-size: 18px;
    position: relative;
    list-style: none;
}

.why li:before {
    content: "\f00c";
    position: absolute;
    top: 2px;
    left: 0;
    color: #009731;
    font-family: 'FontAwesome';
}


.info-about-us ul {
    padding: 24px 0;
    margin: 0;
}

.info-about-us li {
    height: auto;
}

.info-about-us .fa,
.info-about-us .num {
    font-size: 114px
}

.info-about-us span {
    display: block;
    font-size: 26px;
    margin-top: 16px;
    color: #333;
}
body.admin-bar header {
    margin-top: 32px;
}

.wpcf7-spinner {
    display: none !important; 
	visibility: hidden !important;
    }
    
 .custom-header {
     background: #fff;
     overflow: hidden;
}
 .custom-brand {
     float: left;
     padding: 12px;
}
 .custom-brand img {
    display: block;
    width: 159px;
    aspect-ratio: auto 159 / 46;
    height: 46px;
    margin-right: 35px;
    margin-left: 15px;
}
 .custom-nav {
     list-style: none;
     padding-left: 0;
     margin: 0;
     float: left;
}
 .custom-nav li {
     float: left;
}
 .custom-nav li a {
     display: block;
     padding: 22px 35px;
     text-decoration: none;
     color: #333;
     font-size: 18px;
}
 .custom-nav li a:hover {
     text-decoration: underline;
}
 .custom-toggle {
     display: none;
     cursor: pointer;
     font-size: 40px;
     position: relative;
     float: right;
     margin-right: 35px;
     padding: 1px 1px;
}
 .custom-toggle:hover {
     font-size: 40px;
}
 @media (max-width: 992px) {
     .custom-nav {
         clear: both;
         float: none;
         display: none;
         width: 100%;
         box-shadow: 0 2px 3px rgba(0,0,0,1);
         text-align: center;
         padding-bottom: 7px;
         padding-top: 7px;
        }
     .custom-nav li {
         float: none;
    }
     .custom-nav li a {
         padding: 15px 20px;
         text-align: left;
         max-height: 50px;
    }
     .custom-toggle {
         display: block;
    }
}
 @media (min-width: 1000px) {
     .custom-header {
         display: flex;
         justify-content: center;
         align-items: center;
         flex-wrap: nowrap;
    }
     .custom-brand {
         margin-right: 20px;
         align-self: center;
    }
     .custom-nav {
         display: flex;
         justify-content: center;
         align-items: center;
         flex-wrap: nowrap;
    }
     .custom-nav li {
         display: inline-block;
    }
}
 @media (min-width: 993px) and (max-width: 1500px) {
     .custom-nav li a {
         padding: 22px 25px;
    }
}
 @media (min-width: 993px) and (max-width: 1330px) {
     .custom-nav li a {
         padding: 22px 15px;
    }
}