/* CSS Document */

/*================================================PerManeNt begin ==================================*/


.euro_projDSO #content_ind{ background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, .5)), transparent url("../jpg/hero-bg-4.jpg") no-repeat center center; background-size: cover;} 


. #breadcrumb { display:none;}
.euro_projDSO h4:first-child { display:none; }
.euro_projDSO > #content_ind  > .container  > .row:nth-child(2){ /*border:3px solid red; */color:rgba(87,84,84,1); }

p.acknowledgment{font-size: 0.8em !important;
font-style: italic; line-height: 150% !important; color:darkslategray!important; }

.imgComparison{ box-shadow: 0px 0px 13px rgba(50,50,50,.5); border-radius:11px; background:rgba(255,255,255,1); padding:10px; }
.imgComparison { text-align: center!important; }
.imgComparison a {width:200px!important; display:block; margin: 0 auto!important;}




.cardInfo { padding: 12px; box-shadow: 0 0 12px 0 rgba(0,0,0, .5); border-radius: 8px; margin: 40px 0px 40px 0 ; background:#fff;}

.cardInfo h3{ font-weight: 500; color:rgba(193, 48,16,1); font-size: 25px; line-height: 31px; margin-bottom: 20px;}

.euro_projDSO .details dl:first-of-type{ width:150px; padding-right: 22px; border-right: 1px solid rgba(20, 20, 20,1); float:left;} 
.euro_projDSO .details dl dt{ font-size:22px; font-weight:500; color:rgba(56, 56, 56, 1);}
.euro_projDSO .details dl dd{ font-weight:400; font-size:16px; color:rgba(87,84,84,1);}
.euro_projDSO .details dl:first-of-type dt{  text-align: right;  }
.euro_projDSO .details dl:first-of-type dd{ text-align:right; }
.euro_projDSO .details dl:last-of-type{padding-left:10px;float:left;}
.euro_projDSO .details dl:last-of-type dd{ font-style:italic; }

.euro_projDSO .cardInfo p{ clear: both;
margin-top: 15px;
margin-bottom: 30px;
font-size: 15px;
line-height: 150%;
color: rgba( 87,84,84, 1);}


.espa_banner{ position: fixed; z-index: 1035; top: 7px; right: 35%; width: 359px;}



.Posters{ float:left; display:block; margin-top:10px;}
.euro_projDSO .Posters h4{ display: block!important; font-weight:500; font-size:32px; margin: 22px 0 4px 0; color:#fff;}
.posterItems { border-top: 1px solid rgba(255,255,255,1);}
.posterItem {float:left;padding: 15px 40px;}
.posterItem a p{ text-decoration:none;margin-top:5px; color:#fff;}
.posterItem img{ box-shadow: 0 0 4px rgba(0,0,0,.5);}
.posterItem:nth-child(2){ border-left:1px solid rgba(151,151,151,1); }

@media screen and (min-width: 320px) and (max-width: 767px) {

	.espa_banner{ position: relative; z-index: 1031; top: 4px; left: 3%; width:92%; }
	.ProjectInfo { position: relative; z-index: 45; top: -50px; float: left; margin-left: 5px;} 
	
	.imgComparison{width: 100%; }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
	.espa_banner{ position: absolute; z-index: 1031; top: 7px; right: 12%; width: 338px;}
	.ProjectInfo { position: relative; z-index: 45; top: -50px; float: left; margin-left: 5px;} 
	.imgComparison{box-shadow: 0px 0px 13px rgba(50,50,50,.5); border-radius: 11px; width: 74%; margin: 0px auto; } 
}


@media screen and (min-width: 993px) and (max-width: 1199px) {
	.ProjectInfo { position: absolute; z-index: 45; top: -16px; float: left; margin-left: 30%;}
	
	.euro_projDSO .cardInfo h3{font-size: 25px; line-height: 34px; }
	.euro_projDSO .cardInfo p{font-size: 16px; line-height: 26px;}
	.euro_projDSO .cardInfo { margin: 4px 0 40px 0; padding: 1px 12px; }
}
/*================================================PerManeNt end ==================================*/