/* Drupal version
/* Web fonts
* --------------------------------------- */
@font-face {
    font-family: 'aileronregular';
    src: url('../fonts/Aileron-Regular-webfont.eot');
    src: url('../fonts/Aileron-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Aileron-Regular-webfont.woff') format('woff'),
         url('../fonts/Aileron-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Aileron-Regular-webfont.svg#aileronregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'aileronsemibold';
    src: url('../fonts/Aileron-SemiBold-webfont.eot');
    src: url('../fonts/Aileron-SemiBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Aileron-SemiBold-webfont.woff') format('woff'),
         url('../fonts/Aileron-SemiBold-webfont.ttf') format('truetype'),
         url('../fonts/Aileron-SemiBold-webfont.svg#aileronsemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'aileronblack';
    src: url('../fonts/Aileron-Black-webfont.eot');
    src: url('../fonts/Aileron-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Aileron-Black-webfont.woff') format('woff'),
         url('../fonts/Aileron-Black-webfont.ttf') format('truetype'),
         url('../fonts/Aileron-Black-webfont.svg#aileronblack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'agrandirgrandheavy';
    src: url('../fonts/agrandir-grandheavy-webfont.eot');
    src: url('../fonts/agrandir-grandheavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/agrandir-grandheavy-webfont.woff2') format('woff2'),
         url('../fonts/agrandir-grandheavy-webfont.woff') format('woff'),
         url('../fonts/agrandir-grandheavy-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Common tags
* --------------------------------------- */
#wrapper {overflow:hidden;}
body {margin:0; padding:0;}
body.front.logged-in #header, body.logged-in #header {top:0;}
body #header {position:relative;}
body #header.stick {position:fixed;}

.zone-scroll, .zone-scroll p, .zone-scroll h2, .zone-scroll h3 {font-family: 'aileronsemibold'; color:#00615c; line-height:1.4em;}
.zone-scroll p {font-size:1em;}
.zone-scroll h1 {font-family: 'Dela Gothic One', cursive; color:#00615c; text-transform: uppercase; font-size:1.2em;}
.zone-scroll h2 {font-family: 'aileronsemibold'; color:#00615c; font-size:1.8em; }
.zone-scroll h2.headline {font-size:3.2em;}
.zone-scroll h3 {font-family: 'aileronregular'; color:#00615c; font-size:1.4em; }

.zone-scroll .zone-scroll-inner {position:relative; padding-top:65px; height:100%;}
.zone-scroll:first-child .zone-scroll-inner {padding-top:0px; padding-bottom:0;}

span.aileron-semi-bold {font-family: 'aileronsemibold'; text-transform:none; font-size: 1.2em; }
.zone-scroll-arrow-green {width:100%; text-align:center;}
.zone-scroll-arrow-green img {width:20px; }
a.zone-scroll-button, a.zone-scroll-button:link, a.zone-scroll-button:visited {display:inline-flex;  align-items:center; background-color:#9ae13c; color:#00615c; text-decoration:none; font-family:'Dela Gothic One', cursive; text-transform: uppercase; font-size:1.2em; border-radius: 12px; padding: 4px 20px 4px 10px; margin: 10px 0;  line-height: 1em; word-spacing:0.3em;}
a.zone-scroll-button:hover {background-color:#fff;}
.zone-scroll-button-arrow {display:inline-block; width:30px; height:30px;}


/* Zone scroll 01 - Earth
* --------------------------------------- */
#zone-scroll-01 .zone-scroll-inner .container {height:100%;}
#zone-scroll-01  {margin-bottom:0; background-color:#fff;}
#zone-scroll-01 h1 {margin-bottom:0; padding-top: 40px; word-spacing:0.3em; line-height:1.3em; margin-bottom:.4em;}
#zone-scroll-01-maintext {width:64%; margin: 3em auto 0;}

#main #zone-scroll-01 a.scroll {text-decoration:none; font-family: 'Dela Gothic One', cursive; text-transform: uppercase; font-size:1.2em; word-spacing:0.3em; z-index: 99;}
.scroll {position:relative; font-size:1.3em; margin-top:20px; display:inline-block; height:100px; text-decoration:none;}
.scroll:hover {text-decoration:none;}
.scroll:after {content:''; width:40px; height:40px; position:absolute; margin:auto; top:10px; right:0; left:0; -webkit-animation:3s arrow infinite ease; animation:3s arrow infinite ease;}
.scroll:after {border-right:2px solid rgba(154,202,60,1); border-bottom:2px solid rgba(154,202,60,1); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}

@-webkit-keyframes arrow { 0%,100% { top:10px; } 50% {top:30px;} }
@keyframes arrow { 0%,100% {top:10px;} 50% {top:30px;} }

@-webkit-keyframes parrot { 0%,100% { bottom:160px; } 50% {bottom:180px;} }
@keyframes parrot { 0%,100% { bottom:160px; } 50% {bottom:180px;}}

@-webkit-keyframes cloud1 {0% {left:70%; opacity:0;} 5% {opacity:100;} 95% {opacity:100;} 100% {left:15%; opacity:0;}}
@keyframes cloud1 {0% {left:70%; opacity:0;} 5% {opacity:100;} 95% {opacity:100;} 100% {left:15%; opacity:0;}}

@-webkit-keyframes cloud2 {0% {left:60%; opacity:0;} 5% {opacity:100;} 95% {opacity:100;} 100% {left:35%; opacity:0;}}
@keyframes cloud2 {0% {left:60%; opacity:0;} 5% {opacity:100;} 95% {opacity:100;} 100% {left:30%; opacity:0;}}

@-webkit-keyframes cloud3 {0% {left:60%; opacity:0;} 5% {opacity:100;} 95% {opacity:100;} 100% {left:35%; opacity:0;}}
@keyframes cloud3 {0% {left:60%; opacity:0;} 5% {opacity:80;} 95% {opacity:80;} 100% {left:35%; opacity:0;}}

#zone-scroll-01-full-globe 	{display:inline-block; height:300px; width:100%}
#zone-scroll-01-full-globe-holder { position:unset; height:1px; top:0;}

#zone-scroll-01-full-globe-clouds  {position:absolute; width:100%; display:inline-block; height:auto; left:0; bottom:0;}
#zone-scroll-01-cloud-01	{position:absolute; width:310px; left:22%; bottom:220px; z-index:0; -webkit-animation:30s cloud1 linear infinite; animation:30s cloud1 linear infinite;}
#zone-scroll-01-cloud-02	{position:absolute; width:150px; left:50%; bottom:195px; z-index:0; -webkit-animation:35s cloud2 linear infinite; animation:35s cloud2 linear infinite;}
#zone-scroll-01-cloud-03	{position:absolute; width:310px; left:55%; bottom:-300px; z-index:15; -webkit-animation:30s cloud3 linear infinite; animation:30s cloud3 linear infinite; }

#zone-scroll-01-full-globe-items 	{position:absolute; width:100%; display:inline-block; height:300px; left:0; bottom:0;}
#zone-scroll-01-three 		{position:absolute; width:110px; left:39.9%; bottom:120px; z-index:1}
#zone-scroll-01-sunflower 	{position:absolute; width:205px; left:33.7%; bottom:19px; z-index:2}
#zone-scroll-01-parrot 		{position:absolute; width:92px;  left:45.3%; bottom:160px; -webkit-animation:4s parrot infinite ease; animation:4s parrot infinite ease; z-index:10}
#zone-scroll-01-bee 		{position:absolute; width:60px;  left:53.2%; bottom:135px; z-index:4}
#zone-scroll-01-lilac 		{position:absolute; width:210px; left:51.3%; bottom:34px; z-index:1}
#zone-scroll-01-giraffe 	{position:absolute; width:92px;  left:48.3%; bottom:120px; z-index:3}

#zone-scroll-01-full-globe-earth {display:inline-block; width:100%; height:150px; position:absolute; bottom:0; left:0;}
#zone-scroll-01-earth {width:432px; margin:0 auto; position:relative; text-align:center; height:432px; display:inline-block; z-index: 10;}
#zone-scroll-01-earth img {widt:100%;}


/* Zone scroll 02 - CTA buttons
* --------------------------------------- */
/* #zone-scroll-02  {padding-bottom:280px;} */
#zone-scroll-02 {}
#zone-scroll-02 .zone-scroll-inner .container {height:100%; }
#zone-scroll-02 {background-color:#efece8; }
#zone-scroll-02 h1 {margin-top:300px; margin-bottom: 40px; word-spacing:0.3em;}
#zone-scroll-02-cta-holder {display:flex; width:100%; flex-wrap:nowrap; padding-bottom: 5em;}
#zone-scroll-02-cta-holder .cta-item {width:25%;}
#zone-scroll-02-cta-holder .cta-link {width:290px; height:290px; text-align: center; display:inline-block; text-decoration:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#zone-scroll-02-cta-holder #cta-item-01 {background-color:#ffffff; border-radius:90%;}
#zone-scroll-02-cta-holder #cta-item-01:hover {background-color: #9ef219; }
#zone-scroll-02-cta-holder #cta-item-02 {background-color:#ffffff; border-radius:90%;}
#zone-scroll-02-cta-holder #cta-item-02:hover {background-color: #9ef219; }
#zone-scroll-02-cta-holder #cta-item-03 {background-color:#ffffff; border-radius:90%;}
#zone-scroll-02-cta-holder #cta-item-03:hover {background-color: #9ef219; }
#zone-scroll-02-cta-holder #cta-item-04 {background-color:#ffffff; border-radius:90%;}
#zone-scroll-02-cta-holder #cta-item-04:hover {background-color: #9ef219; }
#zone-scroll-02-cta-holder .cta-link a, #zone-scroll-02-cta-holder .cta-link a:link, #zone-scroll-02-cta-holder .cta-link a:visited, #zone-scroll-02-cta-holder .cta-link a:focus{color:#00615c}
#zone-scroll-02-cta-holder .cta-link:hover a, #zone-scroll-02-cta-holder .cta-link:hover a:link, #zone-scroll-02-cta-holder .cta-link:hover a:visited, #zone-scroll-02-cta-holder .cta-link:hover a:focus {color:#333;}
#zone-scroll-02-cta-holder .cta-item-data {padding-top:50px;}
.cta-item .cta-item-number {font-size:4em; line-height:.8em; font-family: 'agrandirgrandheavy'; color:#00615c;}
.cta-item h2 {font-size:1.1em; line-height:1.1em; font-family: 'aileronblack'; width:80%; margin: 0 auto 20px;}
.cta-item strong {font-family: 'aileronblack';}
.cta-item p {padding: 0 5px;}


/* Zone scroll 03 - Ambassadors slideshow
* --------------------------------------- */
#zone-scroll-03 {}
#zone-scroll-03 .zone-scroll-inner .container {height:100%; }
#zone-scroll-03 {background-color:#9ae13c /*background: linear-gradient(to bottom, #9ae13c 0%, #4BB7B9 100%); background-repeat: no-repeat;*/ }
#zone-scroll-03 h1 {color:#ffffff; background-color:#00615c; width:auto; display:inline-block; padding:10px 20px; margin-top:30px; line-height: 1.2em; margin-bottom:5px; word-spacing:0.3em;}
#zone-scroll-03-maintext {width:64%; margin: 1.5em auto 3em;}
.social-share img {width:30px; height:30px;}

#zone-scroll-03 .zone-scroll-slide {display:flex}
#zone-scroll-03 .zone-scroll-slide-text {width:50%; padding:0 60px; text-align: left; position:relative;}
#zone-scroll-03 .zone-scroll-slide-text h2 {font-family: 'Dela Gothic One', cursive; color:#00615c; text-transform: uppercase; font-size:1.8em; margin:0; word-spacing:0.3em;}
#zone-scroll-03 .zone-scroll-slide-text h3 {font-family: 'aileronsemibold'; color:#00615c; font-size:1.6em; line-height:1.1em; margin-bottom:1em;}
#zone-scroll-03 .zone-scroll-slide-text p {font-family:'aileronregular'; color:#00615c; font-size:1.1em; line-height:1.4em;}
#zone-scroll-03 .zone-scroll-slide-picture {width:50%; padding:0 60px; text-align: left;}
#zone-scroll-03 .zone-scroll-slide-picture-holder {width:520px; height:520px; display:inline-block;}
#zone-scroll-03 .zone-scroll-slide-picture-holder img {object-fit:cover; display:inline-block; width:100%; height:100%;}

#zone-scroll-ambassadors-slider.flexslider { background: transparent!important; border:0;}
#zone-scroll-ambassadors-slider.flexslider .slides img {height: 100%!important;}
#zone-scroll-ambassadors-slider.flexslider .flex-prev, #zone-scroll-ambassadors-slider.flexslider .flex-next {font-size:0;}
#zone-scroll-ambassadors-slider.flexslider .flex-direction-nav a {line-height:40px;}
#zone-scroll-ambassadors-slider.flexslider .flex-control-nav {position: relative; bottom:auto; text-align:center; margin:20px 0 0 0; padding:0 0 20px 0;}
.region-content #zone-scroll-ambassadors-slider.flexslider ul.slides {height: auto;}

#zone-scroll-03 .social-links {position:relative; display:flex; align-items:center;}
#zone-scroll-03 .social-links span {margin-right:.5em;}
#zone-scroll-03 .social-picto {display:inline-block; width:30px; height:30px; }


/* Zone scroll 04 - Toggle stories
* --------------------------------------- */
#zone-scroll-04 {margin-bottom:300px; }
#zone-scroll-04-maintext {width:64%; margin:3em auto 2em;}
#zone-scroll-04-maintext p {margin: 0 0 35px 0;}
#zone-scroll-04-maintext h3 {line-height:1em; margin-bottom:20px;}
#zone-scroll-04-maintext a, #zone-scroll-04-maintext a:link, #zone-scroll-04-maintext a:visited, #zone-scroll-04-maintext a:focus{color:#00615c}
#zone-scroll-04-maintext a:hover, #zone-scroll-04-maintext a:hover:link, #zone-scroll-04-maintext a:hover:visited, #zone-scroll-04-maintext a:hover:focus {color:#9ae13c;}

#zone-scroll-04 .dropdown-box { margin:0;}
#zone-scroll-04 .dropdown-box-item { width:100%; display:inline-block;}
#zone-scroll-04 .dropdown-toggle-info-holder {display:inline-block; width: 100%; padding: 15px 0; background-color: #efece8; border-bottom:1px solid #00615c; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#zone-scroll-04 .dropdown-toggle-info-holder.open {background-color: #ffffff; border-bottom:1px solid #00615c; padding: 50px 0; }
#zone-scroll-04 .dropdown-box-item:first-child .dropdown-toggle-info-holder {border-top:1px solid #00615c;}
#zone-scroll-04 .dropdown-box h3{ padding: 0; font-family: 'Dela Gothic One', cursive; color: #00615c; text-transform: uppercase; font-size: 1.6em; margin: 0; text-align: left; word-spacing:0.3em;}
#zone-scroll-04 .dropdown-box-item-body-holder {}
#zone-scroll-04 .dropdown-box-item-body-holder.open {border-bottom:1px solid #00615c; background-color: #f6f6f6;}
#zone-scroll-04 .dropdown-box-item-body {display:none; width:100%; padding:0; text-align:left; margin:0;} 
#zone-scroll-04 a.dropdown-toggle-info  {display: flex; width: 95%; justify-content: space-between; align-items: center; text-decoration:none; margin:0 auto;}
#zone-scroll-04 a.dropdown-toggle-info span.dropdown-box-arrow { display:inline-block; width:30px; height:30px; padding-left:10px; overflow:hidden; background-image: url("../images/woe-button-box-open.svg"); background-repeat:no-repeat; background-position: top 0px left 10px; background-size: 30px auto; transition: all 0s ease 0s;}
#zone-scroll-04 a.dropdown-toggle-info.open span.dropdown-box-arrow { background: url("../images/woe-button-box-close.svg") top 0px left 10px no-repeat, none; background-size:30px auto; transition: all 0s ease 0s; }

#zone-scroll-04 .dropdown-toggle-info-holder.hover {background-color:#00615c; color:#ffffff;}
#zone-scroll-04 .dropdown-box .dropdown-toggle-info-holder.hover h3{ color:#ffffff;}
#zone-scroll-04 .dropdown-toggle-info-holder.open.hover {background-color:#ffffff; color:#00615c;}
#zone-scroll-04 .dropdown-box .dropdown-toggle-info-holder.open.hover h3{ color:#00615c;}

#zone-scroll-04 .dropdown-toggle-info-static {display:flex; width:95%; justify-content:space-between; align-items:center; text-decoration:none; margin:0 auto;}

#zone-scroll-04 .zone-scroll-story {display:flex; min-height:600px;}
#zone-scroll-04 .zone-scroll-story:nth-child(odd) {flex-direction:row-reverse; background-color: #00615c;}
#zone-scroll-04 .zone-scroll-story:nth-child(even) {flex-direction:row; background-color: #ffffff;}

#zone-scroll-04 .zone-scroll-story-picture {width:50%;}
#zone-scroll-04 .zone-scroll-story-picture img {object-fit:cover; width:100%; height:100%;}

#zone-scroll-04 .zone-scroll-story-text-holder {width:50%;}
#zone-scroll-04 .zone-scroll-story:nth-child(odd) .zone-scroll-story-text-holder {text-align:left;}
#zone-scroll-04 .zone-scroll-story:nth-child(odd) .zone-scroll-story-text {width:640px; display:inline-block; text-align:left; padding:2em 0 0 50px;}
#zone-scroll-04 .zone-scroll-story:nth-child(odd) .zone-scroll-story-text h3, #zone-scroll-04 .zone-scroll-story:nth-child(odd) .zone-scroll-story-text p {color:#ffffff; margin-bottom: .6em;}
#zone-scroll-04 .zone-scroll-story:nth-child(even) .zone-scroll-story-text-holder {text-align:right;}
#zone-scroll-04 .zone-scroll-story:nth-child(even) .zone-scroll-story-text {width:640px; display:inline-block; text-align:left; padding:2em 50px 0 0;}
#zone-scroll-04 .zone-scroll-story:nth-child(even) .zone-scroll-story-text h3, #zone-scroll-04 .zone-scroll-story:nth-child(even) .zone-scroll-story-text p {color:#00615c; margin-bottom: .6em;}

#zone-scroll-04 .zone-scroll-story-text h3 {margin: 0 0 .5em 0; font-size:1.5em; line-height:1.5em;}
#zone-scroll-04 .zone-scroll-story-text-summary {margin-bottom:2em;}
#zone-scroll-04 .zone-scroll-story-text p {font-family:'aileronregular'; font-size:1.2em; line-height:1.4em;}

#zone-scroll-04 .zone-scroll-story:nth-child(even) a.zone-scroll-button:hover, #zone-scroll-04 .zone-scroll-story-footer-maintext a.zone-scroll-button:hover {background-color:#9ae13c; color:#fff;}
#zone-scroll-04 .zone-scroll-story-footer-maintext {text-align:center; width:64%; margin:3em auto 2em;}

#zone-scroll-04 .zone-scroll-story#zone-scroll-story-2115, #zone-scroll-04 .zone-scroll-story#zone-scroll-story-2119 {height:auto!important;}

/* Zone scroll 05 - Instagram grid
* --------------------------------------- */
#zone-scroll-05 h1 {color:#ffffff; background-color:#00615c; width:auto; display:inline-block; padding:10px 20px; margin-top:60px; line-height:1.2em; margin-bottom:5px;}
#zone-scroll-05-maintext {width: 64%; margin: 3em auto 5em;}
#zone-scroll-05-maintext a, #zone-scroll-05-maintext a:link, #zone-scroll-05-maintext a:visited, #zone-scroll-05-maintext a:focus{color:#00615c}
#zone-scroll-05-maintext a:hover, #zone-scroll-05-maintext a:hover:link, #zone-scroll-05-maintext a:hover:visited, #zone-scroll-05-maintext a:hover:focus {color:#9ae13c;}
#zone-scroll-05-social-grid {display:flex; flex-wrap:wrap; justify-content:center; width:810px; margin:0 auto;}
#zone-scroll-05-social-grid .social-grid-item-holder {width:33%; display:flex;}
#zone-scroll-05-social-grid .social-grid-item {width:250px; height:250px; margin:10px; background-color:#ccc; display:inline-block;}
#zone-scroll-05-social-grid .social-grid-item img {object-fit:cover; width:100%; height:100%;}
#zone-scroll-05-maintext a.zone-scroll-button, #zone-scroll-05-maintext a.zone-scroll-button:link, #zone-scroll-05-maintext a.zone-scroll-button:visited, #zone-scroll-05-maintext a.zone-scroll-button:focus{text-decoration:none;}
#zone-scroll-05-maintext a.zone-scroll-button:hover {background-color:#9ae13c; color:#fff;}

/* Zone scroll 06 - Download link
* --------------------------------------- */
#zone-scroll-06 h1 {color:#ffffff; background-color:#00615c; width:auto; display:inline-block; padding:10px 20px; margin-top:60px; line-height:1.2em; margin-bottom:5px; word-spacing:0.3em;}
#zone-scroll-06-maintext {width: 64%; margin: 3em auto 5em;}
#zone-scroll-06-maintext a, #zone-scroll-06-maintext a:link, #zone-scroll-05-maintext a:visited, #zone-scroll-06-maintext a:focus{color:#00615c}
#zone-scroll-06-maintext a:hover, #zone-scroll-06-maintext a:hover:link, #zone-scroll-06-maintext a:hover:visited, #zone-scroll-06-maintext a:hover:focus {color:#9ae13c;}
#zone-scroll-06-maintext a.zone-scroll-button, #zone-scroll-06-maintext a.zone-scroll-button:link, #zone-scroll-06-maintext a.zone-scroll-button:visited, #zone-scroll-06-maintext a.zone-scroll-button:focus{text-decoration:none;}
#zone-scroll-06-maintext a.zone-scroll-button:hover {background-color:#9ae13c; color:#fff;}


/* Responsive breakpoints
* --------------------------------------- */

/* min width: 1901px  */
@media only screen and (min-width: 1901px) {
}

/* max width: 1900px  */
@media only screen and (max-width: 1900px) {
}

/* max width: 1439px  */
@media only screen and (max-width: 1439px) {
	#zone-scroll-01-three 		{position:absolute; width:110px; left:37.9%; bottom:120px;}
	#zone-scroll-01-sunflower 	{position:absolute; width:205px; left:30.7%; bottom:19px;}
	#zone-scroll-01-parrot 		{position:absolute; width:92px;  left:44.3%; bottom:160px;}
	#zone-scroll-01-bee 		{position:absolute; width:60px;  left:53.2%; bottom:135px;}
	#zone-scroll-01-lilac 		{position:absolute; width:210px; left:51.3%; bottom:34px;}
	#zone-scroll-01-cloud-01	{position:relative; width:310px; left:22%; bottom:220px;}
	#zone-scroll-01-giraffe 	{position:absolute; width:92px;  left:47.3%; bottom:120px;}
	
	#zone-scroll-02-cta-holder .cta-link {width:250px; height:250px; margin:0 20px 40px 20px;}
	.cta-item .cta-item-number {font-size:3.2em; line-height:.8em;}
	.cta-item h2 {font-size:1em; line-height:1em;}
	.cta-item p {padding:0 14px; line-height:1.2em;}
	
	#zone-scroll-03 .zone-scroll-slide-picture-holder {width:520px; height:520px;}
	
	#zone-scroll-04 .dropdown-toggle-info-holder.open {padding: 40px 0;}
	#zone-scroll-04 .zone-scroll-story {min-height:550px;}
	#zone-scroll-04 .zone-scroll-story:nth-child(odd) .zone-scroll-story-text {width:550px; padding:2em 0 0 50px;}
	#zone-scroll-04 .zone-scroll-story:nth-child(even) .zone-scroll-story-text {width:550px; padding:2em 50px 0 0;}
	#zone-scroll-04 .zone-scroll-story-text h3 {margin:0 0 .5em 0; font-size:1.4em; line-height:1.3em;}
	#zone-scroll-04 .zone-scroll-story-text p {font-family:'aileronregular'; font-size:1.2em; line-height:1.2em;}
	
}

/* max width: 1199px  */
@media only screen and (max-width: 1199px) {
	#zone-scroll-01-three 		{position:absolute; width:110px; left:35.3%; bottom:120px;}
	#zone-scroll-01-sunflower 	{position:absolute; width:205px; left:26%; bottom:19px;}
	#zone-scroll-01-parrot 		{position:absolute; width:92px;  left:43%; bottom:160px;}
	#zone-scroll-01-bee 		{position:absolute; width:60px;  left:53.2%; bottom:135px;}
	#zone-scroll-01-lilac 		{position:absolute; width:210px; left:51.3%; bottom:34px;}
	#zone-scroll-01-cloud-01	{position:relative; width:310px; left:22%; bottom:220px;}
	#zone-scroll-01-giraffe 	{position:absolute; width:92px;  left:47.3%; bottom:120px;}
	
	#zone-scroll-02-cta-holder {flex-wrap:wrap; width:70%; margin:0 auto;}
	#zone-scroll-02-cta-holder .cta-item {width:50%;}
	
	#zone-scroll-03 .zone-scroll-slide-picture-holder {width: 336px; height: 336px;}
	
	#zone-scroll-04 .dropdown-box h3{ font-size:1.4em;}
	#zone-scroll-04 .dropdown-toggle-info-holder.open {padding: 30px 0;}
	#zone-scroll-04 .zone-scroll-story {min-height: 450px;}
	#zone-scroll-04 .zone-scroll-story:nth-child(odd) .zone-scroll-story-text {width:400px; padding:1.5em 0 0 30px;}
	#zone-scroll-04 .zone-scroll-story:nth-child(even) .zone-scroll-story-text {width:400px; padding:1.5em 30px 0 0;}
	#zone-scroll-04 .zone-scroll-story-text h3 {margin: 0 0 .5em 0; font-size:1.2em; line-height:1.1em;}
	#zone-scroll-04 .zone-scroll-story-text p {font-family:'aileronregular'; font-size:1em; line-height:1.2em;}
	#zone-scroll-04 .zone-scroll-story-text-summary {margin-bottom: 1em;}
	a.zone-scroll-button, a.zone-scroll-button:link, a.zone-scroll-button:visited {font-size: 1em;}
	.zone-scroll-button-arrow {width: 25px; height: 25px;}
	
}

/* max width: 959px  */
@media only screen and (max-width: 959px) {
	#zone-scroll-01 h1 {padding-top:0;}
	#zone-scroll-01-three 		{position:absolute; width:110px; left:31.3%; bottom:120px;}
	#zone-scroll-01-sunflower 	{position:absolute; width:205px; left:20%; bottom:19px;}
	#zone-scroll-01-parrot 		{position:absolute; width:92px;  left:41%; bottom:160px;}
	#zone-scroll-01-bee 		{position:absolute; width:60px;  left:53.2%; bottom:135px;}
	#zone-scroll-01-lilac 		{position:absolute; width:210px; left:51.3%; bottom:34px;}
	#zone-scroll-01-cloud-01	{position:relative; width:310px; left:22%; bottom:220px;}
	#zone-scroll-01-giraffe 	{position:absolute; width:92px;  left:46.3%; bottom:120px;}
	
	#zone-scroll-02-cta-holder {flex-wrap:wrap; width:80%; margin:0 auto;}

	#zone-scroll-03 .zone-scroll-slide {flex-direction: column-reverse; width:60%; margin:0 auto;}
	#zone-scroll-03 .zone-scroll-slide-picture {width:100%; padding:0; text-align: center;}
	#zone-scroll-03 .zone-scroll-slide-text {width:100%; padding:0; text-align:left;}
	#zone-scroll-03 .zone-scroll-slide-picture-holder {width:460px; height:460px;}
	
	#zone-scroll-04 .zone-scroll-story-picture {overflow: hidden;}
	#zone-scroll-04 .zone-scroll-story-picture img {object-fit:contain; width:auto; height:100%; max-width: inherit;}
	
	#zone-scroll-05-social-grid {width:730px;}
	#zone-scroll-05-social-grid .social-grid-item {width:220px; height:220px;}
	
}
	
/* Mobile/Browser */
/* max width: 768px  */
@media only screen and (max-width: 768px) {
	.zone-scroll, .zone-scroll p, .zone-scroll h2, .zone-scroll h3 {line-height:1.2em;}
	.zone-scroll h1 {font-size:1em;}
	.zone-scroll h2 {font-size:1.4em;}
	.zone-scroll h2.headline {font-size:2.6em;}
	.zone-scroll h3 {font-size:1.2em;}
	.scroll {font-size:1em; }
	a.zone-scroll-button, a.zone-scroll-button:link, a.zone-scroll-button:visited {font-size: .8em;}
	
	#zone-scroll-01-full-globe {display:inline-block; /* pour scrollify height:150px;*/ height:300px; width:100%}
	#zone-scroll-01-maintext, #zone-scroll-03-maintext, #zone-scroll-04-maintext, #zone-scroll-05-maintext, #zone-scroll-04 .zone-scroll-story-footer-maintext, #zone-scroll-06-maintext {width:100%; margin: 1.5em auto 0;}
	#zone-scroll-01-maintext p, #zone-scroll-03-maintext p, #zone-scroll-04-maintext p, #zone-scroll-05-maintext p, #zone-scroll-04 .zone-scroll-story-footer-maintext p, #zone-scroll-06-maintext p {font-size:.9em; line-height:1.2em;}
	
	.mobile #zone-scroll-01-full-globe-holder { position:relative; height:10px; top:100px; margin-bottom:100px;}
	#zone-scroll-01-earth { width:250px; height:250px;}
	#zone-scroll-01-three 		{position:absolute; width:70px; left:30%; bottom:130px;}
	#zone-scroll-01-sunflower 	{position:absolute; width:142px; left:16%; bottom:60px;}
	#zone-scroll-01-parrot 		{position:absolute; width:52px;  left:41%; bottom:160px;}
	#zone-scroll-01-bee 		{position:absolute; width:35px;  left:53.2%; bottom:147px;}
	#zone-scroll-01-lilac 		{position:absolute; width:115px; left:52%; bottom:95px;}
	#zone-scroll-01-giraffe 	{position:absolute; width:48px;  left:47.2%; bottom:125px;}
	#zone-scroll-01-cloud-01	{position:absolute; width:310px; left:22%; bottom:220px;}
	#zone-scroll-01-cloud-03	{display:none;}
	
	#zone-scroll-02  {padding-bottom:0;}
	#zone-scroll-02 h1 { margin-top:120px;}
	
	#zone-scroll-02-cta-holder {flex-wrap:wrap; width:100%; margin:0 auto; }
	#zone-scroll-02-cta-holder .cta-item {width:100%;}
	#zone-scroll-02-cta-holder .cta-item:nth-child(odd) {text-align: center;}
	#zone-scroll-02-cta-holder .cta-item:nth-child(even) {text-align: center;}
	.cta-item h2 {font-size:1em; line-height:1em;}
	
	#zone-scroll-03 .zone-scroll-slide {flex-direction: column-reverse; width:100%; margin:0 auto;}
	#zone-scroll-03 #zone-scroll-ambassadors-slider {height:auto;}
	#zone-scroll-03 #zone-scroll-ambassadors-slider.flexslider .flex-direction-nav a {top:38%; color: rgba(255, 255, 255, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);}
	#zone-scroll-03 #zone-scroll-ambassadors-slider.flexslider .flex-direction-nav a::before {color: rgba(255, 255, 255, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);}
	#zone-scroll-03 #zone-scroll-ambassadors-slider.flexslider h2 {text-align:center; margin-top:.4em; line-height:1em; font-size:1.2em; margin-bottom:.2em;}
	#zone-scroll-03 #zone-scroll-ambassadors-slider.flexslider h3 {text-align:center;}
	#zone-scroll-03 #zone-scroll-ambassadors-slider.flexslider p {text-align:center; font-size:1em;}
	#zone-scroll-03 .zone-scroll-slide-picture-holder {width:420px; height:420px;}
	#zone-scroll-03 .flex-direction-nav {position:absolute; top: 135px; width:88%;}
	#zone-scroll-03 .flex-nav-prev {float:left;}
	#zone-scroll-03 .flex-nav-next {float:right;}
	#zone-scroll-03 .social-links {position:relative; text-align:center;}

	#zone-scroll-04 .dropdown-box h3 {font-size: 1.1em; width: 80%; }
	#zone-scroll-04 a.dropdown-toggle-info span.dropdown-box-arrow {width:25px; height:25px; background-size: 25px auto;}
	#zone-scroll-04 a.dropdown-toggle-info.open span.dropdown-box-arrow { background-size:25px auto; transition: all 0s ease 0s; }
	
	#zone-scroll-04 .zone-scroll-story {height: auto;}
	#zone-scroll-04 .zone-scroll-story:nth-child(2n+1), #zone-scroll-04 .zone-scroll-story:nth-child(2n) {flex-direction: column-reverse;}
	#zone-scroll-04 .zone-scroll-story-picture {width:420px; height:220px; margin:0 auto;}
	#zone-scroll-04 .zone-scroll-story-picture img {object-fit:cover; width:100%; height:100%;}
	#zone-scroll-04 .zone-scroll-story-text-holder {width:100%;}
	#zone-scroll-04 .zone-scroll-story:nth-child(2n+1) .zone-scroll-story-text-holder, #zone-scroll-04 .zone-scroll-story:nth-child(2n) .zone-scroll-story-text-holder {text-align: center;}
	#zone-scroll-04 .zone-scroll-story:nth-child(2n+1) .zone-scroll-story-text, #zone-scroll-04 .zone-scroll-story:nth-child(2n) .zone-scroll-story-text {width:420px; padding:0 0 20px 0; margin:0 auto; display:inline-block;}
	#zone-scroll-04 .zone-scroll-story-text h3 {width:100%; margin-top:.5em;}
	#zone-scroll-04 .zone-scroll-story-text-summary {margin-bottom: .5em;}
	
	#zone-scroll-05-social-grid {width:100%; justify-content:flex-start; align-items:center}
	#zone-scroll-05-social-grid .social-grid-item-holder {width:50%;}
    #zone-scroll-05-social-grid .social-grid-item {width:200px; height:200px; margin: 5px;}

}

/* Mobile */
/* max width: 480px  */
@media only screen and (max-width: 480px) {
	#zone-scroll-01-three 		{position:absolute; width:70px; left:22%; bottom:130px;}
	#zone-scroll-01-sunflower 	{position:absolute; width:142px; left:0%; bottom:60px;}
	#zone-scroll-01-cloud-01, #zone-scroll-01-cloud-02	{display:none;}
	
	#zone-scroll-03 .zone-scroll-slide-picture-holder {width:300px; height:300px;}
	#zone-scroll-03 .social-picto {width:50px; height:50px;}
	#zone-scroll-03 .flex-direction-nav {position:absolute; top: 135px; width: 85%;}
	#zone-scroll-03 .social-links {justify-content: center;}
	
	#zone-scroll-04 .zone-scroll-story-picture {width:100%; height:220px; margin:0 auto;}
	#zone-scroll-04 .zone-scroll-story:nth-child(2n+1) .zone-scroll-story-text, #zone-scroll-04 .zone-scroll-story:nth-child(2n) .zone-scroll-story-text {width:300px;}
	
	#zone-scroll-05-social-grid .social-grid-item-holder {width: 100%; justify-content: center;}
	#zone-scroll-05-social-grid .social-grid-item-holder {width: 100%;}
	#zone-scroll-05-social-grid .social-grid-item {width: 280px; height: 280px; margin: 5px;}
	
}