@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic);


body{ background: #fff;

}


.box {
    border-radius: 3px;
   border:1px solid #5da9c3;
    padding: 10px 25px;
    text-align: left;
    display: block;
    margin-top: 30px;
	background-color:#FFF;
}
.box:hover
{
	 box-shadow: 0 2px 5px 0 #5da9c3, 0 2px 10px 0 #5da9c3;
}

 h4, h2, h1{font-family:'Oswald', sans-serif; font-weight:400 !important}
h3{font-family:'Oswald', sans-serif; font-weight:400 !important; color:#595656}
.info > p {
   
    font-size: 16px;
   
    text-align: center;
}
.info > a {
    background-color: #167695;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
	
}
.info > a:hover {
    background-color: #0288d1;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
}
.swch
{
margin-left:110px;
margin-top:23px;
}
.swch2
{
margin-left:110px;
margin-top:40px;
}
.swch3
{
margin-left:110px;
margin-top:18px;
}
.alig1
{
	padding-bottom:10px;
	padding-top:20px;
}
.charity
{
	margin-top:60px;
	
	
}
.charity2
{
margin-top:25px;	
}
.btom-footer{ width:100%;
background:#1582bb;
padding:15px 0;
color:#fff;
font-size:12px;
padding-top:30px;}

.btn-primary {
 
  background-image: linear-gradient(to bottom,#4cc4dc 0,#4cc4dc 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
  border-color: #121415;
}

.info h4 {
    font-size: 23px;
   
	  font-size: 23px;
  
  font-weight: 700 !important;
  letter-spacing: 0px;
}

/*=========================
  Icons
 ================= */

/* footer social icons */
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0px;
	float:right;
	  padding: -1px 0 53px 0;
	  
}
ul.social-network li {
	display: inline;
	margin: 0 5px;

}


/* footer social icons */
.social-network a.icoRss:hover {
	background-color: #F56505;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
	background-color:#BD3518;
}
.social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#000;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 30px;
	height: 30px;
	font-size:17px;
	
	margin-left:-10px;
		
}
.social-circle li i {
	margin:0;
	line-height:35px;
	text-align: center;
	
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color:#fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
	
}

.navigation{ width:100%;
 background:# !important;
margin-left:30px;
margin-top:36px;
}
.menu{
  border: 0px !important;
  box-shadow: none !important;
  background:#fff !important;
  background-image: none !important;
  border-radius: 0px !important;
  margin-bottom:0px !important;
  font-family: 'Roboto Condensed', sans-serif; !important;
  font-size:14px;
  
}
.menu ul li a{ font-size:18px !important;
/*color:#000 !important;*/}
  .navbar-default .navbar-nav>li>a {
 display: block;
  padding: 7px 15px;
  margin-top: 8px;
  border-radius: 4px;
  margin-left:4px;
  color:#000;}
.navbar-default .navbar-nav>li>a:hover{  background: linear-gradient(#2e92a6, #4cc4dc); color:#fff !important }/*   hover effect styles   */ 
.active-menu{  background: linear-gradient(#2e92a6, #4cc4dc); color:#fff !important }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.active>a {
    background-image: -webkit-linear-gradient(top,#000 0,#000 100%);
    background-image: -o-linear-gradient(top,#000 0,#000 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#dbdbdb),to(#e2e2e2));
    background-image: linear-gradient(to bottom,#000 0,#000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#000', GradientType=0);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 3px 9px rgba(0,0,0,.075);
    box-shadow: inset 0 3px 9px rgba(0,0,0,.075);}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    color: #fff;
    background-color: #000000;	}
.navbar-default .navbar-nav > li > a {
    display: block;
    padding: 7px 15px;
    margin-top: 8px;
    border-radius: 7px 7px 0px 0px !important;
    margin-left: 4px;
    color: #7E7E7E;
}

  .wel
{
	
	margin-top:30px;
}
.pad1
{
	padding-bottom:20px;
}
.pad2
{
	padding-bottom:24px;
}

.red{
    color:red;
    }
.form-area
{
    background-color: #fff;
	padding: 10px 40px 60px;
	margin: 20px 0px 60px;
	border: 1px solid #4090A9;
	color:#4090A9;
	}
	.map
	{
		margin-left:80px;
	}
	
	.btn-default:hover, .btn-default:focus {
    background-color: 
	#337AB7;
    background-position: 0px -15px;
}
.btn-default {
    text-shadow: 0px 1px 0px #FFF;
    background-image: linear-gradient(to bottom, #4090A9 0%, #4090A9 100%);
    background-repeat: repeat-x;
    border-color: #000;
	color:#FFF;
}
.contact
{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	float:right;
}
.imgmar
{
	margin-right:10px;
	margin-bottom:10px;
}
.shadow
{
-webkit-box-shadow:  0px 1px 5px 1px rgba(192, 192, 192, 1);
-moz-box-shadow:  0px 1px 5px 1px rgba(192, 192, 192, 1);
box-shadow:  0px 1px 5px 1px rgba(192, 192, 192, 1);
border:1px solid #F0F0F0;
}
.last
{
	margin-left:1px;
}
.gallery{ padding:10px
}

.space1
{
	margin-top:20px;
    padding-bottom:20px;
}
.destacados{
    padding: 20px;
	padding-right:160px;
	text-align: center;
	padding: 24px 0px 41px 55px;
	margin-left: -100px;
	margin-top: -21px;
	margin-bottom: -20px;
	
}
.destacados > div > div{
	padding: 10px;
	
	border: 1px solid transparent;
	background-color:#FFF;
	transition: 0.2s;
	
}
.destacados > div:hover > div{
	margin-top: -10px;
	border: 1px solid #4cc4dc;
	box-shadow: #4cc4dc 0px 5px 5px 2px;
	background: #FFF;
	transition: 0.5s;
}
.destacados h3
{color:#4cc4dc;
font-family: 'Roboto Condensed', sans-serif; font-weight:400 !important;
font-size:27px;}
.destacados p
{
	font-size:14px;
	color: #686868;	
}
    @import url(//fonts.googleapis.com/css?family=Lato:400,900);
    @import url(//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);
    
	.animate {
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.info-card {
		width: 100%;
		border: 1px solid rgb(215, 215, 215);
		position: relative;
		font-family: 'Lato', sans-serif;
		margin-bottom: 20px;
		overflow: hidden;
	}
	.info-card > img {
		width: 100px;
		margin-bottom: 60px;
	}
	.info-card .info-card-details,
	.info-card .info-card-details .info-card-header  {
		width: 100%;
		height: 100%;
		position: absolute;
		bottom: -100%;
		left: 0;
		padding: 0 15px;
		background:#ecf9ff;
		text-align: center;
	}
	.info-card .info-card-details::-webkit-scrollbar {
		width: 8px;
	}
	.info-card .info-card-details::-webkit-scrollbar-button {
		width: 8px;
		height: 0px;
	}
	.info-card .info-card-details::-webkit-scrollbar-track {
		background: transparent;
	}
	.info-card .info-card-details::-webkit-scrollbar-thumb {
		background: rgb(160, 160, 160);
	}
	.info-card .info-card-details::-webkit-scrollbar-thumb:hover {
		background: rgb(130, 130, 130);
	}           

	.info-card .info-card-details .info-card-header {
		height: auto;		
		bottom: 100%;
		padding: 10px 5px;
	}
	.info-card:hover .info-card-details {
		bottom: 0px;
		overflow: auto;
		padding-bottom: 25px;
	}
	.info-card:hover .info-card-details .info-card-header {
		position: relative;
		bottom: 0px;
		padding-top: 45px;
		padding-bottom: 25px;
	}
	.info-card .info-card-details .info-card-header h1,	
	.info-card .info-card-details .info-card-header h3 {
		color: rgb(62, 62, 62);
		font-size: 22px;
		font-weight: 900;
		text-transform: uppercase;
		margin: 0 !important;
		padding: 0 !important;
	}
	.info-card .info-card-details .info-card-header h3 {
		color: rgb(142, 182, 52);
		font-size: 15px;
		font-weight: 400;
		margin-top: 5px;
	}
	.info-card .info-card-details .info-card-detail .social {
		list-style: none;
		padding: 0px;
		margin-top: 25px;
		text-align: center;
	}
	.info-card .info-card-details .info-card-detail .social a {
		position: relative;
		display: inline-block;
		min-width: 40px;
		padding: 10px 0px;
		margin: 0px 5px;
		overflow: hidden;
		text-align: center;
		background-color: rgb(215, 215, 215);
		border-radius: 40px;
	}

	a.social-icon {
		text-decoration: none !important;
		box-shadow: 0px 0px 1px rgb(51, 51, 51);
		box-shadow: 0px 0px 1px rgba(51, 51, 51, 0.7);
	}
	a.social-icon:hover {
		color: rgb(255, 255, 255) !important;
	}
	a.facebook {
		color: rgb(59, 90, 154) !important;
	}
	a.facebook:hover {		
		background-color: rgb(59, 90, 154) !important;
	}
	a.twitter {
		color: rgb(45, 168, 225) !important;
	}
	a.twitter:hover {
		background-color: rgb(45, 168, 225) !important;
	}
	a.github {
		color: rgb(51, 51, 51) !important;
	}
	a.github:hover {
		background-color: rgb(51, 51, 51) !important;
	}
	a.google-plus {
		color: rgb(244, 94, 75) !important;
	}
	a.google-plus:hover {
		background-color: rgb(244, 94, 75) !important;
	}
	a.linkedin {
		color: rgb(1, 116, 179) !important;
	}
	a.linkedin:hover {
		background-color: rgb(1, 116, 179) !important;
	}
	.BRANCH
	{	
	padding-left:133PX;
	}
	
	.bluebox
	{
		background-color: #4CC4DC;
color: #FFF;
padding-bottom: 6px;

padding-top: 6px;
	}
	.bluebox h5
	{
		font-size:16px;
	}
	.welcome
	{
		color:#4cc4dc;
	font-family: 'Roboto Condensed', sans-serif; font-weight:400 !important;
	margin-top: -44px !important;
	}
		.welcome1
	{
		color:#4cc4dc;
	font-family: 'Roboto Condensed', sans-serif; font-weight:400 !important;
margin-top: 23px;
	}
	.welcome2
	{
		font-family: 'Roboto Condensed', sans-serif; font-weight:400 !important;
		color:#4cc4dc;
	}
	.bluebox1
	{
		background-color:#4cc4dc;
		color:#FFF;
				font-family: 'Roboto Condensed', sans-serif;
			    margin: 12px 0;
				padding: 3px 0px 6px 10px;
				width:300px;
	}
	.quality
	{
		padding-top:7px;
		
	}
	.bluebox2
	{
		background-color:#4cc4dc;
		color:#FFF;
				font-family: 'Roboto Condensed', sans-serif;
			   margin: 12px 0;
				width:250px;
				padding:3px 0 6px 10px;
	}
	.safty
	{
		padding-top:7px;
		
	}
	.bluebox3
	{
		background-color:#4cc4dc;
		color:#FFF;
		font-family: 'Roboto Condensed', sans-serif;			
		width:360px;
		 margin: 12px 0;
		 padding: 3px 0px 6px 10px;
	}
	.efficiency
	{
		padding-top:7px;
		
	}
	.mar{ margin:0px;}
	
	
	.tex
	{
		font-size: 14px;
		color: #686868;	
	}
	.blueimg
	{
		width:100%;
		background-image:url(../images/bla.jpg);
		color:#FFF;
		font-family:Georgia, "Times New Roman", Times, serif !important ;
		margin-top: 38px;
		padding-bottom: 69px;
padding-top: 69px;
	}
	
	
	.footer
	{
		background-color:#4cc4dc;
		color:#FFF;
		padding-bottom:10px;
		padding-top:15px;
		margin-top:30px;
	
	}
	ul, ol {
    margin-top: -1px;
    margin-bottom: 1px;
}
	ul#menu li {
    display:inline;
		padding-right:20px;
		font-size:16px;
		
}
	
	ul#menu li :hover
	{
		color:#000;
		text-decoration:none;}
	
	.soc
	{
		margin-top:-35px;
		margin-right: 17px;}
		.contact-form{ margin-top:15px;}
.contact-form .textarea{ min-height:220px; resize:none;}
.form-control{ box-shadow:none; border-color:#CECECE; height:49px;}
.form-control:focus{ box-shadow:none; border-color:#00b09c;}
.form-control-feedback{ line-height:50px;}
.main-btn{ background:#4cc4dc; border-color:#4cc4dc; color:#fff;}
.main-btn:hover{ background:#00a491;color:#fff;}
.form-control-feedback {
line-height: 50px;
top: 0px;
}
.logo
{
padding: 4px 0px;
}



@import "http://fonts.googleapis.com/css?family=Roboto:300,400,500,700";

.mt40 { margin-top: 40px; }

.panel { position: relative; overflow: hidden; display: block; border-radius: 0 !important;  }
.panel-default { border-color: #ebedef !important; }
.panel .panel-body { position: relative; padding: 0 !important; overflow: hidden; height: auto; }
.panel .panel-body a { overflow: hidden; }
.panel .panel-body a img { display: block; margin: 0; width: 100%; height: auto; 
    transition: all 0.5s; 
    -moz-transition: all 0.5s; 
    -webkit-transition: all 0.5s; 
    -o-transition: all 0.5s; 
}
.panel .panel-body a.zoom:hover img { transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3); }
.panel .panel-body a.zoom span.overlay { position: absolute; top: 0; left: 0; visibility: hidden; height: 100%; width: 100%; background-color: #000; opacity: 0; 
    transition: opacity .25s ease-out;
    -moz-transition: opacity .25s ease-out;
    -webkit-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;
}     
.panel .panel-body a.zoom:hover span.overlay { display: block; visibility: visible; opacity: 0.55; -moz-opacity: 0.55; -webkit-opacity: 0.55; filter: alpha(opacity=65); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; }  
.panel .panel-body a.zoom:hover span.overlay i { position: absolute; top: 45%; left: 0%; width: 100%; font-size: 2.25em; color: #fff !important; text-align: center;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=1);    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}
.panel .panel-footer { padding: 8px !important; background-color: #f9f9f9 !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; }	
.panel .panel-footer h4 { display: inline; font: 400 normal 1.125em "Roboto",Arial,Verdana,sans-serif; color: #34495e margin: 0 !important; padding: 0 !important; }
.panel .panel-footer i.glyphicon { display: inline; font-size: 1.125em; cursor: pointer; }
.panel .panel-footer i.glyphicon-thumbs-up { color: #1abc9c; }
.panel .panel-footer i.glyphicon-thumbs-down { color: #e74c3c; padding-left: 5px; }
.panel .panel-footer div { width: 15px; display: inline; font: 300 normal 1.125em "Roboto",Arial,Verdana,sans-serif; color: #34495e; text-align: center; background-color: transparent !important; border: none !important; }	

.modal-title { font: 400 normal 1.625em "Roboto",Arial,Verdana,sans-serif; }
.modal-footer { font: 400 normal 1.125em "Roboto",Arial,Verdana,sans-serif; } 

/*!
 * Lightbox for Bootstrap 3 by @ashleydw
 * https://github.com/ashleydw/lightbox
 *
 * License: https://github.com/ashleydw/lightbox/blob/master/LICENSE
 */.ekko-lightbox-container{position:relative}.ekko-lightbox-nav-overlay{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%}.ekko-lightbox-nav-overlay a{z-index:100;display:block;width:49%;height:100%;padding-top:45%;font-size:30px;color:#fff;text-shadow:2px 2px 4px #000;opacity:0;filter:dropshadow(color=#000000,offx=2,offy=2);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}.ekko-lightbox-nav-overlay a:empty{width:49%}.ekko-lightbox a:hover{text-decoration:none;opacity:1}.ekko-lightbox .glyphicon-chevron-left{left:0;float:left;padding-left:15px;text-align:left}.ekko-lightbox .glyphicon-chevron-right{right:0;float:right;padding-right:15px;text-align:right}.ekko-lightbox .modal-footer{text-align:left}
 
 
 
 .round {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: red;
	margin-left:30px;

}

.phone {
    margin-top: -1px;
    margin-left: -15px;
    margin-bottom: -17px;
}
.email {
    margin-top: -1px;
    margin-left: -18px;
    margin-bottom: -17px;
}
.phoneno
{
	margin-left:-78px
}
.email1
{
margin-right: 118px;
margin-top: -20px;
}
.phnmail
{
	margin-left:30px;
}

.design
{
	padding-bottom: 76px;
}
.design1
{
padding-bottom: 39px;
}
.design2
{
padding-bottom: 18px;
}
.cap
{
	margin-top: -2px;
}

.mask
{
	margin-left:20px;
	
}
.ply
{
	padding-left: 156px;
margin-top: -30px;
}
.cappic
{
	margin-top:10px;
}
.cap1
{
	padding-left: 37px;
margin-top: 2px;
}
.cap2
{
	padding-left: 188px;
margin-top: -31px;
}
.enq{ margin:0 auto;
float:none !important;}
.ele
{
color:#7E7E7E;
font-size:16px	
}