/*
Theme Name: Climate fit
Theme URI: 
Author: By Arctik
Author URI: http://arctik.eu
Description: Climate Fit
Version: 1.0
Tags: Climate Fit, Services, Data, Urban, One-stop shop
Text Domain: Climate Fit

This theme, like WordPress, is licensed under the GPL.
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

table, tbody, tfoot, tr, th, td, sup {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/* Loader */
#content-loader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #f07d60;
  background-size: 100% 100%;
  z-index: 9999;
  z-index: 996; }

#loader {
  width: 90px;
  height: 90px;
  position: absolute;
  z-index: 9999999;
  left: 50%;
  top: 50%;
  margin: -49px 0 0 -49px; }

#loader .circle {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  animation: circle 3s linear infinite;
  border-left: 4px solid #f07d60;
  border-right: 4px solid #f07d60;
  border-top: 4px solid #fff;
  border-bottom: 4px solid #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%; }

#loader span {
  position: absolute;
  text-align: center;
  width: 130px;
  left: 50%;
  bottom: -50px;
  margin-left: -65px;
  color: #fff; }

@keyframes circle {
  0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* USED COLORS

BLEU #191a46
SAUMON #f07d60

BKGD GREY #f7f7f7
TXT GREY #646464

*/
/* GENERAL */
.site,
.img-bloc-2.nes {
  width: 1225px;
  margin: 0 auto; }

.clear {
  clear: both; }

html {
  font-size: 100%;
  margin-top: 0 !important; }

body {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: 0.8em;
  line-height: 1.8em;
  color: #646464; }

textarea,
input {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: 1em; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.2em; }

a {
  color: #191a46; }

h2 {
  text-align: center;
  font-weight: 200;
  font-size: 4em;
  color: #f07d60;
  text-transform: uppercase; }

input.wpcf7-submit {
  background: #f07d60;
  border: 1px solid #f07d60;
  color: #fff;
  padding: 0.5em 1em;
  margin-top: 0.5em; }

p {
  margin-bottom: 1em;
  font-size: 1em;
  line-height: 1.5em; }

/* article */
img.aligncenter {
  display: inherit !important;
  margin: 0 auto; }

/* TRANSITION */
ul.follow li a,
.resources ul li a .hover,
.stories-hp ul li a .hover {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

/* MENU */
.login {
  background: #191a46;
  padding: 10px 0; }

.login ul {
  list-style: none; }

.login ul.left-login {
  text-align: left;
  float: left; }

.login ul.right-login {
  text-align: right;
  float: right; }

.login ul li {
  display: inline-block;
  float: left; }

.login ul li a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 0.6em;
  line-height: 1em;
  letter-spacing: 0.3em; }

.login ul li a.log {
  display: inline-block;
  background: url(css/layout/login.png) no-repeat left top;
  background-size: auto 100%;
  padding-left: 1.5em; }

.login ul li a:hover {
  opacity: 0.5; }

.navigation {
  background: #fff;
  padding-top: 10px;
  float: left;
  width: 100%;
  border-bottom: 1px solid #191a46; }

.navigation h1 {
  width: 150px;
  float: left; }

.navigation h1 img {
  width: 100%; }

.navigation h1 span {
  display: none; }

.navigation .menu {
  float: right;
  list-style: none; }

.navigation .menu li {
  list-style: none;
  display: inline-block;
  float: left;
  position: relative; }

.navigation .menu li a {
  font-weight: 600;
  color: #191a46;
  padding: 2em 1em;
  font-size: 1em;
  float: left;
  text-decoration: none; }

.navigation .menu li.current_page_parent,
.navigation .menu li.current-menu-item {
  border-bottom: 2px solid #191a46; }

.navigation .menu li ul {
  display: none;
  position: absolute;
  left: 0;
  top: 75px;
  z-index: 9; }

.navigation .menu li:hover ul {
  display: block; }

.navigation .menu li ul li a {
  width: 200px;
  padding: 0.5em 1em;
  background: rgba(255, 255, 255, 0.8); }

.navigation .menu li ul li a:hover {
  color: #fff;
  background: rgba(25, 26, 70, 0.8); }

#btn {
  display: none; }

.sharing {
  position: fixed;
  left: 0;
  top: 50%;
  height: 50px;
  z-index: 900;
  color: #f07d60;
  text-align: center; }

.ssba-wrap a {
  display: block; }

.ssba-share-text {
  display: none; }

/* BANNER */
/* .banner .banner-content{ position:absolute; left: 0; top: 0; width: 100%; height: 100%; position: absolute; width: 100%; text-align:center;}
.banner .banner-content h1{ width: 30%; padding-top: 12.75%; left: 35%; top: 15%; position:absolute; display:block; text-indent: -9999px; background: url(css/layout/climare-fit-white.png) no-repeat center center; background-size: 100% auto;}
.banner .banner-content span{ border: 2px solid #fff; color: #fff; display: inline-block; padding: 0.5em 1em; margin-top: 23%; font-weight: 600;}
.banner .banner-content span:hover{ color:#f07d60; border: 2px solid #f07d60;} */
.banner {
  position: relative;
  float: left;
  width: 100%; }

.banner a {
  width: 100%;
  float: left; }

.banner img {
  width: 100%;
  float: left; }

.banner .banner-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  width: 100%;
  text-align: center; }

.banner .banner-content h1 {
  width: 30%;
  padding-top: 12.75%;
  left: 35%;
  top: 15%;
  position: absolute;
  display: block;
  text-indent: -9999px;
  background: url(css/layout/climare-fit-white.png) no-repeat center center;
  background-size: 100% auto; }

.banner .banner-content span {
  border: 2px solid #fff;
  color: #fff;
  display: inline-block;
  padding: 0.5em 1em;
  margin-top: 23%;
  font-weight: 600; }

.banner .banner-content span:hover {
  color: white;
  border: 2px solid white; }

.bannerHP {
  position: relative;
  width: 100%; }
  .bannerHP a {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 36%; }
    .bannerHP a img.picture {
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%; }
  .bannerHP .conference {
    background: black; }
    .bannerHP .conference .picture {
      opacity: 0.7; }
    .bannerHP .conference h2 {
      color: white;
      font-size: 1vw; }
    .bannerHP .conference h3 {
      color: white;
      text-transform: uppercase;
      font-size: 3vw; }
      .bannerHP .conference h3 strong {
        color: #dec22a; }
    .bannerHP .conference h4 {
      color: white;
      font-size: 1vw; }
  .bannerHP .banner-content {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    height: auto;
    text-align: center;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 5; }
    .bannerHP .banner-content h1 {
      margin-left: 35%;
      text-align: center !important;
      width: 30%; }
      .bannerHP .banner-content h1 img {
        width: 100% !important; }
    .bannerHP .banner-content span {
      border: 2px solid #fff;
      color: #fff;
      display: inline-block;
      padding: 0.5em 1em;
      margin-top: 5%;
      font-weight: 600;
      /* &:hover{
				color:#f07d60;
				border: 2px solid #f07d60;
			} */ }

.banner a.project-link {
  position: absolute;
  right: 20px;
  top: 20px;
  color: #fff;
  z-index: 5;
  width: auto; }

.single-banner {
  width: 100%;
  padding-top: 16.75%;
  position: relative;
  overflow: hidden;
  background: url(css/layout/default-banner.jpg) no-repeat center center;
  background-size: 100% 100%; }

.single-banner img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.single-banner .color {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(25, 26, 70, 0.5); }

.single-banner .gradient {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(cdss/layout/gradient.png) repeat-y;
  background-size: 100% auto;
  opacity: 0.3; }

.single-banner .deg {
  display: block;
  width: 195px;
  height: 195px;
  border: 60px solid #fff;
  position: absolute;
  left: 50%;
  bottom: -200px;
  margin-left: -157px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  opacity: 0.2; }

.single-banner .acm,
.single-banner .bue,
.single-banner .clh,
.single-banner .cuh,
.single-banner .emp,
.single-banner .urp,
.single-banner .stk,
.single-banner .mgn,
.single-banner .oth {
  display: block;
  width: 100%;
  height: 100%;
  border: 0 none;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 100%;
  top: 0;
  left: 0;
  opacity: 0.2; }

.single-banner .noico {
  display: none; }

.single-banner .acm {
  background-image: url(css/layout/ico-active-mobility.png); }

.single-banner .bue {
  background-image: url(css/layout/ico-building-energy.png); }

.single-banner .clh {
  background-image: url(css/layout/ico-climate-health.png); }

.single-banner .cuh {
  background-image: url(css/layout/ico-cultural-heritage.png); }

.single-banner .emp {
  background-image: url(css/layout/ico-emergency-planning.png); }

.single-banner .urp {
  background-image: url(css/layout/ico-urban-planning.png); }

.single-banner .stk {
  background-image: url(css/layout/ico-communication.png); }

.single-banner .mgn {
  background-image: url(css/layout/ico-management.png); }

.single-banner .oth {
  background-image: url(css/layout/ico-other.png); }

/* INTRO */
.intro {
  width: 100%;
  padding: 50px 0;
  background: #fff; }

.page.intro {
  text-align: left; }

.glance .page.intro {
  text-align: center; }

.contact-intro .page.intro {
  text-align: center; }

.page.intro h2 {
  margin-bottom: 0.75em; }

.page.intro .txt-intro-art {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 60px;
  -moz-column-gap: 60px;
  column-gap: 60px;
  width: 90%;
  margin: 0 auto; }

.contact-intro .page.intro .txt-intro-art,
.intro-team .page.intro .txt-intro-art,
.intro-col1 .page.intro .txt-intro-art {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1; }

.page.intro p {
  font-size: 1em;
  line-height: 1.75em;
  margin-bottom: 1em;
  text-align: left; }

.glance .page.intro p,
.contact-intro .page.intro p {
  text-align: center; }

.page.intro ul,
.page.intro ol {
  margin-bottom: 1em; }

.page.intro li {
  margin-left: 1em; }

.sentence,
.txt-intro {
  width: 42%;
  text-align: left; }

.sentence {
  float: left;
  padding-left: 3%;
  font-size: 2em;
  line-height: 1.5em;
  padding-top: 1em; }

.txt-intro {
  float: right;
  padding-right: 3%; }

.txt-intro h2 {
  text-align: left;
  font-weight: 600;
  font-size: 1em;
  color: #f07d60;
  text-transform: none; }

.txt-intro h2.mb {
  margin-bottom: 1em; }

/* THE STORIES */
.stories-hp {
  width: 100%;
  padding: 50px 0;
  background: #f7f7f7; }

.stories-hp ul {
  list-style: none;
  float: left;
  width: 100%;
  margin-top: 50px; }

.stories-hp ul li {
  float: left;
  width: 31%;
  margin: 1%;
  background: #fff;
  text-align: center;
  border-bottom: 12px solid #f07d60;
  position: relative; }

.stories-hp ul li a {
  position: relative;
  float: left;
  width: 100%;
  overflow: hidden;
  text-decoration: none; }

.stories-hp ul li .img {
  padding-top: 87.5%;
  position: relative;
  background: #ccc url(css/layout/default-box.jpg) no-repeat;
  background-size: 100% auto;
  min-width: 100%; }

.stories-hp ul li .img .img-overflow {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.stories-hp ul li .img img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%; }

.stories-hp ul li .img span,
.stories-hp ul li .imgtable span {
  width: 22px;
  height: 22px;
  border: 5px solid #f07d60;
  position: absolute;
  left: 50%;
  margin-left: -16px;
  bottom: -16px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: block;
  text-indent: -9999px;
  z-index: 2; }

.stories-hp ul li .img span.Event {
  background: #f07d60 url(css/layout/event.png) no-repeat center center;
  background-size: 100% auto; }

.stories-hp ul li .txt {
  padding: 30px;
  line-height: 1.5em;
  height: 156px;
  overflow: hidden; }

.stories-hp ul.video-list li .txt {
  float: left; }

.stories-hp ul li .txt h3 {
  color: #f07d60;
  font-size: 1.2em;
  margin-bottom: 0.75em; }

.stories-hp ul li .txt p {
  color: #646464;
  font-size: 1em;
  text-align: justify; }

.stories-hp ul li a .hover {
  position: absolute;
  left: 0;
  top: -100%;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 3; }

.stories-hp ul li a .hover .hover-inside {
  background: rgba(240, 125, 96, 0.8);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.stories-hp ul li a .hover .hover-inside section {
  margin-top: 7vh;
  transform: translateY(-7%); }

.stories-hp ul li a .hover .hover-inside section div.acm,
.stories-hp ul li a .hover .hover-inside section div.bue,
.stories-hp ul li a .hover .hover-inside section div.clh,
.stories-hp ul li a .hover .hover-inside section div.cuh,
.stories-hp ul li a .hover .hover-inside section div.emp,
.stories-hp ul li a .hover .hover-inside section div.urp,
.stories-hp ul li a .hover .hover-inside section div.deg,
.stories-hp ul li a .hover .hover-inside section div.stk,
.stories-hp ul li a .hover .hover-inside section div.oth,
.stories-hp ul li a .hover .hover-inside section div.mgn,
.stories-hp ul li a .hover .hover-inside section div.Event,
.stories-hp ul li a .hover .hover-inside section div.News {
  width: 40%;
  padding-top: 40%;
  display: inline-block;
  height: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  margin-bottom: 1em; }

.stories-hp ul li a .hover .hover-inside section div.acm {
  background-image: url(css/layout/ico-active-mobility.png); }

.stories-hp ul li a .hover .hover-inside section div.bue {
  background-image: url(css/layout/ico-building-energy.png); }

.stories-hp ul li a .hover .hover-inside section div.clh {
  background-image: url(css/layout/ico-climate-health.png); }

.stories-hp ul li a .hover .hover-inside section div.cuh {
  background-image: url(css/layout/ico-cultural-heritage.png); }

.stories-hp ul li a .hover .hover-inside section div.emp {
  background-image: url(css/layout/ico-emergency-planning.png); }

.stories-hp ul li a .hover .hover-inside section div.urp {
  background-image: url(css/layout/ico-urban-planning.png); }

.stories-hp ul li a .hover .hover-inside section div.stk {
  background-image: url(css/layout/ico-communication.png); }

.stories-hp ul li a .hover .hover-inside section div.mgn {
  background-image: url(css/layout/ico-management.png); }

.stories-hp ul li a .hover .hover-inside section div.oth {
  background-image: url(css/layout/ico-other.png); }

.stories-hp ul li a .hover .hover-inside section div.Event {
  background-image: url(css/layout/event.png); }

.stories-hp ul li a .hover .hover-inside section div.deg,
.stories-hp ul li a .hover .hover-inside section div.News {
  border: 30px solid #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

.stories-hp ul li a .hover .hover-inside hgroup {
  color: #fff;
  margin-bottom: 2em; }

.stories-hp ul li a .hover .hover-inside hgroup h4 {
  font-size: 1.8em;
  padding: 0 2em; }

.stories-hp ul.new li a .hover .hover-inside hgroup h4 {
  margin-bottom: 2em; }

.stories-hp ul li a .hover .hover-inside hgroup h5 {
  font-weight: 200;
  margin: 1em 0;
  font-size: 1.5em; }

.stories-hp ul li a .hover .hover-inside span {
  background: none;
  border: 2px solid #fff;
  padding: 0.75em 1em;
  display: inline-block;
  color: #fff;
  text-decoration: none; }

.stories-hp ul li a:hover .hover {
  top: 0; }

.stories-hp ul li a,
.stories-hp ul li.box-newsletter {
  min-height: 530px; }

.stories-hp ul li.box-newsletter a {
  min-height: inherit; }

.stories-hp ul.video-list li a {
  min-height: auto; }

.stories-hp ul.team li {
  border-bottom: none; }

.stories-hp ul.team li .imgtable {
  width: 100%;
  position: relative; }

.stories-hp ul.team li .imgtable img {
  max-height: 70%;
  width: 60%; }

.stories-hp ul.team li table.logo-table {
  width: 100%;
  height: 250px;
  overflow: hidden; }

.stories-hp ul.team li .txt {
  background: #fae8e3;
  height: 50px; }

.stories-hp ul.team li:nth-child(even) .txt {
  background: #eeeef6; }

.stories-hp ul li.box-newsletter {
  border-bottom: 12px solid #f7f7f7; }

.stories-hp ul li.box-newsletter .deg {
  width: 90px;
  display: block;
  text-indent: -9999px;
  height: 0;
  padding-top: 90px;
  margin: 20px auto;
  border: 43px solid #f07d60;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  opacity: 0.2; }

.stories-hp ul li.box-newsletter h3 {
  text-transform: uppercase;
  font-size: 2em;
  font-weight: 200;
  color: #f07d60;
  margin-bottom: 0.5em; }

.stories-hp ul li.box-newsletter p {
  line-height: 1.5em;
  margin-bottom: 0; }

.stories-hp ul li.box-newsletter input.newsletter-mail {
  width: 75%;
  padding: 0.75em 3%;
  margin: 1.5em auto 1em;
  border: 1px solid #191a46;
  color: #191a46;
  text-align: center; }

.stories-hp ul li.box-newsletter input:focus.newsletter-mail {
  color: #f07d60;
  border: 1px solid #f07d60;
  outline: none; }

.stories-hp ul li.box-newsletter .screen-reader-response {
  color: #f07d60;
  font-weight: 600; }

.stories-hp ul li.box-newsletter .wpcf7-response-output {
  display: none; }

.stories-hp ul li.box-newsletter .wpcf7-checkbox.sector span {
  display: inline-block;
  text-align: left;
  width: 42%;
  padding-bottom: 0.5em; }

.stories-hp ul li.box-newsletter .wpcf7-checkbox.sector span span {
  display: inline-block;
  text-align: left;
  width: auto;
  padding-bottom: 0;
  padding-left: 0.5em;
  font-size: 0.8em; }

.stories-hp ul li.box-newsletter .wpcf7 span.accept {
  margin: 1em 0 0.75em;
  display: block;
  font-size: 0.8em; }

.stories-hp ul li.box-newsletter .wpcf7-recaptcha {
  width: 80%;
  margin-left: 10%;
  overflow-x: hidden; }

.stories-hp ul.video-list li .video-preview {
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
  height: 0;
  overflow: hidden; }

.stories-hp ul.video-list li p {
  text-align: center;
  font-size: 1.1em;
  margin-bottom: 1em;
  height: 139px;
  overflow: hidden; }

.stories-hp ul.video-list li .video-preview iframe,
.stories-hp ul.video-list li .video-preview object,
.stories-hp ul.video-list li .video-preview embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important; }

.stories-hp ul.video-list li span {
  border: 1px solid #f07d60;
  color: #f07d60;
  display: inline-block;
  padding: 0.5em 1em; }

.stories-hp ul.video-list li a:hover span {
  border: 1px solid #191a46;
  color: #191a46; }

.stories-hp ul.video-list li:nth-child(even) span {
  border: 1px solid #191a46;
  color: #191a46; }

.stories-hp ul.video-list li:nth-child(even) a:hover span {
  border: 1px solid #f07d60;
  color: #f07d60; }

.stories-hp ul li:nth-child(even) {
  border-bottom: 12px solid #191a46; }

.stories-hp ul li:nth-child(even) .img span,
.stories-hp ul li:nth-child(even) .imgtable span {
  border: 5px solid #191a46; }

.stories-hp ul li:nth-child(even) .img span.Event {
  background: #191a46 url(css/ayout/event.png) no-repeat center center;
  background-size: 100% auto; }

.stories-hp ul li:nth-child(even) .txt h3 {
  color: #191a46; }

.stories-hp ul li:nth-child(even) a .hover .hover-inside {
  background: rgba(25, 26, 70, 0.8);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.stories-hp ul li:nth-child(even) a .hover .hover-inside span {
  background: none; }

/* TEAM */
.stories-hp ul.team li .imgtable span {
  background: #fff; }

.stories-hp ul.team li a {
  min-height: inherit;
  outline: none; }

.stories-hp ul.team li a .hover .hover-inside hgroup h4 {
  font-size: 1.3em;
  margin-bottom: 1.5em; }

.stories-hp ul.team li:nth-child(even) {
  border-bottom: none; }

/* Exit Pop Up */
#exitpopup_bg {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  background: #191a46;
  opacity: .8;
  filter: alpha(opacity=0.8);
  z-index: 999998; }

#exitpopup {
  text-align: center;
  width: 400px;
  height: 550px;
  margin: 0px auto;
  display: none;
  position: fixed;
  color: #ffffff;
  padding: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  z-index: 999999;
  background: #fff;
  -webkit-box-shadow: 0 0 20px 0 #191a46;
  box-shadow: 0 0 20px 0 #191a46; }

#exitpopup p {
  text-align: center; }

div.box-newsletter {
  text-align: center; }

div.box-newsletter .deg {
  width: 120px;
  display: block;
  text-indent: -9999px;
  height: 0;
  padding-top: 120px;
  margin: 20px auto;
  border: 43px solid #f07d60;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  opacity: 0.2; }

div.box-newsletter h3 {
  text-transform: uppercase;
  font-size: 2em;
  font-weight: 200;
  color: #f07d60;
  margin-bottom: 0.5em; }

div.box-newsletter p {
  line-height: 1.5em;
  margin-bottom: 0;
  color: #646464; }

div.box-newsletter input.newsletter-mail {
  width: 84%;
  padding: 0.75em 3%;
  margin: 0.5em auto 1em;
  border: 1px solid #191a46;
  color: #191a46;
  text-align: center; }

div.box-newsletter input:focus.newsletter-mail {
  color: #f07d60;
  border: 1px solid #f07d60;
  outline: none; }

div.box-newsletter .screen-reader-response {
  color: #f07d60;
  font-weight: 600; }

div.box-newsletter .wpcf7-response-output {
  display: none; }

div.box-newsletter .wpcf7-checkbox.sector span {
  display: inline-block;
  text-align: left;
  width: 45%;
  padding-bottom: 0.5em; }

div.box-newsletter .wpcf7-checkbox.sector span span {
  display: inline-block;
  text-align: left;
  width: auto;
  padding-bottom: 0;
  padding-left: 0.5em; }

div.box-newsletter span.accept {
  margin: 1.5em 0 0.5em;
  display: block; }

/* DOCUMENTS */
table.tbl-doc th,
table.tbl-doc td {
  text-align: left;
  border-bottom: 1px dashed #ccc;
  padding: 0.5em; }

table.tbl-doc th {
  border-bottom: 1px solid #f07d60;
  color: #f07d60; }

table.tbl-doc td a {
  text-decoration: none; }

table.tbl-doc td a:hover {
  color: #f07d60; }

table.tbl-doc tr:nth-child(odd) td {
  background: #ebebeb; }

/* Get in touch */
.contact {
  width: 100%;
  padding: 50px 0;
  background: #f7f7f7; }

.contact .left-contact,
.contact .right-contact {
  float: left; }

.contact .left-contact {
  width: 30.5%;
  padding-right: 2.5%; }

.contact .right-contact {
  width: 63.5%;
  padding-left: 2.5%;
  border-left: 1px solid #ccc; }

.contact .left-contact input,
.contact .right-contact input.wpcf7-text,
.contact .right-contact textarea {
  width: 94%;
  padding: 0.5em 3%; }

.contact .right-contact textarea {
  border: 1px solid #ccc;
  margin-bottom: 2em; }

.contact .left-contact label.tm,
.contact .right-contact label.tm {
  margin-top: 2em; }

.contact .left-contact label,
.contact .right-contact label {
  padding-bottom: 0.5em;
  display: inline-block; }

.contact .screen-reader-response {
  color: #191a46;
  font-weight: 600;
  margin-bottom: 1em; }

.contact .screen-reader-response ul {
  margin-left: 3em;
  margin-bottom: 3em; }

.contact .wpcf7-not-valid-tip {
  color: #f07d60; }

.contact .wpcf7-not-valid {
  border: 1px solid #f07d60; }

.contact .wpcf7-display-none {
  display: none; }

.contact .wpcf7-response-output {
  color: #191a46;
  font-weight: 600;
  padding: 1em 5%;
  border: 1px solid #191a46;
  clear: both;
  text-align: center;
  margin-top: 2em;
  float: left;
  width: 90%; }

.subscribe {
  width: 100%;
  padding: 50px 0;
  background: #f07d60;
  text-align: center;
  color: #fff; }

.subscribe h2 {
  color: #fff;
  margin-bottom: 0.5em; }

.subscribe input.wpcf7-submit {
  background: #191a46;
  border: 1px solid #191a46;
  color: #fff;
  padding: 0.5em 1em; }

.subscribe input.newsletter-mail {
  width: 300px;
  padding: 0.75em 1em;
  margin: 1.5em auto 1em;
  border: 1px solid #fff;
  color: #191a46;
  text-align: center;
  display: inline-block; }

.subscribe input:focus.newsletter-mail {
  color: #f07d60;
  border: 1px solid #f07d60;
  outline: none; }

.subscribe .screen-reader-response {
  display: none; }

.subscribe .wpcf7-response-output {
  padding-top: 1em;
  font-weight: 600;
  color: #191a46; }

.subscribe .site a {
  color: #fff; }

/* RESOURCES */
.resources {
  width: 100%;
  padding: 50px 0;
  background: #f7f7f7; }

.resources h4 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: 1.5em;
  line-height: 1.5em;
  margin-bottom: 0.5em;
  color: #191a46;
  text-transform: uppercase; }

.resources h4::before {
  content: "+ "; }

.resources .accordion-item-active h4 {
  font-weight: 600;
  color: #f07d60; }

.resources .accordion-item-active h4::before {
  content: "- "; }

.resources .accordion .accordion-content {
  display: none;
  padding-left: 1em; }

.resources .accordion .accordion-item {
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #ccc; }

.resources ul {
  list-style: none; }

.resources ul li {
  display: inline-block;
  width: 16%;
  margin: 1%;
  margin-left: 0;
  background: #fff;
  padding: 1%; }

.resources ul li figure {
  display: block;
  width: 100%;
  padding-top: 100%;
  position: relative;
  background-color: #666;
  background-image: url(css/layout/ico-oth.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60% auto;
  overflow: hidden; }

.resources ul li figure.pdf {
  background-color: #c30b15;
  background-image: url(css/layout/ico-pdf.png); }

.resources ul li figure.xls {
  background-color: #14662d;
  background-image: url(css/layout/ico-xls.png); }

.resources ul li figure.ppt {
  background-color: #d04727;
  background-image: url(css/layout/ico-ppt.png); }

.resources ul li figure.zip {
  background-color: #999;
  background-image: url(css/layout/ico-zip.png); }

.resources ul li figure.jpg {
  background-color: #999;
  background-image: url(css/layout/ico-jpg.png); }

.resources ul li figure.doc {
  background-color: #2a5696;
  background-image: url(css/layout/ico-doc.png); }

.resources ul li figure img {
  width: 100%;
  min-height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.resources ul li a {
  text-decoration: none;
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden; }

.resources ul li h5 {
  text-align: center;
  padding: 1em 0;
  height: 40px;
  overflow: hidden;
  text-decoration: none; }

.resources ul li a .hover {
  position: absolute;
  left: 0;
  top: -100%;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url(css/layout/ico-download.png);
  background-repeat: no-repeat;
  background-size: 35% auto;
  background-position: center center; }

.resources ul li a:hover .hover {
  top: 0; }

/* ARTICLE */
.intro-art {
  width: 100%;
  padding: 50px 0;
  background: #f7f7f7; }

.intro-art h2 {
  margin-bottom: 0.75em; }

.intro-art h2.news-title,
.intro-art h2.event-title {
  margin-bottom: 0; }

.intro-art .txt-intro-art {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 60px;
  -moz-column-gap: 60px;
  column-gap: 60px;
  width: 90%;
  margin: 0 auto; }

.intro-art p {
  font-size: 1em;
  line-height: 1.75em;
  margin-bottom: 1em;
  text-align: left; }

.intro-art ul,
.intro-art ol {
  margin-bottom: 1em; }

.intro-art li {
  margin-left: 1em; }

.glance .intro-art {
  font-weight: 200;
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 1em;
  text-align: center; }

.content {
  width: 100%;
  padding: 50px 0;
  background: #fff; }

.content h1 {
  font-size: 3.5em;
  color: #f07d60; }

.content h2 {
  color: #191a46;
  text-align: left;
  text-transform: inherit;
  font-weight: 400;
  font-size: 2em;
  margin: 1em auto 0.75em;
  width: 90%; }

.content h2.event-title {
  margin-bottom: 0; }

.content h3 {
  font-size: 1.6em;
  color: #f07d60;
  margin: 1em 0 0.5em; }

.content h4 {
  font-size: 1.4em;
  font-weight: 400;
  color: #f07d60;
  margin: 1em 0 0.5em; }

.content h5 {
  font-size: 1.2em;
  font-weight: 400;
  color: #f07d60;
  margin: 1em 0 0.5em; }

.content h6 {
  font-size: 1.4em;
  margin: 1em 0.5em; }

.content .txt-intro-art {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 60px;
  -moz-column-gap: 60px;
  column-gap: 60px;
  width: 90%;
  margin: 0 auto; }

.content p {
  font-size: 1em;
  line-height: 1.75em;
  margin-bottom: 1em;
  text-align: left; }

.content ul,
.content ol {
  margin-bottom: 1em; }

.content li {
  margin-left: 1em; }

.img-bloc-2 {
  background: #fff; }

.img-bloc-2.nes {
  padding: 0.75% 0; }

.img-left,
.img-right {
  width: 49.5%;
  position: relative;
  padding-top: 32.5%;
  overflow: hidden;
  background: #ccc;
  text-align: center; }

.img-left img,
.img-right img {
  width: 100%;
  float: left;
  position: absolute;
  left: 50%;
  margin-left: -50%;
  top: 0; }

.img-left {
  float: left; }

.img-right {
  float: right; }

.quote {
  background: #191a46;
  padding: 70px 0;
  width: 100%; }

.quote .txt-quote {
  width: 50%;
  margin: 0 auto;
  padding: 0 5%;
  text-align: center;
  font-size: 1.3em;
  line-height: 1.2em;
  color: #fff;
  position: relative; }

.quote .quote-left,
.quote .quote-right {
  width: 31px;
  height: 31px;
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100% auto; }

.quote .quote-left {
  left: -31px;
  top: -31px;
  background-image: url(css/layout/quote-left.png); }

.quote .quote-right {
  right: -31px;
  bottom: -31px;
  background-image: url(css/layout/quote-right.png); }

.quote .author-quote {
  font-style: italic;
  text-align: center;
  padding-top: 10px;
  color: #b9bae2; }

.event {
  background: #fff;
  position: relative; }

.event .site {
  position: relative; }

.event h1 {
  font-size: 3.5em;
  color: #f07d60; }

.event h2 {
  color: #191a46;
  text-align: left;
  margin-bottom: 0.5em;
  margin-top: 1em;
  text-transform: inherit;
  font-weight: 400;
  font-size: 2em; }

.event h3 {
  font-size: 1.6em;
  color: #f07d60;
  margin: 1em 0 0.5em; }

.event h4 {
  font-size: 1.4em;
  font-weight: 400;
  color: #f07d60;
  margin: 1em 0 0.5em; }

.event h5 {
  font-size: 1.2em;
  font-weight: 400;
  color: #f07d60;
  margin: 1em 0 0.5em; }

.event h6 {
  font-size: 1.4em;
  margin: 1em 0.5em; }

.event .event-left,
.event .event-right {
  padding: 4% 0;
  margin-bottom: 1em; }

.event .event-left p {
  font-size: 1em;
  line-height: 1.75em;
  margin-bottom: 1em; }

.event .event-left {
  padding-top: 0; }

.event .event-left {
  width: 60.84%;
  float: left;
  padding-right: 2.5%; }

.event .event-left ul,
.event .event-left ol {
  margin-left: 3em;
  margin-top: 1em;
  margin-bottom: 1em; }

.event .event-right {
  width: 31.15%;
  float: right;
  background: #f07d60;
  padding-left: 2.5%;
  color: #fff;
  position: relative;
  margin-top: 2em; }

.event .event-right span {
  color: #f2b5a5; }

.event .event-right a {
  color: #fff; }

.event .event-right ul,
.event .event-right p {
  margin-top: 0.5em; }

.event .event-right ul {
  list-style: none; }

.event .event-right ul li {
  display: inline-block; }

.event .event-right ul li.mailsep {
  display: none; }

.event .event-right ul li + li + li + li.mailsep {
  display: inline-block;
  padding: 0 0.5em; }

.event .event-right ul li + li + li.mailcontact {
  display: none; }

.video {
  width: 100%;
  padding: 30px 0;
  background: #f7f7f7; }

.video .video-content {
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
  height: 0;
  overflow: hidden; }

.video .video-content iframe,
.video .video-content object,
.video .video-content embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important; }

.video + .video {
  border-top: 1px solid #ccc; }

.author {
  background: #e8e8ec;
  padding: 50px 0;
  width: 100%;
  text-align: left; }

.author h2 {
  color: #191a46;
  text-align: left;
  margin-bottom: 0.5em; }

.author figure,
.author .txt-author {
  float: left; }

.author figure {
  width: 12.5%;
  margin-right: 2.5%;
  background: #fff; }

.author figure img {
  width: 100%;
  float: left; }

.author .txt-author {
  width: 80%; }

.author .txt-author h3 {
  color: #f07d60;
  margin-bottom: 1em; }

.author .txt-author p {
  font-size: 0.8em;
  line-height: 1.5em; }

/* POP UP COOKIE UTILISATION */
.eupopup-container {
  background-color: rgba(25, 26, 70, 0.9);
  color: #efefef;
  padding: 5px 20px;
  font-size: 12px;
  line-height: 1.2em;
  text-align: center;
  display: none;
  z-index: 996; }

.eupopup-container-top,
.eupopup-container-fixedtop {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0; }

.eupopup-container-fixedtop {
  position: fixed; }

.eupopup-container-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0; }

.eupopup-container-bottomleft {
  position: fixed;
  bottom: 10px;
  left: 10px;
  width: 300px; }

.eupopup-container-bottomright {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 300px; }

.eupopup-closebutton {
  font-size: 16px;
  font-weight: 100;
  line-height: 1;
  color: #a2a2a2;
  filter: alpha(opacity=20);
  position: absolute;
  font-family: helvetica, arial, verdana, sans-serif;
  top: 0;
  right: 0;
  padding: 5px 10px; }

.eupopup-closebutton:hover,
.eupopup-closebutton:active {
  color: #fff;
  text-decoration: none; }

.eupopup-head {
  font-size: 1.2em;
  font-weight: bold;
  padding: 7px;
  color: #fff; }

.eupopup-body {
  color: #fff; }

.eupopup-buttons {
  padding: 7px 0 5px 0; }

.eupopup-button_1 {
  color: #f6a21d;
  font-weight: bold;
  font-size: 14px; }

.eupopup-button_2 {
  color: #f6a21d;
  font-weight: normal;
  font-size: 12px; }

.eupopup-button {
  margin: 0 10px; }

.eupopup-button:hover,
.eupopup-button:focus {
  color: #f6a21d; }

/* FOOTER */
.footer20 {
  background: #191a46; }

.boxFooter {
  color: white;
  float: left;
  margin-top: 1em;
  padding-right: 5%;
  width: 28.3333333333%; }
  @media screen and (max-width: 900px) {
    .boxFooter {
      padding-right: 0;
      width: 100%; } }
  .boxFooter .logo {
    width: 15em; }
  .boxFooter h2 {
    color: white;
    font-size: 2em;
    font-weight: bold;
    margin-top: 2.5em;
    margin-bottom: 1em;
    text-align: left; }
  .boxFooter h3 {
    margin-bottom: 2em; }
  .boxFooter .btn {
    border: 2px solid white;
    color: white;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 3em;
    padding: 0.5em 1em;
    text-decoration: none; }
    .boxFooter .btn:hover {
      border: 2px solid #f07d60;
      color: #f07d60; }
  .boxFooter ul {
    margin-left: 1em;
    list-style: circle; }
    .boxFooter ul li a {
      color: white;
      text-decoration: none; }
      .boxFooter ul li a:hover {
        color: #f07d60; }
  .boxFooter:first-child h3, .boxFooter:first-child p, .boxFooter:first-child .btn {
    margin-left: 1.5em; }
  .boxFooter.H2020 img, .boxFooter.H2020 span {
    float: left; }
  .boxFooter.H2020 img {
    width: 30%; }
    @media screen and (max-width: 900px) {
      .boxFooter.H2020 img {
        margin-bottom: 1em;
        width: 15%; } }
  .boxFooter.H2020 span {
    float: left;
    margin-left: 5%;
    line-height: 1.3em;
    padding-top: 0;
    font-size: 0.8em;
    width: 65%; }

.followus,
.prefooter {
  font-weight: 200;
  font-size: 0.9em; }

.followus {
  width: 100%;
  padding: 30px 0;
  background: #fff; }

ul.follow {
  list-style: none;
  text-align: center;
  color: #f07d60;
  width: 308px;
  margin: 0 auto; }

ul.follow li {
  list-style: none;
  display: inline-block;
  margin-right: 10px;
  float: left; }

ul.follow li:first-child {
  margin-right: 30px; }

ul.follow li div {
  display: inline-block;
  padding-top: 23px;
  float: left; }

ul.follow li a,
ul.follow li span.tw {
  display: inline-block;
  float: left;
  width: 56px;
  height: 56px;
  background-repeat: no-repeat;
  background-size: 50% auto;
  background-position: center center;
  background-color: #f07d60;
  text-indent: -9999px; }

ul.follow li a:hover {
  background-color: #eee; }

ul.follow li a.fb {
  background-image: url(css/layout/facebook-white.png); }

ul.follow li a:hover.fb {
  background-image: url(css/layout/facebook.png); }

ul.follow li a.tw,
ul.follow li span.tw {
  background-image: url(css/layout/twitter-white.png); }

ul.follow li a:hover.tw {
  background-image: url(css/layout/twitter.png); }

ul.follow li a.pt {
  background-image: url(css/layout/pinterest-white.png); }

ul.follow li a:hover.pt {
  background-image: url(css/layout/pinterest.png); }

.sharing {
  width: 50px !important; }

.ssbp-text {
  display: none; }

.prefooter {
  width: 100%;
  padding: 15px 0;
  background: #fff; }

.prefoot-left {
  float: left; }

.prefoot-left img {
  float: left;
  height: 60px; }

.prefoot-left span {
  float: left;
  display: block;
  border-left: 1px solid #191a46;
  margin-left: 2em;
  padding: 2.2em 2em;
  color: #f07d60; }

.prefoot-right {
  float: right; }

.prefoot-right img {
  float: left;
  height: 60px; }

.prefoot-right span {
  float: left;
  width: 290px;
  margin-left: 1em;
  line-height: 1.5em;
  padding-top: 0;
  font-size: 0.9em; }

/*footer{ width: 100%; padding: 10px 0; background: #f7f7f7; font-weight: 200; font-size: 0.8em; line-height: 1.2em;}
footer a{ text-decoration: none; width: 280px; margin: 0 auto; display:block;}
footer img{ float: left; height: 20px;}
footer span{ float: left; display:block; margin-left: 1em; padding: 0.5em 1em; border-left: 1px solid #5c98b8; color: #686868;}
footer a:hover span{ color: #5c98b8;} */
footer {
  width: 100%;
  padding: 10px 0;
  background: #f7f7f7;
  font-weight: 200;
  font-size: 0.8em;
  line-height: 1.2em;
  text-align: center; }

footer a {
  text-decoration: none;
  margin: 0 auto;
  display: block; }

footer img {
  height: 20px; }