body, html {
    height: 100%;
    margin: 0;
    font-family:'Josefin Sans', sans-serif;
    font-size:16px;
    line-height:150%;
    font-weight:300;
    color: #000000;
    background-color:#ffffff;
    letter-spacing:2px;
}
.content img {
    width:100%;
    height:auto;
}
.equalheight {
    display:flex;
}
.equalheight .layout0 {
  height:100%;
  background-color:#e3dad7;
}
a:hover {
    color:#aaaaaa;
}
@-webkit-keyframes fadeIn { 0% { opacity: 0; }
    100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; }
    100% { opacity: 1; } }

.fade-in { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }



.bgimg-1, .bgimg-2, .bgimg-3,.bgimg-project1 {
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}
.bgimg-1 {
    min-height: 100%;
}
.caption {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    color: #000001;
}

.caption span.border {
    background-color: #000001;
    color: #fff;
    padding: 18px;
    font-size: 25px;
    letter-spacing: 10px;
}

h1, h2 {
    font-family:'Josefin Sans', sans-serif;
    font-weight:700;
    letter-spacing: 5px;
    text-transform: uppercase;
    font-size:28px;
    color: #000001;
    padding-bottom:12px;

    -ms-word-break: break-all;
    word-break: break-all;

    /* Non standard for WebKit */
    word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
.content h1,
.content h2 {
    text-align:center;
}
.ce-headline-left,
.content h1.ce-headline-left,
.content h2.ce-headline-left {
    text-align:left;
}
.ce-headline-center,
.content h1.ce-headline-center,
.content h2.ce-headline-center {
    text-align:center;
}
.ce-headline-right,
.content h1.ce-headline-right,
.content h2.ce-headline-right {
    text-align:right;
}
.logo {
    padding:15px 20px;
    opacity:.8;
    display:inline-block;
    margin-top:-120px;
}
.logo p {
    margin:0px;
    padding:0px;
}
.content {
    padding:50px 140px;
    background-color:#ffffff;
}
.content .row:first-child {
    margin-top:20px;
}
.content .row {
    margin-top:70px;
}
.content p {
    word-wrap: break-word;
    overflow-wrap: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
.content a {
    color:#000000;
}
.content .box-highlight a {
    color:#ffffff;
}
.font-justify {
    color: #000000;background-color:white;text-align:center;padding:50px 80px;text-align: justify;
}
.margin-top-35 {
    margin-top:35px;
}
.margin-top-70 {
    margin-top:70px;
}
/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
    .bgimg-1, .bgimg-2, .bgimg-3 {
        background-attachment: scroll;
    }
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 35px;
    padding-right: 35px;
}
.boxlink {
    display:block;
    transition:500ms all;
}
.boxlink:hover {
    opacity:.8;
}
.box-highlight {
    background-color:#000001;
    color:#ffffff;
    padding:70px 20%;
}
.box-highlight h1, .box-highlight h2 {
    color:#ffffff;
    text-align:center;
}
.box-overlay {
    position:absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translate(0, -50%);
    text-align: center;
}
.box-overlay span {
    background-color:#000001;
    padding:5px 15px;
    opacity:.9;
    color:#ffffff;
    display:inline-block;
    font-size:24px;
    letter-spacing: 5px;
}


.navbar-toggle {
    position: relative;
    float: right;
    padding: 14px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border-radius: 0px;
    background-color:#000001;
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 18px;
    height: 2px;
    border-radius: 0px;
    background-color:#ffffff;
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px
}
.navbar-toggle {
    display: block;
    right:0px;
    z-index:9999;
    position:fixed;
    left:57px;
    top:18px;
    width:48px;
    background-color:#000001;
    transition:all 500ms;
}
.offcanvas-stop-scrolling .navbar-toggle {
    left:350px;
}
.navbar-offcanvas {
    padding-top:60px;
}
li.divider {
    margin-top:18px;
    margin-bottom:18px;
}
.divider .divider-span {
    width:16px;
    height:1px;
    font-size:1px;
    background-color:#ffffff;
    margin:0px auto;
    display:block;
}
.align-center {
    text-align:center;
    margin:0px auto;
}

.nav-info {
    text-align:center;
    padding-bottom:80px;
}
.nav-info p a {
    display:block;
    font-size: 13px;
    line-height:16px;
    background-color:#000001;
    color:#dedede;
    transition:background-color 0.5s ease-out;
    text-transform:uppercase;
    letter-spacing: 2px;
    padding:6px;
}
.nav-info p a:hover {
    background-color:#cdcdcd;
    color:#000001;
    text-decoration:none;
}
.nav-info .tx-vgext-pi7 a {
    margin-right:10px;
    margin-left:10px;
}
.button-link,
.button-link-orange,
.button-link-blue {
    display: inline-block;
    margin-top: 5px;
    margin-bottom:15px;
    color: inherit;
    text-shadow: none;
    text-decoration: none;
    position: relative;
    padding: .3em 1em;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-size: 15px;
    font-weight: 500;
    line-height: 200%;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    padding: 5px 15px;
    opacity: .9;
    color: #ffffff;
    display: inline-block;
    letter-spacing: 5px;
    margin-right:10px;
    margin-left:10px;
}
.slide .button-link {
    font-size: 26px;
}
.slide-button {
    margin: 0px auto;
    position: absolute;
    bottom: 50px;
    text-align: center;
    width: 100%;
    z-index: 99;
}
.slide-button .button-link {
    border: 1px solid #fff;
    text-align: center;
    display: inline-block;
    font-size:30px;
}
.slide-button .button-link:after {
    top:30px;
    right:30px;
}

.button-link:hover,
.button-link-orange:hover,
.button-link-blue:hover {
    padding: .4em 2em .3em .7em;
    border: none;
    background-color: rgba(37, 35, 34, .8);
    color:#ffffff;
    text-decoration:none;
}

.button-link:after, .button-link:before,
.button-link-orange:after, .button-link-orange:before,
.button-link-blue:after, .button-link-blue:before {
    position: absolute;
    margin-left: -1em;
    opacity: 0;
    line-height: 1em;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    content: "\f105";
    font-family: 'Font Awesome 5 Free';
    color:#ffffff;
    font-size:26px;
    font-weight:300;
    top:5px;
    right:10px;
    font-weight:900;
}
.slide .button-link:after,
.slide .button-link-orange:after,
.slide .button-link-blue:after {
    font-size:1.5em;
    top:.3em;
    right:.5em;
}
.button-link:hover:after,
.button-link-orange:hover:after,
.button-link-blue:hover:after {
    margin-left: 0;
    opacity: 1
}

.button-link:before,
.button-link-orange:before,
.button-link-blue:before {
    display: none
}
.button-link-orange {
    background-color:#e99a01;
}
.button-link-blue {
    background-color:#326ea8;
}
.tx-vgext-pi7 .fa {
    font-size:26px;
}
.nav-info .tx-vgext-pi7 .fa {
    color:#ffffff;
}
footer {
    text-align:center;
    padding-bottom:30px;
    color:#000000;
}
footer a {
    color:#000000;
    text-decoration:none;
}
footer a:hover {
    color:#aaaaaa;
}
footer .nav-socials,
footer .tx-vgext-pi7 {
    margin-bottom:15px;
    padding:10px;
}
footer .nav-socials a,
footer .tx-vgext-pi7 a {
    display:inline-block;
    margin-right:10px;
    margin-left:10px;
}
.frame-hidden {
    display:none;
}
.frame-space-before-extra-small {
    margin-top:10px;
}
.frame-space-before-small {
    margin-top:20px;
}
.frame-space-before-medium {
    margin-top:40px;
}
.frame-space-before-large {
    margin-top:60px;
}
.frame-space-before-extra-large {
    margin-top:100px;
}
.frame-space-after-extra-small, .frame-space-after-extra-small .spacer {
    margin-bottom:10px;
}
.frame-space-after-small, .frame-space-after-small .spacer {
    margin-bottom:20px;
}
.frame-space-after-medium, .frame-space-after-medium .spacer {
    margin-bottom:40px;
}
.frame-space-after-large, .frame-space-after-large .spacer {
    margin-bottom:60px;
}
.frame-space-after-extra-large, .frame-space-after-extra-large .spacer {
    margin-bottom:100px;
}
@media (max-width: 991px) {
    .content {
        padding:50px;
    }
    .navbar-toggle {
        left:11px;
    }
}
@media (max-width: 767px) {
    .col-sm-1, .col-md-1, .col-lg-1, .col-sm-2, .col-md-2, .col-lg-2, .col-sm-3, .col-md-3, .col-lg-3, .col-sm-4, .col-md-4, .col-lg-4, .col-sm-5, .col-md-5, .col-lg-5, .col-sm-6, .col-md-6, .col-lg-6, .col-sm-7, .col-md-7, .col-lg-7,.col-sm-8, .col-md-8, .col-lg-8, .col-sm-9, .col-md-9, .col-lg-9, .col-sm-10, .col-md-10, .col-lg-10, .col-sm-11, .col-md-11, .col-lg-11, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5,.col-xs-6, .col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .content {
        padding:50px 0px;
    }
    .content .row:first-child {
        margin-top:0px;
    }
    .content .row {
        margin:0px;
    }
    footer {
        padding-top:20px;
    }
    .equalheight {
        display:block;
    }
    .equalheight .layout0 {
        height:auto;
    }
    .col-sm-4 {
        margin-bottom:25px;
    }
    .col-xs-12 {
        margin-bottom:25px;
    }
    .col-sm-12 {
        padding:25px;
    }
    .offcanvas-stop-scrolling .navbar-toggle {
        left:258px;
    }
    .content .csc-firstHeader {
        padding-top:60px;
    }
    .button-link:hover,
    .button-link-orange:hover,
    .button-link-blue:hover {
        padding: .5em 2.5em .3em .7em;
    }
    .navbar-toggle {
        left:11px;
    }
}

@media (max-width: 400px) {
    .logo img {
        max-width:280px;
    }
    footer {
        font-size:3px;
    }
    footer a {
        font-size:11px;
    }
    body, html {
        font-size: 13px;
    }
    .button-link {
        font-size: 13px;
    }
    h1, h2 {
        font-size: 20px;
    }
    .box-overlay span {
        font-size: 18px;
    }
    .tx-vgext-pi7 .fa {
        font-size:18px;
    }
    .col-sm-12 {
        padding:10px;
    }
    .navbar-toggle {
        width: 38px;
        padding: 9px;
    }
    .box-highlight {
        padding:70px 14%;
    }
    .form-horizontal .form-group {
        margin-left:0px;
        margin-right:0px;
    }
}