body{font-family: 'Roboto', sans-serif; background:#f0eeee;}
.bgcolor{ background:#FFF;  width:100%; display:block; padding:20px 10px; min-height:500px;}
a, a:hover {
	outline:none !important;
	color:#193296;
}
.navbar-default {
    background-color: #fff;
    border-color: transparent;
}

.navbar{ margin-bottom:0px;}
.navbar-default ul li {background-color: #fff;}
.navbar-nav > li > a{ padding:0px 14px 10px 14px; outline:none;border-bottom: 2px solid #fff; margin-right:1px;}
.navbar-nav > li > a.active{ border-bottom:2px solid #193296}
.carousel-caption{ top:20px; bottom:0; left:0 }
.carousel-caption small{ font-size:25px; color:#FFF; font-weight:300; line-height:normal; display:block}
.carousel-caption h3{ font-size:50px; color:#FFF; font-family: 'Roboto', sans-serif; font-weight:300;text-shadow: 0 0px 0px rgba(0,0,0,.6);}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{ border-bottom:solid 2px #193296;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ background:transparent;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ background:transparent;}
.carousel-inner{ background:#2da6de;}
html {
  position: relative;
  min-height: 100%;
  font-family: 'Roboto', sans-serif;
}    
#header{ width:100%; height:108px; background:url(../images/header_bg.png) repeat-x; background-position:bottom; border-top:solid #00cdff 2px;}
.logo_div{ padding:1px; position: relative;z-index: 999; float:left;}
.logo_div img{ max-width:100%;}
.topmenu{ padding:5px 0px; float:right;}
.top_social_div{ float:right; padding-top:5px; width:100%;}
.top_social_div ul{ margin:0; padding:0; float:right; }
.top_social_div ul li{ float:left; list-style:none; margin:2px;text-indent:-10000px; cursor:pointer;}
.top_social_div ul li a{ }
.facebook{ background:url(../images/header_social_icons.png) no-repeat; width:35px; height:35px;}
.twitter{ background:url(../images/header_social_icons.png) -46px no-repeat; width:35px; height:35px;}
.instagram{ background:url(../images/header_social_icons.png) -93px no-repeat; width:35px; height:35px;}
.pinterest{ background:url(../images/header_social_icons.png) -137px no-repeat; width:35px; height:35px;}
.topmenu{ width:100%;z-index:99; position:relative;}
#main_body{min-height: 100%;height: auto !important;height: 100%;/* Negative indent footer by it's height */margin: 0 auto ;}
#banner{ display:block;padding: 5px 0px 0px 0px;}
#banner img{ max-width:100%;}
.services_box{ border: solid 1px #f5f5f5; background:#f1f1f1; border-top:solid 3px #204388; width:100%; margin:5px 0px; display:inline-block;text-align:center; }
.services_box i{  padding-right: 5px;margin-bottom: 15px;margin-top: 10px; display:block; }
.services_box h2{ padding:10px 4px; margin:3px;font-family: 'Roboto', sans-serif; font-weight:300; font-size:29px;}
.services_box p{ padding:0px 10px;font-family: 'Roboto', sans-serif; font-weight:normal;}
.services_box_padding {padding: 0 0 0 15px;}
a.more{ float: right; display: block; padding: 5px 10px; color: #fff; background: #2da6de; margin: 5px; }
a.more:hover{ text-decoration:none; opacity:0.9;}
#ourclients{ background:#193296; padding:10px 10px 20px 10px;display: inline-block;width: 100%; margin:10px 0px;}
#ourclients ul{ margin:0; padding:0;}
#ourclients ul li{ float:left; list-style:none}
#ourclients ul li a{display:block; }
#ourclients h2{ padding:0px 10px  10px; margin:3px;font-family: 'Roboto', sans-serif; font-weight:100; font-size:33px; color:#FFFFFF; text-transform:uppercase; }
#footer {position: relative;bottom: 0;width: 100%;background-color: #204388;}
.footermenu{ float:left;}
.footermenu ul{ margin:0;padding:0;}
.footermenu ul li{ list-style:none; padding:5px; float:left; line-height:60px;}
.footermenu ul li a{color:#fff}
.copyright{ float:right; padding:5px; line-height:60px; color:#fff}
.carousel-control.left, .carousel-control.right{ display:none;}

#services{ width:100%; min-height:500px; display:block;}
#services img{ max-width:100%; }
.image_div{width:100%; text-align:center; padding:10px 0px;}
#technologies{ width:100%; min-height:500px; display:block;}
#industries{width:100%; min-height:500px; display:block;}
#about{width:100%; min-height:500px; display:block; overflow:hidden;}
/*#about img{ margin:0px 10px 10px 10px;  }*/
#about ol, ul{ margin:0; padding:5px 15px 0px 20px;}
#contact_us{width:100%; min-height:500px; display:block;}
#about ul{}
#about ul li{ background:url(../images/databasei.png) 0px 4px no-repeat; list-style:none; padding-left:20px; line-height:25px;}


/*logo scorling*/


.carousel ul {
	position:absolute;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
}

.no-js .carousel ul {position:static;}

.carousel .mask {
	position:relative;
	overflow:hidden;
}

.carousel ul li {
	float:left;
	width:/*180px*/ auto;
	height:115px;
	color:#fff;
	text-align:center;
	margin:0 7px 0 0;
}
.pagination-links {
	display:none;
}

.prev {
    position: absolute;
    right: 35px;
    top: -45px;
	background:url(../images/arrow_left.png) left top no-repeat;
	text-indent:-9999999px;
	width:11px;
}
.next {
    position: absolute;
	text-indent:-9999999px;
    right: 10px;
    top: -45px;
	width:11px;
	background:url(../images/arrow_right.png) left top no-repeat;
}
.prev.disabled {
	opacity:0.4;
}
.next.disabled {
	opacity:0.4;
}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px; width:140%;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
h3{ color:#193296; font-weight:400;}
h4{ color:#c90004; font-weight:400;}
.navbar-right {
        margin-right: -50px;
}
.addres_div{ padding:0px 0px 10px 0px; width:100%;}
.googlemap{ width:100%; float:left}
.our_clientsing{ float:left; margin:3px;}
/* =============================================================================
1024px and up ('mobile') styles
============================================================================= */
@media screen and (max-width:1024px) {/* Style adjustments for viewports 360px and over go here */
.top_right {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0px;
    width: 100%;
}
.topmenu {
    width: auto;
}
.services_box h2{font-size:30px;}
.navbar-right {
        margin-right: -15px;
}

}

/* =============================================================================
768px and up ('mobile') styles
============================================================================= */
@media screen and (max-width:768px) {/* Style adjustments for viewports 360px and over go here */
.topmenu{ width:100%}
.top_right {
    display: inline-block;
    position: absolute;
    right: 0;
    top: -79px;
    width: 100%;
}
.topmenu {
    width: auto;
}
.carousel-caption{ top:5px; bottom:0; padding-top:0px; padding-bottom:0px;}
.services_box h2{font-size:20px;}
.navbar-nav > li > a{ padding-top:22px;}
#header{ height:125px;}
}
/* =============================================================================
768px and up ('mobile') styles
============================================================================= */
@media screen and (max-width:767px) {/* Style adjustments for viewports 360px and over go here */
.topmenu {
    width: 100%;
}
#header{ background:#FFF;}
.services_box_padding{ padding:0px 15px;}
.carousel-caption{ top:15px; bottom:0; padding-top:0px; padding-bottom:0px;}
.carousel-caption h3{ font-size:15px; margin:0; }
.carousel-caption small{ font-size:12px;}
.carousel-indicators{ bottom:-12px;}
.footermenu ul li{ line-height:20px;}
#footer{ height:auto;}
.copyright{ float:none; text-align:center; line-height:20px;}
#about img{ margin:5px 0px;  }
$(function(){
    $('#bs-example-navbar-collapse-1 ul li').click(
         function () {            
		      $(this).find('.dropdown').stop(true, true).show();
			  if($(this).hasClass('dropdown')){
				$(this).addClass('open');}
         });
			
});

}

/* =============================================================================
375px and up ('mobile') styles
============================================================================= */
@media screen and (max-width:375px) {/* Style adjustments for viewports 360px and over go here */
.top_right{ display: inline-block;position: relative;right: 0;top: 0px;width: 100%;}
#header{ height:150px;}
.topmenu {
    float: right;
    position: absolute;
    width: 100%;
	
}
.top_social_div {
   float: left;
    padding-top: 12px;
    position: relative;
    width: 57%;
    z-index: 100;
}
.top_social_div ul{ float:left;}
.services_box h2 {
    font-size: 20px;
}
.logo_div {
    text-align: center;
    width: 100%;
   }

}