/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 30px;
    padding-bottom: 0px;
    -webkit-font-smoothing: subpixel-antialiased;
    background: #ffffff;
    
    background: url(/content/images/002-2.jpg) center top no-repeat;
    background-size: cover;
    background-attachment:fixed;
    overflow-x:hidden;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {

}
section {
    margin:0 0 0 0!important ;
    padding:0 0 0 0!important ;
}

img.wave {


   right:0;
   height:80px;
  width:100vw;
 margin-top:-80px;

}


/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {

}
nav {
    padding:0 0 0 0;
    margin:0 0 0 0;
    opacity:1;
}

.lead {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", 'Roboto', "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"!important;
}
h1, h2, h3, h4, h5,h6 {
    font-family: sans-serif,Arial, "Noto Sans";
}

.news-date {

    width: 100px;

    color: #ffffff;
    text-align: right;
    border-left: 5px solid white;
    border-bottom: 5px solid white;
    top:-25px;
    right:0;
    padding:3px 5px;
    font-size:0.85rem;
}
header {
    min-height:95vh;
    position:relative;
}
.headerlower1 {
//    background: url(/images/header/01.jpg) center center no-repeat;
    background-size: cover;
}
.headerlower2 {
   // background: url(/images/header/02.jpg) center center no-repeat;
    background-size: cover;
}

.headerpic {
        background: url(/images/fasad-ok-h.jpg) center center no-repeat;
        background-size: cover;
        height: 60vh;
    }
svg.y90 {
   margin:0 20%; 
   position:relative;
}

text.fnt1 {
    font-family:'Times New Roman', Times, serif;
}
.thumb img {
    -webkit-filter: grayscale(0);
    filter: none;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 5px;
}

    .thumb img:hover {
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
    }

.thumb {
    padding: 5px;
}

.bus {

 
}
    .bus span {
        background: #ffffff;
        width: 49px;
        text-align: center;
        padding: 5px 8px;
        margin-top: -1px !important;
        margin-left: -1px !important;
        border: 1px solid #cccccc;
    }

.card {
    width: 299px !important;
    min-width: 299px !important;
    max-width: 299px !important;
    margin-bottom:30px;
}
    .card .card-subtitle {
        font-size:0.85rem;
    }
.nav.nav-tabs a {
    color: #164676;
    background: transparent!important;
}
.nav.nav-tabs a:hover {
    color: #3399ff;
    background:#ffffff!important ;
}
#titles {
    position:absolute;
    bottom:0;
    right:0;
    border:0px solid #000000;
}
svg.t {
    
    
}
    svg.t .text-abbr {
        display: block;
        fill: #ffffff;
        fill-opacity: 0.5;
        transform: rotate(-45deg);
        text-align: left;
    }
    svg.i90 {
        display: block;
        font-family: Arial;
        // font-style:italic;
        font-size: 10em;
        font-weight: 800;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        // border:1px solid #cccccc;
    }

.text-copy {
    fill: #ffffff;
    fill: url(#lines);
    fill-opacity: 1;
    stroke: #164676;
    stroke-width: 1px;
    stroke-linecap: round;
    animation: stroke-offset 5.0s linear;
    animation-iteration-count: 1;
}

.stroke-path {
    stroke-dasharray: 100%;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: stroke-offset 5s linear;
    animation-iteration-count: 1;
    animation-delay: 0;
}


@keyframes stroke-offset {
    from {
        stroke-dashoffset: 200%;

    }

    to {
        stroke-dashoffset: 0%;
    }

}




/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
    .nav-link, .navbar-brand {
        line-height:2.0rem!important ;
        font-size:1em;
        color:#ffffff;
        padding:3px 5px;
        text-decoration:none;
    }

        .nav-link:hover, .navbar-brand:hover {
            background: #ff6600 !important;
            text-decoration: none;
            color: #ffffff;
            cursor:pointer;
        }
        
}