/* CSS Document */

body{font-family:'Geogrotesque Rg', Arial, Helvetica, sans-serif; font-size:13px;}
*{margin:0px; padding:0px;}
@font-face {
	font-family: 'Geogrotesque Rg';
	src: url('../fonts/Geogrotesque-Regular.eot');
	src: url('../fonts/Geogrotesque-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Geogrotesque-Regular.woff2') format('woff2'),
		url('../fonts/Geogrotesque-Regular.woff') format('woff'),
		url('../fonts/Geogrotesque-Regular.ttf') format('truetype'),
		url('../fonts/Geogrotesque-Regular.svg#Geogrotesque-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*header*/

#topwrapper .logo{padding:20px 0 20px 100px;}
#topwrapper .tag .tagline {background:#c69c6d; color:#fff; font-size:32px; font-weight:500; padding:15px 50px; line-height:28px; margin:40px 0 0 0;}
#topwrapper .tag .tagline span{font-size:26px; font-weight:normal;}
#topwrapper .tag .rect{position:relative; left:0px; top:-4px;}
.nospace{padding:0px;}

.shadowout{position:relative; left:0px; top:0px; padding-left:140px;}
.shadowin{position:absolute; left:0px; top:0px; padding-left:140px;}
.shadowout .shadowin img{width:100%;}
/*Form*/
.formbox{position:relative; left:0%; top:0px; z-index:999;}
.formboxin{position:absolute; left:72%; top:30px; z-index:999; background:#f0f0f1; padding:115px 20px 10px 20px; width:20%; box-shadow:0px 1px 22px 2px #666666; -moz-box-shadow:0px 1px 22px 2px #666666; -webkit-box-shadow:0px 1px 22px 2px #666666; -o-box-shadow:0px 1px 22px 2px #666666;}

.formboxin .form-control{border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -o-border-radius:0px; height: 28px;  padding: 3px 10px; border:1px solid #000; font-size:12px; color:#666666 !important;}
.formboxin .form-control placeholder{color:#666 !important;}
.form-control::-moz-placeholder{color:#666 !important;}
.formboxin .form-group { margin-bottom: 10px;}

.formbg{position:relative; right:2.5%; top:25px; z-index:9999; display:block;}
.formbgin{position:absolute; right:2.5%; top:0px; z-index:9999; background:url(../images/formbg.png) left 25px no-repeat; width:330px; height:91px; display:block;}
.formbg .formbgin span{color:#fff; font-size:22px; text-align:center; padding:43px 0 0 0px !important; line-height:22px; display:block;}
.formbox .formboxin .ht{height:50px;}
.formbox .formboxin .btclr{background:#362f2d; border-radius:0px; border:0px; padding:3px 13px; margin-top:10px; margin-bottom:10px;}
/*Form*/


.taglineout{position:relative; left:0px; top:80px; display:block; z-index:99999;}
.taglinein{position:absolute; left:0px; top:80px; display:block; color:#FFFFFF; z-index:99999; width:33%;}
.taglineout .taglinein .leftWrapper, .taglineout .taglinein  .rightWrapper{background:#4d3069; min-height:123px; padding:22px 24px; margin:0px;}
.taglineout .taglinein  .rightWrapper{background:#f3ab15; font-size:24px; line-height:36px; border-right:32px solid #ba0000; color:#000; text-transform:uppercase; padding-left:10%;}
.taglineout .taglinein  .rightWrapper span{clear:both; display:block; font-size:44px; font-weight:bold; color:#ba0000; text-transform:uppercase; font-weight:bold;}
.taglineout .taglinein  .rightWrapper big{font-size:33px !important;}
.taglineout .taglinein  .rightWrapper > span{padding-bottom:10px;}
.taglineout .taglinein  .rightWrapper > span + big + span{padding-bottom:0px;}
/*.arrowbox{position:absolute; right:-2px; top:40%;}*/
.durbg{background:#00B2A9; margin-bottom:60px;}
.duration{background:#00B2A9; text-align:center; padding:15px 0px;}
.duration span{font-size:24px; color:#fff;  clear:both; display:block; line-height:24px;}
.duration span + span{font-size:22px;}

/*meddle*/

#meddle .global{display:block; margin:70px 0 0px 0; text-align:center;}
#meddle .global span{ text-align:center; padding:4px 30px 8px 30px; font-size:32px; font-weight:bold; color:#000000;}
#meddle .global p{font-size:18px; line-height:26px; color:#000; padding:10px 0px 0px 0px;}
.reasonBg{background:#e6dece; padding-top:0px; padding-bottom:50px;}
.reasonBg h1{text-align:center; color:#000; padding:0px 0 10px 0;}
#meddle .reasons{padding:0px;}
#meddle .reasons-text{padding:30px; background:#fff;  min-height:316px;}
#meddle .reasons-text p{padding-top:10px; font-size:14px; color:#333333;}
#meddle .reasons-text span{font-size:19px}
#meddle .reasons span{font-size:18px; font-weight:bold; padding-bottom:15px; padding-left:20px; display:block;}
#meddle .reasons ul{list-style:none;}
#meddle .reasons ul li{background:url(../images/arrow2.png) left 4px no-repeat; font-size:15px; color:#000; padding:0px 0 0 20px;}
.flipspce{ padding:15px 0 15px 0; margin-bottom:40px; margin-top:40px; border-bottom:1px solid #666666; border-top:1px solid #666666;}

#industry .placement{background:#f3ab15; padding:20px 40px 40px 110px;}
#industry .placement h1{font-size:38px; font-weight:bold; color:#000; padding-bottom:10px;}
#industry .placement span{font-size:23px; color:#000; padding:0px 0 5px 0; display:block; font-weight:bold;}
#industry .placement ul{list-style:none;}
#industry .placement ul li{background:url(../images/arrow3.png) left 9px no-repeat; font-size:22px; color:#000; padding:4px 0 4px 30px; line-height:24px}
.botheading{font-size:31px; padding:30px; line-height:40px;}
.dign{padding-left:5%;}

/*footer*/




.getinfo h4{padding:0 0 80px 0; font-size:22px; color:#000;}


/*logo scroll*/
.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
    margin: 0em 0 0.8em;
}
.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
    cursor:pointer;
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    max-width:270px;
    max-height:60px;
}
.partner{text-align:center; font-size:36px; padding-top:20px;}
.partner span{padding-bottom:40px; display:block;}

.botbg{padding:15px 0 0 0; text-align:center; color:#fff; font-size:16px; padding-right:1.5%;}
.socialMedia{display:block; text-align:right; display:block; padding-top:70px; padding-left:39%;}
.socialMedia ul{list-style:none; text-align:right;}
.socialMedia li{float:left; padding:2px;}
.socialMedia li a{color:#fff; background:#00b2a9; padding:4px 9px; display:block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -ms-border-radius:2px;}
.socialMedia li a .fa{font-size:20px !important;}

.botbg span{color:#00b2a9}

.contctBox{color:#fff; padding:20px 20px 0px 20px;}
/*footer*/



.qutin{position:absolute; left:45%; top:3%;}
/*testimonial*/
.about-testimonial ul li { list-style: none }
.about-testimonial {
    margin: 7px 0 0 100px;
    position: relative;
}
ul.about-flex-slides { margin-left: 0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;}
.flex-direction-nav {
    position: absolute;
    right: 90px;
    top: 330px;
    width: 70px;
}
.flex-direction-nav li {
    display: inline-block;
    width: 12px;
	
}
.flex-direction-nav li a { outline: none }
.flex-direction-nav li a i { color: #cccccc }
.flex-control-paging { display: none }
.about-carousel { margin-top: 8px }
.about-testimonial .about-testimonial-image {
    float: left;
    margin: 185px 15px 0px 45px;
    position: absolute;

	
}
.about-testimonial .about-testimonial-image img {

width: 100%;
height:100%;
}
.about-flexslider .about-flex-slides img {
    display: block;
    width: 100%;
}
.about-testimonial a.about-testimonial-author {
    display: inline-block;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 11px;
    margin: 30px 0 8px 0;
    color: #504946;
    font-weight: 300;
}
.about-testimonial .about-testimonial-company {
    display: block;
    font-size: 14px;
    line-height: 18px;
	text-align:center;
    color: #4d3069;
	padding:70px 60px 0px 70px;
}
/*.about-testimonial.boxed-style .about-testimonial-content {
    background-color: #fff;
    margin-right: 12px;
	margin-left: 12px;
    border: 1px solid #e9e9e9;
}*/
.about-testimonial .about-testimonial-content {
    margin-top:10px;
    padding: 10px;
	/*min-height:208px;*/
    position: relative;
	padding-left:160px;
}
.about-testimonial .about-testimonial-content p {
    line-height: 18px;
    margin: 0;
	font-size:16px;
	text-align:right; padding:20px;
	color:#666666;
}






/*slider area*/
.slider{display:block; z-index:-1; margin-top:10px;}

.carousel-caption h1{
	font-size: 50px;
	color: #fff;
	margin-bottom: 0;
	font-weight: bold;
	line-height:60px;
}

.carousel-caption p{
	font-size: 20px;
	color: #fff;
	margin-top: 35px;
	line-height:32px;
}
.carousel-caption a{
	width: 160px;
	height: 40px;
	background: #042471;
	color: #fff;
	font-size: 18px;
	border:0;
	border-radius:0;
	-moz- border-radius:0px; -web-border-radius:0px;
	margin-top:20px;
	transition:all .5s ease 0s;
	-webkit-transition:all .5s ease 0s;
	-moz-transition:all .5s ease 0s;
	-o-transition:all .5s ease 0s;
	-ms-transition:all .5s ease 0s;
}
.carousel-caption a:hover{
	background: #000066;
	color:#fff;
}
.carousel-control{
	width: 5%;
	margin-top:10%;
}
.carousel-inner{
	background: -webkit-linear-gradient(left, #000 , white); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(left, #000, white); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(left, #000, white); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to left, #000 , white); /* Standard syntax */
}

.carousel-inner-text{background:none;}
.carousel-inner-text .item h2{text-align:center; color:#404040; padding-bottom:20px; font-size:25px;}
.carousel-inner-text .item h2 span{font-size:110px; font-family:Arial, Helvetica, sans-serif; color:#d66666; position:absolute; margin-left:-40px; margin-top:-30px;}
.carousel-inner-text .item h2 span + span{font-size:110px; font-family:Arial, Helvetica, sans-serif; color:#d66666; position:absolute; margin-left:5px; margin-top:-5px;}

.item{
	position: relative;
}
.carousel-caption {
	position: absolute;
	text-align: left;
	left: 7%;
	text-shadow:none;
    line-height: 1;
    top: 38%;
    margin-top: -100px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
  font-size: 18px;
  padding: 5px;
  background: #FF6600;
  border-radius: 50%;
  margin-left: 0;
  margin-top: 0px;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
  font-size: 18px;
  padding: 5px;
  background: #FF6600;
  border-radius: 50%;
  margin-right: 0;
  margin-top: 0px;
}

.carousel-inner{
	position: relative;}



.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 90%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}


.carousel-control{left:43%;}
.carousel-control.right{right:47%;}


/*======================css for carousel=========================*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  	z-index: 2;
    opacity: 1;
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0, 0, 0, 0) 100%);
}




@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/* just for demo purpose */
    html,
    body,
    .carousel,
    .carousel-inner,
    .carousel-inner .item {
      height: 100%;
    }

/******************************
responsive area
********************************/

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
	
	.carousel-caption h1 {
  		font-size: 50px;
  	}
  	.carousel-caption p {
  		font-size: 20px;
  	}
  	.carousel-caption a {
	  width: 215px;
	  height: 55px;
	  font-size: 26px;
	}
  
  
  
  
  

}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	.carousel-caption h1 {
  		font-size: 30px;
  	}
  	.carousel-caption p {
  		font-size: 18px;
  	}
  	.carousel-caption a {
		 width: 180px;
		 height: 50px;
		 background: #3a9ecb;
		 color: #fff;
		 font-size: 22px;
	}
}

/* xs */
@media (min-width: 480px) and (max-width: 767px) {
	
	.carousel-caption {
	    margin-top: -110px;
	}
	.carousel-caption h1 {
  		font-size: 20px;
  	}
  	.carousel-caption p {
  		font-size: 16px;
  	}
  	.carousel-caption a {
	 width: 90px;
	  height: 23px;
	  font-size: 16px;
	 }

/* XS Portrait */
@media (max-width: 479px) {
	
	.header-backup{
		  height: 80px;
	}
	.carousel-caption {
	    margin-top: -60px;
	}
	.carousel-caption h1 {
  		  font-size: 20px;
  	}
  	.carousel-caption p {
  		font-size: 12px;
  	}
	.carousel-caption a {
	  width: 90px;
	  height: 23px;
	  font-size: 16px;
	}
	.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	  margin-top: 30px;
	}
	.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
	  margin-top: 30px;
	}
		
}