body{padding: 0px;margin: 0px;font-size: 14px;color: #a4a4a4;overflow-x:hidden;font-family: 'Rubik', sans-serif;} .col-padding-left{padding-left: 0px;} .col-padding-right{padding-right: 0px;} .col-padding{padding: 0px;} .HeadPart .square{ height:80px;width: 80px; border: 2px solid #cee3f2; } .HeadPart .head{color: #095681;font-size: 36px;text-transform: uppercase;font-weight: 500;margin-top: -60px;} .subHead {margin-top: 32px;line-height: 24px;margin-bottom: 40px;} .subHead p{font-size: 18px;} header nav.navbar{background-color: #fff;box-shadow: 0 0 7px rgba(0,0,0,0.4);} header .fixed{width: 100%;position: fixed;right: 0;left: 0;top: 0px;z-index: 1000;} header nav.navbar-light .navbar-nav .nav-link{color: #095681;padding: 30px 10px;} header nav.navbar-light .navbar-nav .nav-link:hover{color: #095681;} header nav.navbar-light .navbar-nav .active>.nav-link{color: #095681;} header .navbar-toggler:hover,header .navbar-toggler:focus{outline: none;} #ClearDrawCarousel {padding-top: 100px;} #ClearDrawCarousel .carousel-item .img-responsive{width: 100%;} #ClearDrawCarousel .carousel-indicators li{width:15px;height: 15px;margin: 0px 7px;background-color: #acacac;cursor: pointer;} #ClearDrawCarousel .carousel-indicators .active{background-color: #095681;} #ClearDrawCarousel .carousel-control-next,#ClearDrawCarousel .carousel-control-prev{width: 35px;background-color: #88afc7; height: 40px;top: 52%;} #ClearDrawCarousel .carousel-inner .slide1{bottom: 235px;} #ClearDrawCarousel .carousel-inner .slide2{bottom: 180px;} #ClearDrawCarousel .carousel-inner .slide3{bottom: 180px;} #ClearDrawCarousel .carousel-inner .slide4{bottom: 207px;} #ClearDrawCarousel .carousel-inner .TextBlock h3{color: #095681;font-size: 32px;text-align: left;font-weight: normal;} #ClearDrawCarousel .carousel-inner .slide2 .TextBlock h3{text-align: center;color: #fff;font-size: 42px;} #ClearDrawCarousel .carousel-inner .slide2 .TextBlock{font-size: 32px;} #MobileClearDrawCarousel .carousel-item .img-responsive{width: 100%;} #MobileClearDrawCarousel .carousel-indicators li{width:15px;height: 15px;margin: 0px 7px;background-color: #acacac;cursor: pointer;} #MobileClearDrawCarousel .carousel-indicators .active{background-color: #095681;} #MobileClearDrawCarousel .carousel-control-next,#MobileClearDrawCarousel .carousel-control-prev{width: 8%;background-color: #88afc7; height: 40px;top: 52%;} #About-Us{padding: 140px 0px 0px 0px;} #About-Us .head{margin: -60px 0px 0px 25px;} #About-Us .AboutUsBlock .textPart {margin-top: 15px;} #About-Us .AboutUsBlock .textPart p{font-size: 18px; line-height: 24px;} #About-Us .AboutImg .img-responsive{width: 100%} #What-we-do{padding: 140px 0px 0px 0px;} #What-we-do .HeadPart .square{margin: auto;} #What-we-do .What-we-do-bg{background-color: #095681;padding:80px 0px;} #What-we-do [data-toggle="collapse"] .fa:before {content: "\f102";} #What-we-do [data-toggle="collapse"].collapsed .fa:before {content: "\f103";} #What-we-do .card{border: 0px;background-color: transparent;} #What-we-do .card-header{border: 0px;background-color: transparent;padding: 7px 0px;} #What-we-do .card-header a{text-decoration: none;color: #fff;font-size: 18px;padding-left: 35px;font-weight: 500;} #What-we-do .card-header a i{margin-left: 25px;} #What-we-do .card-header a i.arrow{margin-left: 10px;} #What-we-do .tab-content{box-shadow: 0px 0px 25px rgba(0,0,0,0.5);} #What-we-do .tab-content .tab-pane{padding: 0px;} #What-we-do .nav-pills .nav-link{padding: 0px 0px 0px 10px;font-size: 18px;} #What-we-do .nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color: transparent;color: #fff;} #What-we-do .What-we-doBox .carousel-item .Walkthrough{cursor: pointer;} #What-we-do .What-we-doBox .carousel-item .img-responsive{width: 100%;} #What-we-do .What-we-doBox .carousel-indicators li{width:15px;height: 15px;margin: 0px 7px;background-color: #acacac; cursor: pointer;} #What-we-do .What-we-doBox .carousel-indicators .active{background-color: #095681;} #What-we-do .What-we-doBox .carousel-control-next,.What-we-doBox .carousel-control-prev{width: 7%;background-color: #88afc7; height: 40px;top: 45%;} #What-we-do .What-we-doBox{padding: 80px 0px 150px 0px; background: linear-gradient(to right, #fff 0%, #fff 45%, #095681 45%, #095681 100%); height: 590px;width: 100%;} #What-we-do .WhatNavBox{padding: 5px 0px 0px 0px;margin-top: -45px;margin-left: 30px;} #What-we-do .nav-pills .nav-link{color: #88afc7;} #What-we-do .nav-pills .nav-link.active{color: #fff;} #What-we-do .card-header.active {margin-left: 15px;} #What-we-do .card-header.active .line{ display: block;} #What-we-do .MobileWhat-We-Box{background-color: #095681;padding: 40px 0px;} #What-we-do .MobileWeDoBox{padding: 0px 20px 35px 20px;} #What-we-do .MobileWhat-We-Box .tab-content{margin-bottom: 15px;} #What-we-do .MobileWhat-We-Box .carousel-item .img-responsive{width: 100%;} #What-we-do .MobileWhat-We-Box .carousel-indicators li{width:15px;height: 15px;margin: 0px 7px;background-color: #daeffc; cursor: pointer;} #What-we-do .MobileWhat-We-Box .carousel-indicators .active{background-color: #095681;} #What-we-do .line{border: 2px solid #1691d7;width: 25px;position: absolute;top: 17px;display: none;} #Designexpertise{padding: 140px 0px 0px 0px;} #Designexpertise .HeadPart .square{margin: auto;} #Designsolutions{background-color: #f1f2f2;padding:100px 0px; } #Designsolutions .solutionclass{height: 220px; width: 285px;text-align: center;border-top: 1px solid #dbdddd;border-left:1px solid #dbdddd;padding:40px 0px; } #Designsolutions .solutionclass p{margin-top: 10px;font-size: 1.125em;color: #858383;} #Designsolutions .solutionclass .solutionicon{height: 120px;} #Designsolutions .pd-0{padding: 0px;} #Designsolutions .bottomborder{border-bottom:1px solid #dbdddd;} #Designsolutions .rightborder{border-right: 1px solid #dbdddd;} #Designsolutions .pd-40{padding: 40px 0px;} #Why-Cleardraw{padding:140px 0px 0px 0px;} #Why-Cleardraw .HeadPart .square{margin: auto;} #Why-Cleardraw .HeadPart .head{margin-left: 0px;} #Why-Cleardraw .subHead p{padding:0px 15px;} #Why-Cleardraw .Why-Cleardraw-Bg{background: url('../image/Why-Cleardraw-Bg.jpg') no-repeat;padding: 100px 0px; background-size: cover;background-attachment: fixed;} #Why-Cleardraw .Why-CleardrawBox {margin: 30px 0px;} #Why-Cleardraw .Why-CleardrawBox .img-responsive{width: 100%;} #Why-Cleardraw .Why-CleardrawBox .info {margin-top: 5px;} #Why-Cleardraw .Why-CleardrawBox .info1 {margin-top: 17px;} #Why-Cleardraw .Why-CleardrawBox .info1 h3{font-size: 20px;color: #fff;font-weight: 500;margin-bottom: 5px;} #Why-Cleardraw .Why-CleardrawBox .info1 p{font-size: 16px;line-height: 23px;color: #fff;} #Why-Cleardraw .Why-CleardrawBox .info h3{font-size: 20px;color: #fff;font-weight: 500;margin-bottom: 5px;} #Why-Cleardraw .Why-CleardrawBox .info p{font-size: 16px;line-height: 23px;color: #fff;} #Customer-Speak {padding:140px 0px 150px 0px;} #Customer-Speak .HeadPart .square{margin: auto;} #Customer-Speak .carousel-item .SpeakBox {background-color: #daeffc;padding: 50px 40px 30px 40px; margin-top: 30px;height: 230px;} #Customer-Speak .carousel-item .SpeakBox .icon{position: absolute;top:0px;right: 55px;} #Customer-Speak .carousel-item .SpeakBox p{font-size: 16px;line-height: 24px;color: #747474;} #Customer-Speak .carousel-item .SpeakBox h4{font-size: 18px;font-size: 18px;text-align: right;color: #095681; margin-bottom: 0px;position: absolute;bottom: 20px;right: 50px;} #Customer-Speak .carousel-indicators{bottom: -80px;} #Customer-Speak .carousel-indicators li{width:15px;height: 15px;margin: 0px 7px;background-color: #acacac;cursor: pointer;} #Customer-Speak .carousel-indicators .active{background-color: #095681;} #Customer-Speak .carousel-control-next,#Customer-Speak .carousel-control-prev{width: 35px;background-color: #88afc7; height: 40px;top: 45%;} #Contact-Us{padding: 120px 0px ;background-color: #ebebeb;} #Contact-Us .head{margin: -60px 0px 0px 25px;} #Contact-Us .ContactUsBlock .textPart {margin-top: 35px;} #Contact-Us .ContactUsBlock .textPart a{text-decoration: none;color:#a4a4a4; } #Contact-Us .ContactUsBlock .textPart p{font-size: 18px; line-height: 24px;} #Contact-Us .ContactUsBlock .textPart .email{font-size: 18px; margin-bottom: 0px;font-weight: 700;} #Contact-Us .Contact-Form .form-group input{height: 55px;border-radius: 0px;font-size: 18px;padding: 20px;color: #a4a4a4;} #Contact-Us .Contact-Form .form-group textarea{ border-radius: 0px;color: #a4a4a4;padding: 20px;font-size: 18px;} #Contact-Us .Contact-Form .form-group .form-control:focus{border-color: #ebebeb;box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0); } #Contact-Us .Contact-Form .Enquiry-btn{width: 100%;padding: 15px;border-radius: 0px;background-color: #095681;color: #fff;} #Contact-Us .Contact-Form input::-webkit-input-placeholder{color: #a4a4a4;} #Contact-Us .Contact-Form input:-moz-placeholder { color: #a4a4a4;} #Contact-Us .Contact-Form input::-moz-placeholder { color: #a4a4a4;} #Contact-Us .Contact-Form input:-ms-input-placeholder { color: #a4a4a4;} #Contact-Us .Contact-Form textarea::-webkit-input-placeholder{color: #a4a4a4;} #Contact-Us .Contact-Form textarea:-moz-placeholder { color: #a4a4a4;} #Contact-Us .Contact-Form textarea::-moz-placeholder { color: #a4a4a4;} #Contact-Us .Contact-Form textarea:-ms-input-placeholder { color: #a4a4a4;} footer {background-color: #363636;} footer .FirstPart{padding: 50px 0px 40px 0px;} footer .footerNav {padding: 25px 0px;} footer .footerNav a{color: #e1e0e0; text-decoration: none;margin: 15px;} footer .footerNav a:hover{opacity: 0.8;} footer .lastnav{border-top: 1px solid #686868; padding: 20px 0px;} footer .lastnav p {margin: 0px;color: #777676;} footer .lastnav p a{color: #777676;text-decoration: none;} /* Modal */ .modal-header{background-color: transparent;border: none;} .modal-body{padding: 0px;} .modal-content{background-color: transparent;border-radius: 0px;box-shadow: none;border-color: transparent;} .modal-header .close{padding: 0px;color: #fff;font-weight: normal;} .modal iframe{width: 100%;height: 450px;} .modal-dialog { margin: 12% auto;} /*SOLUTIONS PAGES*/ .Banner .BannerImage {height: 100vh;width: 100%;background-attachment: fixed;background-position: top;background-repeat: no-repeat; background-size: cover;} .border_bottom{margin-top: 14px;width: 225px;padding-bottom: 4px;background-color: #b5d6ea;margin-left: 41%;} .Banner .BannerImage .banner_text {text-align: center;margin-top: 40%;} .Banner .BannerImage .banner_text h1{font-size: 18px;color: #fff;line-height: 24px;display: inline-flex;margin: 0px;} .Banner .BannerImage .banner_text .firstline,.Banner .BannerImage .banner_text h2 {font-size: 48px;color: #fff;margin-bottom: 7px; margin-top: 0;font-weight: 200;} .Banner .BannerImage .banner_text span {color: #fff;font-size: 18px;margin-top: 3%;display: block} /* Infographic */ .Infographic{background-image: url('../image/servicelist/InfographicBanner.jpg');} /* Logo & Brand Identity */ .LogoBrandIdentity{background-image: url('../image/servicelist/LogoBrandBanner.jpg');} /* UIUX */ .uiuxBanner{background-image: url('../image/servicelist/uxuibanner.jpg');} /* Video */ .video-banner{background-image: url('../image/servicelist/video-banner.jpg');} /* ppt */ .ppt_banner {background-image: url('../image/servicelist/pptbanner.jpg');} .internaldisplay {background-image: url('../image/servicelist/internaldisplaybanner.jpg');} /* elearning */ .elearning{ background-image: url('../image/servicelist/E-LearningBanner.jpg'); } /* Sales new style */ .salescontent .salesbox .workcontent_hiddendiv {display: none;color: #75777a;font-size: 16px;} .salescontent .salesbox .workcontent .ReadMore{font-weight: 700;color: #75777a;cursor: pointer;} .Mobile-Application-box{height: auto!important;} .LogoBrand{height: 250px!important;} .salescontent{text-align: center; padding: 70px 0px;} .salescontent .salesbox h5{color: #000; margin-top: 10px;margin-bottom: 10px;} .salescontent .salesbox p{font-size: 16px; color:#75777a;} .salescontent .salescontentheading{margin-top: 15px;} .salescontent .salescontentsub-title{font-size: 18px;color: #6c6c6c;line-height: 24px;} .salescontent .salescontentsub-title h1{font-size: 18px;color: #6c6c6c;line-height: 24px;display: inline-flex;margin-top: 0px;margin-bottom: 0px;} .salescontent .salesbox{text-align: left;margin-top: 20%;margin-bottom: 10%;padding: 10px 2px 10px 20px;height: 275px;border-left: 3px solid #9ecae3;border-image-slice: 1;} .digitalsalesbox{height: 200px!important;} .chooseus{background: url(../image/servicelist/choseusbg.jpg);height: auto;width: 100%;display: block;background-repeat: no-repeat;background-attachment: fixed; background-size: cover;text-align: center;padding: 70px 0px;} .chooseus .title{color: #fff;} .chooseus .choseustext{text-align: left; margin-top: 70px;} .chooseus .choseustext h5{color: #9ecae3; margin-top: 0px;margin-bottom: 5px;} .uiuxpage .ppt_banner .banner_text h2 br{display: none;} .chooseus .choseustext p{font-size: 16px;color: #f1f1f1;} .chooseus .choseustext img{margin-left: auto;margin-top: 7px;} .servicework{text-align: center;padding: 70px 0px;} .servicework h5{margin-bottom: 6%;} .servicework .workshowcase img{height: 362px;} .pd-5{padding: 5px} .pd-side-5{padding: 0px 5px;} .servicemodal .modal-body .form-group .form-control, .servicemodal .modal-body .input-group .form-control {border-top: none;border-left: none; border-right: none;border-radius: 0;box-shadow: none;margin-bottom: 8%;} .servicemodal .modal-header{border-bottom: 0;padding: 25px 45px;} .servicemodal .modal-body {padding: 15px 43px;} .servicemodal .modal-header h5{color: #333;font-weight: 700;margin-bottom: 10px;} .servicemodal .modal-header .close{font-size: 40px;opacity: 1;} .servicemodal .modal-body .job_buttons {margin-top: 30px;margin-bottom: 17px;} .servicemodal {box-shadow: none!important;border-radius: 0;} .sales-background{background-color: #f9f6f6;} .client-background{background-color: #f3f4f4;} .video-logos img{margin: auto;} .video-Block .video-text{padding-right: 25px;} .servicevideomodal .modal-content{background-color: transparent;box-shadow: none;border: none;} .servicevideomodal .modal-body{padding: 15px;} .servicevideomodal .modal-header{border-bottom: none;} .servicevideomodal .modal-header .close {color: #fff;position: relative;top: 10px;font-size: 40px;opacity: 1;} .servicevideomodal .modal-dialog{margin: 15% auto;} .servicevideomodal .modal-body iframe{width: 100%;height: 320px;} .title {color: #000;font-size: 36px;} .servicework h5 {margin-bottom: 6%;font-weight: 400;} .servicework .workshowcase img {height: 362px;width: 100%;} .client-background {background-color: #f3f4f4;} .our_clients {padding-bottom: 30px;} .our_clients .client-logo {padding-top: 22px;padding-bottom: 22px;} .our_clients .client-logo1 {padding: 22px 0 22px 0;} .our_clients .client-logo2 {margin: 22px 0 22px -45px;} .our_clients .client-logo3 {margin: 22px -87px 22px 45px;} .our_clients .client-logo4 {margin: 22px 0 22px 65px;} .our_clients .well {text-align: center;margin-top: 3%;} .well {border: none!important;background: none!important;-webkit-box-shadow: none!important;box-shadow: none!important;margin-bottom: 20px; min-height: 20px;padding: 24px;border-radius: 6px;}