/* DATALAB */
p{letter-spacing: 1px;word-spacing: 1px;}
.aio-icon-description {letter-spacing: 1px;}

.databox1{ transition: transform .2s;  margin: 0px 10px auto;background: #1167d3;border-radius: 5px; padding: 20px 0px 0px 0px;opacity: 1;width: 340px;margin-bottom: 20px;}
.databox1:hover{transform: scale(1.1);   background-image: linear-gradient(to right top, #147ced, #189dec);opacity: 1;}
.databox2{ transition: transform .2s;  margin: 0px 10px auto;background: #c88922;border-radius: 5px; padding: 20px 0px 0px 0px;opacity: 1;width: 340px;margin-bottom: 20px;}
.databox2:hover{transform: scale(1.1);   background-image: linear-gradient(to right top, #fbbd57, #df9926);opacity: 1;}
.databox3{ transition: transform .2s;  margin: 0px 10px auto;background: #05a696;border-radius: 5px; padding: 20px 0px 0px 0px;opacity: 1;width: 340px;margin-bottom: 20px;}
.databox3:hover{transform: scale(1.1);   background-image: linear-gradient(to right top, #05b6a4, #06a595);opacity: 1;}
.btnbor a{border: 1px solid #000;}
.microsoft1{position: relative; display: inline-block; margin: 0px 0px; overflow: hidden;}
.microsoft1 img {transition: transform 1s ease;}
.microsoft1:hover img {transform: scale(0.95);}
.microsoft1 .microsotext{position: absolute; z-index: 999; margin: 0 auto; left: 5%; right: 0; top: 8%; text-align: left; width: 100%; font-size: 20px; color: #fff;}
.microsoft1 .microsoico i{position: absolute; z-index: 999; margin: 0 auto; left: 5%; right: 0; top: 8%; text-align: right; width: 100%; font-size: 20px; color: #fff;}

/* MENU */
.menuline{border-bottom:1px solid #000 !important;margin-bottom: 20px;}
.soci a{padding:0px 14px 0px 0px;}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive {padding: 20px 0px 0px 0px !important;}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li > a {padding: 8px 0px !important;}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-current, .header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-active { padding-top: 0px !important; padding-bottom: 0px !important;}




/* TECHBOX */
.dtech1{background-image: linear-gradient(to right top, #1d79c5, #173f5f);padding: 30px 30px 30px 10px;}
.dtech2{background-image: linear-gradient(to right top, #b55eb5, #9e2e9e);padding: 30px 30px 30px 10px;}
.dtech3{background-image: linear-gradient(to right top, #2182bf, #59b1ea);padding: 30px 30px 30px 10px;}
.dtech4{background-image: linear-gradient(to right top, #e5bb24, #ddbd4c);padding: 30px 30px 30px 10px;}
.dtech5{background-image: linear-gradient(to right top, #0079fc, #2f8ff8);padding: 30px 30px 30px 10px;}
.dtech6{background-image: linear-gradient(to right top, #dc3533, #ed5454);padding: 30px 30px 30px 10px;}
.dtech7{background-image: linear-gradient(to right top, #f6c122, #ebb615);padding: 30px 30px 30px 10px;}
.dtech8{background-image: linear-gradient(to right top, #48cc5b, #34a044);padding: 30px 30px 30px 10px;}
.vertical-minisearch{display:none;}

.techcap{background: url(https://optisolprod.wpenginepowered.com/wp-content/uploads/sites/4/2019/05/datalab-tech.jpg) no-repeat center center ; background-size: cover; background-position:100% 100%;}
.platcap{background: url(https://optisolprod.wpenginepowered.com/wp-content/uploads/sites/4/2019/05/datalabs-platform.jpg) no-repeat center center ; background-size: cover; background-position:100% 100%;}




h1{margin: 0px 0px 20px 0px !important; letter-spacing: 0px !important;}
h2, .title-h2 {margin: 0px !important;}
h3{margin: 0px 0px 10px 0px !important;}
h5, .title-h5{font-weight: 300;}
.whit{color:#fff !important;}
.holf{padding:0px 15%; color:#434343;}
input[type="text"], textarea {
    background-color: #ffffff!important;
    border: 1px solid #B7B7B7!important;
    border: 0px;
    border-radius: 5px;
    padding: 2px 0px 2px 10px !important;
}
.gform_wrapper li.gfield.gfield_error{background-color: transparent !important; border-top: 0px solid #C89797 !important; border-bottom: 0px solid #C89797 !important;}

.apis{ transition: transform .2s;  margin: 0px 10px auto;background: #cb4d4d;border-radius: 5px; padding: 30px 0px 0px 0px;opacity: .7;width: 288px;margin-bottom: 20px;}
.apis:hover{transform: scale(1.1);    background-image: linear-gradient(to right top, #ea6060, #e65b5b, #e25756, #de5252, #da4d4d);opacity: 1;}

.microresou{font-size: 20px; color: #fff; text-align: left;margin:10px;}
.microresou p{font-size: 20px; color: #fff; text-align: left; padding: 237px 0px 0px 0px;}


.micrsof{ transition: transform .2s;  margin: 0px 10px auto;background: #f6a93b;border-radius: 5px; padding: 20px 0px 0px 0px;opacity: .5;width: 288px;margin-bottom: 20px;}
.micrsof:hover{transform: scale(1.1);   background-image: linear-gradient(to right top, #f6ab40, #f49d20);opacity: 1;}

.micrsac{ transition: transform .2s;  margin: 0px 10px auto;background: #05a696;border-radius: 5px; padding: 20px 0px 0px 0px;opacity: .5;width: 288px;margin-bottom: 20px;}
.micrsac:hover{transform: scale(1.1);   background-image: linear-gradient(to right top, #05b6a4, #06a595);opacity: 1;}

.micrsci{ transition: transform .2s;  margin: 0px 10px auto;background: #5e2ea6;border-radius: 5px; padding: 20px 0px 0px 0px;opacity: .5;width: 288px;margin-bottom: 20px;}
.micrsci:hover{transform: scale(1.1);   background-image: linear-gradient(to right top, #7e44da, #7e44da);opacity: 1;}



.botce{background: #2290ff !important; display: block !important; color: #fff !important; width: 149px !important; font-size: 14px !important; text-transform: none !important; margin: 0px auto !important; margin-top: 40px !important; border-radius: 30px !important; height: auto !important; padding: 0px !important; font-weight: 300 !important;}

.smbt{height: 28px !important;border-radius:25px !important;line-height: 28px !important;}
.smbt a{border-radius:25px !important;}
.smbt a:hover{border-radius:25px !important;}
.gem-button::before { content: ''; position: absolute; top: 0; left: 0; border-radius:25px; width: 0%; height: 100%; z-index: 1; opacity: 0;  ;-webkit-transition: all 0.9s;-moz-transition: all 0.9s;-o-transition: all 0.9s; transition: all 0.9s;}
.with70{width:70%;margin: 0px auto;}
.with90{width:95%;margin: 0px auto;}
.carouselem{display: block; margin: 0px auto; width: 85%;}
.gem-button-size-small, input.gem-button-size-small {height: 46px !important; line-height: 46px !important; padding: 0 24px !important; font-size: 16px !important; margin: 0px 0px 20px 0px !important;}

.emla1 p{padding-bottom:30px;}
.case p{margin: -64px 0px 0px -22px !important; background: #666; color: #fff; padding: 0px 7px; width: 72px; font-family: Oswald;}
.bots{position: absolute; margin: -26px 0px 0px 40px;}
.bots i{padding: 0px 0px 0px 9px; font-size: 26px !important;position: absolute;}
.bots a{font-family: Oswald; text-transform: capitalize; font-weight: 300; font-size: 25px; background-image: linear-gradient(to right, #f85816, #f76423, #f76f2e, #f6793a, #f58245);padding: 0px 50px 0px 20px !important; margin: 0px auto; width: 350px;}
.bots a:hover{border-radius:0px;}
.gem-button-size-small:hover{border-radius:25px;transform: scale(1.1);}
.aio-icon-component{margin-bottom: 20px !important;}




.padding100{padding:0px 100px;}
.padding30{padding: 15px 30px 40px 30px !important;}

.foot{background-image: linear-gradient(4deg, #2290ffb3 80%, #F4F4F400 calc(80% + 1px));padding-top: 130px;}


.gem-button:hover::before {opacity: 1; width: 100%;}

.wpcf7-form input.wpcf7-text {padding: 6px 12px !important; margin: 10px 0px 10px 0px; background: transparent; border-bottom: 1px solid #999 !important;  border: 0px;}

.wpcf7-form textarea{padding: 6px 12px !important; margin: 0px 0px 60px 0px; background: transparent; border-bottom: 1px solid #999 !important;  border: 0px;}

#left { width: 47%;float: left; margin-right:6%;}
 
#right {  width: 47%; float: left; }

#ful{  width: 100%; float: left; padding: 35px 0px;}
 
.clearfix:after {
    content:"\0020";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    margin-bottom:10px;
}
 
.clearfix {  display:block;}

::before, ::after {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
::placeholder {

    opacity: 1;

}
element {

}
.gem-button-icon-position-right.gem-button-size-medium .gem-print-icon {

    margin-left: 9px;

}
.gem-button i.gem-print-icon {vertical-align: middle !important;}
.hover-gradient .gallery-item:hover .overlay-wrap .image-wrap img { -webkit-transform: translate(0,0) scale(1); transform: translate(0,0) scale(1) !important;}
.gallery-item .overlay { display: none !important;}

/* FORM */
.gform_wrapper ul.gfield_checkbox li label{color: #fff !important; padding: 6px 36px;}
.gform_footer {text-align: center;}
.gfield_checkbox li input[type="checkbox"]{display: none !important;}
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label{color: #0c32e1 !important;background: #fff !important;}
.gfield_checkbox li label{max-width: 100% !important;}
.gfield_label {color: #fff;}
.gfield_required {display: none;}
.gform_wrapper .top_label li.gfield.gf_left_half::before { display: none !important;}
.marg20{margin-right:37%;}

/* FOOTER */
.flas{border-bottom: 2px solid #383838; font-size: 18px; color: #d1d1d1; padding: 5px 0px;}
.adspoi{font-size: 16px; color:#626262;min-height: 115px;}
.adspoi li {font-size: 16px; color: #626262; background: url(https://www.optisolbusiness.com/wp-content/uploads/2019/07/icon1.jpg) no-repeat 0% 15%; padding: 3px 0px 0px 30px; margin: 0; list-style: none;}
.flapoi li {font-size: 16px; color: #626262; background: url(https://www.optisolbusiness.com/wp-content/uploads/2019/07/icon2.jpg) no-repeat 0% 70%; padding: 3px 0px 0px 30px; margin: 0; list-style: none;}
.copyri{color: #626262; font-size: 16px; border-top: 2px solid #999; padding: 18px 0px 0px 0px; text-align:center;}
.copyri a{color:#626262;font-size: 16px;}
.foots{color:#626262;font-size: 16px;}
.foots ul{border: 0px !important;}
.foots li{border: 0px !important;}
.foots h2{color:#fff;font-size: 20px;margin: 0px !important;}
.foots a{color: #626262 !important; font-size: 16px !important; padding: 0px !important; font-family: 'Helvetica' !important;}
.foots i{color: #fff; font-size: 14px; padding: 3px 0px; line-height: 18px;}

/* Free Consulting */
.btnshow {position: fixed; left: 10px; bottom: 10px; width: 80px; height: 80px; border-radius: 50%; background: #e05b23; z-index: 1000;}
.btnshow a {
display: block;
vertical-align: middle;
text-align: center;
margin-top: 11px;
color: #fff;
font-size: 12px;
line-height: 16px;
padding: 0px 10px 0px 10px;
}
.btnshow i {display: block; font-size: 22px; margin-bottom: 3px;}

@media only screen and (max-width: 767px) {
h1, .title-h1 {font-size: 8vw !important;text-align: center !important;}
h2, .title-h2 {font-size: 8vw !important; line-height:32px; margin: 0px !important;}
h5, .title-h5 {text-align: center !important; font-size: 18px !important;}
.with15{padding:0px 15px;}
.databox1, .databox2, .databox3{margin: 0px auto;margin-bottom: 20px;}
.btncen{text-align: center;float: none;}
.btncen a{font-family: Helvetica;font-size: 18px !important;height: 46px !important;}
.dtech1, .dtech2, .dtech3, .dtech4{margin: 0px 15px 15px !important;}
.microsoft1{margin:0px 0px 10px 0px !important;}


.with70{width:90%;margin: 0px auto;}
.holf{padding:0px 5%; color:#434343;}
.foot {background-image: linear-gradient(4deg, #2290ffb3 95%, #F4F4F400 calc(95% + 1px));padding-top: 10px;}
.padding100{padding:0px 20px;}
.bots{position: absolute; margin: -26px 0px 0px 20px;}
.bots a{font-size: 16px; width:250px;text-align: center;margin: 0px auto;}
.entmo{padding:0px 15px;}
.expo {margin: 0px 13% 5% !important;}

/* 19/03/2020 */
.with70  { width:90% !important; }


}

/*  19/03/2020 */
.sub-text p {
    font-weight: 300;
    color: #fff;
    font-size: 25px;
    font-family: Helvetica;
    letter-spacing: 0px;
}
.h1-title h1 {
    font-family: Oswald;
    font-size: 50px;
    color: #fff !important;
    font-weight: 400;
}
.with70 {
    width: 70%;
    margin: 0px auto !important;
        }
.vc_sep_holder {  display:block !important; }
.vc_separator.vc_separator_align_center > * {  padding-left:3px !important;    }
.fintec {
    background: #f3f3f3;
    padding: 46px 30px;
    border-radius: 10px;
    min-height: 323px;
}
.fintec:hover {
    background: #ffffff;
    padding: 46px 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.99);
}
.vc_separator.vc_separator_align_center > * {  padding:0px !important; }

@media only screen and (max-width: 600px) {
 .uklogo {
    width: 230px!important;
    margin-left: 0px!important;
    display: inline!important;
}
button.menu-toggle.dl-trigger {
    display: none !important;
}
}
img.sicn {
    width: 20px!important;
}
.tss-wrapper .tss-layout1 .item-content, .tss-wrapper .tss-carousel1 .item-content {
    font-style: italic;
    font-family: 'Nunito'!important;
    font-size: 18px!important;
    font-weight: 700!important;
    line-height: 1.6!important;
    padding-top: 5px!important;
    color: #000000!important;
}
.tss-wrapper .tss-carousel3 .item-content-wrapper:before {
    content: "\F10D";
    color: #707070!important;
    position: absolute;
    left: 15px!important;
    top: 15px!important;
    font-family: "tss-font", serif;
    font-size: 30px!important;
}
.tss-wrapper .tss-layout3 .item-content-wrapper, .tss-wrapper .tss-isotope1 .item-content-wrapper, .tss-wrapper .tss-video1 .item-content-wrapper, .tss-wrapper .tss-carousel3 .item-content-wrapper {
    padding: 50px!important;
    background: #f4f4f4!important;
    position: relative!important;
    min-height: 200px!important;
}
.tss-wrapper .single-item-wrapper h3.author-name {
    font-size: 24px;
    margin: 15px 0 8px;
    padding: 5px;
    font-family: 'Nunito';
    font-weight: 700!important;
    line-height: 1.25;
    font-weight: 400;
    color: #2550ea;
}
.tss-wrapper .single-item-wrapper h4.author-bio {
    font-size: 18px;
    margin-top: 8px;
    margin-bottom: 15px;
    padding: 0px;
    font-family: 'Nunito';
    font-weight: 700!important;
    color: #333;
}
/*07-10-2024* New Menu*/
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    padding: 0px 12px!important;
    font-weight: 600!important;
}
@media only screen and (min-width: 601px) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    color: #000000 !important;
    font-family: 'Inter' !important;
}
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {
        color: #0561bc!important;
        font-weight: 600!important;
    }
     #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
        width: 90% !important;
        left: -5% !important;
        min-height: 450px !important;
    }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
width: 38% !important;
        margin-left: 1%;
        margin-top: 1%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu {
   width: 60% !important;
    left: 40% !important;
    background-color: #ffffff !important;
     border-radius: 0px 20px 20px 0px;
 }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
        background: #f5f5f5 !important;
        margin-top: 1% !important;
    }
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
    width: 80%!important;
}
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
        height: 60px !important;
        background: #fff 0% 0% no-repeat padding-box;
        border-radius: 10px !important;
        padding: 12px !important;
        font-weight: 500 !important;
    }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-cntmnu > a.mega-menu-link:hover {
        color: #ffffff !important;
        font-weight: 600 !important;
        text-decoration:underline!important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    font-weight: 500 !important;
    padding: 12px!important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    font-weight: 500 !important;
    line-height: 26px !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
        text-decoration: underline !important;
        font-weight: 500 !important;
        color: #0561bc!important;
    }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-clrbtnsdm > a.mega-menu-link:hover {
        background: #0561bc !important;
        border-radius: 10px !important;
        color: #ffffff !important;
        text-align: center !important;
        max-height: 60px !important;
        max-width: 32% !important;
        height: 60px !important;
        padding: 12px !important;
    }
.mega-clrbtnsdm.clrbtnsdm a {
    margin-top: 170px !important;
    background: #0561bc !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    text-align: center !important;
    max-height: 60px !important;
    max-width: 32% !important;
    height: 60px !important;
    padding: 12px !important;
margin-left:3%!important;
font-weight: 600;
margin-bottom:3%!important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-clrbtnsdm > a.mega-menu-link {
color: #ffffff !important;
}
}
@media only screen and (min-width: 1500px) {
#mega-menu-wrap-primary #mega-menu-primary {
    margin-left: -5%!important;
}
.crright {
margin-left: 6%!important;
}
.cntmnu a.mega-menu-link {
    background: #0561bc !important;
    border-radius: 15px !important;
    color: #ffffff !important;
    text-align: center !important;
    margin-left: 5px !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-Txtbox > a.mega-menu-link:hover {
        height: auto !important;
        background: unset !important;
        border-radius: unset !important;
        padding: 12px !important;
        font-weight: 400 !important;
    }
 }
@media screen and (max-width: 1300px) and (min-width: 1000px) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    padding: 10px !important;
    font-weight: 500 !important;
}
#mega-menu-wrap-primary #mega-menu-primary {
    text-align: right;
    padding: 15px 0px 20px 0px;
    margin-left: -8%;
}
#site-header .container-fullwidth {
    padding-left: 15px!important;
    padding-right: 37px;
}
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
        width: 90% !important;
        left: 3% !important;
        min-height: 450px !important;
        margin-top: 1% !important;
    }
}
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-Txtbox > a.mega-menu-link {
        font-weight: 400 !important;
        padding: 12px !important;
        font-size: 16px!important;
        line-height: 26px !important;
    }
@media only screen and (min-width: 601px) {
    #site-header-wrapper.site-header-wrapper-transparent {
        background: #ffffff !important;
        border-bottom: 0 none;
    }
}