@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, button, cite, code, del, dfn, em, font, form, img, input, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}

a{text-decoration:none;}
a img{border:none;}


body{
	background:#fff;
	font:normal 16px / 19px 'Intercolor HN', sans-serif;
	color:#000;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*         o°        o°        o°                                         °o        °o        °o         */
/*        O         O         O               COMMON ELEMENTS               O         O         O        */
/* ><(((°>   ><(((°>   ><(((°>                                               <°)))><   <°)))><   <°)))>< */
/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ */

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°                    LOGO                   °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

/* container font-size + min-height = logo pixel height */

.logoContainer{
	position:relative;
	display:inline-block;
	color:#fff;
}

	.logoImg{
		width:auto;
		height:1em;
		position:absolute; top:0; left:0;
		z-index:1;
	}

	.logoText{
		display:inline-block;
		font:normal 0.4em / 0.4em 'Nexa', sans-serif;
		letter-spacing:.04em;
		padding:1.52em 0 0 1.02em;
		position:relative;
		z-index:2;
	}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°                   HEADER                  °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

.header{
	background:#fff;
	position:fixed; top:0; left:0;
	z-index:10;
	width:100%;
	padding:18px 0;
	box-shadow:0 0 5px rgba(0, 0, 0, 0.5);
	text-align:center;
	font-size:0;
}

.header::after{
	content:'';
	display:block;
	height:0;
	line-height:0;
	clear:both;
}

/* .o° .o° .o° .o° .o° .o° Logo °o. °o. °o. °o. °o. °o. */

.headerLogo{
	vertical-align:bottom;
	color:#000;
	font-size:46px;
	min-height:46px;
}

.headerLogo:hover{
	opacity:.8;
}

/* .o° .o° .o° .o° .o° .o° Nav °o. °o. °o. °o. °o. °o. */

.headerNav{
	display:inline-block;
	vertical-align:bottom;
	padding:0 0 5px 0;
}

	.headerNav-list{
		font-size:0;
	}

		.headerNav-listItem{
			display:inline;
			list-style-type:none;
			padding:0 0 0 90px;
		}

		/* home link for responsive */
		.headerNav-listItem:nth-child(1){display:none;}

			.headerNav-listItem a{
				font:normal 18px / 18px 'Intercolor HN', sans-serif;
				color:#000;
				position:relative;
				display:inline-block;
				padding:0 5px;
				vertical-align:bottom;
			}

				/* hover */

				.headerNav-listItem a::after{
					content:'';
					display:inline-block;
					position:absolute; bottom:-10px; left:0;
					width:100%;
					background:#80ac41;
					height:3px;
					border-radius:3px;
					transform:scale(0,1);
					transform-origin:left bottom;
				}

				.headerNav-listItem a:hover::after,
				.headerNav-listItem a.focus::after{
					transform:scale(1,1);
					transition:transform 0.2s ease-in;
				}

				/* colors */

				.headerNav-listItem:nth-child(1) a:hover,
				.headerNav-listItem:nth-child(1) a.focus{color:#fcB866;}
				.headerNav-listItem:nth-child(1) a::after{background:#fcB866;}

				.headerNav-listItem:nth-child(2) a:hover,
				.headerNav-listItem:nth-child(2) a.focus{color:#f46767;}
				.headerNav-listItem:nth-child(2) a::after{background:#f46767;}

				.headerNav-listItem:nth-child(3) a:hover,
				.headerNav-listItem:nth-child(3) a.focus{color:#2580bd;}
				.headerNav-listItem:nth-child(3) a::after{background:#2580bd;}

				.headerNav-listItem:nth-child(4) a:hover,
				.headerNav-listItem:nth-child(4) a.focus{color:#35a446;}
				.headerNav-listItem:nth-child(4) a::after{background:#35a446;}

				.headerNav-listItem:nth-child(5) a:hover,
				.headerNav-listItem:nth-child(5) a.focus{color:#b76cc4;}
				.headerNav-listItem:nth-child(5) a::after{background:#b76cc4;}

	/* Mobile switch */

	.headerNav-switch{
		border:none;
		background:none;
		width:29px;
		margin:9px 13px 0 0;
		display:none;
		cursor:pointer;
	}

	.headerNav-switch:hover{
		opacity:.8;
	}

		.headerNav-switch span{
			display:block;
			height:4px;
			margin:0 0 4px 0;
			border-radius:3px;
		}

		.headerNav-switch span:nth-child(1){background:#1e80c0;}
		.headerNav-switch span:nth-child(2){background:#80ac41;}
		.headerNav-switch span:nth-child(3){background:#ffc930;}

@media all and (max-width: 1023px){
	.headerNav-listItem{padding:0 0 0 55px;}
		.headerNav-listItem a{font-size:15px;}
}

@media all and (max-width: 767px){
	.header{padding:7px 0; text-align:right; line-height:0;}
		.headerLogo{float:left; font-size:37px; min-height:37px; margin:0 0 0 13px;}
		.headerNav{padding:0; display:block; line-height:0;}
			.headerNav-switch{display:inline-block;}
			.headerNav-list{background:rgba(0, 0, 0, 0.7); padding:15px 0; width:100%; position:absolute; top:51px; right:0; transform:translateX(100%);transition:all 0.2s ease-in;}
			.headerNav-list--open{transform:translateX(0);}
				.headerNav-listItem{display:list-item; list-style-type:none; padding:0 12px;}
				.headerNav-listItem:nth-child(1){display:list-item;}
					.headerNav-listItem a{font-size:15px; line-height:25px; padding:0; color:#fff;}
						.headerNav-listItem a::after{display:none;}
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°                  CONTAINER                °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

.mainContainer{
	max-width:1700px;
	margin:0 auto;
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°                   FOOTER                  °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

.footer{
	padding:56px 15px 90px 15px;
	background:#ededed;
	text-align:center;
}

/* .o° .o° .o° .o° .o° .o° Logo °o. °o. °o. °o. °o. °o. */

.footerLogo{
	color:#000;
	font-size:71px;
	min-height:71px;
}

/* .o° .o° .o° .o° .o° .o° Nav °o. °o. °o. °o. °o. °o. */

.footerNav{
	width:645px;
	margin:0 auto;
	padding:60px 0 70px 0;
	border-bottom:solid 1px #000;
}

	.footerNav-list{
		font-size:0;
		text-align:left;
	}

	.footerNav-list::after{
		content:'';
		display:block;
		height:0;
		line-height:0;
		clear:both;
	}

	.footerNav-listItem{
		display:inline-block;
		width:33%;
		padding:0 0 9px 0;
	}

		.footerNav-listItem a{
			font:normal 18px / 18px 'Intercolor HN', sans-serif;
			color:#000;
		}

		.footerNav-listItem a:hover{
			opacity:.8;
		}

	/* facebook */

	.footerNav-listItemFacebook{
		float:right;
		text-align:right;
	}

		.footerNav-listItem.footerNav-listItemFacebook a{
			display:inline-block;
			line-height:0;
		}

/* .o° .o° .o° .o° .o° .o° Copyright °o. °o. °o. °o. °o. °o. */

.footerCopyright{
	font:normal 9.5px / 12px 'Intercolor HN', sans-serif;
	color:#000;
	padding:40px 0 0 0;
}

@media all and (max-width: 1023px){
	.footer{padding:56px 15px 50px 15px;}
		.footerNav{padding:50px 0 40px 0;}
			.footerNav-listItem a{font-size:15px;}
}

@media all and (max-width: 767px){
	.footer{text-align:left; position:relative; padding:40px 25px 30px 25px;}
		.footerLogo{font-size:50px; min-height:50px;}
		.footerNav{width:auto; padding-bottom:25px;}
			.footerNav-listItem{width:auto; min-width:40%;}
			.footerNav-listItem:nth-child(even){float:left;}
			.footerNav-listItem:nth-child(odd){float:right; text-align:right;}
				.footerNav-listItemFacebook{float:none;  position:absolute; top:40px; right:25px;}
		.footerCopyright{text-align:center; padding:30px 0 0 0;}
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°                   TEXTS                   °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

/* .o° .o° .o° .o° .o° .o° Titles °o. °o. °o. °o. °o. °o. */

/* Level 1 */

.level1Title{
	font:bold 34px / 30px 'Intercolor HN Bold', sans-serif;
	color:#fff;
	position:relative;
	padding:110px 0;
	text-align:center;
	overflow:hidden;
}

.level1Title::after{
	content:'';
	width:110%;
	height:80px;
	position:absolute; top:50%; left:50%;
	transform:rotate(-4deg) translate(-50%,-50%);
	transform-origin:0 0;
	z-index:-1;
}

.level1Title.upToDown::after{
	transform:rotate(4deg) translate(-50%,-50%);
}

/* Level 2 */

.level2Title{
	font:bold 22px / 26px 'Intercolor HN Bold', sans-serif;
	color:#000;
	padding:0 15px 45px 15px;
	text-align:center;
}

/* .o° .o° .o° .o° .o° .o° Texts blocks °o. °o. °o. °o. °o. °o. */

.textBlock{
	width:655px;
	margin:0 auto;
	text-align:center;
	padding:0 15px 30px 15px;
}

	.textBlock p{
		padding:0 0 19px 0;
	}

	.textBlock a{
		text-decoration:underline;
	}

/* .o° .o° .o° .o° .o° .o° Font styles °o. °o. °o. °o. °o. °o. */

.italic{
	font-style:italic;
}

.uppercase{
	font-weight:inherit;
	text-transform:uppercase;
}

@media all and (max-width: 767px){
	.level1Title{padding:60px 0;}
	.textBlock{width:auto;}
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°                 GRADIENTS                 °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

.yellowToRedBlock,
.yellowToRedTitle::after,
.homeMap-membersInfoItem::after{
	background:#fcb866;
	background:-moz-linear-gradient(left, rgba(255,215,102,1) 0%, rgba(244,103,103,1) 100%);
	background:-webkit-linear-gradient(left, rgba(255,215,102,1) 0%,rgba(244,103,103,1) 100%);
	background:linear-gradient(to right, rgba(255,215,102,1) 0%,rgba(244,103,103,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd766', endColorstr='#f46767',GradientType=1 );
}

.yellowToRedVertical{
	background:#fcb866;
	background:-moz-linear-gradient(top, rgba(255,215,102,1) 0%, rgba(244,103,103,1) 100%);
	background:-webkit-linear-gradient(top, rgba(255,215,102,1) 0%,rgba(244,103,103,1) 100%);
	background:linear-gradient(to bottom, rgba(255,215,102,1) 0%,rgba(244,103,103,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd766', endColorstr='#f46767',GradientType=2 );
}

.redToYellowTitle::after{
	background:#fcb866;
	background:-moz-linear-gradient(left, rgba(244,103,103,1) 0%, rgba(255,215,102,1) 100%);
	background:-webkit-linear-gradient(left, rgba(244,103,103,1) 0%,rgba(255,215,102,1) 100%);
	background:linear-gradient(to right, rgba(244,103,103,1) 0%,rgba(255,215,102,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f46767', endColorstr='#ffd766',GradientType=1 );
}

.greenToBlueTitle::after{
	background:#67aa9a;
	background:-moz-linear-gradient(left, rgba(128,186,142,1) 0%, rgba(37,128,189,1) 100%);
	background:-webkit-linear-gradient(left, rgba(128,186,142,1) 0%,rgba(37,128,189,1) 100%);
	background:linear-gradient(to right, rgba(128,186,142,1) 0%,rgba(37,128,189,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ba8e', endColorstr='#2580bd',GradientType=1 );
}

.blueToGreenBlock,
.blueToGreenTitle::after{
	background:#67aa9a;
	background:-moz-linear-gradient(left, rgba(37,128,189,1) 0%, rgba(128,186,142,1) 100%);
	background:-webkit-linear-gradient(left, rgba(37,128,189,1) 0%,rgba(128,186,142,1) 100%);
	background:linear-gradient(to right, rgba(37,128,189,1) 0%,rgba(128,186,142,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2580bd', endColorstr='#80ba8e',GradientType=1 );
}

.greenToLime::after{
	background:#96cf5e;
	background:-moz-linear-gradient(left, rgba(53,164,70,1) 0%, rgba(185,222,102,1) 100%);
	background:-webkit-linear-gradient(left, rgba(53,164,70,1) 0%,rgba(185,222,102,1) 100%);
	background:linear-gradient(to right, rgba(53,164,70,1) 0%,rgba(185,222,102,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#35a446', endColorstr='#b9de66',GradientType=1 );
}

.limeToGreenBlock{
	background:#96cf5e;
	background:-moz-linear-gradient(left, rgba(185,222,102,1) 0%, rgba(53,164,70,1) 100%);
	background:-webkit-linear-gradient(left, rgba(185,222,102,1) 0%,rgba(53,164,70,1) 100%);
	background:linear-gradient(to right, rgba(185,222,102,1) 0%,rgba(53,164,70,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9de66', endColorstr='#35a446',GradientType=1 );
}

.purpleToPinkTitle::after{
	background:#e79f9e;
	background:-moz-linear-gradient(left, rgba(183,108,196,1) 0%, rgba(247,177,145,1) 100%);
	background:-webkit-linear-gradient(left, rgba(183,108,196,1) 0%,rgba(247,177,145,1) 100%);
	background:linear-gradient(to right, rgba(183,108,196,1) 0%,rgba(247,177,145,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b76cc4', endColorstr='#f7b191',GradientType=1 );
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°                  MASONRY                  °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

.masonryContainer{
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	line-height:0;
	margin:0 0 44px 0;
}

	/* full width blocks */

	.masonryFull{
		display:-webkit-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;
		-webkit-box-flex:1;
		-webkit-flex:1;
		-ms-flex:1;
		flex:1;
		background-repeat:no-repeat;
		background-position:0 0;
		background-size:cover;
	}

	.masonryFull:nth-child(1){
		margin:0 0 22px 0;
	}

	/* half width blocks */

	.masonryHalf{
		-webkit-box-flex:1;
		-webkit-flex:1;
		-ms-flex:1;
		flex:1;
		display:-webkit-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;
		-webkit-box-direction:column;
		-webkit-flex-direction:column;
		-ms-flex-direction:column;
		flex-direction:column;
		-webkit-justify-content:center;
		justify-content:center;
		background-repeat:no-repeat;
		background-position:0 0;
		background-size:cover;
	}

	.masonryHalf:nth-child(1){
		margin:0 22px 0 0;
	}

	/* images */

	.masonryContainer img{
		width:100%;
		display:none;
	}

	.masonryContainer img.masonryGuideImage{
		display:inline-block;
	}

	/* ie 9 */

	:root .masonryContainer img {display:inline-block\9;}

	/* text */

	.masonryContainer p{
		font-size:21px;
		line-height:26px;
		color:#fff;
		padding:0 25px;
	}

	/* no flex fallback */

	.masonryContainer::after{
		content:'';
		display:block;
		height:0;
		line-height:0;
		clear:both;
	}

	.masonryHalf{
		width:46%;
		width:calc(50% - 22px);
		float:left;
	}

@media all and (max-width: 1199px){
	.masonryContainer p{font-size:17px; line-height:20px; padding:0 20px;}
}

@media all and (max-width: 1023px){
	.masonryContainer p{font-size:13px; line-height:15px; padding:0 15px;}
}

@media all and (max-width:767px){
	/*
	.masonryContainer{-webkit-box-direction:column; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column;}
	.masonryHalf,
	.masonryHalf:nth-child(1),
	.masonryFull,
	.masonryFull:nth-child(1){-webkit-box-direction:column; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; margin:0 0 22px 0; width:auto; float:none;}
	.masonryHalf:last-child,
	.masonryFull:last-child{margin:0;}
	.masonryContainer p{font-size:17px; line-height:20px; padding:20px;}
	fucking ie fix below : */
	.masonryContainer{display:block;}
	.masonryHalf,
	.masonryHalf:nth-child(1),
	.masonryFull,
	.masonryFull:nth-child(1){display:block; margin:0 0 22px 0; width:100%; float:none;}
	.masonryHalf:last-child,
	.masonryFull:last-child{margin:0;}
	.masonryContainer img{display:inline-block;}
	.masonryContainer p{font-size:17px; line-height:20px; padding:20px;}
}



/* TO DO :
- prefixes (flex !)
- compress images (be careful svg proportions (home map cursor))
- check 404
*/