@charset "UTF-8";
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=d28664cf-9d9e-47db-a93c-4beaf6e95802");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

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

@font-face {
  font-family: "Quire Sans W04_n1";
  src: url("../fonts/88d985be-095c-41d1-bc4e-94893d55e93e.eot?#iefix") format("eot"); }
@font-face {
  font-family: "Quire Sans W04";
  src: url("../fonts/88d985be-095c-41d1-bc4e-94893d55e93e.eot?#iefix");
  src: url("../fonts/88d985be-095c-41d1-bc4e-94893d55e93e.eot?#iefix") format("eot"), url("../fonts/3f05d0b2-59da-4b40-acbb-5a409edcfb8a.woff2") format("woff2"), url("../fonts/01555f56-cdc0-411b-b049-7787d0723b25.woff") format("woff"), url("../fonts/81c055b6-8740-4184-8224-5f8b0d22163e.ttf") format("truetype"), url("../fonts/1d8c553a-ad98-4b9b-9caa-186a5bd029bd.svg#1d8c553a-ad98-4b9b-9caa-186a5bd029bd") format("svg");
  font-weight: 100;
  font-style: normal; }
@font-face {
  font-family: "Quire Sans W04_i1";
  src: url("../fonts/bd20f8df-83d8-4bb3-b81a-a35afb09497b.eot?#iefix") format("eot"); }
@font-face {
  font-family: "Quire Sans W04";
  src: url("../fonts/bd20f8df-83d8-4bb3-b81a-a35afb09497b.eot?#iefix");
  src: url("../fonts/bd20f8df-83d8-4bb3-b81a-a35afb09497b.eot?#iefix") format("eot"), url("../fonts/188d4885-b3dc-4de5-beba-3252ad93e5c8.woff2") format("woff2"), url("../fonts/ca78229b-5228-4a13-8661-9fd1de75136d.woff") format("woff"), url("../fonts/7df03635-0b17-4a09-a2f3-5ff0a2256956.ttf") format("truetype"), url("../fonts/4329da2d-5f44-4fb2-b85f-541933730ebd.svg#4329da2d-5f44-4fb2-b85f-541933730ebd") format("svg");
  font-weight: 100;
  font-style: italic; }
@font-face {
  font-family: "Quire Sans W04_n2";
  src: url("../fonts/fc447aa0-a04b-4ef3-acd5-6474d7d4230c.eot?#iefix") format("eot"); }
@font-face {
  font-family: "Quire Sans W04";
  src: url("../fonts/fc447aa0-a04b-4ef3-acd5-6474d7d4230c.eot?#iefix");
  src: url("../fonts/fc447aa0-a04b-4ef3-acd5-6474d7d4230c.eot?#iefix") format("eot"), url("../fonts/c4117aad-8632-4bc0-8ab9-32cb13d86656.woff2") format("woff2"), url("../fonts/efc8c343-43c1-41fb-aa54-9e12ac37a69d.woff") format("woff"), url("../fonts/99880fd3-65c8-48f9-aae6-ed52673b1713.ttf") format("truetype"), url("../fonts/9cdff1d4-a068-41f6-aeda-58a415f4565e.svg#9cdff1d4-a068-41f6-aeda-58a415f4565e") format("svg");
  font-weight: 200;
  font-style: normal; }
@font-face {
  font-family: "Quire Sans W04_i2";
  src: url("../fonts/9cacbcdc-f908-4d8c-baa9-9d6131d557ca.eot?#iefix") format("eot"); }
@font-face {
  font-family: "Quire Sans W04";
  src: url("../fonts/9cacbcdc-f908-4d8c-baa9-9d6131d557ca.eot?#iefix");
  src: url("../fonts/9cacbcdc-f908-4d8c-baa9-9d6131d557ca.eot?#iefix") format("eot"), url("../fonts/c789cdf6-f258-4545-80ce-610a5a5bf049.woff2") format("woff2"), url("../fonts/dec40058-c41d-4164-a011-8db92e8d9289.woff") format("woff"), url("../fonts/0ff4b252-d7be-4ad6-bf1b-90a930a69b70.ttf") format("truetype"), url("../fonts/fb13dbe1-de92-4a23-ab09-85633aed40d4.svg#fb13dbe1-de92-4a23-ab09-85633aed40d4") format("svg");
  font-weight: 200;
  font-style: italic; }
@font-face {
  font-family: "Quire Sans W04_n3";
  src: url("../fonts/f49e6e54-c6b6-463d-8b4a-9d890030e108.eot?#iefix") format("eot"); }
@font-face {
  font-family: "Quire Sans W04";
  src: url("../fonts/f49e6e54-c6b6-463d-8b4a-9d890030e108.eot?#iefix");
  src: url("../fonts/f49e6e54-c6b6-463d-8b4a-9d890030e108.eot?#iefix") format("eot"), url("../fonts/f1d291d0-f1a1-46f1-8899-fc3ef6965fd0.woff2") format("woff2"), url("../fonts/861da45c-cac4-42cf-a408-f288965112f0.woff") format("woff"), url("../fonts/e2489966-bfea-426f-a30f-9fcc26dd49d3.ttf") format("truetype"), url("../fonts/198f56b4-a2c8-4652-9122-2f0b09bd1e0d.svg#198f56b4-a2c8-4652-9122-2f0b09bd1e0d") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: "Quire Sans W04_i3";
  src: url("../fonts/49c7e193-b27b-4f28-a687-aff827f2850d.eot?#iefix") format("eot"); }
@font-face {
  font-family: "Quire Sans W04";
  src: url("../fonts/49c7e193-b27b-4f28-a687-aff827f2850d.eot?#iefix");
  src: url("../fonts/49c7e193-b27b-4f28-a687-aff827f2850d.eot?#iefix") format("eot"), url("../fonts/669ec155-a5e4-4b2e-9add-f9e1c217f9e9.woff2") format("woff2"), url("../fonts/e9573811-2081-4775-848a-210df32e8547.woff") format("woff"), url("../fonts/e3877390-be21-4927-9485-578f10bdd23a.ttf") format("truetype"), url("../fonts/7eaa52c6-35f4-4918-b546-e1dd4ba1d7d7.svg#7eaa52c6-35f4-4918-b546-e1dd4ba1d7d7") format("svg");
  font-weight: 300;
  font-style: italic; }
@font-face {
  font-family: "Quire Sans W04_n4";
  src: url("../fonts/d2a17ad3-aa8c-4f3e-bc90-6e57ad280fa6.eot?#iefix") format("eot"); }
@font-face {
  font-family: "Quire Sans W04";
  src: url("../fonts/d2a17ad3-aa8c-4f3e-bc90-6e57ad280fa6.eot?#iefix");
  src: url("../fonts/d2a17ad3-aa8c-4f3e-bc90-6e57ad280fa6.eot?#iefix") format("eot"), url("../fonts/3d43f540-4834-4412-ace9-85c2c39219d6.woff2") format("woff2"), url("../fonts/35b852c1-2d0a-4238-9c2e-f756642bb7ed.woff") format("woff"), url("../fonts/13d44d7d-a6e9-41d1-8a09-3a61cacc72bf.ttf") format("truetype"), url("../fonts/5a040db2-e873-4d19-aab8-ed809d96a2aa.svg#5a040db2-e873-4d19-aab8-ed809d96a2aa") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: "Quire Sans W04_i4";
  src: url("../fonts/dbeb753e-75d1-4804-83f3-005e586f90f2.eot?#iefix") format("eot"); }
@font-face {
  font-family: "Quire Sans W04";
  src: url("../fonts/dbeb753e-75d1-4804-83f3-005e586f90f2.eot?#iefix");
  src: url("../fonts/dbeb753e-75d1-4804-83f3-005e586f90f2.eot?#iefix") format("eot"), url("../fonts/9a2e0242-e54a-4b40-9045-c7042456b97c.woff2") format("woff2"), url("../fonts/6d6e739f-3c2e-4175-b685-f844686303be.woff") format("woff"), url("../fonts/1e9592d3-1ad7-40b2-9a53-616bcfc1f783.ttf") format("truetype"), url("../fonts/759c4678-3a39-4d90-92dd-c0b57d4e0455.svg#759c4678-3a39-4d90-92dd-c0b57d4e0455") format("svg");
  font-weight: 400;
  font-style: italic; }
@font-face {
  font-family: "Quire Sans W04_n5";
  src: url("../fonts/927a5292-1310-4f39-8e2c-00b003479471.eot?#iefix") format("eot"); }
@font-face {
  font-family: "Quire Sans W04";
  src: url("../fonts/927a5292-1310-4f39-8e2c-00b003479471.eot?#iefix");
  src: url("../fonts/927a5292-1310-4f39-8e2c-00b003479471.eot?#iefix") format("eot"), url("../fonts/2bb406db-e8c7-483f-9055-3365f070c737.woff2") format("woff2"), url("../fonts/66453c30-6f00-4ca5-9511-8226b15e828b.woff") format("woff"), url("../fonts/f832d3c2-3d43-45e5-8cc0-5f56ff1dc509.ttf") format("truetype"), url("../fonts/7293ebec-ad23-454f-ad7f-008c1af91434.svg#7293ebec-ad23-454f-ad7f-008c1af91434") format("svg");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: "Quire Sans W04_i5";
  src: url("../fonts/167f8757-8411-4c22-ad59-ee3d2cb596d5.eot?#iefix") format("eot"); }
@font-face {
  font-family: "Quire Sans W04";
  src: url("../fonts/167f8757-8411-4c22-ad59-ee3d2cb596d5.eot?#iefix");
  src: url("../fonts/167f8757-8411-4c22-ad59-ee3d2cb596d5.eot?#iefix") format("eot"), url("../fonts/df5d769b-6495-44c6-b1bd-8446ffc6cac4.woff2") format("woff2"), url("../fonts/2e6a373e-339f-4b01-a372-6b8b65d13b9d.woff") format("woff"), url("../fonts/da092355-a789-480f-bc57-e30198347c70.ttf") format("truetype"), url("../fonts/9454f4f4-1810-4863-987d-15265df14043.svg#9454f4f4-1810-4863-987d-15265df14043") format("svg");
  font-weight: 500;
  font-style: italic; }
@font-face {
  font-family: "Quire Sans W04_n6";
  src: url("../fonts/e152f841-e8f3-4fba-b946-29b3fcbaff9a.eot?#iefix") format("eot"); }
@font-face {
  font-family: "Quire Sans W04";
  src: url("../fonts/e152f841-e8f3-4fba-b946-29b3fcbaff9a.eot?#iefix");
  src: url("../fonts/e152f841-e8f3-4fba-b946-29b3fcbaff9a.eot?#iefix") format("eot"), url("../fonts/e9805a04-2f89-4db0-ba1d-990ea5f699e7.woff2") format("woff2"), url("../fonts/950f04fc-de1c-49c2-ab95-b912866c52c8.woff") format("woff"), url("../fonts/6e4f4236-f59c-41f0-897e-2b1f284ac72c.ttf") format("truetype"), url("../fonts/838af325-d2eb-4878-8ade-025048cdf145.svg#838af325-d2eb-4878-8ade-025048cdf145") format("svg");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: "Quire Sans W04_i6";
  src: url("../fonts/eb4e06cf-94f6-4a9b-8bbb-07d4b3a39926.eot?#iefix") format("eot"); }
@font-face {
  font-family: "Quire Sans W04";
  src: url("../fonts/eb4e06cf-94f6-4a9b-8bbb-07d4b3a39926.eot?#iefix");
  src: url("../fonts/eb4e06cf-94f6-4a9b-8bbb-07d4b3a39926.eot?#iefix") format("eot"), url("../fonts/ea72ada0-407d-4ddc-87a0-4a028ee4c852.woff2") format("woff2"), url("../fonts/b57f9566-f326-4312-aeb7-7418c2439b18.woff") format("woff"), url("../fonts/24a862f0-04ff-44ba-a00e-b4122e5b17ce.ttf") format("truetype"), url("../fonts/98c650e9-fb79-476e-9960-5b0d70a18dce.svg#98c650e9-fb79-476e-9960-5b0d70a18dce") format("svg");
  font-weight: 600;
  font-style: italic; }
@font-face {
  font-family: "Quire Sans W04_n7";
  src: url("../fonts/cdc2819a-ddc3-43ec-899e-935cce6c449e.eot?#iefix") format("eot"); }
@font-face {
  font-family: "Quire Sans W04";
  src: url("../fonts/cdc2819a-ddc3-43ec-899e-935cce6c449e.eot?#iefix");
  src: url("../fonts/cdc2819a-ddc3-43ec-899e-935cce6c449e.eot?#iefix") format("eot"), url("../fonts/8bf0367f-82cc-4762-ad68-33d217b82ed3.woff2") format("woff2"), url("../fonts/df3674f2-5949-476c-9d64-4c2f9b649d95.woff") format("woff"), url("../fonts/fe0c7b7c-34cb-4e06-9351-1a80382835c9.ttf") format("truetype"), url("../fonts/1cddd73a-d1c5-4b19-8497-31ce7008f6fb.svg#1cddd73a-d1c5-4b19-8497-31ce7008f6fb") format("svg");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: "Quire Sans W04_i7";
  src: url("../fonts/9e7213d8-b600-4d6f-8470-9d73de9bb2ab.eot?#iefix") format("eot"); }
@font-face {
  font-family: "Quire Sans W04";
  src: url("../fonts/9e7213d8-b600-4d6f-8470-9d73de9bb2ab.eot?#iefix");
  src: url("../fonts/9e7213d8-b600-4d6f-8470-9d73de9bb2ab.eot?#iefix") format("eot"), url("../fonts/14a454fe-63d7-462b-8328-1f2dea691182.woff2") format("woff2"), url("../fonts/cd6ce97f-e229-420e-a767-9c873ab83f0b.woff") format("woff"), url("../fonts/b6088db4-1aea-4a0a-b609-9fd482fb54d6.ttf") format("truetype"), url("../fonts/d248b56e-6a6a-45f8-b9fe-7a894fe28660.svg#d248b56e-6a6a-45f8-b9fe-7a894fe28660") format("svg");
  font-weight: 700;
  font-style: italic; }
@font-face {
  font-family: "Quire Sans W04_n8";
  src: url("../fonts/0d3ab7b6-fa12-4a77-95aa-1674bde468be.eot?#iefix") format("eot"); }
@font-face {
  font-family: "Quire Sans W04";
  src: url("../fonts/0d3ab7b6-fa12-4a77-95aa-1674bde468be.eot?#iefix");
  src: url("../fonts/0d3ab7b6-fa12-4a77-95aa-1674bde468be.eot?#iefix") format("eot"), url("../fonts/70ca60a7-6775-4208-b2ab-e578b185f457.woff2") format("woff2"), url("../fonts/0c0758a5-e98e-4d91-bbe1-37de4f479c57.woff") format("woff"), url("../fonts/73ec3e10-51ca-441c-9161-3903f58c1aa4.ttf") format("truetype"), url("../fonts/017dbd37-8cc0-4b89-b2e4-6ef5a41a3653.svg#017dbd37-8cc0-4b89-b2e4-6ef5a41a3653") format("svg");
  font-weight: 800;
  font-style: normal; }
@font-face {
  font-family: "Quire Sans W04_i8";
  src: url("../fonts/fde0b3b5-2f08-4daa-9d68-7b57b6643986.eot?#iefix") format("eot"); }
@font-face {
  font-family: "Quire Sans W04";
  src: url("../fonts/fde0b3b5-2f08-4daa-9d68-7b57b6643986.eot?#iefix");
  src: url("../fonts/fde0b3b5-2f08-4daa-9d68-7b57b6643986.eot?#iefix") format("eot"), url("../fonts/c0c6572c-a7b6-4130-82be-64d0f2ec75e9.woff2") format("woff2"), url("../fonts/4c1e6c98-ec4b-4666-8dbd-7b90933cc14c.woff") format("woff"), url("../fonts/c63d40cb-a3d8-481a-8324-3f022a990f84.ttf") format("truetype"), url("../fonts/b71c1100-a0e4-43c6-b817-88fe900ee404.svg#b71c1100-a0e4-43c6-b817-88fe900ee404") format("svg");
  font-weight: 800;
  font-style: italic; }
@font-face {
  font-family: "Quire Sans W04_n9";
  src: url("../fonts/909737ee-2c6d-4307-98a4-911e76f0868f.eot?#iefix") format("eot"); }
@font-face {
  font-family: "Quire Sans W04";
  src: url("../fonts/909737ee-2c6d-4307-98a4-911e76f0868f.eot?#iefix");
  src: url("../fonts/909737ee-2c6d-4307-98a4-911e76f0868f.eot?#iefix") format("eot"), url("../fonts/847f22f9-31d1-4378-bfd3-857fa036cb76.woff2") format("woff2"), url("../fonts/d2605c79-d5f1-42a5-9c6c-3f1bc90c64a0.woff") format("woff"), url("../fonts/b2b42597-fbca-4f73-9048-f60173279f28.ttf") format("truetype"), url("../fonts/99813879-1aaf-41be-9abd-efdc80043f35.svg#99813879-1aaf-41be-9abd-efdc80043f35") format("svg");
  font-weight: 900;
  font-style: normal; }
@font-face {
  font-family: "Quire Sans W04_i9";
  src: url("../fonts/be60cc75-6e6d-4d18-ad74-5efc32ff3e3e.eot?#iefix") format("eot"); }
@font-face {
  font-family: "Quire Sans W04";
  src: url("../fonts/be60cc75-6e6d-4d18-ad74-5efc32ff3e3e.eot?#iefix");
  src: url("../fonts/be60cc75-6e6d-4d18-ad74-5efc32ff3e3e.eot?#iefix") format("eot"), url("../fonts/12f1c2f3-2e55-430f-8317-e28ce6e3566a.woff2") format("woff2"), url("../fonts/94308441-ad10-430f-b51e-d51e345e8b81.woff") format("woff"), url("../fonts/4bcb4fe0-75ec-47b3-8ff9-52c5da12f882.ttf") format("truetype"), url("../fonts/67a677ce-99ac-45c5-b53b-cfde7d03fe9c.svg#67a677ce-99ac-45c5-b53b-cfde7d03fe9c") format("svg");
  font-weight: 900;
  font-style: italic; }
@font-face {
  font-family: 'icomoon';
  src: url("../../fonts/icomoon/icomoon.eot?-rdnm34");
  src: url("../../fonts/icomoon/icomoon.eot?#iefix-rdnm34") format("embedded-opentype"), url("../../fonts/icomoon/icomoon.woff?-rdnm34") format("woff"), url("../../fonts/icomoon/icomoon.ttf?-rdnm34") format("truetype"), url("../../fonts/icomoon/icomoon.svg?-rdnm34#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
/*
* {
//    -moz-font-feature-settings : 'lnum= 1','calt=0';
   -moz-font-feature-settings : "lnum" 1,"calt" 0;
   -webkit-font-feature-settings : "lnum" 1,"calt" 0;
   -ms-font-feature-settings : 'lnum= 1','calt=0';
   -o-font-feature-settings : "lnum" 1,"calt" 0;
   font-feature-settings : "lnum" 1,"calt" 0;
}
*/
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?-rdnm34");
  src: url("../fonts/icomoon/icomoon.eot?#iefix-rdnm34") format("embedded-opentype"), url("../fonts/icomoon/icomoon.woff?-rdnm34") format("woff"), url("../fonts/icomoon/icomoon.ttf?-rdnm34") format("truetype"), url("../fonts/icomoon/icomoon.svg?-rdnm34#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
html {
  font-size: 93.75%;
  line-height: 1.5em; }

/*
$default-rhythm-border-width:  3px;
$default-rhythm-border-style:  solid $accent-color-1;
*/
@media (min-width: 44em) {
  html {
    font-size: 100%;
    line-height: 1.5em; } }
@media (min-width: 60em) {
  html {
    font-size: 103.125%;
    line-height: 1.5em; } }
@media (min-width: 110em) {
  html {
    font-size: 106.25%;
    line-height: 1.5em; } }
h1 {
  font-size: 27px;
  font-size: 1.8rem;
  line-height: 45px;
  line-height: 3rem; }
  @media (min-width: 90em) {
    h1 {
      font-size: 46px;
      font-size: 3.06667rem;
      line-height: 68px;
      line-height: 4.5rem; } }

h2 {
  font-size: 24px;
  font-size: 1.6rem;
  line-height: 45px;
  line-height: 3rem; }
  @media (min-width: 90em) {
    h2 {
      font-size: 37px;
      font-size: 2.46667rem;
      line-height: 45px;
      line-height: 3rem; } }

h3 {
  font-size: 21px;
  font-size: 1.4rem;
  line-height: 45px;
  line-height: 3rem; }
  @media (min-width: 90em) {
    h3 {
      font-size: 29px;
      font-size: 1.93333rem;
      line-height: 45px;
      line-height: 3rem; } }

h4 {
  font-size: 19px;
  font-size: 1.26667rem;
  line-height: 45px;
  line-height: 3rem; }
  @media (min-width: 90em) {
    h4 {
      font-size: 23px;
      font-size: 1.53333rem;
      line-height: 45px;
      line-height: 3rem; } }

blockquote {
  font-size: 21px;
  font-size: 1.4rem;
  line-height: 45px;
  line-height: 3rem; }
  @media (min-width: 90em) {
    blockquote {
      font-size: 29px;
      font-size: 1.93333rem;
      line-height: 45px;
      line-height: 3rem; } }

h5 {
  font-size: 17px;
  font-size: 1.13333rem;
  line-height: 23px;
  line-height: 1.5rem; }
  @media (min-width: 90em) {
    h5 {
      font-size: 19px;
      font-size: 1.26667rem;
      line-height: 45px;
      line-height: 3rem; } }

h6 {
  font-size: 15px;
  font-size: 1rem;
  line-height: 23px;
  line-height: 1.5rem; }
  @media (min-width: 90em) {
    h6 {
      font-size: 15px;
      font-size: 1rem;
      line-height: 23px;
      line-height: 1.5rem; } }

/*Global Border Value*/
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

* {
  -webkit-hyphens: auto;
  hyphens: auto; }
  *::-moz-selection {
    color: #D9E1E2;
    background-color: #E10098; }
  *::selection {
    color: #D9E1E2;
    background-color: #E10098; }
  @media (min-width: 44em) {
    * {
      -webkit-hyphens: manual;
      hyphens: manual; } }

#screen-width {
  display: block;
  position: fixed;
  top: 0;
  width: 100%;
  color: white;
  text-align: center;
  text-transform: uppercase;
  font-weight: 900; }
  #screen-width .sw-phone {
    background-color: rgba(217, 225, 226, 0.5); }
    @media (min-width: 44em) {
      #screen-width .sw-phone {
        display: none; } }
  #screen-width .sw-tablet {
    display: none; }
    @media (min-width: 44em) {
      #screen-width .sw-tablet {
        display: block;
        background-color: rgba(228, 0, 70, 0.5); } }
    @media (min-width: 60em) {
      #screen-width .sw-tablet {
        display: none; } }
  #screen-width .sw-computer {
    display: none; }
    @media (min-width: 60em) {
      #screen-width .sw-computer {
        display: block;
        background-color: rgba(225, 0, 152, 0.5); } }
    @media (min-width: 90em) {
      #screen-width .sw-computer {
        display: none; } }
  #screen-width .sw-large-scrn {
    display: none; }
    @media (min-width: 90em) {
      #screen-width .sw-large-scrn {
        display: block;
        background-color: rgba(162, 0, 103, 0.5); } }
    @media (min-width: 110em) {
      #screen-width .sw-large-scrn {
        display: none; } }
  #screen-width .sw-super-large-scrn {
    display: none; }
    @media (min-width: 110em) {
      #screen-width .sw-super-large-scrn {
        display: block;
        background-color: rgba(0, 95, 134, 0.5); } }

body {
  font-family: "Quire Sans W04", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #201747;
  text-rendering: optimizeLegibility;
  background: #f4f6f6;
  margin: 0 auto; }

.wrapper {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 22.5px; }
  .wrapper:after {
    content: " ";
    display: block;
    clear: both; }
  @media (min-width: 35em) {
    .wrapper {
      width: 75%; } }
  @media (min-width: 44em) {
    .wrapper {
      padding: 0;
      width: 88%; } }
  @media (min-width: 60em) {
    .wrapper {
      width: 80%; } }
  @media (min-width: 90em) {
    .wrapper {
      width: 70%; } }
  @media (min-width: 110em) {
    .wrapper {
      width: 50%; } }

.background-wrap {
  background-color: #f4f6f6;
  width: 100%; }

section {
  margin-bottom: 23px;
  margin-bottom: 1.5rem; }
  section:after {
    content: "";
    clear: both;
    display: table; }
  @media (min-width: 60em) {
    section {
      margin-bottom: 45px;
      margin-bottom: 3rem; } }
  @media (min-width: 90em) {
    section {
      margin-bottom: 68px;
      margin-bottom: 4.5rem; } }

p, ul {
  margin-bottom: 11.25px; }

/*
p{
	&:last-of-type{
 	margin-bottom: 0;
 	}
}
*/
h2, h3, h4, h5, h6, legend {
  font-weight: 500;
  margin-bottom: 11px;
  margin-bottom: 0.75rem;
  line-height: 34px;
  line-height: 2.25rem; }

h1 {
  font-weight: 400;
  line-height: 34px;
  line-height: 2.25rem; }
  @media (min-width: 90em) {
    h1 {
      line-height: 45px;
      line-height: 3rem; } }

@media (min-width: 90em) {
  h2 {
    line-height: 45px;
    line-height: 3rem; } }

h3 {
  line-height: 28px;
  line-height: 1.875rem; }
  @media (min-width: 90em) {
    h3 {
      line-height: 34px;
      line-height: 2.25rem; } }

.lead {
  color: #FF8200; }

h4 {
  line-height: 28px;
  line-height: 1.875rem; }

h5 {
  line-height: 23px;
  line-height: 1.5rem; }

h6 {
  font-weight: 600;
  line-height: 23px;
  line-height: 1.5rem; }

p + h6 {
  margin-top: 11.25px; }

ol, ul {
  list-style-position: outside; }

ol {
  list-style-type: decimal; }

ul {
  list-style-type: none; }

article ul {
  list-style-type: none;
  list-style-position: inside;
  margin-left: 0;
  padding-left: 1em;
  text-indent: -0.75em; }
article ul li:before {
  content: "•";
  margin-right: 7.5px; }

a {
  color: #201747;
  text-decoration: none;
  display: inline-block;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease; }

p a:link:after, ul li a:link:after {
  color: #201747;
  content: "";
  display: block;
  border-bottom: 2px solid #71cfe6;
  margin-top: -2px; }
p a:hover, ul li a:hover {
  background-color: #71cfe6; }
  p a:hover:after, ul li a:hover:after {
    content: "";
    border-bottom: 2px solid #71cfe6; }
p a:visited:after, ul li a:visited:after {
  content: "";
  border-bottom: 2px solid #71cfe6; }
p a:visited:hover:after, ul li a:visited:hover:after {
  content: "";
  border-bottom: 2px solid #71cfe6; }

em {
  font-style: italic;
  font-weight: 700; }

i {
  font-style: italic; }

small {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 23px;
  line-height: 1.5rem; }

big {
  font-size: 17px;
  font-size: 1.13333rem;
  line-height: 23px;
  line-height: 1.5rem;
  line-height: 1.5rem; }

code {
  font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; }

b, strong {
  font-weight: 700; }

blockquote {
  padding: 22.5px;
  border: none;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  -moz-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -webkit-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -moz-border-radius: 11.25px 11.25px 11.25px 0;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px 11.25px 11.25px 0;
  padding: 22.5px;
  position: relative;
  display: inline-block;
  margin-bottom: 23px;
  margin-bottom: 1.5rem;
  -moz-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -webkit-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  line-height: 28px;
  line-height: 1.875rem;
  color: #D9E1E2;
  background-color: #E40046;
  font-style: italic;
  font-weight: 400;
  margin-bottom: 68px;
  margin-bottom: 4.5rem; }
  blockquote:after {
    content: "";
    position: absolute;
    bottom: -1.95rem;
    left: 0px;
    margin: 0;
    display: block;
    padding: 0;
    width: 2rem;
    height: 2rem; }
    @supports (-ms-accelerator: true) {
      blockquote:after {
        bottom: -1.55rem; } }
  blockquote _:-ms-fullscreen, :root blockquote:after {
    bottom: -1.55rem; }
  @media (min-width: 90em) {
    blockquote {
      line-height: 34px;
      line-height: 2.25rem; } }
  blockquote:after {
    background: url(../img/bubble_red.svg) no-repeat; }
  blockquote:before {
    content: "" attr(cite);
    font-size: 15px;
    font-size: 1rem;
    line-height: 23px;
    line-height: 1.5rem;
    color: #4EC3E0;
    font-weight: 600;
    font-style: italic;
    width: 100%;
    position: absolute;
    padding: 22.5px 0 0 0;
    margin-bottom: 23px;
    margin-bottom: 1.5rem;
    text-align: left;
    display: block;
    overflow: hidden;
    *zoom: 1;
    top: 100%;
    left: 0; }

cite {
  font-style: italic; }

sub {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 23px;
  line-height: 1.5rem;
  vertical-align: bottom;
  position: relative;
  bottom: 0.25rem; }

sup {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 23px;
  line-height: 1.5rem;
  vertical-align: top;
  position: relative;
  top: 0.25rem; }

del, s {
  text-decoration: none;
  position: relative; }

del:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 3px solid;
  border-color: #E40046;
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6; }

s:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 3px solid;
  border-color: #E40046;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6; }

ins {
  text-decoration: none;
  border-bottom: 3px dotted #201747; }

u {
  text-decoration: none;
  background-color: rgba(252, 227, 0, 0.6);
  border: 3px 0 solid rgba(252, 227, 0, 0.3);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.hide-mobile {
  display: none; }
  @media (min-width: 44em) {
    .hide-mobile {
      display: block; } }

.hide-mobile-inline {
  display: none; }
  @media (min-width: 44em) {
    .hide-mobile-inline {
      display: inline-block; } }

@media (min-width: 44em) {
  .hide-tablet {
    display: none; } }

.js-video {
  height: 0;
  padding-top: 25px;
  padding-bottom: 67.5%;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px; }

.js-video.widescreen {
  padding-bottom: 56.34%; }

.js-video.vimeo {
  padding-top: 0; }

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

.bubble-p {
  padding: 22.5px;
  border: none;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  -moz-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -webkit-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -moz-border-radius: 11.25px 11.25px 11.25px 0;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px 11.25px 11.25px 0;
  padding: 22.5px;
  position: relative;
  display: inline-block;
  margin-bottom: 23px;
  margin-bottom: 1.5rem;
  background-color: #FF8200;
  color: #f4f6f6; }
  .bubble-p:after {
    content: "";
    position: absolute;
    bottom: -1.95rem;
    left: 0px;
    margin: 0;
    display: block;
    padding: 0;
    width: 2rem;
    height: 2rem; }
    @supports (-ms-accelerator: true) {
      .bubble-p:after {
        bottom: -1.55rem; } }
  .bubble-p _:-ms-fullscreen, :root .bubble-p:after {
    bottom: -1.55rem; }
  .bubble-p:after {
    background: url(../img/bubble_orange.svg) no-repeat; }

.bubble-p-r {
  padding: 22.5px;
  border: none;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  -moz-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -webkit-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -moz-border-radius: 11.25px 11.25px 0 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px 11.25px 0 11.25px;
  padding: 22.5px;
  position: relative;
  display: inline-block;
  margin-bottom: 23px;
  margin-bottom: 1.5rem;
  background-color: #FF8200;
  color: #f4f6f6; }
  .bubble-p-r:after {
    content: "";
    position: absolute;
    bottom: -1.95rem;
    right: 0px;
    margin: 0;
    display: block;
    padding: 0;
    width: 2rem;
    height: 2rem; }
    @supports (-ms-accelerator: true) {
      .bubble-p-r:after {
        bottom: -1.55rem; } }
  .bubble-p-r _:-ms-fullscreen, :root .bubble-p-r:after {
    bottom: -1.55rem; }
  .bubble-p-r:after {
    background: url(../img/bubble_orange-r.svg) no-repeat; }

.bubble-s {
  padding: 22.5px;
  border: none;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  -moz-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -webkit-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -moz-border-radius: 11.25px 11.25px 11.25px 0;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px 11.25px 11.25px 0;
  padding: 22.5px;
  position: relative;
  display: inline-block;
  margin-bottom: 23px;
  margin-bottom: 1.5rem;
  background-color: #FCE300; }
  .bubble-s:after {
    content: "";
    position: absolute;
    bottom: -1.95rem;
    left: 0px;
    margin: 0;
    display: block;
    padding: 0;
    width: 2rem;
    height: 2rem; }
    @supports (-ms-accelerator: true) {
      .bubble-s:after {
        bottom: -1.55rem; } }
  .bubble-s _:-ms-fullscreen, :root .bubble-s:after {
    bottom: -1.55rem; }
  .bubble-s:after {
    background: url(../img/bubble_yellow.svg) no-repeat; }

.bubble-s-r {
  padding: 22.5px;
  border: none;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  -moz-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -webkit-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -moz-border-radius: 11.25px 11.25px 0 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px 11.25px 0 11.25px;
  padding: 22.5px;
  position: relative;
  display: inline-block;
  margin-bottom: 23px;
  margin-bottom: 1.5rem;
  background-color: #FCE300; }
  .bubble-s-r:after {
    content: "";
    position: absolute;
    bottom: -1.95rem;
    right: 0px;
    margin: 0;
    display: block;
    padding: 0;
    width: 2rem;
    height: 2rem; }
    @supports (-ms-accelerator: true) {
      .bubble-s-r:after {
        bottom: -1.55rem; } }
  .bubble-s-r _:-ms-fullscreen, :root .bubble-s-r:after {
    bottom: -1.55rem; }
  .bubble-s-r:after {
    background: url(../img/bubble_yellow-r.svg) no-repeat; }

.bubble-t {
  padding: 22.5px;
  border: none;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  -moz-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -webkit-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -moz-border-radius: 11.25px 11.25px 11.25px 0;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px 11.25px 11.25px 0;
  padding: 22.5px;
  position: relative;
  display: inline-block;
  margin-bottom: 23px;
  margin-bottom: 1.5rem;
  color: #f4f6f6;
  background-color: #201747; }
  .bubble-t:after {
    content: "";
    position: absolute;
    bottom: -1.95rem;
    left: 0px;
    margin: 0;
    display: block;
    padding: 0;
    width: 2rem;
    height: 2rem; }
    @supports (-ms-accelerator: true) {
      .bubble-t:after {
        bottom: -1.55rem; } }
  .bubble-t _:-ms-fullscreen, :root .bubble-t:after {
    bottom: -1.55rem; }
  .bubble-t:after {
    background: url(../img/bubble_dark_blue.svg) no-repeat; }

.bubble-t-r {
  padding: 22.5px;
  border: none;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  -moz-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -webkit-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -moz-border-radius: 11.25px 11.25px 0 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px 11.25px 0 11.25px;
  padding: 22.5px;
  position: relative;
  display: inline-block;
  margin-bottom: 23px;
  margin-bottom: 1.5rem;
  color: #f4f6f6;
  background-color: #201747; }
  .bubble-t-r:after {
    content: "";
    position: absolute;
    bottom: -1.95rem;
    right: 0px;
    margin: 0;
    display: block;
    padding: 0;
    width: 2rem;
    height: 2rem; }
    @supports (-ms-accelerator: true) {
      .bubble-t-r:after {
        bottom: -1.55rem; } }
  .bubble-t-r _:-ms-fullscreen, :root .bubble-t-r:after {
    bottom: -1.55rem; }
  .bubble-t-r:after {
    background: url(../img/bubble_dark_blue-r.svg) no-repeat; }

.bubble-sc1 {
  padding: 22.5px;
  border: none;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  -moz-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -webkit-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -moz-border-radius: 11.25px 11.25px 11.25px 0;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px 11.25px 11.25px 0;
  padding: 22.5px;
  position: relative;
  display: inline-block;
  margin-bottom: 23px;
  margin-bottom: 1.5rem;
  background-color: #D9E1E2; }
  .bubble-sc1:after {
    content: "";
    position: absolute;
    bottom: -1.95rem;
    left: 0px;
    margin: 0;
    display: block;
    padding: 0;
    width: 2rem;
    height: 2rem; }
    @supports (-ms-accelerator: true) {
      .bubble-sc1:after {
        bottom: -1.55rem; } }
  .bubble-sc1 _:-ms-fullscreen, :root .bubble-sc1:after {
    bottom: -1.55rem; }
  .bubble-sc1:after {
    background: url(../img/bubble_gray.svg) no-repeat; }

.bubble-sc1-r {
  padding: 22.5px;
  border: none;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  -moz-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -webkit-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -moz-border-radius: 11.25px 11.25px 0 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px 11.25px 0 11.25px;
  padding: 22.5px;
  position: relative;
  display: inline-block;
  margin-bottom: 23px;
  margin-bottom: 1.5rem;
  background-color: #D9E1E2; }
  .bubble-sc1-r:after {
    content: "";
    position: absolute;
    bottom: -1.95rem;
    right: 0px;
    margin: 0;
    display: block;
    padding: 0;
    width: 2rem;
    height: 2rem; }
    @supports (-ms-accelerator: true) {
      .bubble-sc1-r:after {
        bottom: -1.55rem; } }
  .bubble-sc1-r _:-ms-fullscreen, :root .bubble-sc1-r:after {
    bottom: -1.55rem; }
  .bubble-sc1-r:after {
    background: url(../img/bubble_gray-r.svg) no-repeat; }

.bubble-sc2 {
  padding: 22.5px;
  border: none;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  -moz-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -webkit-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -moz-border-radius: 11.25px 11.25px 11.25px 0;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px 11.25px 11.25px 0;
  padding: 22.5px;
  position: relative;
  display: inline-block;
  margin-bottom: 23px;
  margin-bottom: 1.5rem;
  color: #f4f6f6;
  background-color: #E40046; }
  .bubble-sc2:after {
    content: "";
    position: absolute;
    bottom: -1.95rem;
    left: 0px;
    margin: 0;
    display: block;
    padding: 0;
    width: 2rem;
    height: 2rem; }
    @supports (-ms-accelerator: true) {
      .bubble-sc2:after {
        bottom: -1.55rem; } }
  .bubble-sc2 _:-ms-fullscreen, :root .bubble-sc2:after {
    bottom: -1.55rem; }
  .bubble-sc2:after {
    background: url(../img/bubble_red.svg) no-repeat; }

.bubble-sc2-r {
  padding: 22.5px;
  border: none;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  -moz-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -webkit-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -moz-border-radius: 11.25px 11.25px 0 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px 11.25px 0 11.25px;
  padding: 22.5px;
  position: relative;
  display: inline-block;
  margin-bottom: 23px;
  margin-bottom: 1.5rem;
  color: #f4f6f6;
  background-color: #E40046; }
  .bubble-sc2-r:after {
    content: "";
    position: absolute;
    bottom: -1.95rem;
    right: 0px;
    margin: 0;
    display: block;
    padding: 0;
    width: 2rem;
    height: 2rem; }
    @supports (-ms-accelerator: true) {
      .bubble-sc2-r:after {
        bottom: -1.55rem; } }
  .bubble-sc2-r _:-ms-fullscreen, :root .bubble-sc2-r:after {
    bottom: -1.55rem; }
  .bubble-sc2-r:after {
    background: url(../img/bubble_red-r.svg) no-repeat; }

.bubble-sc3 {
  padding: 22.5px;
  border: none;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  -moz-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -webkit-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -moz-border-radius: 11.25px 11.25px 11.25px 0;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px 11.25px 11.25px 0;
  padding: 22.5px;
  position: relative;
  display: inline-block;
  margin-bottom: 23px;
  margin-bottom: 1.5rem;
  color: #f4f6f6;
  background-color: #E10098; }
  .bubble-sc3:after {
    content: "";
    position: absolute;
    bottom: -1.95rem;
    left: 0px;
    margin: 0;
    display: block;
    padding: 0;
    width: 2rem;
    height: 2rem; }
    @supports (-ms-accelerator: true) {
      .bubble-sc3:after {
        bottom: -1.55rem; } }
  .bubble-sc3 _:-ms-fullscreen, :root .bubble-sc3:after {
    bottom: -1.55rem; }
  .bubble-sc3:after {
    background: url(../img/bubble_rhodamine.svg) no-repeat; }

.bubble-sc3-r {
  padding: 22.5px;
  border: none;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  -moz-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -webkit-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -moz-border-radius: 11.25px 11.25px 0 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px 11.25px 0 11.25px;
  padding: 22.5px;
  position: relative;
  display: inline-block;
  margin-bottom: 23px;
  margin-bottom: 1.5rem;
  color: #f4f6f6;
  background-color: #E10098; }
  .bubble-sc3-r:after {
    content: "";
    position: absolute;
    bottom: -1.95rem;
    right: 0px;
    margin: 0;
    display: block;
    padding: 0;
    width: 2rem;
    height: 2rem; }
    @supports (-ms-accelerator: true) {
      .bubble-sc3-r:after {
        bottom: -1.55rem; } }
  .bubble-sc3-r _:-ms-fullscreen, :root .bubble-sc3-r:after {
    bottom: -1.55rem; }
  .bubble-sc3-r:after {
    background: url(../img/bubble_rhodamine-r.svg) no-repeat; }

.bubble-sc4 {
  padding: 22.5px;
  border: none;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  -moz-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -webkit-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -moz-border-radius: 11.25px 11.25px 11.25px 0;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px 11.25px 11.25px 0;
  padding: 22.5px;
  position: relative;
  display: inline-block;
  margin-bottom: 23px;
  margin-bottom: 1.5rem;
  color: #f4f6f6;
  background-color: #A20067; }
  .bubble-sc4:after {
    content: "";
    position: absolute;
    bottom: -1.95rem;
    left: 0px;
    margin: 0;
    display: block;
    padding: 0;
    width: 2rem;
    height: 2rem; }
    @supports (-ms-accelerator: true) {
      .bubble-sc4:after {
        bottom: -1.55rem; } }
  .bubble-sc4 _:-ms-fullscreen, :root .bubble-sc4:after {
    bottom: -1.55rem; }
  .bubble-sc4:after {
    background: url(../img/bubble_dark_violet.svg) no-repeat; }

.bubble-sc4-r {
  padding: 22.5px;
  border: none;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  -moz-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -webkit-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -moz-border-radius: 11.25px 11.25px 0 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px 11.25px 0 11.25px;
  padding: 22.5px;
  position: relative;
  display: inline-block;
  margin-bottom: 23px;
  margin-bottom: 1.5rem;
  color: #f4f6f6;
  background-color: #A20067; }
  .bubble-sc4-r:after {
    content: "";
    position: absolute;
    bottom: -1.95rem;
    right: 0px;
    margin: 0;
    display: block;
    padding: 0;
    width: 2rem;
    height: 2rem; }
    @supports (-ms-accelerator: true) {
      .bubble-sc4-r:after {
        bottom: -1.55rem; } }
  .bubble-sc4-r _:-ms-fullscreen, :root .bubble-sc4-r:after {
    bottom: -1.55rem; }
  .bubble-sc4-r:after {
    background: url(../img/bubble_dark_violet-r.svg) no-repeat; }

.bubble-sc5 {
  padding: 22.5px;
  border: none;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  -moz-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -webkit-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -moz-border-radius: 11.25px 11.25px 11.25px 0;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px 11.25px 11.25px 0;
  padding: 22.5px;
  position: relative;
  display: inline-block;
  margin-bottom: 23px;
  margin-bottom: 1.5rem;
  color: #f4f6f6;
  background-color: #005F86; }
  .bubble-sc5:after {
    content: "";
    position: absolute;
    bottom: -1.95rem;
    left: 0px;
    margin: 0;
    display: block;
    padding: 0;
    width: 2rem;
    height: 2rem; }
    @supports (-ms-accelerator: true) {
      .bubble-sc5:after {
        bottom: -1.55rem; } }
  .bubble-sc5 _:-ms-fullscreen, :root .bubble-sc5:after {
    bottom: -1.55rem; }
  .bubble-sc5:after {
    background: url(../img/bubble_darker_blue.svg) no-repeat; }

.bubble-sc5-r {
  padding: 22.5px;
  border: none;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  -moz-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -webkit-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -moz-border-radius: 11.25px 11.25px 0 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px 11.25px 0 11.25px;
  padding: 22.5px;
  position: relative;
  display: inline-block;
  margin-bottom: 23px;
  margin-bottom: 1.5rem;
  color: #f4f6f6;
  background-color: #005F86; }
  .bubble-sc5-r:after {
    content: "";
    position: absolute;
    bottom: -1.95rem;
    right: 0px;
    margin: 0;
    display: block;
    padding: 0;
    width: 2rem;
    height: 2rem; }
    @supports (-ms-accelerator: true) {
      .bubble-sc5-r:after {
        bottom: -1.55rem; } }
  .bubble-sc5-r _:-ms-fullscreen, :root .bubble-sc5-r:after {
    bottom: -1.55rem; }
  .bubble-sc5-r:after {
    background: url(../img/bubble_darker_blue-r.svg) no-repeat; }

.bubble-sc6 {
  padding: 22.5px;
  border: none;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  -moz-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -webkit-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -moz-border-radius: 11.25px 11.25px 11.25px 0;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px 11.25px 11.25px 0;
  padding: 22.5px;
  position: relative;
  display: inline-block;
  margin-bottom: 23px;
  margin-bottom: 1.5rem;
  color: #f4f6f6;
  background-color: #4EC3E0; }
  .bubble-sc6:after {
    content: "";
    position: absolute;
    bottom: -1.95rem;
    left: 0px;
    margin: 0;
    display: block;
    padding: 0;
    width: 2rem;
    height: 2rem; }
    @supports (-ms-accelerator: true) {
      .bubble-sc6:after {
        bottom: -1.55rem; } }
  .bubble-sc6 _:-ms-fullscreen, :root .bubble-sc6:after {
    bottom: -1.55rem; }
  .bubble-sc6:after {
    background: url(../img/bubble_blue.svg) no-repeat; }

.bubble-sc6-r {
  padding: 22.5px;
  border: none;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  -moz-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -webkit-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -moz-border-radius: 11.25px 11.25px 0 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px 11.25px 0 11.25px;
  padding: 22.5px;
  position: relative;
  display: inline-block;
  margin-bottom: 23px;
  margin-bottom: 1.5rem;
  color: #f4f6f6;
  background-color: #4EC3E0; }
  .bubble-sc6-r:after {
    content: "";
    position: absolute;
    bottom: -1.95rem;
    right: 0px;
    margin: 0;
    display: block;
    padding: 0;
    width: 2rem;
    height: 2rem; }
    @supports (-ms-accelerator: true) {
      .bubble-sc6-r:after {
        bottom: -1.55rem; } }
  .bubble-sc6-r _:-ms-fullscreen, :root .bubble-sc6-r:after {
    bottom: -1.55rem; }
  .bubble-sc6-r:after {
    background: url(../img/bubble_blue-r.svg) no-repeat; }

.bubble-sc7 {
  padding: 22.5px;
  border: none;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  -moz-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -webkit-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -moz-border-radius: 11.25px 11.25px 11.25px 0;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px 11.25px 11.25px 0;
  padding: 22.5px;
  position: relative;
  display: inline-block;
  margin-bottom: 23px;
  margin-bottom: 1.5rem;
  color: #f4f6f6;
  background-color: #43B02A; }
  .bubble-sc7:after {
    content: "";
    position: absolute;
    bottom: -1.95rem;
    left: 0px;
    margin: 0;
    display: block;
    padding: 0;
    width: 2rem;
    height: 2rem; }
    @supports (-ms-accelerator: true) {
      .bubble-sc7:after {
        bottom: -1.55rem; } }
  .bubble-sc7 _:-ms-fullscreen, :root .bubble-sc7:after {
    bottom: -1.55rem; }
  .bubble-sc7:after {
    background: url(../img/bubble_green.svg) no-repeat; }

.bubble-sc7-r {
  padding: 22.5px;
  border: none;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  -moz-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -webkit-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -moz-border-radius: 11.25px 11.25px 0 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px 11.25px 0 11.25px;
  padding: 22.5px;
  position: relative;
  display: inline-block;
  margin-bottom: 23px;
  margin-bottom: 1.5rem;
  color: #f4f6f6;
  background-color: #43B02A; }
  .bubble-sc7-r:after {
    content: "";
    position: absolute;
    bottom: -1.95rem;
    right: 0px;
    margin: 0;
    display: block;
    padding: 0;
    width: 2rem;
    height: 2rem; }
    @supports (-ms-accelerator: true) {
      .bubble-sc7-r:after {
        bottom: -1.55rem; } }
  .bubble-sc7-r _:-ms-fullscreen, :root .bubble-sc7-r:after {
    bottom: -1.55rem; }
  .bubble-sc7-r:after {
    background: url(../img/bubble_green-r.svg) no-repeat; }

.bubble-sc8 {
  padding: 22.5px;
  border: none;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  -moz-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -webkit-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -moz-border-radius: 11.25px 11.25px 11.25px 0;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px 11.25px 11.25px 0;
  padding: 22.5px;
  position: relative;
  display: inline-block;
  margin-bottom: 23px;
  margin-bottom: 1.5rem;
  color: #f4f6f6;
  background-color: #007A33; }
  .bubble-sc8:after {
    content: "";
    position: absolute;
    bottom: -1.95rem;
    left: 0px;
    margin: 0;
    display: block;
    padding: 0;
    width: 2rem;
    height: 2rem; }
    @supports (-ms-accelerator: true) {
      .bubble-sc8:after {
        bottom: -1.55rem; } }
  .bubble-sc8 _:-ms-fullscreen, :root .bubble-sc8:after {
    bottom: -1.55rem; }
  .bubble-sc8:after {
    background: url(../img/bubble_dark_green.svg) no-repeat; }

.bubble-sc8-r {
  padding: 22.5px;
  border: none;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  -moz-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -webkit-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -moz-border-radius: 11.25px 11.25px 0 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px 11.25px 0 11.25px;
  padding: 22.5px;
  position: relative;
  display: inline-block;
  margin-bottom: 23px;
  margin-bottom: 1.5rem;
  color: #f4f6f6;
  background-color: #007A33; }
  .bubble-sc8-r:after {
    content: "";
    position: absolute;
    bottom: -1.95rem;
    right: 0px;
    margin: 0;
    display: block;
    padding: 0;
    width: 2rem;
    height: 2rem; }
    @supports (-ms-accelerator: true) {
      .bubble-sc8-r:after {
        bottom: -1.55rem; } }
  .bubble-sc8-r _:-ms-fullscreen, :root .bubble-sc8-r:after {
    bottom: -1.55rem; }
  .bubble-sc8-r:after {
    background: url(../img/bubble_dark_green-r.svg) no-repeat; }

.b-p {
  background-color: #FF8200;
  color: #f4f6f6; }
  .b-p:hover, .b-p:focus {
    background-color: #ff8f1a; }

.b-s {
  background-color: #FCE300; }
  .b-s:hover, .b-s:focus {
    background-color: #ffe817; }

.b-t {
  background-color: #201747;
  color: #f4f6f6; }
  .b-t:hover, .b-t:focus {
    background-color: #2e2166; }

.b-sc1 {
  background-color: #D9E1E2; }
  .b-sc1:hover, .b-sc1:focus {
    background-color: #dde4e5; }

.b-sc2 {
  background-color: #E40046; }
  .b-sc2:hover, .b-sc2:focus {
    background-color: #ff014f; }

.b-sc3 {
  background-color: #E10098; }
  .b-sc3:hover, .b-sc3:focus {
    background-color: #fe00ab; }

.b-sc4 {
  background-color: #A20067; }
  .b-sc4:hover, .b-sc4:focus {
    background-color: #c5007d; }

.b-sc5 {
  background-color: #005F86; }
  .b-sc5:hover, .b-sc5:focus {
    background-color: #007aac; }

.b-sc6 {
  background-color: #4EC3E0; }
  .b-sc6:hover, .b-sc6:focus {
    background-color: #60c9e3; }

.b-sc7 {
  background-color: #43B02A;
  color: #f4f6f6; }
  .b-sc7:hover, .b-sc7:focus {
    background-color: #4cc830; }

.b-sc8 {
  background-color: #007A33; }
  .b-sc8:hover, .b-sc8:focus {
    background-color: #00a143; }

.box {
  padding: 22.5px;
  border: none;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  -moz-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -webkit-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  margin-bottom: 22.5px; }

.button,
button, input[type="submit"] {
  padding: 22.5px;
  border: none;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  -moz-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -webkit-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  text-align: center; }

.button + .button,
button + button {
  margin-top: 22.5px; }
  @media (min-width: 60em) {
    .button + .button,
    button + button {
      margin-left: 22.5px;
      margin-top: 0; } }

a.button,
button, input[type="submit"] {
  font-weight: 700;
  display: block;
  padding-bottom: 22.5px;
  font-size: 19px;
  font-size: 1.26667rem;
  line-height: 45px;
  line-height: 3rem;
  line-height: 23px;
  line-height: 1.5rem;
  cursor: hand; }
  a.button:link:after,
  button:link:after, input[type="submit"]:link:after {
    display: none; }
  a.button:hover, a.button:focus,
  button:hover,
  button:focus, input[type="submit"]:hover, input[type="submit"]:focus {
    -moz-transform: scale(0.98, 0.98);
    -ms-transform: scale(0.98, 0.98);
    -webkit-transform: scale(0.98, 0.98);
    transform: scale(0.98, 0.98);
    -moz-box-shadow: 0px 2px 7.5px rgba(32, 23, 71, 0.45);
    -webkit-box-shadow: 0px 2px 7.5px rgba(32, 23, 71, 0.45);
    box-shadow: 0px 2px 7.5px rgba(32, 23, 71, 0.45); }
  @media (min-width: 44em) {
    a.button,
    button, input[type="submit"] {
      display: inline-block; } }

header {
  display: block;
  padding-top: 11px;
  padding-top: 0.75rem; }
  header:after {
    content: "";
    clear: both;
    display: table; }

#logo-placeholder {
  display: block !important; }
  #logo-placeholder a:link:after {
    display: none; }
  #logo-placeholder a:focus, #logo-placeholder a:hover {
    background-color: transparent; }
  @media (min-width: 44em) {
    #logo-placeholder a {
      float: left; } }

#logo {
  height: 112.5px;
  width: 139.63816px;
  display: block;
  margin: 0 auto; }
  #logo:after {
    content: "";
    clear: both;
    display: table; }
  @media (min-width: 44em) {
    #logo {
      float: left;
      display: inline;
      clear: none; } }
  @media (min-width: 60em) {
    #logo {
      height: 90px;
      width: 111.71053px; } }

.st0 {
  fill: #201747; }

.st1 {
  fill: #FCE300; }

.st2 {
  fill: #FF8200; }

.st3 {
  fill: none;
  stroke: #201747;
  stroke-width: 7.4808;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10; }

#menu-mobile {
  width: 100%;
  color: #D9E1E2;
  background-color: rgba(32, 23, 71, 0.95);
  padding: 1em 0;
  position: fixed;
  bottom: 0;
  z-index: 1000; }
  @media (min-width: 44em) {
    #menu-mobile {
      display: none; } }

#nav-menu-mobile {
  font-size: 17px;
  font-size: 1.13333rem;
  line-height: 23px;
  line-height: 1.5rem; }

.menu-item {
  display: inline-block;
  line-height: 23px;
  line-height: 1.5rem; }
  .menu-item a {
    color: #D9E1E2;
    text-decoration: none;
    border: none;
    text-transform: uppercase;
    background-color: none;
    box-shadow: none; }
    .menu-item a:link, .menu-item a:hover, .menu-item a:visited {
      background-color: transparent; }
    .menu-item a:link:after {
      display: none; }

#contact-menu {
  text-align: left;
  float: right; }

#contact-info {
  padding-top: 22.5px;
  display: none;
  text-align: right; }
  @media (min-width: 44em) {
    #contact-info {
      display: block; } }
  #contact-info a:link:after {
    display: none; }

#navigation-tablet {
  display: none; }
  @media (min-width: 44em) {
    #navigation-tablet {
      display: block; } }
  #navigation-tablet ul {
    display: block;
    clear: both;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none; }
    @media (min-width: 60em) {
      #navigation-tablet ul {
        display: block;
        clear: right;
        float: right; } }
    #navigation-tablet ul li {
      display: block;
      padding-top: 23px;
      padding-top: 1.5rem;
      text-transform: uppercase;
      font-weight: 500;
      display: inline-block;
      float: left; }
      @media (min-width: 44em) {
        #navigation-tablet ul li:first-of-type {
          display: none; } }
      @media (min-width: 60em) {
        #navigation-tablet ul li {
          font-size: 14px;
          font-size: 0.93333rem;
          line-height: 23px;
          line-height: 1.5rem;
          padding-left: 15px; } }
      @media (min-width: 90em) {
        #navigation-tablet ul li {
          font-size: 15px;
          font-size: 1rem;
          line-height: 23px;
          line-height: 1.5rem;
          padding-left: 22.5px; } }
      @media (min-width: 110em) {
        #navigation-tablet ul li {
          padding-left: 39.375px; } }
      #navigation-tablet ul li ul {
        display: none; }
      #navigation-tablet ul li a:after {
        border-bottom-color: transparent; }
      #navigation-tablet ul li a:focus, #navigation-tablet ul li a:hover {
        color: #201747;
        background-color: transparent; }
        #navigation-tablet ul li a:focus:after, #navigation-tablet ul li a:hover:after {
          border-bottom-color: #201747; }

#intro {
  padding-bottom: 0;
  margin-top: 23px;
  margin-top: 1.5rem; }
  #intro br {
    display: none; }
    @media (min-width: 44em) {
      #intro br {
        display: block; } }
  #intro h1 {
    margin-right: 22.5px;
    color: #f4f6f6; }
    @media (min-width: 60em) {
      #intro h1 {
        left: -45px; } }

#description {
  padding-bottom: 0; }

#pourquoi-f2f ul li {
  font-size: 19px;
  font-size: 1.26667rem;
  line-height: 45px;
  line-height: 3rem;
  line-height: 23px;
  line-height: 1.5rem; }
  #pourquoi-f2f ul li span {
    display: block; }
  @media (min-width: 44em) {
    #pourquoi-f2f ul li {
      width: 23.40426%;
      float: left;
      font-size: 17px;
      font-size: 1.13333rem;
      line-height: 23px;
      line-height: 1.5rem;
      display: block; }
      #pourquoi-f2f ul li:nth-child(4n + 1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0; }
      #pourquoi-f2f ul li:nth-child(4n + 2) {
        margin-left: 25.53191%;
        margin-right: -100%;
        clear: none; }
      #pourquoi-f2f ul li:nth-child(4n + 3) {
        margin-left: 51.06383%;
        margin-right: -100%;
        clear: none; }
      #pourquoi-f2f ul li:nth-child(4n + 4) {
        margin-left: 76.59574%;
        margin-right: -100%;
        clear: none; } }
@media (min-width: 44em) {
  #pourquoi-f2f ul {
    padding: 0 45px; } }

.vendez span, .experience span, .dedies span, .entreprises span, .expertise span, .vendez-en span, .experience-en span, .dedies-en span, .entreprises-en span, .expertise-en span {
  font-weight: 900;
  font-style: italic; }

.vendez span {
  font-size: 43px;
  font-size: 2.86667rem;
  line-height: 68px;
  line-height: 4.5rem;
  line-height: 45px;
  line-height: 3rem; }
  @media (min-width: 44em) {
    .vendez span {
      font-size: 30px;
      font-size: 2rem;
      line-height: 45px;
      line-height: 3rem;
      line-height: 28px;
      line-height: 1.875rem; } }
  @media (min-width: 60em) {
    .vendez span {
      font-size: 38px;
      font-size: 2.53333rem;
      line-height: 45px;
      line-height: 3rem;
      line-height: 34px;
      line-height: 2.25rem; } }
@media (min-width: 44em) {
  .vendez {
    left: 16.875px;
    z-index: 100; } }
@media (min-width: 90em) {
  .vendez {
    left: 28.125px;
    z-index: 0; } }

.vendez-en {
  min-width: 50%; }
  @media (min-width: 44em) {
    .vendez-en {
      min-width: inherit;
      left: 16.875px;
      z-index: 100; } }
  @media (min-width: 90em) {
    .vendez-en {
      left: 28.125px;
      z-index: 0; } }
  .vendez-en span {
    font-size: 43px;
    font-size: 2.86667rem;
    line-height: 68px;
    line-height: 4.5rem;
    line-height: 45px;
    line-height: 3rem; }
    @media (min-width: 44em) {
      .vendez-en span {
        font-size: 30px;
        font-size: 2rem;
        line-height: 45px;
        line-height: 3rem;
        line-height: 28px;
        line-height: 1.875rem; } }
    @media (min-width: 60em) {
      .vendez-en span {
        font-size: 38px;
        font-size: 2.53333rem;
        line-height: 45px;
        line-height: 3rem;
        line-height: 34px;
        line-height: 2.25rem; } }
    @media (min-width: 90em) {
      .vendez-en span {
        font-size: 46px;
        font-size: 3.06667rem;
        line-height: 68px;
        line-height: 4.5rem;
        line-height: 34px;
        line-height: 2.25rem; } }

.entreprises {
  float: right;
  text-align: right;
  margin-top: -39.375px; }
  @media (min-width: 35em) {
    .entreprises {
      z-index: 0; } }
  @media (min-width: 44em) {
    .entreprises {
      float: none;
      right: 16.875px;
      margin-top: -22.5px; } }
  @media (min-width: 90em) {
    .entreprises {
      right: 28.125px;
      margin-top: -22.5px; } }
  .entreprises span {
    font-size: 78px;
    font-size: 5.2rem;
    line-height: 90px;
    line-height: 6rem;
    line-height: 34px;
    line-height: 2.25rem;
    margin-bottom: 16.875px; }
    @media (min-width: 44em) {
      .entreprises span {
        font-size: 34px;
        font-size: 2.26667rem;
        line-height: 45px;
        line-height: 3rem;
        line-height: 23px;
        line-height: 1.5rem;
        margin-bottom: 5.625px; } }
    @media (min-width: 60em) {
      .entreprises span {
        font-size: 43px;
        font-size: 2.86667rem;
        line-height: 68px;
        line-height: 4.5rem;
        line-height: 23px;
        line-height: 1.5rem;
        margin-bottom: 7.5px; } }
    @media (min-width: 90em) {
      .entreprises span {
        font-size: 55px;
        font-size: 3.66667rem;
        line-height: 68px;
        line-height: 4.5rem;
        line-height: 23px;
        line-height: 1.5rem;
        margin-bottom: 11.25px; } }

.entreprises-en {
  float: right;
  text-align: right;
  margin-top: -39.375px; }
  @media (min-width: 44em) {
    .entreprises-en {
      float: none;
      right: 16.875px;
      margin-top: -22.5px; } }
  @media (min-width: 90em) {
    .entreprises-en {
      right: 28.125px;
      margin-top: -22.5px; } }
  .entreprises-en span {
    font-size: 78px;
    font-size: 5.2rem;
    line-height: 90px;
    line-height: 6rem;
    line-height: 45px;
    line-height: 3rem;
    margin-bottom: 16.875px; }
    @media (min-width: 44em) {
      .entreprises-en span {
        font-size: 29px;
        font-size: 1.93333rem;
        line-height: 45px;
        line-height: 3rem;
        line-height: 23px;
        line-height: 1.5rem;
        margin-bottom: 5.625px; } }
    @media (min-width: 60em) {
      .entreprises-en span {
        font-size: 38px;
        font-size: 2.53333rem;
        line-height: 45px;
        line-height: 3rem;
        line-height: 23px;
        line-height: 1.5rem;
        margin-bottom: 7.5px; } }
    @media (min-width: 90em) {
      .entreprises-en span {
        font-size: 55px;
        font-size: 3.66667rem;
        line-height: 68px;
        line-height: 4.5rem;
        line-height: 39px;
        line-height: 2.625rem;
        margin-bottom: 11.25px; } }

.experience {
  z-index: -50;
  margin-top: -39.375px; }
  @media (min-width: 35em) {
    .experience {
      z-index: 0; } }
  @media (min-width: 44em) {
    .experience {
      left: 16.875px;
      margin-top: 0; } }
  @media (min-width: 90em) {
    .experience {
      left: 28.125px; } }
  .experience span {
    font-size: 78px;
    font-size: 5.2rem;
    line-height: 90px;
    line-height: 6rem;
    line-height: 68px;
    line-height: 4.5rem; }
    @media (min-width: 44em) {
      .experience span {
        font-size: 55px;
        font-size: 3.66667rem;
        line-height: 68px;
        line-height: 4.5rem;
        line-height: 39px;
        line-height: 2.625rem;
        margin-bottom: 5.625px; } }
    @media (min-width: 60em) {
      .experience span {
        font-size: 69px;
        font-size: 4.6rem;
        line-height: 90px;
        line-height: 6rem;
        line-height: 45px;
        line-height: 3rem; } }

.experience-en {
  z-index: -50;
  min-width: 50%;
  margin-top: -39.375px; }
  @media (min-width: 35em) {
    .experience-en {
      z-index: 0; } }
  @media (min-width: 44em) {
    .experience-en {
      min-width: inherit;
      left: 16.875px;
      margin-top: 0; } }
  @media (min-width: 90em) {
    .experience-en {
      left: 28.125px; } }
  .experience-en span {
    font-size: 78px;
    font-size: 5.2rem;
    line-height: 90px;
    line-height: 6rem;
    line-height: 28px;
    line-height: 1.875rem;
    margin-bottom: 23px;
    margin-bottom: 1.5rem; }
    @media (min-width: 44em) {
      .experience-en span {
        font-size: 43px;
        font-size: 2.86667rem;
        line-height: 68px;
        line-height: 4.5rem;
        line-height: 23px;
        line-height: 1.5rem;
        margin-bottom: 11px;
        margin-bottom: 0.75rem; } }
    @media (min-width: 60em) {
      .experience-en span {
        font-size: 62px;
        font-size: 4.13333rem;
        line-height: 68px;
        line-height: 4.5rem;
        line-height: 34px;
        line-height: 2.25rem; } }
    @media (min-width: 90em) {
      .experience-en span {
        font-size: 83px;
        font-size: 5.53333rem;
        line-height: 90px;
        line-height: 6rem;
        line-height: 34px;
        line-height: 2.25rem;
        margin-bottom: 45px;
        margin-bottom: 3rem; } }

.dedies {
  float: right;
  text-align: right;
  z-index: -100;
  margin-top: -39.375px; }
  @media (min-width: 35em) {
    .dedies {
      z-index: 0; } }
  @media (min-width: 44em) {
    .dedies {
      float: none;
      margin-top: 45px;
      z-index: 100;
      right: 16.875px; } }
  @media (min-width: 60em) {
    .dedies {
      margin-top: 67.5px; } }
  @media (min-width: 90em) {
    .dedies {
      right: 28.125px; } }
  .dedies span {
    font-size: 99px;
    font-size: 6.6rem;
    line-height: 113px;
    line-height: 7.5rem;
    line-height: 56px;
    line-height: 3.75rem;
    margin-bottom: 16.875px; }
    @media (min-width: 44em) {
      .dedies span {
        font-size: 38px;
        font-size: 2.53333rem;
        line-height: 45px;
        line-height: 3rem;
        line-height: 23px;
        line-height: 1.5rem;
        margin-bottom: 7.5px; } }
    @media (min-width: 60em) {
      .dedies span {
        font-size: 49px;
        font-size: 3.26667rem;
        line-height: 68px;
        line-height: 4.5rem;
        line-height: 28px;
        line-height: 1.875rem;
        margin-bottom: 8.4375px; } }
    @media (min-width: 90em) {
      .dedies span {
        font-size: 62px;
        font-size: 4.13333rem;
        line-height: 68px;
        line-height: 4.5rem;
        line-height: 28px;
        line-height: 1.875rem;
        margin-bottom: 11.25px; } }
    @media (min-width: 110em) {
      .dedies span {
        line-height: 45px;
        line-height: 3rem; } }

.dedies-en {
  float: right;
  z-index: -100;
  text-align: right;
  margin-top: -39.375px; }
  @media (min-width: 35em) {
    .dedies-en {
      z-index: 0; } }
  @media (min-width: 44em) {
    .dedies-en {
      float: none;
      margin-top: 45px;
      z-index: 100;
      right: 16.875px; } }
  @media (min-width: 60em) {
    .dedies-en {
      margin-top: 67.5px; } }
  @media (min-width: 90em) {
    .dedies-en {
      right: 28.125px; } }
  .dedies-en span {
    font-size: 88px;
    font-size: 5.86667rem;
    line-height: 113px;
    line-height: 7.5rem;
    line-height: 51px;
    line-height: 3.375rem;
    margin-bottom: 16.875px; }
    @media (min-width: 44em) {
      .dedies-en span {
        font-size: 38px;
        font-size: 2.53333rem;
        line-height: 45px;
        line-height: 3rem;
        line-height: 23px;
        line-height: 1.5rem;
        margin-bottom: 7.5px; } }
    @media (min-width: 60em) {
      .dedies-en span {
        font-size: 49px;
        font-size: 3.26667rem;
        line-height: 68px;
        line-height: 4.5rem;
        line-height: 28px;
        line-height: 1.875rem;
        margin-bottom: 8.4375px; } }
    @media (min-width: 90em) {
      .dedies-en span {
        font-size: 62px;
        font-size: 4.13333rem;
        line-height: 68px;
        line-height: 4.5rem;
        line-height: 28px;
        line-height: 1.875rem;
        margin-bottom: 11.25px; } }
    @media (min-width: 110em) {
      .dedies-en span {
        font-size: 88px;
        font-size: 5.86667rem;
        line-height: 113px;
        line-height: 7.5rem;
        line-height: 45px;
        line-height: 3rem; } }

.image-intro {
  background: url(../img/triplez-vos-resultats.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  height: 225px;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  margin-left: 45px;
  margin-top: -67.5px; }
  @media (min-width: 44em) {
    .image-intro {
      margin-top: -45px;
      height: 40vh; } }

.image-formation {
  background: url(../img/formations-marketing-face-a-face.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  height: 225px;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  margin-left: 45px;
  margin-top: -67.5px; }
  @media (min-width: 60em) {
    .image-formation {
      margin-top: -45px;
      height: 270px; } }

.image-animation {
  background: url(../img/formation-marketing-face-a-face-en-animation-de-stand.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  height: 225px;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  margin-left: 45px;
  margin-top: -67.5px; }
  @media (min-width: 44em) {
    .image-animation {
      margin-top: -45px;
      height: 40vh; } }

.image-vendre {
  background: url(../img/formation-marketing-face-a-face-pour-vendre-a-un-groupe.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  height: 225px;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  margin-left: 45px;
  margin-top: -67.5px; }
  @media (min-width: 44em) {
    .image-vendre {
      margin-top: -45px;
      height: 40vh; } }

.image-communiquer {
  background: url(../img/formation-marketing-face-a-face-communiquer-en-douceur.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  height: 225px;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  margin-left: 45px;
  margin-top: -67.5px; }
  @media (min-width: 44em) {
    .image-communiquer {
      margin-top: -45px;
      height: 40vh; } }

.image-virtuel {
  background: url(../img/virtual-trade-show-training.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  height: 225px;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  margin-left: 45px;
  margin-top: -67.5px; }
  @media (min-width: 44em) {
    .image-virtuel {
      margin-top: -45px;
      height: 40vh; } }
.image-planification {
  background: url(../img/formation-face-a-face-planification-intelligente.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  height: 225px;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  margin-left: 45px;
  margin-top: -67.5px; }
  @media (min-width: 44em) {
    .image-planification {
      margin-top: -45px;
      height: 40vh; } }

.image-reseautage {
  background: url(../img/formation-marketing-face-a-face-reseautage.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  height: 225px;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  margin-left: 45px;
  margin-top: -67.5px; }
  @media (min-width: 44em) {
    .image-reseautage {
      margin-top: -45px;
      height: 40vh; } }

.image-service {
  background: url(../img/services-marketing-face-a-face.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  height: 225px;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  margin-left: 45px;
  margin-top: -67.5px; }
  @media (min-width: 60em) {
    .image-service {
      margin-top: -45px;
      height: 270px; } }

.image-consultation {
  background: url(../img/service-marketing-face-a-face-consultation.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  height: 225px;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  margin-left: 45px;
  margin-top: -67.5px; }
  @media (min-width: 44em) {
    .image-consultation {
      margin-top: -45px;
      height: 40vh; } }

.image-service-animateur {
  background: url(../img/service-marketing-face-a-face-animateur-de-stand.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  height: 225px;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  margin-left: 45px;
  margin-top: -67.5px; }
  @media (min-width: 44em) {
    .image-service-animateur {
      margin-top: -45px;
      height: 40vh; } }

.image_etude {
  background: url(../img/etude.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  height: 225px;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  margin-left: 45px;
  margin-top: -67.5px; }
  @media (min-width: 60em) {
    .image_etude {
      margin-top: -45px;
      height: 270px; } }

.image_etude-usimm {
  background: url(../img/usimm.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  height: 225px;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  margin-left: 45px;
  margin-top: -67.5px; }
  @media (min-width: 44em) {
    .image_etude-usimm {
      margin-top: -45px;
      height: 40vh; } }

.image_etude-axium {
  background: url(../img/axium.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  height: 225px;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  margin-left: 45px;
  margin-top: -67.5px; }
  @media (min-width: 44em) {
    .image_etude-axium {
      margin-top: -45px;
      height: 40vh; } }

.image_etude-ladouceur {
  background: url(../img/ladouceur.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  height: 225px;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  margin-left: 45px;
  margin-top: -67.5px; }
  @media (min-width: 44em) {
    .image_etude-ladouceur {
      margin-top: -45px;
      height: 40vh; } }

.image_ressource {
  background: url(../img/ressource.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  height: 225px;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  margin-left: 45px;
  margin-top: -67.5px; }
  @media (min-width: 60em) {
    .image_ressource {
      margin-top: -45px;
      height: 270px; } }

.image_notre_equipe {
  background: url(../img/notre_equipe.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  height: 225px;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  margin-left: 45px;
  margin-top: -67.5px; }
  @media (min-width: 60em) {
    .image_notre_equipe {
      margin-top: -45px;
      height: 270px; } }

@media (min-width: 44em) and (min-width: 44em) {
  .image_formateur {
    display: none; } }

.image_notre_equipe-julien {
  background: url(../img/julien_wide.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  height: 225px;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  margin-left: 45px;
  margin-top: -67.5px; }
  @media (min-width: 44em) {
    .image_notre_equipe-julien {
      margin-top: -45px;
      height: 40vh; } }

.image_notre_equipe-guyleine {
  background: url(../img/guyleine.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  height: 225px;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  margin-left: 45px;
  margin-top: -67.5px;
  height: 405px; }
  @media (min-width: 44em) {
    .image_notre_equipe-guyleine {
      margin-top: -45px;
      height: 40vh; } }

.image_notre_equipe-ruben {
  background: url(../img/ruben.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  height: 225px;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  margin-left: 45px;
  margin-top: -67.5px;
  height: 405px; }
  @media (min-width: 44em) {
    .image_notre_equipe-ruben {
      margin-top: -45px;
      height: 40vh; } }

.image_notre_equipe-darcy {
  background: url(../img/scott.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  height: 225px;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  margin-left: 45px;
  margin-top: -67.5px;
  height: 405px; }
  @media (min-width: 44em) {
    .image_notre_equipe-darcy {
      margin-top: -45px;
      height: 40vh; } }

.image_notre_equipe-francois {
  background: url(../img/Tina.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  height: 225px;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  margin-left: 45px;
  margin-top: -67.5px;
  height: 405px; }
  @media (min-width: 44em) {
    .image_notre_equipe-francois {
      margin-top: -45px;
      height: 40vh; } }

.image-contact {
  background: url(../img/contact.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  height: 225px;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  margin-left: 45px;
  margin-top: -67.5px; }
  @media (min-width: 60em) {
    .image-contact {
      margin-top: -45px;
      height: 270px; } }

@media (min-width: 60em) {
  .art-col blockquote {
    position: relative;
    left: -45px; } }
@media (min-width: 60em) {
  .art-col {
    width: 48.57143%;
    float: left;
    margin-top: 0; }
    .art-col:nth-child(2n + 1) {
      margin-left: 0;
      margin-right: -100%;
      clear: both;
      margin-left: 0; }
    .art-col:nth-child(2n + 2) {
      margin-left: 51.42857%;
      margin-right: -100%;
      clear: none; } }
.art-col img,
.art-col .video {
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  margin-bottom: 11px;
  margin-bottom: 0.75rem;
  width: 100%; }
  @media (min-width: 60em) {
    .art-col img,
    .art-col .video {
      position: relative;
      left: -45px; } }
.art-col blockquote + p {
  margin-top: 23px;
  margin-top: 1.5rem; }

.art-col + .art-col {
  margin-top: 11.25px; }
  @media (min-width: 60em) {
    .art-col + .art-col blockquote {
      position: relative;
      left: 0;
      margin-right: -45px; } }
  @media (min-width: 60em) {
    .art-col + .art-col {
      margin-top: 0; } }

.formateur img {
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  width: 100%;
  display: none; }
  @media (min-width: 44em) {
    .formateur img {
      display: block; } }
@media (min-width: 44em) {
  .formateur {
    width: 31.42857%;
    float: right;
    margin-right: 0; } }

@media (min-width: 44em) {
  .formateur-bio {
    width: 65.71429%;
    float: left;
    margin-right: 2.85714%; } }
.formateur-bio blockquote {
  width: 100%; }

@media (min-width: 60em) {
  .col-gauche img {
    width: 100%;
    left: -67.5px; } }
@media (min-width: 60em) {
  .col-gauche blockquote {
    left: -45px; } }

@media (min-width: 60em) {
  .col-droite blockquote {
    width: 100%;
    right: 45px; } }

.cta a {
  border-bottom-width: 1px;
  border-bottom-width: 0.06667rem;
  border-bottom-style: solid;
  padding-bottom: 22px;
  padding-bottom: 1.43333rem;
  border-color: #D9E1E2;
  border-width: 3px;
  text-align: center;
  display: block;
  font-weight: 600;
  margin-top: 23px;
  margin-top: 1.5rem;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  font-size: 21px;
  font-size: 1.4rem;
  line-height: 45px;
  line-height: 3rem;
  line-height: 23px;
  line-height: 1.5rem; }
  .cta a:first-of-type {
    margin-top: 45px;
    margin-top: 3rem; }
  .cta a:focus, .cta a:hover {
    border-color: #201747; }
  @media (min-width: 44em) {
    .cta a {
      font-size: 16px;
      font-size: 1.06667rem;
      line-height: 23px;
      line-height: 1.5rem;
      line-height: 23px;
      line-height: 1.5rem;
      width: 47.82609%;
      float: left; }
      .cta a:first-of-type, .cta a:last-of-type {
        border-bottom-width: 1px;
        border-bottom-width: 0.06667rem;
        border-bottom-style: solid;
        padding-bottom: 22px;
        padding-bottom: 1.43333rem;
        border-top-width: 1px;
        border-top-width: 0.06667rem;
        border-top-style: solid;
        padding-top: 22px;
        padding-top: 1.43333rem;
        margin-top: 23px;
        margin-top: 1.5rem;
        border-color: #D9E1E2;
        border-width: 3px; }
      .cta a:focus, .cta a:hover {
        border-color: #201747; }
      .cta a:nth-child(2n + 1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0; }
      .cta a:nth-child(2n + 2) {
        margin-left: 52.17391%;
        margin-right: -100%;
        clear: none; } }
  @media (min-width: 60em) {
    .cta a {
      font-size: 19px;
      font-size: 1.26667rem;
      line-height: 45px;
      line-height: 3rem;
      line-height: 23px;
      line-height: 1.5rem; } }
  @media (min-width: 90em) {
    .cta a {
      font-size: 21px;
      font-size: 1.4rem;
      line-height: 45px;
      line-height: 3rem;
      line-height: 23px;
      line-height: 1.5rem; } }

.cta + .citation {
  margin-top: 45px;
  margin-top: 3rem; }
  @media (min-width: 60em) {
    .cta + .citation {
      margin-top: 68px;
      margin-top: 4.5rem; } }

@media (min-width: 44em) {
  #services {
    display: flex;
    flex-wrap: nowrap; } }
@media (min-width: 60em) {
  #services {
    padding-top: 23px;
    padding-top: 1.5rem; } }
@media (min-width: 90em) {
  #services {
    padding-top: 45px;
    padding-top: 3rem; } }

@media (min-width: 44em) {
  .service-box {
    display: flex;
    /* establish nested flex container */
    flex-direction: column;
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%; }
    .service-box:nth-child(2n) {
      float: right;
      margin-right: 0; } }

.citation {
  text-align: center; }
  .citation blockquote {
    text-align: left; }
  @media (min-width: 44em) {
    .citation {
      padding-left: 5vw;
      padding-right: 5vw; } }
  @media (min-width: 90em) {
    .citation {
      padding-left: 7vw;
      padding-right: 7vw; } }
  .citation br {
    margin-top: 17px;
    margin-top: 1.125rem; }

.presentation-list {
  padding-left: 22.5px;
  padding-right: 22.5px; }
  @media (min-width: 60em) {
    .presentation-list {
      padding-left: 45px;
      padding-right: 45px; } }
  @media (min-width: 90em) {
    .presentation-list {
      padding-left: 67.5px;
      padding-right: 67.5px; } }
  @media (min-width: 110em) {
    .presentation-list {
      padding-left: 112.5px;
      padding-right: 112.5px; } }
  .presentation-list a {
    display: block;
    position: relative;
    height: 18em; }
    .presentation-list a:hover, .presentation-list a:focus {
      -moz-transform: scale(0.98, 0.98);
      -ms-transform: scale(0.98, 0.98);
      -webkit-transform: scale(0.98, 0.98);
      transform: scale(0.98, 0.98);
      -moz-box-shadow: 0px 2px 7.5px rgba(32, 23, 71, 0.65);
      -webkit-box-shadow: 0px 2px 7.5px rgba(32, 23, 71, 0.65);
      box-shadow: 0px 2px 7.5px rgba(32, 23, 71, 0.65); }
    .presentation-list a h3, .presentation-list a h4, .presentation-list a p {
      padding: 45px 11.25px 15px 11.25px;
      -moz-border-radius: 0 0 11.25px 11.25px;
      -webkit-border-radius: 0;
      border-radius: 0 0 11.25px 11.25px;
      color: #f4f6f6;
      position: absolute;
      bottom: -1px;
      left: 0;
      margin-bottom: 0;
      width: 100%;
      text-shadow: 0px 1px 6px #201747;
      font-weight: 600;
      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIwMTc0NyIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMDE3NDciIHN0b3Atb3BhY2l0eT0iMC44Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
      background-size: 100%;
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(32, 23, 71, 0)), color-stop(100%, rgba(32, 23, 71, 0.8)));
      background-image: -moz-linear-gradient(rgba(32, 23, 71, 0), rgba(32, 23, 71, 0.8));
      background-image: -webkit-linear-gradient(rgba(32, 23, 71, 0), rgba(32, 23, 71, 0.8));
      background-image: linear-gradient(rgba(32, 23, 71, 0), rgba(32, 23, 71, 0.8)); }
    .presentation-list a:link:after {
      display: none; }
    @media (min-width: 35em) {
      .presentation-list a {
        height: 20em; } }
    @media (min-width: 44em) {
      .presentation-list a {
        height: 10em; } }
    @media (min-width: 60em) {
      .presentation-list a {
        height: 18em; } }
    @media (min-width: 90em) {
      .presentation-list a {
        height: 26em; } }

@media (min-width: 35em) {
  .formateurs-l {
    margin: 0 auto;
    width: 75%; } }
@media (min-width: 44em) {
  .formateurs-l {
    width: 100%; } }

@media (min-width: 44em) {
  .col-list-5 a {
    width: 47.22222%;
    float: left;
    margin-left: 1.38889%;
    margin-right: 1.38889%;
    margin-bottom: 2.85714%; }
    .col-list-5 a:nth-child(5) {
      width: 97.22222%;
      float: left;
      margin-left: 1.38889%;
      margin-right: 1.38889%; } }
@media (min-width: 60em) {
  .col-list-5 a {
    width: 30.55556%;
    float: left;
    margin-left: 1.38889%;
    margin-right: 1.38889%;
    margin-bottom: 2.85714%; }
    .col-list-5 a:nth-child(4), .col-list-5 a:nth-child(5) {
      width: 47.22222%;
      float: left;
      margin-left: 1.38889%;
      margin-right: 1.38889%; } }
@media (min-width: 90em) {
  .col-list-5 a {
    width: 18.33333%;
    float: left;
    margin-left: 0.83333%;
    margin-right: 0.83333%;
    margin-bottom: 1.69492%; }
    .col-list-5 a:nth-child(4), .col-list-5 a:nth-child(5) {
      width: 18.33333%;
      float: left;
      margin-left: 0.83333%;
      margin-right: 0.83333%; } }

@media (min-width: 44em) {
  .col-list-5-alt a {
    width: 18.64407%;
    float: left;
    margin-bottom: 1.69492%; }
    .col-list-5-alt a:nth-child(5n + 1) {
      margin-left: 0;
      margin-right: -100%;
      clear: both;
      margin-left: 0; }
    .col-list-5-alt a:nth-child(5n + 2) {
      margin-left: 20.33898%;
      margin-right: -100%;
      clear: none; }
    .col-list-5-alt a:nth-child(5n + 3) {
      margin-left: 40.67797%;
      margin-right: -100%;
      clear: none; }
    .col-list-5-alt a:nth-child(5n + 4) {
      margin-left: 61.01695%;
      margin-right: -100%;
      clear: none; }
    .col-list-5-alt a:nth-child(5n + 5) {
      margin-left: 81.35593%;
      margin-right: -100%;
      clear: none; } }
@media (min-width: 90em) {
  .col-list-5-alt a {
    width: 19.10112%;
    float: left;
    margin-bottom: 1.1236%; }
    .col-list-5-alt a:nth-child(5n + 1) {
      margin-left: 0;
      margin-right: -100%;
      clear: both;
      margin-left: 0; }
    .col-list-5-alt a:nth-child(5n + 2) {
      margin-left: 20.22472%;
      margin-right: -100%;
      clear: none; }
    .col-list-5-alt a:nth-child(5n + 3) {
      margin-left: 40.44944%;
      margin-right: -100%;
      clear: none; }
    .col-list-5-alt a:nth-child(5n + 4) {
      margin-left: 60.67416%;
      margin-right: -100%;
      clear: none; }
    .col-list-5-alt a:nth-child(5n + 5) {
      margin-left: 80.89888%;
      margin-right: -100%;
      clear: none; } }

@media (min-width: 44em) {
  .col-list-3 a {
    width: 31.42857%;
    float: left;
    margin-bottom: 2.85714%; }
    .col-list-3 a:nth-child(3n + 1) {
      margin-left: 0;
      margin-right: -100%;
      clear: both;
      margin-left: 0; }
    .col-list-3 a:nth-child(3n + 2) {
      margin-left: 34.28571%;
      margin-right: -100%;
      clear: none; }
    .col-list-3 a:nth-child(3n + 3) {
      margin-left: 68.57143%;
      margin-right: -100%;
      clear: none; } }
@media (min-width: 90em) {
  .col-list-3 a {
    width: 32.39437%;
    float: left;
    margin-bottom: 1.40845%; }
    .col-list-3 a:nth-child(3n + 1) {
      margin-left: 0;
      margin-right: -100%;
      clear: both;
      margin-left: 0; }
    .col-list-3 a:nth-child(3n + 2) {
      margin-left: 33.80282%;
      margin-right: -100%;
      clear: none; }
    .col-list-3 a:nth-child(3n + 3) {
      margin-left: 67.60563%;
      margin-right: -100%;
      clear: none; } }

@media (min-width: 44em) {
  .col-list-2 a {
    width: 48.57143%;
    float: left;
    margin-bottom: 2.85714%; }
    .col-list-2 a:nth-child(2n + 1) {
      margin-left: 0;
      margin-right: -100%;
      clear: both;
      margin-left: 0; }
    .col-list-2 a:nth-child(2n + 2) {
      margin-left: 51.42857%;
      margin-right: -100%;
      clear: none; } }
@media (min-width: 90em) {
  .col-list-2 a {
    width: 49.29577%;
    float: left;
    margin-bottom: 1.40845%; }
    .col-list-2 a:nth-child(2n + 1) {
      margin-left: 0;
      margin-right: -100%;
      clear: both;
      margin-left: 0; }
    .col-list-2 a:nth-child(2n + 2) {
      margin-left: 50.70423%;
      margin-right: -100%;
      clear: none; } }
@media (min-width: 90em) {
  .col-list-2 {
    padding-left: 10vw;
    padding-right: 10vw; } }
@media (min-width: 110em) {
  .col-list-2 {
    padding-left: 18vw;
    padding-right: 18vw; } }

.formation-l .planification {
  background: url(../img/formation-face-a-face-planification-intelligente.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }
.formation-l .animation {
  background: url(../img/formation-marketing-face-a-face-en-animation-de-stand.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }
.formation-l .reseautage {
  background: url(../img/formation-marketing-face-a-face-reseautage.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }
.formation-l .vendre {
  background: url(../img/formation-marketing-face-a-face-pour-vendre-a-un-groupe.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }
.formation-l .communiquer {
  background: url(../img/formation-marketing-face-a-face-communiquer-en-douceur.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }

.formation-l .virtuel {
  background: url(../img/virtual-trade-show-training.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }

.services-l .consultation {
  background: url(../img/service-marketing-face-a-face-consultation.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }
.services-l .service-animation {
  background: url(../img/service-marketing-face-a-face-animateur-de-stand.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }

.etudes-l .usimm {
  background: url(../img/usimm.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }
.etudes-l .axium {
  background: url(../img/axium.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }
.etudes-l .ladouceur {
  background: url(../img/ladouceur.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }

#main-content-etude .art-col-etude + .art-col-etude {
  margin-top: 23px;
  margin-top: 1.5rem; }
  @media (min-width: 44em) {
    #main-content-etude .art-col-etude + .art-col-etude {
      margin-top: 0; } }
@media (min-width: 44em) {
  #main-content-etude .art-col-etude {
    width: 47.82609%;
    float: left; }
    #main-content-etude .art-col-etude:nth-child(2n + 1) {
      margin-left: 0;
      margin-right: -100%;
      clear: both;
      margin-left: 0; }
    #main-content-etude .art-col-etude:nth-child(2n + 2) {
      margin-left: 52.17391%;
      margin-right: -100%;
      clear: none; }
    #main-content-etude .art-col-etude:last-of-type {
      width: 100%;
      float: right;
      margin-right: 0;
      margin-top: 23px;
      margin-top: 1.5rem; } }
@media (min-width: 90em) {
  #main-content-etude .art-col-etude {
    width: 31.42857%;
    float: left; }
    #main-content-etude .art-col-etude:nth-child(3n + 1) {
      margin-left: 0;
      margin-right: -100%;
      clear: both;
      margin-left: 0; }
    #main-content-etude .art-col-etude:nth-child(3n + 2) {
      margin-left: 34.28571%;
      margin-right: -100%;
      clear: none; }
    #main-content-etude .art-col-etude:nth-child(3n + 3) {
      margin-left: 68.57143%;
      margin-right: -100%;
      clear: none; }
    #main-content-etude .art-col-etude:last-of-type {
      width: 31.42857%;
      float: left;
      margin-top: 0; }
      #main-content-etude .art-col-etude:last-of-type:nth-child(3n + 1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0; }
      #main-content-etude .art-col-etude:last-of-type:nth-child(3n + 2) {
        margin-left: 34.28571%;
        margin-right: -100%;
        clear: none; }
      #main-content-etude .art-col-etude:last-of-type:nth-child(3n + 3) {
        margin-left: 68.57143%;
        margin-right: -100%;
        clear: none; } }

#main-content-etude, .cta {
  margin-top: 90px;
  margin-top: 6rem; }
  @media (min-width: 44em) {
    #main-content-etude, .cta {
      margin-top: 0; } }

.temoignages {
  margin-top: 68px;
  margin-top: 4.5rem; }
  .temoignages div {
    margin-bottom: 68px;
    margin-bottom: 4.5rem; }

.left-quote:before {
  content: "" attr(cite);
  color: #4EC3E0;
  width: 100%;
  position: absolute;
  padding: 22.5px 0 0 0;
  font-weight: 600;
  font-style: italic;
  text-align: left;
  display: block;
  overflow: hidden;
  *zoom: 1;
  top: 100%;
  left: 0; }

.right-quote:before {
  content: "" attr(cite);
  color: #4EC3E0;
  width: 100%;
  position: absolute;
  padding: 22.5px 0 0 0;
  font-weight: 600;
  font-style: italic;
  text-align: right;
  display: block;
  overflow: hidden;
  *zoom: 1;
  top: 100%;
  right: 0; }

#ressources ul li {
  margin-bottom: 23px;
  margin-bottom: 1.5rem; }
#ressources h3 {
  border-bottom-width: 3px;
  border-bottom-width: 0.2rem;
  border-bottom-style: solid;
  padding-bottom: 20px;
  padding-bottom: 1.3rem;
  padding-bottom: 0px;
  margin-bottom: 23px;
  margin-bottom: 1.5rem; }

@media (min-width: 44em) {
  #list-video {
    width: 47.82609%;
    float: left;
    margin-right: 4.34783%; } }
@media (min-width: 60em) {
  #list-video {
    width: 29.41176%;
    float: left;
    margin-right: 5.88235%; } }

@media (min-width: 44em) {
  #list-articles {
    width: 47.82609%;
    float: right;
    margin-right: 0; } }
@media (min-width: 60em) {
  #list-articles {
    width: 64.70588%;
    float: right;
    margin-right: 0; } }
#list-articles li {
  border-bottom-width: 1px;
  border-bottom-width: 0.06667rem;
  border-bottom-style: solid;
  padding-bottom: 22px;
  padding-bottom: 1.43333rem; }

#animateurs {
  padding-top: 0; }

.julien {
  background: url(../img/julien.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }

.guyleine {
  background: url(../img/guyleine.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }

.ruben {
  background: url(../img/ruben.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }

.darcy {
  background: url(../img/scott.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }

.francois {
  background: url(../img/Tina.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }

.animateurs-l {
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; }
  .animateurs-l li {
    padding: 22.5px;
    border: none;
    -moz-border-radius: 11.25px;
    -webkit-border-radius: 11.25px;
    border-radius: 11.25px;
    -moz-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
    -webkit-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
    box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
    margin: 11.25px;
    display: block;
    position: relative;
    text-align: center;
    height: 9em;
    /*
    		@include susy-breakpoint($tablet, 7){
    			height: 20vh;
    			@include gallery(1)
    		}
    		@include susy-breakpoint($large-screen, 14){
    			height: 15vh;
    			@include gallery(2)
    		}
    */ }
    .animateurs-l li h4, .animateurs-l li p {
      color: #f4f6f6;
      text-shadow: 0px 1px 6px #201747; }
    .animateurs-l li h4 {
      font-weight: 800;
      font-size: 17px;
      font-size: 1.13333rem;
      line-height: 23px;
      line-height: 1.5rem;
      position: absolute;
      bottom: 7.5px;
      left: 0;
      right: 0;
      margin: 0; }
    .animateurs-l li:link:after {
      display: none; }
  .animateurs-l .alethea {
    background: url(../img/Alethea1.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover; }
  .animateurs-l .bruce {
    background: url(../img/bruce.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover; }
  .animateurs-l .jennifer {
    background: url(../img/web-jennifer-cropped.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover; }
  .animateurs-l .karine {
    background: url(../img/karine.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover; }
  .animateurs-l .guyleine_f {
    background: url(../img/guyleine_f.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover; }
  .animateurs-l .marianne {
    background: url(../img/marianne.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover; }
  .animateurs-l .nanny {
    background: url(../img/nanny.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover; }
  .animateurs-l .ruben-2 {
    background: url(../img/ruben_2.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover; }
  .animateurs-l .valerie_g {
    background: url(../img/valerie_g.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover; }
  .animateurs-l .valerie_p {
    background: url(../img/valerie_p.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover; }

.bio_photo img {
  width: 100%; }
.bio_photo .box {
  padding: 0; }

.bio_text #description {
  padding-top: 0; }

#contact .coordonnes {
  margin-bottom: 23px;
  margin-bottom: 1.5rem; }
  #contact .coordonnes h3 {
    font-weight: 800; }
  #contact .coordonnes h4, #contact .coordonnes h5 {
    margin-bottom: 0; }
#contact blockquote {
  display: none; }
  @media (min-width: 44em) {
    #contact blockquote {
      display: block; } }

footer {
  border: none;
  padding-bottom: 4em;
  background-color: #201747;
  text-align: center; }
  footer a, footer p {
    color: rgba(244, 246, 246, 0.5); }
  footer p {
    padding-top: 23px;
    padding-top: 1.5rem; }
  footer h6 {
    text-align: center;
    color: #f4f6f6;
    font-weight: 900;
    font-style: italic;
    font-size: 30px;
    font-size: 2rem;
    line-height: 45px;
    line-height: 3rem;
    margin-top: 90px;
    margin-top: 6rem;
    margin-bottom: 90px;
    margin-bottom: 6rem;
    margin-top: 23px;
    margin-top: 1.5rem;
    margin-bottom: 45px;
    margin-bottom: 3rem; }
    @media (min-width: 60em) {
      footer h6 {
        font-size: 38px;
        font-size: 2.53333rem;
        line-height: 45px;
        line-height: 3rem; } }
    @media (min-width: 90em) {
      footer h6 {
        margin-top: 45px;
        margin-top: 3rem;
        margin-bottom: 90px;
        margin-bottom: 6rem; } }
  footer a:hover {
    color: #f4f6f6;
    background-color: #201747; }
  @media (min-width: 44em) {
    footer {
      -moz-border-radius: 11.25px;
      -webkit-border-radius: 11.25px;
      border-radius: 11.25px;
      margin-left: 22.5px;
      margin-right: 22.5px;
      margin-bottom: 22.5px;
      padding: 22.5px; }
      footer p {
        font-size: 12px;
        font-size: 0.8rem;
        line-height: 23px;
        line-height: 1.5rem;
        font-weight: 400; } }

.citation + footer,
.cta + footer {
  margin-top: 90px;
  margin-top: 6rem; }
  @media (min-width: 90em) {
    .citation + footer,
    .cta + footer {
      margin-top: 135px;
      margin-top: 9rem; } }

#navigation-bottom ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  width: 100%;
  text-align: center;
  color: #f4f6f6; }
  #navigation-bottom ul li {
    border-bottom-width: 1px;
    border-bottom-width: 0.06667rem;
    border-bottom-style: solid;
    padding-bottom: 22px;
    padding-bottom: 1.43333rem;
    border-color: rgba(244, 246, 246, 0.5);
    padding: 22.5px;
    font-size: 30px;
    font-size: 2rem;
    line-height: 45px;
    line-height: 3rem;
    font-weight: 200; }
    #navigation-bottom ul li a {
      color: #f4f6f6;
      box-shadow: none; }
      #navigation-bottom ul li a:link:after {
        display: none; }
      #navigation-bottom ul li a:hover {
        background: none;
        color: #f4f6f6; }
  #navigation-bottom ul li:first-child {
    border-top-width: 1px;
    border-top-width: 0.06667rem;
    border-top-style: solid;
    padding-top: 22px;
    padding-top: 1.43333rem; }
  #navigation-bottom ul ul {
    display: none;
    width: 100%; }
    @media (min-width: 44em) {
      #navigation-bottom ul ul {
        display: block; } }
  @media (min-width: 44em) {
    #navigation-bottom ul {
      text-align: left; }
      #navigation-bottom ul:after {
        content: "";
        clear: both;
        display: table; }
      #navigation-bottom ul li {
        color: rgba(244, 246, 246, 0.5);
        border: none;
        font-size: 13px;
        font-size: 0.86667rem;
        line-height: 23px;
        line-height: 1.5rem;
        text-transform: uppercase;
        padding: 0;
        width: 15.49296%;
        margin-right: 1.40845%;
        float: left;
        font-weight: 600; } }
    @media (min-width: 44em) and (min-width: 60em) {
      #navigation-bottom ul li {
        font-size: 15px;
        font-size: 1rem;
        line-height: 23px;
        line-height: 1.5rem; } }
  @media (min-width: 44em) {
        #navigation-bottom ul li:first-of-type {
          display: none; }
        #navigation-bottom ul li:last-of-type {
          margin-right: 0; }
        #navigation-bottom ul li a {
          color: rgba(244, 246, 246, 0.5); }
        #navigation-bottom ul li ul {
          border-top-width: 1px;
          border-top-width: 0.06667rem;
          border-top-style: solid;
          padding-top: 22px;
          padding-top: 1.43333rem;
          border-color: rgba(244, 246, 246, 0.5);
          margin: 0; }
          #navigation-bottom ul li ul li {
            text-transform: none;
            font-size: 13px;
            font-size: 0.86667rem;
            line-height: 23px;
            line-height: 1.5rem;
            line-height: 17px;
            line-height: 1.125rem;
            width: 100%;
            margin-right: 0;
            margin-bottom: 8px;
            margin-bottom: 0.5625rem;
            font-weight: 300; }
            #navigation-bottom ul li ul li:first-of-type {
              padding-top: 0;
              border-top: none;
              display: block; } }
  @media (min-width: 90em) {
    #navigation-bottom ul {
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding: 0 22.5px; }
      #navigation-bottom ul:after {
        content: " ";
        display: block;
        clear: both; } }
  @media (min-width: 90em) and (min-width: 35em) {
    #navigation-bottom ul {
      width: 75%; } }
  @media (min-width: 90em) and (min-width: 44em) {
    #navigation-bottom ul {
      padding: 0;
      width: 88%; } }
  @media (min-width: 90em) and (min-width: 60em) {
    #navigation-bottom ul {
      width: 80%; } }
  @media (min-width: 90em) and (min-width: 90em) {
    #navigation-bottom ul {
      width: 70%; } }
  @media (min-width: 90em) and (min-width: 110em) {
    #navigation-bottom ul {
      width: 50%; } }

fieldset {
  padding: 22.5px;
  border: none;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  -moz-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -webkit-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -moz-border-radius: 11.25px 11.25px 11.25px 0;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px 11.25px 11.25px 0;
  padding: 22.5px;
  position: relative;
  display: inline-block;
  margin-bottom: 23px;
  margin-bottom: 1.5rem;
  background-color: #D9E1E2;
  display: block; }
  fieldset legend {
    text-transform: uppercase;
    color: #FCE300; }
  fieldset:after {
    content: "";
    position: absolute;
    bottom: -1.95rem;
    left: 0px;
    margin: 0;
    display: block;
    padding: 0;
    width: 2rem;
    height: 2rem; }
    @supports (-ms-accelerator: true) {
      fieldset:after {
        bottom: -1.55rem; } }
  fieldset _:-ms-fullscreen, :root fieldset:after {
    bottom: -1.55rem; }
  fieldset:after {
    background: url(../img/bubble_gray.svg) no-repeat; }

#form_elements {
  margin-bottom: 135px;
  margin-bottom: 9rem; }
  @media (min-width: 60em) {
    #form_elements {
      margin-right: -67.5px; } }

form p, form label {
  font-weight: 400;
  display: block;
  line-height: 22.5px; }
  form p html, form label html {
    font-size: 93.75%;
    line-height: 1.5em; }

input[type="text"], input[type="text"], input[type="email"], input[type="tel"], textarea {
  font-family: "Quire Sans W04", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-appearance: none;
  border: none;
  font-size: 17px;
  font-size: 1.13333rem;
  line-height: 23px;
  line-height: 1.5rem;
  border-width: 3px;
  border-width: 0.2rem;
  border-style: solid;
  padding: 20px;
  padding: 1.3rem;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  padding: 11.25px;
  margin-top: 22.5px;
  border-color: #f4f6f6;
  font-weight: 600;
  width: 100%;
  background-color: #D9E1E2;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease; }
  input[type="text"]:first-of-type, input[type="text"]:first-of-type, input[type="email"]:first-of-type, input[type="tel"]:first-of-type, textarea:first-of-type {
    margin-top: 0; }
  input[type="text"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus {
    border-color: #E10098;
    outline: none;
    background-color: #f4f6f6; }

textarea {
  height: 202.5px; }

.select-container {
  margin-top: 22.5px; }

.g-recaptcha {
  margin-top: 22.5px;
  width: 200px; }

input[type="submit"] {
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  -moz-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -webkit-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  font-family: "Quire Sans W04";
  font-weight: 600;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 33.75px; }

button {
  font-family: "Quire Sans W04", "Helvetica Neue", Helvetica, Arial, sans-serif;
  cursor: hand; }

/* Default custom select styles */
#msg_submition {
  position: relative;
  display: none; }

#msg_submitting {
  display: none;
  z-index: 1000; }

#msg_submitted {
  display: none;
  z-index: 0; }

div.cs-select {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: left;
  background: #f4f6f6;
  z-index: 100;
  width: 100%;
  min-width: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

div.cs-select:focus {
  outline: none;
  /* For better accessibility add a style for this in your skin */ }

.cs-select select {
  display: none; }

.cs-placeholder:focus {
  border-color: #E10098; }

.cs-select span {
  display: block;
  position: relative;
  cursor: pointer;
  padding: 11.25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

/* Placeholder and selected option */
.cs-select > span {
  padding-right: 3em; }

.cs-select > span::after,
.cs-select .cs-selected span::after {
  speak: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.cs-select > span::after {
  content: '\25BE';
  right: 1em; }

.cs-select .cs-selected span::after {
  content: '\2713';
  margin-left: 1em; }

.cs-select.cs-active > span::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg); }

div.cs-active {
  z-index: 200; }

/* Options */
.cs-select .cs-options {
  position: absolute;
  overflow: hidden;
  width: 100%;
  background: #f4f6f6;
  visibility: hidden; }

.cs-select.cs-active .cs-options {
  visibility: visible;
  -moz-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  -webkit-box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45);
  box-shadow: 0px 2px 11.25px rgba(32, 23, 71, 0.45); }

.cs-select ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%; }

.cs-select ul span {
  padding: 1em; }

.cs-select ul li.cs-focus span {
  background-color: #E10098; }

/* Optgroup and optgroup label */
.cs-select li.cs-optgroup ul {
  padding-left: 1em; }

.cs-select li.cs-optgroup > span {
  cursor: default; }

div.cs-skin-border {
  background: transparent;
  font-size: 17px;
  font-size: 1.13333rem;
  line-height: 23px;
  line-height: 1.5rem;
  font-weight: 600;
  min-width: 100%; }

.cs-skin-border > span {
  border: 3px solid #f4f6f6;
  border-color: #f4f6f6;
  margin-bottom: 22.5px;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  -webkit-transition: background 0.2s, border-color 0.2s;
  transition: background 0.2s, border-color 0.2s; }

.cs-skin-border > span::after,
.cs-skin-border .cs-selected span::after {
  font-family: 'icomoon';
  content: '\e000'; }

.cs-skin-border ul span::after {
  content: '';
  opacity: 0; }

.cs-skin-border .cs-selected span::after {
  content: '\e00e';
  color: #E10098;
  font-size: 27px;
  font-size: 1.8rem;
  line-height: 45px;
  line-height: 3rem;
  text-align: right;
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s; }

.cs-skin-border.cs-active > span {
  background-color: #f4f6f6;
  border-color: #f4f6f6;
  color: #828788; }

.cs-skin-border .cs-options {
  color: #828788;
  font-size: 17px;
  font-size: 1.13333rem;
  line-height: 23px;
  line-height: 1.5rem;
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  opacity: 0;
  -webkit-transition: opacity 0.2s, visibility 0s 0.2s;
  transition: opacity 0.2s, visibility 0s 0.2s; }

.cs-skin-border.cs-active .cs-options {
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s; }

.cs-skin-border ul span {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.cs-skin-border .cs-options li span:hover,
.cs-skin-border li.cs-focus span {
  -moz-border-radius: 11.25px;
  -webkit-border-radius: 11.25px;
  border-radius: 11.25px;
  background: #E10098;
  color: #f4f6f6; }
