body { text-align:justify;
      font: 400 15px Lato, sans-serif;
      line-height: 1.2;
      color: #818181;
  }
  p, ul, td { color:#333; font-size:13px;}
  h2 {
      font-size: 24px;
      color: #FFF;
      font-weight: 600; margin-top:5px; margin-bottom:15px; text-align:center; border-bottom:1px solid #FFF;  
     
  }H5 { color:#333; font-size:16px;}
  h3 { color:#e7096c; margin-bottom:10px !important; font-size:20px; margin-top:5px;  border-bottom:1px solid #999;}
   h3 span { color:#075d8e; font-size:18px;}
  h4 {
      font-size: 16px;
      line-height: 1.1em; width:100%;
      color: #1f81b5; 
      font-weight: 400; text-decoration:underline;
      margin: 10px 0;
  }  
  .control-label { color:#333;}
  .jumbotron {
      background-color: #f4511e;
      color: #fff;
      padding: 20px 25px;
      font-family: Montserrat, sans-serif;
  }
  .container-fluid {
      padding: 10px 20px 0px !important; margin:0px;
  }
  #slider {  z-index:-999999 !important; border-top:4px solid #e7096c; border-bottom:4px solid #e7096c;}
  table { margin:10px 5px;}
  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: 0 auto;
	max-width: 1024px;
}
.top-head {
	padding:10px 0;
	margin:0px 0px 4px 0px; width:100%;
	background:#1f1a17;  float:left;
	box-shadow:0px 1px 3px #000;
	-moz-box-shadow:0px 1px 3px #000;
	-webkit-box-shadow:0px 1px 3px #000;

}.navbar-right li a:hover { background:url(../images/fh.png) no-repeat !important;}
 .navbar-right li a { padding:0px !important; width:30px; margin-top:12px; text-align:left; height:30px;  background:url(../images/f.png) no-repeat !important;}
 .navbar-right { float:right; margin-right:10px;}
.navbar-nav>li>a { padding:8px 35px !important;}
  .navbar { background:#2977b9; border-bottom:4px solid #e7096c;    box-shadow:0px 1px 2px #000; position:relative; z-index:999;}
  .navbar-nav>li>a:hover, .navbar-nav>li>a.active {color:#FFF !important; background:#e7096c;}
  .bg-grey {
      background-color: #f6f6f6;
  }
  


.galler-inner {
	padding:10px 0;
}



#portfolio {
  display:inline-block; float:none;text-align:center !important; padding:0px 0 10px; margin:0px; width:100 !important; }

#portfolio li {
  display:inline-block; text-align:center; width:17%;  
 
 font-size:16px; padding:0px !important;
}


#portfolio li a {
  display: block;
  background: #000; padding:0px !important;
 
} 
  
  
  /** media queries **/
@media screen and (max-width: 780px) @media screen and (max-width: 980px) {
  #portfolio li {

  } #portfolio { 
    text-align: center;
  }
  
}

@media screen and (max-width: 550px) {
  #portfolio { 
    text-align: center;
  }
  
  #portfolio li {
    float: none;
    display: inline-block;
   
    margin-bottom: 30px;
  }
}
/* gallery coading end */


  .content {    box-shadow:0px 1px 2px #000; margin-top:3px; padding-bottom:10px !important; padding-top:12px; }
.content h1 {
	font-size:30px;
	font-weight:700;
	color:#1995e8; border-bottom:1px solid #999;
	text-shadow:0px 1px 1px #222;
	margin:8px 0;
}
.content p {

	font-weight:500;
	color:#333;
	margin:5px 0;
}
.btn-default { padding:5px 10px; border:1px solid #2977b9; margin-bottom:10px; border-radius:5px; }
.btn-default:hover { border-color:#e7096c; background:#f56daa; text-decoration:none;}
  .bg-purple { background-color:#c770ca;}
  .logo-small {
      color: #f4511e;
      font-size: 50px;
  }
  .logo {
      color: #f4511e;
      font-size: 200px;
  }.email {  margin:20px 10px 0px 0px; padding:0px 20px 0 0px; width:auto; float:right;}
.email p,  .email p a { color:#333; text-decoration:none;}
.email p b { color:#e7096c; font-size:14px;}
.email p a:hover { text-decoration:underline;color:#e7096c;}
.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;
  }
 

  .logoimg { margin:12px 0 15px;}
 .product img { border-radius:50%; box-shadow:0px 2px 2px #999 ;}
 .product h4 { color:#5f2661;}
 .home { margin-top:30px !important;}
  
  .item h4 {
      font-size: 19px;
      line-height: 1.375em;
      font-weight: 400;
      font-style: italic;
      margin: 70px 0;
  }
  .item span {
      font-style: normal;
  }   .product { padding-bottom:20px;}
  .panel {
      border: 1px solid #C99; margin:0px; padding:0px 10px; 
      border-radius:0 !important;
      transition: box-shadow 0.5s;	box-shadow:inset 0px 0px 10px #CCC;"
  } .img { float:right; margin:5px 0 5px 10px; padding:1px; border: 1px solid #1f81b5;}
  
  
  @media screen and (max-width: 768px) {
    .col-sm-4 {
      text-align: center;
      margin: 25px 0;
    }
    .btn-lg {
        width: 100%;
        margin-bottom: 15px;
    }
	
  }
  @media screen and (max-width: 980px){
 
  .navbar-nav>li>a { padding:10px 20px !important; font-size:14px !important;}
  }
  @media screen and (max-width: 480px) {
    .logo {
        font-size: 150px;
    }}
 
footer {
      background: #000 !important; padding:5px 0px !important; margin-top:10px; box-shadow:1px 3px 0px #000;
	-moz-box-shadow:1px 3px 0px #000;
	-webkit-box-shadow:1px 3px 0px #000;}
	  
	 
	 .foot-main{float:left; Width:99%; Height:auto;  text-decoration:none; line-Height: 20px;margin:0px 0px 0 0px !important;}
.foot-main img { float:right; margin:0px 0;  }

.foot-main p { color:#fff;   font-size:14px ; opacity:100% !important; float:left; text-align:left; margin:2px 0 0 0px !important;}
.contact {
	padding: 0.2% 1% 1%; margin-bottom:10px; margin-top:0px;
	
	z-index:999;
	
}
.contact H3 {font-size:18PX; text-decoration:underline; border:none; color:#2977b9; }


.contact p a{
font-family:Arial, Helvetica, sans-serif;
	font-size:14px; color:#333;
	Width:auto; text-decoration:none;

	margin:0px 0px 0px 2px;
}
.contact p { line-height:25px; margin-left:0px ; margin-bottom:0px; margin-right:20px; width:93%; color:#333;}
.contact p a:hover{ text-decoration:underline; color:#e7096c;}
.contact p b {
	font-size:14px;
	color:#333; 
	font-weight:bold;

	margin:10px 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:#2977b9 !important;	

}
.button:hover {
background:#e7096c !important;
}

.form-group { width:100%; float:left;}
.form-horizontal { width:100%; float:left;}
.enquiry_form { margin-top:20px; float:left;}

/* media size 420 start */
@media only screen and (max-width: 420px) { 
.top-head-inner a span {
	display:none;
}}
@media screen and (max-width: 768px) {
.top-head-inner a span1 {
	display:none;
}}