/* CLICKMEET */

.project-clickmeet .article-head-bg {
	background-color: #987256;;
}

.clickmeet-header {
	font-family: 'myriad-semibold';
	font-size: 36px;
	color: #400040;
	margin-left: -3px;
	width: 100%;
	text-align: center;
}

@media only screen and (min-width: 800px) {

	.clickmeet-header {
		font-size: 40px;
	}
}

@media only screen and (min-width: 960px) {
	
	.clickmeet-header {
		width: auto;
		text-align: left;
	}
}

@media only screen and (min-width: 1080px) {
	
	.clickmeet-header {
		font-size: 48px;
	}
}

@media only screen and (min-width: 1280px) {

	.clickmeet-header {
		font-size: 60px;
	}
}

.clickmeet-header:after {
	content: "";
	display: block;
	margin: 8px auto 32px;
	width: 80px;
	height: 6px;
	background-color: #400040;
}

@media only screen and (min-width: 960px) {
	
	.clickmeet-header:after {
		margin: 12px 0 40px 4px;
	}
}

.clickmeet-text {
	width: 100%;
	text-align: center;
}

@media only screen and (min-width: 960px) {
	
	.clickmeet-text {
		width: auto;
		text-align: left;
	}
}

.clickmeet-intro {
	margin-top: 0;
}

@media only screen and (min-width: 480px) {
	
	.clickmeet-intro {
		padding-top: 40px;
	}
}

.clickmeet-intro-inner {
	background: url('clickmeet-intro-bg.jpg') left bottom no-repeat;
	background-size: auto 100%;
	padding-top: 150px;
}

@media only screen and (min-width: 480px) {
	
	.clickmeet-intro-inner {
		padding-top: 250px;
	}
}

@media only screen and (min-width: 800px) {
	
	.clickmeet-intro-inner {
		padding-top: 0;
	}
}

.clickmeet-intro-header {
	display: none;
	font-family: 'myriad-light';
	line-height: 1.1em;
	text-align: left;
	font-size: 48px;
	padding: 0.4em 0 0.8em;
	color: #E5DCD5;
	mix-blend-mode: multiply;
	width: 50%;
	margin-left: 50%;
}

@media only screen and (min-width: 800px) {
	
	.clickmeet-intro-header {
		display: block;
	}
}

@media only screen and (min-width: 1080px) {
	
	.clickmeet-intro-header {
		font-size: 7.5vw;
		width: 100%;
		margin-left: 0;
		text-align: center;
		padding-top: 1em;
	}
}

@media only screen and (min-width: 1680px) {

	.clickmeet-intro-header {
		font-size: 120px;
	}
}

.clickmeet-intro-header span {
	display: inline-block;
	padding: 0 40px 0 4.3vw;
	background-color: #F9F7F5;
	height: 0.6em;
	position: relative;
	z-index: 2;
	margin: 0;
}

@media only screen and (min-width: 1080px) {
	
	.clickmeet-intro-header span {
		padding-left: 40px;
	}
}

.clickmeet-header-bold {
	font-family: 'myriad-semibold';
}

.clickmeet-intro-text-wrapper {
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

.clickmeet-intro-text-wrapper-inner {
	background-color: #400040;
	width: 50%;
}

.clickmeet-intro-text {
	font-size: 18px;
	padding: 50px 50px 50px 20px;
	max-width: 600px;
	color: white;
	font-family: 'myriad-light';
	line-height: 1.4em;
}

@media only screen and (min-width: 480px) {
	
	.clickmeet-intro-text {
		padding: 50px 50px 80px 20px;
		font-size: 24px;
	}
	
}

@media only screen and (min-width: 600px) {
	
	.clickmeet-intro-text {
		padding: 50px 50px 80px 4.3vw;
		line-height: 1.2em;
		font-size: 36px;
	}
	
}

@media only screen and (min-width: 1080px) {
	
	.clickmeet-intro-text {
		padding: 50px 50px 80px 50px;
	}
	
}

@media only screen and (min-width: 1480px) {
	
	.clickmeet-intro-text {
		font-size: 48px;
	}
	
}

.clickmeet-home {
	position: relative;
}

.clickmeet-home-bg {
	background-image: linear-gradient(to right, #BBAA9D , #E5DCD5);
	position: relative;
	width: 50%;
	height: 50vw;
}

@media only screen and (min-width: 1080px) {
	
	.clickmeet-home-bg {
		height: 550px;
	}
}

.clickmeet-home-bg:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url('clickmeet-home-bg-2.png') right 38px;
	background-size: 94px 127px;
}

@media only screen and (min-width: 1080px) {
	
	.clickmeet-home-bg:after {
		background-size: 123px 166px;
	}
}

.clickmeet-home-img {
	margin: -42.1vw auto 0;
	width: 72%;
	position: relative;
	z-index: 1;
}

@media only screen and (min-width: 1080px) {
	
	.clickmeet-home-img {
		width: 820px;
		margin-top: -479px;
	}
}

.clickmeet-home-img img {
	filter: drop-shadow(0 4px 10px rgba(0,0,0,0.2));
}

.clickmeet-profile {
	margin-top: -11.1vw;
	height: 720px;
	position: relative;
	display: flex;
	justify-content: flex-end;
}

@media only screen and (min-width: 1080px) {

	.clickmeet-profile {
		margin-top: -126px;
	}
	
}

@media only screen and (min-width: 1280px) {
	
	.clickmeet-profile {
		height: 820px;
	}
}

.clickmeet-profile-bg {
	background: #F6F6F6 url('clickmeet-profile-bg.jpg') right center no-repeat;
	background-size: auto 100%;
	width: 100%;
	max-width: calc(50% + 634px);
}

@media only screen and (min-width: 1080px) {
	
	.clickmeet-profile-bg {
		width: 88%;
	}
}

.clickmeet-profile-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.clickmeet-profile-info {
	width: 100%;
	margin: 240px 0 60px;
}

@media only screen and (min-width: 960px) {
	
	.clickmeet-profile-info {
		width: 350px;
	}
}

@media only screen and (min-width: 1280px) {
	
	.clickmeet-profile-info {
		width: 450px;
	}
}

.clickmeet-profile-image {
	display: none;
	position: absolute;
	right: 0;
	width: 56.5vw;
	bottom: -20.1vw;
}

@media only screen and (min-width: 960px) {
	
	.clickmeet-profile-image {
		display: initial;
	}
}

@media only screen and (min-width: 1480px) {
	
	.clickmeet-profile-image {
		width: 940px;
		bottom: -329px;
	}
	
}

@media only screen and (min-width: 960px) {
	
	.clickmeet-profile-image-mobile {
		display: none;
	}
}

.clickmeet-personalisation {
	margin: calc(34vw + 120px) 0 80px;
}

@media only screen and (min-width: 800px) {

	.clickmeet-personalisation {
		margin-top: calc(34vw + 214px);
		margin-bottom: 214px;
	}
}

@media only screen and (min-width: 960px) {

	.clickmeet-personalisation {
		margin-top: calc(20vw + 214px);
	}
}

@media only screen and (min-width: 1480px) {

	.clickmeet-personalisation {
		margin-top: 534px;
	}
}

.wrapper-clickmeet-pers-steps {
	display: flex;
	align-items: center;
	margin-top: 60px;
	flex-direction: column;
	width: 86%;
}

@media only screen and (min-width: 800px) {

	.wrapper-clickmeet-pers-steps {
		width: 84%;
		flex-direction: row;
		justify-content: space-between;
	}
}

@media only screen and (min-width: 1280px) {

	.wrapper-clickmeet-pers-steps {
		width: 70%;
	}
}

.clickmeet-pers-step {
	width: 60%;
	text-align: center;
	margin: 0 auto;
}

@media only screen and (min-width: 600px) {

	.clickmeet-pers-step {
		width: 50%;
	}
}

@media only screen and (min-width: 800px) {

	.clickmeet-pers-step {
		width: 31%;
		margin: 0;
	}
}

.clickmeet-pers-step-header {
	font-family: 'myriad-light';
	font-size: 24px;
	margin: 18px 0 60px;
}

@media only screen and (min-width: 800px) {

	.clickmeet-pers-step-header {
		margin-bottom: 0;
	}
}

.wrapper-clickmeet-smartactions {
	width: 72.8%;
	position: relative;
	z-index: 1;
}

@media only screen and (min-width: 960px) {

	.wrapper-clickmeet-smartactions {
		max-width: 820px;
	}
}

.clickmeet-smartactions img {
	filter: drop-shadow(0 4px 10px rgba(0,0,0,0.2));
}

.clickmeet-smartactions-info {
	width: 100%;
	margin-top: 80px;
}

@media only screen and (min-width: 960px) {
	
	.clickmeet-smartactions-info {
		position: absolute;
		left: calc(50% + 100px);
		bottom: -320px;
		width: 48%;
		margin-top: 0;
	}
}

@media only screen and (min-width: 1480px) {
	
	.clickmeet-smartactions-info {
	    left: calc(50% + 150px);
	    width: 50%;
	}
}

.clickmeet-alg-pay {
	display: flex;
	flex-direction: column;
	margin-top: 150px;
}

@media only screen and (min-width: 960px) {
	
	.clickmeet-alg-pay {
		margin-top: -289px;
		flex-direction: row;
		align-items: flex-start;
	}
}

.clickmeet-algorithm {
	display: flex;
	position: relative;
	background-image: linear-gradient(to right, #BBAA9D , #E5DCD5);
	box-sizing: border-box;
	width: 100%;
	padding: 180px 18% 300px;
	justify-content: center;
}

@media only screen and (min-width: 960px) {
	
	.clickmeet-algorithm {
		padding: 400px 80px 100px;
		width: 50%;
		justify-content: flex-end;
	}
}

@media only screen and (min-width: 1280px) {
	
	.clickmeet-algorithm {
		padding: 400px 150px 100px;
	}
}

.clickmeet-algorithm:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 122px;
	background: url('clickmeet-home-bg-2.png') right 38px;
	background-size: 94px 127px;
}

@media only screen and (min-width: 1080px) {
	
	.clickmeet-algorithm:after {
	    background-size: 123px 166px;
	    height: 136px;
	}
}

.clickmeet-algorithm-img-wrapper {
	max-width: 550px;
}

.clickmeet-payment {
	width: 72%;
	margin: -180px auto 0;
	padding: 0;
	box-sizing: border-box;
}

@media only screen and (min-width: 960px) {
	
	.clickmeet-payment {
		padding: 800px 100px 0;
		width: 50%;
		margin: 0;
	}
}

@media only screen and (min-width: 1480px) {
	
	.clickmeet-payment {
		padding: 800px 150px 0;
	}
}

.clickmeet-payment-img-wrapper {
	max-width: 100%;
}

@media only screen and (min-width: 960px) {
	
	.clickmeet-payment-img-wrapper {
		max-width: 550px;
	}
}

.clickmeet-payment-img {
	filter: drop-shadow(0 4px 10px rgba(0,0,0,0.2));
}

.wrapper-clickmeet-logo {
	padding: 160px 0 0 2%;
	width: 66%;
}

@media only screen and (min-width: 480px) {
	
	.wrapper-clickmeet-logo {
		padding-top: 160px;
		width: 50%;
	}
}

@media only screen and (min-width: 960px) {
	
	.wrapper-clickmeet-logo {
		padding-top: 120px;
		width: 480px;
	}
}

@media only screen and (min-width: 1480px) {
	
	.wrapper-clickmeet-logo {
		padding-top: 200px;
		width: 660px;
	}
}