@import url("tab-style.css");
/*Webfonts*/
@font-face {
    font-family: 'roboto_condensedbold';
    src: url('fonts/RobotoCondensed-Bold-webfont.eot');
    src: url('fonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/RobotoCondensed-Bold-webfont.woff') format('woff'),
         url('fonts/RobotoCondensed-Bold-webfont.ttf') format('truetype'),
         url('fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'robotoregular';
    src: url('fonts/Roboto-Regular-webfont.eot');
    src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;}


/*Body*/
body {font-family:'robotoregular', Calibri;font-size:15px; color:#292f33/*#7c8a92*/;}

/*Loader*/
.animationload {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  background-color: #fff; }

.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  width: 200px;
  height: 200px;
  background-image: url("../images/care-loader.gif");
  background-position: center;
  background-repeat: no-repeat; }


/*StickyHeader*/
header {
position: fixed; z-index:999;
width: 100%;
/*set animation*/
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;}

header .logo{float:left; width:121px; height:53px; background:url(../images/care-it-solutions-white.svg) no-repeat; margin-top:20px; margin-bottom:20px;-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;}


header nav{margin:0; padding:0; float:right;}
header nav ul{margin:20px 0 20px 0; padding:0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;}
header nav ul li{margin:0; padding:0 15px; list-style:none; display:inline-block; font-size:16px; line-height:53px; text-transform:uppercase;}
/*header nav ul li:last-child{padding-right:0;}*/
header nav ul li a{color:#FFF; text-decoration:none;
/*set animation*/
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;}
header nav ul li a:hover{color:#fab661; text-decoration:none;}

 
header.sticky {/*set animation*/background:#FFF;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;}
header.sticky .logo{float:left; width:121px; height:53px; background:url(../images/care-it-solutions.svg) no-repeat; margin-top:10px; margin-bottom:10px;}
header.sticky img{ margin-top:10px; margin-bottom:10px;}
header.sticky nav ul{margin:10px 0 10px 0; padding:0;}
header.sticky nav ul li{line-height:53px;}
header.sticky nav ul li a{color:#292f33/*#4e5c64*/; text-decoration:none;
/*set animation*/
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;}
header.sticky nav ul li a:hover{color:#f99b27; text-decoration:none;}

.active{color:#189cd8 !important;padding-bottom:24px;border-bottom:3px solid #189cd8;}

.nav{display:none;}


/*MainWraper*/
#MainWrap{height:auto; width:100%; /*padding-top:93px;*/}


video{visibility:visible;position:relative;}
.overly{height:100%;width:100%;position:absolute;left:0px;z-index:2;background:rgba(0,0,0,.5);}
.overly2{height:100%;width:100%;position:absolute;left:0px;z-index:2;background:rgba(0,0,0,.8);}
.overly3{height:100%;width:100%;position:absolute;left:0px;z-index:2;background:rgba(0,0,0,.6);}
.img-video{display:none;}

/*sliderstatic*/
.sliderstatic{position:relative; width:100%; height:100%; margin-top:-1px!important;}
.sliderstatic img{max-width:100%; width:100%; display:none;}
.txt-content{width:100%;}
.txt-content h2{font-family:"robotoregular", Arial; font-size:50px; color:#f6fcff;}
.txt-content h2 span{font-family:"roboto_condensedbold", Arial;text-transform:uppercase; font-weight:bolder;}
.txt-content .more{background:#f99b27; display:inline-block; text-transform:uppercase; font-size:16px; border-radius:.25rem; margin-top:30px;-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;}
.txt-content .more:hover{background:#57b7e2;}
.txt-content .more a{color:#FFF; text-decoration:none; display:block; padding:18px 30px;}





/*SliderFade*/
.carousel-fade{}
.carousel-fade .carousel-item {display:block;position:absolute;opacity:0;transition:opacity .75s ease-in-out; height:100%; border:0;}
.carousel-fade .carousel-item.active {opacity:1!important; z-index:10;}

/*.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev{
display:block;
}*/

html,
body,
.carousel,
.carousel-inner,
.carousel-item {width:100%;height:100%;}
.carousel-item img{z-index:99;max-width:100%;width:100%;height:100vh;min-height:100%;}
.carousel{top:0;left:0; height:100vh;}

.carousel-caption{color:#fff;text-align:center;text-shadow:none; z-index:10;
/*  transform: translateY(-29%);
  bottom: 0;
  top: 29%;*/
      position: absolute;
    top: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
	
	
}
		
.carousel-indicators .active{padding-bottom:0px; border-bottom: 0px solid #189cd8;}
.carousel-control-next, .carousel-control-prev{width:4%; z-index:11;}
.carousel-control-next-icon, .carousel-control-prev-icon{width:15px; height:15px;}

/*CaptionAnimations*/
.carousel-item.active .carousel-caption {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-data-wow-delay:1s;
  data-wow-delay:1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;/*bounceIn*/
}
.carousel-item.active .carousel-caption.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}



/*//SliderFade*/



/*OurServices*/
.OurServices{padding-top:100px; padding-bottom:100px; position:relative;}
.bg-s{background:url(../images/bg-services.jpg) fixed;}
.OurServices .overly{position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;background:#189cd8;opacity: 0.1;
filter: alpha(opacity=10); z-index:0;}
.OurServices h1{position: relative;text-align:center; text-transform:uppercase; font-size:56px; font-weight:bold; color:#FFF/*#4e5c64*/; transform: scale(1.1);}
.OurServices h1:after {
  position: absolute;
  content: '';
  width: 9%;
  height:5px;
  border-bottom: 5px solid #FFF/*#96d2ed*/; border-radius:5px;
  bottom: -11px;
  left: 50%;
  margin-left: -4.5%;}
.OurServices .p1{text-align:center; margin:22px 40px 40px 40px; color:#FFF;}

.OurServices .service{background:#FFF; border:1px solid #f1f1f1; padding:22px;
/*-moz-box-shadow: 0px 1px 2px #f1f1f1;
-webkit-box-shadow: 0px 1px 2px #f1f1f1;
box-shadow: 0px 1px 2px #f1f1f1;*/}
.OurServices .service .icon{height:97px; width:97px; text-align:left; background:#eaf6fb; border-radius:100px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;}
.OurServices .service:hover .icon{background:#f99b27; margin-left:5px; transform:rotate(10deg); -moz-transform:rotate(10deg); -ms-transform:rotate(10deg); -o-transform:rotate(10deg); -webkit-transform:rotate(10deg);}
.OurServices .service h2{color:#4e5c64; font-size:20px; font-weight:bold; margin-top:30px; margin-bottom:30px;}
.OurServices .service p{margin:0 0 30px 0; line-height:24px; text-align:left; color:#292f33;}
.OurServices .service .more{font-style:italic;}
.OurServices .service .more a{color:#292f33;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;}
.OurServices .service .more a:focus{outline:none !important;}
.OurServices .service .more span{margin-left:7px; font-size:30px; font-family:"Courier New", Courier, monospace; line-height:1px; font-style:normal;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;}
.OurServices .service:hover .more a{color:#f99b27; text-decoration:none;}
.OurServices .service:hover .more span{margin-left:10px;}

.OurServices .service .icon.managed{background-image:url(../images/icons/i-managed-services.png); background-repeat:no-repeat;}
.OurServices .service:hover .icon.managed{background-image:url(../images/icons/i-managed-services-hover.png); background-repeat:no-repeat;}
.OurServices .service .icon.application{background-image:url(../images/icons/i-app-consulting.png); background-repeat:no-repeat;}
.OurServices .service:hover .icon.application{background-image:url(../images/icons/i-app-consulting-hover.png); background-repeat:no-repeat;}
.OurServices .service .icon.gatekeeper{background-image:url(../images/icons/i-gatekeeper-services.png); background-repeat:no-repeat;}
.OurServices .service:hover .icon.gatekeeper{background-image:url(../images/icons/i-gatekeeper-services-hover.png); background-repeat:no-repeat;}



/*Capabalities*/
.capabalities{padding-top:100px; padding-bottom:100px;}
.capabalities h1{position: relative;text-align:center; text-transform:uppercase; font-size:56px; font-weight:bold; color:#495258/*#4e5c64*/;}
.capabalities h1:after {
  position: absolute;
  content: '';
  width: 9%;
  height:5px;
  border-bottom: 5px solid #96d2ed; border-radius:5px;
  bottom: -11px;
  left: 50%;
  margin-left: -4.5%;}
/*.capabalities p{text-align:center; margin:22px 40px 100px 40px;}*/

.capabalities .service{background:#FFF; border:1px solid #f1f1f1; padding:22px;
-moz-box-shadow: 0px 1px 2px #f1f1f1;
-webkit-box-shadow: 0px 1px 2px #f1f1f1;
box-shadow: 0px 1px 2px #f1f1f1;}
.capabalities .service .icon{height:97px; width:97px; text-align:left; background:#eaf6fb; border-radius:100px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;}
.capabalities .service:hover .icon{background:#f99b27;margin-left:5px; transform:rotate(10deg); -moz-transform:rotate(10deg); -ms-transform:rotate(10deg); -o-transform:rotate(10deg); -webkit-transform:rotate(10deg);}
.capabalities .service h2{color:#495258/*#4e5c64*/; font-size:20px; font-weight:bold; margin-top:30px; margin-bottom:30px;}
.capabalities .service p{margin:0 0 30px 0; line-height:24px; text-align:left;}
.capabalities .service .more{font-style:italic;}
.capabalities .service .more a{color:#292f33;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;}
.capabalities .service .more a:focus{outline:none !important;}
.capabalities .service .more span{margin-left:7px; font-size:30px; font-family:"Courier New", Courier, monospace; line-height:1px; font-style:normal;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;}
.capabalities .service:hover .more a{color:#f99b27; text-decoration:none;}
.capabalities .service:hover .more span{margin-left:10px;}

.capabalities .service .icon.salesforce{background-image:url(../images/icons/i-salesforce.png); background-repeat:no-repeat;}
.capabalities .service:hover .icon.salesforce{background-image:url(../images/icons/i-salesforce-hover.png); background-repeat:no-repeat;}
.capabalities .service .icon.aws{background-image:url(../images/icons/i-aws.png); background-repeat:no-repeat;}
.capabalities .service:hover .icon.aws{background-image:url(../images/icons/i-aws-hover.png); background-repeat:no-repeat;}

.capabalities .service .icon.bd{background-image:url(../images/icons/i-bigdata.png); background-repeat:no-repeat;}
.capabalities .service:hover .icon.bd{background-image:url(../images/icons/i-bigdata-hover.png); background-repeat:no-repeat;}




/*WhoWeAre*/
.wwa{padding-top:100px; padding-bottom:100px; background:#f8fafb;}
.wwa h1{position:relative;text-transform:uppercase; font-size:56px; font-weight:bold; color:#495258/*#4e5c64*/; margin-bottom:30px;}
.wwa h1:after {
  position: absolute;
  content: '';
  width: 9%;
  height:5px;
  border-bottom: 5px solid #96d2ed; border-radius:5px;
  bottom: -11px;
  left:0%;}
.wwa p{text-align:justify;}
.wwa img{margin-top:-85px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s; border-radius:5px;
}
.wwa img:hover{margin-right:10px;}
.wwa p.owned{background:#189cd8;color:#FFF;text-align:center;padding:10px; margin-top:30px;}


/*WhoWeAre*/
.career{padding-top:100px;}
.career h1{position:relative;text-transform:uppercase; font-size:56px; font-weight:bold; color:#495258/*#4e5c64*/; margin-bottom:30px; text-align:right;}
.career h1:after {position: absolute;content: '';width: 9%;height:5px;border-bottom: 5px solid #96d2ed; border-radius:5px;bottom: -11px;right:0%;}
.career img{margin-top:-80px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;}
.career img:hover{margin-left:10px;}

.OurServices h1, .OurServices .service h2, .capabalities h1, .capabalities .service h2, .wwa h1, .career h1{font-family:"robotoregular", Arial;}/*roboto_condensedbold*/

.panel-default{border:0;}
.panel-default>.panel-heading{background-color:#189cd8; color:#eaf0f2; height:50px; line-height:50px;}
.panel-group .panel{border-radius:0; margin-bottom: 5px;}
.panel-heading{border-radius:0;}
.panel-heading.activee{background-color:#f99b27; color:#fef5eb;}
.panel-body{border:1px solid #f1f1f1; border-top:0px; padding:15px;}
.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:0px;}
.panel-title{line-height:30px; font-size:20px; font-weight:normal;padding:10px;}
.panel-title>a {text-decoration: none; display:block; color:#FFF;}
.panel-heading .icon{background:red;position:absolute;right:0px;top:0px; height:50px;width:50px;}
.icon-down{float:right;margin:-10px;height:50px; width:50px; background:url(../images/icons/arrow-down.png) no-repeat rgba(255,255,255,.1);}
.panel-body p{font-size:14px;}
.panel-body p strong{text-transform:uppercase;}
.panel-body p a{color:#f99b27; text-decoration:none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.panel-body p a:hover{color:#189cd8;}

.panel-body .liste ul{margin:-10px 0 0 20px; padding:0; list-style-type:none;}
.panel-body .liste ul li{margin-bottom:10px; list-style-image: url('../images/list-icon.png'); padding-left:3px;}
.panel-body .liste ul li:last-child{margin-bottom:20px;}

.over-y{overflow-y:scroll; max-height:300px;}
.over-y::-webkit-scrollbar {width:5px;}

/* Track */
.over-y::-webkit-scrollbar-track {background: #eaeaea; border-radius: 10px;}
/* Handle */
.over-y::-webkit-scrollbar-thumb {background:orange; border-radius: 10px; height: 0px;}
.over-y::-webkit-scrollbar-thumb:window-inactive {background: orange; height: 0px;}



/*GoogleMap*/
.map{position:relative; background:#FFF; width:100%; height:480px;}
.form{position:absolute;right:0; top:39px; background:#ffffff; padding:30px; width:100%;}
.form h2{font-family:"roboto_condensedbold", Arial; text-transform:uppercase; font-size:30px; color:#495258/*#4e5c64*/; margin-bottom:15px;}
.form .form-control{font-size:14px;line-height:2;color:#292f33;border:1px solid #e1e5e6;margin-bottom:15px;}
.form .form-control:focus {color:#292f33;border-color:#dadada;box-shadow:0 0 0 0rem rgba(0,123,255,.25)}
.form .form-control::-webkit-input-placeholder {color:#292f33;opacity:1;}
.form .form-control::-moz-placeholder {color:#292f33;opacity:1;}
.form .form-control:-ms-input-placeholder {color:#292f33;opacity:1;}
.form .form-control::-ms-input-placeholder {color:#292f33;opacity:1;}
.form .form-control::placeholder {color:#292f33;opacity:1;}
.submit{background:#f99b27; padding:12px 25px; color:#ffffff; text-transform:uppercase; font-size:14px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;}
.submit:focus{box-shadow:0 0 0 0rem rgba(0,123,255,.25)}
.submit:hover{background:#189cd8;}

/*Footter*/
.FootOne{padding-top:60px; padding-bottom:40px;}
.FootOne .box{}
.FootOne .box .icons{float:left; margin-bottom:35px;margin-right:20px;}
.FootOne .box .icons img{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.FootOne .box:hover .icons img{transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -webkit-transform:rotate(360deg);}
.FootOne .box h2{font-family:"roboto_condensedbold", Arial; text-transform:uppercase; font-size:30px; color:#495258/*#4e5c64*/; margin-bottom:10px;}
.FootOne .box p{}
.FootOne .box p a{color:#292f33;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s; text-decoration:none;}
.FootOne .box p a:hover{color:#f99b27;}
.FootOne .box .so{margin:0; height:49px; width:47px; float:left;}
.FootOne .box .so.facebook, .FootOne .box .so.twitter, .FootOne .box .so.linkedin, .FootOne .box .so.google{-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;}
.FootOne .box .so.facebook{background:url(../images/icons/so-facebook.png) no-repeat;}
.FootOne .box .so.facebook:hover{background:url(../images/icons/so-facebook-hover.png) no-repeat;}
.FootOne .box .so.twitter{background:url(../images/icons/so-twitter.png) no-repeat;}
.FootOne .box .so.twitter:hover{background:url(../images/icons/so-twitter-hover.png) no-repeat;}
.FootOne .box .so.linkedin{background:url(../images/icons/so-linkedin.png) no-repeat;}
.FootOne .box .so.linkedin:hover{background:url(../images/icons/so-linkedin-hover.png) no-repeat;}
.FootOne .box .so.google{background:url(../images/icons/so-google.png) no-repeat;}
.FootOne .box .so.google:hover{background:url(../images/icons/so-google-hover.png) no-repeat;}
.FootOne .box .so.facebook:hover, .FootOne .box .so.twitter:hover, .FootOne .box .so.linkedin:hover, .FootOne .box .so.google:hover{transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -webkit-transform:rotate(360deg);}

.FootLinks{background:#2f363b; height:60px; width:100%; text-align:center;}
.FootLinks p{padding:22px 0 0 0; font-size:12px; text-transform:uppercase; color:#f0f2f2;}
.FootLinks p span{padding:18px 0px;}
.FootLinks p a{color:#f0f2f2; text-decoration:none; padding:0 10px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;}
.FootLinks p a:hover{color:#f99b27;}
.ihide{display: none!important;}

.FootTwo{background:#2c3338; height:60px; width:100%; text-align:center;}
.FootTwo p{color:#f0f2f2; font-size:12px; padding-top:23px;}

.scrollup {width:40px;height:40px;position:fixed;bottom:20px;right:20px;display:none;text-indent:-9999px;background:url('../images/icons/top-arrow.png') no-repeat;background-color:#f99b27; border-radius:.26em;
-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.scrollup:hover{background-color:#189cd8; bottom:22px;}


h5{font-family: "robotoregular", Arial;
    font-size: 20px;
    color: #f99b27;
    margin-bottom: 10px;
    font-weight: normal;}
	
.b-point p{padding:0 0 10px 35px; margin:0; font-size:14px; background:url(../images/b-point.png) no-repeat scroll 0px 2px;}
.b-point p:last-child{margin-bottom:10px;}
.bor{border:1px solid #eaeaea;border-top:0;}

/*ModalStyles*/
.modal-content{border-radius:0;}
.modal-header{padding-bottom:0px; padding-top:10px;}
.modal-title{font-family:"robotoregular", Arial; font-size:30px; color:#4e5c64; margin-bottom:0px; line-height:normal; font-weight:bold;}
.modal-title2{font-family:"robotoregular", Arial; font-size:20px; color:#f99b27; margin-bottom:10px; font-weight:bold;}
.m{}
.m ul{ margin:0; padding:0;}
.m ul li{ margin:0 0 10px 19px; padding:0; list-style:none; list-style-type:square; list-style-position:outside; font-size:14px;}
.modal-header .close{background-color:#f99b27;padding:15px 18px;color:#FFF; text-shadow:0; opacity:.99; margin: -0.6rem -1rem 0rem auto;-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;}
.modal-header .close:focus{outline:0;}
.modal-header .close:hover{background-color:#189cd8;padding:15px 18px;color:#FFF; text-shadow:0; opacity:.99;}




@media only screen and (max-width: 1024px){
.ban-services{top:6%;}
.carousel{height:80vh;}
.txt-content{}
.txt-content h2{line-height:45px; font-size:40px; margin-top:45px;}
.txt-content .more{margin-top:20px;}
.txt-content .more:hover{margin-top:25px;}
.career img:hover{margin-left:10px;}
.wwa img:hover{margin-right:10px;}
}
	

@media only screen and (max-width: 960px){

.ban-services{top:6%;}
.carousel{height:80vh;}

.txt-content h2{line-height:35px; font-size:30px; margin-top:25px;}
.txt-content .more{margin-top:20px;}
.txt-content .more a{padding:10px 20px;}
.wwa img, .career img{margin-top:0;}

.FootOne .box p{font-size:12px;}
.FootOne .box .so{margin-left:0; margin-right:5px;}
}


@media only screen and (max-width: 800px){

.ban-services{top:4%;}
.carousel{height:90vh;}

.txt-content h2{line-height:35px; font-size:30px; margin-top:25px;}
.txt-content .more{margin-top:20px;}
.txt-content .more a{padding:8px 15px;}
.wwa img, .career img{margin-top:0;}
.career img:hover{margin-left:10px;}
.wwa img:hover{margin-right:10px;}
}


@media only screen and (max-width: 768px){
header nav{display:none;}
.nav {position: relative;z-index: 1000; display:block;}
.nav .main-nav .menu-icon::after {background: url(../images/menu-icon.png) no-repeat scroll 6px 8px;
    content: "";
    border: 1px solid #FFF;
    padding: 10px;
    height: 40px;
    width: 45px; position: absolute;
  top: 20px;
  right:15px;
  cursor: pointer;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
  }

header.sticky .nav .main-nav .menu-icon::after{background: url(../images/menu-icon-hover.png) no-repeat scroll 6px 8px;
content: "";border: 1px solid #a9e4ff;top:15px; right:15px;}

.nav .main-nav .menu {
  display: none;
  list-style: none;
  position: absolute;
  top:72px;
  padding-left: 0;
  width: 100%; right:8px;
  overflow: hidden;}
.nav .main-nav .menu a {
  display: block;
  background: #189cd8;
  text-decoration: none;
  text-align:right;
  padding: 20px;
  border-bottom: 0.5px solid rgba(200, 200, 200, 0.2);}
.nav .main-nav .menu a:hover {background:#f99c2a;transition: background 0.3s ease;}
.nav .main-nav .menu a:hover li {color: #FFF;}
.nav .main-nav .menu a li {color: white;text-transform: uppercase;letter-spacing: 1px;}



.ban-services{top:1%;}
.carousel{height:70vh;}


.txt-content .left h2{font-size:25px;}
.txt-content .right{padding-top:20px;}
.ico{margin-bottom:0px;}
.ico .icon+p{width:97px; text-align:center;}


.wwa img, .career img{margin-top:0;}

.FootOne .box .so{margin:0 10px;}
}

@media only screen and (max-width: 576px){
header nav{display:none;}

video{ display:none;}
.img-video{display:block; visibility:visible;}
.desk{display:none;}
.carousel-item img {
    z-index: 99;
    max-width: 100%;
    width: unset;
    height: unset;
    min-height:unset;
}

.carousel{height:60vh;}
.carousel-control-next, .carousel-control-prev{display:none;}


.txt-content h2{font-size:20px;}

.txt-content .more{float:none; display:inline-block; margin-top:0;}
.txt-content .more:hover{ margin-top:5px;}
.txt-content .more a{padding:7px 16px;}


.wwa img, .career img{margin-top:0;}

.OurServices h1, .capabalities h1, .wwa h1, .career h1{font-size:30px; text-align:center;}

.OurServices .p1{text-align:justify; margin:22px 0 40px 0;}
.wwa h1:after, .career h1:after{left: 50%;margin-left: -4.5%;}

.mrgb30{margin-bottom:30px;}

.b-d-n{display:none;}

.carousel-caption{width:100%;left:0%;right:0%; top:5%;}

.capabalities h1:after, .OurServices h1:after, .wwa h1:after, .career h1:after{width:25%; left:42%;}

.panel-title{font-size:16px;}
.ihide{display:block!important;}
}

@media only screen and (max-width: 414px){
.carousel{height:47vh;}
.bg-s{background:url(../images/bg-services-m.jpg) fixed center;}
}

@media only screen and (max-width: 384px){
.carousel{height:50vh;}
}

@media only screen and (max-width: 375px){
.carousel{height:50vh;}
}

@media only screen and (max-width: 360px){
.carousel{height:50vh;}
}

@media only screen and (max-width: 320px){
.carousel{height:50vh;}
.b-d-n{display:none;}
}


.padding-remove {
    padding-left: 0px !important;
    padding-right: 0px !important;
}