@font-face {
	font-family: GothamLightRegular;
	src: url(Gotham-Light-Regular.otf);
}

:root {
	--collapsable-language-menu-virtual-card: block;
}

body
{
	height: 100vh;
}

.w-100
{
	width:100%;
}

.item-home
{
	color:#fff;
	font-family:GothamLightRegular;
	text-transform:uppercase;
	padding-top:25px;
	padding-bottom:25px;
	font-size:20px;
	cursor:pointer;
	opacity: 0.82;
	filter: alpha(opacity=82); /* For IE8 and earlier */
}

.item-home:hover
{
	/*
	opacity: 1;
	filter: alpha(opacity=100); 
	*/
	
	/* For IE8 and earlier */
}

.about
{
	background-color:#1693a9;
	border-top-left-radius:0 !important;
	border-top-right-radius:0 !important;
}

.services
{
	background-color:#b9c001;
	color:#fff;
	text-transform:uppercase;
	border-top-left-radius:0 !important;
	border-top-right-radius:0 !important;
}

.works
{
	background-color:#e67821;
	color:#fff;
	text-transform:uppercase;
	border-top-left-radius:0 !important;
	border-top-right-radius:0 !important;
}

.contacts
{
	color:#fff;
	text-transform:uppercase;
	background-color:#cf0b6f;
}

.foother
{
	background-color:#000000;
	color:#fff;
	text-align:center;
	border-bottom-left-radius:0 !important;
	border-bottom-right-radius:0 !important;
}

.foother a:last-child
{
	padding-right:0px;
}

.foother a img
{
	width:50px;
}

.foother a
{
	padding-left:10px;
	padding-right:10px;
}

.foother a:first-child
{
	padding-left:0px;
}

.no_selection {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select:none;
}

.top-share
{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.top-share li
{
	list-style:none;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
}

.top-share li img
{
	width:35px;
}

.title-section
{
	color:#fff;
	font-family:GothamLightRegular;
	text-transform:uppercase;
	font-size:60px;
	padding-left:35px;
	z-index:100;
}

.logo-section
{
	margin-left:10px;
	padding:15px 15px 15px 15px;
	width:130px;
	background-image:url(../images/black-50.png?1);
	z-index:100;
}

.logo-section img
{
	width:100px;
	border:0px;
}

.title-section-background
{
	color:#434343;
	font-family:GothamLightRegular;
	text-transform:uppercase;
	font-size:160px;
	top:-30px;
	margin-left:-60px;
	z-index:-200;
}

.logo_menu_header_language
{
	width: 50px;
	height: 30px;
}

.logo_menu_header
{
	width: 30px;
	height: 30px;
}

.logo_header
{
	width: 150px;
	height: 50px;
}

.select_language_card_navbar
{
	display: block;
}

.select_language_card_menu
{
	display: none;
}

.contenedor
{
    position: relative;
    display: inline-block;
    text-align: center;
}

.text_up_image
{
    position: absolute;
    top: 15%;
    left: 100%;
    transform: translate(-100%, -50%);
}

.size_text_up_image
{
	width: 10%;
	height: 30%;
	background-color: #986B4E;
	opacity: 0.6;
}

.text_bottom_image_one
{
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%, -100%);
}

.size_text_bottom_image_one
{
	width: 100%;
	height: 10%;
	background-color: #986B4E;
	/*opacity: 0.8; comentado por eudy */
}

.size_text_bottom_image_one_t
{
	width: 100%;
	height: 10%;
	opacity: 0.8;
}

.image_one_person
{
	position: absolute;
	top: -210%;
	left: 10%;
}

.size_image_one_person
{
	width: 150px;
	height: 250px;
}

.text_bottom_image_two
{
    position: absolute;
    top: 60%;
    left: 0%;
    transform: translate(0%, -20%);
}

.size_text_bottom_image_two
{
	width: 100%;
	height: 50%;
	background-color: black;
	opacity: 0.8;
}

.size_text_bottom_image_two_t
{
	width: 100%;
	height: 50%;
	opacity: 0.8;
}

.title_virtual_card
{
	font-size: 48px;
	font-weight: bold;
	color: white;
}

.ocupation_virtual_card
{
	font-size: 24px;
	color: white;
}

.skills_virtual_card
{
	font-size: 18px;
	color: white;
}

.color_footer
{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: black;
}

.logos_footer
{
	width: 75px;
	height: 75px;
}

@media screen and (max-width: 575px)
{
	.text_contact
	{
		margin-left: 3%;
	}
	.logos_footer
	{
		width: 50px;
		height: 50px;
	}
	.title_virtual_card
	{
		font-size: 36px;
		font-weight: bold;
		color: white;
	}

	.ocupation_virtual_card
	{
		font-size: 18px;
		color: white;
	}

	.skills_virtual_card
	{
		font-size: 14px;
		color: white;
	}
}