/* FONTS */
@font-face {
	font-family: 'Raleway-Regular';
	src: url('fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Raleway-Regular.woff') format('woff'),
		 url('fonts/Raleway-Regular.ttf') format('truetype'),
		 url('fonts/Raleway-Regular.svg#Raleway-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Raleway-Bold';
	src: url('fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Raleway-Bold.woff') format('woff'),
		 url('fonts/Raleway-Bold.ttf') format('truetype'),
		 url('fonts/Raleway-Bold.svg#Raleway-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Raleway-SemiBold';
	src: url('fonts/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Raleway-SemiBold.woff') format('woff'),
		 url('fonts/Raleway-SemiBold.ttf') format('truetype'),
		 url('fonts/Raleway-SemiBold.svg#Raleway-SemiBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Raleway-Light';
	src: url('fonts/Raleway-Light.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Raleway-Light.woff') format('woff'),
		 url('fonts/Raleway-Light.ttf') format('truetype'),
		 url('fonts/Raleway-Light.svg#Raleway-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Raleway-Black';
	src: url('fonts/Raleway-Black.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Raleway-Black.woff') format('woff'),
		 url('fonts/Raleway-Black.ttf') format('truetype'),
		 url('fonts/Raleway-Black.svg#Raleway-Black') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* CSS */
	/* general */
* { padding: 0; margin: 0; border: 0; outline: 0; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type=text], input[type=password], textarea { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }
html { -ms-touch-action: none; }
body { font-family: 'Raleway-Regular', Arial, Helvetica, sans-serif; font-size: 62.5%; color: rgb(255,255,255); background: rgb(255,255,255); -webkit-text-size-adjust: 100%; }
html, body { width: 100%; height: auto; min-height: 100%; }
a, a:hover, a:focus { text-decoration: none; }
ul { list-style: none; }
	/* styles */
.light { font-family: 'Raleway-Light'; }
.bold, strong { font-family: 'Raleway-Bold'; }
.sbold { font-family: 'Raleway-SemiBold'; }
.black { font-family: 'Raleway-Black'; letter-spacing: .05em; }
.uppercase { text-transform: uppercase; }
.alignL { text-align: left; }
.alignC { text-align: center; }
.alignR { text-align: right; }
.visible { visibility: visible !important; }
.hidden { visibility: hidden; }
.centered { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.middleX { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.middleY { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.no-scroll { overflow: hidden; }

/* INTERFACE */
	/* colors */
.orange { color: rgb(208,101,22); }
.red { color: rgb(197,46,34); }
.limegreen { color: rgb(150,187,55); }
.green { color: rgb(37,135,66); }
.yellow { color: rgb(241,202,0); }
.lightblue { color: rgb(184,207,237); }
.skyblue { color: rgb(129,183,230); }
.royalblue { color: rgb(47,128,195); }
.blue { color: rgb(41,65,144); }
	/* size */
.ftsize6 { font-size: .6em !important; }
.ftsize13 { font-size: 1.3em !important; }
.ftsize15 { font-size: 1.5em !important; }
.ftsize22 { font-size: 2.2em !important; }
	/* line height */
.lineh10 { line-height: 1em; }
.lineh11 { line-height: 1.1em; }
	/* margin */
.mt0 { margin-top: 0 !important; }
.mt30 { margin-top: 30px !important; }
	/* global */
#header { position: relative; width: 100%; height: auto; min-height: 60px; background: rgb(255,255,255); }
#header #logo { position: absolute; top: 50%; left: 30px; width: 160px; height: 32px; cursor: pointer; z-index: 100; }
#header h1 { width: 58%; font-size: 2.2em; line-height: 1em; font-weight: normal; text-align: center; padding: 19px 0 19px 0; margin: 0 auto; }
#header h1 a { color: rgb(46,127,194); }
#header .langs { position: absolute; right: 20px; }
#header .social { position: absolute; right: 80px; }
#header .social a { width: 38px; height: 38px; }
section { position: relative; width: 100%; height: auto; }
#one { overflow: hidden; background-color: rgb(41,65,144); background-image: url(../img/bg-matrix-one-left.svg), url(../img/bg-matrix-one-right.svg), -webkit-gradient(left top, right top, color-stop(0%, rgb(84,103,166)), color-stop(50%, rgb(63,84,155)), color-stop(100%, rgb(41,65,144))); background-image: url(../img/bg-matrix-one-left.svg), url(../img/bg-matrix-one-right.svg), -o-linear-gradient(left, rgb(84,103,166) 0%, rgb(63,84,155) 50%, rgb(41,65,144) 100%); background-image: url(../img/bg-matrix-one-left.svg), url(../img/bg-matrix-one-right.svg), linear-gradient(to right, rgb(84,103,166) 0%, rgb(63,84,155) 50%, rgb(41,65,144) 100%); background-size: auto 505px, auto 505px, auto auto; background-position: center top -1px, center bottom -254px, 0% 0%; background-repeat: no-repeat, no-repeat, repeat; }
#one.activity { background-image: url(../img/bg-matrix-one-left-activity.svg), url(../img/bg-matrix-one-right.svg), -webkit-gradient(left top, right top, color-stop(0%, rgb(84,103,166)), color-stop(50%, rgb(63,84,155)), color-stop(100%, rgb(41,65,144))); background-image: url(../img/bg-matrix-one-left-activity.svg), url(../img/bg-matrix-one-right.svg), -o-linear-gradient(left, rgb(84,103,166) 0%, rgb(63,84,155) 50%, rgb(41,65,144) 100%); background-image: url(../img/bg-matrix-one-left-activity.svg), url(../img/bg-matrix-one-right.svg), linear-gradient(to right, rgb(84,103,166) 0%, rgb(63,84,155) 50%, rgb(41,65,144) 100%); }
#one.impact { background-image: url(../img/bg-matrix-one-left-impact.svg), url(../img/bg-matrix-one-right.svg), -webkit-gradient(left top, right top, color-stop(0%, rgb(84,103,166)), color-stop(50%, rgb(63,84,155)), color-stop(100%, rgb(41,65,144))); background-image: url(../img/bg-matrix-one-left-impact.svg), url(../img/bg-matrix-one-right.svg), -o-linear-gradient(left, rgb(84,103,166) 0%, rgb(63,84,155) 50%, rgb(41,65,144) 100%); background-image: url(../img/bg-matrix-one-left-impact.svg), url(../img/bg-matrix-one-right.svg), linear-gradient(to right, rgb(84,103,166) 0%, rgb(63,84,155) 50%, rgb(41,65,144) 100%); }
#one.solution { background-image: url(../img/bg-matrix-one-left-solution.svg), url(../img/bg-matrix-one-right.svg), -webkit-gradient(left top, right top, color-stop(0%, rgb(84,103,166)), color-stop(50%, rgb(63,84,155)), color-stop(100%, rgb(41,65,144))); background-image: url(../img/bg-matrix-one-left-solution.svg), url(../img/bg-matrix-one-right.svg), -o-linear-gradient(left, rgb(84,103,166) 0%, rgb(63,84,155) 50%, rgb(41,65,144) 100%); background-image: url(../img/bg-matrix-one-left-solution.svg), url(../img/bg-matrix-one-right.svg), linear-gradient(to right, rgb(84,103,166) 0%, rgb(63,84,155) 50%, rgb(41,65,144) 100%); }
#two { min-height: 200px; background-color: rgb(130,183,230); background-image: url(../img/bg-matrix-two.svg), -webkit-gradient(linear, left top, left bottom, from(rgb(130,183,230)), to(rgb(219,230,246))); background-image: url(../img/bg-matrix-two.svg), -o-linear-gradient(top, rgb(130,183,230), rgb(219,230,246)); background-image: url(../img/bg-matrix-two.svg), linear-gradient(to bottom, rgb(130,183,230), rgb(219,230,246)); background-size: auto 886px, auto auto; background-position: center 150px, 0% 0%; background-repeat: no-repeat, repeat; }
#footer { position: relative; width: 100%; height: auto; background: rgb(41,65,144); }
#footer .social { display: flex; justify-content: center; }
#footer .social a { width: 32px; height: 32px; }
#footer .wrapper { display: flex; justify-content: center; padding: 20px 0; }
#footer .wrapper .right { width: 100%; max-width: 600px; font-size: 1.3em; }
#footer .wrapper .right a { color: rgb(255,255,255); line-height: 2em; }
#footer .wrapper .right .network { display: none; }
#footer .wrapper .right .links { display: flex; justify-content: space-around; padding: 4px 0; }
#footer .wrapper .right .links li { position: relative; }
#footer .wrapper .right .links li:before { position: absolute; top: 0; left: -20px; width: 15px; height: 100%; display: block; content: ''; background-image: url(../img/arrow-left-green.svg); background-size: auto 15px; background-position: 0 6px; background-repeat: no-repeat; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
	/* btn */
.btn { -webkit-transition: opacity .3s ease-out; -o-transition: opacity .3s ease-out; transition: opacity .3s ease-out; }
.btn:hover, .btn.on:hover { opacity: .8 !important; }
.btn.on, .arrow.on { opacity: 1 !important; }
.btn.visible, .arrow.visible { visibility: visible !important; }
	/* langs */
.langs { width: auto; height: auto; z-index: 100; }
.langs span { position: relative; display: block; width: 50px; height: 38px; font-size: 1.4em; color: rgb(41,65,164); line-height: 1.5em; padding: 9px 10px; cursor: pointer; }
.langs span:before { position: absolute; right: 0; display: block; width: 20px; height: 20px; content: ''; background: url(../img/arrow-top-blue.svg) center center no-repeat; background-size: 70% auto; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; }
.langs span.open:before { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
.langs ul { position: absolute; left: 0; display: none; width: 100%; background: #fff; }
.langs ul a { display: block; font-size: 1.4em; color: rgb(41,65,164); line-height: 1.5em; padding: 4px 10px; }
	/* social */
.social { width: auto; height: auto; z-index: 100; }
.social span { position: relative; display: block; width: 50px; height: 38px; padding: 9px 10px; cursor: pointer; }
.social span:before { position: absolute; right: 0; display: block; width: 20px; height: 20px; content: ''; background: url(../img/arrow-top-blue.svg) center center no-repeat; background-size: 70% auto; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; }
.social span.open:before { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
.social span img { width: auto; height: 100%; }
.social ul { position: absolute; left: 0; display: none; background: #fff; }
.social ul li { padding: 0 5px; }
.social a { display: block; background-size: 100% auto; text-indent: -5000px; overflow: hidden; cursor: pointer; }
.social a.linkedin { background: url(../img/icon-linkedin.svg) no-repeat; }
.social a.linkedin-white { background: url(../img/icon-linkedin-white.svg) no-repeat; }
.social a.twitter { background: url(../img/icon-twitter.svg) no-repeat; }
.social a.twitter-white { background: url(../img/icon-twitter-white.svg) no-repeat; }
.social a.facebook { background: url(../img/icon-facebook.svg) no-repeat; }
.social a.facebook-white { background: url(../img/icon-facebook-white.svg) no-repeat; }
.social a.instagram { background: url(../img/icon-instagram.svg) no-repeat; }
.social a.instagram-white { background: url(../img/icon-instagram-white.svg) no-repeat; }
.social a.youtube { background: url(../img/icon-youtube.svg) no-repeat; }
.social a.youtube-white { background: url(../img/icon-youtube-white.svg) no-repeat; }
	/* containers */
.wrapper { width: 100%; max-width: 1300px; height: 100%; margin: 0 auto; }
	/* viz */
svg { overflow: visible !important; }
	/* advent */
#home h2.advent { position: absolute !important; -webkit-animation: introIn 1.5s ease-out 2s both; animation: introIn 1.5s ease-out 2s both; }
#home.advent:before { -webkit-animation: fadeIn .5s ease-out both; animation: fadeIn .5s ease-out both; }
#home #chordgraph.advent { -webkit-animation: fadeIn 1s ease-out .5s both; animation: fadeIn 1s ease-out .5s both; }
#home #chordgraph-text.advent { -webkit-animation: chordTextIn 1s ease-out 1s both; animation: chordTextIn 1s ease-out 1s both; }
	/* modules */
#modules, #columns { display: flex; justify-content: space-between; }
#modules .col, #columns .col { padding: 0 20px; }
#columns .col { width: 100%;  max-width: 302px; }
#columns .col h2 { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 60px; color: rgb(255,255,255); font-size: 1.6em; line-height: 1.1em; text-align: center; padding: 0 20px; margin: 20px 0; }
#columns .col h2.on { background-color: rgb(175,175,175) !important; }
#columns .col h2:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ''; opacity: .2; background-image: url(../img/arrow-bottom-white.svg); background-size: auto 19px; background-position: left 15px top 24px; background-repeat: no-repeat; }
#columns .col h2 .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; background-color: rgb(175,175,175); z-index: 1; }
#columns .col h2 span { z-index: 5; }
#columns .col[data-col=col-activity] h2 { background-color: rgb(41,65,144); }
#columns .col[data-col=col-impact] h2 { background-color: rgb(150,187,55); }
#columns .col[data-col=col-solution] h2 { background-color: rgb(208,101,22); }
#modules .col figure { position: relative; width: 100%; max-width: 262px; height: auto; max-height: 214px; margin-bottom: 30px; -webkit-box-shadow: 10px 10px 0 0 rgb(47,128,195); -moz-box-shadow: 10px 10px 0 0 rgb(47,128,195); box-shadow: 10px 10px 0 0 rgb(47,128,195); }
#modules .col figure:before { position: absolute; top: 0; right: -10px; display: block; width: 0; height: 0; content: ''; border-style: solid; border-width: 10px 0 0 10px; border-color: transparent transparent transparent rgb(47,128,195); }
#modules .col figure:after { position: absolute; bottom: -10px; left: 0; display: block; width: 0; height: 0; content: ''; border-style: solid; border-width: 0 10px 10px 0; border-color: transparent rgb(47,128,195) transparent transparent; }
#modules .col figure div { width: 100%; height: 100%; overflow: hidden; }
#modules .col figure img { width: 100%; height: auto; vertical-align: middle; -webkit-transition: -webkit-transform .2s ease-out; transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; }
#modules .col[data-action=slide] figure div > img { width: 107.6%; }
#modules .col[data-action=slide] figure div > img { -webkit-transform: translateX(-7%); -ms-transform: translateX(-7%); transform: translateX(-7%); }
#modules .col[data-action=slide] figure:hover div > img { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
#modules .col[data-action=zoom] figure:hover div > img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
#modules .col[data-action=gif] figure figcaption { pointer-events: none; }
#modules .col figcaption { position: absolute; color: rgb(255,255,255); }
#modules #col-activity figcaption { top: 50%; display: flex; justify-content: center; align-items: center; width: 85.7%; height: auto; min-height: 50px; line-height: 1.4em; text-align: center; padding: 8px 0; background: rgb(47,128,195); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
#modules #col-activity figcaption:before { position: absolute; bottom: 0; top: 0; left: 40%; right: -9%; content: ''; background: rgb(47,128,195); z-index: -1; -webkit-transform: skewX(-35deg); -ms-transform: skewX(-35deg); transform: skewX(-35deg); }
#modules #col-activity figcaption > span { padding-left: 12%; }
#modules #col-activity figcaption .black { font-size: .95em; }
#modules #col-impact figcaption { text-align: center; }
#modules #col-impact figcaption .black { font-size: 1.1em; line-height: 1em; }
#modules #col-solution figcaption { line-height: 1.5em; overflow: hidden; }
#modules #col-solution figcaption div { position: absolute; }
	/* home */
#home { display: flex; flex-wrap: wrap; width: 100%; height: 100%; min-height: 800px; }
#home.degraded:before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 82px; content: ''; opacity: 1; background-image: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(23,50,112,1)), color-stop(100%, rgba(23,50,112,0))); background-image: -o-linear-gradient(top, rgba(23,50,112,1) 0%, rgba(23,50,112,0) 100%); background-image: linear-gradient(to bottom, rgba(23,50,112,1) 0%, rgba(23,50,112,0) 100%); }
#home.degraded.hide:before { opacity: 0; }
#home h2 { position: relative; display: flex; height: 82px; flex: 1 0 100%; justify-content: center; align-items: center; text-align: center; font-size: 2.2em; line-height: 1em; font-weight: normal; padding: 20px 20px; }
#home #chordgraph { position: relative; width: 70%; height: 700px; padding-right: 60px; opacity: 1; }
#home #chordgraph.hide { opacity: 0; }
#home #chordgraph .part { position: absolute; top: 0; display: block; width: 50%; text-align: center; font-size: 1.6em; line-height: 1.1em; padding-bottom: 30px; background: url(../img/arrow-bottom-green.svg) bottom center no-repeat; background-size: auto 19px; }
#home #chordgraph .part.part-left { left: 0; }
#home #chordgraph .part.part-right { right: 0; }
#home #chordgraph .chord { opacity: .5; }
#home #chordgraph .group { cursor: pointer; pointer-events: inherit; }
#home #chordgraph .group text { font-size: .6em; font-weight: normal; fill: rgb(255,255,255); }
#home #chordgraph .group text, #home #chordgraph .group image { -webkit-transition: -webkit-transform .2s ease-out; transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; }
#home #chordgraph .group:hover text, #home #chordgraph .group:hover image { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
#home #chordgraph .group.fade { opacity: .2; }
#home #chordgraph .chord.fade { opacity: .1; }
#home #chordgraph-text { position: relative; width: 30%; padding: 0 100px 0 0; margin-top: 100px; opacity: 1; }
#home #chordgraph-text.hide { opacity: 0; }
#home #chordgraph-text #deco { display: block; width: 100%; min-height: 120px; background-size: 100% auto; background-position: 0 0; background-repeat: no-repeat; }
#home #chordgraph-text #deco.default { background-image: url(../img/deco-home-default.svg), url(../img/deco-matrix.svg); }
#home #chordgraph-text #deco.deco0 { background-image: url(../img/deco-home-01.svg), url(../img/deco-matrix.svg); }
#home #chordgraph-text #deco.deco1 { background-image: url(../img/deco-home-02.svg), url(../img/deco-matrix.svg); }
#home #chordgraph-text #deco.deco2 { background-image: url(../img/deco-home-03.svg), url(../img/deco-matrix.svg); }
#home #chordgraph-text #deco.deco3 { background-image: url(../img/deco-home-04.svg), url(../img/deco-matrix.svg); }
#home #chordgraph-text #deco.deco4 { background-image: url(../img/deco-home-05.svg), url(../img/deco-matrix.svg); }
#home #chordgraph-text #deco.deco6 { background-image: url(../img/deco-home-06.svg), url(../img/deco-matrix.svg); }
#home #chordgraph-text #deco.deco7 { background-image: url(../img/deco-home-07.svg), url(../img/deco-matrix.svg); }
#home #chordgraph-text #deco.deco8 { background-image: url(../img/deco-home-08.svg), url(../img/deco-matrix.svg); }
#home #chordgraph-text div.show-text { -webkit-animation: showTextChord .4s ease-out both; animation: showTextChord .4s ease-out both; }
#home #chordgraph-text div.hide-text { -webkit-animation: hideTextChord .4s ease-out both; animation: hideTextChord .4s ease-out both; }
#home #chordgraph-text div h3 { font-size: 1.8em; line-height: 1em; font-weight: normal; padding-bottom: 8px; }
#home #chordgraph-text div p { font-size: 1.4em; line-height: 1.4em; }
#home #chordgraph-text div p.more { display: flex; justify-content: space-around; font-size: 1.1em; line-height: 1em; text-align: center; margin-top: 60px; }
#home #chordgraph-text div p.more a { display: inline-block; padding-top: 24px; background-size: auto 19px; background-position: top center; background-repeat: no-repeat; -webkit-transition: -webkit-transform .2s ease-out; transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; }
#home #chordgraph-text div p.more a:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
#home #chordgraph-text div p.more a.limegreen { background-image: url(../img/arrow-bottom-green.svg); }
#home #chordgraph-text div p.more a.orange { background-image: url(../img/arrow-bottom-orange.svg); }
	/* interior */
.int.degraded:before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 82px; content: ''; background-image: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(23,50,112,1)), color-stop(100%, rgba(23,50,112,0))); background-image: -o-linear-gradient(top, rgba(23,50,112,1) 0%, rgba(23,50,112,0) 100%); background-image: linear-gradient(to bottom, rgba(23,50,112,1) 0%, rgba(23,50,112,0) 100%); }
.int h2 { position: relative; width: 100%; max-width: 740px; font-size: 2.6em; text-align: center; text-transform: uppercase; line-height: 1.2em; font-weight: normal; padding: 28px 20px; margin: 0 auto; }
.int h2:after { position: absolute; right: -120px; top: 27px; display: block; width: 353px; height: 112px; content: ''; background: url(../img/title-matrix.svg) 0 0 no-repeat; }
.int h3 { width: 100%; max-width: 740px; font-family: 'Raleway-Semibold'; font-size: 2em; color: rgb(150,187,55); text-align: center; line-height: 1.2em; font-weight: normal; padding: 15px 20px 20px 20px; margin: 0 auto; }
.int sub { font-size: .6em; line-height: 1em; vertical-align: bottom; }
.int sup { line-height: 1em; vertical-align: top; }
.int main > p { width: 100%; max-width: 740px; font-size: 1.6em; line-height: 1.3em; padding: 10px 20px 10px 20px; margin: 0 auto; }
.int main > p strong { position: relative; font-size: 1.1em; line-height: 1.3em; }
.int main > p strong.bold { font-family: 'Raleway-Regular'; font-size: 1em; line-height: initial; }
.int main > p strong.rafter:before { position: absolute; left: -18px; top: 3px; display: block; width: 16px; height: 14px; content: ''; background: url(../img/arrow-bottom-sky.svg) 0 0 no-repeat; background-size: 100% auto; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
.int main > p strong.inter { font-size: 1em; line-height: 2em; }
.int main > p small { font-size: .6em; }
.int main > p a { color: #fff; text-decoration: underline; }
.int blockquote { width: 100%; max-width: 470px; font-family: 'Raleway-Semibold'; color: rgb(129,183,230); font-size: 2em; font-style: italic; text-align: center; padding: 20px; margin: 0 auto; }
.int q { display: block; width: 100%; max-width: 530px; font-family: 'Raleway-Semibold'; color: rgb(129,183,230); font-size: 1.25em; line-height: 1.2em; font-style: italic; text-align: center; padding: 10px 30px; margin: 0 auto; }
.int q:before { position: absolute; display: inline-block; width: 25px; height: 19px; content: ''; margin: -2px 0 0 -30px; background: url(../img/quote.svg) 0 0 no-repeat; }
.int q:after { position: absolute; display: inline-block; width: 25px; height: 19px; content: ''; margin: -2px 0 0 10px; background: url(../img/quote.svg) 0 0 no-repeat; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
.int aside { position: absolute; right: 15px; width: 100%; max-width: 270px; font-family: 'Raleway-Semibold'; font-size: 1.8em; line-height: 1.4em; z-index: 1; }
.int aside:before { position: absolute; top: -4px; left: -15px; display: inline-block; width: 84px; height: 37px; content: ''; margin: 0 0 0 0; background: rgb(47,128,195); z-index: -1; -webkit-transform: skewX(-30deg); -ms-transform: skewX(-30deg); transform: skewX(-30deg); }
.int aside:after { position: absolute; bottom: -10px; right: 0; display: inline-block; width: 20px; height: 37px; content: ''; margin: 0 0 0 0; background: rgb(47,128,195); z-index: -1; -webkit-transform: skewX(-30deg); -ms-transform: skewX(-30deg); transform: skewX(-30deg); }
.int aside strong { font-family: inherit; font-weight: normal; font-size: 1.8em; }
.int main > ul { display: flex; flex-wrap: wrap; width: 100%; max-width: 740px; justify-content: space-around; padding: 40px 20px 40px 20px; margin: 0 auto; }
.int main > ul li { display: flex; width: 50%; flex: 1; flex-direction: column; justify-content: start; align-items: center; text-align: center; padding: 0 3.5%; }
.int main > ul li:first-child { padding-left: 0; }
.int main > ul li:last-child { padding-right: 0; }
.int main > ul li img { width: 100%; max-width: 130px; }
.int main > ul li strong { font-size: 1.6em; padding: 5px 0; }
.int main > ul li em { font-family: 'Raleway-Light'; font-size: 1.4em; }
.int main > ul.img3 li img { max-width: 200px; }
.int main > ul.img5 li { padding: 0 2%; }
.int main > ul.img5 li img { max-width: 112px; }
.int main > ul.drap { justify-content: start; padding-top: 0; padding-bottom: 0; }
.int main > ul.drap li { max-width: 47px; box-sizing: content-box; }
.int main > ul.drap li img { margin-bottom: 5px; }
.int main > figure { position: relative; width: 100%; margin: 30px auto; }
.int main > figure.video { max-width: 1000px; }
.int main > figure.video iframe { width: 100%; }
.int main > figure.infog { display: flex; flex-direction: column; max-width: 1280px; }
.int main > figure.infog iframe { width: 100%; }
.int main > figure.infog figcaption { font-size: 1em; background: rgb(84,103,166); }
.int main > figure.infog figcaption:before { display: none; }
.int main > figure.infog:before { position: absolute; left: 0; top: 0; display: block; width: 300%; height: 100%; content: ''; background: rgb(84,103,166); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }
.int main > figure.infog:after { position: absolute; right: 0; top: 0; display: block; width: 300%; height: 100%; content: ''; background: rgb(84,103,166); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }
.int main > figure.image { max-width: 700px; }
.int main > figure.image img { width: 100%; height: auto; }
.int main > figure.infog.image { max-width: 1100px; padding-top: 30px; background: rgb(84,103,166); }
.int figure figcaption { position: relative; font-family: 'Raleway-Light'; font-size: 1.4em; padding: 10px 25px; }
.int figure figcaption:before { position: absolute; left: 5px; top: 12px; display: block; width: 15px; height: 13px; content: ''; background: url(../img/arrow-bottom-white.svg) 0 0 no-repeat; background-size: 100% auto; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
.int main > section { max-width: 740px; padding: 20px; margin: 0 auto; }
.int main > section strong { position: relative; font-size: 1.4em; line-height: 1.3em; padding-left: 30px; cursor: pointer; }
.int main > section strong:before { position: absolute; top: 0; left: 0; display: block; width: 21px; height: 18px; content: ''; background: url(../img/arrow-bottom-blue.svg) 0 0 no-repeat; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform .4s ease-out; transition: -webkit-transform .4s ease-out; transition: transform .4s ease-out; }
.int main > section.open strong:before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
.int main > section p { display: none; font-size: 1.4em; line-height: 1.3em; padding: 20px 0 0 0; }
.int main > section.open p { display: block; }
.int main > ul.number { padding: 40px 20px 40px 20px; }
.int main > ul.number.row { flex-direction: column; }
.int main > ul.number.col { flex-direction: row; flex-wrap: wrap; }
.int main > ul.number li { display: block; width: 100%; max-width: 590px; height: auto; min-height: 130px; align-items: initial; font-size: 1.6em; line-height: 1.3em; text-align: left; background-size: auto 100px; background-position: 20% 0; background-repeat: no-repeat; padding-top: 10px; padding-right: 0; padding-bottom: 30px; padding-left: 35% !important; }
.int main > ul.number li strong { font-family: 'Raleway-Semibold'; font-size: 2.8em; line-height: .8em; }
.int main > ul.number.col li { width: 50%; background-position: 0 0; padding-left: 25% !important; }
.int main > ol { width: 100%; max-width: 740px; padding: 0px 20px 10px 80px; margin: 0 auto; list-style: none; }
.int main > ol li { position: relative; font-size: 1.6em; line-height: 1.4em; padding: 5px 0; }
.int main > ol li:before { position: absolute; left: -24px; top: 9px; display: block; width: 16px; height: 14px; content: ''; background: url(../img/arrow-bottom-sky.svg) 0 0 no-repeat; background-size: 100% auto; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
.int #carousel { max-width: 1100px; margin: 30px auto; overflow: hidden; }
.int #carousel .flipster__container { padding: 0; }
.int #carousel .flipster__button--prev { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.int #carousel figure { width: 100%; max-width: 700px; height: auto; }
.int #carousel figure.flipster__item { vertical-align: top; }
.int #carousel figure.flipster__item--past figcaption, #carousel figure.flipster__item--future figcaption { opacity: 0; }
.int #carousel figure.flipster__item--past .flipster__item__content { -webkit-transform: scale(.75) rotateY(45deg); -ms-transform: scale(.75) rotateY(45deg); transform: scale(.75) rotateY(45deg); }
.int #carousel figure.flipster__item--future .flipster__item__content { -webkit-transform: scale(.75) rotateY(-45deg); -ms-transform: scale(.75) rotateY(-45deg); transform: scale(.75) rotateY(-45deg); }
.int #carousel figure.flipster__item--past-1, #carousel figure.flipster__item--future-1 { opacity: .6; }
.int #carousel figure.flipster__item--past-2, #carousel figure.flipster__item--future-2 { opacity: .4; }
.int #carousel figure.flipster__item--past-3, #carousel figure.flipster__item--future-3 { opacity: .2; }
.int .download { position: relative; display: flex; justify-content: center; max-width: 100%; height: auto; padding: 0 0 20px 0; margin-top: -31px; background-color: rgb(84,103,166); }
.int .download:before { position: absolute; left: 0; top: 0; display: block; width: 300%; height: 100%; content: ''; background: rgb(84,103,166); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }
.int .download:after { position: absolute; right: 0; top: 0; display: block; width: 300%; height: 100%; content: ''; background: rgb(84,103,166); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }
.int .download a { display: flex; justify-content: center; align-items: center; width: auto; height: 50px; font-family: 'Raleway-Bold'; color: #fff; font-size: 1em; padding: 10px 50px 10px 10px; background: url(../img/icon-pdf.svg) right 8px center no-repeat rgb(41,65,144); background-size: auto 76%; }
.int footer { width: 100%; max-width: 1200px; padding: 85px 0 60px 0; margin: 0 auto; }
.int footer p { font-family: 'Raleway-Bold'; text-align: center; font-size: 1.2em; text-transform: uppercase; }
.int footer ul { display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap; }
.int footer ul li { position: relative; width: 100%; max-width: 222px; height: 67px; text-align: center; padding: 0 18px; margin: 15px 15px 0 15px; -webkit-transform: skewX(30deg); -ms-transform: skewX(30deg); transform: skewX(30deg); }
.int footer ul li.activity { background: rgb(47,128,195); }
.int footer ul li.impact { background: rgb(150,187,55); }
.int footer ul li.solution { background: rgb(208,101,22); }
.int footer ul li.other { background: rgb(178,178,178); }
.int footer ul li > * { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; font-family: 'Raleway-Black'; letter-spacing: .05em; font-size: 1.5em; color: rgb(255,255,255); line-height: 1em; word-break: keep-all; -webkit-transform: skewX(-30deg); -ms-transform: skewX(-30deg); transform: skewX(-30deg); }
.int footer .prev, .int footer .next { position: absolute; color: #fff; margin-top: -40px; }
.int footer .prev { left: 20px; padding: 0 0 0 20px; }
.int footer .next { right: 20px; padding: 0 20px 0 0; }
.int footer .prev:before, .int footer .next:before { position: absolute; top: 0; display: block; width: 15px; height: 13px; content: ''; background: url(../img/arrow-bottom-white.svg) 0 0 no-repeat; background-size: 100% auto; }
.int footer .prev:before { left: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.int footer .next:before { right: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

/* FLIPSTER */
.flipster{display:block;overflow-x:hidden;overflow-y:visible;position:relative}.flipster:focus{outline:none}.flipster__container,.flipster__item{margin:0;padding:0;list-style-type:none;position:relative}.flipster__container{display:block;white-space:nowrap;word-spacing:-0.25em;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flipster__item{display:inline-block;white-space:normal;word-spacing:normal;vertical-align:bottom}.flipster--click .flipster__item--past,.flipster--click .flipster__item--future{cursor:pointer}.flipster__item img{max-width:100%}.flipster__button{position:absolute;top:50%;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;z-index:999;cursor:pointer;font-size:15px;opacity:.5;-webkit-transition:opacity 500ms ease;-o-transition:opacity 500ms ease;transition:opacity 500ms ease;margin:-1em 2em}.flipster__button svg{width:2em;stroke:currentColor;fill:transparent;stroke-width:3;stroke-linecap:round}.flipster__button:hover,.flipster__button:focus{opacity:1}.flipster__button--prev{left:0}.flipster__button--next{right:0}.flipster__nav,.flipster__nav__item{list-style-type:none;margin:0;padding:0}.flipster__nav{display:block;margin:0 0 4em;text-align:center;position:relative}.flipster__nav__item{display:inline-block;margin:0 .25em}.flipster__nav__link{display:block;color:inherit;padding:.5em 1em;position:relative;overflow:hidden;-webkit-transition:all 250ms ease-out;-o-transition:all 250ms ease-out;transition:all 250ms ease-out;-webkit-transition-timing-function:cubic-bezier(.56, .12, .12, .98);-o-transition-timing-function:cubic-bezier(.56, .12, .12, .98);transition-timing-function:cubic-bezier(.56, .12, .12, .98)}.flipster__nav__link::after{content:'';display:block;background:#232221;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;-webkit-transform:translateY(100%) translateY(-0.25em);-ms-transform:translateY(100%) translateY(-0.25em);transform:translateY(100%) translateY(-0.25em);-webkit-transition:inherit;-o-transition:inherit;transition:inherit}.flipster__nav__item--current>.flipster__nav__link,.flipster__nav__link:hover,.flipster__nav__link:focus{color:#FFF}.flipster__nav__item--current>.flipster__nav__link::after,.flipster__nav__link:hover::after,.flipster__nav__link:focus::after{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.flipster__nav__child{display:none;position:absolute;top:100%;left:0;right:0;margin-top:-1px;padding:.5em;background:#4e4441;z-index:1}.flipster__nav__child .flipster__nav__link{color:#FFF}.flipster__nav__child .flipster__nav__link::after{background:#FFF}.flipster__nav__child .flipster__nav__item--current>.flipster__nav__link,.flipster__nav__child .flipster__nav__link:hover,.flipster__nav__child .flipster__nav__link:focus{color:#232221}.flipster__nav__item--current .flipster__nav__child{display:block}.flipster--carousel .flipster__container,.flipster--carousel .flipster__item,.flipster--carousel .flipster__item__content{-webkit-transition:all 350ms ease-in-out;-o-transition:all 350ms ease-in-out;transition:all 350ms ease-in-out;-webkit-transition-timing-function:cubic-bezier(.56, .12, .12, .98);-o-transition-timing-function:cubic-bezier(.56, .12, .12, .98);transition-timing-function:cubic-bezier(.56, .12, .12, .98)}.flipster--carousel .flipster__item{-webkit-perspective:800px;perspective:800px}.flipster--carousel .flipster__item--past,.flipster--carousel .flipster__item--future{opacity:0;-webkit-transition-delay:115ms;-o-transition-delay:115ms;transition-delay:115ms}.flipster--carousel .flipster__item--past-2,.flipster--carousel .flipster__item--future-2{opacity:.6;-webkit-transition-delay:90ms;-o-transition-delay:90ms;transition-delay:90ms}.flipster--carousel .flipster__item--past-1,.flipster--carousel .flipster__item--future-1{opacity:.8;-webkit-transition-delay:60ms;-o-transition-delay:60ms;transition-delay:60ms}.flipster--carousel .flipster__item--past .flipster__item__content{-webkit-transform:translateX(100%) rotateY(-20deg) scale(.5);transform:translateX(100%) rotateY(-20deg) scale(.5)}.flipster--carousel .flipster__item--past-2 .flipster__item__content{-webkit-transform:translateX(25%) rotateY(40deg) scale(.65);transform:translateX(25%) rotateY(40deg) scale(.65)}.flipster--carousel .flipster__item--past-1 .flipster__item__content{-webkit-transform:rotateY(45deg) scale(.8);transform:rotateY(45deg) scale(.8)}.flipster--carousel .flipster__item--future .flipster__item__content{-webkit-transform:translateX(-100%) rotateY(20deg) scale(.5);transform:translateX(-100%) rotateY(20deg) scale(.5)}.flipster--carousel .flipster__item--future-2 .flipster__item__content{-webkit-transform:translateX(-25%) rotateY(-40deg) scale(.65);transform:translateX(-25%) rotateY(-40deg) scale(.65)}.flipster--carousel .flipster__item--future-1 .flipster__item__content{-webkit-transform:rotateY(-45deg) scale(.8);transform:rotateY(-45deg) scale(.8)}.flipster--carousel.no-rotate .flipster__item--past .flipster__item__content{-webkit-transform:translateX(175%) scale(.5);-ms-transform:translateX(175%) scale(.5);transform:translateX(175%) scale(.5)}.flipster--carousel.no-rotate .flipster__item--past-2 .flipster__item__content{-webkit-transform:translateX(25%) scale(.65);-ms-transform:translateX(25%) scale(.65);transform:translateX(25%) scale(.65)}.flipster--carousel.no-rotate .flipster__item--past-1 .flipster__item__content{-webkit-transform:translateX(0%) scale(.8);-ms-transform:translateX(0%) scale(.8);transform:translateX(0%) scale(.8)}.flipster--carousel.no-rotate .flipster__item--future .flipster__item__content{-webkit-transform:translateX(-175%) scale(.5);-ms-transform:translateX(-175%) scale(.5);transform:translateX(-175%) scale(.5)}.flipster--carousel.no-rotate .flipster__item--future-2 .flipster__item__content{-webkit-transform:translateX(-25%) scale(.65);-ms-transform:translateX(-25%) scale(.65);transform:translateX(-25%) scale(.65)}.flipster--carousel.no-rotate .flipster__item--future-1 .flipster__item__content{-webkit-transform:translateX(0%) scale(.8);-ms-transform:translateX(0%) scale(.8);transform:translateX(0%) scale(.8)}.flipster--carousel .flipster__item--current .flipster__item__content{-webkit-transform:translateX(0) rotateY(0deg) scale(1);transform:translateX(0) rotateY(0deg) scale(1);-webkit-transition-delay:60ms;-o-transition-delay:60ms;transition-delay:60ms}.flipster--coverflow .flipster__container,.flipster--coverflow .flipster__item,.flipster--coverflow .flipster__item__content{-webkit-transition:all 350ms ease-in-out;-o-transition:all 350ms ease-in-out;transition:all 350ms ease-in-out;-webkit-transition-timing-function:cubic-bezier(.56, .12, .12, .98);-o-transition-timing-function:cubic-bezier(.56, .12, .12, .98);transition-timing-function:cubic-bezier(.56, .12, .12, .98)}.flipster--coverflow .flipster__item{-webkit-perspective:800px;perspective:800px}.flipster--coverflow .flipster__container{padding-bottom:5%}.flipster--coverflow .flipster__item__content{-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;box-reflect:below 0 -webkit-gradient(linear, left bottom, left top, color-stop(.05, rgba(255,255,255,0.12)), color-stop(.2, transparent));-webkit-box-reflect:below 0 -webkit-gradient(linear, left bottom, left top, color-stop(.05, rgba(255,255,255,0.12)), color-stop(.2, transparent))}.flipster--coverflow .flipster__item__content img:only-child{display:block}.flipster--coverflow .flipster__item--past .flipster__item__content{-webkit-transform-origin:0% 50%;-ms-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-transform:scale(.75) rotateY(55deg);transform:scale(.75) rotateY(55deg)}.flipster--coverflow .flipster__item--future .flipster__item__content{-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(.75) rotateY(-55deg);transform:scale(.75) rotateY(-55deg)}.flipster--coverflow .flip-current .flipster__item__content{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.flipster--flat .flipster__container,.flipster--flat .flipster__item,.flipster--flat .flipster__item__content{-webkit-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;transition:all 400ms ease-in-out}.flipster--flat .flipster__item--past,.flipster--flat .flipster__item--future{opacity:.5}.flipster--flat .flipster__item--past .flipster__item__content{-webkit-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75)}.flipster--flat .flipster__item--future .flipster__item__content{-webkit-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75)}.flipster--wheel{overflow:hidden}.flipster--wheel .flipster__container,.flipster--wheel .flipster__item__content{-webkit-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;transition:all 400ms ease-in-out;-webkit-transition-timing-function:cubic-bezier(.56, .12, .12, .98);-o-transition-timing-function:cubic-bezier(.56, .12, .12, .98);transition-timing-function:cubic-bezier(.56, .12, .12, .98)}.flipster--wheel .flipster__container{padding-bottom:20%}.flipster--wheel .flipster__item__content{-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%}.flipster--wheel .flipster__item--past .flipster__item__content{-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.flipster--wheel .flipster__item--future .flipster__item__content{-webkit-transform-origin:0% 100%;-ms-transform-origin:0% 100%;transform-origin:0% 100%}.flipster--wheel .flipster__item__content img:only-child{display:block}.flipster--wheel .flipster__item--past .flipster__item__content{opacity:0;-webkit-transform:rotateZ(-80deg) translate(-170%, 110%);-ms-transform:rotate(-80deg) translate(-170%, 110%);transform:rotateZ(-80deg) translate(-170%, 110%)}.flipster--wheel .flipster__item--future .flipster__item__content{opacity:0;-webkit-transform:rotateZ(80deg) translate(170%, 110%);-ms-transform:rotate(80deg) translate(170%, 110%);transform:rotateZ(80deg) translate(170%, 110%)}.flipster--wheel .flipster__item--past-3 .flipster__item__content{opacity:1;-webkit-transform:rotateZ(-60deg) translate(-70%, 75%);-ms-transform:rotate(-60deg) translate(-70%, 75%);transform:rotateZ(-60deg) translate(-70%, 75%)}.flipster--wheel .flipster__item--future-3 .flipster__item__content{opacity:1;-webkit-transform:rotateZ(60deg) translate(70%, 75%);-ms-transform:rotate(60deg) translate(70%, 75%);transform:rotateZ(60deg) translate(70%, 75%)}.flipster--wheel .flipster__item--past-2 .flipster__item__content{opacity:1;-webkit-transform:rotateZ(-40deg) translate(-17%, 30%);-ms-transform:rotate(-40deg) translate(-17%, 30%);transform:rotateZ(-40deg) translate(-17%, 30%)}.flipster--wheel .flipster__item--future-2 .flipster__item__content{opacity:1;-webkit-transform:rotateZ(40deg) translate(17%, 30%);-ms-transform:rotate(40deg) translate(17%, 30%);transform:rotateZ(40deg) translate(17%, 30%)}.flipster--wheel .flipster__item--past-1 .flipster__item__content{opacity:1;-webkit-transform:rotateZ(-20deg);-ms-transform:rotate(-20deg);transform:rotateZ(-20deg)}.flipster--wheel .flipster__item--future-1 .flipster__item__content{opacity:1;-webkit-transform:rotateZ(20deg);-ms-transform:rotate(20deg);transform:rotateZ(20deg)}.flipster--wheel .flip-current .flipster__item__content{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}

/* ANIMATIONS */
	/* intro */
@-webkit-keyframes introIn {
	0% { top: 46%; left: 50%; -webkit-transform: translateX(-50%) scale(1.8); }
	100% { top: 0%; left: 50%; -webkit-transform: translateX(-50%) scale(1); }
}
@keyframes introIn {
	0% { top: 46%; left: 50%; -webkit-transform: translateX(-50%) scale(1.8); transform: translateX(-50%) scale(1.8); }
	100% { top: 0%; left: 50%; -webkit-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); }
}
@-webkit-keyframes introInMobile {
	0% { top: 30%; left: 50%; -webkit-transform: translateX(-50%) scale(1.8); }
	100% { top: 0%; left: 50%; -webkit-transform: translateX(-50%) scale(1); }
}
@keyframes introInMobile {
	0% { top: 30%; left: 50%; -webkit-transform: translateX(-50%) scale(1.8); transform: translateX(-50%) scale(1.8); }
	100% { top: 0%; left: 50%; -webkit-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); }
}
	/* chord text */
@-webkit-keyframes chordTextIn {
	0% { -webkit-transform: translateX(20px); opacity: 0; }
	100% { -webkit-transform: translateX(0); opacity: 1; }
}
@keyframes chordTextIn {
	0% { -webkit-transform: translateX(20px); transform: translateX(20px); opacity: 0; }
	100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
}
	/* fade */
@-webkit-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-webkit-keyframes fadeOut {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
@keyframes fadeOut {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
	/* text chord */
@-webkit-keyframes showTextChord {
	0% { -webkit-transform: translateY(-20px); opacity: 0; }
	100% { -webkit-transform: translateY(0); opacity: 1; }
}
@keyframes showTextChord {
	0% { -webkit-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; }
	100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}
@-webkit-keyframes hideTextChord {
	0% { -webkit-transform: translateY(0); opacity: 1; }
	100% { -webkit-transform: translateY(-20px); opacity: 0; }
}
@keyframes hideTextChord {
	0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
	100% { -webkit-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; }
}

/* MEDIA QUERIES */
@media (max-width: 1360px){
	.int aside { position: relative; right: 0; max-width: 660px; padding: 10px 20px; margin: 0 auto; }
	.int aside:before { top: 5px; left: 5px; }
	.int aside:after { display: none; }
}
@media (max-width: 1080px){
	#home #chordgraph { padding-right: 30px; }
	#home #chordgraph-text { padding: 0 20px 0 0; }
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 725px) and (max-width: 906px){
	#header #logo { left: 10px; width: 130px; height: 26px; }
	#header .langs { right: 10px; }
	#header .social { right: 70px; }
	#columns .col h2 { font-size: 1.4em !important; }
	#modules .ftsize13 { font-size: 1em !important; }
	#modules .ftsize15 { font-size: 1.2em !important; }
	#modules .col figcaption { line-height: 1.3em !important; }
}
/* Landscape phone to portrait tablet */
@media (max-width: 724px){
	#header #logo { top: 24px; left: 10px; width: 66px; height: 14px; }
	#header h1 { font-size: 1.5em; padding: 15px 0 15px 0; }
	#header .langs { right: 10px; top: 22px; }
	#header .social { display: none; }
	#one { background-size: 900px 200px, 915px 505px, auto auto; }
	#home { display: block; }
	#home h2 { font-size: 1.5em; }
	#home h2.advent { position: absolute !important; -webkit-animation: introInMobile 1.5s ease-out 2s both; animation: introInMobile 1.5s ease-out 2s both; }
	#home #chordgraph { width: 100%; height: auto; padding: 20px 0 0 0; }
	#home #chordgraph .part { width: 35%; font-size: 1.1em; padding-bottom: 20px; background-size: auto 12px; }
	#home #chordgraph svg { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
	#home #chordgraph .group text { font-size: .8em; }
	#home #chordgraph-text { width: 100%; padding: 0 30px 30px 30px; margin-top: 0; }
	#home #chordgraph-text #deco { display: none; }
	#home #chordgraph-text div h3 { font-size: 1.6em; }
	#home #chordgraph-text div p { font-size: 1.3em; line-height: 1.3em; }
	#columns { padding: 0 5px; }
	#columns .col { padding: 0 5px; }
	#columns .col h2 { font-size: 1.2em !important; height: 44px; padding: 0 6px; margin: 10px 0; cursor: pointer; }
	#columns .col h2:before { display: none; }
	#columns .col h2 .bg { display: block; }
	#columns .col:nth-child(1) h2 .bg { display: none; }
	#modules { justify-content: center; }
	#modules .col { display: none; padding: 0 10px; }
	#modules .col:nth-child(1) { display: block; }
	#modules .col figure { max-width: 420px; max-height: 343px; /*max-width: 480px; max-height: 392px;*/ }
	#footer .wrapper .right { font-size: 1.1em; }
	#footer .wrapper .right .network { display: block; }
	#footer .wrapper .right .links { padding: 10px; }
	#footer .wrapper .right .links li:before { left: -18px; background-size: auto 11px; }
	.int h2 { font-size: 2.4em; line-height: 1.1em; }
	.int h3 { font-size: 1.8em; }
	.int blockquote { font-size: 1.8em; }
	.int footer ul li > * { font-size: 1.4em; }
}
/* Landscape phones and down */
@media (max-width: 480px){
	.int main > ul li { flex: inherit; padding-left: 10px !important; padding-right: 10px !important; }
	.int main > ul.img5 li img { max-width: 150px; }
	.int main > ul.number li, .int main > ul.number.col li { width: 100%; flex: 1; background-position: 0 0; padding-left: 40% !important; }
}
/* hover */
/*@media (hover: none){
	#modules .col[data-action=slide] figure div > img { -webkit-transform: none; -ms-transform: none; transform: none; pointer-events: none; }
	#modules .col[data-action=zoom] figure div > img { -webkit-transform: none; -ms-transform: none; transform: none; pointer-events: none; }
}*/
/* print */
@media print {
    body #header h1 { display: none; }
	body #header .langs { display: none; }
	body #header .social { display: none; }
	body #two { display: none; }
	body #footer { display: none; }
	body #one :before, body #one :after { display: none; }
	body #one figure { text-align: center; }
	body #one figure figcaption { text-align: left; }
	body #one figure.video { display: none; }
	body #one figure.infog { display: none; }
	body #one figure.image img { width: 50%; }
	body #one #carousel .flipster__container { height: auto !important; transform: none !important; padding: 10px 20px 10px 20px; }
	body #one #carousel figure { display: block; opacity: 1 !important; }
	body #one #carousel figure div { transform: none !important; transform-origin: initial; }
	body #one #carousel figure figcaption { opacity: 1 !important; }
	body #one #carousel .flipster__button { display: none; }
	body #one section p { display: block; }
	body #one ul.number { list-style: none !important; }
	body #one ul { display: block; list-style: disc; padding-top: 0 !important; page-break-inside: avoid; }
	body #one ol { display: block; list-style: decimal; padding-top: 0 !important; page-break-inside: avoid; }
	body #one ul li, body #one ol li { display: list-item; width: 100%; min-height: auto !important; padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; }
	body #one footer { display: none; }
}