@charset "utf-8";
/* CSS Document */

/*@import url(//fonts.googleapis.com/css?family=Open+Sans);*/
body {
	font-family: 'Open Sans', sans-serif;
	padding-top: 40px;
	 }
p {
    font-size: 16px;
    line-height: 1.9;
    color: #7b7b7b;
	font-weight:300;
}
	 
/*navigation start*/
.navbar-brand > img {
    display: block;
    top: 2px;
    position: absolute;
}
.navbar {
	margin-bottom:0 !important;
	}
.navbar-default {
	background-color:#ffffff !important;
	border:none !important;
	border-bottom: #e7e7e7 solid 1px !important;
	/*height:70px !important;*/
	padding-top:0px;
	padding-bottom:5px;
	}
div#defaultNavbar1 {
    padding-top: 10px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    /*color: #ff8401 !important;*/
    /*background-color: #e7e7e7;*/
	/*background-color: #ffffff !important;*/
	background:transparent !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
/*.navbar-default .navbar-nav > li > a {
	font-weight:600;
	}*/
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	outline:none;
	}
	
.navbar-default .navbar-nav > li > a {
  color: #000000 !important;
  font-weight:600;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #777777 !important;
  /*background-color: transparent;*/
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  /*color: #555;*/
  color: #ff8401 !important;
  /*background-color: #e7e7e7;*/
  background-color: #ffffff !important;
}
.nav-down {
    /*padding: 5px 120px 5px 5px;
    top: 5px;
    right: 25px;
    bottom: 5px;*/
	top: 5px;
	right:30px;
}
header.nav-down ul {
    z-index: 99999;
}
/*navigation end*/

/*carousel style start*/
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: 70%;
    margin: auto;
  }
.carousel-control.left, .carousel-control.right {
	background:transparent !important;
	}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	width:100%;
	}
.carousel-caption {
    /*right: 20%;
    left: 20%;
    padding-bottom: 30px;*/
	right: 50% !important;
	left: 15% !important;
	padding-bottom: 30px;
	top: 37% !important;
}
.carousel-caption h1 span {
    color: #ff8401;
    font-weight: 800;
}
/*carousel style end*/

.glyphicon.glyphicon-envelope, .glyphicon.glyphicon-earphone, .glyphicon.glyphicon-user, span.glyphicon.glyphicon-phone, span.glyphicon.glyphicon-home, span.glyphicon.glyphicon-map-marker, span.glyphicon.glyphicon-lock, .glyphicon.glyphicon-list, .glyphicon.glyphicon-record {
	color:#008bae;
	}
.glyphicon.glyphicon-envelope span span {
	color:#000000
	}
	
	/*about start*/
h1 span {
	color:#ff8401;}
#about h3 {
	color:#008bae;
	font-weight:300;
	line-height: 1.4;
	}
	/*about end*/
	
	/*material start*/
#material {
	background-color:#f5f5fa
	}
#material h1 {
	color:#ff8401;
	}
#material img {
    margin-bottom: 30px;
}
	/*material end*/
	
	/*process start*/
	#process h1 span {
    color: #ff8401;
}

.thumbnail {
      /*padding: 0 0 15px 0 !important;*/
      border: none !important;
      border-radius: 0 !important;
	  background-color: #f5f5f5 !important;
	  /*padding-top: 15px !important;*/
	  padding:15px !important;
  }
.thumbnail:hover {
	background-color: #333333 !important;
	-webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
	}
.thumbnail img {
      /*width: 100%;
      height: 100%;*/
      margin-bottom: 10px;
  }
#process h3 {
    color: #ff8401;
}
	/*process end*/
	/*contact start*/
#contact {
	background-color:#f5f5f5;
	}
	/*contact end*/
	
.mat-widget {
	margin-bottom: 30px;
	background-color: #008bae;
	}
.mat-widget .mat-quick-contact {
	padding: 20px;
    margin: 0;
	}
.mat-widget .mat-quick-contact li {
	padding: 0;
    margin: 0 0 3px 0;
    list-style: none;
	color:#ffffff;
	}
/*.mat-widget .mat-quick-contact li i {
	width: 30px;
    float: left;
    font-size: 18px;
    position: relative;
    margin-top: 4px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
	}*/
	
	.mat-widget .mat-quick-contact li span {
	width: 30px;
    float: left;
    font-size: 18px;
    position: relative;
    margin-top: 4px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
	/*color: #ffffff;*/
	color:#ff8401;
	}
		/*.mat-widget .mat-quick-contact li a {
		color:#FFFFFF
		}*/
	
	/*contact start*/
	#contact form .input-group .form-control, #contact form span.input-group-addon, #contact form textarea#comment, .tab-pane .input-group .form-control, .tab-pane .form-group span.input-group-addon, #myModal5 .form-group span.input-group-addon {
    border-radius: 0;
    /*border-color: #008bae;*/
	background-color:#ffffff;
	}
	#myModal5
	
	.tab-pane .form-group span.input-group-addon {
    border-radius: 0;
	}
	
	.tab-pane .input-group .form-control, .tab-pane form span.input-group-addon {
	border-radius: 0;
    /*border-color: #008bae;*/
	background-color:#ffffff;
	}
	/*#contact form span.input-group-addon {
    border-radius: 0;
    background: #ffffff;
    border-color: #008bae;
	}
	#contact form textarea#comment {
    border-radius: 0;
	border-color: #008bae;
	}*/
	/*contact end*/
	
	#contact form .btn1, form.loginfm .btn1, button.btn.btn-default.btn-info.btn1 {
	background-color: #ff8401;
    border: none;
    border-radius: 0;
    color: #ffffff;
    box-shadow: #b46109 0px 3px 0px;
	-moz-box-shadow: #b46109 0px 3px 0px;
	-ms-box-shadow: #b46109 0px 3px 0px;
	-o-box-shadow: #b46109 0px 3px 0px;
	-webkit-box-shadow: #b46109 0px 3px 0px;
	width: 150px;
	}
	
	#contact form .btn1:hover, #contact form .btn1:focus, #contact form .btn1:active {
	background-color: #008bae;
	box-shadow: #04667e 0px 3px 0px;
	-moz-box-shadow: #04667e 0px 3px 0px;
	-ms-box-shadow: #04667e 0px 3px 0px;
	-o-box-shadow: #04667e 0px 3px 0px;
	-webkit-box-shadow: #04667e 0px 3px 0px;
	}
	
	footer {
		background:#26262a;
		}
	footer h4 {
		color:#ffffff;
		}
	.ftr {
		background:#212124;
		}
	footer p {
		color:#ffffff;
		font-size:12px;
		font-weight:400;
		}
	footer .mat-widget {
		background-color:#38383b;
		}
#about, #material, #process, #contact {
	/*padding-top:55px;*/
	padding-top:60px;
	}
#home { 
	/*padding-top:20px;*/
	}
#about h3::first-letter {
    font-weight: 800;
    font-size: 120%;
}
/*login form*/



.loginfm {
    padding: 5px 20px 20px 20px;
    /*background: #ffffff;*/
	/*background:url(../images/1px.jpg) repeat;*/
	background:url(../images/1px.png) repeat;
	/*opacity: 0.7;*/
	position:absolute;
	z-index:3;
	/*right:75px;*/
	right:90px;
	top:100px !important;
	/*width:100%;*/
}
.loginfm h3 {
    color: #000000;
}
.loginfm input {
	background:#ffffff;
	border-radius:0;
	}
.loginfm a {
    color: #ffffff;
}
.loginfm a span {
	color: #ffffff;
	}
.loginfm span {
    color: #ffffff;
}
.loginfm a strong {
    color: #000000;
}
			
.loginfm .btn2, a.btn.btnPrevious, a.btn.btnNext {
	background-color: #008bae;
    border: none;
    border-radius: 0;
    color: #ffffff;
    box-shadow: #015b72 0px 3px 0px;
	-moz-box-shadow: #015b72 0px 3px 0px;
	-ms-box-shadow: #015b72 0px 3px 0px;
	-o-box-shadow: #015b72 0px 3px 0px;
	-webkit-box-shadow: #015b72 0px 3px 0px;
	/*width: 150px;*/
	}
	body#maat_top .modal-content {
	}
.tab-content > .active {
     z-index: -1;
}
       
	
	/*#myModal {
    top: 50px;
}*/

/*login form end*/

/*Image hover effect start*/
.img_container {
    position: relative;
    /*width: 50%;*/
}
.image {
  /*opacity:0.5;*/
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}
.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}
.img_container:hover .image {
  opacity: 0.3;
}
.img_container:hover .middle {
  opacity: 1;
}
.mid_text {
  background-color: #4CAF50;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}
/*Image hover effect end*/

 /*to top*/
 	#back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background:#ff0000;
    color: #ffffff;
    cursor: pointer;
    border: 0;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
    opacity: 0;
	outline:none;
    background:#ff0000;
}
#back-to-top:hover {
    /*background: #e9ebec;*/
	opacity: 0.7;
	/* IE 8 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  	/* IE 5-7 */
 	 filter: alpha(opacity=70);
  	/* Netscape */
  	-moz-opacity: 0.7;
}
#back-to-top.show {
    opacity: 1;
}
form.loginfm select.form-control {
    border-radius: 0;
}
/*to top*/

@media (min-width: 768px) {	}
@media (max-width: 767px) {
	/*form.loginfm {
		width:350px;
		}*/
	.navbar-brand img {
    width: 100px;
    top: 5px;
	}
	.navbar-default .navbar-toggle {
    background: #FF8401 !important;
    border-radius: 0 !important;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #008bae !important;
	}
	.navbar-default .navbar-toggle {
		border-color: #ffffff !important;
		}
	.loginfm a{
		color:#ffffff
		}
		
	  .icon-bar {
	  color: #ffffff !important;
	  border-color: #ffffff !important;
	  background-color: #ffffff !important;
	  }
	  
	  form.loginfm {
	top: 22px !important;
	/*z-index: 25px;*/
	right:14%;
	}
	.carousel-inner .item .carousel-caption h1 {
    margin-top: -13px;
    font-size: 24px !important;
    margin-top: 3px;
    top: 0%;
	} 
	.carousel-indicators {
	display:none;
	}
	.carousel-caption h1 {
		 display:none;
	}
	#material img {
    margin-bottom: 76px;
    width: 300px;
    height: auto;
    margin: 0 auto 10px auto;
    margin-bottom: 25px;
	}
	}
	
@media (max-device-width: 480px) and (orientation: landscape) {}	
@media (max-device-width: 480px) ( min-device-width:360px) {
	form.loginfm {
	top:22px;
	}
	.carousel-caption h1 {
		 display:none;
	}
	}

@media (max-width: 360px) {
	
	form.loginfm {
	top: 22px !important;
	/*z-index: 25px;*/
	right:14%;
	}
		
	.carousel-caption h1 {
    /*padding-bottom: 50px;
    font-size: 24px;*/
	display:none;
	}
	/*#about, #material, #process, #contact {
	padding-top:300px;
	}*/
	.loginfm span {
		color:#666666;
		}
	.loginfm a{
		color:#666666
		}
	.modal-content {
		top:100px;
	}
	/*form.loginfm {
		top:22px !important;
		}*/
	/*form.loginfm {
		background:#ffffff !important;
		}*/	
	form.loginfm h3 {
    	margin-top: 0 !important;
		}
	.carousel-indicators li {
			display:none !important;
			}
	footer .list-inline > li {
			margin-bottom:10px;
			}
	form.loginfm .form-group {
    margin-bottom: 5px;
	}
	}
	
@media (max-width: 320px) {
		/*form.loginfm {
    		top: 22px !important;
	    	z-index: 25px;
			right:20%;
			}*/
	form.loginfm h3 {
    	margin-top: 0 !important;
		}
			
	.carousel-caption h1 {
		display:none;
		}
	}