/*
Author: bootstrapgeek
Author site : http://www.bootstrapgeek.com	
*/

.submit {
    background: none repeat scroll 0 0 #90b356;
    border-style: solid;
    border-width: 0;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
    color: white;
    font-family: inherit;
    font-weight: bold;
    height: 50px;
    line-height: 1;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background-color 300ms ease-out 0s;
    width: 100%;
    border-radius: 0;
}

label {
	color: #630460;
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	display:block;
}

input.form-control[type="text"], input[type="password"], input[type="email"],input[type="number"],textarea {
    background-color: transparent;
    border: 2px solid #a8d164;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1) inset;
    color: #a8d164;
    font-size: 16px;
    font-weight: bold;
    height: 50px;
    margin-bottom: 20px;
}
input {
    border-radius: 0;
}
input.form-control[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], iinput[type="email"], input[type="number"], input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea{
    box-sizing: border-box;
    display: block;
    font-family: inherit;
    padding: 0.5em;
    transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s;
    width: 100%;
}
button, input {
    line-height: normal;
}

/*

green : #90b356

*/





body {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.6em;
}
h1,
h2,
h3,
h4,
h5 {
  font-weight: 600;
  text-transform: uppercase;
}
a {
	color:#4b6224;
	-webkit-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}

a:hover {
	color:#4b6224;
	-webkit-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}

.padd80 {
	padding:80px 0;
}

.padd40 {
	padding:40px 0;
}

.padd20 {
	padding:20px 0;
}

.gray-bg {
	background:#f9f9f9;
}

.dark-bg{
	background:#424242;
	color:#000;
}


.btn-green {
	background:#90b356;
	color:#fff;
}



/* list */

.social {
	margin:0;
	padding:0;
	list-style:none;
}

.social li {
	float:left;
	padding:10px;
}

.social li a {
	font-size:24px;
}







/* progress */

.progress {
	height: 32px !important;
}

.progress-bar {
	padding-left: 25px;
	line-height: 32px;
	text-align:left;
	padding-left:20px;
	font-weight: bold;
}

.progress-bar-green {
	background:#90b356;
}



/* section-header */

.section-header {
	margin-bottom:60px;
}

.section-header h2{ 
	font-size:52px;
}

@media screen and (max-width: 980px) {
.aboutme {
	margin-top:300px;
}	
}


#header {
	background:#a8d164;
	height: 687px;
	width: auto;
}

#header .main-caption {
	padding: 280px 0;
	color: #fff;
	text-align: center;
}

#header .main-caption  p{
	font-size: 16px;
}

#header .main-caption  h1{
	font-size: 86px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
}




@media (max-width:480px) {
	#header .main-caption  h1{
		font-size: 56px;
	}	
}




/* custom-nav */

.custom-nav {
		padding:20px 0;
		background:transparent;
		-webkit-transition:all 0.3s ease-out;
		transition:all 0.3s ease-out;
}

.custom-nav .nav li{

}

.custom-nav .nav li:hover a{
	background:transparent;
}

.custom-nav .nav li a{
	color: #fff;
	font-size: 18px;
}

@media (max-width:768px) {
	.custom-nav {
		background:#90b356;
	}
}



.navbar-brand {
	color: #fff;
	text-transform: uppercase;
	font-size: 28px;
	font-weight:bold;
}

.navbar-toggle {
	background:#fff;
}

.navbar-toggle .icon-bar {
	background:#90b356;
}


.top-nav-collapse {
	background:#fff;
	padding: 20px 0;

}

.top-nav-collapse .nav li a{
	color: #333;
	font-size: 18px;
}

.top-nav-collapse  .navbar-brand  {
	color:#333;
}



/* services */


.services {

}

.services-icon {
	margin-bottom:30px;
}

.services-icon i{
	color:#fff;
	padding: 20px;
	font-size: 56px;
	height: 104px;
	width: 104px;
	text-align: center;
	background: #90b356;
	line-height: 56px;
	border-radius: 4px;
}



/* green-bg */

.green-bg {
	background:#90b356;
}

.green-bg .section-header {
	color:#fff;
}

.green-bg p {
	color:#fff;
}






/* aboutme */


.aboutme img {
	border: 15px solid #f9f9f9;
	border-radius:4px;
}






/* portfolio */


.work-item {
	position: relative;
	text-align: center;
	width: 100%;
	margin-bottom:28px;
	-webkit-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}

.work-item .hover-mask {
	position: absolute;
	bottom:0;
	color: #fff;
	width: 100%;
	height: 100%;
	padding: 70px;
	display:none;

}

.work-item:hover .hover-mask {
	background: #90b356;
	display:block;
	cursor:pointer;

}



/* form  */


label {
	font-weight:normal;
}

.form-control {
	height:44px;
}