@charset "utf-8";
/* CSS Document */
.carousel-item {height: 100vh;min-height: 350px;background: no-repeat center center scroll;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-size: cover;}
.dropdown:hover .dropdown-menu{display: block;}
.dropdown:hover .dropdown-menu .dropdown .dropdown-menu{ display:none;}
.dropdown:hover .dropdown-menu .dropdown:hover .dropdown-menu{display:block; }
.dropdown-menu{margin-top: 0;}
.closeicon{ font-size: 40px; cursor: pointer; color: #0F0F0F;}
.dropdown-menu li{ border-bottom: 1px solid #e9ecef; }
.dropdown-toggle:hover{ background-color: #e9ecef; }
.nav-item .show{ background-color: #FFFFFF !important ; color: #000000 !important;}
.contacttab1 h2{ color: #000000; text-align: center; margin: 25px 0; font-size: 22px;}
.contacttab1 h6{ font-size: 16px; text-align: center;color:#736d6d;}
.contacttab1 .col-md-4{ margin-bottom:50px;}
.contactinfopop{ margin-bottom: 15px; text-align: center;}
.contactinfopop b{ color: #444040; font-size: 15px;text-decoration: underline;}
.contactinfopop p{ margin: 10px 0; color: #444040; font-size: 15px;}
.contactinfopop p a{color: #444040; }
.contactinfopop i{ margin-right:5px;}
.loginformpop .form-label{ color: #000000;font-size: 16px;}
.navbar-fixed-top.scrolled {background-color: rgb(6, 38, 59) !important;transition: background-color 200ms linear;border-bottom: 1px solid #58646C;}

.scrollmouse{ background: #EAEAEA; border-radius: 30px;height: 50px; width: 50px; text-align: center; position: relative; bottom: 120px; left: 47%; z-index: 9; cursor: pointer;}
.scrollmouse i{  padding: 15px;  font-size: 25px; color: #685a5a;}
.scrollmouse i {animation: blinker 1s linear infinite;}


.homeabout{ background: url("../img/pattern1.png") repeat; min-height: 300px; padding: 0px 0;}
.homeabourleft{ padding-top:50px;}
.homeabourleft a img{ width: 100%; height: auto;}
.homeabourright{ color: #7e7e7e; padding-top: 50px;}
.homeabourright h2,.whoarewehomel h2{ font-weight: 600; font-size: 25px;color:#3e3d3d;}
.homeabourright p, .whoarewehomel p{ line-height: 25px; text-align: justify; margin-top: 15px;}
.readmorehome a{ color: #0e518c; font-size: 16px;}

.whoarewehomer{}
.whoarewehomer{ background: #459CF7; border-radius: 8px 0 0 8px;}
.whoarewehomertab{ background-color: #FFFFFF; margin: 15px 7px; border-radius: 6px;color: #7e7e7e; padding: 10px;}
.whoarewehomertab h2{ text-align: center; font-size: 25px; margin: 10px 0; color:#3e3d3d;}
.whoarewehomertab p{ font-size: 18px; line-height: 35px; text-align: center;}
.whoarewehomertab .readmorehome a{ font-size:15px; text-align: center;}
.whoarewehomertab .readmorehome{ text-align: center;}
.whoarewehomel{ max-width: 30rem;  color: #7e7e7e; padding: 15px;}

.hometechtabs{ margin: 100px 0 35px 0;}
.hometechtabs h2, .testimonialhome h2, .clientsimages h2{text-align: center; font-size: 35px; margin: 10px 0; color:#3e3d3d;}
.hometechtabs strong, .testimonialhome strong{ font-size: 15px; color: #7e7e7e; text-align: center; display: block;}
.hometech{ background: url("../img/hometechbg.jpg") no-repeat center center fixed; margin-top: 35px;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

.hometechcol{ padding: 0px !important; margin: 0px !important;}
.hometechcolrow{ height: 420px; width: 100%; border: 5px solid #fff; color: #fff;background: rgba(8,17,26,.7); transition: 0.5s;	position:relative; overflow: hidden;}
.hometechcolrow:hover, .hometechcolrow:focus{ background: #08111a;transition: 0.5s;}
.hometechcoltext {-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;margin-top:345px;position:absolute;text-align:center;}
.hometechcolrow:hover .hometechcoltext {margin-top:180px;height:69px;padding-top: 10px;}
.hometechcoltext .hometechcoltexthed{ font-size: 18px; color: #FFFFFF; text-transform: uppercase; text-align: left;}
.hometechcoltext .hometechcoltexthed i{ margin: 10px; color: #599cd5; background: #403e3e; border-radius: 30px; padding: 12px;}
.hometechcoltext p{ margin-left: 74px; text-align: left;}

.glow-on-hover {outline: none;color: #fff;background: #111;cursor: pointer;position: relative;z-index: 0;border-radius: 10px; margin: 10px 0 0 -99px;border: 1px solid #5F5F5F;padding: 10px 29px;}
.glow-on-hover:before {content: '';background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);position: absolute;top: -2px;left:-2px;background-size: 400%;z-index: -1;filter: blur(5px);width: calc(100% + 4px);height: calc(100% + 4px);animation: glowing 20s linear infinite;opacity: 0;transition: opacity .3s ease-in-out;border-radius: 10px;}
.glow-on-hover:active {color: #000}
.glow-on-hover:active:after {background: transparent;}
.glow-on-hover:hover:before {opacity: 1;}
.glow-on-hover:after {z-index: -1;content: '';position: absolute;width: 100%;height: 100%;background: #111;left: 0;top: 0;border-radius: 10px;}



.clienstcount{background: url("../img/countbg.jpg") no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; min-height: 250px; padding: 50px 0;}
.clienstcounttab{ text-align: center; font-size: 18px; color: #FFFFFF;}
.clienstcounttab span{ margin: 15px 0 10px 0; border-bottom: #5E5A5A 1px solid; font-size: 35px;}
.clienstcounttab i{ margin-top: 15px; font-size: 80px; margin-bottom: 45px;}

.footer{ background:url("../img/footerbg.jpg"); min-height: 250px; padding: 15px 0;}
.footertab h3{ text-transform: uppercase; font-weight: 600;font-size: 20px;margin: 20px 0 5px 0; color: #FFFFFF;border-bottom: 1px solid #534C4C;padding-bottom: 12px;}
.footertab {font-size: 15px; color: #ACA8A8;}
.footertab i{ margin-right: 10px;}
.footertab a{ font-size: 15px; color: #ACA8A8;display: inline-block; padding: 10px 0 0 10px;}
.footertab a:hover{ color: #FFFFFF; text-decoration: underline;}
.footertab a .fab{ font-size: 35px;}
.copyright{ color: #B9BEC4; background-color:#0b233c; padding: 10px 0; text-align: center;}

/* home page css end*/
#informatica, #powerbi, #aem, #atg, #sfcc, #magento{ margin-top: -18px;display: block;
clear: both;}
.pageheader{ background: url("../img/otherpagehead.jpg"); min-height: 200px; margin-top: 76px; background-size: cover;}
.pageheader h1{ font-size: 35px;text-align: center;color: #fff;padding: 32px 0 38px 0;text-transform: uppercase;}
.pageheader a{ color: #D7D2D2; font-size: 28px; display: block; }
.pageheader a:hover, .pageheader a:Focus{ color: #FFFFFF;}

.otherpageserbox{ background: #FFFFFF; padding: 25px 0; border-radius: 10px;-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.09);-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.09);box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.09); margin-bottom: 35px;}
.otherpageserbox p{ }
.otherpagecontent h2{ font-size: 25px; color: #06263B; text-align: center; margin: 30px 0;letter-spacing: 1px;}
.otherpagecontent p{ color: #404040; line-height: 30px; text-align: center; padding: 0 10px;}
.otherpagecontent h3{font-size: 25px;color: #06263B; text-align: center; margin: 30px 0;letter-spacing: 1px;}
.otherpagetabs{ margin: auto; color: #006FAF;}
.otherpagetabs i{ font-size: 23px;display: block;border: 2px solid #006FAF;border-radius: 100px;padding: 23px 0px;width: 75px;margin: auto; color: #006FAF;}
.otherpagetabs .col-md-2 a, .otherpagetabs .col-md-3 a, .otherpagetabs .col-md-4 a{ font-size: 18px; color: #006FAF; cursor: pointer;}
.otherpagetabs .col-md-2 a:hover,.otherpagetabs .col-md-2 a:focus, 
.otherpagetabs .col-md-3 a:hover,.otherpagetabs .col-md-3 a:focus,
.otherpagetabs .col-md-4 a:hover, .otherpagetabs .col-md-4 a:focus,
.otherpagetabs i:hover, .otherpagetabs i:focus  { color: #06263B; border-color:#06263B; }
.otherpagetabscont{ margin: 10px 0; padding: 35px 0; color: #404040; font-size: 18px; border-top:1px solid #FFFFFF;}

.aboutpage{ background: url("../img/aboutbg.jpg") #061f45 no-repeat;background-size: cover; padding-bottom: 50px;}
.aboutpage h2{ text-align: center; font-size: 25px; margin: 15px 0 25px 0; color: #FFFFFF;}
.aboutpage p{ color: #FFFFFF; line-height: 45px; text-align: justify;}

.overvisionright img{ width: 100%;}
.aboutuspagebox{background-color: #FFFFFF; border-radius: 12px; width: 100%; margin: 20px 10px 0 10px; min-height: 150px; padding: 15px;}
.aboutuspagebox h2{  color: #404040; text-align:center;}
.aboutuspagebox p{  color: #404040; text-align: justify;}
.aboutuspagebox ul li{ font-size: 18px; color: #404040; font-family:  'Ubuntu', sans-serif;}
.aboutuspagebox ul li i{ padding: 0 10px;}
.aboutuspageboxshadow{background: #FFFFFF7A;width: 96%;margin: 0 0 0 20px;height: 10px;border-radius: 0 0 10px 10px;}



.pageheaderind{ background:url("../img/industries.png"); min-height: 200px; margin-top: 76px;background-size: cover;padding-bottom: 10px;}
.pageheaderind h1, .pageheaderitstaf h1{ font-size: 35px;text-align: center;color: #fff;padding: 32px 0 38px 0;text-transform: uppercase;}
.pageheaderind a{ color: #D7D2D2; font-size: 16px; display: block; padding: 5px 0;}
.pageheaderind a:hover, .pageheader a:Focus{ color: #FFFFFF;}

.industrialpage{ padding: 20px 0;}
.industrialpage h1{ font-size: 35px; text-align: center; color: #051427;}
.industriesleft { display: none;}
.industriesleft strong{ font-size: 25px; margin-bottom: 10px; display: inline-block;color: #051427; text-decoration:underline; text-decoration-color: #0514272e; padding: 5px 0 15px 15px;}
.industriesleft ul {border-right:1px solid #0514272e;}
.industriesleft ul li{ padding: 2px}
.industriesleft ul li .active{ color: #051427;}
.industriesleft ul li i{ color: #717171; margin: 0 10px 0 0; font-size: 20px;; display: inline-block;}
.industriesleft ul li a{ font-size: 20px; color: #717171;}
.industriesleft ul li a:hover{color: #051427;}
.industriesright { padding: 15px 5px;}
.industriesright p{ color: #7e7e7e; text-align: justify; text-justify: distribute; padding: 10px 0; line-height: 35px; }
.industriesright strong{ color: #5d646c;}
.industriesright p img{ width: 300px; height: auto; margin: 10px 10px 0 0; float: left; border: 1px solid #051427; border-radius: 6px; padding: 2px;}

.itstaffinservicebox{ text-align: center;}
.itstaffinservicebox p{ padding: 10px 0; color: #7e7e7e; text-align: justify; text-justify: distribute;}
.itstaffinservicebox img{ margin: 10px 0; width: 300px; height: auto;border: 1px solid #051427; border-radius: 6px; padding: 2px; min-height: 213px; max-height: 213px;}
.itstaffinservicebox strong{ color: #051427; font-size: 25px; font-weight: bold; text-align: center;}
.disc strong{ text-align: left!important; display: block; text-transform: uppercase; font-size: 20px !important;}
.pageheaderitstaf{background:url("../img/itstaffing.jpg"); min-height: 200px; margin-top: 76px;background-size: cover;padding-bottom: 10px;}
.footertab p{ font-size: 16px; margin: 5px 0;}



.automoimg img{ width: 100%; padding: 15px; }



@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}

@keyframes blinker {  
  50% { opacity: 0; }
}


/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 

}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
	.industriesleft { display:block;}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
.navbar-expand-lg .navbar-nav .nav-link {padding-left: 20px;padding-right: 20px;background-color: rgba(255, 255, 255, 0.2); }
.navbar-expand-lg .navbar-nav .nav-link:hover{background-color: rgba(255, 255, 255, 1)!important; color: #000000 !important;}
.dropdown-menu{ min-width: 100% !important;}
.navbar-collapse {background-color: transparent !important;}
.dropdown-item{background-color: #FFFFFF!important; }
.dropdown-item:hover,.dropdown-item:focus{background-color: #e9ecef!important; }
/*.navbar-light .navbar-nav .nav-link {color:#FFFFFF !important;}*/
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{ color: #000000 !important;}
.nav-item .show{ background-color: #FFFFFF !important ; color: #000000 !important;}
.contactinfopop{text-align:left;}
.dropdown:hover .dropdown-menu .dropdown:hover .dropdown-menu{display:block; left: 248px; top: 0px; position:absolute;}
.whitecolor{ color: #FFFFFF !important;}

}


/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
.navbar-expand-lg .navbar-nav .nav-link {padding-left: 30px;padding-right: 30px; }
.homeabourright p,.whoarewehomel p{ line-height: 36px; }
.hometechcoltext .hometechcoltexthed{ font-size: 25px;}
.hometechcoltext {margin-top:335px;}
}


/* Large devices (desktops, 992px and down)*/
@media (max-width: 992px) {
	.textcentercustom{width: 100%;}
	.menucontactus{ margin: 5px;}
	.whoarewehomer{ border-radius: 0px 0 8px 8px;}
	.onlybgsmall{  background: #459CF7; border-radius: 8px 8px 0 0;}
	.onlybgsmall .readmorehome a{ color: #FFFFFF; margin-top: 10px;}
	.whoarewehomel{ color: #FFFFFF; text-align: center;}
	.whoarewehomel h2{ color:#FFFFFF;}
	.whoarewehome{ margin-top:15px; }
	.whoarewehomertab p{ line-height: 25px;}
	.hometechcoltext .hometechcoltexthed{ font-size: 16px;}
	.hometechcoltext p{ margin-left: 65px;text-align: left;margin-right: 10px;}
	.pageheader a{ font-size: 20px;padding: 10px 0;}
	.pageheader h1{ font-size: 24px;}
	.dropdown-menu li{padding-left: 20px;}
	.aboutuspagebox{margin:20px 10px 0 0px;;}
	.aboutuspageboxshadow{margin: 0 0 15px 6px;}

}