@charset "UTF-8";
/*
    COLOR PALETTE

    TEXT COLOR #333
    BODY COLOR #F5F5F5
    HR COLOR #BBBBBB
*/


@font-face {font-family: 'DINNextLTPro'; font-style: italic; font-weight:bold; src: url('webfonts/3A75C4_2_0.eot');src: url('webfonts/3A75C4_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3A75C4_2_0.woff2') format('woff2'),url('webfonts/3A75C4_2_0.woff') format('woff'),url('webfonts/3A75C4_2_0.ttf') format('truetype');}
@font-face {font-family: 'DINNextLTPro';  font-style: normal; font-weight:bold;  src: url('webfonts/3A75C4_8_0.eot');src: url('webfonts/3A75C4_8_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3A75C4_8_0.woff2') format('woff2'),url('webfonts/3A75C4_8_0.woff') format('woff'),url('webfonts/3A75C4_8_0.ttf') format('truetype');}
@font-face {font-family: 'DINNextLTPro'; font-style: italic; font-weight:normal;  src: url('webfonts/3A75C4_A_0.eot');src: url('webfonts/3A75C4_A_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3A75C4_A_0.woff2') format('woff2'),url('webfonts/3A75C4_A_0.woff') format('woff'),url('webfonts/3A75C4_A_0.ttf') format('truetype');}
@font-face {font-family: 'DINNextLTPro'; font-style: normal; font-weight:normal;  src: url('webfonts/3A75C4_B_0.eot');src: url('webfonts/3A75C4_B_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3A75C4_B_0.woff2') format('woff2'),url('webfonts/3A75C4_B_0.woff') format('woff'),url('webfonts/3A75C4_B_0.ttf') format('truetype');}

[class*="col-"] {
    padding-right: 8px;
    padding-left: 8px;
}

body {
    background-color: #F5F5F5;
    color:#333;
    font-family: 'DINNextLTPro',sans-serif;
}

hr {
    border: 0px;
    border-top: solid 1px #BBBBBB;
    margin: 16px 0px;
}

a, a:link, a:hover, a:active, a:focus {
    color:#333;
}

.help-block {
    color: red;
}

.btn-primary {
    background:none;
    border: solid 1px #333;
    color: #333;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: #333;
    border: solid 1px #333;
    color:#fafafa;
}

.identity {
    margin: 90px 0px;
}

.identity img {
    height: auto;
    max-height: 160px;
}

.identity .payoff {
    position: absolute;
    right:0px;
    bottom: -10px;
    font-size: 1.3rem;
    opacity: 0.5;
}

.related {
    margin-top: 60px;
}

.mapcontainer {
    margin-top: 60px;
}

.project-cover {
    margin-bottom: 16px;
}
.project-gallery {
    margin-bottom: 16px;
}

.project-gallery img {
    width: 100%;
}

.project-cover a, .project-cover a:link {
    display: block;
    position: relative;
    background-color: #fff;
}

.project-cover a img, .project-cover a:link img {
    opacity: 1;
    transition: opacity 0.5s;
}

.project-cover a:hover > img, .project-cover a:focus > img, .project-cover a:active > img  {
    opacity: 0.25;
    transition: opacity 0.5s;
}

.project-cover .caption {
    position: absolute;
    z-index: 100;
    display: block;
    opacity: 0.01;
    transition: opacity 0.5s;
    top:40%;
    text-align: center;
    width: 100%;
}

.project-cover a:hover > .caption, .project-cover a:focus > .caption, .project-cover a:active > .caption {
    opacity: 1;
    transition: opacity 0.5s;
}

.mainmenubutton a {
    display: block;

}

.mainmenu {
    font-size: 1.5rem;
}

.mainmenu ol {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.mainmenu ol ol {
    font-size: 1.0rem;
}

.mainmenu ol ol li {
    padding: 0px;
    margin: 16px 0px 0px 0px;
}

.mainmenu ol li {
    padding: 0px;
    margin: 0px 0px 16px 0px;
}

.footer {
    text-align: center;
    margin-bottom: 90px;
}

.footer svg {
    margin:0px 8px;
}

.footer hr {
    margin: 90px 0px;
}

.modal-backdrop {
    background: rgba(255,255,255,0.9);
}

.modal-backdrop.show{
    opacity: 1;
}

#searchModal .modal-dialog {
    max-width:800px;
}

#searchModal .modal-content {
    background:none;
    border:none;
}

#searchModal .modal-header {
    border:none;
    font-size: 2em;
    color: #333;
}

#searchModal .btn {
    background: none;
}

#searchModal button.close {
    background: none;
    color: #333;
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    opacity: 1;
    text-shadow:none;
}

#searchModal form {
    background: #fff;
}

#searchModal form .form-control, #searchModal form .btn-secondary {
    background: #fff;
    color:#333;
    border: none;
    box-shadow: none;
    font-size: 2em;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    transform: translate(0);
}

.form-container {
    width: 60%;
}

.blog_next_chunk {
    display: none;
}


@media (max-width: 768px) {
    .identity {
        text-align: center;
    }

    .identity .payoff {
        position: relative;
        margin-top: 16px;
    }

    .form-container {
        width: 100%;
    }

}

@media (max-width: 1200px) {
    .project-cover .caption {
        top:45px;

    }
}

@media (max-width: 992px) {
    .identity {
        margin: 60px 0px;
    }

    .project-cover .caption {
        top:30px;

    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .container {
        max-width:85%;
    }
}

@media (min-width: 1900px) {
    .container {
        max-width:1640px;
    }
}