#nameinput, #ageinput, #relationinput {
    text-align: left;
    display: block;
    margin: auto;
    margin-bottom: 20px;
    width:80%;
    height:4vh;
    font-size:3vh;
    line-height: 4vh;
    vertical-align: middle;
    border:0;
    padding:0.2vw 0.5vw;
}

 #commentinput{
	    width:80%;
	        font-size:3vh;
    text-align: left;
    margin: auto;
        padding:0.2vw 0.5vw;


border:0;
	
}
 .formReview{
	    width: 100%;
    padding: 0;
    text-align: center !important;
    vertical-aligN: middle;
    margin-top: 2vw;
}

.reviewResponse{
margin:auto;
display:block;
line-height:2vw;
margin-bottom:1vh;
    width: 80%;
}
.starline{
    height: 7vh;
}
.star{
    display: inline-block;
    width: 10%;
    background-image: url(asset/star-shadow-white.png);
    background-size: contain;
    height: 100%;
    background-repeat: no-repeat;	
        margin-right: 0.5vw;
    margin-left: 0.5vw;
}
	.formReview .star{
		cursor:pointer;
	}

	.formReview h2{
		font-weight: 400;    text-align:center !important;

	}

.buttoncomment{
-webkit-box-shadow: 1px -1px 1px 0px rgba(0,0,0,0.23);
-moz-box-shadow: 1px -1px 1px 0px rgba(0,0,0,0.23);
box-shadow: 1px -1px 1px 0px rgba(0,0,0,0.23);
width:20vw;
margin:auto;
margin-bottom:4vh;
font-size:3vh;
background: white;
border: 1px #cecece solid;
border-radius:4px;
font-family: Raleway, sans-serif;
min-height: 5vh;
line-height: 5vh;
vertical-align: middle;
cursor:pointer;
}


span.reviewPictet {font-style:italic;

display:block;
}
.reviewPictet,.reviewName, .reviewAge{
    line-height:1vw
}
span.reviewName {}

span.reviewContent {
    font-weight:bold;
    display:block;
    line-height:2vw;

}
.review{width: 35%;/* position:relative; */display: inline-block;}
.reviewList {width:95%;/* background:red; */height:70vh;display:block;}

span.reviewAge {
}
.review .starline{
    margin-top:1.3vw;

}
.review{
    margin-right: 5%;
margin-left: 5%;
	
	display:none;
}
.review .starline .star{
	
	background-image:url("asset/star-shadow-grey.png");
}
.starline .starGrey{ background-image:url("asset/star-shadow-grey.png")}
.falseinput{
	background-color:#faffbd;
}
.reviewPicture img {

    width:100%;


}
.reviewPicture{
    display:inline-block;
width:40%;
margin:1vw;
}
.reviewPicture span{
font-style:italic;


}


.projPicture {
    width:27vw;
    height:18vw;
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
    
    }


#parisPicture{    
background-image:url('asset/projParis.jpg');
}
#brusselsPicture{    
background-image:url('asset/projBrussels.JPG');
}

#genevaPicture{    
background-image:url('asset/projGeneva.JPG');
}
#tbilisiPicture{    
background-image:url('asset/projTbilisi.jpg');
}
#montrealPicture{    
background-image:url('asset/projMontreal.jpg');
}
#washingtonPicture{    
background-image:url('asset/projWashington.jpg');
}


.mapboxgl-popup-content{
	z-index:1000000;
}
.mapboxgl-popup-content p{
	font-style:italic;
	font-size:0.9em;
	margin-bottom:0;
	
}
#iframefilm{
	
	width:64vw;
	height:36vw;
	
}
.iframe-container-film{
	width:100%;
}