/**
 * @license
 * MyFonts Webfont Build ID 3785302, 2019-07-12T23:49:53-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Faktum-Medium by Rene Bieder
 * URL: https://www.myfonts.com/fonts/rene-bieder/faktum/medium/
 * 
 * Webfont: Faktum-ExtraBold by Rene Bieder
 * URL: https://www.myfonts.com/fonts/rene-bieder/faktum/extra-bold/
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3785302
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright © 2019 by Rene Bieder. All rights reserved.
 * 
 * © 2019 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
/*@import url("//hello.myfonts.net/count/39c256");*/
  
@font-face {font-family: 'Faktum-Medium';
	src: url('webfonts/39C256_0_0.eot');
	src: url('../fonts/39C256_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/39C256_0_0.woff2') format('woff2'),url('../fonts/39C256_0_0.woff') format('woff'),url('../fonts/39C256_0_0.ttf') format('truetype'),url('../fonts/39C256_0_0.svg#wf') format('svg');}
 
  
@font-face {font-family: 'Faktum-ExtraBold';
	src: url('webfonts/39C256_1_0.eot');
	src: url('../fonts/39C256_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/39C256_1_0.woff2') format('woff2'),url('../fonts/39C256_1_0.woff') format('woff'),url('../fonts/39C256_1_0.ttf') format('truetype'),url('../fonts/39C256_1_0.svg#wf') format('svg');}

body {
	width: 100%;
	height: 100%;
	color: #fff;
	overflow-x: hidden;
}

html {
	width: 100%;
	height: 100%;
}

.navbar-custom {
	background-color: #000;
	margin-bottom: 0px;
}

.logoxs {
    width: 100px;
    position: absolute;
    left: 0;
    right: 0;
    top: 9px;
    margin-left: auto;
    margin-right: auto;
    display: none;
}
.navbar {
	position: fixed;
	top: 0;
	margin: 0 auto;
	display: block;
	width: 100%;
	height: 100px;
	padding-top: 10px;
	border-radius: 0px;
	box-shadow:0px -2px 10px black;
	z-index: 1;
}

.navxs {
	height: 72px;
	background-color: black;
	width: 100%;
	text-align: right;
	padding-top: 20px;
	padding-right: 30px;
	position: fixed;
	top: 0;
	z-index: 999;
}

.macrocontainer{
	width: 100%;
	background-color: #fafafa;
	padding: 0px;

}

.supercontainer{
	width: 90%;
	margin-right: auto;
  	margin-left: auto;
}

.container{
	width: 1170px;
}

h1 {
	font-family: 'Faktum-Medium';
	font-size: 78px;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	/* This needs to be set or some font faced fonts look bold on Mac in Chrome/Webkit based browsers. */
	-moz-osx-font-smoothing: grayscale;
	/* Fixes font bold issue in Firefox version 25+ on Mac */
}

h2 {
	font-family: 'Faktum-Medium';
	font-size: 32px;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	/* This needs to be set or some font faced fonts look bold on Mac in Chrome/Webkit based browsers. */
	-moz-osx-font-smoothing: grayscale;
	/* Fixes font bold issue in Firefox version 25+ on Mac */
}

h3 {
	font-family: 'Faktum-Medium';
	font-size: 52px;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	/* This needs to be set or some font faced fonts look bold on Mac in Chrome/Webkit based browsers. */
	-moz-osx-font-smoothing: grayscale;
	/* Fixes font bold issue in Firefox version 25+ on Mac */
}

h4 {
	font-family: 'Faktum-ExtraBold';
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 15px;
	-webkit-font-smoothing: antialiased;
	/* This needs to be set or some font faced fonts look bold on Mac in Chrome/Webkit based browsers. */
	-moz-osx-font-smoothing: grayscale;
	/* Fixes font bold issue in Firefox version 25+ on Mac */
}

h4.nav {
	font-family: 'Faktum-ExtraBold';
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 5px;
	-webkit-font-smoothing: antialiased;
	/* This needs to be set or some font faced fonts look bold on Mac in Chrome/Webkit based browsers. */
	-moz-osx-font-smoothing: grayscale;
	/* Fixes font bold issue in Firefox version 25+ on Mac */
}

h5 {
	font-family:  'Faktum-Medium';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	color: #000000;
	-webkit-font-smoothing: antialiased;
	/* This needs to be set or some font faced fonts look bold on Mac in Chrome/Webkit based browsers. */
	-moz-osx-font-smoothing: grayscale;
	/* Fixes font bold issue in Firefox version 25+ on Mac */
}

p {
	font-family: 'Faktum-Medium';
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	/* This needs to be set or some font faced fonts look bold on Mac in Chrome/Webkit based browsers. */
	-moz-osx-font-smoothing: grayscale;
	/* Fixes font bold issue in Firefox version 25+ on Mac */
}

p.mini {
	font-family: 'Faktum-Medium';
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	/* This needs to be set or some font faced fonts look bold on Mac in Chrome/Webkit based browsers. */
	-moz-osx-font-smoothing: grayscale;
	/* Fixes font bold issue in Firefox version 25+ on Mac */
}


p.micro {
	font-family: 'Faktum-Medium';
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	color: #000;
	-webkit-font-smoothing: antialiased;
	/* This needs to be set or some font faced fonts look bold on Mac in Chrome/Webkit based browsers. */
	-moz-osx-font-smoothing: grayscale;
	/* Fixes font bold issue in Firefox version 25+ on Mac */
}

a{
	color: #fff;
	text-decoration: none;
}

a:hover{
	color: #646464;
	text-decoration: none;
}

.green_01{
	background-color: #3cd52e;
	padding: 15px;
}

.green_02{
	margin-top: 100px;
	background-color: #3cd52e;
	padding: 15px;
}

.green_03{
	margin-top: 100px;
	background-color: #3cd52e;
	padding: 15px;
}

.badge_left_first{
	width: 70px;
	float: left;
}

.badge_left_last{
	width: 70px;
	float: left;
	margin-top: 50px;
}

.badge_right_first{
	width: 70px;
	float: right;
	margin-top: 50px;
}

.badge_right_last{
	width: 70px;
	float: right;
	margin-top: 50px;
}

.flex-container {
  display: flex;
}

#navsocial{
	margin-top: 10px;
	justify-content: space-between;
}

#navsocial img{
	width: 20px;
}

#top{
	width: 100%;
	color: #fff;
	background-image: url(../img/identicity_background_01_habitacional_IMG_0086_gra.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: 60px;
    margin-top: 70px;		
}

#logo{
	padding-top: 70px;
}

#logo img{
	max-width: 170px;
}

#header{
	margin-top: 120px;
}

#top-features{
	display: block;
	margin:140px auto 0px;
	text-align: center;
}

.specialitation h4{
	color: #3cd52e;
}

.specialitation{
	text-align: right;
}

.solutions h4{
	color: #000;
}

.solutions{
	text-align: left;
}

#intro{
	display: block;
	margin:140px auto 0px;
}

.introtxt{
	float: left;
}

#philosophy{
	display: block;
	margin:0px auto;
}

#philosophy img{
}

#future{
	display: block;
	margin:100px auto;
}

#future img{
}

#mantra{
	display: block;
	margin:0px auto 100px;
}

#philosophy img{
}

#instagram{

}

#instagram a{
	color: #000000;
}

#instagram a:hover{
	color: #646464;
}

#tags{
	display: block;
	margin: 50px auto auto 0;
	text-align: center;
    padding-bottom: 30px;
}

.navbar-brand {
	display:none;
	padding: 0px 0px;
}

footer {
	font-size: 12px;
	color: black;
	font-family: 'Faktum-Medium';
	text-align: center;
    padding-top: 50px;
}

footer a{
	font-size: 12px;
	color: black;
	font-family: 'Faktum-Medium';
}

footer h1{
	font-size: 12px;
	color: black;
	font-family: 'Faktum-ExtraBold';	
}

.foot2 {
	background-color: #F5F5F5;
	padding-top: 15px;
	padding-bottom: 15px;
	position: relative;
}

.aviso {
	color: #CCCCCC;
	right: 200px;
		font-family: 'Faktum-Medium';
	position: absolute;
    bottom: -4px;	
}

.aviso a{
	color: #CCCCCC;
}


.iden {
	position: absolute;
	color: black;
	right: 0;
	font-family: 'Faktum-Medium';
    bottom: -4px;	
}