.page-template-bidcore-page {
/*    background: url(images/bidcore/header-bg.svg) 80% 0px / 220% no-repeat white;*/
/*    background-position: 80% 0px;*/
    background-color:white;
}
.page-template-bidcore-page .dark-grey-bg {
    background: rgb(22, 35, 49);
}
.page-template-bidcore-page .dark-grey-bg.news-bottom {
    background:white
}

.page-template-bidcore-page .outer-wrapper {
    width: 82%;
}
.page-template-bidcore-page #site-header .logo {
    width: 150px;
}
.page-template-bidcore-page #site-header.shrink {
    background:rgb(22, 35, 49);
}
.page-template-bidcore-page .shrink .menu-desktop .sub-menu {
    background:rgb(22, 35, 49);
}
.page-template-bidcore-page .bidcore-header {
    padding: 17rem 0px 10rem;
    background:transparent url('images/bidcore/bidcore-new-header.jpg') no-repeat center bottom;
    background-size:100%;
}
.page-template-bidcore-page .nav-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    z-index: 2;
}
.page-template-bidcore-page .nav-overlay.menu-bg {
    display:block;
    background:rgba(0,0,0,0.8);
}
.page-template-bidcore-page .bidcore-header .inner {
    display: flex;
    align-items: center;
    max-width: 1200px;
    margin: 0px auto;
}
.page-template-bidcore-page .bidcore-header .inner .header-left {
    width: 40%;
}
.page-template-bidcore-page .bidcore-header .inner .header-left h2 {
    color: rgb(4, 179, 218);
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 0.9rem;
    padding-left: 0.35rem;
    padding-bottom: 0.35rem;
}
.page-template-bidcore-page .bidcore-header .inner .header-left h1 {
    font-size: 3.2rem;
    margin: 0px;
    padding: 0px 0px 1.4rem;
}
.page-template-bidcore-page .bidcore-header .inner .header-left h1 span {
    color: rgb(4, 179, 218);
}
.page-template-bidcore-page .bidcore-header .inner .header-left p {
    font-size: 1.75rem;
    line-height: 2rem;
    font-weight: 100;
    width: 100%;
}
.page-template-bidcore-page .bidcore-header .inner .header-left a {
    margin-top: 4rem;
    text-transform: capitalize;
    letter-spacing: 0px;
    font-weight: 600;
    background: rgb(4, 179, 218);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(4, 179, 218);
    border-image: initial;
    transition: all 0.4s ease 0s;
}
.page-template-bidcore-page .bidcore-header .inner .header-left a::after {
    content: "→";
    color: rgb(38, 57, 75);
}
.page-template-bidcore-page .bidcore-header .inner .header-left a:hover {
    color: rgb(38, 57, 75);
    background: white;
    transition: all 0.4s ease 0s;
}
.page-template-bidcore-page .bidcore-header .inner .header-right {
    width: 60%;
}
.page-template-bidcore-page .bidcore-header .inner .header-right img {
    transform-origin: center center;
    transform: scale(1.15) translateX(3%) translateY(2%);
}

.page-template-bidcore-page .bidcore-intro {
    outline: none;
    padding-top:4rem;
    background:transparent url('images/bidcore/intro-box.jpg') no-repeat 10% center;

}
.page-template-bidcore-page .bidcore-intro .inner {
    max-width: 1200px;
    margin: 0px auto;
}
.page-template-bidcore-page .bidcore-intro .inner h2 {
    color: rgb(38, 57, 75);
    text-transform: none;
    width: 65%;
    text-align: left;
    font-weight: 300;
    margin: 0px 0px 2rem auto;
}
.page-template-bidcore-page .bidcore-intro .inner p:first-of-type {
}

.page-template-bidcore-page .bidcore-intro .inner p {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 300;
    color: rgb(38, 57, 75);
    width: 65%;
    text-align: left;
    margin: 0px 0px 1.2rem auto;
}

.page-template-bidcore-page .bidcore-intro .inner .btn_wrap {
    width: 65%;
    margin: 0px 0px 0px auto;
}
.page-template-bidcore-page .bidcore-intro .inner a {
    margin-top: 1rem;
    text-transform: none;
    letter-spacing: 0px;
    font-weight: 600;
    background: rgb(4, 179, 218);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(4, 179, 218);
    border-image: initial;
}
.page-template-bidcore-page .bidcore-intro .inner a::after {
    content: "→";
    color: rgb(38, 57, 75);
}
.page-template-bidcore-page .bidcore-intro .inner a:hover {
    color: rgb(38, 57, 75);
    background: white;
    transition: all 0.4s ease 0s;
}


.page-template-bidcore-page .bidcore-infographic {
    padding: 7rem 0px 5rem;
    background: url(images/bidcore/infographic-bg.svg) center 0px / 1580px 860px no-repeat white;
    background-position: center 0px;
    outline: none;
}
.page-template-bidcore-page .bidcore-infographic .inner {
    max-width: 1200px;
    margin: 0px auto;
}
.page-template-bidcore-page .bidcore-infographic .inner h3 {
    color: rgb(4, 179, 218);
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 0.9rem;
    padding-bottom: 0.35rem;
    text-align: center;
}
.page-template-bidcore-page .bidcore-infographic .inner h2 {
    color: rgb(38, 57, 75);
    text-transform: none;
    width: 50%;
    text-align: center;
    padding-bottom: 2rem;
    font-weight: 300;
    margin: 0px auto;
}
.page-template-bidcore-page .bidcore-infographic .inner .infographic-intro p {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 300;
    color: #26394b;
    width:65%;
    text-align: center;
    margin: 0 auto;
    padding-bottom:2rem;
}
.page-template-bidcore-page .bidcore-infographic .inner .infographic-holder {
    display: flex;
    justify-content: space-between;
    position: relative;
}
.page-template-bidcore-page .bidcore-infographic .inner .link-1 {
    left: -2%;
    top: 2%;
}
.page-template-bidcore-page .bidcore-infographic .inner .link-2 {
    left: 11.25%;
    bottom: -25%;
}
.page-template-bidcore-page .bidcore-infographic .inner .link-3 {
    left: 57.5%;
    top: 2.5%;
}
.page-template-bidcore-page .bidcore-infographic .inner .link-4 {
    right: -3%;
    top: 74%;
}
.page-template-bidcore-page .bidcore-infographic .inner .cog {
    position: absolute;
    width: 12.48%;
    z-index: 5;
}
.page-template-bidcore-page .bidcore-infographic .inner .cog svg {
    width: 100%;
    cursor: pointer;
}

.page-template-bidcore-page .bidcore-infographic .inner .arrows {
    position: absolute;
    width: 2.01%;
    left: 32.75%;
    top: 44%;
}
.page-template-bidcore-page .bidcore-infographic .inner .arrows2 {
    position: absolute;
    height: 35.01%;
    left: 79.75%;
    top: 41%;
}
.page-template-bidcore-page .bidcore-infographic .inner .arrows2 img {
    height:100%;
}
.page-template-bidcore-page .bidcore-infographic .inner .left {
    width: 32.17%;
}
.page-template-bidcore-page .bidcore-infographic .inner .left .block-1 {
    position: absolute;
    width: 19.37%;
    bottom: 0px;
    left: 7%;
    transform: translateY(115%);
    display: flex;
    flex-direction: column;
    text-align: center;
}
.page-template-bidcore-page .bidcore-infographic .inner .left .block-1 .crm-copy {
    width: 85%;
    margin:0 auto;
}
.page-template-bidcore-page .bidcore-infographic .inner .left .block-2 {
    width: 100%;
    position: relative;
}
.page-template-bidcore-page .bidcore-infographic .inner .left .overlays {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 32.17%;
    height: 100%;
    overflow: hidden;
}
.page-template-bidcore-page .bidcore-infographic .inner .left .overlay-1 {
    transform: translateX(-101%);
    transition: all 0.3s ease 0.5s;
}
.page-template-bidcore-page .bidcore-infographic .inner .left .overlay p {
    padding-left: 20%;
    padding-right: 10%;
    line-height: 24px;
    padding-top: 0.5rem;
}
.page-template-bidcore-page .bidcore-infographic .inner .left .overlay {
    position: absolute;
    bottom: 0px;
    height: 84%;
    z-index: 4;
    background: rgb(4, 179, 218);
}
.page-template-bidcore-page .bidcore-infographic .inner .left .overlay .close,
.page-template-bidcore-page .bidcore-infographic .inner .right .overlay .close {
    text-decoration:none;
    color:white;
    display:none;
    position:absolute;
    top:10px;
    right:10px;
}
.page-template-bidcore-page .bidcore-infographic .inner .left .overlay-2 {
    transform: translateY(101%);
    transition: all 0.3s ease 0.5s;
}
.page-template-bidcore-page .bidcore-infographic .inner .left .block-1 .crm-arrows {
    width: 55%;
    margin-left: 23.5%;
    margin-bottom: 2%;
}
.page-template-bidcore-page .bidcore-infographic .inner .left .block-2 img {
    width: 100%;
    box-shadow: rgba(38, 57, 75, 0.25) 10px 20px 50px 0px;
}

.page-template-bidcore-page .bidcore-infographic .inner .right {
    width: 64.73%;
    background:#162331;
    border-radius: 0.2rem;
    overflow:hidden;
}
.page-template-bidcore-page .bidcore-infographic .inner .right .overlays {
    position: absolute;
    top: 0px;
    left: 35.25%;
    width: 64.73%;
    height: 100%;
    overflow: hidden;
}
.page-template-bidcore-page .bidcore-infographic .inner .right .overlay-3 {
    transform: translateX(-101%);
    transition: all 0.6s ease 0.6s;
}

.page-template-bidcore-page .bidcore-infographic .inner .right .overlay {
    position: absolute;
    bottom: 0px;
    height: 75%;
    z-index: 4;
    width: 100%;
    background: rgb(4, 179, 218);
}
.page-template-bidcore-page .bidcore-infographic .inner .right .overlay .icon {
    padding-left: 8%;
    padding-top: 5%;
}
.page-template-bidcore-page .bidcore-infographic .inner .right .overlay p {
    padding-left: 8%;
    color: white;
    font-size: 1rem;
    line-height: 1.3rem;
    padding-top: 1rem;
    width: 50%;
}
.page-template-bidcore-page .bidcore-infographic .inner .right .overlay-4 {
    transform: translateY(101%);
    transition: all 0.6s ease 0.6s;
}
.page-template-bidcore-page .bidcore-infographic .inner .right .overlay .icon {
    padding-left: 8%;
    padding-top: 5%;
}

.page-template-bidcore-page .bidcore-infographic .inner .right .block-3 {
    width: 100%;
    display:flex;
}
.page-template-bidcore-page .bidcore-infographic .inner .right .block-3 .boxes {
    background:#162331;
    width:28%;
    transform:translateX(-1%);
}
.page-template-bidcore-page .bidcore-infographic .inner .right .block-3 .boxes img:first-of-type {
    margin-top:45%;
}

.page-template-bidcore-page .bidcore-infographic .inner .right .block-3 img {
    box-shadow: rgba(38, 57, 75, 0.15) 10px 20px 50px 0px;
    margin-right: 0px;
    width:77%;
}
.page-template-bidcore-page .bidcore-infographic .inner .right .block-3 img.leftimg {
    width: 72.54%;
}
.page-template-bidcore-page .bidcore-infographic .inner .cog svg:hover use,
.page-template-bidcore-page .bidcore-infographic .inner .cog svg:hover circle {
    fill: rgb(22, 35, 49);
}
.page-template-bidcore-page .bidcore-infographic .inner .cog svg:hover path {
    fill: rgb(255, 255, 255);
}
.page-template-bidcore-page .bidcore-infographic .inner .left .overlay {
    position: absolute;
    bottom: 0px;
    height: 84%;
    z-index: 4;
    background: rgb(4, 179, 218);
}
.page-template-bidcore-page .bidcore-infographic .inner .left .overlay .icon {
    padding-left: 22%;
    padding-top: 20%;
}
.page-template-bidcore-page .bidcore-infographic .inner .left .overlay-1 {
    transform: translateX(-101%);
    transition: all 0.3s ease 0.5s;
}
.page-template-bidcore-page .bidcore-infographic .inner .left .overlay-1.active {
    transform: translateX(0%);
    transition: all 0.3s ease 0.5s;
}
.page-template-bidcore-page .bidcore-infographic .inner .left .overlay-2.active {
    transform: translateY(0%);
    transition: all 0.3s ease 0.5s;
}
.page-template-bidcore-page .bidcore-infographic .inner .left .overlay-2 .icon {
    padding-left: 20%;
}
.page-template-bidcore-page .bidcore-infographic .inner .right .overlay-3 {
    transform: translateX(-101%);
    transition: all 0.6s ease 0.6s;
}
.page-template-bidcore-page .bidcore-infographic .inner .right .overlay {
    position: absolute;
    bottom: 0px;
    height: 75%;
    z-index: 4;
    width: 100%;
    background: rgb(4, 179, 218);
}
.page-template-bidcore-page .bidcore-infographic .inner .right .overlay-3.active {
    transform: translateX(0%);
    transition: all 0.6s ease 0.6s;
}
.page-template-bidcore-page .bidcore-infographic .inner .right .overlay-4.active {
    transform: translateY(0%);
    transition: all 0.6s ease 0.6s;
}

.page-template-bidcore-page .bidcore-four {
    padding: 7rem 0px;
}
.page-template-bidcore-page .bidcore-four .inner {
    max-width: 1200px;
    margin: 0px auto;
}
.page-template-bidcore-page .bidcore-four .inner h3 {
    color: rgb(4, 179, 218);
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 0.9rem;
    padding-bottom: 0.35rem;
    text-align: center;
    display:none;
}
.page-template-bidcore-page .bidcore-four .inner h2 {
    color: rgb(38, 57, 75);
    text-transform: none;
    text-align: center;
    font-weight: 300;
}
.page-template-bidcore-page .bidcore-four .inner ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
}
.page-template-bidcore-page .bidcore-four .inner ul li {
    width: 22.5%;
    text-align: center;
}
.page-template-bidcore-page .bidcore-four .inner ul li svg {
    margin: 0px auto;
    min-height:52px!important;
}
.page-template-bidcore-page .bidcore-four .inner ul li h3 {
    color: rgb(38, 57, 75);
    text-align: center;
    padding-top: 2rem;
    text-transform: none;
    font-size: 1.2rem;
    display:block;
}
.page-template-bidcore-page .bidcore-four .inner ul li p {
    color: rgb(38, 57, 75);
    text-align: center;
    padding-top: 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
}
.page-template-bidcore-page .bidcore-tabs {
    padding: 3rem 0px;
    background: url(images/bidcore/tabs-bg.svg) 0px 0rem no-repeat white;
}
.page-template-bidcore-page .bidcore-tabs .inner {
    max-width: 1200px;
    margin: 0px auto;
}
.page-template-bidcore-page .bidcore-tabs .inner h2 {
    color: rgb(38, 57, 75);
    text-transform: none;
    text-align: center;
    font-weight: 300;
    margin-bottom:8rem;
}
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-headers {
    z-index: 1;
}
.page-template-bidcore-page .bidcore-tabs .inner ul {
    display: flex;
    width: 100%;
    position: relative;
    list-style: none;
}
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-headers li.active {
    background: rgb(22, 35, 49);
}
.page-template-bidcore-page .bidcore-tabs .inner ul li:first-of-type {
    z-index: 10;
}
.page-template-bidcore-page .bidcore-tabs .inner ul li {
    width: 25%;
    display: flex;
    align-items: center;
    box-shadow: rgba(38, 57, 75, 0.15) 10px 20px 50px 0px;
    padding: 1rem 1.3rem;
    background: white;
    transition: all 0.3s ease 0s;
}
.page-template-bidcore-page .bidcore-tabs .inner ul li svg {
    margin-right: 1rem;
    width: 60px;
    height: 60px;
    min-width: 60px;
}
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-headers li.active svg {
    width: 60px;
    height: 60px;
}
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-headers li:hover {
    cursor: pointer;
    background: rgb(22, 35, 49);
    transition: all 0.3s ease 0s;
}
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-headers li.active h3,
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-headers li:hover h3 {
    color: rgb(255, 255, 255);
    transition: all 0.3s ease 0s;
}
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-headers li:hover svg circle {
    fill:#04B3DA;
}
.page-template-bidcore-page .bidcore-tabs .inner ul li h3 {
    color: rgb(38, 57, 75);
    font-size: 0.9rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0px;
    line-height: 1rem;
    transition: all 0.3s ease 0s;
}
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-content {
    flex-wrap: wrap;
    z-index: 15;
    list-style: disc;
}
.page-template-bidcore-page .bidcore-tabs .inner ul {
    display: flex;
    width: 100%;
    position: relative;
    list-style: none;
}
.page-template-bidcore-page .bidcore-tabs .inner ul li:first-of-type {
    z-index: 10;
}
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li {
    display: none;
}
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li {
    width: 100%;
    display: block;
    padding: 0rem;

}
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li .content {
    padding:5rem 6rem;
}
.page-template-bidcore-page .bidcore-tabs .inner ul li {
    width: 25%;
    display: flex;
    align-items: center;
    box-shadow: rgba(38, 57, 75, 0.15) 10px 20px 50px 0px;
    padding: 1rem 1.3rem;
    background: white;
    transition: all 0.3s ease 0s;
}
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li p {
    color: rgb(38, 57, 75);
    margin-bottom: 0.5rem;
    font-size:1.1rem;
}
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li ul {
    display: block;
    margin-left: 1.25rem;
    background: transparent;
    list-style: disc;
}
.page-template-bidcore-page .bidcore-tabs .inner ul {
    display: flex;
    width: 100%;
    position: relative;
    list-style: none;
}
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li a {
    text-transform: none;
    letter-spacing: 0px;
    margin-top: 3rem;
    font-weight: 600;
    background: rgb(4, 179, 218);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(4, 179, 218);
    border-image: initial;
}
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li a:hover {
    color: rgb(38, 57, 75);
    background: white;
    transition: all 0.4s ease 0s;
}
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li ul {
    display: block;
    margin-left: 1.25rem;
    background: transparent;
    list-style: disc;
}
.page-template-bidcore-page .bidcore-tabs .inner ul {
    display: flex;
    width: 100%;
    position: relative;
    list-style: none;
}
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li ul li {
    box-shadow: none;
    display: list-item;
    padding: 0px 0px 0.5rem;
    font-size:1.1rem;
}
.page-template-bidcore-page .bidcore-tabs .inner ul li:first-of-type {
    z-index: 10;
}
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li {
/*    display: none;*/
}
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li .tab-title {
    position:absolute;
    top:0;
    transform:translateY(-100%);
}
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li:nth-child(1) {

}
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li:nth-child(2) .tab-title {
    left:25%;
}
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li:nth-child(2) .content {
    display:none;
}
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li:nth-child(3) .tab-title {
    left:50%;
}
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li:nth-child(3) .content {
    display:none;
}
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li:nth-child(4) .tab-title {
    left:75%;
}
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li:nth-child(4) .content {
    display:none;
}
.page-template-bidcore-page .bidcore-tabs .inner ul li:nth-child(2) {
    z-index: 9;
}
.page-template-bidcore-page .bidcore-tabs .inner ul li:nth-child(3) {
    z-index: 8;
}
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-headers li.active svg circle {
    fill: rgb(4, 179, 218);
    transition: all 0.3s ease 0s;
}
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-headers li svg circle {
    fill: rgb(240, 241, 242);
    transition: all 0.3s ease 0s;
}

.page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li .tab-title {
    width:25%;
    color: rgb(255, 255, 255);
    background: white;
    display:flex;
    align-items: center;
    padding: 1rem 1.3rem;
    cursor:pointer;
    box-shadow: rgba(38, 57, 75, 0.15) 10px 20px 50px 0px;
}
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li .tab-title svg circle {
    fill:rgb(4, 179, 218);
    fill: rgb(240, 241, 242);
    transition: all 0.3s ease 0s;
}
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li.active .tab-title svg circle,
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li:hover .tab-title svg circle{
    fill:rgb(4, 179, 218);
    transition: all 0.3s ease 0s;
}
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li.active .tab-title,
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li:hover .tab-title {
    background:rgb(22, 35, 49);
}
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li:hover .tab-title h3,
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li.active .tab-title h3 {
    color:white;
}
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li .content {
    display:none;
}
.page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li.active .content {
    display:block;
}


.page-template-bidcore-page .bidcore-fifty-fifty {
    padding: 10rem 0px;
    overflow: visible;
    background: url(images/bidcore/fifty-fifty-bg.svg) -2% 0rem no-repeat white;
}
.page-template-bidcore-page .bidcore-fifty-fifty.documents-portal {
   padding: 5rem 0px;
    background:rgb(22, 35, 49);
}
.page-template-bidcore-page .bidcore-fifty-fifty .inner {
    max-width: 1200px;
    display: flex;
    margin: 0px auto;
    overflow: visible;
}
.page-template-bidcore-page .bidcore-fifty-fifty.documents-portal .inner {
    max-width:960px;
}
.page-template-bidcore-page .bidcore-fifty-fifty .inner .left {
    width: 48%;
    overflow: visible;
}
.page-template-bidcore-page .bidcore-fifty-fifty.reporting .inner .left {
    width: 52%;
}
.page-template-bidcore-page .bidcore-fifty-fifty.reporting .inner .left img {
    transform: scale(1.25) translateY(20%) translateX(25%);
}

.page-template-bidcore-page .bidcore-fifty-fifty.documents-portal .inner .left {
    width: 62%;
}
.page-template-bidcore-page .bidcore-fifty-fifty.documents-portal .inner .left p {
    font-size: 28px;
    font-weight: 200;
}
.page-template-bidcore-page .bidcore-fifty-fifty .inner .right {
    width: 52%;
    text-align: left;
}
.page-template-bidcore-page .bidcore-fifty-fifty.reporting .inner .right {
    width:48%;
}
.page-template-bidcore-page .bidcore-fifty-fifty.documents-portal .inner .right {
    width: 38%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.page-template-bidcore-page .bidcore-fifty-fifty .inner .left img {
    transform: scale(1.25) translateY(4%) translateX(-25%);
    box-shadow: rgba(38, 57, 75, 0.15) 10px 20px 50px 0px;
}
.page-template-bidcore-page .bidcore-fifty-fifty .inner .right h2 {
    color: rgb(38, 57, 75);
    text-transform: none;
    margin-bottom: 1rem;
    font-weight: 300;
}
.page-template-bidcore-page .bidcore-fifty-fifty .inner .right p {
    color: rgb(38, 57, 75);
    margin-bottom: 0.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
}
.page-template-bidcore-page .bidcore-fifty-fifty .inner .right a {
    text-transform: none;
    letter-spacing: 0px;
    margin-top: 1rem;
    font-weight: 600;
    background: rgb(4, 179, 218);
}
.page-template-bidcore-page .bidcore-fifty-fifty.documents-portal .inner .right a {
    margin: 0 auto;
    border:1px solid rgb(4, 179, 218);
}
.page-template-bidcore-page .bidcore-fifty-fifty .inner .right a::after {
    content: "→";
    color: rgb(38, 57, 75);
}
.page-template-bidcore-page .bidcore-fifty-fifty .inner .right a:hover {
    color: rgb(38, 57, 75);
    background: white;
    transition: all 0.4s ease 0s;
}
.page-template-bidcore-page .bidcore-fifty-fifty.documents-portal .inner .right a:hover {
    border:1px solid #ffffff;
}
.page-template-bidcore-page .dark-grey-bg {
    background: rgb(22, 35, 49);
}

.page-template-bidcore-page .bidcore-partners {
    padding: 9rem 0px 5rem;
    background: url(images/bidcore/partner-bg.svg) 0% 2rem no-repeat white;
}
.page-template-bidcore-page .bidcore-partners.hide {
    display:none;
}
.page-template-bidcore-page .bidcore-partners .inner {
    max-width: 1200px;
    margin: 0px auto;
}
.page-template-bidcore-page .bidcore-partners .inner h2 {
    color: rgb(38, 57, 75);
    text-transform: none;
    text-align: center;
    font-weight: 300;
    margin: 0px auto;
}
.page-template-bidcore-page .bidcore-partners .inner ul.partner-switcher {
    display: flex;
    justify-content: center;
    margin: 0px auto;
    list-style: none;
    padding: 1.5rem 0px;
}
.page-template-bidcore-page .bidcore-partners .inner ul.partner-switcher li.active {
}
.page-template-bidcore-page .bidcore-partners .inner ul.partner-switcher li:first-of-type {
    padding-right: 1rem;
}
.page-template-bidcore-page .bidcore-partners .inner ul.partner-switcher li {
    border-right: 1px solid rgb(4, 179, 218);
}
.page-template-bidcore-page .bidcore-partners .inner ul.partner-switcher li.active a {
    color: rgb(4, 179, 218);
    font-weight: 700;
}
.page-template-bidcore-page .bidcore-partners .inner ul.partner-switcher li a {
    text-transform: uppercase;
    color: rgb(38, 57, 75);
    font-weight: 600;
    text-decoration: none;
}
.page-template-bidcore-page .bidcore-partners .inner ul.partner-switcher li:last-of-type {
    padding-left: 1rem;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
}

.page-template-bidcore-page .bidcore-partners .inner ul#partner-slider {
    position: relative;
}
.page-template-bidcore-page .bidcore-partners .inner ul#partner-slider .slick-prev {
    position: absolute;
    text-indent: -9999px;
    bottom: -4rem;
    left: 40%;
    height: 30px;
    box-shadow: none;
    background: url(images/bidcore/left-arrow.svg) center center no-repeat transparent;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    outline: none;
}
.page-template-bidcore-page .bidcore-partners .inner ul#partner-slider .slick-next {
    position: absolute;
    text-indent: -9999px;
    bottom: -4rem;
    right: 40%;
    height: 30px;
    box-shadow: none;
    background: url(images/bidcore/right-arrow.svg) center center no-repeat transparent;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    outline: none;
}
.page-template-bidcore-page .bidcore-partners .inner ul#partner-slider .slick-track {
    margin: 0px auto;
}
.page-template-bidcore-page .bidcore-partners .inner ul#partner-slider li:first-of-type {
    padding-left: 0px;
}
.page-template-bidcore-page .bidcore-partners .inner ul#partner-slider li.slick-slide {
    min-height: 80px;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.page-template-bidcore-page .bidcore-partners .inner ul#partner-slider li {
    padding: 0px 0rem;
}
.page-template-bidcore-page .bidcore-partners .inner ul#partner-slider li.slick-slide img {
    margin: auto;
}
.page-template-bidcore-page .bidcore-partners .inner ul#partner-slider .slick-next {
    position: absolute;
    text-indent: -9999px;
    bottom: -4rem;
    right: 40%;
    height: 30px;
    box-shadow: none;
    background: url(images/bidcore/right-arrow.svg) center center no-repeat transparent;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    outline: none;
}
.page-template-bidcore-page .footer {
    background: url(images/bidcore/footer-bg.svg) 30% top no-repeat transparent;
    background-position: 30% top;
}
.page-template-bidcore-page .footer .contact-us {
    padding: 25rem 0px 5rem;
}
.page-template-bidcore-page #site-footer {
    background: transparent;
}
.page-template-bidcore-page .footer .contact-us .inner {
    max-width: 1200px;
    margin: 0px auto;
}
.page-template-bidcore-page .footer .contact-us .inner h2 {
    width: 50%;
    text-align: center;
    font-size: 3.25rem;
    font-weight: 300;
    letter-spacing: 0px;
    padding-bottom: 2rem;
    margin: 0px 0px 0px auto;
}
.page-template-bidcore-page .footer .contact-us .inner p {
    width: 50%;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 200;
    padding-bottom: 4rem;
    margin: 0px 0px 0px auto;
}
.page-template-bidcore-page .footer .contact-us .inner .btn_wrap {
    width: 50%;
    text-align: center;
    margin: 0px 0px 0px auto;
}
.page-template-bidcore-page .footer .contact-us .inner .btn_wrap a {
    color: white;
    font-weight: 600;
    background: rgb(4, 179, 218);
    text-decoration: none;
    padding: 0.75rem 2rem;
    border-radius: 3rem;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(4, 179, 218);
    border-image: initial;
}
.page-template-bidcore-page .footer .contact-us .inner .btn_wrap a::after {
    content: " →";
    color: rgb(38, 57, 75);
}
.page-template-bidcore-page .footer .contact-us .inner .btn_wrap a:hover {
    color: white;
    background: rgb(38, 57, 75);
    transition: all 0.4s ease 0s;
}
.page-template-bidcore-page .footer .contact-us .inner .btn_wrap a:hover::after {
    color: white;
    transition: all 0.4s ease 0s;
}
.page-template-bidcore-page #site-footer > .wrapper {
    padding-top: 0px;
    padding-bottom: 60px;
}
.page-template-bidcore-page .footer-logos {
    color: white;
    background: transparent;
}
.page-template-bidcore-page .footer-logos .footer-logos--heading {
    color: white;
}
.page-template-bidcore-page .footer-logos .footer-logos--heading h3 {
    color: white;
}
.page-template-bidcore-page .footer-logos .footer-logos--content figure img {
    opacity: 1;
}

.page-template-bidcore-page .bottom-bar {
    background: transparent;
}
.page-template-bidcore-page .dark-grey-bg {
    background: rgb(22, 35, 49);
}
.page-template-bidcore-page .outer-wrapper {
    width: 82%;
}
.page-template-bidcore-page .footer-menu-container .menu li a {
    color: white;
}
.page-template-bidcore-page #site-footer .social-links li a i {
    color: white;
}
.page-template-bidcore-page #site-footer .social-links li a.red-highlight i {
    color: rgb(223, 3, 27);
}
.page-template-bidcore-page .footer .contact-us .inner h2 span {
    color: rgb(4, 179, 218);
    text-align: center;
}
.page-template-bidcore-page .corner-link:hover,
.page-template-bidcore-page .corner-link:focus {
        border-color: transparent transparent rgb(22, 35, 49) transparent;
    }
.page-template-bidcore-page .news-block h2 {
    text-transform: none;
    font-weight: 300;
}
.page-template-bidcore-page .news-block {
    background:transparent;
    padding-bottom:50px;
    padding-top:80px;
}

@media screen and (max-width: 1270px){
    .page-template-bidcore-page .bidcore-header {
        padding: 12rem 1rem 10rem;
    }
    .page-template-bidcore-page .bidcore-header .inner .header-left h1 {
        font-size:4vw;
        line-height:4vw;
    }
    .page-template-bidcore-page .bidcore-header .inner .header-left p {
        font-size:2.25vw;
        line-height:2.7vw;
    }
    .page-template-bidcore-page .bidcore-header .inner .header-left a {
        margin-top:1.5rem;
    }
}
@media screen and (max-width: 1170px){
    .page-template-bidcore-page .bidcore-infographic .inner .left .overlay .icon {
        padding-left: 12%;
        padding-top: 10%;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .left .overlay p {
        padding-left: 12%;
    }
}
@media screen and (max-width: 1090px){
/*
    .page-template-bidcore-page .bidcore-header {
        padding: 17rem 0px 10rem;
        background:transparent url('images/bidcore/bidcore-new-header.jpg') no-repeat center bottom;
        background-size:100%;
    }
*/
}
@media screen and (max-width: 1080px){
    .page-template-bidcore-page {
        background-size:280%;
        background-position: 65% 0;
    }
}
@media screen and (max-width: 995px){
/*
    .page-template-bidcore-page .bidcore-header {
        padding: 17rem 0px 10rem;
        background:transparent url('images/bidcore/bidcore-new-header.jpg') no-repeat center bottom;
        background-size:100%;
    }
*/
}
@media screen and (max-width: 980px){
    .page-template-bidcore-page .bidcore-tabs .inner ul { flex-wrap:wrap;}
    .page-template-bidcore-page .bidcore-tabs .inner ul li { width:50%; }
    .page-template-bidcore-page .col4-wrapper.home-posts .col4 { width:48%;margin-bottom:1.5rem; }
}
@media screen and (max-width: 950px){
    .page-template-bidcore-page {
        background-size:240%;
        background-position: 70% 0;
    }
    .page-template-bidcore-page .bidcore-header {
        padding-top:10rem;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .right .overlay .icon {
        max-height:80px;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .right .overlay p {
        width:80%;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .left .overlay .icon {
        max-height:60px;
        padding-left: 12%;
        padding-top: 5%;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .left .overlay p {
        padding-left:3%;
        padding-right:1%;
        font-size:0.8rem;
        line-height:1rem;
    }
    .page-template-bidcore-page .bidcore-tabs .inner ul li h3 {
        font-size:0.75rem;
    }
    .page-template-bidcore-page .bidcore-tabs .inner ul li svg {
        width:45px;
        height:45px;
        min-width:45px;
    }
    .page-template-bidcore-page .bidcore-fifty-fifty.documents-portal .inner .left p {
        padding-left:1.2rem;
    }
}
@media screen and (max-width: 872px){
/*
    .page-template-bidcore-page .bidcore-header {
        padding: 17rem 0px 10rem;
        background:transparent url('images/bidcore/bidcore-new-header.jpg') no-repeat center -3rem;
        background-size:100%;
    }
*/
}
@media screen and (max-width: 850px){

    .page-template-bidcore-page .footer-logos .footer-logos--heading {
        width:100%;
        padding-bottom:10px;
    }
    .page-template-bidcore-page .footer-logos .footer-logos--content {
        width:100%;
        padding-top:10px;
    }


}
@media screen and (max-width: 767px){
    .page-template-bidcore-page #site-header {
        padding-top:35px;
    }
    .page-template-bidcore-page {
        background-position: 62% 0;
    }
    .page-template-bidcore-page .bidcore-header {
        padding-top:7rem;
/*        padding-bottom:4rem;*/
    }
    .page-template-bidcore-page .bidcore-header .inner {
        flex-direction:column;
    }
    .page-template-bidcore-page .bidcore-header .inner .header-left {
        width:100%;
        text-align: center;
    }
    .page-template-bidcore-page .bidcore-header .inner .header-left p {
        width:65%;
        margin:0 auto;
        padding-bottom:3rem;
    }
    .page-template-bidcore-page .bidcore-header .inner .header-left a {
        margin-top:0rem;
/*        visibility: hidden;*/
    }
    .page-template-bidcore-page .bidcore-header .inner .header-right {
        padding-top:6rem;
    }
    .page-template-bidcore-page .bidcore-header .inner .header-left h1 {
        max-width:65%;
        margin:0 auto;
    }
    .page-template-bidcore-page .bidcore-header .inner .header-right img {
        transform-origin: center center;
        transform: scale(1.15) translateX(-2.5%) translateY(2%);
    }
    .page-template-bidcore-page .bidcore-intro .inner h2 {
        margin:0 auto;
        text-align: center;
        margin-bottom:1.5rem;
        width:80%;
        font-size: 1.6rem;
    }
    .page-template-bidcore-page .bidcore-infographic .inner h2 {
        font-size: 1.6rem;
    }
    .page-template-bidcore-page .bidcore-four .inner h2 {
        font-size: 1.6rem;
    }
    .page-template-bidcore-page .bidcore-tabs .inner h2 {
        font-size: 1.6rem;
    }
    .page-template-bidcore-page .bidcore-fifty-fifty .inner .right h2 {
        font-size: 1.6rem;
    }
    .page-template-bidcore-page .bidcore-partners .inner h2 {
        font-size: 1.6rem;
    }
    .page-template-bidcore-page .bidcore-partners {
        padding: 3rem 0px 5rem;
    }
    .page-template-bidcore-page .bidcore-fifty-fifty {
        padding: 5rem 0px;
    }
    .page-template-bidcore-page .bidcore-intro .inner p {
        margin:0 auto;
        text-align: center;
        margin-bottom:1.5rem;
        width:80%;
    }
    .page-template-bidcore-page .bidcore-intro .inner .btn_wrap {
        margin:0 auto;
        text-align: center;
        width:80%;
    }
    .page-template-bidcore-page .bidcore-four .inner ul {
        flex-wrap:wrap;
        padding:0 2rem;
    }
    .page-template-bidcore-page .bidcore-four .inner ul li {
        width:48%;
        margin-bottom:2rem;
    }
    .page-template-bidcore-page .footer {
        background-position: 47.5% top;
    }
    .page-template-bidcore-page .footer .contact-us {
        padding: 12rem 0px 5rem;
    }
    .page-template-bidcore-page .footer .contact-us .inner h2,
    .page-template-bidcore-page .footer .contact-us .inner p,
    .page-template-bidcore-page .footer .contact-us .inner .btn_wrap {
        width:100%;
    }
    .page-template-bidcore-page .footer-menu-container {
        width:100%;
    }
    .page-template-bidcore-page .footer-menu-container .menu li {
        text-align: center;
    }
    .page-template-bidcore-page .footer-logo-col {
        float:none;
        margin: 0 auto;
        margin-bottom:2rem;
        text-align:center;
    }
    .page-template-bidcore-page #site-footer .social-links {
        text-align: center;
    }
    .page-template-bidcore-page #site-footer .logo {
        float:none;
        display:block;
        margin:0 auto;
        display:block;
        padding-top:0.5rem;
        clear:both;
    }
    .page-template-bidcore-page #site-footer .social-links li:last-of-type {
        margin-right:0;
    }
    .page-template-bidcore-page #site-footer .logo img {
        margin-bottom:2rem;
        margin-top:4rem;
    }
    .page-template-bidcore-page #site-footer > .wrapper {
        padding-bottom:20px;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .right .overlay .icon {
        max-height:60px;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .right .overlay p {
        font-size:0.85rem;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .left .overlay .icon {
        max-height:60px;
        padding-left: 12%;
        padding-top: 5%;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .left .overlay p {
        padding-left:3%;
        padding-right:1%;
        font-size:0.8rem;
        line-height:1rem;
    }
    .page-template-bidcore-page .bidcore-tabs .inner ul {
        flex-direction: column;
    }
    .page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li:nth-child(1) .content,
    .page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li:nth-child(2) .content,
    .page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li:nth-child(3) .content,
    .page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li:nth-child(4) .content {
        display:block;
    }
    .page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li .tab-title {
        position:relative;
        transform:translateY(0);
        width:100%;
        left:0;
    }
    .page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li:nth-child(1) .tab-title,
    .page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li:nth-child(2) .tab-title,
    .page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li:nth-child(3) .tab-title,
    .page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li:nth-child(4) .tab-title{
        left:0;
    }
    .page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li .tab-title {
        background: rgb(22, 35, 49);
    }
    .page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li .tab-title svg circle {
        fill: rgb(4, 179, 218);
    }
    .page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li .tab-title h3 {
        color:white;
    }
    .page-template-bidcore-page .bidcore-tabs .inner ul.tab-content {
        width:90%;
        margin:0 auto;
    }
}
@media screen and (max-width: 550px){
    .page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li .content {
        padding:3rem 2rem;
    }
}
@media screen and (max-width: 720px){
    .page-template-bidcore-page .footer {
        background-size: 750%;
    }
    .page-template-bidcore-page #site-footer .logo img {
        margin-top:1rem;
    }
    .page-template-bidcore-page #site-footer .wrapper {
        padding-top:15px;
        width:90%;
    }
}
@media screen and (max-width: 650px){
/*
    .page-template-bidcore-page .bidcore-header {
        padding: 17rem 0px 10rem;
        background:transparent url('images/bidcore/bidcore-new-header.jpg') no-repeat center 0rem;
        background-size:100%;
    }
*/
}
@media screen and (max-width: 640px){
    .page-template-bidcore-page .bidcore-header {
        padding-top:5rem;
        padding-bottom:12rem;
    }
    .page-template-bidcore-page {
        background-size:280%;
        background-position:59% 0;
    }
    .page-template-bidcore-page .bidcore-four .inner ul {
        flex-wrap:wrap;
        padding:0 2rem;
    }
    .page-template-bidcore-page .bidcore-four .inner ul li {
        width:90%;
        margin: 0 auto;
        margin-bottom:2rem;
    }
    .page-template-bidcore-page .bidcore-fifty-fifty {
        padding:5rem 0;
    }
    .page-template-bidcore-page .bidcore-fifty-fifty .inner {
        flex-direction:column;
    }
    .page-template-bidcore-page .bidcore-fifty-fifty .inner .left {
        width:100%;
        padding-bottom:4rem;
    }
    .page-template-bidcore-page .bidcore-fifty-fifty.reporting .inner .left {
        width:100%;
        padding-top:6%;
    }
    .page-template-bidcore-page .bidcore-fifty-fifty.reporting .inner .left img {
        transform: scale(1) translateY(0%) translateX(0%);
        width:80%;
        margin:0 auto;
    }
    .page-template-bidcore-page .bidcore-fifty-fifty .inner .left img {
        transform: scale(1) translateY(0%) translateX(0%);
        width:80%;
        margin:0 auto;
    }
    .page-template-bidcore-page .bidcore-fifty-fifty.reporting {
        padding-bottom:0;
    }
    .page-template-bidcore-page .bidcore-fifty-fifty.reporting .inner .right {
        width:90%;
    }
    .page-template-bidcore-page .bidcore-fifty-fifty .inner .right {
        width:90%;
        margin:0 auto;
        text-align: center;
    }
    .page-template-bidcore-page .bidcore-partners .inner ul#partner-slider .slick-prev {
        left:35%;
    }
    .page-template-bidcore-page .bidcore-partners .inner ul#partner-slider .slick-next {
        right:35%;
    }
    .page-template-bidcore-page .bidcore-four {
        padding:3rem 0;
    }
    .page-template-bidcore-page .col4-wrapper.home-posts .col4 { width:100%;margin-bottom:1.5rem; }

    .page-template-bidcore-page .bidcore-fifty-fifty.documents-portal .inner .left {margin:0 auto;}
    .page-template-bidcore-page .bidcore-fifty-fifty.documents-portal .inner .left p { padding-left:0;text-align:center;}

    .page-template-bidcore-page .bidcore-fifty-fifty.documents-portal .inner .right { width:100%; }

}
@media screen and (max-width: 620px){
    .page-template-bidcore-page .bidcore-infographic .inner .right .overlay .icon {
        max-height:100px;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .right .overlay p {
        width:80%;
        font-size:1rem;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .left .overlay .icon {
        max-height:100px;
        padding-left: 12%;
        padding-top: 5%;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .left .overlay p {
        padding-left:12%;
        padding-right:1%;
        font-size:1rem;
        line-height:1rem;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .infographic-holder {
        flex-direction: column;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .cog {
        width:20.48%;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .link-1 {
        top: 7%;
        left: 7%;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .link-2 {
        left: 11.25%;
        bottom: unset;
        top:45%;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .link-3 {
        right: -1%;
        top: 74%;
        left:unset;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .link-4 {
        right: 6%;
        top: unset;
        bottom:-5%;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .arrows {
        top:50.7%;
/*        bottom: 14.75%;*/
        width:3%;
        transform:rotate(-90deg);
        left: 47.5%;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .arrows2 {
        position: absolute;
        height: 15.01%;
        left: 47.75%;
        top: unset;
        bottom: 7.5%;
        transform: rotate(90deg);
    }
    .page-template-bidcore-page .bidcore-infographic .inner .left {
        width:100%;
        padding-top:3.5rem;
        position: relative;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .left .overlays {
        left: 8%;
        width: 82.17%;
        top: 19.5%;
        height: 75%;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .left .overlay .close,
    .page-template-bidcore-page .bidcore-infographic .inner .right .overlay .close {
     display:block;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .left .block-2 img {
        width:82%;
        margin: 0 10.25% 2rem auto;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .left .block-1 {
        bottom:unset;
        top:0;
        transform: translateY(-30%);
        width: 45.37%;
        left:26%;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .left .block-1 .crm-arrows {
        order:2;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .left .block-1 .crm-copy {
        order:1;
        margin-bottom:0.5rem;
    }

    .page-template-bidcore-page .bidcore-infographic .inner .right {
        width:100%;
        background-color:transparent;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .right .block-3 {
        flex-direction:column;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .right .block-3 .boxes {
        width:82%;
        margin: 0 10.25% 0 auto;
        display:flex;
        align-items: center;
        justify-content: center;
        transform: translateX(-0%);
        border-radius: 0.2rem;
        margin-top:2rem;
        padding: 0 8.5% 0 10%;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .right .block-3 .boxes img:first-of-type {
        margin:0;
        margin-right:2%;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .right .block-3 .boxes img:last-of-type {
        margin-top:1%;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .right .block-3 .boxes img {
        margin:0;
        width:48%;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .right .block-3 img.leftimg {
        width:82%;
        margin:0 auto;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .right .block-3 img.leftimg {
        width: 82%;
        margin: 0 10.25% 0 auto;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .right .overlays {
        left:7.8%;
        width: 82.03%;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .right .overlay {
        height: 40%;
    }

}
@media screen and (max-width: 550px){
    .page-template-bidcore-page .footer {
        background-size: 850%;
    }
    .page-template-bidcore-page .bidcore-tabs .inner ul li h3 {
        font-size: 2.5vw;
        line-height: 2.7vw;
    }
    .page-template-bidcore-page .bidcore-infographic .inner .infographic-holder {
        flex-direction: column;
    }

}
@media screen and (max-width: 540px){
    .page-template-bidcore-page {
        background-size:300%;
        background-position:55% 0;
    }
    .page-template-bidcore-page .bidcore-header .inner .header-left p {
        font-size: 3.25vw;
        line-height: 3.7vw;
    }
}
@media screen and (max-width: 490px){
    .page-template-bidcore-page {
        background-size:320%;
        background-position:54% 0;
    }
}
@media screen and (max-width: 480px){
    .page-template-bidcore-page .footer {
        background-size: 900%;
    }
}
@media screen and (max-width: 450px){
    .page-template-bidcore-page .bidcore-header {
        background:transparent url('images/bidcore/bidcore-new-header.jpg') no-repeat center top;
        background-size:120%;
    }
    .page-template-bidcore-page .footer {
        background-size: 1000%;
    }
    .page-template-bidcore-page .bidcore-tabs .inner ul li svg {
        margin-right:0.75rem;
    }
    .page-template-bidcore-page .bidcore-tabs .inner ul.tab-content li {
        padding:0rem;
    }
}
@media screen and (max-width: 440px){
    .page-template-bidcore-page {
        background-size:380%;
        background-position:53% 0;
    }
    .page-template-bidcore-page .bidcore-header .inner .header-left p {
        font-size: 4.25vw;
        line-height: 4.7vw;
        width:85%;
    }
    .page-template-bidcore-page .bidcore-header .inner .header-left h1 {
        font-size:7vw;
        line-height:7vw;
    }
    .page-template-bidcore-page .bidcore-header .inner .header-right {
        width:85%;
    }
}
@media screen and (max-width: 390px){
    .page-template-bidcore-page {
        background-size:410%;
        background-position:53% 0;
    }
    .page-template-bidcore-page .footer {
        background-size: 1100%;
    }
    .page-template-bidcore-page .bidcore-header {
        padding-top:5rem;
        padding-bottom:4rem;
    }
}
@media screen and (min-width: 1920px){
    .page-template-bidcore-page .bidcore-header .inner .header-left a {
        margin-top:2rem;
        margin-bottom:4rem;
    }
}





/* Mixins */
.light-blue-bg {
  background-color: #f1f6fa; }

/* Default Classes */
.ib {
  display: inline-block; }

.f-left {
  display: block;
  float: left; }

.f-right {
  float: right; }

.clearfix-new {
  overflow: auto;
  zoom: 1; }

/* STYLES */
/* HERO STYLES */
.hero-job-title.red h3 {
  color: #df031b; }

.hero-job-title.red .button {
  color: #df031b;
  border-color: #df031b; }
  .hero-job-title.red .button:hover {
    background-color: #df031b !important; }

.hero-job-title #particles-js {
  z-index: 2; }

.hero-job-title .red-overlay {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  bottom: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7f0a02+0,000000+70&1+0,0+100 */
  background: -moz-linear-gradient(top, #7f0a02 0%, rgba(0, 0, 0, 0.3) 70%, transparent 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #7f0a02 0%, rgba(0, 0, 0, 0.3) 70%, transparent 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #7f0a02 0%, rgba(0, 0, 0, 0.3) 70%, transparent 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f0a02', endColorstr='#00000000',GradientType=0 );
  /* IE6-9 */ }

.hero-job-title .title-wrap {
  position: relative;
  z-index: 3;
  padding-top: 175px;
  padding-bottom: 90px; }
  .hero-job-title .title-wrap h2 {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 50px; }
  .hero-job-title .title-wrap h3 {
    margin-bottom: 30px; }

/* Generic Styles Specific to new template -- header and footer */
.title-wrap h2 {
  margin-bottom: 40px;
  text-transform: none; }

.title-wrap a.button {
  margin-top: 0; }

/* JOB INTRO */
.job-intro {
  display: block;
  max-width: 890px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 65px;
  width: 95%; }
  .job-intro p {
    text-align: center;
    font-size: 17px;
    line-height: 29px; }

/* JOB SPEC */
.job-spec {
  padding: 100px 0; }
  .job-spec.blue li::before {
    background-color: #04b3da; }
  .job-spec.blue p strong {
    color: #04b3da; }
  .job-spec.red li::before {
    background-color: #df031b; }
  .job-spec.red p strong {
    color: #df031b; }

.specs-container {
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
  -webkit-column-gap: 70px;
  /* Chrome, Safari, Opera */
  -moz-column-gap: 70px;
  /* Firefox */
  column-gap: 70px; }
  .specs-container p strong {
    text-transform: none;
    font-size: 17px;
    line-height: 29px;
    letter-spacing: 1px;
    min-width: 300px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    -webkit-column-break-after: avoid;
    page-break-after: avoid; }
    .specs-container p strong br {
      display: none; }
  .specs-container p {
    padding-bottom: 0;
    padding-top: 40px;
    margin-bottom: 0;
    -webkit-column-break-after: avoid;
    column-break-after: avoid;
    break-after: avoid;
    page-break-after: avoid;
    display: block;
    color: #202020; }
  .specs-container ul {
    list-style: none;
    padding-top: 20px;
    min-width: 300px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    -webkit-column-break-before: avoid;
    column-break-before: avoid;
    break-before: avoid;
    page-break-before: avoid;
    display: block; }
  .specs-container li {
    font-size: 17px;
    line-height: 29px;
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px;
    box-sizing: border-box; }
    .specs-container li::before {
      content: '';
      display: block;
      width: 3px;
      height: 3px;
      position: absolute;
      left: 0;
      top: 13.5px; }

/* SOCIAL FOOTER BUTTONS */
.social-footer-buttons {
  display: block;
  width: 100%;
  padding: 45px 0; }
  .social-footer-buttons .ib {
    vertical-align: middle; }
  .social-footer-buttons.blue {
    background-color: #04b3da; }
    .social-footer-buttons.blue .f-left a:hover {
      color: #04b3da !important; }
  .social-footer-buttons.red {
    background-color: #df031b; }
    .social-footer-buttons.red .f-left a:hover {
      color: #df031b !important; }
  .social-footer-buttons .f-left a {
    margin-right: 40px;
    min-width: 0; }
    .social-footer-buttons .f-left a:last-child {
      margin-right: 0; }
    .social-footer-buttons .f-left a:hover {
      background-color: #fff;
      border-color: #fff; }
  .social-footer-buttons .f-right .label {
    margin-bottom: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-family: "proxima-nova", Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 15px; }
  .social-footer-buttons .f-right a {
    height: 52px;
    width: 52px;
    background-size: auto;
    background-position: center center;
    background-repeat: no-repeat;
    margin-left: 20px; }
    .social-footer-buttons .f-right a.facebook {
      background-image: url(images/facebook-logo.png); }
    .social-footer-buttons .f-right a.twitter {
      background-image: url(images/twitter-logo.png); }
    .social-footer-buttons .f-right a.linkedin {
      background-image: url(images/linkedin-logo.png); }

/* ie9 */
.canvas.no-websockets .specs-container .spec-group {
  display: block;
  float: left;
  box-sizing: border-box;
  width: 50%;
  padding-right: 60px; }

.colour-red h3 {
  color: #df031b; }

.colour-red .button {
  color: #df031b;
  border-color: #df031b; }
  .colour-red .button:hover {
    background-color: #df031b !important; }

@media screen and (max-width: 880px) {
  .social-footer-buttons .f-left, .social-footer-buttons .f-right {
    float: none;
    width: 100%;
    display: block; }
    .social-footer-buttons .f-left span, .social-footer-buttons .f-right span {
      display: none; }
  .social-footer-buttons .f-left {
    margin-bottom: 30px; }
    .social-footer-buttons .f-left a {
      margin: 10px 20px; }
      .social-footer-buttons .f-left a:last-child {
        margin-right: 20px; }
  .social-footer-buttons .f-right a {
    margin: 0 10px; } }

@media screen and (max-width: 820px) {
  .specs-container {
    -webkit-column-count: 1;
    /* Chrome, Safari, Opera */
    -moz-column-count: 1;
    /* Firefox */
    column-count: 1;
    -webkit-column-gap: 0px;
    /* Chrome, Safari, Opera */
    -moz-column-gap: 0px;
    /* Firefox */
    column-gap: 0px; } }

@media screen and (max-width: 720px) {
  .specs-container .spec-group h3 {
    font-size: 13px;
    line-height: 17px; }
  .job-intro p,
  .specs-container .spec-group li {
    font-size: 13px;
    line-height: 20px; }
  .specs-container .spec-group li::before {
    top: 8.5px; }
  .specs-container .spec-group li {
    padding-left: 20px; }
  .hero-job-title .title-wrap h2 {
    font-size: 30px;
    line-height: 40px; }
  .specs-container .spec-group {
    min-width: 0; } }

/*# sourceMappingURL=app/style-new.css.map */




/* Performancce Page-Template */
.page-template-template-performance {
    background-color:white;
}
.page-template-template-performance .dark-grey-bg {
    background: rgb(22, 35, 49);
}
.page-template-template-performance .dark-grey-bg.news-bottom {
    background:white
}
.page-template-template-performance .outer-wrapper {
    width: 82%;
}
.page-template-template-performance #site-header .logo {
    width: 150px;
}
.page-template-template-performance #site-header.shrink {
    background:rgb(22, 35, 49);
}
.page-template-template-performance .shrink .menu-desktop .sub-menu {
    background:rgb(22, 35, 49);
}
.page-template-template-performance .performance-header {
    padding: 17rem 1rem 10rem;
    background:transparent url('images/performance/performance-new-header.jpg') no-repeat center bottom;
    background-size: cover;
}
@media (max-width: 767px) {
    .page-template-template-performance .performance-header {
        background-image: url('images/performance/hero-performance-m.jpg');
    }
}
.page-template-template-performance .nav-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    z-index: 2;
}
.page-template-template-performance .nav-overlay.menu-bg {
    display:block;
    background:rgba(0,0,0,0.8);
}

/* ------------------------------------ */

.page-template-template-performance .performance-header .inner {
    display: flex;
    align-items: center;
    max-width: 1540px;
    margin: 0px auto;
}
.page-template-template-performance .performance-header .inner .header-left {
    width: 50%;
}
.page-template-template-performance .performance-header .inner .header-left h2 {
    color: #FFF;
    margin-bottom: 0.5rem;
    font-size: 2rem;
    font-weight: 100;
    line-height: 2.5rem;
    padding-left: 0.35rem;
    padding-bottom: 0.35rem;
}
.page-template-template-performance .performance-header .inner .header-left h1 {
    color: rgb(4, 179, 218);
    font-size: 3.25rem;
    line-height: 3rem;
    font-weight: 100;
    margin: 0px;
    padding: 0px 0px 1.75rem;
}
.page-template-template-performance .performance-header .inner .header-left h1 span {
    color: #FFF;
}
.page-template-template-performance .performance-header .inner .header-left p {
    color: #FFF;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 100;
    width: 100%;
}
.page-template-template-performance .performance-header .inner .header-left a {
    margin-top: 4rem;
    text-transform: capitalize;
    letter-spacing: 0px;
    font-weight: 600;
    background: rgb(4, 179, 218);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(4, 179, 218);
    border-image: initial;
    transition: all 0.4s ease 0s;
}
.page-template-template-performance .performance-header .inner .header-left a::after {
    content: "→";
    color: rgb(38, 57, 75);
}
.page-template-template-performance .performance-header .inner .header-left a:hover {
    color: rgb(38, 57, 75);
    background: white;
    transition: all 0.4s ease 0s;
}
.page-template-template-performance .performance-header .inner .header-right {
    width: 60%;
}
.page-template-template-performance .performance-header .inner .header-right img {
    transform-origin: center center;
    transform: scale(1.15) translateX(3%) translateY(2%);
}

/* ------------------------------------ */

.page-template-template-performance .performance-intro {
    outline: none;
    padding-top: 7rem;
    padding-bottom: 5.8rem;
    background: none;

}
.page-template-template-performance .performance-intro .inner {
    max-width: 910px;
    margin: 0px auto;
    padding: 0 20px;
}
.page-template-template-performance .performance-intro .inner h2 {
    color: rgb(38, 57, 75);
    text-transform: none;
    width: 100%;
    text-align: left;
    font-weight: 300;
    margin: 0px 0px 2rem auto;
}
.page-template-template-performance .performance-intro .inner p {
    font-size: 1.063rem;
    line-height: 1.75rem;
    font-weight: 300;
    color: rgb(38, 57, 75);
    width: 100%;
    text-align: left;
    margin: 0px auto 1.2rem;
}

.page-template-template-performance .performance-intro .inner .btn_wrap {
    width: 100%;
    margin: 0px 0px 0px auto;
}
.page-template-template-performance .performance-intro .inner a {
    margin-top: 1rem;
    text-transform: none;
    letter-spacing: 0px;
    font-weight: 600;
    background: rgb(4, 179, 218);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(4, 179, 218);
    border-image: initial;
}
.page-template-template-performance .performance-intro .inner a::after {
    content: "→";
    color: rgb(38, 57, 75);
}
.page-template-template-performance .performance-intro .inner a:hover {
    color: rgb(38, 57, 75);
    background: white;
    transition: all 0.4s ease 0s;
}

/* ------------------------------------ */

.page-template-template-performance .performance-four {
    padding: 7rem 0;
    background: #F0F3F6 url(./images/performance/performance-four-table-bg.png) scroll no-repeat left 7rem;
}
.page-template-template-performance .performance-four .inner {
    max-width: 1240px;
    margin: 0px auto;
    padding: 0 20px;
}
.page-template-template-performance .performance-four .inner h3 {
    color: rgb(4, 179, 218);
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 0.9rem;
    padding-bottom: 0.35rem;
    display:none;
}
.page-template-template-performance .performance-four .inner h2 {
    color: rgb(38, 57, 75);
    text-transform: none;
    text-align: center;
    font-weight: 100;
}
.page-template-template-performance .performance-four .inner ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}
.page-template-template-performance .performance-four .inner ul li {
    width: 50%;
}
.page-template-template-performance .performance-four .inner ul.performance-row {
    margin: -0.375rem;
}
.page-template-template-performance .performance-four .inner ul.performance-row li.performance-col {
    padding: 0.375rem;
}
.page-template-template-performance .performance-four .inner ul.performance-row li.performance-col .performance-wrap {
    padding: 3rem 3.75rem;
    background-color: #FFF;
    display: flex;
    flex-direction: row;
    height: 100%;
}
.page-template-template-performance .performance-four .inner ul.performance-row li.performance-col .performance-col--image {
	flex: 0 0 auto;
	max-width: 5.25rem;
	width: auto;
	margin-right: 2.5rem;
}
.page-template-template-performance .performance-four .inner ul.performance-row li.performance-col .performance-col--content {
	flex: 1 1 auto;
	width: auto;
}
.page-template-template-performance .performance-four .inner ul li svg {
    margin: 0px auto;
    min-height:52px!important;
}
.page-template-template-performance .performance-four .inner ul li h3 {
    color: rgb(38, 57, 75);
    padding-top: 0.75rem;
    text-transform: none;
    font-size: 1.25rem;
    display: block;
    font-weight: bold;
    line-height: 1.75rem;
    margin-bottom: 0.75rem;
    padding-bottom: 0;
    letter-spacing: 0;
}
.page-template-template-performance .performance-four .inner ul li p {
    color: rgb(38, 57, 75);
    font-size: 1.063rem;
    line-height: 1.75rem;
    font-weight: 100;
}
.page-template-template-performance .performance-four .inner ul li p:last-child {
    margin-bottom: 0;
}

/* ------------------------------------ */

.page-template-template-performance .performance-circles-four {
    position: relative;
    padding: 7rem 0;
    background: #162331;
    background-image: url('./images/performance/performance-four-circles-bg-tile.png'), radial-gradient(#163B45, #162331);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.page-template-template-performance .performance-circles-four::after {
    content: '';
    width: 390px;
    height: 148px;
    position: absolute;
    right: 0;
    top: 7rem;
    background: url(./images/performance/performance-four-circles-bg.png) no-repeat;
}
.page-template-template-performance .performance-circles-four .inner {
    position: relative;
    z-index: 1;
    max-width: 1040px;
    margin: 0px auto;
    padding: 0 20px;
}
.page-template-template-performance .performance-circles-four .inner h3 {
    color: rgb(4, 179, 218);
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 0.9rem;
    padding-bottom: 0.35rem;
    display:none;
}
.page-template-template-performance .performance-circles-four .inner h2 {
    color: #FFF;
    text-transform: none;
    text-align: center;
    font-weight: 100;
}
.page-template-template-performance .performance-circles-four .inner ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
}
.page-template-template-performance .performance-circles-four .inner ul li {
    flex: 0 0 auto;
    width: auto;
}
.page-template-template-performance .performance-circles-four .inner ul.performance-row {
    margin: -1.25rem;
}
.page-template-template-performance .performance-circles-four .inner ul.performance-row li.performance-col {
    padding: 1.25rem;
}
.page-template-template-performance .performance-circles-four .inner ul.performance-row li.performance-col .performance-wrap {
    position: relative;
	padding: 1.25rem;
    box-sizing: border-box;
	background: none;
	display: flex;
	flex-direction: column;
	height: 220px;
	text-align: center;
	max-width: 220px;
	width: 100%;
	justify-content: center;
	border-radius: 50%;
}
.page-template-template-performance .performance-circles-four .inner ul.performance-row li.performance-col .performance-wrap::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent url('./images/performance/circle-border.png') scroll no-repeat center center;
}
.page-template-template-performance .performance-circles-four .inner ul.performance-row li.performance-col:nth-child(n + 1) .performance-wrap::after {
    transform: rotate(0deg);
}
.page-template-template-performance .performance-circles-four .inner ul.performance-row li.performance-col:nth-child(n + 2) .performance-wrap::after {
    transform: rotate(90deg);
}
.page-template-template-performance .performance-circles-four .inner ul.performance-row li.performance-col:nth-child(n + 3) .performance-wrap::after {
    transform: rotate(0deg);
}
.page-template-template-performance .performance-circles-four .inner ul.performance-row li.performance-col:nth-child(n + 4) .performance-wrap::after {
    transform: rotate(270deg);
}
.page-template-template-performance .performance-circles-four .inner ul.performance-row li.performance-col .performance-col--image {
	flex: 0 0 auto;
	max-width: 3.25rem;
	width: auto;
	margin-right: 2.5rem;
}
.page-template-template-performance .performance-circles-four .inner ul.performance-row li.performance-col .performance-col--content {
	flex: 1 1 auto;
	width: auto;
}
.page-template-template-performance .performance-circles-four .inner ul li svg {
    margin: 0px auto;
    min-height:52px!important;
}
.page-template-template-performance .performance-circles-four .inner ul li h3 {
    color: #FFF;
    padding-top: 0.75rem;
    text-transform: none;
    font-size: 2.5rem;
    display: block;
    font-weight: bold;
    line-height: 3rem;
    margin-bottom: 0.25rem;
    padding-bottom: 0;
    letter-spacing: 0;
}
.page-template-template-performance .performance-circles-four .inner ul li p {
    color: #FFF;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 100;
}
.page-template-template-performance .performance-circles-four .inner ul li p:last-child {
    margin-bottom: 0;
}

/* ------------------------------------ */

.page-template-template-performance .performance-case-studies {
    padding: 7rem 0; /* 2.625rem */
    background: #DDD;
}
.page-template-template-performance .performance-case-studies .inner-wrapper {
    max-width: 1244px;
    margin: 0px auto;
}
.page-template-template-performance .performance-case-studies .inner-wrapper > h3 {
    color: #26394B;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 0.9rem;
    padding-bottom: 0.35rem;
    display: none;
}
.page-template-template-performance .performance-case-studies .inner-wrapper > h2 {
    color: #26394B;
    text-transform: none;
    text-align: center;
    font-weight: 100;
}
.page-template-template-performance .performance-case-studies #case-studies-slider .slick-list {
	overflow: visible;
}
.page-template-template-performance .performance-case-studies #case-studies-slider .slick-track {
    display: flex;
}
.page-template-template-performance .performance-case-studies #case-studies-slider .slick-arrow {
	position: absolute;
	top: 5.75rem;
	border-radius: 50%;
	overflow: hidden;
	width: 4rem;
	height: 4rem;
    padding: 0;
	border: none;
	background-color: #04B3DA;
	color: #FFF;
    z-index: 1;
}
.page-template-template-performance .performance-case-studies #case-studies-slider .slick-arrow::before {
    content: '';
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center;
    width: 4rem;
    height: 4rem;
    display: block;
}
.page-template-template-performance .performance-case-studies #case-studies-slider .slick-arrow.slick-next {
    right: -0.625rem;
}
.page-template-template-performance .performance-case-studies #case-studies-slider .slick-arrow.slick-next::before {
    background-image: url(./images/arrow-right.svg);
}
.page-template-template-performance .performance-case-studies #case-studies-slider .slick-arrow.slick-prev {
    left: -0.625rem;
}
.page-template-template-performance .performance-case-studies #case-studies-slider .slick-arrow.slick-prev::before {
    background-image: url(./images/arrow-left.svg);
}
.page-template-template-performance .performance-case-studies #case-studies-slider .slick-arrow.slick-disabled {
    opacity: 0;
}
.page-template-template-performance .performance-case-studies .case-study-slide {
    height: auto;
    /* padding-bottom: 4.375rem; */
    opacity: 0;
    transition: all 0.2s ease-in-out 0s;
}
.page-template-template-performance .performance-case-studies .case-study-slide.slick-active {
    opacity: 1;
}
.page-template-template-performance .performance-case-studies .case-study-slide .case-study-slide--wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
    margin-left: 1.375rem;
    margin-right: 1.375rem;
    transition: all 0.2s ease-in-out 0s;
}
.page-template-template-performance .performance-case-studies .case-study-slide:hover .case-study-slide--wrap {
    box-shadow: 0.625rem 1.25rem 3.125rem rgba(38, 57, 75, .25);
}
.page-template-template-performance .performance-case-studies .case-study-slide .case-study-slide--image {
    background-color: #26394B;
    min-height: 247px;
    flex: 0 0 auto;
    transition: all 0.2s ease-in-out 0s;
    position: relative;
    overflow: hidden;
}
.page-template-template-performance .performance-case-studies .case-study-slide .case-study-slide--image img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 100%;
	width: auto;
	max-width: none;
}
.page-template-template-performance .performance-case-studies .case-study-slide:hover .case-study-slide--image {
    background-color: #FFF;
}
.page-template-template-performance .performance-case-studies .case-study-slide .case-study-slide--content {
    padding: 2.5rem;
    background-color: #FFF;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    transition: all 0.2s ease-in-out 0s;
}
.page-template-template-performance .performance-case-studies .case-study-slide:hover .case-study-slide--content {
    background-color: #26394B;
}
.page-template-template-performance .performance-case-studies .case-study-slide .case-study-slide--content .case-study-slide--category {
    display: block;
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 0.75rem;
    color: #162331;
    transition: all 0.2s ease-in-out 0s;
}
.page-template-template-performance .performance-case-studies .case-study-slide:hover .case-study-slide--content .case-study-slide--category {
    color: #FFF;
    opacity: 0.5;
}
.page-template-template-performance .performance-case-studies .case-study-slide .case-study-slide--content h4 {
    color: #162331;
    font-size: 24px;
    line-height: 32px;
    font-weight: bold;
    text-transform: none;
    margin-bottom: 1.75rem;
    transition: all 0.2s ease-in-out 0s;
}
.page-template-template-performance .performance-case-studies .case-study-slide:hover .case-study-slide--content h4 {
    color: #FFF;
}
.page-template-template-performance .performance-case-studies .case-study-slide .case-study-slide--content p {
    color: #162331;
    transition: all 0.2s ease-in-out 0s;
}
.page-template-template-performance .performance-case-studies .case-study-slide:hover .case-study-slide--content p {
    color: #FFF;
}
.page-template-template-performance .performance-case-studies .case-study-slide .case-study-slide--content a,
.page-template-template-performance .performance-case-studies .case-study-slide .case-study-slide--content a:visited {
    color: #04B3DA;
    margin-top: auto;
}

/* ------------------------------------ */

.page-template-template-performance .performance-steps {
    padding: 7rem 0;
    background: #F0F3F6 url(./images/performance/performance-four-table-bg.png) scroll no-repeat left 7rem;
}
.page-template-template-performance .performance-steps .inner {
    max-width: 1240px;
    margin: 0px auto;
}
.page-template-template-performance .performance-steps .performance-steps_intro {
    text-align: center;
    padding: 0 20px;
}
.page-template-template-performance .performance-steps .performance-steps_intro .performance-steps_intro-title {
    color: rgb(38, 57, 75);
    text-transform: none;
    font-weight: 100;
    margin-bottom: 4rem;
}
.page-template-template-performance .performance-steps .performance-steps_intro .performance-steps_intro-subhead {
    color: rgb(38, 57, 75);
    margin-bottom: 1.75rem;
    font-size: 1.063rem;
    font-weight: 500;
    line-height: 1.7rem;
}
.page-template-template-performance .performance-steps .performance-steps_intro .performance-steps_intro-description {
    margin-bottom: 5rem;
}
.page-template-template-performance .performance-steps .performance-steps_intro .performance-steps_intro-description p {
    color: rgb(38, 57, 75);
}
.page-template-template-performance .performance-steps .performance-steps_intro .performance-steps_intro-description p:last-child {
    margin-bottom: 0;
}

.page-template-template-performance .performance-steps .performance-steps_graph {
	display: block;
    padding: 0 20px;
}
.page-template-template-performance .performance-steps .performance-steps_graph img {
	display: block;
    margin: 0 auto;
}
.page-template-template-performance .performance-steps .performance-steps_graph.performance-steps_graph--mobile {
	display: none;
}
@media (max-width: 767px) {
.page-template-template-performance .performance-steps .performance-steps_graph {
    display: none;
}
.page-template-template-performance .performance-steps .performance-steps_graph.performance-steps_graph--mobile {
    display: block;
}
}

/* ------------------------------------ */

.page-template-template-performance .performance-four-grid {
    padding: 7rem 0;
    background: #04B3DA url(./images/performance/performance-four-grid-bg.png) scroll no-repeat right 7rem;
}
.page-template-template-performance .performance-four-grid .inner {
    max-width: 1240px;
    margin: 0px auto;
    padding: 0 20px;
}
.page-template-template-performance .performance-four-grid .inner h3 {
    color: #FFF;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 0.9rem;
    padding-bottom: 0.35rem;
    display:none;
}
.page-template-template-performance .performance-four-grid .inner h2 {
    color: #FFF;
    text-transform: none;
    text-align: center;
    font-weight: 100;
    margin-bottom: 3.875rem;
}
.page-template-template-performance .performance-four-grid .inner ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}
.page-template-template-performance .performance-four-grid .inner ul li {
    width: 25%;
}
.page-template-template-performance .performance-four-grid .inner ul.performance-row {
    margin: -0.375rem;
}
.page-template-template-performance .performance-four-grid .inner ul.performance-row li.performance-col {
    padding: 0.375rem;
}
.page-template-template-performance .performance-four-grid .inner ul.performance-row li.performance-col .performance-wrap {
    padding: 2.625rem 2.5rem 3rem;
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.page-template-template-performance .performance-four-grid .inner ul.performance-row li.performance-col .performance-col--image {
	flex: 0 0 auto;
	max-width: 3.25rem;
	width: auto;
	margin-bottom: 2rem;
}
.page-template-template-performance .performance-four-grid .inner ul.performance-row li.performance-col .performance-col--content {
	flex: 1 1 auto;
	width: auto;
}
.page-template-template-performance .performance-four-grid .inner ul li svg {
    margin: 0px auto;
    min-height: 52px!important;
}
.page-template-template-performance .performance-four-grid .inner ul li h3 {
    color: #26394B;
    padding-top: 0.75rem;
    text-transform: none;
    font-size: 1.25rem;
    display: block;
    font-weight: bold;
    line-height: 1.75rem;
    margin-bottom: 0.75rem;
    padding-bottom: 0;
    letter-spacing: 0;
}
.page-template-template-performance .performance-four-grid .inner ul li p {
    color: rgb(38, 57, 75);
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 100;
}
.page-template-template-performance .performance-four-grid .inner ul li p:last-child {
    margin-bottom: 0;
}

/* ------------------------------------ */

.page-template-template-performance .performance-partners {
    padding: 7rem 0;
    background: #26394B;
}
.page-template-template-performance .performance-partners.hide {
    display:none;
}
.page-template-template-performance .performance-partners .inner {
    max-width: 1240px;
    margin: 0px auto;
    padding: 0 20px;
}
.page-template-template-performance .performance-partners .inner h2 {
    color: #FFF;
    text-transform: none;
    text-align: center;
    font-weight: 300;
    margin-bottom: 4rem;
}
.page-template-template-performance .performance-partners .inner ul.partner-switcher {
    display: flex;
    justify-content: center;
    margin: 0px auto;
    list-style: none;
    padding: 1.5rem 0px;
}
.page-template-template-performance .performance-partners .inner ul.partner-switcher li.active {}
.page-template-template-performance .performance-partners .inner ul.partner-switcher li:first-of-type {
    padding-right: 1rem;
}
.page-template-template-performance .performance-partners .inner ul.partner-switcher li {
    border-right: 1px solid rgb(4, 179, 218);
}
.page-template-template-performance .performance-partners .inner ul.partner-switcher li.active a {
    color: rgb(4, 179, 218);
    font-weight: 700;
}
.page-template-template-performance .performance-partners .inner ul.partner-switcher li a {
    text-transform: uppercase;
    color: rgb(38, 57, 75);
    font-weight: 600;
    text-decoration: none;
}
.page-template-template-performance .performance-partners .inner ul.partner-switcher li:last-of-type {
    padding-left: 1rem;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
}

.page-template-template-performance .performance-partners .inner ul#partner-supply-slider {
    position: relative;
}
.page-template-template-performance .performance-partners .inner ul#partner-supply-slider .slick-dots {
	bottom: -30px;
}
.page-template-template-performance .performance-partners .inner ul#partner-supply-slider .slick-prev {
    position: absolute;
    text-indent: -9999px;
    bottom: -4rem;
    left: 40%;
    height: 30px;
    box-shadow: none;
    background: url(images/performance/left-arrow.svg) center center no-repeat transparent;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    outline: none;
}
.page-template-template-performance .performance-partners .inner ul#partner-supply-slider .slick-next {
    position: absolute;
    text-indent: -9999px;
    bottom: -4rem;
    right: 40%;
    height: 30px;
    box-shadow: none;
    background: url(images/performance/right-arrow.svg) center center no-repeat transparent;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    outline: none;
}
.page-template-template-performance .performance-partners .inner ul#partner-supply-slider .slick-track {
    margin: 0px auto;
    justify-content: center;
    display: flex;
}
.page-template-template-performance .performance-partners .inner ul#partner-supply-slider li:first-of-type {
    padding-left: 0px;
}
.page-template-template-performance .performance-partners .inner ul#partner-supply-slider li.slick-slide {
    min-height: 80px;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 0 10px;
}
.page-template-template-performance .performance-partners .inner ul#partner-supply-slider li {
    padding: 0px 0rem;
}
.page-template-template-performance .performance-partners .inner ul#partner-supply-slider li.slick-slide img {
    margin: auto;
}
.page-template-template-performance .performance-partners .inner ul#partner-supply-slider .slick-next {
    position: absolute;
    text-indent: -9999px;
    bottom: -4rem;
    right: 40%;
    height: 30px;
    box-shadow: none;
    background: url(images/performance/right-arrow.svg) center center no-repeat transparent;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    outline: none;
}

/* ------------------------------------ */

.page-template-template-performance .performance-case-studies {
    padding: 7rem 0; /* 2.625rem */
    background: #DDD;
}
.page-template-template-performance .performance-case-studies .inner-wrapper {
    max-width: 1244px;
    margin: 0px auto;
}
.page-template-template-performance .performance-case-studies .inner-wrapper > h3 {
    color: #26394B;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 0.9rem;
    padding-bottom: 0.35rem;
    display: none;
}
.page-template-template-performance .performance-case-studies .inner-wrapper > h2 {
    color: #26394B;
    text-transform: none;
    text-align: center;
    font-weight: 100;
}
.page-template-template-performance .performance-case-studies #case-studies-slider .slick-list {
	overflow: visible;
}
.page-template-template-performance .performance-case-studies #case-studies-slider .slick-track {
    display: flex;
}
.page-template-template-performance .performance-case-studies #case-studies-slider .slick-arrow {
	position: absolute;
	top: 5.75rem;
	border-radius: 50%;
	overflow: hidden;
	width: 4rem;
	height: 4rem;
    padding: 0;
	border: none;
	background-color: #04B3DA;
	color: #FFF;
    z-index: 1;
}
.page-template-template-performance .performance-case-studies #case-studies-slider .slick-arrow::before {
    content: '';
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center;
    width: 4rem;
    height: 4rem;
    display: block;
}
.page-template-template-performance .performance-case-studies #case-studies-slider .slick-arrow.slick-next {
    right: -0.625rem;
}
.page-template-template-performance .performance-case-studies #case-studies-slider .slick-arrow.slick-next::before {
    background-image: url(./images/arrow-right.svg);
}
.page-template-template-performance .performance-case-studies #case-studies-slider .slick-arrow.slick-prev {
    left: -0.625rem;
}
.page-template-template-performance .performance-case-studies #case-studies-slider .slick-arrow.slick-prev::before {
    background-image: url(./images/arrow-left.svg);
}
.page-template-template-performance .performance-case-studies #case-studies-slider .slick-arrow.slick-disabled {
    opacity: 0;
}
.page-template-template-performance .performance-case-studies .case-study-slide {
    height: auto;
    /* padding-bottom: 4.375rem; */
    opacity: 0;
    transition: all 0.2s ease-in-out 0s;
}
.page-template-template-performance .performance-case-studies .case-study-slide.slick-active {
    opacity: 1;
}
.page-template-template-performance .performance-case-studies .case-study-slide .case-study-slide--wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
    margin-left: 1.375rem;
    margin-right: 1.375rem;
    transition: all 0.2s ease-in-out 0s;
}
.page-template-template-performance .performance-case-studies .case-study-slide:hover .case-study-slide--wrap {
    box-shadow: 0.625rem 1.25rem 3.125rem rgba(38, 57, 75, .25);
}
.page-template-template-performance .performance-case-studies .case-study-slide .case-study-slide--image {
    background-color: #26394B;
    min-height: 247px;
    flex: 0 0 auto;
    transition: all 0.2s ease-in-out 0s;
}
.page-template-template-performance .performance-case-studies .case-study-slide:hover .case-study-slide--image {
    background-color: #FFF;
}
.page-template-template-performance .performance-case-studies .case-study-slide .case-study-slide--content {
    padding: 2.5rem;
    background-color: #FFF;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    transition: all 0.2s ease-in-out 0s;
}
.page-template-template-performance .performance-case-studies .case-study-slide:hover .case-study-slide--content {
    background-color: #26394B;
}
.page-template-template-performance .performance-case-studies .case-study-slide .case-study-slide--content .case-study-slide--category {
    display: block;
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 0.75rem;
    color: #162331;
    transition: all 0.2s ease-in-out 0s;
}
.page-template-template-performance .performance-case-studies .case-study-slide:hover .case-study-slide--content .case-study-slide--category {
    color: #FFF;
    opacity: 0.5;
}
.page-template-template-performance .performance-case-studies .case-study-slide .case-study-slide--content h4 {
    color: #162331;
    font-size: 24px;
    line-height: 32px;
    font-weight: bold;
    text-transform: none;
    margin-bottom: 1.75rem;
    transition: all 0.2s ease-in-out 0s;
}
.page-template-template-performance .performance-case-studies .case-study-slide:hover .case-study-slide--content h4 {
    color: #FFF;
}
.page-template-template-performance .performance-case-studies .case-study-slide .case-study-slide--content p {
    color: #162331;
    transition: all 0.2s ease-in-out 0s;
}
.page-template-template-performance .performance-case-studies .case-study-slide:hover .case-study-slide--content p {
    color: #FFF;
}
.page-template-template-performance .performance-case-studies .case-study-slide .case-study-slide--content a,
.page-template-template-performance .performance-case-studies .case-study-slide .case-study-slide--content a:visited {
    color: #04B3DA;
    margin-top: auto;
}

/* ------------------------------------ */

.page-template-template-performance .performance-3-steps {
    position: relative;
    padding: 7rem 0;
    background-color: #FFFFFF;
    background-image: linear-gradient(#FFFFFF, #E5F7FB);
}
.page-template-template-performance .performance-3-steps::after {
	content: '';
	width: 390px;
	height: 148px;
	position: absolute;
	left: 0;
	top: 7rem;
	background: url(./images/performance/performance-four-table-bg.png) no-repeat;
}
.page-template-template-performance .performance-3-steps .inner {
    position: relative;
    z-index: 1;
    max-width: 1240px;
    margin: 0px auto;
}
.page-template-template-performance .performance-3-steps .performance-steps_intro {
    text-align: center;
    padding: 0 20px;
}
.page-template-template-performance .performance-3-steps .performance-steps_intro .performance-steps_intro-title {
    color: rgb(38, 57, 75);
    text-transform: none;
    font-weight: 100;
    margin-bottom: 1.75rem;
}
.page-template-template-performance .performance-3-steps .performance-steps_intro .performance-steps_intro-subhead {
    color: #04B3DA;
    margin-bottom: 0.75rem;
    font-size: 1.063rem;
    font-weight: 500;
    line-height: 1.7rem;
    text-transform: uppercase;
}
.page-template-template-performance .performance-3-steps .performance-steps_intro .performance-steps_intro-description {
    margin-bottom: 4rem;
}
.page-template-template-performance .performance-3-steps .performance-steps_intro .performance-steps_intro-description p {
    color: rgb(38, 57, 75);
    font-size: 1.25rem;
    line-height: 2rem;
}
.page-template-template-performance .performance-3-steps .performance-steps_intro .performance-steps_intro-description p:last-child {
    margin-bottom: 0;
}

.page-template-template-performance .performance-3-steps .performance-steps_cta {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
    padding: 0 20px;
    width: 100%;
}
.page-template-template-performance .performance-3-steps .performance-steps_cta-content {
    flex: 0 0 520px;
    max-width: 520px;
    width: 100%;
    padding-right: 40px;
}
.page-template-template-performance .performance-3-steps .performance-steps_cta-content h4 {
    color: #26394B;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1.25rem;
}
.page-template-template-performance .performance-3-steps .performance-steps_cta-content p {
    color: rgb(38, 57, 75);
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.page-template-template-performance .performance-3-steps .performance-steps_cta-content p:last-child {
    margin-bottom: 0;
}
.page-template-template-performance .performance-3-steps .performance-steps_cta-button {
	flex: 1 1 auto;
    width: auto;
    text-align: right;
}
.page-template-template-performance .performance-3-steps .performance-steps_cta-button .button {
    color: #FFF;
    background-color: #04B3DA;
}
.page-template-template-performance .performance-3-steps .performance-steps_cta-button .button:hover {
    background-color: transparent;
    color: #04B3DA;
}

.page-template-template-performance .performance-3-steps .performance-steps_items {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
    margin-bottom: 7rem;
}
.page-template-template-performance .performance-3-steps .performance-steps_item {
	flex: 0 0 33.33%;
	width: 100%;
	max-width: 33.33%;
	text-align: center;
    position: relative;
}
.page-template-template-performance .performance-3-steps .performance-steps_item:first-child::before {
    display: none;
}
.page-template-template-performance .performance-3-steps .performance-steps_item::before {
	content: '';
	position: absolute;
	background-color: #CBD2DA;
	width: calc(100% - 104px);
	height: 4px;
	top: 30px;
	left: calc(-50% + 52px);
}
.page-template-template-performance .performance-3-steps .performance-steps_item::after {
	content: '';
	border-width: 4px;
	border-style: solid;
	border-color: #CBD2DA #CBD2DA transparent transparent;
	transform: rotate(45deg) translateX(-50%);
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	top: 29px;
	left: calc(50% - 65px);
}
.page-template-template-performance .performance-3-steps .performance-steps_item:first-child::after {
    display: none;
}
.page-template-template-performance .performance-3-steps .performance-steps_item-number {
	margin-bottom: 1.25rem;
	border-radius: 50%;
	margin-left: auto;
	margin-right: auto;
	background-color: #162331;
	width: 4rem;
	height: 4rem;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
}
.page-template-template-performance .performance-3-steps .performance-steps_item-title {
    font-size: 1.25rem;
    line-height: 2rem;
}

/* ------------------------------------ */

.page-template-template-performance .dark-grey-bg {
    background: #162331;
}
.page-template-template-performance .footer {
    background: #162331;
    background-image: radial-gradient(#243749 0%, transparent 70%);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 170px;
    padding-top: 4.938rem;
}
.page-template-template-performance .footer .contact-us {
    padding: 25rem 0px 5rem;
}
.page-template-template-performance #site-footer {
    background: transparent;
}
.page-template-template-performance .footer .contact-us .inner {
    max-width: 1200px;
    margin: 0px auto;
}
.page-template-template-performance .footer .contact-us .inner h2 {
    width: 50%;
    text-align: center;
    font-size: 3.25rem;
    font-weight: 300;
    letter-spacing: 0px;
    padding-bottom: 2rem;
    margin: 0px 0px 0px auto;
}
.page-template-template-performance .footer .contact-us .inner p {
    width: 50%;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 200;
    padding-bottom: 4rem;
    margin: 0px 0px 0px auto;
}
.page-template-template-performance .footer .contact-us .inner .btn_wrap {
    width: 50%;
    text-align: center;
    margin: 0px 0px 0px auto;
}
.page-template-template-performance .footer .contact-us .inner .btn_wrap a {
    color: white;
    font-weight: 600;
    background: rgb(4, 179, 218);
    text-decoration: none;
    padding: 0.75rem 2rem;
    border-radius: 3rem;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(4, 179, 218);
    border-image: initial;
}
.page-template-template-performance .footer .contact-us .inner .btn_wrap a::after {
    content: " →";
    color: rgb(38, 57, 75);
}
.page-template-template-performance .footer .contact-us .inner .btn_wrap a:hover {
    color: white;
    background: rgb(38, 57, 75);
    transition: all 0.4s ease 0s;
}
.page-template-template-performance .footer .contact-us .inner .btn_wrap a:hover::after {
    color: white;
    transition: all 0.4s ease 0s;
}
.page-template-template-performance #site-footer > .wrapper {
    padding-top: 0px;
    padding-bottom: 60px;
}
.page-template-template-performance .footer-logos {
    color: white;
    background: transparent;
}
.page-template-template-performance .footer-logos .footer-logos--heading {
    color: white;
}
.page-template-template-performance .footer-logos .footer-logos--heading h3 {
    color: white;
}
.page-template-template-performance .footer-logos .footer-logos--content figure img {
    opacity: 1;
}

.page-template-template-performance .bottom-bar {
    background: transparent;
}
.page-template-template-performance .dark-grey-bg {
    background: rgb(22, 35, 49);
}
.page-template-template-performance .outer-wrapper {
    width: 82%;
}
.page-template-template-performance .footer-menu-container .menu li a {
    color: white;
}
.page-template-template-performance #site-footer .social-links li a i {
    color: white;
}
.page-template-template-performance #site-footer .social-links li a.red-highlight i {
    color: rgb(223, 3, 27);
}
.page-template-template-performance .footer .contact-us .inner h2 span {
    color: rgb(4, 179, 218);
    text-align: center;
}
.page-template-template-performance .corner-link:hover,
.page-template-template-performance .corner-link:focus {
        border-color: transparent transparent rgb(22, 35, 49) transparent;
    }
.page-template-template-performance .news-block h2 {
    text-transform: none;
    font-weight: 300;
}
.page-template-template-performance .news-block {
    background:transparent;
    padding-bottom:50px;
    padding-top:80px;
}

/* ------------------------------------ */

.page-template-template-performance .performance-3-steps .performance-steps_form {
	margin: 5rem auto 0;
	padding: 2.5rem 2.5rem 1.5rem;
	max-width: 900px;
	width: 100%;
	background-color: #FFF;
	border: 1px solid #f1f1f1;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
}

/* ------------------------------------ */

@media screen and (max-width: 1270px){
    .page-template-template-performance .performance-header {
        padding: 12rem 1rem 10rem;
    }
    .page-template-template-performance .performance-header .inner .header-left h1 {
        font-size:4vw;
        line-height:4vw;
    }
    .page-template-template-performance .performance-header .inner .header-left p {
        font-size:2.25vw;
        line-height:2.7vw;
    }
    .page-template-template-performance .performance-header .inner .header-left a {
        margin-top:1.5rem;
    }
}
@media screen and (max-width: 1170px){
    .page-template-template-performance .performance-infographic .inner .left .overlay .icon {
        padding-left: 12%;
        padding-top: 10%;
    }
    .page-template-template-performance .performance-infographic .inner .left .overlay p {
        padding-left: 12%;
    }
}
@media screen and (max-width: 1080px){
    .page-template-template-performance {
        background-size:280%;
        background-position: 65% 0;
    }
}
@media screen and (max-width: 950px){
    .page-template-template-performance {
        background-size:240%;
        background-position: 70% 0;
    }
    .page-template-template-performance .performance-header {
        padding-top:10rem;
    }
}
@media screen and (max-width: 850px){

    .page-template-template-performance .footer-logos .footer-logos--heading {
        width:100%;
        padding-bottom:10px;
    }
    .page-template-template-performance .footer-logos .footer-logos--content {
        width:100%;
        padding-top:10px;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .page-template-template-performance section.performance-four-grid .inner ul li {
        width: 50%;
    }

    .page-template-template-performance section.performance-four .inner ul.performance-row li.performance-col .performance-wrap {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }

    .page-template-template-performance section.performance-3-steps .performance-steps_cta-button .button {
        min-width: 0;
        padding-left: 32px !important;
        padding-right: 32px !important;
    }
}
@media screen and (max-width: 767px){
    .page-template-template-performance section.performance-3-steps .performance-steps_cta-button {
        text-align: center;
    }
    .page-template-template-performance section.performance-3-steps .performance-steps_item {
        padding: 0 20px;
    }
    .page-template-template-performance section.performance-3-steps .performance-steps_item-title {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .page-template-template-performance section.performance-3-steps .performance-steps_cta {
        display: flex;
        flex-direction: unset;
        align-items: center;
        flex-wrap: wrap;
        text-align: center;
        padding: 0 20px;
    }
    .page-template-template-performance section.performance-3-steps .performance-steps_cta-content {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
    }

    .page-template-template-performance section.performance-partners {
        padding: 3rem 0px 5rem;
    }

    .page-template-template-performance section.performance-3-steps {
        padding: 5rem 0;
    }
    .page-template-template-performance section.performance-3-steps::after {
        background-image: none;
    }

    .page-template-template-performance section.performance-four-grid .inner ul.performance-row li.performance-col .performance-col--image {
        margin-left: auto;
        margin-right: auto;
    }
    .page-template-template-performance section.performance-four-grid .inner ul.performance-row li.performance-col .performance-col--content {
        text-align: center;
    }

    .page-template-template-performance section.performance-circles-four {
        padding: 5rem 0;
    }

    .page-template-template-performance section.performance-four-grid {
        padding: 5rem 0;
    }
    .page-template-template-performance section.performance-four-grid .inner ul li {
        width: 100%;
    }

    .page-template-template-performance section.performance-steps {
        padding: 5rem 0;
        background-image: none;
    }
    .page-template-template-performance section.performance-steps .performance-steps_intro .performance-steps_intro-title {
        margin-bottom: 2rem;
    }

    .page-template-template-performance section.performance-case-studies {
        padding: 5rem 0;
    }

    .page-template-template-performance section.performance-circles-four {
        padding: 5rem 0;
    }

    .page-template-template-performance .performance-four .inner ul.performance-row li.performance-col .performance-col--image {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        margin-right: 0;
        margin-bottom: 1rem;
    }
    .page-template-template-performance .performance-four .inner ul.performance-row li.performance-col .performance-col--image .performance-svgs {
        display: block;
        margin: 0 auto;
    }
    .page-template-template-performance .performance-four .inner ul.performance-row li.performance-col .performance-col--content {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }
    .page-template-template-performance .performance-four .inner ul.performance-row li.performance-col .performance-wrap {
        padding: 3rem 3.75rem;
        background-color: #FFF;
        display: flex;
        flex-direction: unset;
        height: 100%;
        flex-wrap: wrap;
        text-align: center;
    }

    .page-template-template-performance .performance-intro {
        padding-top: 3rem;
        padding-bottom: 2rem;
    }

    .page-template-template-performance #site-header {
        padding-top:35px;
    }
    .page-template-template-performance {
        background-position: 62% 0;
    }
    .page-template-template-performance .performance-header {
        padding-top: 12rem;
        background-size: cover;
/*        padding-bottom:4rem;*/
    }
    .page-template-template-performance .performance-header .inner {
        flex-direction:column;
    }
    .page-template-template-performance .performance-header .inner .header-left {
        width:100%;
        text-align: center;
    }
    .page-template-template-performance .performance-header .inner .header-left p {
        width:65%;
        margin:0 auto;
        padding-bottom:3rem;
    }
    .page-template-template-performance .performance-header .inner .header-left a {
        margin-top:0rem;
/*        visibility: hidden;*/
    }
    .page-template-template-performance .performance-header .inner .header-right {
        padding-top:6rem;
    }
    .page-template-template-performance .performance-header .inner .header-left h1 {
        max-width:65%;
        margin:0 auto;
    }
    .page-template-template-performance .performance-header .inner .header-right img {
        transform-origin: center center;
        transform: scale(1.15) translateX(-2.5%) translateY(2%);
    }
    .page-template-template-performance .performance-intro .inner h2 {
        margin:0 auto;
        text-align: center;
        margin-bottom:1.5rem;
        width:80%;
        font-size: 1.6rem;
    }
    .page-template-template-performance .performance-infographic .inner h2 {
        font-size: 1.6rem;
    }
    .page-template-template-performance .performance-four .inner h2 {
        font-size: 1.6rem;
    }
    .page-template-template-performance .performance-tabs .inner h2 {
        font-size: 1.6rem;
    }
    .page-template-template-performance .performance-fifty-fifty .inner .right h2 {
        font-size: 1.6rem;
    }
    .page-template-template-performance .performance-partners .inner h2 {
        font-size: 1.6rem;
    }
    .page-template-template-performance .performance-partners {
        padding: 3rem 0px 5rem;
    }
    .page-template-template-performance .performance-fifty-fifty {
        padding: 5rem 0px;
    }
    .page-template-template-performance .performance-intro .inner p {
        margin:0 auto;
        text-align: center;
        margin-bottom:1.5rem;
        width:80%;
    }
    .page-template-template-performance .performance-intro .inner .btn_wrap {
        margin:0 auto;
        text-align: center;
        width:80%;
    }
    .page-template-template-performance .performance-four .inner ul {
        flex-wrap:wrap;
        padding:0 2rem;
    }
    .page-template-template-performance .performance-four .inner ul li {
        width:48%;
        margin-bottom:2rem;
    }
    .page-template-template-performance .footer {
        background-position: 47.5% top;
    }
    .page-template-template-performance .footer .contact-us {
        padding: 12rem 0px 5rem;
    }
    .page-template-template-performance .footer .contact-us .inner h2,
    .page-template-template-performance .footer .contact-us .inner p,
    .page-template-template-performance .footer .contact-us .inner .btn_wrap {
        width:100%;
    }
    .page-template-template-performance .footer-menu-container {
        width:100%;
    }
    .page-template-template-performance .footer-menu-container .menu li {
        text-align: center;
    }
    .page-template-template-performance .footer-logo-col {
        float:none;
        margin: 0 auto;
        margin-bottom:2rem;
        text-align:center;
    }
    .page-template-template-performance #site-footer .social-links {
        text-align: center;
    }
    .page-template-template-performance #site-footer .logo {
        float:none;
        display:block;
        margin:0 auto;
        display:block;
        padding-top:0.5rem;
        clear:both;
    }
    .page-template-template-performance #site-footer .social-links li:last-of-type {
        margin-right:0;
    }
    .page-template-template-performance #site-footer .logo img {
        margin-bottom:2rem;
        margin-top:4rem;
    }
    .page-template-template-performance #site-footer > .wrapper {
        padding-bottom:20px;
    }
    .page-template-template-performance .performance-infographic .inner .right .overlay .icon {
        max-height:60px;
    }
    .page-template-template-performance .performance-infographic .inner .right .overlay p {
        font-size:0.85rem;
    }
    .page-template-template-performance .performance-infographic .inner .left .overlay .icon {
        max-height:60px;
        padding-left: 12%;
        padding-top: 5%;
    }
    .page-template-template-performance .performance-infographic .inner .left .overlay p {
        padding-left:3%;
        padding-right:1%;
        font-size:0.8rem;
        line-height:1rem;
    }
    .page-template-template-performance .performance-tabs .inner ul {
        flex-direction: column;
    }
    .page-template-template-performance .performance-tabs .inner ul.tab-content li:nth-child(1) .content,
    .page-template-template-performance .performance-tabs .inner ul.tab-content li:nth-child(2) .content,
    .page-template-template-performance .performance-tabs .inner ul.tab-content li:nth-child(3) .content,
    .page-template-template-performance .performance-tabs .inner ul.tab-content li:nth-child(4) .content {
        display:block;
    }
    .page-template-template-performance .performance-tabs .inner ul.tab-content li .tab-title {
        position:relative;
        transform:translateY(0);
        width:100%;
        left:0;
    }
    .page-template-template-performance .performance-tabs .inner ul.tab-content li:nth-child(1) .tab-title,
    .page-template-template-performance .performance-tabs .inner ul.tab-content li:nth-child(2) .tab-title,
    .page-template-template-performance .performance-tabs .inner ul.tab-content li:nth-child(3) .tab-title,
    .page-template-template-performance .performance-tabs .inner ul.tab-content li:nth-child(4) .tab-title{
        left:0;
    }
    .page-template-template-performance .performance-tabs .inner ul.tab-content li .tab-title {
        background: rgb(22, 35, 49);
    }
    .page-template-template-performance .performance-tabs .inner ul.tab-content li .tab-title svg circle {
        fill: rgb(4, 179, 218);
    }
    .page-template-template-performance .performance-tabs .inner ul.tab-content li .tab-title h3 {
        color:white;
    }
    .page-template-template-performance .performance-tabs .inner ul.tab-content {
        width:90%;
        margin:0 auto;
    }
}
@media screen and (max-width: 550px){
    .page-template-template-performance .performance-tabs .inner ul.tab-content li .content {
        padding:3rem 2rem;
    }
}
@media screen and (max-width: 720px){
    .page-template-template-performance .footer {
        background-size: 750%;
    }
    .page-template-template-performance #site-footer .logo img {
        margin-top:1rem;
    }
    .page-template-template-performance #site-footer .wrapper {
        padding-top:15px;
        width:90%;
    }
}
@media screen and (max-width: 640px){
    .page-template-template-performance .performance-header {
        padding-top: 7rem;
        padding-bottom: 5rem;
    }
    .page-template-template-performance {
        background-size:280%;
        background-position:59% 0;
    }
    .page-template-template-performance .performance-four .inner ul {
        flex-wrap:wrap;
        padding:0 2rem;
    }
    .page-template-template-performance .performance-four .inner ul li {
        width:90%;
        margin: 0 auto;
        margin-bottom:2rem;
    }
    .page-template-template-performance .performance-partners .inner ul#partner-slider .slick-prev {
        left:35%;
    }
    .page-template-template-performance .performance-partners .inner ul#partner-slider .slick-next {
        right:35%;
    }
    .page-template-template-performance .performance-four {
        padding: 3rem 0;
    }
}
@media screen and (max-width: 575px){
    .page-template-template-performance section.performance-header .inner .header-left h1 {
        max-width: 100%;
    }

    .page-template-template-performance section.performance-intro .inner p {
        width: 100%;
    }

    .page-template-template-performance section.performance-four .inner ul.performance-row {
        margin: 0;
    }
    .page-template-template-performance section.performance-four .inner ul.performance-row li.performance-col {
        padding: 0 0 0.375rem;
        width: 100%;
    }
    .page-template-template-performance section.performance-four .inner ul {
        padding: 0;
    }
}
@media screen and (max-width: 550px){
    .page-template-template-performance .footer {
        background-size: 850%;
    }
}
@media screen and (max-width: 540px){
    .page-template-template-performance {
        background-size:300%;
        background-position:55% 0;
    }
    .page-template-template-performance .performance-header .inner .header-left p {
        font-size: 3.25vw;
        line-height: 3.7vw;
    }
}
@media screen and (max-width: 490px){
    .page-template-template-performance {
        background-size:320%;
        background-position:54% 0;
    }
}
@media screen and (max-width: 480px){
    .page-template-template-performance .footer {
        background-size: 900%;
    }
}
@media screen and (max-width: 450px){
    /* .page-template-template-performance .performance-header {
        background:transparent url('images/performance/performance-new-header.jpg') no-repeat center top;
        background-size:120%;
    } */
    .page-template-template-performance .footer {
        background-size: 1000%;
    }
}
@media screen and (max-width: 440px){
    .page-template-template-performance {
        background-size:380%;
        background-position:53% 0;
    }
    .page-template-template-performance .performance-header .inner .header-left p {
        font-size: 4.25vw;
        line-height: 4.7vw;
        width:85%;
    }
    .page-template-template-performance .performance-header .inner .header-left h1 {
        font-size:7vw;
        line-height:7vw;
    }
    .page-template-template-performance .performance-header .inner .header-right {
        width:85%;
    }
}
@media screen and (max-width: 390px){
    .page-template-template-performance {
        background-size:410%;
        background-position:53% 0;
    }
    .page-template-template-performance .footer {
        background-size: 1100%;
    }
    .page-template-template-performance .performance-header {
        padding-top:5rem;
        padding-bottom:4rem;
    }
}
@media screen and (min-width: 1920px){
    .page-template-template-performance .performance-header .inner .header-left a {
        margin-top:2rem;
        margin-bottom:4rem;
    }
}

.page-template-template-performance .footer-logos .footer-logos--content figure.footer-logos--block:nth-child(5) {
	max-width: 125px;
}

@media only screen and (min-width: 960px){
    .page-template-template-content-page .legal-policy__menu--container{
        width: 405px;
    }
}
@media only screen and (max-width: 1024px) and (min-width: 960px){
    .page-template-template-content-page .legal-policy__menu--container{
        width: 375px;
    }
}





































/* Office Page-Template */
.offices-template-template-office {
    background-color:white;
}
.offices-template-template-office .dark-grey-bg {
    background: rgb(22, 35, 49);
}
.offices-template-template-office .dark-grey-bg.news-bottom {
    background:white
}
.offices-template-template-office .outer-wrapper {
    width: 82%;
}
.offices-template-template-office #site-header .logo {
    width: 150px;
}
.offices-template-template-office #site-header.shrink {
    background:rgb(22, 35, 49);
}
.offices-template-template-office .shrink .menu-desktop .sub-menu {
    background:rgb(22, 35, 49);
}
.offices-template-template-office .nav-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    z-index: 2;
}
.offices-template-template-office .nav-overlay.menu-bg {
    display:block;
    background:rgba(0,0,0,0.8);
}
.offices-template-template-office .intro-highlight {
    font-size: 1.063rem !important;
    line-height: 1.75rem !important;
    font-weight: 500 !important;
}

/* ------------------------------------ */

.offices-template-template-office .slick-slider {
    position: relative;
}
.offices-template-template-office .slick-slider .slick-arrow {
    background-color: #04B3DA;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: none;
    box-shadow: none;
    color: #FFF;
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    float: none;
    font-size: 0 !important;
    line-height: 0 !important;
}
.offices-template-template-office .slick-slider .slick-arrow.slick-prev {
    left: -26px;
}
.offices-template-template-office .slick-slider .slick-arrow.slick-next {
    right: -26px;
}
.offices-template-template-office .slick-slider .slick-arrow::before {
    content: '';
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center;
    width: 4rem;
    height: 4rem;
    display: block;
}
.offices-template-template-office .slick-slider .slick-arrow.slick-next::before {
    background-image: url(./images/arrow-right.svg);
}
.offices-template-template-office .slick-slider .slick-arrow.slick-prev::before {
    background-image: url(./images/arrow-left.svg);
}
.offices-template-template-office .slick-slider .slick-arrow.slick-disabled {
    opacity: 0;
}

/* ------------------------------------ */

.offices-template-template-office .office-header {
    padding: 17rem 1rem 3.75rem;
    background: #162331 url('./images/office/office-bg.jpg') no-repeat scroll center;
    background-size: cover;
    margin-bottom: -40px;
    position: relative;
    z-index: 1;
}
.offices-template-template-office .office-header .header-image {
	position: absolute;
	right: 0;
	top: 0;
	height: calc(100% + 40px);
	width: 55%;
	clip-path: polygon(100% 0, 100% 100%, 100% 270%, 0 0, 0 0);
}
.offices-template-template-office .office-header .header-image img {
	display: block;
	height: 100%;
	width: auto;
	max-width: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.offices-template-template-office .office-header .header-image::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(0, 0, 0, 0.8) 0%, transparent 40%);
	z-index: 1;
}
.offices-template-template-office .office-header .inner {
    display: flex;
    align-items: center;
    max-width: 1540px;
    margin: 0px auto;
}
.offices-template-template-office .office-header .inner .header-left {
    width: 42.5%;
}
.offices-template-template-office .office-header .inner .header-left h2 {
    color: #FFF;
    margin-bottom: 0.5rem;
    font-size: 2rem;
    font-weight: 100;
    line-height: 2.5rem;
    padding-left: 0.35rem;
    padding-bottom: 0.35rem;
}
.offices-template-template-office .office-header .inner .header-left h2 span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.75rem;
}
.offices-template-template-office .office-header .inner .header-left h2 .fi {
	width: 2rem;
	height: 1.5rem;
	display: inline-block;
	vertical-align: middle;
}
.offices-template-template-office .office-header .inner .header-left h2 a,
.offices-template-template-office .office-header .inner .header-left h2 a:visited {
	margin-left: 0.75rem;
	color: #04B3DA;
  letter-spacing: 0;
	font-size: 16px;
  line-height: 24px;
	text-decoration: underline;
	text-transform: none;
}
.offices-template-template-office .office-header .inner .header-left h2 a:hover {
	color: #04B3DA;
	text-decoration: none;
}
.offices-template-template-office .office-header .inner .header-left h1 {
    color: rgb(4, 179, 218);
    font-size: 3.25rem;
    line-height: 3rem;
    font-weight: 100;
    margin: 0px;
    padding: 0px 0px 1.75rem;
}
.offices-template-template-office .office-header .inner .header-left h1 span {
    color: #FFF;
}
.offices-template-template-office .office-header .inner .header-left p {
    color: #FFF;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 100;
    width: 100%;
}
.offices-template-template-office .office-header .inner .header-left .button {
    margin-top: 2.125rem;
    text-transform: capitalize;
    letter-spacing: 0px;
    font-weight: 600;
    background: rgb(4, 179, 218);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(4, 179, 218);
    border-image: initial;
    transition: all 0.4s ease 0s;
}
.offices-template-template-office .office-header .inner .header-left .button::after {
    content: "→";
    color: rgb(38, 57, 75);
    margin-left: 5px;
}
.offices-template-template-office .office-header .inner .header-left .button:hover {
    color: rgb(38, 57, 75);
    background: white;
    transition: all 0.4s ease 0s;
}
.offices-template-template-office .office-header .inner .header-cta-botttom {
	margin-top: 136px;
}
.offices-template-template-office .office-header .inner .header-cta-botttom p {
    font-size: 16px;
    line-height: 24px;
	margin-bottom: 0px;
}
.offices-template-template-office .office-header .inner .header-cta-botttom a,
.offices-template-template-office .office-header .inner .header-cta-botttom a:visited {
    color: #04B3DA;
    text-decoration: underline;
}
.offices-template-template-office .office-header .inner .header-cta-botttom a:hover {
    color: #04B3DA;
    text-decoration: none;
}

/* ------------------------------------ */

.offices-template-template-office .office-intro {
    outline: none;
    padding-top: 7rem;
    padding-bottom: 5.8rem;
    background: #fff url(./images/office/office-intro-bg.png) scroll no-repeat left 7rem;
}
.offices-template-template-office .office-intro .inner {
    max-width: 830px;
    margin: 0px auto;
    padding: 0 20px;
}
.offices-template-template-office .office-intro .inner h2 {
    color: rgb(38, 57, 75);
    text-transform: none;
    width: 100%;
    text-align: center;
    font-weight: 300;
    margin: 0px 0px 2rem auto;
    font-size: 2.188rem;
    line-height: 2.813rem;
}
.offices-template-template-office .office-intro .inner p {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 300;
    color: rgb(38, 57, 75);
    width: 100%;
    text-align: left;
    margin: 0px auto 1.2rem;
}
.offices-template-template-office .office-intro .inner p:last-child {
    margin-bottom: 0px;
}
.offices-template-template-office .office-intro .inner a,
.offices-template-template-office .office-intro .inner a:visited {
    color: #04B3DA;
    font-weight: 500;
    background-color: transparent;
    text-decoration: underline;
}
.offices-template-template-office .office-intro .inner a:hover {
    color: rgba(38, 57, 75, 1);
    background-color: transparent;
    text-decoration: none;
}

/* ------------------------------------ */

.offices-template-template-office .office-about {
    position: relative;
    padding-top: 5.8rem;
    padding-bottom: 5.8rem;
    text-align: center;
    background: #162331 url('./images/office/office-cta-bg.jpg') no-repeat scroll center;
    background-size: cover;;
}
.offices-template-template-office .office-about::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(22, 35, 49, .75);
    display: block;
}
.offices-template-template-office .office-about .inner {
    position: relative;
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
}
.offices-template-template-office .office-about .inner h4 {
    text-transform: none;
    margin-bottom: 0px;
}
.offices-template-template-office .office-about .inner .button {
    text-transform: capitalize;
    letter-spacing: 0px;
    font-weight: 600;
    background: rgb(4, 179, 218);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(4, 179, 218);
    border-image: initial;
    transition: all 0.4s ease 0s;
    margin-top: 1.75rem;
}

/* ------------------------------------ */

.offices-template-template-office .office-thinker {
    padding: 7rem 0;
    background: #F0F3F6 url(./images/office/office-thinks-bg.png) scroll no-repeat right 8.625rem;
}
.offices-template-template-office .office-thinker .inner {
    max-width: 1240px;
    margin: 0px auto;
    padding: 0 20px;
}
.offices-template-template-office .office-thinker .content {
    max-width: 720px;
    width: 100%;
}
.offices-template-template-office .office-thinker .inner h3 {
    color: rgb(4, 179, 218);
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 0.9rem;
    padding-bottom: 0.35rem;
}
.offices-template-template-office .office-thinker .inner h2 {
    color: rgb(38, 57, 75);
    text-transform: none;
    font-weight: 100;
    margin-bottom: 1.75rem;
}
.offices-template-template-office .office-thinker .inner p {
    color: #26394B;
    font-size: 1.063rem;
}
.offices-template-template-office .office-thinker .inner .office-slider {
    /* display: flex;
    flex-wrap: wrap; */
    width: 100%;
    margin-top: 4rem;
    margin-left: -0.375rem;
    margin-right: -0.375rem;
    margin-bottom: 0;
}
.offices-template-template-office .office-thinker .inner .office-slider .slick-track {
    display: flex;
}
.offices-template-template-office .office-thinker .inner .office-slider .slick-list {
    overflow: visible;
}
.offices-template-template-office .office-thinker .inner .office-slider .office-item {
    padding: 0;
    height: auto;
}
.offices-template-template-office .office-thinker .inner .office-slider .office-item .office-wrap {
    padding: 3rem 2.5rem;
    background-color: #FFF;
    display: flex;
    flex-direction: row;
    height: 100%;
    margin-left: 0.375rem;
    margin-right: 0.375rem;
}
.offices-template-template-office .office-thinker .inner .office-slider .office-item .office-col--image {
      flex: 0 0 auto;
      max-width: 5.25rem;
      width: auto;
      margin-right: 2.5rem;
}
.offices-template-template-office .office-thinker .inner .office-slider .office-item .office-col--content {
      flex: 1 1 auto;
      width: auto;
}
.offices-template-template-office .office-thinker .inner .office-slider .office-item svg {
    margin: 0px auto;
    min-height:52px!important;
}
.offices-template-template-office .office-thinker .inner .office-slider .office-item h3 {
    color: rgb(38, 57, 75);
    padding-top: 0.75rem;
    text-transform: none;
    font-size: 1.25rem;
    display: block;
    font-weight: bold;
    line-height: 1.75rem;
    margin-bottom: 0.75rem;
    padding-bottom: 0;
    letter-spacing: 0;
}
.offices-template-template-office .office-thinker .inner .office-slider .office-item p {
    color: rgb(38, 57, 75);
    font-size: 1.063rem;
    line-height: 1.75rem;
    font-weight: 100;
}
.offices-template-template-office .office-thinker .inner .office-slider .office-item p:last-child {
    margin-bottom: 0;
}

/* ------------------------------------ */

.offices-template-template-office .office-great-place {
    position: relative;
    padding: 7rem 0;
    background-color: #FFF;
}
.offices-template-template-office .office-great-place::after {
    content: '';
    width: 390px;
    height: 148px;
    position: absolute;
    right: 0;
    top: 7rem;
    background: url(./images/office/office-four-circles-bg.png) no-repeat;
}
.offices-template-template-office .office-great-place .inner {
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0px auto;
    padding: 0 20px;
}
.offices-template-template-office .office-great-place .inner h2 {
    color: #26394B;
    text-transform: none;
    text-align: center;
    font-weight: 100;
margin-bottom: 64px;
}
.offices-template-template-office .office-great-place .inner ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
}
.offices-template-template-office .office-great-place .inner ul li {
    flex: 0 0 20%;
    max-width: 20%;
    width: 100%;
}
.offices-template-template-office .office-great-place .inner ul.office-row {
    margin: -1.25rem;
}
.offices-template-template-office .office-great-place .inner ul.office-row li.office-col {
    padding: 1.25rem;
}
.offices-template-template-office .office-great-place .inner ul.office-row li.office-col .office-wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: center;
    height: 100%;
    align-items: center;
}
.offices-template-template-office .office-great-place .inner ul.office-row li.office-col .office-item-image {
	display: flex;
	justify-content: center;
	margin: 0 auto 1.25rem;
	border-radius: 50%;
	background-color: #E5F7FB;
	width: 120px;
	height: 120px;
	align-items: center;
}
.offices-template-template-office .office-great-place .inner ul.office-row li.office-col h5 {
    color: #26394B;
    text-transform: none;
    font-size: 1.25rem;
    line-height: 1.75rem;
    display: block;
    font-weight: 600;
    letter-spacing: 0;
    margin-bottom: 0;
}

/* ------------------------------------ */

.offices-template-template-office .performance-3-steps {
    position: relative;
    padding: 7rem 0;
    background-color: #FFFFFF;
    background-image: linear-gradient(#FFFFFF, #E5F7FB);
}
.offices-template-template-office .performance-3-steps::after {
      content: '';
      width: 390px;
      height: 148px;
      position: absolute;
      left: 0;
      top: 7rem;
      background: url(./images/office/office-four-table-bg.png) no-repeat;
}
.offices-template-template-office .performance-3-steps .inner {
    position: relative;
    z-index: 1;
    max-width: 1240px;
    margin: 0px auto;
}
.offices-template-template-office .performance-3-steps .performance-steps_intro {
    text-align: center;
    padding: 0 20px;
}
.offices-template-template-office .performance-3-steps .performance-steps_intro .performance-steps_intro-title {
    color: rgb(38, 57, 75);
    text-transform: none;
    font-weight: 100;
    margin-bottom: 1.75rem;
}
.offices-template-template-office .performance-3-steps .performance-steps_intro .performance-steps_intro-subhead {
    color: #04B3DA;
    margin-bottom: 0.75rem;
    font-size: 1.063rem;
    font-weight: 500;
    line-height: 1.7rem;
    text-transform: uppercase;
}
.offices-template-template-office .performance-3-steps .performance-steps_intro .performance-steps_intro-description {
    margin-bottom: 4rem;
}
.offices-template-template-office .performance-3-steps .performance-steps_intro .performance-steps_intro-description p {
    color: rgb(38, 57, 75);
    font-size: 1.25rem;
    line-height: 2rem;
}
.offices-template-template-office .performance-3-steps .performance-steps_intro .performance-steps_intro-description p:last-child {
    margin-bottom: 0;
}

.offices-template-template-office .performance-3-steps .performance-steps_cta {
      display: flex;
      flex-direction: row;
      align-items: flex-end;
    padding: 0 20px;
    width: 100%;
}
.offices-template-template-office .performance-3-steps .performance-steps_cta-content {
    flex: 0 0 520px;
    max-width: 520px;
    width: 100%;
    padding-right: 40px;
}
.offices-template-template-office .performance-3-steps .performance-steps_cta-content h4 {
    color: #26394B;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1.25rem;
}
.offices-template-template-office .performance-3-steps .performance-steps_cta-content p {
    color: rgb(38, 57, 75);
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.offices-template-template-office .performance-3-steps .performance-steps_cta-content p:last-child {
    margin-bottom: 0;
}
.offices-template-template-office .performance-3-steps .performance-steps_cta-button {
      flex: 1 1 auto;
    width: auto;
    text-align: right;
}
.offices-template-template-office .performance-3-steps .performance-steps_cta-button .button {
    color: #FFF;
    background-color: #04B3DA;
}
.offices-template-template-office .performance-3-steps .performance-steps_cta-button .button:hover {
    background-color: transparent;
    color: #04B3DA;
}

.offices-template-template-office .performance-3-steps .performance-steps_items {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
    margin-bottom: 7rem;
}
.offices-template-template-office .performance-3-steps .performance-steps_item {
      flex: 0 0 33.33%;
      width: 100%;
      max-width: 33.33%;
      text-align: center;
    position: relative;
}
.offices-template-template-office .performance-3-steps .performance-steps_item:first-child::before {
    display: none;
}
.offices-template-template-office .performance-3-steps .performance-steps_item::before {
      content: '';
      position: absolute;
      background-color: #CBD2DA;
      width: calc(100% - 104px);
      height: 4px;
      top: 30px;
      left: calc(-50% + 52px);
}
.offices-template-template-office .performance-3-steps .performance-steps_item::after {
      content: '';
      border-width: 4px;
      border-style: solid;
      border-color: #CBD2DA #CBD2DA transparent transparent;
      transform: rotate(45deg) translateX(-50%);
      width: 18px;
      height: 18px;
      display: block;
      position: absolute;
      top: 29px;
      left: calc(50% - 65px);
}
.offices-template-template-office .performance-3-steps .performance-steps_item:first-child::after {
    display: none;
}
.offices-template-template-office .performance-3-steps .performance-steps_item-number {
      margin-bottom: 1.25rem;
      border-radius: 50%;
      margin-left: auto;
      margin-right: auto;
      background-color: #162331;
      width: 4rem;
      height: 4rem;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
}
.offices-template-template-office .performance-3-steps .performance-steps_item-title {
    font-size: 1.25rem;
    line-height: 2rem;
}

/* ------------------------------------ */

.offices-template-template-office .office-tech {
    padding: 7rem 0;
    background: #04B3DA url(./images/office/office-tech-bg.png) scroll no-repeat right 4.5rem;
}
.offices-template-template-office .office-tech .inner {
    max-width: 1240px;
    margin: 0px auto;
    padding: 0 20px;
}
.offices-template-template-office .office-tech .content {
    width: 100%;
    display: flex;
    align-items: flex-end;
}
.offices-template-template-office .office-tech .content-left {
    flex: 1 1 auto;
}
.offices-template-template-office .office-tech .content-right {
    max-width: 320px;
    width: 100%;
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
    position: relative;
}
.offices-template-template-office .office-tech .content-right .slick-arrow {
    background-color: #FFF;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: none;
    box-shadow: none;
    color: #FFF;
    opacity: 0.5;
    z-index: 1;
    padding: 0;
    float: none;
    font-size: 0 !important;
    line-height: 0 !important;
    margin-left: 20px;
}
.offices-template-template-office .office-tech .content-right .slick-arrow::before {
    content: '';
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center;
    width: 4rem;
    height: 4rem;
    display: block;
}
.offices-template-template-office .office-tech .content-right .slick-arrow:hover {
    opacity: 1;
}
/* .offices-template-template-office .office-tech .content-right .slick-arrow.slick-disabled {
    display: none;
} */
.offices-template-template-office .office-tech .content-right .slick-arrow.slick-next::before {
    background-image: url(./images/arrow-right-blue.svg);
}
.offices-template-template-office .office-tech .content-right .slick-arrow.slick-prev::before {
    background-image: url(./images/arrow-left-blue.svg);
}
.offices-template-template-office .office-tech .inner h2 {
    color: #FFF;
    text-transform: none;
    font-weight: 100;
    margin-bottom: 1.75rem;
}
.offices-template-template-office .office-tech .inner p {
    color: #FFF;
    font-size: 1.063rem;
}
.offices-template-template-office .office-tech .slick-slider {
    margin-top: 60px;
}
.offices-template-template-office .office-tech .slick-slider .slick-list {
    overflow: visible;
}
.offices-template-template-office .office-tech .slick-slider .company-item {
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
	display: flex;
	flex-direction: column;
}
.offices-template-template-office .office-tech .slick-slider .company-item::before {
	content: '';
	height: calc(100% - 10px);
	width: 12px;
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #FFFFFF;
	position: absolute;
	left: 0;
	top: 10px;
	opacity: .5;
}
.offices-template-template-office .office-tech .slick-slider .company-name {
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #fff;
	margin-bottom: 1.25rem;
}
.offices-template-template-office .office-tech .slick-slider .company-logo {
	display: flex;
	flex-direction: row;
	gap: 12px;
	align-items: center;
	justify-content: flex-start;
}
.offices-template-template-office .office-tech .slick-slider .company-logo .company-logo--image {
	background-color: #fff;
	padding: 20px;
	width: 174px;
	height: 130px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.offices-template-template-office .office-tech .slick-slider .company-logo .company-logo--image img {
    max-width: 134px;
    max-height: 90px;
}

/* ------------------------------------ */

.offices-template-template-office .office-jobs {
    position: relative;
    padding-top: 7rem;
    padding-bottom: 7rem;
    /* background: #162331 url('./images/office/office-bg.jpg') no-repeat scroll center /cover; */
    background: #162A38 url(./images/office/office-jobs.png) scroll no-repeat right 4.688rem;
    overflow: hidden;
}
/* .offices-template-template-office .office-jobs::before {
	content: '';
    width: 786px;
	height: 529px;
	background: transparent url(./images/office/office-map.png) no-repeat scroll top right;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(calc(-50% + 235px));
} */
.offices-template-template-office .office-jobs .inner {
    max-width: 1200px;
    margin: 0px auto;
    padding: 0 20px;
}
.offices-template-template-office .office-jobs h2 {
    text-transform: none;
    margin-bottom: 4rem;
    position: relative;
    z-index: 1;
}
.offices-template-template-office .office-address {
	padding: 1.75rem 2.25rem;
	border-radius: 0.75rem;
	font-size: 1.125rem;
    background-color: rgba(255, 255, 255, 0.08);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.02), 1px 1px 2px rgba(255, 255, 255, 0.04) inset;
	max-width: 422px;
	width: 100%;
    position: relative;
}
.offices-template-template-office .office-address::before {
	content: '';
	position: absolute;
	right: -16px;
	top: 40px;
	display: block;
	border-width: 8px;
	border-style: solid;
	border-color: transparent transparent rgba(255, 255, 255, 0.08);
	height: 0;
	width: 0;
	transform: rotate(90deg);
}
.offices-template-template-office .office-address h5 {
	margin-bottom: 0.75rem;
	font-size: 0.875rem;
	font-weight: bold;
	opacity: .5;
}
.offices-template-template-office .office-address p {
    margin-bottom: 1.25rem;
}
.offices-template-template-office .office-address .office-direction,
.offices-template-template-office .office-address .office-direction:visited {
    color: #04B3DA;
    text-decoration: none;
    font-size: 1rem;
}
.offices-template-template-office .office-address .office-direction:hover {
    color: #04B3DA;
    text-decoration: underline;
}


.offices-template-template-office .location-job {
	margin-top: 3.75rem;
    position: relative;
    z-index: 1;
}
.offices-template-template-office .location-job #location-job-content {
    border-top: none;
}
.offices-template-template-office .location-job .position {
	border: none;
	background-color: #fff;
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
    margin-bottom: 0.25rem;
}
.offices-template-template-office .location-job .position-details {
    max-width: none;
    width: 100%;
    padding-right: 21.25rem;
    padding-left: 2.5rem;
}
.offices-template-template-office .location-job .position .position-title {
	text-transform: none;
	margin-bottom: 0;
    color: #26394B;
}
.offices-template-template-office .location-job .position .position-title a,
.offices-template-template-office .location-job .position .position-title a:visited {
    color: #26394B !important;
}
.offices-template-template-office .location-job .position .button {
	right: 2.5rem;
}

.offices-template-template-office .office-jobs .location-map {
	margin-bottom: 0;
	position: absolute;
	top: -40px;
	left: calc(50% - 120px);
    z-index: 0;
    max-width: 700px;
	width: 100%;
	height: auto;
}
.offices-template-template-office .office-jobs .location-map .acf-map {
	opacity: 1;
	height: 640px;
}
.offices-template-template-office .office-jobs .location-map .acf-map::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: radial-gradient( transparent -20%, #162A38 65% );
	z-index: 1;
}
.offices-template-template-office .office-jobs .location-map .acf-map > div {
    background-color: transparent !important;
}

/* ------------------------------------ */

.offices-template-template-office .office-form {
    outline: none;
    padding-top: 7rem;
    padding-bottom: 5.8rem;
    background: #fff url(./images/office/office-intro-bg.png) scroll no-repeat left 7rem;
}
.offices-template-template-office .office-form .inner {
    max-width: 1200px;
    width: 100%;
    margin: 0px auto;
    padding: 0 20px;
}
.offices-template-template-office .office-form .inner h2 {
    color: rgb(38, 57, 75);
    text-transform: none;
    width: 100%;
    text-align: center;
    font-weight: 300;
    margin: 0px 0px 2rem auto;
    font-size: 2.188rem;
    line-height: 2.813rem;
}
.offices-template-template-office .office-form .inner p {
    font-size: 1.063rem;
    line-height: 1.75rem;
    font-weight: 300;
    color: rgb(38, 57, 75);
    width: 100%;
    text-align: left;
    margin: 0px auto 1.2rem;
}
.offices-template-template-office .office-form .inner p:last-child {
    margin-bottom: 0px;
}
.offices-template-template-office .office-form .inner a,
.offices-template-template-office .office-form .inner a:visited {
    color: #04B3DA;
    font-weight: 500;
    background-color: transparent;
    text-decoration: underline;
}
.offices-template-template-office .office-form .inner a:hover {
    color: rgba(38, 57, 75, 1);
    background-color: transparent;
    text-decoration: none;
}
.offices-template-template-office .office-form .office-embed-form {
    margin: 5rem auto 0;
    padding: 2.5rem 2.5rem 1.5rem;
    max-width: 900px;
    width: 100%;
    border: 1px solid #f1f1f1;
    box-shadow: 10px 20px 50px rgba(38, 57, 75, 0.25);
    background-color: #fff;
    /* background-image: radial-gradient(#243749 0%, transparent 70%); */
}

/* ------------------------------------ */

.offices-template-template-office .dark-grey-bg {
    background: #162331;
}
.offices-template-template-office .footer {
    background: #162331;
    background-image: radial-gradient(#243749 0%, transparent 70%);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 170px;
    padding-top: 4.938rem;
}
.offices-template-template-office .footer .contact-us {
    padding: 25rem 0px 5rem;
}
.offices-template-template-office #site-footer {
    background: transparent;
}
.offices-template-template-office .footer .contact-us .inner {
    max-width: 1200px;
    margin: 0px auto;
}
.offices-template-template-office .footer .contact-us .inner h2 {
    width: 50%;
    text-align: center;
    font-size: 3.25rem;
    font-weight: 300;
    letter-spacing: 0px;
    padding-bottom: 2rem;
    margin: 0px 0px 0px auto;
}
.offices-template-template-office .footer .contact-us .inner p {
    width: 50%;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 200;
    padding-bottom: 4rem;
    margin: 0px 0px 0px auto;
}
.offices-template-template-office .footer .contact-us .inner .btn_wrap {
    width: 50%;
    text-align: center;
    margin: 0px 0px 0px auto;
}
.offices-template-template-office .footer .contact-us .inner .btn_wrap a {
    color: white;
    font-weight: 600;
    background: rgb(4, 179, 218);
    text-decoration: none;
    padding: 0.75rem 2rem;
    border-radius: 3rem;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(4, 179, 218);
    border-image: initial;
}
.offices-template-template-office .footer .contact-us .inner .btn_wrap a::after {
    content: " →";
    color: rgb(38, 57, 75);
}
.offices-template-template-office .footer .contact-us .inner .btn_wrap a:hover {
    color: white;
    background: rgb(38, 57, 75);
    transition: all 0.4s ease 0s;
}
.offices-template-template-office .footer .contact-us .inner .btn_wrap a:hover::after {
    color: white;
    transition: all 0.4s ease 0s;
}
.offices-template-template-office #site-footer > .wrapper {
    padding-top: 0px;
    padding-bottom: 60px;
}
.offices-template-template-office .footer-logos {
    color: white;
    background: transparent;
}
.offices-template-template-office .footer-logos .footer-logos--heading {
    color: white;
}
.offices-template-template-office .footer-logos .footer-logos--heading h3 {
    color: white;
}
.offices-template-template-office .footer-logos .footer-logos--content figure img {
    opacity: 1;
}

.offices-template-template-office .bottom-bar {
    background: transparent;
}
.offices-template-template-office .dark-grey-bg {
    background: rgb(22, 35, 49);
}
.offices-template-template-office .outer-wrapper {
    width: 82%;
}
@media (max-width: 1880px) {
    .offices-template-template-office .outer-wrapper {
        width: 100%;
        max-width: 1580px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .offices-template-template-office .menu-desktop {
        margin-right: 140px;
    }
}
.offices-template-template-office .footer-menu-container .menu li a {
    color: white;
}
.offices-template-template-office #site-footer .social-links li a i {
    color: white;
}
.offices-template-template-office #site-footer .social-links li a.red-highlight i {
    color: rgb(223, 3, 27);
}
.offices-template-template-office .footer .contact-us .inner h2 span {
    color: rgb(4, 179, 218);
    text-align: center;
}
.offices-template-template-office .corner-link:hover,
.offices-template-template-office .corner-link:focus {
        border-color: transparent transparent rgb(22, 35, 49) transparent;
    }
.offices-template-template-office .news-block h2 {
    text-transform: none;
    font-weight: 300;
}
.offices-template-template-office .news-block {
    background:transparent;
    padding-bottom:50px;
    padding-top:80px;
}

/* ------------------------------------ */


@media screen and (max-width: 767px){
    .offices-template-template-office .office-header {
        padding-top: 12rem;
        padding-bottom: 4rem;
        background-size: cover;
    }
    .offices-template-template-office .office-header .header-image {
        display: none;
    }
    .offices-template-template-office .office-header .inner .header-left {
        width: 100%;
        text-align: center;
    }
    .offices-template-template-office .office-header .inner .header-left h2 {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .offices-template-template-office .office-header .inner .header-left h1 {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }
    .offices-template-template-office .office-header .inner .header-left p {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .offices-template-template-office .office-header .inner .header-left .button {
        margin-top: 0;
    }
    .offices-template-template-office .office-header .inner .header-cta-botttom {
        margin-top: 4rem;
    }
    .offices-template-template-office .office-header .inner .header-cta-botttom p {
        font-size: 0.8rem;
        line-height: 1.2rem;
    }

    .offices-template-template-office .office-thinker .inner .office-slider .office-item .office-wrap {
        padding: 1.5rem 2.25rem;
    }
    .offices-template-template-office .office-thinker .inner .office-slider .office-item .office-col--image {
        margin-right: 1.5rem;
    }

    .offices-template-template-office .office-great-place .inner ul li {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .offices-template-template-office .footer {
        background-position: 47.5% top;
    }
    .offices-template-template-office .footer .contact-us {
        padding: 12rem 0px 5rem;
    }
    .offices-template-template-office .footer .contact-us .inner h2,
    .offices-template-template-office .footer .contact-us .inner p,
    .offices-template-template-office .footer .contact-us .inner .btn_wrap {
        width:100%;
    }
    .offices-template-template-office .footer-menu-container {
        width:100%;
    }
    .offices-template-template-office .footer-menu-container .menu li {
        text-align: center;
    }
    .offices-template-template-office .footer-logo-col {
        float:none;
        margin: 0 auto;
        margin-bottom:2rem;
        text-align:center;
    }
    .offices-template-template-office #site-footer .social-links {
        text-align: center;
    }
    .offices-template-template-office #site-footer .logo {
        float:none;
        display:block;
        margin:0 auto;
        display:block;
        padding-top:0.5rem;
        clear:both;
    }
    .offices-template-template-office #site-footer .social-links li:last-of-type {
        margin-right:0;
    }
    .offices-template-template-office #site-footer .logo img {
        margin-bottom:2rem;
        margin-top:4rem;
    }
    .offices-template-template-office #site-footer > .wrapper {
        padding-bottom:20px;
    }
}
@media screen and (max-width: 720px){
    .offices-template-template-office .footer {
        background-size: 750%;
    }
    .offices-template-template-office #site-footer .logo img {
        margin-top:1rem;
    }
    .offices-template-template-office #site-footer .wrapper {
        padding-top:15px;
        width:90%;
    }
}
@media screen and (max-width: 575px){
    .offices-template-template-office section.office-header .inner .header-left h1 {
        max-width: 100%;
    }

    .offices-template-template-office section.office-intro .inner p {
        width: 100%;
    }

    .offices-template-template-office .office-great-place .inner ul li {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .offices-template-template-office .office-tech .content {
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .offices-template-template-office .office-tech .content-left,
    .offices-template-template-office .office-tech .content-right {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }
    .offices-template-template-office .office-tech .content-right {
        margin-top: 2rem;
    }
    .offices-template-template-office .office-tech .slick-slider {
        margin-top: 2rem;
    }
    .offices-template-template-office .office-tech .slick-slider .company-logo {
        flex-direction: column;
    }
    .offices-template-template-office .office-tech .slick-slider .company-logo .company-logo--image {
        margin-right: auto;
    }

    .offices-template-template-office .location-job .position-details {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }
    .offices-template-template-office .location-job .position .button {
        right: auto;
    }
    .offices-template-template-office .office-jobs h2 {
        margin-bottom: 2rem;
    }
    .offices-template-template-office .office-jobs .location-map {
        margin-bottom: 2rem;
        position: relative;
        top: 0;
        left: auto;
        right: auto;
    }
    .offices-template-template-office .office-jobs .location-map .acf-map {
        height: 300px;
    }

    .offices-template-template-office .office-address::before {
        top: -16px;
        left: 50%;
        right: auto;
        transform: rotate(0deg);
    }

}
@media screen and (max-width: 550px){
    .offices-template-template-office .footer {
        background-size: 850%;
    }
}
@media screen and (max-width: 540px){
    .offices-template-template-office {
        background-size:300%;
        background-position:55% 0;
    }
    .offices-template-template-office .office-header .inner .header-left p {
        font-size: 3.25vw;
        line-height: 3.7vw;
    }
}
@media screen and (max-width: 490px){
    .offices-template-template-office {
        background-size:320%;
        background-position:54% 0;
    }
}
@media screen and (max-width: 480px){
    .offices-template-template-office .footer {
        background-size: 900%;
    }
}
@media screen and (max-width: 450px){
    .offices-template-template-office .footer {
        background-size: 1000%;
    }
}
@media screen and (max-width: 440px){
    .offices-template-template-office {
        background-size:380%;
        background-position:53% 0;
    }
    .offices-template-template-office .office-header .inner .header-left p {
        font-size: 4.25vw;
        line-height: 4.7vw;
    }
    .offices-template-template-office .office-header .inner .header-left h1 {
        font-size:7vw;
        line-height:7vw;
    }
}
@media screen and (max-width: 390px){
    .offices-template-template-office {
        background-size:410%;
        background-position:53% 0;
    }
    .offices-template-template-office .footer {
        background-size: 1100%;
    }
    .offices-template-template-office .office-header {
        padding-top:5rem;
        padding-bottom:4rem;
    }
}
@media screen and (min-width: 1920px){
    .offices-template-template-office .office-header .inner .header-left a {
        margin-top:2rem;
        margin-bottom:4rem;
    }
}

.offices-template-template-office .footer-logos .footer-logos--content figure.footer-logos--block:nth-child(5) {
      max-width: 125px;
}

@media only screen and (min-width: 960px){
    .page-template-template-content-page .legal-policy__menu--container{
        width: 405px;
    }
}
@media only screen and (max-width: 1024px) and (min-width: 960px){
    .page-template-template-content-page .legal-policy__menu--container{
        width: 375px;
    }
}


/* ------------------------------------ */

.fib {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}
.fi {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
}
  .fi:before {
    content: '\00a0';
  }
  .fi.fis {
    width: 1em;
  }
  .fi-xx {
    background-image: url(./images/flags/4x3/xx.svg);
  }
  .fi-xx.fis {
    background-image: url(./images/flags/1x1/xx.svg);
  }
  .fi-ad {
    background-image: url(./images/flags/4x3/ad.svg);
  }
  .fi-ad.fis {
    background-image: url(./images/flags/1x1/ad.svg);
  }
  .fi-ae {
    background-image: url(./images/flags/4x3/ae.svg);
  }
  .fi-ae.fis {
    background-image: url(./images/flags/1x1/ae.svg);
  }
  .fi-af {
    background-image: url(./images/flags/4x3/af.svg);
  }
  .fi-af.fis {
    background-image: url(./images/flags/1x1/af.svg);
  }
  .fi-ag {
    background-image: url(./images/flags/4x3/ag.svg);
  }
  .fi-ag.fis {
    background-image: url(./images/flags/1x1/ag.svg);
  }
  .fi-ai {
    background-image: url(./images/flags/4x3/ai.svg);
  }
  .fi-ai.fis {
    background-image: url(./images/flags/1x1/ai.svg);
  }
  .fi-al {
    background-image: url(./images/flags/4x3/al.svg);
  }
  .fi-al.fis {
    background-image: url(./images/flags/1x1/al.svg);
  }
  .fi-am {
    background-image: url(./images/flags/4x3/am.svg);
  }
  .fi-am.fis {
    background-image: url(./images/flags/1x1/am.svg);
  }
  .fi-ao {
    background-image: url(./images/flags/4x3/ao.svg);
  }
  .fi-ao.fis {
    background-image: url(./images/flags/1x1/ao.svg);
  }
  .fi-aq {
    background-image: url(./images/flags/4x3/aq.svg);
  }
  .fi-aq.fis {
    background-image: url(./images/flags/1x1/aq.svg);
  }
  .fi-ar {
    background-image: url(./images/flags/4x3/ar.svg);
  }
  .fi-ar.fis {
    background-image: url(./images/flags/1x1/ar.svg);
  }
  .fi-as {
    background-image: url(./images/flags/4x3/as.svg);
  }
  .fi-as.fis {
    background-image: url(./images/flags/1x1/as.svg);
  }
  .fi-at {
    background-image: url(./images/flags/4x3/at.svg);
  }
  .fi-at.fis {
    background-image: url(./images/flags/1x1/at.svg);
  }
  .fi-au {
    background-image: url(./images/flags/4x3/au.svg);
  }
  .fi-au.fis {
    background-image: url(./images/flags/1x1/au.svg);
  }
  .fi-aw {
    background-image: url(./images/flags/4x3/aw.svg);
  }
  .fi-aw.fis {
    background-image: url(./images/flags/1x1/aw.svg);
  }
  .fi-ax {
    background-image: url(./images/flags/4x3/ax.svg);
  }
  .fi-ax.fis {
    background-image: url(./images/flags/1x1/ax.svg);
  }
  .fi-az {
    background-image: url(./images/flags/4x3/az.svg);
  }
  .fi-az.fis {
    background-image: url(./images/flags/1x1/az.svg);
  }
  .fi-ba {
    background-image: url(./images/flags/4x3/ba.svg);
  }
  .fi-ba.fis {
    background-image: url(./images/flags/1x1/ba.svg);
  }
  .fi-bb {
    background-image: url(./images/flags/4x3/bb.svg);
  }
  .fi-bb.fis {
    background-image: url(./images/flags/1x1/bb.svg);
  }
  .fi-bd {
    background-image: url(./images/flags/4x3/bd.svg);
  }
  .fi-bd.fis {
    background-image: url(./images/flags/1x1/bd.svg);
  }
  .fi-be {
    background-image: url(./images/flags/4x3/be.svg);
  }
  .fi-be.fis {
    background-image: url(./images/flags/1x1/be.svg);
  }
  .fi-bf {
    background-image: url(./images/flags/4x3/bf.svg);
  }
  .fi-bf.fis {
    background-image: url(./images/flags/1x1/bf.svg);
  }
  .fi-bg {
    background-image: url(./images/flags/4x3/bg.svg);
  }
  .fi-bg.fis {
    background-image: url(./images/flags/1x1/bg.svg);
  }
  .fi-bh {
    background-image: url(./images/flags/4x3/bh.svg);
  }
  .fi-bh.fis {
    background-image: url(./images/flags/1x1/bh.svg);
  }
  .fi-bi {
    background-image: url(./images/flags/4x3/bi.svg);
  }
  .fi-bi.fis {
    background-image: url(./images/flags/1x1/bi.svg);
  }
  .fi-bj {
    background-image: url(./images/flags/4x3/bj.svg);
  }
  .fi-bj.fis {
    background-image: url(./images/flags/1x1/bj.svg);
  }
  .fi-bl {
    background-image: url(./images/flags/4x3/bl.svg);
  }
  .fi-bl.fis {
    background-image: url(./images/flags/1x1/bl.svg);
  }
  .fi-bm {
    background-image: url(./images/flags/4x3/bm.svg);
  }
  .fi-bm.fis {
    background-image: url(./images/flags/1x1/bm.svg);
  }
  .fi-bn {
    background-image: url(./images/flags/4x3/bn.svg);
  }
  .fi-bn.fis {
    background-image: url(./images/flags/1x1/bn.svg);
  }
  .fi-bo {
    background-image: url(./images/flags/4x3/bo.svg);
  }
  .fi-bo.fis {
    background-image: url(./images/flags/1x1/bo.svg);
  }
  .fi-bq {
    background-image: url(./images/flags/4x3/bq.svg);
  }
  .fi-bq.fis {
    background-image: url(./images/flags/1x1/bq.svg);
  }
  .fi-br {
    background-image: url(./images/flags/4x3/br.svg);
  }
  .fi-br.fis {
    background-image: url(./images/flags/1x1/br.svg);
  }
  .fi-bs {
    background-image: url(./images/flags/4x3/bs.svg);
  }
  .fi-bs.fis {
    background-image: url(./images/flags/1x1/bs.svg);
  }
  .fi-bt {
    background-image: url(./images/flags/4x3/bt.svg);
  }
  .fi-bt.fis {
    background-image: url(./images/flags/1x1/bt.svg);
  }
  .fi-bv {
    background-image: url(./images/flags/4x3/bv.svg);
  }
  .fi-bv.fis {
    background-image: url(./images/flags/1x1/bv.svg);
  }
  .fi-bw {
    background-image: url(./images/flags/4x3/bw.svg);
  }
  .fi-bw.fis {
    background-image: url(./images/flags/1x1/bw.svg);
  }
  .fi-by {
    background-image: url(./images/flags/4x3/by.svg);
  }
  .fi-by.fis {
    background-image: url(./images/flags/1x1/by.svg);
  }
  .fi-bz {
    background-image: url(./images/flags/4x3/bz.svg);
  }
  .fi-bz.fis {
    background-image: url(./images/flags/1x1/bz.svg);
  }
  .fi-ca {
    background-image: url(./images/flags/4x3/ca.svg);
  }
  .fi-ca.fis {
    background-image: url(./images/flags/1x1/ca.svg);
  }
  .fi-cc {
    background-image: url(./images/flags/4x3/cc.svg);
  }
  .fi-cc.fis {
    background-image: url(./images/flags/1x1/cc.svg);
  }
  .fi-cd {
    background-image: url(./images/flags/4x3/cd.svg);
  }
  .fi-cd.fis {
    background-image: url(./images/flags/1x1/cd.svg);
  }
  .fi-cf {
    background-image: url(./images/flags/4x3/cf.svg);
  }
  .fi-cf.fis {
    background-image: url(./images/flags/1x1/cf.svg);
  }
  .fi-cg {
    background-image: url(./images/flags/4x3/cg.svg);
  }
  .fi-cg.fis {
    background-image: url(./images/flags/1x1/cg.svg);
  }
  .fi-ch {
    background-image: url(./images/flags/4x3/ch.svg);
  }
  .fi-ch.fis {
    background-image: url(./images/flags/1x1/ch.svg);
  }
  .fi-ci {
    background-image: url(./images/flags/4x3/ci.svg);
  }
  .fi-ci.fis {
    background-image: url(./images/flags/1x1/ci.svg);
  }
  .fi-ck {
    background-image: url(./images/flags/4x3/ck.svg);
  }
  .fi-ck.fis {
    background-image: url(./images/flags/1x1/ck.svg);
  }
  .fi-cl {
    background-image: url(./images/flags/4x3/cl.svg);
  }
  .fi-cl.fis {
    background-image: url(./images/flags/1x1/cl.svg);
  }
  .fi-cm {
    background-image: url(./images/flags/4x3/cm.svg);
  }
  .fi-cm.fis {
    background-image: url(./images/flags/1x1/cm.svg);
  }
  .fi-cn {
    background-image: url(./images/flags/4x3/cn.svg);
  }
  .fi-cn.fis {
    background-image: url(./images/flags/1x1/cn.svg);
  }
  .fi-co {
    background-image: url(./images/flags/4x3/co.svg);
  }
  .fi-co.fis {
    background-image: url(./images/flags/1x1/co.svg);
  }
  .fi-cr {
    background-image: url(./images/flags/4x3/cr.svg);
  }
  .fi-cr.fis {
    background-image: url(./images/flags/1x1/cr.svg);
  }
  .fi-cu {
    background-image: url(./images/flags/4x3/cu.svg);
  }
  .fi-cu.fis {
    background-image: url(./images/flags/1x1/cu.svg);
  }
  .fi-cv {
    background-image: url(./images/flags/4x3/cv.svg);
  }
  .fi-cv.fis {
    background-image: url(./images/flags/1x1/cv.svg);
  }
  .fi-cw {
    background-image: url(./images/flags/4x3/cw.svg);
  }
  .fi-cw.fis {
    background-image: url(./images/flags/1x1/cw.svg);
  }
  .fi-cx {
    background-image: url(./images/flags/4x3/cx.svg);
  }
  .fi-cx.fis {
    background-image: url(./images/flags/1x1/cx.svg);
  }
  .fi-cy {
    background-image: url(./images/flags/4x3/cy.svg);
  }
  .fi-cy.fis {
    background-image: url(./images/flags/1x1/cy.svg);
  }
  .fi-cz {
    background-image: url(./images/flags/4x3/cz.svg);
  }
  .fi-cz.fis {
    background-image: url(./images/flags/1x1/cz.svg);
  }
  .fi-de {
    background-image: url(./images/flags/4x3/de.svg);
  }
  .fi-de.fis {
    background-image: url(./images/flags/1x1/de.svg);
  }
  .fi-dj {
    background-image: url(./images/flags/4x3/dj.svg);
  }
  .fi-dj.fis {
    background-image: url(./images/flags/1x1/dj.svg);
  }
  .fi-dk {
    background-image: url(./images/flags/4x3/dk.svg);
  }
  .fi-dk.fis {
    background-image: url(./images/flags/1x1/dk.svg);
  }
  .fi-dm {
    background-image: url(./images/flags/4x3/dm.svg);
  }
  .fi-dm.fis {
    background-image: url(./images/flags/1x1/dm.svg);
  }
  .fi-do {
    background-image: url(./images/flags/4x3/do.svg);
  }
  .fi-do.fis {
    background-image: url(./images/flags/1x1/do.svg);
  }
  .fi-dz {
    background-image: url(./images/flags/4x3/dz.svg);
  }
  .fi-dz.fis {
    background-image: url(./images/flags/1x1/dz.svg);
  }
  .fi-ec {
    background-image: url(./images/flags/4x3/ec.svg);
  }
  .fi-ec.fis {
    background-image: url(./images/flags/1x1/ec.svg);
  }
  .fi-ee {
    background-image: url(./images/flags/4x3/ee.svg);
  }
  .fi-ee.fis {
    background-image: url(./images/flags/1x1/ee.svg);
  }
  .fi-eg {
    background-image: url(./images/flags/4x3/eg.svg);
  }
  .fi-eg.fis {
    background-image: url(./images/flags/1x1/eg.svg);
  }
  .fi-eh {
    background-image: url(./images/flags/4x3/eh.svg);
  }
  .fi-eh.fis {
    background-image: url(./images/flags/1x1/eh.svg);
  }
  .fi-er {
    background-image: url(./images/flags/4x3/er.svg);
  }
  .fi-er.fis {
    background-image: url(./images/flags/1x1/er.svg);
  }
  .fi-es {
    background-image: url(./images/flags/4x3/es.svg);
  }
  .fi-es.fis {
    background-image: url(./images/flags/1x1/es.svg);
  }
  .fi-et {
    background-image: url(./images/flags/4x3/et.svg);
  }
  .fi-et.fis {
    background-image: url(./images/flags/1x1/et.svg);
  }
  .fi-fi {
    background-image: url(./images/flags/4x3/fi.svg);
  }
  .fi-fi.fis {
    background-image: url(./images/flags/1x1/fi.svg);
  }
  .fi-fj {
    background-image: url(./images/flags/4x3/fj.svg);
  }
  .fi-fj.fis {
    background-image: url(./images/flags/1x1/fj.svg);
  }
  .fi-fk {
    background-image: url(./images/flags/4x3/fk.svg);
  }
  .fi-fk.fis {
    background-image: url(./images/flags/1x1/fk.svg);
  }
  .fi-fm {
    background-image: url(./images/flags/4x3/fm.svg);
  }
  .fi-fm.fis {
    background-image: url(./images/flags/1x1/fm.svg);
  }
  .fi-fo {
    background-image: url(./images/flags/4x3/fo.svg);
  }
  .fi-fo.fis {
    background-image: url(./images/flags/1x1/fo.svg);
  }
  .fi-fr {
    background-image: url(./images/flags/4x3/fr.svg);
  }
  .fi-fr.fis {
    background-image: url(./images/flags/1x1/fr.svg);
  }
  .fi-ga {
    background-image: url(./images/flags/4x3/ga.svg);
  }
  .fi-ga.fis {
    background-image: url(./images/flags/1x1/ga.svg);
  }
  .fi-gb {
    background-image: url(./images/flags/4x3/gb.svg);
  }
  .fi-gb.fis {
    background-image: url(./images/flags/1x1/gb.svg);
  }
  .fi-gd {
    background-image: url(./images/flags/4x3/gd.svg);
  }
  .fi-gd.fis {
    background-image: url(./images/flags/1x1/gd.svg);
  }
  .fi-ge {
    background-image: url(./images/flags/4x3/ge.svg);
  }
  .fi-ge.fis {
    background-image: url(./images/flags/1x1/ge.svg);
  }
  .fi-gf {
    background-image: url(./images/flags/4x3/gf.svg);
  }
  .fi-gf.fis {
    background-image: url(./images/flags/1x1/gf.svg);
  }
  .fi-gg {
    background-image: url(./images/flags/4x3/gg.svg);
  }
  .fi-gg.fis {
    background-image: url(./images/flags/1x1/gg.svg);
  }
  .fi-gh {
    background-image: url(./images/flags/4x3/gh.svg);
  }
  .fi-gh.fis {
    background-image: url(./images/flags/1x1/gh.svg);
  }
  .fi-gi {
    background-image: url(./images/flags/4x3/gi.svg);
  }
  .fi-gi.fis {
    background-image: url(./images/flags/1x1/gi.svg);
  }
  .fi-gl {
    background-image: url(./images/flags/4x3/gl.svg);
  }
  .fi-gl.fis {
    background-image: url(./images/flags/1x1/gl.svg);
  }
  .fi-gm {
    background-image: url(./images/flags/4x3/gm.svg);
  }
  .fi-gm.fis {
    background-image: url(./images/flags/1x1/gm.svg);
  }
  .fi-gn {
    background-image: url(./images/flags/4x3/gn.svg);
  }
  .fi-gn.fis {
    background-image: url(./images/flags/1x1/gn.svg);
  }
  .fi-gp {
    background-image: url(./images/flags/4x3/gp.svg);
  }
  .fi-gp.fis {
    background-image: url(./images/flags/1x1/gp.svg);
  }
  .fi-gq {
    background-image: url(./images/flags/4x3/gq.svg);
  }
  .fi-gq.fis {
    background-image: url(./images/flags/1x1/gq.svg);
  }
  .fi-gr {
    background-image: url(./images/flags/4x3/gr.svg);
  }
  .fi-gr.fis {
    background-image: url(./images/flags/1x1/gr.svg);
  }
  .fi-gs {
    background-image: url(./images/flags/4x3/gs.svg);
  }
  .fi-gs.fis {
    background-image: url(./images/flags/1x1/gs.svg);
  }
  .fi-gt {
    background-image: url(./images/flags/4x3/gt.svg);
  }
  .fi-gt.fis {
    background-image: url(./images/flags/1x1/gt.svg);
  }
  .fi-gu {
    background-image: url(./images/flags/4x3/gu.svg);
  }
  .fi-gu.fis {
    background-image: url(./images/flags/1x1/gu.svg);
  }
  .fi-gw {
    background-image: url(./images/flags/4x3/gw.svg);
  }
  .fi-gw.fis {
    background-image: url(./images/flags/1x1/gw.svg);
  }
  .fi-gy {
    background-image: url(./images/flags/4x3/gy.svg);
  }
  .fi-gy.fis {
    background-image: url(./images/flags/1x1/gy.svg);
  }
  .fi-hk {
    background-image: url(./images/flags/4x3/hk.svg);
  }
  .fi-hk.fis {
    background-image: url(./images/flags/1x1/hk.svg);
  }
  .fi-hm {
    background-image: url(./images/flags/4x3/hm.svg);
  }
  .fi-hm.fis {
    background-image: url(./images/flags/1x1/hm.svg);
  }
  .fi-hn {
    background-image: url(./images/flags/4x3/hn.svg);
  }
  .fi-hn.fis {
    background-image: url(./images/flags/1x1/hn.svg);
  }
  .fi-hr {
    background-image: url(./images/flags/4x3/hr.svg);
  }
  .fi-hr.fis {
    background-image: url(./images/flags/1x1/hr.svg);
  }
  .fi-ht {
    background-image: url(./images/flags/4x3/ht.svg);
  }
  .fi-ht.fis {
    background-image: url(./images/flags/1x1/ht.svg);
  }
  .fi-hu {
    background-image: url(./images/flags/4x3/hu.svg);
  }
  .fi-hu.fis {
    background-image: url(./images/flags/1x1/hu.svg);
  }
  .fi-id {
    background-image: url(./images/flags/4x3/id.svg);
  }
  .fi-id.fis {
    background-image: url(./images/flags/1x1/id.svg);
  }
  .fi-ie {
    background-image: url(./images/flags/4x3/ie.svg);
  }
  .fi-ie.fis {
    background-image: url(./images/flags/1x1/ie.svg);
  }
  .fi-il {
    background-image: url(./images/flags/4x3/il.svg);
  }
  .fi-il.fis {
    background-image: url(./images/flags/1x1/il.svg);
  }
  .fi-im {
    background-image: url(./images/flags/4x3/im.svg);
  }
  .fi-im.fis {
    background-image: url(./images/flags/1x1/im.svg);
  }
  .fi-in {
    background-image: url(./images/flags/4x3/in.svg);
  }
  .fi-in.fis {
    background-image: url(./images/flags/1x1/in.svg);
  }
  .fi-io {
    background-image: url(./images/flags/4x3/io.svg);
  }
  .fi-io.fis {
    background-image: url(./images/flags/1x1/io.svg);
  }
  .fi-iq {
    background-image: url(./images/flags/4x3/iq.svg);
  }
  .fi-iq.fis {
    background-image: url(./images/flags/1x1/iq.svg);
  }
  .fi-ir {
    background-image: url(./images/flags/4x3/ir.svg);
  }
  .fi-ir.fis {
    background-image: url(./images/flags/1x1/ir.svg);
  }
  .fi-is {
    background-image: url(./images/flags/4x3/is.svg);
  }
  .fi-is.fis {
    background-image: url(./images/flags/1x1/is.svg);
  }
  .fi-it {
    background-image: url(./images/flags/4x3/it.svg);
  }
  .fi-it.fis {
    background-image: url(./images/flags/1x1/it.svg);
  }
  .fi-je {
    background-image: url(./images/flags/4x3/je.svg);
  }
  .fi-je.fis {
    background-image: url(./images/flags/1x1/je.svg);
  }
  .fi-jm {
    background-image: url(./images/flags/4x3/jm.svg);
  }
  .fi-jm.fis {
    background-image: url(./images/flags/1x1/jm.svg);
  }
  .fi-jo {
    background-image: url(./images/flags/4x3/jo.svg);
  }
  .fi-jo.fis {
    background-image: url(./images/flags/1x1/jo.svg);
  }
  .fi-jp {
    background-image: url(./images/flags/4x3/jp.svg);
  }
  .fi-jp.fis {
    background-image: url(./images/flags/1x1/jp.svg);
  }
  .fi-ke {
    background-image: url(./images/flags/4x3/ke.svg);
  }
  .fi-ke.fis {
    background-image: url(./images/flags/1x1/ke.svg);
  }
  .fi-kg {
    background-image: url(./images/flags/4x3/kg.svg);
  }
  .fi-kg.fis {
    background-image: url(./images/flags/1x1/kg.svg);
  }
  .fi-kh {
    background-image: url(./images/flags/4x3/kh.svg);
  }
  .fi-kh.fis {
    background-image: url(./images/flags/1x1/kh.svg);
  }
  .fi-ki {
    background-image: url(./images/flags/4x3/ki.svg);
  }
  .fi-ki.fis {
    background-image: url(./images/flags/1x1/ki.svg);
  }
  .fi-km {
    background-image: url(./images/flags/4x3/km.svg);
  }
  .fi-km.fis {
    background-image: url(./images/flags/1x1/km.svg);
  }
  .fi-kn {
    background-image: url(./images/flags/4x3/kn.svg);
  }
  .fi-kn.fis {
    background-image: url(./images/flags/1x1/kn.svg);
  }
  .fi-kp {
    background-image: url(./images/flags/4x3/kp.svg);
  }
  .fi-kp.fis {
    background-image: url(./images/flags/1x1/kp.svg);
  }
  .fi-kr {
    background-image: url(./images/flags/4x3/kr.svg);
  }
  .fi-kr.fis {
    background-image: url(./images/flags/1x1/kr.svg);
  }
  .fi-kw {
    background-image: url(./images/flags/4x3/kw.svg);
  }
  .fi-kw.fis {
    background-image: url(./images/flags/1x1/kw.svg);
  }
  .fi-ky {
    background-image: url(./images/flags/4x3/ky.svg);
  }
  .fi-ky.fis {
    background-image: url(./images/flags/1x1/ky.svg);
  }
  .fi-kz {
    background-image: url(./images/flags/4x3/kz.svg);
  }
  .fi-kz.fis {
    background-image: url(./images/flags/1x1/kz.svg);
  }
  .fi-la {
    background-image: url(./images/flags/4x3/la.svg);
  }
  .fi-la.fis {
    background-image: url(./images/flags/1x1/la.svg);
  }
  .fi-lb {
    background-image: url(./images/flags/4x3/lb.svg);
  }
  .fi-lb.fis {
    background-image: url(./images/flags/1x1/lb.svg);
  }
  .fi-lc {
    background-image: url(./images/flags/4x3/lc.svg);
  }
  .fi-lc.fis {
    background-image: url(./images/flags/1x1/lc.svg);
  }
  .fi-li {
    background-image: url(./images/flags/4x3/li.svg);
  }
  .fi-li.fis {
    background-image: url(./images/flags/1x1/li.svg);
  }
  .fi-lk {
    background-image: url(./images/flags/4x3/lk.svg);
  }
  .fi-lk.fis {
    background-image: url(./images/flags/1x1/lk.svg);
  }
  .fi-lr {
    background-image: url(./images/flags/4x3/lr.svg);
  }
  .fi-lr.fis {
    background-image: url(./images/flags/1x1/lr.svg);
  }
  .fi-ls {
    background-image: url(./images/flags/4x3/ls.svg);
  }
  .fi-ls.fis {
    background-image: url(./images/flags/1x1/ls.svg);
  }
  .fi-lt {
    background-image: url(./images/flags/4x3/lt.svg);
  }
  .fi-lt.fis {
    background-image: url(./images/flags/1x1/lt.svg);
  }
  .fi-lu {
    background-image: url(./images/flags/4x3/lu.svg);
  }
  .fi-lu.fis {
    background-image: url(./images/flags/1x1/lu.svg);
  }
  .fi-lv {
    background-image: url(./images/flags/4x3/lv.svg);
  }
  .fi-lv.fis {
    background-image: url(./images/flags/1x1/lv.svg);
  }
  .fi-ly {
    background-image: url(./images/flags/4x3/ly.svg);
  }
  .fi-ly.fis {
    background-image: url(./images/flags/1x1/ly.svg);
  }
  .fi-ma {
    background-image: url(./images/flags/4x3/ma.svg);
  }
  .fi-ma.fis {
    background-image: url(./images/flags/1x1/ma.svg);
  }
  .fi-mc {
    background-image: url(./images/flags/4x3/mc.svg);
  }
  .fi-mc.fis {
    background-image: url(./images/flags/1x1/mc.svg);
  }
  .fi-md {
    background-image: url(./images/flags/4x3/md.svg);
  }
  .fi-md.fis {
    background-image: url(./images/flags/1x1/md.svg);
  }
  .fi-me {
    background-image: url(./images/flags/4x3/me.svg);
  }
  .fi-me.fis {
    background-image: url(./images/flags/1x1/me.svg);
  }
  .fi-mf {
    background-image: url(./images/flags/4x3/mf.svg);
  }
  .fi-mf.fis {
    background-image: url(./images/flags/1x1/mf.svg);
  }
  .fi-mg {
    background-image: url(./images/flags/4x3/mg.svg);
  }
  .fi-mg.fis {
    background-image: url(./images/flags/1x1/mg.svg);
  }
  .fi-mh {
    background-image: url(./images/flags/4x3/mh.svg);
  }
  .fi-mh.fis {
    background-image: url(./images/flags/1x1/mh.svg);
  }
  .fi-mk {
    background-image: url(./images/flags/4x3/mk.svg);
  }
  .fi-mk.fis {
    background-image: url(./images/flags/1x1/mk.svg);
  }
  .fi-ml {
    background-image: url(./images/flags/4x3/ml.svg);
  }
  .fi-ml.fis {
    background-image: url(./images/flags/1x1/ml.svg);
  }
  .fi-mm {
    background-image: url(./images/flags/4x3/mm.svg);
  }
  .fi-mm.fis {
    background-image: url(./images/flags/1x1/mm.svg);
  }
  .fi-mn {
    background-image: url(./images/flags/4x3/mn.svg);
  }
  .fi-mn.fis {
    background-image: url(./images/flags/1x1/mn.svg);
  }
  .fi-mo {
    background-image: url(./images/flags/4x3/mo.svg);
  }
  .fi-mo.fis {
    background-image: url(./images/flags/1x1/mo.svg);
  }
  .fi-mp {
    background-image: url(./images/flags/4x3/mp.svg);
  }
  .fi-mp.fis {
    background-image: url(./images/flags/1x1/mp.svg);
  }
  .fi-mq {
    background-image: url(./images/flags/4x3/mq.svg);
  }
  .fi-mq.fis {
    background-image: url(./images/flags/1x1/mq.svg);
  }
  .fi-mr {
    background-image: url(./images/flags/4x3/mr.svg);
  }
  .fi-mr.fis {
    background-image: url(./images/flags/1x1/mr.svg);
  }
  .fi-ms {
    background-image: url(./images/flags/4x3/ms.svg);
  }
  .fi-ms.fis {
    background-image: url(./images/flags/1x1/ms.svg);
  }
  .fi-mt {
    background-image: url(./images/flags/4x3/mt.svg);
  }
  .fi-mt.fis {
    background-image: url(./images/flags/1x1/mt.svg);
  }
  .fi-mu {
    background-image: url(./images/flags/4x3/mu.svg);
  }
  .fi-mu.fis {
    background-image: url(./images/flags/1x1/mu.svg);
  }
  .fi-mv {
    background-image: url(./images/flags/4x3/mv.svg);
  }
  .fi-mv.fis {
    background-image: url(./images/flags/1x1/mv.svg);
  }
  .fi-mw {
    background-image: url(./images/flags/4x3/mw.svg);
  }
  .fi-mw.fis {
    background-image: url(./images/flags/1x1/mw.svg);
  }
  .fi-mx {
    background-image: url(./images/flags/4x3/mx.svg);
  }
  .fi-mx.fis {
    background-image: url(./images/flags/1x1/mx.svg);
  }
  .fi-my {
    background-image: url(./images/flags/4x3/my.svg);
  }
  .fi-my.fis {
    background-image: url(./images/flags/1x1/my.svg);
  }
  .fi-mz {
    background-image: url(./images/flags/4x3/mz.svg);
  }
  .fi-mz.fis {
    background-image: url(./images/flags/1x1/mz.svg);
  }
  .fi-na {
    background-image: url(./images/flags/4x3/na.svg);
  }
  .fi-na.fis {
    background-image: url(./images/flags/1x1/na.svg);
  }
  .fi-nc {
    background-image: url(./images/flags/4x3/nc.svg);
  }
  .fi-nc.fis {
    background-image: url(./images/flags/1x1/nc.svg);
  }
  .fi-ne {
    background-image: url(./images/flags/4x3/ne.svg);
  }
  .fi-ne.fis {
    background-image: url(./images/flags/1x1/ne.svg);
  }
  .fi-nf {
    background-image: url(./images/flags/4x3/nf.svg);
  }
  .fi-nf.fis {
    background-image: url(./images/flags/1x1/nf.svg);
  }
  .fi-ng {
    background-image: url(./images/flags/4x3/ng.svg);
  }
  .fi-ng.fis {
    background-image: url(./images/flags/1x1/ng.svg);
  }
  .fi-ni {
    background-image: url(./images/flags/4x3/ni.svg);
  }
  .fi-ni.fis {
    background-image: url(./images/flags/1x1/ni.svg);
  }
  .fi-nl {
    background-image: url(./images/flags/4x3/nl.svg);
  }
  .fi-nl.fis {
    background-image: url(./images/flags/1x1/nl.svg);
  }
  .fi-no {
    background-image: url(./images/flags/4x3/no.svg);
  }
  .fi-no.fis {
    background-image: url(./images/flags/1x1/no.svg);
  }
  .fi-np {
    background-image: url(./images/flags/4x3/np.svg);
  }
  .fi-np.fis {
    background-image: url(./images/flags/1x1/np.svg);
  }
  .fi-nr {
    background-image: url(./images/flags/4x3/nr.svg);
  }
  .fi-nr.fis {
    background-image: url(./images/flags/1x1/nr.svg);
  }
  .fi-nu {
    background-image: url(./images/flags/4x3/nu.svg);
  }
  .fi-nu.fis {
    background-image: url(./images/flags/1x1/nu.svg);
  }
  .fi-nz {
    background-image: url(./images/flags/4x3/nz.svg);
  }
  .fi-nz.fis {
    background-image: url(./images/flags/1x1/nz.svg);
  }
  .fi-om {
    background-image: url(./images/flags/4x3/om.svg);
  }
  .fi-om.fis {
    background-image: url(./images/flags/1x1/om.svg);
  }
  .fi-pa {
    background-image: url(./images/flags/4x3/pa.svg);
  }
  .fi-pa.fis {
    background-image: url(./images/flags/1x1/pa.svg);
  }
  .fi-pe {
    background-image: url(./images/flags/4x3/pe.svg);
  }
  .fi-pe.fis {
    background-image: url(./images/flags/1x1/pe.svg);
  }
  .fi-pf {
    background-image: url(./images/flags/4x3/pf.svg);
  }
  .fi-pf.fis {
    background-image: url(./images/flags/1x1/pf.svg);
  }
  .fi-pg {
    background-image: url(./images/flags/4x3/pg.svg);
  }
  .fi-pg.fis {
    background-image: url(./images/flags/1x1/pg.svg);
  }
  .fi-ph {
    background-image: url(./images/flags/4x3/ph.svg);
  }
  .fi-ph.fis {
    background-image: url(./images/flags/1x1/ph.svg);
  }
  .fi-pk {
    background-image: url(./images/flags/4x3/pk.svg);
  }
  .fi-pk.fis {
    background-image: url(./images/flags/1x1/pk.svg);
  }
  .fi-pl {
    background-image: url(./images/flags/4x3/pl.svg);
  }
  .fi-pl.fis {
    background-image: url(./images/flags/1x1/pl.svg);
  }
  .fi-pm {
    background-image: url(./images/flags/4x3/pm.svg);
  }
  .fi-pm.fis {
    background-image: url(./images/flags/1x1/pm.svg);
  }
  .fi-pn {
    background-image: url(./images/flags/4x3/pn.svg);
  }
  .fi-pn.fis {
    background-image: url(./images/flags/1x1/pn.svg);
  }
  .fi-pr {
    background-image: url(./images/flags/4x3/pr.svg);
  }
  .fi-pr.fis {
    background-image: url(./images/flags/1x1/pr.svg);
  }
  .fi-ps {
    background-image: url(./images/flags/4x3/ps.svg);
  }
  .fi-ps.fis {
    background-image: url(./images/flags/1x1/ps.svg);
  }
  .fi-pt {
    background-image: url(./images/flags/4x3/pt.svg);
  }
  .fi-pt.fis {
    background-image: url(./images/flags/1x1/pt.svg);
  }
  .fi-pw {
    background-image: url(./images/flags/4x3/pw.svg);
  }
  .fi-pw.fis {
    background-image: url(./images/flags/1x1/pw.svg);
  }
  .fi-py {
    background-image: url(./images/flags/4x3/py.svg);
  }
  .fi-py.fis {
    background-image: url(./images/flags/1x1/py.svg);
  }
  .fi-qa {
    background-image: url(./images/flags/4x3/qa.svg);
  }
  .fi-qa.fis {
    background-image: url(./images/flags/1x1/qa.svg);
  }
  .fi-re {
    background-image: url(./images/flags/4x3/re.svg);
  }
  .fi-re.fis {
    background-image: url(./images/flags/1x1/re.svg);
  }
  .fi-ro {
    background-image: url(./images/flags/4x3/ro.svg);
  }
  .fi-ro.fis {
    background-image: url(./images/flags/1x1/ro.svg);
  }
  .fi-rs {
    background-image: url(./images/flags/4x3/rs.svg);
  }
  .fi-rs.fis {
    background-image: url(./images/flags/1x1/rs.svg);
  }
  .fi-ru {
    background-image: url(./images/flags/4x3/ru.svg);
  }
  .fi-ru.fis {
    background-image: url(./images/flags/1x1/ru.svg);
  }
  .fi-rw {
    background-image: url(./images/flags/4x3/rw.svg);
  }
  .fi-rw.fis {
    background-image: url(./images/flags/1x1/rw.svg);
  }
  .fi-sa {
    background-image: url(./images/flags/4x3/sa.svg);
  }
  .fi-sa.fis {
    background-image: url(./images/flags/1x1/sa.svg);
  }
  .fi-sb {
    background-image: url(./images/flags/4x3/sb.svg);
  }
  .fi-sb.fis {
    background-image: url(./images/flags/1x1/sb.svg);
  }
  .fi-sc {
    background-image: url(./images/flags/4x3/sc.svg);
  }
  .fi-sc.fis {
    background-image: url(./images/flags/1x1/sc.svg);
  }
  .fi-sd {
    background-image: url(./images/flags/4x3/sd.svg);
  }
  .fi-sd.fis {
    background-image: url(./images/flags/1x1/sd.svg);
  }
  .fi-se {
    background-image: url(./images/flags/4x3/se.svg);
  }
  .fi-se.fis {
    background-image: url(./images/flags/1x1/se.svg);
  }
  .fi-sg {
    background-image: url(./images/flags/4x3/sg.svg);
  }
  .fi-sg.fis {
    background-image: url(./images/flags/1x1/sg.svg);
  }
  .fi-sh {
    background-image: url(./images/flags/4x3/sh.svg);
  }
  .fi-sh.fis {
    background-image: url(./images/flags/1x1/sh.svg);
  }
  .fi-si {
    background-image: url(./images/flags/4x3/si.svg);
  }
  .fi-si.fis {
    background-image: url(./images/flags/1x1/si.svg);
  }
  .fi-sj {
    background-image: url(./images/flags/4x3/sj.svg);
  }
  .fi-sj.fis {
    background-image: url(./images/flags/1x1/sj.svg);
  }
  .fi-sk {
    background-image: url(./images/flags/4x3/sk.svg);
  }
  .fi-sk.fis {
    background-image: url(./images/flags/1x1/sk.svg);
  }
  .fi-sl {
    background-image: url(./images/flags/4x3/sl.svg);
  }
  .fi-sl.fis {
    background-image: url(./images/flags/1x1/sl.svg);
  }
  .fi-sm {
    background-image: url(./images/flags/4x3/sm.svg);
  }
  .fi-sm.fis {
    background-image: url(./images/flags/1x1/sm.svg);
  }
  .fi-sn {
    background-image: url(./images/flags/4x3/sn.svg);
  }
  .fi-sn.fis {
    background-image: url(./images/flags/1x1/sn.svg);
  }
  .fi-so {
    background-image: url(./images/flags/4x3/so.svg);
  }
  .fi-so.fis {
    background-image: url(./images/flags/1x1/so.svg);
  }
  .fi-sr {
    background-image: url(./images/flags/4x3/sr.svg);
  }
  .fi-sr.fis {
    background-image: url(./images/flags/1x1/sr.svg);
  }
  .fi-ss {
    background-image: url(./images/flags/4x3/ss.svg);
  }
  .fi-ss.fis {
    background-image: url(./images/flags/1x1/ss.svg);
  }
  .fi-st {
    background-image: url(./images/flags/4x3/st.svg);
  }
  .fi-st.fis {
    background-image: url(./images/flags/1x1/st.svg);
  }
  .fi-sv {
    background-image: url(./images/flags/4x3/sv.svg);
  }
  .fi-sv.fis {
    background-image: url(./images/flags/1x1/sv.svg);
  }
  .fi-sx {
    background-image: url(./images/flags/4x3/sx.svg);
  }
  .fi-sx.fis {
    background-image: url(./images/flags/1x1/sx.svg);
  }
  .fi-sy {
    background-image: url(./images/flags/4x3/sy.svg);
  }
  .fi-sy.fis {
    background-image: url(./images/flags/1x1/sy.svg);
  }
  .fi-sz {
    background-image: url(./images/flags/4x3/sz.svg);
  }
  .fi-sz.fis {
    background-image: url(./images/flags/1x1/sz.svg);
  }
  .fi-tc {
    background-image: url(./images/flags/4x3/tc.svg);
  }
  .fi-tc.fis {
    background-image: url(./images/flags/1x1/tc.svg);
  }
  .fi-td {
    background-image: url(./images/flags/4x3/td.svg);
  }
  .fi-td.fis {
    background-image: url(./images/flags/1x1/td.svg);
  }
  .fi-tf {
    background-image: url(./images/flags/4x3/tf.svg);
  }
  .fi-tf.fis {
    background-image: url(./images/flags/1x1/tf.svg);
  }
  .fi-tg {
    background-image: url(./images/flags/4x3/tg.svg);
  }
  .fi-tg.fis {
    background-image: url(./images/flags/1x1/tg.svg);
  }
  .fi-th {
    background-image: url(./images/flags/4x3/th.svg);
  }
  .fi-th.fis {
    background-image: url(./images/flags/1x1/th.svg);
  }
  .fi-tj {
    background-image: url(./images/flags/4x3/tj.svg);
  }
  .fi-tj.fis {
    background-image: url(./images/flags/1x1/tj.svg);
  }
  .fi-tk {
    background-image: url(./images/flags/4x3/tk.svg);
  }
  .fi-tk.fis {
    background-image: url(./images/flags/1x1/tk.svg);
  }
  .fi-tl {
    background-image: url(./images/flags/4x3/tl.svg);
  }
  .fi-tl.fis {
    background-image: url(./images/flags/1x1/tl.svg);
  }
  .fi-tm {
    background-image: url(./images/flags/4x3/tm.svg);
  }
  .fi-tm.fis {
    background-image: url(./images/flags/1x1/tm.svg);
  }
  .fi-tn {
    background-image: url(./images/flags/4x3/tn.svg);
  }
  .fi-tn.fis {
    background-image: url(./images/flags/1x1/tn.svg);
  }
  .fi-to {
    background-image: url(./images/flags/4x3/to.svg);
  }
  .fi-to.fis {
    background-image: url(./images/flags/1x1/to.svg);
  }
  .fi-tr {
    background-image: url(./images/flags/4x3/tr.svg);
  }
  .fi-tr.fis {
    background-image: url(./images/flags/1x1/tr.svg);
  }
  .fi-tt {
    background-image: url(./images/flags/4x3/tt.svg);
  }
  .fi-tt.fis {
    background-image: url(./images/flags/1x1/tt.svg);
  }
  .fi-tv {
    background-image: url(./images/flags/4x3/tv.svg);
  }
  .fi-tv.fis {
    background-image: url(./images/flags/1x1/tv.svg);
  }
  .fi-tw {
    background-image: url(./images/flags/4x3/tw.svg);
  }
  .fi-tw.fis {
    background-image: url(./images/flags/1x1/tw.svg);
  }
  .fi-tz {
    background-image: url(./images/flags/4x3/tz.svg);
  }
  .fi-tz.fis {
    background-image: url(./images/flags/1x1/tz.svg);
  }
  .fi-ua {
    background-image: url(./images/flags/4x3/ua.svg);
  }
  .fi-ua.fis {
    background-image: url(./images/flags/1x1/ua.svg);
  }
  .fi-ug {
    background-image: url(./images/flags/4x3/ug.svg);
  }
  .fi-ug.fis {
    background-image: url(./images/flags/1x1/ug.svg);
  }
  .fi-um {
    background-image: url(./images/flags/4x3/um.svg);
  }
  .fi-um.fis {
    background-image: url(./images/flags/1x1/um.svg);
  }
  .fi-us {
    background-image: url(./images/flags/4x3/us.svg);
  }
  .fi-us.fis {
    background-image: url(./images/flags/1x1/us.svg);
  }
  .fi-uy {
    background-image: url(./images/flags/4x3/uy.svg);
  }
  .fi-uy.fis {
    background-image: url(./images/flags/1x1/uy.svg);
  }
  .fi-uz {
    background-image: url(./images/flags/4x3/uz.svg);
  }
  .fi-uz.fis {
    background-image: url(./images/flags/1x1/uz.svg);
  }
  .fi-va {
    background-image: url(./images/flags/4x3/va.svg);
  }
  .fi-va.fis {
    background-image: url(./images/flags/1x1/va.svg);
  }
  .fi-vc {
    background-image: url(./images/flags/4x3/vc.svg);
  }
  .fi-vc.fis {
    background-image: url(./images/flags/1x1/vc.svg);
  }
  .fi-ve {
    background-image: url(./images/flags/4x3/ve.svg);
  }
  .fi-ve.fis {
    background-image: url(./images/flags/1x1/ve.svg);
  }
  .fi-vg {
    background-image: url(./images/flags/4x3/vg.svg);
  }
  .fi-vg.fis {
    background-image: url(./images/flags/1x1/vg.svg);
  }
  .fi-vi {
    background-image: url(./images/flags/4x3/vi.svg);
  }
  .fi-vi.fis {
    background-image: url(./images/flags/1x1/vi.svg);
  }
  .fi-vn {
    background-image: url(./images/flags/4x3/vn.svg);
  }
  .fi-vn.fis {
    background-image: url(./images/flags/1x1/vn.svg);
  }
  .fi-vu {
    background-image: url(./images/flags/4x3/vu.svg);
  }
  .fi-vu.fis {
    background-image: url(./images/flags/1x1/vu.svg);
  }
  .fi-wf {
    background-image: url(./images/flags/4x3/wf.svg);
  }
  .fi-wf.fis {
    background-image: url(./images/flags/1x1/wf.svg);
  }
  .fi-ws {
    background-image: url(./images/flags/4x3/ws.svg);
  }
  .fi-ws.fis {
    background-image: url(./images/flags/1x1/ws.svg);
  }
  .fi-ye {
    background-image: url(./images/flags/4x3/ye.svg);
  }
  .fi-ye.fis {
    background-image: url(./images/flags/1x1/ye.svg);
  }
  .fi-yt {
    background-image: url(./images/flags/4x3/yt.svg);
  }
  .fi-yt.fis {
    background-image: url(./images/flags/1x1/yt.svg);
  }
  .fi-za {
    background-image: url(./images/flags/4x3/za.svg);
  }
  .fi-za.fis {
    background-image: url(./images/flags/1x1/za.svg);
  }
  .fi-zm {
    background-image: url(./images/flags/4x3/zm.svg);
  }
  .fi-zm.fis {
    background-image: url(./images/flags/1x1/zm.svg);
  }
  .fi-zw {
    background-image: url(./images/flags/4x3/zw.svg);
  }
  .fi-zw.fis {
    background-image: url(./images/flags/1x1/zw.svg);
  }
  .fi-ac {
    background-image: url(./images/flags/4x3/ac.svg);
  }
  .fi-ac.fis {
    background-image: url(./images/flags/1x1/ac.svg);
  }
  .fi-cp {
    background-image: url(./images/flags/4x3/cp.svg);
  }
  .fi-cp.fis {
    background-image: url(./images/flags/1x1/cp.svg);
  }
  .fi-dg {
    background-image: url(./images/flags/4x3/dg.svg);
  }
  .fi-dg.fis {
    background-image: url(./images/flags/1x1/dg.svg);
  }
  .fi-ea {
    background-image: url(./images/flags/4x3/ea.svg);
  }
  .fi-ea.fis {
    background-image: url(./images/flags/1x1/ea.svg);
  }
  .fi-es-ct {
    background-image: url(./images/flags/4x3/es-ct.svg);
  }
  .fi-es-ct.fis {
    background-image: url(./images/flags/1x1/es-ct.svg);
  }
  .fi-es-ga {
    background-image: url(./images/flags/4x3/es-ga.svg);
  }
  .fi-es-ga.fis {
    background-image: url(./images/flags/1x1/es-ga.svg);
  }
  .fi-eu {
    background-image: url(./images/flags/4x3/eu.svg);
  }
  .fi-eu.fis {
    background-image: url(./images/flags/1x1/eu.svg);
  }
  .fi-gb-eng {
    background-image: url(./images/flags/4x3/gb-eng.svg);
  }
  .fi-gb-eng.fis {
    background-image: url(./images/flags/1x1/gb-eng.svg);
  }
  .fi-gb-nir {
    background-image: url(./images/flags/4x3/gb-nir.svg);
  }
  .fi-gb-nir.fis {
    background-image: url(./images/flags/1x1/gb-nir.svg);
  }
  .fi-gb-sct {
    background-image: url(./images/flags/4x3/gb-sct.svg);
  }
  .fi-gb-sct.fis {
    background-image: url(./images/flags/1x1/gb-sct.svg);
  }
  .fi-gb-wls {
    background-image: url(./images/flags/4x3/gb-wls.svg);
  }
  .fi-gb-wls.fis {
    background-image: url(./images/flags/1x1/gb-wls.svg);
  }
  .fi-ic {
    background-image: url(./images/flags/4x3/ic.svg);
  }
  .fi-ic.fis {
    background-image: url(./images/flags/1x1/ic.svg);
  }
  .fi-ta {
    background-image: url(./images/flags/4x3/ta.svg);
  }
  .fi-ta.fis {
    background-image: url(./images/flags/1x1/ta.svg);
  }
  .fi-un {
    background-image: url(./images/flags/4x3/un.svg);
  }
  .fi-un.fis {
    background-image: url(./images/flags/1x1/un.svg);
  }
  .fi-xk {
    background-image: url(./images/flags/4x3/xk.svg);
  }
  .fi-xk.fis {
    background-image: url(./images/flags/1x1/xk.svg);
  }


/**
 * Life - Offices Section
 */
.life-offices {
  padding: 7rem 0;
  background: #F0F3F6 url(./images/office/office-thinks-bg.png) scroll no-repeat right 8.625rem;
}
.life-offices .inner {
  max-width: 1240px;
  margin: 0px auto;
  padding: 0 20px;
}
.life-offices .content {
  max-width: 785px;
  width: 100%;
}
.life-offices .inner h3 {
  color: rgb(4, 179, 218);
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 0.9rem;
  padding-bottom: 0.35rem;
}
.life-offices .inner h2 {
  color: rgb(38, 57, 75);
  text-transform: none;
  font-weight: 100;
  margin-bottom: 1.75rem;
}
.life-offices .inner p {
  color: #26394B;
  font-size: 1.063rem;
}
.life-offices .inner .life-office-slider {
  /* display: flex;
  flex-wrap: wrap; */
  width: 100%;
  margin-top: 4rem;
  margin-left: -0.375rem;
  margin-right: -0.375rem;
  margin-bottom: 0;
}
.life-offices .inner .life-office-slider {
  position: relative;
}
.life-offices .inner .life-office-slider .slick-arrow {
  background-color: #04B3DA;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: none;
  box-shadow: none;
  color: #FFF;
  position: absolute;
  z-index: 1;
  top: 98px;
  transform: none;
  padding: 0;
  float: none;
  font-size: 0 !important;
  line-height: 0 !important;
}
.life-offices .inner .life-office-slider .slick-arrow.slick-prev {
  left: -26px;
}
.life-offices .inner .life-office-slider .slick-arrow.slick-next {
  right: -26px;
}
.life-offices .inner .life-office-slider .slick-arrow::before {
  content: '';
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center;
  width: 4rem;
  height: 4rem;
  display: block;
}
.life-offices .inner .life-office-slider .slick-arrow.slick-next::before {
  background-image: url(./images/arrow-right.svg);
}
.life-offices .inner .life-office-slider .slick-arrow.slick-prev::before {
  background-image: url(./images/arrow-left.svg);
}
.life-offices .inner .life-office-slider .slick-arrow.slick-disabled {
  opacity: 0;
}
.life-offices .inner .life-office-slider .slick-track {
  display: flex;
}
.life-offices .inner .life-office-slider .slick-list {
  overflow: visible;
}
.life-offices .inner .life-office-slider .office-item {
  padding: 0;
  height: auto;
}
.life-offices .inner .life-office-slider .office-item .office-wrap {
	background-color: #FFF;
	display: flex;
	flex-direction: column;
	height: 100%;
  margin: 0 6px;
  transition: all 0.2s ease-in-out;
}
.office-item:hover .office-wrap {
	box-shadow: 10px 20px 50px rgba( 38, 57, 75, .25 );
}
.life-offices .inner .life-office-slider .office-item .office-item--image {
  width: 100%;
  height: 260px;
  background-color: #f1f6fa;
  position: relative;
  overflow: hidden;
  flex: 0 0 auto;
}
.life-offices .inner .life-office-slider .office-item .office-item--image picture {
	object-fit: cover;
	object-position: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.life-offices .inner .life-office-slider .office-item .office-item--image picture img {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: auto;
	height: 100%;
	max-width: none;
}
.life-offices .inner .life-office-slider .office-item .office-item--content {
  width: 100%;
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.life-offices .inner .life-office-slider .office-item .office-item--content h3 {
  color: rgb(38, 57, 75);
  text-transform: none;
  font-size: 1.25rem;
  display: block;
  font-weight: bold;
  line-height: 1.75rem;
  margin-bottom: 1.25rem;
  padding-bottom: 0;
  letter-spacing: 0;
}
.life-offices .inner .life-office-slider .office-item .office-item--content h3 .fi {
	margin-right: 0.75rem;
}
.life-offices .inner .life-office-slider .office-item .office-item--content h3 a {
	font-weight: bold;
	color: #04B3DA;
}
.life-offices .inner .life-office-slider .office-item .office-item--content p {
  color: rgb(38, 57, 75);
  font-size: 1.063rem;
  line-height: 1.75rem;
  font-weight: 100;
}
.life-offices .inner .life-office-slider .office-item .office-item--content .button {
  margin-top: auto;
	text-transform: none;
  letter-spacing: 0px;
  font-weight: normal;
	background: rgb(4, 179, 218);
	border-width: 1px;
	border-style: solid;
	border-color: rgb(4, 179, 218);
	border-image: initial;
	transition: all 0.4s ease 0s;
}
.life-offices .inner .life-office-slider .office-item .office-item--content .button::after {
	content: "→";
	color: rgb(38, 57, 75);
	margin-left: 5px;
}