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

* {
	margin: 0;
	padding: 0;
}
body {
	font-family: 'Poppins', sans-serif !important;
	font-weight: 500;
	line-height: 1.4em;
	letter-spacing: 0.5px;
}
a {
	outline: none;
	border: 0px;
}
#navbarNav3 ul li a{ font-size:14px; color:#002854; font-weight:600; padding:2px 5px 2px 5px; border:2px solid transparent;}
#navbarNav3 ul li a:hover{ color:#fff; border-radius:4px; padding:2px 5px 2px 5px; background:#0074e5;}
#navbarNav3 .active{ color:#fff !important; border-radius:6px; padding:2px 5px 2px 5px; background:#0074e5;}


.carousel-inner img {
    width: 100%;
    height: 100%;
  }
  #who{ margin:50px 0px;}
  #who h3{font-size:17px; color: #00589f; font-weight:400;}
  #who h1{font-size:30px; color: #333; font-weight:400; padding:10px 0px 0px 0px;}
#who p{font-size:14px;  font-weight:500;  color: #010101; line-height: 23px; padding: 15px 160px 20px 160px; margin:0px;}
  
  .circle-btn {
    border-radius: 50px!important;
    text-transform: uppercase;
    font-size: 13px !important;
    padding: 10px 20px 10px 20px !important;
    font-weight: 500 !important;
}
  
  #who h1::before {
    background: url(images/line.png) left center no-repeat !important;
    height: 2px!important;
    display: inline-block !important;
    width: 200px;
    content: "";
    padding-top: 20px;
}
#who h1::after {
    background: url(images/line.png) left center no-repeat !important;
    height: 2px!important;
    display: inline-block !important;
    width: 163px;
    content: "";
    padding-bottom: 20px;
    margin-left: 40px;
}
  
  
  
#news {
    background: #f8f8f8;
    display: block;
    height: 34px;
}
#news h2{  color: #000;
   
    font-size: 15px;
    padding-top: 8px;
    display: inline-block;
    font-weight: 500;}
#news span {
    color: #000;
   
    font-size: 13px;
    padding-top: 8px;
    display: inline-block;
    font-weight: 500;
}
.top-bar {
	background: #ae1301;
	width: 100%;
	color: #fff;
	padding: 3px 0px 0px 0px;
	display: none;
}
.top-bar ul {
	list-style: none;
}
.top-bar ul li {
	display: inline;
	padding-left: 8px;
}
.top-bar a {
	color: #fff;
	text-decoration: none;
}
.top-bar a:hover {
	color: #03c4ff;
}
.nav {
	color: #01153e;
}
.nav ul {
	list-style-type: none;
}
.nav ul li {
	display: inline;
	padding-left: 10px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4em;
	letter-spacing: 0.5px;
}
.nav ul li a {
	text-decoration: none;
	color: #01153e;
}
.nav ul li a:hover {
	text-decoration: none;
	color: #0497e0;
	padding-top: 5px;
	border-top: 3px solid #0497e0;
}
.top {
	margin-top: 30px;
}
#car h1{ color:#fff; margin:0px;  font-size:37px; text-align:center; font-weight:300; text-transform: uppercase; padding:60px 0px 0px 0px;}
#car p{ color:#fff; font-size:17px !important; line-height:25px; padding:25px 100px 30px 100px;  margin:0px; text-align: center; }




.readmore{ color:#fff !important; text-align:left; font-size:12px; padding:0px 0px 0px 15px;}
#car{ background:#f2f2f2 url(images/car.png) right bottom no-repeat; background-size:cover; padding:40px 20px 100px 20px; display:block; }
.green{ padding:15px; background:#077fc2; border-radius:6px; margin-top:30px; }




/* .heading{ } */
.heading h2{ color:#07294e; margin:0px;  font-size:19px; padding-top:10px;}

.btm-text p{ color:#07294e; margin:0px;  font-size:15px; line-height:18px; padding-top:10px;}
.more{display: inline-block; width:150px; margin:20px 0px 0px 0px; border:2px solid #fff; padding:5px; text-align:center; border-radius:50px; color:#e85b5b;  font-size:14px;}

.more a{color:#e85b5b;}
.more a:hover{color:#333; text-decoration:none;}
.more:hover{ border:2px solid #e85b5b; color:#e85b5b;  }

.footer {
	background:#052730 url(images/footbg.jpg)  right top no-repeat; background-size:contain;
	color: #fff;
	padding:30px 0px 0px 0px;
}
.footer span img{ margin-bottom:15px;}
 .mc-field-group {
    width: auto;
    padding-bottom: 0;
    display: flex;
}
 .mc-field-group input[type='email'] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
}
 .mc-field-group input {
    border: none;
}
.mc-field-group input[type='submit'] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    /* flex: 0 0 35%; */
    margin: 0!important;
}
.cta-button {
    background: #039594;
    color: #ffffff!important;
}
.cta-button {
    vertical-align: middle;
    padding: 15px 38px;
    z-index: 1;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.mc-field-group input[type="email"] {
    outline: none;
    padding: 13px 15px;
    font-size: 14px;
    color: #052830;
    border-color: rgba(0,0,0,.2);
    background-color: #fafdfe;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.cta-button:hover {
    background: #f08b38;
}
.footer h3 {
	font-size: 26px;
	color: #fff;
	padding-bottom:15px;
}

.footer ul {
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	color: #c3c3c3;
}
.footer p {
	margin:0px;
	font-size: 12px;
	padding: 6px 0px;
	color: #f3f3f3;
}
.footer ul li {
	list-style-type: none;
	font-size: 12px;
	padding: 6px 10px;
	color: #f3f3f3;
	display:inline;
}
.footer ul li a {
	color: #fff;
	text-decoration: none;
}
.footer ul li a:hover {
	color: #04dfff;
	text-decoration: none;
}
#footer-bttm {
	border-top: 1px solid #4b6894;
	
	margin-top: 20px;
	padding-bottom:10px;
	background: rgb(14 72 87 / 50%);
}
#footer-bttm ul{    margin-bottom: 0rem;}
#footer-bttm p {
	font-size: 11px;
	color: #c3c3c3;
	font-weight: 400;
	margin-top: 10px
}

.social{margin-top:10px;}

.social li {
	display: inline; padding: 6px 2px !important;
}
.img-circle {
    border-radius: 50%;
	
}
.image {

	overflow: hidden;
}
.image img {
	max-width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.image:hover img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.news{ background:#004b8d; display:block; min-height:40px;}


.ser-box  {
	max-width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.ser-box:hover  {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.ser-box a:hover{ outline:none; text-decoration:none;}

#offerings{margin:20px 0px;}
#offerings h1 {
    font-size: 30px;
    color: #333;
    font-weight: 400;
    padding: 10px 0px 20px 0px;
	text-align:center;
}
#offerings h1::before {
    background: url(images/line.png) left center no-repeat !important;
    height: 2px!important;
    display: inline-block !important;
    width: 200px;
    content: "";
    padding-top: 20px;
}
#offerings h1::after {
    background: url(images/line.png) left center no-repeat !important;
    height: 2px!important;
    display: inline-block !important;
    width: 163px;
    content: "";
    padding-bottom: 20px;
    margin-left: 40px;
}
#incontent{ padding: 30px 0px;}
.incontent h4 {
    font-size: 20px;
    color: rgb(0, 0, 0);
    line-height: 30px;
    padding-left: 20px;
    font-weight: 400;
    border-left: 4px solid #024982;
}
.incontent h1 {
    font-size: 37px;
    color: #283687;
    font-weight: 500;
	padding-bottom: 10px;
	text-transform: uppercase;
	
    
}
.incontent h2 {
    font-size: 20px;
    color: #024982;
    font-weight: 600;
	padding-top: 10px;   
}
.incontent p {
    font-size: 15px;
    color: #000;
    font-weight: 500;
	text-align: justify;
}
.incontent ul { padding-left:0px; list-style:none;}
.incontent ul li{ background:url(images/list.png) left top no-repeat; padding-left:20px;  font-size: 15px;}

.btn-warning {
    color: #fff !important;
    border-color: #332e7d !important;
    font-weight:700 !important;
    background: linear-gradient(358deg, rgba(51, 46, 125, 1) 0%, rgba(37, 99, 164, 1) 43%, rgba(0, 212, 255, 1) 100%);
}

.btn-warning:hover {
    color: #fff !important;
    background-color: #332E7D !important;
    border-color: #332E7D !important;
}

.btn-warning.focus, .btn-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(37, 99, 164, 1) !important;
}

.ser-box {
    width: 100%;
       background: #332E7D;
background: linear-gradient(358deg, rgba(51, 46, 125, 1) 0%, rgba(37, 99, 164, 1) 43%, rgba(0, 212, 255, 1) 100%);
   
  clear:both;
    -webkit-box-shadow: 0px -1px 16px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px -1px 16px 2px rgba(0,0,0,0.1);
    box-shadow: 0px -1px 16px 2px rgba(0,0,0,0.1);
	padding-bottom:15px;
}
.amore{ float:right; padding-right:10px;}
.ser-box h2{color:#fff; font-size:24px; text-transform:uppercase; padding:15px 15px 10px 15px; margin:0px;}
.ser-box p{color:#fff; font-size:14px;  padding:0px 15px; margin:0px; line-height:18px;}

.contact-box{
	 background: #ffffff8a;
	 height: 245px;
	 padding:20px;
	 -webkit-box-shadow: 0px -1px 16px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px -1px 16px 2px rgba(0,0,0,0.1);
    box-shadow: 0px -1px 16px 2px rgba(0,0,0,0.1);
}
.ab_gray {
    display: block;
    padding: 10px 15px 15px 15px;
    background: #f7f7f7;
    border-left: 4px solid #332e7d;
    color: #383939;
    margin-top: 10px;
}
.custom-button {
   
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: 0.8s ease;
    background: #4DA0B0;
	background: -webkit-linear-gradient(to right, #D39D38, #4DA0B0);
    background: linear-gradient(to right, #FF5722, #3f51b5);
}

.custom-button:hover, .custom-button:focus{
	transition: 0.8s ease;
	 letter-spacing: 3px;
	 background: -webkit-linear-gradient(to right, #D39D38, #4DA0B0);
    background: linear-gradient(to right, #FF5722, #3f51b5);
}
.form-box-inner .form-control {
    background: #ffffff8a;
   border: 1px solid #90b2ce;
    box-shadow: none;
}
.form-box-inner .form-control:focus {
    outline:none;
	box-shadow:none;
}
.form-box-inner {
    background: #ffffff8a;
    padding: 15px;
    -webkit-box-shadow: 0px -1px 16px 2px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px -1px 16px 2px rgba(0,0,0,0.1);
    box-shadow: 0px -1px 16px 2px rgb(0 0 0 / 10%);
}
.navbar {
    
    padding: .1rem 1rem !important;
}
@media screen and (max-width: 600px) {
	
	#who h1::before { display:none !important;}
	
   #who h1::after { display:none!important;}
   
   #who h1 {
    font-size: 26px;
   }
   #who p {
       padding: 15px 10px 20px 10px;
   }
   
   #offerings  h1::before { display:none !important;}
	
   #offerings  h1::after { display:none!important;}
   
   #offerings h1 {
    font-size: 26px;
   }
   
   .ser-box{margin-top:10px;}
   
   #car p {
   
    padding: 25px 10px 30px 10px;
   
   
}

.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
}

}

@media (min-width: 1200px){
.container {
    max-width: 1266px!important;
}}


.logo {
    margin: 8px 0px;
    display: block;
    width: 155px;
}



#logo{background: url(http://www.infobahnsw.com/wp-content/uploads/2017/08/logo1.png) no-repeat;width:155px;height:65px;position:relative;}
.mo{
width:32px;
height:32px;
position:absolute;
bottom:0px; 
right:41px;
}


.tech-slideshow {
  height: 32px;
  max-width: 32px;
  margin:0px;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  background:#02474e;
  border-radius:50px;
}

.tech-slideshow > div {
  height: 32px;
  width: 2526px;
  background: url(http://www.infobahnsw.com/wp-content/uploads/2017/08/bgg.png);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  /* transform: translate3d(0, 0, 0); */
}
.tech-slideshow .mover-1 {
  animation: moveSlideshow 12s linear infinite;
}
.tech-slideshow .mover-2 {
  opacity: 0;
  transition: opacity 0.5s ease-out;
  background-position: 0 -200px;
  animation: moveSlideshow 15s linear infinite;
}
.tech-slideshow:hover .mover-2 {
  opacity: 1;
}

@keyframes moveSlideshow {
  100% { 
    transform: translateX(-11.6666%);  
  }
}


.app-dev-content{
	
	background: #0074e5;
	color: #fff;
	padding: 30px;
	display: block;
}


.app-dev-content p {
    font-size: 16px;
    color: #fff!important;
    
}
.app-dev-content ul li {
    font-size: 16px;
    padding-bottom: 15px;
    
}



#infograph-bg img {
	display: block;
  margin-left: auto;
  margin-right: auto;
  /*width: 60%;*/
	margin-top: 25px;
	margin-bottom: 30px;
	background: #fff;
	padding: 10px;
	border-radius: 15px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.widget.service-nav-widget ul.service-nav li i {
       width: 25px;
    height: 25px;
    line-height: 1;
    color: #ff7554;
    font-size: 17px;
    margin-right: 1px;
}
.widget {
    background-color: #f5f5f5;
    padding: 33px 23px 25px;
	
}
.widget ul{ list-style: none; margin-top: 30px;}

.widget ul li {
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 20px;
	font-size:16px;	
}
.widget ul li a{ color:#333;}
.widget ul li a:hover{  color: #ff7554; text-decoration: none;}

.widget h4 {
    font-size: 20px;
    color: rgb(0, 0, 0);
    line-height: 30px;
    padding-left: 20px !important;
    font-weight: 700 !important;
    border-left: 4px solid #024982;
	margin-left: 25px !important;
}

.infobox { width:150px; height:150px; border-radius:100%;  padding:15px; background:#f3f3f3; margin-top:5px; border:#fff solid 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.infobox img{ margin-top:18px;}

.infobox  {
	max-width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.infobox:hover  {
	
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	text-decoration: none!important;
	
}
#sec1{ margin-top:50px;}


.conpage{ background: url("images/bg.png") left top no-repeat; min-height: 100px;}