/******************************************************************
Theme Name: Hotmaps
Theme URI: http://www.jointswp.com
Description: 
Author: DWD Création
Author URI: http://www.dwd-creation.com
Version: 4.0
License: GNU General Public License & MIT
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Sass
******************************************************************/

/* CUSTOM GRID PSEUDO CLASS */
body {
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 0.9rem;
}
h1, h2, h3, h4 {
	font-family: 'Dosis', sans-serif;
	word-break: break-word;
}
h1 {
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 7px;
}
h2 {
	font-weight: 800;
	text-transform: uppercase;
	line-height: 3rem;
	letter-spacing: 7px;
}
h3 {
	font-weight: 800;
	text-transform: uppercase;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	letter-spacing: 8px;
}
p {
	font-size: inherit;
}
.block-title {
	font-size: 3rem;
}
.fullrow {
	max-width: 100%; 
	position: relative;
    overflow: hidden;}
.fullrow:last-child:not(:first-child), .fullrow:last-child:not(:first-child) {
	padding-bottom: 6rem; }
.contain-to-grid {
	max-width: 75rem;
	margin-right: auto;
    margin-left: auto; }
.off-canvas.is-open {
	background-color: white; }
.valign-center {
	position: relative;
    top: 50%; 
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%); 
	z-index: 2; }
.flow-wrapper {
	position: absolute; 
	z-index: 1; }
	/*#Stage_bckg	{
		top: 0px !important;
		left: 0px !important; }*/
header.header.stick {
	position: fixed !important;
	bottom: initial !important;
	top: 0px;
	left: 0px;
	-webkit-box-shadow: 0px 0px 17px 1px rgba(119, 119, 119, 0.16) !important;
	box-shadow: 0px 0px 17px 1px rgba(119, 119, 119, 0.16) !important; 
	width: 100%; 
	z-index: 8;
	background-color: white; }
.home header.header {
	position: absolute;
	width: 100%;
	bottom: 0px;
	z-index: 8; 
	background-color: white; 
	-webkit-box-shadow: 0px 0px 17px 1px rgba(119, 119, 119, 0.16) !important;
	box-shadow: 0px 0px 17px 1px rgba(119, 119, 119, 0.16) !important; }
header.header {
	position: relative;
	-webkit-box-shadow: 0px 0px 17px 1px rgba(119, 119, 119, 0.16) !important;
	box-shadow: 0px 0px 17px 1px rgba(119, 119, 119, 0.16) !important; 
	z-index: 1; }
.test {
	height: 72px;
}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
	float: left; }

.mt1 {
	margin-top: 1rem; }
.mt15 {
	margin-top: 1.5rem; }
.mt2 {
	margin-top: 2rem; }
.mb2 {
	margin-bottom: 2rem; }
.mb6 {
	margin-bottom: 6rem; }
.pt1 {
	padding-top: 1rem; }
.pt2 {
	padding-top: 2rem; }
.pb1 {
	padding-bottom: 1rem; }
.pb2 {
	padding-bottom: 2rem; }

.bkg-grey {
	background-color: #f9f7f7; }
.bkg-white {
	background-color: white; }

text {
	font-family: 'Dosis', sans-serif; 
	font-weight: 600; }

.body p {
	margin-bottom: 0px; }

#content.stick-menu {
	margin-top: 72px; }
	.admin-bar #content.stick-menu {
		margin-top: 40px; }
#content #inner-content {
	padding: 6rem 1rem; }
	#content #inner-content.page-header {
		padding: 0rem; 
		height: 400px; }
	.page-header .taxonomy-description {
		font-size: 1.1rem;
		font-weight: 700; }
.shadow, .shadow .image-top img {
	-webkit-box-shadow: 0px 0 0px 0 #2e8c99;
	box-shadow: 0px 0 0px 0 #2e8c99; }
.title-white h1, .title-white h2, .title-white > h3, .title-white > h4, .title-white > h5, .title-white > h6,
.title-white h1 a, .title-white h2 a, .title-white > h3 a, .title-white > h4 a, .title-white > h5 a, .title-white > h6 a {
	color: white; }
.title-blue h1, .title-blue h2, .title-blue > h3, .title-blue > h4, .title-blue > h5, .title-blue > h6,
.title-blue h1 a, .title-blue h2 a, .title-blue > h3 a, .title-blue > h4 a, .title-blue > h5 a, .title-blue > h6 a {
	color: #57bec8; }
.title-darkblue h1, .title-darkblue h2, .title-darkblue > h3, .title-darkblue > h4, .title-darkblue > h5, .title-darkblue > h6,
.title-darkblue h1 a, .title-darkblue h2 a, .title-darkblue > h3 a, .title-darkblue > h4 a, .title-darkblue > h5 a, .title-darkblue > h6 a {
	color: #00a7ba; }
.title-red h1, .title-red h2, .title-red > h3, .title-red > h4, .title-red > h5, .title-red > h6,
.title-red h1 a, .title-red h2 a, .title-red > h3 a, .title-red > h4 a, .title-red > h5 a, .title-red > h6 a {
	color: #E34147; }
.content-white, .content-white p {
	color: white; }
.content-blue, .content-blue p {
	color: #57bec8; }
.content-red, .content-red p {
	color: #E34147; }
.link-white, .link-white a {
	color: white; }
.link-red, .link-red a {
	color: #E34147; }
.block-red {
	background-color: #E34147; }
.asset-title-left {
	position: relative;}	
	.asset-title-left:before {
	    content: " ";
	    background: transparent url(./assets/images/asset_title_horizontal.svg) no-repeat top right;
	    width: 99999px;
	    height: 20px;
	    right: 100%;
	    display: block;
	    position: absolute; 
		top: 25px; }
		.asset-darkblue.asset-title-left:before {
			content: " ";
			background: transparent url(./assets/images/asset_title_horizontal_darkblue.svg) no-repeat top right; }
		.asset-blue.asset-title-left:before {
			content: " ";
			background: transparent url(./assets/images/asset_title_horizontal_blue.svg) no-repeat top right; }
		.asset-red.asset-title-left:before {
			content: " ";
			background: transparent url(./assets/images/asset_title_horizontal_red_2.svg) no-repeat top right; }
.asset-title-right {
	position: relative; }
	.asset-title-right:before {
	content: " ";
    background: transparent url(./assets/images/asset_title_horizontal_red.svg) no-repeat top left;
    width: 9999px;
    height: 20px;
    left: 100%;
    display: block;
    position: absolute;
    top: 25px; }
.asset-title-top:before {
    content: " ";
    background: transparent url(./assets/images/asset_title_vertical.svg) no-repeat bottom center;
    width: 20px;
    height: 40%;
    display: block;
    position: absolute;
    bottom: 92%;
    left: -25px; }
.asset-block-right:before {
	content: " ";
    background: white;
    width: 99999px;
    height: 2px;
    left: 100%;
    display: block;
    position: absolute;
    top: 16px; 
	z-index: 1; }
.asset-block-left:before {
	content: " ";
    background: white;
    width: 99999px;
    height: 2px;
    right: 100%;
    display: block;
    position: absolute;
    top: 16px; }
.asset-block-top:before {
	content: " ";
    background: white;
    width: 2px;
    height: 40%;
    bottom: 100%;
    left: 50%;
    display: block;
    position: absolute; 
	z-index: 1; }
.asset-block-small:before {
	width: 50%; 
	content: " "; }
.btn-blue.asset-block-right:before, .btn-blue.asset-block-left:before, .btn-blue.asset-block-top:before {
	background-color: #57bec8; }
.btn-white.asset-block-right:before, .btn-white.asset-block-left:before, .btn-white.asset-block-top:before {
	background-color: white; }
.btn-red.asset-block-right:before, .btn-red.asset-block-left:before, .btn-red.asset-block-top:before {
	background-color: #e34247; }
.column-border.mCS_no_scrollbar {
	border-right: 3px solid white; }
.wphtmlblock img {
	width: 100%; }
.excerpt-read-more {
	display: none; }

.vertical-top {
	position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%); }

.wp-post-image {
	filter: drop-shadow(0px 0px 10px rgba(0,0,0,.2));
    position: relative;
    z-index: 2; } 

.close {
   	position: absolute;
   	top: 0px;
   	right: 0px; 
   	cursor: pointer; }


/* GRAPHIC INTEGRATION */
.entry-content img, .entry-banner img {
	width: 100%; }
.single-post-areas {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	height: 100vh; 
	display: none; }
	.single-post-areas.open {
		display: block; }
		.single-post-areas:before {
			/*background: #57BDC7 url(http://hotmaps.dwd-creation.com/wp-content/uploads/2017/02/Besancon_boucle_Doubs.jpg) no-repeat top center;*/
			/*background-size: cover;*/
			/*opacity: 0.5;*/ }

.post.category-areas {  }
	.post.category-areas .areas-image {
		background-color: #57BDC7; }
		.post.category-areas .areas-image img {
			-webkit-filter: grayscale(100%) brightness(100%) contrast(200%); /* Safari 6.0 - 9.0 */
	    	filter: grayscale(100%) brightness(150%) contrast(200%); 
	    	opacity: 0.6; 
	    	width: 100%; 
	    	max-width: 100%; }
    .post.category-areas .content {
    	position: fixed;
    	left: 50%;
    	top: 50%;
    	width: 100%;
    	-webkit-transform: translate(-50%, -50%);
    	transform: translate(-50%, -50%); }
    	.post.category-areas h1 {
    		line-height: 1; }
    	.post.category-areas .subtitle {
    		text-transform: uppercase; 
    		font-family: 'Dosis', sans-serif;
    		font-size: 2rem;
    		margin-bottom: 0.5rem; }
    	.post.category-areas .population {
    		padding-left: 0.5rem;
    		padding-right: 0.5rem; 
    		font-family: 'Dosis', sans-serif;
    		font-weight: 500; }
    	.post.category-areas .surface {
    		margin-left: 0.5rem; 
    		padding-left: 0.5rem;
    		padding-right: 0.5rem; 
    		font-family: 'Dosis', sans-serif; 
    		font-weight: 500; }	
		.post.category-areas .population a,
		.post.category-areas .surface a {
			color: white; }
    	.post.category-areas .entry-content img  {
    		width: auto; }
    	.post.category-areas .location {
    		padding-left: 0.5rem;
    		padding-right: 0.5rem; 
    		margin-left: 0.5rem; 
    		font-family: 'Dosis', sans-serif;
    		font-weight: 500; }
    	.post.category-areas .description {
    		clear: both; 
    		font-size: 1rem;
    		margin-top: 1rem; }
		.post.category-areas .people-name {
			font-weight: 600;
			font-size: 1.5rem;
		}
		.post.category-areas .people-job, .post.category-areas .people-department {
			line-height: 1.3rem;
		}
    .post.category-areas .entry-content {
    	background-color: rgba(211,235,241, 0.9); 
    	display: flex; }
    	.category-partner .post.category-areas .entry-content {
    		display: block; }
    	.post.category-areas .entry-content .column {
    		margin-top: 20px; 
			align-items: stretch; 
			max-height: 320px;
			overflow-x: auto; 
			padding-bottom: 1rem; }
			.post.category-areas .entry-content .column .entry-content-content {
				font-size: 1rem;}
	    	.post.category-areas .entry-content .block-title {
	    		font-family: 'Dosis', sans-serif; 
	    		text-transform: uppercase; 
	    		font-weight: 800; }
	.post-category-areas .close-button {
		cursor: pointer; 
		position: absolute;
		top: 0px;
		right: 0px; }

.not-responsive {
	width: auto !important; }

#background-map-img {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2; }
	.map-marker {
		position: absolute;
		z-index: 2; 
		cursor: pointer; 
		width: 40px;
		height: 40px; }
	.map-marker {
		-webkit-transition: height 0.2s, width 0.2s;
		transition: height 0.2s, width 0.2s; 
		background: url(./assets/images/asset_map_marker.svg) no-repeat center center; 
		background-size: 15px 15px;
  		background-position: center center; 
  		transition:all 0.3s;
		-webkit-transition:all 0.3s ;
		-o-transition:all 0.3s ;
		-moz-transition:all 0.3s ; }
	.map-marker:hover {
		background-size: 30px 30px; }
		#post-38.map-marker {
			left: 42%;
    		top: 78%; }
    	#post-36.map-marker {
    		left: 45%;
    		top: 44%; }
    	#post-34.map-marker {
    		left: 35%;
    		top: 40%; }
    	#post-32.map-marker {
    		left: 54%;
    		top: 66%; }
    	#post-29.map-marker {
		   left: 57%;
    		top: 49%; }
    	#post-27.map-marker {
    	    left: 77%;
    		top: 70%; }
    	#post-24.map-marker {
    		left: 57%;
    		top: 24%; }
.map-background {
	width: 100%;
	height: auto;
	z-index: 1; 
	position: relative; }

.category-areas #main {
	display: none; }

.archive article.odd,
.category article.odd {
	background-color: #f8f7f7; }
	.archive article.odd .float-right,
	.category article.odd .float-right {
		float: left !important; }
	.archive article.odd .float-left,
	.category article.odd .float-left {
		float: right !important; }
.archive article.even,
.category article.even {
	background-color: white; }
.absolute {
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px; 
	opacity: 0.3; 
	z-index: 1; }
	#absolute-title {
		position: absolute;
		z-index: 3;
	    left: 50%;
	    width: 100%;
	    transform: translateX(-50%);
	    -webkit-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    margin-top: 6rem;
	    margin-bottom: 6rem;
	}
#archive-header-content {
	position: relative;
	z-index: 2; }
.highlighted {
	font-weight: 900;
	font-size: 1.5rem; 
	font-family: 'Dosis', sans-serif; 
	line-height: normal; 
	margin-bottom: 2rem; }
	.highlighted p {
		line-height: normal; }

.archive header#inner-content,
.category header#inner-content,
.single header#inner-content {
	background-color: #00a6b9; }

.menu > li > a {
	line-height: 4;
	color: #00A6B9; 
	padding: 0.7rem 0.7rem; 
	font-size: 1rem; }
	.off-canvas.is-open .menu > li > a {
		font-size: 1.5rem; 
		line-height: normal; 
		color: #00a7ba;
		font-family: 'Dosis', sans-serif; 
		font-weight: normal; }
	.off-canvas.is-open .menu > li.active,
	.off-canvas.is-open .menu > li.current-post-parent > a {
		background-color: #00a7ba;
		color: white; }
	.off-canvas.is-open .menu .active > a {
		background-color: #00A6B9;
		color: white; }
	.header .menu > li > a {
		line-height: 1; }
	.mobile-menu {
		background-color: white; 
		padding-left: 1rem; }
	.mobile-menu .menu-icon::after {
		background-color: #00a7ba; 
		box-shadow: 0 7px 0 #00a7ba, 0 14px 0 #00a7ba; }
.menu--shylock {
	position: relative;
	top: 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none; }
	.menu--shylock > li > a {
		line-height: 1;
		font-family: 'Dosis', sans-serif; 
		color: #00A6B9; 
		padding: 0.7rem 0.7rem; 
		position: relative;
        -webkit-transition: color 0.4s;
    	transition: color 0.4s;
    	-webkit-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    -webkit-touch-callout: none;
	    -khtml-user-select: none;
	    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
		margin: 0 1em;
		padding: 1rem;
    	padding-right: 0;
    	padding-left: 0; }
    .menu--shylock > li > a::before {
	    background: #00A6B9;
	    -webkit-transition-delay: 0.4s;
	    transition-delay: 0.4s; }
   .menu--shylock > li > a::before, .menu--shylock > li > a::after {
	    content: ' ';
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    width: 100%;
	    height: 3px;
	    -webkit-transform: scale3d(0, 1, 1);
	    transform: scale3d(0, 1, 1);
	    -webkit-transform-origin: center left;
	    transform-origin: center left;
	    -webkit-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
	    transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); }
    .menu--shylock > li > a:hover::before, .menu--shylock > li > a:focus::before {
	    -webkit-transform: scale3d(1, 1, 1);
	    transform: scale3d(1, 1, 1);
	    -webkit-transition-delay: 0s;
	    transition-delay: 0s; }
	.menu--shylock .active > a, .menu--shylock .active > a:hover, .menu--shylock .active > a:focus,
	.menu--shylock .current-post-parent > a, .menu--shylock .current-post-parent > a:hover, .menu--shylock .current-post-parent > a:focus {
    	color: #d94f5c; 
    	background-color: transparent; }
    .menu--shylock .active > a::after, .menu--shylock .active > a::before,
    .menu--shylock .current-post-parent > a::after, .menu--shylock .current-post-parent > a::before {
	    -webkit-transform: scale3d(1, 1, 1);
	    transform: scale3d(1, 1, 1); }
    .menu--shylock .active > a::before,
    .menu--shylock .current-post-parent > a::before {
	    -webkit-transition-delay: 0s;
	    transition-delay: 0s; }
	.menu--shylock .active > a::after,
	.menu--shylock .current-post-parent > a::after {
    	background: #d94f5c; }

.owl-carousel {}
	.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
	    position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
	    -o-transform: translateY(-50%);
	    -ms-transform: translateY(-50%); 
	    font-size: 5rem; 
		color: white; }
	    .owl-carousel .owl-nav .owl-prev {
	    	left: -45px; }
	    	.owl-carousel .owl-nav .owl-prev:before {
	    		content: '\34'; 
	    		font-family: 'ElegantIcons'; }
	    .owl-carousel .owl-nav .owl-next {
	    	right: -45px; }
	    	.owl-carousel .owl-nav .owl-next:before {
	    		content: '\35'; 
	    		font-family: 'ElegantIcons'; }

	.owl-carousel figure {
		position: relative; }
		.owl-carousel figure img {
			z-index: 0; 
			filter: drop-shadow(0px 0px 0px rgba(0,0,0,.2)); }
	.owl-carousel figure figcaption {
		position: absolute;
		width: 100%;
		height: 100%; 
		top: 0px;
		left: 0px; }

figure.hover-effect {
	background: #fff;
	position: relative;
	overflow: hidden;
	cursor: pointer; 
	padding-left: 0px;
	padding-right: 0px; 
	font-family: 'Dosis', sans-serif; }
	figure.hover-effect .background {
		background: -webkit-linear-gradient(-45deg, transparent 0%,#05E0D8 100%);
    	background: linear-gradient(-45deg, transparent 0%,#05E0D8 100%);
    	-webkit-transition: -webkit-transform 0.35s;
	    transition: transform 0.35s;
	    -webkit-transform-origin: 50% 50%;
	    transform-origin: 50% 50%; 
	    position: relative; 
	    min-height: 100%;
	    max-width: 100%;
	    display: block;
	    width: 100%;  }
	figure.hover-effect img {
	    display: block;
	    max-width: 100%;
        opacity: 0.6;
		width: 100%; 
		-webkit-transition: -webkit-transform 0.35s;
	    transition: transform 0.35s;
	    -webkit-transform-origin: 50% 50%;
	    transform-origin: 50% 50%; 
	    position: relative; }
	figure.hover-effect:hover img {
    	opacity: 0.6; 
    	/*-webkit-filter: grayscale(100%); 
    	filter: grayscale(100%);*/ }
    figure.hover-effect:hover .background {
		-webkit-transform: scale3d(0.93,0.90,1);
    	transform: scale3d(0.93,0.90,1); 
    	background: none; 
    	/*background-color: #00a7ba;*/ }
	figure.hover-effect figcaption {
	    padding: 2em;
	    color: #fff;
	    text-transform: uppercase;
	    font-size: 1.25em;
	    -webkit-backface-visibility: hidden;
	    backface-visibility: hidden; }
	figure.hover-effect:hover figcaption {
		background-color: rgba(0,167,186,0.5); 
	    -webkit-transform: scale3d(0.93,0.90,1);
    	transform: scale3d(0.93,0.90,1); 
    	-webkit-transition: -webkit-transform 0.35s;
	    transition: transform 0.35s; }
	figure.hover-effect figcaption, figure.hover-effect figcaption > a {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%; }
	figure.hover-effect h3, figure.hover-effect p {
	    margin: 0; }
	figure.hover-effect h3 {
    	-webkit-transition: -webkit-transform 0.35s;
	    transition: transform 0.35s;
	    -webkit-transform: translate3d(0,20px,0);
	    transform: translate3d(0,20px,0); 
	    font-size: 1.9375rem;
		line-height: normal; 
		letter-spacing: normal; 
		font-family: 'Dosis', sans-serif; }
	figure.hover-effect:hover h3 {
		-webkit-transform: translate3d(0,0,0);
    	transform: translate3d(0,0,0); }
	figure.hover-effect p {
	    opacity: 0;
	    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	    transition: opacity 0.35s, transform 0.35s;
	    -webkit-transform: perspective(1000px) rotate3d(1,0,0,90deg);
	    transform: perspective(1000px) rotate3d(1,0,0,90deg);
	    -webkit-transform-origin: 50% 0%;
	    transform-origin: 50% 0%; 
		font-size: 1.9375rem; 
		line-height: 2rem; }
    figure.hover-effect:hover p {
        opacity: 1;
        -webkit-transform: perspective(1000px) rotate3d(1,0,0,0);
    	transform: perspective(1000px) rotate3d(1,0,0,0); }
    .svg-container {
    	height: 0px; 
    	transition: height 0.5s;
    	-webkit-transition: height 0.5s;
    	-moz-transition: height 0.5s; }
    figure.hover-effect:hover .svg-container {
    	height: 50px; }
    .asset {
    	transition: margin 0.3s;
    	-webkit-transition: margin 0.3s;
    	-moz-transition: margin 0.3s; }
    .asset line, .asset polygon {
    	stroke-opacity: 0; 
    	fill-opacity: 0; 
    	transition: stroke-opacity 0.2s, fill-opacity 0.2s; 
    	-webkit-transition: stroke-opacity 0.2s, fill-opacity 0.2s; 
    	-moz-transition: stroke-opacity 0.2s, fill-opacity 0.2s; 
    	transition-delay: 0.2s;
    	-webkit-transition-delay: 0.2s;
    	-moz-transition-delay: 0.2s;
  		height: 9vh; }
    figure.hover-effect:hover .asset line, figure.hover-effect:hover .asset polygon {
    	stroke-opacity: 1;
    	fill-opacity: 1; }
   	figure.hover-effect:hover .asset-up {
   		margin-top: -10px;
   	}


.btn {
    border: none;
    font-family: inherit;
    font-size: 1rem;
    color: inherit;
    background: none;
    cursor: pointer;
    padding: 5px 10px;
    display: inline-block;
    width: 100%;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
    font-family: 'Dosis', sans-serif; }
    .btn span {
    	position: relative;
    	z-index: 3; 
    	display: block; 
    	letter-spacing: 3px; }
    .btn span.icon {
	    display: inline;
    	position: absolute;
    	right: 0px;
    	line-height: 1.4rem;
    	top: 3px; 
    	font-size: 2rem; }
    .btn span.icon-inline {
    	position: initial; }
    .btn-white {
    	border: 3px solid #fff;
    	color: #fff; }
    .btn-blue {
    	border: 3px solid #57bec8;
    	color: #57bec8; }
    .btn-red {
		border: 3px solid #e34247;
		background-color: white;
    	color: #e34247; }
    .btn-white:hover, .btn-white:active, .btn-white:hover span {
    	color: #57bec8; }
    .btn-white:visited {
    	color: #FFF; }
    .btn-blue:hover, .btn-blue:active, .btn-blue:hover span {
    	color: #FFF; }
	.wpcf7-form .btn-blue:hover, .wpcf7-form .btn-blue:active, .wpcf7-form .btn-blue:hover span {
		color: #57bec8; }
    .btn-blue:visited {
    	color: #57bec8;	}
    .btn-red:hover, .btn-red:active, .btn-red:hover span, .btn-red:hover:visited {
    	color: #FFF; }
    .btn-red:visited {
    	color: #e34247;	}
    .btn:after {
	    content: ' ';
	    position: absolute;
	    z-index: 0;
	    -webkit-transition: all 0.3s;
	    -moz-transition: all 0.3s;
	    transition: all 0.3s; }
   	.btn-1l:after {
	    width: 0%;
	    height: 100%;
	    top: 0;
	    left: 0; }
    .btn-1r:after {
	    width: 0%;
	    height: 100%;
	    top: 0;
	    right: 0; }
	.btn-1t:after {
	    width: 100%;
	    height: 0;
	    top: 0;
	    left: 0; }
	.btn-1b:after {
	    width: 100%;
	    height: 0;
	    bottom: 0;
	    left: 0; }
	.btn-blue:after {
		background-color: #57bec8; }
	.btn-white:after {
		background-color: #FFF; }
	.btn-red:after {
		background-color: #e34247; }
	.btn-1lr:hover:after, .btn-1lr:active:after {
    	width: 100%; }
    .btn-1tb:hover:after, .btn-1tb:active:after {
    	height: 100%; }

.grid {
	margin: 0 auto; }
	.grid:after {
  		content: '';
  		display: block;
  		clear: both; }
		.grid-item header img {
			filter: none; }
		.grid-item {
			max-width: 100%;
			max-width: 100vw;
			width: 400px;  
			float: left; }
	
			
.wpcf7-form-control-wrap {
	margin-bottom: 2rem; }

#hotmaps-project:before, #hotmaps-brochure:before {
	content: ' ';
	width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #e34247;
    transform-origin: 100% 0;
    -webkit-transform-origin: 100% 0; }

#hotmaps-brochure:before {
	background: #57bec8; }
    #hotmaps-brochure #inner-content {
    	position: relative; 
    	padding-bottom: 0px; }
    .hotmaps-brochure-image {
    	position: relative;
   		top: -6rem;
   		right: 0px; }

#hotmaps_brochure_link .btn {
	font-weight: 800; 
	font-size: 1.3rem; 
	/*margin-top: 2rem; */
	line-height: 1.5rem; }
#hotmaps-project-link .btn {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.6rem; 
	padding-bottom: 0px; }


#hotmaps-partner-map {}
	#hotmaps-partner-map:before {
		content: ' ';
	    width: 100%;
	    height: 75%;
	    position: absolute;
	    top: 0;
	    left: 0;
	    transform-origin: 100% 0;
	    -webkit-transform-origin: 100% 0; 
		background-color: #d4ecf2; }
	#hotmaps-partner-map-link .asset-block-left:before {
		width: 200%; }

#hotmaps-news {
	background-color: #f9f7f7 }
	.twitter {
		margin-top: 3rem; 
		clear: both; }
	.twitter-timeline {
		color: #00A7BA; }
	#hotmaps-news .page-navigation {
		display: none; }

#hotmaps-news-carousel {
    position: absolute;
    height: 100%;
    left: 50%;
    top: 0px;
    width: 100%;}
	#hotmaps-news-carousel .item {
		height: 960px; 
		/* background-position-x: 11rem !important;*/ }
	#hotmaps-news-carousel .owl-carousel .owl-nav .owl-prev, 
	#hotmaps-news-carousel .owl-carousel .owl-nav .owl-next {
		top: 25px; 
		transition: opacity .3s;
		-webkit-transition: opacity .3s; }
	#hotmaps-news-carousel .owl-carousel .owl-nav .owl-prev.disabled, 
	#hotmaps-news-carousel .owl-carousel .owl-nav .owl-next.disabled {
		opacity: 0; }
	#hotmaps-news-carousel .owl-carousel .owl-nav .owl-next {
	    left: 265px;
		right: initial; }
	#hotmaps-news-carousel .owl-carousel .owl-nav .owl-prev {
		left: 216px; }
	#hotmaps-news-carousel .owl-carousel .owl-nav .owl-prev:before {
		background-color: #57bec8; 
		font-size: 3rem; }
	#hotmaps-news-carousel .owl-carousel .owl-nav .owl-next:before {
		background-color: #57bec8; 
		font-size: 3rem; }
	#hotmaps-news-carousel .owl-carousel figure figcaption a {
		position: initial; 
	    text-indent: 0;
	    font-size: 1.2rem; 
	    text-decoration: underline; 
		color: #57bec8; }
	#hotmaps-news-carousel .owl-carousel figure figcaption .title {
		margin-bottom: 2rem; }
	#hotmaps-news-carousel .owl-carousel figure figcaption .title a {
		text-decoration: none; 
		font-size: inherit; }
	#hotmaps-news-carousel .owl-carousel figure figcaption {
		position: absolute;
		top: 260px; 
		background-color: transparent; 
		width: 50%; }
	#hotmaps-news-carousel .owl-carousel figure {
		background: transparent url(assets/images/mask-news.png) repeat-y 0rem;
		height: 960px; }
	#hotmaps-news-carousel .owl-carousel .excerpt p {
		margin-bottom: 0px; 
		font-size: 1.1rem; }
	#hotmaps-news-carousel .owl-dots {
	    top: 130px;
    	position: absolute; }
    	#hotmaps-news-carousel .owl-dots .owl-dot {}
    	#hotmaps-news-carousel .owl-dots .owl-dot span {
    		width: 20px;
    		height: 20px;
    		background-color: transparent;
    		border: 2px solid #57bec8;
    		display: block;
    		border-radius: 200%; }
    #hotmaps-news-carousel .custom-dots {
    	top: 0px;
    	left: 100px !important;
    	position: absolute; 
		z-index: 1; 
		left: 2rem; 
		background: transparent url(assets/images/background-dots.svg) no-repeat left 0px;}
		#hotmaps-news-carousel .custom-dots .container {
			position: relative; 
			left: 0px; 
			transition: left 0.2s; 
			-webkit-transition: left 0.2s; }
		#hotmaps-news-carousel .custom-dots .dot line {
			opacity: 0;
			transition: opacity 0.2s;
			-webkit-transition: opacity 0.2s; }
		#hotmaps-news-carousel .custom-dots .dot circle.border {
			opacity: 0;
			transition: opacity 0.2s;
			-webkit-transition: opacity 0.2s; }
		#hotmaps-news-carousel .custom-dots .dot circle.fill {
			transition: fill 0.2s;
			-webkit-transition: fill 0.2s;
			fill: #FFFFFF; }
		#hotmaps-news-carousel .custom-dots .dot.dot-current line {
			opacity: 1; }
		#hotmaps-news-carousel .custom-dots .dot.dot-current circle.fill {
			fill: #D4ECF2; }
		#hotmaps-news-carousel .custom-dots .dot.dot-current circle.border {
			opacity: 1; }

#hotmaps-partner-logo {}
#hotmaps-partner-logo .column {
	position: relative; 
	margin-bottom: 2rem; }
	#hotmaps-partner-logo .column .container {
		background-color: #f8f7f5; }
		#hotmaps-partner-logo .column a {
		    position: absolute;
		    width: 100%;
		    height: 100%;
		    top: 0px;
		    left: 0px; 
			text-indent: -99999px; }
		#hotmaps-partner-logo .column img {
			-webkit-filter: grayscale(1);
	  		filter: grayscale(1); 
	  		transition: all 0.5s;
	  		-webkit-transition: all 0.5s; 
	  		opacity: 0.7; }
	  	#hotmaps-partner-logo .column:hover img {
	  		filter: none;
	  		-webkit-filter: none; 
	  		opacity: 1; }

#hotmaps-related-project {  
	background-color: #00a7ba; 
	padding-top: 3rem;
	padding-bottom: 3rem; }
	.owl-carousel figure figcaption {
		background-color: rgba(0, 167, 186, 0.3);}
		.owl-carousel figure figcaption .title {
			font-size: 1.5rem;
			font-family: 'Dosis', sans-serif; 
			font-weight: 900; 
			text-transform: uppercase; }
		.owl-carousel figure figcaption .icon {
			font-size: 2rem; }
		.owl-carousel figure figcaption > a {
			z-index: 1000;
			text-indent: 200%;
			white-space: nowrap;
			font-size: 0;
			position: absolute;
		    bottom: 0;
		    left: 0;
		    width: 100%;
		    height: 100%; }

.off-canvas {
	background-color: white; }

#main {
	position: relative; }

#welcome {  }
	.home #welcome  {
		/*background: transparent url(assets/images/home_background.jpg) no-repeat top center;*/
		background-size: cover; 
		height: 98vh; }

#wphtmlblock-logo-home-page .wphtmlblock-container,
#wphtmlblock-logo-home-page .wphtmlblock-container p {
    color: #2c8c99;
    font-size: 2.3rem;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    line-height: 2.5rem; } 
	#wphtmlblock-logo-home-page .wphtmlblock-container img { 
		position: relative; 
		width: auto; }
#wphtmlblock-how-to-use-hotmaps {
	position: relative; }
	#wphtmlblock-how-to-use-hotmaps img {
		/*filter: drop-shadow(0px 0px 10px rgba(69,173,170,.3));*/ 
		filter: drop-shadow(0px 0px 10px rgba(0,0,0,.3)); }
#wphtmlblock-hotmaps-brochure {
	position: relative; }
#wphtmlblock-hotmaps-brochure-image {
	position: relative;
	z-index: 2; }
#wphtmlblock-hotmaps-project-image img {
	filter: drop-shadow(0px 0px 10px rgba(0,0,0,.2)); 
	position: relative;
	z-index: 2; }
#wphtmlblock-hotmaps-partner-map-image {
	position: relative;
	z-index: 1; } 
#wphtmlblock-hotmaps-partner-map-image img {
	filter: drop-shadow(0px 0px 10px rgba(0,0,0,.2)); }
#wphtmlblock-hotmaps-partner-map {
	color: #2c8c99;
	position: relative;
	z-index: 2; }
#wphtmlblock-logo-footer .wphtmlblock-container {
	position: relative;
	margin-top: 10px; }

#all_areas_links {
	margin-top: 6rem; }

.moresite {
	width: 50px;
	height: 50px;
	border: 2px solid #57bec8;
	position: relative; 
	cursor: pointer;
	margin-left: auto;
	margin-right: auto; 
	-webkit-transition: background-color 1s, -webkit-transform 1s;
  	transition: background-color 1s, transform 1s; }
	.moresite:hover {
		background-color: #57bec8; }
	.moresite:before {
		color: #57bec8;
		line-height: 46px;
		font-weight: bold;
		text-align: center;
		font-size: 44px; }
	.moresite:hover:before {
		color: white; }

.europe-block {
	/* max-width: 460px;  */
	/* float: left; */
	/* width: 50%; */
	margin-top: 70px; }
	.europe-block .item-1 {
		max-width: 120px; }
	.europe-block .item-2 {
		max-width: 340px; }
		.europe-block .item-2 p {
			padding-left: 20px; 
			padding-top: 5px; }

.bloc-news-form {
	/* float: right; */
	/* width: 50%;  */
}

.block-credit {
	clear: both; }

#areas {
	background-color: #57bec8; }
#areas .columns {
	position: relative; }

/*.page-id-138*/

.footer {
	border-top: 2px solid #00a6b9;
	margin-top: 0px; 
	padding-top: 2rem; }
	.copyright {
		background-color: #ddf0f5; 
		font-size: 0.7rem; 
		color: #00a7ba; 
		margin-bottom: 0px;
		line-height: 1.5rem; 
		font-style: italic; 
		margin-top: 1rem; }
		.copyright a {
			color: #00a7ba; }

@media screen and (max-width: 52.375em) {
	.asset-title-top:before, .asset-title-left:before, .asset-title-right:before {
		content: none !important; } 
	.static {
		display: none !important; } 
	#absolute-title {
		position: relative;
		z-index: 2; } 
	.points-tooltips {
		display: none !important; }
		.points-content {
			position: initial !important; }
		.point-content {
			pointer-events: all !important;
			top: 0 !important;
			left: 0 !important;
			transform: none !important;
			position: relative !important; 
			opacity: 1 !important; }
		.point-content > * {
			opacity: 1 !important; } 
		.backgrounds {
			display: none !important; }
	.post.category-areas .entry-content {
		display: block; } 
		.column-border {
			border-color: transparent; } 
	.close {
		display: none; } 
	.post.category-areas {
		border-top: 2px solid #00a6b9; 
		border-top: 2px solid #00a6b9;
			padding-top: 70px; }
		.post.category-areas .population, .post.category-areas .surface, .post.category-areas .location {
			float: none !important;
			width: auto;
			margin-left: 0px;
			margin-bottom: 10px; }
			.post.category-areas .entry-content .column {
				border-right: 0;
				overflow: hidden;
				max-height: none;
				padding-left: 0px;
				padding-right: 0px; 
				width: 100%; } 
}

/* RESPONSIVE */
@media screen and (max-width: 39.9375em) { /* SMALL ONLY */
	h1 {
		font-size: 3.5rem;
		line-height: normal; }
	.content-small-white p {
		color: white; }
	.btn-small-white {}
		.btn-small-white, .btn-small-white:visited {
			color: white; 
			border: 3px solid white; }
		.btn-small-white.btn-red:hover, .btn-small-white.btn-red:active, .btn-small-white.btn-red:hover span {
			color: #e34247; }
		.btn-small-white.btn-blue:hover, .btn-small-white.btn-blue:active, .btn-small-white.btn-blue:hover span {
			color: #57bec8; }
		.btn-small-white.asset-block-right:before, .btn-small-white.asset-block-left:before, .btn-small-white.asset-block-top:before {
			background-color: white; }
		.btn-small-white:after {
			background-color: white; }
	.small-mb3 {
		margin-bottom: 3rem; }
	header.header, .home header.header, .page header.header, header.header.stick {
		position: fixed !important;
		top: 0px !important;
		bottom: initial !important;
		background-color: transparent !important; 
		-webkit-box-shadow: none !important;
		box-shadow: none !important; 
		width: 100%; 
		z-index: 3 !important; }
	.single-post-areas {
		height: auto;
		position: initial; }
	.post.category-areas .content {
		position: initial; } 
	#hotmaps-project:before, #hotmaps-brochure:before {
		width: 100%; } 
	#hotmaps-partner-map:before {
		height: 100%; }
	#wphtmlblock-hotmaps-project-image {
		margin-bottom: 3rem; } 
	.hotmaps-brochure-image {
		position: relative; 
		top: 0px; }
	.owl-carousel .owl-nav .owl-prev {
		left: 0px; } 
	.owl-carousel .owl-nav .owl-next {
		right: 0px; } 
	.asset-title-top:before, .asset-title-left:before, .asset-title-right:before {
		content: none !important; } 
	.static {
		display: none !important; } 
	#absolute-title {
		position: relative;
		z-index: 2; } 
	.points-tooltips {
		display: none !important; }
		.points-content {
			position: initial !important; }
		.point-content {
			position: relative !important; 
			opacity: 1 !important; }
		.point-content > * {
			opacity: 1 !important; } 
		.backgrounds {
			display: none !important; }
	.post.category-areas .entry-content {
		display: block; } 
		.column-border {
			border-color: transparent; } 
	#content.stick-menu {
	margin-top: 0; }
	.admin-bar #content.stick-menu {
		margin-top: 0; } 
	.close {
		display: none; } 
	.post.category-areas {
		border-top: 2px solid #00a6b9; 
		border-top: 2px solid #00a6b9;
    	padding-top: 70px; }
		.post.category-areas .population, .post.category-areas .surface, .post.category-areas .location {
			float: none !important;
			width: auto;
			margin-left: 0px;
			margin-bottom: 10px; }
			.post.category-areas .entry-content .column {
				padding-left: 0px;
				padding-right: 0px; } 
	#hotmaps-news-carousel {    
		position: initial;
    	height: initial;
    	left: initial;
    	top: initial;
    	width: initial;
    	padding-right: 0.625rem;
    	padding-left: 0.625rem;
    	float: left; } 
  	.post.category-areas .entry-content .column {
  		height: auto; 
		  max-height: 100%; } 
	.europe-block {
		max-width: 500px; 
		margin-left: auto;
		margin-right: auto;
		float: none;
		margin-top: 10px;
	}
}

@media screen and (min-width: 40em) { /* MEDIUM AND UP */ }
@media screen and (min-width: 40em) and (max-width: 63.9375em) { 
	.europe-block {
		max-width: 500px; 
		margin-left: auto;
		margin-right: auto;
		float: none;
		margin-top: 10px;
	}
} 
@media only screen and (min-width: 64.063em) { /* LARGE AND UP */ }
@media screen and (min-width: 64em) and (max-width: 74.9375em) { /* LARGE ONLY */ }
@media screen and (min-width: 74.9375em) { /* SUPER LARGE AND UP */  }

/*@media screen and (min-height: 74.9375em) { 
	.post.category-areas .entry-content .column {}
}*/





	.glyph {
		float: left;
		text-align: center;
		padding: .75em;
		margin: .4em 1.5em .75em 0;
		width: 6em;
		text-shadow: none;
	}
        .glyph_big {
        font-size: 128px;
        color: #59c5dc;
        float: left;
        margin-right: 20px;
        }

        .glyph div { padding-bottom: 10px;}

	.glyph input {
		font-family: consolas, monospace;
		font-size: 12px;
		width: 100%;
		text-align: center;
		border: 0;
		box-shadow: 0 0 0 1px #ccc;
		padding: .2em;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
	}
	.centered {
		margin-left: auto;
		margin-right: auto;
	}
	.glyph .fs1 {
		font-size: 2em;
	}

.inbl {
	display: inline-block;
}
.vat {
	vertical-align: top;
}

.filter-form select {
	margin: 0;
}

.mr1 {
	margin-right: 1rem;
}

.mr2 {
	margin-right: 2rem;
}

.ml1 {
	margin-left: 1rem;
}

.ml2 {
	margin-left: 2rem;
}

.btn-filter-submit {
	display: inline-block;
	height: 39px;
	line-height: 33px;
	padding-top: 0;
	padding-bottom: 0;
	vertical-align: bottom;
	width: auto;
}

.interactive-points {
	min-height: 600px;
}