/*!
 * Project:   Int Woman Day 2016 (based on one.org)
 * Date:      2016/02/28
/* ---------------------------------------- */


* { margin: 0; padding: 0; }

html { overflow-y: scroll; font-size: 100.01%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { background: #fff; font-size: 62.5%; }

body, textarea, input, select, option, button { color: #3a3e42; font: 18px/1.5 Colfax,Helvetica Neue,Helvetica,Arial,sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
div, form, blockquote, article, aside, details, figcaption, figure, footer, header, menu, nav, section, ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { display: block; margin: 0 0 27px; } :last-child { margin-bottom: 0 !important; } .last-child { margin-bottom: 0 !important; }
body > :not(.root-a), body > :not(.root-a) div, body > :not(.root-a) form { margin-bottom: 0; }

@media screen and (max-width: 767px) {
body, textarea, input, select, option, button { font-size: 16px; }
div, form, blockquote, article, aside, details, figcaption, figure, footer, header, menu, nav, section, ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 24px; }
}

@font-face { font-family: 'Stone Harbour'; src: url('../fonts/stoneharbour/stoneharbour-regular-webfont.eot'); src: url('../fonts/stoneharbour/stoneharbour-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/stoneharbour/stoneharbour-regular-webfont.woff2') format('woff2'), url('../fonts/stoneharbour/stoneharbour-regular-webfont.woff') format('woff'), url('../fonts/stoneharbour/stoneharbour-regular-webfont.ttf') format('truetype'), url('../fonts/stoneharbour/stoneharbour-regular-webfont.svg#stone_harbourregular') format('svg'); font-weight: normal; font-style: normal; }

/*!
 * Layout
/* ---------------------------------------- */

.root-a { position: relative; overflow: hidden; width: 100%; min-height: 100vh; min-width: 320px; margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
 .root-a *, .root-a *:before, .root-a *:after { -moz-box-sizing: inherit; -webkit-box-sizing: inherit; box-sizing: inherit; }
 .root-a > .wrap { margin: 0; }
  .root-a .contain { max-width: 1280px; margin-left: auto; margin-right: auto; border-left: 50px solid transparent; border-right: 50px solid transparent; }

@media screen and (max-width: 1279px) {
.root-a .contain { border-left-width: 30px; border-right-width: 30px; }
}
@media screen and (max-width: 599px) {
.root-a .contain { border-left-width: 20px; border-right-width: 20px; }
}

/* grid */

[class*="grid-a"] { overflow: hidden; margin: 0 0 35px; }
[class*="grid-a"]:first-child { margin-top: 0; }
 [class*="grid-a"] > .wrap { margin: -40px -20px 0; font-size: 0; letter-spacing: -1em; }
 [class*="grid-a"] > .wrap { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  [class*="grid-a"] > .wrap > .cell { display: inline-block; position: relative; width: 24.999%; margin: 0; border: 1px solid transparent; border-width: 40px 20px 0; font-size: 14px; letter-spacing: 0; vertical-align: top; }
  [class*="grid-a"] > .wrap > .w25 { width: 24.999%; }
  [class*="grid-a"] > .wrap > .w33 { width: 33.333%; }
  [class*="grid-a"] > .wrap > .w40 { width: 39.999%; }
  [class*="grid-a"] > .wrap > .w50 { width: 49.999%; }
  [class*="grid-a"] > .wrap > .w60 { width: 59.999%; }
  [class*="grid-a"] > .wrap > .w75 { width: 74.999%; }
  [class*="grid-a"] > .wrap > .w100 { width: 100%; }

/*!
 * Modules
/* ---------------------------------------- */

.browser-a { margin: 0 0 40px; padding: 20px 40px; background: #b22; color: #fff; text-align: center; }
 .browser-a a { color: #fff !important; text-decoration: underline; }

/* global content */

.content-a { margin-bottom: 0; }

/* intro */

.intro-a { min-height: calc(100vh - 80px); margin: 0; padding: 120px 0 150px; background: #531335 url(../images/intro-a-bg-a.jpg) 50% 0 no-repeat; background-size: cover; color: #fff; text-align: center; }
.intro-a.thanks { padding-bottom: 100px; }
 .intro-a > .contain { max-width: 1280px; }
  .intro-a .hxb { max-width: 950px; margin: 0 auto 40px; }
  .intro-a .names { margin: 0 0 50px; padding: 0; }
   .intro-a .names li { display: inline-block; margin: 0 5px; font: 300 16px/1.5 Colfax Light,Colfax,Helvetica Neue,Helvetica,Arial,sans-serif; vertical-align: top; }
   .intro-a .names li.special { padding: 0 7px; background: #fff; color: #ed1165; font-family: Colfax Medium,Colfax,Helvetica Neue,Helvetica,Arial,sans-serif; font-weight: normal; }
    .intro-a .names li:before { display: none; }
  .intro-a .more { font: 18px/1.5 Colfax Medium,Colfax,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; }
   .intro-a .more a { color: #fff; text-decoration: underline; }

.flexbox .intro-a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 767px) {
.intro-a { min-height: calc(100vh - 50px); padding: 60px 0 130px; }
.safari .intro-a { min-height: calc(100vh - 50px - 60px); }
.intro-a.thanks { padding-bottom: 70px; }
 .intro-a .hxb { margin-bottom: 30px; }
 .intro-a .hxc { font-size: 26px; }
 .intro-a .names { display: none; }
}
@media screen and (max-width: 479px) {
.intro-a.thanks { padding-bottom: 20px; }
 .intro-a .hxa { margin-bottom: 20px; font-size: 22px; }
 .intro-a .hxa + .hxb { font-family: Colfax Regular,Colfax,Helvetica Neue,Helvetica,Arial,sans-serif; }
 .intro-a .hxb,
 .intro-a .hxc { margin-bottom: 20px; font-size: 18px; }
}

/* join form */

.join-a { }
 .join-a .fields { font-size: 0; letter-spacing: -1em; }
  .join-a .fields p { display: inline-block; width: 25%; margin: 0; padding: 0 10px; font-size: 16px; letter-spacing: 0; vertical-align: top; }
  .join-a .fields .extra { display: inline-block; overflow: hidden; width: 885px; height: 40px; margin: 0; vertical-align: top; }
  .join-a .fields .extra { -webkit-transition: width 0.5s, height 0.5s; transition: width 0.5s, height 0.5s; }
  .join-a.is-off .fields .extra { width: 0; }
   .join-a .fields .extra .wrap { width: 885px; }
    .join-a .fields .extra p { width: 33.33%; }
     .join-a label:first-child { display: none; }
     .join-a.is-off .name input[type] { text-align: center; }
     .join-a input[type] { width: 100%; padding: 0 10px; border: none; border-bottom: 2px solid #fff; background: none; color: #fff; font: 20px/1 Colfax Medium,Colfax,Helvetica Neue,Helvetica,Arial,sans-serif; }
     .join-a select { width: 100%; padding: 0 40px 0 10px; border: none; border-bottom: 2px solid #fff; background-color: transparent; color: #fff; font: 20px/1 Colfax Medium,Colfax,Helvetica Neue,Helvetica,Arial,sans-serif; }
 .join-a .action { margin-top: 30px; }
  .join-a .button-a { min-width: 220px; }

@media screen and (max-width: 1279px) {
.join-a .fields p { display: block; width: 320px; margin: 0 auto; padding: 0; }
.join-a .fields .extra { display: block; width: 320px !important; height: 140px; margin: 10px auto 0; }
 .join-a .fields .extra .wrap { width: 100%; }
 .join-a.is-off .fields .extra { height: 0; margin-top: 0; }
  .join-a .fields .extra p { width: 100%; margin-bottom: 10px; }
  .join-a .button-a { min-width: 320px; }
}
@media screen and (max-width: 599px) {
.join-a .fields p { width: 100%; }
.join-a .fields .extra { width: 100% !important; }
 .join-a input[type], .join-a select { font-size: 16px; }
.join-a .action { margin-top: 0; }
 .join-a .button-a { width: 100%; min-width: 0; }
}

/* faux join */

.join-b { text-align: center; }
 .page-a > .join-b { padding: 50px 0 80px; color: #fff; }
 .join-b .hx { margin-bottom: 15px; font: 64px/1 Stone Harbour,Helvetica Neue,Helvetica,Arial,sans-serif; }
 .join-b .hx + p { text-transform: uppercase; }
 .join-b .fauxform { margin-top: 40px; }
  .join-b .fauxform label { display: inline-block; color: inherit; vertical-align: top; }
   .join-b .fauxform span { display: inline-block; width: 285px; border-bottom: 2px solid #fff; color: inherit; font: 20px/38px Colfax Medium,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; vertical-align: top; }
   .join-b .fauxform .button-a { margin-left: 10px; vertical-align: top; }

@media screen and (max-width: 767px) {
.join-b .hx { font-size: 50px; }
.join-b .hx + p { font-size: 14px; }
.join-b .fauxform { margin-top: 30px; }
 .join-b .fauxform span { display: block; margin-bottom: 20px; font-size: 18px; }
 .join-b .fauxform .button-a { display: block; min-width: 285px; margin-left: 0; }
}
@media screen and (max-width: 359px) {
.join-b .fauxform span,
.join-b .fauxform .button-a { width: 100%; }
}

/* letter page */

.page-a { background: #7c1351 url(../images/page-a-bg-a.png); }
 .page-a > .contain { margin-bottom: 0; padding: 50px 0; border-color: #fff; background: #fff; }

@media screen and (max-width: 599px) {
.page-a > .contain { padding: 30px 0; }
}

.page-a.letter { }
 .page-a.letter > .contain { position: relative; max-width: 880px; }
  .page-a.letter .label { position: absolute; left: 50px; top: -160px; color: #fff; font: 24px/1 Stone Harbour,Helvetica Neue,Helvetica,Arial,sans-serif; }
  .page-a.letter .label { -webkit-transform: rotate(-8deg); -ms-transform: rotate(-8deg); transform: rotate(-8deg); }
   .page-a.letter .label:before { position: absolute; right: 100%; top: 100%; content: ''; width: 28px; height: 29px; margin: -2px 10px 0 0; background: url(../images/page-a-arrow-a.png) no-repeat; }

@media screen and (max-width: 767px) {
.page-a.letter .label { left: 40px; top: -75px; font-size: 20px; }
.page-a.letter .more { overflow: hidden; height: 20px; text-align: center; }
 .page-a.letter .more:before { display: inline-block; content: attr(data-label); margin: 0 0 20px; color: #EF3340; box-shadow: 0 1px 0; font-size: 14px; line-height: 16px; text-transform: uppercase; text-align: center; vertical-align: top; }
.page-a.letter .more.is-active { height: auto; text-align: left; }
  .page-a.letter .more.is-active:before { display: none; }
}

/* socials */

.share-a { margin: 0 0 40px; }
 .share-a ul { list-style: none; margin: -20px 0 0; padding: 0; font-size: 0; letter-spacing: -1em; text-align: center; }
  .share-a li { display: inline-block; width: 33.33%; margin: 0; padding: 20px 10px 0; font-size: 16px; letter-spacing: 0; vertical-align: top; }
   .share-a li:before { display: none; }
   .share-a li a { display: block; padding: 17px 25px; border: 2px solid; color: inherit; font: 18px/26px Colfax Medium,Colfax,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; }
   .intro-a .share-a li a { border-color: #fff; }
   .share-a li a:hover { background-color: #fff; color: #EF3340; text-decoration: none; }
    .share-a li a span { float: left; margin-top: 3px; color: inherit; }

@media screen and (max-width: 1023px) {
.share-a li { width: 49.99%; }
}
@media screen and (max-width: 767px) {
.share-a ul { margin-top: -15px; }
 .share-a li { display: block; width: 100%; padding: 15px 0 0; }
  .share-a li a { padding: 6px 15px 4px; font-size: 16px; }
}

/* custom tick boxes */

.tick-a { }
:root .tick-a { position: absolute; left: -10001px; }
:root .tick-a + label { vertical-align: top; }
 :root .tick-a + label:before { display: inline-block; content: ''; width: 16px; height: 16px; margin: 2px 10px 0 0; padding: 3px; border: 1px solid #ccc; background: #fff; background-clip: content-box; vertical-align: top; }
 :root .tick-a[type=radio] + label:before { border-radius: 50%; }
 :root .tick-a:checked + label:before { background-color: #444; }

/* global header */

.top-a { position: fixed; left: 0; top: 0; right: 0; z-index: 101; height: 80px; margin: 0; padding: 15px 0 0; background: #fff; box-shadow: 0 2px 3px rgba(0,0,0,0.25); text-align: center; }
.top-a + .content-a { padding-top: 80px; }
  .top-a img { display: block; }
 .top-a .logo { display: inline-block; margin: 0; vertical-align: top; }
  .top-a .logo img { width: 50px; height: 50px; }
 .top-a .title { display: inline-block; max-height: 55px; margin: 0 0 0 50px; padding-top: 5px; vertical-align: top; }
  .top-a .title span { display: inline-block; margin: -4px 0 0; font: 55px/1 Colfax Bold,Colfax,Helvetica Neue,Helvetica,Arial,sans-serif; letter-spacing: -0.125em; word-spacing: 0.15em; text-transform: uppercase; vertical-align: top; }
  .top-a .title img { width: 411px; height: 40px; }
	.lang-de .top-a .title img { width: 502px; }
  	.lang-fr .top-a .title img { width: 357px; }

@media screen and (max-width: 767px) {
.top-a { height: 50px; padding-top: 9px; }
.top-a + .content-a { padding-top: 50px; }
 .top-a .logo img { width: 32px; height: 32px; }
 .top-a .title { max-height: 35px; margin-left: 20px; padding-top: 6px; }
  .top-a .title span { margin-top: -4px; font-size: 32px; }
  .top-a .title img { width: 205px; height: 20px; }
  .lang-de .top-a .title img { width: 252px; }
  	.lang-fr .top-a .title img { width: 174px; }
}
@media screen and (max-width: 359px) {
.top-a .title span { margin-top: -2px; font-size: 28px; }
}

/* responsive video */

.video-a { position: relative; overflow: hidden; height: 0; padding: 0 0 56.25%; }
 .video-a iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*!
 * Buttons
/* ---------------------------------------- */

.button-a, button, input[type="submit"], input[type="button"], input[type="reset"] { display: inline-block; height: auto; min-height: 40px; padding: 5px 19px 3px; border: 1px solid #7c1351; background: #7c1351; color: #fff; font-size: 22px; line-height: 30px; text-transform: uppercase; text-align: center; text-decoration: none !important; outline: none; }
.button-a:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover {  }

.button-a.white { border-color: #fff; background-color: #fff; color: #7c1351; }

@media screen and (max-width: 767px) {
.button-a { padding-top: 7px; padding-bottom: 5px; font-size: 18px; line-height: 26px; }
}

/*!
 * Variables
/* ---------------------------------------- */

/*!
 * Helpers
/* ---------------------------------------- */

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

.alignright { float: right; margin: 0 0 20px 20px; }
.alignleft { float: left; margin: 0 20px 20px 0; }
 .alignright img, .alignleft img { display: block; max-width: none; }

[hidden] { display: none !important; }

.tal { text-align: left !important; }
.tac { text-align: center !important; }
.tar { text-align: right !important; }

.ie8 .hide\@large { display: none !important; }

@media screen and (min-width: 1px) { .hide { display: none !important; } }
@media screen and (min-width: 1250px) { .show\@large { display: block !important; } .hide\@large { display: none !important; } }
@media screen and (max-width: 1249px) and (min-width: 720px) { .show\@medium { display: block !important; } .hide\@medium { display: none !important; } }
@media screen and (max-width: 719px) { .show\@small { display: block !important; } .hide\@small { display: none !important; } }

/*!
 * Defaults
/* ---------------------------------------- */

form { }
 label { cursor: pointer; vertical-align: middle; }
 label:first-child { display: block; margin: 0 0 5px; }
  label em { color: #f00; }
 input[type=text], input[type=password], input[type=search], input[type=email], input[type=tel], textarea, select { width: 100%; height: 40px; padding: 0 14px; border: 1px solid #ccc; border-radius: 0; background: #fff; font-size: 16px; line-height: 38px; vertical-align: top; -webkit-appearance: none; outline: none; }
 .native.android input:not([type=checkbox]):not([type=radio]) { padding-top: 10px; padding-bottom: 10px; line-height: 20px; }
 input[type="checkbox"], input[type="radio"] { padding: 0; }
 input::-ms-clear { display: none; }
 textarea { overflow: auto; height: auto; padding: 14px; line-height: 20px; resize: vertical; }
 textarea.autoresize { min-height: 40px; max-height: 160px; }
 select { padding: 8px 35px 8px 13px; background: #fff url(../images/select-a.png) 100% 50% no-repeat; line-height: normal; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; }
 select::-ms-expand { display: none; }
 .ie9 select, .ie8 select { padding-right: 13px; padding-left: 11px; background-image: none; }
 .ie8 select { padding-top: 10px; padding-bottom: 10px; }
 .firefox select { padding-left: 8px; }
 button, input[type="submit"], input[type="button"], input[type="reset"] { overflow: visible; cursor: pointer; -webkit-appearance: button; } button::-moz-focus-inner { padding: 0; border: none; }
 button[disabled], input[disabled] { cursor: default; }

 ::-webkit-input-placeholder { color: #aaa; font-style: normal; opacity: 1; }
 :-ms-input-placeholder { color: #aaa !important; font-style: normal; opacity: 1; }
 :-moz-placeholder { color: #aaa; font-style: normal; opacity: 1; }
 ::-moz-placeholder { color: #aaa; font-style: normal; opacity: 1; }
 .placeholder, .placeholdersjs { color: #aaa !important; font-style: normal; opacity: 1; }
 select:invalid { color: #aaa; }

/* tables */

table { display: table; border-collapse: collapse; border-spacing: 0; }
 table th, table td { padding: 5px 10px; border: 1px solid #eee; }

/* headers */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: inherit; font: bold 10px/1.2 Colfax Medium,Helvetica Neue,Helvetica,Arial,sans-serif; }
h1, .h1 { font: bold 62px Colfax Bold,Colfax,Helvetica Neue,Helvetica,Arial,sans-serif; }
h2, .h2 { font: 33px Colfax Medium,Colfax,Helvetica Neue,Helvetica,Arial,sans-serif; }
h3, .h3 { font: 24px Colfax Medium,Colfax,Helvetica Neue,Helvetica,Arial,sans-serif; }
h4, .h4 { font: 20px Colfax Medium,Colfax,Helvetica Neue,Helvetica,Arial,sans-serif; }
h5, .h5 { font: bold 18px Colfax Bold,Colfax,Helvetica Neue,Helvetica,Arial,sans-serif; }
h6, .h6 { font: bold 18px Colfax Bold,Colfax,Helvetica Neue,Helvetica,Arial,sans-serif; }

@media screen and (max-width: 767px) {
h1, .h1 { font-size: 48px; }
h2, .h2 { font-size: 26px; }
h3, .h3 { font-size: 18px; }
h4, .h4 { font-size: 16px; }
h5, .h5 { font-size: 16px; }
h6, .h6 { font-size: 16px; }
}

/* lists */

ul, ol, dd, blockquote { padding-left: 40px; }

ol, ul { list-style: none; line-height: inherit; counter-reset: ordered; }
 li { margin-bottom: 1.5em; font-size: inherit; line-height: inherit; counter-increment: ordered; }
  ol li:before { position: absolute; content: counter(ordered) '.'; width: 15px; margin: 0 0 0 -30px; text-align: right; }
  ul li:before { float: left; overflow: hidden; content: '\2022'; margin: 0 0 0 -25px; }

/* links */

a, a:before, a:after, label, button { -webkit-transition: border 0.25s, background 0.25s, color 0.25s, box-shadow 0.25s, opacity 0.25s; transition: border 0.25s, background 0.25s, color 0.25s, box-shadow 0.25s, opacity 0.25s; }

/* other */

blockquote { padding: 20px; background: #f3f3f3; font-style: italic; }
 cite { display: block; margin-top: 10px; font: inherit; }
pre { padding: 10px; border: 1px solid #ccc; background: #f3f3f3; font: 12px/1.2 Consolas,Monaco,Courier New,monospace; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
code { padding: 2px 4px; background-color: #f9f2f4; color: #c7254e; font-size: 80%; white-space: nowrap; }
hr { overflow: hidden; width: 100%; height: 1px; margin: 20px 0; border: none; border: none; background: #ccc; font-size: 0; }
sup, sub { font-size: 0.6875em; vertical-align: top; } sub { vertical-align: bottom; }

/*!
 * Base fix
/* ---------------------------------------- */

label, p, td, ol li, ul li { font-size: inherit; line-height: inherit; }
#cookiewarning:not([style]) ~ .root-a { padding-bottom: 60px; }
.footer { position: relative; }
 .footer:before { position: absolute; left: 0; top: 100%; right: 0; content: ''; height: 1000px; background: inherit; }
.footer .footer-inner li, .footer .footer-inner p { font-size: 14px; }
.footer .footer-inner li { margin-bottom: 0; }
 .footer .footer-inner li:before { display: none; }
.footer .footer-menu-social ul { padding-left: 0; }
 .footer .footer-menu-social li:before { display: none; }
.footer .follow-like { margin-bottom: 0; }
 .footer .follow-like .service { float: left; vertical-align: top; }
  .footer .follow-like .hicon-facebook, .footer .follow-like .hicon-twitter { font-size: 16px; }