.check-list li {
    display: table
}

    .check-list li i {
        display: table-cell;
        padding-right: 5px
    }
.nissuslist-group {
    padding-left: 0;
    margin-bottom: 1px;
}

.para-div {
    padding: 0 50px
}

@media screen and (max-width:600px) {
    .para-div {
        padding: 0 10px
    }
}

@media screen and (max-width:400px) {
    .image-bg h2 {
        font-size: 24px;
        font-weight: 500;
        line-height: 30px
    }

    .image-bg h3 {
        font-size: 15px;
        line-height: 25px;
        margin-bottom: 15px
    }

    .image-bg hr {
        margin-bottom: 15px
    }
}

@media screen and (max-width:450px) and (min-width:401px) {
    .image-bg h2 {
        font-size: 25px;
        line-height: 35px;
        letter-spacing: 2px
    }
}

.image-bg hr {
    border-color: #fff;
    opacity: 1;
    width: 30%;
    margin-left: auto;
    margin-right: auto
}

.image-bg h3 {
    padding-bottom: 0
}

.rwd-line {
    display: block
}

.product-section {
    background-color: rgba(41,41,41,.05)
}

.overlay:before {
    opacity: .8 !important
}

.mb10 {
    margin-bottom: 10px
}

.mb20 {
    margin-bottom: 20px
}

section {
    padding: 54px 0
}

.menu li ul {
    background: #fff
}

.menu > li > ul li a {
    color: #292929
}

.menu li a {
    opacity: .7
}

.mega-menu .title {
    color: #292929
}

.row {
    margin-right: 0;
    margin-left: 0
}

.btn {
    margin-bottom: 0;
    border-radius: 6px !important
}

.bg-light {
    background-color: #fff
}

    .bg-light .btn:visited:hover {
        color: #fff
    }

    .bg-light .btn {
        border-color: #47b475;
        color: #47b475
    }

.main-background {
    background: linear-gradient(rgba(255,255,255,0.4),white),url("../img/Abstract-background-4.jpg") no-repeat top;
    background-size: cover
}

.nav-bar {
    border-bottom: none !important
}

.panel {
    background-color: F0CC35;
    color: #fff;
    text-align: center;
    position: absolute;
    width: 41%;
    height: 250px;
    top: 50%;
    left: 48%;
    margin: -200px 0 0 -250px;
    padding: 20px;
    border-radius: 4px;
    box-sizing: border-box;
    z-index: 100
}

.CONTAINER {
    position: relative;
    max-width: 450px;
    margin: 0 auto;
    padding: 0 15px;
    text-align: center
}

.particle-panel {
    top: 25%;
    width: 100%;
    height: 500px;
    position: absolute;
    color: #fff;
    text-align: center
}

.menu > li {
    z-index: 9999
}

@media screen and (max-width:767px) {
    #main-img {
        display: none
    }

    #blockchain-projects-icon-text {
        font-size: 12px;
        letter-spacing: 1px;
        line-height: 18px
    }

    .xs-text-center {
        text-align: center
    }
}

@media screen and (min-width:768px) {
    #main-imgmobile {
        display: none
    }

    #mainscreen-bottom-lefticon {
        padding-right: 50px
    }

    #mainscreen-bottom-righticon {
        padding-left: 50px
    }

    .v-align-center {
        display: flex;
        align-items: center;
        flex-direction: row
    }
}

#geotri {
    width: 100%;
    height: 500px
}

#colorblack {
    color: #292929
}

#errormsg {
    visibility: none
}

#successmsg {
    visibility: none
}

.ui-dialog {
    top: 50px !important
}

#op-img {
    width: 100%;
    object-fit: contain
}

@media screen and (max-width:767px) {
    #op-img {
        content: url(../img/headermobile.jpg)
    }
}

@media screen and (min-width:768px) {
    #op-img {
        content: url(../img/headerweb.jpg)
    }
}

@media(max-width:767px) {
    .ui-dialog {
        width: 100% !important
    }
}

@media(min-width:768px) {
    .ui-dialog {
        width: 50% !important
    }

    /
}

.mega-menu > li > ul > li > a {
    line-height: 110%;
    text-transform: capitalize;
}

.has-dropdown > ul > li > a {
    line-height: 110%;
    text-transform: capitalize;
}

@media (max-width:767px) {
    .map-holder {
        width: 100% !important;
        zoom: .8
    }
}

@media(min-width:768px) {
    .map-holder {
        width: 100% !important;
        zoom: 1
    }
}

@media only screen and (min-width:768px) {
    .is-table-row {
        display: table
    }

        .is-table-row [class*=col-] {
            float: none;
            display: table-cell;
            vertical-align: middle
        }
}

.overlay:before {
    opacity: .2
}

@media screen and (max-width:767px) {
    #about-img {
        display: none
    }
}

@media screen and (min-width:768px) {
    #about-imgmobile {
        display: none
    }
}

.footer-link > a {
    font-weight: lighter !important
}

#onTop {
    display: none;
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: transparent;
    color: #fff;
    cursor: pointer;
    border-radius: 50px;
    width: 50px !important;
    height: 50px !important
}

    #onTop span {
        color: #47b475;
        margin: 0;
        position: absolute;
        left: 16px;
        top: 13px;
        font-size: 19px;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease
    }

    #onTop:hover span {
        color: #47b475;
        top: 5px
    }

.quotes {
    display: none
}

.vertical-align {
    display: flex;
    flex-direction: row
}

    .vertical-align > [class^=row], .vertical-align > [class*=" row"] {
        display: flex;
        align-items: center;
        justify-content: center
    }

.widget {
    margin-bottom: 20px
}
.past-projects-icon {
    background-color: ##F2F2F2;
    width: 180px;
    height: 180px;
    border-radius: 10%;
    padding: 10px;
    margin-bottom: 25px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease
}
.past-projects-icon1 {
    background-color: ##F2F2F2;
    width: 180px;
    height: 80px;
    border-radius: 0%;
    padding: 10px;
    margin-bottom: 25px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease
}
.blockchain-projects-icon {
    background-color: #4e57a6;
    width: 80px;
    height: 80px;
    border-radius: 0%;
    padding: 10px;
    margin-bottom: 25px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease
}

.blockchain-projects-shadow {
    padding-top: 15px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease
}

    .blockchain-projects-shadow:hover {
        transform: scale(1.05,1.05);
        box-shadow: 0 0 5px #d4d4d4;
        background-color: rgba(248,248,248,.5)
    }

#other-projects-icon {
    background-color: #4e57a6;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    padding: 10px;
    margin-bottom: 20px
}

.feature {
    margin-bottom: 50px
}

@media(min-width:768px) {
    .feature-3 {
        min-height: 0
    }
}

nav.transparent {
    border: none !important;
    border-left: 0 solid rgba(255,255,255,.2) !important
}

    nav.transparent .module.widget-handle {
        border-left: 0 solid rgba(255,255,255,.2) !important
    }

.module.widget-handle {
    border: none !important;
    border-left: 0 solid rgba(255,255,255,.2) !important
}

.menu > li > a {
    color: #000000 !important;
    opacity: 1 !important
}

.ti-menu:before {
    color: #000
}

nav.transparent .has-dropdown:after {
    color: #292929
}

.pt300 {
    padding-top: 300px
}

.pt430 {
    padding-top: 430px
}

h3 {
    padding-bottom: 30px
}

.module {
    padding: 0
}

.module-social {
    padding-left: 32px
}

.inNewsLogo {
    filter: grayscale(100%);
    transition: all .3s ease
}

    .inNewsLogo:hover {
        filter: grayscale(0%)
    }

.onMobile {
    display: none
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    .section-lading {
        height: 90vh
    }

    .section-lading-logo {
        bottom: 10px;
        position: absolute
    }

    .quotes {
        font-size: 25px;
        letter-spacing: 2px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
    .section-lading {
        height: 90vh
    }

    .section-lading-logo {
        bottom: 0;
        position: absolute;
        padding-left: 20px;
        padding-right: 20px
    }

    .quotes {
        font-size: 25px;
        letter-spacing: 2px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    .section-lading {
        height: 90vh
    }

    .section-lading-logo {
        bottom: 10px;
        position: absolute
    }

    .quotes {
        font-size: 25px;
        letter-spacing: 2px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
    .section-lading {
        height: 90vh
    }

    .section-lading-logo {
        bottom: 0;
        position: absolute;
        padding-left: 50px;
        padding-right: 50px
    }

    .quotes {
        font-size: 25px;
        letter-spacing: 2px
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    .section-lading {
        height: 90vh
    }

    .section-lading-logo {
        bottom: 10px;
        position: absolute
    }

    .quotes {
        font-size: 25px;
        letter-spacing: 2px
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
    .section-lading {
        height: 90vh
    }

    .section-lading-logo {
        bottom: 0;
        position: absolute;
        padding-left: 70px;
        padding-right: 70px
    }

    .quotes {
        font-size: 25px;
        letter-spacing: 2px
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait) {
    .section-lading {
        height: 90vh
    }

    .section-lading-logo {
        bottom: 10px;
        position: absolute
    }

    .quotes {
        font-size: 25px;
        letter-spacing: 2px
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape) {
    .section-lading {
        height: 90vh
    }

    .section-lading-logo {
        bottom: 0;
        position: absolute;
        padding-left: 100px;
        padding-right: 100px
    }

    .quotes {
        font-size: 30px;
        letter-spacing: 2px
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait) {
}

@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape) {
    .section-lading {
        height: 90vh
    }

    .section-lading-logo {
        bottom: 0;
        position: absolute;
        padding-left: 50px;
        padding-right: 50px
    }

    .quotes {
        font-size: 30px;
        letter-spacing: 2px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) {
    .section-lading {
        height: 70vh
    }

    .section-lading-logo {
        bottom: 10px;
        position: absolute
    }

    .quotes {
        font-size: 30px;
        letter-spacing: 3px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1) {
    .section-lading {
        height: 80vh
    }

    .section-lading-logo {
        bottom: 0;
        position: absolute;
        padding-left: 50px;
        padding-right: 50px
    }

    .quotes {
        font-size: 40px;
        letter-spacing: 2px
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .section-lading {
        height: 70vh
    }

    .section-lading-logo {
        bottom: 10px;
        position: absolute
    }

    .quotes {
        font-size: 40px;
        letter-spacing: 3px;
        line-height: 60px
    }
}

@media only screen and (min-device-width:1366px) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .section-lading {
        height: 80vh
    }

    .section-lading-logo {
        bottom: 0;
        position: absolute;
        padding-left: 50px;
        padding-right: 50px
    }

    .quotes {
        font-size: 55px;
        letter-spacing: 3px;
        line-height: 70px
    }
}

@media screen and (min-device-width:1024px) and (max-device-width:1440px) and (-webkit-min-device-pixel-ratio:2) {
    .section-lading {
        height: 100vh
    }

    .section-lading-logo {
        bottom: 0;
        position: absolute;
        padding-left: 50px;
        padding-right: 50px
    }

    .quotes {
        font-size: 40px;
        letter-spacing: 3px;
        line-height: 60px
    }
}

@media screen and (min-device-width:1200px) and (max-device-width:1600px) and (-webkit-min-device-pixel-ratio:1) {
    .section-lading {
        height: 100vh
    }

    .section-lading-logo {
        bottom: 0;
        position: absolute;
        padding-left: 50px;
        padding-right: 50px
    }

    .quotes {
        font-size: 50px;
        letter-spacing: 4px;
        line-height: 60px
    }
}

@media screen and (max-width:320px) {
    .quotes {
        font-size: 25px;
        line-height: 30px
    }

    .section-lading {
        height: 85vh
    }

    .section-lading-logo {
        display: none !important
    }
}

@media(max-width:425px) {
    .onDesktop {
        display: none
    }

    .onMobile {
        display: block
    }
}

@-moz-document url-prefix() {
    .section-lading {
        height: 100vh
    }

    .text-center {
        margin: 0 auto
    }

    .section-lading-logo {
        display: none !important
    }
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .section-lading {
        height: 100vh
    }

    .section-lading-logo {
        display: none !important
    }
}

@media screen\0 {
    .section-lading-logo {
        display: none !important
    }
}

.hiring-badge {
    margin-right: 20px;
    position: relative
}

    .hiring-badge div {
        padding: 0 15px;
        font-size: 14px;
        font-weight: 700;
        background-color: #333f5090;
        border-radius: 5px;
        color: #fff;
        height: 30px;
        display: flex;
        align-items: center
    }

.linkCareers a {
    display: flex;
    align-items: center
}

.linkCareers .hiring-badge {
    margin-left: 15px;
    margin-right: 0
}

    .linkCareers .hiring-badge div {
        padding: 0 10px;
        font-size: 10px;
        font-weight: 400;
        background-color: #333f50;
        height: 20px
    }

@media all and (max-width:990px) {
    .linkHiring {
        display: none !important
    }

    .tooltiptext {
        display: none !important
    }

    .menu > li > ul li a {
        padding: 8px 16px
    }

    .module-social .menu {
        display: inline-flex
    }

        .module-social .menu li {
            width: auto
        }
}

@media all and (min-width:991px) {
    .hiring-badge {
        display: none !important
    }
}

.tooltip {
    position: relative !important;
    display: inline-block
}

    .tooltip .tooltiptext {
        font-size: 10px;
        visibility: visible;
        width: 120px;
        background-color: #333f50;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        top: 80%;
        left: 60%;
        margin-left: -70px
    }

        .tooltip .tooltiptext::after {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent #333f50 transparent
        }

    .tooltip:hover .tooltiptext {
        visibility: visible
    }

.scrolled .tooltip .tooltiptext {
    visibility: hidden
}

.angellist_jobs-tags {
    color: #999;
    font-size: 14px;
    text-decoration: none
}

.angellist_jobs-title-link, .angellist_jobs-title-link:hover, .angellist_jobs-title-link:visited, .angellist_jobs-title-link:active {
    font-weight: 600 !important;
    color: #4141f2 !important
}

.btn-letsTalk {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 99;
    background: #47b475;
    padding: 8px 15px;
    border-radius: 10px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    user-select: none;
    opacity: 1;
    transition: all .3s ease
}

    .btn-letsTalk:hover {
        bottom: 15px
    }

    .btn-letsTalk.active {
        bottom: -50px
    }

.container-letsTalk, .container-status {
    position: fixed;
    z-index: 99;
    background: #fff;
    bottom: -100%;
    right: 10px;
    width: 300px;
    border-radius: 6px;
    height: auto;
    overflow: hidden;
    box-shadow: 0 0 15px 0 #00000030;
    transition: all .3s ease .3s
}

.container-status {
    height: 300px
}

.status-success, .status-error {
    background: #47b475;
    height: 100%;
    padding-top: 50px;
    text-align: center;
    position: relative;
    display: none
}

.status-error {
    background: #e8272b
}

.btn-done, .btn-tryAgain {
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px 0;
    border-top: 1px solid #ffffff50
}

.container-letsTalk.active, .container-status.active {
    bottom: 10px
}

.head-letsTalk {
    background: #333f50;
    padding: 15px;
    display: flex;
    justify-content: space-between
}

    .head-letsTalk .close {
        float: right;
        color: #fff;
        opacity: .7
    }

        .head-letsTalk .close:hover {
            opacity: 1
        }

    .head-letsTalk .title {
        color: #fff;
        margin: 0
    }

.body-letsTalk {
    padding: 15px;
    font-family: open sans,helvetica neue,Helvetica,Arial,sans-serif
}

    .body-letsTalk input {
        background: #f5f5f5;
        border: none;
        width: 100%;
        height: 30px;
        padding-left: 20px;
        font-weight: 500;
        margin-bottom: 15px;
        border-radius: 0
    }

    .body-letsTalk button[type=submit] {
        height: 40px;
        line-height: 40px
    }

    .body-letsTalk textarea {
        margin-bottom: 15px
    }

        .body-letsTalk input::placeholder, .body-letsTalk textarea::placeholder {
            font-weight: 500
        }

        .body-letsTalk input.error, .body-letsTalk textarea.error {
            border: 1px solid #e8272b;
            margin-bottom: 5px
        }

        .body-letsTalk input.valid, .body-letsTalk textarea.valid {
            border: 1px solid #47b475
        }

    .body-letsTalk label.error {
        color: #e8272b;
        font-size: 12px;
        margin-bottom: 15px
    }

#frmLetsTalkSubmit {
    transition: all .3s ease
}

    #frmLetsTalkSubmit[disabled] {
        opacity: .5
    }

.certy-color {
    color: #63539d !important
}

.def-color {
    color: #0087be
}

.govblocks-color {
    color: #4e57a6
}

.insurance-color {
    color: #008697
}

.cover .project-card {
    background-color: #fff;
    box-shadow: none
}

    .cover .project-card .project-body p {
        font-size: 14px;
        color: #666;
        margin-bottom: 0
    }

.cover .project-title h4 {
    font-size: 20px
}

.cover .project-card:hover {
    box-shadow: none;
    transform: none
}

.project-card {
    box-shadow: 0 0 4px 1px rgba(212,212,212,.5);
    transition: all .3s ease;
    margin-bottom: 15px
}

    .project-card:hover {
        box-shadow: 0 2px 4px 1px rgba(212,212,212,.5);
        transform: translateY(-2px)
    }

.project-title {
    padding: 10px
}

    .project-title h4 {
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        margin: 0;
        font-size: 20px
    }

.project-body {
    padding: 15px 10px
}

    .project-body p {
        font-size: 14px;
        color: #666;
        margin-bottom: 15px
    }

.project-card.proactive .project-title {
    background-color: #4e57a6
}

.project-card.certy .project-title {
    background-color: #63539d
}

.project-card.def .project-title {
    background-color: #0087be
}

.project-card.insurance .project-title {
    background-color: #008697
}

.cover .quote-card {
    background: #fff;
    box-shadow: none;
    border-radius: 4px;
    overflow: hidden
}

.quote-card {
    box-shadow: 2px 2px 0 2px rgba(212,212,212,.3);
    transition: all .3s ease;
    margin-bottom: 30px
}

    .quote-card .quote-card__quote {
        background-color: #ccc;
        padding: 15px 20px
    }

        .quote-card .quote-card__quote p {
            font-weight: 600;
            font-size: 16px;
            color: #000;
            margin-bottom: 0
        }

    .quote-card .details-wrap {
        padding: 0 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap
    }

        .quote-card .details-wrap .quotedby {
            display: flex;
            align-items: center;
            flex-wrap: wrap
        }

        .quote-card .details-wrap > div {
            margin: 10px 0
        }

        .quote-card .details-wrap .quotedby img {
            border-radius: 50%;
            margin-right: 15px
        }

        .quote-card .details-wrap .quotedby .title {
            font-size: 16px;
            font-weight: 600;
            color: #000;
            margin-bottom: 10px
        }

        .quote-card .details-wrap .quotedby .deg {
            font-size: 12px;
            font-weight: 400;
            color: #000;
            margin-bottom: 0
        }

.frm-certy input {
    border-color: #63539d;
    background: 0 0 !important;
    border-bottom-width: 1px !important;
    border-top-width: 0 !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    display: unset;
    height: 50px;
    width: 250px
}

    .frm-certy input:focus {
        box-shadow: none;
        border-color: #63539d
    }

b, strong {
    font-weight: 600
}

.mega-menu .title {
    line-height: 1.6
}

@media(max-width:767px) {
    .cover.fullscreen .slides li {
        height: 100vh;
        padding: 80px 0
    }

    .cover.fullscreen .container {
        transform: translate3d(0,-50%,0);
        top: 50%
    }

    .text-center-sm {
        text-align: center
    }
}
.list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

@media(max-width:991px) {
    .text-center-md {
        text-align: center
    }

    .mb5-md {
        margin-bottom: 5px
    }
}