/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html, body {
	height: 100%;
}
body {
	padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	font-family: 'Helvetica Neue', sans-serif;
	font-style:normal !important;
	font-stretch:normal;
	color: #666666;
	background-color: #f5f3ef;
}
h3 {
	color: #242424;
}

.img-portfolio {
	margin-bottom: 30px;
}
.img-hover:hover {
	opacity: 0.8;
}

/*====================nav====menu==============*/
.navbar-nav {
	position: relative;
}
.nav > li:first-child > a {
	border-left:none;
}
.nav > li:last-child > a {
	border-right:none;
}
.dropdown-menu h5 {
	color: #ff722b;
	font-size: 16px;
	font-weight: bold;
	padding: 0px 20px;
}
.dropdown-menu a h2 {
	color: #0a77af;
	margin:0px ;
	font-size:20px;
	text-align:center;
	padding:10px 0px;
	display:block;
	background-color:#f6f6f6;
	text-transform:uppercase;
}
.dropdown-menu a:hover h2 {
	color: #888888;
	background-color:#efefef;
}
.dropmenu-width{ width:70%; margin:0px auto;}
.megamenu .nav, .megamenu .collapse, .megamenu .dropup, .megamenu .dropdown {
	position: static;
}
.megamenu .container {
	position: relative;
}
.megamenu .dropdown-menu {
	left: auto;
}
.megamenu .megamenu-content {
	padding: 5px 5px 15px 5px;
}
.megamenu .megamenu-content ul {
	padding: 0px;
	list-style:none;
}
.megamenu .megamenu-content a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.42857143;
	color: #888888;
	white-space: nowrap
}
.megamenu .megamenu-content a:hover {
	color: #0a77af;
	text-decoration: none;
}
.megamenu .dropdown.megamenu-fw .dropdown-menu {
	left: 0;
	right: 0;
}
<!---------mega--menu---end-----------> /* Search Form */
.nav-search {
}
.nav > li.nav-search > form {
	position: relative;
	width: inherit;
	height: 54px;
	z-index: 510;
	border-left: 1px solid #5d5e5d;
}
.nav > li.nav-search input[type="text"] {
	display: block;
	float: left;
	width: 0px;
	padding: 16px 0 15px;
	line-height: 24px;
	/*position:absolute;*/
	font-family: Trebuchet MS, 'Helvetica Neue', sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #999999;
	text-shadow: 0 0 1px rgba(0,0,0,.35);
	background-color: transparent;
	-webkit-transition: all .3s ease 1s;
	-moz-transition: all .3s ease 1s;
	-o-transition: all .3s ease 1s;
	-ms-transition: all .3s ease 1s;
	transition: all .3s ease 1s;
}
.nav > li.nav-search input[type="text"]:focus {
	color: #b8b8b8;
}
.nav > li.nav-search input[type="text"]:focus, .nav > li.nav-search:hover input[type="text"] {
	width: 110px;
	padding: 15px 15px 15px 15px;
	-webkit-transition: all .3s ease .1s;
	-moz-transition: all .3s ease .1s;
	-o-transition: all .3s ease .1s;
	-ms-transition: all .3s ease .1s;
	transition: all .3s ease .1s;
}
.nav > li.nav-search input[type="submit"] {
	display: block;
	float: left;
	width: 20px;
	height: 54px;
	padding: 0 25px;
	cursor: pointer;
	background: url(../images/search-icon.png) no-repeat center center;
	border-radius: 0 3px 3px 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
.nav > li.nav-search input[type="submit"]:hover {
	background-color: #4b4441;
}
/*=====search==end============*/

/* Home Page Carousel */

header.carousel {
	height: 50%;
}
header.carousel .item, header.carousel .item.active, header.carousel .carousel-inner {
	height: 100%;
}
header.carousel .fill {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}
/*================main=page==contant=============*/
.main-contant{ margin-bottom:30px; margin-top:40px;}
.main-contant h1{ color:#0776ad;}
.main-contant h3{ text-transform:uppercase; color:#242424; font-size:20px; margin:20px 20px 30px 20px;}
.main-contant p{ margin:10px 20px; line-height:23px; font-size:12px;}
.main-contant a{ color:#e85332; text-decoration:none;}
.main-contant a:hover{ text-decoration:underline;}
.slogen{border-bottom:1px dashed #cccccc; border-top:1px dashed #cccccc;}
.slogen h1{font-family:JasmineUPC, Arial, Helvetica, sans-serif; font-size:70px; color:#0776ad; margin:15px auto; clear:both; padding:40px 0px; }

/*------subpage---banners------------*/

#sub-banner{background-repeat:repeat; color:#fff;}

.project{background-image:url(../images/Projects_banner_bg.jpg); }
.services{background-image:url(../images/service_banner_bg.jpg); }
.products{background-image:url(../images/products_banner_bg.jpg);}
.company{background-image:url(../images/company_banner_bg.jpg);}
.trainings{background-image:url(../images/trainings_banner_bg.jpg);}
.contact{background-image:url(../images/contact_banner_bg.jpg);}

#sub-banner .banner-w{ width:80%; margin:80px auto;}
#sub-banner .banner-w h1{font-size:51px; margin:23px; font-weight:bold;}
#sub-banner .banner-w h2{font-size:24px; font-stretch:narrower; margin:30px; text-transform:uppercase;}
#sub-banner .banner-w p{ font-size:14px; margin:23px; font-stretch:normal; line-height:25px;}


/*---founders----*/
.border-founder{  border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb;}
.founders{border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; padding:35px;}
.founders .image img{ width:158px; margin:25px auto;}
.founders h1{
	color:#242424;
	font-size:20px;
	font-weight:normal;
	font-stretch:normal;
	padding:0px;
	margin:10px 5px; width:100%;
	text-transform:uppercase;
	}
.founders h2{
	color:#666;
	font-size:14px;
	font-weight:normal;
	font-stretch:normal;
	padding:0px;
	margin:3px; width:100%;
	text-transform:uppercase;
	}
.founders p{font-size:12px; color:#666666; margin:25px 5px 40px; line-height:23px; height:75px;}
.founders ul.social_icon{ margin:0px auto; list-style:none; padding:0px; text-align:left;}
.founders ul.social_icon li{ float:none; margin:0px; padding:10px 0px 10px 38px; background-position:left; background-repeat:no-repeat;}
/*--------services------*/
.services-contant h1{color:#0776ad; font-size:30px;}
.services-contant .center-divider{border-right:1px solid #dbdbdb; border-left:1px solid #dbdbdb}
.services-contant p{ text-align:justify; font-size:14px;}
.dash-border{border-bottom:1px dashed #cccccc; border-top:1px dashed #cccccc; padding:20px 0px; margin:20px 0px;}

/*====projects====product====*/
ul.iconpanel{ list-style:none; width:33%;}
ul.iconpanel li{ float:left; margin:50px;}
ul.iconpanel a{ display:block;}

#myTab{ margin-bottom:50px;}

.thumbnail-upper{ position:relative; text-align:center; background-color:#000;}
.transparent_bg{ opacity:0.5;}
.thumbnail-upper a{ position:absolute; width:100%; height:100%; top:0px; color:#fff; display:block; padding:0px; margin:0px; opacity:100; text-decoration:none;}
.thumbnail-upper a div.project_heading{
	color: #fff;
    font-family: "Myriad Pro",Arial,'Helvetica Neue',sans-serif;
    font-size: 18px;
    font-stretch: normal;
    font-weight: bold;
    margin: 33% auto;
    width:100%;
	text-decoration:none;}
.thumbnail-upper a:hover div.project_heading{ display:none;}
.thumbnail-upper a:hover{
	background-color: #f0ba1a;
    background-image: url("../images/view_Icon.png");
    background-position: center center;
    background-repeat: no-repeat;}

.list-view{ }
.list-view h3{ margin:10px 20px;
			color: #313131;
			font-family: "Myriad Pro",Arial,Helvetica,sans-serif;
			font-size: 18px;
			font-stretch: normal;
			font-weight: bold;}
.list-view h4{ margin:10px 20px;
			color: #0c7671;
			font-family: "Myriad Pro",Arial,Helvetica,sans-serif;
			font-size: 14px;
			font-stretch: normal;
			font-weight: bold;}
.list-view p{ margin:10px 20px;}
.list-view a.btn-primary{ margin:10px 20px;}

.l-view-right{ float:right; margin:30px 0px;}
.l-view-left{ float:left; margin:30px 0px;}

/*-----project/product---detail---page----------*/


#pro-banner{color: #fff;
			font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
			margin:40px 0px;
			}
#pro-banner h1{ margin-bottom:10px; margin-top:10px;}
#pro-banner h1 a{color:#FFF; margin:0px 30px;  text-decoration:none; font-size: 24px; font-weight: normal;}
#pro-banner h1 a.proj_next{ background-image:url(../images/next_arrow.png); background-repeat:no-repeat; background-position:right; padding:10px 30px 10px 0px;}
#pro-banner h1 a.proj_previous{ background-image:url(../images/previous_arrow.png); background-repeat:no-repeat; background-position:left; padding:10px 0px 10px 30px;}

.products-detail{}
.products-detail h1{}
.products-detail p{ margin:10px 0px; }

.products-detail a.client{
	color: #e63a25;
    font-size: 16px;
    font-stretch: normal;
    font-weight: normal;
    margin: 5px;}
.products-detail h2{
	color: #5b5b5b;
    font-size: 16px;
    font-weight: bold;
    margin: 5px 0px;}
.products-detail h3{ 
	color: #0c7671;
    font-size: 14px;
    font-stretch: normal;
    font-weight: normal;
    margin: 0 0px;
	text-transform:none;}
.products-detail img.pro-main-image{ /*width:440px; height:433px;*/}
.products-detail .pro-display{ float:left;}
.redfont{color:#e63a25;}



/* 404 Page Styles */

.error-404 {
	font-size: 100px;
}
/* Pricing Page Styles */

.price {
	display: block;
	font-size: 50px;
	line-height: 50px;
}
.price sup {
	top: -20px;
	left: 2px;
	font-size: 20px;
}
.period {
	display: block;
	font-style: italic;
}
/*------terms------------*/
a.termscolor{ color:#0c7671 !important;}
.main-contant p.terms{ margin-left:0px; margin-right:0px;}


/* Footer Styles */

footer {
	margin: 50px 0 0px;
	font-family:'Helvetica Neue',sans-serif;
	line-height:24px;
}
footer .upper-footer{ background-color:#323232; color:#ddd; padding:30px 0px;}
footer .upper-footer h3{ color:#399bcc; font-size:24px; margin:30px 0px; font-weight:normal; font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}

ul.adress{ list-style:none; width:100%; margin-bottom:30px; padding:0px;}
ul.adress li{ width:100%; background-repeat:no-repeat; background-position:left top; padding-left:42px; margin:20px 0px;}
ul.adress li a{ color:#ddd; text-decoration:none;}
.socialmedia a{ margin:5px;}


footer .upper-footer ul.apps{ list-style:none; padding:5px 0px; }
footer .upper-footer ul.apps li{ margin:10px;}
footer .upper-footer ul.apps li a{ display:block;}

footer .upper-footer ul.apps ul{ list-style:none; padding:5px 0px; }
footer .upper-footer ul.apps li{ float:left;}
footer .upper-footer ul.apps li a{ display:block;}

footer .copyright{ background-color:#282828; color:#fff; padding-top:20px; padding-bottom:20px;}

/*=====================1 aug 2016========start==============================*/
.contact_feild{ padding:4px 8px; margin:5px; width:100%;}
.contact_lable{ width:20%;}
.contact_send_button{background-color: #f08711;
    color: #fff;
    font-family: "Myriad Pro",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-stretch: normal;
    margin: 5px;
    padding: 10px;
    text-transform: uppercase;
	width:100%;}

/*=====================1 aug 2016==========End============================*/





/* Responsive Styles */

@media(max-width:991px) {
.customer-img,  .img-related {
	margin-bottom: 30px;
}
.navbar-inverse .navbar-nav > li > a{
	padding:15px 4px;
	}
.dropmenu-width{ width:100%;}
ul.iconpanel{ width:50%;}
.list-view .thumbnail{ width:35%;}
.list-view .detail{ width:65%;}


}
 @media(max-width:767px) {
.img-portfolio {
	margin-bottom: 15px;
}
header.carousel .carousel {
	height: 70%;
}
/*---menu-----------search-width-----*/
.dropdown-menu a h2 {
	color: #0a77af;
	font-size:20px;
	background-color:transparent;
}
.dropdown-menu a:hover h2 {
	color: #888888;
	background-color:transparent;
}

.nav > li.nav-search > form{ width:70%; margin:0px auto;}
.nav > li.nav-search input[type="text"]:focus, .nav > li.nav-search:hover input[type="text"] {
	width: 80%;
}
.nav > li.nav-search > form {
	border-left:none;
}
.nav > li.nav-search input[type="submit"]{
	 margin:0px auto;
	 float:none;
	}
.nav-search table{ width:100% !important;}
.nav-search{ margin:0px auto;}
nav, .dropdown-menu{ text-align:center;}
.megamenu .dropdown.megamenu-fw .dropdown-menu, .navbar-nav .open .dropdown-menu{ box-shadow:0 6px 12px rgba(0, 0, 0, 0.176)}
.navbar-nav > li{ border-bottom:1px solid #353535;}

/*---menu-----------search-width--end---*/
/*------project-product-page--------------*/
ul.iconpanel{width:100%;}
ul.iconpanel li{ width:50%; margin:20px 0px 50px;}
.l-view-right{ float:none}
.l-view-left{ float:none}
.list-view .thumbnail{ width:100%;}
.list-view .detail{ width:100%;}
#pro-banner h1 a{ font-size:18px;}
#pro-banner h1 a.proj_next{margin:0px;}
#pro-banner h1 a.proj_previous{margin:0px;}

.products-detail .pro-display{ float:none; width:100%}
.products-detail img.pro-main-image{ margin:0px auto;}
.products-detail{ text-align:center;}


/*--------------footer------------------*/
footer .upper-footer ul.apps{ text-align:center;}
footer .upper-footer h3{ text-align:center;}
img.map{ margin:0px auto; text-align:center; width:100%;}
.socialmedia{width:100%; text-align:center;}

footer .upper-footer ul.apps li{ width:100%; margin:10px 0;}
footer .upper-footer ul.apps li ul{ width:100%;}
footer .upper-footer ul.apps li ul li{ width:50%; float:left;}
footer .copyright{ text-align:center;}





 }