@font-face {
    font-family: 'MrEavesXL';
    /* Specify a unique font name */
    src: url('../fonts/MrEavesXLModOT-Reg.ttf') format('truetype');
    font-weight: 400;
    /* Provide the path to your TTF font file */
    /* Additional font properties can be added here */
}

@font-face {
    font-family: 'MrEavesXL-Narrow';
    /* Specify a unique font name */
    src: url('../fonts/MrEavesXLModNarOT-Reg.ttf') format('truetype');
    font-weight: 400;
    /* Provide the path to your TTF font file */
    /* Additional font properties can be added here */
}

@font-face {
    font-family: 'MrEavesXL';
    /* Specify a unique font name */
    src: url('../fonts/MrEavesXLModOT-Bold.ttf') format('truetype');
    font-weight: 700;
    /* Provide the path to your TTF font file */
    /* Additional font properties can be added here */
}

body {
    font-family: 'Saira Extra Condensed', sans-serif;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
}

:hover,
 :focus,
a:hover,
a:focus {
    outline: none;
    box-shadow: none;
    text-decoration: none;
}

a,
a:hover {
    color: #12678b;
}

a {
    font-family: 'MrEavesXL';
}

ul {
    padding: 0;
    margin: 0;
}

ul li {
    display: inline-block;
    font-family: 'MrEavesXL';
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Saira Extra Condensed', sans-serif;
}

p {
    font-family: 'MrEavesXL';
}

.navbar-default {
    background: none;
    border: none;
    margin: 0;
    box-shadow: none;
    border-radius: 0;
}

.navbar-brand {
    height: auto;
    padding: 19px 10px 13px 0px;
}

.navbar-header p.head-mmc {
    margin: 16px 0 0 22px;
    padding: 7px 15px 10px;
    float: left;
    font-size: 22px;
    color: #333333;
    line-height: 24px;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    font-family: 'Saira Extra Condensed', sans-serif;
}

.navbar-collapse {
    padding: 0;
}

.navbar-right {
    margin: 0;
}

.navbar-default .navbar-nav>li {
    padding: 54px 0px 0px;
}

.navbar-default .navbar-nav>li>a {
    color: #999999;
    font-size: 30px;
    line-height: 52px;
    font-weight: 500;
    padding: 0 15px;
    border-right: 1px solid #d5d5d5;
}

.navbar-default .navbar-nav>li:last-child>a {
    border-right: none;
    padding-right: 0;
}

.navbar-default .navbar-nav>li.pv-app {
    position: relative;
}

.navbar-default .navbar-nav>li.pv-app>a {
    position: relative;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #12678b;
}

.navbar-default .navbar-nav>li.pv-app>a:hover,
.navbar-default .navbar-nav>li.pv-app>a:focus {}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    background-color: transparent;
    color: #12678b;
}

.pv-app:hover small {}

.pv-app small {
    color: white;
    font-size: 16px;
    position: absolute;
    width: auto;
    padding: 5px;
    line-height: 16px;
    text-align: center;
    left: 23px;
    right: 15px;
}

header .pv-app {
    background-image: url("../images/menu-bg.png");
    padding-bottom: 16px;
    background-repeat: no-repeat;
    background-size: 141px 53px;
    background-position: center top;
}

header .pv-app small {
    text-indent: -9999999px;
}

footer .pv-app small {
    width: 141px;
    background-image: url("../images/menu-bt.png");
    padding-top: 16px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    height: 53px;
    margin: 0px auto;
}

footer .pv-app small {
    text-indent: -9999999px;
}

.header .pv-app small {
    top: -54px;
}

.header .pv-app:hover small:after {}

.top-footer .pv-app small {
    bottom: -44px;
}

.header .pv-app small:after {
    top: 41px;
    border-color: #44a0e7 transparent transparent transparent;
}

.top-footer .pv-app small:after {
    bottom: 42px;
    border-color: transparent transparent #44a0e7 transparent;
}

.top-footer .pv-app:hover small:after {}


/** home banner**/

.home-banner {
    width: 100%;
    height: auto;
    margin-top: 20px;
    position: relative;
}

.home-banner img {
    width: 100%;
}

.ban-content {
    position: absolute;
    top: 13%;
    width: 80%;
}

.home-banner h2 {
    background-color: #44a0e7;
    color: #ffffff;
    font-size: 40px;
    padding: 15px;
    text-align: center;
    margin: 0;
}

.banner-para {
    background-color: rgba(255, 255, 255, 0.85);
    padding: 30px 30px 30px 80px;
}

.banner-para p {
    font-size: 22px;
    color: #666666;
    margin-bottom: 20px;
}

.banner-para p a {
    color: #44a0e7;
    font-weight: bold;
}

.banner-para p:last-child {
    text-align: right;
    margin-bottom: 0;
}


/** home middle section **/

section {
    overflow: hidden;
    display: block;
}

.home-middle {
    margin: 45px 0 30px;
}

.home-middle .left {
    padding: 0px;
    border-right: 1px solid #cccccc;
}

.home-middle .right {
    padding: 0 0 0 40px;
}

.home-middle h2 {
    font-size: 45px;
    font-weight: 500;
    color: #000;
    margin: 0 0 24px;
}

.home-middle h2 span {
    /* color: #44a0e7; */
}

.home-middle .mid-con p {
    color: #000000;
    font-size: 22px;
    font-weight: 500;
    margin: 0 0 22px;
}

.home-middle .mid-con .btn-link,
.home-middle .mid-con .btn-link:hover,
.home-middle .mid-con .btn-link:focus {
    text-align: right;
    margin: 0px;
    text-decoration: none;
}

.home-middle .mid-con .btn-link a,
.home-middle .mid-con .btn-link a:hover,
.home-middle .mid-con .btn-link a:focus {
    background-color: #44a0e7;
    color: #ffffff;
    display: block;
    padding: 16px 30px;
}

.r-con {
    overflow: hidden;
    position: relative;
    width: 100%;
    border-top: 1px solid #cccccc;
    margin: 0 0 5px;
}

.r-con figure {
    float: left;
    margin-right: 16px;
    width: 130px;
    height: 80px;
    overflow: hidden;
}

.r-con figure img {
    width: 100%;
    height: auto;
}

.r-con figcaption {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 500;
    color: #44a0e7;
    display: inline-block;
}


/** home-bottom **/

.home-bottom {}

.item {
    padding: 0 5px 0 0;
    margin-bottom: 5px;
}

.item img {
    width: 100%;
    height: auto;
}

.item.i {
    height: 385px;
    margin-top: -195px;
    overflow: hidden;
}

.item.i .col-xs-12.col-sm-8.col-md-8.col-lg-8,
.item.i .col-xs-12.col-sm-4.col-md-4.col-lg-4 {
    padding: 0 3px 0 0;
}

.item.j .col-xs-12.col-sm-8.col-md-8.col-lg-8,
.item.j .col-xs-12.col-sm-4.col-md-4.col-lg-4 {
    padding: 0 3px 0 0;
}

.item.l .col-xs-12.col-sm-6.col-md-6.col-lg-6 {
    padding: 0 3px 0 0;
}

.item.q .col-xs-12.col-sm-6.col-md-6.col-lg-6 {
    padding: 0 3px 0 0;
}

.item.e,
.item.f {
    height: 190px;
}

.item.g,
.item.h {
    height: 386px;
}

.item.a,
.item.b,
.item.c,
.item.d {
    height: 385px;
    overflow: hidden;
}

.item.i .col-md-4.col-lg-4.col-sm-4 img:first-child {
    margin-bottom: 3px;
}

.item.p {
    margin-top: -198px;
    height: 387px;
}

.item.s,
.item.t,
.item.u,
.item.v {
    height: 380px;
    overflow: hidden;
    margin: 0;
}

.item.t img:first-child {
    margin-bottom: 5px;
}

.item.d img:first-child {
    margin-bottom: 14px;
}


/** inner banner **/

.inner-banner {
    margin: 20px 0 00px;
    position: relative;
    max-height: 500px;
}

.inner-banner img {
    height: auto;
    width: 100%;
}

.title {
    font-size: 50px;
    color: #666666;
    margin: 0 0 50px;
    font-weight: 500;
}

.home p {
    font-size: 27px;
}

p {
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 30px;
    font-family: 'MrEavesXL';
}

.content .left {
    padding: 0 30px 0 0;
}

.content .right {
    padding: 0 0 0 40px;
}


/** Footer **/

.top-footer .navbar-default .navbar-nav>li.pv-app::before {
    bottom: -46px;
    top: inherit;
    background-image: url("../images/fpv-app.png");
}

.bottom-footer {
    background-color: #333333;
    padding: 70px;
    margin: 20px 0 0;
    display: block;
    overflow: hidden;
}

.bottom-footer .col-xs-6.col-sm-6.col-md-6.col-lg-6 {
    padding: 0;
}

.bottom-footer p.head-mmc {
    font-family: 'Saira Extra Condensed', sans-serif;
    margin: 0;
    color: #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    display: inline-block;
    font-size: 22px;
    padding: 0 15px;
}

.bottom-footer .flinks {
    text-align: right;
    font-family: Georgia;
    color: #999999;
    font-size: 20px;
}

.bottom-footer .flinks li a {
    color: #999999;
    padding: 0;
}

.bottom-footer .flinks li:first-child {
    text-decoration: underline;
}

.bottom-footer address {
    text-align: right;
    margin: 8px 0 0;
    font-family: Georgia;
    color: #999999;
    font-size: 20px;
    line-height: normal;
    font-family: 'MrEavesXL';
}

.nav a.active {
    color: #11678b!important;
}

.container {
    width: 100%!important;
    max-width: 1260px;
    padding: 0 40px;
    @media (max-width: 767px) {
        padding: 0 24px;
    }
}

.home-banner h1 {
    font-size: 104px;
    margin-top: 0;
    font-weight: 800;
    line-height: 100%;
}

.home-banner img {
    width: 100%;
    height: 100%;
    max-height: 500px;
    object-fit: cover;
}

.home-banner .cta {
    text-transform: uppercase;
}

.ban-content {
    @media (max-width: 767px) {
        text-align: center;
    }
}

.sub-header {
    color: #114b68;
    margin-bottom: 10px;
}

.cta {
    background: #ff3300;
    color: #fff;
    font-size: 22px;
    border-radius: 8px;
    display: inline-block;
    text-align: center;
    padding: 8px 20px 5px;
    width: 100%;
    max-width: 200px;
    margin-top: 30px;
    font-family: 'MrEavesXL-Narrow';
}

.cta:hover,
.cta:focus,
.cta:active {
    color: #fff!important;
}

.detail {
    padding: 80px 0;
    @media (max-width: 767px) {
        padding: 30px 0 50px;
    }
}

.detail h2 {
    font-size: 45px;
    margin-bottom: 30px;
    margin-top: 0;
}

.detail h2 span {
    color: #12678b
}

.solutions h2 {
    margin-bottom: 50px;
}

section.client-logos {
    background: #f4f4f4;
}

.logo-block {
    display: grid;
    margin-top: 50px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    @media screen and (max-width: 767px) {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    @media only screen and (min-width: 768px) {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
    @media only screen and (min-width: 992px) {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    }
    justify-content: center;
    grid-gap: 30px;
    justify-items: center;
    align-items: center;
}

.logo-block img {
    max-width: 105px;
    max-height: 120px;
    @media (max-width: 767px) {
        max-width: 60px;
        max-height: 80px;
    }
}

.strategy .row {
    display: flex;
    align-items: center;
    @media (max-width: 767px) {
        flex-direction: column;
    }
}

.strategy .cta {
    background-color: #23728f;
    margin-top: 15px;
}

.strategy--left-column {
    @media (min-width: 992px) {
        padding-right: 90px;
    }
}

.strategy--right-column {
    @media (max-width: 767px) {
        text-align: center
    }
}

section.services {
    background: url(../images/services-bg.png);
    background-size: cover;
    background-position: right;
    color: #fff;
    @media (max-width: 767px) {
        background-position: center;
    }
}

.services--left-column-innerContainer div {
    @media (max-width: 767px) {
        text-align: center
    }
}

section.services h2 {
    color: #3cc1c5;
    margin-top: 0;
}

section.services li {
    font-size: 24px;
    padding: 3px 0;
    display: block;
}

.services--left-column-innerContainer {
    gap: 80px;
    @media (max-width: 767px) {
        flex-direction: column;
    }
}

section.services .cta-group {
    margin-top: 20px;
}

section.services .cta {
    font-size: 27px;
    text-transform: uppercase;
}

.industries {
    padding: 0;
    /* background: url(../images/industries-bg.png);
    background-repeat: no-repeat;
    background-position: left; */
}

.industries li {
    display: block;
    font-size: 27px;
}

.industries .col {
    flex: 1;
}

.industries img {
    height: 100%;
    object-fit: cover;
}

.industries--right-column {
    padding: 50px 80px 50px 10%;
}

.industries--right-column {}

.industries--right-column-innerContainer {
    @media (max-width: 767px) {
        flex-direction: column;
    }
}

.industries .row {
    @media (max-width: 767px) {
        flex-direction: column;
    }
}

#getStartedModal h2 {
    margin-bottom: 30px;
}

#getStartedModal.in {
    display: flex!important;
    align-items: center;
}

#getStartedModal .modal-content .content-wrapper {
    padding: 40px 50px;
}

.modal-banner {
    width: 100%;
    margin-top: 30px;
}

#getStartedModal label {
    display: none;
}

#getStartedModal button.close {
    position: absolute;
    top: 0;
    right: 15px;
    opacity: 1;
    font-size: 34px;
}

.works.home {
    margin-top: 80px;
}

.clientele section.inner-banner {
    /* max-height: 600px; */
}

.form-logo {
    /* position: absolute;
    right: 20px;
    bottom: 50px; */
}

.logo-container {
    text-align: right;
    margin-top: -50px;
}

.cta-group {
    gap: 20px;
    @media (max-width: 767px) {
        justify-content: center;
    }
}

section.cta-block {
    background: #f4f4f4;
    padding: 40px 0;
    text-align: center;
    margin-bottom: 40px;
}

.cta-block .cta {
    background-color: #23728f;
}

.cta-block h2 {
    margin-top: 0;
}

a.cta.learnMore {
    background: #3cc1c5;
}

a.cta.getStarted {
    background: #23728f;
}

.w-100 {
    width: 100%
}

.flex {
    display: flex;
}

button.navbar-toggle {
    margin: 10px 12px;
    background-color: #11678b!important;
}

a.navbar-brand {
    @media (max-width: 767px) {
        padding-left: 15px
    }
}

.navbar-brand>img {
    max-width: 210px;
}

.nav>li>a {
    font-family: "Saira Extra Condensed", sans-serif!important;
}

.mb-0 {
    margin-bottom: 0!important;
}

@media screen and (max-width:767px) {
    p {
        font-size: 18px!important;
    }
    p.head-mmc {
        font-size: 12px!important;
    }
    .cta {
        font-size: 20px!important
    }
    .detail {
        padding: 50px 0 50px!important;
    }
    .strategy .row,
    .services--left-column-innerContainer,
    .industries .row {
        flex-direction: column;
    }
    .ban-content {
        text-align: center;
    }
    .logo-block {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .logo-block img {
        max-width: 60px;
        max-height: 80px;
    }
    section.industries.detail {
        padding-top: 0!important;
    }
    .grids {
        padding: 0!important;
    }
    .works.home {
        margin-top: 0px!important;
    }
    .works table img {
        height: auto!important;
    }
    .industries img {
        height: auto!important;
    }
    section.services {
        background-position: center;
    }
    .strategy--left-column {
        /* padding-bottom: 30px; */
    }
    .strategy--right-column {
        margin-top: 30px;
        text-align: center;
    }
    .services--left-column.left-column {
        margin-bottom: 20px;
    }
    .detail h2 {
        margin-bottom: 20px!important;
    }
    .services--left-column-innerContainer div,
    .industries--right-column {
        text-align: center;
    }
    .cta-group {
        justify-content: center;
    }
    .industries li,
    section.services li {
        font-size: 22px;
    }
    .logo-block {
        margin-top: 0!important;
    }
    .industries--right-column {
        padding: 50px 20px 0px 20px;
    }
    .home-banner .cta {
        margin-top: 10px!important;
    }
    .service-type {
        padding: 0px 0!important;
    }
}

@media screen and (max-width:991px) {}

@media screen and (min-width:1600px) {
    .clientele .inner-banner img {
        /* margin-top: -6%; */
    }
}