body {
    background: #f2f2f2;
    color: #000;
    font-family: 'Jost', sans-serif;
    font-size: 18px;
    line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
    line-height: 1.3;
}
.navbar {
    padding: 0;
    border: 0;
    margin-bottom: 0;
}
.navbar-toggle .icon-bar {
    background-color: #000;
    margin-top: 6px;
}
.nav .open>a, .nav .open > a:hover, .nav .open>a:focus {
    background: transparent;
}
.navbar-nav .open .dropdown-menu {
    /* background: #ffdd00; */
    background: #fff;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    background: transparent;
}
@media (max-width: 991px) {
    #section-main-menu .container,
    #section-sub-menu .container{
        width: 100%;
    }
}
@media (min-width: 992px) {
    .navbar-nav {
        transition: all .3s ease-in-out;
        margin-top: 16px;
    }
    body.home .navbar-nav {
        margin-top: 30px;

    }
    body.home .scrolled .navbar-nav {
        margin-top: 16px;

    }
    .navbar-nav > li > a {
        padding: 15px 0 4px 0;
        margin: 0 5px;
    }
    .navbar-nav > li {
        padding-bottom: 15px;
    }
    .navbar-nav .open .dropdown-menu {
        background: transparent;
    }
}
@media (min-width: 1200px) {
    .navbar-nav > li > a {
        margin: 0 15px;
    }
    a.navbar-brand img {
        margin-top: 5px;
    }
}

a.navbar-brand img {
    height: 40px;
}
@media (max-width: 992px) {
    a.navbar-brand img {
        margin-left: 0px;

    }
    a.navbar-brand img {
        height: 25px;
    }

}

.nav-tabs {
    border: 0;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    border: 0;
    border-radius: 0;
}
.nav-tabs>li:first-child {
    margin-left: 0%;
}
.nav-tabs>li>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    background: #d9dada;
    border: 0;
    border-radius: 0;
    color: #000;
    margin-right: 0;
    font-weight: strong;
    text-align: center;
}
@media (max-width: 767px) {
    .nav-tabs>li {
        font-size: 0.8em;
    }
    .nav-tabs>li {
        margin-left: 4px;
    }
}
@media (min-width: 768px) {
    .nav-tabs>li {
        width: 49%;
        margin-left: 2%;
    }
}
.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus
{
    background: #ddd;
    color: #000;
}
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus
{
    background: #fff;
}
.tab-content {
    background: #fff;
    margin-top: 1px;
    min-height: 260px;
    padding: 30px;
    border-bottom: #fff solid 300px;
    margin-bottom: -300px;
}

.carousel.fade {
    opacity: 1;
}
.carousel.fade .item {
    -moz-transition: opacity ease-in-out 1.7s;
    -o-transition: opacity ease-in-out 1.7s;
    -webkit-transition: opacity ease-in-out 1.7s;
    transition: opacity ease-in-out 1.7s;
    left: 0 !important;
    opacity: 0;
    top:0;
    position:absolute;
    width: 100%;
    display:block !important;
    z-index:1;
}
.carousel.fade .item:first-child {
    top:auto;
    position:relative;
}
.carousel.fade .item.active {
    opacity: 1;
    -moz-transition: opacity ease-in-out 1.7s;
    -o-transition: opacity ease-in-out 1.7s;
    -webkit-transition: opacity ease-in-out 1.7s;
    transition: opacity ease-in-out 1.7s;
    z-index:2;
}





h3 {
    font-size: 1.2em;
    font-weight: strong;
}
h3 > a,
h3 > a:hover,
h3 > a:focus
{
    color: #000;
}


.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}


/* content styles */
@media (min-width: 992px) {

    .inside {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .inside-full-height {
        /*
        // if you want to give content full height give him height: 100%;
        // with content full height you can't apply margins to the content
        // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
        */
        height: 100%;
        margin-top: 0;
        margin-bottom: 0;
    }

    /* columns of same height styles */

    .row-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
        margin-bottom: 30px;
    }
    .col-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-top {
        vertical-align: top;
    }
    .col-middle {
        vertical-align: middle;
    }
    .col-bottom {
        vertical-align: bottom;
    }

    .row-xs-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-xs-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-xs-top {
        vertical-align: top;
    }
    .col-xs-middle {
        vertical-align: middle;
    }
    .col-xs-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 992px) {
    .row-sm-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-sm-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-sm-top {
        vertical-align: top;
    }
    .col-sm-middle {
        vertical-align: middle;
    }
    .col-sm-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 992px) {
    .row-md-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-md-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-md-top {
        vertical-align: top;
    }
    .col-md-middle {
        vertical-align: middle;
    }
    .col-md-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 1200px) {
    .row-lg-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-lg-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-lg-top {
        vertical-align: top;
    }
    .col-lg-middle {
        vertical-align: middle;
    }
    .col-lg-bottom {
        vertical-align: bottom;
    }
}




.herospace {
    height: 65vh;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 0px;
}
.herospace.herospace-subpage {
    height: 50vh;
}
.herospace-gradient {
    color: #fff;
    display: flex;
    align-items: flex-end;
    padding-bottom: 30px;
    height: 100%;
    background: linear-gradient(10deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,0) 60%);
}
@media (max-width: 767px ) {
    .herospace-gradient .container {
        width: 100%;
    }

}

.herospace h1 {
    font-size: 24px;
}
.herospace p {
    font-size: 18px;
}
@media (min-width: 992px ) {
        .herospace {
        height: 85vh;
    }
    .herospace.herospace-subpage {
        height: 50vh;
}
    .herospace h1 {
        font-size: 36px;
    }
    .herospace p {
        font-size: 24px;
    }
}
@media (min-width: 1200px ) {
    .herospace h1 {
        font-size: 52px;
    }
    .herospace p {
        font-size: 24px;
    }
}
hentry ul,
ul,
p {
    margin-bottom: 1.5em;
}
p + ul {
    margin-top: -1em;

}

.entry-content h2 {
    font-size: 24px;
}

.entry-content img {
    margin-bottom: 1em !important;
}
.row.history-table {
    margin-bottom: 2px;
    width: 100%;
}
.history-table {
    margin: 0;
    background: transparent !important;
}
.history-table tr td {
    padding: 15px;
    background-color: #fff;
}
.history-table tr td:last-child {
    border-left: 2px solid #f2f2f2;
}
.history-table tr {
    border-bottom: 2px solid #f2f2f2;
}


.history-table  h2 {
    margin: 0;
}
@media (max-width: 767px ){
    .history-table  {
        font-size: .85em;
    }
    .history-table  h2 {
        font-size: 1em;
    }
}