body {
	overflow-x: hidden; 
	overflow-y: auto;
}
.menuRef{
	overflow-x: hidden; 
	overflow-y: auto;
}
.member-tile img{
	width: 100%;
	height: auto;
	object-fit: cover;
}
.slick-slider{
	margin-top: 20px;
}
.detailTopContainer {
    width: 60%;
    padding-top: 80px;
    margin: 0 auto;
}
.descriptionDetailTop h3{
	text-transform: uppercase;
	color: #000;
	font-size: 16px;
	font-weight: bold;
    padding-top: 3px;
    padding-bottom: 7px;
    font-family: 'Roboto Condensed', sans-serif;
}
.descriptionDetailTop p{
	color: #939393;
	text-align: justify;
    font-size: 16px;
    font-weight: lighter;
    line-height: 22px;
}
.detailSliderSimpleContainer{
	margin-left: 0;
	margin-right: 0;
	display: block;
	padding: 0;
}
.detailSliderSimpleContainer .row{
	margin-left: 0;
	margin-right: 0;
	display: block;
	padding: 0;
}
.detailSliderSimplePage {
	margin-top: 15px !important;
	padding: 0;
}
.borderDescription{
	border-top: 5px solid #fe5000;
	border-bottom: 0;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	z-index: 10;
    width: 100%;
}
.descriptionDetailTop h1{
	color: #fe5000;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 24px;
	padding-left: 25px;
	margin-bottom: 5px;
    font-family: 'Roboto Condensed', sans-serif;
}
.textGri {
	color: #bebebe;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 24px;
}
.detailBottomContainer{
	width: 60%;
	margin: 0 auto;
    padding-bottom: 90px;
}
.projectType{
	display: inline-flex;
	width: 100%;
}
.descriptionDetailBottom .colLeft{
	width: 35%;
	float: left;
	text-align: left;
	color: #939393;
	text-transform: uppercase;
    line-height: 20px;
    font-size: 14px;
    padding-left: 30px;
}
.descriptionDetailBottom .colRight{
	width: 70%;
	float: right;
	text-align: right;
	text-transform: uppercase;
    line-height: 20px;
    font-size: 14px;
    padding-right: 20px;
}
.descriptionDetailBottom .colRight a{
	color: #fe5000;
}
.backButton {
    width: 100vw;
    position: fixed;
    bottom: 0;
    z-index: 10;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-color: #fe5000;
    padding-top: 10px;
    padding-bottom: 10px;
}
.backButton a{
	color: #fff !important; 
	padding-left: 45px;
}
.fa-angle-left:before{
	content: ' ';
}
.member-tile img {
    width: auto;
    height: 100%;
    object-fit: cover;
}

.slick-slide{
	width: auto !important;
	height: auto !important;
}
.slick-slide img {
	height: auto;
}
.frame{
	padding-top: 0;
}

/*  #################################   MOBILE CSS   ##########################  */

@media screen and (min-width: 2221px) and (max-width: 2560px) {
	.tx-reea-project .detailTopContainer {
	    margin-top: 10vh;
	}
	.descriptionProject p{
		font-size: 14px !important;
		line-height: 17px;
	}
	.descriptionDetailTop h1{
		font-size: 32px;
	}
	.textGri{
		font-size: 32px;
	}
	.descriptionDetailBottom .colLeft{
		font-size: 22px;
	}

}
@media screen and (min-width: 1980px){
	.descriptionProject p{
		font-size: 14px !important;
		line-height: 17px;
	}
	.detailBottomContainer {
	    padding-bottom: 60px;
	}

}

@media (max-width: 1366px){
	.detailTopContainer{
		width: 80%;
	}
	.detailBottomContainer {
    	width: 80%;
    }
    .frame{
    	padding-top: 0;
    }
}

/*  Landscape tablets 1024px */
@media (max-width: 1024px) {
	.member-tile img{
		width: 100%;
		height: 350px;
	}
	.detailTopContainer {
	    width: 85%;
	    padding-top: 5vh !important;
	}
	.detailBottomContainer{
		width: 85%;
	}
	.bottomFilters {
	    width: 100vw;
	    position: fixed;
	    bottom: 0;
	    z-index: 10;
	    left: 0;
	    right: 0;
	    margin-left: 0;
	    margin-right: 0;
	}
	.detailBottomContainer .col-md-6,
	.detailTopContainer .col-md-6 {
		width: 60%;
		max-width: 60%;
		flex: unset;
	}
	.detailSliderSimpleContainer{
		width: 100%;
		margin: 0;
	}
	.detailSliderSimpleContainer .row{
		margin: 0;
	}
	.main-section.default .detailBottomContainer {
	    padding-bottom: 8vh;
	}
	.descriptionDetailBottom .colRight{
		text-align: left;
	}
	.projectType:nth-child(even){
		background-color: #f2f2f2;
	}
}
/*  Landscape phones and portrait tablets */
@media (max-width: 768px) {

	.tx-reea-project{
		padding-right: 0;
	}
	.main-section.default{
		width: 100vw;
		overflow-x: hidden; 
	}
	body{
		background-color: #fff; 
	}
	.backButton {
	    left: 0;
	    right: 0;
	    margin-left: 0;
	    margin-right: 0;
	}
	.backButton a{
		padding-left: 20px;
	}
	.member-tile img{
		width: 100%;
		height: auto;
	}
	.tx-reea-project{
		padding-top: 0;
	}
	.slick-slider{
		margin-bottom: 15px !important;
	}
	.detailBottomContainer .col-md-6,
	.detailTopContainer .col-md-6 {
		width: 100%;
		max-width: 100%;
		flex: unset;
	}
	.detailBottomContainer{
		width: 100%;
		margin-bottom: 15px !important;
	}
	.descriptionDetailTop{
		padding: 0;
	}
	.descriptionDetailTop h1{
		padding-left: 0;
		font-size: 20px;
	}
	.descriptionDetailTop p{
		font-size: 14px !important;
	}
	.descriptionDetailTop h3{
		font-size: 17px;
		margin-bottom: 0;
		color: #939393;
	}
	.descriptionDetailTop .textGri{
		color: #000;
		font-size: 20px;
	}
	.borderDescription{
		border: 0;
		padding: 0;
		position: relative;
	}
	.detailSliderSimpleContainer{
		margin-top: 0 !important;
	}
	.descriptionDetailBottom{
		padding: 0;
	}
	.detailBottomContainer{
		padding-bottom: 0;
	}
	.descriptionDetailBottom .colLeft{
		padding: 0;
		font-size: 14px;
	}
	.descriptionDetailBottom .colRight{
		padding: 0;
		font-size: 14px;
		text-align: left;
	}
	.projectType:nth-child(even){
		background-color: #f2f2f2;
	}
	.detailBottomContainer{
		width: 100%;
	    padding-left: 30px;
	    padding-right: 30px !important;
	}
	.bottomFilters {
	    width: 100%;
	    position: relative;
	    bottom: 0;
	    z-index: 10;
	    left: 0;
	    right: 0;
	    margin-left: 0;
	    margin-right: 0;
	}
	.tx-reea-project{
		width: 100%;
	}
	#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4{
		right: 0;
	}
	.detailBottomContainer .col-md-6, .detailTopContainer .col-md-6 {
	    width: 100%;
	}
	.detailTopContainer {
	    padding-top: 10vh !important;
	    width: 100%;
	    padding-left: 30px;
	    padding-right: 30px;
	}
}
/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { 
	.detailTopContainer {
    	padding-top: 15vh !important;
    }
}
/* Landscape */
@media only screen and (min-device-width: 375px)  and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { 
	.detailTopContainer {
    	padding-top: 15vh !important;
    }
}
/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	.detailTopContainer {
    	padding-top: 15vh !important;
    }
}
/* Portrait phones and smaller */
@media (max-width: 480px) {
	.descriptionDetailBottom .colLeft{
		font-size: 12px;
	}
	.descriptionDetailBottom .colRight{
		font-size: 12px;
	}
	.detailTopContainer{
	    width: 100%;
	    padding-left: 30px;
	    padding-right: 30px;
	}
	.detailBottomContainer{
		width: 100%;
	    padding-left: 30px;
	    padding-right: 30px !important;
	}
	.bottomFilters {
	    width: 100%;
	    position: relative;
	    bottom: 0;
	    z-index: 10;
	    left: 0;
	    right: 0;
	    margin-left: 0;
	    margin-right: 0;
	}
	.tx-reea-project{
		width: 100%;
	}
	.detailBottomContainer .col-md-6, .detailTopContainer .col-md-6 {
	    width: 100%;
	}
}

@media (max-width: 320px) {
	.descriptionDetailBottom .colLeft{
		font-size: 12px;
	}
	.descriptionDetailBottom .colRight{
		font-size: 12px;
	}
	.detailTopContainer{
    	width: 100%;
	    padding-top: 11vh !important;
	    padding-left: 30px;
	    padding-right: 30px;
	}
	.detailBottomContainer{
		width: 100%;
	    padding-left: 30px;
	    padding-right: 30px !important;
	}
}