@charset "UTF-8";
input:focus{
	outline:0px;
}

textarea:focus{
	outline:0px;
}

select:focus{
	outline:0px;
}



@font-face {
    font-family: 'radikalblack';
    src: url('fonts/nootype_-_radikal_black-webfont.eot');
    src: url('fonts/nootype_-_radikal_black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nootype_-_radikal_black-webfont.woff2') format('woff2'),
         url('fonts/nootype_-_radikal_black-webfont.woff') format('woff'),
         url('fonts/nootype_-_radikal_black-webfont.ttf') format('truetype'),
         url('fonts/nootype_-_radikal_black-webfont.svg#radikalblack') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'radikalbold';
    src: url('fonts/nootype_-_radikal_bold-webfont.eot');
    src: url('fonts/nootype_-_radikal_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nootype_-_radikal_bold-webfont.woff2') format('woff2'),
         url('fonts/nootype_-_radikal_bold-webfont.woff') format('woff'),
         url('fonts/nootype_-_radikal_bold-webfont.ttf') format('truetype'),
         url('fonts/nootype_-_radikal_bold-webfont.svg#radikalbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'radikallight';
    src: url('fonts/nootype_-_radikal_light-webfont.eot');
    src: url('fonts/nootype_-_radikal_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nootype_-_radikal_light-webfont.woff2') format('woff2'),
         url('fonts/nootype_-_radikal_light-webfont.woff') format('woff'),
         url('fonts/nootype_-_radikal_light-webfont.ttf') format('truetype'),
         url('fonts/nootype_-_radikal_light-webfont.svg#radikallight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'radikalmedium';
    src: url('fonts/nootype_-_radikal_medium-webfont.eot');
    src: url('fonts/nootype_-_radikal_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nootype_-_radikal_medium-webfont.woff2') format('woff2'),
         url('fonts/nootype_-_radikal_medium-webfont.woff') format('woff'),
         url('fonts/nootype_-_radikal_medium-webfont.ttf') format('truetype'),
         url('fonts/nootype_-_radikal_medium-webfont.svg#radikalmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'radikalthin';
    src: url('fonts/nootype_-_radikal_thin-webfont.eot');
    src: url('fonts/nootype_-_radikal_thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nootype_-_radikal_thin-webfont.woff2') format('woff2'),
         url('fonts/nootype_-_radikal_thin-webfont.woff') format('woff'),
         url('fonts/nootype_-_radikal_thin-webfont.ttf') format('truetype'),
         url('fonts/nootype_-_radikal_thin-webfont.svg#radikalthin') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'radikalultrathin';
    src: url('fonts/nootype_-_radikal_ultrathin-webfont.eot');
    src: url('fonts/nootype_-_radikal_ultrathin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nootype_-_radikal_ultrathin-webfont.woff2') format('woff2'),
         url('fonts/nootype_-_radikal_ultrathin-webfont.woff') format('woff'),
         url('fonts/nootype_-_radikal_ultrathin-webfont.ttf') format('truetype'),
         url('fonts/nootype_-_radikal_ultrathin-webfont.svg#radikalultrathin') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'radikalregular';
    src: url('fonts/nootype_-_radikal-webfont.eot');
    src: url('fonts/nootype_-_radikal-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nootype_-_radikal-webfont.woff2') format('woff2'),
         url('fonts/nootype_-_radikal-webfont.woff') format('woff'),
         url('fonts/nootype_-_radikal-webfont.ttf') format('truetype'),
         url('fonts/nootype_-_radikal-webfont.svg#radikalregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}


body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering:optimizeLegibility;
	margin-left:				0px;
	margin-right:				0px;
	margin-bottom:				0px;
	margin-top:					0px;
	background-color:			#ffffff;
	color:						#4c4c4c;
}

.no-padding {
	padding-left:				0px;
	padding-right:				0px;
	width:						100%;
}

.clear {
	clear:						both;
}

.column {
	padding-left:				0px;
	padding-right:				0px;
	padding-bottom:				0px;
	padding-top:				0px;
}

.logo {
	display:					block;
	background-image:			url(images/logo-porfolio.png);
	background-repeat:			no-repeat;
	background-size:			contain;
	width:						198px;
	height:						106px;
	margin-top:					60px;
	position:					absolute;
	z-index:					100;
	left:						0;
	right:						0;
	margin-left:				auto;
	margin-right:				auto;
	
}

.logo-footer {
	display:					block;
	background-image:			url(images/logo-portfolio-footer.png);
	background-repeat:			no-repeat;
	background-size:			contain;
	width:						143px;
	height:						77px;
	margin-top:					60px;
	position:					absolute;
	z-index:					100;
	left:						0;
	right:						0;
	margin-left:				auto;
	margin-right:				auto;
	
}

.menu-icon {
	display:					block;
	position:					fixed;
	z-index:					103;
	width:						53px;
	height:						53px;
	background-color:			#FFF;
	margin-top:					35px;
	margin-left:				41px;
	-webkit-border-radius: 		53px;
	-moz-border-radius: 		53px;
	border-radius: 				53px;	
	background-image:			url(images/icon-menu.png);
	background-repeat:			no-repeat;
	background-position:		center;
}

.subir-icon {
	display:					none;
	position:					fixed;
	z-index:					103;
	width:						53px;
	height:						53px;
	background-color:			#FFF;
	margin-top:					105px;
	margin-left:				41px;
	-webkit-border-radius: 		53px;
	-moz-border-radius: 		53px;
	border-radius: 				53px;	
	background-image:			url(images/icon-up.png);
	background-repeat:			no-repeat;
	background-position:		center;
	background-size:			50%;
}

.bajar-icon {
	display:					block;
	position:					fixed;
	z-index:					103;
	width:						53px;
	height:						53px;
	background-color:			#FFF;
	margin-top:					105px;
	margin-left:				41px;
	-webkit-border-radius: 		53px;
	-moz-border-radius: 		53px;
	border-radius: 				53px;	
	background-image:			url(images/icon-down.png);
	background-repeat:			no-repeat;
	background-position:		center;
	background-size:			50%;
}

.languages {
	display:					block;
	position:					absolute;
	float:						right;
	right:						55px;
	margin-top:					42px;
	font-family: 				'radikallight';
	font-size:					12px;
	z-index:					101;

}

.languages  a {
	font-family: 				'radikallight';
	font-size:					12px;
	color:						#5e676f;
	text-decoration:			none;
	line-height:				28px;
	display:					inline-block;
	float:						left;
}
.languages span.line {
	display:					inline-block;
	float:						left;
	height:						28px;
	width:						1px;
	background-color:			#5e676f;
	margin-left:				13px;
	margin-right:				13px;
}

.languages span.dot {
	display:					inline-block;
	float:						left;
	margin-left:				3px;
	margin-right:				3px;
	margin-top:					2px;
}

.languages  a:hover {
	text-decoration:			none;
	color:						#a8d52a;
}

.slider {
	display:					block;
	position:					relative;
	height:						100% !important;
	background-image:			url(images/loader.gif);
	background-repeat:			no-repeat;
	background-position:		center;
}

.slider .slide {
	display:					block;
	overflow:					hidden;
}

.slider .slide img {
	width:						100% !important;
	height:						100% !important;
}


.slider .slide .title {
	width:						100% !important;
	background-color:			#FFF;
	color:						#5e6770;
	font-size:					24px;
	line-height:				25px;
    font-family: 				'radikalthin';
	position:					absolute;
	bottom:						60px;
	padding-top:				26px;
	padding-bottom:				26px;
}


.slider .slide .title2 {
	width:						100% !important;
	color:						#5e6770;
	font-size:					18px;
	line-height:				22px;
    font-family: 				'radikalregular';
	position:					absolute;
	bottom:						60px;
	padding-top:				26px;
	padding-bottom:				26px;
}

.slider .slide .title b {
    font-family: 				'radikallight';
	font-weight:				normal;
}

.data {
	display:					block;
	position:					relative;
}

.grey {
	display:					block;
	background-color:			#f6f6f6;
}

.data .h1 {
    font-family: 				'radikallight';
	color:						#5e6770;
	font-size:					24px;
	line-height:				25px;
}

.data .h2 {
    font-family: 				'radikallight';
	color:						#5e6770;
	font-size:					24px;
	line-height:				25px;
	margin-top:					72px;
	margin-bottom:				48px;
}

.data .icon-green {
	margin-top:					72px;
	margin-bottom:				48px;

}


.data .icon-green-bottom {
	margin-bottom:				95px;
}

.data .icon-green-contact {
	margin-bottom:				67px;
}

.data .details {
    font-family: 				'radikalthin';
	color:						#5e676f;
	font-size:					18px;
	line-height:				22px;
	margin-bottom:				69px;
	margin-top:					25px;
}

.data .texto {
    font-family: 				'radikalthin';
	color:						#5e676f;
	font-size:					18px;
	line-height:				22px;
	padding-top:				65px;
	padding-bottom:				65px;
	padding-left:				10px;
	padding-right:				10px;
}

.data .col-title {
    font-family:				 'radikalregular';
	color:						#a8d52a;
	font-size:					24px;
	line-height:				25px;
	padding-top:				65px;
	padding-bottom:				47px;
	padding-left:				10px;
	padding-right:				10px;
}

.data .col-left {
    font-family: 				'radikalthin';
	color:						#5e676f;
	font-size:					18px;
	line-height:				22px;
	padding-top:				65px;
	padding-bottom:				65px;
	padding-left:				10px;
	padding-right:				10px;
}

.data .col-right {
    font-family: 				'radikalthin';
	color:						#5e676f;
	font-size:					18px;
	line-height:				22px;
	padding-top:				65px;
	padding-bottom:				65px;
	padding-left:				86px;
	padding-right:				86px;
}

.data .image {
	padding-top:				0px;
	padding-bottom:				0px;
	

}


.data .box-image {
	margin-top:					20px;
	display:					block;
	overflow:					hidden;
}

.data .box-image img{
	width:						100% !important;
}

.data .left-image {
	margin-right:				10px;
	margin-bottom:				20px;
	height:						347px;
	overflow:					hidden;
}

.data .right-image {
	margin-left:				10px;
	margin-bottom:				20px;
	height:						347px;
	overflow:					hidden;
}


.pagination {
	display:					block;
	right:						55px;
	margin-top:					20px;
	font-family: 				'radikallight';
	font-size:					12px;
	z-index:					101;
	line-height:				10px;
}

.pagination  a {
	font-family: 				'radikallight';
	font-size:					18px;
	line-height:				22px;
	display:					inline-block;
	position:					absolute;
	margin-top:					3px;
	color:						#5e676f;
	text-decoration:			none;
}
.pagination span.line {
	display:					inline-block;
	height:						28px;
	width:						2px;
	background-color:			#a8d52a;
	margin-left:				23px;
	margin-right:				13px;
}

.pagination  a:hover {
	color:						#a8d52a;
}

.pagination  a.sld {
	color:						#a8d52a;
}

.texto-banner  {
	display:					block;
	font-size:					35px;
	line-height:				40px;
	font-family: 				'radikalultrathin';
	margin-top:					100px;
	color:						#5e676f;
}

.texto-banner b {
	font-family: 				'radikallight';
}

.image-banner  {
	display:					block;
	text-align:					right;
}
.image-banner  img {
	width:						100% !important;
}

.buttom-image {
	display:					block;
	margin-bottom:				125px;
	
}

.parrallex-image {
	display:					block;
	width:						100% !important;
	height:						450px;
	overflow:					hidden;
}

.parrallex-image img {
	display:					block;
	width:						100% !important;
}

form  {
	margin-top:					126px;

}


.box-form {
	padding-bottom:				20px;
	padding-top:				20px;
	text-align:					center;
	
}

.box-form .tt {
	font-family: 				'radikallight';
	font-size:					20px;
	color:						#5e676f;
	margin-bottom:				40px;	
}

input[type=password] {
	display:					block;
	width:						100%;
	border:						none;
	border-bottom:				#a8d52a solid 1px;
	font-family: 				'radikallight';
	font-size:					18px;
	margin-top:					10px;
	padding-left:				20px;
	padding-right:				20px;
	margin-bottom:				30px;
	color:						#5e676f;
	padding-bottom:				4px;
}

input[type=text] {
	display:					block;
	width:						100%;
	border:						none;
	border-bottom:				#a8d52a solid 1px;
	font-family: 				'radikallight';
	font-size:					18px;
	margin-top:					10px;
	padding-left:				20px;
	padding-right:				20px;
	margin-bottom:				30px;
	color:						#5e676f;
	padding-bottom:				4px;
}

.box-form input[type=text]  {
	display:					inline-block;
	border-bottom:				#5e676f solid 1px;
	font-size:					18px;
	background-color:			transparent;
	text-align:					center;
	width:						80%;
}

.box-form input[type=password]  {
	display:					inline-block;
	border-bottom:				#5e676f solid 1px;
	background-color:			transparent;
	width:						80%;
	text-align:					center;
}

textarea {
	display:					block;
	width:						100%;
	border:						none;
	border-bottom:				#a8d52a solid 1px;
	font-family: 				'radikallight';
	font-size:					18px;
	margin-top:					10px;
	margin-bottom:				20px;
	padding-left:				20px;
	padding-right:				20px;
	height:						230px;
	color:						#5e676f;
}

input[type=submit] {
	font-family: 				'radikallight';
	font-size:					16px;
	color:						#a8d52a;
	text-transform:				uppercase;
	background-color:			#FFF;
	border:						none;
	float:						right;
	padding-right:				0px;
	padding-left:				0px;
}

input[type=reset] {
	font-family: 				'radikallight';
	font-size:					16px;
	color:						#a8d52a;
	background-color:			#FFF;
	border:						none;
	text-transform:				uppercase;
	float:						right;
	padding-right:				0px;
	padding-left:				0px;
}

input[type=submit]:hover {
	color:						#5e676f;
}
input[type=reset]:hover {
	color:						#5e676f;
}




form  span.dot {
	display:					inline-block;
	color:						#a8d52a;
	float:						right;
	margin-left:				5px;
	margin-right:				5px;
	margin-top:					2px;
}

.box-form form {
	margin-top:					0px !important;
	
}

.box-form  input[type=submit] {
	float:						none;
	display:					inline-block;
	background-color:			transparent;
}


.box-form  input[type=reset] {
	float:						none;
	display:					inline-block;
	background-color:			transparent;
}


.box-form  form  span.dot {
	float:						none;
	display:					inline-block;
}

.footer {
	display:					none;
	height:						275px;
	background-color:			#a8d52a;
}


.footer-effect {
	display:					block;
	height:						295px;
}



.footer-info {
	display:					block;
	text-align:					center;

}
.footer .footer-info .info {
	display:					inline-block;
	color:						#FFF;
	font-size:					18px;
	line-height:				22px;
	padding-top:				174px;
	font-family: 				'radikallight';
}

.footer .footer-info .info b {
    font-family: 				'radikalbold';
	font-weight:				normal;
}

.footer .footer-info  .slogan {
	display:					inline-block;
	color:						#FFF;
	font-size:					18px;
	line-height:				22px;
	margin-left:				60px;
	margin-right:				60px;
	padding-top:				154px;
	font-family: 				'radikallight';
}

.footer .footer-info  .phone {
	display:					inline-block;
	color:						#FFF;
	font-size:					18px;
	line-height:				22px;
	padding-top:				154px;
	font-family: 				'radikallight';
}

.green-color {
	color:						#a8d52a !important;
}

.iline span .green-color
{
color:						#a8d52a !important;
}

.green-color-destacado {
    font-family: 				'radikalregular';
	font-size:					18px;
	line-height:				22px;
	color:						#a8d52a;
	text-transform:				uppercase;
}


.title-content {
    font-family: 				'radikalultrathin';
	font-size:					24px;
	line-height:				25px;
}

.data strong {
    font-family: 				'radikalregular';
}

.indice-lista {
    font-family: 				'radikalregular';
	display:					inline-block;
	font-weight:				bold;
	padding-bottom:				10px;
}


.mtop-image-100 {
	margin-top:					100px;

}

.mtop-image-50 {
	margin-top:					50px;

}

.menu {
	background-color:			#FFF;
	margin-left:				0px;
	position:					fixed;
	left:						0px;
	z-index:					104;
	width:						280px;
	margin-left:				-280px;
	text-align:					center;
	
}

.menu .min-logo {
	display:					inline-block;
	background-image:			url(images/mini-logo.png);
	width:						51px;
	height:						51px;
	margin-top:					36px;
	margin-bottom:				25px;
	
}

.menu .links {
	display:					block;
}
.menu .links a{
	display:					block;
	text-align:					center;
	text-transform:				uppercase;
	font-size:					13px;
	line-height:				13px;
	font-family: 				'radikallight';
	color:						#5e676f;
	margin-bottom:				17px;
}

.menu .links a:hover {
	color:						#a8d52a;
	text-decoration:			none;
}


.menu .line {
	height:						1px;
	background-color:			#d0d2d3;
	margin-top:					10px;
	margin-bottom:				10px;
	display:					block;
}

.menu .sobre {
	display:					inline-block;
	background-image:			url(images/mini-sobre.png);
	background-size:			contain;
	background-repeat:			no-repeat;
	background-position:		center;
	width:						39px;
	height:						20px;
	margin-top:					0px;
	margin-bottom:				10px;
	
}

.menu .menu-info  {
	font-size:					14px;
}

.menu .menu-info span {
	display:					inline-block;
    font-family: 				'radikalregular';
	border-bottom:				#d0d2d3 solid 1px;
	padding-bottom:				10px;
	margin-bottom:				10px;
}

.menu .menu-info a {
    font-family: 				'radikalregular';
	color:						#5e676f;

}

.menu .menu-info a:hover {
	color:						#a8d52a;
	text-decoration:			none;
}

.menu .team .tt {
	font-family: 				'radikallight';
	color:						#5e676f;
	font-size:					14px;
	padding-top:				10px;
	margin-bottom:				5px;
}

.menu .team .item {
	font-family: 				'radikallight';
	color:						#5e676f;
	font-size:					12px;
	display:					block;
}

.menu .team .item b {
    font-family: 				'radikalregular';
	color:						#a8d52a;
	display:					block;
	font-weight:				normal;
}


.go-left {
	display:					inline-block;
	width:						40px;
	height:						73px;
	background-image:			url(images/icon-left.png);
	background-repeat:			no-repeat;
	background-size:			contain;
}


.go-right {
	display:					inline-block;
	width:						40px;
	height:						73px;
	background-image:			url(images/icon-right.png);
	background-repeat:			no-repeat;
	background-size:			contain;
}

.tt-project {
	font-family: 				'radikallight';
	color:						#5e676f;
	font-size:					24px;
	line-height:				25px;
	margin-bottom:				30px;
	margin-top:					90px;	
}

.iline {
	color:						#a8d52a;
	font-size:					18px;
	line-height:				22px;
    font-family: 				'radikalregular';
}

.iline span {
	color:						#5e676f;
	font-size:					18px;
	line-height:				22px;
	font-family: 				'radikallight';
}

.infolines {
	margin-top:					40px;
	margin-bottom:				80px;
	
}

.link-projects {
	display:					block;
	border-bottom:				#5e676f solid 1px;
	padding-top:				30px;
	padding-bottom:				30px;

}

.link-projects a {
	color:						#a8d52a;
	font-size:					24px;
	line-height:				25px;
    font-family: 				'radikallight';

}

.link-projects span.dot {
	color:						#a8d52a;
	font-size:					24px;
	line-height:				25px;
    font-family: 				'radikallight';

}

.link-projects span:last-child {
	display:					none;

}


.link-projects a:hover {
	color:						#5e676f;
	text-decoration:			none;
	
}

.link-projects a.sld {
	color:						#5e676f;
	
}



.box-zoom-effect img {
	 -webkit-transition: all 3s ease; /* Safari and Chrome */
    -moz-transition: all 3s ease; /* Firefox */
    -ms-transition: all 3s ease; /* IE 9 */
    -o-transition: all 3s ease; /* Opera */
    transition: all 3s ease;
}

.box-zoom-effect:hover img {
-webkit-transform:scale(1.15); /* Safari and Chrome */
    -moz-transform:scale(1.15); /* Firefox */
    -ms-transform:scale(1.15); /* IE 9 */
    -o-transform:scale(1.15); /* Opera */
     transform:scale(1.15);
}

.box-form {
	display:					block;
	margin-top:					400px;
	border:						#999ea5 solid 1px;
	
}

.big-image-resize {
	max-width:					1000px;
}

.iline span .green-color
{
color:						#a8d52a !important;
}

.slider .slide  img.social {
	width: auto !important;
	width: auto !important;
}