.radius(@topleft: 5px, @topright: 5px, @bottomleft: 5px, @bottomright: 5px) {

	-webkit-border-top-left-radius: @topleft;
	-webkit-border-top-right-radius: @topright;
	-webkit-border-bottom-right-radius: @bottomright;
	-webkit-border-bottom-left-radius: @bottomleft;
	-moz-border-radius-topleft: @topleft;
	-moz-border-radius-topright: @topright;
	-moz-border-radius-bottomright: @bottomright;
	-moz-border-radius-bottomleft: @bottomleft;
	border-top-left-radius: @topleft;
	border-top-right-radius: @topright;
	border-bottom-right-radius: @bottomright;
	border-bottom-left-radius: @bottomleft;


}

.about, .publications{
	margin-top: 105px;

	.text{
		width: 50%;
		height: 100%;
		float: left;
		padding-top: 55px;

		h2{
			font-family: 'Lato', sans-serif;
			font-weight: 300;
			font-size: 22px;
			color: #333333;
			text-transform: uppercase;
			padding-left: 80px;
			line-height: 53px;
			span{
				font-family: 'Lato', sans-serif;
				font-weight: 700;
				font-size: 14px;
				color: #333333;
				text-transform: uppercase;
				display: block;
				line-height: 10px;
				margin-top: -8px;
			}



			&.icon{
				margin-left: 80px;
				height: 53px;
				&.team{
					background: url(../images/team.png) top left no-repeat;
				}
				&.recruits{
					background: url(../images/recruits.png) top left no-repeat;
				}
				&.clients{
					background: url(../images/clients.png) top left no-repeat;
					line-height: 40px;
				}
				&.social{
					background: url(../images/social.png) top left no-repeat;
					line-height: 40px;
				}
			}

		}

		.para{
			margin-left: 80px;
			margin-right: 80px;
			border-bottom: solid 1px #d9d9d9;
			padding-bottom: 40px;

			p{
			font-family: 'Lato', sans-serif;
			font-weight: 300;
			font-size: 18px;
			color: #333333;	

				& + p {
				margin-top: 30px;
				}

			}

			a{
				width: 255px;
				height: 37px;
				background-color: #106c9c;
				font-family: 'Lato', sans-serif;
				font-weight: 300;
				font-size: 20px;
				color: #fff;
				text-transform: uppercase;
				margin-top: 30px;
				display: inline-block;
				line-height: 37px;
				text-align: center;
				text-decoration: none;
				border-radius: 2px;

			}

			.logo {
				display: inline-block;
				& + .logo {
					margin-left: 10px;
				}
				a { 
					background: none;
					display: inline;
					text-transform: none;
					color: #333;
				}
			} 

			ul {
				li {
					a {
						background: none;
						display: inline;
						text-transform: none;
						color: #333;
					}
				}
			}
		
		}

		


	}



}



.contact{
	margin-top: 105px;

	.text{
		width: 50%;
		height: 100%;
		float: left;
		padding-top: 55px;

		h2{
			font-family: 'Lato', sans-serif;
			font-weight: 700;
			font-size: 22px;
			color: #333333;
			text-transform: uppercase;
			line-height: 53px;
			span{
				font-family: 'Lato', sans-serif;
				font-weight: 700;
				font-size: 14px;
				color: #333333;
				text-transform: uppercase;
				display: block;
				line-height: 10px;
				margin-top: -8px;
			}



			&.icon{
				margin-left: 80px;
				height: 53px;
				&.goodhands{
					background: url(../images/goodhands.png) top left no-repeat;
				}
				&.vision{
					background: url(../images/vision.png) top left no-repeat;
				}
				&.social{
					background: url(../images/social.png) top left no-repeat;
					line-height: 40px;
				}
			}

		}

		.para{
			margin-left: 80px;
			margin-right: 80px;
			border-bottom: solid 1px #d9d9d9;
			padding-bottom: 40px;

				p{
					font-family: 'Lato', sans-serif;
					font-weight: 300;
					font-size: 18px;
					color: #333333;	
					margin-bottom: 20px;
					span{
						color: #106c9c;
						font-family: 'Lato', sans-serif;
						font-weight: 400;
						font-size: 18px;	
					}

					a {
						height: 24px;
						background-color: #106c9c;
						font-family: 'Lato', sans-serif;
						font-weight: 300;
						font-size: 18px;
						color: #fff;
						display: inline-block;
						line-height: 24px;
						text-align: center;
						text-decoration: none;
						border-radius: 2px;
						padding-left: 4px;
						padding-right: 4px;
					}
					
				}

				

		
		}

		


	}


}





body {
	margin: 0px;
	padding: 0px;
	font-family: 'Lato', sans-serif;
}

.fluid_container {
  margin: 0 auto;
  width: 100%;
}

header {
	height: 105px;
	background: #0c0d09;
	position: fixed;
	z-index: 4;
	top: 0px;
	left: 0px;
	right: 0px;
	text-align: center;
	h1 {
		height: 19px;
		display: inline-block;
		margin: 0px;
		padding: 0px;
		margin-top: 25px;
		margin-bottom: 26px;
		font-family: 'Lato', sans-serif;
		font-size: 25px;
		font-weight: 400;
		letter-spacing: 0.16em;
		color: #fff;
		text-transform: uppercase;

	}

	nav {
		position: absolute;
		bottom: 0px;
		left: 0px;
		right: 0px;
		ul {
			list-style: none;
			padding: 0px;
			margin: 0px;
			li {
				display: inline-block;
				a {
					color: #f5f5f5;
					font-size: 13px;
					text-transform: uppercase;
					text-decoration: none;
					display: block;
					height: 25px;
					border-bottom: 7px solid #0c0d09;
					padding-left: 15px;
				padding-right: 15px;

					&:hover, &.selected {
						color: #a4a4a4;
						border-bottom: 7px solid #b7b8b2;
					}
				}
				& + li {
					margin-left: 60px;
				}
			}
		}
	}
}

.camera_wrap {
	margin-top: 60px;
}


footer {
	background: #0c0d09;
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 30px;
	color: rgba(255, 255, 255, 0.2);
	line-height: 30px;
	font-size: 12px;
	padding-left: 10px;
	text-align: center;
	a {
		display: block;
		position: absolute;
		color: rgba(255, 255, 255, 0.2);
		text-decoration: none;
		top: 0px;
		right: 10px;
		height: 30px;
		line-height: 30px;
		span {
			display: block;
			float: right;
			width: 50px;
			margin-left: 5px;
			height: 18px;
			margin-top: 6px;
			opacity: 0.5;
			background: url("../images/guix.png");
			i {
				display: none;
			}

		}
		&:hover {
			span {
				opacity: 1;
			}
		}
	}
}



.pic{
	width: 50%;
	height: 100%;
	float: left;

	position: relative;
	overflow: hidden;

	img {
		position: absolute;
	}

	p{
		position: absolute;
		font-family: 'Lato', sans-serif;
		font-weight: 300;
		font-size: 36px;
		color: #fff;
		text-transform: uppercase;
		text-align: center;

		text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.7);
	}
}

.text {
	overflow-y: auto;
	padding-bottom: 100px;
}

.index{

	.slider{
		margin-top: 105px;
		position: relative;
		.carousel {
			position: relative;
			overflow: hidden;

			img {
				position: absolute;
				top: 0px;
				left: 0px;
				display: none;
			}

		}


		.gradient {
			position: absolute;
			z-index: 2;
		}

	}

	.info{
		margin-top: 40px;
		margin-right: auto;
		margin-left: auto;
		width: 950px;
		height: 315px;
		p{
			font-family: 'Lato', sans-serif;
			font-size:22px; 
			font-weight: 300;
			color: #333333;
			text-align: center;
			margin-bottom: 40px;
			span{
				font-weight: 700;
			}

		}

		.homeicons {
			text-align: center;

			.icons{
			//	padding-left: 30px;
			//	padding-left: 30px;
				display: block;
				float: left;
				margin-bottom: 40px;
				width: 25%;
				img{
					width: 100%;
				}
			}
		}
	}
}
.services{
	margin-top: 105px;

	.text{
		width: 50%;
		height: 100%;
		float: left;
		padding-top: 55px;

		.intro{
			font-family: 'Lato', sans-serif;
			font-weight: 700;
			font-size: 18px;
			color: #333333;
			font-style: italic;
		}

		h2{
			font-family: 'Lato', sans-serif;
			font-weight: 300;
			font-size: 22px;
			color: #333333;
			text-transform: uppercase;
			padding-left: 80px;
			line-height: 53px;
			span{
				font-family: 'Lato', sans-serif;
				font-weight: 700;
				font-size: 14px;
				color: #333333;
				text-transform: uppercase;
				display: block;
				line-height: 10px;
				margin-top: -8px;
			}



			&.icon{
				margin-left: 80px;
				height: 53px;
				&.goodhands{
					background: url(../images/goodhands.png) top left no-repeat;
				}
				&.vision{
					background: url(../images/vision.png) top left no-repeat;
				}
				&.social{
					background: url(../images/social.png) top left no-repeat;
					line-height: 40px;
				}
			}

		}

		.para{
			margin-left: 80px;
			margin-right: 80px;
			border-bottom: solid 1px #d9d9d9;
			padding-bottom: 40px;

				p{
				font-family: 'Lato', sans-serif;
				font-weight: 300;
				font-size: 18px;
				color: #333333;	
				}

				a{
					margin-top: 30px;
					float:left;
					width: 40px;
					height: 40px;
					display: inline-block;

					& + a{
					margin-left: 17px;
					}

					&.fb{
						background: url(../images/fb.png) top left no-repeat;
					}

					&.twitter{
						background: url(../images/twitter.png) top left no-repeat;
					}

					&.linkedin{
						background: url(../images/linkedin.png) top left no-repeat;
					}
				}

		
		}

		


	}

}