@charset "utf-8";
/* CSS Document */
body{margin:0 auto !important; padding:0px; background:#fff; font-family:'gotR'; overflow-x:hidden;}
@font-face { font-family: 'gotB';
    src:url(../fonts/Gotham-Bold.ttf);
}
@font-face { font-family: 'gotR';
    src:url(../fonts/Gotham-Book.ttf);
}
@font-face { font-family: 'gotL';
    src:url(../fonts/Gotham-Light.ttf);
}
@font-face { font-family: 'gotM';
    src:url(../fonts/Gotham-Medium.ttf);
}

.item{position:relative}
.banner-text-sml{
    position: absolute;
    left: 120px;
    top: 170px;
    font-family: 'gotM';
    font-size: 20px;
}
.banner-red-text{
    position: absolute;
    left: 83px;
    top: 130px;
    font-family: 'gotB';
    font-size: 136px;
    color: #e43224;
	letter-spacing: -7px;
}
.banner-black-text{
    position: absolute;
	letter-spacing: -7px;
    left: 83px;
    top: 247px;
    font-family: 'gotB';
    font-size: 112px;
    color: #000000;
}
.home-service1,.home-service2,.home-service3,.home-service4 {
    top: 100px;
    position: relative;
    opacity: 0;
}
.test-service1, .test-service2, .test-service3, .test-service4, .test-service5, .test-service6, .test-service7{
    top: 100px;
    position: relative;
    opacity: 0;
}
.content-service1, .brand-logo, .brand-service1,.brand-service2,.brand-service3,.brand-service4,.brand-service5,.brand-service6,.brand-service7,.brand-service8,.brand-service9,.brand-service10,.brand-service11 {
    top: 100px;
    position: relative;
    opacity: 0;
}
.cant1-service1, .cant1-service2, .cant1-service3, .cant2-service1, .cant2-service2, .cant2-service3, .cant3-service1, .cant3-service2, .cant3-service3, .cant4-service1, .cant4-service2, .cant4-service3, .cant5-service1, .cant5-service2, .cant5-service3, .cant6-service1, .cant6-service2, .cant6-service3{
    top: 100px;
    position: relative;
    opacity: 0;
}
.join-service1, .join-service2, .join-service3, .join-service4, .join-service5, .join-service6, .join-service7, .join-service8, .join-service9, .join-service10, .join-service11, .join-service12, .join-service13, .join-service14{
    top: 100px;
    position: relative;
    opacity: 0;
}

.about-service1, .about-service2, .about-service3, .about-service4, .about-service5, .about-service6, .about-service7, .about-service8, .about-service9, .about-service10, .about-service11, .about-service12, .about-service13, .about-service14, .about-service15, .about-service16, .about-service17, .about-service18, .about-service19, .about-service20, .about-service21, .about-service22, .about-service23, .about-service24, .about-service25, .about-service26, .about-service27, .about-service28, .about-service29, .about-service30, .about-service31, .about-service32{
    top: 100px;
    position: relative;
    opacity: 0;
}

.cap-service1, .cap-service2, .cap-service3, .cap-service4, .cap-service5, .cap-service6, .cap-service7, .cap-service8, .cap-service9, .cap-service10, .cap-service11, .cap-service12, .cap-service13, .cap-service14, .cap-service15, .cap-service16, .cap-service17, .cap-service18, .cap-service19, .cap-service20, .cap-service21, .cap-service22, .cap-service23, .cap-service24, .cap-service25{
    top: 100px;
    position: relative;
    opacity: 0;
}

.top-bar{background: #d42d1f; height: 3px;}
.top-image{position: absolute; top: 4px; height: 500px; right: 0; z-index: 99;}
.banner-margin{margin-top: 380px;}
.web-logo{margin-top: 20px; margin-bottom: 20px; height:100px;}
.navigation{background: none; border: none; margin-bottom: 0px; margin-top: 50px;}
.navigation2{background: none; border: none; margin-bottom: 0px; margin-top: 50px;}
nav ul li a span{color: #000; font-size: 16px;}
.about-page-topbg{background: url(../img/about-page-top-bg.jpg) top right no-repeat; background-size: auto 100%;}
.about-top-para{font-size: 16px; margin-top: 50px;}
.about-top-heading{font-size: 60px; margin-top: 50px; font-family: 'gotB'; line-height: 60px;}
.about-top-subheading{font-size: 20px; margin-top: 30px; font-family: 'gotM';}
.navbar-inverse .navbar-toggle .icon-bar{background: #000;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background-color: #fff;}
.logo-cont1{vertical-align: middle; padding: 30px 0px;}
.logo-cont1 img{margin-top: 0px;}
.logo-cont2{vertical-align: middle; padding: 30px 0px;}
.logo-cont2 img{margin-top: 50px;}
.logo-cont3{vertical-align: middle; padding: 30px 0px;}
.logo-cont3 img{margin-top: 35px;}
.logo-cont4{vertical-align: middle; padding: 30px 0px;}
.logo-cont4 img{margin-top: 23px;}

.about-us{font-size: 18px; margin-bottom: 50px;}
.gray-bg{background:#f0efef;}

.home-cont-1{background: #626876; padding: 50px 0px; margin-top: 30px; float: left; min-height: 660px;}
.home-cont-2{background: #edede5; padding: 50px 0px; margin-top: 30px; float: left; min-height: 660px;}
.home-cont-3{background: #2a7366; padding: 50px 0px; margin-top: 30px; float: left; min-height: 600px;}
.home-cont-4{background: #977eba; padding: 50px 0px; margin-top: 30px; float: left; min-height: 600px;}
.home-cont-5{background: #6c7cce; padding: 50px 0px 0 0; margin-top: 30px; float: left; min-height: 675px;}
.home-cont-6{background: #b9957d; padding: 50px 0px 0 0; margin-top: 30px; float: left; min-height: 675px;}

.home-cont-1 .cont-logo{margin-left: 75px; }
.home-cont-1 .cont-para{margin-left: 75px; margin-right: 50px; padding: 20px 0px; color: #fff;}
.home-cont-1 .cont-thumb{float: right;}

.home-cont-2 .cont-logo{margin-left: 75px; }
.home-cont-2 .cont-para{margin-left: 75px; margin-right: 50px; padding: 20px 0px; color: #000;}
.home-cont-2 .cont-thumb{float: right;}

.home-cont-3 .cont-logo{margin-left: 75px; }
.home-cont-3 .cont-para{margin-left: 75px; margin-right: 50px; padding: 20px 0px; color: #fff;}
.home-cont-3 .cont-thumb{float: right;}

.home-cont-4 .cont-logo{margin-left: 75px; }
.home-cont-4 .cont-para{margin-left: 75px; margin-right: 50px; padding: 20px 0px; color: #fff;}
.home-cont-4 .cont-thumb{float: right;}

.home-cont-5 .cont-logo{margin-left: 75px; }
.home-cont-5 .cont-para{margin-left: 75px; margin-right: 50px; padding: 20px 0px; color: #fff;}
.home-cont-5 .cont-thumb{float: right;}

.home-cont-6 .cont-logo{margin-left: 75px; }
.home-cont-6 .cont-para{margin-left: 75px; margin-right: 50px; padding: 20px 0px; color: #fff;}
.home-cont-6 .cont-thumb{float: right;}

.about-heading-small{font-size: 16px; margin-top: 0px; font-family: 'gotB';}
.about-heading{font-size: 30px;}
.about-heading2{font-size: 30px; margin-top: 0px;}
.about-page-para{font-size: 16px; margin-top: 30px;}
.about-logo-border{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-top: 100px !important;}
.founder-heading{font-family: 'gotB'; font-size: 30px; margin-top: 30px; color: #000;}
.founder-name{font-size: 16px; margin-top: 10px; font-family: 'gotB';}
.founder-des{font-size: 16px; margin-top: 0px;}
.founder-details{font-size: 16px; margin-top: 20px; margin-bottom: 30px;}
.founder-border-right{border-right: 1px solid #ccc;}
.cap-heading{font-size: 40px; margin-top: 0px; font-family: 'gotB';}
.cap-page-para{font-size: 16px; margin-top: 30px;}
.cap-page-list{font-size: 16px; margin-top: 0px;}

.dark-blue-bg{background:#0e0a27; }
.started-heading{font-family: 'gotB'; font-size: 60px; margin-top: 70px; color: #fff; text-align: center;}
.contact-btn{text-align: center; margin-top: 15px; margin-bottom: 70px;}
.contact-btn button{background: #df2813; color: #fff; font-size: 18px; padding: 10px 100px;}
.view-btn{background: #df2813; color: #fff; font-size: 16px; padding: 5px 20px; border:1px solid #df2813;}
.less-btn{background: #df2813; color: #fff; font-size: 16px; padding: 5px 20px; border:1px solid #df2813; display: none;}
#row2{display: none;}
#row3{display: none;}

.footer{background: #04021a; border-top: 1px solid #df2813;}
.footer-link{padding-top: 20px;}
.footer-link a{color: #fff; margin-right: 20px;}
.footer-heading{font-family: 'gotM'; text-align: right; color: #fff; margin-top: 20px; font-size: 15px;}
.footer-contact{color: #fff; text-align: right;}
.footer-link2{padding-top: 10px; text-align: right;}
.footer-link2 a{color: #fff;}
.footer-copy{text-align: right; font-size: 12px; color: #fff; margin-top: 5px;}
.footer-hr{border-top: 1px solid #363548;}
.test-heading{margin-top: 30px; margin-bottom: 20px;}
.test-hr{border-top: 1px solid #df2813;}
.test-name{font-family: 'gotB'; color: #000;}
.inno-heading{margin-top: 30px; margin-bottom: 20px; color: #d93023; font-size: 26px; font-family: 'gotM';}
.inno-list{margin-top: 30px;}
.inno-hr{border-top: 8px solid #e7e6e6;}
.inno-para{margin-top: 30px;}
.margin-top-inno{margin-top: 200px;}
.contact-page-touch{font-size: 60px; margin-top: 50px; font-family: 'gotB'; line-height: 60px; color: #cccccc;}
.contact-page-heading{font-size: 60px; margin-top: 10px; font-family: 'gotB'; line-height: 60px;}
.contact-page-number{font-size: 60px; margin-top: 10px; font-family: 'gotL'; line-height: 60px;}
.contact-field{width: 100%; border: none; border-bottom: 1px solid #ccc; margin-top: 40px; margin-bottom: 10px;}
.contact-field:focus{outline: none;}
.contact-btn2{background: #df2813; color: #fff; font-size: 18px; padding: 10px 40px; border:1px solid #df2813; margin-bottom: 50px; margin-top: 10px; text-transform: uppercase;}
.contact-page-bg{background: url(../img/contact-page-bg.jpg) top left no-repeat; background-size: 100% auto;}
.contact-page-address-heading{font-family: 'gotB'; font-size: 50px; margin-top: 200px; color: #fff; text-align: center;}
.contact-page-address-para{text-align: center; color: #fff; margin-top: 10px; margin-bottom: 200px; font-size: 18px;}
.join-page-topbg{background: url(../img/join-page-top-bg.jpg) top right no-repeat; background-size: auto 100%;}
.contact-top-subheading{font-size: 36px; margin-top: 0px; font-family: 'gotB';}
.job-container{background: #fff; border-bottom: 1px solid #df2813; padding: 20px; margin-top: 20px; box-shadow: 0px 0px 5px #f2f2f2;}
.job-heading{font-size: 22px; margin-top: 0px; font-family: 'gotM';}
.job-exp{font-size: 16px; margin-top: 10px;}
.job-plus{font-size: 70px; font-family: 'gotL'; text-align: right; cursor: pointer;}
.pop-table{width: 100%;}
.pop-table tr td{padding: 5px 10px;}
.pop-table tr td ul{margin-left: 15px;}
.pop-table tr th{font-weight: bold; background: #ccc; border:1px solid #fff;padding: 5px 10px;}
.pop-table tr td{border:1px solid #ccc;}
.modal-dialog{width:1000px;}
nav.in{background: #fff !important; border:1px solid #ddd !important;}
@media screen and (max-width: 767px){
	.navigation { background: none; border: none; margin-bottom: 0px; margin-top: 0; min-height: 1px; }
	.banner-margin{margin-top: 10px;}
	.navbar-collapse {position: absolute; width: 100%; z-index: 99; background:#fff;}
	.logo-cont1{vertical-align: middle; padding: 20px 0px;}
	.logo-cont1 img{margin-top: 0px;}
	.logo-cont2{vertical-align: middle; padding: 20px 0px;}
	.logo-cont2 img{margin-top: 27px;}
	.logo-cont3{vertical-align: middle; padding: 20px 0px;}
	.logo-cont3 img{margin-top: 18px;}
	.logo-cont4{vertical-align: middle; padding: 20px 0px;}
	.logo-cont4 img{margin-top: 18px;}
	.margin-top-inno{margin-top: 0px;}
	.inno-list{margin-top: 0px; margin-left: 20px;}
	.home-cont-1{background: #626876; padding: 20px 0px; margin-top: 30px; float: left; min-height: auto;}
	.home-cont-2{background: #edede5; padding: 20px 0px; margin-top: 30px; float: left; min-height: auto;}
	.home-cont-3{background: #2a7366; padding: 20px 0px; margin-top: 30px; float: left; min-height: auto;}
	.home-cont-4{background: #977eba; padding: 20px 0px; margin-top: 30px; float: left; min-height: auto;}
	.home-cont-5{background: #6c7cce; padding: 20px 0px 0 0; margin-top: 30px; float: left; min-height: auto;}
	.home-cont-6{background: #b9957d; padding: 20px 0px 0 0; margin-top: 30px; float: left; min-height: auto;}
	.home-cont-1 .cont-logo{margin-left: 20px; }
	.home-cont-1 .cont-para{margin-left: 20px; margin-right: 50px; padding: 20px 0px; color: #fff;}
	.home-cont-1 .cont-thumb{float: right;}

	.home-cont-2 .cont-logo{margin-left: 20px; width: 90%;}
	.home-cont-2 .cont-para{margin-left: 20px; margin-right: 50px; padding: 20px 0px; color: #000;}
	.home-cont-2 .cont-thumb{float: right;}

	.home-cont-3 .cont-logo{margin-left: 20px; }
	.home-cont-3 .cont-para{margin-left: 20px; margin-right: 50px; padding: 20px 0px; color: #fff;}
	.home-cont-3 .cont-thumb{float: right;}

	.home-cont-4 .cont-logo{margin-left: 20px; }
	.home-cont-4 .cont-para{margin-left: 20px; margin-right: 50px; padding: 20px 0px; color: #fff;}
	.home-cont-4 .cont-thumb{float: right;}

	.home-cont-5 .cont-logo{margin-left: 20px; }
	.home-cont-5 .cont-para{margin-left: 20px; margin-right: 50px; padding: 20px 0px; color: #fff;}
	.home-cont-5 .cont-thumb{float: right;}

	.home-cont-6 .cont-logo{margin-left: 20px; }
	.home-cont-6 .cont-para{margin-left: 20px; margin-right: 50px; padding: 20px 0px; color: #fff;}
	.home-cont-6 .cont-thumb{float: right;}
	.about-page-topbg{background: none; background-size: auto 100%;}
	.contact-page-address-heading{font-family: 'gotB'; font-size: 20px; margin-top: 10px; color: #fff; text-align: center;}
	.contact-page-address-para{text-align: center; color: #fff; margin-top: 10px; margin-bottom: 10px; font-size: 14px;}
	.contact-page-touch{font-size: 40px; margin-top: 20px; font-family: 'gotB'; line-height: 35px; color: #cccccc;}
	.contact-page-heading{font-size: 25px; margin-top: 10px; font-family: 'gotB'; line-height: 30px;}
	.contact-page-number{font-size: 30px; margin-top: 10px; font-family: 'gotL'; line-height: 30px;}
	.join-page-topbg{background: none; background-size: auto 100%;}
	.home-service1,.home-service2,.home-service3,.home-service4 {
    top: 0;
    position: relative;
    opacity: 1;
}
.test-service1, .test-service2, .test-service3, .test-service4, .test-service5, .test-service6, .test-service7{
    top: 0;
    position: relative;
    opacity: 1;
}
.content-service1, .brand-logo, .brand-service1,.brand-service2,.brand-service3,.brand-service4,.brand-service5,.brand-service6,.brand-service7,.brand-service8,.brand-service9,.brand-service10,.brand-service11 {
    top: 0;
    position: relative;
    opacity: 1;
}
.cant1-service1, .cant1-service2, .cant1-service3, .cant2-service1, .cant2-service2, .cant2-service3, .cant3-service1, .cant3-service2, .cant3-service3, .cant4-service1, .cant4-service2, .cant4-service3, .cant5-service1, .cant5-service2, .cant5-service3, .cant6-service1, .cant6-service2, .cant6-service3{
    top: 0;
    position: relative;
    opacity: 1;
}
.join-service1, .join-service2, .join-service3, .join-service4, .join-service5, .join-service6, .join-service7, .join-service8, .join-service9, .join-service10, .join-service11, .join-service12, .join-service13, .join-service14{
    top: 0;
    position: relative;
    opacity: 1;
}

.about-service1, .about-service2, .about-service3, .about-service4, .about-service5, .about-service6, .about-service7, .about-service8, .about-service9, .about-service10, .about-service11, .about-service12, .about-service13, .about-service14, .about-service15, .about-service16, .about-service17, .about-service18, .about-service19, .about-service20, .about-service21, .about-service22, .about-service23, .about-service24, .about-service25, .about-service26, .about-service27, .about-service28, .about-service29, .about-service30, .about-service31, .about-service32{
    top: 0;
    position: relative;
    opacity: 1;
}

.cap-service1, .cap-service2, .cap-service3, .cap-service4, .cap-service5, .cap-service6, .cap-service7, .cap-service8, .cap-service9, .cap-service10, .cap-service11, .cap-service12, .cap-service13, .cap-service14, .cap-service15, .cap-service16, .cap-service17, .cap-service18, .cap-service19, .cap-service20, .cap-service21, .cap-service22, .cap-service23, .cap-service24, .cap-service25{
    top: 0;
    position: relative;
    opacity: 1;
}
.inno-heading {
    margin-top: 20px;
    margin-bottom: 10px;
    color: #d93023;
    font-size: 26px;
    font-family: 'gotM';
}
.inno-hr{border-top: 8px solid #e7e6e6; margin-bottom:0px;}
.inno-para{margin-top: 10px;}
.about-top-heading{margin-top:40px;}
.cap-heading{font-size: 30px; margin-top: 30px; font-family: 'gotB'; line-height:36px;}
}
#flexiselDemo1 {
    display: none;
}
.nbs-flexisel-container {
    position: relative;
    max-width: 100%;
}
.nbs-flexisel-ul {
    position: relative;
    width: 99999px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
}
.nbs-flexisel-inner {
    overflow: hidden;
    float: left;
    width: 100%;
}
.nbs-flexisel-item {
    float: left;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    position: relative;
}
.nbs-flexisel-item img {
    width: auto;
    cursor: pointer;
    position: relative;
    margin: 0px auto 10px;
}
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
    width: 25px;
    height: 25px;
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 1;
}
.nbs-flexisel-nav-left {
    left: -40px;
    background: url(../img/button-previous.png) no-repeat;
}
.nbs-flexisel-nav-right {
    right: -40px;
    background: url(../img/button-next.png) no-repeat;
}
.red-bg{background: #6fbac1;}
.tech-logo{margin: 20px 0px;}
.client-logo-list{list-style: none; height: 65px; overflow: hidden;}
.client-logo-list li{width: 20%; float: left; margin: 10px 0;}

/* Cooke popup css start */
.wrapper {
  position: fixed;
  bottom: 50px;
  right: -370px;
  max-width: 345px;
  width: 100%;
  background: #fff;
  border-radius: 8px;
  padding: 15px 25px 22px;
  transition: right 0.3s ease;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.wrapper.show {
  right: 20px;
}
.wrapper header {
  display: flex;
  align-items: center;
  column-gap: 15px;
}
header i {
  color: #4070f4;
  font-size: 32px;
}
header h2 {
  color: #4070f4;
  font-weight: 500;
}
.wrapper .data {
  margin-top: 16px;
}
.wrapper .data p {
  color: #333;
  font-size: 16px;
}
.data p a {
  color: #4070f4;
  text-decoration: none;
}
.data p a:hover {
  text-decoration: underline;
}
.wrapper .buttons {
  margin-top: 16px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.buttons .button {
  border: none;
  color: #fff;
  padding: 8px 0;
  border-radius: 4px;
  background: #4070f4;
  cursor: pointer;
  width: calc(100% / 2 - 10px);
  transition: all 0.2s ease;
}
.buttons #acceptBtn:hover {
  background-color: #034bf1;
}
#declineBtn {
  border: 2px solid #4070f4;
  background-color: #fff;
  color: #4070f4;
}
#declineBtn:hover {
  background-color: #4070f4;
  color: #fff;
}
/* Cooke popup css start */
@media screen and (max-width:500px){
.hidden-mob{display:none !important;}
}
}