.bg-dark{background-color:#01459a!important}
.bg-dark .dropdown-menu {background: #333; color: #fff; border-radius: 0px 3px 3px 3px; padding: 0; border:0; margin-top:0px;}
.bg-dark .dropdown-item{color: #fff; padding: .75rem 1.5rem}
.carousel-item {height: 70vh; min-height: 300px; background: no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;  background-size: cover;}
.bg-dark .dropdown-item:focus, .bg-dark .dropdown-item:hover{background: #66bc29;}
.navbar-dark .navbar-nav .nav-link{color:#fff}
.navbar-expand-lg .navbar-nav .nav-link{padding:10px 20px;}
.brdtop10{border-top:10px solid #66bc29;}
.brandWrap{height: 120px; background: #fff; }
a:hover.logolink{text-decoration: none;}
.sticky {position: fixed;top: 0; width: 100%;}
#navbar {background-color: #fff;z-index: 99; padding: 0px}
.breadcrumb{background:#f4f4f4;}
.brandWrap {padding:11px 0 0 20px; text-align: left; width: 50%}
.linkItems { text-align: right; width: 62%; padding:20px 0 0 0px;}
.linkItems ul, .courseItems ul, .flinkItems ul{list-style-type: none; padding:0; margin: 0; text-align: right;}
.linkItems ul{float: right;}
.linkItems ul li{display: table-cell; padding:8px 12px; border-right: 1px solid #f4f4f4;}
.linkItems ul li:last-child{border-right: none;}
.linkItems li i{padding:0 5px 10px 0; font-size: 26px; color: #fe0000; display: block; text-align: center;}
.dispflex{display: flex;}
.dispblck{display: block;}
.emp-login-icon{background: url("../images/emp-login-icon.gif") no-repeat left; padding: 9px 0 14px 40px;}
.phone-icon{background: url("../images/phone-icon.gif") no-repeat left; padding: 9px 0 14px 40px}
.mail-icon{background: url("../images/mail-icon.gif") no-repeat left; padding: 9px 0 14px 40px}
.grey-bg{background: linear-gradient(#f4f4f4, #fff); text-align: center; padding:0px 0 20px 0; font-size: 18px; color: #000;margin-bottom: 30px;border-top:2px solid #fff;  }
.grey-bg h2, .test-Wrap1 h2{padding:30px 0 10px 0; border-bottom: 3px solid #ee0000; display: inline-block; margin-bottom: 30px }
.test-Wrap1 h2{padding: 0;margin-bottom: 40px;}
.grey-bg p{padding:0;margin:0; text-align:justify}
.carousel{border-top:3px solid #fff;border-bottom:0px solid #fff}
.cardWrap h2{color: #66bc29; padding: 15px 0; text-align: center;}
.cardBox{box-shadow: 0 0 10px 4px #f4f4f4; padding:15px; margin-bottom: 40px; text-align: center;}
.cardBox img{text-align: center; margin:0 auto;}
.cardBox p{text-align: justify;}
.pad-btm-40{padding-bottom: 40px !important;}
.courseItems ul{text-align: left; background: #25ade4; padding: 15px; color: #fff;border-radius: 6px; font-size: 16px; min-height: 155px;}
.courseItems{color:#01459a;}
.courseItems li:before {content: "\f00c";font-family: FontAwesome;display: inline-block; width: 1.3em; margin-right: 8px }
.cardWrap i.fa {border-radius: 50%!important; border: 4px solid #25ade4; content: "\f00c";font-family: FontAwesome;display: inline-block; color: #4c4c4c;
    width: 100px;height: 100px; font-size: 50px; padding: 20px 0 0 0;}
.red-text{color: #fe0000}
.logo-text{color:#01459a}
.logoHead{font-size: 28px; font-weight: bold; font-family: arial !important; color: #00B5FB; padding: 30px 0 0 120px; text-align: left;}
.logoHead p{font-size:12px; text-align: right; width: 433px; margin: -12px 0 0 -3px}
.full_transparent_carousel_caption{width:55% !important;}
.full_transparent_carousel_caption h2{font-size: 36px !important; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important; font-weight: 500 !important; color: #fff !important ; text-shadow: 5px 5px 5px #13131F !important}
.full_transparent_carousel_caption h1{font-size: 48px !important;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important; font-weight: bold !important; color: #fff !important ; text-shadow: 5px 5px 5px #13131F !important}
.full_transparent_carousel_caption_right{left:30% !important;}
.caption1 { left:20% !important; bottom: 10% !important; }
.caption2 { left:45% !important; bottom: 35% !important; }
.caption2 h1, .caption2 h2{ color: #01459A !important; text-shadow: none !important; }
.caption3 h1, .caption3 h2{ color: #01459a !important; text-shadow: none !important; }
.caption3 { left:46% !important; bottom: 35% !important; }
.caption5 { bottom: 35% !important; }
.readmore{background:#25ade4; padding:0px 8px 1px 8px; margin: 2px 0 0 0;display: inline-block; border-radius: 2px }
a.readmore{color: #fff; text-decoration: none;}
a:hover.readmore{color: #ff0; text-decoration: none;}

.client-bg{background: #25ade4;  margin-bottom: 40px; text-align: center; padding-bottom: 30px}
.client-bg h2{color:#fff; text-align: center; border-bottom: 1px solid #fff; padding:20px 0;}
.client-bg .carousel{border:0; width:60%; margin:40px auto; text-align: center;}
.client-bg .img-box span{border:2px solid #fff; padding:10px; margin-right: 20px; border-radius: 3px; display: inline-block;}
.client-bg .img-box span:last-child{margin-right: 0}
.client-bg .carousel-item{height: auto; min-height: auto}
.client-bg .carousel-indicators{bottom: -48px}
.client-bg .carousel-control-next, .client-bg .carousel-control-prev{top: 0px; }
.client-bg .carousel-control-next{right:-80px;}.client-bg .carousel-control-prev{left:-80px;}
.client-bg .carousel-control-next i.fa, .client-bg .carousel-control-prev i.fa{ border-radius: 50%!important; background: #fff; width:20px; height: 20px; color:#000; padding:2px 1px 0 1px; }

.test-Wrap, .test-Wrap1{margin-bottom: 40px;}
.test-Wrap p, .test-Wrap1 p{text-align: justify;}
.test-Wrap h2{display: inline-block; padding-bottom: 20px;}
.test-Wrap .carousel .testimonial { color: #fff; position: relative; background: #9b9b9b; padding: 15px;margin: 0 0 20px 0px;}
.test-Wrap .carousel .testimonial p {text-indent: 40px;line-height: 21px;margin: 0;}
.test-Wrap .carousel .testimonial p::before {content: '\94';color: #fff;font-weight: bold;font-size: 68px;line-height: 70px;position: absolute;left: -25px; top: 0;}
.test-Wrap .carousel .testimonial::before { width: 20px; height: 20px; background: #9b9b9b; box-shadow: inset 12px 0 13px rgba(0,0,0,0.5);}
.test-Wrap .carousel .testimonial::after {width: 0; height: 0;border: 10px solid transparent; border-bottom-color: #fff; border-left-color: #fff;}
.test-Wrap .carousel .testimonial::before, .test-Wrap .carousel .testimonial::after { content: "";display: inline-block; position: absolute;left: 0; bottom: -20px;}

.footerWrap{background: #414141; padding:20px 0; color: #fff; padding-bottom: 25px;}
.footerWrap h2{color: #fcff00; font-size: 24px; font-weight: normal; margin-bottom: 15px;border-bottom: 1px solid #fcff00; padding-bottom: 5px }
.footerWrap p{text-align:justify}
.flinkItems ul{text-align: left;}
.flinkItems ul li{color: #fff; display: block; border-bottom: 1px solid #6b6b6b; padding:8px 0;}
.flinkItems ul li:last-child{border-bottom: 0}
.flinkItems ul li a {color: #fff;}.flinkItems ul li a:hover{text-decoration: none; color: #fcff00}
.btn-secondary{background:#66bc29; border-color: #fff;}
.btn.focus, .btn:focus,.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus{box-shadow: none;}
#headchildCarousel .carousel-item{height: auto; min-height:300px;}
#modalLogin .modal-header{ background: #25ade4; color: #fff; }
#modalLogin .modal-content{border:none;}
.userIcon{text-align: center;}
.userIcon i.fa {border-radius: 50%!important; background:#25ade4; color: #fff;  content: "\f00c";font-family: FontAwesome;display: inline-block; 
    width: 100px;height: 100px; font-size: 50px; padding: 26px 0 0 0;}
.formWrap{width: 85%; margin: 15px auto;}
.formWrap .form-control{height: 52px; background: #f1f1f1}
#headchildCarousel .carousel-caption{position: absolute; top: 70px;right: 910px;}
#headchildCarousel .carousel-caption h2{font-size: 36px;}
.contentWrap p{text-align: left; margin-bottom: 15px; text-align: justify;}
.blueBoxItems{    text-align: left;  background: #eb5024;  padding: 15px; color: #fff; border-radius: 6px; font-size: 16px; min-height: 348px;}
.heading{padding:30px 0 10px 0; border-bottom: 3px solid #ee0000; display: inline-block; margin-bottom: 30px;font-size: 2rem;font-weight: 500; text-transform:uppercase;}
.grey-bg h3{font-size:22px; font-weight:bold; text-align:left; padding:10px 0 ;}
ul.list-Items{padding:0 20px}
ul.list-Items  li{text-align:left; padding:0; margin:0}
.jobItems{padding:20px ; background: #25ade4; border-radius: 5px; margin:25px 0; color:#fff; position: relative;margin-bottom: 40px;  }
.jobItems.arrow-bottom:after { content: " "; position: absolute;left: 60px;bottom: -15px; border-top: 15px solid #25ade4; border-right: 15px solid transparent; border-left: 15px solid transparent;  border-bottom: none;}
.jobItems p{padding:0;}
hr{margin-top: 25px; border-color:#333;}
.jobItems span{width:250px;display:inline-block;font-weight:bold; }
.color-box, .normal-box {background:#f1f1f1; border:1px solid #ccc; padding:20px; display:inline-block; width:100%;margin:0}
.normal-box{background:#fff;}
.color-box span, .normal-box span{color:#333; font-size:18px; font-weight:bold; padding:0 0 0 15px;}
.fa-file-pdf-o{color:#ee0000; font-size:34px;}
.dwnBtn{background:#0099DC; padding:15px; color:#fff; border-radius:3px;}
.dwnBtn i{padding:0 10px 0 0}
a.dwnBtn {color:#fff; text-decoration:none;}
a.dwnBtn:hover{color:#fff; text-decoration:none;}
img.contactImg{border:4px solid #45B4E6}
.ContactWrap{display:inherit; width:100%; text-align:left;} 
.ContactWrap textarea {height: 120px; outline: none; resize: none; margin-bottom: 1em; border: 1px solid #CECCCC; padding: .8em 4em .8em 1em; font-size: 1em;}
.bannerWrap{background:#01080e; margin:0 auto; text-align:center; border-top:2px solid #fff;}
.bannerWrap-ad{background:#175A91; margin:0 auto; text-align:center; border-top:2px solid #fff;}
.contentWrap h2{font-size:32px; font-weight:bold; text-align:left; padding:10px 0 ;float: left;  width: 100%;}
.formDesign{background: #b3d2de; padding: 10px; border-radius: 3px;}
.clientList{text-align: center;padding: 10px;}
#return-to-top { position: fixed;  bottom: 20px;  right: 20px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7);  width: 50px;  height: 50px; display: block;  text-decoration: none; -webkit-border-radius: 35px;  -moz-border-radius: 35px;  border-radius: 35px; display: none;  -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease;  -ms-transition: all 0.3s ease;  -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#return-to-top i {color: #fff; margin: 0; position: relative; left: 19px; top: 12px; font-size: 19px; -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#return-to-top:hover {background: rgba(0, 0, 0, 0.9);}
#return-to-top:hover i {color: #fff; top: 5px;}
.status-txt{text-align:right; }
.mtop{margin-top:192px;}

.ban-as{background:#0F2A44;}
.ban-career{background:#0BC6EE;}
.ban-dwl{background:#1F4B6E;}
.ban-con{background:#266C97;}
.ban-hc{background:#0A1117;}
.ban-pharma{background:#8EB4DB;}
.ban-com{background:#2C2D2F;}
.ban-mission{background:#C2C3C5;}
.ban-why{background:#1493B6;}
.ban-cons{background:#494E61;}
.ban-out{background:#ECF1F7;}
.ban-web{background:#657688;}
.ban-wd{background:#8294A0;}
.ban-ecom{background:#1F1D28;}
.ban-appdev{background:#A1C2D5;}
.ban-brand{background:#BEE7FB;}
.ban-wt{background:#B1ADAA;}
.ban-ef{background:#212121;}
.ban-log{background:#a6a299}
.ban-suc{background:#221f1c}

.navbar-nav{font-size:18px;}

.grey-bg .modal-content{width: 50%; margin:0 auto; text-align: left}
.navbar-light .navbar-nav .nav-link {color: rgb(64, 64, 64);}
.btco-menu li > a {padding: 10px 15px;color: #000;}
.btco-menu .active a:focus,.btco-menu li a:focus ,.navbar > .show > a:focus{ background: transparent; outline: 0;}
.dropdown-menu .show > .dropdown-toggle::after{transform: rotate(-90deg);}

@media (min-width:1024px) and ( max-width:1200px) {
.navbar-expand-lg .navbar-nav .nav-link{padding:15px 14px;}
.linkItems ul li{display: flex;float: none; padding:0 6px; border: 0}
.linkItems{width: 30%;padding-top: 10px}.brandWrap{width:70%;}
#headCarousel .carousel-item{height: auto; min-height: 150px}
.formWrap{width: 100%; margin: 15px auto;}
.formWrap .form-control{height: 52px; background: #f1f1f1}
.full_transparent_carousel_caption{width: 100% !important;}
.full_transparent_carousel_caption h2{font-size: 16px !important; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important; font-weight: 500 !important; color: #fff !important; text-shadow: 2px 2px #333 !important;}
.full_transparent_carousel_caption h1{font-size: 20px !important;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important; font-weight: 500 !important; color: #fff !important; text-shadow: 2px 2px #333 !important;}
.full_transparent_carousel_caption{bottom:0% !important}
.full_transparent_carousel_control_left, .full_transparent_carousel_control_right{top:40px !important;}
.full_transparent_carousel_caption_right, .full_transparent_carousel_caption_left, .full_transparent_carousel_caption{left: 0% !important}
.client-bg .img-box span:last-child { margin-right: 18px; margin-top: 20px;}
.blueBoxItems{min-height: 396px; margin-bottom: 20px}
}
@media (min-width:768px) and ( max-width:1023px) {
.navbar-expand-lg .navbar-nav .nav-link{padding:10px 0px;}
.linkItems,.brandWrap{width: 50%}
.linkItems ul li{display: flex;float: none; padding:0 6px; border: 0}
#headCarousel .carousel-item{height: auto; min-height: 150px}
.formWrap{width: 100%; margin: 15px auto;}
.formWrap .form-control{height: 40px; background: #f1f1f1}
.full_transparent_carousel_caption{width: 100% !important;}
.full_transparent_carousel_caption h2{font-size: 16px !important; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important; font-weight: 500 !important; }
.full_transparent_carousel_caption h1{font-size: 20px !important;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important; font-weight: 500 !important; }
.full_transparent_carousel_caption{bottom:0% !important}
.full_transparent_carousel_control_left, .full_transparent_carousel_control_right{top:40px !important;}
.full_transparent_carousel_caption_right, .full_transparent_carousel_caption_left, .full_transparent_carousel_caption{left: 0% !important}
.logoHead{font-size: 18px;}
.logoHead p { font-size: 14px;text-align: right; width: 315px;}

.color-box .pull-left, .normal-box .pull-left{ width: 70%; text-align: left; display: inline-flex; margin: 0px 0 0 0px;}
.fa-file-pdf-o{padding: 6px 8px 0 0}
.color-box span, .normal-box span{display: contents; font-size: 16px;}
.dwnBtn{padding: 10px 15px;}
.client-bg .img-box span:last-child { margin-right: 18px; margin-top: 20px;}
.blueBoxItems{min-height: auto; margin-bottom: 20px}

}
@media(max-width:767px) {
.brandWrap { padding: 10px 0 0; text-align: center;  width: 100%;}
.linkItems {text-align: center; width: 100%; padding: 0px 0 0 0px;  margin-bottom: 20px}
.linkItems ul{text-align: center;}
.linkItems ul li { display: inline-block; padding: 8px 6px; border-right: 1px solid #f4f4f4; text-align: center;}
.navbar-expand-lg .navbar-nav .nav-link{padding: 10px 0}
#headCarousel .carousel-item{height: auto !important; min-height: 150px !important}
.grey-bg h2{font-size: 20px}
.courseItems{margin-bottom: 20px}
.grey-bg{margin-bottom: 0; padding-bottom: 20px; padding-top: 0}
.client-bg .carousel{width:95%;}
.client-bg .img-box span{margin-right: 0; margin-bottom: 20px}
.client-bg .carousel-control-next, .client-bg .carousel-control-prev{display: none;}
.bg-dark .dropdown-item{padding: 8px;}
.courseItems li{display: flex;}
.flinkItems ul li:last-child{ border-bottom:1px solid #6b6b6b; }
.cardBox p.m-txt-ctr{text-align: center;}
.formWrap{width: 100%; margin: 15px auto;}
.formWrap .form-control{height: 40px; background: #f1f1f1}
.linkItems{display: none;}
.jobItems span{width: 100%;}
.bg-dark .navbar-nav {padding: 0 20px;}
 .navbar-dark .navbar-toggler{border: 1px solid #fff; color: #fff; opacity: 1; padding: 3px; margin: 6px 0px 6px 18px;}
.grey-bg p, .cardBox p, .test-Wrap p, .test-Wrap1 p, .footerWrap p{text-align: left;}

.color-box .pull-left, .normal-box .pull-left{ width: 70%; text-align: left; display: inline-flex; margin: 0px 0 0 0px;}
.fa-file-pdf-o{padding: 6px 8px 0 0}
.color-box span, .normal-box span{display: contents; font-size: 16px;}
.dwnBtn{padding: 5px 15px;}
.blueBoxItems{min-height: auto; margin-bottom: 20px}
.breadcrumb{font-size: 14px}
.grey-bg h3{font-size: 18px}
.grey-bg h2, .test-Wrap1 h2{font-size: 20px;}
.test-Wrap1 h2{margin-bottom: 15px;}
.client-bg{margin-bottom: 15px;}
.img-product img, img.contactImg{margin-bottom: 15px;}
.status-txt{text-align:left; }
.grey-bg .modal-content{width: 100%; margin:0 auto; text-align: left}
}
@media (min-width:581px) and (max-width:767px) {
.full_transparent_carousel_caption{width:100% !important; left: 0% !important}
.full_transparent_carousel_caption h2{font-size: 20px !important; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important; font-weight: 500 !important; }
.full_transparent_carousel_caption h1{font-size: 24px !important;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important; font-weight: 500 !important; }
.full_transparent_carousel_caption{bottom:0% !important}
.full_transparent_carousel_control_left, .full_transparent_carousel_control_right{top:40px !important;}
.logoHead{font-size: 28px;}
.logoHead p { font-size: 15px;text-align: right; width: 433px;    margin: -7px 0 0 0;}

.caption1 { left:0% !important; bottom: 0% !important; width:660px !important; }
.caption2 { left:20% !important; bottom: 0% !important; }
.caption2 h1, .caption2 h2{ color: #01459A !important; text-shadow: none !important; }
.caption3 h1, .caption3 h2{ color: #01459a!important; text-shadow: none !important; }
.caption3 { left:30% !important; bottom: 0% !important; width:452px !important;  }
.caption5 { width:100% !important; left: 0% !important }


}
@media (min-width:320px) and ( max-width:580px) {
.brandWrap .logoHead{font-size: 18px;}
.brandWrap .logoHead p { font-size: 14px;text-align: right; width: 317px;margin: -2px 0 0 0;}
#headCarousel .carousel-item{height: auto !important; min-height: 130px !important}
.full_transparent_carousel_caption{bottom:20% !important; width: 100% !important;}
.full_transparent_carousel_caption h2{font-size: 14px !important; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important; font-weight: 500 !important; }
.full_transparent_carousel_caption h1{font-size: 16px !important;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important; font-weight: 500 !important; }
.full_transparent_carousel_caption_right{left: 0 !important}
.color-box .pull-left, .normal-box .pull-left{ width: 100%; text-align: left; display: inline-flex; margin: 0px 0 0 0px;}
.fa-file-pdf-o{padding: 6px 8px 0 0}
.color-box span, .normal-box span{display: contents; font-size: 16px;}
.dwnBtn{padding: 10px 15px;}
.color-box .pull-right, .normal-box .pull-right{float: left; margin: 20px 0 0 0}
.grey-bg h2, .test-Wrap1 h2 { font-size: 18px;}
.grey-bg h2, .test-Wrap1 h2{border-bottom: 2px solid #ee0000;}

.caption1 { left:0% !important; bottom: 30% !important; }
.caption2 { left:20% !important; bottom: 30% !important; }
.caption2 h1, .caption2 h2{ color: #01459A !important; text-shadow: none !important; }
.caption3 h1, .caption3 h2{ color: #01459a!important; text-shadow: none !important; }
.caption3 { left:30% !important; bottom: 25% !important; width:262px !important;  }
.caption5 { bottom: 35% !important; }


}