\

------++--dy { text-align:justify;
      font: 400 14px Lato, sans-serif;
      line-height: 1.2;
      color: #818181;
  }
  p, ul, li, td { color:#666; font-size:13PX;}
   p strong { color:#38679d !important; font-size:16px !important;}
  h2 {
      font-size: 28px; font-family:Verdana, Geneva, sans-serif;
	  \
	  
	  
      color: #303030;
      font-weight: 600;
      margin-bottom: 0px;
  }H5 { color:#333; font-size:16px;}
  h3 { color:#13aa9b; margin-bottom:10px !important; font-size:28px !important; margin-top:5px;  border-bottom:1px solid #999;}
   h3 span { color:#075d8e; font-size:18px;}
  h4 {
      line-height: 1.1em; width:100%;
       
      font-weight: 400;color:#36669c; font-size:18px; text-decoration:none; border-bottom:3px double #36669c; border-radius:5px;}

 .bg-primary h3, .bg-primary p, .bg-primary ul li { color:#FFF !important;}

  .jumbotron {
      background-color: #f4511e;
      color: #fff;
      padding: 20px 25px;
      font-family: Montserrat, sans-serif;
  }
  .container-fluid {
      padding: 10px 20px 10px 10px !important; margin:0px;
  }
  table { margin:10px;}
  td { padding:5px; color:#333;}
  .director { background:url(../images/our-team.png) no-repeat center bottom;}
  .box { background:url(../images/box.png); padding: 8px 10px ; margin-top:10px; height:100% !important;}
  .main {
	margin: 0px; padding:0px !important;
	max-width: 1170px;
}
.galler-inner { padding:10px 0;}.navbar-right { margin-top:13px;}
.navbar-nav>li>a { padding:5px 10px !important; color:#333 !important; font-size:14px !important; background:none !important; font-weight:500; margin-top:0px;font-family:Tahoma, Geneva, sans-serif !important;}
  .navbar {    background: -webkit-linear-gradient(left, #3497db 50%, #FFF 50%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, #3497db 50%, #FFF 50%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #3497db 50%, #FFF 50%); /* For Fx 3.6 to 15 */
    background: linear-gradient(to right, #3497db 50%, #FFF 50%); /* Standard syntax (must be last) */  box-shadow:0px 1px 2px #000; position:relative; z-index:999;}
  .navbar-nav>li>a:hover, .navbar-nav>li>a.active { background:#13aa9b !important; color:#FFF !important;  }
  .navbar-right { background:#FFF !important; color:#333 !important; margin-top:10px;}
  .bg-grey {
      background-color: #f6f6f6;
  }
  .bg-info { background:#f2f9fd;}
  .content {    box-shadow:0px 1px 2px #000; padding-bottom:20px !important;}
.content h1 {
	font-family: 'Roboto Slab', serif;
	font-size:34px;
	text-align:center;
	font-weight:700;
	color:#fe2607;
	text-shadow:0px 1px 3px #222;
	margin:5px 0;
}
.content p {


	color:#333;
	margin:5px 0;
}
.btn-default { padding:5px;  border:1px solid #13aa9b; font-size:13px;   border-radius:5px; }
.btn-default:hover { background:#13aa9b;}
  .logo-small {
      color: #f4511e;
      font-size: 50px;
  }
  .logo {
	   margin:0px 0px !important; float:left !important;}
.text-center strong { font-size:18px; color:#1a39a0;}
  .thumbnail {
      padding: 0 0 15px 0;
      border: none;
      border-radius: 0;
  }
  .thumbnail img {
      width: 100%;
      height: 100%;
      margin-bottom: 10px;
  }
 .product { border:1px solid #f1eded; margin:5px; width:48%; float:left;  padding:10px;}
 .product1 { border:1px solid #f1eded; margin:3px; width:24%; float:left;   padding:8px;}
 .product:hover,  .product1:hover { border:1px solid #fe2708;}
  .product1 h4 { float:left;} 
  .img { float:right; margin:5px 0 5px 10px; padding:1px; border: 1px solid #333;}
  
  .img:hover { border:1px solid #fe2708;}
.text { width:150px; height:150px; z-index:999; background:url(../images/Untitled-1.jpg) !important; padding: 35px 0 0 0px; border-radius:50%; position:relative; margin:-110px 0 0 75px; }
.text h3 { border:none; width:100%; text-align:center; }
.text p a { text-align:center; color:#3497db !important; width:100%; text-align:center !important; float:none !important;}
  .panel {
      border: 1px solid #cf2228; margin-top:10px; padding:0px 10px;
      border-radius:0 !important; text-align:left !important;
      transition: box-shadow 0.5s;	box-shadow:inset 0px 0px 10px #CCC;"
  }
  .navbar-toggle { background:#fff !important;}
    @media screen and (max-width: 1285px){ .contact { width:45.7% !important; margin:60px 0 0 27.3% !important;}
	}
	
	
	@media screen and (max-width: 800px) {.product1 { width:40% !important;   }.logo { background:#3497db;}.nav .navbar-nav .navbar-right { margin-top:-80px !important;} .text { margin-left:112px;}}
  @media screen and (max-width: 768px) {
    .col-sm-4 {
      text-align: center;
      margin: 25px 0;
    } 
    .btn-lg {
        width: 100%;
        margin-bottom: 15px;
    }  #portfolio li {
    width: 45%;
  }.product {  width:98%;} .text { margin-left:102px;}
	  .contact { width:50% !important; margin:70px 0 0 33% !important;}.nav .navbar-nav .navbar-right { margin-top:-80px !important;}
	
  }
  @media screen and (max-width: 980px){
  .contact { width:60% !important; margin:60px 0 0 20% !important;}
  .navbar-nav>li>a { padding:10px 5px !important; font-size:14px !important;}
  }
  @media screen and (max-width: 480px) {
	  .contact { width:98.5% !important; margin:10px 0 0 1% !important; }#contact { background:#fff !important;}
    .logo { margin-top:50px !important;
        font-size: 150px;
    }.navbar { background:#3497db !important; }}
   @media screen and (max-width: 360px)  {
	  .contact { width:100% !important; margin:10px 0 0 0 !important; }.product1 { width:90% !important;}
    .logo {
        font-size: 150px;
    } 
	.text { margin-left:32px;}.navbar { background:#3497db !important;}#contact { background:#fff !important;}}
	iframe { border-top:8px solid #3497db;  border-top-left-radius:30PX;border-top-right-radius:30PX; border-bottom:none; border-left:0px; border-right:0px; background:#e0f1fc !important;  }
footer { background: -webkit-linear-gradient(left, #333 70%, #13aa9b 30%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, #333 70%, #13aa9b 30%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #333 70%, #13aa9b 30%); /* For Fx 3.6 to 15 */
    background: linear-gradient(to right, #333 70%, #13aa9b 30%); /* Standard syntax (must be last) */  padding:5px 0px !important; margin-top:0px; box-shadow:0px 3px 1px #000;
	-moz-box-shadow:0px 3px 1px #000;
	-webkit-box-shadow:0px 3px 1px #000;}
	  
	 
	 .foot-main{float:left; Width:99%; Height:auto;  text-decoration:none; line-Height: 17px;margin:0px 0px 0 0px !important;}
.foot-main img { float:right; margin:0px 0;  }

.foot-main p { color:#fff;   font-size:13px ; opacity:100% !important; float:left; text-align:left; margin:15px 0 0 0px !important;}
#contact { width:100%; margin-left:0%;
	padding: 5px 0 70px; margin-bottom:0px; margin-top:0px;
	
	z-index:999; float:left;
	background:url(../images/CONTACT_GREEN+GUY1.jpg) center top no-repeat;
	text-align:center;
	
	
}

.contact { width:38.4%; margin:60px 0 0 31.1%; }

.contact h3 { color:#38679d; font-size:20px !important; font-weight:bold; text-shadow:1px 1px 1px #FFF; }
.contact p a{
font-family:Arial, Helvetica, sans-serif;
	font-size:13px; color:#333;
	 text-decoration:none; width:auto !important; float:left !important;

	margin:0px 0px 0px 5px;
}
.contact p { line-height:20px;  margin-left:0px ; float:left !important; text-align:left; margin-bottom:5px; margin-right:5px;  color:#333; width:99%;}
.contact p a:hover{ text-decoration:underline; color:#13aa9b;}
.contact p b {
	font-size:14px; text-align:center; float:left; 
	color:#333;    width:auto !important; 
	font-weight:bold;

	margin:0px 0px 0px 0px;
}
.gap { width:100%; margin:0px; padding:0px; height:5px;}

.button {
	height:28px;
	width:80px;
	border:none;
	cursor:pointer;
	color:#FFFFFF !important;
	font-family: Arial!important;
	border:1px solid #FFFFFF;
	font-weight:bold;
	box-shadow: 0px 3px 0px #262f34 !important;
	-moz-box-shadow: 0px 3px 0px #262f34 !important;
	-webkit-box-shadow: 0px 3px 0px #262f34 !important;
	float:right !important;
	margin-top:0px !important;
	margin-right:15px !important;background:#13aa9b !important;	

}
.button:hover {
background:#3497db !important;
}

  .control-label { color:#333; font-weight:normal; font-size:13px !important;}
.form-group { width:100%; float:left;}
.form-horizontal { width:100%; float:left;}
.enquiry_form { margin-top:20px; float:left;}





  .clearfix {overflow: auto;zoom: 1;}
.home-two {
	padding:25px; opacity:0.9;	
	background:url(../images/header.jpg)0 0 repeat; 
    -webkit-animation: animate_background 15s linear 0s infinite;
    -moz-animation: animate_background 15s linear 0s infinite;
    -o-animation: animate_background 15s linear 0s infinite;
    animation: animate_background 15s linear 0s infinite;
}