.button[data-animation]:hover::after {
    top: 0 !important;
}
.button {
        font-weight: 500;
    line-height: 36px;
    min-width: 220px;
    height: 40px;
    padding: 0 20px !Important;
    border: solid #366092 !important;
    border-width: 1px 1px 3px !important;
    
}



.button.large {
    font-size: 20px;
    line-height: 50px;
    min-width: 0;
    height: 54px;
    padding: 0 25px
}
.button.small {
    font-size: 16px;
    line-height: 38px;
    min-width: 0;
    height: 42px;
    padding: 0 15px
}
.button.tiny {
    font-size: 14px;
    line-height: 30px;
    min-width: 0;
    height: 34px;
    padding: 0 10px
}
.button[data-animation] {
    position: relative;
    overflow: hidden;
    -webkit-transition: line-height .1s linear 0s;
    transition: line-height .1s linear 0s;
    color: transparent;
    background: 0 0
}
.button[data-animation]:after,
.button[data-animation]:before {
    position: absolute;
    right: 0;
    left: 0;
    height: 100%;
    padding: 0 20px;
    content: attr(data-animation);
    -webkit-transition: top .1s linear 0s;
    transition: top .1s linear 0s
}
.main-heading .heading:before,
.page-content ul li:before,
.page-content:before {
    content: ''
}
.button[data-animation]:before {
    top: 0;
    color: #366092
}
.button[data-animation]:after {
    top: 100%;
    color: #fff;
    background: #366092
}
.button[data-animation]:hover {
    color: transparent;
    background: 0 0
}
.button[data-animation]:hover:before {
    top: -100%
}
.button[data-animation]:hover:after {
    top: 0
}
.button.two-lines {
    font-size: 16px;
    line-height: 18px;
    white-space: normal
}
.button.two-lines:after,
.button.two-lines:before {
    padding: 0 20px
}
#main {
    padding-top: 70px
}
.main-heading {
    position: relative;
    overflow: hidden;
    min-height: 150px;
    margin: 0 0 72px
}

.gallery-intro {
    margin: 0 0 50px
}
.empty .gallery-intro {
    margin-bottom: 0!important
}
.gallery-intro .items {
    background: #000
}
.gallery-intro .item {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 62.5%;
    -webkit-transition: padding .25s;
    transition: padding .25s
}
.gallery-intro .item .bg,
.gallery-intro .item:before,
.gallery-intro .txt {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}
.gallery-intro .item:before {
    z-index: 1;
    content: '';
    -webkit-transition: background .25s linear .1s;
    transition: background .25s linear .1s;
    background: rgba(0, 0, 0, .22)
}
.gallery-intro .item .bg {
    -webkit-transition: opacity .25s linear .25s;
    transition: opacity .25s linear .25s;
    background-position: 50% 50%;
    background-size: cover
}
.gallery-intro .txt {
    z-index: 2;
    text-align: center
}
.gallery-intro .txt:after,
.gallery-intro .txt:before {
    top: 100%;
    left: 50%;
    position: absolute;
    content: '';
    background: #366092
}
.gallery-intro .txt:before {
    width: 60px;
    height: 1px;
    margin: -1px 0 0 -30px
}
.gallery-intro .txt:after {
    width: 1px;
    height: 100px;
    -webkit-transition: height .25s linear 0s;
    transition: height .25s linear 0s
}
.gallery-intro .title {
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    position: absolute;
    top: 50%;
    right: 10px;
    left: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-transform: uppercase;
    color: #000
}
.gallery-intro .button {
    margin: 0
}
.gallery-intro .num {
    position: absolute;
    z-index: -1;
    bottom: 50%;
    left: 50%;
    width: 106px;
    height: 95px;
    margin: 0 0 -51px 1px;
    text-align: left;
    opacity: .3
}
.gallery-intro .num svg {
    display: block;
    height: 100%
}
.gallery-intro .num .st0 {
    fill: #fff
}
.about-block .slide-num .st0,
.industries-block .slide-num .st0,
.industries-info .slide-num .st0,
.recent-block .slide-num .st0,
.service-info .slide-num .st0 {
    fill: #f0f0f7
}
.transactions-section {
    position: relative;
    margin: 50px 0
}
.empty .transactions-section {
    display: none
}
.transactions-section:before {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    width: 1px;
    height: 200px;
    margin-top: -10px;
    content: '';
    background: #366092
}
.transactions-section .special-button {
    font: 700 20px/20px 'Playfair Display', Times, serif;
    position: relative;
    display: block;
    overflow: hidden;
    width: 270px;
    margin: 10px auto 20px;
    padding: 10px 20px 20px;
    -webkit-transition: color .25s, background .25s;
    transition: color .25s, background .25s;
    text-align: center;
    color: #366092;
    border: 1px solid #366092;
    background: #fafafc
}
.transactions-section .special-button:hover {
    color: #fff;
    background: #366092
}
.transactions-section .special-button:before {
    font-family: icomoon!important;
    font-size: 216px;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    line-height: 24px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    content: '\e903';
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased
}
.slides .heading:before,
.slides .slide:before,
.transactions-section .box:before,
.transactions-section .boxes:after,
.transactions-section .heading:before {
    content: ''
}
.transactions-section .frame {
    padding: 10px;
    border: 1px solid #366092
}
.transactions-section .heading {
    position: absolute;
    right: 20px;
    bottom: 100%;
    left: 20px
}
.transactions-section .heading:before {
    position: absolute;
    top: 50%;
    left: -10px;
    height: 100px;
    margin-top: -50px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    border-left: 1px solid #366092
}
.transactions-section h1 {
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    margin: 0;
    text-transform: uppercase;
    color: #000
}
.transactions-section .boxes:after {
    display: table
}
.transactions-section .box {
    position: relative;
    margin: 0 0 20px 20px;
    padding: 33px 10px 8px 29px;
    border: 1px solid #366092;
    background: #fff
}
.transactions-section .box:before {
    position: absolute;
    top: 24px;
    bottom: 24px;
    left: -50px;
    width: 100px;
    -webkit-transition: width .25s;
    transition: width .25s;
    background: #fafafc
}
.transactions-section .box:hover:before {
    width: 85%
}
.transactions-section .box+.box,
.transactions-section .box+.box+.box {
    margin: 0 0 20px 20px
}
.transactions-section h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    position: relative;
    margin: 0 0 22px;
    color: #000
}
.transactions-section h2 a {
    -webkit-transition: color .25s;
    transition: color .25s;
    color: #000
}
.transactions-section h2 a:hover {
    color: #366092
}
.transactions-section .logo-holder {
    position: relative;
    width: 200px;
    height: 95px;
    margin: 0 0 22px -51px;
    text-align: center;
    border: 1px solid #fafafc;
    background: #fff
}
.transactions-section .logo-holder img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 90%;
    max-height: 90%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.transactions-section p {
    position: relative;
    margin: 0
}
.transactions-section .button-row {
    text-align: center
}
.transactions-section .button {
    max-width: 300px;
    margin: 0 0 15px
}
.paging-block {
    position: relative;
    height: 100px;
    background: #f0f0f7
}
.empty .paging-block {
    display: none
}
.paging-block .next,
.paging-block .prev {
    width: 40px;
    height: 100%
}
.paging-block .next a,
.paging-block .prev a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}
.paging-block .next i,
.paging-block .prev i {
    font-size: 38px;
    line-height: 38px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #366092
}

  


@media screen and (orientation: landscape) {
    .hide-for-portrait,
    .show-for-landscape {
        display: block!important
    }
    .hide-for-landscape,
    .show-for-portrait {
        display: none!important
    }
}
@media screen and (orientation: portrait) {
    .hide-for-portrait,
    .show-for-landscape {
        display: none!important
    }
    .hide-for-landscape,
    .show-for-portrait {
        display: block!important
    }
}
@media screen and (min-width: 0\0) {
    select {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)
    }
}
@media screen and (max-width: 0),
screen and (min-width: 40em) {
    .show-for-small-only {
        display: none!important
    }
}
@media screen and (max-width: 39.9375em),
screen and (min-width: 64em) {
    .show-for-medium-only {
        display: none!important
    }
}
@media screen and (min-width: 40em) {
   
    .gallery-intro {
        overflow: hidden;
        width: 100%;
        height: calc(100vh - 100px)
    }
    .gallery-intro .items {
        display: table;
        width: 100%;
        table-layout: fixed
    }
    .gallery-intro .item-holder {
        display: table-cell;
        width: 20%;
        -webkit-transition: width .25s linear .1s;
        transition: width .25s linear .1s
    }
    .gallery-intro .item {
        height: calc(100vh - 100px);
        padding-top: 0
    }
    .gallery-intro .item:before {
        background: 0 0
    }
    .gallery-intro .item:after {
        position: absolute;
        top: 20px;
        right: 20px;
        bottom: 20px;
        left: 20px;
        content: '';
        -webkit-transition: opacity .25s linear 0s;
        transition: opacity .25s linear 0s;
        opacity: 0;
        border: 1px solid #366092
    }
    .gallery-intro .item .bg {
        opacity: .85
    }
    .gallery-intro .txt {
        top: auto;
        right: 20px;
        bottom: 43.75%;
        left: 20px;
        -webkit-transition: opacity .25s linear .25s;
        transition: opacity .25s linear .25s;
        -webkit-transform: none;
        transform: none
    }
    .gallery-intro .title {
        font-size: 16px;
        line-height: 30px;
        position: static;
        top: auto;
        right: auto;
        left: auto;
        display: block;
        margin: 0 0 22px;
        -webkit-transition: all .25s linear 0s;
        transition: all .25s linear 0s;
        -webkit-transform: none;
        transform: none;
            font-family: sans !important;
    }
    .gallery-intro .button {
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transition: opacity .25s linear 0s;
        transition: opacity .25s linear 0s;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 0
    }
    .gallery-intro .num {
        bottom: 0;
        width: 100px;
        height: 91px;
        margin: 0 0 18px -6px;
        -webkit-transition: all .25s linear 0s;
        transition: all .25s linear 0s;
        opacity: .3
    }
    .gallery-intro:not(.selected) .items:hover .item-holder .item:before {
        background: rgba(0, 0, 0, .5)
    }
    .gallery-intro:not(.selected) .items:hover .item-holder .txt {
        -webkit-transition: opacity .25s linear 0s;
        transition: opacity .25s linear 0s;
        pointer-events: none;
        opacity: 0
    }
    .gallery-intro:not(.selected) .items:hover .item-holder:hover {
        width: 70%
    }
    .gallery-intro:not(.selected) .items:hover .item-holder:hover .item:before {
        background: 0 0
    }
    .gallery-intro:not(.selected) .items:hover .item-holder:hover .item:after {
        -webkit-transition: opacity .25s linear .5s;
        transition: opacity .25s linear .5s;
        opacity: 1
    }
    .gallery-intro:not(.selected) .items:hover .item-holder:hover .item .bg {
        opacity: 1
    }
    .gallery-intro:not(.selected) .items:hover .item-holder:hover .txt {
        -webkit-transition: opacity .25s linear .5s;
        transition: opacity .25s linear .5s;
        pointer-events: auto;
        opacity: 1
    }
    .gallery-intro:not(.selected) .items:hover .item-holder:hover .txt:after {
        height: 500px;
        -webkit-transition: height .25s linear .25s;
        transition: height .25s linear .25s
    }
    .gallery-intro:not(.selected) .items:hover .item-holder:hover .title {
        font-size: 36px;
        line-height: 36px;
        font-family: sans !important;
        margin: 0 0 76px;
        -webkit-transition: all .25s linear .15s;
        transition: all .25s linear .15s
    }
    .gallery-intro:not(.selected) .items:hover .item-holder:hover .button {
        -webkit-transition: opacity .25s linear .35s;
        transition: opacity .25s linear .35s;
        opacity: 1
    }
    .gallery-intro:not(.selected) .items:hover .item-holder:hover .num {
        width: 200px;
        height: 153px;
        margin: 0 0 32px -10px;
        -webkit-transition: all .25s linear .15s;
        transition: all .25s linear .15s;
        opacity: .5
    }
    .gallery-intro.selected .items .item-holder .item:before {
        background: rgba(0, 0, 0, .5)
    }
    .gallery-intro.selected .items .item-holder .txt {
        -webkit-transition: opacity .25s linear 0s;
        transition: opacity .25s linear 0s;
        pointer-events: none;
        opacity: 0
    }
    .gallery-intro.selected .items .item-holder.active {
        width: 70%
    }
    .gallery-intro.selected .items .item-holder.active .item:before {
        background: 0 0
    }
    .gallery-intro.selected .items .item-holder.active .item:after {
        -webkit-transition: opacity .25s linear .5s;
        transition: opacity .25s linear .5s;
        opacity: 1
    }
    .gallery-intro.selected .items .item-holder.active .item .bg {
        opacity: 1
    }
    .gallery-intro.selected .items .item-holder.active .txt {
        -webkit-transition: opacity .25s linear .5s;
        transition: opacity .25s linear .5s;
        pointer-events: auto;
        opacity: 1
    }
    .gallery-intro.selected .items .item-holder.active .txt:after {
        height: 500px;
        -webkit-transition: height .25s linear .25s;
        transition: height .25s linear .25s
    }
    .gallery-intro.selected .items .item-holder.active .title {
        font-size: 36px;
        line-height: 36px;
        margin: 0 0 76px;
        -webkit-transition: all .25s linear .15s;
        transition: all .25s linear .15s
    }
    .gallery-intro.selected .items .item-holder.active .button {
        -webkit-transition: opacity .25s linear .35s;
        transition: opacity .25s linear .35s;
        opacity: 1
    }
    .gallery-intro.selected .items .item-holder.active .num {
        width: 200px;
        margin: 0 0 32px -10px;
        -webkit-transition: all .25s linear .15s;
        transition: all .25s linear .15s;
        opacity: .5
    }
    .transactions-section {
        margin: 250px 0 211px
    }
    .transactions-section:before {
        height: 440px;
        margin-top: -44px
    }
    .transactions-section .special-button {
        font: 700 24px/36px 'Playfair Display', Times, serif;
        position: absolute;
        z-index: 1;
        top: -35px;
        right: 20px;
        width: 250px;
        height: 70px;
        margin: 0
    }
    .transactions-section .special-button:before {
        line-height: 40px
    }
    .transactions-section .frame {
        margin: 0 0 0 100px;
        padding: 20px
    }
    .transactions-section .heading {
        top: -47px;
        right: 300px;
        bottom: auto;
        left: 16.8%
    }
    .transactions-section .heading:before {
        left: -3px;
        height: 300px;
        margin-top: -190px
    }
    .transactions-section h1 {
        font-size: 48px;
        line-height: 48px
    }
    .transactions-section .boxes {
        margin: 0 0 -88px
    }
    .transactions-section .box {
        float: left;
        width: 29.2%;
        min-height: 500px;
        margin: 179px 0 0 -5%
    }
    .transactions-section .box+.box {
        margin: 39px 0 200px 9.7%
    }
    .transactions-section .box+.box+.box {
        float: right;
        margin: 329px -21px 0 0
    }
    .transactions-section .logo-holder {
        width: 270px;
        height: 130px;
        margin: 0 0 22px -101px
    }
    .transactions-section .button-row {
        position: relative;
        top: -154px;
        clear: both;
        height: 0;
        padding: 0 82px 0 0
    }
    .transactions-section .button {
        min-width: 320px;
        max-width: 320px
    }
    
}
@media screen and (min-width: 1601px) {
    .teammate-lightbox .contacts {
        display: block
    }
    .teammate-lightbox .txt-holder .contacts {
        display: none
    }
    .teammate-lightbox .photo {
        width: 40.2%;
        box-shadow: 0 0 50px rgba(0, 0, 0, .15);
        top: 209px;
        bottom: 59px
    }
    .teammate-lightbox .photo img {
        position: absolute;
        left: 50%;
        min-width: 100%;
        max-width: none;
        height: auto;
        top: 10%;
        -webkit-transform: translate(-50%, -10%);
        transform: translate(-50%, -10%)
    }
}
@media only screen and (min-width: 1650px) {
    .main-nav {
        padding: 45px 59px 0 0
    }
    .home .main-nav {
        padding: 61px 59px 0 0
    }
    .main-nav>li {
        margin: 0 0 0 68px
    }
    .main-nav ul {
        right: -34px;
        left: -34px
    }
    .main-nav>li.has-drop:hover ul {
        top: 24px
    }
    .home .main-nav>li.has-drop:hover ul {
        top: -61px
    }
}
@media only screen and (min-width: 1700px) {
    .gallery-intro.selected .items .item-holder.active .title,
    .gallery-intro:not(.selected) .items:hover .item-holder:hover .title {
        font-size: 60px;
        line-height: 60px
    }
    .gallery-intro .txt {
        right: 60px;
        left: 60px
    }
    .gallery-intro .num {
        width: 240px;
        height: 168px
    }
    .gallery-intro:not(.selected) .items:hover .item-holder:hover .num {
        width: 300px;
        height: 213px;
        margin: 0 0 32px -74px
    }
    .gallery-intro.selected .items .item-holder.active .num {
        width: 300px;
        margin: 0 0 32px -74px
    }
}
@media only screen and (max-width: 1023px) {
    .gallery-intro .button {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: auto;
        min-width: 0;
        max-width: 100%;
        height: auto;
        min-height: 0;
        max-height: 100%;
        padding: 0;
        border: 0
    }
    .gallery-intro .button:after,
    .gallery-intro .button:before {
        display: none
    }
}
@media only screen and (orientation: landscape) and (max-width: 668px) {
    .main-nav {
        padding: 10px
    }
    .main-nav>li {
        padding: 2px 0
    }
    .main-nav .drop {
        padding: 0 40px 10px
    }
    .main-nav .drop .title,
    .main-nav ul li {
        padding: 6px 0
    }
}
@media only screen and (max-width: 639px) {
    #footer .navs ul li:nth-child(3):before {
        display: block;
        overflow: hidden;
        width: 0;
        height: 0
    }
}
@media screen and (max-width: 74.9375em) {
    .top-bar.stacked-for-large .top-bar-left,
    .top-bar.stacked-for-large .top-bar-right {
        width: 100%
    }
}
@media screen and (max-width: 63.9375em) {
    table.stack tfoot,
    table.stack thead {
        display: none
    }
    table.stack td,
    table.stack th,
    table.stack tr {
        display: block
    }
    table.stack td {
        border-top: 0
    }
    .top-bar.stacked-for-medium .top-bar-left,
    .top-bar.stacked-for-medium .top-bar-right {
        width: 100%
    }
    .show-for-large {
        display: none!important
    }
}
@media screen and (max-width: 39.9375em) {
    .media-object.stack-for-small .media-object-section img,
    .reveal {
        width: 100%
    }
    .button-group.stacked-for-small.expanded {
        display: block
    }
    .button-group.stacked-for-small.expanded .button {
        display: block;
        margin-right: 0
    }
    .media-object.stack-for-small .media-object-section {
        display: block;
        padding: 0 0 1rem
    }
    .reveal {
        top: 0;
        left: 0;
        max-width: none;
        height: 100%;
        height: 100vh;
        min-height: 100vh;
        margin-left: 0;
        border: 0;
        border-radius: 0
    }
    .hide-for-small-only,
    .show-for-medium {
        display: none!important
    }
}
@media print {
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }
    * {
        color: #000!important;
        background: 0 0!important;
        box-shadow: none!important;
        text-shadow: none!important
    }
    .show-for-print {
        display: block!important
    }
    .hide-for-print {
        display: none!important
    }
    table.show-for-print {
        display: table!important
    }
    thead.show-for-print {
        display: table-header-group!important
    }
    tbody.show-for-print {
        display: table-row-group!important
    }
    tr.show-for-print {
        display: table-row!important
    }
    td.show-for-print,
    th.show-for-print {
        display: table-cell!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: ' (' attr(href) ')'
    }
    .ir a:after,
    a[href^='javascript:']:after,
    a[href^='#']:after {
        content: ''
    }
    abbr[title]:after {
        content: ' (' attr(title) ')'
    }
    blockquote,
    pre {
        border: 1px solid #282f39
    }
    thead {
        display: table-header-group
    }
    img {
        max-width: 100%!important
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)

    }
}

.button[data-animation]::after, .button[data-animation]::before{padding: 0 !important;}