/* - - - SET UP - - - */




html                {
                        height:				100%;
                    }


body                {
						font-family: 		'Karla', sans-serif;
                        height: 			100%;
                        background: 		#F2F2F2;
                        min-width:  		1050px;
                        min-height:  		480px;
                    }


*                   {
                        margin:             0;
                        padding:            0;
                        text-decoration:    none;
                        outline:            none;
                        border:             none;
                        -webkit-box-sizing: border-box; 
                        -moz-box-sizing:    border-box;    
                        box-sizing:         border-box;
                    }


li                  {
                        list-style:         none;
                    }


img                 {
                        display: 			block;
                    }


a                   {
                        color: 				inherit;
                    }


.clearfix           {
                        clear:              both;
                    }                

.clearfix:before,
.clearfix:after 	{
					    content: 			" ";
					    display:	 		table;
					}

.clearfix:after 	{
					    clear: 				both;
					}




















/* - - - - SETTINGS - - - - */




.wrap	 			{
					   	width: 				1020px;
					   	margin: 			auto;
					   	position: 			relative;
					   	padding: 			20px 0;
					}


.col 				{
						width: 				33.3%;
						float: 				left;
						display: 			block;
					}


header .wrap	 	{
					   	padding: 			0;
					}





















/* - - - - HEADER - - - - */




header 				{
					   	width: 				100%;
					   	height: 			80px;
					   	padding: 			20px;
					   	position: 			fixed;
					   	top:  				0;
					   	z-index: 			15;
					}


header.fixed		{
					   	background: 		rgba(255,255,255,0.95);
					}


a#logo 				{
					   	width: 				115px;
					   	height: 			40px;
						display: 			block;
						float: 				left;
						margin: 			0 20px;
						background: 		url(../img-layout/header/logo-white.png) no-repeat;
					}


header.fixed a#logo {
					   	background: 		url(../img-layout/header/logo.png) no-repeat;
					}

#index header 		{
					   	background: 		transparent;
					}


#signin.button 		{
					   	float: 				right;
					   	margin:				0 20px; 	
					}





















/* - - - - HOME - - - - */




.home-row 			{
					   	width: 				100%;
					   	height: 			auto;
					   	padding:  			40px 0;
					   	display:  			block;
					}


.home-row.light		{
					   	background:  		#FFF;
					}


.home-row.dark		{
					   	background:  		#1ABB9B;
					}


footer .wrap,
#home .wrap 		{
					   	padding: 			0 !important;
					}


.home-bloc	 		{
					   	padding: 			20px;
					   	float:  			left;
					   	display:  			block;
					   	width:  			33.3%;
					   	position:  			relative;
					}


.home-bloc-5	 	{
					   	padding: 			20px;
					   	float:  			left;
					   	display:  			block;
					   	width:  			20%;
					}


.home-row h2		{
					   	padding:   			20px;
					   	color: 				#1ABB9B;
					}


#about.home-row h3	{
					   	padding:  			40px 0;
					   	text-align:  		center !important;
					   	line-height:  		30px !important;
					}


.dark h3			{
					   	color:  			#FFF !important;
					   	text-align:  		center;
					}

.city-discover 		{	
						width:  			300px;
						height:  			230px;
						background-color:  	rgba(124,82,75,0.5);
						position:  			absolute;
						top:  				20px;
						left:  				20px;					
					}

.city-discover h2	{
						color: #FFF;
						padding-top: 40px;
						padding-bottom: 0;
					}

.city-discover h1	{
						line-height: 40px;
						padding-bottom: 10px;
					}

.city-discover .button{
						margin: 20px 70px 40px 70px;		
					}


.city-discover
.button.coming-soon {
						border: 1px solid rgba(255,255,255,0.6);
						color: rgba(255,255,255,0.6);
						cursor: default;
					}


.city-discover
.button.coming-soon:hover {
						background-color: transparent;
					}

.new-sign img 		{
						border-radius: 90px;
						margin-bottom: 20px;
}

.new-sign h3 		{
						text-align: center;
}

.new-sign h5 		{
						margin-top: 10px;
						cursor: default;
}




















/* - - - - CITY - - - - */




.city 				{
					   	width: 				100%;
					   	height: 			500px;
					   	padding:  			150px 0;
					   	background: 		url(../img-layout/cities/city-paris.png) no-repeat center center; 
						-webkit-background-size: cover;
						-moz-background-size: cover;
						-o-background-size: cover;
						background-size: cover;
					}


.home 				{
					   	width: 				100%;
					   	height: 			500px;
					   	padding:  			150px 0;
					   	background: 		url(../img-layout/cities/home.png) no-repeat center center; 
						-webkit-background-size: cover;
						-moz-background-size: cover;
						-o-background-size: cover;
						background-size: cover;
					}


.aboutus 			{
					   	width: 				100%;
					   	height: 			370px;
					   	padding:  			150px 0;
					   	margin-top:   		80px;
					   	background: 		url(../img-layout/cities/about.png) no-repeat center center; 
						-webkit-background-size: cover;
						-moz-background-size: cover;
						-o-background-size: cover;
						background-size: cover;
					}


.profile 			{
					   	width: 				100%;
					   	height: 			500px;
					   	padding:  			150px 0;
					   	margin-top:   		80px;
						-webkit-background-size: cover;
						-moz-background-size: cover;
						-o-background-size: cover;
						background-size: cover;
					}


form#research {
  height: 40px;
  width: 660px;
  margin: auto;
  margin-top: 40px;
}

form#research.fixed {
  position: fixed;
  top: -20px;
  left: calc(50% - 330px);
  z-index: 30;
}


input				{	
						display: 			block;
						float: 				left;
						height: 			40px;
						padding: 			10px 20px;
						border: 			1px solid #E5E5E5;
						font-size: 			16px;
						font-family: 		'Karla', sans-serif;
					}


input#who			{	
						border-radius: 		20px 0 0 20px;
						width: 				160px;
					}


input#where			{	
						width: 				160px;
					}


input#when			{	
						width: 				203px;
						color:  			#ADADAD
					}


input#search		{	
						border-radius: 		0 20px 20px 0;
						color: 				#FFF;
						border: 			1px solid #1ABB9B;
						width: 				137px;
						text-align: 		right;
					   	background: 		url(../img-layout/research/search.png) top 9px left 18px #1ABB9B no-repeat;
					   	cursor:  			pointer;
					   	font-weight: 		bold;
					}


input#search:hover	{	
						border: 			1px solid #15AB8D;
					   	background: 		url(../img-layout/research/search.png) top 9px left 18px #15AB8D no-repeat;
					}



















/* - - - - GLIMPSE - - - - */




.bloc 				{
					   	width: 				100%;
					   	padding: 			20px;
					   	float: 				left;
					}

.content			{
						width: 				100%;
					   	border-radius: 		3px;
					   	border: 			1px solid #E5E5E5;
					   	background: 		#FFF;
					}

img 				{
						width: 				100%;
					}

.about				{
						width: 				100%;
					   	padding: 			10px;
					}


.glimpse .row	 	{
					   	padding: 			10px;
					}



.glimpse .row.parag {	
						padding-top:  		0 !important;
					}	


.glimpse .activity	{
						position: 			relative;
						margin-top: 		10px;
					}


.glimpse .activity:nth-child(1)	 	{
					   	margin: 			0;
					}

.activity .info		{
						width: 				100%;
						padding: 			20px;
						position: 			absolute;
						top: 				0;
						left: 				0;
					}

.category			{	
						width: 				60px;
						height: 			60px;
						border-radius:  	30px;
						float: 				left;
					}

.activity .title	{	
						width: 				137px;
						float: 				left;
						margin-left:  		20px;
					}

.bloc a 			{	
						display: 			block;
					}

.bloc a:hover 		{	
						  box-shadow: 		0px 0px 10px #DDD;
					}


/* categories */


.category.coffee			{	background: 		url(../img-layout/activity/category-coffe.png) #FFF no-repeat;		}
.category.diner				{	background: 		url(../img-layout/activity/category-diner.png) #FFF no-repeat;		}
.category.journey			{	background: 		url(../img-layout/activity/category-journey.png) #FFF no-repeat;	}
.category.music				{	background: 		url(../img-layout/activity/category-music.png) #FFF no-repeat;		}
.category.ride				{	background: 		url(../img-layout/activity/category-ride.png) #FFF no-repeat;		}
.category.shopping			{	background: 		url(../img-layout/activity/category-shopping.png) #FFF no-repeat;	}
.category.beer				{	background: 		url(../img-layout/activity/category-beer.png) #FFF no-repeat;		}
.category.photo				{	background: 		url(../img-layout/activity/category-photo.png) #FFF no-repeat;		}
.category.book				{	background: 		url(../img-layout/activity/category-book.png) #FFF no-repeat;		}

.category.coffee.white		{	background: 		url(../img-layout/activity/category-coffe-white.png) no-repeat;		}
.category.diner.white		{	background: 		url(../img-layout/activity/category-diner-white.png) no-repeat;		}
.category.journey.white		{	background: 		url(../img-layout/activity/category-journey-white.png)  no-repeat;	}
.category.music.white		{	background: 		url(../img-layout/activity/category-music-white.png)  no-repeat;	}
.category.ride.white		{	background: 		url(../img-layout/activity/category-ride-white.png)  no-repeat;		}
.category.shopping.white	{	background: 		url(../img-layout/activity/category-shopping-white.png)  no-repeat;	}
.category.beer.white		{	background: 		url(../img-layout/activity/category-beer-white.png)  no-repeat;		}
.category.photo.white		{	background: 		url(../img-layout/activity/category-photo-white.png)  no-repeat;	}
.category.book.white		{	background: 		url(../img-layout/activity/category-book-white.png)  no-repeat;		}



/* ratings */


span.rating			{
  						display: 			block;
						height: 			20px;
						width: 				85px;
						position: 			absolute;
						top: 				3px;
						left: 				80px;
					}


.glimpse .row h4	 {
					   	position: 			relative;
					   	padding-top:  		5px;
					}


.rating.r0			{	background: 		url(../img-layout/profile/rating-0.png) no-repeat;					}
.rating.r1			{	background: 		url(../img-layout/profile/rating-1.png) no-repeat;					}
.rating.r2			{	background: 		url(../img-layout/profile/rating-2.png) no-repeat;					}
.rating.r3			{	background: 		url(../img-layout/profile/rating-3.png) no-repeat;					}
.rating.r4			{	background: 		url(../img-layout/profile/rating-4.png) no-repeat;					}
.rating.r5			{	background: 		url(../img-layout/profile/rating-5.png) no-repeat;					}



















/* - - - - POPIN - - - - */




.overlay 			{
					   	width: 				100%;
					   	height: 			100%;
					   	background-color: 	rgba(0,0,0,0.6);
					   	position:  			fixed;
					   	top:  				0;
					   	left: 				0;
					   	z-index:  			50;
					   	display:  			none;
					}


.popin  			{
					   	width: 				300px;
					   	background-color: 	#FFF;
					   	position:  			absolute;
					   	margin:				auto; 
					   	padding: 			50px 20px 20px 20px;
					   	border-radius:  	3px;
					}


#overlay-account .popin  	{
					   	height:  			360px;
					   	top: 				calc(50% - 180px);
					   	left: 				calc(50% - 150px);
					}


.popin h3			{	
						color:  			#1AB292;
						margin-bottom:  	20px;
						text-align:  		center;
					}


.popin h3.h3-info	{	
						color:  			#333;
					}


.paypal-button button,
.popin #signup.button,
.popin input		{	
						width:  			100%;
						border-radius:  	30px;
						text-align:  		center;
					}


.paypal-button button,
.popin #signup.button	{	
						color: 				#FFF;
						border: 			1px solid #1ABB9B;
						width: 				100%;
					   	background: 		#1ABB9B;
					   	cursor:  			pointer;
						margin-top:  		10px;
						font-weight:  		bold;
					}

.paypal-button button,
.popin
#signup.button:hover	{	
						border: 			1px solid #15AB8D;
					   	background: 		#15AB8D;
					}


.popin-content 		{	
						position:  			relative;
					}


img.denied 			{	
						height: 			60px;
						width:  			60px;
						position: 			absolute;
						top: 				-80px;
  						left: 				100px;
					}











/* - - - - PROFILE - - - - */




.about-profile 		{
					   	padding:  			20px;
					   	position:  			relative;
					}

.about-profile h4 	{
					   	padding-top:  		5px;
					}

.about-profile .row {
					   	padding-bottom:  	10px;
					}

.about-profile
span.rating 		{
					   	top: 				43px;
  						left: 				100px;
					}


.about-profile
.button 			{
					   	border: 			1px solid #1ABB9B;
					   	color:				#1ABB9B;
					   	width: 				120px;
					   	margin-top:  		20px;
					}

.profile-activity
.button
					{
					   	border: 			1px solid #1ABB9B;
					   	color:				#FFF;
					   	background:  		#1ABB9B;
					   	width: 				calc(100% - 20px);
					   	margin:  			20px 10px 10px 10px;
					}


.profile-activity
.button:hover
					{
					   	border: 			1px solid #15AB8D;
					   	background:  		#15AB8D;
					   	color:  			#FFF;
					}

.about-profile
.button:hover 		{
					   	color:				#FFF;
					   	background: 		#1ABB9B;
					}


.profile-activity	{	
						position:  			relative;
					}


.profile-activity
.category			{	
						position: 			absolute;
						top: 				49px;
						left: 				139px;
					}


.separator			{	
						width:  			calc(100% - 20px);
						height:  			1px;
						background: 		#DDD;
						margin: 			10px;
					}

.profile-activity 
h4.price 			{
					   	padding:  			5px 0 0 0 !important;
					   	color:  			#1ABB9B;
					   	font-weight:  		bold;
					}

.profile-activity 
h4.plus 			{
					   	padding:  			0 !important;
					}

.profile-activity 
h4 					{
					   	padding-top:  		0 !important;
					   	padding-bottom: 	10px;
					}

img.activity-icon 	{
					   	width:  			30px;
					   	height:  			30px;
					   	margin-right:   	10px;
					   	float:  			left;
					}


















/* - - - - TYPO - - - - */




h1 					{
					   	font-size: 			60px;
					   	font-weight: 		;
					   	line-height: 		70px;
					   	padding: 			;
					   	text-align: 		center;
					   	color:				#FFF;
					}



h2 					{
					   	font-size: 			30px;
					   	font-weight: 		;
					   	line-height: 		40px;
					   	padding: 			;
					   	text-align: 		center;
					   	color:				#FFF;
					}



h3 					{
					   	font-size: 			20px;
					   	font-weight: 		bold;
					   	line-height: 		20px;
					   	padding: 			;
					   	text-align: 		left;
					   	color:				#333;
					}

.glimpse .activity
h3 					{
					   	color:				#FFF;
					}



h4,
p 					{
					   	font-size: 			14px;
					   	font-weight: 		;
					   	line-height: 		20px;
					   	padding: 			;
					   	text-align: 		left;
					}


h4 					{
					   	color:				#B3B3B3;
					}

.glimpse .activity h4,
h4.activity 		{
					   	color:				#FFF;
					}

h4.hashtag  		{
					   	color:				#1ABB9B;
					}

p 					{
					   	color:				#333;
					}


h5 					{	
						font-size:  		16px;
						font-weight:  		bold;
						color:  			#A3A3A3;
						text-align: 		center;
						margin-top:  		20px;
						cursor:  			pointer;
					}


.button 			{
					   	font-size: 			16px;
					   	font-weight: 		bold;
					   	line-height: 		18px;
					   	padding: 			10px 20px;
					   	border: 			1px solid #FFF;
					   	border-radius:  	20px;
					   	text-align: 		center;
					   	color:				#FFF;
					   	width: 				auto;
					   	cursor:  			pointer;
					}


header.fixed .button {
					   	border: 			1px solid #1ABB9B;
					   	color:				#1ABB9B;
					}

.button:hover 		{
					   	color:				#1ABB9B;
					   	background: 		#FFF;
					}


header.fixed .button:hover 		{
					   	color:				#FFF;
					   	background: 		#1ABB9B;
					}










.button-big 		{
					   	font-size: 			20px;
					   	font-weight: 		bold;
					   	line-height: 		20px;
					   	padding: 			20px;
					   	border: 			1px solid #1ABB9B;
					   	border-radius:  	30px;
					   	text-align: 		center;
					   	color:				#1ABB9B;
					   	width: 				260px;
					   	cursor:  			pointer;
					   	margin: 			20px auto;
					}


.button-big:hover 	{
					   	color:				#FFF;
					   	background: 		#1ABB9B;
					}



/* - - PAYPAL - - */

.paypal-button button,
.paypal-button button:before,
.paypal-button button:after {
	background-color: #1ABB9B !important;
}




.paypal-button button		{	
						width:  			100% !important;
						border-radius:  	30px !important;
						text-align:  		center !important;	
						color: 				#FFF !important;
						width: 				100% !important;
					   	background: 		#1ABB9B !important;
					   	cursor:  			pointer;
						margin-top:  		10px !important;
						font-weight:  		bold !important;
						height:  			40px;
					}

.paypal-button button:hover	{	
					   	background: 		#15AB8D !important;
					}

.paypal-button 		{	
						padding:  			0 10px 10px 10px;
					}

.about-hp .wrap,
.about-uber .wrap,
.about-paypal .wrap {
  height: 520px;
  padding: 60px 0;
}

.about-hp .wrap {
  background: url(../img-content/about/about-hp.png) bottom 0 right 20px no-repeat;
}

.about-paypal .wrap {
  background: url(../img-content/about/about-paypal.png) bottom 0 left 20px no-repeat;
}

.about-uber .wrap {
  background: url(../img-content/about/about-uber.png) bottom 0 right 20px no-repeat;
}

.about-hp,
.about-uber,
.about-paypal {	
	padding: 0;
}


.about-hp h2,
.about-uber h2,
.about-paypal h2{	
	text-align: left;
	padding: 0;
	padding-bottom: 20px;
}


.about-hp h3,
.about-uber h3,
.about-paypal h3{	
	text-align: left;
	padding-bottom: 20px;
}


.about-hp h3.green,
.about-uber h3.green,
.about-paypal h3.green {	
	color: #1ABB9B !important;
}












.profile.nicolas		{	background: 		url(../img-content/welcomers/nicolas-full.jpg) no-repeat center center;		}
.profile.anaelle		{	background: 		url(../img-content/welcomers/anaelle-full.jpg) no-repeat center center;		}
.profile.andrea			{	background: 		url(../img-content/welcomers/andrea-full.jpg) no-repeat center center;		}
.profile.candice		{	background: 		url(../img-content/welcomers/candice-full.jpg) no-repeat center center;		}
.profile.chloe			{	background: 		url(../img-content/welcomers/chloe-full.jpg) no-repeat center center;		}
.profile.kilian			{	background: 		url(../img-content/welcomers/kilian-full.jpg) no-repeat center center;		}
.profile.laurianne		{	background: 		url(../img-content/welcomers/laurianne-full.jpg) no-repeat center center;		}
.profile.marc			{	background: 		url(../img-content/welcomers/marc-full.jpg) no-repeat center center;		}
.profile.maxence		{	background: 		url(../img-content/welcomers/maxence-full.jpg) no-repeat center center;		}
.profile.paul			{	background: 		url(../img-content/welcomers/paul-full.jpg) no-repeat center center;		}
.profile.pierre			{	background: 		url(../img-content/welcomers/pierre-full.jpg) no-repeat center center;		}
.profile.rose			{	background: 		url(../img-content/welcomers/rose-full.jpg) no-repeat center center;		}