@font-face {
    font-family:Khand;
    font-style:normal;
    font-weight:500;
    src:url(../fonts/khand-v7-latin-500.eot);
    src:local("Khand Medium"),local("Khand-Medium"),url(../fonts/khand-v7-latin-500.eot?#iefix) format("embedded-opentype"),url(../fonts/khand-v7-latin-500.woff2) format("woff2"),url(../fonts/khand-v7-latin-500.woff) format("woff"),url(../fonts/khand-v7-latin-500.ttf) format("truetype"),url(../fonts/khand-v7-latin-500.svg#Khand) format("svg")}

@font-face {
    font-family:Roboto;
    font-style:normal;
    font-weight:300;
    src:url(../fonts/roboto-v18-latin-300.eot);
    src:local("Roboto Light"),local("Roboto-Light"),url(../fonts/roboto-v18-latin-300.eot?#iefix) format("embedded-opentype"),url(../fonts/roboto-v18-latin-300.woff2) format("woff2"),url(../fonts/roboto-v18-latin-300.woff) format("woff"),url(../fonts/roboto-v18-latin-300.ttf) format("truetype"),url(../fonts/roboto-v18-latin-300.svg#Roboto) format("svg")}

@font-face {
    font-family:Roboto;
    font-style:normal;
    font-weight:500;
    src:url(../fonts/roboto-v18-latin-500.eot);
    src:local("Roboto Medium"),local("Roboto-Medium"),url(../fonts/roboto-v18-latin-500.eot?#iefix) format("embedded-opentype"),url(../fonts/roboto-v18-latin-500.woff2) format("woff2"),url(../fonts/roboto-v18-latin-500.woff) format("woff"),url(../fonts/roboto-v18-latin-500.ttf) format("truetype"),url(../fonts/roboto-v18-latin-500.svg#Roboto) format("svg")}
html {
    scroll-behavior:smooth}
body {
    font-family:Roboto,sans-serif;
    font-weight:300;
    font-size:16px;
    color:#040406;
    -webkit-text-size-adjust:100%;
    font-variant-ligatures:none;
    -webkit-font-variant-ligatures:none;
    text-rendering:optimizeLegibility;
    -moz-osx-font-smoothing:grayscale;
    font-smoothing:antialiased;
    -webkit-font-smoothing:antialiased;
    text-shadow:rgba(0,0,0,.01) 0 0 1px}
ul {
    margin:0;
    padding:0}
a {
    text-decoration:none}
a,a:hover {
    color:#3698d4}
p {
    margin:0;
    text-overflow:ellipsis}
h1,h2,h3,h4,p {
    word-break:break-word;
    -webkit-hyphens:auto;
    -ms-hyphens:auto;
    hyphens:auto}
h1,h2,h3,h4 {
    font-family:Khand,sans-serif}
h1,h2,h3 {
    text-transform:uppercase}
h1 {
    font-size:250%}
h2 {
    font-size:225%}
h3 {
    font-size:200%}
h4 {
    font-size:125%}
.page-content {
    min-height:450px}
.page-content p {
    margin-bottom:20px}
strong {
    font-weight:500}
.page-content ul {
    list-style:none}
.page-content ul li {
    margin-bottom:15px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex}
.page-content ul li:before {
    font-family:Font Awesome\ 5 Pro;
    content:"\F061";
    color:#3698d4;
    font-size:90%;
    font-weight:500;
    margin-right:15px;
    position:relative;
    top:1px}
.bb-header {
    position:relative}
.bb-header .bb-header-image {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    align-items:center;
    justify-content:center;
    height:40vw;
    width:100%;
    overflow:hidden}

@media (max-width:991px) {
.bb-header .bb-header-image {
    height:400px}
}

@media (max-width:575px) {
.bb-header .bb-header-image {
    height:520px}
}

.bb-header .bb-header-image img {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover}
.bb-header .bb-header-image:after {
    content:"";
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#0c1822),color-stop(20%,rgba(9,47,87,.9)),color-stop(35%,transparent));
    background:linear-gradient(180deg,#0c1822 10%,rgba(9,47,87,.9) 20%,transparent 35%)}
.bb-header .bb-top {
    position:absolute;
    top:0;
    padding:30px 0;
    width:100%;
    transition:all .2s ease;
    z-index:100}
.bb-header .bb-top .container {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    align-items:center;
    justify-content:space-between}
.bb-header .bb-top.sticky {
    position:fixed;
    background:#0c1822}
.bb-header .bb-logo img {
    height:auto}

@media (max-width:1199px) {
.bb-header .bb-logo img {
    width:80%}
}

@media (max-width:767px) {
.bb-header .bb-logo img {
    width:100%}
}

@media (max-width:767px) {
.bb-header .bb-logo {
    padding-left:10px;
    padding-right:30px}
}

@media (max-width:575px) {
.bb-header .bb-logo {
    padding-left:0;
    padding-right:20px}
}

.bb-header .caption {
    position:absolute;
    bottom:100px;
    text-align:center;
    width:100%;
    color:#fff;
    font-size:600%}

@media (max-width:991px) {
.bb-header .caption {
    bottom:0;
    font-size:400%}
}

@media (max-width:767px) {
.bb-header .caption {
    font-size:300%}
}

.menu li {
    list-style:none}
.bb-mobile-menu {
    z-index:100}

@media (min-width:992px) {
.bb-mobile-menu {
    display:none}
}

.bb-mobile-menu i {
    display:block;
    padding:15px;
    font-size:34px;
    border:1px solid #fff;
    border-radius:5px;
    color:#fff;
    background:#0c1822;
    text-align:center;
    cursor:pointer;
    width:65px}

@media (max-width:575px) {
.bb-mobile-menu i {
    font-size:5vw;
    padding:3vw;
    width:11vw;
    height:11vw}
}

.bb-mobile-menu .menu-button.toggled:before {
    content:"\F00D"}
.bb-main-menu {
    width:100%;
    text-align:center;
    background:#0c1822;
    padding-top:7px;
    border-bottom:4px solid #3698d4;
    z-index:9999;
    position:relative;
    top:0;
    bottom:0}
.bb-main-menu .menu {
    display:inline-block}
.bb-main-menu a,.bb-main-menu p {
    font-family:Khand,sans-serif;
    line-height:1;
    font-weight:500;
    transition:all .13s ease;
    color:#fff}
.bb-main-menu a {
    display:block;
    padding:20px}
.bb-main-menu a:hover {
    text-decoration:none}
.bb-main-menu p {
    font-size:180%;
    text-transform:uppercase}
.bb-main-menu .bb-language-switcher {
    margin:0 20px}
.bb-main-menu .bb-language-switcher a {
    font-size:180%;
    text-transform:uppercase}
.bb-main-menu .bb-language-switcher a.active {
    opacity:1}
.bb-main-menu .menu>.menu-item {
    display:inline-block;
    position:relative}
.bb-main-menu .menu>.menu-item>a {
    border:1px solid transparent;
    border-radius:5px 5px 0 0;
    font-size:180%;
    text-transform:uppercase}
.bb-main-menu .menu>.menu-item:hover>.sub-menu {
    max-height:650px;
    z-index:9}
.bb-main-menu .menu>.menu-item.current-menu-item>a,.bb-main-menu .menu>.menu-item.current_page_parent>a,.bb-main-menu .menu>.menu-item:hover>a {
    background:#3698d4;
    border-color:#3698d4}
.bb-main-menu .menu>.menu-item>.sub-menu {
    max-height:0;
    position:absolute;
    top:100%;
    min-width:100%;
    border-top:4px solid #3698d4;
    background:#0c1822;
    transition:max-height .4s ease-in-out;
    overflow:hidden;
    text-align:left;
    z-index:0}
.bb-main-menu .menu>.menu-item>.sub-menu>.menu-item>a {
    padding:18px 20px;
    font-family:Roboto,sans-serif;
    font-weight:300;
    font-size:115%;
    transition:all .13s ease;
    white-space:nowrap;
    border-bottom:1px solid transparent}
.bb-main-menu .menu>.menu-item>.sub-menu>.menu-item>a:before {
    content:"\F105";
    font-family:Font Awesome\ 5 Pro;
    margin-right:10px;
    font-size:85%}
.bb-main-menu .menu>.menu-item>.sub-menu>.menu-item:hover>a {
    background:#3698d4;
    border-color:#3698d4}

@media (max-width:991px) {
.bb-main-menu {
    position:fixed!important;
    padding:0;
    right:0;
    top:0;
    min-height:650px;
    height:100%;
    max-width:100%;
    overflow:hidden;
    width:0;
    background:none;
    z-index:99;
    border:0}
.bb-main-menu.fixed {
    position:absolute!important}
.bb-main-menu.active {
    width:400px}
.bb-main-menu .menu {
    text-align:left}
.bb-main-menu .menu .menu-item {
    padding-left:35px}
.bb-main-menu .menu .menu-item a {
    padding:8px 0!important}
.bb-main-menu .menu>.menu-item {
    display:block;
    cursor:pointer}
.bb-main-menu .menu>.menu-item>a {
    display:inline-block;
    background:none!important;
    font-size:125%;
    border:1px solid transparent!important;
    transition:none!important}
.bb-main-menu .menu>.menu-item:hover>a {
    background:none;
    border:0;
    border-radius:0}
.bb-main-menu .menu>.menu-item:hover>.sub-menu {
    border:0}
.bb-main-menu .menu>.menu-item>.sub-menu {
    border:0;
    position:relative;
    max-height:none}
.bb-main-menu .menu>.menu-item>.sub-menu>.menu-item {
    padding-top:0}
.bb-main-menu .menu>.menu-item>.sub-menu>.menu-item>a {
    padding:0;
    border:0;
    transition:none;
    font-size:110%}
.bb-main-menu .menu>.menu-item>.sub-menu>.menu-item:hover>a {
    background:none}
.bb-main-menu .menu>.menu-item.menu-item-has-children:before {
    content:"\F107";
    font-family:Font Awesome\ 5 Pro;
    display:inline-block;
    color:#fff;
    margin-right:10px}
.bb-main-menu .bb-language-switcher,.bb-main-menu .menu {
    position:absolute;
    padding-top:220px;
    left:100%;
    width:400px;
    height:100%;
    background:#0c1822;
    z-index:99;
    transition:left .3s ease}
.bb-main-menu .bb-language-switcher.active,.bb-main-menu .menu.active {
    left:0}
}

@media (max-width:575px) {
.bb-main-menu.active {
    width:100%!important}
.bb-main-menu .bb-language-switcher,.bb-main-menu .menu {
    width:100%}
}

.bb-main-menu.sticky {
    position:fixed;
    top:0;
    left:0;
    bottom:auto;
    transition:top .13s ease}
.bb-language-switcher {
    display:inline-block}
.bb-language-switcher a,.bb-language-switcher p {
    display:inline-block;
    opacity:.5}
.bb-language-switcher a {
    padding:0}

@media (max-width:991px) {
.bb-language-switcher {
    margin:0!important}
.bb-language-switcher a,.bb-language-switcher p {
    font-size:125%!important}
}

.bb-footer {
    position:relative;
    background:#0c1822;
    color:#fff;
    overflow:hidden;
    border-top:4px solid #3698d4}
.bb-footer .footer-image {
    position:absolute;
    overflow:hidden;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    align-items:center;
    height:100%}
.bb-footer .footer-image img {
    margin-left:-20%}

@media (max-width:991px) {
.bb-footer .footer-image {
    display:none}
}

.bb-footer a,.bb-footer p {
    font-size:125%;
    color:#fff}
.bb-footer p {
    margin-bottom:15px}
.bb-footer a:hover {
    text-decoration:none}
.bb-footer .menu .menu-item {
    margin-top:13px}
.bb-footer .fab {
    margin-right:13px}
.bb-footer .row {
    margin:0 -40px!important}
.bb-footer .footer-col {
    padding:0 40px!important}

@media (min-width:1200px) {
.bb-footer .footer-col.contact-col {
    padding-left:180px!important}
}

.bb-footer .col-title {
    line-height:1;
    margin-bottom:25px}
.bb-footer .nav-col,.bb-footer .social-col {
    border-left:1px solid hsla(0,0%,100%,.25)}

@media (max-width:991px) {
.bb-footer .nav-col,.bb-footer .social-col {
    margin-top:30px}
}

@media (max-width:991px) {
.bb-footer .nav-col {
    border:0}
}

@media (max-width:767px) {
.bb-footer .social-col {
    border:0}
}

.bb-footer .container {
    padding-top:70px;
    padding-bottom:50px}
.bb-sitestamp {
    padding:25px 0;
    background:#3698d4}
.bb-sitestamp a,.bb-sitestamp p {
    color:#fff;
    font-size:125%}
.bb-sitestamp a {
    padding-left:30px}
.bb-sitestamp a:hover {
    text-decoration:none}
.bb-sitestamp .row {
    justify-content:space-between}
.bb-sitestamp .right {
    text-align:right}

@media (max-width:767px) {
.bb-sitestamp .right {
    text-align:left}
.bb-sitestamp .right .menu .menu-item {
    display:block}
.bb-sitestamp .right a {
    padding:0}
}

.bb-sitestamp .company,.bb-sitestamp .menu,.bb-sitestamp .menu .menu-item {
    display:inline-block}
.bb-table {
    width:100%;
    padding:40px 75px}
.bb-table .line {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    justify-content:stretch;
    flex-wrap:wrap;
    padding:12px 35px;
    border-bottom:1px solid #f1f1f1}
.bb-table .line:first-child {
    font-family:Khand,sans-serif;
    font-size:140%;
    font-weight:500;
    text-transform:uppercase;
    border-width:2px}
.bb-table .line:last-child {
    border-bottom:0}
.bb-table .line .column {
    width:auto;
    flex-basis:0;
    flex-shrink:3;
    flex-grow:3;
    font-size:125%}
.bb-table .line .column:first-child {
    font-weight:500;
    flex-basis:0;
    flex-shrink:2;
    flex-grow:2}

@media (max-width:767px) {
.bb-table {
    padding:40px}
.bb-table .line {
    padding:12px 20px}
}

.bb-teaser {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    align-items:flex-end;
    height:600px;
    padding:35px;
    background-repeat:no-repeat;
    background-position:50%;
    background-size:cover}

@media (max-width:1579px) {
.bb-teaser {
    height:520px;
    padding:20px}
.bb-teaser .caption {
    padding:20px!important}
}

@media (max-width:1199px) {
.bb-teaser {
    height:420px}
}

.bb-teaser .caption {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    flex-direction:column;
    max-height:100%;
    width:100%;
    padding:35px;
    background:rgba(12,24,34,.75);
    color:#fff}
.bb-teaser .caption h3 {
    font-size:225%;
    margin-bottom:20px}
.bb-teaser .caption p {
    font-size:125%;
    overflow:hidden}
.bb-teaser>.bb-btn {
    width:auto!important;
    padding:20px 50px;
    margin:0 auto 40px;
    background-color:#0c1822!important}
.bb-teaser.slim {
    flex-direction:column;
    padding:0;
    height:100%}
.bb-teaser.slim .image {
    padding-top:86%;
    width:100%;
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover}
.bb-teaser.slim .caption {
    position:relative;
    height:100%;
    background:#f1f1f1;
    color:#040406}

@media (max-width:1579px) {
.bb-teaser.slim img {
    height:300px}
.bb-teaser.slim .caption {
    padding:20px!important}
}

@media (max-width:991px) {
.bb-teaser.slim img {
    height:240px}
}

.bb-slider {
    height:100%;
    position:relative;
    flex-direction:column;
    min-height:580px}
.bb-slider,.bb-slider .section-header {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex}
.bb-slider .section-header {
    justify-content:space-between;
    align-items:center;
    padding:15px 35px}
.bb-slider .section-header .title {
    margin:0}
.bb-slider .section-header .pagination {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    align-items:center;
    justify-content:flex-start}
.bb-slider .section-header .pagination .bb-btn {
    height:auto}
.bb-slider .section-header .pagination .page {
    margin:0 15px;
    font-size:18px;
    font-weight:500}
.bb-slider .swiper-container {
    height:100%;
    width:100%}
.bb-slider .swiper-slide {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    flex-direction:column}
.bb-slider .swiper-slide .image {
    height:50%;
    flex-basis:0;
    flex-grow:1;
    flex-shrink:1;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50%}
.bb-slider .swiper-slide .image+.caption {
    height:50%}
.bb-slider .swiper-slide .caption {
    height:100%;
    background:#3698d4;
    color:#fff;
    padding:30px 35px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    flex-direction:column;
    flex-basis:0;
    flex-grow:1;
    flex-shrink:1}
.bb-slider .swiper-slide .caption .heading {
    word-break:normal;
    -webkit-hyphens:none;
    -ms-hyphens:none;
    hyphens:none}
.bb-slider .swiper-slide .caption .bb-btn {
    width:250px}

@media (max-width:575px) {
.bb-slider {
    max-height:600px}
}

.bb-logo-slider {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:200px}
.bb-logo-slider .swiper-container {
    width:100%;
    height:100px;
    margin-left:20px}
.bb-logo-slider .swiper-wrapper .swiper-slide {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    justify-content:center;
    background-position:50%;
    background-repeat:no-repeat;
    background-size:contain}
.bb-logo-slider .next,.bb-logo-slider .prev {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    align-items:center;
    justify-content:center;
    width:60px;
    height:60px;
    font-size:28px;
    cursor:pointer;
    color:#ccc;
    outline:none}
.bb-logo-slider .next:hover,.bb-logo-slider .prev:hover {
    color:#040406}
.bb-tabs .vc_tta-tabs-list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    list-style:none}
.bb-tabs .vc_tta-tabs-list .vc_tta-tab {
    border:1px solid transparent;
    border-radius:5px 5px 0 0;
    margin:0}
.bb-tabs .vc_tta-tabs-list .vc_tta-tab:before {
    content:""}
.bb-tabs .vc_tta-tabs-list .vc_tta-tab a {
    display:block;
    padding:15px 35px;
    color:#040406;
    font-size:125%}
.bb-tabs .vc_tta-tabs-list .vc_tta-tab a:hover {
    text-decoration:none}
.bb-tabs .vc_tta-tabs-list .vc_tta-tab.vc_active {
    background:#fff;
    font-weight:500}
.bb-tabs .vc_tta-panels .vc_tta-panel,.bb-tabs .vc_tta-panels .vc_tta-panel .vc_tta-panel-title {
    display:none}
.bb-tabs .vc_tta-panels .vc_tta-panel.vc_active {
    display:block;
    background:#fff;
    padding:35px}
#ContactForm {
    position:absolute;
    z-index:-9999;
    top:-80px}
.bb-timeline {
    position:relative;
    background:#0c1822;
    padding:35px;
    min-height:300px}
.bb-timeline:before {
    content:"";
    position:absolute;
    width:25px;
    height:100%;
    background:#fff;
    top:0;
    left:50%;
    margin-left:-12.5px}
.bb-timeline .event {
    margin-top:15px;
    width:calc(50% - 35px);
    position:absolute;
    transition:top .2s ease}
.bb-timeline .event .mark {
    position:absolute;
    padding:18px 40px;
    border:4px solid #f1f1f1;
    width:160px;
    font-family:Khand,sans-serif;
    font-weight:500;
    font-size:220%;
    line-height:1;
    text-align:center;
    background:#f1f1f1;
    border-radius:5px;
    z-index:2;
    cursor:pointer;
    transition:background-color .3s ease}
.bb-timeline .event .post {
    position:relative;
    background:#fff;
    border:1px solid transparent;
    border-radius:5px;
    background:#f1f1f1;
    color:#040406;
    transition:background-color .3s ease;
    width:calc(100% - 150px)}
.bb-timeline .event .post:after {
    position:absolute;
    top:30px;
    display:block;
    content:"";
    height:0;
    width:0;
    transition:border .3s ease}
.bb-timeline .event .post .title {
    padding:35px 35px 25px;
    font-size:220%;
    line-height:1;
    margin:0}
.bb-timeline .event .post .thumb {
    width:100%;
    height:15vw;
    background-repeat:no-repeat;
    background-position:50%;
    background-size:cover}

@media (max-width:991px) {
.bb-timeline .event .post .thumb {
    height:250px}
}

@media (max-width:575px) {
.bb-timeline .event .post .thumb {
    height:150px}
}

.bb-timeline .event .post .content {
    padding:15px 35px}
.bb-timeline .event .post .date {
    font-size:120%;
    font-weight:500;
    line-height:1;
    margin-bottom:10px}
.bb-timeline .event .post .text {
    font-size:100%}
.bb-timeline .event:hover .mark {
    background:#3698d4;
    color:#fff;
    border-color:#fff}
.bb-timeline .event:hover .post {
    background:#3698d4;
    color:#fff}
.bb-timeline .event.odd {
    left:35px}
.bb-timeline .event.odd .mark {
    right:0;
    margin-right:-80px}
.bb-timeline .event.odd .post {
    margin-right:auto}
.bb-timeline .event.odd .post:after {
    right:-25px;
    border-left:25px solid #f1f1f1;
    border-top:15px solid transparent;
    border-bottom:15px solid transparent}
.bb-timeline .event.odd:hover .post:after {
    border-left-color:#3698d4}
.bb-timeline .event.even {
    right:35px}
.bb-timeline .event.even .mark {
    left:0;
    margin-left:-80px}
.bb-timeline .event.even .post {
    margin-left:auto}
.bb-timeline .event.even .post:after {
    left:-25px;
    border-right:25px solid #f1f1f1;
    border-top:15px solid transparent;
    border-bottom:15px solid transparent}
.bb-timeline .event.even:hover .post:after {
    border-right-color:#3698d4}

@media (max-width:991px) {
.bb-timeline {
    height:auto!important}
.bb-timeline div.event {
    width:100%;
    position:relative;
    top:0!important;
    left:0!important;
    right:0!important;
    margin-top:30px}
.bb-timeline div.event .post {
    width:100%}
.bb-timeline div.event .post:after {
    left:calc(50% - 15px)!important;
    top:-40px!important;
    border-left:15px solid transparent!important;
    border-right:15px solid transparent!important;
    border-bottom:25px solid #f1f1f1!important}
.bb-timeline div.event .mark {
    position:relative!important;
    left:calc(50% - 80px)!important;
    margin:0 0 35px!important}
.bb-timeline div.event:hover .post:after {
    border-left-color:transparent!important;
    border-right-color:transparent!important;
    border-bottom-color:#3698d4!important}
}

.bb-download.slick {
    padding:50px;
    text-align:center}
.bb-download.slick .thumb {
    display:block;
    margin-bottom:20px}
.bb-download.slick .title {
    font-size:160%}
.bb-download.slick .desc {
    font-size:125%}
.bb-download.slick .bb-btn {
    width:100%}
.bb-download.slim {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    padding:35px;
    border-top:1px solid #ccc}
.bb-download.slim:before {
    content:"\F339";
    font-family:Font Awesome\ 5 Pro;
    font-weight:400;
    font-size:24px;
    color:#3698d4;
    margin-right:10px;
    position:relative;
    top:-4px}
.bb-download.slim .text .title {
    display:inline-block;
    font-size:160%}
.bb-download.slim .text .desc {
    font-size:125%}
.bb-download.slim .bb-btn {
    width:300px;
    margin-left:auto}
.bb-download.slim:first-child {
    border:0}
.bb-contact-form {
    position:relative}
.bb-contact-form h3 {
    margin-bottom:20px}
.bb-contact-form .desc,.bb-contact-form .note {
    font-size:20px}
.bb-contact-form .desc {
    margin-bottom:40px}

@media (max-width:767px) {
.bb-contact-form .right {
    text-align:left}
}

.bb-contact-form .note {
    display:inline-block;
    margin-bottom:20px}
.bb-contact-form .bb-checkbox,.bb-contact-form .bb-dropdown,.bb-contact-form .g-recaptcha,.bb-contact-form input,.bb-contact-form textarea {
    margin-bottom:20px}
.bb-contact-form .bb-btn {
    width:280px;
    max-width:100%}
.bb-contact-list .item {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    background:#fff;
    border:1px solid transparent;
    border-radius:5px;
    overflow:hidden;
    margin-bottom:15px;
    cursor:pointer}
.bb-contact-list .item .image {
    width:85px;
    height:80px;
    margin-right:30px;
    transition:all .2s ease;
    background-position:50%;
    background-size:cover;
    background-repeat:no-repeat}
.bb-contact-list .item .infos .name {
    font-family:Roboto,sans-serif;
    font-size:145%;
    line-height:1;
    margin-bottom:3px}
.bb-contact-list .item .infos .role {
    font-size:130%}
.bb-contact-list .item.selected .image {
    width:140px;
    height:130px}
.bb-team .row {
    margin:0!important}
.bb-team .col-md-4 {
    padding:0!important}
.bb-team .img-container {
    position:relative;
    width:100%;
    height:0;
    padding-top:86%}
.bb-team .img-container img {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    height:100%;
    width:100%}
.bb-map {
    position:relative;
    margin-top:8px}
.bb-map,.bb-map .map {
    width:100%;
    height:100%}
.bb-map .map {
    min-height:620px}
#PostModal {
    position:absolute;
    top:0;
    left:0;
    right:0;
    background:rgba(0,0,0,.8);
    z-index:-1;
    opacity:0;
    transition:all .2s ease}
#PostModal .content {
    max-width:200px;
    max-height:200px;
    margin:400px auto;
    background:#fff;
    transition:max-width .2s ease;
    overflow:hidden}
#PostModal .content .menu {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-family:Khand,sans-serif;
    font-size:36px;
    text-transform:uppercase;
    color:#fff;
    line-height:1;
    background:#0c1822;
    padding:22px 40px;
    width:100%}
#PostModal .content .menu .dismiss {
    cursor:pointer;
    font-size:24px;
    text-align:center}
#PostModal .content .menu .dismiss:before {
    font-family:Font Awesome\ 5 Pro;
    content:"\F00D";
    color:#fff;
    font-weight:400}
#PostModal .content .container {
    padding:0 100px}

@media (max-width:768px) {
#PostModal .content .container {
    padding:0 25px}
}

#PostModal.active {
    opacity:1;
    z-index:99999}
#PostModal.active .content {
    max-width:1080px;
    max-height:3500px}
.bb-single-news {
    font-size:120%}
.bb-single-news .thumb {
    position:relative;
    padding-top:56%}
.bb-single-news .thumb img {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center}
.bb-single-news .thumb .caption {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    justify-content:space-between;
    padding:20px 35px;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    z-index:1;
    background:rgba(25,25,25,.5);
    color:#fff;
    line-height:1}
.bb-single-news .header {
    padding-top:80px;
    border-bottom:1px solid #ccc}
.bb-single-news .header .container {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    justify-content:space-between;
    line-height:2}
.bb-single-news .body {
    padding:80px 0 120px}
.bb-single-news .body h2 {
    margin-bottom:30px}
.bb-career-teaser {
    font-size:20px;
    line-height:1.3}
.bb-career-teaser h3 {
    font-size:32px}
.bb-career-teaser>p {
    margin-bottom:25px}
.bb-career-teaser .bb-job-dropdown {
    position:relative}
.bb-career-teaser .bb-job-dropdown .title {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    justify-content:space-between;
    padding:21px 25px;
    margin-bottom:15px;
    border-radius:5px;
    background:#fff;
    color:#040406;
    line-height:1;
    cursor:pointer}
.bb-career-teaser .bb-job-dropdown .body {
    position:absolute;
    background:#fff;
    top:90%;
    width:100%;
    opacity:0;
    z-index:-1;
    border-radius:0 0 5px 5px;
    transition:opacity .3s ease}
.bb-career-teaser .bb-job-dropdown .body .item {
    display:block;
    padding:20px;
    color:#040406;
    transition:background .2s ease}
.bb-career-teaser .bb-job-dropdown .body .item:hover {
    background:#f1f1f1;
    text-decoration:none}
.bb-career-teaser .bb-job-dropdown.active .title {
    border-radius:5px 5px 0 0}
.bb-career-teaser .bb-job-dropdown.active .title i:before {
    content:"\F106"}
.bb-career-teaser .bb-job-dropdown.active .body {
    opacity:1;
    z-index:2}
.bb-career {
    margin:1px 0 0 1px;
    overflow:hidden}
.bb-career .frame {
    flex-wrap:wrap;
    margin:0 -1px -1px 0}
.bb-career .bb-career-panel,.bb-career .frame {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative}
.bb-career .bb-career-panel {
    width:25%;
    padding:80px 35px 35px;
    flex-direction:column;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc}
.bb-career .bb-career-panel .bb-ribbon {
    position:absolute;
    top:10px;
    left:0;
    color:#fff;
    font-family:Khand,sans-serif;
    text-transform:uppercase;
    font-size:22px;
    font-weight:500;
    line-height:1;
    padding:8px 35px 6px 50px;
    border-radius:0 5px 5px 0}
.bb-career .bb-career-panel .content {
    height:100%;
    margin-bottom:20px}
.bb-career .bb-career-panel .content h3 {
    font-size:180%}
.bb-career .bb-career-panel .content h3 sm {
    font-size:75%}
.bb-career .bb-career-panel .content p {
    font-size:125%}

@media (max-width:1579px) {
.bb-career .bb-career-panel {
    width:50%}
}

@media (max-width:767px) {
.bb-career .bb-career-panel {
    width:100%}
}

.bb-single-job .details {
    display:inline-block;
    position:relative;
    top:-15px;
    left:-20px;
    font-size:125%;
    margin-bottom:20px;
    padding:15px 20px;
    border:1px solid #f1f1f1;
    border-radius:4px;
    background:#fff}
.bb-single-job .details span {
    margin-right:15px;
    white-space:nowrap}
.bb-single-job .details i {
    font-size:95%}
.bb-single-job>.bb-jumbo .intro {
    font-size:125%}
.bb-single-job>.bb-jumbo+p {
    margin:0}
.bb-single-job img {
    width:100%;
    height:auto}
.bb-single-job .row {
    margin:0!important;
    align-items:stretch}
.bb-single-job .row .col {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    flex-direction:column;
    flex-grow:1;
    padding:0!important}
.bb-single-job .row .col .column {
    height:100%}
.bb-single-job .box-container-lg ul span {
    font-size:20px!important;
    font-weight:300!important;
    line-height:1.5!important;
    font-family:Roboto,sans-serif!important}
.bb-single-job .wpb_text_column {
    margin:0}
.bb-single-job .bb-btn {
    margin-top:20px}
.bb-single-job .wpb_wrapper img~img {
    display:none}
.bb-single-job span {
    font-family:inherit!important;
    line-height:inherit!important;
    font-size:inherit!important}
.bb-single-job li {
    margin-bottom:15px!important;
    text-align:inherit!important}
.bb-single-job a:not(.bb-btn) {
    color:#3698d4!important}
.bb-single-job .wpb_text_column span span span img,.bb-single-job .wpb_text_column span span span v\:rect {
    display:none!important}
.form-format .row {
    align-items:center;
    justify-content:space-between}
.form-format .bb-dropdown,.form-format input,.form-format textarea {
    width:100%}
input[type=email],input[type=text] {
    padding:19px 25px;
    font-size:20px;
    font-weight:300;
    line-height:1;
    color:#040406;
    border:1px solid transparent;
    border-radius:3px}
input[type=email]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder {
    color:#ccc}
input[type=email]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder {
    color:#ccc}
input[type=email]::-ms-input-placeholder,input[type=text]::-ms-input-placeholder {
    color:#ccc}
input[type=email]::placeholder,input[type=text]::placeholder {
    color:#ccc}
textarea {
    padding:19px 25px;
    font-size:20px;
    font-weight:300;
    line-height:1;
    color:#040406;
    border:1px solid transparent;
    border-radius:3px}
textarea::-webkit-input-placeholder {
    color:#ccc}
textarea:-ms-input-placeholder {
    color:#ccc}
textarea::-ms-input-placeholder {
    color:#ccc}
textarea::placeholder {
    color:#ccc}
.bb-btn {
    display:inline-block;
    padding:19px 20px;
    color:#fff;
    font-family:Khand,sans-serif;
    font-size:24px;
    line-height:1;
    font-weight:500;
    letter-spacing:1px;
    text-align:center;
    text-transform:uppercase;
    border:1px solid transparent;
    border-radius:3px;
    cursor:pointer;
    outline:none}
.bb-btn.sm {
    padding:12px 18px;
    font-size:18px}
.bb-btn:hover {
    color:#fff;
    text-decoration:none}
.bb-btn.cyan {
    background:#3698d4}
.bb-btn.darkblue {
    background:#0c1822}
.bb-btn[disabled] {
    background:#bbb;
    cursor:not-allowed}
.bb-btn.vc_btn3-container {
    background:none;
    padding:0}
.bb-btn.vc_btn3-container a {
    padding:19px 20px;
    color:#fff;
    font-family:Khand,sans-serif;
    font-size:24px;
    line-height:1;
    font-weight:500;
    letter-spacing:1px;
    text-align:center;
    text-transform:uppercase;
    border:1px solid transparent;
    border-radius:3px;
    cursor:pointer;
    outline:none}
.bb-btn.vc_btn3-container.cyan a {
    color:#fff!important;
    background:#3698d4!important}
.bb-btn.vc_btn3-container.darkblue a {
    color:#fff!important;
    background:#0c1822!important}
.bb-dropdown {
    position:relative;
    display:inline-block;
    font-size:20px;
    line-height:1;
    background:#fff;
    border:1px solid transparent;
    border-radius:3px}
.bb-dropdown .selected {
    display:inline-block;
    width:100%;
    align-items:center;
    justify-content:space-between;
    padding:19px 25px}
.bb-dropdown .panel {
    display:inline-block;
    position:absolute;
    right:0;
    top:0;
    padding:18px 25px;
    cursor:pointer;
    line-height:1;
    font-size:125%}
.bb-dropdown .panel:before {
    font-family:Font Awesome\ 5 Pro;
    content:"\F107"}
.bb-dropdown .list {
    display:none;
    position:absolute;
    top:100%;
    left:-1px;
    right:-1px;
    border-left:1px solid #f1f1f1;
    border-right:1px solid #f1f1f1;
    border-top:1px solid #f1f1f1;
    border-radius:0 0 5px 5px;
    background:#fff;
    z-index:9999;
    max-height:500px;
    overflow-y:auto}
.bb-dropdown .list .entry {
    display:block;
    padding:19px 25px;
    border-bottom:1px solid #f1f1f1;
    cursor:pointer;
    transition:all .2s ease}
.bb-dropdown .list .entry:hover {
    background:#e6e6e6}
.bb-dropdown.toggled {
    border-radius:5px 5px 0 0}
.bb-dropdown.toggled .panel:before {
    content:"\F106"}
.bb-dropdown.toggled .list {
    display:block}
.bb-checkbox {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:20px;
    position:relative;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:pointer}
.bb-checkbox input {
    position:absolute;
    left:-999999px;
    z-index:9;
    opacity:0;
    cursor:pointer}
.bb-checkbox .checkmark {
    display:inline-block;
    flex-shrink:0;
    margin-right:15px;
    height:30px;
    width:30px;
    border:1px solid transparent;
    border-radius:3px;
    background:#fff}
.bb-checkbox .checkmark:after {
    display:none;
    position:absolute;
    top:4px;
    left:5px;
    content:"\F00C";
    font-family:Font Awesome\ 5 Pro;
    font-size:24px;
    line-height:1}
.bb-checkbox input:checked~.checkmark:after {
    display:block}
.container {
    padding:0 20px}

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

.container .row {
    margin:0 -20px}
.container .col,.container .col-1,.container .col-2,.container .col-3,.container .col-4,.container .col-5,.container .col-6,.container .col-7,.container .col-8,.container .col-9,.container .col-10,.container .col-11,.container .col-12,.container .col-auto,.container .col-lg,.container .col-lg-1,.container .col-lg-2,.container .col-lg-3,.container .col-lg-4,.container .col-lg-5,.container .col-lg-6,.container .col-lg-7,.container .col-lg-8,.container .col-lg-9,.container .col-lg-10,.container .col-lg-11,.container .col-lg-12,.container .col-lg-auto,.container .col-md,.container .col-md-1,.container .col-md-2,.container .col-md-3,.container .col-md-4,.container .col-md-5,.container .col-md-6,.container .col-md-7,.container .col-md-8,.container .col-md-9,.container .col-md-10,.container .col-md-11,.container .col-md-12,.container .col-md-auto,.container .col-sm,.container .col-sm-1,.container .col-sm-2,.container .col-sm-3,.container .col-sm-4,.container .col-sm-5,.container .col-sm-6,.container .col-sm-7,.container .col-sm-8,.container .col-sm-9,.container .col-sm-10,.container .col-sm-11,.container .col-sm-12,.container .col-sm-auto,.container .col-xl,.container .col-xl-1,.container .col-xl-2,.container .col-xl-3,.container .col-xl-4,.container .col-xl-5,.container .col-xl-6,.container .col-xl-7,.container .col-xl-8,.container .col-xl-9,.container .col-xl-10,.container .col-xl-11,.container .col-xl-12,.container .col-xl-auto {
    padding:0 20px}
.page-content>.container {
    padding:0 15px}

@media (max-width:575px) {
.page-content>.container {
    padding:0!important}
}

.vc_row.vc_row-flex>.vc_column_container>.vc_column-inner {
    z-index:auto!important}
.vc_row {
    margin:0 auto!important;
    padding:0!important}
.page-content>.vc_row {
    padding:0 15px!important}

@media (max-width:575px) {
.page-content>.vc_row {
    padding:0!important}
}

.page-content>.vc_row>.wpb_column>.vc_column-inner {
    padding:0}
.vc_row-o-equal-height .wpb_wrapper {
    height:100%}
.vc_row.magnetic .vc_row {
    margin:0!important}
.vc_row.magnetic .vc_column-inner {
    padding:0!important}
.vc_row.magnetic .vc_column-inner .wpb_wrapper,.wpb_single_image {
    margin:0!important}
.wpb_single_image.stretch-height {
    height:100%}
.wpb_single_image.stretch-height .vc_single_image-wrapper {
    height:100%;
    overflow:hidden}
.wpb_single_image.stretch-height .vc_single_image-wrapper img {
    height:100%;
    max-width:none;
    width:auto;
    -o-object-fit:cover;
    object-fit:cover}
.bb-jumbo,.bb-jumbotron>.vc_column-inner>.wpb_wrapper {
    padding:100px!important;
    font-size:100%}

@media (max-width:768px) {
.bb-jumbo,.bb-jumbotron>.vc_column-inner>.wpb_wrapper {
    padding:50px!important}
}

.bb-jumbo h1,.bb-jumbotron>.vc_column-inner>.wpb_wrapper h1 {
    margin-bottom:30px}
.background-gradient>.vc_column-inner>.wpb_wrapper,.background-gradient>.wpb_column>.vc_column-inner>.wpb_wrapper,.bg-gradient {
    background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f1f1f1));
    background:linear-gradient(180deg,#fff,#f1f1f1)}
.bg-grey {
    background:#f1f1f1}
.bg-cyan {
    background:#3698d4;
    color:#fff}
.box-container>.wpb_column>.vc_column-inner {
    padding:50px 25px}

@media (max-width:1199px) {
.box-container>.wpb_column>.vc_column-inner {
    padding:50px 20px!important}
}

.box-container>.wpb_column:first-child>.vc_column-inner {
    padding-left:75px}
.box-container>.wpb_column:last-child>.vc_column-inner {
    padding-right:75px}
.box-container h3 {
    margin-bottom:20px}
.box-container p,.box-container ul {
    font-size:20px}
.box-container-sm>.wpb_column>.vc_column-inner {
    padding:35px!important}

@media (max-width:1199px) {
.box-container-sm>.wpb_column>.vc_column-inner {
    padding:50px 20px!important}
}

.box-container-sm h3 {
    margin-bottom:20px}
.box-container-sm p,.box-container-sm ul {
    font-size:20px}
.box-container-lg.column h3,.box-container-sm.column h3,.box-container.column h3 {
    margin-bottom:20px}
.box-container-lg.column p,.box-container-lg.column ul,.box-container-sm.column p,.box-container-sm.column ul,.box-container.column p,.box-container.column ul {
    font-size:20px}
.box-container-lg.column.right,.box-container-sm.column.right,.box-container.column.right {
    text-align:left}
.box-container.column {
    padding:50px 35px}

@media (max-width:1199px) {
.box-container.column {
    padding:50px 20px!important}
}

.box-container.column.left {
    padding-left:75px}
.box-container.column.right {
    padding-right:75px}
.box-container-lg.column {
    padding:50px 70px}

@media (max-width:1199px) {
.box-container-lg.column {
    padding:50px 35px!important}
}

@media (max-width:767px) {
.box-container-lg.column {
    padding:50px 20px!important}
}

.box-container-sm.column {
    padding:35px!important}

@media (max-width:1199px) {
.box-container-sm.column {
    padding:50px 20px!important}
}

.frameless-table>.wpb_column>.vc_column-inner>.wpb_wrapper {
    margin:0 1px!important;
    overflow:hidden}
.frameless-table>.wpb_column>.vc_column-inner>.wpb_wrapper>.vc_row {
    margin:0 -1px!important}
.frameless-table>.wpb_column>.vc_column-inner>.wpb_wrapper>.vc_row+.vc_row {
    border-top:1px solid #f1f1f1}
.frameless-table>.wpb_column>.vc_column-inner>.wpb_wrapper>.vc_row>.wpb_column {
    border-right:1px solid #f1f1f1}
.bb-productareas .wpb_column {
    border-left:1px solid #f1f1f1}
.bb-productareas .wpb_column:first-child {
    border-left:0}
.bb-productareas .vc_column-inner>.wpb_wrapper {
    padding:80px 35px;
    text-align:center;
    font-size:125%}

@media (max-width:991px) {
.bb-productareas .vc_column-inner>.wpb_wrapper {
    padding:40px 20px}
}

.bb-productareas .vc_column-inner .wpb_single_image {
    text-align:center;
    margin-bottom:30px}
.bb-productareas .vc_column-inner .vc_custom_heading {
    margin-bottom:20px;
    font-size:250%;
    text-align:center!important}
.bb-productareas .vc_column-inner .wpb_text_column {
    margin:0}
.bb-productareas+.bb-productareas {
    border-top:1px solid #f1f1f1}
.section-header {
    padding:18px 20px 18px 70px;
    margin:0;
    border-style:solid;
    border-width:4px 0 0;
    color:#fff}

@media (max-width:1579px) {
.section-header {
    padding-left:40px}
}

.section-header.cyan {
    background:#3698d4;
    border-color:#0c1822}
.section-header.darkblue {
    background:#0c1822;
    border-color:#3698d4}
.section-header.borderless {
    border:0}
.w-100 {
    width:100%}
.h-100 {
    height:100%}
.right {
    text-align:right}
.text-white {
    color:#fff}
.flex-column .wpb_wrapper {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    flex-direction:column}
.flex-expand {
    flex-shrink:1;
    flex-grow:1}
.column-image {
    height:100%;
    overflow:hidden;
    position:relative}
.column-image figure.wpb_wrapper {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:420px}
.column-image .vc_single_image-wrapper {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0}
.column-image .vc_single_image-wrapper img {
    min-width:100%;
    max-width:none;
    height:auto;
    min-height:100%}
.no-textblock-margin .wpb_text_column {
    margin:0}
.font-sm {
    font-size:90%;
    line-height:1.3}
.font-sm h3 {
    line-height:1;
    margin-bottom:15px!important}