body { font-family: 'Roboto', sans-serif; font-size:13px; text-align:justify;}
 /*-------------h2-----------------*/
 h2 { line-height:20px;}
 /*----------------main-bg-----------*/
 .main-bg { width:100%; background:#fafafa; float:left; border-top:2px solid #003; margin-top:0px !important; margin-bottom:0px; border-bottom:1px solid #CCC; padding:10px 20px 0;}
  .main-bg1 { width:100%; background:#fff; margin:0px; padding:0px 20px;}
.email, .email1 {  margin:10px 0px 0px !important; padding:0px 0px 0 0px; }
.email p, .email1 p, .email1 p a, .email p a { color:#333; font-size:14px !important; text-decoration:none; text-align:left;}
.email p b, .email1 p b { color:#ff4202; font-size:14px;}
.email1 p a:hover, .email1 p a:hover { text-decoration:underline;color:#ea1f27;}
.email1 p a { text-align:right !important; font-size:14px !important;}
.email1 { float:right !important; text-align:right;}
.main-bg1 .socialicon ul li a i { color:#ff4202; float:left; padding:17px 5px 0px; font-size:36px;}
.main-bg1 .socialicon ul li { display:inline !important; margin:0px;}
/*--------------table--------------------*/
table { margin-bottom:30px;}
td { padding:5px 10px;}
.img { float:right; padding:2px; border:1px solid #ccc; margin-bottom:20px;}
blockquote { border-left:0px;}
/*------------------nav----------------------------*/

.navbar {
	margin-bottom: 0;
	min-height: 61px;
	z-index: 999;
	font-size: 13px !important;
	clear: both;
	background:url(../images/nav.jpg) #FFF; repeat-x;
	border-bottom: 1px solid #ccc;
	border-radius: 0;
	font-family: Arial, Helvetica, sans-serif;
}
.navbar li a {
	margin-top: 20px;
	padding: 0px 10px;

	font-size: 14px !important;
	color: #333 !important;
	text-decoration: none;

}
.navbar li a, .navbar .navbar-brand {
	color: #333 !important;
}
.navbar-nav li a:hover {
	color: #cf6059; !important;

}
.navbar-default .navbar-toggle {
	border-color: transparent;
	color: #fff !important;
	background: #fff !important;
}
.navbar-collapse li a {
	border-bottom: 0px;
}
.caret {
	color: #000;
}
.dropdown-menu {
	background: none !important;
	border: none;
	box-shadow: none;
}
.dropdown-menu>li>a {
	color: #fff !important;
	background: #333;
	border-bottom: 1px solid #555;
	margin-top: 0px !important;
}
.dropdown-menu>li>a:hover {
	background: #444 !important;
	color: #fff !important;
}
.dropdown-toggle:focus, li.dropdown:focus, .dropdown.dropdown-toggle:focus {
	color: #fff !important;
}
.affix {
	top: 0;
	height: auto;
	width: 100%;
	border-bottom: 1px solid #CCC;
}
.affix + .container-fluid {
	padding-top: 0px;
}
/*--------------------slide-------------------*/

.carousel-caption { background:url(../images/captoon.png) repeat; padding:0px 20px; bottom:30px; margin:0px; color:#fff;}
.carousel-caption h3 { font-size:38px;}
.carousel-caption p { font-size:18px;}
.carousel-caption h3, .carousel-caption p { color:#fff; border:none; text-shadow:0px 2px 1px #333;}
/* Keyframes */
@-webkit-keyframes fill {
  0% {
    width: 0%;
    height: 1px;
  }
  50% {
    width: 100%;
    height: 1px;
  }
  100% {
    width: 100%;
    height: 100%;
    background: #333;
  }
}

/* Keyframes */
@-webkit-keyframes circle {
  0% {
    width: 1px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 1px;
    z-index: -1;
    background: #eee;
    border-radius: 100%;
  }
  100% {
    background: #aaa;
    height: 5000%;
    width: 5000%;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 0;
  }
}
/*--------------------------strip-----------------------*/

.strip {  width:100%; margin:10px 0px; padding:0px; height:20px; background:#333;}
/*------------panel--------------------*/
.panel { width:100%; margin:20px 0px; padding:20px; border:1px solid #e7e9e8;}
.panel .icon { font-size:50px; border:1px solid #ccc; color:#b01304; width:100px; height:100px; padding:26px; border-radius:50%;}
a > .icon:hover,  .panel:hover .icon { background:#b01304; border-color:#b01304; color:#FFF;}



.icon{color:#FF8A00; border-color:#D7D7D7; transition:2s;}
a > .icon:hover, .services article:hover .icon{color:#FFFFFF; background-color:#FF8A00; border-color:#FF8A00;}
/*------------img----------------*/
.img { float:right; border:1px solid #CCC; padding:2px; margin-left:10px;}
/*-reach------------*/
.reach { margin:auto;}
/*--------bg-grey--------------------*/
.bg-grey { background:#f4f4f4; width:100%; }
/*------------------client-------------------*/
.image {

  width: 100%;
  height: auto; border:2px solid #333;
}

.overlay {
  position: absolute;
  bottom: 100%;
  left: 15px;
  right: 0;
  background:url(../images/hover.png);
  overflow: hidden;
  width: 88%;
  height:0;
  transition: .5s ease;
}
.overlay .text { width:90%;}
.overlay .text a {  color:#FFF; }
.client:hover .overlay {
  bottom: 0;
  height: 100%;
}
.clientle { margin-bottom:30px;}

.text {
  white-space: nowrap; 
  color: white;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}


/*=====================bg-black==================*/
.bg-black { background:#3b4452 !important; padding-top:20px; padding-bottom:30px; color:#9eb4ba; width:100%; opacity:100%; clear:both;}
.bg-black h4 { color:#fff;}
.bg-black h4 span { color:#80b0fb;}
.bg-black ul { margin-left:0px !important; float:left; padding:0px !important;}
.bg-black ul li { list-style:none; margin:0px; padding:0px; line-height:20px;}
.bg-black ul li a, .bg-black p a { text-decoration:none; color:#9eb4ba;}
.bg-black ul li a { line-height:25px;}
.con .fa { color:#fff !important;}
.list-inline i { font-size:16px; width:30px; height:30px; border-radius:50%; background:#455061; text-align:center; line-height:30px; margin-bottom:0px; color:#b5b9c0; transition:2s;}
.list-inline i:hover { color:#fff; background:#8b93a0;}
footer {
	background: #343d49; 	padding: 10px 0px 0 !important;
	box-shadow: 3px 2px 10px #000;
}
foot-main {
	float: left;
	Width: 99%;
	Height: auto;
	text-decoration: none;
	line-Height: 19px !important;
	margin: 0px 0px 0 0px !important;
}
.foot-main img {
	float: right;
	margin: 0px 0px 8px 0;
}
.foot-main p {
	color: #9eb4ba;
	font-size: 13px !important;
	opacity: 100% !important;
	float: left;
	text-align: left;
	margin: 16px 0 0 0px !important;
}
.foot-main p span { color:#80b0fb;}
/*-----------------enquiry----------------------------*/

	.button {
	height: 28px;
	width: 80px;
	border: none;
	cursor: pointer;
	color: #FFFFFF !important;
	font-family:Gotham !important;
	border: 1px solid #ccc;
	font-weight: bold; 

	float: right !important; border-radius:10px;
	margin-top: 8px !important;
	margin-right: 15px !important;
	background: #cf6059 !important;
}
.button:hover {
	background: #160d80 !important; color:#fff !important;
}
.control-label {
	font-size: 13px;
	margin: 0px 0 0 0px;
	padding: 0px;
}
.form-group {
	width: 100%;
	float: left;
}
.txt_box1 { height:50px !important ;}
.form-horizontal {
	width: 100%;
	float: left;
}
.enquiry_form {
	margin-left: 0px; float:right;
	padding: 20px 0px 20px 35px;
!important;
	float: left;
	width: 100%;
	opacity: 0.9; border:1px solid #CCC;
	border-radius: 20px; margin-bottom:20px;
	
}td a { text-decoration:none; color:#333}
/*----------------------contact-------------------------*/
 .contact h4 { color:#cf6059;}
 @media screen and (max-width: 480px) {
.carousel-caption { display:none; }
.collapse { background:#fff;}
]}
@media screen and (max-width: 768px) {.
	.navbar li a { margin-top:0px !important;
	
	padding: 0px 22px !important;}
	.logo { margin:auto !important; float:none !important;	}
	.navbar-right { float:left !important;}}