.flag-projects-countries {
	float: left;
    width: 100%;
    text-align: center;
}

.flag-projects-countries ul {
	list-style: none;
    padding: 10px !important;
    margin: auto;
    text-align: center;
    display: inline-block;
    width: 100%;
}


.flag-projects-countries ul.fai-countries li {
	display: inline-block;
    /*float: left;*/
    margin: 5px 20px;
    font-size: 18px;
    text-transform: uppercase;
    color: #FFF;
    border-bottom: 4px solid #333;
    padding-bottom: 2px;
	cursor: pointer;
}

.flag-projects-countries ul.fai-countries li.active {
    border-color: #e02b20;
    color: #e02b20;
}

.flag-projects-countries ul.fai-countries li:hover {
    color: #e02b20;
    border-bottom-color: #e02b20;
}

.flag-projects-countries ul.fai-districs li {
	display: inline-block;
    /*float: left;*/
    margin: 5px;
    font-size: 15px;
    text-transform: uppercase;
    color: #FFF;
    border: 2px solid #333;
    padding: 2px 4px;
    cursor: pointer;
}

.flag-projects-countries ul.fai-districs li.active {
    border-color: #e02b20;
    color: #e02b20;
}

.flag-projects-countries ul.fai-districs li:hover {
    color: #e02b20;
    border-color: #e02b20;
}

.ifai-projects-countries {
	float:left;
	width: 100%;
}

.ifai-projects-countries div.parent {
    cursor:pointer;
}

.ifai-projects-countries > div {
	float: left;
    width: 32.333333%;
	background-position: center;
    background-size: cover;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-bottom: 2%;
}

div.child {
	width: 100% !important;
    background-color: rgba(0,0,0,0.3);
    float: left !important;
    height: 335px;
}

div.child:hover {
	background-color: rgba(255,0,14,0.6);	
}

div.child > div {
  	color: white;
	padding-top: 34%;
    height: 100%;
    text-align: center;
	visibility: hidden;
}

div.child:hover div {
	visibility: visible;
}

div.child > div span {
	width:100%;
	float: left;
}



div.child > div span.icono-ubicacion
{
	padding-bottom: 10px;
}

div.child > div span.icono-ubicacion img
{
	width: 18px;
}

div.child > div span.icono-edificio
{
	font-size:16px;
	font-weight: 800;
	letter-spacing: 1px;
	padding-bottom: 10px;
}

div.child > div span.icono-edificio img
{
	width: 16px;
	margin-right: 10px;
}


div.child > div span.district {
	font-size: 18px;
	text-transform: uppercase;
}

div.child > div span.more {
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: underline;
	font-weight: 800;
}

div.child > div span.more a {
	color: #FFF;
}

.parent:hover div.child > span,
.parent:focus div.child > span {
  display: block;
}

.parent-hidden {
    display: none !important;
}

@media all and (max-width: 768px) {
	.ifai-projects-countries > div {
		width: 49%;
	}
}

@media all and (max-width: 500px) {
	.ifai-projects-countries > div {
		width: 99%;
	}
}