/*@import url(https://fonts.googleapis.com/css?family=Montserrat:900|Raleway:400,400i,700,700i);*/
/*** VARIABLES ***/
/* Colors */
/*** EXTEND ***/
/* box-shadow */
ol.gradient-list > li::before, ol.gradient-list > li {
    box-shadow: 0.25rem 0.25rem 0.6rem rgba(0, 0, 0, 0.05), 0 0.5rem 1.125rem rgba(75, 0, 0, 0.05);
}

/*@import url('https://fonts.googleapis.com/css2?family=h&display=swap');*/



@font-face {
    font-family: 'Franklin Gothic Medium Cond';
    src: url('../font/FranklinGothic-MediumCond.woff2') format('woff2'), url('../font/FranklinGothic-MediumCond.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Franklin Gothic Demi';
    src: url('../font/FranklinGothic-Demi.woff2') format('woff2'), url('../font/FranklinGothic-Demi.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    position: relative;
    font-family: 'Roboto', sans-serif !important;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}


.dropdown {
    position: static !important;
}

.dropdown-menu {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    margin-top: 0px !important;
    /*width: 100% !important;*/
    /*max-width: 200px;*/
    left: auto;
}

.navbar-nav .dropdown-menu {
    /*position: absolute !important ;30_06_22*/
    float: none
}

.dropdown:hover > .dropdown-menu {
    display: block;
}

.navbar {
    height: 60px;
}

.dropdown-toggle::after {
    width: 0.5em;
    height: 0.5em;
    border-right: 0.1em solid black !important;
    transform: rotate(45deg);
    margin-right: 0.5em;
    border-bottom: 0.1em solid black !important;
    border-top: 0 !important;
    border-left: 0 !important;
    margin-left: 0.7em !important;
}

.navbar-light .navbar-toggler-icon {
    background-color: #f3f6ff;
}

.navbar-nav .nav-link:hover.dropdown-toggle::after {
    border-right: 0.1em solid #0062ff !important;
    border-bottom: 0.1em solid #0062ff !important;
}

.dropdown-menu {
    border: 0;
    box-shadow: none !important;
    border-radius: 0;
}

.navbar-nav .nav-link {
    color: #1a1717;
    font-size: 17px;
    position: relative;
    padding-top: 1rem;
    padding-bottom: 1rem;
    white-space: nowrap;
}

.dropdown-menu .nav-link {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active {
    color: #0062ff;
    border-bottom: 3px solid #0062ff
}

.left-tabs.nav-tabs .nav-link:focus, .left-tabs.nav-tabs .nav-link:hover {
    border: 0;
}

    .left-tabs.nav-tabs .nav-link:focus::before, .left-tabs.nav-tabs .nav-link:hover::before {
        font-family: 'FontAwesome';
        content: "\f178";
        right: 10px;
        position: absolute;
    }

.blok-body ul {
    background: #f4f4f4;
    display: block;
    padding-left: 5rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

    .blok-body ul li {
        padding: 7px;
    }

        .blok-body ul li:hover, .blok-body ul li.active {
            background: #077e92;
            color: #ffffff;
        }

            .blok-body ul li:hover a, .blok-body ul li.active a {
                color: #fff !important;
                text-decoration: none
            }

        .blok-body ul li a {
            color: #918e8e;
            font-size: 18px;
        }

.blok-body .tab-content {
    padding: 2rem 0rem;
}

    .blok-body .tab-content .active ul {
        background: none;
        padding-left: 0px;
    }

    .blok-body .tab-content .list-group-item {
        background: none;
    }

.bg_icon {
    position: absolute;
    width: 18%;
    bottom: 0;
    right: 0;
}

    .bg_icon img {
        width: 100%;
    }

.left-tabs .nav-link.active {
    border: 0 !important;
}

.blok-body .nav-link.active {
    background: none !important;
}

.dropdown-menu {
    border: 0 !important;
}

.logo img {
    width: 60%;
}

.search_field {
    margin-left: auto;
    position: relative;
}

    .search_field i {
        position: absolute;
        top: 19px;
        left: 52px;
        z-index: 9;
        color: #8f8d8d;
        font-size: 25px;
    }

    .search_field input::placeholder {
        text-align: center;
    }

    .search_field .form-control {
        height: calc(2.3em + 0.75rem + 2px);
        position: relative;
        border-radius: 0;
        font-size: 20px;
    }
/*anup*/
/*.carousel-item {
    height: 600px;
}*/

#demo .carousel-item {
    height: 340px;
}

#demo .carousel-indicators {
    margin: 10px 0px;
}
/*#carouselExampleSlidesOnly .carousel-item {
    height: 600px;
}*/
/*.banner-inner .carousel-item {
    height: 450px;
}*/
/*#carouselExampleInnerSlidesOnly .carousel-item {
    height: 450px;
}*/

.pTopHeader {
    font-size: 20px;
}

.aboutus .pTopHeader {
    font-size: 22px;
}

.pOurTechnology {
    font-size: 20px;
}

.product_service img {
    padding: 15px;
}

.product_service a {
    text-decoration: none;
    cursor: pointer;
}

#carouselExampleInnerSlidesOnly .banner-caption {
    width: 60%;
    text-align: right;
}

.whyEthniv {
    padding: 10%;
    text-align: center;
}
/*end anup*/
.carousel-item img {
    /*object-fit: cover;
    height: 100%;
    height: 100%;*/
    height: 100% !important;
    object-fit: cover;
}

.carousel-inner > .item {
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    position: absolute;
    z-index: 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
}

    .carousel-inner > .item:first-of-type {
        position: relative;
    }

.carousel-inner > .active {
    opacity: 1;
    z-index: 3;
    height: 400px;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
    -webkit-transition: opacity 0.6s ease-in-out;
    -o-transition: opacity 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out;
    opacity: 1;
    left: 0;
    z-index: 2;
}

.carousel-inner > .active.left,
.carousel-inner > .active.right {
    z-index: 1;
}

.carousel-control {
    z-index: 4;
}

.explore_btn button {
    background: #e85912;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0;
    letter-spacing: 1px;
}

.explore_btn {
    position: absolute !important;
    bottom: 8rem;
    left: 5rem;
}

.about_sec {
    background: #077e92;
}

    .about_sec p {
        margin: 0;
        color: #fff;
    }

.learn_btn {
    position: relative !important;
    bottom: 0;
    left: 0;
}

.block_hdng h2 {
    color: #077e92;
    font-weight: bold;
}

.block_hdng p {
    font-size: 14px;
}

.amazing-bg-light {
    background-color: #f3f6ff !important;
}

.expertise img {
    width: 50%;
}

.tech_story {
    padding: 0rem 3rem 2rem !important;
    /*padding: 2rem 3rem 2rem !important;*/
    /*background: url(../images/tech_story.png) 0 0 no-repeat;
    background-size: cover;*/
}

.tech_story_content {
    position: relative;
    /* top: 0; */
    /* left: 0; */
    /* right: 0; */
    /* bottom: 0; */
    /*padding: 5% 0;*/
}

.tech-text-black {
    color: #4a4a4a !important;
}

.tech_story_content h4 {
    color: #e85912;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    letter-spacing: 2px;
}

.tech_story_content h5 {
    letter-spacing: 1px;
    text-align: justify;
}

.tech_story_content p {
    font-size: 16px;
    /*font-size: 14px;*/
    text-align: justify;
}

.tech_story_content .explore_btn {
    position: relative !important;
    bottom: 0;
    left: 0;
}

#demo .carousel-indicators li {
    background: #b4b4b4;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 1;
    border: 1px solid #000;
    margin: 0 6px;
}

#demo .carousel-control-next, #demo .carousel-control-prev {
    position: relative;
    opacity: 1;
}

    #demo .carousel-control-next i, #demo .carousel-control-prev i {
        font-size: 40px;
        color: #077e92;
        line-height: 10px;
    }



.slider,
.slider > div {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    /* height: 500px; */
    height: 100%; /* If you want fullscreen */
    position: relative;
    /* background-size: cover;
    background-repeat: no-repeat;
    background-color: #000; */
    /* overflow: hidden; */
    -moz-transition: transform .4s;
    -o-transition: transform .4s;
    -webkit-transition: transform .4s;
    transition: transform .4s;
    color: #000;
}

    .slider > div {
        position: absolute;
    }

    .slider > i {
        color: #077e92;
        position: absolute;
        font-size: 60px;
        bottom: 8px;
        transition: .3s;
        padding: 10px 13px;
        cursor: pointer;
        line-height: 0;
        box-sizing: content-box;
        border-radius: 3px;
        z-index: 4;
        font-size: 40px;
    }

        .slider > i svg {
            margin-top: 3px;
        }

    .slider > .left {
        left: 30%;
    }

    .slider > .right {
        right: 30%;
    }

    .slider > i.right {
        transform: translateX(2px);
    }

        .slider > i.right:active,
        .slider > i.left:active {
            transform: translateY(1px);
        }

    .slider > ul {
        position: absolute;
        bottom: 14px;
        left: 50%;
        z-index: 4;
        padding: 0;
        margin: 0;
        transform: translateX(-50%);
    }

        .slider > ul > li {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            list-style: none;
            float: left;
            margin: 0 10px 0;
            cursor: pointer;
            border: 1px solid #000;
            -moz-transition: .3s;
            -o-transition: .3s;
            -webkit-transition: .3s;
            transition: .3s;
            background: #b4b4b4;
        }

        .slider > ul > .showli {
            background-color: #e85912;
            -moz-animation: boing .5s forwards;
            -o-animation: boing .5s forwards;
            -webkit-animation: boing .5s forwards;
            animation: boing .5s forwards;
        }

        .slider > ul > li:hover {
            background-color: #7EC03D;
        }

    .slider > .show {
        z-index: 1;
    }

.hideDots > ul {
    display: none;
}

.showArrows > .left {
    left: 0;
}

.showArrows > .right {
    right: 0;
}

.slider > div span {
    display: block;
    background: rgba(0,0,0,.5);
    position: absolute;
    bottom: 0;
    color: #fff;
    text-align: center;
    padding: 0;
    width: 100%;
}

@keyframes boing {
    0% {
        transform: scale(1.2);
    }

    40% {
        transform: scale(.6);
    }

    60% {
        transform: scale(1.2);
    }

    80% {
        transform: scale(.8);
    }

    100% {
        transform: scale(1);
    }
}

.brand {
    margin-top: 3rem;
    width: 50%;
    float: left;
}

    .brand ul {
        margin: 2rem 0 0;
    }

        .brand ul li {
            float: left;
            margin: 0 10%;
            width: 80%;
        }

    .brand p {
        min-height: 65px;
    }


    .brand ul li img {
        width: 100%;
    }



.team {
    margin-top: 3rem;
}

.owl-carousel .item {
    margin: 10px;
    transition: all 1.0s ease-in-out;
    padding: 20px;
}

    .owl-carousel .item:hover {
        box-shadow: 0px 0px 9px 6px #e9e9e9;
        transition: all 0.3s ease-in-out;
    }

    .owl-carousel .item a {
        /*background: #aa8531;*/
        color: #fff;
        /*padding: 8px 10px;
    margin: 2rem auto 0;*/
        display: block;
        /*width: 80%;*/
        font-size: 14px;
        text-decoration: none;
        /*display: none;*/
        transition: all 0.3s ease-in-out;
    }

    .owl-carousel .item:hover a {
        display: block;
    }

    .owl-carousel .item img {
        width: 100%;
    }

.customNavigation {
    color: #077e92 !important;
}

    .customNavigation a {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        padding: 0 5px;
        color: #fff;
        top: 60%;
        position: absolute;
        font-size: 40px;
        z-index: 9999;
    }

        .customNavigation a.prev, .customNavigation a.prev1 {
            left: 0px;
            color: #077e92;
        }

        .customNavigation a.next, .customNavigation a.next1 {
            right: 0px;
            color: #077e92;
        }
        .customNavigation a:focus{
            box-shadow: 0 0 0 0;
        }

.owl-carousel h6 {
    font-size: 14px;
    margin-top: 1em;
    text-align: center;
}

.owl-carousel p {
    /*font-size: 12px;*/
    margin-bottom: 0;
}

.our-team {
    border-radius: 10px;
    text-align: center;
    padding: 20px 15px 30px;
    background: #f3f6ff;
    position: relative;
    padding-top: 7rem;
    margin-top: 7rem;
    margin-bottom: 3rem;
}

    .our-team .pic {
        padding: 10px;
        display: inline-block;
        width: 232px;
        height: 232px;
        transition: all 0.5s ease 0s;
        position: absolute;
        top: -130px;
        margin: auto;
        left: 0;
        right: 0;
    }

    .our-team:hover .pic {
        background: #17bebb;
        border-radius: 50%;
    }

.pic img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #bdc0da;
    transition: all 0.5s ease;
}

.our-team:hover .pic img {
    border: none;
    transition: all 0.5s ease;
}

.our-team .title {
    font-weight: 600;
    color: #2e282a;
    display: block;
    font-size: 20px;
    margin: 0 0 7px 0;
}

.our-team .post {
    color: #000;
    text-transform: capitalize;
    display: block;
    font-size: 15px;
    margin-bottom: 15px;
}

.techImg {
    width: 305px;
    height: 199px;
}

.our-team .social {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .our-team .social li {
        display: inline-block;
        margin-right: 5px;
    }

        .our-team .social li a {
            border-radius: 5px;
            font-size: 15px;
            color: #fff;
            display: block;
            width: 30px;
            height: 30px;
            line-height: 30px;
            transition: all 0.5s ease 0s;
            background: #7e819e;
            text-decoration: none;
        }

.our-team:hover .social li a {
    background: #17bebb;
    color: #fff;
}

.our-team:hover .social li a {
    background: #17bebb;
    color: #fff;
}

footer {
    background: #003c46;
}

    footer ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        footer ul li a {
            font-size: 15px;
            color: #fff;
            transition: all 0.5s ease 0s;
        }

            footer ul li a:hover {
                color: #e85912;
                text-decoration: none;
            }

.region_select {
    background: none !important;
    color: #fff !important;
    border-radius: 0 !important;
}

    .region_select option {
        color: #000;
    }

.template-demo {
    text-align: center;
}

    .template-demo > .btn {
        color: #fff;
        font-size: 30px;
        padding-right: 10px;
        padding-left: 0px;
    }

.btn-outline-linkedin:hover {
    color: #0177b5 !important;
}

.btn-outline-instagram:hover {
    color: #e52d27 !important;
}

.btn-outline-facebook:hover {
    color: #2d4278 !important;
}

.btn-outline-google_plus:hover {
    color: #db4a39 !important;
}

.copyright_sec {
    background: #001114;
}




/* ABOUT US */

/*.banner-inner .carousel-item img {
    border-bottom: 10px solid #21221c;
}*/

.banner-caption {
    position: absolute;
    top: 7rem;
    right: 50px;
    width: 40%;
    text-align: right;
    z-index: 3;
}

    .banner-caption .explore_btn {
        position: relative !important;
        bottom: 0;
        left: 0;
        margin-top: 6rem;
    }

.aboutus {
    background: #dce0e7;
}

.about_us_pic {
    position: relative;
}

/*.about_us_pic::before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        border: 3px solid #e85912;
        transform: translate(-10px, -10px);
        -moz-transform: translate(-10px, -10px);
        -webkit-transform: translate(-10px, -10px);
    }*/

/*.about_us_pic img {
        border: 3px solid #128497;
    }*/

.pro_servc {
    padding: 2rem 3rem 2rem !important;
    background: url('../images/ethnivBGN.jpg') 0 0 no-repeat;
}

.pro_servc1 {
    padding: 2rem 3rem 2rem !important;
    background: url('../images/ethraveBG.jpg') 0 0 no-repeat;
}

    .pro_servc .tech_story_content, .pro_servc1 .tech_story_content {
        position: relative;
        padding: 0;
    }

.point_sale .card p {
    font-size: 12px;
}

.app_devlpnt {
    background: #123b69;
}

    .app_devlpnt h5 {
        color: #e85912;
    }

    .app_devlpnt i {
        font-size: 20px;
        color: #e85912;
        vertical-align: middle;
    }

.app_dev_left {
    padding: 2rem 0rem 1rem 2rem !important;
}

    .app_dev_left ul li {
        color: #fff;
        margin-bottom: 10px;
        font-size: 14px;
    }

.Excellent_Service_text {
    padding-left: 2.5rem !important;
}


/*  CONTACT US */

.contact_us .block_hdng h3 {
    color: #077e92;
    font-weight: bold;
}

.map_block h5 {
    height: 4rem;
}

.map {
    border: 2px solid #383838;
}

.contact_form .template-demo > .btn {
    color: #000;
    line-height: normal;
}

.contact_form input, .contact_form textarea {
    border-color: #077e92;
    border-radius: 0;
    resize: none;
}

    .contact_form input[type="submit"] {
        background: #e85a12;
        color: #fff;
        border: 0;
    }


/* PRODUCT */

.product_banner_caption {
    position: absolute;
    top: 10rem;
    left: 50px;
    width: 40%;
    text-align: left;
    z-index: 3;
}

.product_banner_caption_right {
    position: absolute;
    top: 10rem;
    right: 50px;
    width: 40%;
    text-align: left;
    z-index: 3;
}

    .product_banner_caption_right h1 {
        color: #3b3b3b !important;
        font-size: 55px;
    }

.pro_about_sec h5 {
    margin-top: 2rem;
}

.pro_about_sec p {
    font-size: 12px;
}

.pro_web_sec h5 {
    margin-top: 1rem;
}

.pro_web_sec p {
    font-size: 12px;
}

.web_dev_bg {
    padding: 2rem 3rem 2rem !important;
    background: url(../images/web_dev_bg.jpg) top right no-repeat;
    background-size: cover;
}

    .web_dev_bg .tech_story_content {
        position: relative;
        padding: 0;
    }

.explore_tech a {
    color: #077e92;
    font-size: 2rem;
}

.coming-soon {
    min-height: 400px;
}

    .coming-soon .mt-5 {
        margin-top: 80px !important;
    }



/* Helper Classes & Shorcodes */

.padding {
    padding: 8.75rem 0;
}

.midPadding2 {
    padding: 80px 0px;
}

.midPadding {
    padding: 60px 0px;
}

.midContPadding {
    padding: 60px 0px;
}

.smlPadding {
    padding: 30px 0px;
}

.paddingExtSml_top {
    padding-top: 30px;
}

.contHeadSpace {
    padding-top: 20px;
    margin-bottom: 4.6875rem;
}

.contHeadTitle {
    padding-top: 30px;
}

.paddingSml_top {
    padding-top: 80px;
}

.padding_top {
    /*  padding-top:8.75rem; */
    padding-top: 3.75rem;
    padding-bottom: 2rem;
}

.padding_bottom {
    padding-bottom: 8.75rem;
}

.margin_bottom {
    margin-bottom: 8.75rem;
}

.margin_top {
    margin-top: 8.75rem;
}

.padding_half {
    padding: 4.375rem 0;
}

.ftPadding {
    padding: 5px 0px;
}

.padding_bottom_half {
    /* padding-bottom: 4.375rem; */
    padding-bottom: 2.375rem;
}

.margin_bottom_half {
    margin-bottom: 4.375rem;
}

.padding_top_half {
    padding-top: 4.375rem;
}

.heading_space {
    margin-bottom: 4.6875rem;
}

.bottom5 {
    margin-bottom: 5px;
}

.bottom10 {
    margin-bottom: 10px;
    margin-left: 10px;
}

.top8 {
    margin-top: 8px;
}

.top10 {
    margin-top: 10px;
}

.extSmlGap {
    margin-top: 5px;
}

.extSmllGap {
    margin-top: 8px;
}

.bottom15 {
    margin-bottom: 15px;
}

.top15 {
    margin-top: 15px;
}

.top20 {
    margin-top: 20px;
}

.top60 {
    margin-top: 60px;
}

.servImgtop60 {
    margin-top: 60px;
}

.bottom20 {
    margin-bottom: 20px;
}

.bottom25 {
    margin-bottom: 25px;
}

    .bottom25 span {
        font-weight: 600;
    }

.top25 {
    margin-top: 25px;
}

.top40 {
    margin-top: 40px;
}

.bottom30 {
    margin-bottom: 30px;
}

.center {
    text-align: center;
}

.bothGap {
    margin-top: 30px;
    margin-bottom: 30px;
}

.blogDtlBack {
    background: url(../images/ocean.jpg) no-repeat;
    background-size: cover;
    padding-bottom: 50px;
}

.detlSubHead {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.abtSubHead {
    font-size: 15px;
    margin-bottom: 10px;
}

.detlUpSubHead {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #e46c0a;
}

    .detlUpSubHead span {
        color: #31859c;
    }

.voiceCurvBan {
    width: 80%;
    margin: 0px auto;
}

.voiceCurvBanDiv {
    text-align: center;
}

.detlSubHeadGren {
    color: #0a5f25;
}

.detlSubHeadOrg {
    /*color: #f78d1e;*/
    background: #f78d1e;
    padding: 0.5rem 0.5rem 0.5rem 1.5rem;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    font-family: 'Franklin Gothic Medium Cond';
    color: #fff;
    font-size: 20px;
    font-weight: normal;
}

.detlSubHeadBlue {
    /*color:#3b6bb4;*/
    color: #0a4373;
    text-align: left;
    font-size: 20px;
}

.detlSubHeadRed {
    color: #ed1c24;
}

.detlSubHeadAqua {
    color: #14a241;
}

.detlSubHead span {
    border-bottom: 1px dashed #bdbdbd;
}

.top30 {
    margin-top: 30px;
}

.bottom35 {
    margin-bottom: 35px;
}

.top40 {
    margin-top: 40px;
}

.bottom40 {
    margin-bottom: 40px;
}

.bottom45 {
    margin-bottom: 45px;
}

.top50 {
    margin-top: 50px;
}

.top60 {
    margin-top: 60px;
}

.bottom60 {
    margin-bottom: 60px;
}

.bottom0 {
    margin-bottom: 0;
}

.nomargin {
    margin: 0;
}

.nopadding {
    padding: 0;
}

.bglight {
    background: #f8f8f8;
}
/* .bgdefault {
    background: #ef233c;
} */
.bgdefault {
    background: #3b6bb4;
    background: rgba(61,127,191,1);
    background: -moz-linear-gradient(left, rgba(61,127,191,1) 0%, rgba(7,81,111,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(61,127,191,1)), color-stop(100%, rgba(7,81,111,1)));
    background: -webkit-linear-gradient(left, rgba(61,127,191,1) 0%, rgba(7,81,111,1) 100%);
    background: -o-linear-gradient(left, rgba(61,127,191,1) 0%, rgba(7,81,111,1) 100%);
    background: -ms-linear-gradient(left, rgba(61,127,191,1) 0%, rgba(7,81,111,1) 100%);
    background: linear-gradient(to right, rgba(61,127,191,1) 0%, rgba(7,81,111,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d7fbf', endColorstr='#07516f', GradientType=1 );
}

.whitecolor {
    color: #ffffff;
}

.inerWhitecolor {
    /* color: #ffffff; */
    color: #b9e9ff;
    /* text-shadow: 2px 2px #393939; */
}

.darkcolor {
    color: #414141;
}

.cmtHeader {
    color: #3b6bb4;
}

.contHeader {
    color: #e46d15;
}

.quotHeader {
    color: #f78d1e;
}

.blackcolor {
    color: #000000;
}

.defaultcolor {
    color: #ef233c;
}

section {
    position: relative;
    z-index: 1;
    background: #fff;
}

.container {
    width: 100%;
    max-width: 1400px;
}

@media screen and (max-width: 1600px) {
    .container {
        max-width: 1400px;
    }
}

@media screen and (max-width: 1440px) {
    .container {
        max-width: 1200px;
    }
}

@media screen and (max-width: 1360px) {
    .container {
        max-width: 1100px;
    }
}

@media screen and (max-width: 400px) {
    .quotHeader {
        font-size: 17px;
        margin-top: 30px;
    }
}

.container-padding {
    padding-left: 5.625rem;
    padding-right: 5.625rem;
}

.container-midPadding {
    padding-left: 90px;
    padding-right: 50px;
}

.midPaddingAddr {
    padding-left: 90px;
    padding-right: 50px;
}
/*heading text / intro blocks */
.heading-title {
    font-size: 14px;
    display: block;
    text-transform: uppercase;
    color: #fff;
    line-height: 1;
}

.whitecolor.heading-title {
    color: #fff;
}

.darkcolor.heading-title {
    color: #414141;
}

.heading-title::before {
    background: #fff;
    content: "";
    display: inline-block;
    height: 2px;
    margin-right: 1rem;
    margin-top: -1px;
    vertical-align: middle;
    width: 20px;
}

.whitecolor.heading-title::before {
    background: #fff;
}

.darkcolor.heading-title::before {
    background: #414141;
}


/*img wrap*/
.image {
    overflow: hidden;
}

a.image {
    display: block;
}

.image img {
    width: 100%;
    display: block;
}

.image, .image img {
    position: relative;
}

.cbp-item:hover img {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}

/*Video Player button*/
.video-btn {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.2);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 20px;
    height: 80px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 80px;
    text-align: center;
    width: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 2;
}

    .video-btn:before {
        content: "";
        position: absolute;
        border: #ef233c solid 4px;
        -webkit-border-radius: inherit;
        border-radius: inherit;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        z-index: -1;
        -webkit-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 1s;
    }

    .video-btn:hover:before, .video-btn:focus:before {
        -webkit-animation-name: hvr-ripple-out;
        -o-animation-name: hvr-ripple-out;
        animation-name: hvr-ripple-out;
        opacity: 1;
    }

    .video-btn:hover, .video-btn:focus {
        color: #fff;
        background: #ef233c;
    }

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
    100% {
        top: -15px;
        right: -15px;
        bottom: -15px;
        left: -15px;
        opacity: 0;
    }
}

@-o-keyframes hvr-ripple-out {
    100% {
        top: -15px;
        right: -15px;
        bottom: -15px;
        left: -15px;
        opacity: 0;
    }
}

@keyframes hvr-ripple-out {
    100% {
        top: -15px;
        right: -15px;
        bottom: -15px;
        left: -15px;
        opacity: 0;
    }
}

@media screen and (max-width: 800px) {
    .video-btn {
        height: 60px;
        width: 60px;
    }
}

@media screen and (max-width: 640px) {
    .video-btn {
        height: 50px;
        width: 50px;
    }
}

@media screen and (max-width: 640px) {
    .midPaddingAddr {
        padding-right: 0px;
        padding-left: 20px;
    }

    .contHeadSpace {
        padding-top: 20px;
        margin-bottom: 0px;
    }

    .midContPadding {
        padding: 0px 0px;
    }
}

/*to align elements center*/
.center-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/*Back To Top*/
.back-top {
    color: #fff;
    right: 20px;
    font-size: 22px;
    position: fixed;
    z-index: 1600;
    opacity: 0;
    visibility: hidden;
    bottom: 70px;
    height: 40px;
    width: 40px;
    background: #ef233c;
    text-align: center;
    line-height: 38px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    background: #ed1c24;
}

    .back-top:before {
        content: "";
        position: absolute;
        /*  border: #ef233c solid 4px; */
        border: #ed1c24 solid 4px;
        -webkit-border-radius: inherit;
        border-radius: inherit;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        z-index: -1;
        -webkit-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 1s;
    }

    .back-top:hover:before, .back-top:focus:before {
        -webkit-animation-name: hvr-ripple-out;
        -o-animation-name: hvr-ripple-out;
        animation-name: hvr-ripple-out;
        opacity: 1;
    }

.back-top-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.back-top:hover, .back-top:focus {
    color: #fff;
}


/* Social Icons */
ul.social_simple li,
ul.social li {
    display: inline-block;
}

    ul.social_simple li a,
    ul.social li a {
        display: block;
        text-align: center;
        color: #676767;
    }

    ul.social_simple li a {
        height: 24px;
        line-height: 24px;
        width: 24px;
        font-size: 17px;
        margin: 0 2px;
    }

    ul.social li a {
        height: 32px;
        line-height: 30px;
        width: 32px;
        font-size: 14px;
        border: 1px solid #979797;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

ul.social.white li a {
    color: #fff;
    border: 1px solid #fff;
}

    ul.social.white li a > i,
    ul.social.white li a > .fa,
    ul.social li a::before,
    ul.social li a::after {
        color: inherit !important;
        -webkit-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
    }

ul.social_simple li:last-child a,
ul.social li:last-child a {
    margin-right: 0;
}

ul.social_simple li:first-child a,
ul.social li:first-child a {
    margin-left: 0;
}

ul.social_simple.white li a,
ul.social.white li a {
    color: #fff;
}

ul.social_simple li a:hover,
ul.social_simple li a:focus {
    color: #ef233c;
}

ul.social li a:hover,
ul.social li a:focus {
    background: #ef233c;
    border: 1px solid #ef233c;
    color: #fff;
}

ul.social.white li a:hover,
ul.social.white li a:focus {
    background: #fff;
    border: 1px solid #fff;
    color: #ef233c;
}

ul.social.dark li a:hover,
ul.social.dark li a:focus {
    background: #414141;
    border: 1px solid #414141;
    color: #fff;
}

.sclIcon {
    color: #fff;
}

/*Buttons*/
.button {
    position: relative;
    display: inline-block;
    font-size: 12px;
    padding: 1.125rem 3rem;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    /*     font-weight: bold; */
    position: relative;
    /*     font-family: 'Open Sans'; */
    z-index: 1;
    border: 2px solid transparent;
}

    .button.default {
        background: #ef233c;
        color: #fff;
    }

        .button.default:hover, .button.default:focus {
            background: transparent;
            border: 2px solid #ef233c;
            color: #ef233c;
        }

    .button.dark {
        background: #414141;
        border: 2px solid #414141;
        color: #fff;
    }

        .button.dark:hover, .button.dark:focus {
            background: transparent;
            border: 2px solid #414141;
            color: #414141;
        }

    .button.white {
        background: #fff;
        color: #ef233c;
    }

        .button.white:hover, .button.white:focus {
            background: transparent;
            border: 2px solid #fff;
            color: #fff;
        }

    .button.whitehole {
        border: 2px solid #fff;
        color: #fff;
    }

        .button.whitehole:hover, .button.whitehole:focus {
            background: #fff;
            color: #414141;
        }

    .button.darkhole {
        border: 2px solid #414141;
        color: #414141;
    }

        .button.darkhole:hover, .button.darkhole:focus {
            background: #414141;
            color: #fff;
        }

    .button.defaulthole {
        border: 2px solid #ef233c;
        color: #ef233c;
    }

        .button.defaulthole:hover, .button.defaulthole:focus,
        .button.defaulthole.active {
            background: #ef233c;
            color: #fff;
        }

    .button.inrPstCmtButt {
        background: #02a7b3;
        color: #fff;
        float: right;
        margin-right: 4%;
    }

        .button.inrPstCmtButt:hover, .button.inrPstCmtButt:focus,
        .button.inrPstCmtButt.active {
            border: 2px solid #42d9e4;
            color: #42d9e4;
            background: none;
        }

    .button i {
        margin-left: 3px;
    }

    .button:hover i, .button:focus i {
        color: inherit;
    }

.cmtAreaWrap {
    border-right: 1px dashed #cacaca;
    padding-right: 23px;
}
/*View More*/
.viewmore {
    display: inline-block;
    position: relative;
    font-size: 1rem;
    padding-bottom: 3px;
}

    .viewmore::after {
        content: "";
        height: 1px;
        width: 100%;
        display: block;
        background: #414141;
    }

    .viewmore.whitecolor::after {
        background: #fff;
    }

    .viewmore:hover::after {
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

/*Decorated button*/
.underlined {
    display: inline-table;
    position: relative;
}

    .underlined::after {
        content: "";
        height: 1px;
        width: 100%;
        background: #979797;
        display: block;
        margin-top: 2px;
    }

.darkcolor .underlined::after,
.darkcolor.underlined::after {
    background: #414141;
}

.whitecolor .underlined::after,
.whitecolor.underlined::after {
    background: #ffffff;
}

.defaultcolor .underlined::after,
.defaultcolor.underlined::after {
    background: #ef233c;
}

.blackcolor .underlined::after,
.blackcolor.underlined::after {
    background: #000;
}


/*Video Box popup*/
#html5-watermark {
    opacity: 0;
    visibility: hidden;
}

#html5-close > img {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #414141;
    height: 30px;
    width: 30px;
}

/*divider*/
.divider {
    display: inline-block;
    height: 3px;
    width: 70%;
    background: #ef233c;
}

/*center aligned*/
.intro-text.center {
    text-align: center;
}

    .intro-text.center .heading-title::before {
        display: block;
        margin: 0 auto 1.125rem;
    }

/*intro on left with bg*/
.bg-intro {
    background: url(../images/bg-intro.jpg) no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    width: 100%;
}

.bgintro-two {
    /* background: url(../images/bg-introtwo.jpg) no-repeat; */
    background: url(../images/indexParalax1.jpg) no-repeat;
    background-size: cover;
}

.bgintro-yellow {
    background: url(../images/bgintro-yellow.jpg) no-repeat;
}

.bgintro-light {
    background: url(../images/bgintro-light.jpg) no-repeat;
}

.bgintro-five {
    background: url(../images/bgintro-five.jpg) no-repeat;
}

.bgintro-seven {
    background: url(../images/bgintro-seven.jpg) no-repeat;
}

/*-----  Intro Style & two Ends ------ */


/* Helper Classes ends */
/*search form*/
.widget_search .input-group {
    width: 260px;
}

.widget_search .form-control {
    width: 214px;
}

.widget_search .form-control,
.widget_search .input-group-addon {
    -webkit-border-radius: 0;
    border-radius: 0;
    border-color: #d6d5d5;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: table-cell;
}

.widget_search .input-group-addon {
    height: 35px;
    background-color: #414141;
    color: #fff;
    position: relative;
    top: -1px;
    left: -5px;
    width: 40px;
}

.widget_search .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #414141;
}

.widget .media-body > a {
    color: #414141;
    font-size: 14px;
}

.widget h4, .widget .media-body > a {
    font-weight: bold;
}

/*Categories*/
.category li {
    border-bottom: 1px solid #e8ecf0;
    display: block;
    margin-bottom: 5px;
    padding-bottom: 5px;
    font-size: 14px;
}

    .category li a > span {
        float: right;
    }

    .category li a:hover, .category li a:focus,
    .widget .media-body > a:hover, .widget .media-body > a:focus {
        color: #ef233c;
    }

/*Tags*/
ul.web_tags li {
    display: inline-block;
}

    ul.web_tags li a {
        background: #414141;
        color: #fff;
        display: block;
        font-size: 0.75rem;
        font-weight: 500;
        line-height: 8px;
        margin: 2px 17px 8px 1px;
        padding: 6px 25px 6px 15px;
        position: relative;
        -webkit-border-bottom-left-radius: 2px;
        border-bottom-left-radius: 2px;
        -webkit-border-top-left-radius: 2px;
        border-top-left-radius: 2px;
        height: 20px;
    }

        ul.web_tags li a::before {
            background-color: inherit;
            height: 10px;
            right: -5px;
            top: 5px;
            -webkit-transform: skew(-45deg, 45deg);
            -ms-transform: skew(-45deg, 45deg);
            -o-transform: skew(-45deg, 45deg);
            transform: skew(-45deg, 45deg);
            width: 10px;
            z-index: -1;
        }

        ul.web_tags li a::before,
        ul.web_tags li a::after {
            content: "";
            position: absolute;
        }

        ul.web_tags li a::after {
            background: #ffffff;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            height: 6px;
            margin-top: -3px;
            right: 0;
            top: 50%;
            width: 6px;
        }

/*tweets*/
.tweet_box {
    margin-bottom: 30px;
}

    .tweet_box .twee_inner {
        background: #c4f0ff;
        padding: 15px;
        position: relative;
        margin-bottom: 20px;
    }

    .tweet_box a {
        color: #414141;
    }

    .tweet_box .twittername {
        display: inline-block;
        font-weight: 600;
        font-size: 14px;
    }

    .tweet_box .twee_inner:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        left: 0px;
        bottom: -20px;
        border: 22px solid;
        border-color: transparent transparent transparent #c4f0ff;
    }

/*Pagination*/
ul.pagination li {
    display: inline-block;
}

    ul.pagination li a {
        height: 32px;
        line-height: 30px;
        width: 32px;
        font-size: 14px;
        font-weight: 600;
        border: 1px solid #414141;
        -webkit-border-radius: 50% !important;
        border-radius: 50% !important;
        display: block;
        padding: 0;
        text-align: center;
        color: #fff;
        background: #414141;
    }

        ul.pagination li a:hover,
        ul.pagination li a:focus,
        ul.pagination li.active a,
        ul.pagination li.active a:hover,
        ul.pagination li.active a:focus {
            background: #ef233c;
            border: 1px solid #ef233c;
            color: #fff;
        }
/*blog deatils*/
.blog-detail h4 {
    font-weight: bold;
    text-transform: capitalize;
}
/*next prev buttons post*/
.postanchor {
    border-top: 1px solid #d6d5d5;
    border-bottom: 1px solid #d6d5d5;
    position: relative;
    padding-top: 20px;
}

    .postanchor .previous > a,
    .postanchor .nextpost > a {
        color: #414141;
        font-weight: bold;
        text-transform: capitalize;
    }

    .postanchor .share {
        color: #ffffff;
        cursor: pointer;
        display: inline-block;
        height: 35px;
        left: 50%;
        line-height: 38px;
        margin-left: -17px;
        margin-top: -17px;
        text-align: center;
        top: 50%;
        width: 35px;
        z-index: 1;
    }

    .postanchor .share, .share_purpose {
        position: absolute;
        background: #414141;
    }

.share_purpose {
    left: 50%;
    bottom: -20px;
    padding: 6px 12px;
    display: none;
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    -o-transform: translatex(-50%);
    transform: translatex(-50%);
}

    .share_purpose::before {
        background: #414141;
        content: "";
        display: block;
        height: 11px;
        left: 50%;
        margin-left: -5px;
        position: absolute;
        top: -6px;
        width: 12px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .share_purpose ul.social li a {
        height: 24px;
        width: 24px;
        font-size: 11px;
        line-height: 23px;
    }

/*Comment Profile*/
.eny_profile {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 30px;
    position: relative;
}

    .eny_profile .profile_photo {
        -webkit-border-radius: 100%;
        border-radius: 100%;
        height: 60px;
        width: 60px;
    }

        .eny_profile .profile_photo > img {
            -webkit-border-radius: 100%;
            border-radius: 100%;
        }

    .eny_profile .profile_text {
        padding-left: 20px;
    }

    .eny_profile .profile_photo,
    .eny_profile .profile_text {
        display: table-cell;
        vertical-align: top;
    }

        .eny_profile .profile_text h6 {
            font-weight: 600;
        }

        .eny_profile .profile_text p {
            font-size: 14px;
        }

/*blog posts*/
.blogpost-wrapp, .blogpost, .blogbox {
    position: relative;
}

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

    .blogpost:hover .image > img,
    .blogbox:hover .image > img {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    .blogpost .blogpost-text * {
        width: 100%;
    }

.blogpost-text {
    padding: 2.5rem 1.5rem;
}

.blogpost .blogpost-text {
    background: #f8f8f8;
    text-align: left;
}

    .blogpost .blogpost-text h3 {
        color: #414141;
        font-size: 1.75rem;
    }

    .blogpost .blogpost-text:hover h3 {
        color: #ef233c;
    }

.blogpost-wrapp .blogpost:nth-child(even) .blogpost-text,
.metabox-wrapp .metabox {
    background: #ef233c;
}

.blogpost-wrapp .blogpost:nth-child(even) .blogpost-text,
.metabox-wrapp .metaboxLast {
    background: #0e6130;
}

.metaboxBgColorGrn {
    background: #095020 !important;
}

.metaboxBgColorOrg {
    background: #f78d1e !important;
}

.metaboxBgColorBlu {
    background: #3b6bb4 !important;
}

.metaboxBgColorAcqa {
    background: #5fc7cb !important;
}

.metabox-wrapp.dark .metabox {
    background: #414141;
}

.metabox-wrapp.simple .metabox {
    background: transparent;
}

.blogpost-wrapp .blogpost:nth-child(even) .blogpost-text *,
.metabox-wrapp .metabox {
    color: #fff;
}

.blogpost-wrapp .blogpost:nth-child(even) .blogpost-text:hover h3 {
    color: #414141;
}

.metabox-wrapp .metabox {
    font-size: 0.75rem;
    padding: 5px 1rem;
    display: inline-block;
    width: auto;
    -webkit-box-shadow: 0 4px 2px -2px rgba(0,0,0,0.4);
    box-shadow: 0 4px 2px -2px rgba(0,0,0,0.4);
    font-size: 16px;
}

.metabox-wrapp.simple .metabox {
    color: #979797;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    margin: 0 5px;
}

.blogpost p > a,
.metabox-wrapp .metabox *,
.blogpost .blogpost-text i {
    width: auto !important;
}

.metabox-wrapp .metabox:first-child {
    margin-left: 0;
}

.metabox-wrapp .metabox:last-child {
    margin-right: 0;
}

.blogpost-wrapp .blogpost:nth-child(even) .metabox {
    background: #fff;
    color: #ef233c;
}

.metabox > i {
    color: inherit !important;
    font-size: 15px;
    position: relative;
    top: 1px;
}

.blogpost .blogpost-text .postmail {
    font-size: 0.875rem;
}

.blogpost .video-btn {
    height: 58px;
    width: 58px;
    background: #ffffff;
    line-height: 58px;
    color: #414141;
}

    .blogpost .video-btn:hover,
    .blogpost .video-btn:focus {
        background: #ef233c;
        color: #fff !important;
    }

/*blog boxs*/
.box-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
}

    .box-info p {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .box-info .whitecolor:hover {
        color: #414141;
    }

    .box-info p.whitecolor:hover {
        color: #fff;
    }

    .box-info .blogpost.shadow .darkcolor:hover {
        color: #666666;
    }

.shadow {
    -webkit-box-shadow: 0 2px 10px -1px rgba(87, 97, 100, 0.35);
    box-shadow: 0 2px 10px -1px rgba(87, 97, 100, 0.35);
}



@media screen and (max-width: 767px) {
    .postanchor {
        padding-bottom: 20px;
        padding-top: 20px;
    }

        .postanchor p {
            display: none;
        }
}

/*-------------------------------*/
/* Our Blog ends */
/*-------------------------------*/


/*-------------------------------*/
/* Map + Address 01 */
/*-------------------------------*/
.map-bg {
    background: url(../images/map-bg.jpg) no-repeat;
    -webkit-background-size: contain;
    background-size: cover;
    background-position: center center;
    width: 100%;
    position: relative;
}

    .map-bg #googleMap {
        -webkit-transform: translateY(75%);
        -ms-transform: translateY(75%);
        -o-transform: translateY(75%);
        transform: translateY(75%);
    }

.contactwith .map-bg #googleMap {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.contactwith .address-bg {
    -webkit-box-shadow: 0 2px 10px -1px rgba(87, 97, 100, 0.35);
    box-shadow: 0 2px 10px -1px rgba(87, 97, 100, 0.35);
    padding: 3rem 1.5rem;
}

#googleMap, #map-dark {
    height: 400px;
    width: 100%;
}

.blocklayout #map-dark,
.contactwith .equalheight > #googleMap {
    margin-top: 40px;
    width: 100%;
    max-height: 400px;
}

.blocklayout p {
    /* 	font-size:13px;
	color:#5f5f5f; */
    font-size: 15px;
    color: #565656;
}

.contactwith #googleMap {
    height: 410px;
}

.address-bg {
    background: #fff;
    max-width: 570px;
    padding: 3.5rem 1rem 3.5rem 3.5rem;
    position: relative;
}

    .address-bg .our-address {
        margin-bottom: 3px;
    }

    .address-bg h6 {
        font-size: 12px;
        font-weight: bold;
    }

    .address-bg h2 {
        font-size: 2.25rem;
    }

    .address-bg .social {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px);
    }

.our-address .swiper-button-prev,
.our-address .swiper-button-next {
    background: transparent;
    top: 2rem;
    font-size: 12px;
    width: auto;
}

.our-address .swiper-button-prev {
    right: 40px;
    left: auto;
}

.our-address .swiper-button-next {
    right: 20px;
}

    .our-address .swiper-button-prev::before,
    .our-address .swiper-button-next::before {
        font-family: FontAwesome;
        color: #979797;
    }

.our-address .swiper-button-prev::before {
    content: "\f060";
}

.our-address .swiper-button-next::before {
    content: "\f061";
}

.our-address .swiper-button-prev::after {
    content: "|";
    padding: 0;
    display: inline-block;
    margin: 0 0px 0 10px;
    color: #979797;
}

.our-address .swiper-button-prev:hover::before,
.our-address .swiper-button-next:hover::before {
    color: #ef233c;
}

.center-block .our-address {
    width: 100%;
}
/*location bars*/
.location-box {
    display: table;
}

.location-cell {
    display: table-cell;
    vertical-align: middle;
}

    .location-cell .icon {
        width: 60px;
        height: 60px;
        display: inline-block;
        text-align: center;
        line-height: 60px;
        font-size: 26px;
        color: #fff;
        background: #ef233c;
        margin-right: 10px;
    }

    .location-cell h4 {
        font-weight: bold;
        margin-bottom: 3px;
    }

    .location-cell p {
        margin-bottom: 5px;
        font-size: 14px;
    }
/*(masonry) */
.overlay {
    background: rgba(239,35,60,.95);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    padding: 2.5rem 1.875rem;
    -webkit-transform: translate(-30px, 10px);
    -ms-transform: translate(-30px, 10px);
    -o-transform: translate(-30px, 10px);
    transform: translate(-30px, 10px);
}

.cbp-item .overlay {
    background: rgba(0,0,0,.95);
}

    .cbp-item .overlay.light,
    .overlay.light {
        background: rgba(255,255,255,.85);
        left: 10px;
        bottom: 10px;
        right: 10px;
        top: 10px;
    }

.cbp-item:hover .overlay {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.overlay ul {
    opacity: 0;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.cbp-item:hover .overlay ul {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.overlay.light .social li a:hover,
.overlay.light .social li a:focus {
    background: #414141;
    border: 1px solid #414141;
    color: #fff;
}

#nospace-grid h3 {
    font-weight: bold;
    font-size: 2.25rem;
}

.overlay h3 {
    font-weight: bold;
}

.cbp-l-loadMore-button {
    text-align: left;
}
    /*load more*/
    .load-more, .loadmore-dark,
    .cbp-l-loadMore-button .cbp-l-loadMore-link,
    .cbp-l-loadMore-button .cbp-l-loadMore-button-link {
        width: 100%;
        padding-bottom: 1.875rem;
        padding-top: 1.875rem;
        color: #fff;
        display: block;
        position: relative;
        font-family: 'Open Sans';
        margin-top: -1px;
        font-size: 1rem;
        line-height: 1;
        border: none;
    }

    .loadmore-dark,
    .cbp-l-loadMore-button .cbp-l-loadMore-link,
    .cbp-l-loadMore-button .cbp-l-loadMore-button-link {
        background: #ef233c;
        font-weight: bold;
    }

        .load-more > i, .loadmore-dark > i,
        .cbp-l-loadMore-button .cbp-l-loadMore-link i,
        .cbp-l-loadMore-button .cbp-l-loadMore-button-link i {
            margin-left: 10px;
            font-size: 24px;
            vertical-align: middle;
            color: inherit;
        }

.float > i, .cbp-l-loadMore-link.float i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.load-more:hover, .load-more:focus,
.loadmore-dark:hover, .loadmore-dark:focus,
.cbp-l-loadMore-button .cbp-l-loadMore-link:hover,
.cbp-l-loadMore-button .cbp-l-loadMore-link:focus,
.cbp-l-loadMore-button .cbp-l-loadMore-button-link:hover,
.cbp-l-loadMore-button .cbp-l-loadMore-button-link:focus {
    color: #fff;
}

/*portfolio Single full page*/
.single-items {
    position: relative;
    width: 100%;
    overflow: hidden;
}

@media screen and (max-width: 992px) {
    .address-bg h2 {
        font-size: 2rem;
    }
}

@media screen and (max-width: 767px) {
    .map-bg #googleMap {
        -webkit-transform: translateY(25%);
        -ms-transform: translateY(25%);
        -o-transform: translateY(25%);
        transform: translateY(25%);
        height: 320px;
    }

    .address-bg {
        -webkit-box-shadow: 0 2px 10px -1px rgba(87, 97, 100, 0.35);
        box-shadow: 0 2px 10px -1px rgba(87, 97, 100, 0.35);
        padding: 3rem 1.5rem;
    }

    .contactwith .equalheight > #googleMap {
        height: 310px;
    }
}

.techImg img {
    width: 100%;
}

.fixed-top {
    top: -40px;
    transform: translateY(40px);
    transition: transform .3s;
    background: #3b6bb4 url(../images/HeaderMasterBg1.jpg) no-repeat;
    background-size: cover;
}

    .fixed-top .dropdown-toggle::after {
        border-right: 0.1em solid #fff !important;
        border-bottom: 0.1em solid #fff !important;
    }

.logo_default_hide {
    display: none;
}

.logo_float_hide {
    display: none;
}

.fixed-top #navbarNavDropdown01 ul li .nav-link {
    color: #ffffff;
}

ul.extrmRhtNav li:hover {
    background: none !important;
    color: #000;
}

ul.extrmRhtNav li {
    border: 0 !important;
}

    ul.extrmRhtNav li:hover a {
        color: #252525 !important;
    }

.extrmRhtNav .list-group-item::after {
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background: #077e92;
    transition: width .3s;
}

.extrmRhtNav .list-group-item:hover::after {
    width: 100%;
}

.w_Ethniv_pic {
    height: 550px;
}

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

.w_Ethniv_txt {
    background: #292d33;
    padding: 2rem;
    color: #fff;
    width: 30%;
    margin: -25rem 7rem;
    position: relative;
    box-shadow: 20px 17px 0px 0px rgb(7 81 111);
}

    .w_Ethniv_txt h1 {
        font-size: 4.5rem;
    }

.w_ethniv_box {
    /*background: #dddbd9;*/
    background: linear-gradient(to right, rgb(217 217 217), rgb(139 170 201));
}

.services-block-three {
    margin-bottom " 30px;
}

    .services-block-three i {
        font-size: 32px;
    }

    .services-block-three  {
        display: block;
        border: 2px solid #d5d5d5;
        border-radius: 4px;
        text-align: center;
        background: #fff;
        padding: 20px;
        position: relative;
        margin-bottom: 30px;
        min-height: 310px;
        box-shadow: 0px 0px 9px 5px #94a9bf;
    }

        .services-block-three:before {
            display: block;
            content: "";
            width: 9%;
            height: 17%;
            position: absolute;
            bottom: -2px;
            right: -2px;
            border-bottom: 2px solid #03a9f5;
            border-right: 2px solid #03a9f5;
            transition: all 0.5s ease 0s;
            -webkit-transition: all 0.5s ease 0s;
        }

        .services-block-three:after {
            display: block;
            content: "";
            width: 9%;
            height: 17%;
            position: absolute;
            top: -2px;
            left: -2px;
            border-top: 2px solid #03a9f5;
            border-left: 2px solid #03a9f5;
            transition: all 0.5s ease 0s;
            -webkit-transition: all 0.5s ease 0s;
        }

.padding-15px-bottom {
    padding-bottom: 15px;
}

.services-block-three h4 a, .services-block-three h4 a:hover, .services-block-three h4 a:active {
    color: #6f6f6f;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 600;
}

.ceo {
    color: #6f6f6f;
    font-size: 18px;
    margin-top: 10px;
    text-align: right
}

.services-block-three.ceo {
    display: block;
    border: 2px solid #d5d5d5;
    border-radius: 4px;
    text-align: center;
    background: #fff;
    padding: 20px;
    position: relative;
    margin-bottom: 30px;
    min-height: 100%;
    box-shadow: 0px 0px 9px 5px #94a9bf;
}

    .services-block-thre.ceo:before {
        display: block;
        content: "";
        width: 9%;
        height: 17%;
        position: absolute;
        bottom: -2px;
        right: -2px;
        border-bottom: 2px solid #03a9f5;
        border-right: 2px solid #03a9f5;
        transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
    }

    .services-block-three.ceo:after {
        display: block;
        content: "";
        width: 9%;
        height: 17%;
        position: absolute;
        top: -2px;
        left: -2px;
        border-top: 2px solid #03a9f5;
        border-left: 2px solid #03a9f5;
        transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
    }

.services-block-three p a, .services-block-three p a:hover, .services-block-three p a:active{
    margin-bottom: 0;
    color: #757575;
}

.services-block-three:hover {
    opacity: 1;
    border-color: #d5d5d5;
}

.services-block-three a, .services-block-three a:hover, .services-block-three a:active{
    z-index: 9;
    text-decoration: none;
    position: relative;
}


a:hover, a:active {
    color: #03a9f5;
    text-decoration: none;
}

.services-block-three:hover:before, .services-block-three:hover:after {
    width: 95%;
    height: 90%;
}

.top-50 {
    top: 50px;
}
/*ETHNIV*/

.ethniv_banner_caption {
    /*background: rgba(232,89,18,0.7);
    width: 250px;
    height: 250px;
    border-radius: 50%;
    padding: 3.5rem 2rem;
    position: absolute;
    left: 60px;
    bottom: 30%;*/
    background: rgba(232,89,18,0.7);
    width: 425px;
    height: 235px;
    border-radius: 50%;
    padding: 4.5rem 2rem;
    position: absolute;
    left: 60px;
    bottom: 30%;
}

    .ethniv_banner_caption h3 {
        font-size: 2.4rem;
        text-align: center;
    }

.service_box {
    margin-top: -9rem;
}

.box {
    position: relative;
    padding: 40px;
    background-color: #fff;
    box-shadow: 0 5px 15px rgb(0 0 0 / 20%);
    border-radius: 4px;
    overflow: hidden;
    text-align: center;
    height: 100%;
}

    .box:before {
        content: '';
        width: 50%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(255,255,255,.2);
        z-index: 2;
        pointer-events: none;
    }

    .box
    .icon {
        position: relative;
        width: 60px;
        height: 60px;
        color: #fff;
        background-color: #000;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        border-radius: 50%;
        font-size: 40px;
        font-weight: 700px;
        transition: 1s;
    }

    .box:nth-child(1)
    .icon {
        box-shadow: 0 0 0 0 #15c7b8;
        background-color: #15c7b8;
    }

    .box:nth-child(1):hover
    .icon {
        box-shadow: 0 0 0 400px #15c7b8;
        background-color: #15c7b8;
    }

    .box
    .content {
        position: relative;
        z-index: 1;
        transition: 0.5s;
    }

    .box:hover
    .content,
    .box:hover
    .content h3 {
        color: #fff;
    }

    .box .content h3 {
        font-size: 18px;
        margin: 30px 0 15px;
        color: #0c8194;
        font-weight: bold;
    }

    .box .content p {
        font-size: 14px;
    }

.ecosystem_sec {
    background-image: url('../images/ecosystem_bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    padding: 2rem 0;
}

    .ecosystem_sec h3 {
        color: #15c7b8;
        text-transform: uppercase;
        font-size: 30px;
        font-weight: bold;
        text-align: right;
    }

        .ecosystem_sec h3 span {
            color: #073347;
        }

    .ecosystem_sec ul {
        border-left: 2px dashed #8f8f8f;
        padding-left: 20px;
    }

        .ecosystem_sec ul li {
            padding: 8px 8px;
            border-radius: 50px;
            margin-bottom: 10px;
            position: relative;
        }

            .ecosystem_sec ul li:nth-child(1) {
                background: #ff5f01;
            }

                .ecosystem_sec ul li:nth-child(1):before {
                    content: '';
                    position: absolute;
                    width: 15px;
                    height: 15px;
                    border-radius: 50%;
                    background: #ff5f01;
                    left: -29px;
                    top: 28px;
                }

            .ecosystem_sec ul li:nth-child(2) {
                background: #ffc04c;
            }

                .ecosystem_sec ul li:nth-child(2):before {
                    content: '';
                    position: absolute;
                    width: 15px;
                    height: 15px;
                    border-radius: 50%;
                    background: #ffc04c;
                    left: -29px;
                    top: 28px;
                }

            .ecosystem_sec ul li:nth-child(3) {
                background: #cfdd40;
            }

                .ecosystem_sec ul li:nth-child(3):before {
                    content: '';
                    position: absolute;
                    width: 15px;
                    height: 15px;
                    border-radius: 50%;
                    background: #cfdd40;
                    left: -29px;
                    top: 28px;
                }

            .ecosystem_sec ul li:nth-child(4) {
                background: #32cabd;
            }

                .ecosystem_sec ul li:nth-child(4):before {
                    content: '';
                    position: absolute;
                    width: 15px;
                    height: 15px;
                    border-radius: 50%;
                    background: #32cabd;
                    left: -29px;
                    top: 28px;
                }

            .ecosystem_sec ul li:nth-child(5) {
                background: #21b1e5;
            }

                .ecosystem_sec ul li:nth-child(5):before {
                    content: '';
                    position: absolute;
                    width: 15px;
                    height: 15px;
                    border-radius: 50%;
                    background: #21b1e5;
                    left: -29px;
                    top: 28px;
                }

            .ecosystem_sec ul li:nth-child(6) {
                background: #4e82be;
            }

                .ecosystem_sec ul li:nth-child(6):before {
                    content: '';
                    position: absolute;
                    width: 15px;
                    height: 15px;
                    border-radius: 50%;
                    background: #4e82be;
                    left: -29px;
                    top: 28px;
                }

            .ecosystem_sec ul li:nth-child(7) {
                background: #ff5f01;
            }

                .ecosystem_sec ul li:nth-child(7):before {
                    content: '';
                    position: absolute;
                    width: 15px;
                    height: 15px;
                    border-radius: 50%;
                    background: #ff5f01;
                    left: -29px;
                    top: 28px;
                }

            .ecosystem_sec ul li:nth-child(8) {
                background: #ffc04c;
            }

                .ecosystem_sec ul li:nth-child(8):before {
                    content: '';
                    position: absolute;
                    width: 15px;
                    height: 15px;
                    border-radius: 50%;
                    background: #ffc04c;
                    left: -29px;
                    top: 28px;
                }

.No_circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    line-height: 50px;
    margin-right: 10px;
}

.ecosystem_sec ul li:nth-child(1) .No_circle {
    background: #fe9150;
}

.ecosystem_sec ul li:nth-child(2) .No_circle {
    background: #fdd587;
}

.ecosystem_sec ul li:nth-child(3) .No_circle {
    background: #e0e781;
}

.ecosystem_sec ul li:nth-child(4) .No_circle {
    background: #84dad1;
}

.ecosystem_sec ul li:nth-child(5) .No_circle {
    background: #7dc7ee;
}

.ecosystem_sec ul li:nth-child(6) .No_circle {
    background: #87a8d1;
}

.ecosystem_sec ul li:nth-child(7) .No_circle {
    background: #fe9150;
}

.ecosystem_sec ul li:nth-child(8) .No_circle {
    background: #fdd587;
}

.ecosystem_sec .media-body {
    color: #000;
    font-weight: bold;
    font-size: 20px;
    margin-top: .5rem;
}

/*.ecosystem_sec ul li:nth-child(1) .media-body, .ecosystem_sec ul li:nth-child(3) .media-body, .ecosystem_sec ul li:nth-child(6) .media-body {
    margin-top: 0;
}*/

.payment_sec {
    background-image: url('../images/payment_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    padding: 20px 30px;
}

    .payment_sec h3 {
        color: #fff;
        text-transform: uppercase;
        position: relative;
        padding-top: 1.5rem;
    }

        .payment_sec h3:before {
            position: absolute;
            content: '';
            background: #ef733a;
            height: 4px;
            width: 40px;
            bottom: -10px;
        }

    .payment_sec img {
        width: 100%;
    }

    .payment_sec ul {
        margin-top: 2rem;
    }

        .payment_sec ul li {
            background-image: url('../images/tick_icon.png');
            background-repeat: no-repeat;
            background-position: top left;
            padding-left: 22px;
            font-size: 18px;
            color: #fff;
            display: inline-block;
            margin-left: 20px;
        }

            .payment_sec ul li:first-child {
                margin-left: 0;
            }

.logistic_customer_sec {
    margin: 2rem 0;
}

    .logistic_customer_sec .col-sm-6:nth-child(1) {
        padding-right: 0;
    }

    .logistic_customer_sec .col-sm-6:nth-child(2) {
        padding-left: 0;
    }

.logistic_sec {
    background: #221638;
    position: relative;
    overflow: hidden;
    padding: 5rem 3rem;
    z-index: 1;
    -webkit-clip-path: polygon(0 10%,100% 0,100% 90%,0 100%);
    clip-path: polygon(0 10%,100% 0,100% 90%,0 100%);
}

    .logistic_sec img {
        position: absolute;
        width: 100%;
        opacity: 0.15;
        left: 0;
        top: 0;
    }

.log_content {
    position: relative;
    color: #fff;
}

    .log_content img {
        position: relative;
        width: auto;
        opacity: 1;
    }

.customer_sec {
    background: #cf693d;
    position: relative;
    overflow: hidden;
    padding: 8rem 5rem;
    z-index: 1;
    -webkit-clip-path: polygon(0 10%,100% 0,100% 90%,0 100%);
    clip-path: polygon(0 10%,100% 0,100% 90%,0 100%);
}

    .customer_sec img {
        position: absolute;
        width: 100%;
        opacity: 0.15;
        left: 0;
        top: 0;
    }

.sale_inventory_sec {
    background-image: url('../images/point_sale_bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    padding: 20px 30px;
}

    .sale_inventory_sec h3 {
        font-size: 30px;
        color: #c36235;
    }

    .sale_inventory_sec .media-body {
        text-transform: uppercase;
        margin-left: 1.5rem;
        font-weight: bold;
    }
/* ETHRAVE */

.ethrave_banner img {
    width: 100%;
}

.ethrave_caption {
    /*top: 18%;*/
    top: 30%;
    left: 20px;
}

    .ethrave_caption h1 {
        font-size: 40px;
        color: #d2d2d2;
        font-family: 'Franklin Gothic Medium Cond';
        text-transform: uppercase;
        line-height: 50px;
    }

.event_section {
    padding-top: 5rem;
    padding-bottom: 3rem;
}

    .event_section h2 {
        font-family: 'Franklin Gothic Demi';
        text-transform: uppercase;
        position: relative;
        font-size: 50px;
        margin-bottom: 4rem;
        padding-top: 4rem;
    }

        .event_section h2:before {
            position: absolute;
            content: '';
            background-image: url('../images/event_hdng_icon.png');
            background-repeat: no-repeat;
            width: 119px;
            height: 110px;
            left: 0;
            right: 0;
            margin: auto;
            top: -50px;
        }

.event_type {
    text-align: center;
    margin-bottom: 1rem;
}

    .event_type .event_pic {
        height: 280px;
        transition: transform 1s;
    }

    .event_type:hover .event_pic {
        transform: scale(1.05);
    }

    .event_type .event_pic img.bg1 {
        background-color: #fc097c;
    }

    .event_type .event_pic img.bg2 {
        background-color: #dff42c;
    }

    .event_type .event_pic img.bg3 {
        background-color: #00acee;
    }

    .event_type .event_pic img.bg4 {
        background-color: #00ee9d;
    }

    .event_type .event_pic img.bg5 {
        background-color: #ee09fc;
    }

    .event_type .event_pic img.bg6 {
        background-color: #0ae5dd;
    }

    .event_type .event_pic img.bg7 {
        background-color: #54b2fa;
    }

    .event_type .event_pic img.bg8 {
        background-color: #7ca53b;
    }

    .event_type .event_pic img {
        border-radius: 50%;
        padding: 10px;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .event_type .event_content {
        margin-top: 30px;
        position: relative;
        z-index: 1;
        background-color: #ffffff;
        padding-bottom: 15px;
    }

        .event_type .event_content::before {
            content: '';
            width: 200px;
            height: 70px;
            background-image: url('../images/event_dot.png');
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
            position: absolute;
            top: -10px;
            left: 0;
            right: 0;
            margin: 0 auto;
            z-index: -1;
        }

        .event_type .event_content .event_content_box {
            position: relative;
            background-color: #ffffff;
            padding: 10px;
            max-width: 160px;
            margin: 0 auto;
        }

            .event_type .event_content .event_content_box h4 {
                color: #343a40;
                font-size: 20px;
                text-transform: uppercase;
                font-family: 'Franklin Gothic Demi';
            }

        .event_type .event_content .shape-1 {
            width: 0;
            height: 0;
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            border-bottom: 20px solid #0cadf1;
            position: absolute;
            top: -10px;
            right: 29%;
            z-index: -1;
            transform: rotate(15deg);
        }

        .event_type .event_content .shape-2 {
            width: 35px;
            height: 35px;
            background-color: #fc097c;
            border-radius: 50%;
            position: absolute;
            left: 25%;
            bottom: 0px;
            z-index: -1;
        }

.venue_section {
    padding-top: 5rem;
    padding-bottom: 3rem;
    background-image: url('../images/venue_bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

    .venue_section h2 {
        font-family: 'Franklin Gothic Demi';
        text-transform: uppercase;
        position: relative;
        font-size: 50px;
        margin-bottom: 4rem;
        color: #fff;
        padding-top: 4rem;
    }

        .venue_section h2:before {
            position: absolute;
            content: '';
            background-image: url('../images/venue_hdng_icon.png');
            background-repeat: no-repeat;
            width: 159px;
            height: 101px;
            left: 0;
            right: 0;
            margin: auto;
            top: -50px;
        }

    .venue_section .card {
        border: 0;
        border-radius: 0;
    }

        .venue_section .card .card-img-top {
            border-radius: 0;
            /*transition: all .3s ease-in-out 0s;*/
            height: 100%;
            object-fit: cover;
            /*-webkit-transform: rotate(15deg) scale(1.4);
            transform: rotate(15deg) scale(1.4);
            -webkit-transition: .3s ease-in-out;
            transition: .3s ease-in-out;*/
            margin-left: 20px;
            -webkit-transform: scale(1.15);
            transform: scale(1.15);
            -webkit-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
        }

        .venue_section .card h5 {
            font-size: 30px;
            color: #343a40;
            margin-bottom: 0;
        }

        .venue_section .card:hover .card-img-top {
            /*-webkit-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1);*/
            margin-left: 0;
        }

        .venue_section .card:hover .card-body {
            background: #e95b25;
            transition: all .3s ease-in-out 0s;
        }

            .venue_section .card:hover .card-body h5 {
                color: #fff;
            }

.venue_pic {
    overflow: hidden;
    height: 410px;
}


.module_feature_section {
    padding-top: 5rem;
    padding-bottom: 3rem;
    background-image: url('../images/module_feature_bg.jpg');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 500px;
}

    .module_feature_section h2 {
        font-family: 'Franklin Gothic Demi';
        text-transform: uppercase;
        position: relative;
        font-size: 50px;
        margin-bottom: 4rem;
        color: #fff;
        padding-top: 4rem;
    }

        .module_feature_section h2:before {
            position: absolute;
            content: '';
            background-image: url('../images/module_feature_hdng_icon.png');
            background-repeat: no-repeat;
            width: 119px;
            height: 110px;
            left: 0;
            right: 0;
            margin: auto;
            top: -50px;
        }

    .module_feature_section .media {
        border: 2px solid #a64324;
        border-radius: 10px;
        overflow: hidden;
        margin-bottom: 20px;
    }

        .module_feature_section .media .media_left {
            background: #c9542f;
            text-align: center;
            padding: 15px;
        }

        .module_feature_section .media .media-body {
            padding-top: 2.5rem;
        }

            .module_feature_section .media .media-body.two_line {
                padding-top: 1.5rem !important;
            }

            .module_feature_section .media .media-body h5 {
                color: #dbdbdb;
                text-transform: uppercase;
                font-size: 29px;
                font-family: 'Franklin Gothic Demi';
            }

            .module_feature_section .media .media-body ul {
                list-style: none;
                margin: 0;
                padding: 0;
            }

                .module_feature_section .media .media-body ul li {
                    background-image: url('../images/ethrave_tick_icon.png');
                    background-repeat: no-repeat;
                    background-position: left center;
                    padding-left: 30px;
                    color: #dbdbdb;
                    font-size: 16px;
                    font-family: 'Franklin Gothic Demi';
                }

        .module_feature_section .media .media_left.sub_items {
            height: 15rem;
            line-height: 13rem;
        }

.admin_feature_section {
    padding-top: 5rem;
    padding-bottom: 3rem;
    background-image: url('../images/adminfeature__hdng_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    height: 350px;
}

    .admin_feature_section h2 {
        font-family: 'Franklin Gothic Demi';
        text-transform: uppercase;
        position: relative;
        font-size: 50px;
        margin-bottom: 4rem;
        color: #fff;
        padding-top: 4rem;
    }

        .admin_feature_section h2:before {
            position: absolute;
            content: '';
            background-image: url('../images/adminfeature__hdng_icon.png');
            background-repeat: no-repeat;
            width: 159px;
            height: 101px;
            left: 0;
            right: 0;
            margin: auto;
            top: -50px;
        }

.admin_feature_list_section {
    padding-top: 5rem;
    padding-bottom: 3rem;
    background-image: url('../images/adminfeature_list_bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: -6rem;
    background-attachment: fixed;
}

    .admin_feature_list_section ul {
        /*background: #0a8096;*/
        background: #c9542f;
        padding: 3rem;
    }

        .admin_feature_list_section ul li {
            border-bottom: 1px solid #ccc;
            margin-bottom: 1rem;
            padding-bottom: 1rem;
        }

.block {
    float: left;
    width: 25%;
    height: 150px;
}

.hovicon {
    display: inline-block;
    font-size: 45px;
    line-height: 90px;
    cursor: pointer;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    text-decoration: none;
    z-index: 1;
    color: #000;
}

    .hovicon.small {
        font-size: 20px;
        line-height: 45px;
        width: 45px;
        height: 45px;
        margin: 7px;
    }

    .hovicon.mini {
        font-size: 15px;
        line-height: 32px;
        width: 30px;
        height: 30px;
        margin: 7px;
    }

    .hovicon.auto-width {
        width: auto;
        height: auto;
        padding: 15px;
    }

    .hovicon:after {
        pointer-events: none;
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        content: '';
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    .hovicon:before {
        speak: none;
        font-size: 48px;
        line-height: 90px;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: block;
        -webkit-font-smoothing: antialiased;
    }
    /* Effect 4 */
    .hovicon.effect-4 {
        width: 90px;
        height: 90px;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 1);
        /*box-shadow: 0 0 0 2px rgba(19, 163, 246, 1);*/
    }

        .hovicon.effect-4.small {
            width: 45px;
            height: 45px;
        }

        .hovicon.effect-4.mini {
            width: 30px;
            height: 30px;
        }

        .hovicon.effect-4.sub-a {
            -webkit-transition: box-shadow 0.2s;
            -moz-transition: box-shadow 0.2s;
            transition: box-shadow 0.2s;
        }

        .hovicon.effect-4:before {
            line-height: 92px;
        }

        .hovicon.effect-4:after {
            top: -2px;
            left: -2px;
            padding: 0;
            z-index: 10;
            border: 2px dashed #fff;
        }

.media:hover .hovicon.effect-4 {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    color: #000;
}

    /* Effect 4b */
    .media:hover .hovicon.effect-4.sub-b {
        -webkit-transition: box-shadow 0.2s;
        -moz-transition: box-shadow 0.2s;
        transition: box-shadow 0.2s;
    }

        .media:hover .hovicon.effect-4.sub-b:after {
            -webkit-animation: spinAround 9s linear infinite;
            -moz-animation: spinAround 9s linear infinite;
            animation: spinAround 9s linear infinite;
        }

@-webkit-keyframes spinAround {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spinAround {
    from {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@keyframes spinAround {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg);
    }
}

.admin_feature_list_section .media-body h5 {
    font-size: 22px;
    text-transform: uppercase;
    font-family: 'Franklin Gothic Demi';
    color: #fff;
}

.admin_feature_list_section .media-body p {
    font-size: 14px;
    margin: 0;
    color: #e5e5e5;
}

.dropdown-menu {
    background: #000;
}

.dropdown-item {
    color: #e9ecef;
    padding: 0 1rem;
    margin-bottom: 10px;
}

    .dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active{
        color: #fff;
        text-decoration: none;
        background-color: #000;
    }

    .dropdown-item::after {
        content: '';
        display: block;
        width: 0;
        height: 2px;
        background: #e95b25;
        transition: width .3s;
    }

    .dropdown-item:hover::after, .dropdown-item.active::after {
        width: 100%;
    }

.navbar-collapse {
    z-index: 9;
}

.card h6 {
    color: #212529;
}











ol.gradient-list {
    counter-reset: gradient-counter;
    list-style: none;
    margin: 1.75rem 0;
    padding-left: 1rem;
    box-shadow: 0.25rem 0.25rem 0.6rem rgb(0 0 0 / 5%), 0 0.5rem 1.125rem rgb(75 0 0 / 5%);
    background: #efefef;
    padding: 2rem 3rem;
}

    ol.gradient-list > li {
        background: white;
        border-radius: 0 0.5rem 0.5rem 0.5rem;
        counter-increment: gradient-counter;
        margin-top: 1rem;
        min-height: 3rem;
        padding: 1rem 1rem 1rem 3rem;
        position: relative;
        box-shadow: 0;
    }

        ol.gradient-list > li::before, ol.gradient-list > li::after {
            background: linear-gradient(135deg, #83e4e2 0%, #a2ed56 100%);
            border-radius: 1rem 1rem 0 1rem;
            content: "";
            height: 2.5rem;
            left: -1rem;
            overflow: hidden;
            position: absolute;
            top: -1rem;
            width: 2.5rem;
        }

        ol.gradient-list > li::before {
            align-items: flex-end;
            content: counter(gradient-counter);
            color: #1d1f20;
            display: flex;
            font: 900 1.4em/1 "Montserrat";
            justify-content: flex-end;
            padding: 0.125em 0.25em;
            z-index: 1;
        }

        ol.gradient-list > li:nth-child(10n+1):before {
            background: linear-gradient(135deg, rgba(162, 237, 86, 0.2) 0%, rgba(253, 220, 50, 0.2) 100%);
        }

        ol.gradient-list > li:nth-child(10n+2):before {
            background: linear-gradient(135deg, rgba(162, 237, 86, 0.4) 0%, rgba(253, 220, 50, 0.4) 100%);
        }

        ol.gradient-list > li:nth-child(10n+3):before {
            background: linear-gradient(135deg, rgba(162, 237, 86, 0.6) 0%, rgba(253, 220, 50, 0.6) 100%);
        }

        ol.gradient-list > li:nth-child(10n+4):before {
            background: linear-gradient(135deg, rgba(162, 237, 86, 0.8) 0%, rgba(253, 220, 50, 0.8) 100%);
        }

        ol.gradient-list > li:nth-child(10n+5):before {
            background: linear-gradient(135deg, #a2ed56 0%, #fddc32 100%);
        }

        ol.gradient-list > li:nth-child(10n+6):before {
            background: linear-gradient(135deg, rgba(162, 237, 86, 0.8) 0%, rgba(253, 220, 50, 0.8) 100%);
        }

        ol.gradient-list > li:nth-child(10n+7):before {
            background: linear-gradient(135deg, rgba(162, 237, 86, 0.6) 0%, rgba(253, 220, 50, 0.6) 100%);
        }

        ol.gradient-list > li:nth-child(10n+8):before {
            background: linear-gradient(135deg, rgba(162, 237, 86, 0.4) 0%, rgba(253, 220, 50, 0.4) 100%);
        }

        ol.gradient-list > li:nth-child(10n+9):before {
            background: linear-gradient(135deg, rgba(162, 237, 86, 0.2) 0%, rgba(253, 220, 50, 0.2) 100%);
        }

        ol.gradient-list > li:nth-child(10n+10):before {
            background: linear-gradient(135deg, rgba(162, 237, 86, 0) 0%, rgba(253, 220, 50, 0) 100%);
        }

        ol.gradient-list > li + li {
            margin-top: 2rem;
        }


.items {
    width: 300px;
    background: #fffffe;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    border-top: 10px solid #0B5AA2;
    height: 100%;
}

.items-head p {
    padding: 5px 20px;
    margin: 10px;
    color: #0B5AA2;
    font-weight: bold;
    font-size: 20px;
    font-family: 'Franklin Gothic Medium Cond';
}

.items-head hr {
    width: 20%;
    margin: 0px 30px;
    border: 1px solid #0B5AA2;
}

.items-body {
    padding: 10px;
    margin: 10px;
    display: grid;
    font-size: 14px;
}

.items-body-content {
    padding: 10px;
    display: grid;
    grid-template-columns: 1fr 10fr;
    font-size: 15px;
    grid-gap: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    /*border-radius: 15px;
    border: 1px solid #ccc;*/
    transition: 0.3s ease-in-out;
}

.items-body-content-wrap {
    transition: 0.3s ease-in-out;
}

    .items-body-content-wrap .items-body-content {
        border: 0;
        margin: 0;
    }

    .items-body-content-wrap:hover {
        border: 1px solid #f78d1e !important;
        border-radius: 15px;
    }

        .items-body-content-wrap:hover .items-body-content:hover {
            border: 0;
        }

.items-body-content:hover {
    border-radius: 15px;
    border: 1px solid #f78d1e;
}

.items-body-content i {
    align-self: center;
    font-size: 15px;
    /*color: #0B5AA2;*/
    color: #f78d1e;
    font-weight: bold;
    animation: icon 1.5s infinite forwards;
}

@keyframes icon {
    0%, 100% {
        transform: translate(0px);
    }

    50% {
        transform: translate(3px);
    }
}

.consult_banner {
    top: 3rem;
    font-family: 'Franklin Gothic Medium Cond';
}

.engineer_banner {
    top: 5rem;
    font-family: 'Franklin Gothic Medium Cond';
}

.blog_item h3 {
    font-family: 'Franklin Gothic Demi';
    border-left: 6px solid #0a8096;
    padding-left: 10px;
    font-size: 25px;
}

.individual_list .list-group-item {
    display: inline-block;
    padding: 0.5rem 1rem;
    border: 1px solid rgba(0,0,0,.125);
    margin: 2px;
}

.list-group-item i {
    align-self: center;
    font-size: 15px;
    color: #f78d1e;
    font-weight: bold;
    animation: icon 1.5s infinite forwards;
    padding-right: 10px;
}

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

.home_slider .carousel-item img {
    height: auto !important;
}

.home_slider .carousel-inner > .active {
    height: auto !important;
}

.company_overview {
    background: url('../images/company_overview.jpg') center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 4rem 0;
}

    .company_overview h1 {
        color: #fff;
        font-family: 'Franklin Gothic Demi';
    }

    .company_overview p {
        color: #fff;
        font-family: 'Franklin Gothic Medium Cond';
        font-size: 18px;
    }

.key_service_sol {
    background: url('../images/key_service_solutio.jpg') center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 4rem 0;
    position: relative;
}

.key_overlay_wrp {
    background: rgba(0,0,0,0.8);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.key_service_sol h1 {
    color: #fff;
    font-family: 'Franklin Gothic Demi';
    text-align: center;
    position: relative;
    margin-bottom: 3rem;
}

.key_service_sol .card {
    background-color: rgba(178,34,231,0.5);
    color: #fff;
    font-family: 'Franklin Gothic Medium Cond';
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
}

.key_service_icon {
    background: rgba(178,34,231,1);
    position: absolute;
    padding: 14px;
    text-align: center;
    border-radius: 50%;
    border: 8px solid #ccc;
    top: -10px;
    left: -18px;
}

.key_service_sol .card h4 {
    margin-bottom: 0;
    padding-left: 4.5rem;
}

.value_sec .card-deck {
    margin-top: 3rem;
    position: relative;
}

    .value_sec .card-deck:before {
        position: absolute;
        content: '';
        background: #ff7831;
        height: 3px;
        width: 100%;
        top: 6rem;
    }

.value_sec .card {
    background: #2c3451;
    padding: 10px 20px;
    border-radius: 10px;
}

    .value_sec .card ul {
        list-style: disc;
    }

        .value_sec .card ul li ul {
            list-style: circle;
            padding-left: 2rem;
        }

    .value_sec .card h6 {
        color: #ff7831;
        font-family: 'Franklin Gothic Demi';
    }

    .value_sec .card li {
        color: #fff;
        font-family: 'Franklin Gothic Medium Cond';
        font-size: 16px;
        margin-bottom: 10px;
    }

.value_sec .card-body {
    padding-bottom: 4rem;
}

.phase_icon {
    position: absolute;
    bottom: -3rem;
    left: 0;
    right: 0;
    text-align: center;
}

.commitment_left_pic img {
    margin-left: -96px;
}

.contact_us_sec {
    background: url('../images/contact_bg.jpg') center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

    .contact_us_sec .caption {
        background: rgba(255,255,255,0.3);
        width: 300px;
        padding: 20px;
        border-radius: 10px;
    }

        .contact_us_sec .caption ul li {
            margin-bottom: 10px;
            color: #fff;
        }

    .contact_us_sec h1 {
        color: #fff;
        font-family: 'Franklin Gothic Demi';
    }

.contact_caption {
    padding-top: 7rem;
}

.contact_right_sec {
    position: absolute;
    top: 0;
    right: 0;
    width: 15%;
}

.core_competence_sec {
    background: url('../images/core_bg.png') center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 8rem 0 0;
    position: relative;
}

.solid_circle {
    background: #f1a1a1;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: 20px solid #afa1b1;
    position: relative;
    float: left;
    font-family: 'Franklin Gothic Demi';
    color: #000;
    font-size: 26px;
    text-align: center;
    padding-top: 3rem;
    line-height: normal;
}

    .solid_circle:before {
        position: absolute;
        content: '';
        width: 250px;
        height: 150px;
        border-top-left-radius: 136px;
        border-top-right-radius: 136px;
        border: 5px solid #fff;
        border-bottom-color: #fff;
        border-bottom-style: solid;
        border-bottom-width: 10px;
        border-bottom: 0;
        top: 5px;
        right: -100px;
        transform: rotate(90deg);
    }

.individual_panel_list {
    position: relative;
    margin: 0;
    float: left;
    margin: -50px 0;
}

.individual_panel1 {
    margin: -70px 0 0 -9px;
    transform: rotate(-17deg);
}

    .individual_panel1 .circle_border {
        transform: rotate(-25deg);
    }

.circle_border {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 2px solid #fff;
    display: inline-block;
    position: relative;
}

    .circle_border:before {
        position: absolute;
        content: '';
        background: #fff;
        width: 40px;
        height: 2px;
        top: 36px;
        left: -40px;
    }

    .circle_border:after {
        position: absolute;
        content: '';
        background: #f1a1a1;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        border-radius: 50%;
        top: 32px;
        left: -47px;
    }

.individual_panel_caption {
    background: #85cbe1;
    border-radius: 20px;
    font-family: 'Franklin Gothic Medium Cond';
    color: #000;
    font-size: 20px;
    padding: 10px 30px;
    width: 15rem;
    display: inline-block;
    vertical-align: top;
    margin-left: -60px;
    margin-top: 39px;
    transform: rotate(17deg);
}

.individual_panel2 {
    margin: -2px 0 0 49px;
    transform: rotate(-17deg);
}

    .individual_panel2 .circle_border {
        transform: rotate(-18deg);
    }

.individual_panel3 {
    margin: 59px 0 0 61px;
    transform: rotate(18deg);
}

    .individual_panel3 .circle_border {
        transform: rotate(-18deg);
    }

    .individual_panel3 .individual_panel_caption {
        transform: rotate(-17deg);
        margin-top: -19px;
    }

.individual_panel4 {
    margin: 29px 0 0 24px;
    transform: rotate(27deg);
}

    .individual_panel4 .individual_panel_caption {
        transform: rotate(-26deg);
        margin-top: -33px;
        margin-left: -68px;
    }

.individual_panel5 {
    margin: 50px 0 0 -76px;
    transform: rotate(45deg);
}

    .individual_panel5 .circle_border {
        transform: rotate(15deg);
    }

    .individual_panel5 .individual_panel_caption {
        transform: rotate(-44deg);
        margin-top: -58px;
        margin-left: -87px;
    }

.contact_bottom_sec {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30%;
}

.lightbox-gallery {
    overflow-x: hidden
}

    .lightbox-gallery .item {
        position: relative;
        background: #e5e5e5;
        padding: 5px;
        box-shadow: 0px 4px 7px 4px #b3b2b2;
    }

.photos div[class*="col-"] {
    padding-bottom: 30px
}

.lightbox-gallery p {
    color: #fff
}

.lightbox-gallery h2 {
    font-weight: bold;
    margin-bottom: 40px;
    padding-top: 40px;
    color: #fff
}

@media (max-width:767px) {
    .lightbox-gallery h2 {
        margin-bottom: 25px;
        padding-top: 25px;
        font-size: 24px
    }
}

.lightbox-gallery .intro {
    font-size: 16px;
    max-width: 500px;
    margin: 0 auto 40px
}

    .lightbox-gallery .intro p {
        margin-bottom: 0
    }

.lightbox-gallery .photos {
    padding-bottom: 20px
}

.item_overlay {
    background: rgba(239,35,60,.95);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    padding: 2.5rem 1.875rem;
    -webkit-transform: translate(-30px, 10px);
    -ms-transform: translate(-30px, 10px);
    -o-transform: translate(-30px, 10px);
    transform: translate(-30px, 10px);
}

.lightbox-gallery .item .item_overlay {
    background: rgba(0,0,0,.95);
}

.lightbox-gallery .item:hover .item_overlay {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.item_overlay ul {
    opacity: 0;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    margin-bottom: 15px;
}

    .item_overlay ul.social li {
        height: 32px;
        line-height: 30px;
        width: 32px;
        font-size: 14px;
        border: 1px solid #979797;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        text-align: center;
    }

    .item_overlay ul.social.white li {
        color: #fff;
        border: 1px solid #fff;
    }

        .item_overlay ul.social.white li:hover,
        .item_overlay ul.social.white li:focus {
            background: #fff;
            border: 1px solid #fff;
            color: #ef233c;
        }

.lightbox-gallery .item:hover .item_overlay ul {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.item_overlay h3 {
    font-weight: bold;
}

.readmore {
    position: relative;
}
  
.readmore.less {
    overflow: hidden;
    height: 75px;
}

.point_sale .readmore.less {
    height: 105px;
}

.explore_tech .readmore.less {
    height: 125px;
}

.readmore.less > span{
    position: absolute;
    bottom: 4px;
    z-index: 9999;
    background: #fff;
    padding: 0 0 0 5px;
    right: 0;
}
.technologies .readmore.less > span{background: #f3f6ff;}
.readmore > span {
    position: static;
}
.readmore span{
    cursor: pointer; 
}

.error-container h1 { 
    font-size: 5rem; 
    color: #ff5733; 
} 
  
.error-container p { 
    font-size: 1.5rem; 
    color: #333; 
    margin-bottom: 40px; 
} 
  
.error-container a { 
    text-decoration: none; 
    background-color: #ff5733; 
    color: #fff; 
    padding: 10px 20px; 
    border-radius: 3px; 
    font-weight: bold; 
    transition: background-color 0.3s ease; 
} 
  
.error-container a:hover { 
    background-color: #e6482e; 
}


.error-container { 
    text-align: center; 
    background-color: #eee; 
    padding: 75px 100px; 
    border-radius: 5px; 
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 
    display: inline-block;
    margin: 150px auto;
}