.c-infoicons li a, .c-navbar .navbar-nav li a, .section-product > div > a.c-prd--nav {
    font-size: 18px;
    text-decoration: none;
    text-transform: uppercase
}

.bg-bottom--blue img, .c-card .c-card__img, .c-card .c-card__name, .c-head h1, .c-head h2, .c-head h3, .c-head h5, .c-navbar {
    transition: .3s ease-in-out
}

.c-infoicons li a, .cta:hover, .list-link li a {
    text-decoration: none
}

.c-infoicons li a, h1, h2, h3, h4, h5 {
    text-transform: uppercase
}

.c-navbar .nav-carrot, .cta {
    white-space: nowrap
}

.bg-white, .c-header, .c-navbar, .c-search .form-control {
    background-color: #fff
}

.c-navbar {
    border: 0;
    font-family: "Franklin Gothic Regular",Helvetica,Arial;
    padding: 10px 0 0;
    box-shadow: 3px 2px 5px 0 #4d4d4d
}

    .c-navbar .navbar-header {
        float: none
    }

    .c-navbar .logo-block {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

        .c-navbar .logo-block .c-logo {
            height: auto;
            width: 255px
        }

    .c-navbar .navbar-brand {
        height: auto;
        padding: 5px 0
    }

.c-search {
    width: 230px
}

    .c-search .form-control {
        color: #000;
        border: 2px solid #000;
        border-right: 0;
        border-radius: 0
    }

    .c-search .input-group-addon {
        color: #000;
        background-color: #fff;
        border: 2px solid #000;
        border-left: 0;
        border-radius: 0
    }

.c-infoicons, .c-infoicons li, .c-socialicons, .c-socialicons li {
    list-style-type: none;
    margin: 0;
    padding: 0
}

    .c-infoicons li, .c-socialicons li {
        margin-right: 15px;
        float: left
    }

    .c-infoicons li, .c-socialicons {
        margin-right: 20px
    }

.c-infoicons {
    height: 30px;
    line-height: 30px
}

    .c-infoicons li a {
        color: #4d4d4d
    }

        .c-infoicons li a.user-locale {
            margin-left: 10px
        }

.c-socialicons li a {
    width: 29px;
    height: 29px;
    display: block
}

    .c-socialicons li a.twitter {
        background: url(/Areas/GCD/Assets/images/social-link-icons.png) -40px -1px no-repeat
    }

        .c-socialicons li a.twitter:hover {
            background: url(/Areas/GCD/Assets/images/social-link-icons.png) -40px -30px no-repeat
        }

    .c-socialicons li a.facebook {
        background: url(/Areas/GCD/Assets/images/social-link-icons.png) -80px -1px no-repeat
    }

        .c-socialicons li a.facebook:hover {
            background: url(/Areas/GCD/Assets/images/social-link-icons.png) -80px -30px no-repeat
        }

    .c-socialicons li a.youtube {
        background: url(/Areas/GCD/Assets/images/social-link-icons.png) -120px -1px no-repeat
    }

        .c-socialicons li a.youtube:hover {
            background: url(/Areas/GCD/Assets/images/social-link-icons.png) -120px -30px no-repeat
        }

    .c-socialicons li a.instagram {
        background: url(/Areas/GCD/Assets/images/social-link-icons.png) -160px -1px no-repeat
    }

        .c-socialicons li a.instagram:hover {
            background: url(/Areas/GCD/Assets/images/social-link-icons.png) -160px -30px no-repeat
        }

    .c-socialicons li a.tiktok {
        background: url(/Areas/GCD/Assets/images/social-link-icons.png) -200px -1px no-repeat
    }

        .c-socialicons li a.tiktok:hover {
            background: url(/Areas/GCD/Assets/images/social-link-icons.png) -200px -30px no-repeat
        }

    .c-socialicons li a.wechat {
        background: url(/Areas/GCD/Assets/images/social-icons-new.png) no-repeat
    }

        .c-socialicons li a.wechat:hover {
            background: url(/Areas/GCD/Assets/images/social-icons-new.png) 0 -30px no-repeat
        }

.c-socialicons #wechat-qr-code {
    display: none
}

.c-socialicons li a.wechat:hover #wechat-qr-code, .v-block-one-column .yt-embed iframe {
    display: block
}

.c-navbar .navbar-nav > li > a {
    padding: 13px 20px
}

.c-navbar .navbar-nav li a, .section-product > div > a.c-prd--nav {
    color: #333
}

    .c-navbar .dropdown-menu > li > a:hover, .c-navbar .navbar-nav > li > a:hover, .c-navbar .navbar-nav > li > a:hover svg polyline, .section-product > div > a.c-prd--nav:hover {
        color: #41b6e6;
        stroke: #41b6e6;
        background-color: transparent
    }

.c-navbar .nav-carrot svg {
    max-width: 8px
}

.c-navbar .nav-carrot--icon {
    fill: none;
    stroke: #333;
    stroke-miterlimit: 10;
    stroke-width: 2px
}

.c-navbar .navbar-nav > li > a.active {
    background: 0
}

.c-navbar .dropdown-menu > li > a {
    padding: 6px
}

.c-navbar .navbar-nav > .open > a, .c-navbar .navbar-nav > .open > a:focus, .c-navbar .navbar-nav > .open > a:hover {
    color: #333;
    background: 0
}

.accordions-container h3 {
    font-size: 48px !important;
}

@media(max-width:991.5px) {
    .c-navbar .logo-block, .navbar-nav > li > a {
        padding-bottom: 10px
    }

    .c-navbar .c-navbar__collapse {
        background-color: #f2f2f2;
        position: absolute;
        width: 100%;
        max-height: 500px;
        border: 0
    }

    .c-navbar .navbar-toggle-search {
        background: 0;
        border: 0;
        font-size: 22px;
        margin-right: 20px
    }

        .c-navbar .navbar-toggle-search .glyphicon {
            top: 2px
        }

    .c-navbar .c-navbar-toggle {
        border: 0
    }

    .c-navbar .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 7px
    }

    .c-navbar .navbar-toggle:focus, .c-navbar .navbar-toggle:hover {
        background: 0
    }

    .c-navbar .navbar-toggle .icon-bar {
        width: 33px;
        height: 3px;
        border-radius: 3px;
        background-color: #333
    }

    .c-navbar .navbar-nav > li > a {
        padding: 15px 40px
    }

        .c-navbar .navbar-nav > li > a.btn-exp-clp {
            position: absolute;
            right: 16px;
            top: 0;
            padding: 15px 40px;
            z-index: 10;
            width: 30px;
            height: 50px;
            background: url("/Areas/GCD/Assets/images/icons/plus.png") center/20px 20px no-repeat
        }

    .c-navbar .navbar-nav > .open > a.btn-exp-clp {
        background: url("/Areas/GCD/Assets/images/icons/minus.png") center/20px 20px no-repeat
    }

    .c-navbar .navbar-nav .open .dropdown-menu .dropdown-header, .c-navbar .navbar-nav .open .dropdown-menu > li > a {
        padding: 12px 30px;
        font-family: "Franklin Gothic Regular",Helvetica,Arial;
        font-size: 18px
    }

    .c-navbar .navbar-nav .dropdown-menu {
        width: calc(100% - 80px);
        display: block;
        opacity: 0;
        visibility: hidden;
        max-height: 0;
        transition: max-height 1s ease-out;
        overflow: hidden
    }

    .c-navbar .navbar-nav .open .dropdown-menu {
        background: #b7b7b7;
        margin: 0 40px;
        padding: 0;
        border-radius: 0;
        opacity: 1;
        visibility: visible;
        max-height: 500px;
        transition: max-height 1s ease-in
    }

        .c-navbar .navbar-nav .open .dropdown-menu > li > a {
            color: #fff
        }

            .c-navbar .navbar-nav .open .dropdown-menu > li > a:focus, .c-navbar .navbar-nav .open .dropdown-menu > li > a:hover {
                background-color: transparent;
                color: #41b6e6
            }

    .c-infoicons, .c-socialicons {
        display: inline-block;
        height: 29px;
        margin: 1em auto;
        padding: 0
    }

    .c-search {
        width: 100%
    }

    .navbar-header, .navbar-nav, .navbar-nav > li {
        float: none
    }

    .navbar-nav {
        margin: 7.5px -15px
    }

    .navbar-collapse.collapse {
        display: none !important;
        border-top: 1px solid #e7e7e7
    }

        .navbar-collapse.collapse.in {
            display: block !important;
            overflow-y: auto !important;
            overflow-x: hidden !important;
            box-shadow: 0 8px 15px rgb(0 0 0 / 14%)
        }

    .navbar-toggle {
        display: block
    }

    .navbar-nav > li > a {
        padding-top: 10px
    }
}

@media(max-width:767px) {
    .c-navbar .navbar-brand {
        width: 50%;
        max-width: 255px
    }

    .c-navbar .navbar-nav > li > a.active > span {
        border-bottom: 3px solid #dedddd
    }
}

@media(min-width:768px) and (max-width:991.5px) {
    .c-navbar .c-navbar__collapse {
        margin-left: -15px;
        margin-right: -15px
    }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
        padding-left: 15px;
        padding-right: 15px
    }
}

.c-head h1, .c-head h2, .c-head h3, .c-head h5, h1, h4 {
    line-height: 1
}

.c-head .head, .c-head h1, .c-head h2, .c-head h3 {
    margin-top: 0
}

.w-75, .w-lg-75 {
    width: 75%
}

.cta, .pointer {
    cursor: pointer
}

.c-flex, .solutions .sol-group {
    align-content: center;
    display: flex
}

.font-condensed, .list-square li, body section li, p {
    font-family: "Franklin Gothic Book Normal","Franklin Gothic Regular",Helvetica,Arial
}

@font-face {
    font-family: 'Franklin Gothic Regular';
    font-style: normal;
    font-weight: 400;
    src: url(/Areas/GCD/Assets/fonts/carbondrive/franklin-gothic-demi-regular.ttf) format("truetype")
}

@font-face {
    font-family: 'Franklin Gothic Book Normal';
    font-style: normal;
    font-weight: 400;
    src: url(/Areas/GCD/Assets/fonts/carbondrive/franklin-gothic-book-regular.ttf) format("truetype")
}

@font-face {
    font-family: 'Franklin Gothic Black';
    font-style: normal;
    font-weight: 400;
    src: url(/Areas/GCD/Assets/fonts/carbondrive/franklin-gothic-heavy-regular.ttf) format("truetype")
}

html {
    scroll-behaviour: smooth
}

.text-black, body {
    color: #000
}

h4 {
    font-size: 20px;
    margin-bottom: 0
}

h1 {
    font-size: 55px;
    margin-bottom: 32px
}

.c-head h1, .c-head h2, .c-head h3, h3 {
    margin-bottom: 30px
}

h3 {
    font-size: 24px
}

p {
    font-size: 14px;
    line-height: 1.6
}

.c-head h1 {
    font-size: 25px
}

.c-head h2 {
    font-size: 22px
}

.c-head h3 {
    font-size: 20px
}

.c-head h5 {
    font-size: 14px;
    margin-bottom: 5px
}

.c-banner, .c-head .c-head--hr span, .position-relative {
    position: relative
}

    .c-head .c-head--hr span::before {
        content: "";
        position: absolute;
        height: 3px;
        border-bottom: 3px solid #22ade7;
        top: 13px;
        width: 100%;
        right: 100%;
        margin-right: 30px
    }

.list-link li a, .text-blue {
    color: #41b6e6
}

.scrollTop a, .text-white {
    color: #fff
}

.text-dark-grey {
    color: #4d4d4d
}

.font-black {
    font-family: "Franklin Gothic Black","Franklin Gothic Regular",Helvetica,Arial
}

.c-card .c-card__name, .cta, .font-regular, .list-dot li b, .list-link li, .list-square li b {
    font-family: "Franklin Gothic Regular",Helvetica,Arial
}

.p-0 {
    padding: 0 !important
}

.pl-0 {
    padding-left: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.p-15 {
    padding: 15px
}

.pt-10 {
    padding-top: 10px
}

.pb-10 {
    padding-bottom: 10px
}

.pl-10 {
    padding-left: 10px
}

.pr-10 {
    padding-right: 10px
}

.p-50, .row-2column-f-w .column__left .desc {
    padding: 50px
}

.pt-20 {
    padding-top: 20px
}

.pb-20 {
    padding-bottom: 20px
}

.list-dot, .m-0 {
    margin: 0
}

.ml-0 {
    margin-left: 0 !important
}

.ml-auto, .mx-auto {
    margin-left: auto !important
}

.mr-0 {
    margin-right: 0 !important
}

.mr-auto, .mx-auto {
    margin-right: auto !important
}

#HomeVideo, .mt-0 {
    margin-top: 0 !important
}

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

.mt-60 {
    margin-top: 60px !important
}

.mt-50 {
    margin-top: 50px !important
}

.mt-20 {
    margin-top: 20px !important
}

.mt-10 {
    margin-top: 10px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.mb-20 {
    margin-bottom: 20px
}

.mb-50 {
    margin-bottom: 50px
}

.mt-auto {
    margin-top: auto !important
}

.mb-auto {
    margin-bottom: auto !important
}

.section-p, .section-py50, .vehicles, section.contact {
    padding: 50px 0
}

.section-py0-top {
    padding-top: 0px !important;
}

.section-py0-bottom {
    padding-bottom: 0px !important;
}

.section-py100 {
    padding: 100px 0
}

.v-block-one-column .container-block, .w-lg-75 {
    margin: auto
}

.c-banner .c-banner--overlayhead h2, .cta {
    margin-bottom: 0
}

.h-100 {
    height: 100%
}

.d-flex {
    display: flex
}

.align-items-center {
    align-items: center
}

.justify-content-center {
    justify-content: center
}

.flex-column {
    flex-direction: column
}

.flex-row {
    flex-direction: row
}

.box-shadow {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.75);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.75);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.75)
}

.box-shadow-2 {
    -webkit-box-shadow: 0 6px 15px 0 rgb(0 0 0 / 25%);
    -moz-box-shadow: 0 6px 15px 0 rgb(0 0 0 / 25%);
    box-shadow: 0 6px 15px 0 rgb(0 0 0 / 25%)
}

.c-video video {
    width: 100%;
    max-height: 450px;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.c-banner .c-banner--overlayhead {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.carousel-inner img {
    width: 100%
}

img {
    max-width: 100%
}

.z-index-1 {
    z-index: 1
}

.texture-top-right {
    background: url('/Areas/GCD/Assets/images/topographic-topright.png') right top no-repeat
}

.texture-top-left {
    background: url('/Areas/GCD/Assets/images/topographic-topleft.png') left top no-repeat
}

.texture-top-right2 {
    background: url("/Areas/GCD/Assets/images/topographic-topright.png") right top no-repeat
}

.texture-top-center {
    background: url("/Areas/GCD/Assets/images/topographic-topcenter.png") no-repeat
}

.texture-bottom-center {
    background: url("/Areas/GCD/Assets/images/topographic-bottomcenter.png") left bottom no-repeat
}

.skew-img {
    background: url("/Areas/GCD/Assets/images/white-skew-img.png") left bottom/100% 100% no-repeat
}

.bg-blue-left-top-bottom {
    background: url("/Areas/GCD/Assets/images/bg-blue-top-bottom.png") 0 0/500px 100% no-repeat
}

.bg-blue-left-bottom-top {
    background: url("/Areas/GCD/Assets/images/bg-blue-bottom-top.png") 0 0/500px 100% no-repeat
}

.bg-blue-right-top-bottom {
    background: url("/Areas/GCD/Assets/images/bg-blue-right-top-bottom.png") right bottom/500px 100% no-repeat
}

.bg-blue-right-bottom-top {
    background: url("/Areas/GCD/Assets/images/bg-blue-right-bottom-top.png") right top/500px 100% no-repeat
}

.bg-dark-gradient {
    background: #242122;
    background: linear-gradient(180deg,#242122 39%,#4d4d4d 100%)
}

.bg-dark-gradient-l-r {
    background: #242122;
    background: linear-gradient(260deg,#242122 58%,#4d4d4d 100%)
}

.bg-dark-gray {
    background-color: #4d4d4d
}

.bg-gray-mob-white, .bg-light-gray {
    background-color: #e5e5e5
}

.bg-blue {
    background-color: #2782b8
}

.bg-bottom--blue {
    background: linear-gradient(0,#2782b8 50%,#fff 50%);
    padding-bottom: 50px
}

.cta-blue, .cta-blue--outline:hover {
    background-color: #41b6e6;
    color: #fff
}

.bg-bottom--blue img {
    box-shadow: 3px 2px 5px 0 #4d4d4d
}

.bgs--contain {
    background-size: unset
}

.bgs--cover {
    background-size: cover
}

.c-card {
    position: relative;
    z-index: 3;
    overflow: hidden
}

    .c-card .c-card__img > img {
        max-height: 333px
    }

    .c-card .c-card__name {
        height: 60px;
        padding: 15px;
        color: #000;
        font-size: 16px
    }

.row-2column-f-w {
    display: flex;
    align-items: center;
    justify-content: center
}

    .row-2column-f-w .column, .row-2column-f-w .column__left, .row-2column-f-w .column__right {
        width: 50%
    }

    .row-2column-f-w .highlgt {
        margin: 30px 0
    }

.v-block-one-column {
    padding: 50px 0 20px
}

    .v-block-one-column .yt-embed {
        margin: 30px 0;
        -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
        -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
        box-shadow: 0 0 10px 0 rgba(0,0,0,.5)
    }

section.solutions {
    padding-top: 20px;
    position: relative;
    overflow: hidden
}

.bg-white-skew {
    position: absolute
}

.cta {
    display: inline-block;
    font-weight: 400;
    vertical-align: middle;
    touch-action: manipulation;
    border: 1px solid transparent;
    padding: 12px 20px;
    font-size: 16px;
    line-height: 1.42857;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    transition: .35s ease-in-out
}

.cta-blue, .cta-blue--outline {
    border: 1px solid #41b6e6
}

.cta-blue--outline {
    background-color: transparent;
    color: #41b6e6;
    min-width: 200px
}

section.solutions h1 {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.solutions .sol-group {
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    margin-left: -15px;
    margin-right: -15px;
    z-index: 10;
    position: relative
}

.solutions .sol-item {
    width: 33.33%;
    padding: 15px;
    flex: 1
}

    .solutions .sol-item .solution {
        padding: 15px 15px 15%;
        height: 100%;
        transition: .35s ease-in-out
    }

        .solutions .sol-item .solution h5 {
            font-size: 18px;
            transition: .35s ease-in-out
        }

    .solutions .sol-item ul {
        list-style-type: none;
        margin: 15px 0 0;
        padding-left: 15px
    }

        .solutions .sol-item ul li {
            position: relative;
            color: #fff;
            margin-bottom: 8px;
            line-height: 20px;
            font-size: 14px;
            transition: .35s ease-in-out
        }

            .solutions .sol-item ul li::before {
                content: "";
                width: 9px;
                height: 12px;
                position: absolute;
                left: -15px;
                top: 48%;
                transform: translateY(-50%);
                background: #41b6e6
            }

.solutions .sol-group.c-flex {
    align-items: stretch
}

.c-flex {
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap
}

.vehicles .img-group .img {
    width: 20%;
    text-align: center
}

    .vehicles .img-group .img img {
        max-height: 230px
    }

    .vehicles .img-group .img.right {
        text-align: right
    }

    .vehicles .img-group .img.left {
        text-align: left
    }

.vehicles .img-group.w-container .img {
    width: 25%
}

.engg {
    padding: 50px 0 0
}

    .engg .desc {
        width: 90%;
        margin: auto
    }

    .engg .map-img {
        position: relative;
        z-index: 1;
        padding-top: 20px
    }

    .engg .map-img__bg {
        background: url("/Areas/GCD/Assets/images/topographic-topright.png") right top no-repeat #fff;
        z-index: 0;
        position: absolute;
        width: 100%;
        right: 0;
        bottom: -25px;
        height: 140px
    }

    .engg .img-content, section.contact {
        position: relative;
        z-index: 1
    }

    .engg .image {
        background: #fff;
        padding: 20px;
        box-shadow: 0 0 20px rgb(0 0 0 / 30%)
    }

    .engg .img-content .img {
        position: absolute;
        padding: 20px;
        box-shadow: 0 0 10px rgba(0,0,0,.35)
    }

.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap
}

.list-link, .list-link li, .list-square {
    margin: 0;
    list-style: none;
    padding: 0
}

    .list-dot li, .list-square li {
        margin: 0 0 10px;
        position: relative;
        transition: .35s
    }

    .list-square li {
        padding-left: 35px;
        font-size: 16px
    }

        .list-square li::before {
            content: "";
            background-color: #41b6e6;
            width: 13px;
            height: 13px;
            top: 6px;
            left: 0;
            position: absolute
        }

    .list-link li {
        font-size: 16px;
        color: #41b6e6
    }

        .list-link li a:hover {
            color: #41b6e6;
            text-decoration: underline
        }

.home #home-carousel .carousel-inner > .item .carousel-caption .btn-primary {
    width: auto;
    font-size: 23px;
    padding: 10px 15px
}

.list-dot li {
    font-size: 17px;
    font-family: "franklin gothic book regular",Helvetica,Arial
}

    .list-dot li b {
        margin-bottom: 10px
    }

.list-dot ul li {
    list-style-type: disc
}

.scrollTop {
    position: fixed;
    right: 5%;
    bottom: 25px;
    padding: 20px;
    opacity: 1;
    transition: .4s ease-in-out;
    z-index: 999999
}

@media(max-width:991.99px) {
    .v-block-one-column {
        padding: 50px 0 0
    }

    .home #home-carousel .carousel-inner > .item .carousel-caption {
        top: 40%;
        -webkit-transform: translateY(-40%);
        -ms-transform: translateY(-40%);
        transform: translateY(-40%)
    }

    .texture-m-d {
        background: url("/Areas/GCD/Assets/images/topographic-complete.png") no-repeat
    }

    .g-engg-block {
        padding-top: 40px
    }

    .bg-hidden-mob {
        background: 0
    }

    .bg-gray-mob-white {
        background-color: #fff
    }
}

@media(max-width:767.99px) {
    .c-card {
        display: flex;
        align-items: center;
        border-top: 1px solid #e6e6e6
    }

    .card-block {
        background-color: #fff
    }

        .card-block .card:last-child .c-card {
            border-bottom: 1px solid #e6e6e6
        }

        .card-block.bg-light-gray .card .c-card {
            border-top: 1px solid #666
        }

        .card-block.bg-light-gray .card:last-child .c-card {
            border-bottom: 1px solid #666
        }

    .row-2column-f-w {
        flex-direction: column
    }

        .row-2column-f-w .column, .row-2column-f-w .column__left, .row-2column-f-w .column__right {
            width: 100%
        }

    p {
        font-size: 14px
    }

    .section-p, .section-py100, .section-py50 {
        padding: 20px 0
    }

    .home #home-carousel .carousel-inner > .item .carousel-caption {
        top: 30%;
        -webkit-transform: translateY(-30%);
        -ms-transform: translateY(-30%);
        transform: translateY(-30%)
    }

    .list-square {
        margin-left: 20px
    }

    .g-engg-block {
        padding-top: 0
    }
}

@media(max-width:640px) {
    .solutions .sol-group {
        flex-direction: column
    }

    .solutions .sol-item {
        width: 100%
    }
}

@media(min-width:100px) {
    .c-card .c-card__img {
        width: 30%;
        padding: 15px
    }

    .c-card .c-card__name {
        height: auto;
        padding: 15px 0;
        color: #000;
        font-size: 16px;
        width: 69.99997%;
        font-family: "Franklin Gothic Black"
    }

    .v-block-one-column .container-block .c-head, .v-block-one-column .container-block p {
        width: 80%;
        margin: auto
    }

    .engg .map-img {
        padding-top: 20px
    }
}

@media(min-width:375px) {
    .c-head h1 {
        font-size: 30px
    }

    .c-head h2 {
        font-size: 25px
    }

    .c-head h3 {
        font-size: 22px
    }

    .c-head h5 {
        font-size: 16px
    }

    .engg .map-img__bg {
        height: 156px
    }
}

@media(min-width:425px) {
    .c-head h1 {
        font-size: 35px
    }

    .c-head h2 {
        font-size: 30px
    }

    .c-head h3 {
        font-size: 25px
    }

    .c-head h5 {
        font-size: 18px
    }

    .engg .map-img__bg {
        height: 180px
    }
}

@media(min-width:540px) {
    .c-head h1 {
        font-size: 42px
    }

    .c-head h2 {
        font-size: 30px
    }

    .c-head h3 {
        font-size: 25px
    }

    .c-head h5 {
        font-size: 22px
    }

    .engg .map-img__bg {
        height: 238px;
        bottom: -42px
    }
}

@media(min-width:640px) {
    .c-head h1 {
        font-size: 50px
    }

    .c-head h2 {
        font-size: 40px
    }

    .c-head h3 {
        font-size: 30px
    }

    .c-head h5 {
        font-size: 28px
    }

    .engg .map-img__bg {
        height: 285px
    }
}

@media(min-width:768px) {
    .bg-blue-abs50, .bg-grey-abs, .c-card {
        position: relative
    }

    .c-head h1 {
        font-size: 55px
    }

    .c-head h2 {
        font-size: 45px
    }

    .c-head h3 {
        font-size: 35px
    }

    .c-head h2 span::before {
        display: none
    }

    .c-head .c-head--hr span::before {
        display: block;
        top: 27px
    }

    .c-head h5 {
        font-size: 30px;
        margin-bottom: 0
    }

    p {
        font-size: 16px;
        line-height: 1.4
    }

    .c-card {
        z-index: 3;
        overflow: hidden
    }

        .c-card .c-card__img {
            width: 100%;
            padding: 0
        }

        .c-card .c-card__name {
            font-family: "Franklin Gothic Regular",Helvetica,Arial;
            height: 60px;
            padding: 15px;
            background: rgba(0,0,0,.7);
            color: #fff;
            font-size: 16px;
            text-align: center;
            position: absolute;
            bottom: 0;
            width: 100%;
            transition: .3s ease-in-out
        }

    .engg .map-img, .resource-img {
        padding-top: 40px
    }

    .c-card:hover .c-card__img {
        transform: scale(1.2);
        transition: .3s ease-in-out;
        cursor: pointer
    }

    .c-card:hover .c-card__name {
        background: #000
    }

    .v-block-one-column .container-block {
        max-width: 768px
    }

    .solutions .sol-item .solution {
        padding: 20px 20px 40%
    }

        .solutions .sol-item .solution h5 {
            font-size: 20px
        }

    .solutions .sol-item ul li {
        font-size: 15px
    }

    .engg .map-img__bg {
        height: 340px
    }

    .card-block .card {
        padding: 15px;
        height: 360px
    }

    .bg-blue-abs50::after, .bg-grey-abs::after {
        content: " ";
        position: absolute;
        height: 100%;
        left: 0;
        z-index: 0;
        display: block;
        width: 100%
    }

    .bg-grey-abs::after {
        background-color: #e5e5e5;
        max-height: 200px;
        bottom: 0
    }

    .bg-blue-abs50::after {
        background-color: #41b6e6;
        max-height: 60%;
        top: 20%
    }

    .w-md-780 {
        max-width: 780px
    }

    .mx-md-auto {
        margin: 0 auto
    }

    .resource-img {
        display: block
    }

    .w-sm-100 {
        width: 100%
    }
}

@media(min-width:992px) {
    .c-navbar .navbar-nav .dropdown:hover .dropdown-menu, .c-navbar .navbar-nav > li.dropdown.active > .dropdown-menu {
        transition: .3s ease-in-out;
        opacity: 1;
        visibility: visible;
        height: 60px
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .c-navbar .navbar-nav .dropdown .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        height: 0;
        transition: .3s ease-in-out
    }

    .c-navbar .c-navbar__collapse, .c-navbar .navbar-header {
        width: calc(100% - 15px);
        margin: auto
    }

        .c-navbar .c-navbar__collapse .navbar-nav {
            float: right;
            clear: right
        }

    .c-navbar .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        border: 2px solid transparent;
        border-radius: 5px
    }

        .c-navbar .navbar-nav > li > a:hover {
            border: 2px solid #4d4d4d
        }

        .c-navbar .navbar-nav > li > a.active {
            border: 2px solid #000
        }

    .c-navbar .nav > li {
        padding-bottom: 10px
    }

        .c-navbar .nav > li, .c-navbar .nav > li > a {
            position: static
        }

    .c-navbar .navbar-nav > li > .dropdown-menu {
        width: 100%;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        float: left;
        text-align: right;
        min-width: 160px;
        padding: 10px 0;
        margin: 0;
        font-size: 14px;
        list-style: none;
        background-color: #f2f2f2;
        border: 0;
        border-radius: 0;
        -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
        box-shadow: 0 6px 12px rgb(0 0 0 / 18%)
    }

    .c-navbar .navbar-nav .dropdown .dropdown-menu > li {
        display: inline-block;
        margin: 0 20px
    }

    .c-navbar .navbar-nav li:last-child, .mr-md-0 {
        margin-right: 0
    }

    .c-navbar .search-mob {
        display: none !important
    }

    .c-navbar .navbar-nav li {
        margin-right: 50px
    }

    .c-navbar .navbar-nav > li.dropdown.active > .dropdown-menu {
        z-index: 999
    }

    .navbar-default .navbar-nav > li.dropdown.active > a, .navbar-default .navbar-nav > li.dropdown.active > a:focus, .navbar-default .navbar-nav > li.dropdown.active > a:hover {
        color: #333;
        background-color: #fff
    }

    .c-head h1 {
        font-size: 65px
    }

    .c-head h2 {
        font-size: 50px
    }

    .c-head h3 {
        font-size: 40px
    }

    .c-head h5 {
        font-size: 35px
    }

    .c-card .c-card__name {
        font-size: 18px
    }

    .v-block-one-column .container-block {
        max-width: 970px
    }

    .solutions .sol-item .solution {
        padding: 25px
    }

        .solutions .sol-item .solution h5 {
            font-size: 25px
        }

    .solutions .sol-item ul li {
        font-size: 16px
    }

    .solutions .skew-img {
        margin-top: 30px
    }

    .engg .map-img, .g-engg-block--img {
        padding-top: 50px
    }

    .engg .map-img__bg {
        height: 465px;
        bottom: -100px
    }

    section.solutions {
        padding-top: 90px
    }

    .row.equal {
        display: flex;
        flex-wrap: wrap
    }

    .home #home-carousel .carousel-inner > .item .carousel-caption {
        top: 45%;
        -webkit-transform: translateY(-45%);
        -ms-transform: translateY(-45%);
        transform: translateY(-45%)
    }

    .pl-md-0 {
        padding-left: 0
    }

    .pr-md-0 {
        padding-right: 0
    }

    .ml-md-0 {
        margin-left: 0
    }

    .mt-md-60 {
        margin-top: 60px
    }

    .w-md-100 {
        width: 100%
    }

    .box-shadow-md-mb10 {
        margin-bottom: 10px;
        -webkit-box-shadow: 0 6px 4px 0 rgba(0,0,0,.1);
        -moz-box-shadow: 0 6px 4px 0 rgba(0,0,0,.1);
        box-shadow: 0 6px 4px 0 rgba(0,0,0,.1)
    }

    .c-navbar .navbar-header {
        margin-bottom: 10px
    }

    .list-square li {
        margin-bottom: 20px
    }

    .texture-m-d {
        background: url("/Areas/GCD/Assets/images/topographic-complete.png") left top no-repeat
    }

    .g-engg-block {
        padding-top: 100px
    }

    .section-p, .section-py100, .section-py50 {
        padding: 30px 0
    }

    .overlap-div {
        margin-top: -200px;
        padding-top: 300px !important
    }

    #motobrands-banner-image {
        background: url(/Areas/GCD/Assets/images/moto-brands.png) top right/100% no-repeat;
        position: absolute;
        width: 34vw;
        height: 522px;
        max-height: 100%;
        top: 169px;
        right: 5vw;
        overflow: hidden
    }

    .combined-top {
        padding-top: 150px;
        position: relative
    }

        .combined-top .combined-section {
            position: absolute;
            left: 50%;
            transform: translate(-50%,-50%)
        }

    .combined-overlap > img {
        max-height: 550px;
        object-fit: cover
    }

    .container-absolute {
        position: absolute;
        top: 50px;
        left: 125px
    }
}

@media(min-width:1024px) {
    .c-navbar .c-navbar__collapse, .c-navbar .navbar-header {
        width: calc(100% - 30px)
    }

    .c-navbar .navbar-nav li {
        margin-right: 60px
    }

    .c-navbar .navbar-nav .dropdown .dropdown-menu > li {
        margin: 0 30px
    }

    .c-head h1 {
        font-size: 70px
    }

    .c-head h2 {
        font-size: 55px
    }

    .c-head h3 {
        font-size: 45px
    }

    .c-card .c-card__name {
        font-size: 20px
    }

    .v-block-one-column .container-block .c-head, .v-block-one-column .container-block p {
        width: 100%
    }

    .solutions .sol-item .solution {
        padding: 30px
    }

    .section-p, .section-py100, .section-py50 {
        padding: 40px 0
    }
}

@media(min-width:1200px) {
    .c-navbar .c-navbar__collapse, .c-navbar .navbar-header {
        width: calc(100% - 100px)
    }

    .c-navbar .navbar-nav li {
        margin-right: 100px
    }

    .c-search {
        width: 270px
    }

    .c-infoicons li, .c-socialicons {
        margin-right: 40px
    }

        .c-infoicons li:last-child {
            margin-right: 55px
        }

    .c-navbar .navbar-nav .dropdown .dropdown-menu > li {
        margin: 0 50px
    }

        .c-navbar .navbar-nav .dropdown .dropdown-menu > li:first-child {
            margin-left: 65px
        }

        .c-navbar .navbar-nav .dropdown .dropdown-menu > li:last-child {
            margin-right: 65px
        }

    .c-head h1 {
        font-size: 80px
    }

    .c-head h2 {
        font-size: 60px
    }

    .c-head h3 {
        font-size: 50px
    }

    .v-block-one-column .container-block {
        max-width: 1000px
    }

    .solutions .sol-item .solution {
        padding: 45px
    }

    .row-2column-f-w .column__left .desc {
        max-width: 585px;
        margin-left: auto
    }

    .engg .map-img__bg {
        bottom: -15%;
        height: 576px
    }

    .section-p, .section-py50 {
        padding: 50px 0
    }

    .section-py100 {
        padding: 100px 0
    }

    .w-lg-75 {
        width: 100%
    }

    .home #home-carousel .carousel-inner > .item .carousel-caption {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .bg-blue-left-bottom-top, .bg-blue-left-top-bottom {
        background-size: 650px 100%
    }
}

@media(min-width:1400px) {
    .bg-blue-left-bottom-top, .bg-blue-left-top-bottom {
        background-size: 750px 100%
    }
}