/*
Theme Name: Child Theme
Description: A custom theme built for Child theme
Author: B2B Design & Development
Author URI: http://www.b2bdd.com/
Template: b2bdd
*/

@font-face {
    font-family: Lato;
    src: local('Lato'), url(https://fonts.googleapis.com/css?family=Lato:400,700) format('woff2')
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

body,
html {
    font-family: Lato, auto, sans-serif
}

body {
    background: #fff;
    line-height: 1.8em;
    word-break: normal;
    color: #404040;
    font-size: 18px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    color: #0B396A;
    font-family: Lato, auto, sans-serif
}

h1 {
    font-size: 2.8rem;
    line-height: 1.4;
    margin: .5rem 0;
    text-transform: capitalize
}

@media (max-width:767.98px) {
    h1 {
        font-size: 2rem
    }
}

h1 .entry-title {
    color: #fff;
    font-weight: 300
}

h2 {
    font-size: 1.9rem;
    line-height: 1.4;
    margin: .4rem 0;
    font-weight: 600
}

@media (max-width:767.98px) {
    h2 {
        font-size: 1.5rem
    }
}

h3 {
    font-size: 1.2rem;
    line-height: 1.4;
    margin: .25rem 0;
    font-weight: 600
}

h4 {
    font-size: 1rem;
    line-height: 1.4;
    margin: .15rem 0
}

.clear {
    clear: both
}

.hidden {
    display: none
}

@media (max-width:575.98px) {
    .hidden-xs {
        display: none
    }
}

.btn {
    text-decoration: none;
    cursor: pointer
}

.btn:visited {
    text-decoration: underline
}

.primary-btn {
    text-decoration: none;
    background-color: #0B396A;
    border: 2px solid #0B396A;
    color: #f8f9fa;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 2px;
    line-height: normal
}

.primary-btn:active,
.primary-btn:hover {
    background-color: #041425;
    border: 2px solid #041425;
    color: #fff;
    text-decoration: none
}

.primary-btn:visited {
    text-decoration: underline;
    color: #fff
}

.primary-btn a {
    color: #fff
}

.primary-btn a:hover,
.primary-btn a:visited {
    color: #fff
}

.primary-btn.active {
    background-color: #041425;
    border: 2px solid #041425;
    color: #fff
}

.secondary-btn {
    text-decoration: none;
    background-color: #0B396A;
    border: 2px solid #0B396A;
    color: #f8f9fa;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 2px;
    line-height: normal
}

.secondary-btn:active,
.secondary-btn:hover {
    background-color: #041425;
    border: 2px solid #041425;
    color: #fff;
    text-decoration: none
}

.secondary-btn:visited {
    text-decoration: underline;
    color: #fff
}

.secondary-btn a {
    color: #fff
}

.secondary-btn a:hover,
.secondary-btn a:visited {
    color: #fff
}

.secondary-btn.active {
    background-color: #041425;
    border: 2px solid #041425;
    color: #fff
}

.default-btn {
    text-decoration: none;
    background-color: #ccc;
    border: 2px solid #ccc;
    color: #333;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 2px;
    line-height: normal
}

.default-btn:active,
.default-btn:hover {
    background-color: #a6a6a6;
    border: 2px solid #a6a6a6;
    color: #fff;
    text-decoration: none
}

.default-btn:visited {
    text-decoration: underline;
    color: #fff
}

.default-btn-dark {
    text-decoration: none;
    background-color: #575454;
    border: 2px solid #575454;
    color: #f8f9fa;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 2px;
    line-height: normal
}

.default-btn-dark:active,
.default-btn-dark:hover {
    background-color: #302e2e;
    border: 2px solid #302e2e;
    color: #fff;
    text-decoration: none
}

.default-btn-dark:visited {
    text-decoration: underline;
    color: #fff
}

.large-btn {
    padding: 9px 59px
}

.icon-container {
    background: #e4e3e3;
    height: 105px;
    width: 105px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: column;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.icon-container .fa {
    font-size: 60px
}

.bg-color-primary {
    background-color: #7d4900;
    color: #fff
}

.bg-color-tertiary {
    background-color: #FAAF40;
    color: #fff
}

.bg-color-tertiary-fade,
.bg-color-tertiary-fade.row-title:hover {
    background-color: #fdd9a3
}

.bg-primary {
    text-decoration: none;
    background-color: #0B396A;
    border: 2px solid #0B396A;
    color: #f8f9fa;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 2px;
    line-height: normal
}

.bg-primary:after {
    clear: both
}

.bg-transparent {
    background-color: transparent;
    color: #0B396A
}

.color-primary {
    color: #0B396A
}

.color-dark {
    color: #333
}

.color-light {
    color: #49B0E4
}

.color-secondary {
    color: #0B396A
}

.color-tertiary {
    color: #FAAF40
}

.template-color {
    color: #0B396A
}

.font-big {
    font-size: 25px
}

@media (max-width:767.98px) {
    .font-big {
        font-size: 17px
    }
}

.font-small {
    font-size: 10px
}

.bg {
    background-color: #0B396A;
    border: 2px solid #0B396A;
    color: #f5f5f5!important;
    padding: 10px 15px;
    margin: 10px 3px
}

.style-big {
    font-size: 25px;
    font-weight: 600
}

h2.border-curved {
    display: inline
}

h2.border-curved:after {
    clear: both
}

.border-curved {
    border-bottom: 1px solid #0B396A;
    border-radius: 10%;
    display: inline-block
}

.divider {
    border-top: 1px dashed #ccc
}

.border-primary-card {
    border: 2px solid #0B396A;
    padding: 10px 15px;
    margin: 10px 0 20px 0
}

.border-bottom-primary {
    border-bottom: 2px solid #0B396A;
    display: inline-block
}

.border-bottom-primary:after {
    clear: both
}

a {
    color: #0B396A;
    text-decoration: none
}

a:hover {
    text-decoration: none;
    color: #01070e
}

.link {
    text-decoration: none;
    padding: 3px
}

.primary-link {
    color: #f8f9fa;
    background-color: #0B396A
}

.primary-link:active,
.primary-link:hover,
.primary-link:visited {
    color: #f8f9fa
}

.default-link {
    color: #0B396A;
    background: 0 0
}

.fa {
    color: #0B396A
}

.ptb10 {
    padding: 10px 0
}

.ptb20 {
    padding: 20px 0
}

.ptb30 {
    padding: 30px 0
}

.p10 {
    padding: 10px
}

.mb30 {
    margin-bottom: 30px
}

.mtb20 {
    margin: 20px 0
}

.mtb10 {
    margin: 10px 0
}

.center {
    text-align: center
}

.text-center {
    text-align: center
}

.center-block {
    margin: 0 auto;
    width: 100%
}

.right-block {
    display: block;
    text-align: right
}

.mt-auto {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: auto!important;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end
}

.block {
    width: 100%
}

.align-right-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end
}

@media (min-width:768px) {
    li.multi-col {
        width: 50%;
        float: left
    }
}

@media (min-width:992px) {
    li.multi-col {
        width: 33%;
        float: left
    }
}

@media (min-width:768px) {
    li.multi-col-2 {
        width: 50%;
        float: left
    }
}

.list-gp {
    padding: 10px 0;
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.list-gp ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.list-gp ul li {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 5px
}

.list-gp ul li:last-child {
    border-bottom: 1px solid #ccc
}

.no-pointer {
    cursor: context-menu
}

ul.horizontal-list {
    padding: 15px 0;
    list-style-type: none;
    font-size: 35px;
    line-height: .8em;
    margin: 0
}

ul.horizontal-list li {
    display: inline-block;
    border-right: 1px solid #fff;
    padding: 0 20px;
    font-size: 20px
}

ul.horizontal-list li:last-child {
    border-right: none
}

@media only screen and (max-width:767.98px) {
    figure.alignleft,
    figure.alignright,
    img.alignleft,
    img.alignright {
        float: none
    }
}

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.default-icon {
    background-color: transparent;
    border-radius: 10px;
    padding: 2px 5px;
    font-size: 20px
}

.default-icon a {
    color: #fff
}

.default-icon a:hover {
    text-decoration: none
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent
}

.table-border {
    border: 1px solid #d6dbdf
}

.table-border thead td,
.table-border thead th {
    border-bottom-width: 2px
}

.table-border thead th {
    border-bottom: 2px solid #d6dbdf
}

.table-border td,
.table-border th {
    border: 1px solid #d6dbdf;
    padding: .75rem;
    vertical-align: top
}

.primary-table-row>td,
.primary-table-row>th {
    background-color: #e0c3a2
}

.table-hover-primary tr:hover {
    background-color: #e0c3a2
}

.table-hover-tertiary tbody>tr:hover {
    background-color: #fff8ee
}

.table-hover-default tbody>tr:hover {
    background-color: #f2f2f2
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

.search input[type=text] {
    padding: 6px;
    border: none;
    color: #747272
}

.search button[type=submit] {
    border: none;
    padding: 10px;
    background: #ddd;
    font-size: 16px;
    margin-top: 8px;
    cursor: pointer
}

.search-area article {
    border-bottom: 1px solid #ccc
}

.headerTopBar-searchBar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    height: 29px;
    float: right;
    overflow: hidden;
    -webkit-transition: width .5s;
    transition: width .5s
}

.headerTopBar-searchBar .form-control {
    color: #0B396A;
    height: 25px;
    border-radius: 0;
    font-size: 12px
}

.headerTopBar-searchBar .form-control:focus {
    border-color: #0B396A;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 2px #0B396A
}

.headerTopBar-searchBar .form-control::-ms-input-placeholder,
.headerTopBar-searchBar .form-control::-webkit-input-placeholder,
.headerTopBar-searchBar .form-control:-ms-input-placeholder {
    color: #156bc6;
    text-transform: capitalize;
    font-style: italic;
    font-weight: 400;
    font-size: 14px
}

.headerTopBar-searchBar .form-control::-ms-input-placeholder,
.headerTopBar-searchBar .form-control::-webkit-input-placeholder,
.headerTopBar-searchBar .form-control::placeholder {
    color: #156bc6;
    text-transform: capitalize;
    font-style: italic;
    font-weight: 400;
    font-size: 14px
}

.headerTopBar-searchBar .input-group-btn button {
    height: 25px;
    border-radius: 0;
    font-size: 11px
}

.icon-search-1 {
    display: inherit
}

.searchBar-open {
    width: 40%
}

@media (max-width:575px) {
    .searchBar-open {
        width: 40%
    }
}

#primary-text-container {
    padding-bottom: 10px
}

#primary-text-container .primary-text {
    text-align: center
}

#primary-text-container .primary-text h1 {
    color: #0B396A;
    font-size: 35px;
    margin-bottom: 20px;
    text-shadow: 1px 1px 1px rgba(51, 51, 51, .3);
    text-transform: none;
    display: inline-block
}

#primary-text-container .primary-text p {
    font-size: 18px;
    padding-bottom: 0;
    margin-bottom: 0
}

#primary-text-container .primary-text hr {
    border-bottom: 2px solid #0B396A
}

#primary-text-container .container {
    margin-top: 0
}

.back-to-top {
    position: fixed;
    bottom: 0;
    right: 0;
    margin: 5px;
    background: 0 0;
    text-decoration: none;
    display: none
}

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, .4)
}

.modal-content {
    background-color: #fefefe;
    margin: 3% auto;
    padding: 10px;
    border: 1px solid #888;
    width: 80%;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

#myBtn {
    cursor: pointer
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #333;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer
}

.header-banner {
    position: relative
}

.header-banner h1 {
    color: #fff;
    position: absolute;
    left: 50%;
    top: 20%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 99;
    -webkit-transition: display 1s ease-in-out;
    transition: display 1s ease-in-out
}

.header-banner .header-banner-overlay {
    background: rgba(0, 0, 0, .5);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: background 1s ease-in-out;
    transition: background 1s ease-in-out;
    z-index: 1
}

.header-banner:hover .header-banner-overlay {
    background: 0 0;
    z-index: -1
}

.header-banner:hover h1 {
    display: none
}

.breadcrumbs-container {
    background-color: #0B396A;
    padding: 5px 0
}

.breadcrumbs-container .breadcrumbs {
    width: 100%;
    padding: 0 15px;
    margin: 10px auto;
    margin: 0 auto;
    color: #fff;
    font-size: 14px
}

@media (min-width:576px) {
    .breadcrumbs-container .breadcrumbs {
        max-width: 100%
    }
}

@media (min-width:768px) {
    .breadcrumbs-container .breadcrumbs {
        max-width: 100%
    }
}

@media (min-width:992px) {
    .breadcrumbs-container .breadcrumbs {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .breadcrumbs-container .breadcrumbs {
        max-width: 1170px
    }
}

@media (min-width:1500px) {
    .breadcrumbs-container .breadcrumbs {
        max-width: 1300px
    }
}

.breadcrumbs-container .breadcrumbs a:visited {
    color: #f2f2f2
}

.features-block {
    background-color: #F8F8F8;
    padding: 20px;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: column;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.features-block ul,
.features-block-primary ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.features-block-primary {
    background-color: rgba(155, 108, 52, .8);
    padding: 20px;
    color: #fff;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: column;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.features-block-primary h2 {
    color: #2d1000
}

.features-block-primary-dark {
    background-color: #2d1000;
    padding: 20px;
    color: #fff;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: column;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section-title .title-underline {
    width: 100px;
    border: 2px solid #7d4900;
    margin-bottom: 10px
}

@media (min-width:576px) {
    .textwidget {
        width: 100%
    }
}

.fp-custom-buckets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    margin: 15px 0
}

.fp-custom-buckets .fp-custom-bucket {
    width: 49%;
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #787676;
    box-shadow: 2px 2px 2px 0 #ccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#d3d2d2), to(#fbfbfb));
    background-image: -webkit-linear-gradient(bottom, #d3d2d2, #fbfbfb);
    background-image: linear-gradient(to top, #d3d2d2, #fbfbfb)
}

.fp-custom-buckets .fp-custom-bucket:hover {
    box-shadow: 2px 2px 14px 3px #ccc
}

.fp-custom-buckets .fp-custom-bucket .fp-custom-bucket-text {
    margin-left: 20px;
    font-size: 25px;
    text-transform: uppercase
}

#left-bg-img {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: .7;
    z-index: -1
}

#left-bg-img img {
    height: 600px
}

#right-bg-img {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: .7;
    z-index: -1
}

#right-bg-img img {
    height: 600px
}

#map {
    width: 100%;
    height: 300px;
    background-color: grey
}

.page-nav-container {
    background: #f3f3f3;
    border-bottom: 1px solid #ccc
}

.page-nav-container .page-nav {
    width: 100%;
    padding: 0 15px;
    margin: 10px auto;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width:576px) {
    .page-nav-container .page-nav {
        max-width: 100%
    }
}

@media (min-width:768px) {
    .page-nav-container .page-nav {
        max-width: 100%
    }
}

@media (min-width:992px) {
    .page-nav-container .page-nav {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .page-nav-container .page-nav {
        max-width: 1170px
    }
}

@media (min-width:1500px) {
    .page-nav-container .page-nav {
        max-width: 1300px
    }
}

.page-nav-container .page-nav a {
    color: #676565;
    padding: 5px 10px;
    border-right: 1px solid #ccc;
    display: inline-block
}

@media (max-width:767.98px) {
    .page-nav-container .page-nav a {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
        background-color: #ddd;
        border-right: none
    }
}

.page-nav-title {
    color: inherit
}

.page-nav-title:hover,
.page-nav-title:visited {
    color: inherit
}

.carousel-container {
    background-color: #333;
    color: #fff;
    padding-bottom: 7px
}

.carousel-container h2 {
    color: #fff;
    padding: 10px 0
}

.carousel-container #carousel {
    background-color: #333
}

.carousel-container .bx-wrapper .bx-pager.bx-default-pager a.active,
.carousel-container .bx-wrapper .bx-pager.bx-default-pager a:focus,
.carousel-container .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #989595
}

.video-section .video-section-video-title {
    color: #0B396A;
    font-weight: 600
}

.video-section .video-section-video-company {
    font-size: 14px;
    font-weight: 900
}

.video-section .video-section-video-description {
    font-size: 16px;
    margin-top: 10px
}

.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end
}

.first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.last {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.horizontal-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    margin-bottom: 15px
}

.horizontal-between * {
    margin: 2px 0
}

@media (max-width:767.98px) {
    .horizontal-between {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.centered-horizontal-half-width {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    margin-bottom: 15px
}

.centered-horizontal-half-width div {
    -webkit-box-flex: 0;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    -ms-flex-positive: 0;
    -ms-flex-negative: 1;
    -ms-flex-preferred-size: 100%;
    margin: 10px
}

@media screen and (min-width:992px) {
    .centered-horizontal-half-width div {
        -webkit-box-flex: 1;
        -moz-flex: 1 1 44%;
        -ms-flex: 1 1 44%;
        flex: 1 1 44%;
        -ms-flex-positive: 1;
        -ms-flex-negative: 1;
        -ms-flex-preferred-size: 44%
    }
}

.flex-center-align {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.container {
    width: 100%;
    padding: 0 15px;
    margin: 10px auto
}

@media (min-width:576px) {
    .container {
        max-width: 100%
    }
}

@media (min-width:768px) {
    .container {
        max-width: 100%
    }
}

@media (min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1170px
    }
}

@media (min-width:1500px) {
    .container {
        max-width: 1300px
    }
}

.container-full-width {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
    box-sizing: border-box
}

.col-l,
.col-l-1,
.col-l-10,
.col-l-11,
.col-l-12,
.col-l-2,
.col-l-3,
.col-l-4,
.col-l-5,
.col-l-6,
.col-l-7,
.col-l-8,
.col-l-9,
.col-m,
.col-m-1,
.col-m-10,
.col-m-11,
.col-m-12,
.col-m-2,
.col-m-3,
.col-m-4,
.col-m-5,
.col-m-6,
.col-m-7,
.col-m-8,
.col-m-9,
.col-s,
.col-s-1,
.col-s-10,
.col-s-11,
.col-s-12,
.col-s-2,
.col-s-3,
.col-s-4,
.col-s-5,
.col-s-6,
.col-s-7,
.col-s-8,
.col-s-9,
.col-xs,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    padding: 0 15px
}

@media (max-width:575.98px) {
    .col-l,
    .col-l-1,
    .col-l-10,
    .col-l-11,
    .col-l-12,
    .col-l-2,
    .col-l-3,
    .col-l-4,
    .col-l-5,
    .col-l-6,
    .col-l-7,
    .col-l-8,
    .col-l-9,
    .col-m,
    .col-m-1,
    .col-m-10,
    .col-m-11,
    .col-m-12,
    .col-m-2,
    .col-m-3,
    .col-m-4,
    .col-m-5,
    .col-m-6,
    .col-m-7,
    .col-m-8,
    .col-m-9,
    .col-s,
    .col-s-1,
    .col-s-10,
    .col-s-11,
    .col-s-12,
    .col-s-2,
    .col-s-3,
    .col-s-4,
    .col-s-5,
    .col-s-6,
    .col-s-7,
    .col-s-8,
    .col-s-9,
    .col-xs,
    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9 {
        width: 100%;
        padding: 5px 15px
    }
}

@media (min-width:576px) {
    .col-xs {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }
    .col-xs-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        max-width: 8.333%
    }
    .col-xs-2 {
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        max-width: 16.667%
    }
    .col-xs-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }
    .col-xs-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%
    }
    .col-xs-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%
    }
    .col-xs-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
    .col-xs-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }
    .col-xs-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }
    .col-xs-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }
    .col-xs-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }
    .col-xs-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }
    .col-xs-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

@media (min-width:768px) {
    .col-s {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }
    .col-s-1 {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }
    .col-s-2 {
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        max-width: 16.667%
    }
    .col-s-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }
    .col-s-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.33%
    }
    .col-s-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%
    }
    .col-s-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
    .col-s-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }
    .col-s-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }
    .col-s-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }
    .col-s-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }
    .col-s-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }
    .col-s-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

@media (min-width:992px) {
    .col-m {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }
    .col-m-1 {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }
    .col-m-2 {
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        max-width: 16.667%
    }
    .col-m-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }
    .col-m-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%
    }
    .col-m-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%
    }
    .col-m-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
    .col-m-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }
    .col-m-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }
    .col-m-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }
    .col-m-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }
    .col-m-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }
    .col-m-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

@media (min-width:1200px) {
    .col-l {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }
    .col-l-1 {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }
    .col-l-2 {
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        max-width: 16.667%
    }
    .col-l-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }
    .col-l-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%
    }
    .col-l-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%
    }
    .col-l-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
    .col-l-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }
    .col-l-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }
    .col-l-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }
    .col-l-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }
    .col-l-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }
    .col-l-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

#masthead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 999
}

#masthead #top-header.top-header-content {
    background-color: #333;
    color: #f8f9fa
}

#masthead #top-header.top-header-content .top-header-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: column;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px
}

#masthead #top-header.top-header-content .top-header-container .top-header-right {
    text-align: center;
    padding-top: 7px;
    -webkit-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: auto
}

#masthead #top-header.top-header-content .top-header-container .top-header-right a:hover {
    color: #cbd3da
}

#masthead #top-header.top-header-content .top-header-container .top-header-right .search-form {
    padding-top: 7px
}

#masthead #top-header.top-header-content .top-header-container .top-header-right .search-form input {
    height: 23px;
    border-radius: 2px;
    font-size: 12px
}

#masthead #top-header.top-header-content .top-header-container a {
    background: 0 0;
    color: #f8f9fa
}

#masthead #top-header.top-header-content .top-header-container a:hover {
    color: #cbd3da
}

#masthead #top-header.top-header-content .top-header-container a:focus,
#masthead #top-header.top-header-content .top-header-container a:visited {
    color: #f8f9fa
}

@media screen and (min-width:768px) {
    #masthead #top-header.top-header-content .top-header-container {
        -webkit-box-orient: row;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between;
        padding: 0 42px 3px
    }
    #masthead #top-header.top-header-content .top-header-container .top-header-left,
    #masthead #top-header.top-header-content .top-header-container .top-header-right {
        padding: 0
    }
    #masthead #top-header.top-header-content .top-header-container .top-header-left a,
    #masthead #top-header.top-header-content .top-header-container .top-header-right a {
        color: #f8f9fa
    }
    #masthead #top-header.top-header-content .top-header-container .top-header-left .search-form,
    #masthead #top-header.top-header-content .top-header-container .top-header-right .search-form {
        padding-left: 10px;
        padding-top: 0
    }
}

#masthead #top-header.top-header-content .fa {
    color: #fff;
    padding: 4px 4px 4px 4px;
    margin: auto
}

#masthead #top-header.top-header-image {
    line-height: 0
}

#masthead #main-header {
    z-index: 99
}

#masthead #main-header .main-header-container {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 5px 0;
    padding: 5px 0
}

#masthead #main-header .main-header-container .site-branding #logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    line-height: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#masthead #main-header .main-header-container .site-branding #logo .logo {
    margin-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#masthead #main-header .main-header-container .site-branding #logo .logo h1 {
    padding: 0;
    margin: 0
}

#masthead #main-header .main-header-container .site-branding #logo .logo h1 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: column;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 24px;
    padding: 5px;
    color: #0B396A
}

#masthead #main-header .main-header-container .site-branding #logo .logo h1 a:active,
#masthead #main-header .main-header-container .site-branding #logo .logo h1 a:focus,
#masthead #main-header .main-header-container .site-branding #logo .logo h1 a:visited {
    color: #0B396A
}

#masthead #main-header .main-header-container .site-branding #logo .logo h1 a img {
    vertical-align: middle;
    width: 450px;
    margin: 5px 0
}

#masthead #main-header .main-header-container .site-branding #logo .logo h1 a #tagline {
    font-size: 12px;
    text-transform: uppercase
}

#masthead #main-header .main-header-container .site-branding #logo .logo img {
    width: auto
}

@media (max-width:480px) {
    #masthead #main-header .main-header-container .site-branding #logo .logo {
        width: 70%
    }
}

#masthead #main-header .main-header-container #menu-btn {
    padding: 5px;
    border: 2px solid #0B396A;
    cursor: pointer;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

#masthead #main-header .main-header-container #menu-btn .bar1,
#masthead #main-header .main-header-container #menu-btn .bar2,
#masthead #main-header .main-header-container #menu-btn .bar3 {
    height: 4px;
    width: 30px;
    background-color: #fff;
    margin: 4px 0;
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease
}

@media screen and (min-width:576px) {
    #masthead #main-header .main-header-container #menu-btn {
        display: none
    }
}

#masthead #main-header .main-header-container .animate .bar1 {
    -webkit-transform: rotate(-45deg) translate(-6px, 1px);
    transform: rotate(-45deg) translate(-6px, 1px)
}

#masthead #main-header .main-header-container .animate .bar2 {
    opacity: 0
}

#masthead #main-header .main-header-container .animate .bar3 {
    -webkit-transform: rotate(45deg) translate(-10px, -5px);
    transform: rotate(45deg) translate(-10px, -5px)
}

#masthead #main-header .main-header-container nav ul.menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    display: none
}

#masthead #main-header .main-header-container nav ul.menu>li a {
    display: block;
    color: #f9f9f9;
    background: 0 0;
    text-decoration: none;
    padding: 8px;
    border: 1px solid transparent
}

#masthead #main-header .main-header-container nav ul.menu>li a:hover {
    color: #000;
    background-color: #eff1f4;
    border-bottom: 2px solid #0B396A
}

#masthead #main-header .main-header-container nav ul.menu>li>a:hover {
    border-radius: 0;
    background-color: #092d53;
    border-bottom: none;
    color: #f9f9f9
}

@media screen and (min-width:576px) {
    #masthead #main-header .main-header-container nav ul.menu>li>a {
        text-align: center
    }
}

@media screen and (min-width:576px) {
    #masthead #main-header .main-header-container nav ul.menu>li {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100px;
        flex: 1 0 100px;
        margin: 0 2px
    }
}

#masthead #main-header .main-header-container nav ul.menu ul.sub-menu {
    display: none;
    background-clip: padding-box;
    padding: 0;
    z-index: 1000;
    list-style-type: none;
    margin: 0
}

#masthead #main-header .main-header-container nav ul.menu ul.sub-menu li {
    margin: 0;
    border-radius: 0
}

#masthead #main-header .main-header-container nav ul.menu ul.sub-menu li a {
    font-size: 14px;
    border-radius: 0;
    border-bottom: 2px solid transparent
}

#masthead #main-header .main-header-container nav ul.menu ul.sub-menu li a:hover {
    border-radius: 0;
    border-bottom: 2px solid #0B396A
}

@media screen and (min-width:576px) {
    #masthead #main-header .main-header-container nav ul.menu ul.sub-menu {
        position: absolute;
        width: 240px;
        background-color: #fff;
        box-shadow: 0 1px 20px rgba(0, 0, 0, .15);
        -moz-box-shadow: 0 1px 20px rgba(0, 0, 0, .15);
        -webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, .15)
    }
}

@media screen and (min-width:576px) {
    #masthead #main-header .main-header-container nav ul.menu {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important;
        flex-wrap: wrap;
        padding: 0 10px
    }
}

#masthead #main-header.header-nav-right {
    background-color: #0B396A
}

#masthead #main-header.header-nav-right .main-header-container nav {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 500px;
    flex: 1 0 500px
}

#masthead #main-header.header-nav-right .main-header-container nav ul.menu li.current-menu-item>a,
#masthead #main-header.header-nav-right .main-header-container nav ul.menu>li.current-menu-parent>a {
    background-color: rgba(0, 0, 0, .2)
}

@media screen and (min-width:576px) {
    #masthead #main-header.header-nav-right .main-header-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        flex-wrap: wrap;
        -webkit-box-pack: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between
    }
}

#masthead #main-header.header-nav-bottom .main-header-container #site-branding {
    width: 100%;
    padding: 0 15px;
    margin: 10px auto
}

@media (min-width:576px) {
    #masthead #main-header.header-nav-bottom .main-header-container #site-branding {
        max-width: 100%
    }
}

@media (min-width:768px) {
    #masthead #main-header.header-nav-bottom .main-header-container #site-branding {
        max-width: 100%
    }
}

@media (min-width:992px) {
    #masthead #main-header.header-nav-bottom .main-header-container #site-branding {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    #masthead #main-header.header-nav-bottom .main-header-container #site-branding {
        max-width: 1170px
    }
}

@media (min-width:1500px) {
    #masthead #main-header.header-nav-bottom .main-header-container #site-branding {
        max-width: 1300px
    }
}

#masthead #main-header.header-nav-bottom .main-header-container nav {
    background-color: #333;
    background: url(/wp-content/themes/b2bdd-child/images/bg-topnav.png) repeat-x
}

#masthead #main-header.header-nav-bottom .main-header-container nav ul.menu {
    width: 100%;
    padding: 0 15px;
    margin: 10px auto;
    background: 0 0
}

@media (min-width:576px) {
    #masthead #main-header.header-nav-bottom .main-header-container nav ul.menu {
        max-width: 100%
    }
}

@media (min-width:768px) {
    #masthead #main-header.header-nav-bottom .main-header-container nav ul.menu {
        max-width: 100%
    }
}

@media (min-width:992px) {
    #masthead #main-header.header-nav-bottom .main-header-container nav ul.menu {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    #masthead #main-header.header-nav-bottom .main-header-container nav ul.menu {
        max-width: 1170px
    }
}

@media (min-width:1500px) {
    #masthead #main-header.header-nav-bottom .main-header-container nav ul.menu {
        max-width: 1300px
    }
}

#masthead #main-header.header-nav-bottom .main-header-container nav ul.menu>li {
    margin: 5px auto 0 auto
}

#masthead #main-header.header-nav-bottom .main-header-container nav ul.menu>li a {
    border-top: 3px solid transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#masthead #main-header.header-nav-bottom .main-header-container nav ul.menu>li:hover {
    background-color: #0B396A
}

#masthead #main-header.header-nav-bottom .main-header-container nav ul.menu>li:hover a {
    background-color: transparent;
    border-right: 1px solid #000;
    border-left: 1px solid #494949;
    border-top: 3px solid #7d7e7e
}

.site-branding-two-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fixed-header {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #F5F5F5
}

.fixed-header-transisiton #main-header #logo {
    padding: 0 20px 0 10px!important
}

@media screen and (min-width:576px) {
    #header li.submenu-2-column ul.dropdown-menu li {
        display: inline-block;
        float: left;
        width: 312px;
        border-bottom: none
    }
    #header li.submenu-2-column ul.dropdown-menu li:nth-child(odd) {
        float: left
    }
    #header li.submenu-2-column ul.dropdown-menu li:nth-child(even) {
        float: right
    }
}

@media screen and (min-width:576px) {
    #header li.submenu-4-column ul.dropdown-menu {
        width: 624px
    }
}

#header li.submenu-4-column ul.dropdown-menu li {
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 25%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:576px) {
    #header li.submenu-4-column ul.dropdown-menu li {
        border-bottom: none
    }
}

#header li.submenu-4-column ul.dropdown-menu li:hover,
#header li.submenu-4-column ul.dropdown-menu li:hover a {
    background-color: #09F;
    color: #fff
}

footer {
    position: relative;
    background-color: #555;
    color: #fff
}

footer .fa {
    color: #fff
}

footer a {
    color: #fff
}

footer a:hover {
    color: #d9d9d9
}

footer a:active,
footer a:visited {
    color: #fff
}

footer img {
    text-align: center
}

footer .footer-top {
    font-size: 12px;
    padding: 15px 0;
    background-color: #222;
    background: #555;
    padding: 0
}

footer .footer-top .footer-column .footer-widget-header {
    font-size: 21px;
    line-height: 1.44444;
    border-top: 1px solid #919191;
    border-bottom: 1px solid #919191;
    padding: 3px 0 3px 0;
    margin: 0 0 10px 0;
    width: 100%;
    text-transform: uppercase;
    color: #919191
}

footer .footer-top .footer-column ul {
    list-style-type: none;
    margin: 0
}

footer .footer-top .footer-column ul li {
    text-transform: uppercase
}

footer .footer-top .footer-column ul li a {
    color: #fff
}

footer .footer-top .footer-column #footer-navigation.menu-across {
    margin: 10px 0
}

footer .footer-top .footer-column #footer-navigation.menu-across li {
    display: inline-block
}

footer .footer-top .footer-column #footer-navigation.menu-across li a {
    color: #fff;
    text-decoration: none;
    padding: 10px 15px
}

footer .footer-top .footer-column .mt-auto {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: auto!important
}

footer .footer-bottom {
    padding: 5px 0;
    font-size: 12px;
    border-top: 2px solid #fff
}

footer .footer-bottom .container {
    margin-top: 0;
    margin-bottom: 0
}

footer .footer-bottom .footer-bottom-border {
    border-top: 2px solid #333;
    width: 93%;
    margin: 0 auto
}

footer .footer-bottom .footer-bottom-content {
    width: 93%;
    padding: 10px 0;
    margin: 0 auto
}

footer.entry-footer {
    width: 100%;
    padding: 0 15px;
    margin: 10px auto;
    background-color: transparent
}

@media (min-width:576px) {
    footer.entry-footer {
        max-width: 100%
    }
}

@media (min-width:768px) {
    footer.entry-footer {
        max-width: 100%
    }
}

@media (min-width:992px) {
    footer.entry-footer {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    footer.entry-footer {
        max-width: 1170px
    }
}

@media (min-width:1500px) {
    footer.entry-footer {
        max-width: 1300px
    }
}

footer.entry-footer a {
    color: #0B396A
}

#main {
    min-height: 440px
}

.bx-wrapper {
    margin-bottom: 40px;
    box-shadow: none;
    border: none
}

.bx-wrapper .showcase {
    position: relative
}

.bx-wrapper .showcase div {
    background: #959595;
    background: -webkit-linear-gradient(-45deg, #959595 0, #ededed 20%, #d3d3d3 50%, #d1d1d1 51%, #ededed 84%, #8d8d8d 100%);
    background: -webkit-linear-gradient(315deg, #959595 0, #ededed 20%, #d3d3d3 50%, #d1d1d1 51%, #ededed 84%, #8d8d8d 100%);
    background: linear-gradient(135deg, #959595 0, #ededed 20%, #d3d3d3 50%, #d1d1d1 51%, #ededed 84%, #8d8d8d 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#8d8d8d', GradientType=1)
}

.bx-wrapper .showcase .slide-img {
    width: auto;
    margin: 0 auto
}

.bx-wrapper .showcase .slide-caption-container {
    background: rgba(0, 0, 0, .3);
    height: auto
}

.bx-wrapper .showcase .slide-caption-container .slide-caption {
    font-size: 24px;
    color: #f8f9fa;
    line-height: 1.5em
}

.bx-wrapper .showcase .slide-caption-container .slide-caption h3 {
    font-size: 40px;
    text-shadow: 0 5px 4px rgba(0, 0, 0, .4), 0 8px 14px rgba(0, 0, 0, .1), 0 18px 23px rgba(0, 0, 0, .1);
    color: #fff
}

@media (max-width:575.98px) {
    .bx-wrapper .showcase .slide-caption-container .slide-caption h3 {
        font-size: 14px
    }
}

@media (min-width:576px) and (max-width:991.98px) {
    .bx-wrapper .showcase .slide-caption-container .slide-caption h3 {
        font-size: 20px
    }
}

.bx-wrapper .showcase .slide-caption-container .slide-caption p {
    margin: 0;
    text-transform: uppercase
}

.bx-wrapper .showcase .slide-caption-container a.btn {
    float: right;
    border-radius: 2px 0 0 0
}

.bx-wrapper .showcase .slide-caption-align-right {
    position: absolute;
    top: 0;
    top: 13%;
    left: 50%;
    width: 48%
}

.bx-wrapper .showcase .slide-caption-align-right .slide-caption {
    padding: 11px 20px 20px 20px
}

.bx-wrapper .showcase .slide-caption-align-bottom {
    bottom: 0;
    width: 100%;
    text-align: center
}

.bx-wrapper .showcase .slide-caption-align-bottom .slide-caption {
    padding: 6px 4px
}

@media (min-width:576px) {
    .bx-wrapper .showcase .slide-caption-align-bottom {
        position: absolute
    }
}

.bx-wrapper .showcase .slide-caption-additional-text-align-right {
    position: absolute;
    width: auto;
    padding: 15px;
    color: #fff;
    text-transform: uppercase;
    font-size: 25px;
    top: 10%;
    right: 9%
}

@media (max-width:767.98px) {
    .bx-wrapper .showcase .slide-caption-additional-text-align-right {
        font-size: 14px
    }
}

.bx-wrapper .showcase .slide-caption-additional-text-align-center {
    position: absolute;
    width: auto;
    padding: 15px;
    color: #fff;
    text-transform: uppercase;
    font-size: 25px;
    top: 35%;
    left: 50%
}

@media (max-width:767.98px) {
    .bx-wrapper .showcase .slide-caption-additional-text-align-center {
        font-size: 14px
    }
}

@media (min-width:576px) {
    .bx-wrapper .showcase .slide-caption-additional-text-align-center {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media (max-width:575.98px) {
    .bx-wrapper .showcase .slide-caption-additional-text-align-center {
        position: static;
        text-align: center
    }
}

.bx-wrapper .showcase .slide-caption-additional-text-bg-black {
    background-color: rgba(0, 0, 0, .5)
}

.bx-wrapper .showcase .slide-caption-additional-text-bg-primary-light {
    background-color: rgba(155, 108, 52, .8)
}

.bx-wrapper,
iframe {
    z-index: 0
}

#carousel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
    box-sizing: border-box;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto
}

.content-region .image-description-box {
    width: 90%;
    text-align: center;
    border: 1px solid #ccc;
    padding: 15px 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    -webkit-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    transition: all .3s cubic-bezier(.25, .8, .25, 1)
}

.content-region .image-description-box img {
    width: 150px;
    border-radius: 2%
}

.content-region .image-description-box .image-description-text {
    line-height: 1.8em;
    margin-bottom: 20px
}

.content-region .image-description-box:hover {
    box-shadow: 0 7px 14px rgba(0, 0, 0, .25), 0 5px 5px rgba(0, 0, 0, .22)
}

.content-region .item-group {
    background-image: url();
    background-size: cover
}

.content-region .item-group .item .item-container {
    padding: 10px 0;
    text-align: center
}

.content-region .item-group .item .item-container img {
    border-radius: .2em;
    max-height: 200px
}

.content-region .item-group .item .item-box-text {
    color: #333;
    font-weight: 400;
    font-size: 20px;
    padding-top: 5px
}

.content-region .overlay-box {
    position: relative
}

.content-region .overlay-box:before {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    cursor: pointer
}

.content-region .overlay-box .text {
    position: absolute;
    left: 50%;
    top: 32%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #f8f9fa;
    text-transform: uppercase;
    font-size: 27px;
    text-align: center;
    cursor: pointer
}

.content-region .overlay-box img {
    width: 100%
}

.buckets-group-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between
}

.buckets-group .bucket {
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 18%;
    flex: 1 0 18%;
    border-radius: 2px;
    cursor: pointer;
    margin-right: 20px;
    margin-left: 20px
}

.buckets-group .bucket:first-child {
    margin-left: 0
}

.buckets-group .bucket:last-child {
    margin-right: 0
}

.buckets-group .bucket:hover .bucket-image {
    border-width: 5px 5px 0 5px;
    border-style: solid;
    border-color: #01070e
}

.buckets-group .bucket .bucket-image {
    border-width: 5px 5px 0 5px;
    border-style: solid;
    border-color: #0B396A;
    padding: 5px
}

.buckets-group .bucket .bucket-image img {
    max-width: 100%;
    max-height: 180px
}

.buckets-group .bucket .bucket-title {
    color: #fff;
    padding: 0 5px;
    text-align: center;
    margin-bottom: 4px
}

.hover-boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    padding: 0 15px;
    margin: 10px auto
}

@media (min-width:576px) {
    .hover-boxes {
        max-width: 100%
    }
}

@media (min-width:768px) {
    .hover-boxes {
        max-width: 100%
    }
}

@media (min-width:992px) {
    .hover-boxes {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .hover-boxes {
        max-width: 1170px
    }
}

@media (min-width:1500px) {
    .hover-boxes {
        max-width: 1300px
    }
}

.hover-boxes .hover-box {
    color: #fff;
    height: 200px;
    overflow: hidden;
    position: relative
}

.hover-boxes .hover-box .bg-overlay {
    background-color: rgba(45, 16, 0, .8);
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -98;
    -webkit-transition: height 1s ease;
    transition: height 1s ease
}

@media (max-width:767.98px) {
    .hover-boxes .hover-box .bg-overlay {
        height: 65px
    }
}

.hover-boxes .hover-box img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -99;
    width: 100%;
    height: 100%
}

.hover-boxes .hover-box .hover-box-content h4 {
    margin-top: 50px;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: margin 1s ease;
    transition: margin 1s ease;
    z-index: 10;
    letter-spacing: 1px;
    font-weight: 400;
    padding-left: 2px;
    padding-right: 2px
}

@media (max-width:767.98px) {
    .hover-boxes .hover-box .hover-box-content h4 {
        margin-top: 0;
        font-size: 17px
    }
}

.hover-boxes .hover-box .hover-box-content .image-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-bottom: -200px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    background: #000;
    -webkit-transition: margin 1s ease;
    transition: margin 1s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between
}

.hover-boxes .hover-box .hover-box-content .image-overlay .image-text {
    font-size: 12px;
    margin: 0 15px;
    color: #f5f5f5
}

.hover-boxes .hover-box .hover-box-content .image-overlay .image-icon .fa {
    font-size: 20px;
    color: #0B396A;
    padding: 10px;
    background: #f5f5f5;
    border-radius: 50%
}

.hover-boxes .hover-box .hover-box-content .image-overlay .image-icon .fa:hover {
    background: #b3b3b3
}

@media (max-width:768px) {
    .hover-boxes .hover-box .hover-box-content .image-overlay {
        margin-bottom: 0
    }
}

.hover-boxes .hover-box:hover .image-overlay {
    margin-bottom: 0
}

.hover-boxes .hover-box:hover h4 {
    margin-top: 4px;
    background-color: transparent
}

.hover-boxes .hover-box:hover .bg-overlay {
    height: 65px
}

@media (min-width:768px) and (max-width:991.98px) {
    .hover-boxes .hover-box:hover .bg-overlay {
        height: 95px
    }
}

@media (max-width:767.98px) {
    .hover-boxes .hover-box {
        margin: 2px 0
    }
}

.collapse-container .collapse-container-header {
    height: 50px;
    background-color: #e4e4e4;
    cursor: pointer;
    margin-bottom: 2px
}

.collapse-container .collapse-container-header a {
    color: #404040;
    display: block;
    padding: 10px 15px;
    text-decoration: none
}

.collapse-container .collapse-container-header a:hover {
    text-decoration: none
}

.collapse-container .collapse-container-body {
    margin-bottom: 2px
}

#background-box .background-box-content {
    text-align: center
}

#background-box .background-box-content h4 {
    color: #f8f9fa;
    padding: 15px 0 10px;
    font-size: 35px;
    font-weight: 400
}

#background-box .background-box-content .content {
    color: #f8f9fa;
    font-size: 20px
}

.content-region-2 {
    margin-bottom: 20px
}

.content-region-2 a .content-region-box {
    position: relative;
    height: 300px;
    background-size: cover;
    background-position: center;
    color: #fff;
    margin-bottom: 40px;
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out
}

.content-region-2 a .content-region-box .row {
    position: relative;
    top: 192px
}

@media screen and (max-width:1199px) {
    .content-region-2 a .content-region-box .row {
        top: 170px
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .content-region-2 a .content-region-box .row h1 {
        font-size: 45px
    }
}

@media all and (max-width:1199px) {
    .content-region-2 a .content-region-box .row h1 {
        font-size: 29px
    }
}

.content-region-2 a .content-region-box:nth-child(2) {
    margin-top: 10px
}

.content-region-2 a:hover {
    text-decoration: none
}

.teaser-container {
    position: relative;
    overflow: hidden;
    margin-top: 10px
}

.teaser-container .teaser-title {
    position: absolute;
    bottom: 1px;
    right: 2px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    text-shadow: 2px 4px 3px rgba(0, 0, 0, .3);
    color: #fff
}

.teaser-container .teaser-title-bg {
    background: #000;
    width: 400px;
    height: 23px;
    position: absolute;
    right: 1px;
    bottom: 0;
    opacity: .5
}

.teaser-container img {
    border: 1px solid #ccc;
    text-shadow: 2px 2px red;
    border-radius: 3px;
    width: 400px
}

#equal-width-horizontal {
    padding: 10px 0
}

#equal-width-vertical {
    padding: 20px 0 40px 0
}

.content-column-title {
    margin-top: 20px;
    border-top: 1px solid #0B396A
}

@media screen and (min-width:576px) {
    .content-column-title {
        border: none
    }
}

.content-column .item {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px
}

.content-column .item:last-child {
    border-bottom: none
}

.content-column .item .item-header {
    margin: 10px 0 4px 0;
    text-transform: capitalize;
    padding: 4px 0;
    font-weight: 400;
    font-size: 16px;
    margin-top: 0
}

.content-column .item .item-content {
    line-height: 1.5em
}

.content-column .item .btn {
    padding: 2px 7px;
    margin-top: 4px;
    font-size: 13px
}

.content-column .item .fa {
    color: #0B396A;
    border-radius: 50%;
    font-size: 20px;
    padding: 10px 10px 10px 0
}

.content-column .item .fa-animate {
    -webkit-transition: background .5s ease, color .5s ease, -webkit-transform .5s ease-in;
    transition: background .5s ease, color .5s ease, -webkit-transform .5s ease-in;
    transition: transform .5s ease-in, background .5s ease, color .5s ease;
    transition: transform .5s ease-in, background .5s ease, color .5s ease, -webkit-transform .5s ease-in
}

.content-column .item:hover .fa-animate {
    -webkit-transform: scale(.9);
    transform: scale(.9);
    background: #0B396A;
    color: #f8f9fa
}

@media screen and (min-width:768px) {
    .content-column .item {
        border: none
    }
}

@media (max-width:575.98px) {
    .content-column .item {
        margin: 0 4px 20px 4px
    }
}

.content-column .title-text-image-vertical {
    text-align: center
}

.content-column .title-text-image-vertical .item-content {
    width: 75%
}

.content-column .image-left-content-right {
    text-align: left
}

.content-column .image-left-content-right .content-left {
    padding: 0 2px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 33%;
    flex: 1 0 33%
}

.content-column .image-left-content-right .content-right {
    padding: 0 2px
}

@media (min-width:768px) {
    .content-column .image-left-content-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 4px 0 15px
    }
}

.content-column .title-full-content-below .content_column_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: unset;
    flex-wrap: unset
}

.content-column .title-full-content-below .content_column_content .content_column_content-left {
    padding: 0 10px;
    width: 50%
}

.content-column .title-full-content-below .content_column_content img {
    padding: 4px;
    border: 1px solid #ccc
}

.content-column-bg-template-color {
    background: #0B396A;
    color: #f8f9fa
}

.content-column-bg-template-color h3 {
    color: #f8f9fa
}

.content-column-bg-grey-color {
    background: #ccc;
    color: #333
}

.content-column-bg-grey-color h3 {
    color: #333
}

.featured-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
    box-sizing: border-box;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
    padding-right: 0;
    padding-left: 0;
    background-color: #1b1616;
    color: #fff
}

.featured-section h3 {
    font-size: 25px
}

.featured-section .featured-section-left {
    padding: 50px
}

.featured-section .featured-section-right {
    background-position: center
}

.faqs-section {
    width: 100%;
    padding: 0 15px;
    margin: 10px auto
}

@media (min-width:576px) {
    .faqs-section {
        max-width: 100%
    }
}

@media (min-width:768px) {
    .faqs-section {
        max-width: 100%
    }
}

@media (min-width:992px) {
    .faqs-section {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .faqs-section {
        max-width: 1170px
    }
}

@media (min-width:1500px) {
    .faqs-section {
        max-width: 1300px
    }
}

.faqs-section .faq-answer {
    display: none
}

.faq-question {
    cursor: pointer
}

.faq-answer,
.faq-question {
    padding: 5px
}

.faq-answer {
    background: rgba(155, 108, 52, .8);
    color: #fff
}

.buckets-group .bucket {
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    margin: 0
}

.buckets-group .bucket:hover .bucket-image {
    border: none
}

.buckets-group .bucket .bucket-link {
    cursor: pointer
}

.buckets-group .bucket .bucket-title {
    margin-bottom: 4px;
    padding: 10px;
    text-transform: uppercase
}

.buckets-group .bucket .bucket-image {
    border: none;
    display: block
}

.buckets-group .bucket .bucket-image img {
    max-height: 600px;
    width: 100%
}

.buckets-group .bucket:nth-child(odd) .bucket-title {
    background: #0B396A
}

.buckets-group .bucket:nth-child(odd) .bucket-title:hover {
    background: #092d53
}

.buckets-group .bucket:nth-child(even) .bucket-title {
    background: rgba(0, 0, 0, .8)
}

.buckets-group .bucket:nth-child(even) .bucket-title:hover {
    background: #262626
}

.container-custom-width {
    width: 56%;
    margin: 0 auto;
    padding: 0 15px;
    margin: 10px auto
}