body {
    padding: 0px;
    margin: 0px;
    background: #d7dbde;
    font-family: 'Hind', 'Open Sans', 'Times New Roman';
    line-height: normal;
    letter-spacing: normal;
}


h1,
.h1 {
    font-size: 34px;
    font-weight: 600;
    padding-bottom: 0px;
    padding-top: 60px;
    margin-top: 0px;
    margin-bottom: 40px;
}

h2,
.h2 {
    font-size: 21px;
    font-weight: 600;
    line-height: 1.4;
    text-transform: none;
    margin: 0px;
}


h3,
.h3 {
    font-size: 34px;
}


a {
    color: #0071c8;
}

    a:hover {
        color: #005699;
    }


    strong{
        font-weight: 600;
    }

p,
.p {
    font-size: 17px;
    /*text-align: justify;*/
    margin-top: 25px;
    margin-bottom: 25px;
    font-weight: normal;
    /*margin: 0px;*/
    /*line-height: 25px;*/
}

.textOverflowEllipsis{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.perex,
.perex > p {
    font-size: 20px;
    margin-bottom: 60px;
}

.popisek {
    font-size: 14px;
}

.light{
    font-weight: 300 !important;
}


.regular {
    font-weight: 400 !important;
}

input[type=text],
input[type=email] {
    border: 1px solid #9b9da1;
    box-shadow: inset 5px 5px 16px -8px #9b9da1;
    /*line-height: 50px;*/
    padding: 10px 20px;
    /*padding-left: 20px;*/
    font-family: 'Hind', 'Open Sans', 'Times New Roman';
    font-size: 17px;
    font-weight: 500;
}

.lastPanel {
    margin-bottom: 90px;
}

.whitePanel {
    background: #fff;
    padding: 20px;
    display: block;
    color: #000;
}



.whitePanel > .row{
    align-items: center;
}

    a.whitePanel:hover {
        text-decoration: none;
        color: #0071c8;
    }

.strong {
    font-weight: bold;
}


.pageContent ul
{
    margin-top: 30px;
}


.pageContent ul > li {
    margin-top: 5px;
}


.pageContent table{
    border: none;
}

    .pageContent table td {
        border: none;
        border-bottom: 1px solid #a8acaf;
        padding: 10px 0px;
        text-align: left;
    }

    .pageContent table tr:last-child td {
        border-bottom: none;
    }




.button-outline, .button {
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    background-color: #dd0095;
    line-height: 40px;
    padding: 0px 20px;
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #fff !important;
    font-weight: 700;
    text-align: center;
    font-family: 'Open Sans Condensed', sans-serif;
}


p > .button-outline,
p > .button,
.p > .button-outline,
.p > .button {
    margin-bottom: 10px;
}

.smallSouborTitle{
    font-size: 17px;
    font-weight: 600;
}


.button-outline {
    background-color: rgba(255,255,255,0);
    border: 1px solid #dd0095;
    color: #de0096 !important;
    line-height: 38px;
}



    .button-outline:hover {
        border: 1px solid #a10063;
        color: #a20064 !important;
        text-decoration: none;
    }

    .button-outline:active {
        border: 1px solid #000;
        color: #000 !important;
        text-decoration: none;
    }





.button:hover
{
    background: #a20063;
    text-decoration: none;
}




.button:active {
    background: #000;
}


.button-outline > * {
    letter-spacing: 0px;
    color: #de0096 !important;
    font-weight: bold;
}


.button-outline.white {
    border-color: #fff;
    color: #fff !important;
}


.button-outline.white > * {
    color: #fff !important;
}

    .button-outline.white:hover {
        border-color: #74787a;
        color: #74787a !important;
        text-decoration: none;
    }


#dAktualita .button-outline.white:hover {
    border-color: #000;
    color: #000 !important;
}


    .button-outline.white:active {
        border-color: #de0096;
        color: #de0096 !important;
        text-decoration: none;
    }





.button-outline.disabled,
.button-outline.disabled:hover,
.button-outline.disabled:active {
    border: 1px solid #a7abaf;
    color: #a8acaf !important;
}




.pageItem{
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    padding: 0px;
    margin-left: 20px;
}




.no-gutters, .no-gutters > .row {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"],
.no-gutters > .row > .col, 
.no-gutters > .row > [class*="col-"]

{
    padding-right: 0;
    padding-left: 0;
}



.fullPage {
    max-width: 1024px;
}

.halfPage {
    width: 100%;
    padding-left:25px; 
}


@media (max-width: 1150px) {
    .container-md-fluid {
        width: 100%;
        max-width: none;
    }
}


@media (min-width: 1100px) {
    .halfPage {
        width: 530px;
        padding-left: 0px;
    }
}

.page7x12 {
    width: 100%;
}

@media (min-width: 1100px) {
    .page7x12 {
        width: 712px;
    }
}


@media (min-width: 1200px) {
    .container {
        max-width: 1090px;
    }
}


.narrowPage {
    max-width: 730px;
}




.comboBox {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    padding-right: 60px;
    line-height: 40px;
    text-align: left;
    color: #dd0095;
    cursor: pointer;
    border: 1px solid #dd0095;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.5px;
    font-weight: 700;
    font-family: 'Open Sans Condensed', sans-serif;
}

.comboBox > .sipka {
    display: inline-block;
    width: 40px;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    border-left: 1px solid #dd0095;
    background: url(../Images/sipka_dolu_ruzova.svg) no-repeat center center;
    background-size: 20px;
}


    .comboBox:hover {
        border: 1px solid #a20064;
        color: #a20064;
    }

        .comboBox:hover > .sipka {
            border-left: 1px solid #a20064;
            background-image: url(../Images/sipka_dolu_ruzova_hover.svg);
        }


    .comboBox.active > .sipka {
        background-image: url(../Images/sipka_nahoru_ruzova_hover.svg);
    }

    .comboBox > ul {
        display: none;
        left: -1px;
        right: -1px;
        position: absolute;
        z-index: 1;
        margin: 0px;
        padding: 0px;
        background: #fff;
        border: 1px solid #a20064;
        border-top: none;

        max-height: 200px;
        overflow-y: auto;
    }


        .comboBox > ul > li {
            color: #000;
            list-style: none;
            margin: 0px;
            padding: 0px;
            height: 40px;
            padding-left: 20px;
            border-top: 1px solid #a20064;
        }

            .comboBox > ul > li:hover {
                color: #005699;
            }






/*****************************************************/
/*                 Aktualita                         */
/*****************************************************/

#dAktualita {
    /*display: none;*/
    line-height: 60px;
    height: 60px;
    overflow: hidden;
    background: url(/Images/ListaNovinky/KMD_lista_DB07266_1a.jpg) no-repeat center center;
    background-size: cover;
    color: #fff;
    /*transition: all .4s ease-in-out;*/
}




/*****************************************************/
/*                 Header                            */
/*****************************************************/
#header {
    background: #232628;
}

#header .navbar .nav-item {
    list-style: none;
    display: inline-block;
    color: #fff;
}

    #header .navbar .navbar-nav > .nav-item > a {
        color: #fff;
        margin: 0px 15px;
        padding: 0px;
        text-transform: none;
        height: 110px;
        display: flex;
        align-items: center;
    }




@media (max-width: 991px) {

    #header .navbar-collapse .navbar-nav > .nav-item > a {
        height: auto;
        padding: 10px 0px;
        margin: 0px;
        text-align: center;
        display: block;
        border-top: 1px solid #434749;
    }


}
 
    #header .navbar .nav-item > a > span {
        /*line-height: calc(110px);*/
        /*padding: 3px 0px;*/
        font-size: 17px;
        font-weight: 600;
        letter-spacing: normal;
        border-bottom: 1px solid transparent;
    }

    #header .navbar .nav-item.active > a > span {
        /*line-height: calc(110px);*/
        border-bottom: 1px solid #fff;
        font-weight: 600;
    }

    #header .navbar .nav-item.active a {
        color: #fff;
        /*text-decoration: underline;*/
        font-weight: 600;
    }

    #header .navbar .nav-item:not(:last-child):hover > a > span {
        color: #fff;
        border-bottom: 1px solid #fff;
    }

#header .navbar .nav-item:not(:last-child):hover a > span:active {
    color: #74787a;
    border-bottom: 1px solid #74787a;
}

.navbar-collapse{
    display: inline-block;
    float: right;
}


.navbar {
    padding: 0px;
}

.navbar-toggler {
    border: none;
    border-color: rgb(255,102,203);
}

.navbar-toggler:after{
    content: 'Menu';
    display: inline-block;
    color: #fff;
    margin-left: 10px;
}



#headerLogo {
    height: 20px;
    width: 120px;
    background: url(/Images/KMD_logo_inverzni.svg) no-repeat left top;
    /*mask-image: url(/Images/KMD_logo_inverzni.svg);*/
    /*mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;*/
}


/*****************************************************/
/*                 Footer                            */
/*****************************************************/
#footer {
    background: #232628;
    padding: 60px 10px;
    color: #74787a;
    font-weight: 500;
}


    #footer a {
        display: inline-block;
        margin-right: 20px;
        /*margin-bottom: 20px;*/
        /*float: left;*/
    }

    #footer a:last-child {
        margin-right: 0px;
        /*float: left;*/
    }


    #footer .svg {
        height: 40px;
        width: 40px;
        fill: #fff;
        text-decoration: none;
    }

        #footer .svg:hover {
            fill: #74787a;
            text-decoration: none;
        }

        #footer .svg:active {
            fill: #de0096;
        }

    #footer .colHeader {
        margin-bottom: 17px;
    }
    
    
    .copyright {
        margin-top: 20px;
    }


#dFooterLogo {
    height: 20px;
    width: 120px;
    margin-top: 28px;
    background-image: none;
    background-color: #fff;
    -webkit-mask-image: url(/Images/karlovy_vary_logo.svg);
    mask-image: url(/Images/karlovy_vary_logo.svg);
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}




/*****************************************************/
/*                 Submenu                           */
/*****************************************************/
.subMenu {
    display: block;
    padding-top: 27px;
    padding-left: 0px;
    margin-bottom: 0px;
}



    .subMenu > li {
        display: inline-block;
        list-style: none;
        text-transform: uppercase;
        font-size: 14px;
        margin: 0px 15px;
        margin-bottom: 0px;
        
    }

    .subMenu > li:first-child {
        margin-left: 0px;
    }

    .subMenu > li > a {
        color: #000;
        text-decoration: none;
    }


        .subMenu > li.active > a {
            /*text-decoration: underline;*/
            border-bottom: 1px solid #303030;
            font-weight: bold;
        }


        .subMenu > li > a:hover {
            border-bottom: 1px solid #303030;
        }

        .subMenu > li > a:active {
            color: #7a7c7e;
            border-bottom: 1px solid #7a7c7e;
        }



#body {
    min-height: calc(100vh - 390px);
    
}



#dFilter {
    padding: 20px 0px;
    padding-bottom: 10px;
    text-align: center;
}


    #dFilter > div {
        display: inline-block;
        margin: 0px 4px;
        margin-bottom: 10px;
        cursor: pointer;
    }





.dProgramHeader {
    padding: 40px 0px;
    border-bottom: 1px solid #a8acaf;
}


.dProgramHeader a:hover {
    text-decoration: none;
}


.dProgramHeader.bottom {
    padding: 10px 0px;
    padding-top: 25px;
    border-bottom: none;
}





.dProgramHeader .right,
.dProgramHeader .left {
    fill: #0071c8;
    cursor: pointer;
    display: block;
}


    .dProgramHeader .right:hover,
    .dProgramHeader .left:hover {
        fill: #005699;
    }


        .dProgramHeader .left.disabled {
            pointer-events: none;
            color: #a8acaf;
            fill: #a8acaf;
        }

.dProgramHeader .svg {
    height: 17px;
    position: relative;
    top: 3px;
    
}




@media (max-width: 576px) {

    .dProgramHeader .svg {
        height: 30px;
        position: relative;
        top: 3px;
        margin: 0px 4px;
    }
}


   


.programItem:hover .programImage {
    transition: all .1s ease-in-out;
}

.programItem:hover .programImage {
    filter: brightness(100%) !important;
}




.programImageContainerAnchor .h2 {
    color: #0071c8;
}


.programImageContainerAnchor:hover,
.programImageContainerAnchor:hover .h2{
    color: #005699;
    text-decoration: none;
}


.programImageContainerAnchor:hover .programImage {
    filter: brightness(100%) !important;
}


.programImageContainer {
    width: 210px;
    min-height: 145px;
    /**/
    align-self: stretch;
}

.programImage {
    /*height: 145px;
    width: 210px;*/
    height: 100%;
    width: 100%;
    filter: brightness(70%);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.programInfo {
    align-self: center;
    width: calc(100% - 210px);
}


@media (max-width: 576px) {

    .programImageContainer {
        width: 100%;
        height: 70vw;
    }

    .programImage {
        height: 100%;
        width: 100%;
    }

    .programInfo {
        padding-top: 10px;
        padding-bottom: 10px;
        align-self: center;
        width: 100%;
    }
}


.praveHrajemeTitle {
    padding: 0px 10px 0px 20px;
    font-size: 34px;
    font-weight: 300;
    position: relative;
}


.praveHrajeme > *:not(:last-child):not(:first-child) {
    margin-bottom: 4px;
}


.bordered {
    border-bottom: 1px solid #c3c7c9;
    margin-bottom: 5px;
}


.zajimavostPopis {
    background: #fff;
    color: #000;
    padding: 17px 20px;
    max-height: 160px;
    padding-bottom: 40px;
}


.zajimavost:hover .zajimavostPopis {
    color: #005699;
}


.novinka,
.pripravujeme {
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: #c89700;
    color: #fff;
    padding: 10px 27px 11px 27px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    font-size: 14px;
    letter-spacing: 0.3px;
    font-family: 'Open Sans Condensed', sans-serif;
}



@media (max-width: 747px) {

    .novinka,
	.pripravujeme{
        padding: 10px 5px 11px 5px;
        width: 140px;
    }

    .celyProgram {
        padding: 0px 5px 0px 5px;
        width: 140px;
    }

}




    .roundedBox {
        border: 1px solid #a7abaf;
        border-radius: 15px;
        font-size: 14px;
        padding: 4px 10px 2px 10px;
        color: #0071c8;
        margin-bottom: 10px;
    }


        .roundedBox.disabled {
            color: #a8acaf;
        }

        .roundedBox:not(.disabled):hover {
            border-color: #005599;
            color: #005699;
            text-decoration: none;
        }

            .roundedBox:not(.disabled):hover > a {
                text-decoration: none;
            }

        .roundedBox.active {
            border-color: #303030;
            color: #000;
        }


    .clenTeamuPodrobnosti > div {
        padding: 4px 0px 2px 0px;
    }


    .clenTeamuPodrobnosti > div,
    .inscenacePodrobnosti {
        border-bottom: 1px solid #c3c7c9;
        align-items: center;
    }

        .clenTeamuPodrobnosti > div:last-child,
        .inscenacePodrobnosti:last-child {
            border-bottom: none;
        }


        .inscenacePodrobnosti > div:first-child {
            /*padding-top: 11px;*/
			flex: 0 0 35%;
			max-width: 35%;
			word-wrap: break-word;
        }

 		.inscenacePodrobnosti > div:last-child {
            /*padding-top: 11px;*/
			flex: 0 0 65%;
			max-width: 65%;
        }


        .inscenacePodrobnosti > div {
            padding: 10px 0px;
        }


            .inscenacePodrobnosti > div > * {
                /*margin-right: 3px;
                margin-bottom: 10px;*/
                display: inline-block;
            }



            .inscenacePodrobnosti > div:nth-child(2n+1) {
                font-weight: 600;
            }

            .inscenacePodrobnosti > div:nth-child(2n) {
            }



    .nahledFotky {
        display: inline-block;
        padding: 10px;
    }


        .nahledFotky:hover {
            text-decoration: none;
        }


    a.nahledFotky div.fotkaContainer {
        filter: brightness(80%);
        background: #ababab no-repeat center center;
        background-size: cover;
    }

    a.nahledFotky:hover div.fotkaContainer {
        filter: brightness(100%);
    }


    .nahledFotky div.fotka {
        width: 100%;
        height: 30vw;
        background-size: cover;
        background-position: center center;
    }





    .nahledFotky div.popis {
        background: #fff;
        color: #000;
        padding: 17px 20px;
        height: 85px;
    }

a.nahledFotky:hover div.popis {
    color: #005699;
}


        .nahledFotky div.popis > *.tooLong:after {
            content: '...';
            position: absolute;
            bottom: 0px;
            right: 0px;
            padding-left: 6px;
            background: #fff;
        }




        .nahledFotky div.popis:empty {
            display: none;
        }


    .nahledFotky .fotkaContainer {
        display: block;
        width: 100%;
        position: relative;
        height: 0;
        padding: 56.25% 0 0 0;
        overflow: hidden;
        background: #ababab no-repeat center center;
        background-position: center center;
        background-size: cover;
    }




    @media (max-width: 576px) {

        div.popis.zajimavostPopis {
            height: auto;
            padding-bottom: 40px;
        }
    }














    .inscenace {
        display: inline-block;
        margin-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }

        .inscenace:hover {
            text-decoration: none;
        }


        .inscenace > div.fotka {
            width: 100%;
            height: 30vw;
            background-size: cover;
            background-position: center center;
        }





        .inscenace > div.popis {
            background: #fff;
            color: #000;
            padding: 15px 20px;
        }

            .inscenace > div.popis:empty {
                display: none;
            }

            .inscenace > div.popis > div {
                padding: 5px 0px;
            }

                .inscenace > div.popis > div:not(:last-child) {
                    border-bottom: 1px solid #c3c7c9;
                }




    @media (min-width: 1200px) {

        .inscenace > div.fotka {
            height: 300px;
        }

        .inscenace.archiv > div.fotka {
            height: 200px;
        }
    }




    .lightbox .lb-image {
        border: none;
        border-radius: 0px;
    }

    .lb-dataContainer {
        background: #fff;
        color: #000;
        border-radius: 0px;
    }


    .lightboxOverlay {
        background-color: #474a4c;
        opacity: 1;
    }

    .lb-data {
        color: #000;
        padding: 0px;
    }

        .lb-data .lb-details {
            min-height: 65px;
        }


        .lb-data .lb-caption {
            font-size: 17px;
            font-weight: 400;
            line-height: normal;
        }

    .lb-details {
        padding: 20px 10px 18px 20px;
    }

    .lb-data .lb-number {
        display: none !important;
    }

    .lb-dataContainer {
        padding: 0px;
    }

    .lb-data .lb-close {
        background-image: url(../Images/krizek.svg);
    }


    .lb-data .lb-close {
        position: relative;
        top: 25px;
        right: 25px;
        height: 20px;
        width: 20px;
        background-image: none;
        background-color: #dd0095;
        -webkit-mask-image: url(../Images/krizek.svg);
        mask-image: url(../Images/krizek.svg);
    }


    .lb-nav a.lb-next {
        opacity: 1;
        position: relative;
        right: -83px;
        /*background-image: url(../Images/sipka_prava.svg);*/
    }



    .lb-nav a.lb-prev {
        opacity: 1;
        position: relative;
        left: -83px;
        /*background-image: url(../Images/sipka_leva.svg);*/
    }



.videoUrl > iframe
{
    width: 100% !important;
}