.envoyer{

	width : 200px;

	height : 40px;

	background-color : white;

	border : 1px solide black;

	color : black;

	font-family: "Times New Roman", Times, serif; 

}

.envoyer:hover{

	width : 200px;

	height : 40px;

	background-color : black;

	border : 1px solide white;

	color : white;

	transition : 0.3s ease-in-out;

}

.logow {

width:50%;

}

.logowlarger {

width:300px;

height:100px;

}



.yarpp_pro_msg {

 border:1px ridge #D0D0D0;

 padding:.4em 2em .8em;

 text-align:justify

}

 

.yarpp_pro_msg strong {

 display:inline-block;

 text-align:center;

 width:100%;

 color:orange

}

.yarpp_help {

 position:relative;

 display:inline-block;

 background:transparent url(../../../../wp-includes/images/wpicons.png) no-repeat -520px -20px;

 vertical-align:text-bottom;

 width:20px;

 height:20px

}

.yarpp_help_msg {

 position:absolute;

 left:25px;

 display:none;

 border:1px solid #D0D0D0;

 width:250px;

 text-align:justify;

 padding:10px 15px;

 background-color:#FFF;

 box-shadow:0 0 .4em -.15em #333;

 z-index:100

}

.yarpp_help:hover .yarpp_help_msg {

 display:block

}

div.wpcf7 {

 margin:0;

 padding:0

}

div.wpcf7 .screen-reader-response {

 position:absolute;

 overflow:hidden;

 clip:rect(1px,1px,1px,1px);

 height:1px;

 width:1px;

 margin:0;

 padding:0;

 border:0

}

div.wpcf7-response-output {

 margin:2em .5em 1em;

 padding:.2em 1em;

 border:2px solid red

}

div.wpcf7-mail-sent-ok {

 border:2px solid #398f14

}

div.wpcf7-mail-sent-ng,div.wpcf7-aborted {

 border:2px solid red

}

div.wpcf7-spam-blocked {

 border:2px solid #ffa500

}

div.wpcf7-validation-errors,div.wpcf7-acceptance-missing {

 border:2px solid #f7e700

}

.wpcf7-form-control-wrap {

 position:relative

}

span.wpcf7-not-valid-tip {

 color:red;

 font-size:1em;

 font-weight:400;

 display:block

}

.use-floating-validation-tip span.wpcf7-not-valid-tip {

 position:absolute;

 top:20%;

 left:20%;

 z-index:100;

 border:1px solid red;

 background:#fff;

 padding:.2em .8em

}

span.wpcf7-list-item {

 display:inline-block;

 margin:0 0 0 1em

}

span.wpcf7-list-item-label::before,span.wpcf7-list-item-label::after {

 content:" "

}

.wpcf7-display-none {

 display:none

}

div.wpcf7 .ajax-loader {

 visibility:hidden;

 display:inline-block;

 background-image:url(../../../plugins/contact-form-7/images/ajax-loader.gif);

 width:16px;

 height:16px;

 border:none;

 padding:0;

 margin:0 0 0 4px;

 vertical-align:middle

}

div.wpcf7 .ajax-loader.is-active {

 visibility:visible

}

div.wpcf7 div.ajax-error {

 display:none

}

div.wpcf7 .placeheld {

 color:#888

}

div.wpcf7 .wpcf7-recaptcha iframe {

 margin-bottom:0

}

div.wpcf7 input[type="file"] {

 cursor:pointer

}

div.wpcf7 input[type="file"]:disabled {

 cursor:default

}

div.wpcf7 .wpcf7-submit:disabled {

 cursor:not-allowed

}

html {

 font-family:sans-serif;

 -ms-text-size-adjust:100%;

 -webkit-text-size-adjust:100%

}

body {

 margin:0

}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {

 display:block

}

audio,canvas,progress,video {

 display:inline-block;

 vertical-align:baseline

}

audio:not([controls]) {

 display:none;

 height:0

}

[hidden],template {

 display:none

}

a {

 background-color:transparent

}

a:active,a:hover {

 outline:0

}

abbr[title] {

 border-bottom:1px dotted

}

b,strong {

 font-weight:700

}

dfn {

 font-style:italic

}

h1 {

 font-size:2em;

 margin:.67em 0

}

mark {

 background:#ff0;

 color:#000

}

small {

 font-size:80%

}

sub,sup {

 font-size:75%;

 line-height:0;

 position:relative;

 vertical-align:baseline

}

sup {

 top:-.5em

}

sub {

 bottom:-.25em

}

img {

 border:0

}

svg:not(:root) {

 overflow:hidden

}

figure {

 margin:1em 40px

}

hr {

 box-sizing:content-box;

 height:0

}

pre {

 overflow:auto

}

code,kbd,pre,samp {

 font-family:monospace,monospace;

 font-size:1em

}

button,input,optgroup,select,textarea {

 color:inherit;

 font:inherit;

 margin:0

}

button {

 overflow:visible

}

button,select {

 text-transform:none

}

button,html input[type="button"],input[type="reset"],input[type="submit"] {

 -webkit-appearance:button;

 cursor:pointer

}

button[disabled],html input[disabled] {

 cursor:default

}

button::-moz-focus-inner,input::-moz-focus-inner {

 border:0;

 padding:0

}

input {

 line-height:normal

}

input[type="checkbox"],input[type="radio"] {

 box-sizing:border-box;

 padding:0

}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {

 height:auto

}

input[type="search"] {

 -webkit-appearance:textfield;

 box-sizing:content-box

}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {

 -webkit-appearance:none

}

fieldset {

 border:1px solid silver;

 margin:0 2px;

 padding:.35em .625em .75em

}

legend {

 border:0;

 padding:0

}

textarea {

 overflow:auto

}

optgroup {

 font-weight:700

}

table {

 border-collapse:collapse;

 border-spacing:0

}

td,th {

 padding:0

}

@-webkit-keyframes loaderDot {

 0% {

  -webkit-transform:translate3d(0,0,0);

  transform:translate3d(0,0,0)

 }

 30% {

  -webkit-transform:translate3d(0,-10px,0);

  transform:translate3d(0,-10px,0)

 }

 60% {

  -webkit-transform:translate3d(0,0,0);

  transform:translate3d(0,0,0)

 }

 100% {

  -webkit-transform:translate3d(0,0,0);

  transform:translate3d(0,0,0)

 }

}

@keyframes loaderDot {

 0% {

  -webkit-transform:translate3d(0,0,0);

  transform:translate3d(0,0,0)

 }

 30% {

  -webkit-transform:translate3d(0,-10px,0);

  transform:translate3d(0,-10px,0)

 }

 60% {

  -webkit-transform:translate3d(0,0,0);

  transform:translate3d(0,0,0)

 }

 100% {

  -webkit-transform:translate3d(0,0,0);

  transform:translate3d(0,0,0)

 }

}

@font-face {

 font-family:'Baksheesh Regular';

 src:url(../../../themes/agence-s-2018/fonts/baksheeshregular-webfont.eot);

 src:url("../../../themes/agence-s-2018/fonts/baksheeshregular-webfont-1.eot") format("embedded-opentype"),url(../../../themes/agence-s-2018/fonts/baksheeshregular-webfont.txt) format("woff"),url(../../../themes/agence-s-2018/fonts/baksheeshregular-webfont-1.txt) format("truetype"),url("../../../themes/agence-s-2018/fonts/baksheeshregular-webfont.svg") format("svg");

 font-weight:400;

 font-style:normal

}

@font-face {

 font-family:'Baksheesh Bold';

 src:url(../../../themes/agence-s-2018/fonts/baksheeshbold-webfont.eot);

 src:url("../../../themes/agence-s-2018/fonts/baksheeshbold-webfont-1.eot") format("embedded-opentype"),url(../../../themes/agence-s-2018/fonts/baksheeshbold-webfont.txt) format("woff"),url(../../../themes/agence-s-2018/fonts/baksheeshbold-webfont-1.txt) format("truetype"),url("../../../themes/agence-s-2018/fonts/baksheeshbold-webfont.svg") format("svg");

 font-weight:400;

 font-style:normal

}

@font-face {

 font-family:'Bodoni Roman';

 src:url(../../../themes/agence-s-2018/fonts/d9962452-df3a-4090-ba2d-e5fdb84dc9da.eot) format("eot")

}

@font-face {

 font-family:'Bodoni Roman';

 src:url(../../../themes/agence-s-2018/fonts/d9962452-df3a-4090-ba2d-e5fdb84dc9da.eot);

 src:url(../../../themes/agence-s-2018/fonts/cd77f8b9-e937-4ea5-a635-19a0db457df1.txt) format("woff"),url(../../../themes/agence-s-2018/fonts/4c42a4ae-e7fd-4696-9365-ba1c98cffbdf.txt) format("truetype"),url("../../../themes/agence-s-2018/fonts/bb307ba8-bca1-4840-ab5c-136397597d64.svg") format("svg")

}

@font-face {

 font-family:'Bodoni Book Italic';

 src:url(../../../themes/agence-s-2018/fonts/0a91bb9c-414c-4757-bcdb-db39e4a51688.eot) format("eot")

}

@font-face {

 font-family:'Bodoni Book Italic';

 src:url(../../../themes/agence-s-2018/fonts/0a91bb9c-414c-4757-bcdb-db39e4a51688.eot);

 src:url(../../../themes/agence-s-2018/fonts/e27899f4-4bb0-4e52-927a-86308f146280.txt) format("woff"),url(../../../themes/agence-s-2018/fonts/27951388-bcbb-43d5-b2b1-469b24ed2383.txt) format("truetype"),url("../../../themes/agence-s-2018/fonts/2daa8db8-36d0-44e0-8f9f-62913fd44f5d.svg") format("svg")

}

@font-face {

 font-family:'Bodoni Bold Italic';

 src:url(../../../themes/agence-s-2018/fonts/8e76616d-ce24-4651-8581-84dcc7ae3751.eot) format("eot")

}

@font-face {

 font-family:'Bodoni Bold Italic';

 src:url(../../../themes/agence-s-2018/fonts/8e76616d-ce24-4651-8581-84dcc7ae3751.eot);

 src:url(../../../themes/agence-s-2018/fonts/6f551fc0-4c6f-4ef0-b026-f1e148977a7b.txt) format("woff"),url(../../../themes/agence-s-2018/fonts/32eb1298-d5c4-4112-a2f5-ee0ac5051b72.txt) format("truetype"),url("../../../themes/agence-s-2018/fonts/79868027-7d4d-452f-a701-80ad10720730.svg") format("svg")

}

.scroll-reveal {

 opacity:0

}

.scroll-reveal.is-revealed {

 opacity:1

}

.hidden {

 display:none!important;

 visibility:hidden

}

.sr-only {

 overflow:hidden;

 margin:-1px;

 padding:0;

 position:absolute;

 width:1px;

 height:1px;

 border:0;

 clip:rect(0,0,0,0)

}

.clearfix:before,.clearfix:after {

 display:table;

 content:""

}

.clearfix:after {

 clear:both

}

.horizontal-wrapper {

 margin:0 auto;

 padding:0 80px;

 position:relative;

 width:100%;

 max-width:1366px

}

.fullheight {

 height:calc(100vh - 28px)

}

.alignnone {

 margin:5px 20px 20px 0

}

.aligncenter {

 display:block;

 margin:5px auto 5px auto

}

.alignright {

 float:right;

 margin:5px 0 20px 20px

}

.alignleft {

 float:left;

 margin:5px 20px 20px 0

}

a img.alignright {

 float:right;

 margin:5px 0 20px 20px

}

a img.alignnone {

 margin:5px 20px 20px 0

}

a img.alignleft {

 float:left;

 margin:5px 20px 20px 0

}

a img.aligncenter {

 display:block;

 margin-left:auto;

 margin-right:auto

}

.wp-caption {

 background:#fff;

 border:1px solid #f0f0f0;

 max-width:96%;

 padding:5px 3px 10px;

 text-align:center

}

.wp-caption.alignnone {

 margin:5px 20px 20px 0

}

.wp-caption.alignleft {

 margin:5px 20px 20px 0

}

.wp-caption.alignright {

 margin:5px 0 20px 20px

}

.wp-caption img {

 border:0 none;

 height:auto;

 margin:0;

 max-width:98.5%;

 padding:0;

 width:auto

}

.wp-caption p.wp-caption-text {

 font-size:11px;

 line-height:17px;

 margin:0;

 padding:0 4px 5px

}

::-moz-selection {

 background:linear-gradient(126deg, #28d5d8 33%, #63c746 100%);

 color:green;

 text-shadow:none

}

::selection {

 background:linear-gradient(126deg, #28d5d8 33%, #63c746 100%);

 color:green;

 text-shadow:none

}

body {

 position:relative;

 color:#000;

 font:1em/1.375 "Baksheesh Regular",sans-serif;

 font-family: calibri;

 font-family: calibri !important;

}

* {

 outline:none;

 box-sizing:border-box;

 -webkit-font-smoothing:antialiased;

 -moz-osx-font-smoothing:grayscale

}

form {

 position:relative

}

.form-row {

 position:relative

}

.form-row + .form-row {

 margin-top:20px

}

.label-file {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 padding:0;

 position:relative;

 width:100%;

 height:38px;

 -webkit-align-items:center;

 -ms-flex-align:center;

 align-items:center;

 border:none;

 cursor:pointer;

 -webkit-flex-direction:row;

 -ms-flex-direction:row;

 flex-direction:row;

 -webkit-justify-content:flex-start;

 -ms-flex-pack:start;

 justify-content:flex-start;

 z-index:2;

 font:1em/1.1 "Baksheesh Bold";

 letter-spacing:0;

 white-space:nowrap

}

.label-file:hover .label {

 background:#ccc

}

.label-file .label {

 padding:10px;

 background:linear-gradient(126deg, #28d5d8 33%, #63c746 100%);

 -webkit-flex-grow:0;

 -ms-flex-positive:0;

 flex-grow:0;

 -webkit-flex-shrink:0;

 -ms-flex-negative:0;

 flex-shrink:0;

 transition:background 0.1s ease

}

.label-file .output {

 padding:10px;

 -webkit-flex-grow:1;

 -ms-flex-positive:1;

 flex-grow:1;

 -webkit-flex-shrink:1;

 -ms-flex-negative:1;

 flex-shrink:1;

 white-space:nowrap;

 word-wrap:break-word

}

.label-file + .wpcf7-form-control-wrap {

 display:block;

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 cursor:pointer;

 opacity:0;

 z-index:1

}

.label-file + .wpcf7-form-control-wrap input {

 width:100%;

 height:100%;

 cursor:pointer

}

.form-control {

 padding:10px 0;

 width:100%;

 height:38px;

 background:transparent;

 border-color:#000;

 border-style:solid;

 border-width:0 0 1px;

 border-radius:0;

 font:normal 1em/1.1 "Baksheesh Bold";

 letter-spacing:0

}

.form-control::-webkit-input-placeholder {

 opacity:1;

 color:#000;

 font:1em/1.1 "Baksheesh Bold";

 letter-spacing:.2em;

 text-transform:uppercase

}

.form-control:-ms-input-placeholder {

 opacity:1;

 color:#000;

 font:1em/1.1 "Baksheesh Bold";

 letter-spacing:.2em;

 text-transform:uppercase

}

.form-control::placeholder {

 opacity:1;

 color:#000;

 font:1em/1.1 "Baksheesh Bold";

 letter-spacing:.2em;

 text-transform:uppercase

}

.form-control::-webkit-input-placeholder {

 opacity:1;

 color:#000;

 font:1em/1.1 "Baksheesh Bold";

 letter-spacing:.2em;

 text-transform:uppercase

}

textarea.form-control {

 padding:10px;

 width:100%;

 height:96px;

 border-width:1px;

 resize:none;

 line-height:1.2

}

.form-submit {

 display:block;

 margin:20px 0 0;

 padding:15px;

 position:relative;

 width:100%;

 -webkit-appearance:none;

 -moz-appearance:none;

 appearance:none;

 background:#000;

 border:0;

 border-radius:0;

 transition:background 0.1s ease,color 0.1s ease;

 color:#fff;

 font:1em/1 "Baksheesh Bold";

 letter-spacing:.2em;

 text-align:center;

 text-transform:uppercase

}

.form-submit:hover,.form-submit:focus {

 background:linear-gradient(126deg, #28d5d8 33%, #63c746 100%);

 color:#000

}

.select-container.select-filters {

 display:inline-block;

 position:relative;

 width:100%;

 height:100%;

 z-index:1

}

.select-container.select-filters select.custom {

 background:#000;

 opacity:0

}

.select-container.select-filters .select-label {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 overflow:hidden;

 padding:8px 15px;

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 background:#000;

 border:1px solid #fff;

 cursor:pointer;

 -webkit-flex-direction:column;

 -ms-flex-direction:column;

 flex-direction:column;

 -webkit-justify-content:center;

 -ms-flex-pack:center;

 justify-content:center;

 z-index:4;

 color:#fff;

 font:14px/1 "Baksheesh Bold";

 letter-spacing:.1em;

 text-transform:uppercase

}

.select-container.select-filters .select-label:after {

 position:absolute;

 top:8px;

 right:0;

 bottom:8px;

 width:24px;

 background-image:url(../../../themes/agence-s-2018/img/svg/icon-select-white.svg);

 background-position:bottom;

 background-repeat:no-repeat;

 background-size:9px 215px;

 content:'';

 transition:-webkit-transform 0.2s ease;

 transition:transform 0.2s ease;

 transition:transform 0.2s ease,-webkit-transform 0.2s ease;

 -webkit-transform:translate3d(0,0,0);

 transform:translate3d(0,0,0);

 vertical-align:top;

 z-index:2

}

.select-container.select-filters .select-label .label-inner {

 transition:color 0.1s ease

}

.select-container.select-filters .select-label:hover:after {

 -webkit-transform:translate3d(0,2px,0);

 transform:translate3d(0,2px,0)

}

.select-container.select-filters .select-label:hover .label-inner {

 color:#75b157

}

.select-container.select-filters .select-values {

 padding:8px 15px;

 position:absolute;

 top:100%;

 left:0;

 width:100%;

 background:#000;

 border-color:#fff;

 border-style:solid;

 border-width:0 1px 1px;

 opacity:0;

 pointer-events:none;

 -webkit-transform:scaleY(.8);

 transform:scaleY(.8);

 -webkit-transform-origin:0 0;

 transform-origin:0 0;

 transition:opacity 0.3s linear,-webkit-transform 0.3s cubic-bezier(.55,.055,.675,.19);

 transition:opacity 0.3s linear,transform 0.3s cubic-bezier(.55,.055,.675,.19);

 transition:opacity 0.3s linear,transform 0.3s cubic-bezier(.55,.055,.675,.19),-webkit-transform 0.3s cubic-bezier(.55,.055,.675,.19);

 z-index:3

}

.select-container.select-filters .select-values:after {

 display:block;

 position:fixed;

 top:-100vw;

 left:-100vh;

 width:300vw;

 height:300vh;

 background:transparent;

 content:'';

 z-index:1

}

.select-container.select-filters .select-option {

 display:block;

 padding:7px 0;

 position:relative;

 cursor:pointer;

 opacity:0;

 -webkit-transform:translate3d(0,10px,0);

 transform:translate3d(0,10px,0);

 transition:opacity 0.2s linear,-webkit-transform 0.2s cubic-bezier(.55,.055,.675,.19);

 transition:opacity 0.2s linear,transform 0.2s cubic-bezier(.55,.055,.675,.19);

 transition:opacity 0.2s linear,transform 0.2s cubic-bezier(.55,.055,.675,.19),-webkit-transform 0.2s cubic-bezier(.55,.055,.675,.19);

 z-index:2;

 font:14px/1 "Baksheesh Bold";

 letter-spacing:.1em;

 text-transform:uppercase

}

.select-container.select-filters .select-option:hover {

 color:#75b157

}

.select-container.select-filters .select-option:nth-child(1) {

 transition-delay:0.05s

}

.select-container.select-filters .select-option:nth-child(2) {

 transition-delay:0.1s

}

.select-container.select-filters .select-option:nth-child(3) {

 transition-delay:0.15s

}

.select-container.select-filters .select-option:nth-child(4) {

 transition-delay:0.2s

}

.select-container.select-filters .select-option:nth-child(5) {

 transition-delay:0.25s

}

.select-container.select-filters .select-option:nth-child(6) {

 transition-delay:0.3s

}

.select-container.select-filters .select-option:nth-child(7) {

 transition-delay:0.35s

}

.select-container.select-filters .select-option:nth-child(8) {

 transition-delay:0.4s

}

.select-container.select-filters .select-option:nth-child(9) {

 transition-delay:0.45s

}

.select-container.select-filters .select-option:nth-child(10) {

 transition-delay:0.5s

}

.select-container.select-filters .select-option:nth-child(11) {

 transition-delay:0.55s

}

.select-container.select-filters .select-option:nth-child(12) {

 transition-delay:0.6s

}

.select-container.select-filters .select-option:nth-child(13) {

 transition-delay:0.65s

}

.select-container.select-filters .select-option:nth-child(14) {

 transition-delay:0.7s

}

.select-container.select-filters .select-option:nth-child(15) {

 transition-delay:0.75s

}

.select-container.select-filters .select-option:nth-child(16) {

 transition-delay:0.8s

}

.select-container.select-filters .select-option:nth-child(17) {

 transition-delay:0.85s

}

.select-container.select-filters .select-option:nth-child(18) {

 transition-delay:0.9s

}

.select-container.select-filters .select-option:nth-child(19) {

 transition-delay:0.95s

}

.select-container.select-filters .select-option:nth-child(20) {

 transition-delay:1s

}

.select-container.select-filters select {

 position:relative;

 width:100%;

 height:100%;

 opacity:0;

 pointer-events:none;

 z-index:2

}

.select-container.select-filters.is-disabled .select-label {

 z-index:3

}

.select-container.select-filters.is-disabled .select-label:before {

 display:none

}

.select-container.select-filters.is-opened {

 z-index:2

}

.select-container.select-filters.is-opened .select-values {

 opacity:1;

 pointer-events:auto;

 -webkit-transform:scaleY(1);

 transform:scaleY(1);

 transition:opacity 0.3s linear,-webkit-transform 0.3s cubic-bezier(.215,.61,.355,1);

 transition:opacity 0.3s linear,transform 0.3s cubic-bezier(.215,.61,.355,1);

 transition:opacity 0.3s linear,transform 0.3s cubic-bezier(.215,.61,.355,1),-webkit-transform 0.3s cubic-bezier(.215,.61,.355,1)

}

.select-container.select-filters.is-opened .select-option {

 opacity:1;

 -webkit-transform:translate3d(0,0,0);

 transform:translate3d(0,0,0);

 transition:opacity 0.2s linear,-webkit-transform 0.2s cubic-bezier(.215,.61,.355,1);

 transition:opacity 0.2s linear,transform 0.2s cubic-bezier(.215,.61,.355,1);

 transition:opacity 0.2s linear,transform 0.2s cubic-bezier(.215,.61,.355,1),-webkit-transform 0.2s cubic-bezier(.215,.61,.355,1)

}

.select-container.select-filters.is-opened .select-option:nth-child(1) {

 transition-delay:0.05s

}

.select-container.select-filters.is-opened .select-option:nth-child(2) {

 transition-delay:0.1s

}

.select-container.select-filters.is-opened .select-option:nth-child(3) {

 transition-delay:0.15s

}

.select-container.select-filters.is-opened .select-option:nth-child(4) {

 transition-delay:0.2s

}

.select-container.select-filters.is-opened .select-option:nth-child(5) {

 transition-delay:0.25s

}

.select-container.select-filters.is-opened .select-option:nth-child(6) {

 transition-delay:0.3s

}

.select-container.select-filters.is-opened .select-option:nth-child(7) {

 transition-delay:0.35s

}

.select-container.select-filters.is-opened .select-option:nth-child(8) {

 transition-delay:0.4s

}

.select-container.select-filters.is-opened .select-option:nth-child(9) {

 transition-delay:0.45s

}

.select-container.select-filters.is-opened .select-option:nth-child(10) {

 transition-delay:0.5s

}

.select-container.select-filters.is-opened .select-option:nth-child(11) {

 transition-delay:0.55s

}

.select-container.select-filters.is-opened .select-option:nth-child(12) {

 transition-delay:0.6s

}

.select-container.select-filters.is-opened .select-option:nth-child(13) {

 transition-delay:0.65s

}

.select-container.select-filters.is-opened .select-option:nth-child(14) {

 transition-delay:0.7s

}

.select-container.select-filters.is-opened .select-option:nth-child(15) {

 transition-delay:0.75s

}

.select-container.select-filters.is-opened .select-option:nth-child(16) {

 transition-delay:0.8s

}

.select-container.select-filters.is-opened .select-option:nth-child(17) {

 transition-delay:0.85s

}

.select-container.select-filters.is-opened .select-option:nth-child(18) {

 transition-delay:0.9s

}

.select-container.select-filters.is-opened .select-option:nth-child(19) {

 transition-delay:0.95s

}

.select-container.select-filters.is-opened .select-option:nth-child(20) {

 transition-delay:1s

}

.select-container.select-default {

 display:inline-block;

 position:relative;

 width:100%;

 height:32px

}

.select-container.select-default select.custom {

 background:#000;

 opacity:0

}

.select-container.select-default .select-label {

 overflow:hidden;

 padding:10px 15px;

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 background:#fff;

 border:1px solid #000;

 z-index:1;

 color:#000;

 font:13px/1 "Baksheesh Bold";

 letter-spacing:.1em

}

.select-container.select-default .select-label:after {

 position:absolute;

 top:6px;

 right:0;

 bottom:6px;

 width:24px;

 background-image:url(../../../themes/agence-s-2018/img/svg/icon-select-black.svg);

 background-position:bottom;

 background-repeat:no-repeat;

 background-size:9px 215px;

 content:'';

 vertical-align:top;

 z-index:2

}

.select-container.select-default .select-values {

 display:none

}

.select-container.select-default select {

 position:relative;

 width:100%;

 height:100%;

 background:#fff;

 cursor:pointer;

 opacity:0;

 z-index:2;

 color:#000

}

.select-container.select-default option {

 padding:5px 40px 5px 15px;

 background:#fff;

 color:#000;

 text-align:left

}

.select-container.select-default.is-disabled .select-label {

 z-index:3

}

.select-container.select-default.is-disabled .select-label:before {

 display:none

}

.select-container.select-default.white select.custom {

 background:#fff

}

.select-container.select-default.white .select-label {

 background:#000;

 border-color:#fff;

 color:#fff

}

.select-container.select-default.white .select-label:after {

 background-image:url(../../../themes/agence-s-2018/img/svg/icon-select-white.svg)

}

.select-container.select-default.white select {

 background:#000;

 color:#fff

}

.select-container.select-default.white option {

 background:#000;

 color:#fff

}

.select-container.select-contact {

 display:inline-block;

 position:relative;

 width:100%;

 height:38px

}

.select-container.select-contact select.custom {

 background:#fff;

 opacity:0

}

.select-container.select-contact .select-label {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 overflow:hidden;

 padding:10px;

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 background:#fff;

 border:1px solid #000;

 cursor:pointer;

 -webkit-flex-direction:column;

 -ms-flex-direction:column;

 flex-direction:column;

 -webkit-justify-content:center;

 -ms-flex-pack:center;

 justify-content:center;

 z-index:1;

 color:#000;

 font:1em/1 "Baksheesh Bold";

 letter-spacing:.2em;

 text-align:center;

 text-transform:uppercase

}

.select-container.select-contact .select-label:before,.select-container.select-contact .select-label:after {

 position:absolute;

 top:6px;

 right:0;

 bottom:6px;

 width:24px;

 background-image:url(../../../themes/agence-s-2018/img/svg/icon-select-black.svg);

 background-position:bottom;

 background-repeat:no-repeat;

 background-size:9px 215px;

 content:'';

 vertical-align:top;

 z-index:2

}

.select-container.select-contact .select-label:before {

 left:0

}

.select-container.select-contact .select-label:after {

 right:0

}

.select-container.select-contact .select-values {

 display:none;

 padding:0;

 position:absolute;

 top:100%;

 left:0;

 width:100%;

 background:#fff;

 border-color:#000;

 border-style:solid;

 border-width:0 1px 1px;

 z-index:3

}

.select-container.select-contact .select-values:after {

 display:block;

 position:fixed;

 top:-100vw;

 left:-100vh;

 width:300vw;

 height:300vh;

 background:transparent;

 content:'';

 z-index:1

}

.select-container.select-contact .select-option {

 display:block;

 padding:10px;

 position:relative;

 cursor:pointer;

 z-index:2;

 font:1em/1 "Baksheesh Bold";

 letter-spacing:.2em;

 text-align:center;

 text-transform:uppercase

}

.select-container.select-contact .select-option:hover {

 background:#000;

 color:#fff

}

.select-container.select-contact select {

 position:relative;

 width:100%;

 height:100%;

 opacity:0;

 pointer-events:none;

 z-index:2

}

.select-container.select-contact.is-disabled .select-label {

 z-index:3

}

.select-container.select-contact.is-disabled .select-label:before {

 display:none

}

.select-container.select-contact.is-opened .select-values {

 display:block

}

.is-phone .select-container .select-values {

 display:none!important

}

.is-phone .select-container select {

 pointer-events:auto

}

.wpcf7-acceptance {

 display:block;

 margin-bottom:5px

}

.wpcf7-acceptance .input-checkbox {

 position:absolute;

 top:0;

 left:0;

 opacity:0

}

.wpcf7-acceptance .wpcf7-list-item {

 margin:0;

 padding:0

}

.wpcf7-acceptance label {

 position:relative;

 padding:0 0 0 20px

}

.wpcf7-acceptance .wpcf7-list-item-label:before {

 display:block;

 position:absolute;

 top:0;

 left:0;

 width:14px;

 height:14px;

 border:1px solid #000;

 box-sizing:border-box

}

.wpcf7-acceptance .wpcf7-list-item-label:after {

 display:none;

 position:absolute;

 top:3px;

 left:3px;

 width:8px;

 height:8px;

 background-image:url(../../../themes/agence-s-2018/img/svg/icon-check.svg);

 background-repeat:no-repeat;

 background-size:8px 8px;

 content:''

}

.wpcf7-acceptance input:checked + .wpcf7-list-item-label:after {

 display:block

}

.wpcf7-acceptance a {

 font-family:"Baksheesh Bold";

 text-decoration:underline

}

.wpcf7 .wpcf7-not-valid-tip {

 clear:both;

 display:block;

 margin:0;

 padding:5px 0 0;

 color:#C81D03;

 font-size:11px;

 text-align:left

}

.wpcf7 .wpcf7-response-output {

 margin:30px 0 0;

 padding:0;

 border:0;

 color:#000;

 font:1.25em "Bodoni Bold Italic";

 text-align:center

}

.wpcf7 .wpcf7-validation-errors {

 color:#C81D03

}

.wpcf7 span.ajax-loader {

 margin:0 -70px 0 0;

 position:absolute;

 bottom:16px;

 right:50%;

 width:16px;

 height:16px;

 background-image:url(../../../themes/agence-s-2018/img/svg/loader.svg);

 background-repeat:no-repeat;

 background-size:16px 16px;

 z-index:2

}

a {

 color:inherit;

 text-decoration:none

}

h1,h2,h3,h4,h5,h6,.title-h2,.title-h3,strong,b,em,i {

 margin:0;

 font-family:"Baksheesh Bold";

 font-style:normal;

 font-weight:400

}

img,video {

 max-width:100%;

 height:auto

}

.svg {

 display:block;

 max-width: 220px;

}

.svg svg {

 display:block;

 width:100%;

 height:100%;

 overflow:visible;

}

.rte {

 letter-spacing:.05em

}

.rte h1:first-child,.rte h2:first-child,.rte h3:first-child,.rte h4:first-child,.rte h5:first-child,.rte p:first-child,.rte ul:first-child,.rte ol:first-child {

 margin-top:0

}

.rte h1:last-child,.rte h2:last-child,.rte h3:last-child,.rte h4:last-child,.rte h5:last-child,.rte p:last-child,.rte ul:last-child,.rte ol:last-child {

 margin-bottom:0

}

.rte p {

 margin:1em 0

}

.rte p + ul,.rte p + ol {

 margin-top:-.5em

}

.rte a {

 text-decoration:underline

}

.rte b,.rte strong {

 font-family:"Baksheesh Bold";

 font-weight:400

}

.rte em,.rte i {

 font-family:"Bodoni Bold Italic";

 font-size:1.1em;

 font-weight:400

}

.rte h1,.rte h2 {

 margin:1.5em 0 0;

 font-size:40px;

 line-height:1

}

.rte h1 small,.rte h2 small {

 display:block;

 margin:.5em 0 0;

 font-size:19px;

 line-height:1.1

}

.rte h3 {

 margin:2em 0 0;

 font-size:1em

}

.rte h3 + p {

 margin-top:.25em

}

.rte ul {

 margin:1em 0;

 padding:0 0 0 .15em;

 list-style:none

}

.rte ul li {

 padding:0;

 position:relative

}

.rte ul li:before {

 display:inline-block;

 margin:.54em 8px 0 0;

 width:4px;

 height:4px;

 background:#000;

 border-radius:50%;

 content:'';

 vertical-align:top

}

.rte ul li a {

 display:inline

}

.rte ul li + li {

 margin-top:.25em

}

.rte ol {

 margin:1em 0;

 padding:0 0 0 1em

}

.rte blockquote {

 margin:0;

 padding:0

}

.rte a {

 display:inline-block;

 position:relative

}

.rte iframe {

 display:block;

 margin:2em 0;

 width:100%;

 height:auto

}

.letter-s {

 color:#75b157;

 background: linear-gradient(40deg, #63b6be 0%, #75b157 100%);

 background-clip: border-box;

 background-clip: border-box;

 background-clip: border-box;

 background-clip: text;

 -webkit-background-clip: text;

 -webkit-text-fill-color: transparent;

}

.title-xl {

 font:100px/0.96 "Baksheesh Bold";

 letter-spacing:.02em;

 text-transform:uppercase;

 font-family: calibri;

}

.title-lg {

 font:80px/1 "Baksheesh Bold"

}

.animated-title {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 -webkit-align-items:flex-start;

 -ms-flex-align:start;

 align-items:flex-start;

 -webkit-flex-direction:column;

 -ms-flex-direction:column;

 flex-direction:column;

 -webkit-justify-content:flex-start;

 -ms-flex-pack:start;

 justify-content:flex-start

}

.animated-title .line {

 display:inline-block;

 position:relative;

 -webkit-clip-path:polygon(0 -15%,0 -15%,0 115%,0 115%);

 clip-path:polygon(0 -15%,0 -15%,0 115%,0 115%);

 -webkit-transform-origin:0 0;

 transform-origin:0 0;

 transition:-webkit-clip-path 1s cubic-bezier(.645,.045,.355,1);

 transition:clip-path 1s cubic-bezier(.645,.045,.355,1);

 transition:clip-path 1s cubic-bezier(.645,.045,.355,1),-webkit-clip-path 1s cubic-bezier(.645,.045,.355,1);

 font-family: calibri !important;

}

.animated-title .line:after {

 display:block;

 position:absolute;

 top:0;

 left:0;

 width:100%;

 background:#fff;

 -webkit-clip-path:polygon(0 -15%,100% -15%,100% 115%,0 115%);

 clip-path:polygon(0 -15%,100% -15%,100% 115%,0 115%);

 transition:-webkit-clip-path 1s cubic-bezier(.645,.045,.355,1) 0.3s;

 transition:clip-path 1s cubic-bezier(.645,.045,.355,1) 0.3s;

 transition:clip-path 1s cubic-bezier(.645,.045,.355,1) 0.3s,-webkit-clip-path 1s cubic-bezier(.645,.045,.355,1) 0.3s;

 content:attr(data-text);

 color:#75b157;

 white-space:nowrap

}

.animated-title .line.is-visible {

 -webkit-clip-path:polygon(0 -15%,100% -15%,100% 115%,0 115%);

 clip-path:polygon(0 -15%,100% -15%,100% 115%,0 115%);

 opacity:1

}

.animated-title .line.is-visible:after {

 -webkit-clip-path:polygon(100% -15%,100% -15%,100% 115%,100% 115%);

 clip-path:polygon(100% -15%,100% -15%,100% 115%,100% 115%)

}

.animated-title .line.is-visible .letter-s {

 opacity:1;

 -webkit-transform:translate3d(0,0,0);

 transform:translate3d(0,0,0);

 transition:opacity 0.5s ease 0.9s,-webkit-transform 0.5s cubic-bezier(.215,.61,.355,1) 0.9s;

 transition:opacity 0.5s ease 0.9s,transform 0.5s cubic-bezier(.215,.61,.355,1) 0.9s;

 transition:opacity 0.5s ease 0.9s,transform 0.5s cubic-bezier(.215,.61,.355,1) 0.9s,-webkit-transform 0.5s cubic-bezier(.215,.61,.355,1) 0.9s

}

.animated-title .letter-s {

 display:inline-block;

 opacity:0;

 -webkit-transform:translate3d(0,20px,0);

 transform:translate3d(0,20px,0);

 vertical-align:top

}

.no-cssclippathpolygon .animated-title .line {

 -webkit-clip-path:none;

 clip-path:none;

 opacity:0;

 transition:opacity 0s linear 0.3s

}

.no-cssclippathpolygon .animated-title .line:after {

 top:-20%;

 bottom:-20%;

 height:auto;

 -webkit-clip-path:none;

 clip-path:none;

 content:'';

 -webkit-transform-origin:100% 0;

 transform-origin:100% 0;

 transition:-webkit-transform 1s cubic-bezier(.645,.045,.355,1) 0.3s;

 transition:transform 1s cubic-bezier(.645,.045,.355,1) 0.3s;

 transition:transform 1s cubic-bezier(.645,.045,.355,1) 0.3s,-webkit-transform 1s cubic-bezier(.645,.045,.355,1) 0.3s

}

.no-cssclippathpolygon .animated-title .line.is-visible {

 opacity:1

}

.no-cssclippathpolygon .animated-title .line.is-visible:after {

 -webkit-transform:scaleX(0);

 transform:scaleX(0)

}

.title-h2 {

 margin:1.5em 0 0;

 font-size:40px;

 line-height:1

}

.title-h2 small {

 display:block;

 margin:.5em 0 0;

 font-size:19px;

 line-height:1.1

}

.title-h2:first-child {

 margin-top:0

}

.title-h3 {

 margin:1.5em 0 0

}

.title-h3 + p {

 margin-top:.25em

}

.title-h3:first-child {

 margin-top:0

}

.link-readmore {

 font-family:"Baksheesh Bold";

 font-size:18px;

 letter-spacing:0;

 text-decoration:underline

}

.site-border {

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:99%;

 /*! border:14px solid #d7d7d7; */

 pointer-events:none;

 transition:border 0.2s linear;

 z-index:1;

 background: linear-gradient(55deg, #63b6be 79%, #63c746 93%);

}

.site-border-fond{

background: white;  

border: 42px solid transparent;

/*! position: relative; */ 

/*! width: calc(100% - 29px); */ 

height: 100%; 

/*! left: 14px; */  

/*! top: 43px; */

margin: 14px 14px 0 14px;

}

.site-border.white {

 border-color:#fff

}

.site-border.black {

 border-color:#000

}

.global-container {

 padding:14px;

 overflow:hidden

}

.page-container {

 position:relative;

 z-index:2

}

.global-loader {

 display:block;

 position:fixed;

 top:0;

 right:0;

 bottom:0;

 left:0;

 border:14px solid #fff;

 -webkit-transform-origin:100% 0;

 transform-origin:100% 0;

 z-index:999;

 color:#fff

}

.global-loader .content {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 padding:0 150px;

 position:absolute;

 top:0;

 left:50%;

 width:100%;

 max-width:1366px;

 height:100%;

 -webkit-flex-direction:column;

 -ms-flex-direction:column;

 flex-direction:column;

 -webkit-justify-content:center;

 -ms-flex-pack:center;

 justify-content:center;

 opacity:0;

 -webkit-transform:translate3d(-50%,0,0);

 transform:translate3d(-50%,0,0);

 z-index:2

}

.global-loader .content .big-lines,.global-loader .content .small-line {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 -webkit-align-items:flex-start;

 -ms-flex-align:start;

 align-items:flex-start;

 -webkit-flex-direction:column;

 -ms-flex-direction:column;

 flex-direction:column;

 -webkit-justify-content:flex-start;

 -ms-flex-pack:start;

 justify-content:flex-start;

 white-space:nowrap

}

.global-loader .content .big-lines {

 font:66px/1 "Baksheesh Bold";

 letter-spacing:.02em;

 text-transform:uppercase

}

.global-loader .content .small-line {

 margin:10px 0 0;

 font:25px/1 "Bodoni Book Italic"

}

.global-loader .content .animated-title .line:after {

 background:#000

}

.global-loader .content .shape {

 display:block;

 margin:20px 0 0;

 width:34px;

 height:7px;

 background:linear-gradient(126deg, #28d5d8 33%, #63c746 100%);

 -webkit-transform-origin:0 0;

 transform-origin:0 0

}

.global-loader .background {

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 background:#010101;

 z-index:1

}

.global-loader .mask {

 position:absolute;

 top:-14px;

 right:-14px;

 bottom:-14px;

 left:-14px;

 background:linear-gradient(126deg, #28d5d8 33%, #63c746 100%);

 -webkit-transform:scaleX(0);

 transform:scaleX(0);

 -webkit-transform-origin:0 0;

 transform-origin:0 0;

 z-index:4

}

.global-loader #awwwards {

 position:absolute;

 top:50%;

 right:0;

 -webkit-transform:translateY(-50%);

 transform:translateY(-50%);

 -webkit-transform-origin:100% 50%;

 transform-origin:100% 50%;

 z-index:3

}

.page-loader {

 display:block;

 position:fixed;

 top:0;

 right:0;

 bottom:0;

 left:0;

 opacity:0;

 overflow:hidden;

 pointer-events:none;

 -webkit-transform-origin:100% 0;

 transform-origin:100% 0;

 z-index:999;

 color:#fff

}

.page-loader .content {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 -webkit-flex-direction:column;

 -ms-flex-direction:column;

 flex-direction:column;

 -webkit-justify-content:flex-start;

 -ms-flex-pack:start;

 justify-content:flex-start;

 z-index:2;

 font:440px/0.88 "Baksheesh Bold";

 letter-spacing:.02em;

 text-transform:uppercase;

 white-space:nowrap

}

.page-loader .background {

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 background:#000;

 z-index:1

}

.page-loader .mask {

 position:absolute;

 top:-14px;

 right:-14px;

 bottom:-14px;

 left:-14px;

 background:linear-gradient(126deg, #28d5d8 33%, #63c746 100%);

 -webkit-transform:scaleX(0);

 transform:scaleX(0);

 -webkit-transform-origin:0 0;

 transform-origin:0 0;

 z-index:3

}

.page-loader.is-visible {

 opacity:1;

 pointer-events:auto

}

.site-head {

 position:absolute;

 top:0;

 left:0;

 width:100%;

 z-index:20

}

.site-head.small .site-title {

 top:58px;

 left:42px

}

.site-head.small .site-title .site-logo {

 width:105px

}

.site-head.small .site-title .site-logo .text,.site-head.small .site-title .site-logo .letters {

 opacity:0

}

.site-head.small .site-title .site-logo .small {

 opacity:1

}

.site-head.small .site-title .site-baseline {

 opacity:0

}

.site-head.full .site-logo {

 height:29px;

}

.site-head.full .site-logo .small {

 opacity:0

}

.site-head.full .site-logo .gray {

 fill:#b3b3b3

}

.site-head.white .site-title {

 color:#fff

}

.site-head.white .site-title .site-logo {

 fill:#fff

}

.site-head.white .site-title .site-logo .color {

 fill:#FFF254

}

.site-head.white .site-title .site-logo .gray {

 fill:gray

}

.site-head.white .site-title a:hover .site-logo .color {

 fill:#fff

}

.site-head.white .nav-toggle .open .line,.site-head.white .nav-toggle .close .line {

 background:#fff

}

.site-head.white .nav-toggle .open .line:before {

 background:#000

}

.site-head.white .nav-toggle .open .svg {

 fill:#fff

}

.site-head.white .nav-toggle .open .svg:nth-child(2) .background {

 fill:#000

}

.site-head.white .nav-toggle .open .svg:last-child .background {

 fill:#fff

}

.site-title {

 margin:0;

 position:absolute;

 top:50px;

 left:50px;

 transition-duration:0.8s;

 transition-propery:top,left;

 transition-timing-function:cubic-bezier(.645,.045,.355,1);

 z-index:1

}

.site-title .site-logo {

 display:block;

 position:relative;

 width:275px;

 height:39px;

 transition-duration:0.8s;

 transition-propery:width,height;

 transition-timing-function:cubic-bezier(.645,.045,.355,1)

}

.site-title .site-logo .svg {

 position:absolute;

 top:50%;

 left:50%;

 width:275px;

 height:39px;

 -webkit-transform:translate3d(-50%,-50%,0);

 transform:translate3d(-50%,-50%,0)

}

.site-title .site-logo .svg svg>* {

 transition:opacity 0.3s linear

}

.site-title .site-logo .color {

 transition:fill 0.1s ease

}

.site-title .site-baseline {

 display:block;

 margin:-52px 0 0;

 transition:opacity 0.3s linear;

 font:16px/1 "Bodoni Book Italic";

 letter-spacing:.035em;

 text-align:center;

 white-space:nowrap

}

.site-title a:hover .site-logo .color {

 fill:#FFF254

}

.nav-main .nav-toggle {

 position:fixed;

 top:50px;

 right:50px;

 width:74px;

 height:56px;

 cursor:pointer;

 z-index:3

}

.nav-main .nav-toggle .lines {

 position:absolute

}

.nav-main .nav-toggle .button {

 position:absolute;

 top:50%;

 left:50%;

 transition:-webkit-transform 0.5s cubic-bezier(.645,.045,.355,1);

 transition:transform 0.5s cubic-bezier(.645,.045,.355,1);

 transition:transform 0.5s cubic-bezier(.645,.045,.355,1),-webkit-transform 0.5s cubic-bezier(.645,.045,.355,1)

}

.nav-main .nav-toggle .open {

 position:relative;

 width:74px;

 height:56px;

 -webkit-transform:translate3d(-50%,-50%,0) perspective(10em) rotateY(0);

 transform:translate3d(-50%,-50%,0) perspective(10em) rotateY(0);

 transition-delay:0.4s;

 transition-timing-function:cubic-bezier(.215,.61,.355,1);

 z-index:2

}

.nav-main .nav-toggle .open .lines {

 position:absolute;

 top:50%;

 left:50%;

 width:28px;

 height:20px;

 -webkit-transform:translate3d(-50%,-50%,0);

 transform:translate3d(-50%,-50%,0);

 z-index:3

}

.nav-main .nav-toggle .open .line {

 position:relative;

 width:100%;

 height:4px;

 background:#000

}

.nav-main .nav-toggle .open .line:before {

 display:block;

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 background:linear-gradient(126deg, #28d5d8 33%, #63c746 100%);

 content:'';

 -webkit-transform:scaleX(0);

 transform:scaleX(0);

 -webkit-transform-origin:100% 0;

 transform-origin:100% 0;

 transition:-webkit-transform 0.5s cubic-bezier(.645,.045,.355,1) 0s;

 transition:transform 0.5s cubic-bezier(.645,.045,.355,1) 0s;

 transition:transform 0.5s cubic-bezier(.645,.045,.355,1) 0s,-webkit-transform 0.5s cubic-bezier(.645,.045,.355,1) 0s

}

.nav-main .nav-toggle .open .line + .line {

 margin-top:4px

}

.nav-main .nav-toggle .open .line:nth-child(2):before {

 transition-delay:0.1s

}

.nav-main .nav-toggle .open .line:nth-child(1):before,.nav-main .nav-toggle .open .line:nth-child(3):before {

 transition-delay:0s

}

.nav-main .nav-toggle .open .svg {

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%

}

.nav-main .nav-toggle .open .svg:nth-child(2) {

 z-index:1

}

.nav-main .nav-toggle .open .svg:nth-child(2) .background {

 fill:#fff

}

.nav-main .nav-toggle .open .svg:last-child {

 z-index:2

}

.nav-main .nav-toggle .open .svg:last-child .background {

 fill:#000;

 -webkit-transform:scale(.01);

 transform:scale(.01);

 -webkit-transform-origin:100% 50%;

 transform-origin:100% 50%;

 transition:-webkit-transform 0.5s cubic-bezier(.645,.045,.355,1);

 transition:transform 0.5s cubic-bezier(.645,.045,.355,1);

 transition:transform 0.5s cubic-bezier(.645,.045,.355,1),-webkit-transform 0.5s cubic-bezier(.645,.045,.355,1)

}

.is-ie-11 .nav-main .nav-toggle .open .svg:last-child .background {

 display:none

}

.nav-main .nav-toggle .close {

 width:34px;

 height:34px;

 -webkit-transform:translate3d(-50%,-50%,0) perspective(10em) rotateY(-90deg);

 transform:translate3d(-50%,-50%,0) perspective(10em) rotateY(-90deg);

 transition-delay:0s;

 transition-timing-function:cubic-bezier(.55,.055,.675,.19)

}

.nav-main .nav-toggle .close .lines {

 width:100%;

 height:100%;

 -webkit-transform:rotateZ(-45deg);

 transform:rotateZ(-45deg)

}

.nav-main .nav-toggle .close .line {

 position:absolute;

 top:50%;

 left:50%;

 background:#fff;

 -webkit-transform:translate3d(-50%,-50%,0);

 transform:translate3d(-50%,-50%,0)

}

.nav-main .nav-toggle .close .line:before {

 display:block;

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 background:linear-gradient(126deg, #28d5d8 33%, #63c746 100%);

 content:'';

 -webkit-transform-origin:100% 100%;

 transform-origin:100% 100%;

 transition:-webkit-transform 0.5s cubic-bezier(.645,.045,.355,1) 0s;

 transition:transform 0.5s cubic-bezier(.645,.045,.355,1) 0s;

 transition:transform 0.5s cubic-bezier(.645,.045,.355,1) 0s,-webkit-transform 0.5s cubic-bezier(.645,.045,.355,1) 0s

}

.nav-main .nav-toggle .close .line:first-child {

 width:2px;

 height:100%

}

.nav-main .nav-toggle .close .line:first-child:before {

 -webkit-transform:scaleY(0) rotateX(0.1deg);

 transform:scaleY(0) rotateX(0.1deg)

}

.nav-main .nav-toggle .close .line:last-child {

 width:100%;

 height:2px

}

.nav-main .nav-toggle .close .line:last-child:before {

 -webkit-transform:scaleX(0) rotateX(0.1deg);

 transform:scaleX(0) rotateX(0.1deg);

 transition-delay:0.1s

}

.nav-main .nav-toggle:hover .open .svg:last-child .background {

 -webkit-transform:scale(1);

 transform:scale(1);

 -webkit-transform-origin:0 50%;

 transform-origin:0 50%

}

.nav-main .nav-toggle:hover .open .line:before {

 -webkit-transform:scaleX(1);

 transform:scaleX(1);

 -webkit-transform-origin:0 0;

 transform-origin:0 0

}

.nav-main .nav-toggle:hover .open .line:nth-child(2):before {

 transition-delay:0s

}

.nav-main .nav-toggle:hover .open .line:nth-child(1):before,.nav-main .nav-toggle:hover .open .line:nth-child(3):before {

 transition-delay:0.1s

}

.nav-main .nav-toggle:hover .close .line:before {

 -webkit-transform-origin:0 0;

 transform-origin:0 0

}

.nav-main .nav-toggle:hover .close .line:first-child:before {

 -webkit-transform:scaleY(1) rotateX(0.1deg);

 transform:scaleY(1) rotateX(0.1deg)

}

.nav-main .nav-toggle:hover .close .line:last-child:before {

 -webkit-transform:scaleX(1) rotateX(0.1deg);

 transform:scaleX(1) rotateX(0.1deg)

}

.nav-main .nav-container {

 display:none;

 position:fixed;

 top:0;

 left:0;

 width:100%;

 height:100%;

 overflow:hidden;

 z-index:2;

 color:#fff

}

.nav-main .nav-container .site-title,.nav-main .nav-container .nav-toggle {

 z-index:3

}

.nav-main .nav-container .site-title {

 display:none

}

.nav-main .nav-container .inner {

 position:absolute;

 top:0;

 right:0;

 bottom:0;

 left:0;

 z-index:2;

}

.nav-main .nav-container .horizontal-wrapper {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 padding:0 50px;

 width:100%;

 height:100%;

 -webkit-align-items:center;

 -ms-flex-align:center;

 align-items:center;

 -webkit-flex-direction:row;

 -ms-flex-direction:row;

 flex-direction:row;

 -webkit-justify-content:space-between;

 -ms-flex-pack:justify;

 justify-content:space-between

}

.nav-main .nav-container .background {

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 background:#000;

 -webkit-transform-origin:0 0;

 transform-origin:0 0;

 z-index:1

}

.nav-main .nav-container .menu-container .menu {

 margin:0;

 padding:0;

 list-style-type:none

}

.nav-main .nav-container .menu-container .menu-item {

 font:47px/1.2 "Baksheesh Bold";

 text-transform:uppercase

}

.nav-main .nav-container .menu-container .submenu {

 margin:10px 0 20px;

 padding:0 20px;

 position:absolute;

 top:-999em;

 left:-999em;

 max-width:440px;

 border-color:#fff;

 border-style:solid;

 border-width:0 1px;

 -webkit-column-count:2;

 column-count:2;

 -webkit-column-gap:24px;

 column-gap:24px;

 list-style-type:none;

 pointer-events:none;

 white-space:nowrap

}

.nav-main .nav-container .menu-container .submenu:before,.nav-main .nav-container .menu-container .submenu:after {

 display:block;

 position:absolute;

 bottom:0;

 width:8px;

 height:8px;

 border-color:#fff;

 border-style:solid;

 border-width:0 0 1px 1px;

 box-sizing:border-box;

 content:'';

 -webkit-transform:rotateZ(-45deg);

 transform:rotateZ(-45deg);

 -webkit-transform-origin:1px 8px;

 transform-origin:1px 8px

}

.nav-main .nav-container .menu-container .submenu:before {

 left:-1px

}

.nav-main .nav-container .menu-container .submenu:after {

 left:100%

}

.nav-main .nav-container .menu-container .submenu .menu-item {

 display:block;

 font-size:14px;

 line-height:1.3;

 letter-spacing:.1em

}

.nav-main .nav-container .menu-container .current-menu-item .submenu {

 position:relative;

 top:0;

 left:0;

 opacity:1;

 pointer-events:auto

}

.nav-main .nav-container .menu-container a {

 transition:color 0.1s ease

}

.nav-main .nav-container .menu-container a:hover {

 background: linear-gradient(40deg, #63b6be 0%, #75b157 100%);

 background-clip: border-box;

 background-clip: border-box;

 background-clip: border-box;

 background-clip: text;

 -webkit-background-clip: text;

 -webkit-text-fill-color: transparent;

}

.nav-main .nav-container .contact {

 color:#fff;

 font:14px/1.3 "Baksheesh Bold";

 letter-spacing:.1em

}

.nav-main .nav-container .contact .block {

 padding:22px 0;

 position:relative;

 width:200px;

 border-top:1px solid #fff

}

.nav-main .nav-container .contact .block-title {

 font:1.14em/1.4 "Baksheesh Bold";

 text-transform:uppercase

}

.nav-main .nav-container .contact .block:last-child {

 border-bottom:3px solid #fff

}

.nav-main .nav-container .contact .office + .office {

 margin-top:25px

}

.nav-main .nav-container .contact a {

 transition:color 0.1s ease

}

.nav-main .nav-container .contact a:hover {

 color:#75b157

}

.nav-main .nav-container .contact .phone {

 background: linear-gradient(40deg, #63b6be 0%, #75b157 100%);

 background-clip: border-box;

 background-clip: border-box;

 background-clip: border-box;

 background-clip: text;

 -webkit-background-clip: text;

 -webkit-text-fill-color: transparent;

}

.nav-main .nav-container .contact .links-social {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 margin:15px 0 0;

 padding:0;

 -webkit-align-items:center;

 -ms-flex-align:center;

 align-items:center;

 -webkit-flex-direction:row;

 -ms-flex-direction:row;

 flex-direction:row;

 -webkit-justify-content:flex-start;

 -ms-flex-pack:start;

 justify-content:flex-start;

 list-style:none

}

.nav-main .nav-container .contact .links-social .link-social {

 margin-right:15px; 

 list-style:none

}

.nav-main .nav-container .contact .links-social a {

 display:block; 

 position:relative

}

.nav-main .nav-container .contact .links-social a:before {

 display:block; 

 position:absolute;

 top:-5px;

 right:-5px;

 bottom:-5px;

 left:-5px;

 background:transparent; 

 content:''

}

.nav-main .nav-container .contact .links-social a:hover .svg {

 -webkit-transform:translate3d(0,-5px,0); 

 transform:translate3d(0,-5px,0)

}



.nav-main .nav-container .contact .links-social a .svg path:first-child {

 fill: #75b157 !important;

}  



.nav-main .nav-container .contact .links-social a:hover .svg path:first-child {

 fill:#63b6be  !important;

}  

.nav-main .nav-container .contact .links-social .svg {

 width:30px; 

 height:30px;

 transition:-webkit-transform 0.2s cubic-bezier(.645,.045,.355,1);

 transition:transform 0.2s cubic-bezier(.645,.045,.355,1);

 transition:transform 0.2s cubic-bezier(.645,.045,.355,1),-webkit-transform 0.2s cubic-bezier(.645,.045,.355,1)

}

.nav-main .nav-container .contact .links-social .svg path {

 transition:fill 0.1s ease ; 

}

.nav-main.is-opened .nav-toggle .open {

 -webkit-transform:translate3d(-50%,-50%,0) perspective(10em) rotateY(90deg);

 transform:translate3d(-50%,-50%,0) perspective(10em) rotateY(90deg);

 transition-delay:0s;

 transition-timing-function:cubic-bezier(.55,.055,.675,.19)

}

.nav-main.is-opened .nav-toggle .close {

 -webkit-transform:translate3d(-50%,-50%,0) perspective(10em) rotateY(0);

 transform:translate3d(-50%,-50%,0) perspective(10em) rotateY(0);

 transition-delay:0.4s;

 transition-timing-function:cubic-bezier(.215,.61,.355,1)

}

.nav-main.is-opened .nav-container {

 display:block

}

.site-foot {

 padding:25px 0 45px;

 background:#000;

 color:#fff;

 letter-spacing:.05em;

 font:14px/1.3 "Baksheesh Bold"

}

.site-foot a {

 transition:color 0.1s ease;

 font-family: calibri !important;

}

.site-foot a:hover {

 color:#75b157

}

.site-foot .horizontal-wrapper {

 padding:0 115px

}

.site-foot .svg-logo-footer {

 margin:0 0 25px;

 position:relative;

 width:87px;

 height:68px;

 fill:#fff

}

.site-foot .svg-logo-footer svg {

 position:absolute;

 top:0;

 left:50%;

 width:auto;

 height:100%;

 -webkit-transform:translate3d(-50%,0,0);

 transform:translate3d(-50%,0,0)

}

.site-foot .blocks {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 position:relative;

 -webkit-flex-direction:row;

 -ms-flex-direction:row;

 flex-direction:row;

 -webkit-justify-content:space-between;

 -ms-flex-pack:justify;

 justify-content:space-between

}

.site-foot .block {

 padding:15px 0;

 position:relative;

 width:200px;

 border-color:#fff;

 border-style:solid;

 border-width:1px 0 3px

}

.site-foot .block-title {

 font:1.14em/1.4 "Baksheesh Bold";

 text-transform:uppercase;

 font-family: calibri !important;

}

.site-foot .menu {

 margin:0;

 padding:0;

 list-style:none;

 font-family:"Baksheesh Bold";

 font-size:1.14em;

 line-height:1.4;

 text-transform:uppercase

}

.site-foot .menu-item + .menu-item {

 margin-top:10px

}

.site-foot .links-social {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 margin:0;

 padding:0;

 position:absolute;

 top:0;

 bottom:0;

 left:0;

 width:100%;

 -webkit-align-items:center;

 -ms-flex-align:center;

 align-items:center;

 -webkit-flex-direction:row;

 -ms-flex-direction:row;

 flex-direction:row;

 -webkit-justify-content:flex-start;

 -ms-flex-pack:start;

 justify-content:flex-start;

 list-style:none

}

.site-foot .links-social .link-social {

 margin-right:15px

}

.site-foot .links-social a {

 display:block;

 position:relative

}

.site-foot .links-social a:before {

 display:block;

 position:absolute;

 top:-5px;

 right:-5px;

 bottom:-5px;

 left:-5px;

 background:transparent;

 content:''

}

.site-foot .links-social a:hover .svg {

 -webkit-transform:translate3d(0,-5px,0);

 transform:translate3d(0,-5px,0)

}

.site-foot .links-social a:hover .svg path:first-child {

 fill:#fff!important

}

.site-foot .links-social .svg {

 width:30px;

 height:30px;

 transition:-webkit-transform 0.2s cubic-bezier(.645,.045,.355,1);

 transition:transform 0.2s cubic-bezier(.645,.045,.355,1);

 transition:transform 0.2s cubic-bezier(.645,.045,.355,1),-webkit-transform 0.2s cubic-bezier(.645,.045,.355,1)

}

.site-foot .links-social .svg path {

 transition:fill 0.1s ease

}

.site-foot .phone {

 color:#75b157;

 background: linear-gradient(40deg, #63b6be 0%, #75b157 100%);

 background-clip: border-box;

 background-clip: border-box;

 background-clip: border-box;

 background-clip: border-box;

 background-clip: text;

 -webkit-background-clip: text;

 -webkit-text-fill-color: transparent;

}

.site-foot .block--copyright,.site-foot .block--contact {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 -webkit-flex-direction:column;

 -ms-flex-direction:column;

 flex-direction:column;

 -webkit-justify-content:space-between;

 -ms-flex-pack:justify;

 justify-content:space-between

}

.site-foot .link-scrolltop {

 margin:0 60px 0 0;

 position:absolute;

 top:0;

 right:100%;

 width:16px;

 height:100%;

 border-color:#fff;

 border-style:solid;

 border-width:1px 0 3px;

 cursor:pointer

}

.site-foot .link-scrolltop .text {

 position:absolute;

 left:0;

 bottom:5px;

 -webkit-transform:rotateZ(-90deg);

 transform:rotateZ(-90deg);

 -webkit-transform-origin:0 0;

 transform-origin:0 0;

 transition:color 0.1s ease;

 font:15px/1 "Baksheesh Regular";

 letter-spacing:.1em;

 text-transform:uppercase

}

.site-foot .link-scrolltop .svg {

 margin:15px 0 0;

 position:absolute;

 bottom:50px;

 left:0;

 width:46px;

 height:8px;

 fill:#fff;

 -webkit-transform:rotateZ(-90deg);

 transform:rotateZ(-90deg);

 -webkit-transform-origin:3px 0;

 transform-origin:3px 0;

 transition:fill 0.1s ease,margin-bottom 0.2s cubic-bezier(.645,.045,.355,1)

}

.site-foot .link-scrolltop .svg .long {

 display:none

}

.site-foot .link-scrolltop:hover .text {

 color:#75b157

}

.site-foot .link-scrolltop:hover .svg {

 margin-bottom:10px;

 fill:#FFF254

}

.slideshow {

 position:relative

}

.slideshow .slides {

 position:absolute;

 top:0;

 right:0;

 left:0;

 height:100%;

 overflow:hidden;

 z-index:1

}

.slideshow .slide {

 position:absolute;

 top:0;

 left:-999em;

 width:100%;

 height:100%;

 overflow:hidden;

 z-index:1

}

.slideshow .slide.is-active {

 left:0

}

.slideshow .slide .slide-inner {

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%

}

.slideshow .slide .media-container {

 position:absolute;

 top:0;

 left:90px;

 width:calc(100% - 180px);

 height:100%;

 overflow:hidden;

 z-index:1

}

.slideshow .slide .media-container .media {

 display:block;

 position:relative;

 max-width:none

}

.slideshow .slide .content {

 position:absolute;

 top:0;

 right:0;

 width:90px;

 height:100%

}

.slideshow .slide .content .header {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 position:relative;

 width:100%;

 height:100%;

 -webkit-flex-direction:column;

 -ms-flex-direction:column;

 flex-direction:column;

 -webkit-justify-content:center;

 -ms-flex-pack:center;

 justify-content:center;

 -webkit-transform:rotateZ(180deg);

 transform:rotateZ(180deg);

 font-size:14px;

 letter-spacing:.2em;

 line-height:1;

 text-align:center;

 text-transform:uppercase;

 -webkit-writing-mode:vertical-rl;

 -ms-writing-mode:tb-rl;

 writing-mode:vertical-rl

}

.slideshow .slide .content .title {

 margin-left:10px;

 font-family:"Baksheesh Bold"

}

.slideshow .slide .content .counter {

 position:absolute;

 bottom:-5px;

 left:0;

 width:100%;

 font:34px/1 "Baksheesh Bold";

 text-align:center

}

.slideshow .navigation {

 position:absolute;

 top:0;

 right:0;

 width:90px;

 height:100%;

 background:transparent;

 z-index:2

}

.slideshow .arrow {

 position:absolute;

 right:0;

 width:100%;

 cursor:pointer

}

.slideshow .arrow:before {

 display:block;

 position:absolute;

 top:-20px;

 right:-20px;

 bottom:-20px;

 left:-20px;

 background:transparent;

 content:''

}

.slideshow .arrow .svg {

 display:block;

 margin:0 auto;

 width:46px;

 height:8px;

 fill:#000;

 transition:opacity 0.1s ease,-webkit-transform 0.2s cubic-bezier(.645,.045,.355,1);

 transition:opacity 0.1s ease,transform 0.2s cubic-bezier(.645,.045,.355,1);

 transition:opacity 0.1s ease,transform 0.2s cubic-bezier(.645,.045,.355,1),-webkit-transform 0.2s cubic-bezier(.645,.045,.355,1)

}

.slideshow .arrow .svg .long {

 display:none

}

.slideshow .arrow:hover .svg {

 opacity:.5

}

.slideshow .arrow:hover.prev .svg {

 -webkit-transform:translate3d(-5px,0,0);

 transform:translate3d(-5px,0,0)

}

.slideshow .arrow:hover.next .svg {

 -webkit-transform:translate3d(5px,0,0);

 transform:translate3d(5px,0,0)

}

.slideshow .arrow.prev {

 top:70px

}

.slideshow .arrow.next {

 bottom:70px

}

.slideshow .arrow.is-hidden {

 opacity:0

}

.works-grid {

 margin:0 auto;

 max-width:1040px

}

.works-grid .title {

 margin-bottom:50px

}

.works-grid .works {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 margin:-50px -25px 0;

 -webkit-align-items:flex-start;

 -ms-flex-align:start;

 align-items:flex-start;

 -webkit-flex-direction:row;

 -ms-flex-direction:row;

 flex-direction:row;

 -webkit-flex-wrap:wrap;

 -ms-flex-wrap:wrap;

 flex-wrap:wrap;

 -webkit-justify-content:flex-start;

 -ms-flex-pack:start;

 justify-content:flex-start

}

.works-grid .work {

 margin:50px 25px 0;

 position:relative;

 width:calc(50% - 50px);

 -webkit-flex-grow:0;

 -ms-flex-positive:0;

 flex-grow:0;

 -webkit-flex-shrink:0;

 -ms-flex-negative:0;

 flex-shrink:0;

 -webkit-transform-origin:0 0;

 transform-origin:0 0

}

.works-grid .work .media-container {

 position:relative;

 overflow:hidden

}

.works-grid .work .media-container:before {

 display:block;

 padding-top:133%;

 content:''

}

.works-grid .work .media-container .media-outer {

}

.works-grid .work .media-container .media {

 position:absolute;

 max-width:none;

 height: 100% !important;
 width: 100% !important;
 top: 0 !important;
 left: 0 !important;

 -webkit-filter:grayscale(0);

 filter:grayscale(0);

 transition:-webkit-filter 0.3s ease;

 transition:filter 0.3s ease;

 transition:filter 0.3s ease,-webkit-filter 0.3s ease

}

.works-grid .work .media-container .hover-layer {

 display:block;

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 background:#000;

 mix-blend-mode:soft-light;

 opacity:0;

 transition:opacity 1s ease;

 z-index:3

}

.no-backgroundblendmode .works-grid .work .media-container .hover-layer {

 background:rgba(0,0,0,.3)

}

.works-grid .work:hover .media {

 -webkit-filter:grayscale(1);

 filter:grayscale(1)

}

.works-grid .work:hover .hover-layer {

 opacity:.5;

 border: 4px solid blue;

}

.works-grid .work .content {

 margin:20px 0 0;

 position:relative;

 height:60px;

 border:1px solid #000;

 font-size:14px;

 letter-spacing:.05em;

 line-height:1;

 text-transform:uppercase

}

.works-grid .work .content .sector + .city:before {

 content:' - '

}

.works-grid .work .content .header {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 padding:0 185px 0 15px;

 height:100%;

 -webkit-flex-direction:column;

 -ms-flex-direction:column;

 flex-direction:column;

 -webkit-justify-content:center;

 -ms-flex-pack:center;

 justify-content:center

}

.works-grid .work .content .title {

 margin:0 0 8px;

 font-size:1em;

 font-family:"Baksheesh Bold"

}

.works-grid .work .content .readmore {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 padding:0 15px;

 position:absolute;

 top:0;

 right:0;

 width:170px;

 height:100%;

 background:#000;

 -webkit-flex-direction:column;

 -ms-flex-direction:column;

 flex-direction:column;

 -webkit-justify-content:center;

 -ms-flex-pack:center;

 justify-content:center;

 transition:color 0.1s ease 0.1s;

 color:#fff;

 font:14px/1.2 "Baksheesh Bold";

 letter-spacing:.2em;

 white-space:nowrap

}

.works-grid .work .content .readmore:before {

 display:block;

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 background:linear-gradient(126deg, #28d5d8 33%, #63c746 100%);

 -webkit-transform:scaleX(0);

 transform:scaleX(0);

 -webkit-transform-origin:100% 0;

 transform-origin:100% 0;

 transition:-webkit-transform 0.3s cubic-bezier(.645,.045,.355,1);

 transition:transform 0.3s cubic-bezier(.645,.045,.355,1);

 transition:transform 0.3s cubic-bezier(.645,.045,.355,1),-webkit-transform 0.3s cubic-bezier(.645,.045,.355,1);

 content:'';

 z-index:1

}

.works-grid .work .content .readmore .label {

 display:block;

 position:relative;

 z-index:2

}

.works-grid .work .content .readmore br {

 display:none

}

.works-grid .work .content .readmore .svg {

 margin:0px 0px 5px;

 position:relative;

 width:46px;

 height:8px;

 fill:#fff;

 transition:fill 0.1s ease 0.1s;

 z-index:2

}

.works-grid .work .content .readmore .svg .long {

 display:none

}

.works-grid .work .content .readmore:hover .readmore {

 -webkit-transform:scaleX(1);

 transform:scaleX(1);

 -webkit-transform-origin:0 0;

 transform-origin:0 0

}

.works-grid .work .mask {

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 background:linear-gradient(126deg, #28d5d8 33%, #63c746 100%);

 -webkit-transform:scaleX(0);

 transform:scaleX(0);

 -webkit-transform-origin:100% 0;

 transform-origin:100% 0;

 z-index:2

}

.works-grid .work a:hover .readmore {

 color:#000

}

.works-grid .work a:hover .readmore:before {

 -webkit-transform:scaleX(1);

 transform:scaleX(1);

 -webkit-transform-origin:0 0;

 transform-origin:0 0

}

.works-grid .work a:hover .readmore .svg {

 fill:#000

}

.works-grid.col-3 {

 max-width:1220px

}

.works-grid.col-3 .title {

 margin-bottom:40px

}

.works-grid.col-3 .works {

 margin:-50px -20px 0

}





.works-grid.col-3 .work {

 margin:50px 20px 0;

 width:calc(33.33% - 40px);

 border: 8px solid #9ebdb8;

}



.works-grid.col-3 .work:nth-of-type(1) { 

 border: 8px solid #86b9b0;

}



.works-grid.col-3 .work:nth-of-type(2) { 

 border: 8px solid #d58888;

}



.works-grid.col-3 .work:nth-of-type(3) { 

 border: 8px solid #bde9ad;

}



.works-grid.col-3 .work:nth-of-type(4) { 

 border: 8px solid #b2bed5;

}



.works-grid.col-3 .work:nth-of-type(5) { 

 border: 8px solid #b1a0c8;

}



.works-grid.col-3 .work:nth-of-type(6) { 

 border: 8px solid #ddd98d;

} 





.works-grid.col-3 .work .content {

 height:80px

}

.works-grid.col-3 .work .content .sector,.works-grid.col-3 .work .content .city {

 display:block

}

.works-grid.col-3 .work .content .sector + .city:before {

 content:''

}

.works-grid.col-3 .work .content .header {

 padding:0 135px 0 15px

}

.works-grid.col-3 .work .content .readmore {

 width:120px

}

.works-grid.col-3 .work .content .readmore br {

 display:block

}

.link-hover {

 display:block;

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%

}

.link-hover .hover-label {

 margin:-41px 0 0 -41px;

 position:absolute;

 top:50%;

 left:50%;

 width:82px;

 height:82px;

 z-index:2;

 font:13px/86px "Baksheesh Bold";

 letter-spacing:.1em;

 text-align:center;

 text-transform:uppercase

}

.link-hover .hover-inner,.link-hover .hover-text,.link-hover .hover-background {

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 font-family: calibri !important;

}

.link-hover .hover-inner {

 opacity:0;

 -webkit-transform:translate3d(0,10px,0);

 transform:translate3d(0,10px,0);

 transition:opacity 0.2s ease,-webkit-transform 0.4s cubic-bezier(.55,.055,.675,.19);

 transition:opacity 0.2s ease,transform 0.4s cubic-bezier(.55,.055,.675,.19);

 transition:opacity 0.2s ease,transform 0.4s cubic-bezier(.55,.055,.675,.19),-webkit-transform 0.4s cubic-bezier(.55,.055,.675,.19)

}

.link-hover .hover-text {

 z-index:2;

 color: white;

}

.link-hover .hover-background {

 border-radius:50%;

 background:linear-gradient(126deg, #28d5d8 33%, #63c746 100%);

 z-index:1

}

.link-hover:hover .hover-inner {

 opacity:1;

 -webkit-transform:translate3d(0,0,0);

 transform:translate3d(0,0,0);

 transition:opacity 0.2s ease,-webkit-transform 0.4s cubic-bezier(.215,.61,.355,1);

 transition:opacity 0.2s ease,transform 0.4s cubic-bezier(.215,.61,.355,1);

 transition:opacity 0.2s ease,transform 0.4s cubic-bezier(.215,.61,.355,1),-webkit-transform 0.4s cubic-bezier(.215,.61,.355,1)

}

.toggle-container .toggle-link {

 display:none

}

.page-header {

 margin:0 0 75px;

 padding:150px 0 0;

 position:relative

}

.page-header .horizontal-wrapper {

 z-index:2

}

.page-header .header-title {

 margin-left:-.05em;

 position:relative;

 z-index:2

}

.page-header .header-subtitle {

 position:relative;

 z-index:2;

 font:24px "Bodoni Book Italic"

}

.page-header .header-content {

 margin:30px 0 0

}

.page-header .header-intro {

 margin:0 225px;

 width:auto;

 -webkit-flex-grow:1;

 -ms-flex-positive:1;

 flex-grow:1;

 -webkit-flex-shrink:1;

 -ms-flex-negative:1;

 flex-shrink:1;

 font-size:1.25em

}

.page-header .header-intro .stamp-container {

 margin:40px 0 0 -107px

}

.page-header .header-intro .svg-stamp-agences {

 width:215px;

 height:215px;

 fill:#FFF254

}

.page-header .header-intro p:first-child {

 margin-top:0

}

.page-header .header-intro p:last-child {

 margin-bottom:0

}

.page-header .header-intro.small {

 max-width:calc(60% - 250px)

}

.page-header .header-image {

 margin:-245px 0 0;

 padding:0 0 0 25px;

 position:relative;

 width:50%

}

.page-header .header-image .image-container {

 display:block;

 position:relative;

 max-width:522px;

 -webkit-transform-origin:0 0;

 transform-origin:0 0

}

.page-header .header-image .image {

 display:block;

 width:100%

}

.page-header .header-image .mask {

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 background:linear-gradient(126deg, #28d5d8 33%, #63c746 100%);

 -webkit-transform:scaleX(0);

 transform:scaleX(0);

 -webkit-transform-origin:100% 0;

 transform-origin:100% 0;

 z-index:2

}

.page-header.has-image {

 margin-bottom:0

}

.page-header.has-image .header-content {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 -webkit-flex-direction:row;

 -ms-flex-direction:row;

 flex-direction:row;

 -webkit-justify-content:space-between;

 -ms-flex-pack:justify;

 justify-content:space-between

}

.page-header.has-image .header-intro {

 margin-right:0;

 padding-right:25px;

 width:50%

}

.page-header.black {

 padding-bottom:50px;

 color:#fff

}

.page-header.black .animated-title .line:after {

 background:#000

}

.page-header.black .background {

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 background:#000;

 -webkit-transform-origin:0 0;

 transform-origin:0 0;

 z-index:1

}

.js-loader {

 display:inline-block;

 width:0;

 height:0;

 vertical-align:top;

 white-space:nowrap;

 opacity:0;

 -webkit-transform:scaleY(0);

 transform:scaleY(0);

 -webkit-transform-origin:0 100%;

 transform-origin:0 100%;

 transition:opacity 0.2s ease,-webkit-transform 0.2s cubic-bezier(.645,.045,.355,1);

 transition:opacity 0.2s ease,transform 0.2s cubic-bezier(.645,.045,.355,1);

 transition:opacity 0.2s ease,transform 0.2s cubic-bezier(.645,.045,.355,1),-webkit-transform 0.2s cubic-bezier(.645,.045,.355,1)

}

.js-loader .dot {

 display:inline-block;

 margin:0 3px 0 0;

 width:15px;

 height:11px;

 background-image:url(../../../themes/agence-s-2018/img/svg/shape-triangle-gorse.svg);

 background-position:center;

 background-size:contain;

 background-repeat:no-repeat;

 vertical-align:top

}

.js-loader .dot:last-child {

 margin-right:0

}

.is-loading .js-loader {

 opacity:1;

 -webkit-transform:scaleY(1);

 transform:scaleY(1)

}

.is-loading .js-loader .dot {

 -webkit-animation:loaderDot 0.8s ease-in-out 0.1s infinite normal forwards;

 animation:loaderDot 0.8s ease-in-out 0.1s infinite normal forwards

}

.is-loading .js-loader .dot:nth-child(1) {

 -webkit-animation-delay:0.1s;

 animation-delay:0.1s

}

.is-loading .js-loader .dot:nth-child(2) {

 -webkit-animation-delay:0.2s;

 animation-delay:0.2s

}

.is-loading .js-loader .dot:nth-child(3) {

 -webkit-animation-delay:0.3s;

 animation-delay:0.3s

}

.layout-home .section--intro {

 position:relative

}

.layout-home .section--intro .content {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 padding:140px 0 0;

 position:relative;

 width:100%;

 -webkit-align-items:flex-end;

 -ms-flex-align:end;

 align-items:flex-end;

 -webkit-flex-direction:row;

 -ms-flex-direction:row;

 flex-direction:row;

 -webkit-justify-content:center;

 -ms-flex-pack:center;

 justify-content:center

}

.layout-home .section--intro .content .header,.layout-home .section--intro .content .body {

 padding:0 65px;

 width:50%;

 -webkit-flex-grow:0;

 -ms-flex-positive:0;

 flex-grow:0;

 -webkit-flex-shrink:0;

 -ms-flex-negative:0;

 flex-shrink:0

}

.layout-home .section--intro .content .header {

 margin:0 0 -15px;

 padding-right:0;

 position:relative

}

.layout-home .section--intro .content .body {

 margin-bottom:-4px;

 padding-left:0

}

.layout-home .section--intro .content .catcher {

 position:absolute;

 top:222px;

 left:195px;

 font:20px/1 "Bodoni Book Italic"

}

.layout-home .section--intro .content .text {

 padding-left:0;

 margin:0 0 0 auto;

 max-width:300px;

 text-align:right

}

.layout-home .section--intro .content .text h2 {

 margin:0 0 .75em;

 font-size:1em;

 letter-spacing:.05em;

 text-transform:uppercase

}

.layout-home .section--intro .content .text p {

 margin:0

}

.layout-home .section--intro .link-scrolldown {

 margin:0 -8px 0 0;

 position:absolute;

 bottom:0;

 right:50%;

 width:16px;

 height:70px

}

.layout-home .section--intro .link-scrolldown .text {

 position:absolute;

 right:100%;

 bottom:0;

 -webkit-transform:rotateZ(90deg);

 transform:rotateZ(90deg);

 -webkit-transform-origin:100% 100%;

 transform-origin:100% 100%;

 font:15px/1 "Baksheesh Bold";

 letter-spacing:.125em;

 text-transform:uppercase

}

.layout-home .section--intro .link-scrolldown .svg {

 margin:15px 0 0;

 position:absolute;

 top:100%;

 left:8px;

 width:46px;

 height:8px;

 -webkit-transform:rotateZ(90deg);

 transform:rotateZ(90deg);

 -webkit-transform-origin:4px 0;

 transform-origin:4px 0;

 transition:margin-top 0.2s cubic-bezier(.645,.045,.355,1)

}

.layout-home .section--intro .link-scrolldown .svg .long {

 display:none

}

.layout-home .section--intro .link-scrolldown:hover .svg {

 margin-top:20px

}

.layout-home .section--intro .clients {

 margin:75px auto 20px;

 position:relative;

 max-width:209px

}

.layout-home .section--intro .clients:before {

 display:block;

 padding-top:85%;

 content:''

}

.layout-home .section--intro .clients .title {

 position:absolute;

 top:100%;

 left:0;

 width:100%;

 transition:opacity 0.3s ease;

 font:20px/1 "Bodoni Book Italic";

 text-align:center

}

.layout-home .section--intro .clients .title.is-hidden {

 opacity:0

}

.layout-home .section--intro .clients .logos {

 margin:0;

 padding:0;

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 list-style-type:none

}

.layout-home .section--intro .clients .logo {

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 opacity:0

}

.layout-home .section--intro .clients .logo.is-active {

 opacity:1

}

.layout-home .section--intro .clients .svg {

 margin:0;

 width:100%;

 height:100%

}

.layout-home .section--intro .clients .svg-stamp-agences {

 fill:#FFF254

}

.layout-home .section--intro .link-contact {

 padding:15px 20px;

 position:absolute;

 top:257px;

 right:-19px;

 background:#000;

 -webkit-transform:rotateZ(-90deg);

 transform:rotateZ(-90deg);

 -webkit-transform-origin:100% 100%;

 transform-origin:100% 100%;

 transition:right 0.2s ease;

 color:#63C746;

 font:16px/1 "Baksheesh Bold";

 letter-spacing:.05em;

 text-align:center;

 text-transform:uppercase

}

.layout-home .section--intro .link-contact:before {

 display:block;

 position:absolute;

 top:-50px;

 right:-50px;

 bottom:-50px;

 left:-50px;

 background:transparent;

 content:''

}

.layout-home .section--intro .link-contact:hover {

 right:-14px

}

.layout-home .section--slideshow {

 margin:50px auto;

 position:relative

}

.layout-home .section--slideshow .slideshow {

 max-height:calc(100vh - 180px)

}

.layout-home .section--slideshow .slideshow:before {

 display:block;

 padding-top:56%;

 content:''

}

.layout-home .section--slideshow .slideshow .subtitle .sector + .city:before {

 content:' - '

}

.layout-home .section--slideshow .background {

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 background:linear-gradient(126deg, #28d5d8 33%, #63c746 100%);

 -webkit-transform:scaleX(0);

 transform:scaleX(0);

 -webkit-transform-origin:0 0;

 transform-origin:0 0;

 z-index:2

}

.layout-home .section--about {

 margin:0 auto;

 max-width:1366px

}

.layout-home .section--about .section-header {

 margin:-45px 0 -45px;

 position:relative

}

.layout-home .section--about .section-header .title {

 margin:0;

 color:#75b157;

 font:98px/1 "Baksheesh Bold";

 letter-spacing:.02em;

 text-align:center;

 text-transform:uppercase;

 background: linear-gradient(40deg, #17c2d2 0%, #a6fc7b 100%);

 background-clip: border-box;

 background-clip: border-box;

 background-clip: border-box;

 background-clip: border-box;

 background-clip: text;

 -webkit-background-clip: text;

 /*-webkit-text-fill-color: transparent;*/

}

.layout-home .section--about .section-header .catcher {

 margin:1.1em 0 0;

 position:absolute;

 top:50%;

 left:0;

 width:100%;

 font:25px/1 "Bodoni Bold Italic";

 text-align:center

}

.layout-home .section--about .section-header .animated-title .line {

 margin:0 auto

}

.layout-home .section--about .section-header .animated-title .line:after {

 color:#000

}

.layout-home .section--about .blocks {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 -webkit-align-items:stretch;

 -ms-flex-align:stretch;

 align-items:stretch;

 -webkit-flex-direction:row;

 -ms-flex-direction:row;

 flex-direction:row;

 -webkit-flex-wrap:wrap;

 -ms-flex-wrap:wrap;

 flex-wrap:wrap;

 -webkit-justify-content:center;

 -ms-flex-pack:center;

 justify-content:center

}

.layout-home .section--about .blocks .block {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 margin:0;

 position:relative;

 width:50%;

 -webkit-flex-direction:row;

 -ms-flex-direction:row;

 flex-direction:row;

 -webkit-flex-grow:0;

 -ms-flex-positive:0;

 flex-grow:0;

 -webkit-flex-shrink:0;

 -ms-flex-negative:0;

 flex-shrink:0;

 -webkit-justify-content:center;

 -ms-flex-pack:center;

 justify-content:center

}

.layout-home .section--about .blocks .block-header,.layout-home .section--about .blocks .block-content {

 margin:0 25px;

 padding:15px 0 45px;

 width:calc(50% - 50px);

 border-top:1px solid #000;

 -webkit-flex-grow:0;

 -ms-flex-positive:0;

 flex-grow:0;

 -webkit-flex-shrink:0;

 -ms-flex-negative:0;

 flex-shrink:0

}

.layout-home .section--about .blocks .block-header {

 position:relative

}

.layout-home .section--about .blocks .block .illustration {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 padding:50px 0;

 position:absolute;

 top:0;

 bottom:0;

 left:0;

 width:100%;

 -webkit-flex-direction:column;

 -ms-flex-direction:column;

 flex-direction:column;

 -webkit-justify-content:flex-end;

 -ms-flex-pack:end;

 justify-content:flex-end

}

.layout-home .section--about .blocks .block .illustration .svg {

 max-width:100%;

 height:auto!important

}

.layout-home .section--about .blocks .block .illustration svg {

 width:auto;

 height:auto

}

.layout-home .section--about .blocks .block:last-child .block-content {

 border-bottom:7px solid #000

}

.layout-home .section--about .blocks .block:last-child .illustration {

 left:calc(200% + 100px);

 -webkit-justify-content:center;

 -ms-flex-pack:center;

 justify-content:center

}

.layout-home .section--about .saguez {

 margin:50px 0;

 padding:42px 0;

 position:relative;

 text-align:center

}

.layout-home .section--about .saguez .background {

 display:block;

 position:absolute;

 top:0;

 left:50%;

 width:100vw;

 height:100%;

 background:linear-gradient(126deg, #63b6be 33%, #63bd8c 100%);

 -webkit-transform:translate3d(-50%,0,0);

 transform:translate3d(-50%,0,0);

 -webkit-transform-origin:0 0;

 transform-origin:0 0;

 z-index:1

}

.layout-home .section--about .saguez .horizontal-wrapper {

 z-index:2

}

.layout-home .section--about .saguez a {

 display:block;

 position:relative

}

.layout-home .section--about .saguez a:hover .svg-icon-arrow-next {

 left:5px;

 fill:rgba(0,0,0,.5)

}

.layout-home .section--about .saguez a:hover .site {

 color:rgba(0,0,0,.5)

}

.layout-home .section--about .saguez .text {

 display:inline-block;

 font:30px/1 "Bodoni Book Italic"

}

.layout-home .section--about .saguez .text br {

 display:none

}

.layout-home .section--about .saguez .svg-icon-arrow-next {

 margin:8px auto 10px;

 position:relative;

 left:0;

 width:46px;

 height:8px;

 opacity:1;

 transition:fill 0.1s ease,left 0.2s cubic-bezier(.645,.045,.355,1)

}

.layout-home .section--about .saguez .svg-icon-arrow-next .long {

 display:none

}

.layout-home .section--about .saguez .site {

 display:block;

 transition:color 0.1s ease;

 font:14px/1 "Baksheesh Bold";

 letter-spacing:.2em;

 text-transform:uppercase

}

.layout-home .section--about .saguez .svg-logo-saguez {

 position:absolute;

 top:50%;

 left:30px;

 width:180px;

 height:92px;

 -webkit-transform:translate3d(0,-50%,0);

 transform:translate3d(0,-50%,0)

}

.layout-home .section--skills {

 margin:50px 0 0;

 position:relative;

 height:400px

}

.layout-home .section--skills ::-moz-selection {

 background:#fff

}

.layout-home .section--skills ::selection {

 background:#fff

}

.layout-home .section--skills .background {

 display:block;

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 background:linear-gradient(126deg, #28d5d8 33%, #63c746 100%);

 content:'';

 -webkit-transform-origin:0 0;

 transform-origin:0 0;

 z-index:1

}

.layout-home .section--skills .horizontal-wrapper {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 width:100%;

 height:100%;

 -webkit-flex-direction:column;

 -ms-flex-direction:column;

 flex-direction:column;

 -webkit-justify-content:flex-end;

 -ms-flex-pack:end;

 justify-content:flex-end;

 z-index:2;

 background: linear-gradient(40deg, #65b8c2 0%, #63be87 100%);

}

.layout-home .section--skills .section-title {

 margin:-180px 0 0 0;

 position:absolute;

 top:50%;

 left:0;

 width:100%;

 z-index:1;

 color:#fff;

 font:264px/1 "Bodoni Roman";

 letter-spacing:.02em;

 text-align:center

}

.layout-home .section--skills .section-title .hover-inner {

 display:block

}

.layout-home .section--skills .skills {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 margin:0 0 50px;

 position:relative;

 height:200px;

 -webkit-align-items:center;

 -ms-flex-align:center;

 align-items:center;

 -webkit-justify-content:space-between;

 -ms-flex-pack:justify;

 justify-content:space-between;

 z-index:2

}

.layout-home .section--skills .skill {

 position:relative;

 font-size:14px;

 line-height:1.2;

 text-transform:uppercase

}

.layout-home .section--skills .skill a {

 display:block;

 padding-bottom:13px;

 position:relative;

 min-width:66px;

 transition:opacity 0.1s ease

}

.layout-home .section--skills .skill a:hover {

 opacity:.5

}

.layout-home .section--skills .skill a:hover .svg {

 width:66px

}

.layout-home .section--skills .skill .text {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 height:3.6em;

 -webkit-flex-direction:column;

 -ms-flex-direction:column;

 flex-direction:column;

 -webkit-justify-content:flex-end;

 -ms-flex-pack:end;

 justify-content:flex-end

}

.layout-home .section--skills .skill .svg {

 position:absolute;

 bottom:0;

 width:46px;

 height:8px;

 overflow:hidden;

 transition:width 0.2s cubic-bezier(.645,.045,.355,1)

}

.layout-home .section--skills .skill .svg .short {

 display:none

}

.layout-home .section--skills .skill .svg .long {

 display:block

}

.layout-home .section--skills .skill.align-top {

 -webkit-align-self:flex-start;

 -ms-flex-item-align:start;

 align-self:flex-start

}

.layout-home .section--skills .skill.align-bottom {

 -webkit-align-self:flex-end;

 -ms-flex-item-align:end;

 align-self:flex-end

}

.layout-page-sections .section-page {

 margin:50px 0

}

.layout-page-sections .section-page:last-child {

 margin-bottom:100px

}

.layout-page-sections .section-page--highlight {

 padding:80px 0;

 position:relative;

 font:3.44em "Bodoni Roman";

 letter-spacing:.02em

}

.layout-page-sections .section-page--highlight .horizontal-wrapper {

 position:relative;

 z-index:2

}

.layout-page-sections .section-page--highlight .black {

 color:#fff

}

.layout-page-sections .section-page--highlight .black.animated-title .line:after {

 background:#000

}

.layout-page-sections .section-page--highlight .align-left {

 text-align:left

}

.layout-page-sections .section-page--highlight .align-center {

 -webkit-align-items:center;

 -ms-flex-align:center;

 align-items:center;

 text-align:center

}

.layout-page-sections .section-page--highlight .align-center br {

 display:none

}

.layout-page-sections .section-page--highlight .align-right {

 -webkit-align-items:flex-end;

 -ms-flex-align:end;

 align-items:flex-end;

 text-align:right

}

.layout-page-sections .section-page--highlight .background {

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 background:#000;

 -webkit-transform-origin:0 0;

 transform-origin:0 0;

 z-index:1

}

.layout-page-sections .section-page--highlight:first-child {

 margin-top:0

}

.layout-page-sections .section-page--highlight:last-child {

 margin-bottom:0

}

.layout-page-sections .section-page--highlight + .section-page {

 margin-top:0

}

.layout-page-sections .section-page--two_columns_text_image .columns {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 -webkit-align-items:center;

 -ms-flex-align:center;

 align-items:center;

 -webkit-flex-direction:row;

 -ms-flex-direction:row;

 flex-direction:row;

 -webkit-justify-content:space-between;

 -ms-flex-pack:justify;

 justify-content:space-between

}

.layout-page-sections .section-page--two_columns_text_image .column {

 width:calc(50% - 25px);

 -webkit-order:2;

 -ms-flex-order:2;

 order:2

}

.layout-page-sections .section-page--two_columns_text_image .column.left {

 -webkit-order:1;

 -ms-flex-order:1;

 order:1

}

.layout-page-sections .section-page--two_columns_text_image .column.right {

 -webkit-order:3;

 -ms-flex-order:3;

 order:3

}

.layout-page-sections .section-page--two_columns_text_image .column.large {

 margin:-50px 0

}

.layout-page-sections .section-page--two_columns_text_image .column.large .image-container {

 max-width:none

}

.layout-page-sections .section-page--two_columns_text_image .column.large .image {

 display:block;

 width:100%;

 max-width:none

}

.layout-page-sections .section-page--two_columns_text_image .column.large.left + .column {

 padding-right:80px

}

.layout-page-sections .section-page--two_columns_text_image .column.large.right + .column {

 padding-left:80px

}

.layout-page-sections .section-page--two_columns_text_image .image-container,.layout-page-sections .section-page--two_columns_text_image .text {

 display:block;

 position:relative;

 max-width:522px;

 width:100%

}

.layout-page-sections .section-page--two_columns_text_image .image-container {

 -webkit-transform-origin:0 0;

 transform-origin:0 0

}

.layout-page-sections .section-page--two_columns_text_image .image-container .mask {

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 background:linear-gradient(126deg, #28d5d8 33%, #63c746 100%);

 -webkit-transform:scaleX(0);

 transform:scaleX(0);

 -webkit-transform-origin:100% 0;

 transform-origin:100% 0;

 z-index:2

}

.layout-page-sections .section-page--two_columns_text_title .columns {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 -webkit-align-items:center;

 -ms-flex-align:center;

 align-items:center;

 -webkit-flex-direction:row;

 -ms-flex-direction:row;

 flex-direction:row;

 -webkit-justify-content:space-between;

 -ms-flex-pack:justify;

 justify-content:space-between

}

.layout-page-sections .section-page--two_columns_text_title .columns.large {

 margin:150px 0

}

.layout-page-sections .section-page--two_columns_text_title .columns.large .column--title {

 text-align:left

}

.layout-page-sections .section-page--two_columns_text_title .columns.large .text {

 max-width:500px

}

.layout-page-sections .section-page--two_columns_text_title .column {

 position:relative;

 width:calc(50% - 25px)

}

.layout-page-sections .section-page--two_columns_text_title .column--title {

 text-align:right

}

.layout-page-sections .section-page--two_columns_text_title .text {

 max-width:360px

}

.layout-page-sections .section-page--two_columns_text_title .text .link-readmore {

 display:block;

 margin:-3em 0 1em;

 position:relative;

 top:70px

}

.layout-page-sections .section-page--two_columns_text_title:first-child .columns.large {

 margin-top:0

}

.layout-page-sections .section-page--three_columns_text {

 padding:50px 0;

 position:relative;

 color:#fff

}

.layout-page-sections .section-page--three_columns_text .horizontal-wrapper {

 z-index:2

}

.layout-page-sections .section-page--three_columns_text .title {

 color:#75b157

}

.layout-page-sections .section-page--three_columns_text .title br {

 display:none

}

.layout-page-sections .section-page--three_columns_text .columns {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 margin:50px auto 0;

 max-width:980px;

 -webkit-flex-direction:row;

 -ms-flex-direction:row;

 flex-direction:row;

 -webkit-justify-content:space-between;

 -ms-flex-pack:justify;

 justify-content:space-between

}

.layout-page-sections .section-page--three_columns_text .column {

 width:30%;

 max-width:235px

}

.layout-page-sections .section-page--three_columns_text .background {

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 background:#000;

 -webkit-transform-origin:0 0;

 transform-origin:0 0;

 z-index:1

}

.layout-page-sections .section-page--image_text {

 margin:0;

 position:relative;

 overflow:hidden

}

.layout-page-sections .section-page--image_text:last-child {

 margin-bottom:0

}

.layout-page-sections .section-page--image_text .image {

 display:block;

 width:100%

}

.layout-page-sections .section-page--image_text .outer {

 position:absolute;

 bottom:0;

 left:0;

 width:100%

}

.layout-page-sections .section-page--image_text .inner {

 padding:50px;

 background:#fff

}

.layout-page-sections .section-page--image_text .text {

 margin:1em 0 0;

 -webkit-column-count:2;

 column-count:2;

 -webkit-column-gap:50px;

 column-gap:50px

}

.layout-page-sections .section-page--image_text .mask {

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 background:#fff;

 -webkit-transform:scaleX(0);

 transform:scaleX(0);

 -webkit-transform-origin:100% 0;

 transform-origin:100% 0;

 z-index:2

}

.layout-page-sections .section-page--image {

 margin:0;

 position:relative

}

.layout-page-sections .section-page--image .image {

 display:block

}

.layout-page-sections .section-page--image .image.position-fullscreen {

 width:100%

}

.layout-page-sections .section-page--image .image.position-center {

 margin:50px auto

}

.layout-page-sections .section-page--image .mask {

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 background:linear-gradient(126deg, #28d5d8 33%, #63c746 100%);

 -webkit-transform:scaleX(0);

 transform:scaleX(0);

 -webkit-transform-origin:0 0;

 transform-origin:0 0;

 z-index:2

}

.layout-page-sections .section-page--image + .section-page {

 margin-top:0

}

.layout-page-sections .section-page--illustration {

 margin-bottom:60px

}

.layout-page-sections .section-page--illustration:first-child {

 margin-top:25px

}

.layout-page-sections .section-page--illustration .illustration-container {

 margin-bottom:-20px;

 position:relative;

 height:280px;

 z-index:1

}

.layout-page-sections .section-page--illustration .illustration-container .svg {

 position:absolute;

 top:50%;

 left:50%;

 width:280px;

 height:280px;

 -webkit-transform:translate3d(-50%,-50%,0);

 transform:translate3d(-50%,-50%,0)

}

.layout-page-sections .section-page--illustration .text {

 position:relative;

 z-index:2;

 font:1.25em "Bodoni Book Italic";

 text-align:center

}

.layout-page-sections .section-page--timeline {

 position:relative

}

.layout-page-sections .section-page--timeline .big-title {

 margin:-160px 0 0 0;

 position:absolute;

 top:50%;

 left:0;

 width:100%;

 z-index:1;

 color:#75b157;

 font:264px/1 "Bodoni Roman";

 letter-spacing:.02em;

 text-align:center

}

.layout-page-sections .section-page--timeline .links {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 position:relative;

 height:325px;

 -webkit-align-items:flex-start;

 -ms-flex-align:start;

 align-items:flex-start;

 -webkit-justify-content:space-between;

 -ms-flex-pack:justify;

 justify-content:space-between;

 z-index:2

}

.layout-page-sections .section-page--timeline .link {

 position:relative;

 font-size:14px;

 line-height:1.2;

 text-transform:uppercase

}

.layout-page-sections .section-page--timeline .link a {

 display:block;

 padding-bottom:13px;

 position:relative;

 min-width:66px;

 transition:opacity 0.1s ease

}

.layout-page-sections .section-page--timeline .link a:hover {

 opacity:.5

}

.layout-page-sections .section-page--timeline .link a:hover .svg {

 width:66px

}

.layout-page-sections .section-page--timeline .link .text {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 height:3.6em;

 -webkit-flex-direction:column;

 -ms-flex-direction:column;

 flex-direction:column;

 -webkit-justify-content:flex-end;

 -ms-flex-pack:end;

 justify-content:flex-end

}

.layout-page-sections .section-page--timeline .link .svg {

 margin:5px 0 0;

 width:46px;

 height:8px;

 overflow:hidden;

 transition:width 0.2s cubic-bezier(.645,.045,.355,1)

}

.layout-page-sections .section-page--timeline .link .svg .short {

 display:none

}

.layout-page-sections .section-page--timeline .link .svg .long {

 display:block

}

.layout-page-sections .section-page--timeline .link.position-2 {

 top:calc((100% - 64px) / 4 * 1)

}

.layout-page-sections .section-page--timeline .link.position-3 {

 top:calc((100% - 64px) / 4 * 2)

}

.layout-page-sections .section-page--timeline .link.position-4 {

 top:calc((100% - 64px) / 4 * 3)

}

.layout-page-sections .section-page--timeline .link.position-5 {

 top:calc((100% - 64px) / 4 * 4)

}

.layout-page-sections .section-page--aside {

 position:relative;

 letter-spacing:.05em

}

.layout-page-sections .section-page--aside .horizontal-wrapper {

 height:100%;

 z-index:2

}

.layout-page-sections .section-page--aside .shape-container {

 margin:-66px 0 0;

 position:absolute;

 top:50%;

 left:80px

}

.layout-page-sections .section-page--aside .svg-shape-arrow {

 width:118px;

 height:133px

}

.layout-page-sections .section-page--aside .columns {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 padding:100px 0 50px;

 margin:0 0 0 220px;

 -webkit-align-items:stretch;

 -ms-flex-align:stretch;

 align-items:stretch;

 -webkit-flex-direction:row;

 -ms-flex-direction:row;

 flex-direction:row;

 -webkit-justify-content:flex-start;

 -ms-flex-pack:start;

 justify-content:flex-start

}

.layout-page-sections .section-page--aside .columns .column {

 padding:56px 60px 20px;

 border-right:1px solid #000

}

.layout-page-sections .section-page--aside .columns .column:first-child {

 padding-top:0

}

.layout-page-sections .section-page--aside .background {

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 background:#e6e6e6;

 -webkit-transform-origin:0 0;

 transform-origin:0 0;

 z-index:1

}

.layout-page-sections .section-page--aside:last-child {

 margin-bottom:0

}

.layout-page-sections .section-page--client {

 position:relative

}

.layout-page-sections .section-page--client ::-moz-selection {

 background:#fff

}

.layout-page-sections .section-page--client ::selection {

 background:#fff

}

.layout-page-sections .section-page--client .horizontal-wrapper {

 padding-top:450px;

 padding-bottom:100px;

 z-index:2

}

.layout-page-sections .section-page--client .big-title {

 position:absolute;

 top:0;

 left:0;

 width:1000px;

 color:#fff;

 font:264px/0.8 "Bodoni Roman";

 letter-spacing:.02em

}

.layout-page-sections .section-page--client .link-work {

 margin:0 0 0 25px;

 position:absolute;

 top:368px;

 left:50%;

 width:200px

}

.layout-page-sections .section-page--client .testimonial {

 -webkit-column-count:2;

 column-count:2;

 -webkit-column-gap:50px;

 column-gap:50px;

 font:1.25em "Bodoni Book Italic";

 letter-spacing:.02em;

 line-height:1.4

}

.layout-page-sections .section-page--client .testimonial .client {

 margin-top:1.5em;

 font:.8em "Baksheesh Bold";

 letter-spacing:.05em

}

.layout-page-sections .section-page--client .testimonial + .columns {

 margin-top:100px

}

.layout-page-sections .section-page--client .columns {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 -webkit-align-items:flex-start;

 -ms-flex-align:start;

 align-items:flex-start;

 -webkit-flex-direction:row;

 -ms-flex-direction:row;

 flex-direction:row;

 -webkit-justify-content:space-between;

 -ms-flex-pack:justify;

 justify-content:space-between

}

.layout-page-sections .section-page--client .columns .column {

 width:calc(50% - 25px)

}

.layout-page-sections .section-page--client .columns .column--logo .svg {

 margin:0 auto;

 max-width:100%

}

.layout-page-sections .section-page--client .background {

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 background:linear-gradient(126deg, #28d5d8 33%, #63c746 100%);

 -webkit-transform-origin:0 0;

 transform-origin:0 0;

 z-index:1

}

.layout-page-sections .section-page--client:last-child {

 margin-bottom:0

}

.layout-page-sections .section-page--client + .section-page--navigation {

 margin-top:-50px;

 background:#FFF254

}

.layout-page-sections .section-page--works_grid:last-child {

 margin-bottom:50px

}

.layout-page-sections .section-page--partner {

 margin:0;

 padding:50px 0;

 position:relative

}

.layout-page-sections .section-page--partner .inner {

 margin-left:225px;

 position:relative;

 max-width:920px;

 z-index:2

}

.layout-page-sections .section-page--partner .about .name,.layout-page-sections .section-page--partner .about .title {

 font:1.25em/1.3 "Baksheesh Bold";

 letter-spacing:.02em

}

.layout-page-sections .section-page--partner .about .job {

 margin-top:5px

}

.layout-page-sections .section-page--partner .columns {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 margin:15px 0 0;

 -webkit-align-items:stretch;

 -ms-flex-align:stretch;

 align-items:stretch;

 -webkit-flex-direction:row;

 -ms-flex-direction:row;

 flex-direction:row;

 -webkit-justify-content:space-between;

 -ms-flex-pack:justify;

 justify-content:space-between

}

.layout-page-sections .section-page--partner .column {

 padding:40px 0;

 border-color:#000;

 border-style:solid;

 border-width:1px 0 3px

}

.layout-page-sections .section-page--partner .column--quote {

 width:calc(38.5% - 25px);

 font:1.75em "Bodoni Book Italic"

}

.layout-page-sections .section-page--partner .column--brands {

 padding-top:46px;

 position:relative;

 width:calc(61.5% - 25px);

 -webkit-column-count:2;

 column-count:2;

 -webkit-column-gap:50px;

 column-gap:50px

}

.layout-page-sections .section-page--partner .column--brands .title {

 position:absolute;

 top:-38px;

 left:0;

 font-family:"Baksheesh Bold"

}

.layout-page-sections .section-page--partner .background {

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 background:linear-gradient(126deg, #28d5d8 33%, #63c746 100%);

 -webkit-transform-origin:0 0;

 transform-origin:0 0;

 z-index:1

}

.layout-page-sections .section-page--partner:first-child {

 margin-top:0

}

.layout-page-sections .section-page--partner:last-child {

 margin-bottom:0

}

.layout-page-sections .section-page--partner .has-background ::-moz-selection {

 background:#fff

}

.layout-page-sections .section-page--partner .has-background ::selection {

 background:#fff

}

.layout-page-sections .section-page--navigation {

 background:#fff

}

.layout-page-sections .section-page--navigation:last-child {

 margin-bottom:0

}

.layout-page-sections .section-page--navigation .svg {

 width:46px;

 height:8px

}

.layout-page-sections .section-page--navigation .navigation {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 padding:60px 0;

 -webkit-align-items:center;

 -ms-flex-align:center;

 align-items:center;

 -webkit-flex-direction:row;

 -ms-flex-direction:row;

 flex-direction:row;

 -webkit-justify-content:space-between;

 -ms-flex-pack:justify;

 justify-content:space-between;

 font-size:14px;

 letter-spacing:.2em;

 text-transform:uppercase

}

.layout-page-sections .section-page--navigation .navigation .link-prev,.layout-page-sections .section-page--navigation .navigation .link-next,.layout-page-sections .section-page--navigation .navigation .link-all {

 -webkit-flex-grow:0;

 -ms-flex-positive:0;

 flex-grow:0;

 -webkit-flex-shrink:0;

 -ms-flex-negative:0;

 flex-shrink:0

}

.layout-page-sections .section-page--navigation .navigation .link-prev:hover,.layout-page-sections .section-page--navigation .navigation .link-next:hover,.layout-page-sections .section-page--navigation .navigation .link-all:hover {

 color:gray;

 fill:gray

}

.layout-page-sections .section-page--navigation .navigation .link-prev,.layout-page-sections .section-page--navigation .navigation .link-next {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 width:calc(50% - 110px);

 -webkit-align-items:center;

 -ms-flex-align:center;

 align-items:center;

 -webkit-flex-direction:row;

 -ms-flex-direction:row;

 flex-direction:row;

 -webkit-justify-content:flex-start;

 -ms-flex-pack:start;

 justify-content:flex-start;

 font-family:"Baksheesh Bold"

}

.layout-page-sections .section-page--navigation .navigation .link-prev .title {

 margin-right:0

}

.layout-page-sections .section-page--navigation .navigation .link-prev .svg svg {

 left:0

}

.layout-page-sections .section-page--navigation .navigation .link-next {

 -webkit-justify-content:flex-end;

 -ms-flex-pack:end;

 justify-content:flex-end

}

.layout-page-sections .section-page--navigation .navigation .link-next .title {

 margin-left:0;

 text-align:right

}

.layout-page-sections .section-page--navigation .navigation .link-next .svg svg {

 right:0

}

.layout-page-sections .section-page--navigation .navigation .link-all {

 width:220px;

 text-align:center

}

.layout-page-sections .section-page--navigation .navigation .link-all .title {

 margin:0;

 max-width:none;

 white-space:nowrap

}

.layout-page-sections .section-page--navigation .navigation .svg {

 display:inline-block;

 position:relative;

 width:30px;

 height:10px;

 overflow:hidden

}

.layout-page-sections .section-page--navigation .navigation .svg svg {

 position:absolute;

 top:0;

 width:56px;

 height:10px

}

.layout-page-sections .section-page--navigation .navigation .title {

 display:inline-block;

 margin:0 15px

}

.layout-page-sections .section-page--navigation .navigation .title br {

 display:none

}

.layout-works {

 background:#000;

 color:#fff

}

.layout-works .page-inner {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 margin:0 auto;

 padding:140px 36px;

 max-width:1366px;

 min-height:calc(100vh - 471px);

 -webkit-flex-direction:row;

 -ms-flex-direction:row;

 flex-direction:row;

 -webkit-flex-wrap:wrap;

 -ms-flex-wrap:wrap;

 flex-wrap:wrap;

 -webkit-justify-content:space-between;

 -ms-flex-pack:justify;

 justify-content:space-between

}

.layout-works .works-header,.layout-works .works-list,.layout-works .page-content {

 margin:0 25px;

 width:calc(50% - 25px)

}

.layout-works .works-header {

 margin-right:0;

 position:relative;

 -webkit-order:2;

 -ms-flex-order:2;

 order:2;

 z-index:3

}

.layout-works .works-header .sticky-container {

 position:absolute;

 top:0;

 left:0

}

.layout-works .works-header .sticky-container.is-fixed {

 position:fixed;

 top:50px;

 left:calc(50% + 25px)

}

.layout-works .works-header .sticky-container.is-bottom {

 top:auto;

 bottom:0

}

.layout-works .works-header .title {

 margin-bottom:15px;

 position:relative

}

.layout-works .works-header .js-loader {

 margin:68px 0 0 -20px

}

.layout-works .works-header .form-filters {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 -webkit-flex-direction:row;

 -ms-flex-direction:row;

 flex-direction:row

}

.layout-works .works-header .block {

 height:58px

}

.layout-works .works-header .block--title {

 padding:0 10px;

 border:1px solid #fff;

 font:16px/58px "Baksheesh Bold";

 letter-spacing:.1em;

 text-transform:uppercase

}

.layout-works .works-header .select-filters {

 width:180px

}

.layout-works .works-header .select-filters .select-label {

 border-left:0

}

.layout-works .works-header .btn-outline {

 display:inline-block;

 margin:0 0 10px;

 padding:10px 15px 8px;

 border:1px solid #fff;

 transition:border 0.1s ease,color 0.1s ease;

 font:16px/1 "Baksheesh Bold";

 letter-spacing:.1em;

 text-transform:uppercase

}

.layout-works .works-header .btn-outline:before {

 display:inline-block;

 margin-top:-.15em;

 content:'> ';

 vertical-align:top

}

.layout-works .works-header .btn-outline:hover {

 border-color:#FFF254;

 color:#75b157

}

.layout-works .works-header .btn-submit {

 display:block;

 padding:0 10px;

 position:relative;

 height:100%;

 appearence:none;

 background:#fff;

 border:0;

 color:#000;

 font:14px/58px "Baksheesh Bold";

 letter-spacing:.1em;

 text-transform:uppercase

}

.layout-works .works-header .btn-submit:before {

 display:block;

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 background:linear-gradient(126deg, #28d5d8 33%, #63c746 100%);

 content:'';

 -webkit-transform:scaleX(0);

 transform:scaleX(0);

 -webkit-transform-origin:100% 0;

 transform-origin:100% 0;

 transition:-webkit-transform 0.3s cubic-bezier(.645,.045,.355,1);

 transition:transform 0.3s cubic-bezier(.645,.045,.355,1);

 transition:transform 0.3s cubic-bezier(.645,.045,.355,1),-webkit-transform 0.3s cubic-bezier(.645,.045,.355,1)

}

.layout-works .works-header .btn-submit span {

 position:relative;

 z-index:2

}

.layout-works .works-header .btn-submit:hover:before {

 -webkit-transform:scaleX(1);

 transform:scaleX(1);

 -webkit-transform-origin:0 0;

 transform-origin:0 0

}

.layout-works .works-list {

 margin-left:0;

 position:relative;

 -webkit-order:1;

 -ms-flex-order:1;

 order:1;

 z-index:2

}

.layout-works .works-list:before {

 display:block;

 position:absolute;

 top:-140px;

 right:-36px;

 left:-36px;

 height:140px;

 background:linear-gradient(#000 50%,rgba(0,0,0,0));

 content:'';

 z-index:2

}

.layout-works .works-list .works {

 margin:0;

 padding:0;

 position:relative;

 list-style-type:none;

 pointer-events:none;

 z-index:1

}

.layout-works .works-list .works:hover .work a {

 opacity:.3;

 transition-delay:0s

}

.layout-works .works-list .works:hover .work a:hover {

 opacity:.99;

 transition-delay:0s

}

.layout-works .works-list .works-select {

 display:none

}

.layout-works .works-list .work {

 max-width:600px;

 position:relative;

 font:47px/1 "Baksheesh Bold";

 text-transform:uppercase

}

.layout-works .works-list .work a {

 display:block;

 padding:8px 0;

 opacity:1;

 pointer-events:auto;

 -webkit-transform-origin:0 0;

 transform-origin:0 0;

 transition:opacity 0.2s ease 0.2s

}

.layout-works .works-list .work a.is-loading {

 opacity:1!important

}

.layout-works .works-list .work .js-loader {

 margin:32px 0 0 6px

}

.layout-works .works-list .work .js-loader .dot {

 width:8px;

 height:6px

}

.layout-works .page-content {

 margin-top:100px;

 margin-right:0;

 margin-left:auto;

 -webkit-order:3;

 -ms-flex-order:3;

 order:3;

 z-index:1

}

.layout-works .page-content .text {

 max-width:560px

}

.layout-works .page-content .text h1 {

 color:#75b157

}

.layout-work {

 background:#000

}

.layout-work .page-inner {

 margin:-14px -14px 0;

 padding:0 0 0 190px

}

.layout-work .page-sections {

 position:relative

}

.layout-work .page-sections .mask {

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 background:#000;

 -webkit-transform:scaleX(0);

 transform:scaleX(0);

 -webkit-transform-origin:0 0;

 transform-origin:0 0;

 z-index:2

}

.layout-work .section--header-sm {

 display:none

}

.layout-work .section--image .image,.layout-work .section--image .video,.layout-work .section--images .image,.layout-work .section--images .video {

 display:block;

 width:100%

}

.layout-work .section--text {

 background:#fff

}

.layout-work .section--navigation {

 background:#fff

}

.layout-work .section--navigation .svg {

 width:46px;

 height:8px

}

.layout-work .section--navigation .svg .long {

 display:none

}

.layout-work .section--share {

 background:#fff;

 display:none

}

.layout-work .columns {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 padding:90px 0;

 -webkit-align-items:center;

 -ms-flex-align:center;

 align-items:center;

 -webkit-flex-direction:row;

 -ms-flex-direction:row;

 flex-direction:row;

 -webkit-justify-content:space-between;

 -ms-flex-pack:justify;

 justify-content:space-between;

 -webkit-flex-wrap:wrap;

 -ms-flex-wrap:wrap;

 flex-wrap:wrap;

 letter-spacing:.05em

}

.layout-work .columns .column {

 width:50%;

 -webkit-flex-grow:0;

 -ms-flex-positive:0;

 flex-grow:0;

 -webkit-flex-shrink:0;

 -ms-flex-negative:0;

 flex-shrink:0

}

.layout-work .columns .column--left {

 padding-right:25px;

 width:40%

}

.layout-work .columns .column--right {

 padding-left:25px;

 width:60%

}

.layout-work .columns .column--meta {

 position:relative;

 -webkit-align-self:stretch;

 -ms-flex-item-align:stretch;

 -ms-grid-row-align:stretch;

 align-self:stretch

}

.layout-work .columns--intro {

 padding:135px 0;

 -webkit-align-items:flex-start;

 -ms-flex-align:start;

 align-items:flex-start;

 font-size:1.13em

}

.layout-work .columns--intro .column--title {

 margin:0 0 16px 40%

}

.layout-work .columns--intro .link-readmore {

 display:block;

 margin-top:1em;

 transition:color 0.1s ease

}

.layout-work .columns--intro .link-readmore:hover {

 color:#75b157

}

.layout-work .columns--intro .share {

 display:block;

 position:absolute;

 bottom:0;

 left:0

}

.layout-work .skills {

 padding-bottom:60px;

 font-family:"Bodoni Roman"

}

.layout-work .share .links {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 margin:0;

 padding:0;

 -webkit-align-items:flex-end;

 -ms-flex-align:end;

 align-items:flex-end;

 -webkit-flex-direction:row;

 -ms-flex-direction:row;

 flex-direction:row;

 -webkit-justify-content:flex-start;

 -ms-flex-pack:start;

 justify-content:flex-start;

 list-style-type:none

}

.layout-work .share .links .link + .link {

 margin-left:7px

}

.layout-work .share .svg {

 width:25px;

 height:29px;

 transition:-webkit-transform 0.2s cubic-bezier(.645,.045,.355,1);

 transition:transform 0.2s cubic-bezier(.645,.045,.355,1);

 transition:transform 0.2s cubic-bezier(.645,.045,.355,1),-webkit-transform 0.2s cubic-bezier(.645,.045,.355,1)

}

.layout-work .share .svg path {

 transition:fill 0.1s ease

}

.layout-work .share a:hover .svg {

 -webkit-transform:translate3d(0,-5px,0);

 transform:translate3d(0,-5px,0)

}

.layout-work .share a:hover .svg path {

 fill:gray

}

.layout-work .link-works {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 margin:-205px 0 0;

 position:fixed;

 top:50%;

 left:0;

 width:190px;

 height:410px;

 color:#fff;

 -webkit-align-items:center;

 -ms-flex-align:center;

 align-items:center;

 -webkit-flex-direction:column;

 -ms-flex-direction:column;

 flex-direction:column;

 -webkit-justify-content:space-between;

 -ms-flex-pack:justify;

 justify-content:space-between;

 transition:color 0.1s ease

}

.layout-work .link-works .inner {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 height:100%;

 -webkit-align-items:center;

 -ms-flex-align:center;

 align-items:center;

 -webkit-flex-direction:column;

 -ms-flex-direction:column;

 flex-direction:column;

 -webkit-justify-content:space-between;

 -ms-flex-pack:justify;

 justify-content:space-between

}

.layout-work .link-works .svg {

 position:relative;

 left:0;

 width:46px;

 height:8px;

 fill:#fff;

 transition:fill 0.1s ease,left 0.2s cubic-bezier(.645,.045,.355,1)

}

.layout-work .link-works .svg .long {

 display:none

}

.layout-work .link-works .text {

 -webkit-transform:rotateZ(180deg);

 transform:rotateZ(180deg);

 font:14px/1 "Baksheesh Bold";

 letter-spacing:.2em;

 text-align:center;

 text-transform:uppercase;

 white-space:nowrap;

 -webkit-writing-mode:vertical-rl;

 -ms-writing-mode:tb-rl;

 writing-mode:vertical-rl

}

.layout-work .link-works .js-loader {

 margin:30px 25px 0 0;

 position:absolute;

 top:100%;

 right:50%

}

.layout-work .link-works:hover {

 color:#75b157

}

.layout-work .link-works:hover .svg {

 left:-5px;

 fill:#FFF254

}

.layout-work .navigation {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 padding:60px 20px;

 -webkit-align-items:center;

 -ms-flex-align:center;

 align-items:center;

 -webkit-flex-direction:row;

 -ms-flex-direction:row;

 flex-direction:row;

 -webkit-justify-content:space-between;

 -ms-flex-pack:justify;

 justify-content:space-between;

 font-size:14px;

 letter-spacing:.2em;

 text-transform:uppercase

}

.layout-work .navigation .link-prev,.layout-work .navigation .link-next,.layout-work .navigation .link-all {

 width:33.33%;

 -webkit-flex-grow:0;

 -ms-flex-positive:0;

 flex-grow:0;

 -webkit-flex-shrink:0;

 -ms-flex-negative:0;

 flex-shrink:0;

 transition:color 0.1s ease

}

.layout-work .navigation .link-prev:hover,.layout-work .navigation .link-next:hover,.layout-work .navigation .link-all:hover {

 color:gray;

 fill:gray

}

.layout-work .navigation .link-prev,.layout-work .navigation .link-next {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 -webkit-align-items:center;

 -ms-flex-align:center;

 align-items:center;

 -webkit-flex-direction:row;

 -ms-flex-direction:row;

 flex-direction:row;

 -webkit-justify-content:flex-start;

 -ms-flex-pack:start;

 justify-content:flex-start;

 font-family:"Baksheesh Bold"

}

.layout-work .navigation .link-prev .title {

 margin-right:0

}

.layout-work .navigation .link-prev .svg svg {

 left:0

}

.layout-work .navigation .link-prev:hover .svg {

 -webkit-transform:translate3d(-5px,0,0);

 transform:translate3d(-5px,0,0)

}

.layout-work .navigation .link-next {

 -webkit-justify-content:flex-end;

 -ms-flex-pack:end;

 justify-content:flex-end

}

.layout-work .navigation .link-next .title {

 margin-left:0;

 text-align:right

}

.layout-work .navigation .link-next .svg svg {

 right:0

}

.layout-work .navigation .link-next:hover .svg {

 -webkit-transform:translate3d(5px,0,0);

 transform:translate3d(5px,0,0)

}

.layout-work .navigation .link-all {

 text-align:center

}

.layout-work .navigation .link-all .title {

 margin:0;

 max-width:none;

 white-space:nowrap

}

.layout-work .navigation .svg {

 display:inline-block;

 position:relative;

 width:30px;

 height:10px;

 overflow:hidden;

 transition:fill 0.1s ease,-webkit-transform 0.2s cubic-bezier(.645,.045,.355,1);

 transition:fill 0.1s ease,transform 0.2s cubic-bezier(.645,.045,.355,1);

 transition:fill 0.1s ease,transform 0.2s cubic-bezier(.645,.045,.355,1),-webkit-transform 0.2s cubic-bezier(.645,.045,.355,1)

}

.layout-work .navigation .svg svg {

 position:absolute;

 top:0;

 width:56px;

 height:10px

}

.layout-work .navigation .svg .long {

 display:none

}

.layout-work .navigation .title {

 display:inline-block;

 margin:0 15px;

 max-width:150px

}

.layout-contact .page-header {

 margin-bottom:0

}

.layout-contact .section-contact {

 margin:0 0 50px;

 position:relative;

 overflow:hidden

}

.layout-contact .section-contact .horizontal-wrapper {

 padding-top:190px

}

.layout-contact .section-contact .map-toggle {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 position:absolute;

 top:0;

 right:0;

 width:64px;

 height:100%;

 background:#000;

 cursor:pointer;

 transition:color 0.1s ease,width 0.3s cubic-bezier(.645,.045,.355,1),-webkit-transform 0.4s cubic-bezier(.645,.045,.355,1);

 transition:color 0.1s ease,width 0.3s cubic-bezier(.645,.045,.355,1),transform 0.4s cubic-bezier(.645,.045,.355,1);

 transition:color 0.1s ease,width 0.3s cubic-bezier(.645,.045,.355,1),transform 0.4s cubic-bezier(.645,.045,.355,1),-webkit-transform 0.4s cubic-bezier(.645,.045,.355,1);

 z-index:3;

 color:#fff;

 -webkit-align-items:center;

 -ms-flex-align:center;

 align-items:center;

 -webkit-flex-direction:column;

 -ms-flex-direction:column;

 flex-direction:column;

 -webkit-justify-content:center;

 -ms-flex-pack:center;

 justify-content:center

}

.layout-contact .section-contact .map-toggle:before {

 display:block;

 position:absolute;

 top:0;

 right:0;

 bottom:0;

 left:-10px;

 background:transparent;

 content:''

}

.layout-contact .section-contact .map-toggle .inner {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 height:500px;

 -webkit-align-items:center;

 -ms-flex-align:center;

 align-items:center;

 -webkit-flex-direction:column;

 -ms-flex-direction:column;

 flex-direction:column;

 -webkit-justify-content:space-between;

 -ms-flex-pack:justify;

 justify-content:space-between

}

.layout-contact .section-contact .map-toggle .svg {

 width:46px;

 height:8px;

 fill:#fff;

 transition:fill 0.1s ease

}

.layout-contact .section-contact .map-toggle .svg .long {

 display:none

}

.layout-contact .section-contact .map-toggle .text {

 -webkit-transform:rotateZ(180deg);

 transform:rotateZ(180deg);

 font:14px/1 "Baksheesh Bold";

 letter-spacing:.2em;

 text-align:center;

 text-transform:uppercase;

 white-space:nowrap;

 -webkit-writing-mode:vertical-rl;

 -ms-writing-mode:tb-rl;

 writing-mode:vertical-rl

}

.layout-contact .section-contact .map-toggle .department {

 position:absolute;

 bottom:calc(((100% - 500px) / 2 - 1em) / 2);

 left:0;

 width:100%;

 font:34px/1 "Baksheesh Bold";

 letter-spacing:.02em;

 text-align:center

}

.layout-contact .section-contact .map-toggle:hover {

 width:74px;

 color:#75b157

}

.layout-contact .section-contact .map-toggle:hover .svg {

 fill:#FFF254

}

.layout-contact .section-contact .contact-info {

 position:relative;

 overflow:hidden;

 -webkit-transform:translate3d(0,0,0);

 transform:translate3d(0,0,0);

 transition:-webkit-transform 0.8s cubic-bezier(.645,.045,.355,1);

 transition:transform 0.8s cubic-bezier(.645,.045,.355,1);

 transition:transform 0.8s cubic-bezier(.645,.045,.355,1),-webkit-transform 0.8s cubic-bezier(.645,.045,.355,1);

 z-index:1

}

.layout-contact .section-contact .contact-info .content {

 margin:0 0 0 225px;

 padding:0 0 35px;

 position:relative;

 max-width:calc(60% - 250px)

}

.layout-contact .section-contact .contact-info .content>.separator {

 position:absolute;

 bottom:0;

 left:0;

 width:100%;

 height:8px;

 background:#000;

 -webkit-transform-origin:0 0;

 transform-origin:0 0

}

.layout-contact .section-contact .contact-info .contact {

 font-size:1.25em

}

.layout-contact .section-contact .contact-info .contact-header {

 margin:0 0 .75em;

 font:1.25em "Baksheesh Bold"

}

.layout-contact .section-contact .contact-info .text {

 margin:35px 0 0;

 padding:35px 0 0;

 position:relative

}

.layout-contact .section-contact .contact-info .text .separator {

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:1px;

 background:#000;

 -webkit-transform-origin:0 0;

 transform-origin:0 0

}

.layout-contact .section-contact .contact-info .image-container {

 position:absolute;

 top:0;

 right:calc(50% - 50vw + 14px);

 left:calc(80px + ((100% - 160px) * 0.6) + 25px);

 height:100%;

 overflow:hidden;

 -webkit-transform-origin:0 0;

 transform-origin:0 0

}

.layout-contact .section-contact .contact-info .image-container .image {

 display:block;

 position:absolute;

 max-width:none

}

.layout-contact .section-contact .contact-info .image-container .mask {

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 background:linear-gradient(126deg, #28d5d8 33%, #63c746 100%);

 -webkit-transform:scaleX(0);

 transform:scaleX(0);

 -webkit-transform-origin:100% 0;

 transform-origin:100% 0;

 z-index:2

}

.layout-contact .section-contact .contact-info .shape-container {

 position:absolute;

 top:50px;

 left:-190px

}

.layout-contact .section-contact .contact-info .svg-shape-arrow {

 width:118px;

 height:134px

}

.layout-contact .section-contact .map-container {

 position:absolute;

 top:0;

 left:0;

 width:100%;

 height:100%;

 overflow:hidden;

 -webkit-transform:translate3d(100%,0,0);

 transform:translate3d(100%,0,0);

 transition:-webkit-transform 0.8s cubic-bezier(.645,.045,.355,1);

 transition:transform 0.8s cubic-bezier(.645,.045,.355,1);

 transition:transform 0.8s cubic-bezier(.645,.045,.355,1),-webkit-transform 0.8s cubic-bezier(.645,.045,.355,1);

 z-index:2

}

.layout-contact .section-contact .map-container .map-toggle {

 -webkit-transform:translate3d(100%,0,0);

 transform:translate3d(100%,0,0)

}

.layout-contact .section-contact .map-container .ggmap {

 position:absolute;

 top:0;

 left:0;

 width:calc(100% - 64px);

 height:100%;

 background:#353535

}

.layout-contact .section-contact .map-container.is-visible {

 -webkit-transform:translate3d(0,0,0);

 transform:translate3d(0,0,0)

}

.layout-contact .section-contact .map-container.is-visible .map-toggle {

 -webkit-transform:translate3d(0,0,0);

 transform:translate3d(0,0,0)

}

.layout-contact .section-contact .map-container.is-visible + .contact-info {

 -webkit-transform:translate3d(-50%,0,0);

 transform:translate3d(-50%,0,0)

}

.layout-contact .section-contact .map-container.is-visible + .contact-info .map-toggle {

 -webkit-transform:translate3d(100%,0,0);

 transform:translate3d(100%,0,0)

}

.layout-contact .section-form {

 margin:0 0 50px

}

.layout-contact .section-form .inner {

 margin:0 225px

}

.layout-contact .section-form .title {

 margin-bottom:30px

}

.layout-error {

 background:#000;

 color:#fff

}

.layout-error .page-outer {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 -webkit-flex-direction:column;

 -ms-flex-direction:column;

 flex-direction:column;

 -webkit-justify-content:center;

 -ms-flex-pack:center;

 justify-content:center

}

.layout-error .page-inner {

 display:-webkit-flex;

 display:-ms-flexbox;

 display:flex;

 margin:0 auto;

 width:1120px;

 height:295px;

 -webkit-flex-direction:row;

 -ms-flex-direction:row;

 flex-direction:row;

 -webkit-justify-content:flex-start;

 -ms-flex-pack:start;

 justify-content:flex-start

}

.layout-error .code,.layout-error .label,.layout-error .text {

 -webkit-flex-grow:0;

 -ms-flex-positive:0;

 flex-grow:0;

 -webkit-flex-shrink:0;

 -ms-flex-negative:0;

 flex-shrink:0

}

.layout-error .svg-404 {

 width:683px;

 height:290px

}

.layout-error .label {

 margin:0 10px 0 45px;

 -webkit-transform:rotateZ(180deg);

 transform:rotateZ(180deg);

 font:78px/1 "Baksheesh Bold";

 letter-spacing:.03em;

 text-align:center;

 text-transform:uppercase;

 -webkit-writing-mode:vertical-rl;

 -ms-writing-mode:tb-rl;

 writing-mode:vertical-rl

}

.layout-error .text {

 padding:20px 0;

 margin:0 0 0 25px;

 width:280px;

 border-color:#fff;

 border-style:solid;

 border-width:1px 0;

 font:23px/1.4 "Baksheesh Bold"

}

.layout-error .text a:hover {

 color:#75b157

}

@media only screen and (max-width:1920px) {

 .page-loader .content {

  font-size:320px

 }

}

@media only screen and (max-width:1366px) {

 .page-loader .content {

  font-size:270px

 }

}

@media only screen and (max-width:1280px) {

 .horizontal-wrapper {

  padding:0 40px;

 }

 body {

  font-size:14px

 }

 .rte h1,.rte h2 {

  font-size:30px

 }

 .rte h1 small,.rte h2 small {

  font-size:16px

 }

 .title-xl {

  font-size:70px

 }

 .title-lg {

  font-size:56px

 }

 .title-h2 {

  font-size:30px

 }

 .title-h2 small {

  font-size:16px

 }

 .link-readmore {

  font-size:16px

 }

 .global-loader .content {

  padding:0 120px

 }

 .global-loader .content .big-lines {

  font-size:58px;font-family: calibri;

 }

 .global-loader .content .small-line {

  font-size:22px;font-family: calibri;

 }

 .global-loader .content .shape {

  width:30px;

  height:5px

 }

 .page-loader .content {

  font-size:220px

 }

 .site-head.small .site-title {

  top:46px;

  left:22px

 }

 .site-head.small .site-title .site-logo {

  width:97px

 }

 .site-head.full .site-title .site-logo {

  height:24px;

 }

 .site-title {

  top:40px;

  left:40px

 }

 .site-title .site-logo {

  width:253px;

  height:36px

 }

 .site-title .site-logo .svg {

  width:218px;

  height:26px;

 }

 .site-title .site-baseline {

  margin-top:-45px;

  font-size:14px;

  letter-spacing:.055em

 }

 .nav-main .nav-toggle {

  top:40px;

  right:40px;

  width:59px;

  height:46px

 }

 .nav-main .nav-toggle .open {

  width:58px;

  height:46px

 }

 .nav-main .nav-toggle .open .lines {

  width:20px;

  height:16px

 }

 .nav-main .nav-toggle .open .line {

  height:3px

 }

 .nav-main .nav-toggle .open .line + .line {

  margin-top:3px

 }

 .nav-main .nav-container .horizontal-wrapper {

  padding:0 5px;

  /*! display: block; */

 }

 .nav-main .nav-container .contact {

  font-size:13px

 }

 .site-foot {

  padding:20px 0 40px;

  font-size:13px;

  font-family: calibri !important;

 }

 .site-foot .horizontal-wrapper {

  padding:0 60px

 }

 .site-foot .svg-logo-footer {

  margin-bottom:20px;

  width:69px;

  height:54px

 }

 .site-foot .block {

  width:180px

 }

 .site-foot .menu-item + .menu-item {

  margin-top:8px

 }

 .site-foot .links-social .link-social {

  margin-right:10px

 }

 .site-foot .link-scrolltop {

  margin-right:24px;

  width:12px;

  height:100%

 }

 .site-foot .link-scrolltop .text {

  left:1px;

  font-size:13px

 }

 .site-foot .link-scrolltop .svg {

  bottom:42px;

  width:40px;

  height:7px;

  -webkit-transform-origin:2px 0;

  transform-origin:2px 0

 }

 .slideshow .slide .media-container {

  left:60px;

  width:calc(100% - 120px)

 }

 .slideshow .slide .content {

  width:60px

 }

 .slideshow .slide .content .header {

  font-size:13px

 }

 .slideshow .slide .content .counter {

  bottom:-3px;

  font-size:24px

 }

 .slideshow .navigation {

  width:60px

 }

 .slideshow .arrow .svg {

  width:40px;

  height:7px

 }

 .slideshow .arrow.prev {

  top:45px

 }

 .slideshow .arrow.next {

  bottom:45px

 }

 .works-grid .works {

  padding:0 20px

 }

 .works-grid.col-2 .title-h2,.works-grid.col-3 .title-h2 {

  margin:0 0 40px 40px

 }

 .works-grid.col-2 .works,.works-grid.col-3 .works {

  margin:-40px 0 0

 }

 .works-grid.col-2 .work,.works-grid.col-3 .work {

  margin:40px 20px 0;

  width:calc(50% - 40px)

 }

 .works-grid.col-2 .work .content,.works-grid.col-3 .work .content {

  margin-top:15px;

  height:60px;

  font-size:13px

 }

 .works-grid.col-2 .work .content .sector,.works-grid.col-2 .work .content .city,.works-grid.col-3 .work .content .sector,.works-grid.col-3 .work .content .city {

  display:inline-block

 }

 .works-grid.col-2 .work .content .sector + .city:before,.works-grid.col-3 .work .content .sector + .city:before {

  content:' - '

 }

 .works-grid.col-2 .work .content .header,.works-grid.col-3 .work .content .header {

  padding:0 120px 0 15px

 }

 .works-grid.col-2 .work .content .readmore,.works-grid.col-3 .work .content .readmore {

  width:105px;

  font-size:12px

 }

 .works-grid.col-2 .work .content .readmore br,.works-grid.col-3 .work .content .readmore br {

  display:block

 }

 .works-grid.col-2 .work .content .readmore .svg,.works-grid.col-3 .work .content .readmore .svg {

  width:40px;

  height:7px

 }

 .page-header {

  margin-bottom:60px

 }

 .page-header .header-subtitle {

  font-size:20px

 }

 .page-header .header-intro {

  margin:0 100px;

  font-size:1.14em

 }

 .page-header .header-intro .stamp-container {

  margin:40px 0 0 -75px

 }

 .page-header .header-intro .svg-stamp-agences {

  width:150px;

  height:150px

 }

 .page-header .header-intro.small {

  max-width:calc(60% - 125px)

 }

 .page-header .header-image {

  margin-top:-185px

 }

 .page-header .header-image .image-container {

  max-width:375px

 }

 .page-header.has-image .header-intro {

  padding-right:50px

 }

 .layout-home .section--intro .content .header {

  margin-bottom:-11px

 }

 .layout-home .section--intro .content .catcher {

  top:154px;

  left:160px;

  font-size:16px

 }

 .layout-home .section--intro .link-scrolldown {

  height:60px

 }

 .layout-home .section--intro .link-scrolldown .text {

  font-size:13px

 }

 .layout-home .section--intro .link-scrolldown .svg {

  margin-top:10px;

  width:40px;

  height:7px;

  -webkit-transform-origin:3px 0;

  transform-origin:3px 0

 }

 .layout-home .section--intro .link-scrolldown:hover .svg {

  margin-top:15px

 }

 .layout-home .section--intro .clients {

  max-width:160px

 }

 .layout-home .section--intro .clients .title {

  font-size:16px

 }

 .layout-home .section--intro .link-contact {

  padding:12px 15px;

  top:208px;

  font-size:14px

 }

 .layout-home .section--slideshow {

  margin:40px auto

 }

 .layout-home .section--slideshow .slideshow {

  max-height:calc(100vh - 120px)

 }

 .layout-home .section--about {

  max-width:768px

 }

 .layout-home .section--about .section-header {

  margin:-30px 0;

  position:relative

 }

 .layout-home .section--about .section-header .title {

  font-size:72px

 }

 .layout-home .section--about .section-header .catcher {

  font-size:18px

 }

 .layout-home .section--about .blocks .block {

  width:100%

 }

 .layout-home .section--about .blocks .block-header {

  padding:25px 0 30px

 }

 .layout-home .section--about .blocks .block-content {

  padding:25px 0 50px

 }

 .layout-home .section--about .blocks .block .illustration {

  margin:20px 0 0;

  padding:0;

  position:relative;

  top:auto;

  bottom:auto

 }

 .layout-home .section--about .blocks .block .illustration svg {

  width:70%

 }

 .layout-home .section--about .blocks .block:last-child {

  margin-bottom:215px

 }

 .layout-home .section--about .blocks .block:last-child .illustration {

  margin-top:35px;

  position:absolute;

  top:100%;

  left:calc(100% + 50px);

  -webkit-flex-direction:flex-start;

  -ms-flex-direction:flex-start;

  flex-direction:flex-start

 }

 .layout-home .section--about .saguez {

  margin:50px 0;

  padding:40px 0;

 }

 .layout-home .section--about .saguez .text {

  /*! font-size:24px; */

  /*! color: white; */

 }

 .layout-home .section--about .saguez .text br {

  display:block

 }

 .layout-home .section--about .saguez .site {

  font-size:12px

 }

 .layout-home .section--about .saguez .svg-icon-arrow-next {

  margin:8px auto;

 }

 .layout-home .section--about .saguez .svg-logo-saguez {

  left:0;

  /*! width:68px; */

  /*! height:68px; */

  position: relative;

  display: contents;

 } 

  .layout-home .section--about .saguez .svg-logo-saguez img { 

      max-width: 325px; 

  }

   

  

 .layout-home .section--works .work:nth-child(2)~.work {

  /*! display:none; */

 }

 .layout-home .section--skills {

  height:300px

 }

 .layout-home .section--skills .section-title {

  margin-top:-145px;

  font-size:200px

 }

 .layout-home .section--skills .skills {

  margin-bottom:30px;

  height:160px

 }

 .layout-home .section--skills .skill {

  font-size:13px

 }

 .layout-page-sections .section-page {

  margin:40px 0

 }

 .layout-page-sections .section-page:last-child {

  margin-bottom:80px

 }

 .layout-page-sections .section-page--highlight {

  margin:0;

  padding:60px 0;

  font-size:3em

 }

 .layout-page-sections .section-page--two_columns_text_image .column.large {

  margin:-40px 0

 }

 .layout-page-sections .section-page--two_columns_text_image .column.large.left + .column {

  padding-right:40px

 }

 .layout-page-sections .section-page--two_columns_text_image .column.large.right + .column {

  padding-left:40px

 }

 .layout-page-sections .section-page--two_columns_text_image .image-container {

  max-width:375px

 }

 .layout-page-sections .section-page--two_columns_text_title .columns.large {

  margin:100px 0

 }

 .layout-page-sections .section-page--two_columns_text_title .text .link-readmore {

  top:60px

 }

 .layout-page-sections .section-page--three_columns_text {

  padding:40px 0

 }

 .layout-page-sections .section-page--three_columns_text .columns {

  margin-top:25px;

  max-width:860px

 }

 .layout-page-sections .section-page--image_text {

  margin:0

 }

 .layout-page-sections .section-page--image_text .inner {

  padding:40px

 }

 .layout-page-sections .section-page--image_text:last-child {

  margin-bottom:0

 }

 .layout-page-sections .section-page--image {

  margin:0

 }

 .layout-page-sections .section-page--image .image.position-center {

  margin:40px auto

 }

 .layout-page-sections .section-page--illustration:first-child {

  margin-top:20px

 }

 .layout-page-sections .section-page--illustration .illustration-container {

  margin-bottom:-15px;

  height:240px

 }

 .layout-page-sections .section-page--illustration .illustration-container .svg {

  width:240px;

  height:240px

 }

 .layout-page-sections .section-page--timeline .big-title {

  margin-top:-120px;

  font-size:210px

 }

 .layout-page-sections .section-page--timeline .links {

  height:240px

 }

 .layout-page-sections .section-page--timeline .link {

  font-size:13px

 }

 .layout-page-sections .section-page--timeline .link.position-2 {

  top:calc((100% - 60px) / 4 * 1)

 }

 .layout-page-sections .section-page--timeline .link.position-3 {

  top:calc((100% - 60px) / 4 * 2)

 }

 .layout-page-sections .section-page--timeline .link.position-4 {

  top:calc((100% - 60px) / 4 * 3)

 }

 .layout-page-sections .section-page--timeline .link.position-5 {

  top:calc((100% - 60px) / 4 * 4)

 }

 .layout-page-sections .section-page--aside .shape-container {

  margin-top:-37px;

  left:40px

 }

 .layout-page-sections .section-page--aside .svg-shape-arrow {

  width:66px;

  height:75px

 }

 .layout-page-sections .section-page--aside .columns {

  padding:60px 0 30px;

  margin-left:100px

 }

 .layout-page-sections .section-page--aside .columns .column {

  padding:44px 50px 15px

 }

 .layout-page-sections .section-page--aside:last-child {

  margin-bottom:0

 }

 .layout-page-sections .section-page--client .horizontal-wrapper {

  margin:0 -14px;

  padding-top:350px;

  padding-bottom:60px;

  width:auto

 }

 .layout-page-sections .section-page--client .big-title {

  font-size:200px

 }

 .layout-page-sections .section-page--client .link-work {

  margin-left:15px;

  top:266px

 }

 .layout-page-sections .section-page--client .testimonial + .columns {

  margin-top:50px

 }

 .layout-page-sections .section-page--client .columns .column--logo .svg svg {

  margin:0 auto;

  width:75%;

  height:75%

 }

 .layout-page-sections .section-page--client:last-child {

  margin-bottom:0

 }

 .layout-page-sections .section-page--client + .section-page--navigation {

  margin-top:-40px

 }

 .layout-page-sections .section-page--partner {

  margin:0;

  padding:40px 0

 }

 .layout-page-sections .section-page--partner .inner {

  margin-left:100px

 }

 .layout-page-sections .section-page--partner .column {

  padding:30px 0

 }

 .layout-page-sections .section-page--partner .column--brands {

  padding-top:36px

 }

 .layout-page-sections .section-page--partner .column--brands .title {

  top:-35px

 }

 .layout-page-sections .section-page--navigation:last-child {

  margin-bottom:0

 }

 .layout-page-sections .section-page--navigation .horizontal-wrapper {

  margin:0 -14px;

  width:auto

 }

 .layout-page-sections .section-page--navigation .navigation {

  padding:40px 0;

  font-size:13px

 }

 .layout-works .page-inner {

  padding:140px 26px;

  min-height:calc(100vh - 412px)

 }

 .layout-works .works-header .btn-outline {

  font-size:14px

 }

 .layout-works .works-header .block--title {

  display:none

 }

 .layout-works .works-header .block--title + .block--select .select-label {

  border-left:1px solid #fff

 }

 .layout-works .works-header .js-loader {

  margin:46px 0 0 -15px

 }

 .layout-works .works-list:before {

  right:-26px;

  left:-26px

 }

 .layout-works .works-list .work {

  font-size:34px

 }

 .layout-works .works-list .work .js-loader {

  margin:21px 0 0 6px

 }

 .layout-work .page-inner {

  padding-left:142px

 }

 .layout-work .columns {

  padding:70px 0

 }

 .layout-work .columns--intro {

  padding:105px 0

 }

 .layout-work .link-works {

  margin-top:-180px;

  width:142px;

  height:360px

 }

 .layout-work .link-works .svg {

  width:40px;

  height:7px

 }

 .layout-work .link-works .text {

  font-size:13px

 }

 .layout-work .navigation {

  padding:40px 15px;

  font-size:13px

 }

 .layout-contact .section-contact .horizontal-wrapper {

  padding-top:100px

 }

 .layout-contact .section-contact .map-toggle .inner {

  height:400px

 }

 .layout-contact .section-contact .map-toggle .svg {

  width:40px;

  height:7px

 }

 .layout-contact .section-contact .map-toggle .text {

  font-size:13px

 }

 .layout-contact .section-contact .map-toggle .department {

  bottom:calc(((100% - 400px) / 2 - 1em) / 2);

  font-size:26px

 }

 .layout-contact .section-contact .contact-info .content {

  margin-left:100px;

  max-width:calc(60% - 125px)

 }

 .layout-contact .section-contact .contact-info .image-container {

  left:calc(40px + ((100% - 80px) * 0.6) + 25px)

 }

 .layout-contact .section-contact .contact-info .shape-container {

  top:45px;

  left:-120px

 }

 .layout-contact .section-contact .contact-info .svg-shape-arrow {

  width:70px;

  height:80px

 }

 .layout-contact .section-contact .map-container .ggmap {

  width:calc(100% - 64px)

 }

 .layout-contact .section-form {

  margin:0 0 50px

 }

 .layout-contact .section-form .inner {

  margin:0 100px

 }

 .layout-contact .section-form .title {

  margin-bottom:30px

 }

 .layout-error .page-inner {

  width:880px;

  height:221px

 }

 .layout-error .svg-404 {

  width:514px;

  height:218px

 }

 .layout-error .label {

  margin:0 10px 0 30px;

  font-size:58px

 }

 .layout-error .text {

  width:230px;

  font-size:17px

 }

}

@media only screen and (max-width:980px) {

 body {

  font-size:13px

 }

 .select-container.select-filters .select-label {

  font-size:13px

 }

 .select-container.select-filters .select-option {

  font-size:13px

 }

 .label-file {

  font-size:15px

 }

 .form-control {

  font-size:15px

 }

 .form-control::-webkit-input-placeholder {

  font-size:13px

 }

 .form-control:-ms-input-placeholder {

  font-size:13px

 }

 .form-control::placeholder {

  font-size:13px

 }

 .form-control::-webkit-input-placeholder {

  font-size:13px

 }

 .link-readmore {

  font-size:15px

 }

 .title-lg {

  font-size:50px

 }

 .global-loader .content {

  padding:0 50px

 }

 .global-loader #awwwards {

  -webkit-transform:translateY(-50%) scale(.85);

  transform:translateY(-50%) scale(.85)

 }

 .page-loader .content {

  font-size:150px

 }

 .site-head.small .site-title {

  top:50px;

  left:10px

 }

 .site-head.small .site-title .site-logo {

  width:67px;

  height:25px

 }

 .site-head.small .site-title .site-logo .svg {

  width:175px;

  height:25px

 }

 .nav-main .nav-container .contact {

  font-size:12px

 }

 .site-foot {

  padding:15px 0 30px;

  font-size:12px

 }

 .site-foot .horizontal-wrapper {

  padding:0 45px

 }

 .site-foot .svg-logo-footer {

  margin-bottom:12px;

  width:51px;

  height:40px

 }

 .site-foot .block {

  min-width:120px;

  width:auto;

  border-width:1px 0 2px

 }

 .site-foot .link-scrolltop {

  margin-right:16px;

  width:12px;

  height:100%;

  border-width:1px 0 2px

 }

 .site-foot .link-scrolltop .text {

  left:1px;

  font-size:11px

 }

 .site-foot .link-scrolltop .svg {

  bottom:40px;

  width:30px;

  height:5px;

  -webkit-transform-origin:3px 0;

  transform-origin:3px 0

 }

 .slideshow .slide .media-container {

  left:45px;

  width:calc(100% - 90px)

 }

 .slideshow .slide .content {

  width:45px

 }

 .slideshow .slide .content .header {

  font-size:11px

 }

 .slideshow .slide .content .title {

  margin-left:3px

 }

 .slideshow .slide .content .counter {

  bottom:-3px;

  font-size:20px

 }

 .slideshow .navigation {

  width:45px

 }

 .slideshow .arrow .svg {

  width:30px;

  height:5px

 }

 .slideshow .arrow.prev {

  top:30px

 }

 .slideshow .arrow.next {

  bottom:30px

 }

 .works-grid .works {

  padding:0 25px

 }

 .works-grid.col-2 .title-h2,.works-grid.col-3 .title-h2 {

  margin:0 0 30px 30px

 }

 .works-grid.col-2 .works,.works-grid.col-3 .works {

  margin:-30px 0 0;

  padding:0 15px

 }

 .works-grid.col-2 .work,.works-grid.col-3 .work {

  margin:30px 15px 0;

  width:calc(50% - 30px)

 }

 .works-grid.col-2 .work .content,.works-grid.col-3 .work .content {

  margin-top:15px;

  height:40px;

  font-size:11px

 }

 .works-grid.col-2 .work .content .sector,.works-grid.col-2 .work .content .city,.works-grid.col-3 .work .content .sector,.works-grid.col-3 .work .content .city {

  display:inline-block

 }

 .works-grid.col-2 .work .content .sector + .city:before,.works-grid.col-3 .work .content .sector + .city:before {

  content:' - '

 }

 .works-grid.col-2 .work .content .header,.works-grid.col-3 .work .content .header {

  padding:0 70px 0 10px

 }

 .works-grid.col-2 .work .content .title,.works-grid.col-3 .work .content .title {

  margin-bottom:3px

 }

 .works-grid.col-2 .work .content .readmore,.works-grid.col-3 .work .content .readmore {

  width:60px;

  font-size:10px

 }

 .works-grid.col-2 .work .content .readmore .label,.works-grid.col-3 .work .content .readmore .label {

  height:1em;

  overflow:hidden

 }

 .works-grid.col-2 .work .content .readmore .svg,.works-grid.col-3 .work .content .readmore .svg {

  margin:0 0 8px;

  width:30px;

  height:5px

 }

 .page-header .header-intro {

  font-size:1em

 }

 .page-header .header-intro .stamp-container {

  margin:25px 0 0 -54px

 }

 .page-header .header-intro .svg-stamp-agences {

  width:108px;

  height:108px

 }

 .page-header .header-intro.small {

  max-width:360px

 }

 .page-header .header-image {

  margin-top:-165px

 }

 .page-header .header-image .image-container {

  margin:0 0 0 auto;

  max-width:260px

 }

 .page-header.has-image .header-intro {

  padding-right:50px

 }

 .link-hover .hover-label {

  display:none

 }

 .js-loader .dot {

  width:8px;

  height:6px

 }

 .layout-home .section--intro .content {

  padding-top:90px

 }

 .layout-home .section--intro .content .header,.layout-home .section--intro .content .body {

  padding:0 15px

 }

 .layout-home .section--intro .content .header {

  padding-right:0;

  width:56.5%

 }

 .layout-home .section--intro .content .body {

  margin-bottom:-7px;

  padding-left:0;

  width:43.5%

 }

 .layout-home .section--intro .content .text {

  max-width:230px

 }

 .layout-home .section--intro .content .catcher {

  left:110px;

  font-size:14px

 }

 .layout-home .section--intro .link-scrolldown {

  display:none

 }

 .layout-home .section--intro .clients {

  margin:20px auto;

  max-width:140px

 }

 .layout-home .section--intro .clients .title {

  font-size:14px

 }

 .layout-home .section--intro .link-contact {

  padding:10px 13px;

  top:165px;

  font-size:13px

 }

 .layout-home .section--slideshow .slideshow {

  max-height:calc(100vh - 90px)

 }

 .layout-home .section--about .section-header .catcher {

  margin-top:1.2em

 }

 .layout-home .section--about .blocks {

  margin:0 15px

 }

 .layout-home .section--about .saguez {

  margin-bottom:30px

 }

 .layout-home .section--skills {

  margin-top:30px;

  height:250px

 }

 .layout-home .section--skills .section-title {

  margin-top:-105px;

  font-size:150px

 }

 .layout-home .section--skills .skills {

  height:120px

 }

 .layout-home .section--skills .skill {

  font-size:11px

 }

 .layout-home .section--skills .skill a:hover .svg {

  width:45px

 }

 .layout-home .section--skills .skill .svg {

  width:30px;

  height:5px

 }

 .layout-page-sections .section-page--highlight {

  font-size:2.31em

 }

 .layout-page-sections .section-page--two_columns_text_image .columns {

  -webkit-align-items:flex-start;

  -ms-flex-align:start;

  align-items:flex-start

 }

 .layout-page-sections .section-page--two_columns_text_image .column.large {

  margin:0

 }

 .layout-page-sections .section-page--two_columns_text_image .image-container {

  margin:0 auto;

  max-width:290px

 }

 .layout-page-sections .section-page--two_columns_text_title .column {

  width:calc(50% - 15px)

 }

 .layout-page-sections .section-page--two_columns_text_title .column--title br {

  display:none

 }

 .layout-page-sections .section-page--image_text .inner {

  margin:0 -20px;

  padding:20px 30px

 }

 .layout-page-sections .section-page--image_text .text {

  -webkit-column-gap:30px;

  column-gap:30px

 }

 .layout-page-sections .section-page--illustration:first-child {

  margin-top:-25px

 }

 .layout-page-sections .section-page--illustration .illustration-container {

  margin-bottom:-12px;

  height:220px

 }

 .layout-page-sections .section-page--illustration .illustration-container .svg {

  width:220px;

  height:220px

 }

 .layout-page-sections .section-page--timeline .big-title {

  margin-top:-100px;

  right:-20px;

  font-size:160px

 }

 .layout-page-sections .section-page--timeline .links {

  height:220px

 }

 .layout-page-sections .section-page--timeline .link {

  font-size:11px

 }

 .layout-page-sections .section-page--timeline .link.position-2 {

  top:calc((100% - 50px) / 4 * 1)

 }

 .layout-page-sections .section-page--timeline .link.position-3 {

  top:calc((100% - 50px) / 4 * 2)

 }

 .layout-page-sections .section-page--timeline .link.position-4 {

  top:calc((100% - 50px) / 4 * 3)

 }

 .layout-page-sections .section-page--timeline .link.position-5 {

  top:calc((100% - 50px) / 4 * 4)

 }

 .layout-page-sections .section-page--timeline .link .svg {

  width:30px;

  height:5px

 }

 .layout-page-sections .section-page--aside .columns {

  padding:40px 0;

  margin-left:65px

 }

 .layout-page-sections .section-page--aside .columns .column {

  padding:43px 50px 10px

 }

 .layout-page-sections .section-page--client .horizontal-wrapper {

  padding-top:265px;

  padding-bottom:40px

 }

 .layout-page-sections .section-page--client .big-title {

  left:0;

  width:600px;

  font-size:150px

 }

 .layout-page-sections .section-page--client .link-work {

  top:214px

 }

 .layout-page-sections .section-page--client .testimonial {

  -webkit-column-gap:30px;

  column-gap:30px

 }

 .layout-page-sections .section-page--client .testimonial + .columns {

  margin-top:50px

 }

 .layout-page-sections .section-page--client .columns .column {

  width:calc(50% - 15px)

 }

 .layout-page-sections .section-page--client .columns .column--logo .svg svg {

  width:70%;

  height:70%

 }

 .layout-page-sections .section-page--works_grid {

  margin:30px 0

 }

 .layout-page-sections .section-page--works_grid:last-child {

  margin-bottom:40px

 }

 .layout-page-sections .section-page--partner .inner {

  margin-left:0

 }

 .layout-page-sections .section-page--partner .column {

  width:calc(50% - 15px)

 }

 .layout-page-sections .section-page--partner .column--brands .title {

  top:-33px

 }

 .layout-page-sections .section-page--navigation .navigation {

  font-size:11px

 }

 .layout-page-sections .section-page--navigation .navigation .link-prev,.layout-page-sections .section-page--navigation .navigation .link-next {

  width:calc(50% - 80px)

 }

 .layout-page-sections .section-page--navigation .navigation .link-all {

  width:160px

 }

 .layout-page-sections .section-page--navigation .navigation .title {

  margin:0 10px

 }

 .layout-page-sections .section-page--navigation .navigation .svg {

  width:20px;

  height:7px

 }

 .layout-page-sections .section-page--navigation .navigation .svg svg {

  width:40px;

  height:7px

 }

 .layout-works .page-inner {

  padding:120px 26px;

  min-height:calc(100vh - 366px)

 }

 .layout-works .works-header,.layout-works .page-content {

  width:50%

 }

 .layout-works .works-header .btn-outline {

  font-size:13px

 }

 .layout-works .works-header .btn-submit {

  font-size:13px

 }

 .layout-works .works-header .select-filters {

  width:140px

 }

 .layout-works .works-header .select-values {

  width:220px

 }

 .layout-works .works-header .sticky-container.is-fixed {

  left:50%

 }

 .layout-works .works-list {

  width:calc(50% - 50px)

 }

 .layout-works .works-list:before {

  top:-120px;

  height:120px

 }

 .layout-works .works-list .work {

  font-size:30px

 }

 .layout-works .works-list .work a {

  padding:5px 0

 }

 .layout-works .works-list .work .js-loader .dot {

  margin-right:2px;

  width:6px;

  height:4px

 }

 .layout-works .works-list .work .js-loader .dot:last-child {

  margin-right:0

 }

 .layout-work .page-inner {

  padding-left:87px;

  padding-bottom:20px

 }

 .layout-work .columns {

  display:block;

  padding:70px 10px

 }

 .layout-work .columns .column {

  padding:0;

  width:100%

 }

 .layout-work .columns .column + .column {

  margin-top:1em

 }

 .layout-work .columns--intro {

  display:-webkit-flex;

  display:-ms-flexbox;

  display:flex;

  padding:105px 10px;

  font-size:1em

 }

 .layout-work .columns--intro .column--left {

  width:30%;

  padding-right:25px

 }

 .layout-work .columns--intro .column--right {

  width:70%;

  padding-left:25px

 }

 .layout-work .columns--intro .column--title {

  margin-left:30%

 }

 .layout-work .columns--intro .column + .column {

  margin-top:0

 }

 .layout-work .skills {

  font-size:1.13em

 }

 .layout-work .link-works {

  margin-top:-150px;

  width:87px;

  height:300px

 }

 .layout-work .link-works .svg {

  width:30px;

  height:5px

 }

 .layout-work .link-works .text {

  font-size:11px

 }

 .layout-work .link-works .js-loader {

  margin:20px 15px 0 0

 }

 .layout-work .navigation {

  font-size:11px

 }

 .layout-work .navigation .title {

  margin:0 10px

 }

 .layout-work .navigation .svg {

  width:20px;

  height:7px

 }

 .layout-work .navigation .svg svg {

  width:40px;

  height:7px

 }

 .layout-contact .section-contact {

  margin-bottom:80px

 }

 .layout-contact .section-contact .horizontal-wrapper {

  padding-top:100px

 }

 .layout-contact .section-contact .map-toggle {

  width:44px;

  -webkit-justify-content:flex-start;

  -ms-flex-pack:start;

  justify-content:flex-start

 }

 .layout-contact .section-contact .map-toggle .svg {

  width:30px;

  height:5px

 }

 .layout-contact .section-contact .map-toggle .inner {

  margin-top:15px;

  height:calc(100% - 80px)

 }

 .layout-contact .section-contact .map-toggle .text {

  font-size:12px

 }

 .layout-contact .section-contact .map-toggle .department {

  bottom:calc((65px - 1em) / 2);

  font-size:20px

 }

 .layout-contact .section-contact .map-toggle:hover {

  width:54px

 }

 .layout-contact .section-contact .contact-info .content {

  margin-left:0;

  padding-bottom:25px;

  max-width:calc(50% - 15px)

 }

 .layout-contact .section-contact .contact-info .content>.separator {

  height:4px

 }

 .layout-contact .section-contact .contact-info .text {

  margin-top:25px;

  padding-top:25px

 }

 .layout-contact .section-contact .contact-info .image-container {

  left:calc(40px + ((100% - 80px) * 0.5) + 15px)

 }

 .layout-contact .section-contact .contact-info .shape-container {

  display:none

 }

 .layout-contact .section-contact .map-container .ggmap {

  width:calc(100% - 44px)

 }

 .layout-contact .section-form {

  margin-bottom:40px

 }

 .layout-contact .section-form .inner {

  margin:0

 }

 .layout-error .page-inner {

  width:685px;

  height:178px

 }

 .layout-error .svg-404 {

  width:414px;

  height:176px

 }

 .layout-error .label {

  margin:0 5px 0 25px;

  font-size:47px

 }

 .layout-error .text {

  padding:13px 0;

  margin-left:15px;

  width:180px;

  font-size:14px

 }

}

@media only screen and (max-width:720px) {

 .title-xl {

  font-size:54px

 }

 .page-header .header-intro {

  margin-left:0

 }

 .page-header .header-intro .stamp-container {

  display:none

 }

 .page-header.has-image .header-intro {

  padding-right:0

 }

 .global-loader .content {

  padding:0 0 0 20px

 }

 .global-loader .content .big-lines {

  font-size:26px

 }

 .global-loader .content .small-line {

  margin-top:6px;

  font-size:16px

 }

 .global-loader .content .shape {

  margin-top:12px;

  width:24px;

  height:4px

 }

 .global-loader #awwwards {

  -webkit-transform:translateY(-50%) scale(.66);

  transform:translateY(-50%) scale(.66)

 }

 .page-loader .content {

  font-size:80px

 }

 .layout-home .section--intro .content {

  padding-top:120px

 }

 .layout-home .section--intro .content .body {

  padding-left:15px

 }

 .layout-home .section--intro .content .header {

  margin-bottom:-8px

 }

 .layout-home .section--intro .content .catcher {

  top:116px;

  left:88px

 }

 .layout-works .page-inner {

  padding:110px 20px 70px;

  min-height:0

 }

 .layout-works .works-header,.layout-works .works-list,.layout-works .page-content {

  margin:0;

  width:100%

 }

 .layout-works .works-header {

  -webkit-order:1;

  -ms-flex-order:1;

  order:1

 }

 .layout-works .works-header .btn-outline,.layout-works .works-header .form-filters {

  display:none

 }

 .layout-works .works-header .sticky-container {

  position:relative!important;

  top:0!important;

  bottom:auto!important;

  -webkit-transform:none!important;

  transform:none!important

 }

 .layout-works .works-header .js-loader {

  display:none

 }

 .layout-works .page-content .text {

  margin:40px 0 0;

  max-width:400px

 }

 .layout-works .works-list {

  -webkit-order:2;

  -ms-flex-order:2;

  order:2

 }

 .layout-works .works-list:before {

  display:none

 }

 .layout-works .works-list .works {

  display:none

 }

 .layout-works .works-list .works-select {

  display:block;

  max-width:400px

 }

 .layout-work .section--share {

  display:block;

  margin-bottom:-1px;

  padding-top:20px

 }

 .layout-work .section--share .links {

  -webkit-justify-content:center;

  -ms-flex-pack:center;

  justify-content:center

 }

 .layout-work .columns {

  display:block;

  padding:50px 10px

 }

 .layout-work .columns .column {

  margin:0;

  padding:0;

  width:100%

 }

 .layout-work .columns .column + .column {

  margin-top:1em

 }

 .layout-work .columns--intro {

  padding:75px 10px

 }

 .layout-work .columns--intro .share {

  display:none

 }

 .layout-work .skills {

  display:none

 }

 .layout-error .page-outer {

  padding-top:50px

 }

 .layout-error .page-inner {

  display:block;

  width:auto;

  height:auto

 }

 .layout-error .svg-404 {

  margin:0 auto 15px;

  width:220px;

  height:93px

 }

 .layout-error .label {

  display:none

 }

 .layout-error .text {

  padding:13px 0;

  margin:0;

  width:230px;

  font-size:14px;

  text-align:center

 }

}

@media only screen and (max-width:580px) {

 .horizontal-wrapper {

  padding:0 20px

 }

 .fullheight {

  height:calc(100vh - 20px)

 }

 .site-border {

  border-width:10px

 }

 .site-border.white {

  border-color:#000

 }

 .global-container {

  padding:10px

 }

 .wpcf7-acceptance {

  margin-bottom:10px

 }

 .wpcf7-acceptance label {

  padding-left:18px

 }

 .wpcf7-acceptance .wpcf7-list-item-label:before {

  width:12px;

  height:12px

 }

 .wpcf7-acceptance .wpcf7-list-item-label:after {

  top:2px;

  left:2px

 }

 .wpcf7 .wpcf7-response-output {

  margin-top:20px

 }

 .rte h1,.rte h2 {

  margin-top:1em;

  font-size:25px

 }

 .rte ul li + li {

  margin-top:.65em

 }

 .title-xl {

  margin-right:-10px;

  font-size:40px

 }

 .title-xl br {

  display:none

 }

 .title-lg {

  font-size:32px

 }

 .title-h2 {

  margin-top:1em;

  font-size:25px

 }

 .global-loader {

  border-width:10px

 }

 .global-loader #awwwards {

  display:none

 }

 .site-head.full .site-title,.site-head.small .site-title {

  top:30px;

  left:30px

 }

 .site-head.full .site-title .site-logo,.site-head.small .site-title .site-logo {

  width:152px;

  height:16px

 }

 .site-head.full .site-title .site-logo .text,.site-head.full .site-title .site-logo .letters,.site-head.small .site-title .site-logo .text,.site-head.small .site-title .site-logo .letters {

  display:block

 }

 .site-head.full .site-title .site-logo .small,.site-head.small .site-title .site-logo .small {

  display:none

 }

 .site-head.full .site-title .site-logo .svg,.site-head.small .site-title .site-logo .svg {

  left:50%;

  width:152px;

  height:78px;

  -webkit-transform:translate3d(-50%,-50%,0);

  transform:translate3d(-55%,-15%,0);

 }

 .site-head.small.white .site-title .site-logo .color,.site-head.white .site-title .site-logo .color {

  fill:#FFF254

 }

 .site-head.small.white .site-title .site-logo .gray,.site-head.white .site-title .site-logo .gray {

  fill:#b3b3b3

 }

 .site-title .site-baseline {

  display:none

 }

 .nav-main .nav-toggle {

  position:absolute;

  top:18px;

  right:18px;

  width:40px;

  height:42px

 }

 .nav-main .nav-toggle .open .svg {

  display:none

 }

 .nav-main .nav-toggle .open .lines {

  width:24px;

  height:18px

 }

 .nav-main .nav-toggle .open .line {

  height:3px

 }

 .nav-main .nav-toggle .open .line + .line {

  margin-top:4px

 }

 .nav-main .nav-container  {/*.inner top:64px;*/

  top:0px;

  overflow-y: auto;

  overflow-x: hidden;

 }

 .nav-main .nav-container .contact {

  display:none;

  display: block !important;

  overflow-y: auto;

  overflow-x: hidden;

 }

 .nav-main .nav-container .menu-container .menu-item {

  font-size:24px

 }

 .nav-main .nav-container .menu-container .menu-item + .menu-item {

  margin-top:10px

 }

 .nav-main .nav-container .menu-container .submenu {

  display:none;

  -webkit-column-count:1;

  column-count:1

 }

 .nav-main .nav-container .menu-container .submenu .menu-item {

  font-size:12px

 }

 .nav-main .nav-container .menu-container .submenu .menu-item + .menu-item {

  margin-top:5px

 }

 .site-foot .blocks {

  display:block

 }

 .site-foot .block {

  border-width:1px 0 0

 }

 .site-foot .block--nav {

  display:block;

 }

 .site-foot .block--copyright,.site-foot .block--contact {

  display:block

 }

 .site-foot .block--copyright {

  border-bottom-width:3px

 }

 .site-foot .office + .office,.site-foot .child-block + .child-block {

  margin-top:15px

 }

 .site-foot .links-social {

  margin:10px 0 0;

  position:relative

 }

 .site-foot .links-social .svg {

  width:26px;

  height:26px

 }

 .site-foot .link-scrolltop {

  border-bottom-width:3px

 }

 .slideshow:before {

  height:60px;

  box-sizing:content-box

 }

 .slideshow .slide {

  padding-bottom:60px

 }

 .slideshow .slide .media-container {

  left:0;

  width:100%;

  height:calc(100% - 60px);

  z-index:1

 }

 .slideshow .slide .content {

  top:auto;

  bottom:0;

  width:100%;

  height:60px;

  z-index:2

 }

 .slideshow .slide .content .header {

  -webkit-transform:none;

  transform:none;

  -webkit-writing-mode:horizontal-tb;

  -ms-writing-mode:lr-tb;

  writing-mode:horizontal-tb;

  letter-spacing:.1em

 }

 .slideshow .slide .content .title {

  margin-bottom:3px;

  margin-left:0

 }

 .slideshow .slide .content .counter {

  margin:0 10px 5px 0;

  right:0;

  bottom:100%;

  left:auto;

  width:auto;

  color:#fff;

  font-size:18px

 }

 .slideshow .navigation {

  top:auto;

  bottom:0;

  width:100%;

  height:auto

 }

 .slideshow .arrow {

  width:125px

 }

 .slideshow .arrow .svg {

  width:40px;

  height:7px

 }

 .slideshow .arrow .svg .short {

  display:none

 }

 .slideshow .arrow .svg .long {

  display:block

 }

 .slideshow .arrow.prev,.slideshow .arrow.next {

  margin:0 10px;

  top:auto;

  bottom:0

 }

 .slideshow .arrow.prev {

  right:50%

 }

 .slideshow .arrow.prev:before {

  right:-10px

 }

 .slideshow .arrow.prev .svg {

  margin-left:0

 }

 .slideshow .arrow.next {

  right:auto;

  left:50%

 }

 .slideshow .arrow.next:before {

  left:-10px

 }

 .slideshow .arrow.next .svg {

  margin-right:0

 }

 .works-grid {

  margin:0 auto

 }

 .works-grid .works {

  padding:0 30px

 }

 .works-grid.col-2 .title-h2,.works-grid.col-3 .title-h2 {

  margin:0 30px 20px

 }

 .works-grid.col-2 .works,.works-grid.col-3 .works {

  margin:-15px 0 0;

  padding:0 30px

 }

 .works-grid.col-2 .work,.works-grid.col-3 .work {

  margin:15px 0 0;

  width:100%

 }

 .works-grid.col-2 .work .content,.works-grid.col-3 .work .content {

  margin-top:10px;

  height:auto;

  font-size:11px

 }

 .works-grid.col-2 .work .content .header,.works-grid.col-3 .work .content .header {

  padding:5px 55px 5px 8px

 }

 .works-grid.col-2 .work .content .title,.works-grid.col-3 .work .content .title {

  margin-bottom:3px

 }

 .works-grid.col-2 .work .content .readmore,.works-grid.col-3 .work .content .readmore {

  padding:0 10px;

  width:48px

 }

 .works-grid.col-2 .work .content .readmore .svg,.works-grid.col-3 .work .content .readmore .svg {

  margin:0 0 5px;

  width:26px;

  height:5px

 }

 .toggle-container .toggle-link {

  display:block

 }

 .toggle-container .toggle-link.close {

  margin:0 auto;

  position:relative;

  width:30px;

  height:30px

 }

 .toggle-container .toggle-link.close:before,.toggle-container .toggle-link.close:after {

  position:absolute;

  top:50%;

  left:50%;

  background:#000;

  content:'';

  -webkit-transform:translate3d(-50%,-50%,0) rotateZ(-45deg);

  transform:translate3d(-50%,-50%,0) rotateZ(-45deg)

 }

 .toggle-container .toggle-link.close:before {

  width:2px;

  height:100%

 }

 .toggle-container .toggle-link.close:after {

  width:100%;

  height:2px

 }

 .toggle-container .toggle-content {

  display:none

 }

 .toggle-container.is-opened .toggle-link.open {

  display:none

 }

 .toggle-container.is-opened .toggle-content {

  display:block

 }

 .page-header {

  margin-bottom:45px;

  padding-top:85px

 }

 .page-header .header-content {

  display:block;

  margin-top:20px

 }

 .page-header .header-subtitle {

  font-size:16px

 }

 .page-header .header-intro {

  margin:20px 0 0;

  padding:0;

  width:100%

 }

 .page-header .header-image {

  margin:20px 0 0;

  padding:0;

  width:100%

 }

 .page-header .header-image .image-container {

  margin:0;

  max-width:none

 }

 .page-header.has-image .header-content {

  display:block

 }

 .page-header.has-image .header-intro {

  padding-right:0;

  width:100%

 }

 .page-header.black {

  padding-bottom:40px

 }

 .layout-home .section--intro .content {

  display:block;

  padding:80px 0 0

 }

 .layout-home .section--intro .content .body,.layout-home .section--intro .content .header {

  margin:0 auto;

  padding:0;

  width:100%;

  max-width:242px

 }

 .layout-home .section--intro .content .header {

  margin-top:20px

 }

 .layout-home .section--intro .content .header .title {

  font-size:48px

 }

 .layout-home .section--intro .content .header .title br {

  display:block

 }

 .layout-home .section--intro .content .catcher {

  top:105px;

  left:65px;

  font-size:13px;

  white-space:nowrap

 }

 .layout-home .section--intro .content .text {

  margin:0;

  max-width:none

 }

 .layout-home .section--intro .link-contact {

  display:none

 }

 .layout-home .section--intro .clients {

  display:none

 }

 .layout-home .section--slideshow {

  margin:20px auto

 }

 .layout-home .section--slideshow .slideshow {

  max-height:calc(100vh - 40px)

 }

 .layout-home .section--about .section-header {

  margin:-15px 0 15px

 }

 .layout-home .section--about .section-header .title {

  font-size:38px

 }

 .layout-home .section--about .section-header .catcher {

  display:none

 }

 .layout-home .section--about .blocks {

  margin:0 20px

 }

 .layout-home .section--about .blocks .block {

  display:block;

  padding:20px 0;

  border-top:1px solid #000

 }

 .layout-home .section--about .blocks .block-header,.layout-home .section--about .blocks .block-content {

  margin:0;

  padding:0;

  width:100%;

  border-top:0

 }

 .layout-home .section--about .blocks .block-header br {

  display:none

 }

 .layout-home .section--about .blocks .block-content {

  padding:20px 0 0

 }

 .layout-home .section--about .blocks .block .title {

  max-width:260px

 }

 .layout-home .section--about .blocks .block .illustration {

  display:none

 }

 .layout-home .section--about .blocks .block .toggle-link.open {

  margin:20px 0 0;

  font:16px/1 "Baksheesh Bold";

  text-decoration:underline

 }

 .layout-home .section--about .blocks .block:last-child {

  margin-bottom:0

 }

 .layout-home .section--about .blocks .block:last-child .block-content {

  border-bottom-width:0

 }

 .layout-home .section--about .saguez {

  margin:25px 0 15px;

  padding:25px 0

 }

 .layout-home .section--about .saguez .svg-icon-arrow-next {

  margin:10px auto 12px

 }

 .layout-home .section--about .saguez .svg-logo-saguez {

  margin:0 auto 15px;

  position:relative;

  top:auto;

  width:68px;

  height:68px;

  -webkit-transform:translate3d(0,0,0);

  transform:translate3d(0,0,0)

 }

 .layout-home .section--works {

  margin:30px 0

 }

 .layout-home .section--skills {

  margin-top:20px;

  height:auto

 }

 .layout-home .section--skills .horizontal-wrapper {

  padding:0

 }

 .layout-home .section--skills .section-title {

  margin:0;

  position:absolute;

  top:20px;

  left:0;

  width:100%;

  font-size:70px;

  text-align:center

 }

 .layout-home .section--skills .skills {

  display:block;

  margin:0;

  padding:100px 0 20px;

  height:auto

 }

 .layout-home .section--skills .skill {

  font-size:11px;

  letter-spacing:.1em;

  text-align:center

 }

 .layout-home .section--skills .skill a {

  padding-bottom:0

 }

 .layout-home .section--skills .skill .text {

  height:auto

 }

 .layout-home .section--skills .skill br {

  display:none

 }

 .layout-home .section--skills .skill .svg {

  display:none

 }

 .layout-home .section--skills .skill + .skill {

  margin-top:15px

 }

 .layout-page-sections .section-page {

  margin:30px 0

 }

 .layout-page-sections .section-page:last-child {

  margin-bottom:40px

 }

 .layout-page-sections .section-page--highlight {

  margin:0;

  padding:30px 0;

  font-size:1.69em;

  text-align:center

 }

 .layout-page-sections .section-page--highlight .align-center br {

  display:block

 }

 .layout-page-sections .section-page--two_columns_text_image .columns {

  -webkit-align-items:flex-start;

  -ms-flex-align:start;

  align-items:flex-start;

  -webkit-flex-direction:column;

  -ms-flex-direction:column;

  flex-direction:column;

  -webkit-justify-content:flex-start;

  -ms-flex-pack:start;

  justify-content:flex-start

 }

 .layout-page-sections .section-page--two_columns_text_image .column {

  width:100%

 }

 .layout-page-sections .section-page--two_columns_text_image .column.left {

  margin-bottom:20px

 }

 .layout-page-sections .section-page--two_columns_text_image .column.right {

  margin-top:20px

 }

 .layout-page-sections .section-page--two_columns_text_image .column.large {

  margin:0

 }

 .layout-page-sections .section-page--two_columns_text_image .column.large + .column,.layout-page-sections .section-page--two_columns_text_image .column.large.left + .column,.layout-page-sections .section-page--two_columns_text_image .column.large.right + .column {

  margin-top:20px;

  padding:0 20px;

  width:100%

 }

 .layout-page-sections .section-page--two_columns_text_image .image-container {

  max-width:none

 }

 .layout-page-sections .section-page--two_columns_text_title .columns {

  display:block

 }

 .layout-page-sections .section-page--two_columns_text_title .columns.large {

  margin:3em 0

 }

 .layout-page-sections .section-page--two_columns_text_title .column {

  width:100%

 }

 .layout-page-sections .section-page--two_columns_text_title .column--title {

  text-align:left

 }

 .layout-page-sections .section-page--two_columns_text_title .text {

  margin-top:1em

 }

 .layout-page-sections .section-page--two_columns_text_title .text .link-readmore {

  margin:2em 0 0;

  top:0

 }

 .layout-page-sections .section-page--image_text {

  margin-top:0

 }

 .layout-page-sections .section-page--image_text:last-child {

  margin-bottom:30px

 }

 .layout-page-sections .section-page--image_text .outer {

  position:relative

 }

 .layout-page-sections .section-page--image_text .inner {

  margin:0;

  padding:30px 0 0

 }

 .layout-page-sections .section-page--image_text .text {

  -webkit-column-count:1;

  column-count:1

 }

 .layout-page-sections .section-page--image {

  margin:0

 }

 .layout-page-sections .section-page--image .image.position-center {

  margin:30px auto

 }

 .layout-page-sections .section-page--illustration:first-child {

  margin-top:-40px

 }

 .layout-page-sections .section-page--illustration .illustration-container {

  margin-bottom:-10px;

  height:200px

 }

 .layout-page-sections .section-page--illustration .illustration-container .svg {

  width:200px;

  height:200px

 }

 .layout-page-sections .section-page--three_columns_text {

  padding:30px 0

 }

 .layout-page-sections .section-page--three_columns_text .title br {

  display:block

 }

 .layout-page-sections .section-page--three_columns_text .columns {

  display:block;

  margin:15px 0 0

 }

 .layout-page-sections .section-page--three_columns_text .column {

  width:100%;

  max-width:none

 }

 .layout-page-sections .section-page--three_columns_text .column + .column {

  margin-top:15px

 }

 .layout-page-sections .section-page--timeline .big-title {

  margin:0;

  position:absolute;

  top:25px;

  left:0;

  width:100%;

  font-size:70px;

  text-align:center

 }

 .layout-page-sections .section-page--timeline .links {

  display:block;

  padding:80px 0 0;

  height:auto

 }

 .layout-page-sections .section-page--timeline .link {

  font-size:11px;

  letter-spacing:.1em;

  text-align:center

 }

 .layout-page-sections .section-page--timeline .link .text {

  height:auto

 }

 .layout-page-sections .section-page--timeline .link br {

  display:none

 }

 .layout-page-sections .section-page--timeline .link .svg {

  display:none

 }

 .layout-page-sections .section-page--timeline .link + .link {

  margin-top:15px

 }

 .layout-page-sections .section-page--aside .rte a {

  line-height:1.8

 }

 .layout-page-sections .section-page--aside .shape-container {

  margin:0 0 -20px 0;

  top:auto;

  bottom:100%;

  left:35px

 }

 .layout-page-sections .section-page--aside .svg-shape-arrow {

  width:46px;

  height:52px;

  -webkit-transform:rotateZ(90deg);

  transform:rotateZ(90deg);

  -webkit-transform-origin:0 100%;

  transform-origin:0 100%

 }

 .layout-page-sections .section-page--aside .columns {

  display:block;

  margin:0;

  padding:86px 15px 30px

 }

 .layout-page-sections .section-page--aside .columns .column {

  margin:0;

  padding:0;

  border:none

 }

 .layout-page-sections .section-page--aside .columns .column + .column {

  margin-top:1em

 }

 .layout-page-sections .section-page--aside:last-child {

  margin-bottom:0

 }

 .layout-page-sections .section-page--client .horizontal-wrapper {

  margin:0 -10px;

  padding-top:165px;

  padding-bottom:30px

 }

 .layout-page-sections .section-page--client .big-title {

  width:320px;

  font-size:90px

 }

 .layout-page-sections .section-page--client .link-work {

  margin:0 0 1em;

  position:relative;

  left:auto;

  top:auto

 }

 .layout-page-sections .section-page--client .testimonial {

  margin:1em 0 0;

  -webkit-column-count:1;

  column-count:1

 }

 .layout-page-sections .section-page--client .testimonial + .columns {

  margin-top:30px

 }

 .layout-page-sections .section-page--client .columns {

  -webkit-flex-direction:column;

  -ms-flex-direction:column;

  flex-direction:column

 }

 .layout-page-sections .section-page--client .columns .column {

  width:100%

 }

 .layout-page-sections .section-page--client .columns .column--logo .svg {

  margin-bottom:-12.5%

 }

 .layout-page-sections .section-page--client .columns .column--logo .svg svg {

  width:75%;

  height:75%

 }

 .layout-page-sections .section-page--client .columns .column + .column {

  margin-top:30px

 }

 .layout-page-sections .section-page--client:last-child {

  margin-bottom:0

 }

 .layout-page-sections .section-page--client + .section-page--navigation {

  margin-top:-30px

 }

 .layout-page-sections .section-page--works_grid {

  margin:20px 0

 }

 .layout-page-sections .section-page--works_grid:last-child {

  margin-bottom:20px

 }

 .layout-page-sections .section-page--partner {

  margin:0;

  padding:30px 0

 }

 .layout-page-sections .section-page--partner .columns {

  -webkit-flex-direction:column;

  -ms-flex-direction:column;

  flex-direction:column

 }

 .layout-page-sections .section-page--partner .column {

  padding:20px 0;

  width:100%

 }

 .layout-page-sections .section-page--partner .column--quote {

  margin-bottom:0;

  font-size:1.3em

 }

 .layout-page-sections .section-page--partner .column--brands {

  -webkit-column-count:1;

  column-count:1

 }

 .layout-page-sections .section-page--partner .column--brands .title {

  margin:0 0 1em;

  position:relative;

  top:0

 }

 .layout-page-sections .section-page--navigation:last-child {

  margin-bottom:0

 }

 .layout-page-sections .section-page--navigation .horizontal-wrapper {

  margin:0 -10px

 }

 .layout-page-sections .section-page--navigation .navigation {

  padding:20px 10px

 }

 .layout-page-sections .section-page--navigation .navigation .link-prev,.layout-page-sections .section-page--navigation .navigation .link-next,.layout-page-sections .section-page--navigation .navigation .link-all {

  width:auto

 }

 .layout-page-sections .section-page--navigation .navigation .link-prev,.layout-page-sections .section-page--navigation .navigation .link-next {

  position:relative

 }

 .layout-page-sections .section-page--navigation .navigation .link-prev:before,.layout-page-sections .section-page--navigation .navigation .link-next:before {

  display:block;

  position:absolute;

  top:-20px;

  right:-20px;

  bottom:-20px;

  left:-20px;

  background:transparent;

  content:''

 }

 .layout-page-sections .section-page--navigation .navigation .link-prev .title,.layout-page-sections .section-page--navigation .navigation .link-next .title {

  display:none

 }

 .layout-page-sections .section-page--navigation .navigation .svg {

  width:40px

 }

 .layout-works .page-inner {

  padding:85px 20px

 }

 .layout-work .page-inner {

  margin:-10px -10px 0;

  padding-left:0

 }

 .layout-work .section--header-sm {

  display:block;

  padding:85px 30px 15px;

  color:#fff

 }

 .layout-work .section--header-sm .title {

  margin-bottom:15px

 }

 .layout-work .section--header {

  margin:0 0 -20px

 }

 .layout-work .columns {

  display:block;

  padding:20px 0

 }

 .layout-work .columns .column {

  margin:0;

  padding:0;

  width:100%

 }

 .layout-work .columns .column + .column {

  margin-top:1em

 }

 .layout-work .columns--intro {

  padding-top:40px

 }

 .layout-work .link-works {

  display:none

 }

 .layout-work .skills {

  display:none

 }

 .layout-work .navigation {

  padding:20px 10px

 }

 .layout-work .navigation .link-prev,.layout-work .navigation .link-next,.layout-work .navigation .link-all {

  width:auto

 }

 .layout-work .navigation .link-prev,.layout-work .navigation .link-next {

  position:relative

 }

 .layout-work .navigation .link-prev:before,.layout-work .navigation .link-next:before {

  display:block;

  position:absolute;

  top:-20px;

  right:-20px;

  bottom:-20px;

  left:-20px;

  background:transparent;

  content:''

 }

 .layout-work .navigation .link-prev .title,.layout-work .navigation .link-next .title {

  display:none

 }

 .layout-work .navigation .svg {

  width:40px

 }

 .layout-contact .section-contact {

  margin-bottom:30px

 }

 .layout-contact .section-contact .horizontal-wrapper {

  padding-top:70px

 }

 .layout-contact .section-contact .map-toggle {

  left:0;

  width:auto;

  height:50px;

  -webkit-flex-direction:row;

  -ms-flex-direction:row;

  flex-direction:row;

  -webkit-justify-content:center;

  -ms-flex-pack:center;

  justify-content:center

 }

 .layout-contact .section-contact .map-toggle .svg {

  -webkit-transform:rotateZ(-90deg);

  transform:rotateZ(-90deg)

 }

 .layout-contact .section-contact .map-toggle .inner {

  margin:0;

  height:auto;

  -webkit-flex-direction:row;

  -ms-flex-direction:row;

  flex-direction:row

 }

 .layout-contact .section-contact .map-toggle .text {

  margin:0;

  padding:0;

  width:160px;

  -webkit-transform:none;

  transform:none;

  -webkit-writing-mode:horizontal-tb;

  -ms-writing-mode:lr-tb;

  writing-mode:horizontal-tb

 }

 .layout-contact .section-contact .map-toggle .department {

  display:none;

  bottom:16px;

  right:0;

  left:auto;

  width:calc((100% - 195px) / 2);

  font-size:17px

 }

 .layout-contact .section-contact .map-toggle:hover {

  width:auto

 }

 .layout-contact .section-contact .contact-info .horizontal-wrapper {

  transition:padding-top 0.3s cubic-bezier(.645,.045,.355,1)

 }

 .layout-contact .section-contact .contact-info .content {

  max-width:none

 }

 .layout-contact .section-contact .contact-info .image-container {

  display:none

 }

 .layout-contact .section-contact .contact-info .map-toggle {

  overflow:hidden;

  transition:height 0.3s cubic-bezier(.645,.045,.355,1)

 }

 .layout-contact .section-contact .map-container {

  position:relative;

  width:auto;

  height:0;

  overflow:hidden;

  -webkit-transform:none;

  transform:none;

  transition:height 0.5s cubic-bezier(.645,.045,.355,1)

 }

 .layout-contact .section-contact .map-container .ggmap {

  width:100%;

  height:400px

 }

 .layout-contact .section-contact .map-container .map-toggle {

  -webkit-transform:none;

  transform:none

 }

 .layout-contact .section-contact .map-container.is-visible {

  height:400px;

  -webkit-transform:none;

  transform:none

 }

 .layout-contact .section-contact .map-container.is-visible + .contact-info {

  -webkit-transform:none;

  transform:none

 }

 .layout-contact .section-contact .map-container.is-visible + .contact-info .horizontal-wrapper {

  padding-top:20px

 }

 .layout-contact .section-contact .map-container.is-visible + .contact-info .map-toggle {

  height:0;

  -webkit-transform:none;

  transform:none

 }

 .layout-contact .section-form .title {

  margin-bottom:20px

 }

}

























.container-fluid {

 padding-right:15px;

 padding-left:15px;

 margin-right:auto;

 margin-left:auto

}

.row {

 margin-right:-15px;

 margin-left:-15px

}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {

 position:relative;

 min-height:1px;

 padding-right:15px;

 padding-left:15px

}

.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {

 float:left;

}

.col-xs-12 {

 width:100vw !important;

}

.col-xs-11 {

 width:91.66666667%

}

.col-xs-10 {

 width:83.33333333%

}

.col-xs-9 {

 width:75%

}

.col-xs-8 {

 width:66.66666667%

}

.col-xs-7 {

 width:58.33333333%

}

.col-xs-6 {

 width:50%

}

.col-xs-5 {

 width:41.66666667%

}

.col-xs-4 {

 width:33.33333333%

}

.col-xs-3 {

 width:25%

}

.col-xs-2 {

 width:16.66666667%

}

.col-xs-1 {

 width:8.33333333%

}

.col-xs-pull-12 {

 right:100%

}

.col-xs-pull-11 {

 right:91.66666667%

}

.col-xs-pull-10 {

 right:83.33333333%

}

.col-xs-pull-9 {

 right:75%

}

.col-xs-pull-8 {

 right:66.66666667%

}

.col-xs-pull-7 {

 right:58.33333333%

}

.col-xs-pull-6 {

 right:50%

}

.col-xs-pull-5 {

 right:41.66666667%

}

.col-xs-pull-4 {

 right:33.33333333%

}

.col-xs-pull-3 {

 right:25%

}

.col-xs-pull-2 {

 right:16.66666667%

}

.col-xs-pull-1 {

 right:8.33333333%

}

.col-xs-pull-0 {

 right:auto

}

.col-xs-push-12 {

 left:100%

}

.col-xs-push-11 {

 left:91.66666667%

}

.col-xs-push-10 {

 left:83.33333333%

}

.col-xs-push-9 {

 left:75%

}

.col-xs-push-8 {

 left:66.66666667%

}

.col-xs-push-7 {

 left:58.33333333%

}

.col-xs-push-6 {

 left:50%

}

.col-xs-push-5 {

 left:41.66666667%

}

.col-xs-push-4 {

 left:33.33333333%

}

.col-xs-push-3 {

 left:25%

}

.col-xs-push-2 {

 left:16.66666667%

}

.col-xs-push-1 {

 left:8.33333333%

}

.col-xs-push-0 {

 left:auto

}

.col-xs-offset-12 {

 margin-left:100%

}

.col-xs-offset-11 {

 margin-left:91.66666667%

}

.col-xs-offset-10 {

 margin-left:83.33333333%

}

.col-xs-offset-9 {

 margin-left:75%

}

.col-xs-offset-8 {

 margin-left:66.66666667%

}

.col-xs-offset-7 {

 margin-left:58.33333333%

}

.col-xs-offset-6 {

 margin-left:50%

}

.col-xs-offset-5 {

 margin-left:41.66666667%

}

.col-xs-offset-4 {

 margin-left:33.33333333%

}

.col-xs-offset-3 {

 margin-left:25%

}

.col-xs-offset-2 {

 margin-left:16.66666667%

}

.col-xs-offset-1 {

 margin-left:8.33333333%

}

.col-xs-offset-0 {

 margin-left:0

}

@media (min-width:768px) {

 .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {

  float:left

 }

 .col-sm-12 {

  width:100%

 }

 .col-sm-11 {

  width:91.66666667%

 }

 .col-sm-10 {

  width:83.33333333%

 }

 .col-sm-9 {

  width:75%

 }

 .col-sm-8 {

  width:66.66666667%

 }

 .col-sm-7 {

  width:58.33333333%

 }

 .col-sm-6 {

  width:50%

 }

 .col-sm-5 {

  width:41.66666667%

 }

 .col-sm-4 {

  width:33.33333333%

 }

 .col-sm-3 {

  width:25%

 }

 .col-sm-2 {

  width:16.66666667%

 }

 .col-sm-1 {

  width:8.33333333%

 }

 .col-sm-pull-12 {

  right:100%

 }

 .col-sm-pull-11 {

  right:91.66666667%

 }

 .col-sm-pull-10 {

  right:83.33333333%

 }

 .col-sm-pull-9 {

  right:75%

 }

 .col-sm-pull-8 {

  right:66.66666667%

 }

 .col-sm-pull-7 {

  right:58.33333333%

 }

 .col-sm-pull-6 {

  right:50%

 }

 .col-sm-pull-5 {

  right:41.66666667%

 }

 .col-sm-pull-4 {

  right:33.33333333%

 }

 .col-sm-pull-3 {

  right:25%

 }

 .col-sm-pull-2 {

  right:16.66666667%

 }

 .col-sm-pull-1 {

  right:8.33333333%

 }

 .col-sm-pull-0 {

  right:auto

 }

 .col-sm-push-12 {

  left:100%

 }

 .col-sm-push-11 {

  left:91.66666667%

 }

 .col-sm-push-10 {

  left:83.33333333%

 }

 .col-sm-push-9 {

  left:75%

 }

 .col-sm-push-8 {

  left:66.66666667%

 }

 .col-sm-push-7 {

  left:58.33333333%

 }

 .col-sm-push-6 {

  left:50%

 }

 .col-sm-push-5 {

  left:41.66666667%

 }

 .col-sm-push-4 {

  left:33.33333333%

 }

 .col-sm-push-3 {

  left:25%

 }

 .col-sm-push-2 {

  left:16.66666667%

 }

 .col-sm-push-1 {

  left:8.33333333%

 }

 .col-sm-push-0 {

  left:auto

 }

 .col-sm-offset-12 {

  margin-left:100%

 }

 .col-sm-offset-11 {

  margin-left:91.66666667%

 }

 .col-sm-offset-10 {

  margin-left:83.33333333%

 }

 .col-sm-offset-9 {

  margin-left:75%

 }

 .col-sm-offset-8 {

  margin-left:66.66666667%

 }

 .col-sm-offset-7 {

  margin-left:58.33333333%

 }

 .col-sm-offset-6 {

  margin-left:50%

 }

 .col-sm-offset-5 {

  margin-left:41.66666667%

 }

 .col-sm-offset-4 {

  margin-left:33.33333333%

 }

 .col-sm-offset-3 {

  margin-left:25%

 }

 .col-sm-offset-2 {

  margin-left:16.66666667%

 }

 .col-sm-offset-1 {

  margin-left:8.33333333%

 }

 .col-sm-offset-0 {

  margin-left:0

 }

}

@media (min-width:992px) {

 .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {

  float:left

 }

 .col-md-12 {

  width:100%

 }

 .col-md-11 {

  width:91.66666667%

 }

 .col-md-10 {

  width:83.33333333%

 }

 .col-md-9 {

  width:75%

 }

 .col-md-8 {

  width:66.66666667%

 }

 .col-md-7 {

  width:58.33333333%

 }

 .col-md-6 {

  width:50% !important;

 }

 .col-md-5 {

  width:41.66666667%

 }

 .col-md-4 {

  width:33.33333333%

 }

 .col-md-3 {

  width:25% !important;

 }

 .col-md-2 {

  width:16.66666667%

 }

 .col-md-1 {

  width:8.33333333%

 }

 .col-md-pull-12 {

  right:100%

 }

 .col-md-pull-11 {

  right:91.66666667%

 }

 .col-md-pull-10 {

  right:83.33333333%

 }

 .col-md-pull-9 {

  right:75%

 }

 .col-md-pull-8 {

  right:66.66666667%

 }

 .col-md-pull-7 {

  right:58.33333333%

 }

 .col-md-pull-6 {

  right:50%

 }

 .col-md-pull-5 {

  right:41.66666667%

 }

 .col-md-pull-4 {

  right:33.33333333%

 }

 .col-md-pull-3 {

  right:25%

 }

 .col-md-pull-2 {

  right:16.66666667%

 }

 .col-md-pull-1 {

  right:8.33333333%

 }

 .col-md-pull-0 {

  right:auto

 }

 .col-md-push-12 {

  left:100%

 }

 .col-md-push-11 {

  left:91.66666667%

 }

 .col-md-push-10 {

  left:83.33333333%

 }

 .col-md-push-9 {

  left:75%

 }

 .col-md-push-8 {

  left:66.66666667%

 }

 .col-md-push-7 {

  left:58.33333333%

 }

 .col-md-push-6 {

  left:50%

 }

 .col-md-push-5 {

  left:41.66666667%

 }

 .col-md-push-4 {

  left:33.33333333%

 }

 .col-md-push-3 {

  left:25%

 }

 .col-md-push-2 {

  left:16.66666667%

 }

 .col-md-push-1 {

  left:8.33333333%

 }

 .col-md-push-0 {

  left:auto

 }

 .col-md-offset-12 {

  margin-left:100%

 }

 .col-md-offset-11 {

  margin-left:91.66666667%

 }

 .col-md-offset-10 {

  margin-left:83.33333333%

 }

 .col-md-offset-9 {

  margin-left:75%

 }

 .col-md-offset-8 {

  margin-left:66.66666667%

 }

 .col-md-offset-7 {

  margin-left:58.33333333%

 }

 .col-md-offset-6 {

  margin-left:50%

 }

 .col-md-offset-5 {

  margin-left:41.66666667%

 }

 .col-md-offset-4 {

  margin-left:33.33333333%

 }

 .col-md-offset-3 {

  margin-left:25%

 }

 .col-md-offset-2 {

  margin-left:16.66666667%

 }

 .col-md-offset-1 {

  margin-left:8.33333333%

 }

 .col-md-offset-0 {

  margin-left:0

 }

}

@media (min-width:1200px) {

 .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9 {

  float:left

 }

 .col-lg-12 {

  width:100%

 }

 .col-lg-11 {

  width:91.66666667%

 }

 .col-lg-10 {

  width:83.33333333%

 }

 .col-lg-9 {

  width:75%

 }

 .col-lg-8 {

  width:66.66666667%

 }

 .col-lg-7 {

  width:58.33333333%

 }

 .col-lg-6 {

  width:50%

 }

 .col-lg-5 {

  width:41.66666667%

 }

 .col-lg-4 {

  width:33.33333333%

 }

 .col-lg-3 {

  width:25%

 }

 .col-lg-2 {

  width:16.66666667%

 }

 .col-lg-1 {

  width:8.33333333%

 }

 .col-lg-pull-12 {

  right:100%

 }

 .col-lg-pull-11 {

  right:91.66666667%

 }

 .col-lg-pull-10 {

  right:83.33333333%

 }

 .col-lg-pull-9 {

  right:75%

 }

 .col-lg-pull-8 {

  right:66.66666667%

 }

 .col-lg-pull-7 {

  right:58.33333333%

 }

 .col-lg-pull-6 {

  right:50%

 }

 .col-lg-pull-5 {

  right:41.66666667%

 }

 .col-lg-pull-4 {

  right:33.33333333%

 }

 .col-lg-pull-3 {

  right:25%

 }

 .col-lg-pull-2 {

  right:16.66666667%

 }

 .col-lg-pull-1 {

  right:8.33333333%

 }

 .col-lg-pull-0 {

  right:auto

 }

 .col-lg-push-12 {

  left:100%

 }

 .col-lg-push-11 {

  left:91.66666667%

 }

 .col-lg-push-10 {

  left:83.33333333%

 }

 .col-lg-push-9 {

  left:75%

 }

 .col-lg-push-8 {

  left:66.66666667%

 }

 .col-lg-push-7 {

  left:58.33333333%

 }

 .col-lg-push-6 {

  left:50%

 }

 .col-lg-push-5 {

  left:41.66666667%

 }

 .col-lg-push-4 {

  left:33.33333333%

 }

 .col-lg-push-3 {

  left:25%

 }

 .col-lg-push-2 {

  left:16.66666667%

 }

 .col-lg-push-1 {

  left:8.33333333%

 }

 .col-lg-push-0 {

  left:auto

 }

 .col-lg-offset-12 {

  margin-left:100%

 }

 .col-lg-offset-11 {

  margin-left:91.66666667%

 }

 .col-lg-offset-10 {

  margin-left:83.33333333%

 }

 .col-lg-offset-9 {

  margin-left:75%

 }

 .col-lg-offset-8 {

  margin-left:66.66666667%

 }

 .col-lg-offset-7 {

  margin-left:58.33333333%

 }

 .col-lg-offset-6 {

  margin-left:50%

 }

 .col-lg-offset-5 {

  margin-left:41.66666667%

 }

 .col-lg-offset-4 {

  margin-left:33.33333333%

 }

 .col-lg-offset-3 {

  margin-left:25%

 }

 .col-lg-offset-2 {

  margin-left:16.66666667%

 }

 .col-lg-offset-1 {

  margin-left:8.33333333%

 }

 .col-lg-offset-0 {

  margin-left:0

 }

}