body {color:#000000; font:300 15px/15px Roboto,Arial,Helvetica;background:url(../images/bg.jpg) right no-repeat fixed #fff; -webkit-font-smoothing:antialiased;}

a{color:#00a9c6; text-decoration:none;}
a:hover{color:#666;}
.btn,a,.btn:hover,a:hover {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
outline: none !important;
}

h1,h2,h3,h4{margin: 0;line-height: 1em; color:#3e3838;}
h1{font:700 5em Roboto,Arial,Helvetica;margin:0.25em 0;text-transform: uppercase;}
h2{font:300 36px Roboto,Arial,Helvetica; margin-bottom: 1.5em;}
h3{font:300 2em Roboto,Arial,Helvetica;margin:2em 0 1em 0;}
h4{font:300 1.5em Roboto,Arial,Helvetica; margin-bottom: 0.5em;font-weight: bold;}
h4 i{margin-right: 0.5em;}

p{font-size:1em;line-height: 1.7em; margin-bottom: 1.7em;}


.marg-t-10{margin-top:10px !important;}
.marg-l-10{margin-left:10px !important;}
.marg-b-10{margin-bottom:10px !important;}
.marg-r-10{margin-right:10px !important;}
.marg-t-15{margin-top:15px !important;}
.marg-l-15{margin-left:15px !important;}
.marg-b-15{margin-bottom:15px !important;}
.marg-r-15{margin-right:15px !important;}
.marg-t-20{margin-top:20px !important;}
.marg-l-20{margin-left:20px !important;}
.marg-b-20{margin-bottom:20px !important;}
.marg-r-20{margin-right:20px !important;}

.navbar-inverse .navbar-toggle {
    border-color: #ff6b6b;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #ff6b6b;
}

.navbar-brand img{max-width:200px;}

.main-heading{position:relative; display:inline-block; margin:0 auto 45px; font-weight:bold; color:#000000;}
.main-heading:before{content:''; position:absolute; bottom:-7px; height:1px; background:#ddd; left:0; right:0;}
.main-heading:after {
    content: '';
    position: absolute;
    bottom: -14px;
    width: 15px;
    height: 15px;
    background: #ec5d07;
    left: 50%;
	margin-left:-7px;
    transform: rotate(230deg);
}

.spacer{padding: 3em 0;}

/*.btn{border:none;border-radius: 0;padding: 1em 4em;background: rgba(0,0,0,0.5);text-transform: uppercase;}*/
.btn:hover,.btn:active{color: #fff;}
.btn-default{color: #ccc;border: 1px solid #aaa;}
.btn-default:hover,.btn-default:active{background: rgba(0,0,0,0.8);}
.btn-primary{color: #fff;background:#186f9a;outline: none; border-color:#186f9a;}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus{background:#186f9a;border-color:#186f9a; box-shadow: none;}

.form-control{height:45px; box-shadow:none;}

.topbar{background:url(../images/lines.png); height:5px; position:fixed;top:0; width:100%; z-index:1000;}
.navbar-nav > li > a{font-size: 1em;line-height: 3.6em;}

.navbar-inverse{background: #111;}
.navbar-inverse .navbar-nav>li>a{color:#000000;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{background: none;color: #17779b;}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus{color:#17779b;}

#head,.carousel{margin-top: 0;}

#home{padding-top: 6em;}

/*services*/
.service-box{position:relative; background:#f1f1f1; padding:15px; min-height: 290px; border: 1px solid #ddd; border-radius:15px;}
.services{margin-bottom:30px;}
.services .glyph {
    margin-bottom: 30px;
    width: 88px;
    height: 88px;
    border: 4px solid #fff;
	background:#05338a ;
    display: table;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    margin-bottom: 20px;
	text-align:center;
}

.services .glyph .s-icon{display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.services .glyph .s-icon img{
	width:48px;
}

.services .glyph i {
	width:100%;
	text-align:center;
    display: table-cell;
    vertical-align: middle;
    height: 80px;
	padding-top:8px;
	
}

.services .glyph i:before{color: #fff!important;font-size:40px; margin-left:0px;}



.services h4{color:#000000; margin-bottom:10px; font-weight:bold;}

.services ul li span i{font-size: 3em;}
.services ul li span b{display: block;font-size: 1em;font-weight: 300;}

.service-bottom{background: #f88d19;
    padding: 15px;
    font-size: 22px;
    margin-bottom: 25px;
    color: #fff;
    border-radius: 15px;}

.v-mission{display:block; margin-bottom:30px;}
.v-mission li{list-style-type: disc; margin-bottom:10px;}

.career-form {
    background: #efefef;
    border: 1px solid #e7e7e7;
    padding: 30px;
    margin-bottom: 20px;
}


.footer{padding:30px 0px 0px; background-color: #05338a; color: #fff; font-size: 1em}
.footer h4{color:#fff; position:relative;}
.footer h4:before {
    content: '';
    position: absolute;
    bottom: -13px;
    left: 0px;
    width: 7px;
    height: 7px;
    background: #ffffff;
    transform: rotate(230deg);
}
.footer h4:after {
    content: '';
    position: absolute;
    height: 1px;
    background: #ffffff;
    bottom: -10px;
    left: 16px;
    width: 50px;
}

.footer-links{position:relative; display:block; list-style:none; padding-left:0px; margin-top:40px;}
.footer-links li{position:relative; display:inline; margin-bottom:10px;}
.footer-links li a{font-size:14px; padding:0px 10px;}
.footer-links li:first-child a{padding-left:0px;}

.follow-us{margin-top:20px; position:relative;}
.follow-us a{margin-right:20px; text-decoration:none;}

.footer a{color:#ffffff;}
.footer a:hover{color:#ffffff; text-decoration:none;}
.powered{margin-top:25px; background:#05338a; padding:15px; font-size:12px;}

.gototop{position: fixed;bottom: 20px; right: 20px;background: #1b77cc;padding: 10px;color: #fff; cursor:pointer;}
.gototop i{line-height: 0.5em;}


.ov-nav{background-color:#fff; border-color:#eaeaea; -webkit-0px 5px 5px rgba(0, 0, 0, 0.03); -moz-0px 5px 5px rgba(0, 0, 0, 0.03); box-shadow:0px 5px 5px rgba(0, 0, 0, 0.03);}
.ov-nav .dropdown-menu>li>a{padding:8px 20px;}

.open > .dropdown-menu {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);  
  opacity:1;
}
  
.dropdown-menu {
  opacity:.3;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-animation-fill-mode: forwards;  
  animation-fill-mode: forwards; 
  -webkit-transform: scale(1, 0);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}

.caret-up {
    width: 0; 
    height: 0; 
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;
    
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{color:#ff6c6c; background:#fff;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background-color: #fff;}
.navbar-inverse .navbar-collapse{border-color:#ddd;}
.dropdown-menu{min-width:200px; border:1px solid rgb(234, 234, 234); border-top:0px;}

.main-wrapper{padding-top:88px; position:relative;}

.banner-wrap{width:100%; float:left;  background:url(../images/overview.jpg) no-repeat center top; height:300px;    margin-bottom:40px; background-size: cover !important;}
.banner-wrap .banner-title{margin-top:110px;}
.banner-wrap .banner-title h1{font-size:50px; text-transform:uppercase; color:#fff;}
.banner-wrap .banner-title p{color:#ccc;}

.aboutus-banner{background: url(../images/about-us.jpg) no-repeat center top;}
.vision-banner{background: url(../images/vision-mission.jpg) no-repeat center top;}
.contact-banner{background: url(../images/contact-banner.jpg) no-repeat center top;}
.portfolio-banner{background: url(../images/portfolio-banner.jpg) no-repeat center top;}
.overview-banner{background: url(../images/portfolio-banner.jpg) no-repeat center top;}
.about-cover{width:100%; height:100%; background-color:rgba(0, 0, 0, 0.52);}
.services-banner{background: url(../images/services-banner.jpg) no-repeat center top;}

.overview-marg{margin-left:12.5%;}



.small-heading{text-transform:uppercase; position:relative; text-align:center;}
.small-heading:before {content: ''; position: absolute; bottom: -7px; height: 1px; background: #ddd; left: 0; right: 0;}
.small-heading:after {content:''; position:absolute; bottom:-12px; width:10px; height:10px; background:#ff6b6b; left:50%; margin-left:-7px; transform:rotate(230deg);}

.reach-us h5{font-weight:600; color:#ff6b6b;}
.reach-us p i{color:#ff6b6b; margin-right:5px;}

.carousel-control.left, .carousel-control.right{background-image:none;}
.glyphicon-chevron-left:before, .glyphicon-chevron-right:before{display:none;}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left{left:30px; color:#ffffff; font-size:60px; text-shadow:none; margin-top:-30px;}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right{right:30px; color:#ffffff; font-size:60px; text-shadow:none; margin-top:-30px;}

.s-boxes {width: 180px; height: 180px; display: table; background: #fd3e44; border-radius: 50%; text-align: center; margin: 0 auto;   color: #fff;   margin-bottom: 20px; border:5px solid #efefef;}
.s-boxes span{width:100%; height:100%; display:table-cell; vertical-align:middle; font-size:22px;}
.service-sec-box .panel-heading{font-size: 22px; line-height:24px;}
.service-sec-box ul{padding:0px; margin:0px;}
.service-sec-box ul li{width:50%; float:left; list-style:none; padding-right:15px; margin-bottom:10px;}
.service-sec-box ul li a{position:relative;color:#fd3e44; width:100%; float:left; padding-left:20px;padding-right:10px; text-decoration:none;}
.service-sec-box ul li a:before{content:"\f105"; font-family:fontAwesome; font-size:20px; position:absolute; top:0px; left:0px;}

.addres{text-align:center; width:200px; height:200px; border-radius:50%; background:#186f9a; border:10px solid #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.45); margin:0 auto; margin-top:50px; padding-top:58px;}
.addres h4{margin-bottom:10px; color:#ffffff;}
.addres p{margin-bottom:10px; color:#ffffff;}
.email{background:#ec5d07;}
.middile-address {text-align:center; color: #fff; background: #f88d19; width: 300px; height: 300px; border-radius: 50%; margin: 0 auto;   overflow: hidden; border: 15px solid #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.45);}
.map {height: 160px; background-position: top center; background-size: 100% auto; background-repeat: no-repeat;background-image: url(../images/ind-map.jpg);}
.middile-address h4{margin-top:0px; margin-bottom:10px; color:#ffffff;}
.middile-address p{margin-bottom:10px; line-height:20px;}
.add_text{padding:10px 25px;}
.contact-left .c-heading{margin-top:0px; margin-bottom:50px;}
.contact-left h4{margin-top:20px; margin-bottom:5px; font-size: 20px;}
.contact-left p{margin-bottom:0px;}
.cp-name{color:#186f9a;}

.plr30 {
    padding: 0 30px;
}
.single_technology {
    margin: 60px 0 0;
    min-height: 165px;
}
.single_technology a{color:#06a5e3;}
.service_title {
    margin: 0 0 5px;
    font-size: 20px;
    text-transform: capitalize;
    font-weight: normal;
    color: #ff6c6c;
}
.service_desc {
    margin: 0;
}
.service_overlay {
    bottom: -3px;
    left: 15px;
}
.work-with-carousel.owl-drag .owl-item .item {
    padding: 0 10px;
	margin:0px;
	float:left;
	width:100%; text-align:center;
}
.work-with-carousel.owl-drag .owl-item .item img{max-width:100% !important; width:auto !important; margin:0 auto;}

.request-quote {position: fixed;right: -47px; top: 150px; background: #1b77cc; padding: 10px; color: #fff; transform:rotate(-90deg); text-decoration:none;}
.request-quote:hover{color:#fff !important; text-decoration:none;}

@media (max-width: 1200px) {
	body{font:300 13px/13px Roboto,Arial,Helvetica;}
	.navbar-brand{padding-top: 11px;}
	.services ul li{margin:0 0.5em; }
	
	.grid figure h2{font: 700 1.5em Roboto,Arial,Helvetica;}
	figure.effect-oscar figcaption{padding: 12%;}
	figure.effect-oscar figcaption::before,figure.effect-chico figcaption::before{top: 20px;right: 20px;bottom: 20px;left: 20px;}

	.partners img{margin: 0 25px 25px 0;}
}

@media (max-width: 900px) {
	h1{font: 700 3.5em Roboto,Arial,Helvetica;}
	h4 {font: 300 1.3em Roboto,Arial,Helvetica;}
	.btn{padding: 1em 2em;}
	.partners img{margin: 0 15px 25px 0;width: 157px;}
	.services ul li{width: 9em;height: 9em;}
	figure.effect-chico figcaption {padding: 2em;}	
	figure.effect-oscar figcaption {padding: 20%;}
	figure.effect-chico figcaption::before{top: 10px;right: 10px;bottom: 10px;left: 10px;}
	.grid figure.effect-chico p{font-size: 0.6em;line-height: 1.5em;}
	
}

@media (max-width: 991px) {
	.overview-marg{margin-left:0px;}
}


@media (max-width: 767px) {
	body{font:300 12px/12px Roboto,Arial,Helvetica;}
	.navbar-nav > li > a {line-height: 1em;}	
	.navbar-brand{padding: 7px;}
	.navbar-brand img{height: 37px;}
	.navbar-toggle{margin-top: 12px;}

	.carousel-caption,.carousel-control,.carousel-indicators{display: none;}

	h2.text-center{text-align: left;font-size: 1.7em;}
	h4 {font: 300 1.2em Roboto,Arial,Helvetica;}
	#partners h2{padding: 0 1em;} 
	#home {padding-top: 5em;}

	.partners{display: block;float: left;}
	.partners img{width: 120px;}
	.main-wrapper{padding-top:55px;}
	.addres{margin:20px auto;}
	.single_technology{margin-top:0px; margin-bottom:30px; text-align:center;}
	.overview-top-section{text-align:center;}
	.overview-top-section img{max-width:300px;}
	.banner-wrap{margin-bottom:20px; height:120px;}
	.banner-wrap .banner-title{margin-top:34px;}
	.banner-wrap .banner-title h1{font-size:40px;}

	.about.spacer{padding-left: 2em;padding-right: 2em;}
	.spacer{padding:2em 0 0 0;}
	.services ul li{margin-bottom: 1em;}

	.highlight-info .overlay{padding-bottom: 2em;}

	.grid.team div{margin: 0;padding: 0;}
	figure.effect-chico figcaption {padding: 1.5em;}
	.footer{margin-top: 2em;padding-bottom: 2em; text-align:center;}
	.footer h4{display:inline-block;}
	.footer h4:before{left:45%;}
	.footer h4:after{left:0px; right:0px; width:auto;}
	.footer-links{margin-top:15px; margin-bottom:30px;}
	.follow-us{margin-top:10px;}
	.footer-links li a {font-size: 12px; padding: 0px 5px;}
	.request-quote{right:-42px; padding:8px 10px;}
	
}
@media (max-width: 479px) {
.middile-address{width:300px; height:300px;}
.map{height:130px;}
}