@charset "utf-8";
/* CSS Document */





@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'khandbold';
    src: url('../fonts/khand-bold.woff2') format('woff2'),
         url('../fonts/khand-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'khandlight';
    src: url(../fonts/'khand-light.woff2') format('woff2'),
         url('../fonts/khand-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'khandregular';
    src: url('../fonts/khand-regular.woff2') format('woff2'),
         url('../fonts/khand-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'khandsemibold';
    src: url('../fonts/khand-semibold.woff2') format('woff2'),
         url('../fonts/khand-semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'khandmedium';
    src: url('../fonts/khand-medium.woff2') format('woff2'),
         url('../fonts/khand-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.nomarpad{margin:0px; padding:0px;}





/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 654px;
  margin-bottom: 0;
}
.carousel-caption {
  z-index: 10; /* Since positioning the image, we need to help out the caption */
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 654px;
  background-color:none;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 654px;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}



.head_banner .navbar-inverse{background:none; border:none;}
.head_banner .navbar-nav > li{color:#fff; text-transform:uppercase;}
.head_banner .navbar-inverse .navbar-nav > li > a{color:#fff; font-size:16px;}
.head_banner .carousel-caption{text-align:left; bottom:230px; left:9%; font-family:'khandregular', Helvetica, sans-serif;}
.head_banner .carousel-caption h1{font-size:48px;}
.head_banner .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{background:none; font-weight:bold;}
/*.customercare{text-align:center; color:#fff; font-size:14px; border:1px solid #fff; border-radius:100px; padding:8px; float:right; width:24%;}*/
.customercare{text-align:center; color:#fff; font-size:14px; border:1px solid #fff; border-radius:100px; padding:2px; background:#fff; position:fixed; right:-70px; top:50%;}
.customercare:hover{width:9%; text-align:center; right:0px; border-radius:100px 0px 0px 100px;}
.head_banner .navbar-right{margin-top:0px;}
.head_banner .carousel-indicators{left:10%;}
.head_banner .carousel-indicators li{width:15px; height:15px; background-color:#1eab99; border:none;}
.head_banner .carousel-indicators .active{width:17px; height:17px; background-color:#1eab99; border:3px solid #fff;}
.head_banner .carousel-control.left, .carousel-control.right{background-image:none;}
.weat_suc {background:#3a1d5c; padding:20px 0px;}
.weat_suc h4{font-size:60px; font-family:'khandregular', Helvetica, sans-serif; text-align:center; font-weight:bold; color:#fff; padding:30px 0px;}

.weat_suc ul{list-style:none inside; display:table; color:#fff;}
.weat_suc ul li{display:inline-block; padding:0px 0px 0px 75px;}
.numbers{font-size:60px; font-family:'khandregular', Helvetica, sans-serif; font-weight:bold; margin:0px; padding:0px 0px 0px 25px;}
.number_txt{font-size:30px; border-left:6px solid #02d8e5; padding-left:25px;}
.countone{margin-bottom:40px;}
.counttwo li:nth-child(3){margin-left:55px;}

.ourwork{background:#0177bf; padding:20px 0px;}
.ourwork h4{font-size:52px; font-family:'khandregular', Helvetica, sans-serif; text-align:left; font-weight:bold; color:#fff; padding:60px 0px 0px 0px;}
.ourwork p{font-size:16px; color:#fff; line-height:26px; padding:0px 0px 30px 0px; margin:0px;}

.digitalcampus{padding:20px 0px;}
.digitalcampus h4{font-size:52px; font-family:'khandregular', Helvetica, sans-serif; text-align:left; font-weight:bold; color:#000; padding:60px 0px 0px 0px;}
.digitalcampus p{font-size:16px; color:#000; line-height:26px; padding:0px 0px 30px 0px; margin:0px;}



.thestronger{background:#963596; padding:20px 0px;}
.thestronger h4{font-size:52px; font-family:'khandregular', Helvetica, sans-serif; text-align:left; font-weight:bold; color:#fff; padding:60px 0px 0px 0px;}
.thestronger p{font-size:16px; color:#fff; line-height:26px; padding:0px 0px 30px 0px; margin:0px;}

.customers_logo {background:#f9f9f9; text-align:center;}
.customers_logo h4{font-size:52px; font-family:'khandregular', Helvetica, sans-serif; text-align:center; font-weight:bold; color:#000; padding:60px 0px 0px 0px;}
.customers_logo h4 span{font-size:48px; font-weight:normal;}

.client_logos{margin:50px 0px 0px;}




.testimonials h4{font-size:60px; font-family:'khandregular', Helvetica, sans-serif; text-align:center; font-weight:bold; color:#000; padding:60px 0px 0px 0px;}
.testimonials h4 span{font-size:48px; font-weight:normal;}



	.lead-testimonial-cont {
	    width: 100%;
	    max-width: 1170px;
	    min-width: 1170px;
	    height: 185px;
	    margin: 0 auto;
	    background-color: #fff;
	    padding: 30px;
	    position: relative;
	}
	.lead-testimonial-cont:after {
		position: absolute;
	    content: '';
	    bottom: -31px;
	    left: 50%;
	    transform: translateX(-50%);
	    background-image: url(http://demosoft.indicsoft.com/SalmanDemo/onspon-html/other-pages/image/tstmnl-box-shadow.png);
	    width: 840px;
	    height: 31px;
	}
	.lead-testimonial-cont:before {
	    /*content: 'By: Salman Raza';
	    font-family: 'Roboto', cursive;*/
	    position: absolute;
	    bottom: -25px;
	    left: 50%;
	    transform: translateX(-50%);
	    color: rgba(0, 0, 0, 0.9);
	    font-size: 10px;
	    letter-spacing: 5px;
	    font-weight: 500;
	    white-space: nowrap;
	    color: #545454;
	    text-transform: uppercase;
	}
	.lead-testimonial-cont > h2 {
		position: absolute;
		text-align: center;
		margin: -55px 0 0 0;
		font-size: 14px;
		left: 10px;
		font-weight: 400;
		text-transform: uppercase;
		letter-spacing: 3px;
		color: #444;
	}
	.lead-tstmnl-slider {
	    width: 100%;
	    height: auto;
	    float: left;
	    overflow: hidden;
	}
	.lead-tstmnl-slide {
		width: 100%;
		max-width: 1140px;
		height: 100%;
		float: left;
	}
	.lead-tstmnl-slide:focus {outline: none;}
	.lead-tstmnl-slide .lead-tstmnl-img {
		float: left;
		/*width: 160px;
		height: 160px;
		border-radius: 100%;
		border:5px solid rgba(0,0,0,0.08);
		overflow: hidden;*/
		margin:8px 30px 0 0;
	}
	.lead-tstmnl-slide .lead-tstmnl-img img {width: 100%;}
	.lead-tstmnl-text-cont {
		float: left;
		width: 70%;
		height: auto;
		position: relative;
		border-left:5px solid #ddd;
		margin-top:10px;
		font-size:18px;
	}
	.lead-tstmnl-comment {
		float: left;
		display: block;
		width: 97.5%;
		position: relative;
		padding: 20px 25px;
		max-height: 120px;
		overflow: hidden;
		font-size: 15px;
		line-height: 24px;
	}
	.lead-tstmnl-comment:before,
	.lead-tstmnl-comment:after {
		position: absolute;
		content: '';
		width: 20px;
		height: 20px;
		background-image: url(http://demosoft.indicsoft.com/SalmanDemo/onspon-html/other-pages/image/tstmnl-quate.png);
	}
	.lead-tstmnl-comment:before{top: 0; left: 0;}
	.lead-tstmnl-comment:after {bottom: 0;right: 0;background-position: 20px 0;}
	.lead-tstmnl-nm-dsg {
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.lead-tstmnl-nm-dsg li {display: inline-block;float: left;padding: 0 15px;border-left: 1px solid #6b6b6b;font-size: 15px; line-height: 14px;letter-spacing: 0.5px;color: #6b6b6b;}
	.lead-tstmnl-nm-dsg li:first-child{border-left: 3px solid #e73022;padding-left: 10px;font-weight: 700;color: #e73022;}
	.slick-dots button {display: none;}
	.lead-tstmnl-slider .slick-dots {position: absolute; bottom: 5px; right: 5px;}
	.lead-tstmnl-slider .slick-dots li {
		list-style: outside none none;
		display: inline-block;
		cursor: pointer;
		width: 8px;
		height: 8px;
		border-radius: 100%;
		margin: 0px 3px 0px 0px;
		background-color: #ccc;
		position: relative;
	}
	.lead-tstmnl-slider .slick-dots li.slick-active {background-color: #0177bf;}
	.customername{font-size:14px; margin-top:30px !important; color:#666;}
	
	
.footermain{margin:55px 0px 0px; background:#f9f9f9; padding:35px 0px 0px 0px;}

.footerlinks ul{list-style:none inside; font-size:18px; color:#000; text-decoration:none;}
.footerlinks ul p a{color:#000; text-decoration:none;}
.footerlinks ul li{line-height:40px; color:#000; font-size:16px; text-decoration:none;}
.footerlinks ul li a{line-height:40px; color:#000; font-size:16px; text-decoration:none;}
.copyright{color:#0177bf; text-align:center; font-size:16px; background:#fff; padding:20px 0px; margin:0px;}

.benefit_points h4{font-size:52px; font-family:'khandregular', Helvetica, sans-serif; text-align:center; font-weight:bold; color:#000; padding:40px 0px 0px 0px;}
.benefit_points h5{font-size:24px; font-family:'khandregular', Helvetica, sans-serif; text-align:left; font-weight:bold; color:#fff; padding:25px 0px 0px 0px}
.benefit_points p{color:#fff; font-size:14px; padding-bottom:25px;}

.topquality {margin:45px 0px 0px; background:#3a1d5c url(../images/digita_smartbg.png) center top no-repeat; padding:0px; }
.topquality .headings{font-size:52px; font-family:'khandregular', Helvetica, sans-serif; text-align:center; font-weight:bold; color:#fff; padding:40px 0px 40px 0px;}
.topquality .media-heading{font-size:24px; font-family:'khandregular', Helvetica, sans-serif; text-align:left; font-weight:bold; color:#00b9f2; }
.topquality p{font-size:16px; color:#fff; }
.topquality .media-left{padding-right:35px;}

.topquality .media{margin-bottom:45px;}

.introduction{padding:20px 0px;}
.introduction h4{font-size:52px; font-family:'khandregular', Helvetica, sans-serif; text-align:left; font-weight:bold; color:#963596; padding:40px 0px 0px 0px;}
.introduction p{font-size:18px; color:#000; line-height:28px; padding:20px 0px 20px 20px; margin:0px; border-radius: 8px; background:#963596; color:#fff;}
 

.frictionless {background:#0f9ffa; text-align:center; padding-bottom:90px;}
.frictionless h4{font-size:60px; font-family:'khandregular', Helvetica, sans-serif; text-align:center; font-weight:bold; color:#fff; padding:40px 0px;}
.frictionless h4 span{font-size:36px; font-weight:normal;}

.frictionless .media-heading{font-size:48px; text-align:left; margin:0px !important; padding:0px !important;}
.frictionless .media-left{padding-right:35px;}
.frictionless .media-body p{color:#fff !important;  text-align:left !important;}
.frictionless .media{padding-top:60px;}

.benifit_standards_left, .benifit_standards_right{margin:60px 0px;}
.benifit_standards_left .media-heading{font-family: 'open_sansregular'; font-size:18px; text-align:right; font-weight:normal; font-size:16px; padding:0px 20px;margin:15px 0px;}

.benifit_standards_right .media-heading{font-family: 'open_sansregular'; font-size:18px; text-align:left; font-weight:normal; font-size:16px; padding:0px 20px;margin:15px 0px;}

.media-left, .media-right{border-radius:8px; padding:8px;}
.roll-down {
    border: 3px solid #fff;
    border-radius: 22px;
    content: " ";
    display: inline-block;
    height: 65px;
    margin-top: 20px;
    position: relative;
    width: 40px;
}
.roll-down::after {
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-name: scrolling;
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    content: " ";
    display: block;
    height: 6px;
    left: 50%;
    margin-left: -3px;
    position: absolute;
    top: 15px;
    width: 6px;
}
@keyframes scrolling {
0% {
    transform: none;
}
50% {
    transform: translate3d(0px, 400%, 0px);
}
100% {
    transform: none;
}
}
#scroll-progress {
    bottom: 0;
    height: 3px;
    left: 0;
    position: fixed;
    z-index: 100;
}



.scrolldown{ position:absolute; bottom: 125px; right:50%; z-index:1000; text-align:center; font-size:12px; color:#fff; text-decoration:none;}
.scrolldown a{text-align:center; font-size:12px; color:#fff; text-decoration:none;}
.scrolldown a:hover{text-decoration:none;}



@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    transform: translateY(50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slideInUp {
  0% {
    opacity: 0;
    transform: translateY(50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes slideInleft {
  0% {
    opacity: 0;
    transform: translateX(50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slideInleft {
  0% {
    opacity: 0;
    transform: translateX(50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(-50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(-50%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes zoomReverseIn {
  0% {
    opacity: 0;
    transform: scale(1.5);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes zoomReverseIn {
  0% {
    opacity: 0;
    transform: scale(1.5);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes flipInY {
  0% {
    opacity: 0;
    transform: rotateY(90deg);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes flipInY {
  0% {
    opacity: 0;
    transform: rotateY(90deg);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
[data-animation] {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

.animations-disabled, .animations-disabled [data-animation] {
  -webkit-animation: none !important;
          animation: none !important;
  opacity: 1 !important;
}

.slideInUp {
  -webkit-animation-name: slideInUp;
          animation-name: slideInUp;
}

.slideInDown {
  -webkit-animation-name: slideInDown;
          animation-name: slideInDown;
}

.slideInLeft {
  -webkit-animation-name: slideInleft;
          animation-name: slideInleft;
}

.slideInRight {
  -webkit-animation-name: slideInRight;
          animation-name: slideInRight;
}

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

.fadeOut {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  animation-direction: reverse;
}

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}

.zoomOut {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
  animation-direction: reverse;
}

.zoomReverseIn {
  -webkit-animation-name: zoomReverseIn;
          animation-name: zoomReverseIn;
}

.zoomReverseOut {
  -webkit-animation-name: zoomReverseIn;
          animation-name: zoomReverseIn;
  animation-direction: reverse;
}

.flipInY {
  -webkit-animation-name: flipInY;
          animation-name: flipInY;
}

.flipOutY {
  -webkit-animation-name: flipInY;
          animation-name: flipInY;
  animation-direction: reverse;
}


.quote{ position:absolute; width:100%; bottom:0px; left:0px; padding:10px 0px 10px 10px; margin:0px; font-size:24px; font-family:'khandregular', Helvetica, sans-serif; color:#fff; text-align:left;}

.innerbanner{height:360px;}
.innerbanner img{width:100%; height:100%;}
.innerbanner .carousel-caption{bottom:10px;}

.contact_innerbanner{height:250px;}
.contact_innerbanner img{width:100%; height:100%;}
.contact_innerbanner .carousel-caption{bottom:10px;}


.indmap img{width:100%;}

.contacts{padding-top:30px;}
.globemap img{width:100%; padding-top:15px;}
.address h4{font-family:'khandregular', Helvetica, sans-serif; font-size:26px; color:}
.address hr{margin-top:0px;}
.contacts .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{color:#0f9ffa; font-size:18px; font-weight:bold;}
.contacts .nav-tabs > li > a{color:#999; font-size:18px;}
.contacts .tab-pane {margin-top:25px;}
.contacts .nav-tabs{display:table; width:100%; text-align:center;}
.contacts .nav-tabs > li{display:inline-block; float:inherit;}

.blink-soft {
  animation: blinker 1.5s linear infinite; color:#963596;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}


.mediaform{padding-top:45px;}
.mediaform h4{font-family:'khandregular', Helvetica, sans-serif; font-size:40px; color:}
.mediaform .form-control{border-bottom:1px solid #ccc; border-right:none; border-left:none; border-top:none; box-shadow:none; border-radius:0px; padding-left:0px;}


.morebtn {padding:35px 0px;}
.morebtn .btn{font-size:22px; background:#0177bf; color:#fff; border-collapse:#fff; border:1px solid #fff; padding:5px 18px;  border-radius:100px; text-transform:uppercase; background: rgb(30,106,129); background: linear-gradient(90deg, rgba(30,106,129,1) 0%, rgba(30,177,155,1) 100%); box-shadow: -1px 4px 5px 0px rgba(222,222,222,0.75);
-webkit-box-shadow: -1px 4px 5px 0px rgba(222,222,222,0.75);
-moz-box-shadow: -1px 4px 5px 0px rgba(222,222,222,0.75);}

.clientlogos {text-align:center; margin:25px 0px;}
.clientlogos img{width:80px; height:80px; margin:10px; border:1px solid #ddd; text-align:center;}

.best_ed_tech img{width:100%;}

	.closepopup_btn{
	position: absolute;
	right: -14px;
	top: -13px;
	background: #1e9f4f !important;
	opacity: 0.9;
	color: #fff;
	padding: 5px 10px !important;
	border-radius: 100px;
	
	}
	
	.team_images ul{list-style:none inside; display:table; text-align:center; width:100%; padding:0px;}
	.team_images ul li{display:inline-block; margin:17px;}
	.team_images ul .team_personpic{width:240px; height:240px; border-radius:100%; overflow:hidden; border:2px solid #ddd;}
	.team_images ul .team_personpic img{width:100%;}
	.team_images .card-title{font-size:18px; color:#0177bf; margin-bottom:0px;}



.swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: left;
        font-size: 16px;
		font-weight:500;
        background: none;
        color:#fff;
		padding:0px 40px;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: inline;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		
    }
	
	.yeartxt{width:70px; height:auto; padding:5px 0px; background:#fff; color:#000; text-align:center; font-size:18px; border-radius:100px; margin-bottom:45px;}
	
.suc_ten_years{background:url(../images/suc_banner_tenyears.jpg) center 70%; height:750px; padding:20px 0px;}
.suc_ten_years h4{font-size:60px; font-family:'khandregular', Helvetica, sans-serif; text-align:center; font-weight:bold; color:#fff; padding:50px 0px;}

.yearpara_txt ul {margin:0px; padding:0px;}
.yearpara_txt ul li{padding-bottom:25px;}

.backgnd{border:1px solid #fff; color:#000; text-align:center; border-radius:100px; padding:15px 0px; background:#fff; margin-top:25px;}
canvas {
  width:100%;
  height:100vh;
  background:transparent;
  position:absolute;
  z-index:1;
}

.suctenyears{position:fixed; left:10px; bottom:10px;}


.our-team {
	min-height: 100vh;
	padding: 0;
	position: relative;
	background:#202020;
	
}
.opacity0{
	display: none;
}



.team-wrapper {
	color: rgba(255, 255, 255, 0.75);
	position: relative;
	padding: 40px 0 446px;
	width: 17%;
	min-width: 208px;
	overflow: hidden;
	height: 800px;
	min-height: 100vh;
	background: rgba(19, 19, 19);
	position: relative;
	z-index: 1;
	display: inline-block;
	transition: all 0.8s ease-in-out;
	margin-left: -5px;
}



.team-wrapper:nth-child(2n) {
	background: #2C2A2A;
}

.team-wrapper:nth-child(3n) {
	background: #202020;
}

.team-wrapper:nth-child(4n) {
	background: #222323;
}

.team-wrapper:nth-child(5n) {
	background: #232324;
}



.details {
	opacity: 0;
	visibility: hidden;
}

.team-wrapper .description {
	opacity: 1;
	padding: 40px 40px 446px;
	width:416px;
	
}

.team-wrapper .description .details {
	opacity: 1;
	visibility: visible;
}

.team-wrapper h4 {
	text-transform: capitalize;
	transform: rotate(-90deg);
	text-align: right;
	white-space: nowrap;
	position: absolute;
	top: 144px;
	right: -70px;
	color: rgba(255, 255, 255, 0.55);
}

.team-wrapper .description h4 {
	transform: rotate(0);
	margin-left: 100px;
	position: static;
	margin-top: 0;
	margin-left: 0;
	text-align: left;
	top: auto;
	right: auto;
	color: #fff;
}

.designation {
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	margin-top: 16px;
}

.team-wrapper p {
	margin-top: 16px;
	white-space: normal;
	opacity: 1;
}


.team-member-photo {
	position: absolute;
	width: 428px;
	height: 450px;
	bottom: 0;
	left: 0;
	background-size: cover;
	background-position: center center;
}

.team-member-photo img {
	max-width: 100%;
	overflow: hidden;
	display: block!important;
	object-fit: contain;
}

.slider {
	width: 100%;
	overflow-x: auto;
	overflow: -moz-scrollbars-none;
	white-space: nowrap;
	position: relative;
	scroll-snap-type: x mandatory;
}
.slider::-webkit-scrollbar {display:none; }

.team-wrapper img {
	object-fit: cover;
	height: 100%;
	width: 100%;
	display: none;
}

.description {
	display: none;
	position: absolute;
	top: 0;
	height: 100%;
}

.team-wrapper:hover {
	/* transform: scaleX(1.4); */
	z-index: 2;
	max-width: 416px;
	width: 416px;
}
.team-wrapper:hover h4#memberNameDes{
  display:none;
}

.team-wrapper:hover .description {
	display: block;
}
.team-wrapper:hover .description h4{
  display:block;
}

.team-wrapper:hover .team-member-photo.noshow {
	display: none;
}
.team-wrapper:last-of-type{
	float: right;
	position:absolute;
	/* right:0; */
  }



.btn-nav {
	width: 80px;
	height: 100%;
	border-radius: 5px;
	position: absolute;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.3);
	outline: none;
	border: none;
	color: white;
	z-index: 5;
	visibility: hidden;
	background-image: url(../images/icons/chevron-right-black.svg);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

#moveLeft {
	left: 0;
	transform: rotate(-180deg);
	-webkit-transform: rotate( -180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
}

#moveRight {
	right: 0;
}

.our-team:hover .btn-nav {
	visibility: visible;
}



.team-wrapper:last-of-type:hover {
	z-index: 10;
    position: absolute;
}


.newsroom{width:100%; margin:0px; padding:25px 0px; text-align:center; background:#eee;}
.newsroom h4{font-family:'khandregular', Helvetica, sans-serif; font-size:40px;}
.newsroom ul{list-style:none inside; display:table; text-align:center; width:100%; margin:0px; padding:0px;}
.newsroom ul li{display:inline-block; margin:0px 15px 0px 0px;}
.newsroom ul li img{border:1px solid #eee; border-radius:10px; -webkit-box-shadow: 0px 7px 5px -1px rgba(227,227,227,1);
-moz-box-shadow: 0px 7px 5px -1px rgba(227,227,227,1); box-shadow: 0px 7px 5px -1px rgba(227,227,227,1);}
.newsroom ul li span{font-size:14px; font-weight:bold; line-height:45px; color:#000; text-decoration:none;}
.newsroom ul li span a{font-size:14px; font-weight:bold; line-height:45px; color:#000; text-decoration:none;}

.forbesimg img{width:100%;}

@media (min-width: 768px) {
.modal-dialog {
  width: 800px;
  margin: 30px auto;
}
}

@media (max-width: 360px){
	.head_banner .carousel-caption h1{font-size:16px !important;}
	.carousel{height:173px;}
	.carousel .item{height:173px;}
	.client_logos img{width:100%;}
	.navbar-brand > img{width: 80px;}
	.carousel-inner > .item > img{height:auto;}
	.head_banner .carousel-caption{bottom:20px;}
	[data-animation]{opacity:inherit;}
	.weat_suc h4{font-size:30px; padding:0px;}
	.weat_suc ul{padding:0px;}
	.weat_suc ul li{padding-left:25px;}
	.counttwo li:nth-child(3){margin-left:0px;}
	.ourworkimg img{width:100%;}
	.testimonials{display:none;}
	.head_banner .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{background:#1e6a81;}
	.topquality .media-left{display:none;}
	.customercare{width:100%; float:inherit; margin-top:35px;}
	.innerbanner img{height:auto;}
	.team_images{margin:0px; padding:0px;}
	.team_images ul .team_personpic{width:130px; height:130px; border-radius:100%; overflow:hidden; border:2px solid #ddd;}
	.team_images ul li{margin:0px 12px;}
	.team_images .card-title{font-size:12px;}
	.team_images .card-text{font-size: 12px !important;}
	
	}
	
@media (max-width: 412px){
	.head_banner .carousel-caption h1{font-size:16px !important;}
	.carousel{height:173px;}
	.carousel .item{height:173px;}
	.client_logos img{width:100%;}
	.navbar-brand > img{width: 80px;}
	.carousel-inner > .item > img{height:auto;}
	.head_banner .carousel-caption{bottom:20px;}
	[data-animation]{opacity:inherit;}
	.weat_suc h4{font-size:30px; padding:0px;}
	.weat_suc ul{padding:0px;}
	.weat_suc ul li{padding-left:25px;}
	.counttwo li:nth-child(3){margin-left:0px;}
	.ourworkimg img{width:100%;}
	.testimonials{display:none;}
	.head_banner .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{background:#1e6a81;}
	.topquality .media-left{display:none;}
	.customercare{width:100%; float:inherit; margin-top:35px;}
	.team_images{margin:0px; padding:0px;}
	.team_images ul .team_personpic{width:130px; height:130px; border-radius:100%; overflow:hidden; border:2px solid #ddd;}
	.team_images ul li{margin:0px 12px;}
	.team_images .card-title{font-size:12px;}
	.team_images .card-text{font-size: 12px !important;}
	}
	
@media (max-width: 810px){
	.head_banner .carousel-caption h1{font-size:16px !important;}
	.carousel{height:173px;}
	.carousel .item{height:173px;}
	.client_logos img{width:100%;}
	.navbar-brand > img{width: 80px;}
	.carousel-inner > .item > img{height:auto;}
	.head_banner .carousel-caption{bottom:20px;}
	[data-animation]{opacity:inherit;}
	.weat_suc h4{font-size:30px; padding:0px;}
	.weat_suc ul{padding:0px;}
	.weat_suc ul li{padding-left:25px;}
	.counttwo li:nth-child(3){margin-left:0px;}
	.ourworkimg img{width:100%;}
	.testimonials{display:none;}
	.head_banner .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{background:#1e6a81;}
	.topquality .media-left{display:none;}
	.customercare{width:100%; float:inherit; margin-top:35px;}
	.team_images{margin:0px; padding:0px;}
	.team_images ul .team_personpic{width:130px; height:130px; border-radius:100%; overflow:hidden; border:2px solid #ddd;}
	.team_images ul li{margin:0px 12px;}
	.team_images .card-title{font-size:12px;}
	.team_images .card-text{font-size: 12px !important;}

	}
/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
    border-radius: 4px; /* The navbar becomes detached from the top, so we round the corners */
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}