/* ========================
   Theme Name: CST Tax Legal
   ======================== */


/** Table of Contents:

* 1.0 - Fonts
* 2.0 - Icon-fonts
* 3.0 - Useful classes
* 4.0 - General
    * 4.1 - Forms
    * 4.2 - Buttons
    * 4.3 - Breadcrumbs
* 5.0 - Mobile menu
* 6.0 - Header
* 7.0 - Footer
* 8.0 - Pages
**/

/* 1.0 - Fonts
============================== */
@font-face {
    font-family: 'DIN';
    src: url('../fonts/DIN.eot');
    src: url('../fonts/DIN.eot') format('embedded-opentype'),
         url('../fonts/DIN.woff2') format('woff2'),
         url('../fonts/DIN.woff') format('woff'),
         url('../fonts/DIN.ttf') format('truetype'),
         url('../fonts/DIN.svg#DIN') format('svg');
}
@font-face {
    font-family: 'DINbekBold';
    src: url('../fonts/dinbek_bold-webfont.eot');
    src: url('../fonts/dinbek_bold-webfont.eot') format('embedded-opentype'),
         url('../fonts/dinbek_bold-webfont.woff2') format('woff2'),
         url('../fonts/dinbek_bold-webfont.woff') format('woff'),
         url('../fonts/dinbek_bold-webfont.ttf') format('truetype'),
         url('../fonts/dinbek_bold-webfont.svg#dinbek_bold-webfont') format('svg');
}


/* 2.0 - Icon fonts
============================== */
@font-face {
  font-family: 'icomoon';
  src:  url('../icon-fonts/icomoon.eot?6ahxsj');
  src:  url('../icon-fonts/icomoon.eot?6ahxsj#iefix') format('embedded-opentype'),
    url('../icon-fonts/icomoon.ttf?6ahxsj') format('truetype'),
    url('../icon-fonts/icomoon.woff?6ahxsj') format('woff'),
    url('../icon-fonts/icomoon.svg?6ahxsj#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-menu:before {
  content: "\e907";
}
.icon-eye:before {
  content: "\e903";
}
.icon-mode_comment:before {
  content: "\e904";
}
.icon-search:before {
  content: "\e90b";
}
.icon-close:before {
  content: "\e90a";
}
.icon-share:before {
  content: "\e905";
}
.icon-social:before {
  content: "\e905";
}
.icon-play:before {
  content: "\e909";
}
.icon-angle-left:before {
  content: "\e906";
}
.icon-angle-right:before {
  content: "\e908";
}
.icon-youtube-play:before {
  content: "\e902";
}
.icon-linkedin:before {
  content: "\e900";
}
.icon-facebook-square:before {
  content: "\e901";
}
.icon-twitter:before {
  content: "\e609";
}

/* 3.0 - Useful classes
============================== */

.relative-block{
    position: relative;
}
/*.video img{
    width: 100%;
}*/
.video .play-button{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 4em;
    color: #fff;
}
.circle-list > li{
    list-style: none;
    padding-left: 1.5em;
    position: relative;
}
.circle-list{
    margin-left: 0;
    padding-left: 0;
}
.circle-list > li:before{
    content: "â€¢";
    display: inline-block;
    position: absolute;
    left: 0;
    color: #058de6;
    font-size: 1.5em;
    line-height: 1em;
}
/* 4.0 - General
============================== */
body{
    font-family: DIN;
    font-size: 18px;
    line-height: 1.4;
    color: #5e5d5d;
}
h1, h2, h3, h4, h5, h6{
    font-family: DINbekBold;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #0058a3;
}
h1{
    font-size: 3.33em;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 0.5em;
}
h2{
    line-height: 1;
}
h3{
    text-transform: uppercase;
    font-size: 1.66em;
    color: #152553;
    line-height: 1;
}
h4{
    font-size: 1.11em;
    color: #152553;
    line-height: 1;
}
h6{
}
a{
    transition: all .3s;
}
a:hover{
    
}
strong{
    font-family: DINbekBold;
}
blockquote{
    border: none;
    font-family: DINbekBold;
    text-transform: uppercase;
    color: #0058a3;
    letter-spacing: -0.02em;
    line-height: 1.125em;
    padding: 0;
    position: relative;
}
blockquote:before{
    content: 'â€œ';
    position: absolute;
    top: -0.2em;
    left: -0.5em;
    font-size: 1.5em;
}
blockquote.lead{
    font-size: 2.2em;
    line-height: 1.125em;
}
@media screen and (max-width: 1299px) {
    body{
        font-size: 16px;
    }
    h1{
        font-size: 2.8em;
    }
    h2{
        font-size: 2em;
    }
}
@media screen and (max-width: 63.96em){
    h1{
        font-size: 2.2em;
    }
}
@media screen and (max-width: 39.96em) {
    body{
        font-size: 15px;
        line-height: 1.3;
    }
    p{
        line-height: 1.3;
    }
    h1{
        font-size: 26px;
    }
    h2{
        font-size: 1.6em;
    }
    h4{
        font-size: 1em;
    }
}

/**** 4.1 - Forms ****/
[type='text'], 
[type='password'], 
[type='date'], 
[type='datetime'], 
[type='datetime-local'], 
[type='month'], 
[type='week'], 
[type='email'], 
[type='number'], 
[type='search'], 
[type='tel'], 
[type='time'], 
[type='url'], 
[type='color'],
select,
textarea{
    margin-bottom: 10px;
    height: 49px;
    box-shadow: none;
    background-color: #f0f6fb;
    padding-left: 1em;
}
textarea,
textarea[rows]{
    height: 90px;
}
[type='text']:focus, 
[type='password']:focus, 
[type='date']:focus, 
[type='datetime']:focus, 
[type='datetime-local']:focus, 
[type='month']:focus, 
[type='week']:focus, 
[type='email']:focus, 
[type='number']:focus, 
[type='search']:focus, 
[type='tel']:focus, 
[type='time']:focus, 
[type='url']:focus, 
[type='color']:focus,
textarea:focus{
    
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #5e5d5d;
}
input:-ms-input-placeholder ,
textarea:-ms-input-placeholder {
  color: #5e5d5d;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #5e5d5d;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #5e5d5d;
}
input[type=checkbox]{
    display: none;
}
input[type=checkbox] + label{
    font-size: 1em;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    margin-left: 0;
    color: inherit;
    margin-bottom: 10px;
    line-height: 1;
}
input[type=checkbox] + label:before{
    font-family: icomoon;
    content: '\e90f';
    display: inline-block;
    width: 17px;
    height: 17px;
    min-width: 17px;
    border: 1px solid #f6f6f6;
    background-color: #ebebeb;
    color: rgba(87, 14, 17, 0);
    text-align: right;
    line-height: 13px;
    transition: all .4s;
    margin-top: 7px;
    margin-right: 13px;
}
input[type=checkbox]:checked + label:before{
    color: #570e11;
}
@media screen and (max-width: 39.96em) {
    [type='text'], 
    [type='password'], 
    [type='date'], 
    [type='datetime'], 
    [type='datetime-local'], 
    [type='month'], 
    [type='week'], 
    [type='email'], 
    [type='number'], 
    [type='search'], 
    [type='tel'], 
    [type='time'], 
    [type='url'], 
    [type='color'],
    select,
    textarea{
        height: 40px;
    }
}
/**** 4.2 - Buttons ****/
.button{
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 1em;
    letter-spacing: -0.02em;
}
.button.has-arrow{
    padding-right: 50px;
}
.button.has-arrow:after{
    content: "\e908";
    font-family: icomoon;
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
}
.button.secondary{
    background: #fff;
    color: #003992;
}
.button.third{
    background: #058de6;
}
.button-group .button{
    font-size: 1em;
}
.button-group .button.large{
    font-size: 1.2em;
}
.breadcrumbs{
    
}
.breadcrumbs li{
    
}
.breadcrumbs a:hover,
.breadcrumbs a{
   
}
.breadcrumbs li:not(:last-child)::after{
   
}
@media screen and (max-width: 39.96em) {
    .button-group .button.large,
    .button.large{
        font-size: 1em;
    }
    .button{
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 9px;
    }
    .button.has-arrow{
        padding-right: 35px;
    }
    .button.has-arrow:after{
        right: 15px;
    }
}
/**** 4.4 - Animation ****/
.animate-children > *{
    transition: all 1.2s ease;
    opacity: 0;
    transform: translateY(30px);
}
.animate-children > .complete{
    opacity: 1;
    transform: none;
}

/***** 5.0 - Mobile menu *****/
body.open{
    overflow-x: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.mobile-menu {
    display: none;
}
.mobile-menu .menu{
    padding-top: 5vw;
    max-width: 800px;
}
.mobile-menu .menu a{
    color: inherit;
    font-size: 50px;
    text-transform: uppercase;
    border-top: 1px solid #1c3252;
    padding-top: 1vw;
    padding-bottom: 1vw;
    padding-left: 0;
}
.mobile-menu .menu a:hover{
    background: #1c3252;
}
body.open .menu-toggle{
    background: #1c3252;
    color: #0058a3;
}
body.open .mobile-menu .mobile-menu-footer .menu{
    color: #1c3251;
}
.mobile-menu-footer .menu li{
    font-size: 16px;
    text-transform: uppercase;
    font-family: DINbekBold;
}
body.open .mobile-menu .mobile-menu-footer .menu a:hover,
body.open .mobile-menu .mobile-menu-footer .menu a{
    border: none;
    background: none;
    padding-left: 15px;
    padding-right: 15px;
}
body.open .mobile-menu {
    transform: translateX(96px);
}
@media screen and (max-width: 63.96em) {
    body.open .mobile-menu{
        transform: translateX(80px);
        width: calc(100% - 80px);
    }
}
@media screen and (max-width: 39.96em) {
    .mobile-menu {
        display: block;
        position: fixed;
        top: 0;
        width: calc(100vw - 96px);
        transform: translateX(-39.96em);
        padding: 30px;
        background: #152553;
        min-height: 100%;
        height: 100%;
        overflow-y: auto;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        z-index: 999;
        color: #fff;
    }
    body.open .mobile-menu{
        transform: translateX(60px);
        width: calc(100% - 60px);
        padding-left: 15px;
        padding-right: 15px;
    }
    .mobile-menu .menu a{
        font-size: 1.5em;
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

/* 6.0 - Header
============================== */
/* .header-menu-icon{
    background: #0058a3;
    display: inline-block;
    height: 100%;
    min-height: 100vh;
    position: fixed;
    z-index: 9999;
}
.header-menu-icon .menu-toggle{
    background: #014d8f;
    color: #fff;
    font-size: 44px;
    text-transform: uppercase;
    width: 96px;
    height: 102px;
}
.header-menu-icon .menu-toggle small{
    font-size: 10px;
    font-family: DINbekBold;
} */
.header{
    color: #ffffff;
}
.header a{
    color: inherit;
}
.menu a,
.header-nav a{
    text-transform: uppercase;
    font-family: DINbekBold;
    letter-spacing: -0.02em;
    padding: 2px 15px;
}
.header-top{
    padding-top: 20px;
    padding-bottom: 30px;
    background-color: #152553;
    height: 120px;
}
.header-nav .menu{
    padding-left: 8px;
    padding-right: 8px;
}
.header-nav .menu .sub-menu{
    display: none;
    list-style: none;
    position: absolute;
    background-color: rgba(0, 0, 0, .7);
    left: -20px;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(225, 225, 225, .2);
    top: 130%;
    width: auto;
}
.header-nav .menu .menu-item-has-children{
    position: relative;
}
.header-nav .menu .menu-item-has-children:before{
    content: "";
    border: 10px solid transparent;
    border-bottom-color: rgba(0, 0, 0, .7);
    border-top-width: 0;
    position: absolute;
    top: 100%;
    left: 40%;
    display: none;
}
.header-nav .menu .menu-item-has-children:hover:before{
    display: block;
}
.header-nav .menu .sub-menu a{
    font-size: 16px;
    white-space: nowrap;
    display: block;
    border-bottom: 1px solid #424240;
    margin-left: 20px;
    padding: 13px 20px 13px 0;
    color: #fff;
}
.header-nav .menu .sub-menu a:hover{
    opacity: 0.7;
}
.header-nav .menu li{
    position: relative;
}
.header-nav .menu li:hover > .sub-menu{
    display: block;
    
}
.header-nav > .menu + .menu{
    border-left: 1px solid;
}
.header-nav > .social-menu a{
    font-size: 20px;
}
.header-content,
.header-banner-bg{
    padding-top: 40px;
}
.header-content,
.header-banner-bg{
    padding-bottom: 5vw;
    overflow: hidden;
}
.header-banner-bg {
    min-height: 600px;
    max-height: calc(100% - 80px);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.header-banner-bg .header-banner-heading {
    padding-top: 150px;
    color: #ffffff;
}
.header-banner-bg .header-banner-heading h1 {
    color: inherit;
    line-height: 1.2;
    color: #ffffff;
}
.head-intro{
    padding-right: 90px;
    transform: translateX(90px);
    position: relative;
}
.head-intro-label span{
    display: inline-block;
    font-size: 16px;
    font-family: DINbekBold;
    color: #008aff;
    text-transform: uppercase;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    transform-origin: left;
    position: absolute;
    right: -80px;
    top: 0;
}
.head-intro:before, 
.head-intro:after {
    content: "";
    display: block;
    position: absolute;
    right: 50px;
}
.head-intro:before{
    width: 10px;
    height: 10px;
    background: #008aff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: -15px;
    margin-right: -4px;
}
.head-intro:after {
    width: 1px;
    height: 100vh;
    background: #008aff;
    top: -15px;
}
.head-intro .head-intro-text{
    line-height: 1.3;
}
.logo{
    margin: 0;
}
.logo img {
    max-height: 80px;
}
@media screen and (max-width: 1299px) {
    
}
@media screen and (max-width: 63.96em) {
    .header-menu-icon{
        position: absolute;
        min-height: 0;
        height: auto;
    }
    .header-menu-icon .menu-toggle{
        position: absolute;
        width: 80px;
        height: 90px;
    }
    .header-top{
        padding: 20px !important;
    }
    .header-nav > .social-menu{
        border-left: none!important;
    }
    .header-nav > .social-menu a{
        font-size: 35px;
    }
    .header-content{
        padding-top: 30px;
    }
}
@media screen and (max-width: 39.96em) {
    .header-menu-icon .menu-toggle{
        width: 60px;
        height: 65px;
        font-size: 25px;
    }
    .header-top{
        padding: 15px !important;
        height: 80px;
    }
    /* .header-top .logo img{
        width: 60px;
    } */
    .header-nav > .social-menu a{
        padding-left: 10px;
        padding-right: 10px;
        font-size: 26px;
    }
    .header-content{
        padding-top: 20px;
    }
}
/* 7.0 - Footer
======================================= */
.footer{
    
}
.footer-top{
    padding-top: 40px;
    padding-bottom: 40px;
}
hr.clear-line,
.footer hr{
    margin: 0;
    max-width: none;
    border-color: #ebebeb;
}
.footer-top .menu a{
    padding-left: 5px;
    padding-right: 5px;
}
.footer-middle{
    padding-top: 40px;
    padding-bottom: 40px;
}
.footer-middle .social-menu a{
    font-size: 2em;
}
.footer-bottom{
    background-color: #f5f4f4;
    padding-top: 40px;
    padding-bottom: 40px;
    color: #aaaaaa;
}
.footer-bottom a{
    color: inherit;
}
.footer-bottom ul li a{
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: underline;
}
.footer-bottom ul li + li > a{
    border-left: 1px solid #aaa;
}
@media screen and (max-width: 63.96em) {
    .footer-top,
    .footer-middle,
    .footer-bottom{
        padding-top: 25px;
        padding-bottom: 25px;
    }
}
@media screen and (max-width: 39.96em) {
    .footer-top .menu > li:first-child{
        display: none;
    }
    .footer-top .menu > li{
        flex: 1 1 100%;
    }
    .footer-top {
        padding-top: 0;
        padding-bottom: 0;
    }
    .footer-top .foot-nav{
        margin-left: -0.9375rem;
        margin-right: -0.9375rem;
    }
    .footer-top .menu > li + li{
        border-bottom: 1px solid #ebebeb;
    }
    .footer-top .menu a{
        font-size: 19px;
        padding-top: 5vw;
        padding-bottom: 5vw;
    }
    .footer-middle{
        padding-top: 4vw;
        padding-bottom: 4vw;
    }
    .footer .mobile-middle{
        padding-top: 7vw;
        padding-bottom: 7vw;
    }
    .copyright > li a{
        font-size: 15px;
    }
    /* .copyright > li:last-child{
        display: none;
    } */
}
/* 8.0 - Pages
======================================= */
.blue-section{
    background-color: #0058a3;
    color: #fff;
}
.blue-section h2,
.blue-section h3{
    color: inherit;
}
.markets-section{
    padding-top: 85px;
    padding-bottom: 40px;
}
.partner-box{
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 16rem;
    background-color: #004179;
    position: relative;
    padding-top: 12rem;
    padding-bottom: 1px;
    height: 100%;
    color: #fff;
}
.partners-row .slick-track{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-left: 0;
    margin-right: 0;
}
.partners-row .slick-track .sl{
    height: auto;
}
.partners-row .slick-dots{
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
    border-top: 1px solid #023764;
    padding-top: 3%;
}
.slick-dots > li{
    margin-left: 4%;
    margin-right: 4%;
}
.slick-dots > li > button{
    background-color: #024a88;
    border: none;
    width: 10px;
    height: 10px;
}
.slick-dots > li.slick-active > button{
    background-color: #023764;
}
.partner-box figcaption {
    padding: 3rem 10% 30px;
    background: linear-gradient(rgba(0, 65, 121, 0) 0%, rgba(0, 65, 121, 0.92) 11%, #004179 19%);
}
.partner-box figcaption a{
    color: inherit;
}
.partner-box .button{
    position: absolute;
    left: 20px;
    bottom: 0;
    margin: 0;
    transform: translateY(50%);
    color: #024f91;
}
.partner-box figcaption h3{
    font-size: 1.11em;
    color: inherit;
}
.partners-row{
    padding-top: 30px;
}
.partners-row .sl{
    padding-top: 30px;
    margin-bottom: 70px;
    padding-left: 13px;
    padding-right: 13px;
}
.partners-reviews-section{
    padding-top: 90px;
    padding-bottom: 75px;
    color: #5e5d5d;
}
.partners-reviews-section h3{
    color: #0058a3;
}
.partners-reviews-section .review-text{
    padding-left: 10%;
}
.review-slider{
    padding-top: 40px;
}
.review-slider .slick-arrow{
    color: #0058a3;
    font-size: 3em;
    cursor: pointer;
}
.review-video{
    padding-left: 40px;
}
.review-slider > .sl:not(:first-child){
    display: none;
}
.review-slider .slick-arrow.slick-prev{
    left: 0;
}
.review-slider .slick-arrow.slick-next{
    right: 30%;
}
.m-services-section{
    background-color: #024f91;
    padding-top: 150px;
    padding-bottom: 150px;
    color: #fff;
}
.m-services-section h2{
    color: inherit;
}
.reasons-section{
    padding-bottom: 45px;
}
.reasons-section .tabs{
    border: none;
    border-top: 1px solid #ebebeb;
}
.reasons-section .tabs-content{
    border: none;
}
.reasons-section .tabs-panel{
    padding: 0;
}
.reasons-section .tabs-title{
    position: relative;
    flex-grow: 1;
    padding-top: 50px;
}
.reasons-section .tabs-title.is-active:before{
    content: "";
    display: inline-block;
    width: 70%;
    height: 8px;
    background: linear-gradient(to right, #038be2, #005699);
    position: absolute;
    top: 0;
    left: 0;
}
.reasons-section .tabs-title a{
    font-size: 1em;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding-left: 0;
    color: #5e5d5d;
}
.reasons-section .tabs-title a:focus, 
.reasons-section .tabs-title a[aria-selected='true']{
    background: none;
    padding-left: 0;
    outline: none;
}
.reasons-section .tabs-title h4{
    color: #0058a3;
    margin-bottom: 20px;
}
.tab-content-left{
    max-width: 630px;
    padding-left: 15px;
    padding-right: 8%;
}
.blog-section{
    padding-top: 50px;
    background: #f7f7f7;
}
.article-img > img{
    width: 100%;
}
.article-details {
    padding: 12% 6% 6% 6%;
    background: linear-gradient(rgba(255, 255, 255, 0) 2%, rgba(255, 255, 255, 1) 8%, #fff);
    margin-top: -12%;
    position: relative;
    z-index: 1;
}
.article-info{
    background: #fff;
    padding-left: 6%;
    border-top: 1px solid #ebebeb;
}
.cst-article .article-info > .shrink {
    border-left: 1px solid #ebebeb;
    padding: 20px;
}
.cst-article .article-info a {
    text-decoration: none;
    color: #5e5d5d;
    display: inline-block;
    margin: 5px;
}
.cst-article .article-info a span[class^=icon] {
    color: #cdcdcd;
}
.cst-articles-slider .slick-track{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.cst-articles .sl{
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 25px;
}
.cst-articles-slider .cst-article{
    height: 100%;
    box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.1);
}
.cst-articles-slider .slick-track .slick-slide{
    height: auto;
}
.cst-articles-slider .slick-dots{
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #ebebeb;
    margin-left: -15px;
    margin-right: -15px;
}
.cst-articles{
    padding-top: 40px;
    padding-bottom: 45px;
}
.blog-section{
    padding-bottom: 40px;
}
.meeting-figure{
    background-size: cover;
}
.section-meeting{
    background: #024f91;
    color: #fff;
}
.section-meeting h2{
    color: inherit;
}
.meeting-cont{
    max-width: 450px;
    padding-top: 4vw;
    padding-bottom: 4vw;
    margin-left: auto;
    margin-right: auto;
}
.meeting-body label{
    display: none;
}
.meeting-body #field_6_1 .ginput_container{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-left: -5px;
    margin-right: -5px;
}
.meeting-body .ginput_container > span{
    padding-left: 5px;
    padding-right: 5px;
    flex-grow: 1;
}
.meeting-cont ul,
.gform_fields{
    list-style: none;
    padding: 0;
    margin: 0;
}
.gform_footer .button{
    width: 100%;
    background-color: #009aff;
}
.page-heading{
    padding-top: 6vw;
    padding-bottom: 6vw;
    color: #fff;
    background-color: #0058a3;
    border-bottom: 1px solid #023764;
}
.page-heading .button:not(.secondary){
    background-color: #00437b;
}
.reasons-section .accordion-content{
    padding: 0;
}
.reasons-section .accordion-content .tab-content-left{
    max-width: none;
    padding: 5%;
}
.reasons-section .accordion-title h4{
    font-size: 20px;
    color: #0058a3;
    margin: 0;
}
.reasons-section .is-active > .accordion-title{
    display: none;
}
.accordion-title::before{
    font-size: 20px;
    font-family: DINbekBold;
    color: #bec0c2;
}
    .cst-articles-slider .slick-dots > li > button{
        background-color: #c0c0c0;
    } 
    .cst-articles-slider .slick-dots > li.slick-active > button{
        background-color: #898989;
    } 
@media screen and (max-width: 1299px){
    .partners-reviews-section .review-text blockquote.lead{
        font-size: 1.7em;
    }
    .tab-content-left .button{
        padding-left: 15px;
        padding-right: 15px;
    }
    .tab-content-left .button.has-arrow{
        padding-right: 50px;
    }
}
@media screen and (max-width: 63.96em) {
    .markets-section{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .review-video{
        padding-left: 20px;
        padding-right: 20px;
    }
    .review-slider .slick-arrow.slick-prev{
        left: -10px;
    }
    .review-slider .slick-arrow.slick-next{
        right: -10px;
    }
    .partners-reviews-section .review-text{
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 30px;
    }
    .partners-reviews-section{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .review-slider{
        padding-top: 20px;
    }
    .m-services-section{
        padding-top: 10%;
        padding-bottom: 10%;
    }
    .reasons-section{
        padding-bottom: 0;
    }
    .reasons-section .accordion{
        margin: 0;
    }
    .blog-section .button-group{
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 0;
        background: #fff;
        padding: 20px;
    }
    .blog-section .button-group .button{
        width: 100%;
    }
    .blog-section{
        padding-top: 35px;
        padding-bottom: 0;
    }
    .cst-articles{
        padding-bottom: 0;
    }
}
@media screen and (max-width: 39.96em) {
    .markets-section{
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .partners-row{
        padding-top: 20px;
    }
    .partners-row .sl{
        padding-top: 0;
        margin-bottom: 40px;
    }
    .video .play-button{
        font-size: 2.5em;
    }
    .partners-reviews-section .review-text blockquote.lead{
        font-size: 1.25em;
        margin-bottom: 6px;
    }
    .review-slider{
        padding-top: 15px;
    }
    .partners-reviews-section{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .review-video{
        padding-left: 10px;
        padding-right: 10px;
    }
    .reasons-section .accordion-title h4{
        font-size: 17px;
    }
    .tab-content-left .button.has-arrow{
        padding-right: 25px;
    }
    .tab-content-left .button.has-arrow:after{
        right: 9px;
    }
    .cst-articles .sl{
        padding-left: 5px;
        padding-right: 5px;
    }
    .blog-section h2{
        font-size: 34px;
    }
    .article-details h3{
        font-size: 19px;
    }
    .cst-articles{
        padding-top: 10px;
    }
    .meeting-cont{
        padding-top: 12vw;
        padding-bottom: 10vw;
    }
}


/**** Internal Page ****/
.internal-page .reasons-section{
    padding-top: 90px;
    overflow: hidden;
}
.no-hedaer-img.internal-page .reasons-section{
    padding-top: 30px;
}
.internal-page .reasons-section .tab-cont-right img{
    max-width: none;
    min-width: 100%;
}
.internal-page .reasons-section .tabs-content{
    padding-bottom: 80px;
}
.internal-page .reasons-section .tab-content-left{
    max-width: 917px;
}
@media screen and (max-width: 63.96em) {
    .no-hedaer-img.internal-page .reasons-section,
    .internal-page .reasons-section{
        padding-top: 0;
    }
}

/**** Contact page ****/
.contact-page .header{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 0;
    background: none;
}
.contact-page .header-top{
    padding-left: 96px;
}
.contact-page .meeting-cont{
    padding-top: 150px;
    padding-bottom: 130px;
}
@media screen and (max-width: 39.96em) {
    .contact-page .header-top{
        padding-left: 50px;
    }
    .contact-page .meeting-cont{
        padding-top: 100px;
        padding-bottom: 50px;
    }
}

/**** Firms raster *****/
.firms-list{
    padding-top: 30px;
}
.firms-list .partner-box {
    background: #fff;
    margin-bottom: 30px;
    height: calc(100% - 30px);
}
.firms-list .partner-box figcaption {
    flex-grow: 1;
    background: #fff;
    color: #0058a3;
    padding: 30px 7% 15px;
    transform: translateY(3px);
}
.firms-list .partner-box .button{
    position: static;
    transform: translateY(3px);
    margin: 0;
    width: 100%;
    color: #fff;
    padding: 20px 7%;
    text-align: left;
}
.firms-list .partner-box .button.has-arrow:after{
    font-size: 1.5em;
}
.firms-section{
    padding-top: 80px;
    padding-bottom: 50px;
}
.firms-list .partner-box .button:hover{
    background-color: #0d79c0;
}
@media screen and (max-width: 63.96em) {
    .firms-section{
        padding-top: 55px;
        padding-bottom: 35px;
    }
}
@media screen and (max-width: 39.96em) {
    .firms-section{
        padding-top: 30px;
        padding-bottom: 20px;
    }
}

/**** Blog single ****/
.single-heading .button{
    padding: 10px 22px;
    text-transform: uppercase;
    font-family: DINbekBold;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.32);
    background: linear-gradient(to right, #0180d1, #005699);
}
.single-heading .button:hover{
    background: linear-gradient(to right, #005699, #0180d1);
}
.single-content-area .row{
    max-width: 1170px;
}
.post-entry {
    font-size: 1.16em;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb;
}
.post-entry .flex-child-grow{
    padding-top: 8px;
    padding-bottom: 8px;
}
.post-entry .flex-child-grow:last-child{
    border-left: 1px solid #ebebeb;
}
.post-entry a{
    color: inherit;
}
.post-entry a:hover{
    color: #000;
}
.post-content{
    padding-top: 65px;
    padding-bottom: 40px;
    font-size: 1.11em;
}
.post-content p{
    margin-bottom: 1.2em;
}
.post-content p{
    margin-bottom: 1.2em;
}
#comments{
    border-top: 1px solid #ebebeb;
    padding-top: 20px;
    padding-bottom: 20px;
}

@media screen and (max-width: 39.96em) {
    .post-entry{
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .post-content{
        padding-top: 25px;
    }
    .single-content-area{
        padding-left: 10px;
        padding-right: 10px;
    }
    .post-entry .flex-container{
        flex-wrap: wrap;
    }
    .post-entry .flex-child-grow{
        text-align: left!important;
        flex: 1 1 100%;
        padding-top: 4px;
        padding-bottom: 4px;
    }
    .post-entry .flex-child-grow:last-child{
        display: none;
    }
}

/**** Blog index ****/
.quote-author {
    font-size: 1.38em;
    color: #898989;
}
.search-form{
    
}
.search-form select{
    height: 70px;
    border: none;
    background-color: #f6f6f6;
    font-size: inherit;
    background-position: 100% 50%;
}
.search-form .s{
    padding-left: 2em;
    height: 70px;
    border: none;
    border-bottom: 1px solid #363636;
    background: none;
    font-size: inherit;
    box-shadow: none;
}
.search-form .search-button{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    color: #024f91;
}
.blog-index .header-content{
    padding-top: 5vw;
}
.blog-index-heading{
    padding-top: 40px;
}
.articles-list{
    background: linear-gradient(#fff 14%, #f7f7f7 14%);
    padding-top: 5%;
}
.articles-list > .row > .columns{
    margin-bottom: 30px;
}
.pagination{
    padding-top: 35px;
    padding-bottom: 35px;
}
.pagination li{
    margin-left: 1%;
    margin-right: 1%;
}
.pagination .pagination-previous{
    margin-right: auto;
    margin-left: 0;
}
.pagination .pagination-next{
    margin-left: auto;
    margin-right: 0;
}
.pagination a, 
.pagination button{
    width: 75px;
    height: 75px;
    background: #fff;
    border: 1px solid #fff;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    font-size: 21px;
}
.pagination a:hover, 
.pagination button:hover{
    background: rgba(255, 255, 255, 0.5);
}
.pagination .pagination-next a, 
.pagination .pagination-next button,
.pagination .pagination-previous a, 
.pagination .pagination-previous button{
    width: auto;
    padding-left: 2vw;
    padding-right: 2vw;
}
.pagination a:before,
.pagination a:after{
    display: none;
}

@media screen and (max-width: 1299px) {
    .pagination a, .pagination button{
        width: 50px;
        height: 50px;
    }
    .pagination{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .articles-list .article-details h3{
        font-size: 1.36em;
    }
    .articles-list .article-info .icon-mode_comment + span{
        display: none;
    }
    .search-form select,
    .search-form .s{
        height: 60px;
    }
}
@media screen and (max-width: 63.96em){
    .blog-index-heading{
        padding-top: 10px;
    }
}
@media screen and (max-width: 39.96em){
    .pagination{
        padding: 0;
    }
    .pagination a, .pagination button{
        font-size: 16px;
    }
    .search-form select,
    .search-form .s{
        height: 50px;
    }
    .articles-list{
        background: linear-gradient(#fff 2%, #f7f7f7 2%);
    }
}

/**** Services section ****/

.service-head {
    padding-top: 30px;
    padding-bottom: 90px;
}
.service-head hr{
    width: 100%;
    max-width: 725px;
}
.service-head .tab-content-left{
    max-width: 740px;
}

.services-section .partner-box figcaption{
    padding-left: 5%;
    padding-right: 5%;
}
.services-section .partner-box figcaption h3{
    font-size: 1.67em;
}
.services-section .partner-box figcaption h4{
    font-size: 1.11em;
}
.services-section .partners-row > .columns{
    margin-bottom: 30px;
}
.services-section .partners-row .lg-box{
    text-align: left;
}
.services-section .partners-row .lg-box p{
    line-height: 1.2;
}
.services-section .partners-row .lg-box figcaption{
    padding-right: 15%;
    position: relative;
}
.services-section .partners-row .lg-box figcaption .text-rot{
    position: absolute;
    transform-origin: left center;
    transform: rotateZ(90deg);
    right: -20px;
    top: 3rem;
}


@media screen and (max-width: 63.96em) {
  
    .service-head{
        padding-bottom: 30px;
    }
    .service-head .tab-content-left{
        margin-bottom: 30px;
        padding-left: 15px;
        padding-right: 15px;
        max-width: none;
    }
    .service-head hr{
        max-width: none;
    }
    .service-head h2{
        font-size: 1.6em;
    }
}
@media screen and (max-width: 39.96em){
    .services-section .partner-box{
        padding-top: 40vw;
    }
    .service-head{
        padding-bottom: 25px;
    }
    .service-head .tab-content-left{
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 30px;
    }
    .service-head h2{
        font-size: 1.3em;
    }
    .services-section .partners-row .lg-box figcaption .text-rot{
        right: -40px;
    }
}

/* The Next Jump Customs */
.nj_inner_content_wrapper {
    padding: 0 40px 40px 0;
}
.nj_inner_content_form_wrapper_center {
    padding: 60px 20px;
    width: 70%;
    min-height: 952px;
    margin: 0 auto;
}
.nj_height_550 {
    height: 550px;
}
.nj_padding_top_40 {
    padding-top: 40px;
}
.banner_with_four_column_section,
.banner_with_three_column_section {
    position: relative;
    background-color: #ffffff;
}
.banner_with_four_column_section .right_image,
.banner_with_three_column_section .right_image {
    position: absolute;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 50%;
    height: 550px;
}
.banner_with_four_column_section h3,
.banner_with_three_column_section h3 {
    margin-bottom: 20px;
}
.banner_with_four_column_section .button,
.banner_with_three_column_section .button {
    background-color: #152553;
}
.banner_with_four_column_section .button:visited,
.banner_with_three_column_section .button:visited {
    color: #ffffff;
}
.nj_section_indicator {
    border: 1px solid #152553;
    width: 100%;
    height: 8px;
}
.nj_section_indicator.active {
    background-color: #152553;
}
.nj_section_content_wrapper {
    padding: 40px 15px;
}
.nj_card {
    cursor: pointer;
}
.nj_card:hover > .nj_section_indicator {
    background-color: #9aadc7;
    border-color: #9aadc7;
}
.nj_card.active:hover > .nj_section_indicator {
    background-color: #152553;
    border-color: #152553;
}
#section1 {
    display: block;
}
#section2,
#section3,
#section4 {
    display: none;
}
.contact_us_section {
    background-color: #152553;
    color: #ffffff;
}
.contact_us_section h2 {
    text-transform: uppercase;
    color: #ffffff;
}
.contact_us_section h4 {
    text-transform: uppercase;
    color: #9aadc7;
}
.contact_us_section .image_panel {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 250px;
}
.contact_us_section .form {
    background: url('../images/form-bg.png') no-repeat;
}
.contact_us_section .form a {
    text-decoration: underline;
}
.contact_us_section .form a:visited {
    color: #ffffff;
}
.contact_us_section .gform_footer .button {
    color: #fefefe;
    background-color: #9aadc7;
    width: 100% !important;
    padding: 1.125rem 2.25rem 1.1875rem 2.25rem;
    margin: 0 !important;
    text-transform: none;
    letter-spacing: 0;
    border-color: #9aadc7;
}
.contact_us_section .gform_footer .button:hover {
    color: #152553;
}
#menu_button {
    font-size: 24px;
}
.mobile-logo {
    margin-bottom: 20px;
}
.mobile-logo img {
    height: 80px;
}
.content_left_image_right .cell {
    padding-top: 80px;
    padding-bottom: 80px;
}
.content_left_image_right .sub_heading {
    margin-top: 20px;
    margin-bottom: 20px;
    color: #152553;
}
.content_left_image_right h2 {
    color: #152553;
}
.padding-right {
    padding-right: 40px;
}
.padding-left {
    padding-left: 40px;
}
.content_left_image_right .members_wrapper {
    padding: 0;
}
.content_left_image_right .members {
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #f2f2f2;
}
.content_left_image_right .members .cell {
    padding: 0;
}
.content_left_image_right .members img {
    width: 100%;
    min-height: 100%;
    object-fit: cover;
    object-position: center;
}
.content_left_image_right .members .members_content {
    padding: 30px 20px;
}

/*
 * Custom CSS for Playing Overseas Menu in Nav Bar
 * This can be changed when the menu in WP Admin was modified.
 */
#menu-item-178 a {
    color: #9aadc7;
}

/* Cookie Notice */
.cn-button {
    background-color: #9aadc7 !important;
    text-transform: uppercase;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .logo img {
        max-height: 50px;
    }
    .nj_inner_content_form_wrapper_center {
        width: 90%;
    }
    .banner_with_four_column_section .right_image,
    .banner_with_three_column_section .right_image {
        position: relative;
        width: calc(100% + 1.875rem);
        height: 250px;
        margin-left: -0.9375rem;
    }
    .padding-right {
        padding-right: 0;
    }
    .padding-left {
        padding-left: 0;
    }
    .content_left_image_right .cell {
        padding: 40px 15px;
    }
}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .nj_inner_content_form_wrapper_center {
        width: 90%;
    }
}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}