.jumbotron,
.jumbotron .jumbo__slide,
.jumbotron .owl-item,
.jumbotron .owl-wrapper,
body,
html {
    height: 100%
}

.edge {
    border: 1px solid transparent
}

.subtitle abbr[title],
.surtitle abbr[title],
.title abbr[title],
h1 abbr[title],
h2 abbr[title],
h3 abbr[title],
h4 abbr[title],
h5 abbr[title],
h6 abbr[title] {
    border-bottom: none
}

.box-info:after,
.box-info__heading:after,
.case-study-section__floats:after,
.cf:after,
.form__header:after,
.jumbo__actions:after,
.jumbotron:after,
.layout__container:after,
.nav:after,
.project-related__heading:after,
.project-topic:after,
.site-footer:after,
.site-header__masthead:after,
.site-header__menu:after,
.site-header__navigation:after,
.site-header__shelf:after,
.slat:after,
.template--colloque-acmq-survey .quiz__slide .grid:after,
.template--colloque-acmq-wall .social-wall_grid:after {
    content: "";
    display: table;
    clear: both
}

.float--right {
    float: right
}

.float--left {
    float: left
}

.float--none {
    float: none
}

.clear {
    clear: both
}

.clear--right {
    clear: right
}

.clear--left {
    clear: left
}

.clear--none {
    clear: none
}

.case-study-section--menu:after,
.results__container .clear {
    clear: both
}

.display--block {
    display: block
}

.display--none {
    display: none
}

.position--relative {
    position: relative
}

.overflow--hidden {
    overflow: hidden
}

.pull--left {
    float: left;
    margin-right: 1.5rem
}

.pull--right {
    float: right;
    margin-left: 1.5rem
}

.pull--left>img,
.pull--right>img {
    display: block;
    max-width: none
}

.glyph {
    overflow: hidden
}

.btn--circle,
.center-vertically,
.jumbo__slide {
    white-space: nowrap
}

.btn--circle:before,
.center-vertically:before,
.jumbo__slide:before {
    content: "";
    position: relative;
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.btn--circle>*,
.center-vertically>*,
.jumbo__slide>* {
    display: inline-block;
    vertical-align: middle;
    white-space: normal
}

.center-vertically--alt {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.center-vertically--flex {
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -ms-flex-pack: center
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 1em;
    line-height: 1.5;
    background-color: #fff;
    color: #cccccc;
    overflow-y: scroll;
    min-height: 100%;
    font-family: 'Titillium Web', sans serif;
    overflow-x: hidden
}

.expertise__services,
.omega,
.standout>footer,
.stroke,
.subtitle,
.surtitle,
.title,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Titillium Web', sans serif
}

body {
    margin: 0 auto;
    min-width: 300px
}

a {
    -webkit-transition: color .2s ease, background-color .2s ease;
    transition: color .2s ease, background-color .2s ease;
    color: #10A6F9
}

a:visited {
    color: #cccccc
}

a:focus,
a:hover {
    color: #1BCE7C
}

a:active {
    color: #19c074
}

.for-seo a,
.for-seo a:visited {
    color: inherit
}

.for-seo a:focus,
.for-seo a:hover {
    color: #1BCE7C
}

.for-seo a:active {
    color: #19c074
}

.for-seo a:active,
.for-seo a:focus,
.for-seo a:hover {
    text-decoration: underline
}

.box-info a,
.btn,
.btn:active,
.btn:focus,
.btn:hover,
.btn:visited,
.menu-toggle,
.menu-toggle:active,
.menu-toggle:focus,
.menu-toggle:hover,
.menu-toggle:visited,
.site-footer a,
.site-header a,
a.box-info,
a.strike--action {
    text-decoration: none
}

.giga {
    font-size: 80px;
    font-size: 5rem;
    line-height: 1.2
}

.mega {
    font-size: 64px;
    font-size: 4rem;
    line-height: 1.125
}

.kilo {
    font-size: 56px;
    font-size: 3.5rem;
    line-height: 1.28571
}

.milli {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.71429
}

.micro {
    font-size: 12px;
    font-size: .75rem;
    line-height: 2
}

.nano {
    font-size: 10px;
    font-size: .625rem;
    line-height: 2.4
}

.h1,
h1 {
    font-size: 42px;
    font-size: 2.625rem;
    line-height: 1.14286
}

.h2,
h2 {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.33333
}

.h3,
h3 {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.6
}

.h4,
h4 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1
}

.h5,
h5 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.2
}

.h6,
h6 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.33333
}

.alpha {
    font-size: 42px;
    font-size: 2.625rem
}

.beta {
    font-size: 36px;
    font-size: 2.25rem
}

.gamma {
    font-size: 30px;
    font-size: 1.875rem
}

.delta {
    font-size: 24px;
    font-size: 1.5rem
}

.epsilon {
    font-size: 20px;
    font-size: 1.25rem
}

.zeta {
    font-size: 18px;
    font-size: 1.125rem
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: lighter
}

.stroke {
    font-weight: 800;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #cccccc;
    text-stroke: #cccccc
}

.title {
    font-weight: lighter;
    line-height: 1.14286
}

.title.giga,
.title.mega {
    line-height: 1
}

.expertise__services,
.omega,
.standout>footer,
.surtitle {
    font-size: 12px;
    font-size: .75rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: .3em;
    text-transform: uppercase
}

.surtitle {
    margin-bottom: 2em
}

blockquote p:last-of-type,
li>ol,
li>ul {
    margin-bottom: 0
}

.subtitle {
    font-weight: 700
}

.standout--marked blockquote,
blockquote.standout--marked,
q {
    quotes: "“" "”"
}

.standout--marked blockquote p:before,
blockquote.standout--marked p:before,
q p:before {
    content: "“";
    content: open-quote
}

.standout--marked blockquote p:after,
blockquote.standout--marked p:after,
q p:after {
    content: "";
    content: no-close-quote
}

.standout--marked blockquote p:last-of-type:after,
blockquote.standout--marked p:last-of-type:after,
q p:last-of-type:after {
    content: "”";
    content: close-quote
}

.standout--marked blockquote q:before,
blockquote.standout--marked q:before,
q q:before {
    content: "\2018";
    content: open-quote
}

.standout--marked blockquote q:after,
blockquote.standout--marked q:after,
q q:after {
    content: "\2019";
    content: close-quote
}

.attribution,
.source,
blockquote+footer,
blockquote>footer {
    display: block
}

.attribution:before,
.source:before,
blockquote+footer:before,
blockquote>footer:before {
    content: "— "
}

blockquote {
    padding: .5em 1.25em;
    border-left: 2px solid rgba(16, 166, 249, .3);
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.2;
    font-family: Droid Serif, Georgia, Palatino, Baskerville, Times New Roman, serif;
    font-weight: 400
}

.strike--action,
img,
select[default] {
    font-style: italic
}

blockquote>footer {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 1.875em
}

.uniform-control,
input,
select,
textarea {
    outline: 0;
    display: block;
    width: 100%;
    padding: .75em 0;
    margin: 0;
    border: 0 solid #fff;
    border-bottom-width: 2px;
    border-radius: 0;
    color: inherit;
    font-size: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-transition: border-color .15s ease-in-out;
    transition: border-color .15s ease-in-out
}

input,
textarea {
    background-color: transparent;
    background-image: none
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #DDEDF2;
    font-style: italic
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #DDEDF2;
    font-style: italic
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #DDEDF2;
    font-style: italic
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #DDEDF2;
    font-style: italic
}

select[default] {
    color: #DDEDF2
}

.uniform-control+[data-alt],
input+[data-alt],
select+[data-alt],
textarea+[data-alt] {
    position: absolute;
    top: -.5em;
    -webkit-transition: top .7s ease, opacity .7s ease, color .2s ease;
    transition: top .7s ease, opacity .7s ease, color .2s ease;
    opacity: 0;
    color: #DDEDF2;
    font-size: .65em;
    font-family: Open Sans, Helmet, Freesans, Trebuchet MS, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.uniform-control+[data-alt]:before,
input+[data-alt]:before,
select+[data-alt]:before,
textarea+[data-alt]:before {
    content: attr(data-alt);
    display: block
}

.-active.uniform-control+[data-alt],
.-attached.uniform-control+[data-alt],
.-focus.uniform-control+[data-alt],
.uniform-control:focus+[data-alt],
.uniform-select.uniform-control:not(.default)+[data-alt],
input.-active+[data-alt],
input.-attached+[data-alt],
input.-focus+[data-alt],
input.uniform-select:not(.default)+[data-alt],
input:focus+[data-alt],
select.-active+[data-alt],
select.-attached+[data-alt],
select.-focus+[data-alt],
select.uniform-select:not(.default)+[data-alt],
select:focus+[data-alt],
textarea.-active+[data-alt],
textarea.-attached+[data-alt],
textarea.-focus+[data-alt],
textarea.uniform-select:not(.default)+[data-alt],
textarea:focus+[data-alt] {
    opacity: .6;
    top: -1em
}

textarea {
    height: auto;
    resize: none
}

textarea[rows=auto] {
    -webkit-transition: height .2s;
    transition: height .2s
}

img {
    max-width: 100%
}

img[height],
img[width] {
    max-width: none;
    margin-right: 10px;
}

.strike--action:after,
.strike-above:before,
.strike-below:after,
.surtitle:after {
    content: "";
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 160px;
    height: 2px
}

.nav>li,
.nav>li>a,
.site-header__menu>li,
.site-header__menu>li>a,
.site-header__shelf>li,
.site-header__shelf>li>a,
.strike--action {
    display: inline-block
}

.uniform-file>input,
.uniform-select>select {
    z-index: 1;
    top: 0;
    height: 100%;
    border: none;
    filter: alpha(opacity=0)
}

.strike-above.text--left:after,
.strike-above.text--left:before,
.strike-below.text--left:after,
.strike-below.text--left:before,
.text--left .strike--action:after,
.text--left .strike--action:before,
.text--left .strike-above:after,
.text--left .strike-above:before,
.text--left .strike-below:after,
.text--left .strike-below:before,
.text--left .surtitle:after,
.text--left .surtitle:before,
.text--left.strike--action:after,
.text--left.strike--action:before,
.text--left.surtitle:after,
.text--left.surtitle:before {
    margin-right: auto;
    margin-left: 0
}

.strike-above.text--right:after,
.strike-above.text--right:before,
.strike-below.text--right:after,
.strike-below.text--right:before,
.text--right .strike--action:after,
.text--right .strike--action:before,
.text--right .strike-above:after,
.text--right .strike-above:before,
.text--right .strike-below:after,
.text--right .strike-below:before,
.text--right .surtitle:after,
.text--right .surtitle:before,
.text--right.strike--action:after,
.text--right.strike--action:before,
.text--right.surtitle:after,
.text--right.surtitle:before {
    margin-right: 0;
    margin-left: auto
}

.strike-above.text--center:after,
.strike-above.text--center:before,
.strike-below.text--center:after,
.strike-below.text--center:before,
.text--center .strike--action:after,
.text--center .strike--action:before,
.text--center .strike-above:after,
.text--center .strike-above:before,
.text--center .strike-below:after,
.text--center .strike-below:before,
.text--center .surtitle:after,
.text--center .surtitle:before,
.text--center.strike--action:after,
.text--center.strike--action:before,
.text--center.surtitle:after,
.text--center.surtitle:before {
    margin-right: auto;
    margin-left: auto
}

.strike-above:before {
    margin-bottom: .75rem;
    background-color: currentColor
}

.has-no-currentcolor .fg--charcoal .strike-above:before,
.has-no-currentcolor .strike-above:before {
    background-color: #cccccc
}

.has-no-currentcolor .fg--white .strike-above:before {
    background-color: #fff
}

.strike-above.strike--small:before {
    max-width: 80px
}

.strike-above.strike--large:before {
    max-width: 200px
}

.strike--action:after,
.strike-below:after,
.surtitle:after {
    margin-top: .75rem;
    background-color: currentColor
}

.has-no-currentcolor .fg--charcoal .strike--action:after,
.has-no-currentcolor .fg--charcoal .strike-below:after,
.has-no-currentcolor .fg--charcoal .surtitle:after,
.has-no-currentcolor .strike--action:after,
.has-no-currentcolor .strike-below:after,
.has-no-currentcolor .surtitle:after {
    background-color: #cccccc
}

.has-no-currentcolor .fg--white .strike--action:after,
.has-no-currentcolor .fg--white .strike-below:after,
.has-no-currentcolor .fg--white .surtitle:after {
    background-color: #fff
}

.strike--small.strike--action:after,
.strike--small.surtitle:after,
.strike-below.strike--small:after {
    max-width: 80px
}

.strike--large.strike--action:after,
.strike--large.surtitle:after,
.strike-below.strike--large:after {
    max-width: 200px
}

.strike--action {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1
}

.strike--action:after {
    -webkit-transition: width .2s ease;
    transition: width .2s ease;
    width: 80px
}

a.strike--action:focus:after,
a.strike--action:hover:after,
a:focus .strike--action:after,
a:hover .strike--action:after {
    width: 160px
}

a.strike--action {
    color: inherit
}

.layout {
    list-style: none;
    margin: 0;
    padding: 0
}

.layout--gutter {
    margin-left: -24px
}

.layout--gutter>.layout__group,
.layout--gutter>.layout__item {
    padding-left: 24px
}

.layout--rev {
    direction: rtl;
    text-align: left
}

.layout--rev>.layout__group,
.layout--rev>.layout__item {
    direction: ltr;
    text-align: left
}

.bare-list,
.expertise__services,
.site-footer__elsewhere,
.steps {
    margin: 0;
    padding: 0;
    list-style: none
}

.layout__container {
    width: 100%;
    max-width: 2000px;
    margin-left: auto;
    margin-right: auto
}

.modal--simple .form-wrapper,
.modal-dialog .form-wrapper {
    max-width: 1100px
}

.layout__group,
.layout__item {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 0
}

.nav,
.site-header__menu,
.site-header__shelf {
    margin: 0;
    padding: 0;
    list-style: none
}

.nav--justify,
.site-header__shelf {
    display: table;
    width: 100%
}

.nav--justify>li,
.site-header__shelf>li {
    display: table-cell
}

.nav--justify>li>a,
.site-header__shelf>li>a {
    display: block
}

.uniform-control {
    cursor: pointer;
    position: relative;
    display: block;
    vertical-align: middle;
    text-align: left
}

.uniform-control>span {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    display: block;
    line-height: normal;
    text-overflow: ellipsis;
    white-space: nowrap
}

.uniform-file__button,
.uniform-select.default {
    color: #DDEDF2;
    font-style: italic
}

.uniform-select:after,
.uniform-select>span:after {
    color: currentColor;
    -webkit-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out
}

.uniform-select>span {
    padding-right: 2em
}

.uniform-select>span:after {
    content: "\e631";
    position: absolute;
    right: 0;
    font-family: Locomoticons;
    font-style: normal;
    color: currentColor
}

.uniform-select>select {
    opacity: 0;
    -moz-opacity: 0;
    position: absolute;
    left: 0;
    width: 100%;
    font-size: 16px;
    color: #cccccc
}

.uniform-file.-active:after,
.uniform-file.-active>span:after,
.uniform-file.-hover:after,
.uniform-file.-hover>span:after,
.uniform-file:focus:after,
.uniform-file:focus>span:after,
.uniform-file:hover:after,
.uniform-file:hover>span:after,
.uniform-select.-active:after,
.uniform-select.-active>span:after,
.uniform-select.-hover:after,
.uniform-select.-hover>span:after,
.uniform-select:focus:after,
.uniform-select:focus>span:after,
.uniform-select:hover:after,
.uniform-select:hover>span:after {
    color: currentColor
}

.select-range .uniform-select:after {
    content: "\e619";
    display: block;
    position: absolute;
    bottom: -.8em;
    left: 0;
    margin-left: -.45em;
    font-size: 100%;
    font-family: Locomoticons;
    font-style: normal;
    -webkit-transition: opacity .3s ease-in-out, left .5s ease-in-out;
    transition: opacity .3s ease-in-out, left .5s ease-in-out
}

.select-range .uniform-select [max="0"]:after,
.select-range .uniform-select [step="0"]:after,
.select-range .uniform-select.default:after {
    opacity: 0
}

.select-range .uniform-select[max="2"][step="1"]:after {
    left: 50%
}

.select-range .uniform-select[max="2"][step="2"]:after {
    left: 100%
}

.select-range .uniform-select[max="3"][step="1"]:after {
    left: 33.333%
}

.select-range .uniform-select[max="3"][step="2"]:after {
    left: 66.666%
}

.select-range .uniform-select[max="3"][step="3"]:after {
    left: 100%
}

.select-range .uniform-select[max="4"][step="1"]:after {
    left: 25%
}

.select-range .uniform-select[max="4"][step="2"]:after {
    left: 50%
}

.select-range .uniform-select[max="4"][step="3"]:after {
    left: 75%
}

.select-range .uniform-select[max="4"][step="4"]:after {
    left: 100%
}

.select-range .uniform-select[max="5"][step="1"]:after {
    left: 20%
}

.select-range .uniform-select[max="5"][step="2"]:after {
    left: 40%
}

.select-range .uniform-select[max="5"][step="3"]:after {
    left: 60%
}

.select-range .uniform-select[max="5"][step="4"]:after {
    left: 90%
}

.select-range .uniform-select[max="5"][step="5"]:after {
    left: 100%
}

.select-range .uniform-select[max="6"][step="1"]:after {
    left: 16.666%
}

.select-range .uniform-select[max="6"][step="2"]:after {
    left: 33.333%
}

.select-range .uniform-select[max="6"][step="3"]:after {
    left: 50%
}

.select-range .uniform-select[max="6"][step="4"]:after {
    left: 66.666%
}

.select-range .uniform-select[max="6"][step="5"]:after {
    left: 83.333%
}

.select-range .uniform-select[max="6"][step="6"]:after {
    left: 100%
}

.select-range .uniform-select[max="7"][step="1"]:after {
    left: 14.285%
}

.select-range .uniform-select[max="7"][step="2"]:after {
    left: 28.571%
}

.select-range .uniform-select[max="7"][step="3"]:after {
    left: 42.857%
}

.select-range .uniform-select[max="7"][step="4"]:after {
    left: 57.142%
}

.select-range .uniform-select[max="7"][step="5"]:after {
    left: 71.428%
}

.select-range .uniform-select[max="7"][step="6"]:after {
    left: 85.714%
}

.select-range .uniform-select[max="7"][step="7"]:after {
    left: 100%
}

.select-range .uniform-select[max="8"][step="1"]:after {
    left: 12.5%
}

.select-range .uniform-select[max="8"][step="2"]:after {
    left: 25%
}

.select-range .uniform-select[max="8"][step="3"]:after {
    left: 37.5%
}

.select-range .uniform-select[max="8"][step="4"]:after {
    left: 50%
}

.select-range .uniform-select[max="8"][step="5"]:after {
    left: 62.5%
}

.select-range .uniform-select[max="8"][step="6"]:after {
    left: 75%
}

.select-range .uniform-select[max="8"][step="7"]:after {
    left: 87.5%
}

.select-range .uniform-select[max="8"][step="8"]:after {
    left: 100%
}

.select-range .uniform-select[max="9"][step="1"]:after {
    left: 11.111%
}

.select-range .uniform-select[max="9"][step="2"]:after {
    left: 22.222%
}

.select-range .uniform-select[max="9"][step="3"]:after {
    left: 33.333%
}

.select-range .uniform-select[max="9"][step="4"]:after {
    left: 44.444%
}

.select-range .uniform-select[max="9"][step="5"]:after {
    left: 55.555%
}

.select-range .uniform-select[max="9"][step="6"]:after {
    left: 66.666%
}

.select-range .uniform-select[max="9"][step="7"]:after {
    left: 77.777%
}

.select-range .uniform-select[max="9"][step="8"]:after {
    left: 88.888%
}

.select-range .uniform-select[max="9"][step="9"]:after {
    left: 100%
}

.select-range .uniform-select[max="10"][step="1"]:after {
    left: 10%
}

.select-range .uniform-select[max="10"][step="2"]:after {
    left: 20%
}

.select-range .uniform-select[max="10"][step="3"]:after {
    left: 30%
}

.select-range .uniform-select[max="10"][step="4"]:after {
    left: 40%
}

.select-range .uniform-select[max="10"][step="5"]:after {
    left: 50%
}

.select-range .uniform-select[max="10"][step="6"]:after {
    left: 60%
}

.select-range .uniform-select[max="10"][step="7"]:after {
    left: 70%
}

.select-range .uniform-select[max="10"][step="8"]:after {
    left: 80%
}

.select-range .uniform-select[max="10"][step="9"]:after {
    left: 90%
}

.select-range .uniform-select[max="10"][step="10"]:after {
    left: 100%
}

.uniform-file>span:after {
    content: "\e610";
    position: absolute;
    right: 0;
    font-family: Locomoticons;
    font-style: normal;
    color: currentColor
}

.box-info__title,
.form__description {
    font-family: Open Sans, Helmet, Freesans, Trebuchet MS, sans-serif
}

.uniform-file>input {
    opacity: 0;
    -moz-opacity: 0;
    position: absolute;
    right: 0;
    width: 100%;
    background: 0 0;
    font-size: 16px
}

.uniform-file .uniform-file__name {
    display: none
}

.uniform-file .uniform-file__button,
.uniform-file.-attached .uniform-file__name {
    display: block
}

.uniform-file.-attached .uniform-file__button {
    display: none
}

@media all and (min-width:47.4375em) {
    .modal-dialog .form-wrapper {
        width: 80%
    }
    .modal--simple .form-wrapper {
        width: 80%;
        margin: 0 auto
    }
}

.form-contact {
    position: relative;
    font-size: 1.25em;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s, visibility .3s, -webkit-transform 1.3s;
    transition: opacity .3s, visibility .3s, transform 1.3s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.form-confirm,
.form-wrapper.form--success .form-contact {
    visibility: hidden;
    -webkit-transition: opacity .3s, visibility .3s, -webkit-transform 1.3s
}

.form-contact a,
.form-contact button {
    color: inherit
}

.form-contact a:focus,
.form-contact a:hover,
.form-contact button:focus,
.form-contact button:hover {
    color: #1BCE7C
}

.form-contact a:active,
.form-contact button:active {
    color: #19c074
}

.form-contact .mb\+\+ {
    margin-bottom: 60px!important
}

@media all and (max-width:44.9375em) {
    .form-contact .mb\+\+ {
        margin-bottom: 40px!important
    }
}

.form__header .title,
.slat__body,
.slat__body>:last-child {
    margin-bottom: 0
}

@media all and (max-width:47.4375em) {
    .form-contact [class~="1/2"],
    .form-contact [class~="2/4"],
    .form-contact [class~="4/8"] {
        width: 100%!important
    }
}

.form-confirm {
    transition: opacity .3s, visibility .3s, transform 1.3s;
    position: absolute;
    width: 100%;
    left: 0;
    opacity: 0;
    -webkit-transform: translateY(1.2em);
    -ms-transform: translateY(1.2em);
    transform: translateY(1.2em)
}

@media all and (max-width:37.5em) {
    .form-confirm .title {
        padding-left: 1em;
        padding-right: 1em
    }
}

@media all and (max-width:43.75em) {
    .form-confirm .title {
        font-size: 36px
    }
}

@media all and (min-width:43.8125em) and (max-width:56.25em) {
    .form-confirm .title {
        font-size: 42px
    }
}

@media all and (min-width:56.3125em) and (max-width:75em) {
    .form-confirm .title {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media all and (min-width:37.5625em) and (max-width:56.25em) {
    .form-confirm .title {
        padding-left: 24px;
        padding-right: 24px
    }
}

.form-group,
.form__header {
    position: relative
}

.form__header .btn--circle {
    position: absolute;
    right: 0;
    display: block;
    width: 2.5em;
    height: 2.5em
}

.field--error .uniform-control+[data-alt]:before,
.field--error input+[data-alt]:before,
.field--error textarea+[data-alt]:before,
.modal--simple .form__header .btn--circle {
    display: none
}

.form__header .btn--circle b {
    margin-top: -.1em;
    margin-left: -.05em;
    font-size: 2em;
    line-height: 1
}

@media all and (max-width:18.6875em) {
    .form__header .btn--circle {
        right: -1em
    }
}

@media all and (min-width:18.75em) and (max-width:31.1875em) {
    .form__header .btn--circle {
        right: -1.5em
    }
}

@media all and (max-width:31.1875em) {
    .form__header .surtitle {
        font-size: 10px;
        font-size: .625rem;
        letter-spacing: .3em
    }
    .form__header .title {
        font-size: 30px;
        font-size: 1.875rem
    }
    .form__header .btn--circle {
        top: -1.5em
    }
}

@media all and (min-width:31.25em) {
    .form__header .title {
        margin-right: 1.5em
    }
    .form__header .btn--circle {
        right: 0
    }
}

@media all and (min-width:31.25em) and (max-width:37.4375em) {
    .form__header .title {
        font-size: 36px;
        font-size: 2.25rem
    }
    .form__header .btn--circle {
        bottom: -.3em
    }
}

@media all and (min-width:37.5em) and (max-width:54.9375em) {
    .form__header .title {
        font-size: 42px;
        font-size: 2.625rem
    }
    .form__header .btn--circle {
        bottom: -.1em
    }
}

@media all and (min-width:55em) {
    .form__header .btn--circle {
        bottom: .3em
    }
}

.form__description {
    font-size: 20px;
    font-weight: 300;
    margin-top: 60px
}

.field--error .uniform-control+[data-alt],
.field--error input+[data-alt],
.field--error textarea+[data-alt] {
    opacity: 1;
    top: -1em;
    color: #F66
}

.form-wrapper.form--success .form-contact {
    opacity: 0;
    -webkit-transform: translateY(-2em);
    -ms-transform: translateY(-2em);
    transform: translateY(-2em);
    transition: opacity .3s, visibility .3s, transform 1.3s
}

.form-wrapper.form--success .form-confirm {
    -webkit-transition: opacity .3s, visibility .3s, -webkit-transform 1.3s;
    transition: opacity .3s, visibility .3s, transform 1.3s;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.slat {
    display: block
}

.slat>.slat__body,
.slat__img,
.slat__img--rev,
.slat__outer {
    overflow: hidden;
    width: 50%
}

.slat__img {
    float: left
}

.case-study-section__menu-desktop,
.slat__img--rev {
    float: right
}

[class*=slat__img] img {
    display: block;
    max-width: none;
    width: 100%
}

.slat__body {
    position: relative
}

.slat__title {
    margin-bottom: .6667em
}

.slat__client,
.slat__subtitle {
    margin-bottom: 1.5em
}

.slat__action {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    margin: 2.5em 0 0
}

.p>.slat__action,
.ph>.slat__action,
.pv>.slat__action {
    bottom: 24px;
    left: 24px
}

.p\+>.slat__action,
.ph\+>.slat__action,
.pv\+>.slat__action {
    bottom: 48px;
    left: 48px
}

.p\+\+>.slat__action,
.ph\+\+>.slat__action,
.pv\+\+>.slat__action {
    bottom: 96px;
    left: 96px
}

@media all and (min-width:23.125em) and (max-width:31.1875em) {
    [class~="1-whole"] .slat__title {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media all and (min-width:31.25em) and (max-width:38.6875em) {
    .slat__title {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media all and (max-width:38.6875em) {
    .slat__title {
        font-weight: 400
    }
}

@media all and (max-width:31.1875em) {
    [class~="1/2"] .slat__title,
    [class~="2/4"] .slat__title,
    [class~="4/8"] .slat__title,
    [class~="1/4"] .slat__title,
    [class~="2/8"] .slat__title {
        font-size: 18px;
        font-size: 1.125rem
    }
    .slat__surtitle,
    .slat__type {
        font-size: 10px;
        font-size: .625rem;
        letter-spacing: .3em;
        margin-bottom: 1em
    }
    .slat__action,
    .slat__client,
    .slat__subtitle {
        font-size: 12px;
        font-size: .75rem
    }
    [class~="1-whole"] [class*=sq-].slat__outer {
        height: auto;
        padding-bottom: 0!important
    }
    [class~="1-whole"] [class*=sq-].slat__outer .slat__action,
    [class~="1-whole"] [class*=sq-].slat__outer>* {
        position: static
    }
}

.box-info__body>:last-child,
.box-info__inner>:last-child {
    margin-bottom: 0
}

.box-info,
.box-info__img {
    position: relative
}

@media all and (min-width:31.25em) and (max-width:59.9375em) {
    [class~="1-whole"] [class*=sq-].slat__outer {
        padding-bottom: 60%!important
    }
}

.box-info {
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
    user-select: none;
    display: block;
    color: #fff;
    background-color: #cccccc
}

.box-info__body .strike--action:after,
.has-no-currentcolor .box-info__heading.strike-below:after {
    background-color: #fff
}

.box-info a,
.box-info a:visited {
    color: #FFF
}

.box-info a:focus,
.box-info a:hover {
    color: #1BCE7C
}

.box-info a:active {
    color: #19c074
}

a.box-info,
a.box-info:visited {
    color: #FFF
}

a.box-info:focus,
a.box-info:hover {
    color: #1BCE7C
}

a.box-info:active {
    color: #19c074
}

.box-info__img .img--active {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    opacity: 0
}

.box-info__img img {
    display: block;
    min-height: 100%;
    min-width: 100%
}

.box-info__body {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: background-color .2s .2s ease;
    transition: background-color .2s .2s ease;
    overflow: hidden;
    padding: 0 6%
}

.box-info__body .strike--action {
    display: none
}

.box-info__inner {
    position: absolute;
    right: 6%;
    bottom: 6%;
    left: 6%
}

.box-info__heading {
    max-width: 100%;
    margin-bottom: 1.5em
}

.box-info__heading.strike-below:after {
    margin-top: 1.5em
}

.has-no-touch.has-csstransforms .box-info__body:first-child,
.has-touch .box-info__body {
    background: rgba(14, 29, 35, .7)
}

.box-info__title {
    font-size: 30px;
    font-size: 1.875rem;
    margin-bottom: .25em;
    font-weight: lighter;
    font-style: normal;
    line-height: 1.2
}

.box-info__subtitle {
    margin-bottom: 0;
    font-family: Droid Serif, Georgia, Palatino, Baskerville, Times New Roman, serif;
    font-weight: 400;
    font-style: italic;
    margin-top: 24px
}

.btn,
.glyph,
.menu-toggle {
    font-style: normal;
    font-weight: 400;
    vertical-align: middle;
    text-align: center
}

.box-info__more {
    font-size: 1.5em;
    line-height: 1
}

.box-info__more .glyph {
    width: 1.5em;
    height: 1.5em
}

.box-info__more .glyph:before {
    padding: .25em
}

.has-no-touch.has-csstransforms a.box-info.box-info__has-image,
.has-no-touch.has-csstransforms a.box-info.box-info__has-image:focus,
.has-no-touch.has-csstransforms a.box-info.box-info__has-image:hover,
.has-no-touch.has-csstransforms a.box-info.box-info__has-image:visited {
    color: #FFF
}

.has-no-touch.has-csstransforms a.box-info.box-info__has-image:active {
    color: #1BCE7C
}

.has-no-touch.has-csstransforms .box-info__has-image .box-info__heading.strike-below:after,
.has-no-touch.has-csstransforms .box-info__has-image .box-info__more,
.has-no-touch.has-csstransforms .box-info__has-image .box-info__subtitle,
.has-no-touch.has-csstransforms .box-info__has-image .box-info__title {
    opacity: 0;
    -webkit-transition: -webkit-transform .1s ease-in, opacity .15s ease-in;
    transition: transform .1s ease-in, opacity .15s ease-in;
    -webkit-transform: translateY(1em);
    -ms-transform: translateY(1em);
    transform: translateY(1em)
}

.has-no-touch.has-csstransforms .box-info__has-image.box-info--active .box-info__img .img--active,
.has-no-touch.has-csstransforms .box-info__has-image:focus .box-info__img .img--active,
.has-no-touch.has-csstransforms .box-info__has-image:hover .box-info__img .img--active {
    opacity: 1
}

.has-no-touch.has-csstransforms .box-info__has-image.box-info--active .box-info__body,
.has-no-touch.has-csstransforms .box-info__has-image:focus .box-info__body,
.has-no-touch.has-csstransforms .box-info__has-image:hover .box-info__body {
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
    background-color: rgba(14, 29, 35, .7)
}

.has-no-touch.has-csstransforms .box-info__has-image.box-info--active .box-info__heading.strike-below:after,
.has-no-touch.has-csstransforms .box-info__has-image.box-info--active .box-info__more,
.has-no-touch.has-csstransforms .box-info__has-image.box-info--active .box-info__subtitle,
.has-no-touch.has-csstransforms .box-info__has-image.box-info--active .box-info__title,
.has-no-touch.has-csstransforms .box-info__has-image:focus .box-info__heading.strike-below:after,
.has-no-touch.has-csstransforms .box-info__has-image:focus .box-info__more,
.has-no-touch.has-csstransforms .box-info__has-image:focus .box-info__subtitle,
.has-no-touch.has-csstransforms .box-info__has-image:focus .box-info__title,
.has-no-touch.has-csstransforms .box-info__has-image:hover .box-info__heading.strike-below:after,
.has-no-touch.has-csstransforms .box-info__has-image:hover .box-info__more,
.has-no-touch.has-csstransforms .box-info__has-image:hover .box-info__subtitle,
.has-no-touch.has-csstransforms .box-info__has-image:hover .box-info__title {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.has-no-touch.has-csstransforms .box-info__has-image.box-info--active .box-info__title,
.has-no-touch.has-csstransforms .box-info__has-image:focus .box-info__title,
.has-no-touch.has-csstransforms .box-info__has-image:hover .box-info__title {
    -webkit-transition: -webkit-transform .1s .2s ease-out, opacity .15s .2s ease-in;
    transition: transform .1s .2s ease-out, opacity .15s .2s ease-in
}

.has-no-touch.has-csstransforms .box-info__has-image.box-info--active .box-info__heading.strike-below:after,
.has-no-touch.has-csstransforms .box-info__has-image.box-info--active .box-info__subtitle,
.has-no-touch.has-csstransforms .box-info__has-image:focus .box-info__heading.strike-below:after,
.has-no-touch.has-csstransforms .box-info__has-image:focus .box-info__subtitle,
.has-no-touch.has-csstransforms .box-info__has-image:hover .box-info__heading.strike-below:after,
.has-no-touch.has-csstransforms .box-info__has-image:hover .box-info__subtitle {
    -webkit-transition: -webkit-transform .15s .2s ease-out, opacity .2s .2s ease-in;
    transition: transform .15s .2s ease-out, opacity .2s .2s ease-in
}

.has-no-touch.has-csstransforms .box-info__has-image.box-info--active .box-info__more,
.has-no-touch.has-csstransforms .box-info__has-image:focus .box-info__more,
.has-no-touch.has-csstransforms .box-info__has-image:hover .box-info__more {
    -webkit-transition: -webkit-transform .2s .2s ease-out, opacity .25s .2s ease-in;
    transition: transform .2s .2s ease-out, opacity .25s .2s ease-in
}

.has-touch a.box-info.box-info__has-image {
    color: #fff
}

.has-touch .box-info__body {
    cursor: pointer;
    -webkit-transition: top .2s .2s ease-in;
    transition: top .2s .2s ease-in;
    top: 70%
}

.has-touch .box-info__body .strike--action {
    position: absolute;
    right: 0;
    bottom: 10%;
    left: 0;
    display: block
}

.has-touch .box-info__has-more .box-info__body:after {
    position: absolute;
    top: 20%;
    right: 0;
    left: 0;
    -webkit-transition: top .1s .1s ease-in;
    transition: top .1s .1s ease-in;
    content: "\e612";
    display: block;
    font-size: 100%;
    font-family: Locomoticons;
    letter-spacing: 0
}

.glyph,
.icon-bars {
    position: relative
}

@media all and (min-width:25.9375em) and (max-width:68.75em) {
    .has-touch .box-info__has-more .box-info__body:after {
        top: 15%
    }
}

.has-touch .box-info__has-image .box-info__inner .box-info__subtitle {
    margin-bottom: .5em
}

.has-touch .box-info__has-image .box-info__heading.strike-below:after,
.has-touch .box-info__has-image .box-info__more,
.has-touch .box-info__has-image .box-info__title,
.has-touch .box-info__has-image .strike--action {
    opacity: 0
}

.has-touch .box-info__has-image.box-info--active .box-info__heading.strike-below:after,
.has-touch .box-info__has-image.box-info--active .box-info__img .img--active,
.has-touch .box-info__has-image.box-info--active .box-info__more,
.has-touch .box-info__has-image.box-info--active .box-info__title,
.has-touch .box-info__has-image.box-info--active .strike--action {
    opacity: 1
}

.has-touch .box-info__has-image .box-info__heading {
    -webkit-transition: margin-bottom .1s .1s ease-in;
    transition: margin-bottom .1s .1s ease-in;
    margin-bottom: 0
}

.has-touch .box-info__has-image .box-info__heading.strike-below:after {
    -webkit-transition: margin-top .1s .1s ease-in, opacity .1s .1s ease-in;
    transition: margin-top .1s .1s ease-in, opacity .1s .1s ease-in;
    margin-top: 0
}

.has-touch .box-info__has-image .box-info__title {
    -webkit-transition: max-height .1s .1s ease-in, opacity .1s .1s ease-in;
    transition: max-height .1s .1s ease-in, opacity .1s .1s ease-in;
    max-height: 0;
    overflow: hidden
}

.has-touch .box-info__has-image .box-info__subtitle {
    max-width: 100%;
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: margin .1s .1s ease-in;
    transition: margin .1s .1s ease-in
}

.has-touch .box-info__has-image .strike--action {
    -webkit-transition: -webkit-transform .1s .1s ease-in, opacity .1s .1s ease-in;
    transition: transform .1s .1s ease-in, opacity .1s .1s ease-in;
    -webkit-transform: translateY(150%);
    -ms-transform: translateY(150%);
    transform: translateY(150%)
}

.has-touch .box-info__has-image .box-info__more {
    -webkit-transition: max-height .1s .1s ease-in, -webkit-transform .1s .1s ease-in, opacity .1s .1s ease-in;
    transition: max-height .1s .1s ease-in, transform .1s .1s ease-in, opacity .1s .1s ease-in;
    -webkit-transform: translateY(1em);
    -ms-transform: translateY(1em);
    transform: translateY(1em);
    max-height: 0;
    overflow: hidden
}

.has-touch .box-info__has-image {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.has-touch .box-info__has-image.box-info--active.box-info__has-more .box-info__body:after {
    -webkit-transition: top .15s .1s ease-out;
    transition: top .15s .1s ease-out;
    top: 10%;
    content: "\e631"
}

.has-touch .box-info__has-image.box-info--active .box-info__inner .box-info__subtitle {
    margin-bottom: 0
}

.has-touch .box-info__has-image.box-info--active .box-info__body {
    cursor: default;
    -webkit-transition: top .2s ease;
    transition: top .2s ease;
    top: 0
}

.has-touch .box-info__has-image.box-info--active .box-info__heading {
    -webkit-transition: margin-bottom .15s .1s ease-out;
    transition: margin-bottom .15s .1s ease-out;
    margin-bottom: 1.5em
}

.has-touch .box-info__has-image.box-info--active .box-info__heading.strike-below:after {
    -webkit-transition: margin-top .15s .1s ease-out, opacity .2s .1s ease-in;
    transition: margin-top .15s .1s ease-out, opacity .2s .1s ease-in;
    margin-top: 1.5em
}

.has-touch .box-info__has-image.box-info--active .box-info__title {
    -webkit-transition: max-height .15s .1s ease-in, opacity .15s .1s ease-in;
    transition: max-height .15s .1s ease-in, opacity .15s .1s ease-in;
    max-height: 150px
}

.has-touch .box-info__has-image.box-info--active .box-info__subtitle {
    -webkit-transition: margin .15s .1s ease-out;
    transition: margin .15s .1s ease-out;
    white-space: normal
}

@media all and (min-width:25.9375em) and (max-width:68.75em) {
    .has-touch .box-info__has-image.box-info--active .box-info__heading {
        margin-bottom: .75em
    }
    .has-touch .box-info__has-image.box-info--active .box-info__heading.strike-below:after {
        margin-top: .75em
    }
    .has-touch .box-info__has-image.box-info--active .box-info__subtitle {
        margin-top: 12px
    }
}

.has-touch .box-info__has-image.box-info--active .strike--action {
    -webkit-transition: -webkit-transform .2s .1s ease-out, opacity .25s .1s ease-in;
    transition: transform .2s .1s ease-out, opacity .25s .1s ease-in;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.has-touch .box-info__has-image.box-info--active .box-info__more {
    -webkit-transition: max-height .25s .1s ease-in, -webkit-transform .2s .1s ease-out, opacity .25s .1s ease-in;
    transition: max-height .25s .1s ease-in, transform .2s .1s ease-out, opacity .25s .1s ease-in;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    max-height: 72px
}

.has-no-touch.has-no-csstransforms .box-info__body {
    top: 70%;
    background: rgba(14, 29, 35, .7)
}

.has-no-touch.has-no-csstransforms .box-info__img .img--active {
    display: none
}

.glyph {
    display: inline-block;
    line-height: 1;
    zoom: 1;
    font-size: inherit;
    width: 1em;
    height: 1em
}

.glyph:before {
    display: block;
    content: attr(data-icon);
    font-size: 100%;
    font-family: Locomoticons
}

.glyph--tiny {
    font-size: 16px
}

.glyph--small {
    font-size: 24px
}

.glyph--large {
    font-size: 64px
}

.glyph--huge {
    font-size: 96px
}

.g--close:before {
    content: "\e613"
}

.g--arrow-right:before {
    content: "\e630"
}

.g--arrow-left:before {
    content: "\e62f"
}

.g--arrow-down:before {
    content: "\e631"
}

.g--arrow-up:before {
    content: "\e612"
}

.g--jsfiddle:before {
    content: "\e61b"
}

.g--codepen:before {
    content: "\e61c"
}

.g--youtube:before {
    content: "\e60f"
}

.g--paperclip:before {
    content: "\e610"
}

.g--calendar:before {
    content: "\f073"
}

.g--instagram:before {
    content: "\f16d"
}

.g--bitbucket:before {
    content: "\f171"
}

.g--stack-exchange:before {
    content: "\f18d"
}

.g--pause:before {
    content: "\e60a"
}

.g--play:before {
    content: "\e611"
}

.g--play.g--round:before {
    position: relative;
    left: 3%
}

.g--tick-checked:before {
    content: "\e616"
}

.g--tick-unchecked:before {
    content: "\e617"
}

.g--tick-partial:before {
    content: "\e618"
}

.g--radio-checked:before {
    content: "\e619"
}

.g--radio-unchecked:before {
    content: "\e61a"
}

.g--export:before {
    content: "\e60d"
}

.g--earth:before,
.g--globe:before,
.g--url:before,
.g--web:before {
    content: "\e60b"
}

.g--rss:before {
    content: "\e609"
}

.g--cross:before {
    content: "\e61e"
}

.g--info:before {
    content: "\e61d"
}

.g--cc:before {
    content: "\e61f"
}

.g--cc-by:before {
    content: "\e620"
}

.g--cc-nc:before {
    content: "\e621"
}

.g--cc-nc-eu:before {
    content: "\e622"
}

.g--cc-nc-jp:before {
    content: "\e623"
}

.g--cc-sa:before {
    content: "\e624"
}

.g--cc-nd:before {
    content: "\e625"
}

.g--cc-pd:before {
    content: "\e626"
}

.g--cc-zero:before {
    content: "\e627"
}

.g--cc-share:before {
    content: "\e628"
}

.g--cc-share2:before {
    content: "\e629"
}

.g--github:before {
    content: "\e604"
}

.g--flickr:before {
    content: "\e607"
}

.g--vimeo:before {
    content: "\e614"
}

.g--twitter:before {
    content: "\e601"
}

.g--facebook:before {
    content: "\e602"
}

.g--googleplus:before {
    content: "\e605"
}

.g--pinterest:before {
    content: "\e615"
}

.g--tumblr:before {
    content: "\e62a"
}

.g--linkedin:before {
    content: "\e603"
}

.g--dribbble:before {
    content: "\e606"
}

.g--lastfm:before {
    content: "\e62b"
}

.g--dropbox:before {
    content: "\e62c"
}

.g--evernote:before {
    content: "\e62d"
}

.g--skype:before {
    content: "\e608"
}

.g--soundcloud:before {
    content: "\e62e"
}

.icon,
.icon--vector * {
    fill: currentColor;
    stroke: currentColor
}

.has-no-currentcolor .icon,
.has-no-currentcolor .icon--vector * {
    fill: #cccccc;
    stroke: #cccccc
}

.icon-property-fill,
.icon-property-text {
    stroke: none!important
}

.icon-property-stroke {
    fill: none!important
}

.icon--round {
    display: inline-block;
    padding: .5em 0;
    width: 2em;
    height: 2em;
    border-radius: 200px
}

.has-currentcolor .icon--round {
    border: 1px solid currentColor
}

.has-no-currentcolor .icon--round {
    border-width: 1px;
    border-style: solid
}

.has-no-currentcolor .fg--charcoal .icon--round,
.has-no-currentcolor .icon--round {
    border-color: #cccccc
}

.has-no-currentcolor .fg--emerald .icon--round {
    border-color: #1BCE7C
}

.has-no-currentcolor .fg--white .icon--round {
    border-color: #fff
}

.icon--round[class~="--large"],
.icon--round[class~="--huge"] {
    border-width: 2px
}

.icon--round>img {
    vertical-align: middle
}

.icon-bars {
    color: inherit
}

.icon-bars,
.icon-bars:after,
.icon-bars:before {
    display: block;
    width: 32px;
    width: 2rem;
    height: .14285714285714285em;
    background-color: currentColor
}

.has-no-currentcolor .icon-bars,
.has-no-currentcolor .icon-bars:after,
.has-no-currentcolor .icon-bars:before {
    background-color: #cccccc
}

.btn,
.menu-toggle,
button {
    background-color: transparent
}

.icon-bars:after,
.icon-bars:before {
    content: "";
    position: absolute;
    left: 0
}

.icon-bars:before {
    top: .5em
}

.icon-bars:after {
    top: -.5em
}

.btn,
.menu-toggle {
    cursor: pointer;
    overflow: visible;
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: inherit;
    font-family: Open Sans, Helmet, Freesans, Trebuchet MS, sans-serif;
    outline: 0
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: none
}

.btn {
    -webkit-transition: color .2s ease, border-color .2s ease, background-color .2s ease;
    transition: color .2s ease, border-color .2s ease, background-color .2s ease;
    padding: 11px 23px
}

.has-currentcolor .btn {
    border: 1px solid currentColor
}

.has-no-currentcolor .btn {
    border-width: 1px;
    border-style: solid
}

.has-no-currentcolor .btn,
.has-no-currentcolor .fg--charcoal .btn {
    border-color: #cccccc
}

.has-no-currentcolor .fg--emerald .btn {
    border-color: #1BCE7C
}

.has-no-currentcolor .fg--white .btn {
    border-color: #fff
}

.btn:active,
.btn:focus,
.btn:hover {
    color: currentColor;
    background-color: transparent
}

a>.btn {
    -webkit-transition: none;
    transition: none
}

.btn--small {
    padding-right: .5em;
    padding-left: .5em;
    line-height: 2
}

.btn--large {
    padding-right: 1.5em;
    padding-left: 1.5em;
    line-height: 4
}

.btn--huge {
    padding-right: 2em;
    padding-left: 2em;
    line-height: 5
}

.btn--full {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    text-align: center
}

unquote('.btn.-alpha') {
    font-size: 3rem
}

unquote('.btn.-beta') {
    font-size: 2rem
}

unquote('.btn.-gamma') {
    font-size: 1rem
}

unquote('.btn.-natural') {
    vertical-align: baseline;
    font-size: inherit;
    line-height: inherit;
    padding-right: .5em;
    padding-left: .5em
}

.btn--circle {
    user-select: none;
    width: 6em;
    height: 6em;
    padding: .25em;
    border-radius: 200px
}

.site-header,
a[class*=bg--] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.has-currentcolor .btn--circle,
.has-no-currentcolor .btn--circle {
    border-width: 2px
}

.btn--circle>* {
    font-size: 12px;
    font-size: .75rem;
    font-weight: inherit;
    line-height: 1.5;
    text-align: center
}

.btn--circle.btn--tiny {
    width: 4em;
    height: 4em
}

.btn--circle.btn--small {
    width: 5em;
    height: 5em
}

.btn--circle.btn--large {
    width: 8em;
    height: 8em
}

.btn--circle.btn--huge {
    width: 10em;
    height: 10em
}

.box--alt,
.box__body {
    font-size: 24px
}

@media all and (max-width:78.125em) {
    .box--alt,
    .box__body {
        font-size: 18px
    }
}

@media all and (min-width:78.1875em) and (max-width:87.5em) {
    .box--alt,
    .box__body {
        font-size: 20px
    }
}

.box--alt:last-child,
.box__body:last-child {
    margin-bottom: 0
}

.follow-height__container {
    position: relative;
    overflow: hidden
}

.follow-height,
.follow-height--rev {
    position: absolute;
    top: 0;
    bottom: 0
}

.follow-height {
    right: 0
}

.follow-height--rev {
    left: 0
}

.follow-height__image {
    display: block;
    height: 100%;
    max-width: none
}

.standout {
    margin: 0
}

.standout.text--center>blockquote {
    max-width: 1200px;
    width: 75%;
    margin-left: auto;
    margin-right: auto
}

.standout>blockquote {
    font-size: 42px;
    font-size: 2.625rem;
    margin: 0 0 1.5em;
    padding: 0;
    border: none;
    font-style: italic;
    font-weight: 400;
    line-height: 1.3333
}

.standout>footer:before {
    content: none
}

.standout>footer cite {
    font-style: inherit
}

.standout--sans blockquote,
blockquote.standout--sans {
    font-size: 48px;
    font-size: 3rem;
    font-family: Open Sans, Helmet, Freesans, Trebuchet MS, sans-serif;
    font-style: normal;
    font-weight: lighter
}

iframe[src="about:blank"] {
    display: none!important
}

.recaptcha-home {
    border-width: 2px 3px 2px 2px;
    border-style: solid;
    border-color: transparent;
    margin: 0 auto 30px;
    width: 323px
}

.recaptcha-home.error {
    border-color: #F66
}

.recpatcha-wrap {
    display: none
}

.recpatcha-wrap.visible {
    display: block
}

.recaptchatable {
    background-color: #FFF
}

.recaptchatable a,
.recaptchatable a:hover {
    color: #cccccc
}

@media (max-width:767px) {
    .kilo,
    .standout>blockquote {
        font-size: 2rem
    }
}

.case-study-section {
    position: relative
}

.case-study-section .standout.text--center>blockquote {
    width: 100%
}

.case-study-section__container {
    padding-left: 30px;
    padding-right: 30px
}

.case-study-section__content {
    max-width: 935px;
    margin: 0 auto;
    padding: 200px 30px 100px
}

@media (min-width:768px) {
    .case-study-section__content {
        padding-top: 400px;
        padding-bottom: 200px
    }
}

.case-study-section__description {
    text-align: left;
    font-family: Georgia;
    font-size: 20px;
    margin-top: 50px;
    line-height: 1.7;
    padding-bottom: 100px
}

@media (min-width:768px) {
    .case-study-section__description {
        font-size: 22px;
        margin-top: 70px
    }
}

.case-study-banner {
    position: relative;
    background-size: cover;
    z-index: 3
}

.case-study-banner .jumbo__action {
    margin-top: 20px
}

.case-study-banner .jumbo__action:hover {
    color: #1BCE7C
}

.case-study-banner__img {
    margin-bottom: -310px;
    position: relative;
    z-index: 1
}

.case-study-section--recherche .case-study-section__content {
    max-width: 780px
}

.case-study-section--agnostic {
    background-size: cover;
    color: #FFF
}

.case-study-section--agnostic .case-study-section__content {
    padding-top: 150px;
    padding-bottom: 25px;
    max-width: 780px
}

.case-study-section__devices {
    position: relative;
    z-index: 2;
    margin-bottom: -90px
}

@media (min-width:768px) {
    .case-study-section--agnostic .case-study-section__content {
        padding-top: 250px;
        padding-bottom: 80px
    }
    .case-study-section__devices {
        margin-bottom: -190px
    }
}

.case-study-section--ux {
    position: relative;
    z-index: 1;
    padding-bottom: 200px
}

@media (min-width:768px) {
    .case-study-section--ux {
        padding-bottom: 320px
    }
    .case-study-section__uxdesktop {
        margin-top: 120px
    }
}

.case-study-section--ux .case-study-section__content {
    max-width: 850px;
    padding-bottom: 0
}

.case-study-section--ux .case-study-section__description {
    padding-bottom: 0
}

.case-study-section__wrapux {
    margin-top: 50;
    margin-bottom: 50px
}

.case-study-banner--hero .case-study-section__content {
    padding-top: 150px;
    padding-bottom: 80px
}

@media (min-width:768px) {
    .case-study-section__wrapux {
        margin-top: 160px;
        margin-bottom: 160px
    }
    .case-study-banner--hero .case-study-section__content {
        padding-top: 250px;
        padding-bottom: 80px
    }
}

.case-study-section--carte {
    background-color: #1c2328;
    color: #FFF
}

.case-study-section--carte .case-study-section__content {
    max-width: 780px;
    padding-top: 200px;
    padding-bottom: 50px
}

@media (min-width:768px) {
    .case-study-section--carte .case-study-section__content {
        padding-top: 400px;
        padding-bottom: 70px
    }
}

.case-study-section--quote {
    position: relative;
    text-align: center;
    background-color: #2f2f2f;
    z-index: 2
}

.case-study-section--quote .case-study-section__content {
    padding-top: 420px;
    padding-bottom: 300px
}

.case-study-section__circleimg {
    position: absolute;
    bottom: 0;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    border-radius: 50%;
    left: 50%
}

.case-study-quote {
    position: relative;
    background-color: #1BCE7C;
    color: #FFF;
    white-space: nowrap
}

.case-study-quote:before {
    content: "";
    position: relative;
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.case-study-quote>* {
    display: inline-block;
    vertical-align: middle;
    white-space: normal
}

.case-study-quote .layout__item {
    width: 100%;
    position: absolute;
    left: 0;
    height: 150px;
    overflow: hidden
}

@media (min-width:768px) {
    .case-study-quote .layout__item {
        width: 20%;
        height: 100%
    }
}

.case-study-quote .standout {
    width: 100%;
    display: inline-block;
    visibility: visible;
    margin-top: 130px;
    position: relative;
    padding-top: 65px;
    padding-bottom: 65px
}

@media (min-width:768px) {
    .case-study-quote .standout {
        width: 79%;
        left: 20%;
        margin-top: 0
    }
}

.case-study-quote .box-info__img img {
    max-width: none;
    width: 100%
}

@media (max-width:1680px) {
    .case-study-quote .standout>blockquote {
        font-size: 1.625rem
    }
    .case-study-quote .box-info__img img {
        width: 120%
    }
}

.case-study-quote__image {
    background-size: cover;
    background-position: center top 25%
}

.case-study-section--menu {
    padding-top: 120px;
    padding-bottom: 120px;
    background-color: #DDEDF2
}

.case-study-section--menu:after,
.case-study-section--menu:before {
    display: table;
    content: " "
}

.case-study-section_menu-mobile-wrap {
    margin-bottom: 50px;
    text-align: center
}

.case-study-section__menu-mobile {
    margin-top: 295px
}

@media (max-width:1800px) {
    .case-study-section__menu-mobile {
        margin-top: 0
    }
}

.case-study-section-alertimg {
    text-align: center;
    margin-top: 25px;
    padding-bottom: 75px
}

.case-study-section-loop {
    position: absolute;
    right: -85px;
    top: -52px;
    max-width: 140px
}

@media (min-width:768px) {
    .case-study-quote__image {
        background-position: center
    }
    .case-study-section_menu-mobile-wrap {
        float: left;
        width: 50%;
        margin-bottom: 0
    }
    .case-study-section-alertimg {
        margin-top: 150px;
        padding-bottom: 150px
    }
    .case-study-section-loop {
        max-width: 300px
    }
}

@media (max-width:1279px) {
    .case-study-section-loop {
        top: -30px;
        right: -30px
    }
}

.case-study-section__relative {
    position: relative;
    display: inline-block
}

.wow {
    opacity: 0
}

.social-wall {
    height: 100%;
    background-color: #c9ddd9;
    overflow-x: hidden
}

.social-wall .image_wrapper {
    position: absolute;
    margin: 10px;
    width: 490px;
    font-size: 11px
}

.social-wall .feed-wrap {
    background: #c9ddd9
}

@media (min-width:1024px) {
    .social-wall .feed-wrap {
        min-height: 2500px
    }
}

.social-wall .feed {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 0;
    padding-top: 100px;
    padding-bottom: 100px;
    opacity: 0;
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s
}

.social-wall .image_wrapper.small {
    width: 213px;
    height: 213px
}

.social-wall .image_wrapper .img_box {
    width: 490px;
    height: 100%;
    position: relative
}

.social-wall .image_wrapper.size2by2 {
    width: 490px;
    height: 490px
}

.social-wall .image_wrapper.size2by1 {
    width: 490px;
    height: 213px
}

.social-wall .image_wrapper.size2by1 img {
    width: 100%;
    height: 100%
}

.social-wall .image_wrapper.size1by2 {
    width: 213px;
    height: 490px
}

.social-wall .image_wrapper.size1by2 img {
    width: 100%;
    height: 100%
}

.social-wall .image_wrapper.size1by1 {
    width: 213px;
    height: 213px
}

.social-wall .image_wrapper.size1by1 img {
    width: 100%;
    height: 100%
}

.social-wall .image_wrapper.small .img_box {
    width: 213px
}

.social-wall .image_wrapper .img_box .mask {
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .7);
    overflow: hidden;
    text-align: center;
    transition: width .25s;
    -webkit-transition: .25s;
    -moz-transition: .25s
}

@media (max-width:767px) {
    .social-wall .image_wrapper .img_box .mask {
        display: none
    }
}

.social-wall .image_wrapper .img_box .mask .instabox {
    position: absolute;
    margin: auto;
    height: 170px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.social-wall .image_wrapper .img_box .mask .instagram {
    width: 100%;
    height: 32px;
    background: url(../../images/cuba/gallery-instagram.png) center center no-repeat;
    margin-top: 0;
    display: block
}

.social-wall .image_wrapper.small .img_box .mask .instagram {
    margin-top: 0
}

.social-wall .image_wrapper.small .img_box .mask .instabox {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 120px;
    word-wrap: break-word
}

.social-wall .image_wrapper .img_box:hover .mask {
    width: 100%;
    height: 100%;
    opacity: 1;
    filter: alpha(opacity=100);
    transition: width .25s;
    -webkit-transition: .25s;
    -moz-transition: .25s
}

.social-wall .image_wrapper .img_box .mask .name {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 24px;
    padding: 5px 0;
    margin: 10px 0;
    width: 390px;
    display: inline-block;
    text-transform: uppercase;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    font-weight: 200
}

.social-wall .image_wrapper.small .img_box .mask .name {
    font-size: 14px;
    width: 180px
}

.social-wall .image_wrapper .img_box .mask p {
    width: 225px;
    height: 100px;
    color: #fff;
    font-size: 14px;
    line-height: 1.6em;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    margin: 10px auto
}

.social-wall .image_wrapper.small .img_box .mask p {
    width: 200px;
    font-size: 11px;
    line-height: 1.2em
}

.social-wall .image_wrapper img {
    width: 490px;
    height: 490px
}

.social-wall .image_wrapper.small img {
    width: 213px;
    height: 213px
}

.social-wall .item {
    opacity: 1;
    filter: alpha(opacity=0)
}

.social-wall a.cuba_return_top {
    position: fixed;
    top: 300px;
    right: 0;
    background: url(https://locomotive.ca/modules/locomotive/assets/images/cuba/buttons/top-button.svg) left 25px center no-repeat #cccccc;
    background-size: 20px 20px;
    color: #fff;
    padding: 25px 25px 25px 55px;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1em;
    display: none
}

.social-wall__content,
.social-wall__tomorrow {
    color: #FFF;
    font-family: Source Code Pro, Menlo, Monaco, Consolas, Courier New, monospace
}

.social-wall #spinbox {
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 60px;
    display: none
}

.social-wall .spinner {
    height: 30px;
    width: 30px;
    position: relative;
    -webkit-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left: 6px solid rgba(0, 0, 0, .15);
    border-right: 6px solid rgba(0, 0, 0, .15);
    border-bottom: 6px solid rgba(0, 0, 0, .15);
    border-top: 6px solid rgba(0, 0, 0, .8);
    border-radius: 100%;
    margin: 0 auto 50px
}

@media (max-width:640px) {
    .social-wall .flipbook {
        width: 300px;
        height: 150px;
        left: calc(50% - 150px);
        top: calc(50% - 75px)
    }
    .social-wall .image_wrapper {
        position: absolute;
        margin: 10px 10px 10px 0;
        width: 213px;
        font-size: 11px
    }
    .social-wall .image_wrapper img {
        width: 213px;
        height: 213px
    }
    .social-wall .image_wrapper .img_box {
        width: 213px
    }
    .social-wall .image_wrapper .img_box .mask .instagram {
        width: 100%;
        height: 32px;
        background: url(../../images/cuba/gallery-instagram.png) center center no-repeat;
        display: block;
        margin-top: 30px
    }
    .social-wall .image_wrapper .img_box .mask .name {
        font-size: 14px;
        width: 180px
    }
    .social-wall .image_wrapper.size2by1 {
        width: 213px;
        height: 110px
    }
    .social-wall .image_wrapper.size2by2 {
        width: 213px;
        height: 213px
    }
    .social-wall #cuba_wrapper .feed {
        padding-left: 0
    }
}

.social-wall.-alpha .feed,
.social-wall.-alpha .social-wall__goto {
    display: none
}

.social-wall.-alpha .social-wall__tomorrow-wrap {
    display: block
}

.template--vendredi {
    overflow: visible!important;
    min-height: 100%;
    height: auto;
    overflow-x: hidden
}

.jumbotron,
.jumbotron-wrapper {
    min-height: 400px;
    background-color: rgba(255, 255, 255, 0)
}

.template--vendredi .site-header__masthead {
    display: none
}

.social-wall__header {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 50;
    overflow: visible;
    text-align: center;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    padding-top: 20px;
    padding-bottom: 20px
}

@media (max-width:1023px) {
    .social-wall__header {
        padding-top: 100px;
        overflow: auto
    }
}

.jumbo__slide,
.jumbotron--conference {
    overflow: hidden
}

@media (min-width:1024px) and (min-height:701px) {
    .social-wall__header {
        white-space: nowrap;
        overflow: hidden
    }
    .social-wall__header:before {
        content: "";
        position: relative;
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }
    .social-wall__header>* {
        display: inline-block;
        vertical-align: middle;
        white-space: normal
    }
}

.social-wall__text {
    z-index: 50;
    position: relative;
    -webkit-transition: visibility .5s;
    transition: visibility .5s
}

.social-wall__goto,
.social-wall__img {
    -webkit-transition: opacity .5s, -webkit-transform .5s
}

@media (max-width:767px) {
    .social-wall__text {
        padding: 20px
    }
    .leaves {
        z-index: 50
    }
}

@media (min-width:768px) {
    .social-wall__text {
        padding: 40px
    }
}

.social-wall__content {
    max-width: 760px;
    margin: 50px auto 0;
    font-size: 16px
}

.social-wall__content p {
    margin-bottom: 5px
}

.social-wall__goto {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #d32700;
    border: none;
    bottom: 30px;
    z-index: 50;
    transition: opacity .5s, transform .5s
}

@media (max-height:699px) {
    .social-wall__goto {
        position: relative;
        margin-top: 30px
    }
}

@media (min-height:700px) {
    .social-wall__goto {
        position: absolute;
        left: 50%;
        margin-left: -30px
    }
}

.social-wall__goto:hover .social-wall__arrow {
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px)
}

.social-wall__tomorrow-wrap {
    width: 100%;
    display: none;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 50;
    position: relative
}

@media (min-width:1024px) and (min-height:701px) {
    .social-wall__tomorrow-wrap {
        position: absolute;
        bottom: 50px;
        left: 0
    }
}

.social-wall__tomorrow {
    font-size: 15px;
    text-align: center;
    display: inline-block;
    z-index: 50;
    background-color: #d32700;
    padding: 17px 24px;
    margin-bottom: 0
}

.chapters__btn,
.jumbo__body,
.site-header {
    font-family: Open Sans, Helmet, Freesans, Trebuchet MS, sans-serif
}

@media (max-height:700px) {
    .social-wall__tomorrow {
        position: relative;
        z-index: 50
    }
}

@media (max-width:1024px) {
    .social-wall__tomorrow {
        font-size: 12px
    }
}

.social-wall__arrow {
    background-image: url(https://locomotive.ca/modules/locomotive/assets/images/vendredi/carret.svg);
    background-repeat: no-repeat;
    height: 20px;
    background-position: center center;
    width: 20px;
    display: inline-block;
    position: relative;
    top: 7px;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s
}

.social-wall__img {
    transition: opacity .5s, transform .5s
}

@media (min-width:700px) and (max-height:800px) {
    .social-wall__img {
        height: 300px
    }
}

.social-wall__content {
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s
}

.header-is-gone .social-wall__header:after {
    opacity: 0;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

@media (min-width:1024px) {
    .header-is-gone .leaves_topleft {
        -webkit-transform: translate(-40%, -40%);
        -ms-transform: translate(-40%, -40%);
        transform: translate(-40%, -40%)
    }
    .header-is-gone .leaves_topright {
        -webkit-transform: translate(40%, -40%);
        -ms-transform: translate(40%, -40%);
        transform: translate(40%, -40%)
    }
    .header-is-gone .leaves_bottomleft {
        -webkit-transform: translate(-40%, 40%);
        -ms-transform: translate(-40%, 40%);
        transform: translate(-40%, 40%)
    }
    .header-is-gone .leaves_bottommiddle {
        -webkit-transform: translate(0, 40%);
        -ms-transform: translate(0, 40%);
        transform: translate(0, 40%)
    }
    .header-is-gone .leaves_bottomright {
        -webkit-transform: translate(40%, 40%);
        -ms-transform: translate(40%, 40%);
        transform: translate(40%, 40%)
    }
}

.header-is-gone .social-wall__img {
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
    opacity: 0
}

.header-is-gone .social-wall__content {
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 0
}

.header-is-gone .social-wall__goto {
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    opacity: 0
}

.header-is-gone .social-wall__text {
    visibility: hidden;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.header-is-gone .feed {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.social-wall__header:after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(../../images/vendredi/patern.png);
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.leaves {
    position: absolute;
    width: 1920px;
    top: 0
}

@media (min-width:768px) {
    .leaves {
        height: 100%;
        left: 50%;
        margin-left: -960px
    }
}

.leaves__leave {
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s;
    z-index: 2
}

@media (max-width:767px) {
    .leaves_topleft {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-image: url(../../images/vendredi/leaves1.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center -77px
    }
    .leaves_topright {
        display: none
    }
}

@media (min-width:768px) {
    .leaves_topleft {
        width: 928px;
        height: 531px;
        position: absolute;
        top: 0;
        left: 0;
        background-image: url(../../images/vendredi/leaves1.png)
    }
}

@media (min-width:376px) and (max-width:667px) {
    .leaves_topleft {
        top: -135px
    }
}

.jumbo__embed,
.jumbo__video {
    top: 0;
    left: 0;
    position: absolute
}

.leaves_topright {
    width: 992px;
    height: 380px;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(../../images/vendredi/leaves2.png)
}

.leaves_bottomleft {
    width: 525px;
    height: 609px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    background-image: url(../../images/vendredi/leaves3.png)
}

@media (max-width:767px) {
    .leaves_bottomleft {
        display: none
    }
    .leaves_bottommiddle {
        width: 100%;
        height: 100%;
        position: fixed;
        background-image: url(../../images/vendredi/leaves4.png);
        bottom: 0;
        z-index: 9999;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center bottom
    }
    .leaves_bottomright {
        display: none
    }
}

.jumbo__slide,
.jumbotron-wrapper {
    background-repeat: no-repeat;
    background-position: center center
}

@media (min-width:768px) {
    .leaves_bottommiddle {
        width: 1260px;
        height: 355px;
        position: absolute;
        bottom: 0;
        left: 430px;
        z-index: 2;
        background-image: url(../../images/vendredi/leaves4.png)
    }
}

@media (min-width:376px) and (max-width:667px) {
    .leaves_bottommiddle {
        bottom: -100px
    }
}

.leaves_bottomright {
    width: 515px;
    height: 609px;
    position: absolute;
    bottom: 0;
    right: -9px;
    background-image: url(../../images/vendredi/leaves5.png)
}

.no-js .jumbotron.is-latent .jumbo__slide {
    float: left;
    height: 50%
}

.no-js .jumbotron.is-latent .jumbo__slide:nth-child(-n+2) {
    width: 50%
}

.no-js .jumbotron.is-latent .jumbo__slide:nth-child(n+3) {
    width: 33.33333%
}

.jumbotron-wrapper {
    height: 100%;
    background-image: url(data:image/gif;base64,R0lGODlhIAAgAPABACPOc////yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Njk5MUQxNjJFNTM4MTFFMzlGQTVGODYyMUVGNjA4NUMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUVGRUM3NzBFNTJEMTFFMzlGQTVGODYyMUVGNjA4NUMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5kaWQ6YTEwMjg2YWQtNmQxYS00YTIzLTk5YTYtYWY3NDYyMjI5MTVkIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmExMDI4NmFkLTZkMWEtNGEyMy05OWE2LWFmNzQ2MjIyOTE1ZCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAUUAAEALAAAAAAgACAAAAIthG+hy+2L0Js0HoqbTblv0HlbmH0kZp7qyrbuC8fyTNf2jef6zvf+DwwKh70CACH5BAUUAAEALAwAAAAIAAgAAAIGhI+py+1dACH5BAUUAAEALBgAAAAIAAgAAAIGhI+py+1dACH5BAUUAAEALBgADAAIAAgAAAIGhI+py+1dACH5BAUUAAEALBgAGAAIAAgAAAIGhI+py+1dACH5BAUUAAEALAwAGAAIAAgAAAIGhI+py+1dACH5BAUUAAEALAAAGAAIAAgAAAIGhI+py+1dACH5BAUUAAEALAAADAAIAAgAAAIGhI+py+1dACH5BAkUAAEALAwADAAIAAgAAAIGhI+py+1dACH5BAkUAAAALAAAAAAIABQAAAILhI+py+0Po5y0rgIAIfkECRQAAQAsAAAAAAgAIAAAAhSEj6nL7R2inLTai7PevPv7hOI4FgAh+QQJFAABACwAAAAAFAAgAAACJoRvocuK2GJ4Rzaa7MJAb+w5YMiF5omm6sq27gvH8kzX9o3nelsAACH5BAkUAAEALAAAAAAgACAAAAI5hG+hgbgP23kywVsBrRfzlXXRp4QiSDKpaJZr16rSSdf2jef6zvf+DwwKh8Si8YhMKpfMpvMJjToLACH5BAkUAAEALAAAAAAgABQAAAI9hG+hgbjcolsSvFqv1LhxT3WgkoXi8U3kiZojxFquCr/Pjef6zvf+DwwKhzUacRU53kpKpO3IbEaVU6ikAAAh+QQJFAABACwAAAAAIAAIAAACIYRvoYG43KJbErxar9S4cU91oJKF4vFN5ImaI8Rargo3BQAh+QQFFAABACwAAAAAFAAIAAACFIRvoYHtsNibcdJlX81t8+N9EPYUADs=)
}

.jumbotron-wrapper .jumbotron {
    opacity: 0;
    -webkit-transition: opacity .6s;
    transition: opacity .6s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.jumbotron-wrapper .jumbotron.owlcarousel {
    opacity: 1
}

.jumbotron {
    width: 100%
}

.jumbotron .owl-wrapper-outer {
    height: 100%!important
}

.jumbo__slide {
    position: relative;
    width: 100%;
    text-align: center;
    background-size: cover
}

@media all and (max-width:29.9375em) {
    .jumbo__slide.text--left,
    .jumbo__slide.text--right {
        text-align: center
    }
}

.has-js .jumbotron .jumbo__slide {
    display: block!important;
    -webkit-transition: opacity 4.3s;
    transition: opacity 4.3s;
    background-color: #cccccc
}

.has-js .jumbotron.owl-carousel .jumbo__slide {
    opacity: 1!important
}

.jumbo__slide:nth-child(1) {
    z-index: 10
}

.jumbo__slide:nth-child(2) {
    z-index: 9
}

.jumbo__slide:nth-child(3) {
    z-index: 8
}

.jumbo__slide:nth-child(4) {
    z-index: 7
}

.jumbo__slide:nth-child(5) {
    z-index: 6
}

.jumbo__action,
.jumbo__surtitle,
.jumbo__title {
    z-index: 2;
    position: relative
}

.jumbotron .owl-pagination {
    position: absolute;
    right: 0;
    bottom: 1em;
    left: 0;
    text-align: center
}

.jumbotron .owl-page {
    -webkit-transition: color .2s ease, opacity .2s ease;
    transition: color .2s ease, opacity .2s ease;
    opacity: .5;
    display: inline-block;
    width: 18%;
    max-width: 3.75em;
    padding: .5em 0
}

.jumbotron .owl-page:focus,
.jumbotron .owl-page:hover {
    color: #ffffff
}

.jumbotron .owl-page:active {
    color: #19c074
}

@media all and (max-width:19.9375em) {
    .jumbotron .owl-page {
        margin: 0 1%
    }
}

@media all and (min-width:20em) {
    .jumbotron .owl-page {
        margin: 0 .1875em
    }
}

.jumbotron .owl-page.active,
.jumbotron .owl-page:active,
.jumbotron .owl-page:focus,
.jumbotron .owl-page:hover {
    opacity: 1
}

.jumbotron .owl-page span {
    display: block;
    height: .125em;
    width: 100%;
    background-color: currentColor
}

.has-no-currentcolor .carousel--is-light .jumbotron .owl-page span {
    background-color: #cccccc
}

.has-no-currentcolor .carousel--is-dark .jumbotron .owl-page span,
.has-no-currentcolor .template--study-dansmonsac .jumbotron .owl-page span,
.has-no-currentcolor .template--study-pincourt .jumbotron .owl-page span,
.has-no-currentcolor .template--study-stejulie .jumbotron .owl-page span,
.has-no-currentcolor .template--study-upa .jumbotron .owl-page span {
    background-color: #fff
}

.jumbotron--conference,
.jumbotron--conference .jumbo__slide {
    background-color: #FFF!important
}

.jumbo__embed,
.jumbo__video {
    display: block;
    margin: 0
}

.has-no-csstransforms .jumbo__embed,
.has-no-videoautoplay .jumbo__video {
    display: none
}

.jumbo__video {
    right: 0;
    bottom: 0;
    min-height: 100%;
    min-width: 100%
}

.jumbo__embed {
    height: 100%;
    width: 100%
}

.jumbo__embed>iframe {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.has-no-csstransforms3d .jumbo__embed>iframe {
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.jumbo__body {
    max-width: 37.5em;
    padding: 0 5%;
    font-weight: 200;
    text-align: center
}

.jumbo__body .btn,
.jumbo__body a,
.jumbo__body button {
    color: inherit
}

.jumbo__body .btn:focus,
.jumbo__body .btn:hover,
.jumbo__body a:focus,
.jumbo__body a:hover,
.jumbo__body button:focus,
.jumbo__body button:hover {
    color: #1BCE7C
}

.jumbo__body .btn:active,
.jumbo__body a:active,
.jumbo__body button:active {
    color: #19c074
}

.jumbo__body .surtitle:after {
    margin-left: auto;
    margin-right: auto
}

@media all and (min-width:64em) {
    .text--right .jumbo__body {
        margin-right: 8%
    }
    .text--left .jumbo__body {
        margin-left: 8%
    }
}

.jumbo__title {
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual
}

@media (max-width:800px) {
    .jumbo__title {
        font-size: 2rem!important
    }
}

@media all and (max-width:31.1875em),
(max-height:37.4375em) {
    .jumbo__title {
        font-size: 42px;
        font-size: 2.625rem
    }
}

.jumbo__actions {
    list-style: none;
    margin: 0
}

.jumbo__actions>li {
    display: inline-block;
    margin: 0 .25em
}

@media all and (max-width:24.9375em),
(max-height:37.4375em) {
    .jumbo__title {
        font-size: 42px;
        font-size: 2.625rem
    }
    .jumbo__actions .btn--circle {
        height: 5em;
        width: 5em
    }
}

.owl-goUp-out {
    -webkit-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both
}

.owl-goUp-in {
    -webkit-animation: goUp .6s ease both;
    animation: goUp .6s ease both
}

@-webkit-keyframes goUp {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes goUp {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.jumbotron--conference .jumbo__body {
    max-width: 60em
}

@media (max-width:1279px) {
    .jumbotron--conference .jumbo__slide {
        background-size: 100% auto
    }
}

@media (min-width:1280px) {
    .jumbotron--conference .jumbo__slide {
        background-size: auto 100%
    }
}

.jumbotron--conference .jumbo__slide.jumbo__slide--fullscreen {
    background-size: cover
}

.chapters {
    width: 100%;
    text-align: center;
    position: absolute;
    margin: 0
}

@media (max-height:400px) {
    .chapters {
        display: none
    }
}

@media (min-height:401px) and (max-height:500px) {
    .chapters {
        bottom: 20px
    }
}

@media (max-width:600px) {
    .chapters {
        bottom: 20px
    }
}

@media (min-width:601px) and (min-height:501px) {
    .chapters {
        bottom: 60px
    }
}

.chapters--dark .chapters__btn {
    color: #000
}

.chapters__item {
    display: inline-block
}

@media (max-width:450px) {
    .chapters__item {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width:451px) {
    .chapters__item {
        padding-left: 20px;
        padding-right: 20px
    }
}

.chapters__item:hover .chapters__btn {
    color: #1BCE7C
}

.chapters__item:hover .chapters__btn:after {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.chapters__btn {
    border: none;
    outline: 0;
    color: #FFF;
    padding: 0;
    letter-spacing: 3px;
    -webkit-transition: color .3s;
    transition: color .3s;
    font-size: 12px
}

.chapters__btn:after {
    content: "";
    height: 1px;
    width: 16px;
    background-color: #1BCE7C;
    display: block;
    position: relative;
    top: 7px;
    opacity: 0;
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s
}

.chapters__item--active .chapters__btn {
    color: #1BCE7C
}

.chapters__item--active .chapters__btn:after {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.site-header {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.57143;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    user-select: none;
    -webkit-transition: -webkit-transform .5s .5s, background-color .5s, color .1s, opacity .5s .5s;
    transition: transform .5s .5s, background-color .5s, color .1s, opacity .5s .5s;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    z-index: 1070
}

.site-header a,
.site-header a:visited,
.site-header button,
.site-header button:visited {
    color: inherit
}

.site-header a:focus,
.site-header a:hover,
.site-header button:focus,
.site-header button:hover {
    color: #1BCE7C
}

.site-header a:active,
.site-header button:active {
    color: #19c074
}

.site-header [role=navigation] {
    height: 0
}

.site-header .logo {
    z-index: 1;
    position: relative;
    float: left;
    padding: 0 12px;
    font-size: inherit
}

.site-header [rel=home],
.site-header [rel=home] img,
.site-header [rel=home] span,
.site-header [rel=home] svg {
    display: block
}

.site-header .icon--replaced {
    overflow: hidden;
    text-indent: 100%
}

.site-header__item.accessibility-aid {
    display: inline-block;
    padding: 12px 20px;
    font-weight: 700
}

.site-header__item.accessibility-aid:focus {
    color: inherit
}

.site-header__menu>li>a {
    outline: 0
}

.menu-toggle {
    -webkit-transition: padding-right 0 .3s;
    transition: padding-right 0 .3s;
    z-index: 1;
    position: relative;
    float: right;
    display: none;
    height: 3.2857142857142856em;
    padding: 15px 12px 15px 52px
}

.menu-toggle:before {
    -webkit-transition: color .2s ease, opacity .3s, visibility .3s;
    transition: color .2s ease, opacity .3s, visibility .3s;
    content: attr(data-label);
    position: absolute;
    top: 0;
    right: 56px;
    display: block;
    padding: 12px 0
}

.menu--is-revealed .menu-toggle {
    padding-left: 12px
}

.menu--is-revealed .menu-toggle:before {
    opacity: 0;
    visibility: hidden
}

.menu-toggle .icon-bars,
.menu-toggle .icon-bars:after,
.menu-toggle .icon-bars:before {
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

.menu-toggle:focus .icon-bars,
.menu-toggle:focus .icon-bars:after,
.menu-toggle:focus .icon-bars:before,
.menu-toggle:hover .icon-bars,
.menu-toggle:hover .icon-bars:after,
.menu-toggle:hover .icon-bars:before {
    background-color: #1BCE7C!important
}

.menu-toggle:active .icon-bars,
.menu-toggle:active .icon-bars:after,
.menu-toggle:active .icon-bars:before {
    background-color: #19c074!important
}

.carousel--is-light .menu-toggle .icon-bars,
.carousel--is-light .menu-toggle .icon-bars:after,
.carousel--is-light .menu-toggle .icon-bars:before,
.mast--is-detached .site-header__masthead,
.mast--is-opaque .site-header__masthead {
    background-color: #cccccc
}

.has-csstransforms .menu-toggle .icon-bars {
    -webkit-transition: -webkit-transform .3s ease-in, background-color .2s ease;
    transition: transform .3s ease-in, background-color .2s ease
}

.has-csstransforms .menu-toggle .icon-bars:after,
.has-csstransforms .menu-toggle .icon-bars:before {
    -webkit-transition: top .3s .3s ease-in, -webkit-transform .3s ease-in, background-color .2s ease;
    transition: top .3s .3s ease-in, transform .3s ease-in, background-color .2s ease
}

.has-csstransforms .menu--is-revealed .menu-toggle .icon-bars,
.has-csstransforms .menu-toggle:active .icon-bars {
    -webkit-transition: -webkit-transform .3s .2s ease-in, background-color .2s ease;
    transition: transform .3s .2s ease-in, background-color .2s ease;
    -webkit-transform: rotate3d(0, 0, 1, 135deg);
    transform: rotate3d(0, 0, 1, 135deg)
}

.has-csstransforms .menu--is-revealed .menu-toggle .icon-bars:after,
.has-csstransforms .menu--is-revealed .menu-toggle .icon-bars:before,
.has-csstransforms .menu-toggle:active .icon-bars:after,
.has-csstransforms .menu-toggle:active .icon-bars:before {
    -webkit-transition: top .2s ease-in, -webkit-transform .3s .2s ease-in, background-color .2s ease;
    transition: top .2s ease-in, transform .3s .2s ease-in, background-color .2s ease;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    top: 0
}

.mast--is-detached .site-header,
.mast--is-opaque .site-header {
    color: #fff
}

.carousel--is-light .site-header__masthead {
    color: #cccccc
}

.carousel--is-light .site-header__masthead svg {
    fill: #cccccc;
    stroke: #cccccc
}

.carousel--is-dark .site-header svg,
.has-no-currentcolor .site-footer svg,
.mast--is-detached .site-header svg,
.mast--is-opaque .site-header svg,
.template--study-dansmonsac .site-header svg,
.template--study-pincourt .site-header svg,
.template--study-stejulie .site-header svg,
.template--study-upa .site-header svg {
    fill: #fff;
    stroke: #fff
}

.carousel--is-dark .site-header,
.mast--is-detached .site-header,
.mast--is-opaque .site-header,
.template--study-dansmonsac .site-header,
.template--study-pincourt .site-header,
.template--study-stejulie .site-header,
.template--study-upa .site-header {
    color: #fff
}

.carousel--is-dark .menu-toggle .icon-bars,
.carousel--is-dark .menu-toggle .icon-bars:after,
.carousel--is-dark .menu-toggle .icon-bars:before,
.mast--is-detached .menu-toggle .icon-bars,
.mast--is-detached .menu-toggle .icon-bars:after,
.mast--is-detached .menu-toggle .icon-bars:before,
.mast--is-opaque .menu-toggle .icon-bars,
.mast--is-opaque .menu-toggle .icon-bars:after,
.mast--is-opaque .menu-toggle .icon-bars:before,
.template--study-dansmonsac .menu-toggle .icon-bars,
.template--study-dansmonsac .menu-toggle .icon-bars:after,
.template--study-dansmonsac .menu-toggle .icon-bars:before,
.template--study-pincourt .menu-toggle .icon-bars,
.template--study-pincourt .menu-toggle .icon-bars:after,
.template--study-pincourt .menu-toggle .icon-bars:before,
.template--study-stejulie .menu-toggle .icon-bars,
.template--study-stejulie .menu-toggle .icon-bars:after,
.template--study-stejulie .menu-toggle .icon-bars:before,
.template--study-upa .menu-toggle .icon-bars,
.template--study-upa .menu-toggle .icon-bars:after,
.template--study-upa .menu-toggle .icon-bars:before {
    background-color: #fff
}

.mast--is-detached .site-header {
    -webkit-transition: height 0 .3s, -webkit-transform .1s, background-color .1s, color .1s;
    transition: height 0 .3s, transform .1s, background-color .1s, color .1s;
    position: fixed
}

.mast--is-concealed .site-header,
.mast--is-revealed .site-header {
    -webkit-transition: height 0 .3s, -webkit-transform .2s, background-color .3s, color .3s;
    transition: height 0 .3s, transform .2s, background-color .3s, color .3s
}

.mast--is-revealed .site-header {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.has-js .mast--is-latent .site-header {
    opacity: 0
}

.menu--is-collapsible .menu-toggle {
    display: block
}

.modal--is-revealed .site-header,
.template--modal .site-header {
    background-color: #cccccc;
    color: #FFF;
    opacity: 1;
    -webkit-transform: translate(0, 0)!important;
    -ms-transform: translate(0, 0)!important;
    transform: translate(0, 0)!important;
    position: fixed
}

@media all and (min-width:39.375em) {
    .site-header__navigation {
        position: absolute;
        top: 0;
        right: 0;
        left: 0
    }
    .menu-toggle:before {
        font-weight: 700
    }
    .site-header__menu {
        -webkit-transition: opacity .3s, visibility .3s;
        transition: opacity .3s, visibility .3s;
        float: right;
        margin-left: 24px;
        margin-right: 24px
    }
    .site-header__menu>li {
        padding: 24px 0
    }
    .site-header__menu>li>a {
        padding: 12px 20px;
        font-weight: 700
    }
    .menu--is-collapsible .site-header__menu {
        opacity: 0;
        visibility: hidden;
        margin-right: 84px
    }
    .menu--is-collapsible.menu--is-revealed .site-header__menu {
        opacity: 1;
        visibility: visible
    }
    .mast--has-shelf .site-header {
        height: 164px
    }
    .mast--has-shelf.mast--is-opaque {
        margin-top: 164px
    }
}

@media all and (min-width:39.375em) and (max-height:37.4375em) {
    .site-header__menu>li {
        padding: 4px 0
    }
    .mast--has-shelf .site-header {
        height: 100px
    }
    .mast--has-shelf.mast--is-opaque {
        margin-top: 100px
    }
}

@media all and (max-width:39.365em) {
    .menu-toggle {
        display: block
    }
    .site-header {
        -webkit-transition: height 0 .3s;
        transition: height 0 .3s
    }
    .site-header__masthead {
        -webkit-transition: background-color .3s;
        transition: background-color .3s;
        position: relative;
        z-index: 3
    }
    .site-header__navigation {
        background-color: #36434d;
        color: #FFF;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        visibility: hidden;
        background-color: rgba(54, 67, 77, .98);
        overflow-scrolling: touch;
        z-index: 2;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        overflow-y: auto;
        -webkit-transition: opacity .3s, visibility .3s;
        transition: opacity .3s, visibility .3s
    }
    .site-header__navigation>* {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        max-width: 400px;
        margin: 0 auto;
        -webkit-transition: -webkit-transform .2s, opacity .2s;
        transition: transform .2s, opacity .2s;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
        opacity: .4
    }
    .site-header__menu {
        clear: both;
        width: 100%;
        text-align: center
    }
    .site-header__menu>li {
        display: list-item;
        padding: .5em 0
    }
    .site-header__menu>li>a {
        display: block;
        padding: .5em
    }
    .menu--is-revealed {
        overflow: hidden
    }
    .menu--is-revealed.mast--is-opaque {
        margin-top: 0
    }
    .menu--is-revealed .site-header {
        -webkit-transition: height 0;
        transition: height 0;
        height: 100%!important
    }
    .menu--is-revealed .site-header__masthead {
        background-color: #cccccc;
        color: #FFF;
        -webkit-transition: background-color .3s;
        transition: background-color .3s
    }
    .menu--is-revealed .site-header__navigation {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }
    .menu--is-revealed .site-header__navigation>* {
        -webkit-transition: -webkit-transform .5s, opacity .5s;
        transition: transform .5s, opacity .5s;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.modal--is-revealed,
.site-footer .aside>.beside {
    overflow: hidden
}

@media all and (max-width:39.365em) and (min-height:43.75em) {
    .site-header__navigation {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .site-header__menu {
        font-size: 2em
    }
}

@media all and (max-width:39.365em) and (min-height:36.25em) and (max-height:43.6875em) {
    .site-header__navigation {
        padding-top: 3em;
        padding-bottom: 3em
    }
    .site-header__menu {
        font-size: 1.75em
    }
}

@media all and (max-width:39.365em) and (max-height:36.1875em) {
    .site-header__navigation {
        padding-top: 1em;
        padding-bottom: 1em
    }
    .site-header__menu {
        font-size: 1.5em
    }
}

@media all and (min-width:25em) and (max-width:39.365em) {
    .site-header__navigation {
        margin-top: 94px
    }
}

@media all and (max-width:24.9375em),
(max-width:39.365em) and (max-height:37.4375em) {
    .site-header__navigation {
        margin-top: 54px
    }
}

@media all and (min-width:25em),
(min-height:37.5em) {
    .menu-toggle {
        margin: 24px 2em 24px 0
    }
    .site-header__item.accessibility-aid {
        margin: 24px 0
    }
    .site-header {
        height: 94px
    }
    .site-header .logo {
        margin: 24px 0 24px 2em
    }
    .site-header .icon--large {
        display: block
    }
    .site-header .icon--small {
        display: none
    }
    .site-header .icon--replaced {
        padding-bottom: 46px
    }
    .carousel--is-dark .site-header .icon--replaced,
    .site-header .icon--replaced,
    .template--study-dansmonsac .site-header .icon--replaced,
    .template--study-pincourt .site-header .icon--replaced,
    .template--study-stejulie .site-header .icon--replaced,
    .template--study-upa .site-header .icon--replaced {
        background-image: url(../../images/brands/locomotive-large.light.png)
    }
    .carousel--is-light .site-header .icon--replaced {
        background-image: url(../../images/brands/locomotive-large.dark.png)
    }
    .site-header .i--locomotive {
        height: 46px;
        width: 100px
    }
    .mast--is-concealed .site-header {
        -webkit-transform: translate(0, -94px);
        -ms-transform: translate(0, -94px);
        transform: translate(0, -94px)
    }
    .mast--is-opaque {
        margin-top: 94px
    }
    .mast--is-opaque.mast--has-shelf {
        margin-top: 164px
    }
}

@media all and (max-width:24.9375em),
(max-height:37.4375em) {
    .menu-toggle {
        margin: 4px 1em 4px 0
    }
    .site-header__item.accessibility-aid {
        margin: 4px 0
    }
    .site-header {
        height: 54px
    }
    .site-header .logo {
        margin: 12px 0 12px 1em
    }
    .site-header .icon--large {
        display: none
    }
    .site-header .icon--small {
        display: block
    }
    .site-header .icon--replaced {
        padding-bottom: 30px
    }
    .carousel--is-dark .site-header .icon--replaced,
    .site-header .icon--replaced,
    .template--study-dansmonsac .site-header .icon--replaced,
    .template--study-pincourt .site-header .icon--replaced,
    .template--study-stejulie .site-header .icon--replaced,
    .template--study-upa .site-header .icon--replaced {
        background-image: url(../../images/brands/locomotive-small.light.png)
    }
    .carousel--is-light .site-header .icon--replaced {
        background-image: url(../../images/brands/locomotive-small.dark.png)
    }
    .site-header .i--locomotive {
        height: 30px;
        width: 82px
    }
    .mast--is-concealed .site-header {
        -webkit-transform: translate(0, -54px);
        -ms-transform: translate(0, -54px);
        transform: translate(0, -54px)
    }
    .mast--is-opaque {
        margin-top: 54px
    }
    .mast--is-opaque.mast--has-shelf {
        margin-top: 100px
    }
}

@media all and (max-width:30.625em) {
    .site-header__item.accessibility-aid {
        display: block;
        left: 0;
        right: 0;
        margin: 0;
        text-align: center
    }
    .site-header__item.accessibility-aid:focus {
        top: 100%
    }
}

.site-footer {
    background-color: #cccccc;
    color: #FFF;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.71429;
    clear: both
}

.site-header__shelf,
.site-shelf__heading {
    line-height: 1.57143;
    font-family: Open Sans, Helmet, Freesans, Trebuchet MS, sans-serif
}

.site-footer a {
    color: #FFF
}

.site-footer a:focus,
.site-footer a:hover {
    color: #1BCE7C
}

.site-footer a:active {
    color: #19c074
}

.has-no-currentcolor .site-footer .img--round {
    border-color: #fff
}

.site-footer .aside {
    padding-top: 1.75em;
    padding-bottom: 1.75em
}

.site-footer .aside a:active,
.site-footer .aside a:focus,
.site-footer .aside a:hover {
    text-decoration: underline
}

.site-footer .aside>img,
.site-footer .aside>svg {
    float: left;
    padding: .7857em;
    margin-right: 1em
}

.site-footer em,
.site-footer strong {
    color: #DDEDF2
}

.site-footer address {
    margin-bottom: 0;
    font-family: Open Sans, Helmet, Freesans, Trebuchet MS, sans-serif;
    text-transform: uppercase
}

.site-footer__elsewhere.float--left {
    text-align: left
}

.site-footer__elsewhere.float--right {
    text-align: right
}

.site-footer__elsewhere li {
    display: inline-block
}

.site-footer__elsewhere a {
    display: block;
    color: #DDEDF2;
    background-color: transparent
}

.site-footer__elsewhere a:focus,
.site-footer__elsewhere a:hover {
    color: #FFF;
    background-color: #36434d
}

.site-footer__elsewhere a:active {
    color: #1BCE7C;
    background-color: #21292f
}

.site-footer__elsewhere .glyph {
    display: block;
    font-size: 1.5em;
    margin: 0 auto
}

@media all and (max-width:21.8125em) {
    .site-footer .aside {
        padding: 1em;
        text-align: center
    }
    .site-footer .aside>img,
    .site-footer .aside>svg {
        display: none
    }
    .site-footer__elsewhere {
        text-align: center
    }
    .site-footer__elsewhere li {
        display: inline-block
    }
}

@media all and (min-width:21.875em) {
    .site-footer__elsewhere {
        float: right
    }
}

@media all and (max-width:43.6875em) {
    .site-footer__elsewhere a {
        padding: 1.5em
    }
}

@media all and (min-width:21.875em) and (max-width:43.6875em) {
    .site-footer .aside {
        width: 75%;
        padding-left: 1.5em
    }
    .site-footer__elsewhere {
        width: 20%
    }
    .site-footer__elsewhere li {
        display: block
    }
}

@media all and (min-width:43.75em) {
    .site-footer .aside {
        width: 350px;
        min-width: 250px;
        padding-left: 2em
    }
    .site-footer__elsewhere a {
        padding: 2.7em
    }
}

@media all and (min-width:63.9375em) {
    .site-footer .aside {
        float: left
    }
    .site-footer__elsewhere li {
        display: inline-block
    }
}

@media all and (max-width:79.9375em) {
    .aside--contact .panel__title {
        font-size: 42px;
        font-size: 2.625rem
    }
}

@media all and (max-width:79.9375em) and (min-width:47.5em) {
    .aside--contact .panel__title {
        min-height: 96px
    }
}

@media all and (max-width:59.75em) {
    .aside--contact .panel__title {
        font-size: 36px;
        font-size: 2.25rem
    }
    .aside--contact .morph-label.p {
        padding: 12px!important
    }
    .aside--contact .morph-label.p\+ {
        padding: 24px!important
    }
    .aside--contact .morph-label.p\+\+ {
        padding: 48px!important
    }
    .aside--contact .morph-label.ph {
        padding-right: 12px!important;
        padding-left: 12px!important
    }
    .aside--contact .morph-label.ph\+ {
        padding-right: 24px!important;
        padding-left: 24px!important
    }
    .aside--contact .morph-label.ph\+\+ {
        padding-right: 48px!important;
        padding-left: 48px!important
    }
    .aside--contact .morph-label.pv {
        padding-top: 12px!important;
        padding-bottom: 12px!important
    }
    .aside--contact .morph-label.pv\+ {
        padding-top: 24px!important;
        padding-bottom: 24px!important
    }
    .aside--contact .morph-label.pv\+\+ {
        padding-top: 48px!important;
        padding-bottom: 48px!important
    }
}

@media all and (max-width:47.4375em) {
    .aside--contact [class~="1/2"],
    .aside--contact [class~="2/4"],
    .aside--contact [class~="4/8"] {
        width: 100%!important
    }
}

@media all and (max-width:38.6875em) {
    .aside--contact .panel__title {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media all and (max-width:31.1875em) {
    .aside--contact .panel__surtitle {
        font-size: 10px;
        font-size: .625rem;
        letter-spacing: .3em
    }
    .aside--contact .panel__action.btn--circle,
    .aside--contact .panel__actions .btn--circle {
        height: 5em;
        width: 5em
    }
}

.site-header__shelf {
    background-color: #DDEDF2;
    color: #cccccc;
    font-size: 14px;
    font-size: .875rem;
    text-align: center
}

.site-header__shelf>li:nth-child(1) {
    background-color: #d6e9ef
}

.site-header__shelf>li:nth-child(2) {
    background-color: #cee5ec
}

.site-header__shelf>li:nth-child(3) {
    background-color: #c7e1ea
}

.site-header__shelf>li:nth-child(4) {
    background-color: #bfdde7
}

.site-header__shelf>li:nth-child(5) {
    background-color: #b8d9e4
}

.site-header__shelf>li:nth-child(6) {
    background-color: #b1d6e1
}

.site-header__shelf>li.current-menu-item {
    background-color: #eff7f9
}

.site-header__shelf a {
    background-color: transparent;
    padding: 24px;
    color: #cccccc;
    text-decoration: none
}

.site-header__shelf a:focus,
.site-header__shelf a:hover {
    background-color: #eff7f9
}

.site-shelf__heading {
    font-size: 14px;
    font-size: .875rem;
    margin: 0;
    padding: 24px 2.85715em;
    background-color: #DDEDF2;
    color: #cccccc;
    font-weight: 400;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-decoration: none
}

.shelf-toggle {
    background-color: #DDEDF2;
    z-index: 1;
    position: relative;
    cursor: pointer
}

.project-related__heading,
.shelf-toggle:focus,
.shelf-toggle:hover {
    background-color: #eff7f9
}

.shelf-toggle:before {
    content: "\e631";
    float: right;
    display: block;
    font-size: 100%;
    font-family: Locomoticons;
    letter-spacing: 0
}

@media all and (min-width:39.375em) {
    .site-shelf__heading {
        display: none
    }
    .site-header__shelf {
        text-transform: uppercase;
        letter-spacing: 3px
    }
}

@media all and (max-width:39.365em) {
    .site-header__shelf {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: -webkit-transform .5s .3s;
        transition: transform .5s .3s;
        -webkit-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
        transform: translate(0, -100%);
        display: block
    }
    .site-header__shelf>li {
        width: auto!important;
        display: list-item
    }
    .shelf--is-revealed .shelf-toggle:before {
        content: "\e613"
    }
    .shelf--is-revealed .site-header__shelf {
        -webkit-transition: -webkit-transform .5s;
        transition: transform .5s;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@media all and (max-width:24.9375em),
(max-height:37.4375em) {
    .site-header__shelf>li>a,
    .site-shelf__heading {
        padding: 12px 1.85715em
    }
}

.project__introduction .sqe {
    width: 50%;
    padding-bottom: 37.5%;
    float: left;
    display: none
}

.project__introduction .slat__img,
.project__introduction .slat__outer {
    float: right
}

@media all and (max-width:33.125em) {
    .project__introduction .sqe {
        padding-bottom: 50%
    }
}

.project__introduction .sq-1 {
    padding-bottom: 37.5%
}

@media all and (max-width:43.75em) {
    .project__introduction .sq-1 {
        padding-bottom: 50%
    }
    .project__introduction .sq-1 .img--full-width {
        width: auto;
        height: 100%
    }
}

.project__introduction .slat__body {
    padding: 48px
}

@media all and (max-width:27.4375em) {
    .project__introduction .slat__body {
        padding-left: 1em;
        padding-right: 1em
    }
}

@media all and (max-width:33.125em) {
    .project__introduction .slat__img {
        width: 100%;
        padding-bottom: 100%
    }
    .project__introduction .slat__outer {
        width: 100%
    }
}

@media all and (min-width:33.125em) and (max-width:43.75em) {
    .project__introduction .slat__outer {
        padding-bottom: 50%
    }
}

@media all and (min-width:43.8125em) {
    .project__introduction .slat__outer {
        padding-bottom: 37.5%
    }
}

@media all and (min-width:33.1875em) {
    .project__introduction .slat__outer {
        position: relative;
        height: 0
    }
    .project__introduction .slat__outer>* {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0
    }
}

@media all and (max-width:62.5625em) {
    .project__introduction .slat__action {
        position: static
    }
}

@media all and (min-width:62.5em) {
    .project__introduction .slat__action {
        left: 48px;
        bottom: 48px
    }
}

.project__introduction .slat__title {
    font-size: 36px;
    font-weight: lighter
}

@media all and (min-width:33.125em) and (max-width:37.5em) {
    .project__introduction .slat__title {
        font-size: 16px
    }
}

@media all and (min-width:37.5625em) and (max-width:48.75em) {
    .project__introduction .slat__title {
        font-size: 18px
    }
}

@media all and (min-width:48.8125em) and (max-width:64.375em) {
    .project__introduction .slat__title {
        font-size: 24px
    }
}

@media all and (min-width:100em) {
    .project__introduction .slat__title {
        font-size: 60px
    }
}

.project-topic__head {
    float: left
}

@media all and (max-width:36.1875em) {
    .project-topic__head {
        width: 100%
    }
}

@media all and (min-width:36.25em) and (max-width:48.75em) {
    .project-topic__head {
        width: 50%
    }
}

@media all and (min-width:48.8125em) and (max-width:74.9375em) {
    .project-topic__head {
        width: 33.33333%
    }
}

@media all and (min-width:75em) {
    .project-topic__head {
        width: 25%
    }
}

@media all and (min-width:27.5em) {
    .project-topic__head--text {
        padding: 3em
    }
}

@media all and (max-width:27.4375em) {
    .project-topic__head--text {
        padding: 1em
    }
    .project-topic__gallery .standout blockquote {
        padding-left: .8em;
        padding-right: .8em
    }
}

.project-topic__gallery {
    float: right
}

@media all and (max-width:48.75em) {
    .project-topic__head {
        float: right
    }
    .project-topic__gallery {
        width: 100%
    }
}

@media all and (min-width:48.8125em) and (max-width:74.9375em) {
    .project-topic__gallery {
        width: 66.66667%
    }
}

@media all and (min-width:75em) {
    .project-topic__gallery {
        width: 75%
    }
}

@media all and (max-width:33.0625em) {
    .project-topic__gallery .standout {
        padding-top: 48px;
        padding-bottom: 48px
    }
}

@media all and (min-width:33.125em) {
    .project-topic__gallery .standout {
        padding-top: 96px;
        padding-bottom: 96px
    }
}

@media all and (min-width:27.5em) and (max-width:36.1875em) {
    .project-topic__gallery .standout blockquote {
        padding-left: 2.4em;
        padding-right: 2.4em
    }
}

@media all and (max-width:36.1875em) {
    .project-topic__gallery .standout blockquote {
        font-size: 20px;
        font-size: 1.25rem;
        width: auto
    }
    .project-topic__gallery .standout cite {
        display: block
    }
}

@media all and (min-width:36.25em) and (max-width:81.1875em) {
    .project-topic__gallery .standout blockquote {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media all and (min-width:81.25em) and (max-width:99.9375em) {
    .project-topic__gallery .standout blockquote {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.media-embed {
    margin: 0
}

.project--quote .standout {
    width: 70%;
    float: right;
    padding-right: 48px;
    padding-left: 48px
}

@media all and (max-width:74.9375em) {
    .project--quote .standout {
        width: 100%;
        float: none
    }
}

@media all and (min-width:27.5em) and (max-width:37.4375em) {
    .project--quote .standout {
        padding-right: 24px;
        padding-left: 24px
    }
}

@media all and (max-width:56.1875em) {
    .project--quote .standout.text--center>blockquote {
        width: 100%
    }
}

@media all and (min-width:27.5em) and (max-width:43.6875em) {
    .project--quote .standout.text--center>blockquote {
        font-size: 30px
    }
}

@media all and (max-width:27.4375em) {
    .project--quote .standout {
        padding-right: 1em;
        padding-left: 1em
    }
    .project--quote .standout.text--center>blockquote {
        font-size: 18px
    }
}

@media all and (min-width:25em) {
    .project-related__heading .project-related__title {
        float: left
    }
    .project-related__heading .project-action--index {
        float: right;
        text-align: right
    }
    .project-related__heading .project-action--index .strike--action:after {
        margin-right: 0;
        margin-left: auto
    }
}

@media all and (max-width:59.9375em) {
    .project-related__heading {
        line-height: 2;
        padding: 24px
    }
}

@media all and (min-width:60em) {
    .project-related__heading {
        padding: 24px 48px;
        line-height: 3
    }
}

.project-related__title {
    font-weight: lighter;
    margin: 0
}

@media all and (max-width:40.5625em) {
    .project-related__title {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media all and (min-width:40.625em) and (max-width:59.9375em) {
    .project-related__title {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media all and (min-width:60em) and (max-width:64.9375em) {
    .project-related__title {
        font-size: 36px;
        font-size: 2.25rem
    }
}

@media all and (min-width:65em) {
    .project-related__title {
        font-size: 42px;
        font-size: 2.625rem
    }
}

.project-related .project-action--index {
    margin: 0
}

.project-related .project-action--index>.strike--action {
    width: 160px
}

@media all and (max-width:26.875em) {
    .project-related [class~="1/2"] .slat>.slat__body,
    .project-related [class~="1/2"] .slat__img,
    .project-related [class~="1/2"] .slat__img--rev,
    .project-related [class~="1/2"] .slat__outer,
    .project-related [class~="2/4"] .slat>.slat__body,
    .project-related [class~="2/4"] .slat__img,
    .project-related [class~="2/4"] .slat__img--rev,
    .project-related [class~="2/4"] .slat__outer,
    .project-related [class~="4/8"] .slat>.slat__body,
    .project-related [class~="4/8"] .slat__img,
    .project-related [class~="4/8"] .slat__img--rev,
    .project-related [class~="4/8"] .slat__outer {
        float: none;
        width: 100%
    }
    .project-related [class~="1/2"] .slat__img,
    .project-related [class~="1/2"] .slat__img--rev,
    .project-related [class~="2/4"] .slat__img,
    .project-related [class~="2/4"] .slat__img--rev,
    .project-related [class~="4/8"] .slat__img,
    .project-related [class~="4/8"] .slat__img--rev {
        height: 0;
        padding-bottom: 74.864%
    }
    .project-related [class~="1/2"] [class*=sq-].slat__outer,
    .project-related [class~="2/4"] [class*=sq-].slat__outer,
    .project-related [class~="4/8"] [class*=sq-].slat__outer {
        height: auto;
        padding-bottom: 0!important
    }
    .project-related [class~="1/2"] [class*=sq-].slat__outer .slat__action,
    .project-related [class~="1/2"] [class*=sq-].slat__outer>*,
    .project-related [class~="2/4"] [class*=sq-].slat__outer .slat__action,
    .project-related [class~="2/4"] [class*=sq-].slat__outer>*,
    .project-related [class~="4/8"] [class*=sq-].slat__outer .slat__action,
    .project-related [class~="4/8"] [class*=sq-].slat__outer>* {
        position: static
    }
}

.modal--simple,
.morph-label {
    position: relative
}

@media all and (max-width:26em) {
    .project-related [class~="1/2"] a:focus .strike--action:after,
    .project-related [class~="1/2"] a:hover .strike--action:after,
    .project-related [class~="2/4"] a:focus .strike--action:after,
    .project-related [class~="2/4"] a:hover .strike--action:after,
    .project-related [class~="4/8"] a:focus .strike--action:after,
    .project-related [class~="4/8"] a:hover .strike--action:after {
        width: 100%
    }
}

@media all and (min-width:23.125em) and (max-width:59.9375em) {
    .project-related [class~="1/2"]:nth-child(odd) .slat__img,
    .project-related [class~="2/4"]:nth-child(odd) .slat__img,
    .project-related [class~="4/8"]:nth-child(odd) .slat__img {
        float: right
    }
    .project-related [class~="1/2"]:nth-child(odd) .slat__img--rev,
    .project-related [class~="2/4"]:nth-child(odd) .slat__img--rev,
    .project-related [class~="4/8"]:nth-child(odd) .slat__img--rev {
        float: left
    }
}

@media all and (max-width:59.9375em) {
    .project-related [class~="1/2"],
    .project-related [class~="2/4"],
    .project-related [class~="4/8"] {
        width: 100%!important
    }
    .project-related .p {
        padding: 12px!important
    }
    .project-related .p\+ {
        padding: 24px!important
    }
    .project-related .p\+\+ {
        padding: 48px!important
    }
    .project-related .ph {
        padding-right: 12px!important;
        padding-left: 12px!important
    }
    .project-related .ph\+ {
        padding-right: 24px!important;
        padding-left: 24px!important
    }
    .project-related .ph\+\+ {
        padding-right: 48px!important;
        padding-left: 48px!important
    }
    .project-related .p>.slat__action {
        bottom: 12px;
        left: 12px;
        right: 12px
    }
    .project-related .p\+>.slat__action {
        bottom: 24px;
        left: 24px;
        right: 24px
    }
    .project-related .p\+\+>.slat__action {
        bottom: 48px;
        left: 48px;
        right: 48px
    }
}

@media all and (max-width:44.9375em),
(min-width:60em) and (max-width:88.6875em) {
    .project-related [class~="1/2"] .slat__title,
    .project-related [class~="2/4"] .slat__title,
    .project-related [class~="4/8"] .slat__title {
        font-weight: 400
    }
}

@media all and (max-width:38.6875em),
(min-width:60em) and (max-width:64.9375em) {
    .project-related [class~="1/2"] .slat__title,
    .project-related [class~="2/4"] .slat__title,
    .project-related [class~="4/8"] .slat__title {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media all and (min-width:38.75em) and (max-width:44.9375em),
(min-width:65em) and (max-width:88.6875em) {
    .project-related [class~="1/2"] .slat__title,
    .project-related [class~="2/4"] .slat__title,
    .project-related [class~="4/8"] .slat__title {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media all and (min-width:45em) and (max-width:51.1875em),
(min-width:88.75em) and (max-width:99.9375em) {
    .project-related [class~="1/2"] .slat__title,
    .project-related [class~="2/4"] .slat__title,
    .project-related [class~="4/8"] .slat__title {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media all and (min-width:51.25em) and (max-width:59.9375em),
(min-width:100em) {
    .project-related [class~="1/2"] .slat__title,
    .project-related [class~="2/4"] .slat__title,
    .project-related [class~="4/8"] .slat__title {
        font-size: 36px;
        font-size: 2.25rem
    }
}

@media all and (min-width:60em) and (max-width:87.4375em) {
    .project-related [class~="1/2"] .p,
    .project-related [class~="2/4"] .p,
    .project-related [class~="4/8"] .p {
        padding: 12px!important
    }
    .project-related [class~="1/2"] .p\+,
    .project-related [class~="2/4"] .p\+,
    .project-related [class~="4/8"] .p\+ {
        padding: 24px!important
    }
    .project-related [class~="1/2"] .p\+\+,
    .project-related [class~="2/4"] .p\+\+,
    .project-related [class~="4/8"] .p\+\+ {
        padding: 48px!important
    }
    .project-related [class~="1/2"] .p>.slat__action,
    .project-related [class~="2/4"] .p>.slat__action,
    .project-related [class~="4/8"] .p>.slat__action {
        bottom: 12px;
        left: 12px
    }
    .project-related [class~="1/2"] .p\+>.slat__action,
    .project-related [class~="2/4"] .p\+>.slat__action,
    .project-related [class~="4/8"] .p\+>.slat__action {
        bottom: 24px;
        left: 24px
    }
    .project-related [class~="1/2"] .p\+\+>.slat__action,
    .project-related [class~="2/4"] .p\+\+>.slat__action,
    .project-related [class~="4/8"] .p\+\+>.slat__action {
        bottom: 48px;
        left: 48px
    }
}

.template--modal {
    background-color: #cccccc;
    color: #FFF
}

.modal--simple,
.morph-content {
    background-color: #36434d;
    color: #FFF;
    padding: 2.5em
}

.morph-label {
    display: block;
    height: 100%
}

.morph-content {
    opacity: 0;
    visibility: hidden;
    overflow-scrolling: touch;
    overflow-y: auto;
    z-index: 1060;
    position: fixed;
    display: block;
    background-color: rgba(54, 67, 77, .98);
    -webkit-transition: top .3s .5s, right .3s .5s, bottom .3s .5s, left .3s .5s, opacity .4s .2s, visibility .4s .2s;
    transition: top .3s .5s, right .3s .5s, bottom .3s .5s, left .3s .5s, opacity .4s .2s, visibility .4s .2s
}

.step,
.step:hover {
    color: currentColor
}

.step,
.step-arrow {
    position: relative
}

.morph-content unquote('.morph-content.bg--charleston') {
    background-color: rgba(14, 29, 35, .98)
}

.morph-content unquote('.morph-content.bg--charcoal') {
    background-color: rgba(39, 49, 56, .98)
}

.morph-content unquote('.morph-content.bg--alice') {
    background-color: rgba(221, 237, 242, .98)
}

.morph-content unquote('.morph-content.bg--emerald') {
    background-color: rgba(27, 206, 124, .98)
}

.morph-content unquote('.morph-content.bg--azure') {
    background-color: rgba(16, 166, 249, .98)
}

.morph-content unquote('.morph-content.bg--coral') {
    background-color: rgba(255, 102, 102, .98)
}

.morph-content unquote('.morph-content.bg--white') {
    background-color: rgba(255, 255, 255, .98)
}

.morph-content unquote('.morph-content.bg--black') {
    background-color: rgba(0, 0, 0, .98)
}

.morph-content unquote('.morph-content.bg--charcoal-light') {
    background-color: rgba(54, 67, 77, .98)
}

.morph-content unquote('.morph-content.bg--alice-light') {
    background-color: rgba(239, 247, 249, .98)
}

.morph-content unquote('.morph-content.bg--emerald-dark') {
    background-color: rgba(25, 192, 116, .98)
}

.morph-content.modal-dialog {
    white-space: nowrap;
    text-align: center
}

.morph-content.modal-dialog:before {
    content: "";
    position: relative;
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.morph-content.modal-dialog>* {
    display: inline-block;
    vertical-align: middle;
    white-space: normal
}

.morph-content>* {
    opacity: 0;
    visibility: hidden;
    text-align: left;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: -webkit-transform .3s .1s, opacity .3s .1s, visibility .3s .1s;
    transition: transform .3s .1s, opacity .3s .1s, visibility .3s .1s
}

@media all and (max-width:24.9375em) {
    .morph-content {
        padding: 2.5em 1.625em
    }
}

@media all and (min-width:25em) {
    .morph-content {
        padding: 2.5em
    }
}

.morph--is-open .morph-content {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    right: 0!important;
    bottom: 0!important;
    left: 0!important;
    -webkit-transition: top .4s .1s, right .4s .1s, bottom .4s .1s, left .4s .1s, opacity .3s .3s, visibility .3s .3s;
    transition: top .4s .1s, right .4s .1s, bottom .4s .1s, left .4s .1s, opacity .3s .3s, visibility .3s .3s
}

.morph--is-open .morph-content>* {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s .5s, opacity .3s .5s, visibility .3s .5s;
    transition: transform .3s .5s, opacity .3s .5s, visibility .3s .5s
}

@media all and (min-width:25em),
(min-height:37.5em) {
    .morph--is-open .morph-content {
        top: 94px!important
    }
}

@media all and (max-width:24.9375em),
(max-height:37.4375em) {
    .morph--is-open .morph-content {
        top: 54px!important
    }
}

.is-not-firefox .expertise:nth-child(odd) .expertise__aside,
.is-not-firefox .expertise:nth-child(odd) .expertise__decorative,
.is-not-firefox .expertise:nth-child(odd) .expertise__main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row-reverse wrap;
    -ms-flex-flow: row-reverse wrap;
    flex-flow: row-reverse wrap
}

.expertise__services li {
    margin: 1.3333em 0
}

.expertise__services li:first-child {
    margin-top: 0
}

.expertise__services li:last-child {
    margin-bottom: 0
}

.expertise__icon,
.step__icon {
    display: inline-block;
    width: 2em;
    height: 2em;
    font-size: 2em;
    line-height: 1.75;
    border-radius: 200px
}

.has-currentcolor .expertise__icon,
.has-currentcolor .step__icon {
    border: 1px solid currentColor
}

.has-no-currentcolor .expertise__icon,
.has-no-currentcolor .step__icon {
    border-style: solid
}

.has-no-currentcolor .expertise__icon,
.has-no-currentcolor .fg--charcoal .expertise__icon,
.has-no-currentcolor .fg--charcoal .step__icon,
.has-no-currentcolor .step__icon {
    border-color: #cccccc
}

.has-no-currentcolor .fg--emerald .expertise__icon,
.has-no-currentcolor .fg--emerald .step__icon {
    border-color: #1BCE7C
}

.has-no-currentcolor .fg--white .expertise__icon,
.has-no-currentcolor .fg--white .step__icon {
    border-color: #fff
}

.has-currentcolor .expertise__icon,
.has-currentcolor .step__icon,
.has-no-currentcolor .expertise__icon,
.has-no-currentcolor .step__icon {
    border-width: 3px
}

.expertise__icon>img,
.expertise__icon>svg,
.step__icon>img,
.step__icon>svg {
    vertical-align: middle;
    width: 64px;
    height: 64px
}

.expertise__icon {
    border-width: 4px;
    font-size: 4em
}

.steps {
    width: 90%;
    max-width: 1500px;
    margin: 0 auto;
    text-align: center
}

@media all and (min-width:50em) {
    .steps {
        padding: 96px 0
    }
}

@media all and (max-width:49.9375em) {
    .steps {
        display: block;
        padding: 48px 0
    }
}

.steps__inner {
    width: 100%
}

@media all and (min-width:50em) {
    .steps__inner {
        display: table;
        table-layout: fixed
    }
}

@media all and (max-width:26.8125em) {
    .steps__inner {
        display: inline-block;
        text-align: left
    }
}

.step {
    vertical-align: top;
    text-decoration: none
}

@media all and (min-width:50em) {
    .step {
        display: table-cell
    }
}

@media all and (min-width:26.875em) and (max-width:49.9375em) {
    .step {
        display: inline-block;
        width: 50%
    }
}

@media all and (max-width:26.8125em) {
    .step {
        white-space: nowrap;
        display: block;
        width: 100%
    }
    .step:before,
    .step>* {
        display: inline-block;
        vertical-align: middle
    }
    .step:before {
        content: "";
        position: relative;
        height: 100%
    }
    .step>* {
        white-space: normal
    }
    .step__icon {
        margin-right: .5em
    }
}

.step__icon {
    border-width: 2px;
    text-align: center
}

.step__icon img,
.step__icon svg {
    height: 32px;
    width: 32px
}

@media all and (min-width:26.875em) {
    .step__icon {
        margin-bottom: .5em
    }
    .step-arrow {
        color: #cccccc
    }
}

@media all and (min-width:18.75em) {
    .step__icon {
        font-size: 3em
    }
}

@media all and (max-width:18.6875em) {
    .step__icon {
        font-size: 2em
    }
}

.step__title {
    color: #cccccc;
    font-family: Open Sans, Helmet, Freesans, Trebuchet MS, sans-serif;
    font-weight: lighter;
    font-style: normal;
    line-height: 1.3333
}

@media all and (min-width:93.75em) {
    .step__title {
        font-size: 42px
    }
}

@media all and (min-width:73.75em) and (max-width:93.6875em) {
    .step__title {
        font-size: 30px
    }
}

@media all and (max-width:73.6875em) {
    .step__title {
        font-size: 24px
    }
}

@media all and (max-width:26.8125em),
(min-width:64em) {
    .step__title {
        margin-bottom: 0
    }
}

@media all and (min-width:64em) {
    .step-arrow {
        display: table-cell;
        width: 8%;
        line-height: 2;
        vertical-align: top
    }
}

@media all and (min-width:26.875em) and (max-width:63.9375em) {
    .step-arrow {
        display: none
    }
}

@media all and (max-width:26.8125em) {
    .step-arrow {
        display: block;
        width: 2em;
        height: 1em;
        color: #1BCE7C;
        line-height: 1
    }
}

@media all and (min-width:18.75em) {
    .step-arrow {
        font-size: 3em
    }
}

@media all and (max-width:18.6875em) {
    .step-arrow {
        font-size: 2em
    }
}

.step-arrow:before {
    content: "";
    display: inline-block;
    vertical-align: middle
}

@media all and (min-width:64em) {
    .step-arrow:before {
        height: 2px;
        width: 100%
    }
}

@media all and (min-width:26.875em) {
    .step-arrow:before {
        background-color: #cccccc
    }
}

@media all and (max-width:26.8125em) {
    .step-arrow:before {
        display: block;
        height: 80%;
        width: 2px;
        margin: 0 auto;
        background-color: #1BCE7C
    }
}

.step-arrow:after {
    font-family: Locomoticons;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    vertical-align: middle
}

.template--cuba #cuba_wrapper .head p,
.template--cuba .image_wrapper .img_box .mask .name {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    text-transform: uppercase
}

@media all and (min-width:60em) {
    .step-arrow:after {
        position: absolute;
        top: 34px
    }
}

@media all and (min-width:64em) {
    .step-arrow:after {
        content: "\e630";
        display: inline-block;
        margin-left: -11px
    }
}

@media all and (max-width:26.8125em) {
    .step-arrow:after {
        content: "\e631";
        display: block;
        margin-top: -11px;
        text-align: center
    }
}

[hidden] {
    display: none;
    visibility: hidden
}

.disable-hover,
.disable-hover * {
    pointer-events: none!important
}

.accessibility-aid,
.for-accessibility,
.media-embed figcaption {
    position: absolute;
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    margin: 0;
    border: 0;
    clip: rect(0 0 0 0)
}

.accessibility-aid:focus {
    z-index: 1;
    top: 0;
    clip: auto;
    height: auto;
    width: auto
}

.text--uppercase {
    text-transform: uppercase
}

.text--left {
    text-align: left
}

.text--center {
    text-align: center
}

.text--right {
    text-align: right
}

.text--justify {
    text-align: justify
}

@media all and (max-width:18.75em) {
    .palm-text--left {
        text-align: left
    }
    .palm-text--center {
        text-align: center
    }
    .palm-text--right {
        text-align: right
    }
    .palm-text--justify {
        text-align: justify
    }
}

@media all and (max-width:37.5em) {
    .lap-small-text--left {
        text-align: left
    }
    .lap-small-text--center {
        text-align: center
    }
    .lap-small-text--right {
        text-align: right
    }
    .lap-small-text--justify {
        text-align: justify
    }
}

@media all and (max-width:56.25em) {
    .desk-small-text--left {
        text-align: left
    }
    .desk-small-text--center {
        text-align: center
    }
    .desk-small-text--right {
        text-align: right
    }
    .desk-small-text--justify {
        text-align: justify
    }
}

@media all and (max-width:125em) {
    .desk-wide-text--left {
        text-align: left
    }
    .desk-wide-text--center {
        text-align: center
    }
    .desk-wide-text--right {
        text-align: right
    }
    .desk-wide-text--justify {
        text-align: justify
    }
}

.weight--light {
    font-weight: lighter
}

.weight--normal {
    font-weight: 400
}

.weight--medium {
    font-weight: 700
}

.weight--bold {
    font-weight: bolder
}

.color-blue {
    color: #10A6F9
}

.color-grey {
    color: #99B0BA
}

.img--full-height {
    display: block;
    max-width: none;
    height: 100%
}

.img--full-width {
    display: block;
    max-width: none;
    width: 100%
}

.img--round {
    padding: .5em;
    border-radius: 200px
}

.has-currentcolor .img--round {
    border: 1px solid currentColor
}

.has-no-currentcolor .img--round {
    border-width: 1px;
    border-style: solid
}

.has-no-currentcolor .fg--charcoal .img--round,
.has-no-currentcolor .img--round {
    border-color: #cccccc
}

.has-no-currentcolor .fg--emerald .img--round {
    border-color: #1BCE7C
}

.has-no-currentcolor .fg--white .img--round,
.has-no-currentcolor a[class*=bg--]:focus .btn,
.has-no-currentcolor a[class*=bg--]:hover .btn {
    border-color: #fff
}

img[height="1"][width="1"] {
    position: absolute;
    bottom: 0
}

.fg--charleston {
    color: #0E1D23
}

.fg--charleston .icon {
    fill: #0E1D23;
    stroke: #0E1D23
}

.bg--charleston {
    background-color: #0E1D23
}

.fg--charcoal {
    color: #cccccc
}

.fg--charcoal .icon {
    fill: #cccccc;
    stroke: #cccccc
}

.bg--charcoal {
    background-color: #cccccc
}

.fg--alice {
    color: #DDEDF2
}

.fg--alice .icon {
    fill: #DDEDF2;
    stroke: #DDEDF2
}

.bg--alice {
    background-color: #DDEDF2
}

.fg--emerald {
    color: #1BCE7C
}

.fg--emerald .icon {
    fill: #1BCE7C;
    stroke: #1BCE7C
}

.bg--emerald {
    background-color: #1BCE7C
}

.fg--azure {
    color: #10A6F9
}

.fg--azure .icon {
    fill: #10A6F9;
    stroke: #10A6F9
}

.bg--azure {
    background-color: #10A6F9
}

.fg--coral {
    color: #F66
}

.fg--coral .icon {
    fill: #F66;
    stroke: #F66
}

.bg--coral {
    background-color: #F66
}

.fg--white {
    color: #FFF
}

.fg--white .icon {
    fill: #FFF;
    stroke: #FFF
}

.bg--white {
    background-color: #FFF
}

.fg--black {
    color: #000
}

.fg--black .icon {
    fill: #000;
    stroke: #000
}

.bg--black {
    background-color: #000
}

.fg--charcoal-light {
    color: #36434d
}

.fg--charcoal-light .icon {
    fill: #36434d;
    stroke: #36434d
}

.bg--charcoal-light {
    background-color: #36434d
}

.fg--alice-light {
    color: #eff7f9
}

.fg--alice-light .icon {
    fill: #eff7f9;
    stroke: #eff7f9
}

.bg--alice-light {
    background-color: #eff7f9
}

.fg--emerald-dark {
    color: #19c074
}

.fg--emerald-dark .icon {
    fill: #19c074;
    stroke: #19c074
}

.bg--emerald-dark {
    background-color: #19c074
}

a[class*=bg--] {
    user-select: none;
    color: inherit;
    text-decoration: none
}

a[class*=bg--]:visited {
    color: inherit
}

a[class*=bg--]:focus,
a[class*=bg--]:hover {
    color: #FFF;
    background-color: #36434d
}

a[class*=bg--]:active {
    color: #1BCE7C;
    background-color: #cccccc
}

.has-no-currentcolor a[class*=bg--]:focus .strike--action:after,
.has-no-currentcolor a[class*=bg--]:focus .strike-above:before,
.has-no-currentcolor a[class*=bg--]:focus .strike-below:after,
.has-no-currentcolor a[class*=bg--]:focus .surtitle:after,
.has-no-currentcolor a[class*=bg--]:hover .strike--action:after,
.has-no-currentcolor a[class*=bg--]:hover .strike-above:before,
.has-no-currentcolor a[class*=bg--]:hover .strike-below:after,
.has-no-currentcolor a[class*=bg--]:hover .surtitle:after {
    background-color: #fff
}

.template--agency .about__quote-aside .layout__item--1,
.template--agency .about__quote-aside .layout__item--3,
.template--contact .column-1>.layout__item.sq,
.template--contact .column-3>.layout__item.sq,
.template--project-list .layout__item.rc,
.template--project-list .layout__item.sq,
.template--team-list .layout__item.rc,
.template--team-list .layout__item.sq,
[class*=sq-] {
    position: relative;
    height: 0;
    padding: 0
}

.ph,
.pr {
    padding-right: 24px!important
}

.ph,
.pl {
    padding-left: 24px!important
}

.pt,
.pv {
    padding-top: 24px!important
}

.template--agency .about__quote-aside .layout__item--1>*,
.template--agency .about__quote-aside .layout__item--3>*,
.template--contact .column-1>.layout__item.sq>*,
.template--contact .column-3>.layout__item.sq>*,
.template--project-list .layout__item.rc>*,
.template--project-list .layout__item.sq>*,
.template--team-list .layout__item.rc>*,
.template--team-list .layout__item.sq>*,
[class*=sq-]>* {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0
}

.mh,
.mr {
    margin-right: 20px!important
}

.mh,
.ml {
    margin-left: 20px!important
}

.mt,
.mv {
    margin-top: 20px!important
}

.mb,
.mv {
    margin-bottom: 20px!important
}

[class~=sq-1-whole] {
    padding-bottom: 100%!important
}

[class~="sq-1/2"],
[class~="sq-2/4"],
[class~="sq-3/6"],
[class~="sq-4/8"],
[class~="sq-5/10"],
[class~="sq-6/12"] {
    padding-bottom: 50%!important
}

[class~="sq-1/3"],
[class~="sq-2/6"],
[class~="sq-3/9"],
[class~="sq-4/12"] {
    padding-bottom: 33.33333%!important
}

[class~="sq-2/3"],
[class~="sq-4/6"],
[class~="sq-6/9"],
[class~="sq-8/12"] {
    padding-bottom: 66.66667%!important
}

[class~="sq-1/4"],
[class~="sq-2/8"],
[class~="sq-3/12"] {
    padding-bottom: 25%!important
}

[class~="sq-3/4"],
[class~="sq-6/8"],
[class~="sq-9/12"] {
    padding-bottom: 75%!important
}

[class~="sq-1/5"],
[class~="sq-2/10"] {
    padding-bottom: 20%!important
}

[class~="sq-2/5"],
[class~="sq-4/10"] {
    padding-bottom: 40%!important
}

[class~="sq-3/5"],
[class~="sq-6/10"] {
    padding-bottom: 60%!important
}

[class~="sq-4/5"],
[class~="sq-8/10"] {
    padding-bottom: 80%!important
}

[class~="sq-1/6"],
[class~="sq-2/12"] {
    padding-bottom: 16.66667%!important
}

[class~="sq-5/6"],
[class~="sq-10/12"] {
    padding-bottom: 83.33333%!important
}

[class~="sq-1/8"] {
    padding-bottom: 12.5%!important
}

[class~="sq-3/8"] {
    padding-bottom: 37.5%!important
}

[class~="sq-5/8"] {
    padding-bottom: 62.5%!important
}

[class~="sq-7/8"] {
    padding-bottom: 87.5%!important
}

[class~="sq-1/9"] {
    padding-bottom: 11.11111%!important
}

[class~="sq-2/9"] {
    padding-bottom: 22.22222%!important
}

[class~="sq-4/9"] {
    padding-bottom: 44.44444%!important
}

[class~="sq-5/9"] {
    padding-bottom: 55.55556%!important
}

[class~="sq-7/9"] {
    padding-bottom: 77.77778%!important
}

[class~="sq-8/9"] {
    padding-bottom: 88.88889%!important
}

[class~="sq-1/10"] {
    padding-bottom: 10%!important
}

[class~="sq-3/10"] {
    padding-bottom: 30%!important
}

[class~="sq-7/10"] {
    padding-bottom: 70%!important
}

[class~="sq-9/10"] {
    padding-bottom: 90%!important
}

[class~="sq-1/12"] {
    padding-bottom: 8.33333%!important
}

[class~="sq-5/12"] {
    padding-bottom: 41.66667%!important
}

[class~="sq-7/12"] {
    padding-bottom: 58.33333%!important
}

[class~="sq-11/12"] {
    padding-bottom: 91.66667%!important
}

.pb,
.pv {
    padding-bottom: 24px!important
}

[class~="1-whole"] {
    width: 100%!important
}

[class~="1/2"],
[class~="2/4"],
[class~="4/8"] {
    width: 50%!important
}

[class~="1/3"] {
    width: 33.33333%!important
}

[class~="2/3"] {
    width: 66.66667%!important
}

[class~="1/4"],
[class~="2/8"] {
    width: 25%!important
}

[class~="3/4"],
[class~="6/8"] {
    width: 75%!important
}

[class~="1/8"] {
    width: 12.5%!important
}

[class~="3/8"] {
    width: 37.5%!important
}

[class~="5/8"] {
    width: 62.5%!important
}

[class~="7/8"] {
    width: 87.5%!important
}

.m {
    margin: 20px!important
}

.mh--,
.mr-- {
    margin-right: 5px!important
}

.mh--,
.ml-- {
    margin-left: 5px!important
}

.mt--,
.mv-- {
    margin-top: 5px!important
}

.mb--,
.mv-- {
    margin-bottom: 5px!important
}

.m-- {
    margin: 5px!important
}

.mh-,
.mr- {
    margin-right: 10px!important
}

.mh-,
.ml- {
    margin-left: 10px!important
}

.mt-,
.mv- {
    margin-top: 10px!important
}

.mb-,
.mv- {
    margin-bottom: 10px!important
}

.m- {
    margin: 10px!important
}

.mh\+,
.mr\+ {
    margin-right: 40px!important
}

.mh\+,
.ml\+ {
    margin-left: 40px!important
}

.mt\+,
.mv\+ {
    margin-top: 40px!important
}

.mb\+,
.mv\+ {
    margin-bottom: 40px!important
}

.m\+ {
    margin: 40px!important
}

.mh\+\+,
.mr\+\+ {
    margin-right: 80px!important
}

.mh\+\+,
.ml\+\+ {
    margin-left: 80px!important
}

.mt\+\+,
.mv\+\+ {
    margin-top: 80px!important
}

.mb\+\+,
.mv\+\+ {
    margin-bottom: 80px!important
}

.m\+\+ {
    margin: 80px!important
}

.mh0,
.mr0 {
    margin-right: 0!important
}

.mh0,
.ml0 {
    margin-left: 0!important
}

.mt0,
.mv0 {
    margin-top: 0!important
}

.mb0,
.mv0 {
    margin-bottom: 0!important
}

.m0 {
    margin: 0!important
}

.-mh\+,
.-mr\+ {
    margin-right: -40px!important
}

.-mh\+,
.-ml\+ {
    margin-left: -40px!important
}

.-mt\+,
.-mv\+ {
    margin-top: -40px!important
}

.-mb\+,
.-mv\+ {
    margin-bottom: -40px!important
}

.-m\+ {
    margin: -40px!important
}

.p {
    padding: 24px!important
}

.ph--,
.pr-- {
    padding-right: 6px!important
}

.ph--,
.pl-- {
    padding-left: 6px!important
}

.pt--,
.pv-- {
    padding-top: 6px!important
}

.pb--,
.pv-- {
    padding-bottom: 6px!important
}

.p-- {
    padding: 6px!important
}

.ph-,
.pr- {
    padding-right: 12px!important
}

.ph-,
.pl- {
    padding-left: 12px!important
}

.pt-,
.pv- {
    padding-top: 12px!important
}

.pb-,
.pv- {
    padding-bottom: 12px!important
}

.p- {
    padding: 12px!important
}

.ph\+,
.pr\+ {
    padding-right: 48px!important
}

.ph\+,
.pl\+ {
    padding-left: 48px!important
}

.pt\+,
.pv\+ {
    padding-top: 48px!important
}

.pb\+,
.pv\+ {
    padding-bottom: 48px!important
}

.p\+ {
    padding: 48px!important
}

.ph\+\+,
.pr\+\+ {
    padding-right: 96px!important
}

.ph\+\+,
.pl\+\+ {
    padding-left: 96px!important
}

.pt\+\+,
.pv\+\+ {
    padding-top: 96px!important
}

.pb\+\+,
.pv\+\+ {
    padding-bottom: 96px!important
}

.p\+\+ {
    padding: 96px!important
}

.glitch.fg--white a {
    color: #FFF;
    text-decoration: underline
}

.glitch.fg--white a:visited {
    color: #f2f2f2
}

.glitch.fg--white a:focus,
.glitch.fg--white a:hover {
    color: #0f7446
}

.glitch.fg--white a:active {
    color: #cccccc
}

.glitch__inner {
    width: 90%;
    max-width: 45em
}

.glitch__image {
    border-radius: 200px
}

@media all and (max-height:43.6875em) {
    .glitch {
        padding: 5% 0
    }
    .glitch__inner {
        margin: 0 auto
    }
    .glitch__image {
        margin-top: 48px;
        margin-bottom: 24px
    }
}

@media all and (min-height:43.75em) {
    .glitch:before,
    .glitch>* {
        display: inline-block;
        vertical-align: middle
    }
    .glitch {
        white-space: nowrap;
        height: 100%
    }
    .glitch:before {
        content: "";
        position: relative;
        height: 100%
    }
    .glitch>* {
        white-space: normal
    }
    .glitch__image {
        margin-bottom: 48px
    }
}

@media all and (max-width:29.9375em) {
    .glitch__title {
        font-size: 36px;
        font-size: 2.25rem
    }
}

@media all and (min-width:30em) and (max-width:47.4375em) {
    .glitch__title {
        font-size: 56px;
        font-size: 3.5rem
    }
}

@media all and (min-width:47.5em) {
    .glitch__title {
        font-size: 80px;
        font-size: 5rem
    }
}

.glitch__body {
    margin-top: 96px
}

@media all and (max-width:49.9375em) {
    .glitch__body {
        margin-top: 48px
    }
}

@media all and (max-width:26em) {
    .template--home [role=main] [class~="1/2"] a:focus .strike--action:after,
    .template--home [role=main] [class~="1/2"] a:hover .strike--action:after,
    .template--home [role=main] [class~="2/4"] a:focus .strike--action:after,
    .template--home [role=main] [class~="2/4"] a:hover .strike--action:after,
    .template--home [role=main] [class~="4/8"] a:focus .strike--action:after,
    .template--home [role=main] [class~="4/8"] a:hover .strike--action:after,
    .template--home [role=main] [class~="1/4"] a:focus .strike--action:after,
    .template--home [role=main] [class~="1/4"] a:hover .strike--action:after,
    .template--home [role=main] [class~="2/8"] a:focus .strike--action:after,
    .template--home [role=main] [class~="2/8"] a:hover .strike--action:after {
        width: 100%
    }
}

@media all and (max-width:26.8125em) {
    .template--home [role=main] [class~="1/4"],
    .template--home [role=main] [class~="2/8"] {
        float: none;
        width: 100%!important
    }
    .template--home [role=main] [class~="sq-1/4"],
    .template--home [role=main] [class~="sq-2/8"],
    .template--home [role=main] [class~="sq-3/12"] {
        padding-bottom: 50%!important
    }
    .template--home [role=main] [class~="1/2"] .slat>.slat__body,
    .template--home [role=main] [class~="1/2"] .slat__img,
    .template--home [role=main] [class~="1/2"] .slat__img--rev,
    .template--home [role=main] [class~="1/2"] .slat__outer,
    .template--home [role=main] [class~="2/4"] .slat>.slat__body,
    .template--home [role=main] [class~="2/4"] .slat__img,
    .template--home [role=main] [class~="2/4"] .slat__img--rev,
    .template--home [role=main] [class~="2/4"] .slat__outer,
    .template--home [role=main] [class~="4/8"] .slat>.slat__body,
    .template--home [role=main] [class~="4/8"] .slat__img,
    .template--home [role=main] [class~="4/8"] .slat__img--rev,
    .template--home [role=main] [class~="4/8"] .slat__outer {
        float: none;
        width: 100%
    }
    .template--home [role=main] [class~="1/2"] .slat__img,
    .template--home [role=main] [class~="1/2"] .slat__img--rev,
    .template--home [role=main] [class~="2/4"] .slat__img,
    .template--home [role=main] [class~="2/4"] .slat__img--rev,
    .template--home [role=main] [class~="4/8"] .slat__img,
    .template--home [role=main] [class~="4/8"] .slat__img--rev {
        height: 0;
        padding-bottom: 74.864%
    }
    .template--home [role=main] [class~="1/2"] [class*=sq-].slat__outer,
    .template--home [role=main] [class~="2/4"] [class*=sq-].slat__outer,
    .template--home [role=main] [class~="4/8"] [class*=sq-].slat__outer {
        height: auto;
        padding-bottom: 0!important
    }
    .template--home [role=main] [class~="1/2"] [class*=sq-].slat__outer .slat__action,
    .template--home [role=main] [class~="1/2"] [class*=sq-].slat__outer>*,
    .template--home [role=main] [class~="2/4"] [class*=sq-].slat__outer .slat__action,
    .template--home [role=main] [class~="2/4"] [class*=sq-].slat__outer>*,
    .template--home [role=main] [class~="4/8"] [class*=sq-].slat__outer .slat__action,
    .template--home [role=main] [class~="4/8"] [class*=sq-].slat__outer>* {
        position: static
    }
}

@media all and (min-width:26.875em) and (max-width:59.9375em) {
    .template--home [role=main] [class~="1/4"],
    .template--home [role=main] [class~="2/8"] {
        width: 50%!important
    }
    .template--home [role=main] [class~="sq-1/4"],
    .template--home [role=main] [class~="sq-2/8"],
    .template--home [role=main] [class~="sq-3/12"] {
        padding-bottom: 50%!important
    }
}

@media all and (max-width:31.1875em) {
    .template--home [role=main] .standout>blockquote {
        font-size: 18px;
        font-size: 1.125rem
    }
    .template--home [role=main] .standout>footer {
        font-size: 10px;
        font-size: .625rem;
        letter-spacing: .3em
    }
    .template--home [role=main] .standout .caption {
        display: block
    }
}

@media all and (min-width:23.125em) and (max-width:59.9375em) {
    .template--home [role=main] [class~="1/2"]:nth-child(odd) .slat__img,
    .template--home [role=main] [class~="2/4"]:nth-child(odd) .slat__img,
    .template--home [role=main] [class~="4/8"]:nth-child(odd) .slat__img {
        float: right
    }
    .template--home [role=main] [class~="1/2"]:nth-child(odd) .slat__img--rev,
    .template--home [role=main] [class~="2/4"]:nth-child(odd) .slat__img--rev,
    .template--home [role=main] [class~="4/8"]:nth-child(odd) .slat__img--rev {
        float: left
    }
}

@media all and (max-width:47.4375em) {
    .template--home [role=main] .standout>blockquote {
        width: auto
    }
}

@media all and (min-width:31.25em) and (max-width:59.9375em) {
    .template--home [role=main] .standout>blockquote {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media all and (max-width:59.9375em) {
    .template--home [role=main] .spacer {
        display: none
    }
    .template--home [role=main] [class~="1/2"],
    .template--home [role=main] [class~="2/4"],
    .template--home [role=main] [class~="4/8"] {
        width: 100%!important
    }
    .template--home [role=main] [class~="1-whole"] .slat>.slat__body,
    .template--home [role=main] [class~="1-whole"] .slat__img,
    .template--home [role=main] [class~="1-whole"] .slat__img--rev,
    .template--home [role=main] [class~="1-whole"] .slat__outer {
        float: none;
        width: 100%
    }
    .template--home [role=main] .p {
        padding: 12px!important
    }
    .template--home [role=main] .p\+ {
        padding: 24px!important
    }
    .template--home [role=main] .p\+\+ {
        padding: 48px!important
    }
    .template--home [role=main] .ph {
        padding-right: 12px!important;
        padding-left: 12px!important
    }
    .template--home [role=main] .ph\+ {
        padding-right: 24px!important;
        padding-left: 24px!important
    }
    .template--home [role=main] .ph\+\+ {
        padding-right: 48px!important;
        padding-left: 48px!important
    }
    .template--home [role=main] .p>.slat__action {
        bottom: 12px;
        left: 12px;
        right: 12px
    }
    .template--home [role=main] .p\+>.slat__action {
        bottom: 24px;
        left: 24px;
        right: 24px
    }
    .template--home [role=main] .p\+\+>.slat__action {
        bottom: 48px;
        left: 48px;
        right: 48px
    }
}

@media all and (min-width:60em) and (max-width:79.9375em) {
    .template--home [role=main] .standout>blockquote {
        font-size: 36px;
        font-size: 2.25rem
    }
}

@media all and (min-width:60em) and (max-width:87.4375em) {
    .template--home [role=main] [class~="1/2"] .p,
    .template--home [role=main] [class~="2/4"] .p,
    .template--home [role=main] [class~="4/8"] .p,
    .template--home [role=main] [class~="1/4"] .p,
    .template--home [role=main] [class~="2/8"] .p {
        padding: 12px!important
    }
    .template--home [role=main] [class~="1/2"] .p\+,
    .template--home [role=main] [class~="2/4"] .p\+,
    .template--home [role=main] [class~="4/8"] .p\+,
    .template--home [role=main] [class~="1/4"] .p\+,
    .template--home [role=main] [class~="2/8"] .p\+ {
        padding: 24px!important
    }
    .template--home [role=main] [class~="1/2"] .p\+\+,
    .template--home [role=main] [class~="2/4"] .p\+\+,
    .template--home [role=main] [class~="4/8"] .p\+\+,
    .template--home [role=main] [class~="1/4"] .p\+\+,
    .template--home [role=main] [class~="2/8"] .p\+\+ {
        padding: 48px!important
    }
    .template--home [role=main] [class~="1/2"] .p>.slat__action,
    .template--home [role=main] [class~="2/4"] .p>.slat__action,
    .template--home [role=main] [class~="4/8"] .p>.slat__action,
    .template--home [role=main] [class~="1/4"] .p>.slat__action,
    .template--home [role=main] [class~="2/8"] .p>.slat__action {
        bottom: 12px;
        left: 12px
    }
    .template--home [role=main] [class~="1/2"] .p\+>.slat__action,
    .template--home [role=main] [class~="2/4"] .p\+>.slat__action,
    .template--home [role=main] [class~="4/8"] .p\+>.slat__action,
    .template--home [role=main] [class~="1/4"] .p\+>.slat__action,
    .template--home [role=main] [class~="2/8"] .p\+>.slat__action {
        bottom: 24px;
        left: 24px
    }
    .template--home [role=main] [class~="1/2"] .p\+\+>.slat__action,
    .template--home [role=main] [class~="2/4"] .p\+\+>.slat__action,
    .template--home [role=main] [class~="4/8"] .p\+\+>.slat__action,
    .template--home [role=main] [class~="1/4"] .p\+\+>.slat__action,
    .template--home [role=main] [class~="2/8"] .p\+\+>.slat__action {
        bottom: 48px;
        left: 48px
    }
}

@media all and (max-width:44.9375em),
(min-width:60em) and (max-width:88.6875em) {
    .template--home [role=main] [class~="1/2"] .slat__title,
    .template--home [role=main] [class~="2/4"] .slat__title,
    .template--home [role=main] [class~="4/8"] .slat__title,
    .template--home [role=main] [class~="1/4"] .slat__title,
    .template--home [role=main] [class~="2/8"] .slat__title {
        font-weight: 400
    }
}

@media all and (max-width:38.6875em),
(min-width:60em) and (max-width:64.9375em) {
    .template--home [role=main] [class~="1/2"] .slat__title,
    .template--home [role=main] [class~="2/4"] .slat__title,
    .template--home [role=main] [class~="4/8"] .slat__title,
    .template--home [role=main] [class~="1/4"] .slat__title,
    .template--home [role=main] [class~="2/8"] .slat__title {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media all and (min-width:38.75em) and (max-width:44.9375em),
(min-width:65em) and (max-width:88.6875em) {
    .template--home [role=main] [class~="1/2"] .slat__title,
    .template--home [role=main] [class~="2/4"] .slat__title,
    .template--home [role=main] [class~="4/8"] .slat__title,
    .template--home [role=main] [class~="1/4"] .slat__title,
    .template--home [role=main] [class~="2/8"] .slat__title {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media all and (min-width:45em) and (max-width:51.1875em),
(min-width:88.75em) and (max-width:99.9375em) {
    .template--home [role=main] [class~="1/2"] .slat__title,
    .template--home [role=main] [class~="2/4"] .slat__title,
    .template--home [role=main] [class~="4/8"] .slat__title,
    .template--home [role=main] [class~="1/4"] .slat__title,
    .template--home [role=main] [class~="2/8"] .slat__title {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media all and (min-width:51.25em) and (max-width:59.9375em),
(min-width:100em) {
    .template--home [role=main] [class~="1/2"] .slat__title,
    .template--home [role=main] [class~="2/4"] .slat__title,
    .template--home [role=main] [class~="4/8"] .slat__title,
    .template--home [role=main] [class~="1/4"] .slat__title,
    .template--home [role=main] [class~="2/8"] .slat__title {
        font-size: 36px;
        font-size: 2.25rem
    }
}

@media all and (max-width:24.9375em) {
    .template--home [role=main] [class~="1-whole"] .slat__title {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media all and (min-width:60em) and (max-width:67.4375em),
(min-width:25em) and (max-width:38.6875em) {
    .template--home [role=main] [class~="1-whole"] .slat__title {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media all and (min-width:67.5em) and (max-width:86.1875em),
(min-width:38.75em) and (max-width:45.5625em) {
    .template--home [role=main] [class~="1-whole"] .slat__title {
        font-size: 42px;
        font-size: 2.625rem
    }
}

.template--home [role=main] .feature-text {
    display: block;
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
    padding: 96px 0
}

@media all and (min-width:25em) and (max-width:37.4375em) {
    .template--home [role=main] .feature-text .title {
        font-size: 42px;
        font-size: 2.625rem
    }
}

@media all and (max-width:24.9375em) {
    .template--home [role=main] .feature-text .title {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.template--contact .column-1>.layout__item.sq,
.template--contact .column-3>.layout__item.sq {
    padding-bottom: 100%
}

@media all and (min-width:64em) {
    .template--contact .column-1,
    .template--contact .column-3 {
        width: 25%
    }
    .template--contact .column-2 {
        width: 50%
    }
}

@media all and (max-width:63.9375em) {
    .has-flexbox .template--contact .layout,
    .has-flexboxlegacy .template--contact .layout {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    .has-flexbox .template--contact .column-1,
    .has-flexboxlegacy .template--contact .column-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .has-flexbox .template--contact .column-3,
    .has-flexboxlegacy .template--contact .column-3 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .has-flexbox .template--contact .column-2,
    .has-flexboxlegacy .template--contact .column-2 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        width: auto
    }
}

@media all and (max-width:63.9375em) and (min-width:29.375em) and (max-width:63.9375em) {
    .has-flexbox .template--contact .map-wrap,
    .has-flexboxlegacy .template--contact .map-wrap {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-62%);
        -ms-transform: translateY(-62%);
        transform: translateY(-62%);
        display: block
    }
}

@media all and (min-width:29.375em) and (max-width:63.9375em) {
    .has-flexbox .template--contact .column-1,
    .has-flexbox .template--contact .column-3,
    .has-flexboxlegacy .template--contact .column-1,
    .has-flexboxlegacy .template--contact .column-3 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 25%
    }
    .has-flexbox .template--contact .column-2,
    .has-flexboxlegacy .template--contact .column-2 {
        overflow: hidden;
        width: 100%;
        height: 312px
    }
}

@media all and (max-width:29.3125em) {
    .has-flexbox .template--contact .column-1,
    .has-flexbox .template--contact .column-3,
    .has-flexboxlegacy .template--contact .column-1,
    .has-flexboxlegacy .template--contact .column-3 {
        width: 100%
    }
    .has-flexbox .template--contact .column-1>.layout__item.sq,
    .has-flexbox .template--contact .column-3>.layout__item.sq,
    .has-flexboxlegacy .template--contact .column-1>.layout__item.sq,
    .has-flexboxlegacy .template--contact .column-3>.layout__item.sq {
        padding-bottom: 75%;
        overflow: hidden
    }
}

@media all and (min-width:29.375em) and (max-width:43.6875em) {
    .has-flexbox .template--contact .column-1>.layout__item.sq,
    .has-flexbox .template--contact .column-3>.layout__item.sq,
    .has-flexboxlegacy .template--contact .column-1>.layout__item.sq,
    .has-flexboxlegacy .template--contact .column-3>.layout__item.sq {
        padding-bottom: 100%
    }
}

@media all and (min-width:43.75em) and (max-width:63.9375em) {
    .has-flexbox .template--contact .column-1>.layout__item.sq,
    .has-flexbox .template--contact .column-3>.layout__item.sq,
    .has-flexboxlegacy .template--contact .column-1>.layout__item.sq,
    .has-flexboxlegacy .template--contact .column-3>.layout__item.sq {
        padding-bottom: 75%;
        overflow: hidden
    }
}

@media all and (min-width:31.25em) and (max-width:63.9375em) {
    .has-no-flexbox .template--contact .column-1,
    .has-no-flexbox .template--contact .column-3,
    .has-no-flexboxlegacy .template--contact .column-1,
    .has-no-flexboxlegacy .template--contact .column-3 {
        width: 50%
    }
}

@media all and (max-width:31.1875em) {
    .has-no-flexbox .template--contact .column-1,
    .has-no-flexbox .template--contact .column-3,
    .has-no-flexboxlegacy .template--contact .column-1,
    .has-no-flexboxlegacy .template--contact .column-3 {
        width: 100%
    }
}

@media all and (min-width:23.125em) and (max-width:31.1875em),
(min-width:53.125em) and (max-width:63.9375em) {
    .has-no-flexbox .template--contact .column-1>.layout__item.sq,
    .has-no-flexbox .template--contact .column-3>.layout__item.sq,
    .has-no-flexboxlegacy .template--contact .column-1>.layout__item.sq,
    .has-no-flexboxlegacy .template--contact .column-3>.layout__item.sq {
        padding-bottom: 50%
    }
}

@media all and (max-width:23.0625em),
(min-width:31.25em) and (max-width:53.0625em) {
    .has-no-flexbox .template--contact .column-1>.layout__item.sq,
    .has-no-flexbox .template--contact .column-3>.layout__item.sq,
    .has-no-flexboxlegacy .template--contact .column-1>.layout__item.sq,
    .has-no-flexboxlegacy .template--contact .column-3>.layout__item.sq {
        padding-bottom: 100%
    }
}

@media all and (max-width:33.0625em) {
    .template--contact .slat__inner {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media all and (min-width:33.125em) {
    .template--contact .slat__inner {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media all and (min-width:75em) {
    .template--contact .slat__body {
        font-size: 20px
    }
}

@media all and (max-width:93.6875em) {
    .template--contact .slat__body {
        margin-top: 24px
    }
}

@media all and (min-width:93.75em) {
    .template--contact .slat__body {
        margin-top: 48px
    }
}

@media all and (max-width:68.6875em) {
    .template--contact .slat__title {
        font-size: 30px
    }
}

@media all and (min-width:68.75em) and (max-width:74.9375em) {
    .template--contact .slat__title {
        font-size: 36px
    }
}

@media all and (min-width:75em) {
    .template--contact .slat__title {
        font-size: 42px
    }
}

@media all and (max-width:65.5625em) {
    .template--contact .strike--action {
        margin-top: 12px
    }
}

@media all and (min-width:65.625em) and (max-width:93.6875em) {
    .template--contact .strike--action {
        margin-top: 24px
    }
}

@media all and (min-width:93.75em) {
    .template--contact .strike--action {
        margin-top: 48px
    }
}

.template--team-list .layout__item.sq {
    width: 25%;
    padding-bottom: 25%
}

@media all and (max-width:25.9375em) {
    .template--team-list .layout__item.sq {
        width: 100%;
        padding-bottom: 100%
    }
}

@media all and (min-width:26em) and (max-width:43.75em) {
    .template--team-list .layout__item.sq {
        width: 50%;
        padding-bottom: 50%
    }
}

@media all and (min-width:43.8125em) and (max-width:63.9375em) {
    .template--team-list .layout__item.sq {
        width: 33.33333%;
        padding-bottom: 33.33333%
    }
}

.template--team-list .layout__item.rc {
    width: 50%;
    padding-bottom: 25%
}

@media all and (max-width:63.9375em) {
    .has-no-flexbox .template--contact .column-2,
    .has-no-flexboxlegacy .template--contact .column-2 {
        display: none
    }
    .template--team-list .layout__item.rc {
        width: 100%;
        padding-bottom: 50%
    }
}

@media all and (max-width:25.9375em) {
    .template--team-list .layout__item.rc.standout-wrap {
        padding-bottom: 100%!important
    }
}

.template--team-list .standout {
    padding-right: 96px;
    padding-left: 96px
}

@media all and (min-width:87.5em) and (max-width:96.25em) {
    .template--team-list .standout {
        padding-right: 24px;
        padding-left: 24px
    }
}

@media all and (min-width:64em) and (max-width:73.6875em),
(max-width:31.1875em) {
    .template--team-list .standout blockquote {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media all and (min-width:73.75em) and (max-width:99.9375em),
(min-width:31.25em) and (max-width:56.1875em) {
    .template--team-list .standout blockquote {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media all and (max-width:36.25em) {
    .template--team-list .standout {
        padding-right: 24px;
        padding-left: 24px
    }
    .template--team-list cite {
        display: block
    }
}

@media all and (max-width:64em) {
    .template--team-list .sqe,
    .template--team-list .sqe--1,
    .template--team-list .sqe--2 {
        display: none
    }
}

@media all and (min-width:25.9375em) and (max-width:40em) {
    .template--team-list .box-info__title {
        font-size: 1.2em
    }
    .template--team-list .box-info__heading {
        margin-bottom: .5em
    }
}

@media all and (min-width:40.0625em) and (max-width:64em) {
    .template--team-list .box-info__title {
        font-size: 1.4rem
    }
}

@media all and (min-width:25.9375em) and (max-width:40em) {
    .template--team-list .box-info__heading:after {
        margin-top: .2em
    }
}

.template--project-list .layout__item.sq {
    width: 25%;
    padding-bottom: 25%
}

@media all and (max-width:31.1875em) {
    .template--project-list .layout__item.sq {
        width: 100%;
        padding-bottom: 100%
    }
}

@media all and (min-width:31.25em) and (max-width:43.6875em) {
    .template--project-list .layout__item.sq {
        width: 50%;
        padding-bottom: 50%
    }
    .template--project-list .sqe.bg--white {
        display: none
    }
}

@media all and (min-width:43.75em) and (max-width:63.9375em) {
    .template--project-list .layout__item.sq {
        width: 33.3333%;
        padding-bottom: 33.3333%
    }
}

.template--project-list .layout__item.rc {
    width: 50%;
    padding-bottom: 25%
}

@media all and (max-width:43.6875em) {
    .template--project-list .layout__item.rc {
        width: 100%;
        padding-bottom: 50%
    }
}

@media all and (min-width:43.75em) and (max-width:63.9375em) {
    .template--project-list .layout__item.rc {
        width: 66.66667%;
        padding-bottom: 33.3333%
    }
}

@media all and (max-width:31.25em) {
    .template--project-list .layout__item.rc .box-info__title {
        font-size: 16px
    }
}

.template--project-list .column-1,
.template--project-list .column-2 {
    width: 50%
}

@media all and (max-width:43.6875em) {
    .template--project-list .column-1,
    .template--project-list .column-2 {
        width: 100%
    }
}

@media all and (min-width:43.75em) and (max-width:63.9375em) {
    .template--project-list .column-1,
    .template--project-list .column-2 {
        width: 66.66667%
    }
}

.template--project-list .column-1 .layout__item.sq {
    width: 50%;
    padding-bottom: 50%
}

@media all and (max-width:31.1875em) {
    .template--project-list .column-1 .layout__item.sq {
        width: 100%;
        padding-bottom: 100%
    }
}

@media all and (min-width:31.25em) and (max-width:63.9375em) {
    .template--project-list .column-1 .layout__item.sq {
        width: 50%;
        padding-bottom: 50%
    }
}

@media all and (max-width:63.9375em) {
    .template--project-list .column-1 .sqe {
        display: none
    }
}

.template--project-list .column-2 .layout__item {
    width: 100%;
    padding-bottom: 50%
}

@media all and (max-width:21.8125em) {
    .template--project-list .column-2 .layout__item--last {
        padding-bottom: 100%
    }
}

@media all and (min-width:21.875em) and (max-width:28.0625em) {
    .template--project-list .column-2 .layout__item--last {
        padding-bottom: 70%
    }
}

@media all and (max-width:24.9375em) {
    .template--project-list .box-info__title {
        font-size: 24px
    }
}

@media all and (min-width:25em) and (max-width:31.1875em) {
    .template--project-list .box-info__title {
        font-size: 30px
    }
}

@media all and (min-width:31.25em) and (max-width:64em) {
    .template--project-list .box-info__title {
        font-size: 18px
    }
}

@media all and (min-width:64.0625em) and (max-width:70.5625em) {
    .template--project-list .box-info__title {
        font-size: 20px
    }
}

@media all and (min-width:70.625em) and (max-width:84.3125em) {
    .template--project-list .box-info__title {
        font-size: 24px
    }
}

.template--project-list .slat__body {
    padding: 48px
}

.template--project-list .slat__action {
    left: 48px;
    bottom: 48px
}

@media all and (max-width:31.1875em) {
    .template--project-list .slat__title {
        font-size: 20px
    }
    .template--project-list .sqe {
        display: none
    }
}

@media all and (min-width:31.25em) and (max-width:36.1875em) {
    .template--project-list .slat__title {
        font-size: 24px
    }
}

@media all and (min-width:36.25em) and (max-width:42.4375em) {
    .template--project-list .slat__title {
        font-size: 36px
    }
}

@media all and (min-width:42.5em) and (max-width:52.4375em) {
    .template--project-list .slat__title {
        font-size: 24px
    }
}

@media all and (min-width:52.5em) and (max-width:63.9375em) {
    .template--project-list .slat__title {
        font-size: 30px
    }
}

@media all and (min-width:64em) and (max-width:67.4375em) {
    .template--project-list .slat__title {
        font-size: 24px
    }
}

@media all and (min-width:67.5em) and (max-width:74.9375em) {
    .template--project-list .slat__title {
        font-size: 30px
    }
}

@media all and (min-width:75em) and (max-width:81.1875em) {
    .template--project-list .slat__title {
        font-size: 36px
    }
}

@media all and (min-width:81.25em) and (max-width:93.6875em) {
    .template--project-list .slat__title {
        font-size: 42px
    }
}

.template--expertise-list .layout__item.rc,
.template--expertise-list .layout__item.sq {
    position: relative;
    height: 0;
    padding: 0 0 50%;
    width: 50%
}

.template--expertise-list .layout__item.rc>*,
.template--expertise-list .layout__item.sq>* {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0
}

.template--expertise-list .expertise__main .panel__title {
    font-size: 80px;
    margin-bottom: 48px
}

@media all and (max-width:46.8125em) {
    .template--expertise-list .expertise__main .panel__title {
        font-size: 42px
    }
}

@media all and (min-width:46.875em) and (max-width:89.9375em) {
    .template--expertise-list .expertise__main .panel__title {
        font-size: 64px
    }
}

@media all and (max-width:92.4375em) {
    .template--expertise-list .expertise__main .panel__title {
        margin-bottom: 24px
    }
}

@media all and (min-width:90em) and (max-width:98.6875em) {
    .template--expertise-list .expertise__main .panel__title {
        font-size: 64px
    }
}

.template--expertise-list .expertise__main .panel__body {
    font-size: 20px
}

@media all and (min-width:62.5em) and (max-width:66.8125em),
(max-width:46.8125em) {
    .template--expertise-list .expertise__main .panel__body {
        font-size: 16px
    }
}

@media all and (min-width:66.875em) and (max-width:98.6875em) {
    .template--expertise-list .expertise__main .panel__body {
        font-size: 18px
    }
}

@media all and (max-width:62.4375em) {
    .template--expertise-list .expertise {
        width: 100%
    }
}

.template--expertise-list .expertise__aside {
    width: 50%
}

@media all and (max-width:62.4375em) {
    .template--expertise-list .expertise__aside {
        width: 100%
    }
    .template--expertise-list .expertise__aside .layout__item--4.sq .box__inner {
        text-align: center
    }
}

@media all and (min-width:62.5em) and (max-width:87.4375em) {
    .template--expertise-list .expertise__aside {
        width: 25%
    }
}

.template--expertise-list .expertise__aside .layout__item--1 {
    width: 100%
}

@media all and (max-width:39.3125em) {
    .template--expertise-list .expertise__aside .layout__item--1 {
        display: none
    }
}

@media all and (min-width:39.375em) and (max-width:46.8125em) {
    .template--expertise-list .expertise__aside .layout__item--1 {
        width: 50%;
        padding-bottom: 25%
    }
}

@media all and (min-width:46.875em) and (max-width:87.4375em) {
    .template--expertise-list .expertise__aside .layout__item--1 {
        display: none
    }
}

@media all and (min-width:62.5em) and (max-width:87.4375em) {
    .template--expertise-list .expertise__aside .layout__item--2.sq,
    .template--expertise-list .expertise__aside .layout__item--4.sq {
        width: 100%;
        padding-bottom: 100%
    }
}

@media all and (max-width:27.4375em) {
    .template--expertise-list .expertise__aside .layout__item--2.sq {
        width: 100%;
        padding-bottom: 50%
    }
    .template--expertise-list .expertise__aside .layout__item--3.sq {
        display: none
    }
}

@media all and (min-width:27.5em) and (max-width:39.3125em) {
    .template--expertise-list .expertise__aside .layout__item--2.sq {
        width: 50%;
        padding-bottom: 50%
    }
}

@media all and (min-width:39.375em) and (max-width:62.4375em) {
    .template--expertise-list .expertise__aside .layout__item--2.sq {
        width: 25%;
        padding-bottom: 25%
    }
}

@media all and (min-width:27.5em) and (max-width:39.3125em) {
    .template--expertise-list .expertise__aside .layout__item--3.sq {
        width: 50%;
        padding-bottom: 50%
    }
}

@media all and (min-width:39.375em) and (max-width:46.8125em) {
    .template--expertise-list .expertise__aside .layout__item--3.sq {
        width: 25%;
        padding-bottom: 25%
    }
}

@media all and (min-width:46.875em) {
    .template--expertise-list .expertise__aside .layout__item--3.sq {
        display: none
    }
}

.template--expertise-list .expertise__aside .layout__item--4.sq {
    background-color: #cccccc
}

@media all and (max-width:31.25em) {
    .template--expertise-list .expertise__aside .layout__item--4.sq {
        padding-bottom: 100%
    }
}

@media all and (max-width:46.8125em) {
    .template--expertise-list .expertise__aside .layout__item--4.sq {
        width: 100%
    }
}

@media all and (min-width:46.875em) and (max-width:62.4375em) {
    .template--expertise-list .expertise__aside .layout__item--4.sq {
        width: 75%;
        padding-bottom: 25%
    }
}

.template--expertise-list .expertise__aside .layout__item--4.sq .box__inner {
    white-space: nowrap
}

.template--expertise-list .expertise__aside .layout__item--4.sq .box__inner:before {
    content: "";
    position: relative;
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.template--expertise-list .expertise__aside .layout__item--4.sq .box__inner>* {
    display: inline-block;
    vertical-align: middle;
    white-space: normal
}

.template--expertise-list .expertise__description {
    width: 50%
}

.template--expertise-list .expertise__description .square__inner {
    padding-right: 96px;
    padding-left: 96px
}

@media all and (max-width:27.4375em) {
    .template--expertise-list .expertise__description .square__inner {
        padding-right: 1em;
        padding-left: 1em
    }
}

@media all and (min-width:27.5em) and (max-width:73.6875em) {
    .template--expertise-list .expertise__description .square__inner {
        padding-right: 48px;
        padding-left: 48px
    }
}

@media all and (max-width:62.4375em) {
    .template--expertise-list .expertise__description {
        width: 100%;
        padding-top: 48px;
        padding-bottom: 48px
    }
}

@media all and (min-width:62.5em) and (max-width:87.4375em) {
    .template--expertise-list .expertise__description {
        width: 75%
    }
}

@media all and (min-width:62.5em) {
    .template--expertise-list .expertise__description {
        white-space: nowrap;
        position: relative;
        height: 0;
        padding-bottom: 50%
    }
    .template--expertise-list .expertise__description:before {
        content: "";
        position: relative;
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }
    .template--expertise-list .expertise__description>* {
        display: inline-block;
        vertical-align: middle;
        white-space: normal;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0
    }
}

.template--expertise-list .expertise__decorative .layout__item--1.sq,
.template--expertise-list .expertise__decorative .layout__item--3.sq {
    width: 25%;
    padding-bottom: 25%
}

@media all and (max-width:27.4375em) {
    .template--expertise-list .expertise__decorative .layout__item--1.sq,
    .template--expertise-list .expertise__decorative .layout__item--3.sq {
        width: 100%;
        padding-bottom: 100%
    }
}

@media all and (min-width:27.5em) and (max-width:39.3125em) {
    .template--expertise-list .expertise__decorative .layout__item--1.sq,
    .template--expertise-list .expertise__decorative .layout__item--3.sq {
        width: 50%;
        padding-bottom: 50%
    }
    .template--expertise-list .expertise__decorative .layout__item--2.sq {
        display: none
    }
}

.template--expertise-list .expertise__decorative .layout__item--2.sq {
    width: 50%;
    padding-bottom: 25%
}

@media all and (max-width:27.4375em) {
    .template--expertise-list .expertise__decorative .layout__item--2.sq {
        width: 100%;
        padding-bottom: 50%
    }
    .template--expertise-list .expertise__decorative .layout__item--3.sq {
        display: none
    }
}

@media all and (min-width:82.5em) {
    .template--expertise-list .expertise__services {
        padding: 0 48px
    }
}

@media all and (min-width:82.5em) and (max-width:88.6875em) {
    .template--expertise-list .expertise__services {
        font-size: 11px;
        font-size: .6875rem
    }
}

@media all and (min-width:62.5em) and (max-width:82.4375em) {
    .template--expertise-list .expertise__services {
        font-size: 10px;
        font-size: .625rem;
        padding: 0 24px
    }
}

@media all and (max-width:62.4375em) {
    .template--expertise-list .expertise__services {
        text-align: left;
        padding: 24px 0
    }
}

@media all and (min-width:31.25em) and (max-width:62.4375em) {
    .template--expertise-list .expertise__services {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        width: 90%
    }
}

@media all and (max-width:35em) {
    .template--agency .standout--sans blockquote {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media all and (min-width:35.0625em) and (max-width:55em) {
    .template--agency .standout--sans blockquote {
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media all and (min-width:55.0625em) and (max-width:78.125em) {
    .template--agency .standout--sans blockquote {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media all and (min-width:78.1875em) and (max-width:103.125em) {
    .template--agency .standout--sans blockquote {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.template--agency .about__quote-primary {
    display: block
}

.template--agency .about__quote-primary .layout--item1 {
    width: 50%
}

@media all and (max-width:55em) {
    .template--agency .about__quote-primary .layout--item1 {
        width: 100%
    }
}

.template--agency .about__quote-primary .standout-wrap {
    padding-left: 96px;
    padding-right: 96px;
    width: 50%
}

@media all and (max-width:27.5em) {
    .template--agency .about__quote-primary .standout-wrap {
        width: 100%;
        padding: 48px 1em
    }
}

@media all and (min-width:27.5625em) and (max-width:35em) {
    .template--agency .about__quote-primary .standout-wrap {
        width: 100%;
        padding-top: 48px;
        padding-bottom: 48px
    }
}

@media all and (min-width:35.0625em) and (max-width:55em) {
    .template--agency .about__quote-primary .standout-wrap {
        width: 100%;
        padding-top: 96px;
        padding-bottom: 96px
    }
}

@media all and (min-width:55.0625em) {
    .template--agency .about__quote-primary .standout-wrap {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0
    }
}

@media all and (min-width:27.5625em) and (max-width:75em) {
    .template--agency .about__quote-primary .standout-wrap {
        padding-left: 48px;
        padding-right: 48px
    }
}

.template--agency .about__description .layout__item--1 {
    width: 75%
}

@media all and (min-width:65.6875em) {
    .template--agency .about__description .layout__item--1 {
        position: relative;
        height: 0;
        padding-bottom: 25%
    }
    .template--agency .about__description .layout__item--1>* {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0
    }
}

@media all and (max-width:65.625em) {
    .template--agency .about__description .layout__item--1 {
        width: 100%;
        padding-top: 48px;
        padding-bottom: 48px
    }
    .template--agency .about__description .layout__item--2 {
        display: none
    }
}

.template--agency .about__description .box {
    padding-right: 96px;
    padding-left: 96px
}

@media all and (max-width:27.5em) {
    .template--agency .about__description .box {
        padding-right: 1em;
        padding-left: 1em
    }
}

@media all and (min-width:27.5625em) and (max-width:68.75em) {
    .template--agency .about__description .box {
        padding-right: 48px;
        padding-left: 48px
    }
}

.template--agency .about__stooges .panel__title {
    font-size: 76px;
    margin-bottom: 48px
}

@media all and (max-width:68.75em) {
    .template--agency .about__stooges .panel__title {
        font-size: 42px;
        margin-bottom: 24px
    }
    .template--agency .about__quote-secondary .layout__item--1 {
        display: none
    }
}

@media all and (min-width:68.8125em) and (max-width:87.5em) {
    .template--agency .about__stooges .panel__title {
        font-size: 56px
    }
}

@media all and (min-width:87.5625em) and (max-width:94.375em) {
    .template--agency .about__stooges .panel__title {
        font-size: 64px
    }
}

.template--agency .about__stooges .layout__item--1 {
    width: 50%
}

@media all and (min-width:30.0625em) {
    .template--agency .about__stooges .layout__item--1 {
        position: relative;
        height: 0;
        padding-bottom: 50%
    }
    .template--agency .about__stooges .layout__item--1>* {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0
    }
}

@media all and (max-width:30em) {
    .template--agency .about__stooges .layout__item--1 {
        width: 100%
    }
    .template--agency .about__stooges .follow-height__image {
        width: 100%;
        height: auto;
        max-width: 100%;
        position: static
    }
}

.template--agency .about__stooges .layout__item--2 {
    padding-left: 96px;
    padding-right: 96px;
    width: 50%
}

@media all and (max-width:27.5em) {
    .template--agency .about__stooges .layout__item--2 {
        width: 100%;
        padding-left: 1em;
        padding-right: 1em
    }
}

@media all and (max-width:63.9375em) {
    .template--agency .about__stooges .layout__item--2 {
        width: 100%;
        padding-top: 48px;
        padding-bottom: 48px
    }
}

@media all and (min-width:64em) {
    .template--agency .about__stooges .layout__item--2 {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0
    }
}

@media all and (min-width:27.5625em) and (max-width:81.1875em) {
    .template--agency .about__stooges .layout__item--2 {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media all and (min-width:56.3125em),
(max-width:30em) {
    .template--agency .about__stooges .layout__item--3 {
        display: none
    }
}

.template--agency .about__stooges .box__body {
    margin-bottom: 96px
}

@media all and (max-width:81.1875em) {
    .template--agency .about__stooges .box__body {
        margin-bottom: 48px
    }
}

.template--agency .about__stooges .strike--action {
    margin-top: 96px
}

@media all and (max-width:99.9375em) {
    .template--agency .about__stooges .strike--action {
        margin-top: 0
    }
}

.template--agency .about__quote-secondary .layout__item--2 {
    width: 75%
}

@media all and (max-width:68.75em) {
    .template--agency .about__quote-secondary .layout__item--2 {
        width: 100%
    }
}

@media all and (min-width:68.8125em) {
    .template--agency .about__quote-secondary .layout__item--2 {
        white-space: nowrap;
        position: relative;
        height: 0;
        padding-bottom: 25%
    }
    .template--agency .about__quote-secondary .layout__item--2:before {
        content: "";
        position: relative;
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }
    .template--agency .about__quote-secondary .layout__item--2>* {
        display: inline-block;
        vertical-align: middle;
        white-space: normal;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0
    }
}

.template--agency .about__quote-secondary .standout-wrap {
    padding-left: 96px;
    padding-right: 96px
}

@media all and (max-width:27.5em) {
    .template--agency .about__quote-secondary .standout-wrap {
        padding-left: 1em;
        padding-right: 1em
    }
}

@media all and (min-width:27.5625em) and (max-width:45.625em) {
    .template--agency .about__quote-secondary .standout-wrap {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media all and (max-width:36.1875em) {
    .template--agency .about__quote-secondary .standout blockquote {
        font-size: 20px;
        font-size: 1.25rem
    }
}

@media all and (min-width:36.25em) and (max-width:81.1875em) {
    .template--agency .about__quote-secondary .standout blockquote {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media all and (min-width:81.25em) and (max-width:99.9375em) {
    .template--agency .about__quote-secondary .standout blockquote {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.template--agency .about__quote-aside .box {
    padding-left: 96px
}

@media all and (max-width:109.375em) {
    .template--agency .about__quote-aside .box {
        padding-left: 48px
    }
}

.template--agency .about__quote-aside .panel__title {
    font-size: 80px
}

@media all and (max-width:21.25em) {
    .template--agency .about__quote-aside .panel__title {
        font-size: 64px
    }
}

@media all and (min-width:21.3125em) and (max-width:31.25em) {
    .template--agency .about__quote-aside .panel__title {
        font-size: 80px
    }
}

@media all and (min-width:31.3125em) and (max-width:40.625em) {
    .template--agency .about__quote-aside .panel__title {
        font-size: 42px
    }
}

@media all and (min-width:40.6875em) and (max-width:62.5em) {
    .template--agency .about__quote-aside .panel__title {
        font-size: 80px
    }
}

@media all and (min-width:62.5625em) and (max-width:69.375em) {
    .template--agency .about__quote-aside .panel__title {
        font-size: 42px
    }
}

@media all and (min-width:69.4375em) and (max-width:80.625em) {
    .template--agency .about__quote-aside .panel__title {
        font-size: 64px
    }
}

.template--agency .about__quote-aside .layout__item--1,
.template--agency .about__quote-aside .layout__item--3 {
    width: 25%;
    padding-bottom: 25%
}

@media all and (max-width:62.5em) {
    .template--agency .about__quote-aside .layout__item--1,
    .template--agency .about__quote-aside .layout__item--3 {
        width: 50%;
        padding-bottom: 50%
    }
    .template--agency .about__quote-aside .layout__item--2 {
        display: none
    }
}

@media all and (max-width:31.25em) {
    .template--agency .about__quote-aside .layout__item--1 {
        width: 100%;
        padding-bottom: 100%
    }
    .template--agency .about__quote-aside .layout__item--3 {
        display: none
    }
}

.template--agency .box__body {
    font-size: 24px
}

@media all and (max-width:68.75em) {
    .template--agency .box__body {
        font-size: 16px
    }
}

@media all and (min-width:68.8125em) and (max-width:78.125em) {
    .template--agency .box__body {
        font-size: 18px
    }
}

@media all and (min-width:78.1875em) and (max-width:87.5em) {
    .template--agency .box__body {
        font-size: 20px
    }
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg)
    }
}

@keyframes rotation {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.template--cuba {
    height: auto
}

.template--cuba img {
    max-width: none
}

.template--cuba .site-header__masthead,
.template--cuba .site-header__masthead * {
    box-sizing: border-box
}

.template--cuba #feed_wrapper {
    position: relative;
    display: block
}

.template--cuba #cuba_wrapper {
    display: none;
    width: 100%
}

.template--cuba #cuba_wrapper.overflow {
    overflow: hidden;
    height: 100%
}

.template--cuba #cuba_wrapper .splash {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #e8f9fc
}

.template--cuba #cuba_wrapper .head {
    width: 100%;
    position: relative;
    background: #fff;
    overflow: hidden
}

.template--cuba #cuba_wrapper .head img {
    position: absolute
}

.template--cuba #cuba_wrapper .head a.cuba {
    width: 32px;
    height: 64px;
    background: url(../../images/cuba/buttons/cuba-flag.jpg) center center no-repeat;
    background-size: 32px 64px;
    position: absolute;
    bottom: 0;
    left: calc(50% - 16px)
}

.template--cuba #cuba_wrapper .head p {
    color: #04288e;
    font-size: 12px;
    font-weight: 700;
    position: absolute;
    bottom: 64px;
    display: block;
    text-align: center;
    letter-spacing: 1px;
    width: 100%;
    margin-bottom: 10px
}

.template--cuba .flipbook {
    width: 1000px;
    height: 500px;
    position: relative;
    background: url(../../images/cuba/logo/locomotive-teal.svg) center center no-repeat;
    background-size: 72% 72%;
    top: calc(50% - 250px);
    left: calc(50% - 500px)
}

.template--cuba .flipbook .page {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: none
}

.template--cuba .flipbook .page.cur {
    display: block
}

.template--cuba #cuba_wrapper .feed {
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    text-align: center;
    font-size: 0;
    padding-left: 30px;
    padding-top: 100px;
    padding-bottom: 100px
}

.template--cuba .image_wrapper {
    position: absolute;
    margin: 10px;
    background: #fff;
    width: 490px;
    font-size: 11px
}

.template--cuba .image_wrapper.small {
    width: 213px;
    height: 213px
}

.template--cuba .image_wrapper .img_box {
    width: 490px;
    height: 100%;
    position: relative
}

.template--cuba .image_wrapper.size2by2 {
    width: 490px;
    height: 490px
}

.template--cuba .image_wrapper.size2by1 {
    width: 490px;
    height: 213px
}

.template--cuba .image_wrapper.size2by1 img {
    width: 100%;
    height: 100%
}

.template--cuba .image_wrapper.size1by2 {
    width: 213px;
    height: 490px
}

.template--cuba .image_wrapper.size1by2 img {
    width: 100%;
    height: 100%
}

.template--cuba .image_wrapper.size1by1 {
    width: 213px;
    height: 213px
}

.template--cuba .image_wrapper.size1by1 img {
    width: 100%;
    height: 100%
}

.template--cuba .image_wrapper.small .img_box {
    width: 213px
}

.template--cuba .image_wrapper .img_box .mask {
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .7);
    overflow: hidden;
    text-align: center;
    transition: width .25s;
    -webkit-transition: .25s;
    -moz-transition: .25s
}

.template--cuba .image_wrapper .img_box .mask .instabox {
    position: absolute;
    margin: auto;
    height: 170px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.template--cuba .image_wrapper .img_box .mask .instagram {
    width: 100%;
    height: 32px;
    background: url(../../images/cuba/gallery-instagram.png) center center no-repeat;
    margin-top: 0;
    display: block
}

.template--cuba .image_wrapper.small .img_box .mask .instagram {
    margin-top: 0
}

.template--cuba .image_wrapper.small .img_box .mask .instabox {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 120px;
    word-wrap: break-word
}

.template--cuba .image_wrapper .img_box:hover .mask {
    width: 100%;
    height: 100%;
    opacity: 1;
    filter: alpha(opacity=100);
    transition: width .25s;
    -webkit-transition: .25s;
    -moz-transition: .25s
}

.template--cuba .image_wrapper .img_box .mask .name {
    color: #fff;
    font-size: 24px;
    padding: 5px 0;
    margin: 10px 0;
    width: 390px;
    display: inline-block;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    font-weight: 200
}

.template--cuba .image_wrapper.small .img_box .mask .name {
    font-size: 14px;
    width: 180px
}

.template--cuba .image_wrapper .img_box .mask p {
    width: 225px;
    height: 100px;
    color: #fff;
    font-size: 14px;
    line-height: 1.6em;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    margin: 10px auto
}

.template--cuba .image_wrapper.small .img_box .mask p {
    width: 200px;
    font-size: 11px;
    line-height: 1.2em
}

.template--cuba .image_wrapper img {
    width: 490px;
    height: 490px
}

.template--cuba .image_wrapper.small img {
    width: 213px;
    height: 213px
}

.template--cuba .item {
    opacity: 1;
    filter: alpha(opacity=0)
}

.template--cuba a.cuba_return_top {
    position: fixed;
    top: 300px;
    right: 0;
    background: url(../../images/cuba/buttons/top-button.svg) left 25px center no-repeat #cccccc;
    background-size: 20px 20px;
    color: #fff;
    padding: 25px 25px 25px 55px;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1em;
    display: none
}

.results__container .title,
.results__container p,
.t-dansmonsac_button,
.template--colloque-acmq-survey,
.template--colloque-acmq-wall {
    font-family: Open Sans, Helmet, Freesans, Trebuchet MS, sans-serif
}

.template--cuba #cuba_footer {
    display: none
}

@media (max-width:1200px) {
    .template--cuba .flipbook {
        width: 600px;
        height: 300px;
        top: calc(50% - 150px);
        left: calc(50% - 300px)
    }
}

@media (max-width:640px) {
    .template--cuba .flipbook {
        width: 300px;
        height: 150px;
        left: calc(50% - 150px);
        top: calc(50% - 75px)
    }
    .template--cuba .image_wrapper {
        position: absolute;
        margin: 10px 10px 10px 0;
        background: #fff;
        width: 213px;
        font-size: 11px
    }
    .template--cuba .image_wrapper img {
        width: 213px;
        height: 213px
    }
    .template--cuba .image_wrapper .img_box {
        width: 213px
    }
    .template--cuba .image_wrapper .img_box .mask .instagram {
        width: 100%;
        height: 32px;
        background: url(../../images/cuba/gallery-instagram.png) center center no-repeat;
        display: block;
        margin-top: 30px
    }
    .template--cuba .image_wrapper .img_box .mask .name {
        font-size: 14px;
        width: 180px
    }
    .template--cuba .image_wrapper.size2by1 {
        width: 213px;
        height: 110px
    }
    .template--cuba .image_wrapper.size2by2 {
        width: 213px;
        height: 213px
    }
    .template--cuba #cuba_wrapper .feed {
        padding-left: 0
    }
}

.template--cuba #spinbox {
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 60px;
    display: none
}

.template--cuba .spinner {
    height: 30px;
    width: 30px;
    position: relative;
    -webkit-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left: 6px solid rgba(0, 0, 0, .15);
    border-right: 6px solid rgba(0, 0, 0, .15);
    border-bottom: 6px solid rgba(0, 0, 0, .15);
    border-top: 6px solid rgba(0, 0, 0, .8);
    border-radius: 100%;
    margin: 0 auto 50px
}

.template--colloque-acmq-wall {
    letter-spacing: 1px;
    line-height: 1.3
}

.template--colloque-acmq-wall .site-header {
    display: none
}

.template--colloque-acmq-wall .site-header svg {
    color: #fff;
    fill: #fff
}

.template--colloque-acmq-wall .menu-toggle {
    color: #fff
}

.template--colloque-acmq-wall [class~="1/2"],
.template--colloque-acmq-wall [class~="2/4"],
.template--colloque-acmq-wall [class~="4/8"] {
    float: none;
    width: 100%!important
}

.template--colloque-acmq-wall .big-hashtag {
    font-size: 80px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase
}

.template--colloque-acmq-wall .feature-text {
    margin: 0 auto;
    width: 90%
}

.template--colloque-acmq-wall .feature-image {
    margin: 20px auto;
    width: 50%
}

.template--colloque-acmq-wall .social-wall_splash {
    height: auto
}

.template--colloque-acmq-wall .social-wall_splash .layout__item,
.template--colloque-acmq-wall .social-wall_splash .slat {
    height: auto;
    text-align: center
}

.template--colloque-acmq-wall .social-wall_splash .slat {
    padding: 50px 0
}

.template--colloque-acmq-wall .social-wall_splash .slat--intro {
    padding: 100px 0
}

.template--colloque-acmq-wall .social-wall_splash .feature-text {
    font-size: 18px
}

.template--colloque-acmq-wall .social-wall_form {
    background-color: #f4f4f4
}

.template--colloque-acmq-wall .social-wall_form .wrap {
    margin: 0 auto;
    max-width: 1000px;
    padding: 10% 0;
    width: 90%
}

.template--colloque-acmq-wall .social-wall_form header {
    text-align: center
}

.template--colloque-acmq-wall .social-wall_form h2 {
    font-weight: 700
}

.template--colloque-acmq-wall .social-wall_form label {
    display: block;
    font-size: 12px;
    margin-bottom: 10px;
    text-transform: uppercase
}

.template--colloque-acmq-wall .social-wall_form input {
    background: #fff;
    padding: .75em
}

.template--colloque-acmq-wall .social-wall_form input[type=file] {
    background: url(../../images/icons/media.png) right 15px center no-repeat #fff;
    color: transparent;
    padding-right: 40px
}

.template--colloque-acmq-wall .social-wall_form .btn {
    background: #1BCE7C;
    border: none;
    font-size: 12px;
    min-width: 25%;
    text-transform: uppercase
}

.template--colloque-acmq-wall .social-wall_form .btn:focus,
.template--colloque-acmq-wall .social-wall_form .btn:hover {
    background: #19c074;
    color: #cccccc
}

.template--colloque-acmq-wall .social-wall_content {
    background-color: #f4f4f4;
    position: relative
}

.template--colloque-acmq-wall .social-wall_content .i--locomotive {
    color: #fff;
    fill: #fff;
    height: 63px;
    width: 138px
}

.template--colloque-acmq-wall .social-wall_sidebar {
    display: none;
    height: 100%;
    left: 0;
    margin: 0 10px;
    padding: 3%;
    position: absolute;
    text-align: center
}

.template--colloque-acmq-wall .social-wall_sidebar .feature-text {
    font-size: 20px;
    margin-top: 50px
}

.template--colloque-acmq-wall .social-wall_sidebar .feature-image {
    width: 50%
}

.template--colloque-acmq-wall .social-wall_grid {
    color: #eff7f9;
    padding-right: 5px;
    position: relative
}

.template--colloque-acmq-wall .social-wall_grid .grid-sizer,
.template--colloque-acmq-wall .social-wall_grid .item {
    float: left;
    min-height: 1px;
    padding: 0 5px 10px;
    position: relative;
    width: 100%
}

.template--colloque-acmq-wall .social-wall_grid .grid-sizer img,
.template--colloque-acmq-wall .social-wall_grid .item img {
    display: block;
    width: 100%
}

.template--colloque-acmq-wall .social-wall_grid .item.-generic .item_logo {
    display: none
}

.template--colloque-acmq-wall .social-wall_grid .item img {
    position: relative;
    z-index: 0
}

.template--colloque-acmq-wall .social-wall_grid .item_wrapper {
    overflow: hidden;
    position: relative
}

.template--colloque-acmq-wall .social-wall_grid .item_bg-image {
    background-size: cover;
    background-position: center;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1
}

.template--colloque-acmq-wall .social-wall_grid .item_bg-image.-move {
    -webkit-transition: -webkit-transform 750ms cubic-bezier(.86, 0, .07, 1);
    transition: transform 750ms cubic-bezier(.86, 0, .07, 1)
}

.template--colloque-acmq-wall .social-wall_grid .item_bg-image.-move.-up {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.template--colloque-acmq-wall .social-wall_grid .item_bg-image.-move.-right {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.template--colloque-acmq-wall .social-wall_grid .item_bg-image.-move.-down {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.template--colloque-acmq-wall .social-wall_grid .item_bg-image.-move.-left {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.template--colloque-acmq-wall .social-wall_grid .item_bg-image.-active {
    z-index: 2
}

.template--colloque-acmq-wall .social-wall_grid .item_details {
    background: -webkit-linear-gradient(transparent, #000);
    background: linear-gradient(transparent, #000);
    bottom: 0;
    padding: 4% 5%;
    position: absolute;
    width: 100%;
    z-index: 3
}

.template--colloque-acmq-wall .social-wall_grid .item_author,
.template--colloque-acmq-wall .social-wall_grid .item_logo {
    display: inline-block;
    vertical-align: bottom;
    width: 50%
}

.template--colloque-acmq-wall .social-wall_grid .item_author {
    font-size: 18px;
    margin: 0
}

.template--colloque-acmq-wall .social-wall_grid .item_logo {
    text-align: right
}

.template--colloque-acmq-wall .social-wall_grid .i--instagram {
    height: 20px;
    width: 20px
}

@media all and (min-width:60em) {
    .template--colloque-acmq-wall .social-wall_splash {
        height: 100%
    }
    .template--colloque-acmq-wall .social-wall_splash .layout__item,
    .template--colloque-acmq-wall .social-wall_splash .slat {
        height: 100%;
        text-align: center
    }
    .template--colloque-acmq-wall .social-wall_splash .tera {
        font-size: 80px
    }
    .template--colloque-acmq-wall .social-wall_splash p {
        margin-bottom: 0
    }
    .template--colloque-acmq-wall [class~="1/2"],
    .template--colloque-acmq-wall [class~="2/4"],
    .template--colloque-acmq-wall [class~="4/8"] {
        width: 50%!important
    }
    .template--colloque-acmq-wall .social-wall_sidebar {
        display: none
    }
    .template--colloque-acmq-wall .social-wall_grid .grid-sizer,
    .template--colloque-acmq-wall .social-wall_grid .item {
        width: 50%
    }
}

@media all and (min-width:60em) and (min-width:60em) {
    .template--colloque-acmq-wall .social-wall_splash .tera {
        font-size: 120px
    }
}

@media all and (min-width:60em) and (min-width:80em) {
    .template--colloque-acmq-wall .social-wall_splash .tera {
        font-size: 180px
    }
}

@media all and (max-width:93.6875em) {
    .template--colloque-acmq-wall .mega {
        font-size: 2rem
    }
    .template--colloque-acmq-wall .beta {
        font-size: 1rem
    }
}

@media all and (min-width:93.75em) {
    .template--colloque-acmq-wall .feature-image {
        width: auto
    }
    .template--colloque-acmq-wall .social-wall_splash .feature-text {
        font-size: 30px;
        width: 75%
    }
    .template--colloque-acmq-wall .social-wall_grid .grid-sizer,
    .template--colloque-acmq-wall .social-wall_grid .item {
        width: 20%
    }
    .template--colloque-acmq-wall .social-wall_grid .item.-large {
        width: 39.99%
    }
    .template--colloque-acmq-wall .social-wall_grid .item.-large .item_author {
        font-size: 30px
    }
    .template--colloque-acmq-wall .social-wall_grid .item.-large .i--instagram {
        height: 30px;
        width: 30px
    }
}

.template--colloque-acmq-survey {
    background: #fff;
    letter-spacing: 1px;
    line-height: 1.3
}

.template--colloque-acmq-survey .site-header {
    display: none
}

.template--colloque-acmq-survey .site-header svg {
    color: #fff;
    fill: #fff
}

.template--colloque-acmq-survey .main-header {
    background: 0 0
}

.template--colloque-acmq-survey .quiz-header {
    display: block;
    height: auto;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 3% 5%;
    position: fixed;
    top: 0;
    z-index: 10
}

@media all and (max-width:64em) {
    .template--colloque-acmq-survey .quiz-header {
        background: #fff;
        width: 100%
    }
}

.template--colloque-acmq-survey .acmq-logo {
    width: 60px
}

@media all and (min-width:64em) {
    .template--colloque-acmq-survey .acmq-logo {
        width: 90px
    }
}

@media all and (min-width:75em) {
    .template--colloque-acmq-survey .acmq-logo {
        width: 146px
    }
}

.template--colloque-acmq-survey .button {
    background-color: transparent;
    border: 2px solid #E9511F;
    border-radius: 3px;
    color: #E9511F;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.3;
    padding: 7px 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    outline: 0
}

@media all and (min-width:48em) {
    .template--colloque-acmq-survey .button {
        font-size: 12px;
        padding: 13px 35px
    }
}

.template--colloque-acmq-survey .button span {
    position: relative;
    z-index: 1
}

html.has-no-touch .template--colloque-acmq-survey .button,
html.has-no-touch .template--colloque-acmq-survey .button:after {
    -webkit-transition: .2s cubic-bezier(.86, 0, .07, 1);
    transition: .2s cubic-bezier(.86, 0, .07, 1)
}

html.has-no-touch .template--colloque-acmq-survey .button:after {
    background-color: #E9511F;
    border-radius: 5px;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    width: 100%
}

html.has-no-touch .template--colloque-acmq-survey .button:hover {
    color: #fff
}

html.has-no-touch .template--colloque-acmq-survey .button:hover:after {
    background-color: #E9511F;
    border-radius: 0;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

html.has-no-opacity .template--colloque-acmq-survey .button:after {
    background-color: transparent
}

@media all and (max-width:75em) {
    .template--colloque-acmq-survey .site-logo {
        float: left
    }
}

.template--colloque-acmq-survey #quiz {
    opacity: 1;
    -webkit-transition: opacity .8s cubic-bezier(.86, 0, .07, 1);
    transition: opacity .8s cubic-bezier(.86, 0, .07, 1)
}

.template--colloque-acmq-survey #quiz.hidden {
    opacity: 0
}

html.lt-ie9 .template--colloque-acmq-survey #quiz {
    overflow: visible
}

.template--colloque-acmq-survey .reveal {
    color: #cccccc;
    font-size: 12px;
    overflow: hidden
}

@media all and (min-width:48em) {
    .template--colloque-acmq-survey .reveal {
        font-size: 15px
    }
}

.template--colloque-acmq-survey .reveal .slides>section {
    -webkit-transition-timing-function: cubic-bezier(.86, 0, .07, 1);
    transition-timing-function: cubic-bezier(.86, 0, .07, 1)
}

@media all and (max-width:64em) {
    .template--colloque-acmq-survey .site-logo {
        padding: 5%
    }
    .template--colloque-acmq-survey .reveal .slides>section {
        height: 100%;
        overflow-y: scroll;
        padding-top: 15%;
        padding-bottom: 15%;
        -webkit-overflow-scrolling: touch
    }
}

.template--colloque-acmq-survey .reveal .progress {
    background: #f0faf8;
    height: 14px
}

.template--colloque-acmq-survey .reveal .progress span {
    background: #E9511F;
    -webkit-transition: width .8s cubic-bezier(.86, 0, .07, 1);
    transition: width .8s cubic-bezier(.86, 0, .07, 1)
}

.template--colloque-acmq-survey .reveal .progress__cover {
    bottom: 0;
    height: 14px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 11
}

.template--colloque-acmq-survey .quiz__close {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.3;
    padding: 2% 5%;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    z-index: 10
}

.template--colloque-acmq-survey .quiz__close .i--locomotive {
    color: #cccccc;
    height: 28px;
    width: 75px
}

@media all and (min-width:48em) {
    .template--colloque-acmq-survey .quiz__close .i--locomotive {
        height: 33px;
        width: 90px
    }
}

.template--colloque-acmq-survey .quiz__slide p {
    line-height: 1.8;
    margin: 2em auto
}

.template--colloque-acmq-survey .quiz__slide .grid {
    margin: 15px 0
}

@media all and (min-width:48em) {
    .template--colloque-acmq-survey .quiz__slide .grid {
        margin: 30px 0
    }
}

@media all and (min-width:64em) {
    .template--colloque-acmq-survey .quiz__close {
        padding: 5%
    }
    .template--colloque-acmq-survey .quiz__close .i--locomotive {
        height: 46px;
        width: 100px
    }
    .template--colloque-acmq-survey .quiz__slide .grid {
        margin: 60px 0
    }
}

.template--colloque-acmq-survey .quiz__slide .grid-item {
    float: left;
    padding: 0 20px;
    text-align: left;
    width: 50%
}

@media all and (min-width:48em) {
    .template--colloque-acmq-survey .quiz__slide .grid-item {
        padding: 0 35px
    }
    .template--colloque-acmq-survey .quiz__slide--intro .quiz__slide-heading,
    .template--colloque-acmq-survey .quiz__slide--results .quiz__slide-heading {
        font-size: 30px
    }
    .template--colloque-acmq-survey .quiz__slide--intro p,
    .template--colloque-acmq-survey .quiz__slide--results p {
        width: 600px
    }
}

@media all and (min-width:64em) {
    .template--colloque-acmq-survey .quiz__slide .grid-item {
        padding: 0 50px
    }
}

.template--colloque-acmq-survey .quiz__slide .grid-item:first-child {
    text-align: right
}

.template--colloque-acmq-survey .quiz__slide--results .quiz__result-content {
    display: none
}

.template--colloque-acmq-survey .quiz__slide--form form {
    margin: 0 auto;
    max-width: 650px;
    width: 100%
}

.template--colloque-acmq-survey .quiz__slide-header {
    border-bottom: 2px solid #E9511F;
    color: #E9511F;
    margin: 0 auto;
    padding: 15px 5%
}

@media all and (min-width:48em) {
    .template--colloque-acmq-survey .quiz__slide--results .quiz__thanks {
        display: none
    }
    .template--colloque-acmq-survey .quiz__slide--results .quiz__result-content {
        display: block
    }
    .template--colloque-acmq-survey .quiz__slide-header {
        max-width: 380px
    }
}

.template--colloque-acmq-survey .quiz__slide-heading {
    color: #cccccc;
    font-size: 16px;
    font-weight: 100;
    line-height: 1.2;
    margin: 20px auto 10px;
    padding: 0 5%
}

.template--colloque-acmq-survey .quiz__slide-heading strong {
    display: block;
    margin-top: 5px
}

@media all and (min-width:48em) {
    .template--colloque-acmq-survey .quiz__slide-heading strong {
        font-size: 40px
    }
    .template--colloque-acmq-survey .quiz__slide-heading {
        font-size: 20px;
        margin: 40px auto 20px;
        max-width: 650px
    }
}

.template--colloque-acmq-survey .quiz__result {
    max-width: 700px
}

.template--colloque-acmq-survey .quiz__box-list {
    color: #E9511F;
    letter-spacing: 1.3;
    margin-top: 10px;
    text-transform: uppercase
}

@media all and (min-width:48em) {
    .template--colloque-acmq-survey .quiz__box-list {
        margin-top: 40px
    }
}

.template--colloque-acmq-survey .quiz__box-list ul {
    border: 2px solid #E9511F;
    border-radius: 2px;
    display: inline-block;
    margin: 0;
    padding: 0
}

.template--colloque-acmq-survey .quiz__box-list li {
    border-left: 2px solid #E9511F;
    display: inline-block;
    line-height: 1
}

.template--colloque-acmq-survey .quiz__box-list li:first-child {
    border: none
}

.template--colloque-acmq-survey .quiz__box-item {
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    padding: 20px 10px;
    position: relative;
    -webkit-transition: all .2s cubic-bezier(.86, 0, .07, 1);
    transition: all .2s cubic-bezier(.86, 0, .07, 1);
    vertical-align: middle
}

@media all and (min-width:48em) {
    .template--colloque-acmq-survey .quiz__box-item {
        padding: 20px
    }
}

@media all and (min-width:64em) {
    .template--colloque-acmq-survey .quiz__box-item {
        padding: 25px 32px
    }
}

.template--colloque-acmq-survey .quiz__box-item.button {
    border: 0;
    border-radius: 0
}

.template--colloque-acmq-survey .quiz__box-item.button span {
    position: relative;
    z-index: 1
}

.template--colloque-acmq-survey .quiz__choice-value {
    display: block;
    font-size: 14px;
    padding: 15px
}

@media all and (min-width:48em) {
    .template--colloque-acmq-survey .quiz__choice-value {
        display: inline-block;
        padding: 25px 20px
    }
}

.template--colloque-acmq-survey .quiz__radio-box {
    position: relative
}

html.lt-ie9 .template--colloque-acmq-survey .quiz__radio-box {
    overflow: hidden
}

.template--colloque-acmq-survey .quiz__radio-box label {
    font-size: 20px
}

.template--colloque-acmq-survey .quiz__radio-box input {
    display: none
}

html.lt-ie9 .template--colloque-acmq-survey .quiz__radio-box input {
    border: none;
    outline: 0;
    position: absolute;
    width: auto;
    display: block;
    left: auto;
    right: 16px;
    top: 11px;
    z-index: 5
}

.template--colloque-acmq-survey .quiz__radio-box input:checked+label {
    background-color: #E9511F;
    color: #fff
}

.template--colloque-acmq-survey .quiz__radio-box input:checked+label:after {
    border-radius: 0;
    opacity: 1;
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
}

.template--colloque-acmq-survey .quiz__result-content {
    margin: 30px auto 0;
    max-width: 650px;
    width: 100%
}

.template--colloque-acmq-survey .quiz__result-content table {
    margin: 0 auto;
    width: 100%
}

.template--colloque-acmq-survey .quiz__result-content thead th {
    padding: 15px 10px
}

.template--colloque-acmq-survey .quiz__result-content td,
.template--colloque-acmq-survey .quiz__result-content th {
    width: 20%
}

.template--colloque-acmq-survey .quiz__result-content td {
    border: 1px solid #cccccc;
    padding: 10px
}

.survey-checkbox-label,
.survey-label,
.survey-radio-label {
    display: block;
    margin-bottom: .25em
}

.survey-checkbox-label:after,
.survey-checkbox-label:before,
.survey-input,
.survey-radio-label:after,
.survey-radio-label:before,
.survey-textarea {
    display: inline-block;
    padding: 10px;
    border-radius: 3px;
    border-width: 2px;
    border-style: solid;
    border-color: #E9511F;
    background-color: #fff
}

.survey-checkbox-label:focus:after,
.survey-checkbox-label:focus:before,
.survey-checkbox:focus+.survey-checkbox-label:after,
.survey-checkbox:focus+.survey-checkbox-label:before,
.survey-checkbox:focus+.survey-radio-label:after,
.survey-checkbox:focus+.survey-radio-label:before,
.survey-input:focus,
.survey-radio-label:focus:after,
.survey-radio-label:focus:before,
.survey-radio:focus+.survey-checkbox-label:after,
.survey-radio:focus+.survey-checkbox-label:before,
.survey-radio:focus+.survey-radio-label:after,
.survey-radio:focus+.survey-radio-label:before,
.survey-textarea:focus {
    border-color: gray
}

.survey-input::-webkit-input-placeholder,
.survey-textarea::-webkit-input-placeholder {
    color: gray
}

.survey-input::-moz-placeholder,
.survey-textarea::-moz-placeholder {
    color: gray
}

.survey-input:-ms-input-placeholder,
.survey-textarea:-ms-input-placeholder {
    color: gray
}

.survey-input::placeholder,
.survey-textarea::placeholder {
    color: gray
}

.survey-checkbox,
.survey-radio {
    position: absolute;
    width: auto;
    opacity: 0
}

.survey-checkbox:checked+.survey-checkbox-label:after,
.survey-checkbox:checked+.survey-radio-label:after,
.survey-radio:checked+.survey-checkbox-label:after,
.survey-radio:checked+.survey-radio-label:after {
    opacity: 1
}

.survey-checkbox-label,
.survey-radio-label {
    position: relative;
    display: inline-block;
    margin-right: .5em;
    padding-left: 28px;
    width: 100px
}

.survey-checkbox-label:after,
.survey-checkbox-label:before,
.survey-radio-label:after,
.survey-radio-label:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    margin-top: -9px;
    padding: 0;
    width: 18px;
    height: 18px;
    content: ""
}

.survey-checkbox-label:after,
.survey-radio-label:after {
    border-color: transparent;
    background-color: transparent;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2213%22%20height%3D%2210.5%22%20viewBox%3D%220%200%2013%2010.5%22%20enable-background%3D%22new%200%200%2013%2010.5%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23424242%22%20d%3D%22M4.8%205.8L2.4%203.3%200%205.7l4.8%204.8L13%202.4c0%200-2.4-2.4-2.4-2.4L4.8%205.8z%22%2F%3E%3C%2Fsvg%3E);
    background-position: center;
    background-size: 13px;
    background-repeat: no-repeat;
    opacity: 0
}

.survey-radio-label:after,
.survey-radio-label:before {
    border-radius: 50%
}

.survey-radio-label:after {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20enable-background%3D%22new%200%200%2013%2013%22%20xml%3Aspace%3D%22preserve%22%3E%3Ccircle%20fill%3D%22%23424242%22%20cx%3D%226.5%22%20cy%3D%226.5%22%20r%3D%226.5%22%2F%3E%3C%2Fsvg%3E);
    background-size: 8px
}

.survey-textarea {
    min-height: 30px;
    resize: vertical;
    display: block;
    width: 100%;
    margin: 0 auto;
    max-width: 400px
}

@media all and (min-width:48em) {
    .survey-textarea {
        min-height: 75px
    }
}

.survey__results--heading {
    font-size: 48px;
    display: block;
    margin: 0 auto;
    width: 700px;
    padding: 0;
    text-align: center
}

.survey__results--heading .truc__vert {
    width: 20%;
    border-bottom: 2px solid #1bce7c;
    display: block;
    margin: 20px auto 0
}

.main__container {
    padding: 100px 0;
    width: 100%
}

.main__container h4 {
    margin-bottom: 60px;
    padding: 0 150px;
    font-size: 30px
}

.even.main__container {
    background: #f7f7f7
}

.results__container {
    width: 1080px;
    margin: 0 auto;
    padding-bottom: 100px;
    height: auto
}

.results__container .title {
    border-bottom: 2px solid #cccccc;
    text-align: left;
    width: 100%;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 30px;
    text-transform: uppercase;
    padding-bottom: 10px
}

.results__container p {
    font-size: 13px;
    line-height: 10px;
    width: auto!important
}

.results__container p.float-left {
    padding-left: 75px
}

.results__container p.float-right {
    padding-right: 80px
}

.results__container p.legend {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 50px;
    line-height: 1.4em
}

.results__container .commentaires {
    height: 753px;
    overflow: auto;
    width: 50%;
    float: left;
    padding: 50px
}

.results__container .commentaires p {
    line-height: 1.4em!important
}

.results__container .chart__container {
    height: auto;
    width: 50%;
    float: left
}

.results__container .chart__container .p-50 {
    padding: 50px;
    display: block
}

.results__container .chart__container .chart {
    height: 450px;
    margin: 0 auto
}

.results__container .float-left {
    float: left
}

.results__container .float-right {
    float: right
}

@media all and (min-width:60em) {
    .case-list {
        height: calc(100% - 94px)
    }
}

.case__item {
    padding-top: 48px;
    padding-bottom: 48px;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

@media all and (max-width:59.99em) {
    .case__item {
        width: 100%!important
    }
}

@media all and (max-width:50em) {
    .case__item {
        height: 400px
    }
}

@media all and (min-width:50.0625em) and (max-width:59.99em) {
    .case__item {
        height: 500px
    }
}

@media all and (min-width:60em) {
    .case__item {
        height: 100%
    }
}

.template--study-single .jumbo__body {
    max-width: 65em
}

.template--study-single .jumbo__title {
    line-height: 1.3
}

.case--study-stejulie {
    background-image: url(../../images/casestudy/sainte-julie/banner.jpg)
}

.template--study-stejulie .case-study-banner {
    background-image: url(../../images/casestudy/sainte-julie/banner.jpg)
}

.template--study-stejulie .case-study-section--quote {
    background-color: #DDEDF2
}

.template--study-stejulie .case-study-quote__image {
    background-image: url(../../images/casestudy/sainte-julie/sebastien-leblanc.jpg)
}

.template--study-stejulie .case-study-section--agnostic {
    background-image: url(../../images/casestudy/sainte-julie/banner2.jpg)
}

.template--study-stejulie .case-study-section--ux .case-study-section__content {
    padding-top: 300px
}

.template--study-stejulie .case-study-section--recherche .case-study-section__content {
    padding-top: 50px
}

.template--study-stejulie .case-study-section__content--smaller {
    padding-top: 150px;
    padding-bottom: 0
}

.template--study-stejulie .case-study-section--last {
    padding-bottom: 100px
}

.case--study-upa {
    background-image: url(../../images/casestudy/upa/banner.jpg)
}

.template--study-upa .case-study-banner {
    background-image: url(../../images/casestudy/upa/banner.jpg)
}

.template--study-upa .case-study-section--quote {
    background-color: #049c7f;
    color: #FFF
}

.template--study-upa .case-study-quote__image {
    background-image: url(../../images/casestudy/upa/jeff.jpg)
}

.template--study-upa .case-study-section--texture {
    background-image: url(../../images/casestudy/upa/texture.jpg)
}

.template--study-upa .case-study-section--agnostic {
    background-image: url(../../images/casestudy/upa/banner2.jpg)
}

.template--study-upa .case-study-section--black {
    background-color: #1c2328
}

.template--study-upa .case-study-section--black .case-study-section__wrapux {
    margin-top: 0
}

.template--study-upa .case-study__floats {
    overflow: hidden;
    padding-bottom: 100px
}

.template--study-upa .case-study-section__image-half {
    position: relative;
    z-index: 2;
    margin-bottom: -112px
}

@media (min-width:768px) {
    .template--study-stejulie .case-study-section--recherche .case-study-section__content {
        padding-top: 150px
    }
    .template--study-stejulie .case-study-section__content--smaller {
        padding-top: 300px
    }
    .template--study-upa .case-study-section--black .case-study-section__wrapux {
        margin-top: 205px
    }
    .template--study-upa .case-study-section__image-half {
        margin-bottom: -471px
    }
}

.template--study-upa .case-study-section__image-half2 {
    position: relative;
    z-index: 2;
    margin-bottom: -193px
}

.template--study-upa .case-study-section__relative {
    position: relative;
    width: 100%
}

.template--study-upa .case-study-section__ipad {
    position: relative;
    margin-top: -15%
}

@media (min-width:768px) {
    .template--study-upa .case-study-section__image-half2 {
        margin-bottom: -505px
    }
    .template--study-upa .case-study-section__ipad {
        position: absolute;
        top: -15%;
        margin-top: 0
    }
}

@media (min-width:768px) and (max-width:1679px) {
    .template--study-upa .case-study-section__ipad {
        right: 3%
    }
}

@media (min-width:1680px) {
    .template--study-upa .case-study-section__ipad {
        right: 8%
    }
}

.template--study-upa .case-study-section--bottom {
    margin-bottom: 150px
}

.template--study-upa .case-study-section__wrapux {
    position: relative
}

.template--study-upa .case-study-section__green {
    position: absolute;
    top: 47%;
    left: 0;
    right: 0;
    background-color: #049c7f;
    height: 840px;
    z-index: 0
}

.template--study-upa .case-study-quote {
    background-color: #049c7f
}

.template--study-upa .case-study-section__content--ux {
    padding-bottom: 0;
    padding-top: 300px
}

.template--study-upa .case-study-section__content--ux .case-study-section__description {
    padding-bottom: 0
}

.template--study-upa .case-study-section__content--responsive {
    padding-top: 250px
}

.template--study-upa .case-study-section__uximg,
.template--study-upa .case-study-section_menu-mobile-wrap {
    position: relative
}

.template--study-upa .case-study-section__banner3 {
    width: 100%;
    background-image: url(../../images/casestudy/upa/banner3.jpg);
    background-size: cover;
    background-position: center
}

@media (max-width:767px) {
    .template--study-upa .case-study-section__banner3 {
        position: absolute;
        height: 80%;
        z-index: 0
    }
}

@media (min-width:768px) {
    .template--study-upa .case-study-section__content--responsive {
        padding-top: 500px
    }
    .template--study-upa .case-study-section__banner3 {
        height: 696px
    }
}

.template--study-pincourt .case-study-banner {
    background-image: url(../../images/casestudy/pincourt/banner.jpg)
}

.template--study-pincourt .case-study-section.-gray {
    background-color: #f0eeeb
}

.template--study-pincourt .case-study-section.-dark {
    background-color: #2f2f2f
}

@media (max-width:699px) {
    .template--study-pincourt .case-study-section.-padding {
        padding: 75px 0
    }
}

@media (min-width:700px) and (max-width:999px) {
    .template--study-pincourt .case-study-section.-padding {
        padding: 150px 0
    }
}

@media (max-width:999px) {
    .template--study-pincourt .case-study-section__image.-bottom {
        margin-bottom: 100px
    }
}

@media (min-width:1000px) {
    .template--study-pincourt .case-study-section.-padding {
        padding: 250px 0
    }
    .template--study-pincourt .case-study-section__image.-bottom {
        margin-bottom: 200px
    }
}

.template--study-pincourt .case-study-section--quote {
    background-color: #d5d1c8;
    color: #000
}

.template--study-pincourt .case-study-quote__image {
    background-image: url(../../images/casestudy/upa/jeff.jpg)
}

.template--study-pincourt .case-study-section--texture {
    background-image: url(../../images/casestudy/upa/texture.jpg)
}

.template--study-pincourt .case-study-section--agnostic {
    background-image: url(../../images/casestudy/upa/banner2.jpg)
}

.template--study-pincourt .case-study-section--black {
    background-color: #1c2328
}

.template--study-pincourt .case-study-section--black .case-study-section__wrapux {
    margin-top: 0
}

@media (min-width:768px) {
    .template--study-pincourt .case-study-section--black .case-study-section__wrapux {
        margin-top: 205px
    }
}

.template--study-pincourt .case-study__logo {
    margin-bottom: -75px
}

.template--study-pincourt .case-study__brown {
    text-align: center;
    padding-bottom: 50px
}

@media (max-width:999px) {
    .template--study-pincourt .case-study__brown {
        padding-top: 200px
    }
}

@media (min-width:1000px) {
    .template--study-pincourt .case-study__brown {
        padding-top: 425px
    }
}

.template--study-pincourt .case-study__brown__background {
    position: absolute;
    top: 34%;
    left: 0;
    right: 0;
    background-color: #7e745e;
    height: 1900px;
    z-index: 0
}

.template--study-pincourt .case-study__brown__image {
    margin-bottom: 200px
}

@media (max-width:1999px) {
    .template--study-pincourt .case-study-banner__img {
        margin-bottom: -50%
    }
    .template--study-pincourt .case-study-section__content.-top {
        margin-top: 150px
    }
}

@media (min-width:1200px) {
    .template--study-pincourt .case-study-banner__img {
        margin-bottom: -650px
    }
}

.template--study-pincourt .case-study-section__relative {
    position: relative;
    width: 100%
}

.template--study-pincourt .case-study-quote {
    background-color: #2f2f2f
}

.template--study-dansmonsac .case-study-section,
.template--study-dansmonsac .case-study-section.-blue {
    background-color: #dae9ec
}

.template--study-pincourt .case-study-section__content.-nopadding {
    padding-top: 0;
    padding-bottom: 0
}

.template--study-pincourt .case-study-section__content.-bottom {
    margin-bottom: 250px
}

.template--study-pincourt .case-study-section__content.-first {
    padding-bottom: 145px
}

@media (max-width:1999px) {
    .template--study-pincourt .case-study-section__content.-first {
        padding-top: 50%
    }
}

@media (min-width:1200px) {
    .template--study-pincourt .case-study-section__content.-top {
        margin-top: 250px
    }
    .template--study-pincourt .case-study-section__content.-first {
        padding-top: 690px
    }
}

.template--study-dansmonsac {
    background: #dae9ec;
    overflow: auto;
    height: auto
}

.template--study-dansmonsac .case-study-banner {
    background-image: url(../../images/casestudy/dansmonsac/jumbotron.jpg)
}

@media (max-width:999px) {
    .template--study-dansmonsac .case-study-section.-margin {
        margin: 250px 0
    }
    .template--study-dansmonsac .case-study-section.-padding {
        padding: 160px 0
    }
}

@media (min-width:1000px) {
    .template--study-dansmonsac .case-study-section.-margin {
        margin: 450px 0
    }
    .template--study-dansmonsac .case-study-section.-padding {
        padding: 320px 0
    }
}

.template--study-dansmonsac .case-study-section.-red {
    background-color: #f14a4c;
    color: #FFF
}

.template--study-dansmonsac .case-study-section.-color-white {
    color: #FFF
}

@media (max-width:999px) {
    .template--study-dansmonsac .case-study-section.-big-bottom {
        padding-bottom: 200px
    }
    .template--study-dansmonsac .case-study-banner__img {
        margin-bottom: -32%
    }
    .template--study-dansmonsac .case-study-section__content {
        padding-top: 42%
    }
}

.template--study-dansmonsac .case-study-section__background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #049c7f;
    z-index: 0
}

.t-dansmonsac_button,
.template--study-dansmonsac .case-study-quote,
.template--study-dansmonsac .case-study-section__background.-red {
    background-color: #f14a4c
}

.template--study-dansmonsac .case-study-section--quote {
    background-color: #f14a4c;
    color: #FFF
}

.template--study-dansmonsac .case-study-quote__image {
    background-image: url(../../images/casestudy/upa/jeff.jpg)
}

.template--study-dansmonsac .case-study__image {
    position: relative;
    display: block;
    margin: auto
}

@media (max-width:999px) {
    .template--study-dansmonsac .case-study__image.-top {
        margin-top: 100px
    }
    .template--study-dansmonsac .case-study__image.-bottom {
        margin-bottom: 150px
    }
}

@media (min-width:1000px) {
    .template--study-dansmonsac .case-study-section.-big-bottom {
        padding-bottom: 450px
    }
    .template--study-dansmonsac .case-study__image.-top {
        margin-top: 200px
    }
    .template--study-dansmonsac .case-study__image.-bottom {
        margin-bottom: 300px
    }
}

.t-dansmonsac_button {
    padding: 25px 80px;
    display: inline-block;
    margin: 65px 0;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff!important;
    letter-spacing: 4px;
    font-size: 16px;
    text-align: center
}

.t-dansmonsac_description {
    max-width: 700px;
    text-align: center;
    margin: 70px auto 0
}

.t-dansmonsac_circleimg_wrapper {
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%
}

.t-dansmonsac_circleimg {
    display: inline-block;
    margin: 0 20px;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}

.t-dansmonsac_no-padding {
    padding-bottom: 0!important
}

.t-dansmonsac_footer {
    height: 100vh;
    width: 100%;
    margin: 0;
    position: relative;
    background-image: url(../../images/casestudy/dansmonsac/footer.jpg);
    background-size: cover;
    background-position: center center
}

.t-dansmonsac_footer .t-dansmonsac_button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0 auto
}