/* Minification failed. Returning unminified contents.
(48,12415): run-time error CSS1019: Unexpected token, found '}'
(48,20260): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(48,20292): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(48,20371): run-time error CSS1019: Unexpected token, found '@keyframes'
(48,20395): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(48,27406): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(48,27442): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(48,27503): run-time error CSS1019: Unexpected token, found '@keyframes'
(48,27531): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(48,34157): run-time error CSS1019: Unexpected token, found '@keyframes'
(48,34178): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(48,34275): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(48,34304): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(55,1770): run-time error CSS1035: Expected colon, found '.8s'
(121,5626): run-time error CSS1036: Expected expression, found ';'
(126,9942): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(126,9973): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(126,10112): run-time error CSS1019: Unexpected token, found '@keyframes'
(126,10135): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(126,10274): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(126,10303): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(126,12292): run-time error CSS1035: Expected colon, found '}'
(126,12484): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'url(../images/about-bg.jpg)'
(126,15581): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(126,15612): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(126,15751): run-time error CSS1019: Unexpected token, found '@keyframes'
(126,15774): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(126,15913): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(126,15942): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(126,34251): run-time error CSS1036: Expected expression, found ';'
 */
.font-social{font-size:18px!important}.social_padd{padding:1px 3px!important}input{outline:0}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;font-family:inherit;font-size:100%}input::-webkit-search-cancel-button,input::-webkit-search-decoration{display:none}input[type=search]{background:#ededed url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px center;border:solid 1px #ccc;padding:9px 10px 9px 32px;width:55px;-webkit-border-radius:10em;-moz-border-radius:10em;border-radius:10em;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}input[type=search]:focus{width:130px;background-color:#fff;border-color:#66cc75;-webkit-box-shadow:0 0 5px rgba(109,207,246,.5);-moz-box-shadow:0 0 5px rgba(109,207,246,.5);box-shadow:0 0 5px rgba(109,207,246,.5)}input:-moz-placeholder{color:#999}input::-webkit-input-placeholder{color:#999}#demo-2 input[type=search]{width:15px;padding-left:10px;color:transparent;cursor:pointer;height:16px;margin-top:4px}#demo-2 input[type=search]:hover{background-color:#fff}#demo-2 input[type=search]:focus{width:130px;padding-left:32px;color:#000;background-color:#fff;cursor:auto}#demo-2 input:-moz-placeholder{color:transparent}#demo-2 input::-webkit-input-placeholder{color:transparent}
body {font-family: 'Work Sans', sans-serif;color: #444}a {color: #428bca}h3 {font-size: 18px !important;font-weight: bold !important;}
.home-half-box {
    width: 100%;
    text-align: center;
    border: 0px solid #f6f6f6;
    background: #fff;
}

    .home-half-box .container{max-width:900px!important; margin-bottom:70px;}
    .home-half-box .container h2 {        font-size: 35px !important;        font-weight: 800 !important;    }
    .home-half-box .accordion .card {        border: 0px;    }
.home-half-box .card-header-new {
    padding: 0px 0px !important;
    background: #fff;
    color: #000;
}

.call-contact {
    width: 100%;    text-align: center;    margin-top: 20px;    background: #010a10; padding:30px 0px;}
.email img{margin-top:-2px;}
.hero-section.about.casestudysmall.blog .text h1 {
    display: none;
}

.home-half-box .card-body {
    padding: .375rem .75rem !important;
}
    .home-half-box .btn {
        padding: 12px .75rem !important;
    }
        .home-half-box .btn:hover {
            color: #0085d1!important; text-decoration:none;
        }
    .card-header-new .btn-link {
        color: #000;    }
.card-header-new .btn-link:hover{
    color: #000;    }

.card-header-new .card-body {
    padding-top: 2.5em !important;
    padding-left: 1em !important;
    padding-right: 1em !important;
    padding-bottom: 1em !important;
}
.marg-tp-30 {
    margin-top: 30px !important;
}#card-change {box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 16px 0 rgba(0, 0, 0, 0.19);border: none !important;height: 510px !important;}#right {right: 0px !important;opacity: 1.5;}.fnt-15 {font-size: 15px !important;}.mt-8 {margin-top: 8px !important;}.fnt-24 {font-size: 24px !important;text-align: left !important;}#read1 {color: white !important;}#read2 {color: white !important;}#read3 {color: white !important;}#read4 {color: white !important;}#read5 {color: white !important;}#read6 {color: white !important;}.fnt-19 {font-size: 18px !important;text-align: center !important;}.img-bord {border-bottom: 1px solid #e8e5e5 !important;}.bord-radd {border-radius: 50px !important;text-align: center !important;margin-left: 30% !important;}#left {left: 0px !important;opacity: 1.5;}.right-side-txt1 {font-size: 16px;font-weight: bold;}.card-horizontal {display: flex;flex: 1 1 auto;}.no-border {border: none !important;}#hero .carousel-item::before {background: none !important;}.mt-10 {margin-top: 10px !important;}#fnt-36 {font-size: 30px !important;}#hgt {height: 381px !important;}.padd-lt-2 {padding-left: 1.3rem !important;}.marg-lt-10 {margin-left: 10px !important;}.fnt-14 {font-size: 14px !important;}.wdth-33 {width: 33% !important;}.marg-tp-20 {margin-top: 20px !important;}.marg-rt-7 {margin-right: 18px !important;}.break {border-top: 1px solid #e0dfdf;padding-top: 17px;}.marg-lt-29 {margin-left: 39px !important;}#abt-head {font-size: 28px;padding-bottom: 20px;padding-top: 20px;}.headd-changg {font-size: 17px !important;vertical-align: middle !important;}.head-clrr {background: #23afc5 !important;font-size: 26px;color: white !important;vertical-align: middle !important;}.head-clrr1 {background: black !important;color: white;font-size: 15px !important;vertical-align: middle !important;}.fnt-34 {font-weight: bold;font-size: 25px !important;}.marg-rt-9 {margin-right: 9px !important;}.padd-anch-change {padding: 4px 15px !important;}.bck-box {background-color: #257bad !important;}.bck-box1 {background-color: #690869 !important;}.bck-box2 {background-color: #060646 !important;}.head-bordd-neww {padding-bottom: 13px;font-size: 27px;color: #f3f3f3;}#floating-left a .card:hover {box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 16px 0 rgba(0, 0, 0, 0.19);transition: ease-in-out;padding-bottom: 10px !important;text-decoration: none;}#floating-left a:hover {text-decoration: none !important;}.customer-imgg {position: relative !important;z-index: 20 !important;/*top: 586px !important;*/left: 19px !important;bottom: 74px !important;}.marg-tp-36 {margin-top: 36px !important;}#back-imgg {background: url("~/assets/img/government/agencies/smart-city-new.jpg") !important;background-repeat: no-repeat !important;background-size: cover !important;}.read {position: absolute !important;bottom: 11px !important;}.clr-black {color: black !important;}#fnt-24 {font-size: 24px !important;}#left-back {background-color: #05055d !important;border-radius: 50% !important;font-size: 29px !important;}a:hover {color: #9eccf4;text-decoration: none}.marg-bott-37 {margin-bottom: 37px !important;}.padd-bott-40 {padding-bottom: 40px !important;}#fontt {font-size: 24px !important;}.fontt-new {font-size: 18px !important;font-weight: bold !important;}.badge-set {position: absolute;right: 15px;margin-top: 4px}.clr-white {color: white !important;}.font-14 {font-size: 14px;line-height: 24px}.clr-theme {color: #274584;font-weight: 700;font-size: 14px}#clr-black {color: black}.padd-bott-18 {padding-bottom: 18px}.marg-bott-20 {margin-bottom: 20px}.right-side-list {list-style: disc;font-size: 14px}.tags {background-color: #d6f3f3;padding: 7px;font-size: 14px;color: black !important}a.tags:hover {background-color: #274584;color: white !important}.padd-bott-5 {padding-bottom: 5px !important}.padd-pt-0 {padding-top: 0px !important}.padd-pb-0 {padding-bottom: 0px !important}.para-txt {font-size: 14px;line-height: 24px}.right-side-icon {padding-right: 42px;color: white;background-color: #274584;padding: 8px;line-height: 13px}.right-side-txt {padding-left: 13px}.right-side-nav-border-bott {border-bottom: 1px dashed #d4d2d2;padding-bottom: 10px;margin-top: 7px;}.padd-15 {padding-top: 15px}.back-to-top {position: fixed;display: none;width: 40px;height: 40px;border-radius: 3px;right: 15px;bottom: 31px;background: #428bca;color: #fff;transition: display 0.5s ease-in-out;z-index: 99999}.back-to-top i {font-size: 24px;position: absolute;top: 8px;left: 8px}.back-to-top:hover {color: #fff;background: #629fd3;transition: background 0.2s ease-in-out}#topbar {background: #fff;padding: 10px 0;border-bottom: 1px solid #eee;font-size: 14px}#topbar .contact-info a {line-height: 1;color: #444;transition: 0.3s}#topbar .contact-info a:hover {color: #428bca}#topbar .contact-info i {color: #428bca;padding: 4px}#topbar .contact-info .icofont-phone {padding-left: 20px;margin-left: 10px}#topbar .social-links a {color: #5c768d;padding: 4px 12px;display: inline-block;line-height: 1px;transition: 0.3s}#topbar .social-links a:hover {color: #428bca}#header {transition: all 0.5s;transition: all 0.5s;z-index: 997}#header.header-scrolled {background: rgba(0,0,0,0.6);padding: 20px 0px;}#header .logo h1 {font-size: 28px;margin: 0;padding: 3px 0;line-height: 1;font-weight: 400;letter-spacing: 3px;text-transform: uppercase}#header .logo h1 a, #header .logo h1 a:hover {color: #1c5c93;text-decoration: none}#header .logo img {padding: 0;margin: 0;max-height: 70px;width: 247px;height: auto}.nav-menu, .nav-menu * {margin: 0;padding: 0;list-style: none}.nav-menu > ul > li {position: static;white-space: normal;float: left}.nav-menu a {display: block;position: relative;color: #5c768d;padding: 12px 15px;transition: 0.3s;font-size: 15px;font-weight: bold;}.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {color: #428bca;text-decoration: none}.nav-menu .drop-down ul {display: none;position: absolute;left: 0;top: 0px;z-index: 99;opacity: 0;visibility: hidden;padding: 8px 5px;background: #fff;box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);}.nav-menu .drop-down:hover > ul { display:block;opacity: 1;top: 20px;visibility: visible;}.nav-menu .drop-down li {position: relative;width: 25%;float: left;margin-bottom: 10px;}.nav-menu li.drop-down li:nth-child(1) {width:50%;}.nav-menu li.drop-down:nth-child(1) li a {text-transform: uppercase;font-weight: 800;color: #ff3d2e;}.nav-menu li.drop-down:nth-child(1) li li a {font-weight: 400;text-transform: none;color: #000;background: transparent;}.nav-menu li.drop-down li:nth-child(1) ul li {width: 50%;}.nav-menu li.drop-down:nth-child(2) li {width: 33.33%;margin-bottom: 10px}.nav-menu li.drop-down:nth-child(3) {position:relative;	}.nav-menu li.drop-down:nth-child(3) ul{width:100%;}.nav-menu li.drop-down:nth-child(3) ul li, .nav-menu li.drop-down:nth-child(5) ul li {width: 100%;margin-bottom: 0px}.nav-menu .drop-down ul a {padding: 8px 8px;font-size: 14px;font-weight: 600;text-transform: none;color: #000;border-bottom: 1px solid #e1e1e1;transition: ease all 0.3s;}.nav-menu .drop-down ul a:hover {padding: 8px 15px;}.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {color: #ff3d2e;border-bottom: 1px solid #ff3d2e;}.nav-menu .drop-down > a:after {content: "\ea99";font-family: IcoFont;padding-left: 5px}.nav-menu .drop-down .drop-down > a::after {display: none}.nav-menu .drop-down .drop-down ul {top: 0;left: 100%}.nav-menu .drop-down .drop-down:hover > ul {opacity: 1;top: 0}.nav-menu .drop-down .drop-down > a {padding-right: 4px}.nav-menu .drop-down .drop-down > a:after {content: "\eaa0";font-family: IcoFont;position: absolute;right: 15px}.nav-menu .drop-down .drop-down ul {left: 0px;position: static;opacity: 1;visibility: visible;box-shadow: none;padding-top: 0px;padding-left: 0px;font-weight: 400; display:block}.nav-menu .drop-down .drop-down ul a {font-weight: 300;}.nav-menu .drop-down .drop-down ul li {width: 100%;margin-bottom: 0px;border-bottom: 0px;}.nav-menu .drop-down .drop-down ul li a {padding:7px 0px;font-weight: 400;transition: ease all 0.3s; border-color:#f0f0f0; font-size:13px;}.nav-menu .drop-down .drop-down ul li a:hover {color: #ff3d2e;border-color: #ff3d2e;}.accordion::after {display: none !important;}.accordion .card .card-header {padding: 0px !important;}.accordion .card-header button.btn-link {padding: 1.25rem 1.25rem !important;font-size: 15px;position: relative}.accordion .card-header button.btn-link.btn.collapsed:before {content: '+';position: absolute;left: 0px;top: 19px;}.accordion .card-header button.btn-link.btn:before {content: '-';position: absolute;left: 0px;top: 19px;}.innerpagetext .accordion .card-header h2 {margin-bottom: 0px !important}@media (max-width:1366px) {.nav-menu .drop-down .drop-down ul {left: -90%}.nav-menu .drop-down .drop-down:hover > ul {left: -100%}.nav-menu .drop-down .drop-down > a:after {content: "\ea9d"}}.mobile-nav {position: fixed;top: 0;bottom: 0;z-index: 9999;overflow-y: auto;left: -260px;width: 260px;padding-top: 18px;background: #1f3548;transition: 0.4s}.mobile-nav * {margin: 0;padding: 0;list-style: none}.mobile-nav a {display: block;position: relative;color: #e3f0fc;padding: 10px 20px;font-weight: 500}.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {color: #9eccf4;text-decoration: none}.mobile-nav .drop-down > a:after {content: "\ea99";font-family: IcoFont;padding-left: 10px;position: absolute;right: 15px}.mobile-nav .active.drop-down > a:after {content: "\eaa0"}.mobile-nav .drop-down > a {padding-right: 35px}.mobile-nav .drop-down ul {display: none;overflow: hidden}.mobile-nav .drop-down li {padding-left: 20px}.mobile-nav-toggle {position: fixed;right: 15px;top: 20px;z-index: 9998;border: 0;background: none;font-size: 24px;transition: all 0.4s;outline: none !important;line-height: 1;cursor: pointer;text-align: right}.mobile-nav-toggle i {color: #5c768d}.mobile-nav-overly {width: 100%;height: 100%;z-index: 9997;top: 0;left: 0;position: fixed;background: rgba(31,53,72,.7);overflow: hidden;display: none}.mobile-nav-active {overflow: hidden}.mobile-nav-active .mobile-nav {left: 0}.mobile-nav-active .mobile-nav-toggle i {color: #fff}#hero {width: 100%;max-height: 100%;height: auto;padding: 0;overflow: hidden}#hero .carousel-item {width: 100%;max-height: 100%;height: auto;background-size: cover;background-position: top right;background-repeat: no-repeat;overflow: hidden}#hero .carousel-item::before {content: '';background-color: rgba(13,30,45,.6);position: absolute;height: 100%;width: 100%;top: 0;right: 0;left: 0;bottom: 0;overflow: hidden}#hero .carousel-container {display: flex;justify-content: center;align-items: center;position: absolute;bottom: 0;top: 0;left: 0;right: 0;overflow: hidden}#hero .carousel-content {text-align: left}@media (max-width:992px) {#hero, #hero .carousel-item {max-height: 100%;height: auto;}#hero .carousel-content.container {padding: 0 50px}}#hero h2 {color: #fff;margin-bottom: 30px;font-size: 48px;font-weight: 900}#hero p {width: 80%;-webkit-animation-delay: 0.4s;animation-delay: 0.4s;color: #fff}.govern-txt {background-color: #000000 !important;opacity: 1.1 !important;padding: 10px !important;color: white !important;font-size: 21px !important;text-align: center !important;}.back-clrr {background: #03213c !important;}.over-txt {font-size: 16px !important;padding: 10px !important;text-transform: none !important;}.imgg-trans {transition: 0.3s ease-in-out !important;}.readd-btnn {background: #428bca !important;border: none !important;width: 36% !important;}.readd-new {background: #428bca !important;border: none !important;width: auto !important;position: relative !important;bottom: 83px !important;left: 16px !important;font-size: 18px !important;}.readd-new1 {background: #428bca !important;border: none !important;width: auto !important;position: relative !important;bottom: 103px !important;left: 19px !important;font-size: 18px !important;}.readd-new2 {background: #428bca !important;border: none !important;width: auto !important;position: relative !important;bottom: 110px !important;left: 37px !important;font-size: 18px !important;}.readd-new3 {background: #428bca !important;border: none !important;width: auto !important;position: relative !important;bottom: 87px !important;left: 29px !important;font-size: 18px !important;}.boxx-shadd {box-shadow: 1px 1px 11px 2px #e6e2e2 !important;}}.readd-new4 {background: #428bca !important;border: none !important;width: auto !important;position: relative !important;bottom: 97px !important;left: 23px !important;font-size: 18px !important;}.readd-new5 {background: #428bca !important;border: none !important;width: auto !important;position: relative !important;bottom: 103px !important;left: 27px !important;font-size: 18px !important;}#breadcrumm-change {position: relative !important;bottom: 135px !important;left: 17rem !important;font-size: 18px !important;color: white !important;background: none !important;}#breadcrumm-changee-3 {position: relative !important;bottom: 135px !important;left: 25% !important;font-size: 18px !important;color: white !important;background: none !important;}#breadcrumm-changee {position: relative !important;bottom: 135px !important;left: 20rem !important;font-size: 18px !important;color: white !important;background: none !important;}#breadcrumm-changee-4 {position: relative !important;bottom: 135px !important;left: 18rem !important;font-size: 18px !important;color: white !important;background: none !important;}#breadcrumm-changee1 {position: relative !important;bottom: 135px !important;left: 18rem !important;font-size: 18px !important;color: white !important;background: none !important;}#breadcrumm-change1 {position: relative !important;bottom: 135px !important;left: 21rem !important;font-size: 18px !important;color: white !important;background: none !important;}#breadcrumm-change2 {position: relative !important;bottom: 135px !important;left: 24rem !important;font-size: 18px !important;color: white !important;background: none !important;}#breadcrumm-change3 {position: relative !important;bottom: 135px !important;left: 23rem !important;font-size: 18px !important;color: white !important;background: none !important;}#breadcrumm-change4 {position: relative !important;bottom: 135px !important;left: 19rem !important;font-size: 18px !important;color: white !important;background: none !important;}.bord-radd-0 {border-radius: 5px !important;}#breadcrumm-change5 {position: relative !important;bottom: 135px !important;left: 22rem !important;font-size: 18px !important;color: white !important;background: none !important;}.back-nonee {background: none !important;}.service-back {background-image: url("~/assets/img/government/agencies/smart-living-banner.jpg") !important;background-repeat: no-repeat !important;background-size: cover !important;}.gov_fnt {font-size: 19px !important;text-align: center !important;font-weight: 700;}#hero .carousel-inner .carousel-item {transition-property: opacity;background-position: center top}#hero .carousel-inner .carousel-item, #hero .carousel-inner .active.carousel-item-left, #hero .carousel-inner .active.carousel-item-right {opacity: 0}#hero .carousel-inner .active, #hero .carousel-inner .carousel-item-next.carousel-item-left, #hero .carousel-inner .carousel-item-prev.carousel-item-right {opacity: 1;transition: 0.5s}#hero .carousel-inner .carousel-item-next, #hero .carousel-inner .carousel-item-prev, #hero .carousel-inner .active.carousel-item-left, #hero .carousel-inner .active.carousel-item-right {left: 0;transform: translate3d(0,0,0)}#hero .carousel-control-prev, #hero .carousel-control-next {width: 10%}#hero .carousel-control-next-icon, #hero .carousel-control-prev-icon {background: none;font-size: 48px;line-height: 1;width: auto;height: auto}#hero .carousel-indicators li {cursor: pointer;}.carousel-indicators li {cursor: pointer;background-color: #ccc !important;}.carousel-indicators .active {background-color: #3b3465 !important;opacity: 1;}#testimonialshome .carousel-indicators {bottom: -50px;}#testimonialshome .CompanyClientDetails {margin-left: 0px;}.left-testimonial #contact.contact {background: none;padding: 0px;}.left-testimonial #contact.contact .title {display: none}.left-testimonial #contact.contact .form-row {display: block}.left-testimonial #contact.contact .form-row .col-lg-4, .left-testimonial #contact.contact .col-lg-3 {display: block;width: 50%;float: left;max-width: 100%;}.left-testimonial #contact.contact .form-row .col-lg-2 {max-width: 30%;width: 30%;float: left;}.left-testimonial #contact.contact .col-lg-12 {padding: 0px;}.left-testimonial #contact.contact .container {width: 93% !important}.left-testimonial #contact.contact input, .left-testimonial #contact.contact .form-group textarea {border: 1px solid #e1e1e1}.left-testimonial #contact.contact .form-group textarea {height: 100px;}#hero .btn-get-started {font-family: 'Work Sans', sans-serif;font-weight: 500;font-size: 14px;letter-spacing: 1px;display: inline-block;padding: 12px 32px;border-radius: 5px;transition: 0.5s;line-height: 1;margin: 10px;color: #fff;-webkit-animation-delay: 0.8s;animation-delay: 0.8s;border: 0;background: #428bca}#hero .btn-get-started:hover {background: #1c5c93}@media (max-width:768px) {#hero h2 {font-size: 28px}}@media (min-width:1024px) {#hero p {width: 60%}#hero .carousel-control-prev, #hero .carousel-control-next {width: 5%}}section {padding: 38px 0px}.section-bg {background-color: #f5f9fc}.section-title {padding-bottom: 6px}.breadcrumbs {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 15px 0px;margin-bottom: 0px;list-style: none;border-radius: .25rem;font-size: 14px;}.section-title h2 {font-size: 32px;font-weight: 600;margin-bottom: 20px;padding-bottom: 0;color: #5c768d}.section-title p {margin-bottom: 0}.about {padding-bottom: 30px}.about .container {}.about .video-box img {padding: 15px 0}.about .section-title p {text-align: left;font-style: italic;color: #666}.about .about-content {padding: 40px}.about .icon-box + .icon-box {margin-top: 40px}.about .icon-box .icon {float: left;display: flex;align-items: center;justify-content: center;width: 72px;height: 72px;background: #f1f7fb;border-radius: 6px;transition: 0.5s}.about .icon-box .icon i {color: #428bca;font-size: 32px}.about .icon-box:hover .icon {background: #428bca}.about .icon-box:hover .icon i {color: #fff}.about .icon-box .title {margin-left: 95px;font-weight: 700;margin-bottom: 10px;font-size: 18px;text-transform: uppercase}.about .icon-box .title a {color: #343a40;transition: 0.3s}.about .icon-box .title a:hover {color: #428bca}.about .icon-box .description {margin-left: 95px;line-height: 24px;font-size: 14px}.about .video-box {position: relative}.about .play-btn {width: 94px;height: 94px;background: radial-gradient(#428bca 50%,rgba(66,139,202,.4) 52%);border-radius: 50%;display: block;position: absolute;left: calc(50% - 47px);top: calc(50% - 47px);overflow: hidden}.about .play-btn::after {content: '';position: absolute;left: 50%;top: 50%;transform: translateX(-40%) translateY(-50%);width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 15px solid #fff;z-index: 100;transition: all 400ms cubic-bezier(.55,.055,.675,.19)}.about .play-btn::before {content: '';position: absolute;width: 120px;height: 120px;-webkit-animation-delay: 0s;animation-delay: 0s;-webkit-animation: pulsate-btn 2s;animation: pulsate-btn 2s;-webkit-animation-direction: forwards;animation-direction: forwards;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: steps;animation-timing-function: steps;opacity: 1;border-radius: 50%;border: 5px solid rgba(66,139,202,.7);top: -15%;left: -15%;background: rgba(198,16,0,0)}.about .play-btn:hover::after {border-left: 15px solid #428bca;transform: scale(20)}.about .play-btn:hover::before {content: '';position: absolute;left: 50%;top: 50%;transform: translateX(-40%) translateY(-50%);width: 0;height: 0;border: none;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 15px solid #fff;z-index: 200;-webkit-animation: none;animation: none;border-radius: 0}@-webkit-keyframes pulsate-btn {0% {transform: scale(.6,.6);opacity: 1}100% {transform: scale(1,1);opacity: 0}}@keyframes pulsate-btn {0% {transform: scale(.6,.6);opacity: 1}100% {transform: scale(1,1);opacity: 0}}.about-lists {padding: 40px}.about-lists .row {overflow: hidden}.about-lists .content-item {padding: 40px;border-left: 1px solid #d9e8f4;border-bottom: 1px solid #d9e8f4;margin: -1px}.about-lists .content-item span {display: block;font-size: 24px;font-weight: 400;color: #9eccf4}.about-lists .content-item h4 {font-size: 28px;font-weight: 400;padding: 0;margin: 20px 0}.about-lists .content-item p {color: #aaa;font-size: 15px;margin: 0;padding: 0}@media (max-width:768px) {.about-lists .content-item {padding: 40px 0}}.counts {padding-bottom: 30px}.counts .count-box {box-shadow: 0 0 16px rgba(0,0,0,.1);padding: 30px;background: #fff;margin-bottom: 30px}.counts .count-box i {display: block;font-size: 64px;margin-bottom: 15px}.counts .count-box span {font-size: 42px;display: block;font-weight: 700;color: #1c5c93}.counts .count-box p {padding: 0;margin: 0;font-family: 'Work Sans', sans-serif;font-size: 14px}.services {padding-bottom: 1px;}.services .icon-box {margin-bottom: 20px;text-align: center}.services .icon {display: flex;justify-content: center}.services .icon i {width: 80px;height: 80px;margin-bottom: 20px;background: #fff;border-radius: 50%;transition: 0.5s;color: #428bca;font-size: 40px;overflow: hidden;padding-top: 20px;box-shadow: 0 0 25px rgba(0,0,0,.15)}.services .icon-box:hover .icon i {box-shadow: 0 0 30px rgba(66,139,202,.5)}.services .title {font-weight: 600;margin-bottom: 15px;font-size: 18px;position: relative;padding-bottom: 15px}.services .title a {color: #444;transition: 0.3s}.services .title a:hover {color: #428bca}.services .title::after {content: '';position: absolute;display: block;width: 50px;height: 2px;background: #428bca;bottom: 0;left: calc(50% - 25px)}.services .description {line-height: 24px;font-size: 14px}.portfolio .portfolio-item {margin-bottom: 30px}.portfolio #portfolio-flters {padding: 0;margin: 0 0 35px 0;list-style: none;text-align: center}.portfolio #portfolio-flters li {cursor: pointer;margin: 0 15px 15px 0;display: inline-block;padding: 10px 20px;font-size: 12px;line-height: 20px;color: #444;border-radius: 4px;text-transform: uppercase;background: #fff;margin-bottom: 5px;transition: all 0.3s ease-in-out}.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {background: #428bca;color: #fff}.portfolio #portfolio-flters li:last-child {margin-right: 0}.portfolio .portfolio-wrap {box-shadow: 0 2px 12px rgba(0,0,0,.08);transition: 0.3s;position: relative;overflow: hidden}.portfolio .portfolio-wrap img {transition: 0.3s;width: 100%;}.portfolio .portfolio-wrap .portfolio-info {display: flex;justify-content: center;align-items: center;flex-direction: column;opacity: 0;position: absolute;bottom: 0;top: 0;left: 0;right: 0;transition: 0.3s;text-align: center;background: rgba(31,53,72,.6);padding-bottom: 30px}.portfolio .portfolio-wrap .portfolio-info h4 {font-size: 20px;color: #fff;font-weight: 800}.portfolio .portfolio-wrap .portfolio-info p {color: #fff;font-size: 14px;text-transform: uppercase}.portfolio .portfolio-wrap .portfolio-info a {color: #428bca;margin: 0 4px;font-size: 18px;line-height: 1;background-color: #fff;padding-top: 7px;border-radius: 50px;text-align: center;width: 36px;height: 35px;display: inline-block;transition: 0.3s}.portfolio .portfolio-wrap .portfolio-info a:hover {background: #428bca;color: #fff}.portfolio .portfolio-wrap:hover {box-shadow: 0 4px 14px rgba(0,0,0,.16)}.portfolio .portfolio-wrap:hover .portfolio-info {opacity: 1;padding-bottom: 0}.portfolio .portfolio-wrap:hover img {transform: scale(1.1)}.team {background: #fff;padding: 0 0 30px 0}.team .member {text-align: center;margin-bottom: 80px;position: relative}.team .member .pic {border-radius: 4px;overflow: hidden}.team .member img {transition: all ease-in-out 0.4s}.team .member:hover img {transform: scale(1.1)}.team .member .member-info {position: absolute;bottom: -48px;left: 20px;right: 20px;background: linear-gradient(360deg,#5c768d 0%,rgba(92,118,141,.9) 35%,rgba(140,167,191,.8) 100%);padding: 15px 0;border-radius: 4px}.team .member h4 {font-weight: 700;margin-bottom: 10px;font-size: 16px;color: #fff;position: relative;padding-bottom: 10px}.team .member h4::after {content: '';position: absolute;display: block;width: 50px;height: 1px;background: #fff;bottom: 0;left: calc(50% - 25px)}.team .member span {font-style: italic;display: block;font-size: 13px;color: #fff}.team .member .social {margin-top: 15px}.team .member .social a {transition: color 0.3s;color: #fff}.team .member .social a:hover {color: #9eccf4}.team .member .social i {font-size: 16px;margin: 0 2px}.padd-rt-10 {padding-right: 10px}.padd-rt-18 {padding-right: 10px}.padd-rt-8 {padding-right: 10px}#clr-white {color: white !important;font-size: 13px}.clr-whitee {color: white !important;}.para {border-bottom: 1px dashed white;padding-bottom: 13px;clear: both;display: block}@media (max-width:992px) {.team .member {margin-bottom: 100px}}.faq {padding-bottom: 30px}.faq .faq-item {margin-bottom: 20px}.faq .faq-item h4 {font-size: 20px;line-height: 28px;font-weight: 600;margin-bottom: 5px;color: #1f3548}.contact .info-box {color: #444;text-align: center;box-shadow: 0 0 30px rgba(214,215,216,.6);padding: 20px 0 30px 0;margin-bottom: 30px;width: 100%}.contact .info-box i {font-size: 32px;color: #428bca;border-radius: 50%;padding: 8px;border: 2px dotted #9eccf4}.contact .info-box h3 {font-size: 20px;color: #666;font-weight: 700;margin: 10px 0}.contact .info-box p {padding: 0;line-height: 24px;font-size: 14px;margin-bottom: 0}.contact .php-email-form {}.contact .php-email-form .validate {display: none;color: red;margin: 0 0 15px 0;font-weight: 400;font-size: 13px}.contact .php-email-form .error-message {display: none;color: #fff;background: #ed3c0d;text-align: center;padding: 15px;font-weight: 600}.contact .php-email-form .sent-message {display: none;color: #fff;background: #18d26e;text-align: center;padding: 15px;font-weight: 600}.contact .php-email-form .loading {display: none;background: #fff;text-align: center;padding: 15px}.contact .php-email-form .loading:before {content: "";display: inline-block;border-radius: 50%;width: 24px;height: 24px;margin: 0 10px -6px 0;border: 3px solid #18d26e;border-top-color: #eee;-webkit-animation: animate-loading 1s linear infinite;animation: animate-loading 1s linear infinite}.contact .php-email-form input, .contact .php-email-form textarea {border-radius: 2px;box-shadow: none;font-size: 14px;border: 0px;}.contact .php-email-form input::focus, .contact .php-email-form textarea::focus {background-color: #428bca}.contact .php-email-form input {padding: 0px 15px;line-height: 45px;height: 45px;border-radius: 2px;border: 0px;}.contact .php-email-form textarea {padding: 12px 15px}.contact .php-email-form button[type="submit"] {background: #428bca;border: 0;padding: 10px 24px;color: #fff;transition: 0.4s}.contact .php-email-form button[type="submit"]:hover {background: #6aa3d5}@-webkit-keyframes animate-loading {0% {transform: rotate(0deg)}100% {transform: rotate(360deg)}}@keyframes animate-loading {0% {transform: rotate(0deg)}100% {transform: rotate(360deg)}}#footer {background: #101010;padding: 0 0 0 0;color: #fff;font-size: 14px}#footer .footer-top {background: #333;border-top: 1px solid #333;border-bottom: 1px solid #333;padding: 60px 0 30px 0}#footer .footer-top .footer-info {margin-bottom: 30px}.txt-justify {text-align: justify}#footer .footer-top .footer-info h3 {font-size:24px;margin: 0 0 20px 0;padding: 2px 0 2px 0;line-height: 1;font-weight: 700}.foot-img {margin-left: -16px !important}#footer .footer-top .footer-info p {font-size: 14px;line-height: 24px;margin-bottom: 0;font-family: 'Work Sans', sans-serif;color: #fff}#footer .footer-top .social-links a {font-size: 18px;display: inline-block;background: #768fa6;color: #fff;line-height: 1;padding: 8px 0;margin-right: 4px;border-radius: 50%;text-align: center;width: 36px;height: 36px;transition: 0.3s}#footer .footer-top .social-links a:hover {background: #428bca;color: #fff;text-decoration: none}#footer .footer-top h4 {font-size: 16px;font-weight: 600;color: #fff;position: relative;padding-bottom: 23px;padding-top: 10px}#footer .footer-top .footer-links {margin-bottom: 30px}#footer .footer-top .footer-links ul {list-style: none;padding: 0;margin: 0}#footer .footer-top .footer-links ul i {padding-right: 2px;color: #9eccf4;font-size: 18px;line-height: 1}#footer .footer-top .footer-links ul li {padding: 10px 0;display: flex;align-items: center}#footer .footer-top .footer-links ul li:first-child {padding-top: 0}#footer .footer-top .footer-links ul a {color: #fff;transition: 0.3s;display: inline-block;line-height: 1.6}#footer .footer-top .footer-links ul a:hover {color: #9eccf4}#footer .footer-top .footer-newsletter form {margin-top: 30px;background: #fff;padding: 6px 10px;position: relative;border-radius: 4}#footer .footer-top .footer-newsletter form input[type="email"] {border: 0;padding: 4px;width: calc(100% - 110px)}#footer .footer-top .footer-newsletter form input[type="submit"] {position: absolute;top: 0;right: 0;bottom: 0;border: 0;background: none;font-size: 16px;padding: 0 20px;background: #428bca;color: #fff;transition: 0.3s;border-radius: 4}#footer .footer-top .footer-newsletter form input[type="submit"]:hover {background: #5295ce}#footer .copyright {text-align: right;padding-top: 30px}#padd-0 {padding-top: 0px !important;color: white}#footer .credits {padding-top: 10px;text-align: center;font-size: 13px;color: #fff}#footer .credits a {color: #9eccf4}.page-heading {background-color: #274584;padding: 10px;color: white;font-size: 20px;font-weight: 700}.accordion {padding: 0px !important;}.accordion .card {background-color: transparent !important;border-bottom: 1px solid #17233c !important}.accordion .card-header button.btn-link {color: inherit;padding: 0px;font-size: 17px;font-weight: 600;font-family: 'Nunito', sans-serif;width: 100%;text-align: left}.accordion .card-body {}.accordion .card-body p {font-weight: 400}.accordion > .card {}.stretch-card > .card {width: 100%;min-width: 100%}.flex {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto}@media (max-width:991.98px) {.padding {padding: 1.5rem}}@media (max-width:767.98px) {.padding {padding: 1rem}}.padding {padding: 3rem}.owl-carousel .item {margin: 3px}.owl-carousel .item img {display: block;width: 100%;height: auto}.owl-carousel .item {margin: 3px}.owl-carousel {margin-bottom: 15px}.padd-top-0 {padding-top: 0px !important}.padd-bott-0 {padding-bottom: 0px !important}.h2, h2 {font-weight: 700 !important;font-size: 22px !important;line-height: 43px !important;}.imgpower {width: 100% !important;border-radius: 13px;}.imageheight {height: 625px;max-width: 100%;}.imagepmm {height: 318px;max-width: 100%;}body {margin: 0px;padding: 0px;font-family: 'Nunito', sans-serif !important;font-weight: 400;font-size: 14px;color: #000;margin-top: -24px !important;}* {box-sizing: border-box}a {text-decoration: none}.padding0 {padding: 0px !important}h1, h2, h3, h4, h5, h6 {margin: 0px;padding: 0px;margin-bottom: 0px;}h2 {font-size: 35px;font-weight: 700;margin-bottom:0px;line-height: 43px;}h3 {}h5 {font-size: 23px;font-weight: 500;}body .h1, body h1 {font-size: 30px;color: #000}h6 {font-size: 18px;font-weight: 600;}.innerpagetext {color: #000;}.innerpagetext .col-lg-3.col-md-3.col-sm-3.col-xs-3 ul.list-unstyled{position:sticky; z-index:1; top:100px;}.right-side-icon {font-size:10px; line-height:13px;}.right-side-icon {padding:5px;}.right-side-nav-border-bott.padd-15, .right-side-nav-border-bott.liactive {padding: 8px; font-size:14px; margin-top:3px;}.right-side-nav-border-bott .right-side-txt {padding-left: 7px;font-weight: 600;letter-spacing: 0.1px;}.h50 {height: 50px;}.right-testimonial #testimonialshome .container {width: 100% !important}.form-row.capcha-box #lblcaptcha1 {display: block;margin: 0px;}.form-row.capcha-box #captcha {text-align: left;}#preloading {display: none;}img {max-width: 100%}.redcolor {color: #ff0000}button {background-color: transparent;font-family: 'Work Sans', sans-serif;font-weight: 400;}.p55 {padding: 55px 0px}p {font-size: 16px;line-height: 26px;margin-bottom: 20px;margin-top: 0px;}.textcenter {text-align: center;}.marginbtm0 {margin-bottom: 0px !important;}ul {list-style: none;margin: 0px;padding: 0px;}.mainheader {display: block;width: 100%;padding: 25px 0px;padding-bottom: 35px;position: fixed;top: 0px;left: 0px;z-index: 999;background-image: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0));}.mainheader ul {float: right;position: relative;margin-top: 8px;}.mainheader ul.sidenav {margin-top: 0px;}.mainheader ul li {padding: 0px 5px;}.mainheader .sidemenu ul li {display: block;width: 100%;padding: 10px 0px}.mainheader .sidemenu ul li a {padding: 0px;border: 0px;}.mainheader .sidemenu ul li a:hover {padding: 0px;border: 0px;}.mainheader ul li a {color: #fff;font-weight: 400;font-size: 17px;border-bottom: 0px solid #fff;padding: 0px 13px;}.mainheader ul li a:hover {color: #ff3d2e;border-bottom: 3px solid #ff3d2e}.mainheader .container {position: relative}.clearHeader.darkHeader {background: rgba(0,0,0,0.6);padding: 20px 0px}.floating {animation-name: floating;-webkit-animation-name: floating;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}.animated {-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-ms-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-duration: 1s;-moz-animation-duration: 1s;-ms-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;}.animated {visibility: visible !important;}@keyframes floating {0% {transform: translateY(0%);}50% {transform: translateY(8%);}100% {transform: translateY(0%);}}@-webkit-keyframes floating {0% {-webkit-transform: translateY(0%);}50% {-webkit-transform: translateY(8%);}100% {-webkit-transform: translateY(0%);}}.container {width: 90% !important;max-width: 1200px !important;margin: 0 auto;padding-left: 0px !important;padding-right: 0px !important;}.logo {float: left}.logo img {max-width: 204px;}.hero-section {background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../assets/img/hero-main-banner.jpg) no-repeat 50% 10% / cover;height: 100vh;color: #fff;font-size: 18px;line-height: 27px;}.hero-section.innerbanner {padding: 74px 0px;height: auto;background-position: center left;background-blend-mode: multiply;padding-top: 210px;padding-bottom: 126px;height: auto !important;clip-path: polygon(0 0, 100% 0, 100% 85%, 35% 100%, 0 85%);}.hero-section.innerbanner .form section {padding: 0px;}.hero-section.innerbanner .form section .container {width: 100% !important}.hero-section.innerbanner .form #contact.contact {padding: 0px;background: none}.hero-section.innerbanner .form #contact.contact .title {display: none}.hero-section.innerbanner .form #contact.contact .capcha-box .col-lg-3, .hero-section.innerbanner .form #contact.contact .capcha-box .col-lg-2 {width: 50%;margin-top: 15px;max-width: 50%;float: left;}.hero-section.innerbanner .form .contact .php-email-form .form-row {display: block;clear: both;}.hero-section.innerbanner .form .contact .php-email-form .form-row .col-lg-4.form-group {width: 50%;float: left;max-width: 100%}.hero-section.innerbanner .form .contact .php-email-form {display: block}.energy-industry-banner {background-image: linear-gradient(145deg,rgba(43,135,218,0.02) 42%,#00c1f1 100%),url(../assets/img/government-banner.jpg) !important;}.ers-banner {background-image: linear-gradient(145deg,rgba(43,135,218,0.02) 42%,#00c1f1 100%),url(../assets/img/equipment-rentals-banner.jpg) !important;}.fm-banner {background-image: linear-gradient(145deg,rgba(43,135,218,0.02) 42%,#00c1f1 100%),url(../assets/img/facility-management-banner.jpg) !important;}.eib-banner {background-image: linear-gradient(145deg,rgba(43,135,218,0.02) 42%,#00c1f1 100%),url(../assets/img/energy-industry-banner.jpg) !important;}.logistic-banner {background-image: linear-gradient(145deg,rgba(43,135,218,0.02) 42%,#00c1f1 100%),url(../assets/img/logistics-banner.jpg) !important;}.mining-banner {background-image: linear-gradient(145deg,rgba(43,135,218,0.02) 42%,#00c1f1 100%),url(../assets/img/mining-banner.jpg) !important;}.proser-banner {background-image: linear-gradient(145deg,rgba(43,135,218,0.02) 42%,#00c1f1 100%),url(../assets/img/professional-services.jpg) !important;}.retail-banner {background-image: linear-gradient(145deg,rgba(43,135,218,0.02) 42%,#00c1f1 100%),url(../assets/img/retail-banner.jpg) !important;}.casestudypage .text.full{width:100%;}.healthcare-banner {background-image: linear-gradient(145deg,rgba(43,135,218,0.02) 42%,#00c1f1 100%),url(../assets/img/healthcare.jpg) !important;}.services-banner {background-image: linear-gradient(145deg,rgba(43,135,218,0.02) 42%,#00c1f1 100%),url(../assets/img/services-banner.jpg) !important;}.trading-banner {background-image: linear-gradient(145deg,rgba(43,135,218,0.02) 42%,#00c1f1 100%),url(../assets/img/trading-banner.jpg) !important;}.hero-section.innerbanner .text {max-width: 55%;float: left}.hero-section.innerbanner .form {width: 40%;float: right;background: #fff;padding: 25px;}.hero-section.innerbanner .form h2 {color: #ff3d2e;font-size: 25px !important;font-weight: 700 !important;margin-bottom: 20px !important;}.hero-section.innerbanner h1 {font-size: 49px;line-height: 60px;padding-top: 0px;}.hero-section.innerbanner h1 span {font-size: 20px;font-weight: 600;text-transform: uppercase;display: block;margin-bottom: 15px;}.hero-section .text {max-width: 530px;}.hero-section h1 {color: #fff;font-size: 55px;font-weight: 800;line-height: 63px;margin: 0px;padding: 0px;margin-bottom: 10px;padding-top: 150px;}.hero-section h1 span {display: block;font-size: 22px;font-weight: 600;line-height: 30px;}/*background-image: linear-gradient(145deg,rgba(43,135,218,0.02) 42%,#00c1f1 100%),url(https://hatchworks.com/wp-content/uploads/2019/11/contact-us-header.jpg) !important;*/.hero-section.about {background-image: linear-gradient(145deg,rgba(43,135,218,0.02) 42%,#00c1f1 100%), url(../assets/img/aboutpage-img.jpg) !important;background-position: center left;background-blend-mode: multiply;padding-top: 210px;padding-bottom: 126px;height: auto !important;clip-path: polygon(0 0, 100% 0, 100% 85%, 35% 100%, 0 85%);}.hero-section.about .text, .hero-section.innerbanner .text {width: 100%;max-width: 600px;font-size: 18px;line-height: 27px;}.hero-section.about h1, .hero-section.innerbanner .text h1 {text-transform: capitalize;font-size: 55px;line-height: 65px;font-weight: 300;text-align: center;margin-bottom: 20px;padding: 31px;background: rgba(34,34,34,0.75);text-align: left;display: inline-block}.hero-section.about h1 strong, .hero-section.innerbanner .text h1 strong {font-weight: 700;display: block}.flexslider-bottom::before {background-color: #fff;bottom: -35px;content: "";height: 70px;left: 0;position: absolute;-webkit-transform: skewY(3deg);-ms-transform: skewY(3deg);transform: skewY(3deg);width: 50%;z-index: 4;}.flexslider-bottom::after {background-color: #fff;bottom: -35px;content: "";height: 70px;position: absolute;right: 0;-webkit-transform: skewY(-3deg);-ms-transform: skewY(-3deg);transform: skewY(-3deg);width: 50%;z-index: 4;}.flexslider-bottom .mouse-button {background-image: url(../assets/img/mouse_icon.png);background-repeat: no-repeat;bottom: 40px;content: "";display: block;height: 60px;left: 50%;margin-left: -20px;position: absolute;width: 40px;z-index: 4;background-size: 30px;}.clear {clear: both}.casestudy-listing .col-lg-4.col-md-4 #hgt {height: 470px !important}.casestudy-listing .col-lg-4.col-md-4:nth-child(3n+1) {clear: left}.hero-section .text a {background: #ff3d2e;color: #fff;text-decoration: none;font-size: 17px;text-transform: uppercase;font-weight: 600;text-transform: uppercase;line-height: 57px;display: inline-block;border-radius: 3px;padding: 0px 15px;margin-top: 30px;}.hero-section .text a:hover {color: #0085d1;background: #fff}
.home-brief {
    
    padding: 45px 0px;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
}.home-brief.inner .container {max-width: 1050px !important;font-size: 16px;line-height: 27px;}.home-brief .container {max-width: 950px !important;}.home-brief .title {max-width: 850px;}.home-brief.inner .title {max-width: 100%;}.home-brief .title, .result-section .title, .clients .title {font-size: 35px;font-weight: 800;line-height: 41px;margin: 0 auto;margin-bottom: 20px;text-align: center;color: #3b3465;}.result-section .title span {color: #ff3d2e;font-size: 20px;display: block;font-weight: 400;line-height: 26px;}.sticky-wrapper {height: auto !important}.oldfooter {display: none}.result-section .box {width: 25%;text-align: center;display: block;float: left;font-size: 35px;font-weight: 700;margin-top: 35px;}.result-section .box i {font-style: normal}.result-section .box img {margin-bottom: 15px;-webkit-transition: -webkit-transform 0.8s ease-in-out;transition: transform 0.8s ease-in-out;}.result-section .box:hover img {-webkit-transform: rotate(360deg);transform: rotate(360deg);}.result-section .box span {font-size: 16px;display: block;font-weight: 500}.why-section .title {font-size: 35px;font-weight: 700;margin-bottom: 25px;line-height: 43px;color: #fff;}.why-section {background: linear-gradient(90deg,#002182 0%,#00C1F1 100%) !important;color: #fff;font-size: 17px;line-height: 27px;padding: 55px 0px;}.why-section::after, .main-footer::after, .clients::after, .result-section::after, .container::after, .tabcontent::after, .testimonial-container:after, .industry-brief:after, .contact-address:after {content: '';display: block;clear: both}.why-section .box {width: 25%;margin-top: 50px;padding: 0px 5%;text-align: center;display: block;float: left;font-weight: 600;line-height: 22px;}.why-section .box img {margin-bottom: 15px;-webkit-transform 0.8s ease-in-out;transition: transform 0.8s ease-in-out;}.why-section .box:hover img {-webkit-transform: rotate(360deg);transform: rotate(360deg);}.owl-pagination {text-align: center;margin-top: 20px;}.owl-page.active {background: #3b3465}.owl-page {display: inline-block;width: 15px;height: 15px;border-radius: 50%;background: #e1e1e1;margin: 0px 9px}.clients {background: #f6f6f6;padding-top: 40px; padding-bottom:20px;text-align: center}.clients a {font-size: 18px;text-transform: uppercase;font-weight: 700;color: #ff3d2e}.clients a:hover {color: #0085d1;}.clients a + a {color: #0085d1;margin-left: 20px;}.clients a + a:hover {color: #ff3d2e;}.clients a + a::before {content: '|';font-weight: 500;margin-right: 20px;display: inline-block;color: #8e8e8e}.clients .clientlogo {display: inline-block;width: 19%;vertical-align: middle;text-align: center;margin: 25px 0px}.tagline {color: #2e2e2e;font-size: 45px;font-weight: 700;text-align: center;padding: 55px 0px;padding-top: 0px;}.tagline a {color: #0085d1;font-size: 18px;text-transform: uppercase;margin-top: 10px;display: inline-block}.tagline span {color: #ff3d2e;}.result-section {padding:20px 0px;}.main-footer {display: block;background: rgba(9,27,41,1.0);color: #fff;padding: 30px 0px;clear: both}.main-footer a, .main-footer {color: rgba(255,255,255,0.7)}.main-footer a:hover {color: rgba(255,255,255,1)}.main-footer ul li {font-size: 15px;line-height: 32px;}.main-footer h4 {font-size: 22px;font-weight: 700;margin: 0px;padding: 0px;margin-bottom: 15px;color: #fff;}.foot1 {font-size: 14px;line-height: 23px;width: 35%;float: left;margin-right: 5%}.foot1 i {font-size: 29px;margin-top: 20px;color: #fff;margin-right: 20px;}.foot2 {float: left;width: 22%}.foot3 {float: left;width: 16%} .footeraddress img{margin:10px 0px}.footeraddress {	width:19%;	margin-right:2px;	float: left;	font-size: 16px;line-height: 26px; padding:0px 15px;} .footer-map{width:210px; height:auto;}

.contact-address .half-box + .half-box + .half-box + .half-box + .half-box {
    background: url(../assets/img/address5.jpg) no-repeat;
    min-height: 230px;
    background-size:cover;
}

.dt-sc-title.script-with-sub-title{margin-bottom:10px !important;}
.nav-menu li.drop-down:nth-child(5) {
    position: relative;
}
.nav-menu li.drop-down:nth-child(5) ul {    width: 100%;}

.all-sections {
   
    padding: 30px 0px 47px 0px;
}
.center {    margin: 30px auto 40px auto;    text-align: center;}
.success-heading-main {    font-size: 40px;       margin-bottom: 15px;    margin-top: 22px;   line-height: 1.1;    color: #000;}
.highlight-sucess {   display: flex;    flex-wrap: wrap;   justify-content: center;    position: relative;}
.conatiner-box {    width: 23%;    margin: 3% 1%;    height: 165px;    position: relative;}
.blue-box {    width: 100%;    height: 100%;    position: absolute;    top: 0;    left: 0;    opacity: 1;    background: #01408c;    border-radius: 5px;}
    .blue-box.white-box {        z-index: 9;        margin-top: 7%;       box-sizing: border-box;        padding: 25px;        width: 93%;        background: white;
        border-radius: 5px;        box-shadow: 0px 5px 12px 0px #ccc;    }
        .blue-box.white-box .highlight-text { font-size: 18px ; line-height: normal;  margin: 10px 0px;  position: relative;  line-height: 25px;     }
            .blue-box.white-box .highlight-text::before {  content: ""; position: absolute; width: 2px; height: 60px; background-color: #d9177f; top: -1%;  left: -13%;  }
.download-cta {    background-color: #f1f4f6;    padding-left: 55px;    padding-right: 55px;   position: relative;}
    .download-cta .wrapper {
        max-width: 1140px;
        margin: 0 auto;
    }
.font-bold {    font-weight: 700;}
.pink {    color: #d9177f;}
.dwnld {    position: absolute;    margin-top: 19px;    left: 40%;}
.sp-text {    font-size: 19px ; width:702px;      line-height: 30px;    text-align: center;}
.success-heading-main {    font-size: 40px;    margin-bottom: 15px;    margin-top: 22px;    line-height: 1.1;    color: #000;}
.sub-sections {    padding: 20px 0px 10px 0px;}
.sp-objectives {    display: flex;    flex-wrap: wrap;    justify-content: center;}
    .sp-objectives .objective {        width: 30%;        margin: 2% 1%;        position: relative;        background-color: #f1f4f6;
        padding: 30px 10px;        border-top: 2px solid #dddbdb;        text-align: center;    }
        .sp-objectives .objective .objective-image { padding: 20px;background-color: #01408c; border-radius: 5px; text-align: center;
            position: absolute;   top: -26%;            left: 36%;        }
        .sp-objectives .objective .obejective-text { padding: 43px 5px 0px 5px;     font: 18px "MuseoSans-300", Open Sans;    line-height: normal;
            color: #000;            line-height: 25px;        }
.soln-sp {    display: flex;    flex-wrap: wrap;    justify-content: center;}
    .soln-sp .soln {        width: 48%;     margin: 1% 1%;     background-color: #f1f4f6;  padding: 5px; border-radius: 7px;  border: 1px solid #ccc;        display: flex;
        align-items: center;        flex-wrap: wrap;    }
        .soln-sp .soln .sol-img {background-color: #01408c;   text-align: center; padding: 20px;         border-radius: 7px;
            margin: 5px 0px;        }
        .soln-sp .soln .sol-text {  font: 18px "MuseoSans-300", Open Sans; line-height: normal;  color: #000;         padding: 13px 16px;           text-align: justify;
            line-height: 23px;        }
.value-delivered.franklin {
    background-image: url("../assets/img/case-studies/online-delivery.jpg"); height:530px;
}
    .value-delivered {    background-size: cover !important;    background-repeat: no-repeat;}
.sucess-para {    color: #000 !important;    font-size: 19px;    line-height: 30px;   padding: 10px 0 14px 0px;    width: 700px;}
.values-del {    display: flex;    flex-wrap: wrap;    justify-content: center; width:auto;}
    .values-del .values {        width: 23%;        margin: 1% 1%;        background-color: #fff;        justify-content: center;        padding: 30px 15px;
        color: #000 !important;        font-size: 18px ;line-height: 27px;    }
.casestudypage .eycasestudy{margin-top:0px!important;}
.footeraddress iframe {    margin: 10px 0px;  height: 110px;    width: 90%;    border: 0px;}


.footeraddress:last-child {
    margin-right: 0px;
}.footer-btm {margin-top: 50px;padding-top: 50px;border-top: 1px solid #5d5c61}.footeraddress h4 {font-size: 17px;text-transform: uppercase;letter-spacing: 1px;border-bottom: 1px solid #5d5c61;padding-bottom: 10px;}.footeraddress .email, .footeraddress .call {    padding-left: 24px; font-size:15px;    background: url(https://online24x7.net/assets/img/email-icon.png) left top no-repeat;background-position: 0px 5px;margin-top: 12px;}.footeraddress .call {background: url(https://online24x7.net/assets/img/phone-icon.png) no-repeat;    background-position: 0px 5px;}.footeraddress h4 img {vertical-align: middle;margin-right: 7px;}.copyright {text-align: center;width: 100%;clear: both;margin-top: 40px}.linkarrow, .linkarroworg, .linkarrowwhite {background: url(../assets/img/arrow-icon.png) right center no-repeat;padding-right: 30px;}.linkarroworg {background: url(../assets/img/arrow-icon-orange.png) right center no-repeat;}.linkarrowwhite {background-image: url(../assets/img/btn-arrow.png) !important;background: right center;background-repeat: no-repeat}.navicon {display: block;float: right;cursor: pointer;position: absolute;top: 0px;right: 0px;z-index: 99;width: 40px;height: 35px;padding-top: 8px}.navicon small {float: left;font-size: 19px;font-weight: 600;text-transform: uppercase}.navicon span {margin-top: 8px;width: 35px;height: 3px;background: #203351;position: relative;display: block;float: right}.navicon span:after, .navicon span:before {content: "";width: 100%;height: 3px;background: #203351;display: block;position: absolute;left: 0}.navicon span:after {left: 16px;width: 20px}.navicon span:before {top: -10px}.navicon span:after {bottom: -11px}.navicon span:after {width: 18px}.navicon.active {}.navicon.active span {background: 0 0}.navicon.active span:before {width: 24px;transform: rotate(-48deg);left: 10px;top: 0}.navicon.active span:after {width: 24px;transform: rotate(45deg);left: 10px;bottom: 0}.sidemenu {width: 100%;position: fixed;right: 0;top: 74px;background: rgba(0, 0, 0, .3);z-index: 97;height: calc(100% - 74px)}.sidenav {width: 350px;float: right;height: 100%;position: relative;background: #fff;border-top: 1px solid #f1f1f1;z-index: 99;height: 100%;padding: 40px;box-shadow: 0 3px 3px #c2c2c2;overflow: auto;margin: 0px;}.sidenav > li {display: block;padding: 3px 0;position: relative}.sidenav > li > a {color: #000;padding: 5px 0;line-height: 24px;display: block;font-size: 18px;font-weight: 700;position: relative;text-decoration: none}.sidenav > li > ul {list-style: none;display: none;margin-bottom: 15px}.sidenav > li > ul > li {display: block}.sidenav > li > ul > li > a {color: #000;font-size: 16px;display: block;padding: 8px 10px;font-weight: 600;text-decoration: none}.sidenav > li > a.active {color: #d62c2b}.sublink2 {list-style: none;padding-left: 15px;margin-bottom: 10px}.sublink2 > li {display: block}.sublink2 > li > a {color: #000;padding: 3px 0;display: block}.minus_icon:after {content: "-" !important}.plusicon {display: block;position: absolute;z-index: 101;right: 0;top: 3px;cursor: pointer;font-weight: 400}.plusicon:after {content: "+";display: inline-block;width: 30px;height: 30px;text-align: center;line-height: 30px;font-size: 24px;color: #222}.sub-links > a.active .plusicon:after {content: "-"}.sidenav > li.desktopdrop > a {color: #000}.sidenav > li.desktopdrop .plusicon::after {content: "-"}.solution-tab {padding: 55px 0px}.solution-tab h6 {margin: 15px 0px}.solution-tab .tabcontent {padding: 55px 0px;padding-bottom: 0px;font-size: 16px;line-height: 27px;}.read, .read-btn {background-color: #ff3d2e;color: #fff;padding: 0px 30px;line-height: 50px;display: inline-block;font-weight: 600;font-size: 16px;text-transform: uppercase;border-radius: 3px;position: static !important;}.read:hover, .service-brif .text a.read:hover, .formbtn:hover {background-color: #0085d1;}.tab {overflow: hidden;background-color: #fff;}.solution-tab .tab {border-bottom: 0px solid #dddddf}.solution-tab .tab button {font-size: 19px;font-weight: 600;width: 16.66%;border-bottom: 5px solid #dddddf}.solution-tab .tab button.active, .solution-tab .tab button.active:hover, .solution-tab .tab button:hover {border-bottom: 5px solid #ff3d2e;background: #fff}.service-brif .tab {background-color: #edf1f4;min-height: 144px;}.service-brif .tab button {min-height: 144px;font-weight: 600;font-size: 14px;text-transform: uppercase;font-family: 'Work Sans', sans-serif;width: 16.6%;line-height: normal}.service-brif .tab button img {margin-bottom: 15px;}.service-brif .tab button:hover {background-color: #e7ebee;color: #ff3d2e}.service-brif .tab button.active, .service-brif .tab button.active:hover {background: #fff;color: #ff3d2e}.service-brif h3 {font-size: 30px;line-height: 43px;margin-bottom: 15px;}.service-brif .text {width: 55%;float: left}.service-brif .text a.read {background-color: #ff3d2e;width: 285px;height: 50px;line-height: 50px;display: block;color: #fff;font-weight: 700;font-size: 18px;text-transform: uppercase;padding: 0px 20px;margin-top: 40px;position: static !important;}.service-brif .img {width: 40%;float: right}.tab button {background-color: inherit;float: left;border: none;outline: none;cursor: pointer;padding: 14px 16px;transition: 0.3s;font-size: 17px;}.tab button:hover {background-color: #ddd;}.tab button.active {background-color: #ccc;}.tabcontent {display: none;padding: 87px 0px;border-top: none;font-size: 17px;line-height: 31px;}.accordion {cursor: pointer;padding: 18px;width: 100%;border: none;text-align: left;outline: none;font-size: 17px;transition: 0.4s;font-weight: 500}.tab .active, .accordion:hover {background-color:;}.accordion:after {content: '\002B';font-weight: 500;float: right;margin-left: 5px;}.accordion.active:after {content: "\2212";}.panel {padding: 0 18px;font-weight: 300;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;border-bottom: 1px solid #17233c}.filter-box {-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);box-shadow: 0 0 10px rgba(0,0,0,.1);width: auto;margin: 0 auto;border-radius: 30px;text-align: center;margin-bottom: 70px;display: inline-block}.filter-box a {width: auto;padding: 10px 40px;display: inline-block;font-weight: 700;color: #000;font-size: 17px;border-radius: 30px;}.filter-box a.active {background: #007bff;color: #fff}.form-testimonial {background: url(../assets/img/result-bg.jpg) top center no-repeat;clear: both;padding: 50px 0px;}.form-testimonial.contactpage {background: url(../assets/img/contact-bg.jpg) top center no-repeat}.form-testimonial.contactpage .container {max-width: 860px;}.form-testimonial.contactpage .container .title {margin-bottom: 10px;font-size: 45px;}.form-testimonial .title {color: #fff;text-align: center;font-size: 40px;font-weight: 700; margin-bottom:0px !important;}.form-testimonial .title span {display: block;font-size: 20px;font-weight: 400}.testimonial-container {background: #ffffff url(../assets/img/testimonial-divide-bg.png) no-repeat center;border-radius: 7px;min-height: 500px;padding: 45px 0px;text-align: center;box-shadow: 14.5px 25.115px 60px 0px rgba(13,59,85,.1);max-width: 1130px;margin: 0 auto;margin-top: 50px;}.testimonial-container.contactpageform {background: #fff;max-width: 850px;min-height: auto}.testimonial-container .left-testimonial {width: 50%;float: left;padding: 0px 40px;}.testimonial-container.contactpageform .left-testimonial {width: 100%;font-size: 20px;line-height: 30px;}.briefcontact {max-width: 550px;margin: 0 auto;font-size: 20px;line-height: 30px;margin-bottom: 35px;}.testimonial-container .right-testimonial {width: 50%;float: right;padding: 0px 60px;}.testimonial-container h3 {font-size: 18px;font-weight: 700;margin: 0px;color: #070721;margin-bottom: 30px;}.testimonial-container h3 span {font-size: 16px;line-height: 21px;font-weight: 400;display: block;margin-top: 7px;}.left-testimonial .form-box, .hero-section.innerbanner .form-box {width: 50%;float: left;margin-bottom: 20px;}.left-testimonial .form-box input, .left-testimonial .form-box select, .left-testimonial .form-box textarea, .hero-section.innerbanner .form input, .hero-section.innerbanner .form textarea {width: 95%;border: 1px solid #e1e1e1;height: 42px;font-size: 14px;padding: 12px 14px;font-family: 'Work Sans', sans-serif;float: left}.form-box.full, .hero-section.innerbanner .form-box.full {width: 100%}.left-testimonial .form-box textarea, .hero-section.innerbanner .form textarea {width: 97%;height: 100px;}.hero-section.innerbanner .form textarea {height: 80px;}.formbtn {background: #ff3d2e;color: #fff;display: block;width: 225px;height: 50px;font-weight: 700;text-transform: uppercase;line-height: 50px;font-size: 18px;margin-top: 0px;text-align: center;border-radius: 3px;border: 0px;}.hero-section.innerbanner .formbtn {margin-top: 0px;float: left}.about-features {background: linear-gradient(90deg,#002182 0%,#00C1F1 100%) !important;color: #fff;padding: 100px 0px;text-align: center}.about-features h2 {font-size: 37px !important;line-height: 48px !important;font-weight: 400 !important}.about-features h2 strong {font-weight: 700;display: block}.half-box {width: 50%;float: left}.about-features .half-box {margin-top: 80px;padding: 0px 3%}.about-features .half-box.last {margin: 0 auto;padding-top: 80px;clear: both;float: none}.about-features .half-box .title {font-size: 22px;font-weight: 800;margin-bottom: 10px;line-height: 30px;}.about-features .half-box {font-size: 16px;line-height: 26px;}.about-features .half-box img {margin-bottom: 20px;}.career-box, #contact.contact {width: 100%;float: left;color: #fff;background: url(../assets/img/career-bg.png) no-repeat center top;background-size: cover;text-align: center;padding: 100px 0px;font-size: 22px;line-height: 36px;font-weight: 300}.career-box .container {max-width: 800px !important;}#contact.contact canvas#captcha {background: #fff;height: 45px;padding-left: 20px;}.career-box .title, #contact.contact .title {font-size: 37px;text-transform: uppercase;font-weight: 700;margin-bottom: 40px;}#contact.contact .title {font-size: 35px;}#contact.contact .container {max-width: 950px !Important;}#contact.contact .title span {font-size: 16px;display: block;font-weight: 400;text-transform: none;}.career-box a {color: #fff;text-decoration: underline}.career-box a:hover {color: #ff0000;}.industry-brief {padding: 45px 0px;padding-top: 20px;}    .industry-brief h1, .innerpagetext h1, .maintitletop {color: #000; margin-bottom: 15px;font-weight: 800;line-height: 37px;font-size: 30px;}.innerpagetext h1 strong, .maintitletop strong {color: #ff3d2e !important}innerpagetext h2 {font-size: 25px !important;margin-bottom: 15px !important;line-height: 35px !important;text-transform: capitalize;}ul.points {margin-top: 10px;margin-bottom:0px}ul.points li {margin-bottom: 10px;position: relative;padding-left: 30px;}ul.points li::before {content: "";width: 9px;height: 16px;border-right: 4px solid #d62c2b;border-bottom: 4px solid #d62c2b;transform: rotate(45deg);position: absolute;left: 5px;top: 3px;}.industry-brief .text {width: 60%;float: left;font-size: 16px;line-height: 26px;}.industry-brief .img {width: 35%;float: right}.inner-highlight {background-color: #edf1f4;padding: 55px 0px;}.inner-highlight.dark {background: linear-gradient(90deg,#002182 0%,#00C1F1 100%) !important;color: #fff}.inner-highlight .card-header {background-color: transparent}.inner-highlight .card {border: none;border-radius: 0px;border-bottom: 1px solid #d8dbde !important;}.inner-highlight .card h2 {margin-bottom: 0px !important;}.faq-half .half-box {padding: 0px 3%}.inner-highlight.dark .accordion {color: #fff}.inner-highlight h3 {font-size: 35px !important;font-weight: 700 !important;margin-bottom: 40px;}ul.nav-tabs {border: 0px;}ul.nav-tabs li a {color: #000;font-weight: 800 !important;border: 0px !important;border-bottom: 5px solid #dddddf !important;margin: 0px !important;}ul.nav-tabs li a:hover {border-bottom: 5px solid #ff3d2e !important;}.nav-pills .nav-link.active, .nav-pills .show > .nav-link {border-bottom: 5px solid #ff3d2e !important;background: #fff !important;color: #000 !important}.tab-content h5 {font-size: 23px;font-weight: 600}.tab-content p strong {font-size: 18px;font-weight: 700}.solutionbg h2 {font-size: 30px;}.solutionbg {background: #edf1f4 url(../assets/img/solution-bg.png) right top no-repeat}.solutionbg .accordion {padding: 18px 0px;}.solutionbg .panel {border-color: #d8dbde;padding: 0px;}.contactemail {color: #fff;width: 33.33%;float: left;text-align: center;font-size: 16px;line-height: 26px;margin-top: 30px;}.contactemail a {color: #fff;font-weight: 600}.contact-address {background: #ff3d2e;color: #fff; padding:70px 0px}.contact-address .left {width: 40%;font-size: 18px;line-height: 27px;padding: 3.5% 3.5% 0px 3.5%;float: left}.contact-address .left h2 {font-size: 30px !important;font-weight: 700;margin-bottom: 10px !important;line-height: 43px;}.contact-address .right {width: 60%;float: right}.contact-address .half-box .title {font-size: 26px;text-transform: uppercase;font-weight: 700;position: absolute;bottom: 20px;margin-bottom: 0px;}.contact-address .half-box {background: url(../assets/img/address1.jpg) no-repeat;min-height: 230px;padding: 30px;position: relative; background-size:cover; }.contact-address .half-box + .half-box {background: url(../assets/img/address2.jpg) no-repeat;min-height: 230px;background-size:cover;}.contact-address .half-box + .half-box + .half-box {background: url(../assets/img/address3.jpg) no-repeat;min-height: 230px;background-size:cover;}.contact-address .half-box + .half-box + .half-box + .half-box {background: url(../assets/img/address4.jpg) no-repeat;min-height: 230px;background-size:cover;}
    .contact-address .half-box + .half-box + .half-box + .half-box {
        background: url(../assets/img/address4.jpg) no-repeat;
        min-height: 230px;
        background-size: cover;
    }.contact-address .half-box .address {display: none;position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: rgba(0,0,0,0.6);padding: 30px;font-size: 17px;line-height: 27px;}.contact-address .half-box .address .call {background: url(../assets/img/phone-icon.png) left center no-repeat;padding-left: 25px;margin-top: 10px;}.contact-address .half-box .address .title {position: static;display: block;margin-bottom: 15px;}.contact-address .half-box:hover .address {display: block}.contact-address .half-box:hover .title {display: none}.contact-address .half-box:hover .address .title {display: block}#testimonialshome iframe {width: 320px;height: 180px;margin: 0 auto;display: block;margin-bottom: 15px;}#testimonialshome {font-size: 17px;line-height: 26px;color: #070721}#testimonialshome p {margin-bottom: 0px;}#testimonialshome p strong {font-size: 18px;display: block;margin-top: 10px;}#testimonialshome p::before {content: '';background: url(../assets/img/testimonial-icon.png) no-repeat top left;width: 34px;height: 24px;display: inline-block}.casestudysmall {padding: 60px 0px;height: auto}.hero-section.casestudysmall h1, .hero-section.videobanner h1, .hero-section.innerbanner .text h1 {margin-bottom: 0px;padding: 10px 20px;display: inline-block; font-weight:700}.hero-section.casestudysmall {height: auto;background-image: linear-gradient(145deg,rgba(43,135,218,0.02) 42%,#00c1f1 100%),url(../assets/img/blog-img.jpg) !important;}.hero-section.solution-banner {height: auto;background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../assets/img/solution-hero-img.jpg) no-repeat 50% 10% / cover !important;}.hero-section.videobanner {height: auto;background-image: linear-gradient(145deg,rgba(43,135,218,0.02) 42%,#00c1f1 100%),url(../assets/img/watching-video.jpg) !important;}.casestudy-listing #floating-left .card, .casestudy-listing #floating-left .card:hover {box-shadow: 0 0 30px 0 rgba(0, 0, 0, .08);border-radius: 10px;margin-bottom: 35px;border: 0px;overflow: hidden}.blogsection .faq-item {box-shadow: 0 0 30px 0 rgba(0, 0, 0, .08);border-radius: 10px;margin-bottom: 35px;border: 0px;overflow: hidden;max-width: 29%;margin: 20px 2%;padding: 0px;}.blogsection .faq-item img {width: 100%;}.blogsection .faq-item .text {padding: 15px;padding-bottom: 30px;}.blogsection .faq-item .text .date, .video-page .card .card-body .date {font-size: 15px;margin-bottom: 5px;color: #999}a {}.blogsection .faq-item a {color: #ff3d2e;text-transform: uppercase;font-family: 'Work Sans', sans-serif;font-weight: 600;font-size: 14px;letter-spacing: 0.2px;background: url(../assets/img/arrow-icon-orange.png) right center no-repeat;padding-right: 25px;}.faq.blogsection .faq-item h4, .faq.video-page .card .card-title {font-size: 19px;font-weight: 800;line-height: 24px;margin-bottom: 10px;}.casestudypoints {padding: 0px 0px;}.technologypartners {text-align: center;}.technologypartners img {margin: 0px 50px;margin-top: 80px;max-height: 66px;}.timeline {white-space: nowrap;color: #fff;overflow-x: hidden;padding: 70px 0px;background: #333 url(../assets/img/history-background.jpg) no-repeat;background-size: cover;}.timeline ol {font-size: 0;width: 100vw;padding: 250px 0;transition: all 1s;}.timeline ol li {position: relative;display: inline-block;list-style-type: none;width: 110px;height: 3px;background: #fff;font-weight: 300}.timeline ol li:last-child {width: 280px;}.timeline ol li:not(:first-child) {margin-left: 14px;}.timeline ol li:not(:last-child)::after {content: '';position: absolute;top: 50%;left: calc(100% + 1px);bottom: 0;width: 12px;height: 12px;transform: translateY(-50%);border-radius: 50%;background: #fff;}.timeline ol li div {position: absolute;left: calc(100% + 7px);width: 160px;font-weight: 300;font-size: 13px;white-space: normal;color: #fff;line-height: 18px;}.timeline ol li div strong {font-weight: 800}.timeline ol li div::before {position: absolute;top: 100%;left: 0;width: 0;height: 0;border-style: solid;}.timeline ol li:nth-child(odd) div {top: -16px;transform: translateY(-100%);}.timeline ol li:nth-child(odd) div::before {top: 100%;border-width: 8px 8px 0 0;border-color: white transparent transparent transparent;}.timeline ol li:nth-child(even) div {top: calc(100% + 16px);}.timeline ol li:nth-child(even) div::before {top: -8px;border-width: 8px 0 0 8px;border-color: transparent transparent transparent white;}.timeline time {display: block;font-size: 40px;font-weight: 800;margin-bottom: 5px;margin-top: 8px;line-height: 45px;}.timeline .arrows { display:none;justify-content: center;margin-bottom: 20px;}.timeline .arrows .arrow__prev {margin-right: 20px;background: rgba(255,255,255,1) url(../assets/img/arrow-icon-left.png) center center no-repeat;display: inline-block;width: 50px;height: 50px;border-radius: 50%;}.timeline .arrows .arrow__next {margin-right: 20px;background: rgba(255,255,255,1) url(../assets/img/arrow-icon.png) center center no-repeat;display: inline-block;width: 50px;height: 50px;border-radius: 50%;}.timeline .disabled {background-color: rgba(255,255,255,0.5)}.timeline .arrows img {width: 45px;height: 45px;}.timeline h2 {font-weight: 800 !important;text-align: center;font-size: 35px !important;}.timeline h2 span {font-weight: 400;display: block;font-size: 15px;text-align: center;line-height: 23px;margin-top: 10px;}@media screen and (max-width: 599px) {.timeline ol,.timeline ol li {width: auto;}.timeline ol {padding: 0;transform: none !important;}.timeline ol li {text-align: center;display: block;height: auto;background: transparent;}.timeline ol li:first-child {margin-top: 25px;}.timeline ol li:not(:first-child) {margin-left: auto;}.timeline ol li div {width: 94%;height: auto !important;margin: 0 auto 25px;}.timeline ol li div {position: static;}.timeline ol li:nth-child(odd) div {transform: none;}.timeline ol li:nth-child(odd) div::before,.timeline ol li:nth-child(even) div::before {left: 50%;top: 100%;transform: translateX(-50%);border: none;border-left: 1px solid white;height: 25px;}.timeline ol li:last-child,.timeline ol li:nth-last-child(2) div::before,.timeline ol li:not(:last-child)::after,.timeline .arrows {display: none;}.timeline {white-space: normal;}.timeline ol li {border-bottom: 1px solid rgba(255,255,255,0.2);margin-bottom: 25px;}}.csp-box {width: 33.33%;float: left;text-align: center;font-size: 20px;line-height: 28px;font-weight: 300}.csp-box img {height: 55px;margin-bottom: 20px;}.csp-box.full {width: 33.33%;float: left;text-align: center;font-size: 19px;line-height: 28px;font-weight: 300;margin-top: 0px;}.csp-box.full ul {margin: 0px;padding: 0px;list-style: none;}.csp-box.full ul li {width: auto;padding: 0px 25px;display: inline-block;position: relative}.csp-box.full ul li::after {content: '|';position: absolute;right: 0px;}.csp-box.full ul li:last-child::after {content: '';}.csp-box strong {font-weight: 600;font-size: 14px;display: block;letter-spacing: 0.5px;text-transform: uppercase;color: #fff}.casestudypage {padding-top: 50px;padding-bottom: 0px;}.casestudypage .text {width: 45%;float: left}.casestudypage .iframe {width: 50%;float: right}.casestudypage .about-features {margin-top: 50px;}@media screen and (min-width: 700px) {body > article {display: flex;flex-wrap: wrap;}figure {overflow: hidden;background: #eee;width: calc( 50% + 0px);height: 100vh;margin: 0 auto 10vh 0;position: -webkit-sticky;position: sticky;top: 0;overflow: hidden;}figure:nth-of-type(2n)::after {right: 45%;left: 5vmin;}#parallax-sec section {background: #e5e5e5;width: calc(50% + 0px);height: 100vh;margin: 0 0 10vh auto;position: -webkit-sticky;position: sticky;top: 0;overflow: hidden;padding: 5vmin;position: -moz-sticky;position: -ms-sticky;position: -ms-sticky;}#parallax-sec figure:nth-of-type(1), #parallax-sec section:nth-of-type(1) {margin: 0 0 10vh 0;width: 50%;float: left;}figure:nth-of-type(2n) {margin: 0 0 10vh 0;}section:nth-of-type(2n) {margin: 0 0 10vh auto;}figure:last-of-type, section:last-of-type {margin-bottom: 0;}section::before {display: none;background: inherit;z-index: 1;content: '';position: absolute;top: 50%;left: 0;width: 7vmin;height: 7vmin;-webkit-transform: translate(calc(-50% + 1px), -50%) rotate(-45deg);transform: translate(calc(-50% + 1px), -50%) rotate(-45deg);-webkit-clip-path: polygon(-15% -15%, 110% 0%, 0% 110%);clip-path: polygon(-15% -15%, 110% 0%, 0% 110%);box-shadow: -4px -2px 8px rgba(0,0,0,.4);border-radius: 1.5vmin 0 0 0;}section:nth-of-type(2n):after {right: 5vmin;left: 45%;}#parallax-sec section > div {display: flex;flex-direction: column;align-items: center;height: 100%;padding: 1rem;}}.restory-left {background: #151515;padding: 80px;padding-bottom: 40px;}.restory-right, .second-right, .third-right {background: #0171c5;padding: 0px !important;}.second-right {background: #0171c5;text-align: center}.third-right {background: #f2c811}.second-left {background: #e7f1d6}.restory-right, article section.second-right, article section.third-right {overflow: hidden;}.restory-right img, article section.second-right img, .page-template-homepage article section.third-right img {min-width: 100%;min-height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;max-width: 100%}.restory-right {padding: 0px;}.bg-shadow {position: absolute;right: 0px;top: 50%;transform: translateY(-50%);}.home .scroll-sec {position: absolute;left: 30px;bottom: 80px;z-index: 1;}.home .scroll-sec p {transform: rotate(-90deg);float: left;margin-top: -55px;}.home .scroll-sec span {height: 100%;background-color: #ff6b00;width: 2px;display: block;float: left;margin-left: 27px;-webkit-animation: slide-down 2s steps(100) infinite;animation: slide-down 2s steps(100) infinite;}.home .scroll-sec a.scroll-bar {height: 94px;position: relative;overflow: hidden;display: block;}.home .scroll-sec p a {color: #222222;}.site-inner .scroll-sec {display: none;}.site-inner #services-outter .scroll-sec {display: block;}@-webkit-keyframes slide-down {0% {-webkit-transform: translateY(-100%);transform: translateY(-100%)}to {-webkit-transform: translateY(100%);transform: translateY(100%)}}@keyframes slide-down {0% {-webkit-transform: translateY(-100%);transform: translateY(-100%)}to {-webkit-transform: translateY(100%);transform: translateY(100%)}}@-webkit-keyframes slide-up {0% {-webkit-transform: translateY(100%);transform: translateY(100%)}to {-webkit-transform: translateY(-100%);transform: translateY(-100%)}}.featured-section {padding: 0 35px;}.featured-section h3 {font-size: 55px;line-height: 61px;margin-bottom: 50px;margin-top: 70px;text-align: center;position: relative;}.featured-section h3:before {position: absolute;bottom: -5px;content: '';width: 35px;height: 2px;background-color: #ff6c01;left: 50%;transform: translateX(-50%);}.portfolio-sec {clear: both;float: left;width: 100%;}.portfolio-sec, .portfolio-sec a {color: #fff;}.portfolio-sec ul {padding: 0;}.portfolio-sec ul li {width: 100%;display: none;height: 100vh;}.portfolio-sec ul li.active {display: table;}.portfolio-text, .portfolio-img {float: left;position: absolute;}.portfolio-text {font-size: 1px;;background-color: #151515;left: 0;padding: 6% 8% 0% 0%;position: relative;}.portfolio-img {right: 0;}.portfolio-name {font-size: 24px;font-weight: 100;color: #fff;line-height: 30px;text-transform: none;max-width: 400px;}/*.portfolio-text p{font-size: 17px;font-weight: 400;color: #fff;line-height: 30px;text-transform: none; max-width: 400px;font-weight: 300;}*/.portfolio-name {margin-bottom: 30px;}.portfolio-text a {color: #fff;}.portfolio-text p {font-size: 37px;font-weight: 600;line-height: 55px;margin-bottom: 70px;color: #fff;max-width: 500px;}/*.portfolio-text{ font-size: 68px; font-weight: 600; text-transform: uppercase;line-height: 60px; margin-bottom: 70px; color: #fff;}*/.portfolio-text span {font-size: 22px;text-transform: uppercase;font-weight: 400;display: block;line-height: normal;margin-bottom: 4px;}.portfolio-text .btn {position: relative;line-height: normal}.portfolio-text .btn:after {content: '';position: absolute;top: 11px;left: 150px;width: 70px;height: 1px;background: #fff;transition: all 0.5s;}.btn:hover:after {width: 0;}.restory-left .portfolio-text .btn {margin-top: 0;position: absolute;bottom: 0;}.restory-left .portfolio-text .btn:hover {color}.portfolio-text .btn {margin-top: 200px;display: block;font-size: 17px;font-weight: 300}.portfolio-img img {height: 100vh;width: 100%;}.business-need {padding-top: 20px; padding-bottom:20px; url(../images/about-bg.jpg) no-repeat center;background-size: cover}.business-need .title, .industry .title {font-size: 45px;line-height: 55px;color: #3b3465;font-weight: 900;}.business-need .title span, .industry .title span {font-size: 14px;margin: 0 0 10px 0;display: block;line-height: 15px !important;}.industry .title {text-align: center;font-size: 30px;line-height: 38px;margin-bottom: 40px;}.business-need .left {width: 40%;float: left}.business-need .right {width: 55%;float: right;position: relative}.business-need .right .imgicon {position: absolute;right: -20px;top: -20px;width: 130px;}.business-need .right .half {width: 50%;padding: 0px 15px;float: left}.business-need .right .half .inner {float: left;margin-bottom: 25px;padding: 15px 25px;font-size: 15px;line-height: 24px;color: #3b3465;font-family: Rubik,sans-serif;transition-duration: .5s;-moz-transition-duration: .5s;-ms-transition-duration: .5s;-o-transition-duration: .5s;-webkit-transition-duration: .5s;}.business-need .right .half .inner:hover {transform: scale(1.1);box-shadow: 12px 19px 62px 0 rgba(13,52,79,.07);background: #fff}.business-need .right .half img {width: 110px;margin-bottom: 20px;}.business-need .right .half h6 {font-size: 18px;color: #3b3465;font-family: Nunito,sans-serif;font-weight: 800;margin-bottom: 15px;}.industry {padding-top: 40px; padding-bottom:20px;/*background: url(https://devtechnosys.com/images/2020-new/industries-ger.svg) no-repeat left bottom */}.owl-carouse2 .item {position: relative;overflow: hidden}.owl-carouse2.owl-carousel.owl-theme .owl-nav button.owl-prev, .owl-carouse2.owl-carousel.owl-theme .owl-nav button.owl-next {background: rgba(255,255,255,1) url(../images/arrow-icon-left.png) center center no-repeat;;width: 50px;height: 50px;display: block;border-radius: 50%;color: #fff;font-size: 35px;margin-left: 15px;float: left}.owl-carouse2.owl-carousel.owl-theme .owl-nav button.owl-next {background: rgba(255,255,255,1) url(../images/arrow-icon.png) center center no-repeat;margin-right: 15px;float: right}.owl-carouse2.owl-carousel.owl-theme .owl-nav button.owl-prev span, .owl-carouse2.owl-carousel.owl-theme .owl-nav button.owl-next span {display: none}.owl-carouse2.owl-carousel.owl-theme {position: relative}.owl-carouse2.owl-carousel.owl-theme .owl-nav {position: absolute;top: 50%;margin-top: -25px;width: 100%;}.owl-carouse2 .item::after {background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,rgba(5,20,34,.5) 60%,rgba(32,35,38,.38));position: absolute;top: 0;right: 0;bottom: 0;left: 0;content: "";transition: opacity .5s;pointer-events: none;}.owl-carouse2 .item img {transition: .9s;object-fit: cover;object-position: top;}.owl-carouse2 .item:hover img {transform: scale(1.2)}.owl-carouse2 .item h5 {transition: .5s ease-in-out;font-family: Nunito,sans-serif;color: #fff;font-weight: 900;text-transform: uppercase;font-size: 18px;text-align: center;padding: 15px;position: absolute;bottom: 0;left: 0;width: 100%;height: 100px;display: flex;align-items: center;justify-content: center;z-index: 99}.owl-carouse2 .item:hover h5 {font-size: 22px;height: 100%}@-webkit-keyframes slide-down {0% {-webkit-transform: translateY(-100%);transform: translateY(-100%)}to {-webkit-transform: translateY(100%);transform: translateY(100%)}}@keyframes slide-down {0% {-webkit-transform: translateY(-100%);transform: translateY(-100%)}to {-webkit-transform: translateY(100%);transform: translateY(100%)}}@-webkit-keyframes slide-up {0% {-webkit-transform: translateY(100%);transform: translateY(100%)}to {-webkit-transform: translateY(-100%);transform: translateY(-100%)}}@media only screen and (max-width: 765px) {.mainheader ul {display: none}.hero-section h1 {font-size: 35px;line-height: 38px;}.hero-section h1 span {font-size: 17px;}.hero-section {font-size: 15px;line-height: 21px;height: auto;padding-bottom: 100px;}.service-brif .img {margin-top: 40px;}.service-brif .img, .service-brif .text {width: 100%;}.why-section .box, .result-section .box {width: 50%;}.clients .clientlogo {width: 48%}.testimonial-container {background: #fff}.testimonial-container .left-testimonial, .testimonial-container .right-testimonial {width: 100%;padding: 0px 20px;}.testimonial-container .right-testimonial {margin-top: 50px;}.foot1, .foot2, .foot3, .footeraddress {width: 100%;margin: 0px;margin-bottom: 20px;}.home-brief .title, .result-section .title, .clients .title {font-size: 26px;line-height: 32px;}.business-need .left, .business-need .right {width: 100%}.mobile-nav-toggle i {color: #fff;}.mobile-nav-toggle {top: 30px;}.hero-section .text a {font-size: 13px;line-height: 47px;padding: 0px 25px;font-weight: 800;}.home-brief {font-size: 16px;line-height: 25px;padding: 25px 0px;}.tagline {font-size: 31px;line-height: 35px;}.portfolio-text {font-size: 45px;}.restory-left {padding: 13px;}.portfolio-name {margin-bottom: 10px;font-size: 18px;}.portfolio-text .btn {margin-top: 40px;}.restory-left .portfolio-text .btn {margin-top: 100px;}#parallax-sec figure:nth-of-type(1), #parallax-sec section:nth-of-type(1), #parallax-sec section:nth-of-type(2n), #parallax-sec figure:nth-of-type(2n), #parallax-sec figure:last-of-type, #parallax-sec section:last-of-type {height: 300px;margin-bottom: 0px;}.restory-right img, article section.second-right img, article section.third-right img {min-height: 100%;}.portfolio-text {padding: 2% 5% 1% 5%;}.aboutsection .about-left {height: 363px;}.aboutsection .portfolio-text span {font-size: 34px;}.third-right.about-clients-list ul li {width: 28%;margin-left: 2%;margin-right: 2%;}.third-right.about-clients-list ul li:nth-child(1), .third-right.about-clients-list ul li:nth-child(4), .third-right.about-clients-list ul li:nth-child(7), .third-right.about-clients-list ul li:nth-child(10) {text-align: center;}.third-right.about-clients-list ul {margin-left: 0;}.third-right.about-clients-list ul li {height: auto;}.portfolio-text p {font-size: 23px;font-weight: 600;line-height: 34px;margin-bottom: 40px;}.business-need .right .half {width: 100%;padding: 0px;}.result-section .box {font-size: 26px;}.result-section .box span {font-size: 14px;}.clients a + a {display: block;clear: both}.clients a + a::before {display: none}section#contact.contact {height: auto !important}.form-testimonial .title {font-size: 30px;margin-bottom: 0px;}.form-testimonial .title span {margin-top: 10px;font-size: 18px;}.form-testimonial {padding: 50px 0px}.result-section {padding-top: 0px;}.industry {max-width: 95%;margin: 0 auto;}.business-need .right .imgicon {right: 0px;}.business-need .title, .industry .title {font-size: 30px;line-height: 37px;margin-bottom: 30px;}.hero-section.innerbanner, .hero-section.about {padding-top: 110px;padding-bottom: 50px;}.hero-section.innerbanner .text h1, .hero-section.about .text h1 {font-size: 25px;padding: 10px 15px;line-height: 35px;}.industry-brief h1, .innerpagetext h1 {line-height: 30px;font-size: 24px;}.dt-sc-title.script-with-sub-title {margin-bottom: 10px;}.innerpagetext h2 {font-size: 22px !important;line-height: 27px !important;}.solutionbg {background: #edf1f4}.half-box {width: 100%;}.career-box, #contact.contact {padding: 40px 0px}#contact.contact .title {font-size: 25px;line-height: 35px;}#contact.contact .title span {line-height: 22px;margin-top: 5px;}.accordion {padding: 0px;}.row {margin-right: 0px !important;margin-left: 0px !important;}.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding-left: 0px !important;padding-right: 0px !important;}.container .container {width: 100% !important}.innerpagetext h2 {margin-bottom: 0px !important}.form-row {margin-left: 0px !important;margin-right: 0px !important}.industry-brief .text {width: 100%;}.industry-brief .img {width: 100%;}.industry-brief {padding-top: 0px;}.inner-highlight h3 {font-size: 25px !important;line-height: 33px;}.blogsection .faq-item {max-width: 100%;}.faq.video-page .col-sm-6 {margin-bottom: 20px;}.faq.video-page .row.mt-5 {margin-top: 0px !important;}.clients-wrap .col-sm-6 {width: 50%}.casestudypage .text, .casestudypage .iframe {width: 100%;margin-bottom: 30px;}    .csp-box, .csp-box.full{width: 100%;margin-bottom: 40px;}.casestudypage .about-features {margin-top: 20px;}.about-features {padding: 50px 0px;margin-bottom: 50px;}.csp-box.full {margin-top: 10px;}.about-features h2 {font-size: 26px !important;line-height: 37px !important;font-weight: 400 !important;margin-bottom: 50px !important;}.about-features .half-box {margin-top: 0px;margin-bottom: 50px;}.about-features .half-box.last {padding-top: 0px;}.technologypartners img {margin: 0px;margin-top: 50px}.career-box .title, #contact.contact .title {font-size: 29px;line-height: 40px;}.career-box .container {font-size: 17px;line-height: 27px;}.main-footer {padding: 50px 0px}.foot3 h4 {display: none}.footer-btm {padding-top: 0px;margin-top: 0px;border: 0px;}.footeraddress {margin-bottom: 35px;}.contactemail {color: #fff;width: 100%;}.form-testimonial.contactpage .container .title {font-size: 35px;line-height: 41px;margin-top: 40px;margin-bottom: 0px}.contact-address .left, .contact-address .right {width: 100%;}.contact-address .right {margin-top: 30px}}.hero-section.innerbanner.solution-banner #contact2.contact {background: none;max-width: 450px;float: right;padding-top: 0px;background: rgba(34,34,34,0.75);padding: 20px;}.left-testimonial #contact.contact .form-row.capcha-box .col-lg-7{clear:both}.hero-section.innerbanner.solution-banner #contact2.contact .formbtn {width: 100%}.hero-section.innerbanner.solution-banner #contact2.contact .container {width:100%!important;	}.hero-section.innerbanner.solution-banner #contact2.contact .col-lg-4.form-group{width: 100%;float: left;display: block;max-width: 100%;flex: auto;	}.hero-section.innerbanner.solution-banner #contact2.contact .capcha-box .col-lg-4.form-group {width:35%; max-width:35%	}	.hero-section.innerbanner.solution-banner #contact2.contact .capcha-box .col-lg-2 {		width: 25%; max-width:25%; background:#fff; height:46px;}.hero-section.innerbanner.solution-banner #contact2.contact .capcha-box .col-lg-2 #captchaCopy {margin-top: -13px;}.hero-section.innerbanner.solution-banner #contact2.contact .capcha-box .col-lg-6.form-group {	width: 40%;	max-width: 40%; margin-top:-2px;}	.hero-section.innerbanner.solution-banner #contact2.contact .title span {font-size: 12px;margin-top: 5px;display: block; font-weight:400;}.hero-section.innerbanner.solution-banner #contact2.contact .title {font-size: 25px;margin-bottom: 15px; font-weight:700}.hero-section.innerbanner.landingservicetop h1{margin-top:100px}.hero-section.innerbanner.landingservicetop .text span {	display: block;	font-size: 22px;	line-height: 34px;	margin-top: 25px;}.hero-section.innerbanner.solution-banner #contact.contact .form-row.capcha-box {display: block}.hero-section.innerbanner.solution-banner #contact.contact .col-lg-3.form-group, .hero-section.innerbanner.solution-banner #contact.contact .col-lg-2 {		float: left;	}.hero-section.innerbanner.solution-banner #contact.contact .formbtn {width: 100%;font-size: 15px;padding: 0px 15px;}.hero-section.innerbanner.solution-banner #contact.contact .col-lg-7.form-group {		width: 40%;flex: none;float: right;display: block;}.freequote {background: #ff3d2e; border-radius: 30px;line-height: 35px;font-size: 13px;margin-top: -7px;}.mainheader ul li.freequote a {font-size: 13px;letter-spacing: 2px; text-transform: uppercase;font-weight: 700;margin-top: 0px;}.mainheader ul li.freequote a:hover {color:#fff; border:0px!important;}.homemaintop-left {        width: 50%;        float: left;        padding:0px 30px;        box-sizing: border-box;        text-align: left    } .homemaintop-left .title {            text-align: left;font-size: 38px;line-height: 46px;margin-bottom: 30px;}.homemaintop-right {width: 50%;float: right;padding: 0px 30px;box-sizing: border-box;text-align: left; padding-left:10%;}.logolistingmainpage .card-top {height: 200px; position: relative;}.logolistingmainpage .logolistingmainpage .card-body {border-top: 1px solid #e8e5e5 !important;}.connect-right {list-style: none;margin: 0px;padding: 0px; position: fixed;    right: 0px;top: 40%;z-index: 9999;}.connect-right img {max-width: 25px;}.cr_whatsappicon {background: #49e670;width: 50px;height: 50px;display: block;text-align: center;margin-bottom: 2px;}.cr_teamsicon {background: #5459ac;width: 50px;height: 50px;display: block;text-align: center;margin-bottom: 2px;}.cr_Callicon {background: #d91f32;width: 50px;height: 50px;display: block;text-align: center;margin-bottom: 2px;}.casestudypage .text.full{width:100%}ul.sideservicelist {    list-style: none;}ul.sideservicelist li {border-top: 2px solid #e2e8ec; font-size: 1.4rem;  position: relative; padding-bottom: 1.5rem; transition: all ease 0.3s;        line-height: 1.4; }ul.sideservicelist li:hover {border-color: #1ccef5}ul.sideservicelist li a {color: #262626;text-decoration: none;padding: 0.8rem; padding-right: 50px;       display: block;font-weight: 700;} ul.sideservicelist li a .nav-link-arrow {width: 28px; position: absolute;right: 0.8rem;top: 21px;transition: all ease 0.3s;}ul.sideservicelist li a:hover .nav-link-arrow {right: 0;}.shopping-bg {    background: url(../assets/img/shopping-bg.jpg);    background-size: cover;    margin-top: 100px;    width: 100%;   padding: 130px 0px;}.shopping-bg iframe {		width: 900px;		height: 550px;		background-color: #000;		border: 20px solid #000;		border-radius: 20px;		box-sizing: content-box;		box-shadow: 0 6.4px 14.4px 0 rgba(0,0,0,.132),0 1.2px 3.6px 0 rgba(0,0,0,.108);	}.box-lister {width: 33.33%;	padding: 25px;	box-sizing: border-box;	float: left}.box-lister img {		margin-bottom: 25px;	}.box-lister .title {font-size: 24px;line-height: 29px;font-weight: 700;	margin-bottom: 11px;}.box-lister a {	color: #ff3d2e;	font-size: 600	}.box-points {font-size: 18px;line-height: 22px;	clear: both;	padding-bottom: 100px;}.box-points .title {		font-size: 24px;		line-height: 29px;		font-weight: 700;		margin-bottom: 11px;		margin-top: 70px;	}.box-points .box-points-left {width: 50%;float: left;		padding: 0px 20px;		float: left	}.box-points .box-points-right {		width: 50%;		float: right;		padding: 0px 20px;		float: right	}.box-four {width:25%; float:left; padding:0px 20px; text-align:center; margin:25px 0px;}.box-four .title{font-size:20px; line-height:22px; padding:0px 10px; font-weight:700; margin:0px; margin-bottom:15px;}@media (max-width:700px) {.iframe-video {	height:250px!important;}.half.text {padding: 35px 10px!important;}.box-four {width: 100% !important;}.box-lister {width: 100%!important;	}}@media (max-width:992px) {.homemaintop-left, .homemaintop-right {width: 100%;padding: 0px;margin-bottom: 50px;}ul.sideservicelist li {font-size: 1.2rem;           padding-bottom: 0.9rem;        }        .homemaintop-left .title {            font-size: 26px;            line-height: 31px;        }            .shopping-bg iframe {                width: 90%;                height: 500px            }		.box-lister {			width: 100%;			padding: 15px 0px;		}		.box-points .box-points-left, .box-points .box-points-right {width: 100%;}.box-points {padding-bottom: 20px;}.box-points .title {				margin-top: 20px;			}	}.solution-tab {padding-top: 0px !important;}.solution-type { /*padding:60px 0px; background:linear-gradient(90deg,#002182 0%,#00C1F1 100%) !important;*/		color: #fff;		text-align: center;		margin-top: 10px;	}.solution-type .title {font-size: 17px;	text-align: center;	margin-bottom: 30px;	line-height: 25px;}	.solution-type .title span, .solution-type .title strong {display: block			}.solution-type .title span {font-size: 17px;font-weight: 800;text-transform: uppercase;margin-bottom: 20px;	background: #015b98;padding: 15px 0px;				border-radius: 40px 40px 0px 0px;max-width: 400px;margin: 0 auto;margin-top: -77px;position: relative;z-index: -1;padding-bottom: 0px;margin-bottom: 0px;line-height: 22px;padding-bottom: 10px;}.solution-type .title img {margin-bottom: 15px;margin-top: 30px;width: 60px;}.solution-type .solution-type-box2 .title img {margin-top: 0px;}.solution-type-box1 {width: 33%;float: left;background: #006cb6;padding: 30px}.solution-type-box2 {width: 67%;float: left;background: #ff3d2e;padding: 0px;padding-top: 0px;}.solution-type-box2 .title {margin-bottom: 0px;}.solution-type-box2 .title span {margin-top: -47px;}.solution-type-box2 .solution-type-box1 .title {margin-bottom: 30px;}.solution-type-box2 .solution-type-box1 {width: 50%;background: #ff3d2e;padding: 30px;}.solution-type-box2 .solution-type-box1 + .solution-type-box1 {background: #f02b1b}ul.nav-tabs li {border: 1px solid #e1e1e1;border-left: 0px;}ul.nav-tabs li:first-child {border-left: 1px solid #e1e1e1;}ul.nav-tabs li a {padding: 15px 0px;}ul.nav-tabs li img {height: 35px;margin-right: 10px;vertical-align: bottom;}.tab-content > .active {padding: 55px 0px;font-size: 16px;line-height: 27px;border: 1px solid #e1e1e1;padding-bottom: 50px;box-shadow: 2px 3px 33px -5px rgba(0,0,0,.19);}.halfbox {width: 50%;float: left;border: 1px solid #e1e1e1;padding: 30px;height: 500px;margin-bottom: 40px;}.halfbox .title {font-size: 22px;font-weight: 700;text-align: center;margin-bottom: 30px;color: #ff0000}.halfbox ul li {margin-bottom: 10px;line-height: 22px;list-style: circle}.methodology-section .w80 {width: 80%;margin: 0 auto;margin-bottom: 0px;margin-bottom: 30px;}.methodology-section {padding: 70px 0px;font-size: 15px;}.serviceoffer .box {width: 25%;text-align: center;float: left;margin-top: 40px;font-weight: 700;letter-spacing: 1px}.serviceoffer .box img {height: 50px;margin-bottom: 10px}.half {width: 50%;float: left;}.half.text {padding: 35px 50px}ul.points {margin-top: 10px;margin-bottom: 0px}ul.points li {margin-bottom: 10px;position: relative;padding-left: 27px;font-size: 1rem;}ul.points li::before {content: "";width: 6px;height: 10px;border-right: 2px solid #d62c2b;border-bottom: 2px solid #d62c2b;transform: rotate(45deg);position: absolute;left: 5px;top: 3px;}.our-clients {padding: 15px 0px;clear: both}.our-clients img {width: 13%;text-align: center;display: inline-block;vertical-align: middle;margin: 20px;}.solution-tab {padding: 30px 0px;}.area-wehelp {text-align: center;background: #edf1f4;padding: 50px 0px;background: url(../assets/img/areweserve-img.jpg);color: #fff;margin-top: 30px;}.area-wehelp .half {width: 100%;float: left}.area-wehelp .title {font-weight: 800;font-size: 30px;margin-bottom: 50px;}.area-wehelp p {font-weight: 400;width: 80%;margin: 0 auto;margin-top: 10px;}.area-wehelp ul.tick li {position: relative;padding: 0 0 15px 35px;text-align: left;font-size: 16px;width: 33.33%;float: left}.area-wehelp ul.tick li::before {content: "";width: 6px;height: 12px;border-right: 4px solid #fff;border-bottom: 4px solid #fff;transform: rotate(45deg);position: absolute;left: 5px;top: 3px;}.solution-tab.indust {margin-top: 30px;}.solution-tab.indust span {display: block;font-weight: 400;width: 80%;margin: 0 auto;margin-bottom: 0px;margin-bottom: 30px;font-size: 16px;line-height: 26px;}.tab {overflow: hidden;background-color: #fff;}.solution-tab .tab {border-bottom: 0px solid #dddddf}.solution-tab .tab button {font-size: 19px;font-weight: 600;width: 16.66%;border-bottom: 5px solid #dddddf;padding: 15px 0px;border: 1px solid #e1e1e1;border-left: 0px;border-bottom: 5px solid #dddddf;}.solution-tab.indust .tab button {width: 20%}.solution-tab .tab button:first-child {border-left: 1px solid #e1e1e1}.container .container {width: 100%}.solution-tab .tab button.active, .solution-tab .tab button.active:hover, .solution-tab .tab button:hover {border-bottom: 5px solid #ff3d2e;background: #fff9f8;color: #ff3d2e}.service-brif .tab {background-color: #edf1f4;min-height: 144px;}.service-brif .tab button {min-height: 144px;font-weight: 600;font-size: 14px;text-transform: uppercase;font-family: 'Work Sans', sans-serif;width: 16.6%}.service-brif .tab button img {margin-bottom: 15px;}.service-brif .tab button:hover {background-color: #e7ebee;color: #ff3d2e}.service-brif .tab button.active, .service-brif .tab button.active:hover {background: #fff;color: #ff3d2e}.service-brif h3 {font-size: 30px;line-height: 43px;margin-bottom: 15px;}.service-brif .text {width: 55%;float: left}.service-brif .text a.read {background-color: #ff3d2e;width: 285px;height: 50px;line-height: 50px;display: block;color: #fff;font-weight: 700;font-size: 18px;text-transform: uppercase;padding: 0px 20px;margin-top: 40px;}.service-brif .img {width: 40%;float: right}/* Style the buttons inside the tab */.tab button {background-color: inherit;float: left;border: none;outline: none;cursor: pointer;padding: 14px 16px;transition: 0.3s;font-size: 17px;}/* Change background color of buttons on hover */.tab button:hover {background-color: #ddd;}.tab button.active {background-color: #ccc;}.tabcontent {display: none;padding: 87px 0px;border-top: none;font-size: 17px;line-height: 31px;}.accordion {cursor: pointer;padding: 18px;width: 100%;border: none;text-align: left;outline: none;font-size: 17px;transition: 0.4s;font-weight: 500}.tab .active, .accordion:hover {background-color:;}.accordion:after {content: '\002B';font-weight: 500;float: right;margin-left: 5px;}.accordion.active:after {content: "\2212";}.panel {padding: 0 18px;font-weight: 300;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;border-bottom: 1px solid #17233c}
.footeraddress a{font-size:15px;}
.mobileviewonlynav {
    display: none;
}
@media (max-width:1130px) {
    .mainheader ul li a {padding: 0px 6px;    }

}
@media (max-width:992px) {
    .conatiner-box{width:100%; margin-bottom:30px;}

    .blue-box.white-box .highlight-text::before{height:100px;}
    .sp-objectives .objective {
        width: 100%;
        margin-top: 50px;
    }
    .value-delivered.franklin {
        height: 870px;
    }
    .values-del .values {
        padding: 20px 15px;
    }
    .success-heading-main {
        margin-top: 0px;
    }
    .values-del .values{width:100%;}

    .soln-sp .soln {
        width: 100%;
        margin-top: 20px;
    }
    .solution-type-box1, .solution-type-box2 {
        width: 100%; 
    }

        .solution-type-box2 .solution-type-box1 {
            width: 100%;
        }
    
    .tab-pane img {
        margin-top: 20px;
    }

    .solution-tab.indust span {
        width: 100%
    }

    .halfbox {
        width: 100%;
        height: auto
    }

    .methodology-section .w80, .area-wehelp p {
        width: 100%;
    }

    .area-wehelp ul.tick li {
        width: 100%
    }

    .serviceoffer .box {
        width: 33.33%;
    }

    .half {
        width: 100%;
    }

    .our-clients img {
        width: 23%;
        margin: 15px;
    }

    .col-7.self-service {
        flex: 0 0 95%;
        max-width: 100%;
    }

    .col-5.scale {
        flex: 1 0 40%;
        max-width: 100%;
    }

    .col-6.service-intelligent {
        flex: 1 0 51%;
        max-width: 100%;
    }

    .col-6.service-textnew {
        flex: 1 0 52%;
        max-width: 100%;
    }

    .modal-footer {
        justify-content: flex-start !important;
    }
    .mobileviewonlynav{display:block;}
   
}






#more {
    display: none;
}
#myBtn {border: 0px; padding: 0px; font-weight:700;}
.sale-boxnew {    text-align: left;    font-size: 14px;    padding: 0px;    padding: 25px;    border: 1px solid #f8f8f8;    
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);    width: 48.5%; border-radius:5px; margin-bottom:25px; margin-top:0px;}
.commercepagefourbox .sale-boxnew {
    width: 24%; min-height:270px;
    margin-right: 1%
}
.sale-boxnew.right {
    float: right
}
    .sale-boxnew .headinger {font-weight: 700;  margin-bottom: 5px;  font-size: 20px; letter-spacing: 0.5px;}
.sale-boxnew a {        display: inline-block;        margin-top: 10px;        font-size: 12px;        font-weight: 600;        color: #ff3d2e;    }
    .sale-boxnew a:hover {color: #ff3d2e!important;    }
    .sale-boxnew a img { width: 13px; margin-left: 3px;}
    .sale-boxnew .img {background:#ff3d2e; width:70px; height:70px; border-radius:50%; text-align:center; margin-bottom:15px;}
    .sale-boxnew .img img {height:40px; width:auto; margin-top:15px;}
.clear{clear:both;}

.form-testimonial.contactpage h1 {
    font-weight: 700; text-align: center;text-transform: none; color: #fff !important; font-size: 45px !important;
}
ul.dot-sub li {
    list-style-type: disc;
    margin-left:20px;
}
.logo-box {
    position: absolute;
    top: 80%;
    left: 0px;
    width: 150px;
    height: 80px;
    padding: 10px;
    left: 10px;
    background-color: #fff;
    text-align: center;
    box-shadow: 0 0 10px rgba(187,187,187,.3);
}
.logo-box img{ max-height:75px; width:auto; border-bottom:0px!important; }
.card-case-hover {display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; background: rgba(20,75,160,.95); text-align:center; z-index:99}
.card:hover .card-case-hover {display: block}
    .valign {
        position: absolute;
        top: 50%;
        z-index: 10;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        color: #fff;
        text-align: center;
        width: 100%;
        left: 0px;
        font-size: 30px;
        font-weight: 700
    }
        .valign .cta {
            text-transform: uppercase;
            font-size: 13px;
            display: block;
            font-weight: 400;
            background: url(/assets/img/arrow-icon-white.png) right center no-repeat;
            padding-right: 20px;
            display: block;
            background-size: 14px;
            max-width: 150px;
            margin: 0 auto;
        }


    .card-body {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        min-height: 1px !important;
        padding-top: 4.5em !important;
        padding-left: 1em !important;
        padding-right: 1em !important;
        padding-bottom: 1em !important;
    }

.card-img-banner{position:relative; width:100%; height:200px;}

.card .name {display:block;
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -ms-transform: translateX(200px);
    -o-transform: translateX(200px);
    transform: translateX(200px);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.card .cta {
    -webkit-transform: translateX(-200px);
    -moz-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    -o-transform: translateX(-200px);
    transform: translateX(-200px);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.card-case-hover:hover .name {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.card-case-hover:hover .cta {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
 

@media(max-width:992px){.wrapper{width:100%}}.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd;padding:0}.panel-title>a,.panel-title>a:active{display:block;padding:15px;color:#555;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;word-spacing:3px;text-decoration:none}.panel-heading a:before{font-family:'Glyphicons Halflings';content:"\e114";float:right;transition:all .5s}.panel-heading.active a:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.grabbing{cursor:url(grabbing.png) 8 8,move}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
