ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
    margin: 0;
}

#logo-black,#logo-white {
    height: 44px;
}

body {
    min-width: 300px;
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0;
    background: #FFFFFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* overflow-y: hidden;            */          /* for scroll-snap experience */
}

.page-container {

    /* overflow-y: scroll;             */         /* for scroll-snap experience */
    /* scroll-snap-type: y mandatory;  */         /* for scroll-snap experience */
    /* height: 100vh;                  */         /* for scroll-snap experience */
}

a, button {
    outline: none!important;
}

a:hover {
    text-decoration: none;
    cursor: pointer;
}

.page-preloader {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 100000;
    background: #FFFFFF url("img/pageload-spinner.gif") no-repeat center center;
}

.bloc {
    width: 100%;
    clear: both;
    background: 50% 50% no-repeat;
    padding: 0 50px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    display: flex;
    scroll-snap-align: start;
}

.bloc .container {
    padding-left: 0;
    padding-right: 0;
}

.bloc-xxl {
    padding: 200px 50px;
}

.bloc-lg {
    padding: 50px 50px 50px 50px;
}

.bloc-sm {
    padding: 20px 50px;
}

.full-width-bloc {
    padding-left: 0;
    padding-right: 0;
}

.full-width-bloc .row {
    margin-left: 0;
    margin-right: 0;
}

.full-width-bloc .container {
    width: 100%;
    max-width: 100%!important;
}

.full-width-bloc .carousel img {
    width: 100%;
    height: auto;
}

.bg-center, .bg-l-edge, .bg-r-edge, .bg-t-edge, .bg-b-edge, .bg-tl-edge, .bg-bl-edge, .bg-tr-edge, .bg-br-edge, .bg-repeat {
    -webkit-background-size: auto!important;
    -moz-background-size: auto!important;
    -o-background-size: auto!important;
    background-size: auto!important;
}

.bg-bl-edge {
    background: bottom left no-repeat;
}

.d-bloc .card, .l-bloc {
    color: rgba(0, 0, 0, .5);
}

.d-bloc .card button:hover, .l-bloc button:hover {
    color: rgba(0, 0, 0, .7);
}

.l-bloc .icon-round, .l-bloc .icon-square, .l-bloc .icon-rounded, .l-bloc .icon-semi-rounded-a, .l-bloc .icon-semi-rounded-b {
    border-color: rgba(0, 0, 0, .7);
}

.d-bloc .card .divider-h span, .l-bloc .divider-h span {
    border-color: rgba(0, 0, 0, .1);
}

.d-bloc .card .a-btn, .l-bloc .a-btn, .l-bloc .navbar a, .l-bloc a .icon-sm, .l-bloc a .icon-md, .l-bloc a .icon-lg, .l-bloc a .icon-xl, .l-bloc h1 a, .l-bloc h2 a, .l-bloc h3 a, .l-bloc h4 a, .l-bloc h5 a, .l-bloc h6 a, .l-bloc p a {
    color: rgba(0, 0, 0, .6);
}

.d-bloc .card .a-btn:hover, .l-bloc .a-btn:hover, .l-bloc .navbar a:hover, .l-bloc a:hover .icon-sm, .l-bloc a:hover .icon-md, .l-bloc a:hover .icon-lg, .l-bloc a:hover .icon-xl, .l-bloc h1 a:hover, .l-bloc h2 a:hover, .l-bloc h3 a:hover, .l-bloc h4 a:hover, .l-bloc h5 a:hover, .l-bloc h6 a:hover, .l-bloc p a:hover {
    color: rgba(0, 0, 0, 1);
}

.l-bloc .navbar-toggle .icon-bar {
    color: rgba(0, 0, 0, .6);
}

.d-bloc .card .btn-wire, .d-bloc .card .btn-wire:hover, .l-bloc .btn-wire, .l-bloc .btn-wire:hover {
    color: rgba(0, 0, 0, .7);
    border-color: rgba(0, 0, 0, .3);
}

.voffset-md {
    margin-top: 50px;
}

.hero .hero-nav {
    padding-left: inherit;
    padding-right: inherit;
}

.navbar-light .navbar-nav .nav-link {
    color: rgb(64, 64, 64);
}

.btco-menu li>a {
    padding: 10px 15px;
    color: #000;
}

.btco-menu .active a:focus, .btco-menu li a:focus, .navbar>.show>a:focus {
    background: transparent;
    outline: 0;
}

.dropdown-menu .show>.dropdown-toggle::after {
    transform: rotate(-90deg);
}

.mg-md {
    margin-top: 10px;
    margin-bottom: 20px;
}

.mg-lg {
    margin-top: 10px;
    margin-bottom: 40px;
}

img.mg-sm, img.mg-md, img.mg-lg {
    margin-top: 0;
}

img.mg-sm {
    margin-bottom: 10px;
}

img.mg-md {
    margin-bottom: 30px;
}

img.mg-lg {
    margin-bottom: 50px;
}

.img-fluid {
    padding: 25px;
}

.clntPartnerIcon {
}


.btn-d {
    color: #FFF;
    border-color: rgba(0, 0, 0, 1);
    background: rgba(0, 0, 0, .3);
}

.btn-d:hover, .btn-d:focus {
    color: #FFF;
    border-color: rgba(0, 0, 0, 1);
    background: linear-gradient(104deg, #05A5F3, #26EAA3);
}

button {
    outline: none!important;
}

.btn-rd {
    border-radius: 40px;
}

.a-block {
    width: 100%;
    text-align: left;
    display: inline-block;
}

.text-center .a-block {
    text-align: center;
}

.icon-md {
    font-size: 30px!important;
}

.card-sq, .card-sq .card-header, .card-sq .card-footer {
    border-radius: 0;
}

.card-rd {
    border-radius: 30px;
}

.card-rd .card-header {
    border-radius: 29px 29px 0 0;
}

.card-rd .card-footer {
    border-radius: 0 0 29px 29px;
}

.divider-h {
    padding: 40px 0px 20px 0px;
    width: 100%;
    display: inline-block;
}

.divider-h span {
    display: block;
    border-top: 1px solid transparent;
}

.divider-half {
    width: 50%;
    margin: 0 auto;
}

.dropdown-menu .divider-h, .dropdown-menu .divider-half {
    padding: 0;
}

.carousel-caption-center {
    top: 40%;
    bottom: initial;
    transform: translateY(-50%);
}

.scrollToTop {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 120px;
    right: 20px;
    opacity: 0;
    z-index: 500;
    transition: all .3s ease-in-out;
}

.scrollToTop span {
    margin-top: 6px;
}

.showScrollTop {
    font-size: 14px;
    opacity: 1;
}

h1, h2, h3, h4, h5, h6, p, label, .btn, a {
    font-family: poppins;
}

.container {
    max-width: 1140px;
}

.full-page-height {
    /*
    height: calc(100vh-96px);
    height: -webkit-calc(100vh - 96px);
    height: -moz-calc(100vh - 96px);
    */
}

.link-style {
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
}

.h1-style {
    font-size: 24px;
    line-height: 100px;
}

.footer {
    background-image: url(img/footerbg.png);
    background-position: top;
    padding-top: 50px;
    border-color: rgba(0, 0, 0, 0.00)!important;
    color: transparent!important;
}

.white-triangle {
    width: 100%;
    overflow: visible;
    float: right;
    height: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.h1-our-partners-style {
    font-size: 24px;
    line-height: 100px;
}

.videobg {
    background-image: url("img/bg-videos.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-clip: padding-box!important;
    -webkit-background-clip: padding-box!important;
    padding: 100px 100px 100px 100px;
}

.h1-1-style {
    width: 45.5%;
}

.p-style {
    width: 100%;
    color: #000000!important;
}

.carousel-29220 {
    padding-right: 100px;
}

.h2-style {
    font-size: 30px;
    width: 100%;
}

.btn-style {
    width: 85.62%;
}

.gb {
    background: rgba(255, 255, 255, 0.5);
    font-size: 14px;
}

.btn-contact-us-style {
    float: left;
    color: #ffffff;
    border-radius: 25px 25px 25px 25px;
}

.link-more-about-us-style {
    font-weight: bold;
}

.h3-style {
    font-size: 19px;
}

.link-padding {
    padding-top: 0px;
    padding-bottom: 0px;
}

.link-footer-padding {
    padding-top: 14px;
    padding-bottom: 14px;
}

.link-0-padding {
    padding-top: 18px;
    padding-bottom: 18px;
}

.p-bloc-2-style {
    width: 100%;
    color: #000000;
}

.box-services2 {
    background-color: transparent;
    background: linear-gradient(136deg, #0DB7DF, #1DD9B8);
    height: 300px;
    color: transparent!important;
    padding: 10px 10px 10px 10px;
}

.btn-contact-us-style:hover {
    background-color: transparent;
    float: left;
    width: 200px;
}

.p-color {
    color: #000000;
}

.h1-bloc-0-style {
    width: 100%;
}

.h1-3-style {
    width: 100%;
}

.p-bloc-0-style {
    width: 100%;
    color: #000000;
}

.btn-color {
    color: #ffffff;
}

.white {
    color: #FFFFFF!important;
}

.text-span-color {
    color: #000000;
}

.link-home-style {
    width: 100%;
}

.carousel-style {
    width: 100%;
}

.p-14-style {
    width: 100%;
}

.tc-black {
    color: #000000!important;
}

.tc-black-2 {
    color: #000000!important;
}

.tc-black-3 {
    color: #000000!important;
}

.tc-white {
    color: #FFFFFF!important;
}

.ltc-black {
    color: #000000!important;
}

.ltc-black:hover {
    color: #000000!important;
}

.bg-CTA {
    background-position: top left;
    /*
    background-image: url("img/bg-videos.png");
    */
}

.bg-perf {
    background-position: top left;
    /*
    background-image: url("img/bg-videos.png");
    */
    /*
    ref:
      http://www.heropatterns.com/
    background-color: #4ad1e57f;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='18' viewBox='0 0 100 18'%3E%3Cpath fill='%239C92AC' fill-opacity='0.4' d='M61.82 18c3.47-1.45 6.86-3.78 11.3-7.34C78 6.76 80.34 5.1 83.87 3.42 88.56 1.16 93.75 0 100 0v6.16C98.76 6.05 97.43 6 96 6c-9.59 0-14.23 2.23-23.13 9.34-1.28 1.03-2.39 1.9-3.4 2.66h-7.65zm-23.64 0H22.52c-1-.76-2.1-1.63-3.4-2.66C11.57 9.3 7.08 6.78 0 6.16V0c6.25 0 11.44 1.16 16.14 3.42 3.53 1.7 5.87 3.35 10.73 7.24 4.45 3.56 7.84 5.9 11.31 7.34zM61.82 0h7.66a39.57 39.57 0 0 1-7.34 4.58C57.44 6.84 52.25 8 46 8S34.56 6.84 29.86 4.58A39.57 39.57 0 0 1 22.52 0h15.66C41.65 1.44 45.21 2 50 2c4.8 0 8.35-.56 11.82-2z'%3E%3C/path%3E%3C/svg%3E");
    */
    background: linear-gradient(180deg, rgba(255,255,255,1), 
                                        rgba(35,229,169,1) 45%, 
                                        rgba( 9,175,233,1) 100%);
}

.bg-Tbg::before {
    /*
    background-position: top left;
    background-size: contain!important;
    background-image: url("img/CTA.png");
    */

    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-image: url("img/CTA.png");
    background-repeat: no-repeat;
    background-size: 100% ;
    transform:scaleX(-1);
    filter: opacity(25%);
}

.bg-pgHdrSoln {
    height: 450px;
}

.bg-pgHdrSoln::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 450px;
    background-image: url(img/pgHdrSoln.jpg);
    background-repeat: no-repeat;
    background-size: cover ;
    filter: opacity(35%); 
}

.bg-pgHdrContact {
    height: 450px;
}

.bg-pgHdrContact::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 450px;
    background-image: url(img/pgHdrContact.jpg);
    background-repeat: no-repeat;
    background-size: cover ;
    filter: opacity(35%); 
}

.bg-bg-videos {
    background-image: url("img/Tbg.png");
}

.bg-circle {
    background-image: url("img/circle.png");
}

.owl-carousel .owl-stage {
    display: flex;
}

.owl-carousel .owl-stage .owl-item .feedback-slider-item {
    width: auto;
    height: 100%;
}

.bottom-logo {
    display: flex; 
    align-items: center;
}

.stepList {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='204' height='204'><line x1='102' y1='0' x2='102' y2='204' stroke='black' stroke-width='1' ></line></svg>");
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}

@media (max-width: 1024px) {
    .bloc {
        padding-left: 20px;
        padding-right: 20px;
    }

    .bloc.full-width-bloc, .bloc-tile-2.full-width-bloc .container, .bloc-tile-3.full-width-bloc .container, .bloc-tile-4.full-width-bloc .container {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 991px) {
    .container {
        width: 100%;
    }

    .page-container, #hero-bloc {
        overflow-x: hidden;
        position: relative;
    }

    .bloc {
        padding-left: constant(safe-area-inset-left);
        padding-right: constant(safe-area-inset-right);
    }

    .bloc-group, .bloc-group .bloc {
        display: block;
        width: 100%;
    }

    .clntPartnerIcon {
        max-width: 30%;
    }

}

@media (max-width: 767px) {
    .page-container {
        overflow-x: hidden;
        position: relative;
    }

    .bloc-tile-2 .container, .bloc-tile-3 .container, .bloc-tile-4 .container {
        padding-left: 0;
        padding-right: 0;
    }

    .a-block {
        padding: 0 10px;
    }

    .btn-dwn {
        display: none;
    }

    .voffset {
        margin-top: 5px;
    }

    .voffset-md {
        margin-top: 20px;
    }

    .voffset-lg {
        margin-top: 30px;
    }

    form {
        padding: 5px;
    }

    .close-lightbox {
        display: inline-block;
    }

    .blocsapp-device-iphone5 {
        background-size: 216px 425px;
        padding-top: 60px;
        width: 216px;
        height: 425px;
    }

    .blocsapp-device-iphone5 img {
        width: 180px;
        height: 320px;
    }

    .full-page-height {
        height: inherit;
    }

}

@media (max-width: 991px) {
    .btn-color {
        width: 100%;
    }

    .h1-bloc-0-style {
        font-size: 24px;
        width: 100%;
    }

    .h1-2-style {
        font-size: 24px;
    }

    .h1-3-style {
        font-size: 24px;
        width: 100%;
    }

    .p-style {
        font-size: 14px;
        width: 100%;
    }

    .p-bloc-0-style {
        font-size: 14px;
        width: 100%;
    }

    .p-1-style {
        font-size: 14px;
    }

    .p-bloc-1-style {
        font-size: 14px;
    }

    .p-bloc-2-style {
        font-size: 14px;
    }

    .h3-style {
        font-size: 16px;
    }

    .p-5-style {
        font-size: 14px;
    }

    .h1-our-solutions-style {
        font-size: 36px;
    }

    .btn-style {
        width: 33.06%;
    }

    .row-style {
        width: 100%;
    }

    .link-style {
        width: 100%;
    }

    .divider-style {
        width: 100%;
    }

    .h4-style {
        font-size: 16px;
    }

    .h4-follow-us-style {
        font-size: 16px;
    }

    .h4-contact-us-style {
        font-size: 16px;
    }

    .h4-sitemap-style {
        font-size: 16px;
    }

    .img-style {
        width: 120px;
    }

    .voffset-md {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .h1-2-style {
        width: 100%;
        font-size: 18px;
    }

    .p-bloc-0-style {
        font-size: 10px;
    }

    .p-bloc-1-style {
        font-size: 12px;
    }

    .link-style {
        width: 100%;
    }

    .row-style {
        width: 100%;
    }

    .divider-style {
        width: 100%;
    }

    .btn-color {
        width: 100%;
    }

    .p-1-style {
        font-size: 10px;
    }

    .h1-bloc-0-style {
        font-size: 18px;
    }

    .h1-3-style {
        font-size: 18px;
    }

    .p-style {
        font-size: 10px;
    }
}

@media (max-width: 575px) {
    .footer-link {
        text-align: center;
    }

    .bottom-logo {
        justify-content: center;
    }
}

.h1-style,.h1-our-partners-style,h1,h2,h3 {
    color: black;
    font-weight: bold;
}