@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700");
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-5ths {
    width: 20%;
    float: left
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left
    }
}

body.modal-open {
    overflow: inherit;
    padding-right: inherit !important
}

.navbar-collapse {
    padding: 0px
}

.nav>li>a {
    padding: 0px 15px
}

.nav>li>a:focus,
.nav>li>a:hover {
    background: none
}

@media (min-width: 768px) {
    .navbar-nav.nav-center {
        float: none;
        margin-left: auto;
        margin-right: auto;
        display: inline-block
    }
}

@media (min-width: 768px) {
    .table-row {
        display: table;
        width: 100%;
        margin: 0 auto
    }
    .table-row [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: top;
        overflow: hidden
    }
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity
}

.carousel-fade .carousel-inner .active {
    opacity: 1
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 2
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 1;
    z-index: 1
}

.carousel-fade .carousel-control {
    z-index: 2
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-fade .carousel-inner>.item.next,
    .carousel-fade .carousel-inner>.item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .carousel-fade .carousel-inner>.item.prev,
    .carousel-fade .carousel-inner>.item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .carousel-fade .carousel-inner>.item.next.left,
    .carousel-fade .carousel-inner>.item.prev.right,
    .carousel-fade .carousel-inner>.item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

html,
body {
    position: relative;
    overflow-x: hidden
}

button:focus {
    outline: 0
}

.no-padding {
    padding: 0px !important
}

.inline {
    display: inline
}

.inline-block {
    display: inline-block
}

.table-cell {
    display: table-cell;
    vertical-align: top
}

.bg-image {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important
}

.overlay {
    position: absolute
}

.overlay.overlay-vertical-center {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}

input,
textarea {
    -webkit-border-radius: 0
}

[data-role="accordion"] [data-bind="accordion-toggle"] {
    cursor: pointer;
    cursor: hand
}

[data-role="accordion"] [data-bind="accordion-content"] {
    -webkit-transition: max-height 0.75s;
    transition: max-height 0.75s;
    max-height: 1px;
    overflow: hidden
}

img.alignright {
    float: right;
    margin: 0 0 1em 1em
}

img.alignleft {
    float: left;
    margin: 0 1em 1em 0
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.alignright {
    float: right
}

.alignleft {
    float: left
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

body {
    font-size: 16px;
    font-family: Lato;
    font-weight: 200;
    color: #FFFFFF;
    background: #929396;
}

body a {
    text-decoration: none;
    color: inherit
}

body ol,
body ul {
    padding-left: 20px
}

body p {
    margin-bottom: 30px
}

.container {
    max-width: 100%
}

section ul {
    padding-bottom: 20px
}

header {
    position: fixed;
    z-index: 1000;
    width: 100%;
    background: #233C88;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.4);
}

@media (max-width: 1199px) {
    header {
        height: 72px; /* mb */
    }
}

header #logo img {
    padding-top: 12px;
    padding-bottom: 14px;
	color: #ffffff;
}

@media (max-width: 1199px) {
    header #logo img {
        position: fixed;
        left: 50%;
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -o-transform: translate(-50%);
        transform: translate(-50%);
		max-width:55%;
    }
}

header .search-icon {
    margin-top: 16px;
    float: right
}

header #search-open {
    background: none;
    border: none;
    float: right
}

@media (max-width: 1199px) {
    header #search-open {
        float: none;
        position: fixed;
        right: 0;
        margin-right: 25px
    }
}

#search-close {
    background: none;
    border: none;
    margin-top: 8px;
    margin-bottom: 8px;
    position: absolute;
    right: 0
}

#search-overlay form [type="submit"] {
    background: none;
    border: none;
    margin-top: 8px;
    margin-bottom: 8px;
    position: absolute;
    right: 56px
}

#search-term {
    float: right;
    font-size: 30px;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 400;
    border: 0px;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #5b6770
}

@media (max-width: 768px) {
    #search-term {
        font-size: 20px;
        line-height: 30px
    }
}

@media (max-width: 375px) {
    #search-term {
        font-size: 16px;
        line-height: 30px
    }
}

#search-term:focus,
#search-term:active,
#search-term:hover {
    outline: none;
    text-decoration: none
}

#search-overlay {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 72px;
    background: white;
    opacity: 0.9;
    z-index: 1001
}

#search-overlay.show {
    display: block
}

#search-results {
    color: #5b6770;
    float: left;
    width: 100%;
    font-size: 18px;
    line-height: 1.66667;
    letter-spacing: 0em;
    font-weight: 400
}

#search-results ul {
    padding: 0;
    list-style: none;
    max-height: 89vh;
    overflow-y: auto
}

#search-results ul li {
    padding-bottom: 10px
}

#search-results ul li a {
    font-size: 18px;
    line-height: 1.66667;
    letter-spacing: 0em;
    font-weight: 400;
    text-decoration: none;
    color: #5b6770
}

main {
    margin-top: 72px; /* mb */
}

footer section.footer-menus {
    padding: 20px 0
}

footer section.footer-menus .table>div {
    min-height: 100px;
}

footer section.footer-menus ul {
    padding-left: 0;
    list-style: none;
    text-transform: uppercase
}

@media (max-width: 415px) {
    footer section.footer-menus ul {
        margin-bottom: 0
    }
}

footer section.footer-menus ul li a {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 1.42857;
    letter-spacing: 0em;
    font-weight: 400;
    padding: 10px 0;
    display: inline-block
}

footer section.footer-menus .to-top {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, 50%);
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 2.5;
    letter-spacing: 0em;
    font-weight: 400;
    color: #FFFFFF;
    text-decoration: none;
}

footer section.footer-info {
    background: #233C88;
    padding-top: 20px;
    padding-bottom: 20px;
		color: #fff;
}

footer section.footer-info .social-container {
    float: right
}

@media (max-width: 768px) {
    footer section.footer-info .social-container {
        float: none
    }
}

footer section.footer-info .social-icons {
    float: right
}

@media (max-width: 768px) {
    footer section.footer-info .social-icons {
        float: none;
        text-align: center
    }
}

footer section.footer-info .social-icons .fa {
    font-size: 22px;
    color: #fff;
    margin-left: 8px
}

footer section.footer-info .copy {
    font-size: 14px;
    line-height: 1.42857;
    letter-spacing: 0em;
    font-weight: 400;
    text-transform: uppercase
}

@media (max-width: 768px) {
    footer section.footer-info .copy {
        text-align: center;
        margin-top: 10px;
        font-size: 12px;
        line-height: 1.66667;
        letter-spacing: 0em;
        font-weight: 400
    }
}

footer a:hover {
    color: white
}

nav ul.menu {
    display: block;
    list-style: none;
    padding-left: 0;
    float: right
}

nav ul.menu>li {
    position: relative;
    padding-top: 18px;
    padding-bottom: 18px;
    display: inline-block
}

nav ul.menu>li a {
    padding: 5px 0px;
    margin: 5px 15px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    line-height: 1.66667;
    letter-spacing: 0em;
    font-weight: 400
}

nav ul.menu>li ul.sub-menu {
    position: absolute;
    list-style: none;
    padding-left: 0;
    padding: 10px;
    padding-top: 0;
    top: 62px;
    display: none;
    white-space: nowrap;
    z-index: 1000;
    background: #233C88;
    -webkit-transform: translate(-15px);
    -moz-transform: translate(-15px);
    -o-transform: translate(-15px);
    transform: translate(-15px);
    max-height: 0px;
    left: 0
}

nav ul.menu>li ul.sub-menu li {
    padding: 5px
}

nav ul.menu>li ul.sub-menu li:not(:first-child) a {
    text-transform: none
}

nav ul.menu>li ul.sub-menu li:nth-child(2) a {
    text-transform: uppercase
}

nav ul.menu>li ul.sub-menu li.back-button {
    display: none
}

@media (max-width: 1199px) {
    nav ul.menu>li ul.sub-menu {
        display: none;
        position: fixed;
        top: 62px;
        background: #f2f2f2;
        width: 100%;
        left: 0;
        right: 0;
        padding-bottom: 100px;
        margin-top: 0;
        max-height: initial
    }
    nav ul.menu>li ul.sub-menu>li {
        display: block;
        text-align: left;
        width: 370px;
        max-width: 100%;
        margin: 0 auto;
        padding: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        background-image: url("../img/right-arrow-large.png");
        background-repeat: no-repeat;
        background-position: right
    }
    nav ul.menu>li ul.sub-menu>li a {
        color: #5b6770;
        font-weight: 600
    }
    nav ul.menu>li ul.sub-menu li.back-button {
        display: block;
        background-image: none
    }
    nav ul.menu>li ul.sub-menu li.back-button a {
        color: #233C88;
        font-size: 16px;
        line-height: 1.875;
        letter-spacing: 0em;
        font-weight: 600;
        padding-left: 30px;
        background-image: url("../img/red-arrow.png");
        background-repeat: no-repeat;
        background-position: left
    }
}

@media (max-width: 1199px) {
    nav ul.menu>li ul.sub-menu.active {
        display: block;
        max-height: initial !important;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

nav ul.menu>li.menu-item-has-children a {
    padding-right: 15px
}

@media (min-width: 1200px) {
    nav ul.menu>li.menu-item-has-children>a:before {
        content: "\f107";
        font-family: FontAwesome;
        right: 15px;
        font-size: 18px;
        position: absolute
    }
    nav ul.menu>li.menu-item-has-children ul.sub-menu {
        max-height: 0px
    }
    nav ul.menu>li.menu-item-has-children:hover ul.sub-menu {
        display: block;
        max-height: 600px
    }
    nav ul.menu>li.current-menu-item>a,
    nav ul.menu>li:hover>a {
        border-bottom: 2px solid #fff;
        width: 100%
    }
}

nav ul.menu li.mobile {
    display: none
}

@media (max-width: 1199px) {
    nav ul.menu {
        display: none;
        position: fixed;
        top: 72px;
        background: #f2f2f2;
        width: 100%;
        left: 0;
        right: 0;
        padding-bottom: 100px;
        margin-top: 0
    }
    nav ul.menu>li {
        display: block;
        text-align: left;
        width: 370px;
        margin: 0 auto;
        padding-top: 10px;
        padding-bottom: 10px;
        background-image: url("../img/right-arrow-large.png");
        background-repeat: no-repeat;
        background-position: right
    }
    nav ul.menu>li a {
        color: #5b6770;
        font-weight: 600
    }
    nav ul.menu>li.menu-item-has-children:before {
        display: none
    }
    nav ul.menu li.mobile {
        display: block
    }
    nav ul.menu>li.current-menu-item>a {
        border: 0px
    }
}

nav span {
    background: #fff
}

nav .navbar-toggle {
    display: block;
    position: fixed;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 68px;
    height: 62px;
    left: 0;
    top: 0;
    font-size: 0;
    text-indent: -9999px;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    transition: background 0.3s
}

@media (min-width: 1199px) {
    nav .navbar-toggle {
        display: none
    }
}

nav span {
    display: block;
    position: absolute;
    top: 30px;
    left: 22px;
    right: 22px;
    height: 5px;
    background: #fff
}

nav .navbar-toggle span::before,
nav .navbar-toggle span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #fff;
    content: ""
}

nav .navbar-toggle span::before {
    top: -10px
}

nav .navbar-toggle span::after {
    bottom: -10px
}

nav .navbar-toggle:focus {
    outline: none
}

nav .navbar-toggle span {
    transition: background 0s 0.3s
}

nav .navbar-toggle span::before,
nav .navbar-toggle span::after {
    transition-duration: 0.3s, 0.3s;
    transition-delay: 0.3s, 0s
}

nav .navbar-toggle span::before {
    transition-property: top, transform
}

nav .navbar-toggle span::after {
    transition-property: bottom, transform
}

nav .navbar-toggle.is-active span {
    background: none
}

nav .navbar-toggle.is-active span::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

nav .navbar-toggle.is-active span::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

nav .navbar-toggle.is-active span::before,
nav .navbar-toggle.is-active span::after {
    transition-delay: 0s, 0.3s
}

nav.active ul.menu {
    display: block
}

section {
    position: relative;
    font-size: 18px;
    line-height: 1.44444;
    letter-spacing: 0em;
    font-weight: 200
}

section a.button {
    color: #fff;
    background: #233C88;
    padding: 8px 70px;
    display: inline-block;
    font-size: 20px;
    line-height: 2.25;
    letter-spacing: 0em;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none
}

@media (max-width: 415px) {
    section a.button {
        font-size: 14px;
        line-height: 1.78571;
        letter-spacing: 0em;
        font-weight: 400;
        padding: 5px 40px
    }
}

section a.button.white {
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    line-height: 2.25;
    letter-spacing: 0em;
    font-weight: 400;
    background: #233C88;
    /*border: 2px solid #fff;*/
    padding: 5px 50px
}

@media (max-width: 415px) {
    section a.button.white {
        font-size: 16px;
        padding: 5px 30px
    }
}

section a.button.email {
    background-image: url("../img/EmailIcon.png");
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: 50px;
    padding: 8px 50px 8px 90px
}

@media (max-width: 415px) {
    section a.button.email {
        background-position-x: 20px;
        padding: 5px 20px 5px 50px
    }
}

@media (min-width: 768px) {
    section .row.table {
        display: table;
        width: 100%
    }
    section .row.table>div {
        display: table-cell;
        float: none
    }
}

section .overlay {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

section .grey-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #5b6770;
    opacity: 0.5
}

section .carousel-control {
    height: 50px;
    width: 25px;
    left: 0;
    width: 0
}

section .carousel-control img {
    width: 25px !important;
    height: 50px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

section .carousel-control.left,
section .carousel-control.right {
    background: none
}

@media (max-width: 415px) {
    section .carousel-control.left img,
    section .carousel-control.right img {
        height: 32px;
        width: 16px !important
    }
}

section .carousel-control.left img {
    left: 0
}

section .carousel-control.right img {
    right: 0
}

section .carousel-indicators {
    bottom: -40px;
    left: 0;
    width: initial;
    margin-left: 0;
    text-align: left;
    width: 91.66666667%;
    padding-left: 8.33333333%
}

section.cta,
section.carousel-testimonial {
    /*max-width: 1300px;*/ /*mb*/
    margin: 0 auto;
    max-height: 440px;
    overflow: hidden
}

@media (max-width: 415px) {
    section.cta,
    section.carousel-testimonial {
        height: 440px
    }
}

section.cta>div>img,
section.carousel-testimonial>div>img {
    width: 100%
}

@media (max-width: 1300px) {
    section.cta>div>img,
    section.carousel-testimonial>div>img {
        width: auto;
        height: 100%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-left: 50%
    }
}

@media (min-width: 1025px) {
    section.cta>div>img.parallax,
    section.carousel-testimonial>div>img.parallax {
        visibility: hidden
    }
}

section.cta .grey-overlay,
section.carousel-testimonial .grey-overlay {
    opacity: 0.5
}

section.cta .overlay,
section.carousel-testimonial .overlay {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 440px
}

@media (max-width: 415px) {
    section.cta .overlay,
    section.carousel-testimonial .overlay {
        height: 440px
    }
}

section.cta .overlay .container,
section.carousel-testimonial .overlay .container {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (max-width: 767px) {
    section.cta .overlay .container,
    section.carousel-testimonial .overlay .container {
        left: 0;
        right: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

section.cta .overlay .container .title,
section.carousel-testimonial .overlay .container .title {
    text-align: right;
    font-size: 50px;
    line-height: .9;
    letter-spacing: 0em;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 30px;
    margin-bottom: 30px;
    position: relative
}

@media (max-width: 415px) {
    section.cta .overlay .container .title,
    section.carousel-testimonial .overlay .container .title {
        font-size: 24px;
        line-height: 1;
        letter-spacing: 0em;
        font-weight: 400;
        padding-bottom: 10px;
        margin-bottom: 10px
    }
}

section.cta .overlay .container .title:before,
section.carousel-testimonial .overlay .container .title:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    height: 1px;
    width: 100px;
    border-bottom: 5px solid #FFFFFF;
}

@media (max-width: 415px) {
    section.cta .overlay .container .title:before,
    section.carousel-testimonial .overlay .container .title:before {
        width: 67px;
        border-bottom: 2px solid #233C88
    }
}

section.cta .overlay .container .content,
section.carousel-testimonial .overlay .container .content {
    text-align: right
}

section.cta .overlay .container.left .title,
section.carousel-testimonial .overlay .container.left .title {
    text-align: left
}

section.cta .overlay .container.left .title:before,
section.carousel-testimonial .overlay .container.left .title:before {
    left: 0;
    right: initial
}

section.cta .overlay .container.left .content,
section.carousel-testimonial .overlay .container.left .content {
    text-align: left
}

section.cta .overlay .container.center .title,
section.carousel-testimonial .overlay .container.center .title {
    text-align: center
}

section.cta .overlay .container.center .title:before,
section.carousel-testimonial .overlay .container.center .title:before {
    left: 50%;
    right: initial;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

section.cta .overlay .container.center .content,
section.carousel-testimonial .overlay .container.center .content {
    text-align: center
}

section.cta .parallax-bg,
section.carousel-testimonial .parallax-bg {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    background-attachment: fixed;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (max-width: 1024px) {
    section.cta .parallax-bg,
    section.carousel-testimonial .parallax-bg {
        display: none
    }
}

section.carousel-testimonial .grey-overlay {
    -webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out
}

section.carousel-testimonial .item .text {
    -webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out
}

section.carousel-testimonial .item.has-background:hover .text {
    opacity: 0
}

section.carousel-testimonial:hover .grey-overlay {
    opacity: 0
}

section.title,
section.page-header {
    margin: 0px;
    padding: 0px;
    border-bottom: 0px;
    min-height: 530px; /* mb */
    overflow: hidden;
    /*max-width: 1300px;*/ /* mb */
    margin: 0 auto
}

@media (max-width: 415px) {
    section.title,
    section.page-header {
        height: 440px;
        min-height: 440px
    }
}

section.title>div>img,
section.page-header>div>img {
    width: 100%
}

@media (max-width: 1067px) {
    section.title>div>img,
    section.page-header>div>img {
        width: auto;
        height: 100%;
        height: -webkit-fill-available;
        height: -moz-fill-available;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-left: 50%;
        min-height: 440px
    }
}

section.title #down,
section.page-header #down {
    position: absolute;
    bottom: 0
}

section.title .overlay,
section.page-header .overlay {
    /*height: 530px*/ /* mb */
		color: #fff;
}

@media (max-width: 415px) {
    section.title .overlay,
    section.page-header .overlay {
        height: 440px
    }
}

section.title .overlay .title,
section.page-header .overlay .title {
    font-size: 50px;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 30px;
    margin-bottom: 30px;
    position: relative;
}

@media (max-width: 415px) {
    section.title .overlay .title,
    section.page-header .overlay .title {
        font-size: 26px;
        line-height: 1.07692;
        letter-spacing: 0em;
        font-weight: 400;
        padding-bottom: 20px;
        margin-bottom: 20px
    }
}

section.title .overlay .title:before,
section.page-header .overlay .title:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 165px;
    border-bottom: 5px solid #FFFFFF;
}

@media (max-width: 415px) {
    section.title .overlay .title:before,
    section.page-header .overlay .title:before {
        width: 67px;
        border-bottom: 2px solid #233C88
    }
}

section.title .overlay .container,
section.page-header .overlay .container {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (max-width: 767px) {
    section.title .overlay .container,
    section.page-header .overlay .container {
        left: 0;
        right: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

section.title .overlay .content,
section.page-header .overlay .content {
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: 0em;
    font-weight: 400;
}

section.title .overlay .content p,
section.page-header .overlay .content p {
    margin-top: 0
}

@media (max-width: 415px) {
    section.title .overlay .content,
    section.page-header .overlay .content {
        font-size: 16px
    }
}

section.title .overlay>a>img,
section.page-header .overlay>a>img {
    width: inherit;
    position: absolute;
    z-index: 100;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%)
}

section.title #down,
section.page-header #down {
    padding-top: 62px;
    margin-top: -62px
}

section.title .carousel-control,
section.page-header .carousel-control {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

section.title {
    min-height: 80px
}

section.title .overlay {
    height: initial
}

section.page-header {
    overflow: hidden
}

section.page-header .grey-overlay {
    opacity: 0.7
}

section.page-header .carousel-indicators {
    position: absolute
}

section.page-header .carousel-control {
    position: absolute
}

section.mailing-list {
    background: #49525a;
    padding-top: 25px;
    padding-bottom: 30px
}

section.mailing-list form {
    padding-top: 15px
}

section.mailing-list form input[type="text"],
section.mailing-list form input[type="email"] {
    width: 410px;
    max-width: 100%;
    background: #5b6770;
    color: white;
    border: 1px solid red;
    padding: 6px 15px;
    height: 59px;
    font-size: 20px;
    line-height: 2.25;
    letter-spacing: 0em;
    font-weight: 400;
    margin-right: 25px
}

@media (max-width: 1199px) {
    section.mailing-list form input[type="text"],
    section.mailing-list form input[type="email"] {
        display: block;
        margin: 0 auto;
        float: none;
        width: 540px;
        margin-bottom: 20px
    }
}

section.mailing-list form input[type="submit"] {
    max-width: 100%;
    color: #fff;
    background: #233C88;
    padding: 7px 85px;
    display: inline-block;
    font-size: 20px;
    line-height: 2.25;
    letter-spacing: 0em;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    border: none;
    float: right
}

@media (max-width: 1199px) {
    section.mailing-list form input[type="submit"] {
        display: block;
        margin: 0 auto;
        float: none;
        width: 540px;
        margin-bottom: 20px
    }
}

section.mailing-list form::-webkit-input-placeholder {
    color: #fff;
    text-transform: uppercase
}

section.mailing-list form::-moz-placeholder {
    color: #fff;
    text-transform: uppercase
}

section.mailing-list form:-ms-input-placeholder {
    color: #fff;
    text-transform: uppercase
}

section.mailing-list form:-moz-placeholder {
    color: #fff;
    text-transform: uppercase
}

section.mailing-list form::-ms-input-placeholder {
    color: #fff;
    text-transform: uppercase
}

section.mailing-list form input:focus,
section.mailing-list form input:hover,
section.mailing-list form input:active {
    outline: none;
    text-decoration: none
}

section.mailing-list form span.wpcf7-not-valid-tip {
    display: none
}

section.carousel-project {
    padding-top: 30px;
    padding-bottom: 30px
}

section.carousel-project .item {
    max-width: 100%;
    overflow: hidden
}

section.carousel-project .project-title {
    border: 2px solid white;
    padding: 8px;
    text-align: center
}

section.carousel-project .active .project-title {
    background: #233C88
}

section.carousel-project .carousel-inner .item {
    padding: 0 15px;
    padding-top: 15px
}

section.carousel-project .carousel-indicators {
    width: 100%;
    height: 100%;
    padding-left: 0px;
    margin-left: 0px;
    position: relative;
    bottom: 0
}

section.carousel-project .carousel-indicators .active {
    width: 100%;
    height: initial;
    background: none
}

@media (min-width: 768px) {
    section.carousel-project .carousel-indicators .active {
        width: 33.33333333%
    }
}

section.carousel-project ol.carousel-indicators {
    width: auto;
    top: 460px;
    bottom: initial;
    margin-left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    position: absolute;
    height: 40px
}

@media (max-width: 991px) {
    section.carousel-project ol.carousel-indicators {
        top: 360px
    }
}

section.carousel-project ol.carousel-indicators li.active {
    width: 10px;
    height: 10px;
    background-color: #fff;
    margin: 1px
}

section.carousel-project .carousel-control.left {
    top: 320px;
    left: 30px;
    bottom: inherit;
    opacity: 1
}

@media (max-width: 991px) {
    section.carousel-project .carousel-control.left {
        top: 210px;
        left: 15px
    }
}

@media (max-width: 768px) {
    section.carousel-project .carousel-control.left {
        display: none
    }
}

section.carousel-project .carousel-control.right {
    top: 320px;
    right: 30px;
    bottom: inherit;
    opacity: 1
}

@media (max-width: 991px) {
    section.carousel-project .carousel-control.right {
        top: 210px;
        right: 15px
    }
}

@media (max-width: 768px) {
    section.carousel-project .carousel-control.right {
        display: none
    }
}

section.carousel-project .item img.main-image {
    margin-left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%)
}

section.carousel-project .item .content {
    font-size: 18px;
    line-height: 1.44444;
    letter-spacing: 0em;
    font-weight: 200;
    margin-top: 30px;
    padding: 0
}

@media (min-width: 768px) {
    section.carousel-project .item .content {
        padding: 0 8.3333333%
    }
}

section.carousel-project .link .button {
    margin-top: 30px;
    margin-left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%)
}

@media (max-width: 415px) {
    section.carousel-project .link .button {
        width: 100%
    }
}

section.carousel-project .project-slide {
    padding-bottom: 30px
}

@media (min-width: 768px) {
    section.carousel-project .project-slide:nth-child(4) {
        margin-left: 16.6666666%
    }
    section.carousel-project .project-slide:nth-child(5) {
        margin-right: 16.6666666
    }
}

section.carousel-project select {
    border: 2px solid #fff;
    background: #5b6770;
    padding: 10px;
    width: 360px;
    max-width: 100%;
    text-transform: uppercase;
    margin-left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url("../img/filter.png");
    background-repeat: no-repeat;
    background-position: right
}

@media (max-width: 415px) {
    section.carousel-project select {
        width: 100%
    }
}

section.counters {
    /*max-width: 1300px;*/ /* mb */
    margin: 0 auto
}

section.counters img {
    min-width: 100%
}

section.counters .grey-overlay {
    opacity: 0.5
}

section.counters .overlay .container {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

section.counters .overlay .container>div {
    text-align: center;
    padding-left: 30px;
    padding-right: 30px
}

@media (max-width: 768px) {
    section.counters .overlay .container {
        left: 0;
        right: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media (max-width: 768px) {
    section.counters .overlay .item {
        height: 95px;
        margin-bottom: 30px
    }
}

section.counters .overlay .number {
    font-size: 70px;
    line-height: 1.07143;
    letter-spacing: 0em;
    font-weight: 400;
    color: #233C88
}

@media (max-width: 415px) {
    section.counters .overlay .number {
        font-size: 45px;
        line-height: 1.55556;
        letter-spacing: 0em;
        font-weight: 400
    }
}

section.counters .overlay .title {
    font-size: 20px;
    line-height: 1.25;
    letter-spacing: 0em;
    font-weight: 400;
    text-transform: uppercase
}

@media (max-width: 415px) {
    section.counters .overlay .title {
        font-size: 14px;
        line-height: 1.14286;
        letter-spacing: 0em;
        font-weight: 400
    }
}

section.counters .overlay .container {
    text-align: center;
    font-size: 0
}

section.counters .overlay .container .item {
    vertical-align: top;
    float: none;
    display: inline-block;
    padding-bottom: 20px
}

section.image-blocks .image-block {
    margin-top: 20px;
    margin-bottom: 20px;
    height: 170px
}

section.image-blocks .image-block img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%
}

section.image-blocks .image-block img.hover {
    display: none
}

section.image-blocks .image-block:hover img.hover {
    display: block
}

section.image-blocks .image-block:hover img.main {
    display: none
}

section.image {
    max-width: 1300px;
    margin: 0 auto
}

section.image img {
    margin-left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    width: 100%
}

@media (max-width: 1079px) {
    section.image img {
        max-height: 440px;
        overflow: hidden;
        width: auto
    }
}

section.content>div.top,
section.faq>div.top {
    padding-top: 40px
}

section.content>div.bottom,
section.faq>div.bottom {
    padding-bottom: 30px
}

section.content h1,
section.faq h1 {
    font-size: 50px;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 30px;
    margin-bottom: 30px;
    position: relative;
    padding-top: 40px
}

@media (max-width: 415px) {
    section.content h1,
    section.faq h1 {
        font-size: 35px
    }
}

section.content h1:before,
section.content h2:before,
section.faq h1:before,
section.faq h2:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100px;
    border-bottom: 5px solid #FFFFFF;
}

section.content h2,
section.faq h2 {
    font-size: 30px;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 30px;
    margin-bottom: 30px;
    position: relative;
    padding-top: 40px
}

section.content h1[style="text-align: center;"]:before,
section.content h2[style="text-align: center;"]:before,
section.faq h1[style="text-align: center;"]:before,
section.faq h2[style="text-align: center;"]:before {
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%)
}

section.content h1[style="text-align: right;"]:before,
section.content h2[style="text-align: right;"]:before,
section.faq h1[style="text-align: right;"]:before,
section.faq h2[style="text-align: right;"]:before {
    left: initial;
    right: 0
}

section.content p:first-child,
section.faq p:first-child {
    font-weight: normal
}

section.content p img,
section.faq p img {
    max-width: 100%;
    height: auto
}

section.blocks-supply-chain {
    padding-top: 20px;
    padding-bottom: 40px
}

section.blocks-supply-chain h2,
section.blocks-supply-chain h1 {
    font-size: 30px;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 30px;
    margin-bottom: 30px;
    position: relative;
    padding-top: 40px;
    text-align: center
}

section.blocks-supply-chain h1 {
    font-size: 50px;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 400
}

section.blocks-supply-chain h2:before,
section.blocks-supply-chain h1:before {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    bottom: 0;
    height: 1px;
    width: 100px;
    border-bottom: 5px solid #233C88
}

section.blocks-supply-chain .block {
    margin-bottom: 20px
}

section.blocks-supply-chain .block img {
    width: 100%
}

section.blocks-supply-chain .block .title {
    text-transform: uppercase;
    text-align: center;
    font-size: 24px;
    line-height: 1.875;
    letter-spacing: 0em;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 15px
}

section.blocks-supply-chain .block a {
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    line-height: 2.25;
    letter-spacing: 0em;
    font-weight: 400;
    margin-left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    width: 80%;
    background: transparent;
    border: 2px solid #fff;
    padding: 5px
}

section.blocks-supply-chain .container {
    text-align: center;
    font-size: 0
}

@media (min-width: 768px) {
    section.blocks-supply-chain .container .block {
        vertical-align: top;
        float: none;
        display: inline-block
    }
}

section.numbered-list {
    padding-top: 40px;
    padding-bottom: 40px
}

section.numbered-list .block {
    padding-bottom: 40px
}

section.numbered-list .block h4 {
    font-size: 28px;
    line-height: 1.28571;
    letter-spacing: 0em;
    font-weight: 400;
    margin-bottom: 15px;
    padding-top: 5px
}

section.numbered-list .block .content {
    font-size: 18px;
    line-height: 1.44444;
    letter-spacing: 0em;
    font-weight: 200
}

section.numbered-list .block .number {
    font-size: 88px;
    line-height: 1.22727;
    letter-spacing: 0em;
    font-weight: 400
}

section.numbered-list .block .number:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 1px;
    border-bottom: 5px solid #233C88
}

section.content-half .border-visible {
    border-right: 1px solid #fff
}

@media (max-width: 767px) {
    section.content-half .border-visible {
        border: 0px
    }
}

section.content-half p img {
    max-width: 100%;
    height: auto
}

section.images-with-titles {
    padding-top: 20px;
    padding-bottom: 40px;
	/* margin-top:80px;*/
}

section.images-with-titles h2 {
    font-size: 30px;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 30px;
    margin-bottom: 30px;
    position: relative;
    padding-top: 40px;
    text-align: center
}

section.images-with-titles h2:before {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    bottom: 0;
    height: 1px;
    width: 100px;
    border-bottom: 5px solid #233C88
}

section.images-with-titles .content {
    font-size: 18px;
    line-height: 1.44444;
    letter-spacing: 0em;
    font-weight: 200;
    padding-bottom: 30px
}

section.images-with-titles .image {
    position: relative
}

section.images-with-titles .image>img {
    width: 100%
}

section.images-with-titles .red-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #233C88;
    opacity: 0.9;
    display: none
}

section.images-with-titles .red-overlay img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

section.images-with-titles .image:hover .red-overlay {
    display: block
}

section.images-with-titles .title {
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: 0em;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 20px
}

section.images-with-titles .subtitle {
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0em;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 20px
}

section.images-with-titles .container {
    text-align: center;
    font-size: 0
}

@media (min-width: 768px) {
    section.images-with-titles .container .block {
        vertical-align: top;
        float: none;
        display: inline-block
    }
}

section.blog-posts,
section.news,
section.news-filter,
section.carousel-project section.project-posts,
section.related-projects {
    padding-bottom: 30px;
    padding-top: 30px
}

section.blog-posts a:focus,
section.blog-posts a:hover,
section.news a:focus,
section.news a:hover,
section.news-filter a:focus,
section.news-filter a:hover,
section.carousel-project section.project-posts a:focus,
section.carousel-project section.project-posts a:hover,
section.related-projects a:focus,
section.related-projects a:hover {
    text-decoration: none
}

section.blog-posts .post,
section.news .post,
section.news-filter .post,
section.carousel-project section.project-posts .post,
section.related-projects .post {
    padding-bottom: 50px
}

section.blog-posts .post h3,
section.news .post h3,
section.news-filter .post h3,
section.carousel-project section.project-posts .post h3,
section.related-projects .post h3 {
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    text-align: center
}

section.blog-posts .post .post-info,
section.news .post .post-info,
section.news-filter .post .post-info,
section.carousel-project section.project-posts .post .post-info,
section.related-projects .post .post-info {
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: 0em;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    text-align: center
}

section.blog-posts .image,
section.news .image,
section.news-filter .image,
section.carousel-project section.project-posts .image,
section.related-projects .image {
    position: relative
}

section.blog-posts .image>img,
section.news .image>img,
section.news-filter .image>img,
section.carousel-project section.project-posts .image>img,
section.related-projects .image>img {
    width: 100%
}

section.blog-posts .red-overlay,
section.news .red-overlay,
section.news-filter .red-overlay,
section.carousel-project section.project-posts .red-overlay,
section.related-projects .red-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #233C88;
    opacity: 0.9;
    display: none
}

section.blog-posts .red-overlay img,
section.news .red-overlay img,
section.news-filter .red-overlay img,
section.carousel-project section.project-posts .red-overlay img,
section.related-projects .red-overlay img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

section.blog-posts .image:hover .red-overlay,
section.news .image:hover .red-overlay,
section.news-filter .image:hover .red-overlay,
section.carousel-project section.project-posts .image:hover .red-overlay,
section.related-projects .image:hover .red-overlay {
    display: block
}

section.blog-posts button.button,
section.news button.button,
section.news-filter button.button,
section.carousel-project section.project-posts button.button,
section.related-projects button.button {
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    line-height: 2.25;
    letter-spacing: 0em;
    font-weight: 400;
    background: transparent;
    border: 2px solid #fff;
    padding: 5px 50px
}

section.blog-posts button[disabled="disabled"],
section.news button[disabled="disabled"],
section.news-filter button[disabled="disabled"],
section.carousel-project section.project-posts button[disabled="disabled"],
section.related-projects button[disabled="disabled"] {
    display: none
}

section.filter select,
section.news-filter select {
    margin-left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    background: #5b6770;
    border: 3px solid white;
    padding: 14px;
    text-transform: uppercase;
    width: 390px;
    max-width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url("../img/filter.png");
    background-repeat: no-repeat;
    background-position: right
}

section.filter select::-ms-expand,
section.news-filter select::-ms-expand {
    display: none
}

section.filter select:active,
section.filter select:focus,
section.filter select:hover,
section.news-filter select:active,
section.news-filter select:focus,
section.news-filter select:hover {
    outline: none;
    text-decoration: none
}

section.news-filter .filter {
    padding-bottom: 30px
}

@media (max-width: 415px) {
    section.news-filter-3d {
        padding: 0
    }
}

section.faq {
    padding-top: 30px;
    padding-bottom: 60px
}

section.faq .content {
    padding: 0;
    padding-bottom: 20px
}

section.faq [data-role="accordion"] .question {
    font-size: 22px;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 400;
    border-bottom: 1px solid #9da4a9;
    color: #fff;
    padding: 15px 0px
}

section.faq [data-role="accordion"] .question span {
    display: block
}

section.faq [data-role="accordion"] .answer {
    font-size: 16px;
    line-height: 1.375;
    letter-spacing: 0em;
    font-weight: 200;
    color: #fff;
    padding: 0
}

section.faq [data-role="accordion"] .answer p:first-child {
    padding-top: 15px
}

section.faq [data-role="accordion"] .down-arrow {
    display: none;
    position: absolute;
    top: 50%;
    right: 25px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 10px
}

section.faq [data-role="accordion"] .up-arrow {
    display: block;
    position: absolute;
    top: 50%;
    right: 25px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 10px
}

section.faq [data-role="accordion"].open .answer {
    border-bottom: 1px solid #9da4a9
}

section.faq [data-role="accordion"].open .down-arrow {
    display: block
}

section.faq [data-role="accordion"].open .up-arrow {
    display: none
}

section.cta-blocks {
    padding-top: 60px
}

section.cta-blocks .block .title {
    font-size: 28px;
    line-height: 1.28571;
    letter-spacing: 0em;
    font-weight: 400;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 30px
}

section.cta-blocks .block .title:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100px;
    border-bottom: 5px solid #FFFFFF
}

section.cta-blocks .block .content {
    font-size: 18px;
    line-height: 1.44444;
    letter-spacing: 0em;
    font-weight: 200;
    margin-bottom: 20px
}

section.cta-blocks .row .block {
    padding-bottom: 100px
}

@media (max-width: 1024px) {
    section.sectors .container {
        width: 100% !important
    }
}

section.sectors .block {
    padding: 0
}

section.sectors .block .image>div>img {
    max-width: 100%
}

section.sectors .block .image>div>img {
    width: 100%
}

section.sectors .block .red-overlay {
    background: #233C88;
    opacity: 0.9;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

section.sectors .block .red-overlay .post-info {
    width: 100%
}

section.sectors .block .red-overlay .post-info h3 {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: 0em;
    font-weight: 400;
    text-transform: uppercase
}

section.sectors .block .grey {
    background: #5b6770;
    opacity: 0.5
}

section.sectors .block a {
    color: #fff;
    text-decoration: none
}

section.sectors .block a:focus,
section.sectors .block a:active {
    outline: none
}

section.sectors .block .post-info {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: inherit;
    right: inherit;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}

section.sectors .block h3 {
    margin: 0;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: 0em;
    font-weight: 400;
    text-transform: uppercase
}

section.sectors .email-block .post-info {
    top: 45%
}

section.sectors .email-block .post-info img {
    margin-top: 15px
}

section.sectors .email-block .email {
    position: absolute;
    top: 65%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 14px;
    margin-top: 15px
}

section.sectors .row {
    text-align: center
}

section.sectors .row .block.trail {
    float: none;
    display: inline-block
}

@media (max-width: 1024px) {
    section.sectors .row:before,
    section.sectors .row:after {
        display: block !important;
        clear: none
    }
}

section.sectors .post {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000
}

section.sectors .post:hover .image {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transition: transform 0.8s;
    transition: transform 0.8s
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    section.sectors .post:hover .image {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }
    section.sectors .post:hover .image .front {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }
    section.sectors .post:hover .image .back {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }
}

section.sectors .image {
    -webkit-transition: transform 0.8s;
    transition: transform 0.8s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

section.sectors .front,
section.sectors .back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: transform 0.8s;
    transition: transform 0.8s
}

section.sectors .front div,
section.sectors .back div {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

section.sectors .back {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

section.carousel-testimonial {
    height: 440px;
    overflow: hidden;
    padding: 0
}

@media (max-width: 767px) {
    section.carousel-testimonial {
        height: 740px;
        padding-bottom: 300px
    }
    section.carousel-testimonial .overlay {
        height: 740px
    }
}

@media (max-width: 415px) {
    section.carousel-testimonial {
        height: 790px;
        padding-bottom: 350px
    }
    section.carousel-testimonial .overlay {
        height: 790px
    }
}

section.carousel-testimonial .carousel-indicators {
    padding-left: 0;
    bottom: -30px
}

@media (max-width: 1024px) {
    section.carousel-testimonial .carousel-indicators {
        padding-left: 15px
    }
}

section.carousel-testimonial .media {
    float: right
}

@media (max-width: 767px) {
    section.carousel-testimonial .media {
        float: none
    }
}

@media (max-width: 767px) {
    section.carousel-testimonial .text {
        padding-top: 100px
    }
}

@media (max-width: 415px) {
    section.carousel-testimonial .text {
        padding-top: 80px
    }
}

section.carousel-testimonial .carousel-control.left img {
    left: -30px
}

@media (max-width: 768px) {
    section.carousel-testimonial .carousel-control.left img {
        left: -15px
    }
}

@media (max-width: 768px) {
    section.carousel-testimonial .carousel-control.right img {
        right: -15px
    }
}

section.carousel-testimonial .container {
    padding-top: 40px;
    padding-bottom: 40px
}

section.carousel-testimonial .item .quote-icon {
    margin-bottom: 15px
}

section.carousel-testimonial .item .quote {
    font-size: 28px;
    line-height: 1.21429;
    letter-spacing: 0em;
    font-weight: 400;
    margin-bottom: 30px
}

@media (max-width: 768px) {
    section.carousel-testimonial .item .quote {
        font-size: larger
    }
}

section.carousel-testimonial .item .author {
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 0em;
    font-weight: 200
}

@media (max-width: 768px) {
    section.carousel-testimonial .item .author {
        font-size: large
    }
}

section.carousel-testimonial .item .content {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

section.carousel-testimonial .item .content h1,
section.carousel-testimonial .item .content h2 {
    text-align: right;
    font-size: 50px;
    line-height: .9;
    letter-spacing: 0em;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 30px;
    margin-bottom: 30px;
    position: relative
}

section.carousel-testimonial .item .content h1,
section.carousel-testimonial .item .content h2:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    height: 1px;
    width: 100px;
    border-bottom: 5px solid #233C88
}

section.carousel-testimonial .video {
    margin-top: 45px
}

section.carousel-testimonial .video iframe {
    width: 100%
}

section.carousel-testimonial .image img {
    max-width: 100%
}

section.timeline {
    padding-top: 30px;
    padding-bottom: 60px
}

section.timeline .year {
    position: relative
}

section.timeline .year .timeline {
    position: absolute;
    top: 50px;
    bottom: 30px;
    left: 0;
    right: 50%;
    border-right: 1px solid #fff
}

section.timeline .year .date {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 40px;
    line-height: 1.125;
    letter-spacing: 0em;
    font-weight: 400
}

section.timeline .year .item .text {
    font-size: 18px;
    line-height: 1.44444;
    letter-spacing: 0em;
    font-weight: 200;
    margin-bottom: 30px
}

section.timeline .year .item .text h1,
section.timeline .year .item .text h2,
section.timeline .year .item .text h3,
section.timeline .year .item .text h4 {
    margin-top: 0;
    font-size: 28px;
    line-height: 1.28571;
    letter-spacing: 0em;
    font-weight: 400
}

section.timeline .year .item .image {
    margin-bottom: 60px
}

section.timeline .year .item .image img {
    max-width: 100%
}

section.timeline .item.right .image img {
    float: right
}

section.timeline .item.right .gap {
    float: right
}

section.timeline .item.right .text {
    float: right
}

@media (max-width: 991px) {
    section.timeline .item .gap,
    section.timeline .item.right .gap {
        float: left
    }
    section.timeline .item .image,
    section.timeline .item .text,
    section.timeline .item.right .image,
    section.timeline .item.right .text {
        float: right
    }
    section.timeline .item .image img,
    section.timeline .item .text img,
    section.timeline .item.right .image img,
    section.timeline .item.right .text img {
        float: none
    }
    section.timeline .item .image,
    section.timeline .item.right .image {
        text-align: center
    }
    section.timeline .year .timeline {
        left: 8.3333333%;
        right: inherit;
        bottom: 5px
    }
    section.timeline .year .date {
        left: 0;
        right: 83.3333333%
    }
}

@media (max-width: 415px) {
    section.timeline .year .date {
        font-size: 20px;
        line-height: 2.25;
        letter-spacing: 0em;
        font-weight: 400
    }
}

section.locations .block,
section.location .block {
    padding-bottom: 30px
}

section.locations .block h3,
section.location .block h3 {
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: 0em;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative;
    padding-top: 30px;
    color: #000;
    text-decoration: none;
    outline: none
}

section.locations .block h3:before,
section.location .block h3:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 67px;
    border-bottom: 4px solid #233C88
}

section.locations .block a:focus,
section.locations .block a:hover,
section.location .block a:focus,
section.location .block a:hover {
    color: #000;
    text-decoration: none;
    outline: none
}

section.locations .block p,
section.location .block p {
    margin-bottom: 0
}

section.locations .block .post-info>div,
section.location .block .post-info>div {
    margin-bottom: 25px;
    padding-left: 35px;
    position: relative
}

section.locations .block img,
section.location .block img {
    position: absolute;
    top: 0;
    left: 0
}

section.locations .block .email img,
section.location .block .email img {
    top: 5px
}

section.location .post-info .number img, section.location .post-info .email img {
	/* display:none;*/
}

section.location .row.info {
    padding-top: 40px
}

section.location .wpcf7-form input {
    max-width: 100%;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 600;
    border: 1px solid #FFFFFF;
    background: none;
    margin-bottom: 20px;
    padding: 16px
}

section.location .wpcf7-form input::placeholder,
section.location .wpcf7-form textarea::placeholder {
    color: #FFFFFF;
    text-transform: uppercase
}

section.location .wpcf7-form::-webkit-input-placeholder {
    color: #FFFFFF;
    text-transform: uppercase
}

section.location .wpcf7-form::-moz-placeholder {
    color: #FFFFFF;
    text-transform: uppercase
}

section.location .wpcf7-form:-ms-input-placeholder {
    color: #FFFFFF;
    text-transform: uppercase
}

section.location .wpcf7-form:-moz-placeholder {
    color: #FFFFFF;
    text-transform: uppercase
}

section.location .wpcf7-form::-ms-input-placeholder {
    color: #FFFFFF;
    text-transform: uppercase
}

section.location .wpcf7-form input[type="text"],
section.location .wpcf7-form input[type="email"] {
    width: 100%
}

section.location .wpcf7-form textarea {
    width: 100%;
    max-width: 100%;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 600;
    border: 1px solid #FFFFFF;;
    background: none;
    margin-bottom: 20px;
    padding: 16px
}

section.location .wpcf7-form input:focus,
section.location .wpcf7-form input:hover,
section.location .wpcf7-form input:active,
section.location .wpcf7-form textarea:focus,
section.location .wpcf7-form textarea:hover,
section.location .wpcf7-form textarea:active {
    outline: none
}

section.location .wpcf7-form input[type="submit"] {
    background: #233C88;
		color: #fff;
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: 0em;
    font-weight: 400;
    border: 0px;
    width: 75%;
    text-transform: uppercase
}

section.location .wpcf7-form input[type="hidden"] {
    height: 0;
    margin: 0;
    padding: 0
}

section.project-content .button.white {
    width: 100%;
    padding: 5px;
    margin-top: 20px
}

section.project-content .project-information {
    border-top: 1px solid #233C88
}

section.project-content .project-information .info-box {
    border-bottom: 1px solid #233C88;
    padding-top: 12px;
    padding-bottom: 12px
}

section.project-content .project-information .info-box .info-title {
    font-weight: 200;
    font-size: 16px;
    text-transform: uppercase
}

section.project-content .project-information .info-box .info-value {
    font-size: 16px;
    font-weight: normal
}

section.project-content .project-information .fa-file-o {
    margin-right: 10px;
    font-size: 24px
}

section.project-content h1 {
    font-size: 50px;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 30px;
    margin-bottom: 30px;
    position: relative
}

section.project-content h1:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 165px;
    border-bottom: 5px solid #233C88
}

section.project-content h2 {
    font-size: 30px;
    line-height: 1.66667;
    letter-spacing: 0em;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 30px;
    margin-bottom: 30px;
    position: relative
}

section.project-content h2:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 165px;
    border-bottom: 5px solid #233C88
}

section.project-content h3 {
    font-size: 18px
}

section.location h1 {
    text-align: center
}

section.location h1:before {
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%)
}

body.home section.page-header {
    /*height: 750px;*/ /* mb */ /* should change dynamically via jquery */
		height: 100vh;
    overflow: hidden;
}

@media (max-width: 415px) {
    body.home section.page-header {
        height: 570px
    }
}

body.home section.page-header .overlay {
    /*height: 750px;*/ /* mb */
		height: 100vh;
		top: -72px;
}

@media (max-width: 415px) {
    body.home section.page-header .overlay {
        height: 570px
    }
}

#posts {
    padding-top: 80px;
    margin-top: -80px
}

section.map {
    max-width: 1300px;
    margin: 0 auto
}

section.map [data-role="map"],
section.map .project-map {
    height: 535px
}

section.map .gm-style div div div div div div div div:not(.info-window) {
    /*border: 2px solid #233C88;
    border-top: 2px solid #fff;*/
    z-index: 1
}

section.map .gm-style>div:first-child>div:last-child>div:last-child>div:first-child>div:first-child>div:nth-child(4) {
    border: 2px solid #233C88
}

section.map .gm-style div div div div div div div {
    /* top: 0 !important*/
}

section.map .gm-style div div div div div div div:first-child div:not(.info-window) {
    border-right: 0px
}

section.map .gm-style div div div div div div div:last-child div:not(.info-window) {
    border-left: 0px
}

section.map .gm-style .info-window {
    padding-left: 20px
}

section.map .gm-style .info-window span {
    display: block
}

section.map .gm-style .info-window .name {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    color: #5b6770;
    text-transform: uppercase
}

section.map .gm-style .info-window .city {
    font-size: 16px;
    text-align: center;
    color: #5b6770;
    text-transform: uppercase
}

section.search-results {
    padding-bottom: 60px
}

section.search-results .result-info {
    padding-bottom: 30px
}

section.search-results a,
section.search-results a:focus,
section.search-results a:hover,
section.search-results a:active,
section.search-results a:visited {
    outline: none;
    color: #fff;
    text-decoration: none
}

section.search-results .item {
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 20px
}


/*# sourceMappingURL=maps/app.css.map */

@media screen and (max-width:991px) {
	.images-with-titles .row .container .block {
		margin-bottom:30px;
	}
	.images-with-titles .row .container .block .title {
		padding-bottom:5px;
	}
}

.intro-text {
	color:#233C88;
	font-size:20px;
}