/**
 * 	
 *  Main Stylesheet
 *  
 * 
 *  @ author Muhammad Amir 
 *  @ copyright idl4.com
 * 
 */




/***      Basic Style       ***/



body{
	
	background: url(../images/bg.png) repeat-x top center,url(../images/bg-pattern.png) repeat #FFFFFF;
	font:14px Arial, Helvetica, sans-serif;
	padding-top: 40px;
	
	
}
html {
  scroll-behavior: smooth;
}
.space{
	height:10px;
}
.space-big{
	height:40px;
}

.space-small{
	height:30px;
}

a:hover{
	-webkit-transition: color 0.8s ease 0.1s;
	-moz-transition: color 0.8s ease 0.1s;
	-o-transition: color 0.8s ease 0.1s;
	-ms-transition: color 0.8s ease 0.1s;
	transition: color 0.8s ease 0.1s;
}



/***      Headings Style       ***/



h1{
	text-transform: uppercase;
	font-weight: normal;
	font-size: 24px;
	text-align: center;
}



/***      Title Bar Style       ***/


.titlehead{
	
	display: block;
	position: relative;
	color: #111;
	height:40px;
	line-height: 20px;
	margin: 30px 0;
	float: none;
	
	
}


.title-strip{
	height: 6px;
	width: 38px;
	border:1px solid #3fa700;
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -25px;
	margin-top: -5px;
	background-color: #3fa700;
}


.title-strip-box{
	width:100%;
	left: 14%;
	margin-left: -14%;
	position: absolute;
	height: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	color: #eee;
}



/***      Menu Style           ***/


.navbar .btn-navbar{
  color: #ffffff;
  text-transform:uppercase;
  font-family:Arial, Helvetica, sans-serif;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: -o-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #222222;
}

.navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled]{
	background:none;
	color:#3fa700;
}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner{

	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	
} 



.navbar-inner{
	background: #000 url(../images/navbar-bg.jpg) repeat-x;
	border:none;
}


.navbar .nav > li > a{
	color:#FFFFFF;
	text-shadow: none;
	font-weight:bold;
	text-transform: uppercase;
}


.navbar .nav > li > a:hover{
	color:#3fa700;
}

.navbar .nav > .active > a{
	color:#3fa700;
	background: none;
}

.navbar .nav > .active > a:hover{
	color:#FFFFFF;
	background: none;
}




/***      Header Style           ***/


.logo{
	padding:20px 0;
}




/***      Main Banner Style           ***/


#banner{
	border: 1px solid #F0F0F0;
	padding: 10px;
	box-shadow: -1px 4px 8px #ccc;
	-webkit-box-shadow: -1px 4px 8px #ccc;
	-moz-box-shadow: -1px 4px 8px #ccc;
	-o-box-shadow: -1px 4px 8px #ccc;
	-ms-box-shadow: -1px 4px 8px #ccc;
	
}

#banner .item{
	
	height: 425px;
	
}




/***      Page Style       ***/


.tag{
	color:#3fa700;
}


.thumbnail{
	padding:0px;
	box-shadow:none;
	border:none;
	
}
.thumbnail img{
	background:#fff;
	border-radius: 0px;
	-webkit-border-radius:0px;
	border:1px solid #EEEEEE;
	padding:5px;
	box-shadow:0px 3px 1px 0px #ccc;
	-webkit-box-shadow:0px 3px 1px 0px #ccc;
	-moz-box-shadow:0px 3px 1px 0px #ccc;
	-o-box-shadow:0px 3px 1px 0px #ccc;
	-ms-box-shadow:0px 3px 1px 0px #ccc;
}


.content p > b{
	color:#333;
	font-size:14px;
}


.content p{
	color:#333;
	text-align: justify;
}



/***    Project  Gallery Style           ***/




.project-gallery .thumbnail{
	margin-top:30px;
}



/*** Featured Products ***/
.product_title p{
 font-size:18px;
 font-weight:bold;
}


/***      Contact Page Style       ***/



.text{
	color:#333;
}

.info{
	text-align: center;
}

.info a{
	color:#333;
}

.info a:hover{
	color:#3fa700;
	text-decoration: none;
	
}

.info span{
	margin: 10px 10px;
	display: inline-block;
	font-weight: bold;
}



.social-nav{
	text-align: center;
	padding:20px 0px;
}

.social-nav a{
	margin:0px 3px;
}


.social-nav a img:hover{
	margin-top:-8px;
	-webkit-transition: all 0.4s ease 0.1s;
	-moz-transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	-ms-transition: all 0.4s ease 0.1s;
	transition: all 0.4s ease 0.1s;
	
}


/***      Inquiry Form Style       ***/


.inquiry-btn{
	position: fixed;
	right:0;
	    bottom: 10%;
	z-index: 999999;
}

.inquiry-btn a{
	color:#FFFFFF;
	background: #3fa700;
	text-align: center;
	padding: 8px 10px;
	border-radius: 4px;
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
	font-size:13px;
	font-weight: bold;
	z-index: 999999;
	
}


.inquiry-btn a:hover{
	text-decoration: none;
	background: #000000;
	-webkit-transition: all 0.6s ease 0.1s;
	-moz-transition: all 0.6s ease 0.1s;
	-o-transition: all 0.6s ease 0.1s;
	-ms-transition: all 0.6s ease 0.1s;
	transition: all 0.6s ease 0.1s;
}
.inquiry-btn a i{
	margin-right:6px;
	font-size:15px;
}



.btn-close{
	position: relative;
}

.btn-close a{
	color:#FFFFFF;
	position: absolute;
	left: -45px;
	bottom: -29px;
	background: #3fa700;
	width: 35px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 4px;
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
}

.btn-close a:hover{
	text-decoration: none;
	background: #000000;
	-webkit-transition: all 0.6s ease 0.1s;
	-moz-transition: all 0.6s ease 0.1s;
	-o-transition: all 0.6s ease 0.1s;
	-ms-transition: all 0.6s ease 0.1s;
	transition: all 0.6s ease 0.1s;
}

.inquiry-box{
	
	background: #FFFFFF;
	padding:0 10px;
	border:1px solid #EEEEEE;
	position: fixed;
	right:-279px;
	top:30%;
	z-index: 9999999;
	border-right: none;
	
	
	
}

.title{
	padding:10px;
	text-align: center;
	color:#aaa;
	font-weight:bold;
	background:#F5F5F5;
	background: -moz-linear-gradient(top, #F5F5F5, #ffffff);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#F5F5F5), to(#ffffff));
	background: -webkit-linear-gradient(top, #F5F5F5, #ffffff);
	background: -o-linear-gradient(top, #F5F5F5, #ffffff);
	background: linear-gradient(to bottom, #F5F5F5, #ffffff);
	background-repeat: repeat-x;
}

.inquiry-form ul li label{
	font-size:12px;
	color:#555;
	
}

.inquiry-form{
	margin:20px 0;	
}


.inquiry-form ul{
	
}


.inquiry-form ul li input{
	
	font-size:12px;
	color:#888888;
	
}

.inquiry-form ul li textarea{
	
	font-size:12px;
	color:#888888;
	
}
.btn-success{
	border:none;
	border-radius: 4px;
	color:#FFFFFF!important;
	background: #3fa700;
	cursor: pointer;
	padding: 2px 8px;
	text-shadow: none;
	border-radius: 4px;
}

.btn-success:hover{
	background: #000000;
	-webkit-transition: all 0.6s ease 0.1s;
	-moz-transition: all 0.6s ease 0.1s;
	-o-transition: all 0.6s ease 0.1s;
	-ms-transition: all 0.6s ease 0.1s;
	transition: all 0.6s ease 0.1s;
}




#profile,#mainproducts{
	padding:30px 0px;
}



/***      Footer Style       ***/


.footer{
	background: #000000;
	
}

.copyright{
	text-align: center;
	padding:15px 0px;
	color:#eee;
}

.copyright a:hover{
	
	text-decoration: none;
	color:#FFFFFF;
}