/* Globalization */

html,
body {
 height: 100%;
 font-family: 'Open Sans', sans-serif;
 color: #4b4b4b;
 font-size: 15px;
 line-height: 25px;
}

p {
 font-family: 'Open Sans', sans-serif;
 font-size: 16px;
 line-height: 25px;
}

.servicepullleft p strong{font-family: 'Open Sans', sans-serif;
 font-size: 17px;
 line-height: 25px;
 }
 
.left-para-25{padding-left:25px;}
h1,
h2,
h3,
h3,
h4,
h5,
h6 {
 font-family: 'Poppins', sans-serif;
 margin: 0px
}

b, strong {
    font-weight: bold;
}
.text-bannerinner {
 font-size: 42px;
}

.fnt16 {
 font-size: 16px;
 line-height: 20px;
 font-weight: normal
}

.fnt24 {
 font-size: 24px
}

h1 {
 /* font-size: 50px*/
 font-size: 40px;
 line-height: 50px;
}

h2 {
 font-size: 37px;
 color: #05b5c2
}

h3 {
 font-size: 33px;
     line-height: 44px;
}

h4 {
 font-size: 25px;
}

h5 {
 font-size: 21px;
}

a:hover {
 color: #59bbc6
}

.navbar {
 position: absolute;
 width: 100%;
 z-index: 1;
}

.posrel {
 position: relative
}

.posabs {
 position: absolute
}

.paddtop20 {
 padding-top: 20px
}

.paddtop0 {
 padding-top: 0px !important;
}


.paddtop25 {
 padding-top: 25px
}

.paddtop10 {
 padding-top: 10px
}

.paddtop5 {
 padding-top: 5px
}

.paddbottom20 {
 padding-bottom: 20px
}

.paddbottom30 {
 padding-bottom: 30px
}

.padbtm15 {
 padding-bottom: 15px;
}
.padbtm5 {
 padding-bottom: 5px;
}
.paddtopbtm30 {
 padding: 30px 0px
}

.paddtop30 {
 padding-top: 30px;
}

.paddbtm30 {
 padding-bottom: 30px;
}

.paddtop40 {
 padding-top: 40px;
}

.paddbtm40 {
 padding-bottom: 40px;
}

.paddtopbtm20 {
 padding: 20px 0px
}

.paddtopbtm10 {
 padding: 10px 0px;
}

.paddtopbtm5 {
 padding-top: 5px;
}

.padd30 {
 padding: 30px
}

.padd15 {
 padding: 15px
}

.padd10 {
 padding: 10px 0px;
}

.paddleft10 {
 padding-left: 10px
}

.martop10leftrt0btm0 {
 margin-top: 0px;
 margin-left: 0px;
 margin-bottom: 0px;
 margin-right: 0px;
}

.margintopbottom20 {
 margin-top: 20px;
 margin-bottom: 20px;
}

.margintopbottom10 {
 margin-top: 10px;
 margin-bottom: 10px;
}

.marginbottom30 {
 margin-bottom: 30px;
}

.margintop20 {
 margin-top: 20px
}
.margintop60navbar {
 margin-top: 60px;
}
.margintop90navbar{ margin-top: 90px;}

.marginbtm20 {
 margin-top: 20px
}

.text-black {
 color: #000000
}

.text-grey {
 color: #666666
}

.text-white {
 color: #ffffff
}

.text-bluedark {
 color: #010826
}

.text-bluelight {
 color: #11b9c4
}

.text-orange {
 color: #e16140
}

.bg-white {
 background: #ffffff
}

.bg-whitelight {
 background: #eef3f4
}

.bg-tea {
 background: #e0c08a
}

.bg-blue {
 background: #59bbc6
}

.bg-green {
 background: #aaf047
}

.bg-darkblue {
 background: #3b9c95
}

.bg-bluedark {
 background: #1b476f
}

.bg-bluelight {
 background: #11b9c4
}

.bg-grey {
 background: #ececec
}

.bg-orange {
 background: #f86363
}

.bg-yellow {
 background: #ffdc3a
}

.bg-red {
 background: rgba(213, 61, 22, 0.9);
}

.bg-greendark {
 background: #228f87;
}

.bg-yellowdark {
 background: #ffdc3a;
}

.bg-yellowdark1{
 background: #fbab18;
}


.bg-offwhite {
 background: #f9f9f9;
}

.bg-brown {
 background: #ddb97d
}

.greytrans {
 background: rgba(0, 0, 0, 0.3)
}

.table-htvertical {
 display: table;
 /* width: 100%;*/
 margin: 0 auto;
}

.table-htvertical-content {
 display: table-cell;
 vertical-align: middle;
 margin: 0 auto;
 width: 100%;
}

.text-italics {
 font-style: italic
}

.width80per {
 width: 80%
}

.width90per {
 width: 90%
}

.width70per {
 width: 70%;
}

.width65per {
 width: 65%;
}

.width100per {
 width: 100%;
}

.width30per {
 width: 30%
}

.width20per {
 width: 20%
}

.width25per {
 width: 25%
}
.width40per{width:40%}
.m0auto {
 margin: 0 auto
}

.underlineachor {
 text-decoration: underline;
 font-style: italic
}

.underlineachor a {
 color: #000000
}

.parralaxcommon {
 /* min-height: 100vh; */
 background-attachment: fixed;
 background-position: 50% 0;
 background-repeat: no-repeat;
 background-size: cover;
}

.hrbackground {
 border: none;
 height: 1px !important;
}

input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search-md],
textarea.materialize-textarea {
 border-bottom: none;
}


/* Globalization */


/* Buttons */

.round-button {
 text-transform: uppercase;
 display: inline-block;
 background-color: white;
 border: 1px solid #000000;
 color: #000000;
 font-size: 14px;
 line-height: 34px;
 padding: 5px 35px;
 letter-spacing: 0.1em;
 background-size: 200% 100%;
 min-width: 198px;
 transition: background-position 0.4s, color 0.4s;
}

a.round-button.round4:hover {
 background-position: -100% 0;
 background-image: linear-gradient(to right, transparent 50%, #848080 50%);
 color: #fff;
 border: 1px solid #ffffff;
}

.round-button2 {
 text-transform: uppercase;
 display: inline-block;
 border: 1px solid #ffffff;
 color: #ffffff;
 font-size: 14px;
 line-height: 34px;
 padding: 5px 35px;
 letter-spacing: 0.1em;
 background-size: 200% 100%;
 min-width: 198px;
 transition: background-position 0.4s, color 0.4s;
}

a.round-button2:hover {
 background-position: -100% 0;
 background-image: linear-gradient(to right, transparent 50%, #aa8447 50%);
 color: #fff;
 border: 1px solid #ffffff;
}

a.round-button2.darkgreen:hover {
 background-position: -100% 0;
 background-image: linear-gradient(to right, transparent 50%, #176e68 50%);
 color: #fff;
 border: 1px solid #ffffff;
}

a.round-button2.darkred:hover {
 background-position: -100% 0;
 background-image: linear-gradient(to right, transparent 50%, #9b371d 50%);
 color: #fff;
 border: 1px solid #ffffff;
}

a.round-button2:active {
 background-color: #59bbc6;
 background-image: none;
 border: 1px solid #010826;
 color: #fff;
}

a.round-button:hover {
 background-position: -100% 0;
 background-image: linear-gradient(to right, transparent 50%, #010826 50%);
 color: #fff;
 border: 1px solid #010826;
}

a.round-button:active, a.round-button2.darkgreen:active {
 background-color: #59bbc6;
 background-image: none;
 border: 1px solid #59bbc6;
 color: #fff;
}

.btnbig {
 width: 255px;
 margin: 0 auto;
 border: 1px solid #ffffff;
 padding: 10px;
 color: #ffffff;
 letter-spacing: 0.1em;
 background-size: 200% 100%;
 min-width: 198px;
 transition: background-position 0.4s, color 0.4s;
}

.btnbig h3 a {
 color: #ffffff
}

.btnbig:hover {
 background-position: -100% 0;
 background-image: linear-gradient(to right, transparent 50%, #1c75ac 50%);
 color: #fff;
 border: 1px solid #ffffff;
}

.movearrow .fa-angle-down {
 border-radius: 50%;
 height: 40px;
 width: 40px;
 color: #666666;
 background: 0 0;
 border: 1px solid #666666;
 padding-top: 1px;
 font-size: 36px;
 margin-top: 10%;
 font-weight: bold;
}

.movearrow :hover {
 color: #05b5c2;
 border: 2px solid #05b5c2;
}

.frmsubmit {
 text-transform: uppercase;
 display: inline-block;
 background-color: #ffdc3a;
 color: #000000;
 font-size: 20px;
 line-height: 34px;
 background-size: 200% 100%;
 min-width: 198px;
 width: 80%;
 transition: background-position 0.4s, color 0.4s;
}

.frmsubmit:hover {
 background-position: -100% 0;
 background-image: linear-gradient(to right, transparent 50%, #e6a509 50%);
 color: #ffffff;
 border: 1px solid #ffffff;
 /*background-color: #d34d05;
 color: #ffffff;
 box-shadow: 0px 0px 1px 0px #ffffff;
 transition: all .7s ease-out;*/
}


}
button:focus {
 background: #d34d05;
 color: #ffdc3a
}
.btn-navbar {
 display: none;
 box-shadow: none;
 color: blue;
}

/* Buttons */

/* Header */
.logowidth{width:155px;  margin: 0 auto;}
.sidenav {
 height: 100%;
 width: 0;
 position: fixed;
 z-index: 5;
 top: 0;
 right: 0;
 /*background-color: #11b9c4;*/
  background-color: #ffffff;
 opacity: 0.9;
 overflow-x: hidden;
 transition: 0.2s;
 padding-top: 60px;
 transition-delay: 50ms; 
     transition: all .8s; 
     -webkit-transition-timing-function: cubic-bezier(.64,0,.4,1); 
     transition-timing-function: cubic-bezier(.64,0,.4,1); 
}
.sidenav a {
 padding: 8px 8px 8px 32px;
 text-decoration: none;
 font-size: 20px;
 /*color: #ffffff;*/
 color: #05b5c2;
 display: block;
 transition: 0.3s;
 cursor: pointer;
 transition-delay: 50ms; 
     transition: all .6s; 
     -webkit-transition-timing-function: cubic-bezier(.64,0,.4,1); 
     transition-timing-function: cubic-bezier(.64,0,.4,1); 
}
.sidenav a:hover,
.offcanvas a:focus {
 color: #05b5c2;
 /*background-color: #11b9c4;*/
 background-color: #efefef;
 font-weight: bold;
 /*transform: translateX(.625rem);*/
}
.mySidenav a:hover {}
.sidenav .closebtn {
 position: absolute;
 top: 4px;
 right: 30px;
 font-size: 36px;
 margin-left: 50px;
 font-family: 'Open Sans', sans-serif;
}
.sidenav .closebtn:hover {
 background: none;
 color: red;
}
.navhead {
 font-weight: bold;
 font-size: 18px;
 color: #ffdc3a
}
.opennav {
 top: 20px;
 padding: 10px 0px;
 position: fixed;
 z-index: 1;
 background: #05b5c2;
 width: 4%;
 right: 36px;
 text-align: center;
}
.socialiconlist {
 border-radius: 25px;
 color: #000000;
 display: inline-block;
 height: 25px;
 line-height: 19px;
 width: 20px;
 font-size: 15px;
 text-align: center;
 padding-top: 20px;
}
a.socialiconlist :hover{color:#f75e00}
.banercontent {
/* background: rgba(255, 255, 255, 0.8);*/
 /* height: 900px; */
 position: absolute;top:145px;
width: 100%;
padding: 20px;
margin: 0 auto;

 
}
.banercontent p {
 color: #010826
}
.brown-transparent {
 background: rgba(211, 167, 94,1);
}
.white-transparent {
 background: rgba(255, 255, 255, 0.5);
}
.blue-transparent {
 background: rgba(34, 143, 135, 0.9);
}
.button-div {
 width: 20%;
 margin: 0 auto;
 text-align: center;
}
.buttondivbox {
 width: 100%;
 text-align: right;
}
.logopullup {
 margin-top: -50px
}
.padleftlogo{padding-left:62px}
/* Header */

/* submenu */
.width70pernav{width:100%; padding-left:10%;}
.sidesubnav {
 height: 100%;
 position: fixed;
/* right: 18.5%;*/
 right: 0;
 z-index: 4;
 top: 0;
 /*background-color: #22adb9;*/
  background-color: #ffffff;
 overflow: hidden;
 opacity:1;
 display: none;
 margin-right: auto!important;
 /*visibility: hidden;*/
}
.sidesubnav .closebtn:hover {
 background: none;
 color: red;
 font-size: 30px;
}
.activehovernav {
 color: #05b5c2 !important;
 background: #efefef;
 font-weight: bold;
 /*fba406*/
}
.sidesubnav a {
 text-decoration: none;
 font-size: 16px;
 color: #ffffff;
 display: block;
 transition: 0.3s;
 font-weight: 700;
 padding: 8px 0px;
 cursor: pointer;
 -webkit-transition: color .45s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
 transition: color .45s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
 transition: color .45s cubic-bezier(.4, 0, .2, 1), transform .3s cubic-bezier(.4, 0, .2, 1);
 transition: color .45s cubic-bezier(.4, 0, .2, 1), transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1)
}
.sidesubnav ul {
 padding: 3px 0px
}
.sidesubnav ul li a {
 font-size: 15px !important;
 line-height: 25px;
 padding: 0px;
 font-weight: normal;
  color: #05b5c2;
}
.sidesubnav ul li a:hover {

  color:#05b5c2;
 font-weight:bold;
 text-decoration: none;
     background-color: #efefef;
}
.toggled {
 display: block
}
.sidesubnav p a {
 color: transparent
}

/* submenu */
.banner_home {
 background: url(../images/Homepage-slider.jpg);
 position: relative;
 height: 600px;
}

/*
.owl-buttons {
 display: block
}
*/

/* What we do*/
.htcontent .paracontent {
 height: 180px
}
.maxheightwhatwedo {
 max-height: 532px;
}
.contentinfo h2,
.contentinfo h4,
.contentinfo h5,
.contentinfo p,
.contentinfo ul li {
 color: #ffffff;
 list-style: circle;
}
#Intern_pictureCard {
 overflow: hidden;
}
#Intern_pictureCard.designer {
 left: 0;
}
#Intern_pictureCard.desktop {
 width: 100%;
 height: 39vw;
 position: relative;
}
#Intern_pictureCard .pictureWrapper.desktop {
 right: 0;
 position: absolute;
 top: 0;
}
#Intern_pictureCard .caption.desktop {
 /* -webkit-backface-visibility: hidden;
    backface-visibility: hidden;*/
 
 width: 38%;
 /*  left: 12.5%;*/
 /*height: 20vw;*/
 
 top: 6.5vw;
}
#Intern_pictureCard .caption {
 position: absolute;
 /*background: rgba(185, 148, 88, 0.7);*/
 
 opacity: 0;
 transform: translatey(100%);
 transition: transform 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035);
}
#Intern_pictureCard .caption.in-view {
 opacity: 1;
 transform: translateY(0%);
 transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1);
}

/* What we do*/

/* Service */
.mobility {
 background-image: url(../images/Resource-Mapping.jpg);
  background-size:cover;
 height: 434px;
}
.mobilityht {
 height: 434px;
}
.cloud {
 background-image: url(../images/QA.jpg);
 background-size:cover;
 height: 434px;
}
.cloud {
 height: 434px;
}
.mobilityht {
 height: 434px;
}
 .owl-prev,.owl-next{display:none}
/* Service */

/* Testimonial */
.width62-per {
 width: 62%;
}
.circleborder {
 /*  width: 150px;
    height: 150px;*/
 /* border-radius: 100%;
    border: 5px solid #546074;*/
 
 background: #ffffff;
 position: relative;
 top: -25px;
 float: left;
}
.logos {
 padding: 10px;
 padding-top: 27px;
 margin: 0 auto;
}
.carouseltext>div {
 height: 100px;
}
.galleryright {
 float: right;
 padding: 17px 10px 17px 10px;
}
.carouselangles {
 top: 49px;
 bottom: 49px;
 font-size: 60px;
 width: 16%;
}
.carousel-control.left {
 background: #ffffff
}
.carousel-control.right {
 background: #ffffff
}

/*
.carousel-control .fa {
 top: 18%
}*/
.iconsinfo {
 width: 100px;
 height: 100px;
 border-radius: 100%;
 border: 2px solid #ffffff;
 position: relative;
 z-index: 0;
}

.iconsinfo1{ width: 165px;
 height: 165px;
 border-radius: 100%;
 border: 2px solid #ffffff;
 position: relative;
 z-index: 0;}
 
 .iconsinfo1 img {
 z-index: 1;
}

.iconsinfo img {
 z-index: 1;
}

/* Testimonial */

/* Carreer*/
#Intern_pictureCard .pictureWrapper.desktop.version2 {
 left: 0;
}

/* Carreer*/
#Intern_pictureCard .caption.desktop.versioncaption {
 right: 0
}

/* Resources*/

/*.resources .carousel-inner {
 overflow: visible !important;
}
*/
.card .card-content{height:148px}
.card-image img{height:146px}
/**************************************************Carasouel for resuorces home page ********************************/
.resources .item {
 padding: 20px 0px;
 height: 340px;
}
.carousel-showmanymoveone .carousel-control {
 width: 4%;
 background-image: none;
}
.carousel-showmanymoveone .carousel-control.left {
 margin-left: 15px;
 background: transparent;
 top: 0;
 bottom: 0;
}
.carousel-showmanymoveone .carousel-control.right {
 margin-right: 15px;
 background: transparent;
}
.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3 {
 display: none;
}
.carousel-showmanymoveone .carousel-control {
 display: none
}
.carousel-showmanymoveone:hover .carousel-control {
 display: block;
}

/**************************************************Carasouel for resuorces home page ********************************/

/* Resources*/

/* Footer */
footer h3 {
 font-size: 15px
}
footer a:hover {
 color: #fbab18
}
footer p {
 font-size: 12px;
}
footer p a {
 color: #ffffff
}

/* Footer */

/* Hover effect on icons **/

/* Effect 9 */
.hi-icon-effect-1 .hi-icon {
 -webkit-transition: box-shadow 0.2s;
 -moz-transition: box-shadow 0.2s;
 transition: box-shadow 0.2s;
}
.hi-icon-effect-1a .hi-icon:hover {
 box-shadow: 0px 0 0 5px rgba(248, 99, 99, 0.6);
 /*color: red;*/
}
.hi-icon-effect-1b .hi-icon:hover {
 box-shadow: 0px 0 0 5px rgba(224, 192, 138, 0.6);
 /*color: red;*/
}
.hi-icon-effect-1c .hi-icon:hover {
 box-shadow: 0px 0 0 5px rgba(255, 220, 58, 0.6);
 /*color: red;*/
}
.hi-icon-effect-1d .hi-icon:hover {
 box-shadow: 0px 0 0 5px rgba(89, 187, 198, 0.6);
 /*color: red;*/
}
.hi-icon-effect-1e .hi-icon:hover {
 box-shadow: 0px 0 0 5px rgba(170, 240, 71, 0.6);
 /*color: red;*/
}
.hi-icon-effect-1f .hi-icon:hover {
 box-shadow: 0px 0 0 5px rgba(59, 156, 149, 0.6);
 /*color: red;*/
}
.hi-icon-effect-new .hi-icon:hover {
 box-shadow: 0px 0 0 5px rgba(255, 255, 255, 0.6);
 /*color: red;*/
}

/* animation while hovering  image grows*/
.hi-icon img {
 -moz-transition: all 1s;
 -webkit-transition: all 1s;
 transition: all 1s;
 width: auto !important;
}
.hi-icon:hover img {
 -moz-transform: scale(1.2);
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}

/* animation while hovering  image  grows*/

/* Hover effect on icons **/

/* Case studies*/
.case #Intern_pictureCard .pictureWrapper.desktop {
 right: auto;
 position: absolute;
 top: 0;
}
.case .carousel-control.left {
 background: transparent
}
.case .carousel-control.right {
 background: transparent;
}
#myList li {
 display: none;
 perspective: 1200px;
 transform-style: preserve-3d;

}
.case #Intern_pictureCard .caption.desktop {
 top: 5vw;
}
.movearrow .fa-angle-left,
.movearrow .fa-angle-right {
 display: inline-block;
 height: 40px;
 width: 40px;
 color: #ffffff;
 background: #94361d;
 border: 1px solid #726c6c;
 font-size: 36px;
}
.case #Intern_pictureCard .caption {
 background: rgba(213, 61, 22, 0.7);
 text-align: left
}
.sliderinfo {
 position: absolute;
 right: -41px;
 ;
 bottom: 0
}
.case #Intern_pictureCard {
 overflow: visible;
}

/* Case studies*/

/*************************************** Contact Page ***************************/
.margin_con{
	margin-top: 130px;
	margin-left:
}
.bannercontact_home {
 background: url(../images/about1.jpg);
 position: relative;
 height: 475px;
}
.bannerpos {
 background-position: center;
}
.innerpagebannertext {
 margin-top: 230px;
 margin-bottom: 140px;
}
.paracontntcontact {
 height: auto
}
.mapcontact {
	 width: 550px;
    height: 425px;
}
/*	
 width: 858px;
 height: 532px;
 */


.mapcontactht #Intern_pictureCard .caption.desktop {
 /*top: 22%;*/
  top: 6%;
}

  .mapcontactht #Intern_pictureCard.desktop{height:34vw;}
  
.formdiv {
 position: absolute;
 top: 0
}
.htform {
 height: 650px;
}
input[type=text].dropcustom,
.dropcustom {
 -webkit-box-shadow: none;
 box-shadow: none;
 background: rgba(255, 255, 255, 0.7);
 border: 1px solid #ffffff;
 width: 100%;
 height: 40px;
 border-radius: 0px;
 font-size: 18px;
 color: #000000;
}
.formdiv .form-group {
 margin-bottom: 20px
}
.contact_form1 input[type=text]:focus {
 border: 1px solid #4285F4 !important;
 box-shadow: 0 1px 0 0 #4285F4 !important;
}
.selected-dial-code {
 color: #ffffff;
}
.intl-tel-input .selected-flag {
 height: 2.5rem;
}
.flagphone {
 border: 1px solid #ffffff;
 height: 40px;
 box-shadow: none;
 background: rgba(255, 255, 255, 0.7);
 font-size: 18px;
}
.flagphone input[type=tel] {
 padding: 0px;
 font-size: 18px;
 color: #000000;
}
.flag-container {
 width: 100%
}
.intl-tel-input {
 display: block
}
.intl-tel-input .country-list {
 width: 100%;
 overflow-x: hidden
}
.flagphone input[type=tel]:focus {
 box-shadow: none;
 border: 0
}
.intl-tel-input .selected-flag .iti-arrow {
 border-top: 4px solid #ffffff
}
input[type=tel].valid{border-bottom: none; box-shadow: 0 0px 0 0 ;}
input:-moz-placeholder{ color:transparent}
input::-webkit-input-placeholder{ color:transparent}
input:-ms-input-placeholder{color:transparent}
.brdaddress{border:1px solid #000000}
.conatctaddreimg{position:relative}
.conatctaddressinfo{position:absolute; top:0;  width: 100%;}
/*********************************** Contact Page *******************************/

/********************************* About Us page********************************/
.valuepoints ul>li {
 list-style: circle;
 text-decoration: none;
 text-align: left;
}
/*.bannerabout_home {
 background: url(../images/aboutbanner.jpg);
 position: relative;
 height: 475px;
}*/
.bannerabout_home img{width:100%;}
.innerpagebannertext.adjust {
 margin-top: 230px
}
.paracontentwithoutbtn {
 height: 230px
}
.aboutservicesht {
 height: 365px
}
.parallaxabout {
 background-image: url(../images/aboutbackgrd.png);
 height: 270px;
}
.parallaxabout p {
 font-size: 24px;
 padding-top: 15px
}
.aboutparalaxht {
 height: 270px
}
h1.count {
 display: inline-block
}
.count span {
 display: inline-block;
}
.leadership {
 border: 1px solid #d4d2d2;
 border-radius: 0px;
 cursor: pointer;
}
.leadership img {
 border-bottom: 1px solid #d4d2d2
}
.leadership
{
border: none;
transition: border 0.5s;
}
.leadership:hover{
   border: 2px solid #FBAB18;
}
.link .fa-linkedin {
 background-color: #1f88bd;
 border-radius: 50%;
 height: 50px;
 width: 50px;
 vertical-align: middle;
 background-color: #1f88bd;
 border-radius: 50%;
 height: 50px;
 width: 50px;
 vertical-align: middle;
 display: table;
 margin: 0 auto;
 padding-top: 16px;
 display: table;
}
.team_info .fa-linkedin {
 text-align: center;
}
.aboutheight {
 height: 315px
}
.abt_manju1 {
 background: url(../images/person1.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
.abt_ganesh {
 background: url(../images/ganesh.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
.abt_bvenkat {
 background: url(../images/venkat.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
.abt_hima{
 background: url(../images/girl.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
.abt-block1 span:nth-child(1) {
 height: 234px;
 width: 234px;
}
.abt-block1 {
 height: 438px;
 display: table-cell;
 vertical-align: middle;
 padding: 10px;
}
.abt-block1 span:nth-child(1) {
 /* background-color: #ffffff;*/
 
 display: block;
 border-radius: 50%;
 border: 1px solid #f1f1f1;
 height: 225px;
 width: 225px;
 margin: 0 auto;
}
.abt-block1 span h4 font {
 color: #d02a2c;
 cursor: pointer;
}
.abt-block1 span h4 {
 font-size:
}
.blockinfoleft {
 border: 1px solid #e1e1e1;
 padding: 20px;
 height: 440px;
 overflow: scroll;
}
.blockinforight {
 border-left: 1px solid #e1e1e1;
 border-bottom: 1px solid #e1e1e1;
 border-top: 1px solid #e1e1e1;
 height: 440px;
 display: table;
 position: relative;
 overflow: hidden;
 width: 100%;
}
.blockinforight img {
 overflow: hidden
}
.blockinfolayer {
 padding: 13px;
 background: rgba(0, 0, 0, 0.5);
 width: 100%;
 bottom: 0px;
 position: absolute;
}
.blockinfolayer a {
 position: absolute;
 top: -35px;
 width: 60%;
 right: 0px;
}
.team_info p {
 font-size: 16px
}
.team_info {
 display: none;
}
.team_info {
 padding: 37px;
}
.info_close {
 font-size: 26px;
}
.info_close {
 cursor: pointer;
 z-index: 1;
 float: right;
 position: absolute;
 top: 0;
 font-size: 20px;
 background-color: #d02a2c;
 color: #ffffff;
 display: block;
 padding: 0px 10px;
 right: 0px;
 /* font-family: adelle-sans;*/
}
.textdisplay {
 display: none
}
.link {
 position: absolute;
 top: 12px;
}
.blockinforight h2{font-size:29px; line-height:35px;}
.blockinfoleft ul li{text-align:left; list-style:circle;}
.blockinfoleft ul{padding-left:15px;}
/********************************* About Us page **************************/

/********************************* Resources Page ************************/
.bannerresource {
 background: url(../images/keyboard.jpg);
 position: relative;
 height: 475px;
}
.paracontent i {
 padding-right: 10px;
 color: #ffffff
}
.paracontent a {
 color: #ffffff
}
.paracontent ul li {
 width: 26%;
 display: inline-block;
 text-align: center;
}
.categories ul li {
 padding-top: 10px
}
.categories ul li a {
 color: #ffffff;
 padding: 0px
}
.brdimg {
 display: inline-block;
 padding-right: 10px;
}
.brdimg img {
 border: 2px solid #9d9d9c
}
.displin {
 display: inline-block
}
.mylisttab li a {
 /* transition: 0.3s;*/
 
 cursor: pointer;
 /* -webkit-transition: color .45s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
 transition: color .45s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
 transition: color .45s cubic-bezier(.4, 0, .2, 1), transform .3s cubic-bezier(.4, 0, .2, 1);
 transition: color .45s cubic-bezier(.4, 0, .2, 1), transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-*/
}
.mylisttab li:hover {
 background: #176e68;
 font-weight: bold;
}
.mylisttab.tab2 li:hover {
 background: #2f1f05;
}
nav>li>a:focus {
 background: #176e68
}

/****************************** Resources Page *************************************/

/****************************** career Page *****************************************/
/*.bannercareer {
 background: url(../images/careerbanner.jpg);
 position: relative;
 height: 475px;
}*/
.innerpagebannertext1 {
 margin-top: 225px;
}
.width70per {
 width: 60%;
}
.text-blue {
 color: #005c96;
}
.bg_green {
 background: rgba(10, 131, 122, 0.9);
}
.careerinfo .movearrow .fa-angle-left,
.careerinfo .movearrow .fa-angle-right {
 display: inline-block;
 height: 40px;
 width: 40px;
 color: #ffffff;
 background: rgba(59, 156, 149, 0.8);
 border: none;
 font-size: 38px;
 margin-left: -3px;
}
.stylish-input-group .input-group-addon {
 background: #d7ac66 !important;
 border: none;
 border-radius: 0px;
}
.input-group {
 border: 2px solid #000000;
 padding-left: 20px;
}
.stylish-input-group button {
 border: 0;
 background: transparent;
}
.form-control {
 outline: none;
}
.secsearch.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
 border: none;
 color: #000000;
 outline: none;
}
.form-control::-webkit-input-placeholder {
 color: #000000;
 font-style: italic;
 font-size: 22px;
}
.form-control::-moz-placeholder {
 color: #000000;
 font-style: italic;
 font-size: 22px;
}
.form-control:-ms-input-placeholder {
 color: #000000;
 font-style: italic;
 font-size: 22px;
}
.form-control:-moz-placeholder {
 color: #000000;
 font-style: italic;
 font-size: 22px;
}
.Opportunitiebox1 {
 background-color: #db441c;
}
.Opportunitiebox2 {
 background-color: #ffdc3a;
}
.Opportunitiebox3 {
 background-color: #3b9c95;
}
.Opportunitiebox4 {
 background-color: #f9c064;
}

.cont-readin:hover{background:#819c33; cursor: pointer}

.box {
 width: 96%;
 height: 385px;
 margin: 25px auto;
}
.box1 {
 width: 100%;
}
.text-subheading {
 font-size: 21px;
}
.width30per {
 width: 30%
}
.width60per{width:60%}
.careerform {
 height: 547px;
}
.padd50 {
 padding: 45px;
}
.bg-black {
 background-color: #000000;
}
.hrbackground {
 border: none;
 height: 1px !important;
}
.btn1 {
 display: inline-block;
 font-size: 20px;
 line-height: 45px;
 background-size: 200% 100%;
 min-width: 200px;
 width: 25%;
 transition: background-position 0.4s, color 0.4s;
 border: none;
}
.btn1:focus {
 background-color: #FF842D;
}
.Sectionlast input[type=text]:focus:not([readonly]) {
 border-bottom: 1px solid #ffffff;
 box-shadow: none;
 /*padding-left:5px;*/
}
.fake-input input[type=text]:focus:not([readonly]) {
 border-bottom: 1px solid transparent;
 box-shadow: none;
 /*padding-left:5px;*/
}
.black-border input[type=text]:focus:not([readonly]) {
 border-bottom: none;
 box-shadow: none;
}
.paddleft10 {
 padding-left: 10px
}
.bannercareer input[type=text]{    line-height: 23px;
    font-size: 20px;
    height: 3.5rem;}
/****************************** career Page *****************************************/

/*******************************Service Page ***************************************/
.bannerservice_home {
 background: url(../images/Slider.jpg);
 position: relative;
 height: 475px;
}
.banercontentservce {
 width:100%;
 padding: 20px;
 margin: 0 auto;
position: absolute;
top: 165px;
 margin-bottom: 140px;
}
#Intern_pictureCard .service.caption.desktop {
 width: 50%
}
.mylisttab ul li a {
 color: #ffffff
}

/*
.mylisttab ul {
 padding-bottom: 15px
}
*/
.mylisttab ul li {
 padding: 3px 15px
}
.servicepullleft {
 float: left
}
.servicepullright {
 float: right
}

.active_ser {
	background: #176e68;
    font-weight: bold;
}

/*******************************Service Page ***************************************/

/********************************* Industry Us page********************************/
/*.bannerindustry_home {
 background: url(../images/industryslider.jpg);
 position: relative;
 height: 475px;
}*/
.healthht {
 width: 880px;
 height: 600px
}
.listcontent ul li {
 list-style: circle
}
.listcontent ul {
 padding-top: 15px;
 padding-bottom: 15px
}
#Intern_pictureCard.desktop.industrypage {
 height: auto
}
.paracontenttextht {
 height: 455px
}
#Intern_pictureCard .caption.desktop.industryimg {
 top: 7.5vw
}
.imgpullup {
 margin-top: -85px
}
/*
.imgpullup img {
width:100%;
 opacity: 0;
 transform: translatey(100%);
 transition: transform 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035);
}


.imgpullup img.in-view {
 opacity: 1;
 transform: translateY(0%);
 transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1);
}
*/

.boxleft #Intern_pictureCard .caption.desktop.versioncaption {
 right: auto
}
.boxleft .fltcont {
 float: right
}
.backgrdcont {
 position: absolute;
 top: 9%;
 right: 0;
 left: 0
}

/********************************* Industry Us page********************************/

/********************************* Terms and condition page********************************/
.bannerterms_home {
 background: url(../images/terms.jpg);
 position: relative;
 height: 475px;
}
/********************************* Terms and condition page********************************/


/********************************* Privacy Poilicy********************************/
.bannerprivacy_home {
 background: url(../images/privacy.jpg);
 position: relative;
 height: 475px;
}
/********************************* Terms and condition page********************************/
/*-------------------------------------------------*/
.bgproperty {
 background-repeat: no-repeat;
 background-size: cover;
}
.contentpullup {
 width: 90%;
 margin: 0 auto;
 margin-top: -109px;
 z-index: 3;
 position: relative;
}

/*-------------------------------------------------*/

/*animation element sliding left*/
.animation-element.slide-right {
 width: 101%;
 height: 100%;
 position: absolute;
 z-index: 3;
 transform: translateX(0%);
 transition: transform 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035);
 background: white;
}
.animation-element.slide-right.in-view {
 transform: translateX(101%);
 transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1);
}
.animation-element.slide-left {
 width: 101%;
 height: 100%;
 position: absolute;
 z-index: 3;
 transform: translateX(0%);
 transition: transform 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035);
 background: white;
}
.animation-element.slide-left.in-view {
 transform: translateX(-101%);
 transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1);
}

/*animation slide left styled for testimonials*/

/* Animation on icons about us page */
.transDemo4 {
 transition: all 2s ease-in-out;
 perspective: 800px;
 perspective-origin: 50% 100px;
}
.transDemo4:hover {
 transform: rotateZ(360deg);
}
.transDemohand {
 transition: all 2s ease-in-out;
 perspective: 800px;
 perspective-origin: 50% 100px;
}
.transDemohand:hover {
 transform: rotateY(180deg);
}

/* Animation on icons about us page */

/*technology*/
.bannertecnology_home {
 background: url(../images/technologybanner.jpg.html);
 position: relative;
 height: 476px;
}
.bg-grey {
 background: #f1f1f1;
}
.padd40 {
 padding: 40px
}

/*technology*/

.admin{transform: translateX(-250px); transition-delay: 50ms; 
     transition: all .6s; 
     -webkit-transition-timing-function: cubic-bezier(.64,0,.4,1); 
     transition-timing-function: cubic-bezier(.64,0,.4,1); }
	 
	 .mainsection{transition-delay: 50ms; 
     transition: all .6s; 
     -webkit-transition-timing-function: cubic-bezier(.64,0,.4,1); 
     transition-timing-function: cubic-bezier(.64,0,.4,1);}
	 }
	 
.sidenav a:nth-of-type(3){ transition: all 1s}
.sidenav a:nth-of-type(2){ transition: all 1.5s}
.sidenav a:nth-of-type(3){ transition: all 1.9s}