body { text-align:justify;
      font: 400 15px Lato, sans-serif;
      line-height: 1.2;
      color: #818181;
  }
  p, ul { color:#333;}
  h1 { color:#1e106c; text-decoration:underline;}
  h2 {
      font-size: 24px;
      text-transform: uppercase;
      color: #303030;
      font-weight: 600;
      margin-bottom: 0px;
  }H5 { color:#333; font-size:16px;}
  h3 { color:#fff; margin-bottom:10px !important; margin-top:5px;   border:dashed 1px #ff1833; background:#261897; padding:5px;}
   h3 span { color:#075d8e; font-size:18px;}
  h4 {
      font-size: 18px;
      line-height: 1.1em; width:100%;
      color: #261897; 
      font-weight: 400; border-bottom:1px solid #261897;
      margin: 10px 0 5px 0px;
  }  
  .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;
  }
  table { margin:10px 5px;}
  td { padding:5px 10px; color:#333;}
   td b { color:#fe193e;}
   td strong { color:#f9be2f;}
  .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:2px 0;
	margin:0px 0px 4px 0px; width:100%;
	background:#1e106c;  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 { 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-left:18px !important; padding-right:18px !important;}
  .navbar { background:#1e106c; border-bottom:4px solid #ff1833;    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:#ff1833 ;}
   .collapse li  a { line-height:15px !important; text-align:left;}
.dropdown-menu li a:hover { background:#241c82; color:#ffc11a !important;}
   .carousel {  border-bottom:#f50e14 solid 4px  ;}
  .carousel-control.right, .carousel-control.left {
      background-image: none; 
      color: #d45132;
  }  .carousel-indicators li {
      border-color: #1e139d !important;background-color: #ffbe18;
  }
  .carousel-indicators li.active {
      background-color: #f50e14;
  }
  
  .carousel-inner img {
      width: 100%; /* Set width to 100% */
      margin:0px;
      min-height:200px;
  }
  .carousel-caption h3 { border:none !important; margin:0px 0 10px ; color:#734049;}
.carousel-caption p { margin:0px 0 10px !important;}
  /* Hide the carousel text when the screen is less than 600 pixels wide */
  @media (max-width: 600px) {
    .carousel-caption {
      display: none; color:#333;
    }
	 .carousel-caption { color:#333;}
  }
  .bg-grey {
      background-color: #f6f6f6;
  }
  .bg-yellow { background:#fcd14e;}
  
  .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:#1995e8;
	text-shadow:0px 1px 3px #222;
	margin:5px 0;
}
.content p {

	text-align:center;
	font-weight:500;
	color:#e2e2e2;
	margin:5px 0;
}
.btn-default { padding:5px 10px; border:1px solid #1e106c; border-radius:5px; color:#1e106c;}
.btn-default:hover {border:1px solid #f91b33; background:#ffc11a;  color:#f91b33;}
  .bg-blue { background-color:#bdb4fb;}
  .logo-small {
      color: #f4511e;
      font-size: 50px;
  }
  .logo {
      color: #f4511e;
      font-size: 200px;
  }.email {  margin:25px 10px 10px 0px; padding:0px 20px 0 0px; width:auto; float:right;}
.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  { float:left; width:100%; border:1px dashed #ff1833; margin:5px 0px; padding:0px 15px ;-webkit-transition-property: border; /* Safari */
    -webkit-transition-duration:0.5s; /* Safari */
    transition-property: border;
    transition-duration: 0.5s;}
	.product:hover  { width:100%; border:4px solid #ff1833;box-shadow:0px 2px 2px #999; }
  .logoimg { margin:0px;}
 .product img { box-shadow:0px 2px 2px #999 ; border:1px solid #ff1833; margin-bottom:10px !important;}
 .product h4 { color: #ff1833; border-bottom:dashed 1px #ff1833;}
 .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 #ccc; margin-top:10px; padding:20px !important;
      border-radius:0 !important; background:none;
	  
      transition: box-shadow 0.5s;	box-shadow:inset 0px 0px 10px #CCC;"
  }
  .panel p { color:#fff;} .img { float:right; margin:5px 0 10px 10px; padding:1px; border: 1px solid #281777;}
 .panel h6 a { color:#ffc11a; font-size:18px; text-decoration:none;}
   .panel h6 a:hover { color:#896cf4 !important; text-decoration:none !important;}
  @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 5px !important; font-size:14px !important;}
  }
  @media screen and (max-width: 480px) {
    .logo {
        font-size: 150px;
    }}
 
 
 .carousel-inner img {
      width: 100%; /* Set width to 100% */
      margin: auto;
      min-height:200px;
  }  

  /* Hide the carousel text when the screen is less than 600 pixels wide */
  @media (max-width: 600px) {
    .carousel-caption {
      display: none; color:#333;
    }
	 .carousel-caption { color:#333;}  }
  
footer {
      background:url(../images/bg.jpg) !important; padding:8px 0px !important; margin-top:0px;    box-shadow:0px 1px 2px #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 h3 { color:#281777;}


#contact p a{
font-family:Arial, Helvetica, sans-serif;
	font-size:13px; color:#333;
	Width:auto; text-decoration:none;

	margin:0px 0px 0px 2px;
}
#contact p { line-height:25px; margin-left:10px ; margin-bottom:0px; margin-right:0px; width:96%; color:#333; font-size:13px;}
#contact p a:hover{ text-decoration:underline; color:#ffc616;}
#contact p b {
	font-size:14px;
	color:#333;
	font-weight:bold;

	margin:10px 0px 0px 0px;
}
.contact {
	
	padding:0px 0px 0px 0px;
}
.contact a {
	color:#666;
}

.contact h3 {
	Height: auto;width:97%; color:#281777;
	
	margin:5px 0px 15px 0px;
	background: none;
	padding:0px 0px 0px 0px; border:none;
	text-align:left; text-decoration:underline;
	font-size:18px;
	font-weight:bold;
}

.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:#241386 !important;	

}
.button:hover {
background:#ffc616 !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;
}#contact { width:100%; margin-left:0%;
	padding: 0.2% 1% 1%;}
@media screen and (max-width: 768px) {
.top-head-inner a span1 {
	display:none;
}}