body { text-align:justify; font-size:15px; font-size:font-family: 'Roboto', sans-serif;;
      line-height: 1.5;       color: #818181;
  }

  .main-bg1 { width:100%; margin:0px; padding:0px 20px; border-top:#474843 4px solid;}

 
  h2 {
      font-size: 27px;
      
      color: #2cadd4; border-bottom:1px solid #2cadd4;
      font-weight: 600; margin-top:30px;
      margin-bottom: 10px;
  }
  h3 { color:#1198c9; border-bottom:1px solid
   #ccc; font-size:21px;}
  h4 {
      font-size: 18px;
      line-height: 1.1em; width:100%;3.2
	  
      color: #1a9acd;
      font-weight: bold; margin-top:20px;
      margin-bottom: 10px;border-bottom:1px solid #1a9acd; 
  } 
  h5 { color:#2cadd4; font-size:16px;} 
  .jumbotron {
      background-color: #f4511e;
      color: #fff;
      padding: 20px 25px;
    
  }
  .second-logo { margin-bottom:10PX; float:right;}
  .container-fluid {
      padding: 10px 20px 20px !important; margin:0px;
  }
  .bg-grey {
      background-color: #eee; border-bottom:1px solid #ddd; border-top:1px solid #ddd; margin:20px 0px 0px;
  }
  .logo-small {
      color: #f4511e;
      font-size: 50px;
  }
  .logo {
      color: #f4511e;
      font-size: 200px;
	  /*-------------email-----------------*/
  }.email, .email1 {  margin:15px 0px 0px !important; padding:0px 0px 0 0px; float:right; }
.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:#bc222c; font-size:15px;}
.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;}
/*----------------navbar----------------*/
 .navbar-nav { margin-top:0px; margin-bottom:0px;}
. collapse {background-color: #333;}
  .navbar {
      margin-bottom: 0;
      background-color: #ededed; box-shadow:1px 1px 4px #333; height:46px;
           border: 0;
      font-size: 13px !important; z-index:999;    
      border-radius: 0;
      font-family: Montserrat, sans-serif;
  } .navbar.navbar li a {  line-height:17px; padding:12px 30px ;font-size:14px !important;}
  .navbar.navbar li a {
      color: #333 !important;
  }
.navbar-nav li a:hover { color:#F00;}
  
.navbar-default .navbar-toggle {
      border-color: transparent; margin:11PX 10PX 11PX 0;
      color: #FFF !important; background:#cdcdcd;}
  .navbar-nav>.active>a:focus {background:#FFF !important;}
.navbar-collapse {background-color: #ededed !important; }
 .dropdown-menu li a { padding:5px 5px !important; border-bottom:1px solid #FFF; color:#333 !important;} 
.dropdown-menu { background:#cdcdcd;}
.marginBottom-0 {margin-bottom:0;}
 .dropdown-menu li a:hover { background:#333 !important; color:#FFF !important;}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:220px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
/*------------------finish navber------------------*/
.fa-arrow-circle-right, .fa-cloud-download, .fa-certificate, .fa-question-circle { font-size:25px !important;color:#105391;}
.btn-danger { background:#105391 ;}
.text-center strong { font-size:18px; color:#1a39a0;}

  .logoimg { margin:10px 0px;}

/*-------misson------------------*/

.rd-mor { border:1px solid #ccc; border-radius:20px; padding:6px 15px;}
.misson blockquote { padding:0px 0px 0 20px; margin:0px 20px; width:96%; font-size:15px;}
.media { margin-bottom:20px;}
.media-heading { margin:10px 0px !important; border-bottom:0px;}
.misson { margin:20px 0px;}
 .product img {box-shadow:0px 2px 2px #999 ;}
 .product h3 { text-decoration:underline; border:none;  }
 .product  { border-bottom:3px double #fff;border-top:3px double #fff;}
.product:hover  { border-bottom:3px double #aa1f23;border-top:3px double #aa1f23;}	
 .left-part {  text-align:justify; background:#666; margin-top:58px;}
 .left-part h3, .left-part p { color:#fff;}
  .btn-default { border:1px solid #999; font-size:13px !important;}
  .btn-default:hover { color:#105391; background:#fee3e3; border:1px solid #105391;}
.nav-tabs { margin-top:15px; margin-bottom:15px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li a:hover {
	background: none;

	border: 0px;
	color: #ff3300;
}
.nav-tabs>li a {
	color: #797776;
	font-size: 20px;
	padding: 5px 4px;
	font-weight: bold;
	line-height: 16px !important;
}
    .carousel { border-bottom:4px solid #ba2930;}
   
   .carousel-indicators li {
      border-color: #ba2930;
  }.carousel-control.right, .carousel-control.left {
      background-image: none; 
      color: #ba2930;
  }.carousel-indicators li.active {
      background-color: #ba2930;
  }
  
  .carousel-inner img {
      width: 100%; /* Set width to 100% */
      margin:0px;
      min-height:auto;
  }
  .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-blue-----*/
  .bg-blue { width:100%; background:#105391; padding:10px ; color:#fff; }
  .bg-blue h2 { color:#e0edf9;}
  .read-btn { padding:5px 15px; background:#8fc94c; font-size:15px; color:#fff;  text-align:center; float:right; margin: 30px auto  0px !important;}
  
  
  /*------video-----*/
  .video { border:2px solid #ddd; padding:4px 4px 0px; margin-top:30px;}
  .item h4 {
      font-size: 19px;
      line-height: 1.375em;
      font-weight: 400;
      font-style: italic;
      margin: 70px 0;
  }
  .item p { margin-bottom:20px !important;}
  .item span {
      font-style: normal;
  }   .product { padding-bottom:20px;}
  .panel {
      border:1px solid #ccc; margin-top:10px; background:none; 
      border-radius:0 !important; padding:0 5px 10px; width:99%; float:left;
      transition: box-shadow 0.5s; transition:0.5s;}
	   .panel:hover { border:1px solid #CCC; background:#f5f3f3
  } 
.panel-heading { font-size:21px; color:#333; margin-bottom:0px;}
  .img { float:right; margin:5px 0 5px 10px; padding:0px; border:1px solid #ccc; }
th {text-align:center;}
  td {  padding:5px 4px; text-align:left;}
  table { margin:10px 10PX 20px; border:1px solid #ccc; float:left;}
  .pro{ width:100%;}
  .pro h4 { float:left;}
 
/*-----project-----*/
.project { border:1px solid #ddd; padding:10px 15px; min-height:400px;}
  .project-video .video { border:2px solid #ddd; padding:4px 4px 0px; margin-top:10px; margin-bottom:30PX;}
.col-4 { padding:0px;}
  .col-mb { clear:both !important; z-index:999;}
  .pro-tab {  text-align:left;  border:1px solid #ccc; padding:0px 15px; margin:15px 0px; transition:3S; }
   .pro-tab:hover { border:2px solid #ba2930;}
  .pro-tab .img { float:none; margin:15px 0px;}
  .pro-tab ul li, h4, p { text-align:justify;}
  .boximg .img { margin:0px;}
.outerpadding{
    padding:10% 0%;}
.boximg{
	position:relative;
	overflow:hidden; border:1px solid #ccc;
	}
	
.boximg img{
		transition:all ease-in 500ms;
		border:none;
	}	
.boximg img:hover{
	transform:scale(1.3,1.3);
	cursor:pointer;
	
	}	
	
.boximg:hover{
	border:1px solid #ccc;
	}	
	
.date{
	 left: 0;
    position: absolute;
    top: 15px;
	padding:5px;
	background-color:none;
	opacity:0;
	transition:all ease-in 300ms;
	
	}	
	
.likebut{
	  background: none ;
    height: 25px;
    padding: 7px;
    position: absolute;
    right: 5px;
    top: 130px;
    width: 25px;
	opacity:0.4;
	transition:all ease-in 300ms;
	}
	
	
.boximg:hover .date{
	opacity:1;
	
	}	
.boximg:hover .likebut{
	opacity:1;
	
}
table td { padding:5px 15px;}
.news-button { margin:0px 0px 0 10px !important; background:#1198c9; padding:5px;}
.form-control { width:60% !important;}
.social-icon li a .fa { background:#666; width:35px; height:35px; text-align:center; border-radius:50%; border-bottom:0px; padding-top:10px; transition:3s;}
.social-icon li {border-bottom:0px !important;}
.social-icon li a .fa:hover { background:#1198c9;}
.data p, .data h3 { color:#FFF;}
.bg-black h4 { color:#1198c9 !important; text-decoration:none;  }
.bg-black { background: #1d1d1d center no-repeat; border-top:4px solid #105391; margin-top:0px; padding-bottom:8px !important;}  .sitemap ul { margin-left:5px !important; padding:0px !important;}
.sitemap ul li, .sitemap ul li a, .manu ul li { text-decoration:none; list-style:none !important; color:#666; line-height:30px; font-family:Arial, Helvetica, sans-serif; }
.sitemap ul li { border-bottom:1px solid #666;}
 .sitemap ul li { margin-left:0px;}
 .bg-grey p a { color:#666;}
   .sitemap ul li:hover { border-bottom:1px solid #666; }
  .sitemap ul li a:hover, .sitemap ul li:hover, .bg-grey p a:hover { color:#1198c9 !important;}
  .sitemap ul li a span { float:right;  font-size:11px;}
.sitemap ul li a:last-child { border-bottom:0px;}
 .bg-black p a { text-decoration:none; color:#FFF; font-size:14px !important;  }
.con p  { border-left:1px solid #666; padding:10px 0px 2px 40px; margin-bottom:0px;}
 .text li a i { color:#fff; text-decoration:none;font-size:18px;}
 .text { padding:0px 35px;}
.line1 { height:50px; margin:0px; padding:0px; background:#666; width:1px;}
.line { width:97%; height:1px; background:#666; float:left; margin:10px 0 10px 14px; }
footer { background:#ccc;}
.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:8px 0px 8px 0;  }
#enquiry_fill { background:#F00;}
.foot-main p { color:#333;   font-size:14px !important; opacity:100% !important; float:left; text-align:left; margin:14px 0 0 0px !important;}
/*-----------------enquiry----------------------------*/

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

	float: right !important; border-radius:5px;
	margin-top: 8px !important;
	margin-right: 15px !important;
	background: #105391 !important;
}
.button:hover {
	background: #333 !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:#ba2930; border-bottom:1px solid #ba2930;}
 .contact table td { padding:5px 15px; border:0px;}
.panel-body td, .panel-body th { padding:5px 10px;}
.productgallery {
	width: 98%;
	float: left;
	margin: 0px;
}
.col-md-3 {
	padding-left: 5px;
}
/*-----carasol---*/

/*-----------testimonal--------*/
/* carousel */
.test-img { width:100px !important; margin:auto !important; border-radius:50%; border:1px solid #ccc; padding:2px;} 
.testimonal { border:1px solid #ccc; padding:15px !important; margin-top:0px !important;}
#quote-carousel {
  padding: 0 10px 30px 10px;
  margin-top: 30px;
  text-align:center;
}
/* indicator position */
#quote-carousel .carousel-indicators {
  right: 50%;
  top: auto; 
  bottom: -10px;
  margin-right: -19px;
}
/* indicator color */
#quote-carousel .carousel-indicators li {
  background: #c0c0c0;
}
/* active indicator */
#quote-carousel .carousel-indicators .active {
  background: #333333;
  height:10px;
  width:10px;
  margin-bottom:1px;
}
/* typography */
h1 {
  text-align:center;
  margin-bottom:-20px !important;
}
p {
  font-style:italic;
}

footer {
	background: #ececec;
	padding: 0px 0px !important;
	box-shadow: 3px 2px 10px #000;
}
foot-main {
	float: left;
	Width: 99%;
	Height: auto;
	text-decoration: none;
	line-Height: 19px !important;
	margin: 10px 0px 0 0px !important;
}
.foot-main img {
	float: right;
	margin: 8px 0px 8px 0;
}
.foot-main p {
	color: #333;
	font-size: 13px !important;
	opacity: 100% !important;
	float: left;
	text-align: left;
	margin: 13px 0 0 0px !important;
}.map { max-width:99%; min-height:270px; margin-bottom:20px; border:1px solid #ccc;}
.map iframe { max-width:100%; width:500px; height:300px;}

#contact {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#contact a {
	color: #666;
}
#contact h3 {
	Height: auto;
	text-align: center;
	width: 97%;
	margin: 5px 0px 15px 5px;
	background: none;
	padding: 0px 0px 0px 0px;
	border: none;
	text-align: left;
	color: #1a9acd !important;
	text-decoration: underline;
	font-size: 18px;
	font-weight: bold;
}
#contact td a {
	font-family: Arial, Helvetica, sans-serif;
	color: #666 !important;
	Width: auto;
	text-decoration: none;
	margin: 0px 0px 0px 2px;
}
#contact td {
	font-size: 14px;
}
#contact p {
	line-height: 25px;
	margin-left: 20px;
	width: 97%;
}
#contact td a:hover {
	text-decoration: underline;
	color: #1a3346;
}
#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 {

	width: 80px;
	border: none;
	cursor: pointer;
	color: #FFFFFF !important;
	font-family:Gotham !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: 4px !important;
	margin-right: 15px !important;
	background: #bc222c !important;
}
.button:hover {
	background: #1a9acd !important; color:#333 !important;
}
.control-label {
	font-size: 13px;
	margin: 0px 0 0 0px; font-weight:normal;
	padding: 0px; line-height:14px;
}
.control-label span { color:#b21d1f; font-size:18px; margin:0px; padding:0px;}
.form-group {
	width: 100%;
	float: left;
}
.form-horizontal {
	width: 100%;
	float: left;
}
.enquiry_form {
	margin-left: 0px; float:right;
	padding: 20px 0px 10px 35px;
!important;
	float: left;
	width: 100%;
	opacity: 0.9; border:1px solid #CCC;
	border-radius: 20px;
	
}
.enquiry_form .txt_area1, .txt_box1, .select1 { width:100% !important;}

  @media screen and (max-width: 980px){
  .EIMG { visibility:hidden; }
  .navbar-nav>li>a { padding-left: 8px !important;padding-right: 8px !important; font-size:14px !important; }
  }
   @media screen and (max-width: 800px){
  .EIMG { margin:10px 0px !important; float:right; }
 .navbar-nav>li>a { padding-left: 8px !important;padding-right: 8px !important; }.EIMG { visibility:hidden; }
  }
  @media screen and (max-width: 768px) {
    .col-sm-4 {
      text-align: center;
      margin: 25px 0;
    } .EIMG { margin:0px 0px 10px !important; float:right; }
    .btn-lg {
        width: 100%;
        margin-bottom: 15px;
    } .navbar-nav>li>a { padding-left: 8px !important;padding-right: 8px !important; }.EIMG { visibility:hidden; }
  }
  @media screen and (max-width: 480px) {
 .logoimg { margin:auto;}.navbar-nav>li>a  { line-height:18px !important;}.second-logo { margin-bottom:10px;} .panel-body img { float:none; margin:10px 0 0px;}  h2 { font-size:16PX;} h3 { font-size:16PX;}
.EIMG { visibility:hidden; }.dropdown-submenu>.dropdown-menu{margin-left:0px;}
.navbar.navbar li a { line-height:16px;}]
.main-bg1 .socialicon ul li a i {  padding:2px 5px 0px !important; margin-top:0px !important; }.email, .email1 {  margin:0px 0px 0px !important;}
.con p  { border-left:0px !important;
border-top:1px solid #666 !important; padding:10px 0px 5px 0px; margin:0px;;}
.col-mb { display:inline;}
.col-pc { display:block;}
  } 
  /* 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;}
  }
  .EIMG { margin-top:-35PX; margin-bottom:20px !important; }
  
  .data { width:100%; border-radius:10px; margin-top:10px; border:5px solid #999; padding:0px 15px 10px;}
.parallax {
    /* The image used */
    background-image:url(../images/bg.jpg);

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Turn off parallax scrolling for tablets and phones. Increase the pixels if needed */
@media only screen and (max-device-width: 1024px) {
    .parallax {
        background-attachment: scroll;
    }
}