body {
    background-image: url("/_design/cad-background.jpg");
    background-attachment: fixed;
    background-color: unset;
    background-repeat: no-repeat;
    background-size: cover;
}


a {
    color: #3a78b1;
    text-decoration: none;
}

    a:hover {
        color: #3a78b1;
        text-decoration: underline;
    }


/* To menu */



div.bp_top_banner {
    height: 200px;
    background: rgb(58,120,177);
    background: linear-gradient(135deg, rgba(58,120,177,1) 0%, rgba(154,185,214,0.9) 70%, rgba(197,214,231,0.9) 90%, rgba(255,255,255,0.9) 100%);
}

    div.bp_top_banner h1 {
        font-size: 60px;
        color: #dddddd;
    }

    div.bp_top_banner p {
        font-size: 24px;
        color: #c5d6e7;
    }

.bp_gradient2 {
    background: rgb(207,226,255);
    background: linear-gradient(90deg, rgba(207,226,255,1) 0%, rgba(255,255,255,0.5) 100%);
}

.bp_background {
    background: rgba(255, 255, 255, 0.9);
}

    .bp_background div ul li {
        background: none;
    }


/* Main carousel */
a.bp_link1 {
    text-decoration: none;
    color: #fff !important;
}

    a.bp_link1:hover {
        text-decoration: none;
        color: #fff !important;
    }



/* Page Footer */
div.bp_page_footer {
    background: rgba(255,255,255, 0.9);
}



/* Mouse cursor: hand */
.mouse-pointer {
    cursor: pointer;
}


/* Clickable list items */
.clickable {
    cursor: pointer !important;
}

    .clickable:hover {
        background: rgb(207,226,255) !important;
        background: linear-gradient(90deg, rgba(207,226,255,1) 0%, rgba(255,255,255,0.5) 100%) !important;
    }


/* Clickable card */
div.clickable-card {
    cursor: pointer;
}

    div.clickable-card:hover {
        background: rgba(207,226,255,0.5);
    }


/* Fade in transition 1 second */
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* Fade in transition 1 second */
.fadeIn1 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeIn1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* Fade in transition 2 seconds */
.fadeIn2 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeIn2 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn2 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* Fade out transition 1 second */
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* Fade out transition 2 second */
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


/* Záložky */
.bp-tabs a:hover {
    color: #3a78b1;
    text-decoration: none;
}

.bp-tabs a {
    color: black;
    text-decoration: none;
}



/* Mouse cursor: pointer */
.mouse-pointer {
    cursor: pointer;
}

.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
}

.icon-tabs {
    width: 1.1em;
    height: 1.1em;
    vertical-align: -0.125em;
}