/*
Theme Name: On These Things
*/


* { margin: 0; padding: 0; }

html { overflow-y: scroll; font-size: 100.01%; }
body { background: #fff url(assets/images/site-bg-a.jpg) repeat-x; font-size: 62.5%; }

body, textarea, input, select, option, button { color: #3b2c56; font: 15px/1.333 'Lato',Helvetica Neue,Helvetica,Arial,sans-serif; }
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 15px; } :last-child { margin-bottom: 0 !important; } .last-child { margin-bottom: 0 !important; }

/*! fonts --------- */
@font-face { font-family: 'fontello'; src: url('assets/fonts/fontello.eot?88824944'); src: url('assets/fonts/fontello.eot?88824944#iefix') format('embedded-opentype'), url('assets/fonts/fontello.woff?88824944') format('woff'), url('assets/fonts/fontello.ttf?88824944') format('truetype'), url('assets/fonts/fontello.svg?88824944#fontello') format('svg'); font-weight: normal; font-style: normal; }

/*! layout -------- */

.root-a { position: relative; overflow: hidden; width: 100%; margin: 0; padding: 55px 15px 0; background: url(assets/images/header-bg-a.jpg) 50% 0 no-repeat; }
 .root-a, .root-a *, .root-a *:before, .root-a *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
 .root-a > * { max-width: 940px; margin-left: auto; margin-right: auto; }
 .root-a > header { margin-bottom: 0; padding: 45px 0 70px; font-size: 0.1px; text-align: justify; }
 .root-a > header:after { content: ''; display: inline-block; width: 100%; }
  .root-a > header .logo { display: inline-block; margin: 0; vertical-align: middle; }
   .root-a > header .logo a { display: inline-block; color: #583773; text-decoration: none !important; vertical-align: top; border: none; }
   .root-a > header .logo a { -moz-transition: opacity 0.1s; -webkit-transition: opacity 0.1s; -o-transition: opacity 0.35s; -ms-transition: opacity 0.1s; transition: opacity 0.1s; }
   .root-a > header .logo a:hover { opacity: 0.8; }
    .root-a > header .logo a strong { display: block; width: 556px; height: 108px; overflow: hidden; margin: 0; background-image: url(assets/images/logo-a-v2-2x.png); background-size: 556px; text-indent: 105%; white-space: nowrap; }
    .root-a > header .logo a small { display: block; position: relative; margin: -20px 0 0 80px; font: 900 13px/1 'Lato',Helvetica Neue,Helvetica,Arial,sans-serif; text-align: left; }
  .root-a > header .connect-a { display: inline-block; margin: 0; padding: 20px 0 0; vertical-align: middle; }
  .root-a > header .skips, .root-a > header .skips ul { position: absolute; top: 50%; left: 0; z-index: 9999; list-style: none; width: 100%; height: 0; margin: -30px 0 0; padding: 0; text-align: center; }
   .root-a > header .skips li { position: absolute; left: 0; top: 0; width: 100%; height: 0; font: bold 50px/1 Calibri,Myriad Pro,Arial,Helvetica Neue,Helvetica,sans-serif; }
    .root-a > header .skips li:before { display: none;  }
    .root-a > header .skips li a { display: inline-block; position: fixed; left: -10001px; margin: 0 auto; padding: 20px 30px; border: 1px dotted #fff; border-color: rgba(255,255,255,0.7); -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;  background: #333; background: rgba(0,0,0,0.6); color: #fff; text-align: center; text-decoration: none; outline: none; border: none; }
    .root-a > header .skips li a:focus, .root-a > header .skips li a:active { position: relative; left: 0; }
  .root-a > header .nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; height: 55px; margin: 0; padding: 0 15px; background: #1d0c3b; background: rgba(29,12,59,0.9); }
   .root-a > header .nav h2, .root-a > header .nav a.toggler { display: none; }
   .root-a > header .nav ul { max-width: 940px; list-style: none; margin: 0 auto; padding: 0; font-size: 0.1px; text-align: justify; }
   .root-a > header .nav ul:after { content: ''; display: inline-block; width: 100%; }
    .root-a > header .nav ul li { display: inline-block; position: relative; margin: 0; color: #fff; font: bold 14px/55px 'Montserrat',Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; vertical-align: top; }
    .root-a > header .nav ul li.sep { color: #403062; font-weight: normal; }
     .root-a > header .nav ul li:before { display: none; }
     .root-a > header .nav ul li a { display: block; color: #fff; line-height: inherit; text-decoration: none !important; border: none; }
     .root-a.scrolledd > header .nav > ul > li:first-child > a { display: block; width: 76px; height: 55px; overflow: hidden; background: url(assets/images/logo-c.png) no-repeat; text-indent: 105%; white-space: nowrap; }
     .root-a.scrolledd > header .nav > ul > li:first-child > a:hover, .root-a.scrolledd > header .nav > ul > li.current-menu-item:first-child > a { background-position: 0 -55px; }
     .root-a > header .nav ul li a:hover, .root-a > header .nav ul li a:focus, .root-a > header .nav ul li a:active, .root-a > header .nav ul li.current-menu-item > a, .root-a > header .nav ul li.current-menu-parent > a { color: #78b9c0; }
     .root-a > header .nav ul li em { position: absolute; left: -10001px; top: -10001px; }
     .root-a > header .nav ul li ul { display: none; position: absolute; top: 55px; left: 50%; width: 200px; margin: 0 0 0 -100px; padding: 0 0 15px; background: #1d0c3b; background: rgba(29,12,59,0.9); }
     .root-a > header .nav ul li:hover > ul { display: block; }
     .root-a > header .nav ul li ul:after { display: none; }
      .root-a > header .nav ul li ul li { display: block; margin: 0; font: normal 15px/1.2 'Lustria',TimesNewRoman,'Times New Roman',Times,Baskerville,Georgia,serif; text-transform: none; }
      .root-a > header .nav ul li ul li ~ li { margin: 0; }
       .root-a > header .nav ul li ul li a { padding: 18px 25px; text-align:left; }
 .root-a > section { margin-bottom: 0; }
 .root-a > section:after { display: block; overflow: hidden; clear: both; content: ""; width: 100%; height: 0; }
 .root-a > footer { padding: 50px 0; }
  .root-a > footer p.copy { color: #bbb; font-size: 12px; font-weight: bold; text-align: center; }
   .root-a > footer p.copy a { display: inline-block; color: #bbb; text-decoration: none; vertical-align: top; border: none; }
   .root-a > footer p.copy a:hover { }

/*! grids --------- */

.grid-a { list-style: none; margin: -20px 0 20px -20px; padding: 0; letter-spacing: -.35em; }
 .grid-a > .column { display: inline-block; border: 1px solid transparent; border-width: 20px 0 0 20px; margin: 0; padding: 0; letter-spacing: 0; vertical-align: top; }
  .grid-a > .column:before { display: none; }
 .grid-a > .column.w5 { width: 5%; } .grid-a > .column.w10 { width: 10%; } .grid-a > .column.w15 { width: 15%; } .grid-a > .column.w20 { width: 20%; } .grid-a > .column.w25 { width: 25%; } .grid-a > .column.w30 { width: 30%; } .grid-a > .column.w35 { width: 35%; } .grid-a > .column.w40 { width: 40%; } .grid-a > .column.w45 { width: 45%; } .grid-a > .column.w50 { width: 50%; } .grid-a > .column.w55 { width: 55%; } .grid-a > .column.w60 { width: 60%; } .grid-a > .column.w65 { width: 65%; } .grid-a > .column.w70 { width: 70%; } .grid-a > .column.w75 { width: 75%; } .grid-a > .column.w80 { width: 80%; } .grid-a > .column.w85 { width: 85%; } .grid-a > .column.w90 { width: 90%; } .grid-a > .column.w95 { width: 95%; } .grid-a > .column.w100 { width: 100%; }
 .grid-a > .column.w8 { width: 8.33%; } .grid-a > .column.w16 { width: 16.66%; } .grid-a > .column.w33 { width: 33.33%; }.grid-a > .column.w66 { width: 66.67%; }
 .grid-a > .column.o5 { margin-left: 5%; } .grid-a > .column.o10 { margin-left: 10%; } .grid-a > .column.o15 { margin-left: 15%; } .grid-a > .column.o20 { margin-left: 20%; } .grid-a > .column.o25 { margin-left: 25%; } .grid-a > .column.o30 { margin-left: 30%; } .grid-a > .column.o35 { margin-left: 35%; } .grid-a > .column.o40 { margin-left: 40%; } .grid-a > .column.o45 { margin-left: 45%; } .grid-a > .column.o50 { margin-left: 50%; } .grid-a > .column.o55 { margin-left: 55%; } .grid-a > .column.o60 { margin-left: 60%; } .grid-a > .column.o65 { margin-left: 65%; } .grid-a > .column.o70 { margin-left: 70%; } .grid-a > .column.o75 { margin-left: 75%; } .grid-a > .column.o80 { margin-left: 80%; } .grid-a > .column.o85 { margin-left: 85%; } .grid-a > .column.o90 { margin-left: 90%; } .grid-a > .column.o95 { margin-left: 95%; } .grid-a > .column.o100 { margin-left: 100%; }
 .grid-a > .column.o8 { margin-left: 8.33%; } .grid-a > .column.o16 { margin-left: 16.66%; } .grid-a > .column.o33 { margin-left: 33.33%; }.grid-a > .column.o66 { margin-left: 66.67%; }
.grid-a.gapless { margin-left: 0; }
 .grid-a.gapless > .column { border-left: none; }
.grid-a.layout { position: relative; }
.grid-a.layout:before { content: ''; position: absolute; top: 20px; bottom: 0; left: 77.5%; width: 1px; margin: 0 0 0 10px; background: #e3dce4; }

/*! elements ------ */

.aside-a { margin: 0 0 50px; }
 .aside-a h5 { margin: 0 0 10px; }

.comment-a { margin: 0 0 30px; color: #717171; }
 .comment-a h4 { margin: 0; color: #138c93; font: 700 15px/1.333 'Lato',Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: none; }
  .comment-a h4 a { color: #138c93; text-decoration: none !important; border: none; }
  .comment-a h4 a:hover { color: #acdbdd; }
  .comment-a h4 small { color: #7d758b; font-size: 11px }
 .comment-a p { margin: 0 0 5px; line-height: 1.1; }

.comment-form-a { position: relative; margin-top: 40px; }
 .comment-form-a input[type=text], .comment-form-a input[type=email], .comment-form-a textarea { height: 50px; padding: 0 20px; border: none; background: #ececec; line-height: 50px; }
 .comment-form-a textarea { padding: 10px 20px; line-height: 30px; }
 .comment-form-a textarea { -moz-transition: min-height 0.35s ease-in-out; -webkit-transition: min-height 0.35s ease-in-out; -o-transition: min-height 0.35s ease-in-out; -ms-transition: min-height 0.35s ease-in-out; transition: min-height 0.35s ease-in-out; }
 .comment-form-a textarea:focus { min-height: 110px; }
 .comment-form-a input[type=text]:focus, .comment-form-a input[type=email]:focus, .comment-form-a textarea:focus { background: #f6f6f6; }
 .comment-form-a .grid-a { margin-right: 180px; margin-bottom: 0; }
 .comment-form-a p.submit { position: absolute; bottom: 0; right: 0; margin: 0; }
  .comment-form-a p.submit button { width: 160px; padding: 0; }
  .comment-form-a p.submit button:before { margin: 0 20px 0 0; }

.connect-a { }
 .connect-a ul { list-style: none; margin: 0; padding: 0; }
  .connect-a ul li { display: inline-block; margin: 0; vertical-align: top; }
  .connect-a ul li ~ li { margin-left: 10px; }
  .connect-a ul li:before { display: none; }
   .connect-a ul li a { display: block; position: relative; width: 30px; height: 30px; overflow: hidden; color: #583773; text-indent: 105%; white-space: nowrap; text-decoration: none !important; border: none; }
   .connect-a ul li a:hover { color: #76588b; }
   .connect-a ul li a:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; font: normal 22px/30px 'fontello'; text-align: center; text-indent: 0; }
   .connect-a ul li a:before { -moz-transition: color 0.35s; -webkit-transition: color 0.35s; -o-transition: color 0.35s; -ms-transition: color 0.35s; transition: color 0.35s; }
   .connect-a ul li.facebook a:before { content: '\e807'; }
   .connect-a ul li.twitter a:before { content: '\e806'; }
   .connect-a ul li.linkedin a:before { content: '\e805'; }
   .connect-a ul li.pinterest a:before { content: '\e804'; }

.contact-a { max-width: 720px; margin: 40px auto; margin-left: auto; margin-right: auto; }
 .contact-a .grid-a, .contact-a p.field { margin-bottom: 20px; }
  .contact-a .grid-a p.field { margin-bottom: 0; }
 .contact-a p.submit { margin-top: 50px; text-align: center; }
 .contact-a button:hover { outline-width: 5px; }

p.date-a { color: #54495e; font: 900 13px/1.1 'Lato',Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; }
 p.date-a span.sep { margin: 0 5px; }
 p.date-a a { border: none; }

.dropdown-a { position: relative; }
 .dropdown-a a { display: block; position: relative; overflow: hidden; padding: 0 14px; color: #a6a6a6; font: normal 18px/1 'Lustria',TimesNewRoman,'Times New Roman',Times,Baskerville,Georgia,serif; text-decoration: none !important; outline: none; }
 .dropdown-a p { margin: 0; }
  .dropdown-a p a { height: 50px; padding-right: 30px; border: 1px solid #ecd5ec; background: #fff; color: #a6a6a6 !important; line-height: 48px; }
  .dropdown-a p a:after { content: '\e809'; position: absolute; top: 50%; right: 14px; height: 40px; margin: -20px 0 0; font: normal 1.1em/40px 'fontello'; color: #74358d; }
  /*.dropdown-a:hover p a:before { content: ; }*/
 .dropdown-a ul { display: none; position: absolute; top: 39px; left: 0; right: 0; list-style: none; margin: 0; padding: 0 0 10px; border: 1px solid #ecd5ec; border-width: 0 1px 1px; background: #fff; }
 .dropdown-a:hover ul { display: block; }
 .js .dropdown-a:hover ul { display: none; }
 .js .dropdown-a.open ul { display: block; }
 .js .dropdown-a.open p a:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  .dropdown-a ul li { margin: 0; padding: 0; font-size: 18px; line-height: 1; }
  .dropdown-a ul li:before { display: none; }
   .dropdown-a ul li a { padding: 6px 14px; border: none; }
   .dropdown-a ul li a:hover, .dropdown-a ul li.active a { color: #71648d; }

.fields-a { }
 .fields-a .field { position: relative; }
  .fields-a .field label {  }
  .js .fields-a .field label { position: absolute; top: 0; left: 21px; right: 21px; overflow: hidden; line-height: 50px; text-overflow: ellipsis; white-space: nowrap; }

.header-a { position: relative; z-index: 1; margin: 0 0 50px; padding: 0 0 50px; border-bottom: 1px solid #e2dbe4; }
.header-a:after { display: block; overflow: hidden; clear: both; content: ""; width: 100%; height: 0; }
 .header-a h1.page-title { margin: 0 0 20px 240px; text-align: right; }
 .header-a blockquote { position: relative; padding: 45px 75px 40px; clear: both; }
 .header-a .teaser-b { position: relative; padding: 45px 55px 40px; clear: both; }
  .header-a .teaser-b p.more-b { position: absolute; bottom: 40px; right: -115px; margin: 0; }
 .header-a figure { position: absolute; top: 0; left: -35px; z-index: -1; margin: 0; opacity: 0.9; }
  .header-a figure img { display: block; width: 100%; max-width: 220px; height: auto; margin: 0; }
 .header-a figure ~ blockquote { margin-left: 150px; }
 .header-a figure ~ .teaser-b { margin-left: 150px; margin-right: 115px; }

.header-b { position: relative; z-index: 1; margin: 0 0 50px; padding: 0 0 115px; border-bottom: 1px solid #e2dbe4; }
.header-b:after { display: block; overflow: hidden; clear: both; content: ""; width: 100%; height: 0; }
 .header-b h1.page-title { margin: 0 0 90px 240px; text-align: right; }
 .header-b blockquote { padding: 45px 75px 40px; }
 .header-b .teaser-b { position: relative; padding: 45px 60px 40px; clear: both; }
  .header-b .teaser-b p.more-b { position: absolute; bottom: -90px; right: 70px; margin: 0; }
  .header-b .teaser-b p.more-b a:hover { outline-width: 10px; }
 .header-b figure { position: absolute; top: 0; left: -35px; z-index: 1; margin: 0; opacity: 0.9; }
  .header-b figure img { display: block; width: 100%; max-width: 220px; height: auto; margin: 0; }

p.info-a { color: #3b2c56; font: 900 12px/1.1 'Lato',Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; }

.intro-a { position: relative; width: 100%; min-height: 745px; }
.intro-a:after { display: block; overflow: hidden; clear: both; content: ""; width: 100%; height: 0; }
 .intro-a > .box { position: absolute; z-index: 1; margin: 0; }
 html.csstransforms.csstransitions .intro-a > .box { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.3s ease; -moz-transition: -moz-transform 0.3s ease; -o-transition: -o-transform 0.3s ease; transition: transform 0.3s ease; }
 html.csstransforms.csstransitions .intro-a > .box.show { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
 .intro-a p.more-b.journey { top: 44px; left: 9px; z-index: 1; max-width: 214px; text-align: center; }
  .intro-a p.more-b.journey a { padding: 44px 45px; }
 .intro-a p.more-b.audience { top: 390px; left: 200px; z-index: 4; max-width: 228px; text-align: center; }
  .intro-a p.more-b.audience a { padding: 58px 40px; }
 .intro-a p.more-c { top: 533px; left: 121px; z-index: 5; max-width: 160px; text-align: center; }
  .intro-a p.more-c a { padding: 30px 30px; }
  .intro-a figure img { display: block; width: 100%; height: auto; margin: 0; }
 .intro-a figure.image-a { z-index: 2; top: 0; left: 184px; opacity: 0.8; }
  .intro-a figure.image-a img { max-width: 477px; }
 .intro-a figure.image-b { top: 273px; left: -51px; opacity: 0.75; }
  .intro-a figure.image-b img { max-width: 338px; }
 .intro-a figure.image-c { top: 380px; right: 9px; z-index: 2; }
  .intro-a figure.image-c img { max-width: 216px; }
 .intro-a .teaser-e { bottom: 0; left: 400px; z-index: 2; max-width: 342px; }
 .intro-a .quote-a { top: 45px; right: -29px; z-index: 3; max-width: 404px; padding: 48px 40px; }

p.links-a { font-size: 12px; line-height: 28px; }
 p.links-a a, p.links-a > span { display: inline-block; color: #3b2c56; font-weight: 900; text-transform: uppercase; text-decoration: none !important; vertical-align: top; border: none; }
 p.links-a a:hover { color: #6f5d87; }
 p.links-a a.comments, p.links-a span.comments { font-size: 13px; line-height: 28px; }
  p.links-a .comments span, p.links-a .comments span { display: inline-block; position: relative; z-index: 1; width: 35px; height: 28px; background: url(assets/images/ico-comment-a.png) 1px 1px no-repeat; margin: 0 0 0 7px; color: #493f51; text-align: center; vertical-align: top; }
 p.links-a span.sep { display: inline-block; width: 1px; height: 16px; overflow: hidden; margin: -2px 12px 0; background: #3b2c56; text-indent: 105%; white-space: nowrap; opacity: 0.65; vertical-align: middle; }

p.links-b { color: #9780ad; font-size: 11px; line-height: 1.333; }
 p.links-b a { display: inline-block; color: #9780ad; font-weight: 900; text-transform: uppercase; text-decoration: none !important; vertical-align: top; border: none; }
 p.links-b a:hover { color: #3b2c56; }

p.more-a { position: relative; z-index: 1; /*overflow: hidden;*/ text-align: center; padding: 2px 0; }
 p.more-a a { display: inline-block; padding: 30px 40px; border: none; background: #8fc1c3; background: rgba(143,193,195,0.75); color: #74358d; font: normal 16px/17px 'Lustria',TimesNewRoman,'Times New Roman',Times,Baskerville,Georgia,serif; text-decoration: none; text-transform: uppercase; cursor: pointer; vertical-align: top; outline-color: #8fc1c3; outline-color: rgba(143,193,195,0.75); }
 p.more-a a:before { content: ''; position: absolute; top: 50%; left: 0; right: 0; z-index: -1; height: 1px; background: #f2f0f2; }
 p.more-a a:after { content: '\e809'; display: block; margin: 5px 0 0; font: normal 1.1em/1 'fontello'; text-align: center; }

p.more-b { }
 p.more-b a { display: inline-block; padding: 30px 42px 25px; border: none; background: #8fc1c3; background: rgba(143,193,195,0.75); color: #74358d; font: normal 16px/17px 'Lustria',TimesNewRoman,'Times New Roman',Times,Baskerville,Georgia,serif; text-decoration: none; text-transform: uppercase; cursor: pointer; vertical-align: top; outline-color: #8fc1c3; outline-color: rgba(143,193,195,0.75); }
 p.more-b a:after { content: '\e80b'; display: block; margin: 5px 0 0; font: normal 1.1em/1 'fontello'; text-align: center; }

p.more-c { }
 p.more-c a { display: inline-block; padding: 30px 42px 25px; border: none; background: #1d0c3b; background: rgba(29,12,59,0.8); color: #c28ee3; font: normal 16px/17px 'Lustria',TimesNewRoman,'Times New Roman',Times,Baskerville,Georgia,serif; text-decoration: none; text-transform: uppercase; cursor: pointer; vertical-align: top; outline-color: #1d0c3b; outline-color: rgba(29,12,59,0.8); }
 p.more-c a:after { content: '\e80b'; display: block; margin: 5px 0 0; font: normal 1.1em/1 'fontello'; text-align: center; }

p.more-a a,
p.more-b a,
p.more-c a { -webkit-transition: outline-width .2s; transition: outline-width .2s; outline-style: solid; outline-width: 0; border: none; }

p.more-b a:hover,
p.more-c a:hover { outline-width: 20px; }

p.more-a a:hover { outline-width: 10px; }

.nav-a { }
 .nav-a ul { list-style: none; padding: 0; }
  .nav-a ul li { margin: 0 0 10px; font: normal 16px/1.25 'Lustria',TimesNewRoman,'Times New Roman',Times,Baskerville,Georgia,serif; }
  .nav-a ul li:before { display: none; }
   .nav-a ul li a { text-decoration: none; border: none; }

.news-a { }
 .news-a .teaser-a { margin-bottom: 60px; }

.newsletter-a { }
 .newsletter-a h5 { margin: 0 0 20px; line-height: 28px; }
  .newsletter-a h5 span { font-weight: normal; text-transform: none; }
 .newsletter-a .fields-a { position: relative; margin: 0; padding: 0 45px 0 0; }
 .newsletter-a .fields-a:after { display: block; overflow: hidden; clear: both; content: ""; width: 100%; height: 0; }
  .newsletter-a .fields-a p.field { float: left; margin: 0; padding: 0 15px 0 0; }
  .newsletter-a .fields-a p.field-a { width: 63%; }
  .newsletter-a .fields-a p.field-b { width: 37%; }
  .newsletter-a .fields-a p.submit { position: absolute; bottom: 0; right: 0; margin: 0; }
   .newsletter-a .fields-a p.submit button { position: relative; width: 46px; overflow: hidden; margin: 0; padding: 0; text-indent: 105%; white-space: nowrap; }
   .newsletter-a .fields-a p.submit button:before { position: absolute; top: 0; left: 0; right: 0; height: 100%; margin: 0; padding: 0; text-align: center; text-indent: 0; }

.quote-a { background: #89569d; background: rgba(137,86,157,0.75); color: #fff; }
 .quote-a p { font: normal 28px/1.78 'Lustria',TimesNewRoman,'Times New Roman',Times,Baskerville,Georgia,serif; }

.related-a { margin: 40px 0; }
.related-a.sep { padding-top: 30px; border-top: 1px solid #e6e4e7; }
 .related-a h5 { margin: 0 0 20px; }

.share-a, .addthis_toolbox { margin: 30px 0; }
 .share-a h5 { display: inline-block; margin: 0; vertical-align: middle; }
 .share-a > div, .addthis_toolbox a { display: inline-block; margin: 0 0 0 10px; vertical-align: middle;border:0; }
  .share-a > div img { display: block; margin: 0; }

.story-a { }
 .story-a a { border-bottom:0;}
 .story-a footer { margin-top: 30px; }
 .story-a footer.sep { padding-top: 30px; border-top: 1px solid #e6e4e7; }
  .story-a footer .links-a { margin-bottom: 30px; }

.teaser-a {  }
 .teaser-a header { margin: 0; text-align: justify; }
 .teaser-a header:after { content: ''; display: inline-block; width: 100%; }
  .teaser-a header p, .teaser-a header p.links-a { display: inline-block; margin: 0; color: #54495e; font: 900 13px/28px 'Lato',Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; vertical-align: middle; }
 .teaser-a h2 { margin: 0 0 5px; }
  .teaser-a h2 a { text-decoration: none; border: none; }
 .teaser-a p.categories { color: #54495e; font: 900 11px/1.1 'Lato',Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; }

.teaser-b { margin: 40px 0; padding: 45px 40px 40px; background: #634687; background: rgba(99,70,135,0.65); color: #3b2c56; text-align: center; }
 .teaser-b header { margin: 0 0 20px; padding-bottom: 20px; border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255,255,255,0.15); }
  .teaser-b header h1 { margin: 0 0 10px; color: #fff; font-size: 35px; text-transform: uppercase; }
   .teaser-b header h1 a { color: #fff; text-decoration: none !important; border: none; }
   .teaser-b header h1 a:hover { color: #391e67; }
  .teaser-b header p { margin-bottom: 5px; }
  .teaser-b header > small { display: block; color: #3b2c56; font: 900 12px/1.333 'Lato',Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; }
 .teaser-b .links-a { text-align: left; }

.teaser-c { margin: 0 0 50px; }
.teaser-c:after { display: block; overflow: hidden; clear: both; content: ""; width: 100%; height: 0; }
 .teaser-c figure { float: left; margin: 0; }
  .teaser-c figure img { display: block; width: 100%; max-width: 220px; margin: 0; }
  .teaser-c figure a img { -moz-transition: opacity 0.35s; -webkit-transition: opacity 0.35s; -o-transition: opacity 0.35s; -ms-transition: opacity 0.35s; transition: opacity 0.35s; }
  .teaser-c figure a:hover img { opacity: 0.8; }
 .teaser-c figure ~ * { margin-left: 270px !important; }
 .teaser-c p { margin-bottom: 7px; }
 .teaser-c p.date { margin-bottom: 10px; }
 .teaser-c h2 { margin: 0 0 5px; }
  .teaser-c h2 a { text-decoration: none !important; border: none; }
 .teaser-c .links-a > a, .teaser-c .links-a > span { color: #54495e; }
 .teaser-c .utils { margin-bottom: 10px; font-size: 0.1px; text-align: justify; }
 .teaser-c .utils:after { content: ''; display: inline-block; width: 100%; }
  .teaser-c .utils > p { display: inline-block; margin: 0; vertical-align: middle; }
 .teaser-c .links-b { margin-top: 15px; }

.article-container { margin: 0 0 50px; display: none; }

.teaser-d { }
 .teaser-d a { text-decoration: none !important; border: none; }
 .teaser-d figure { margin: 0 0 10px; }
  .teaser-d figure img { display: block; width: 100%; max-width: 220px; height: auto; margin: 0; }
  .teaser-d a figure img, .teaser-d figure a img { -moz-transition: opacity 0.35s; -webkit-transition: opacity 0.35s; -o-transition: opacity 0.35s; -ms-transition: opacity 0.35s; transition: opacity 0.35s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
  .teaser-d a:hover figure img, .teaser-d figure a:hover img { opacity: 0.8; }
 .teaser-d h4 { margin: 0; color: #74358d; font-size: 16px; line-height: 1.06; }
  .teaser-d h4, .teaser-d h4 a { color: #74358d; text-decoration: none !important; }
  .teaser-d a:hover h4, .teaser-d h4 a:hover { color: #391e67; }

.teaser-e { text-align: center; }
 .teaser-e > a { display: block; padding: 100px 66px; background: #634687; background: rgba(99,70,135,0.65); text-decoration: none !important; outline: 0 solid #634687; outline: 0 solid rgba(99,70,135,0.65);  -webkit-transition: outline-width .2s; transition: outline-width .2s; border: none; }
 .teaser-e > a:hover { outline-width: 30px; }
  .teaser-e h2 { margin: 0 0 10px; color: #fff; font-size: 20px; text-transform: uppercase; }
  .teaser-e small { display: block; margin: 0 0 10px; color: #3b2c56; font-size: 12px; font-weight: 900; text-transform: uppercase; }
  .teaser-e p { margin: 0 0 5px; color: #3b2c56; }
  .teaser-e p.more { color: #fff; font: normal 15px/21px 'Lustria',TimesNewRoman,'Times New Roman',Times,Baskerville,Georgia,serif; }
  .teaser-e p.more:after { content: '\e80b'; display: inline-block; margin: -3px 5px 0; font: normal 1.1em/21px 'fontello'; vertical-align: middle; }

.utils-a { display: table; table-layout: fixed; width: 100%; margin: 100px 0; border: 1px solid #e5e2e6; }
 .utils-a .teaser-a, .utils-a .newsletter-a { display: table-cell; padding: 20px 19px 30px; vertical-align: top; }
 .utils-a .newsletter-a { border-left: 1px solid #e5e2e6; }

.utils-b { margin: 0 0 40px; font-size: 0.1px; text-align: justify; }
.utils-b:after { content: ''; display: inline-block; width: 100%; }
 .utils-b h5 { display: inline-block; margin: 0 15px 0 0; vertical-align: middle; }
 .utils-b .archive { display: inline-block; margin: 0; text-align: right; vertical-align: middle; }
  .utils-b .archive > * { text-align: left; }
 .utils-b .archive .dropdown-a { display: inline-block; width: 180px; vertical-align: middle; }

/*! headers ------- */

.page-title { float: right; margin: 0 0 10px 20px; color: #138c93; font: 300 35px/1 'Lato',Helvetica Neue,Helvetica,Arial,sans-serif; }
.page-title + *, .page-title + p.date-a + * { clear: both; }
.page-title + p.date-a { clear: none; }

/*! helpers ------- */

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

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

/*! defaults ------ */

figure a { border:0; }

form { }
 label { cursor: pointer; color: #a6a6a6; font: normal 18px/1.333 'Lustria',TimesNewRoman,'Times New Roman',Times,Baskerville,Georgia,serif; vertical-align: middle; }
 label:first-child { display: block; margin: 0 0 5px; }
  label small { font-size: 0.666em; text-transform: uppercase; }
  label em { color: #f00; }
 input[type=text], input[type=password], input[type=search], input[type=email], input[type=tel], textarea { width: 100%; height: 50px; padding: 0 19px; border: 1px solid #ecd5ec; background: #ececec; color: #a6a6a6; font: normal 18px/48px 'Lustria',TimesNewRoman,'Times New Roman',Times,Baskerville,Georgia,serif; vertical-align: top; -webkit-appearance: none; border-radius: 0; }
 input[type=file] { width: 100%; padding: 19px 19px; border: 1px solid #ecd5ec; background: #ececec; color: #a6a6a6; font: normal 18px 'Lustria',TimesNewRoman,'Times New Roman',Times,Baskerville,Georgia,serif; vertical-align: middle; -webkit-appearance: none; border-radius: 0; }
 textarea { overflow: auto; height: 130px; padding: 14px 18px; line-height: 20px; resize: vertical; resize: none; }
 input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=file]:focus, textarea:focus { background: #fff; color: #726a82; outline: none; }
 select { width: 100%; height: 30px; padding: 5px; border: 1px solid #ccc; background: #fff; }
 button, input[type="submit"], input[type="button"] { display: inline-block; overflow: visible; height: 50px; padding: 0 29px; border: none; background: #acdbdd; outline: 0 solid #acdbdd; color: #74358d; font: normal 16px/50px 'Lustria',TimesNewRoman,'Times New Roman',Times,Baskerville,Georgia,serif; text-transform: uppercase; cursor: pointer; vertical-align: top; -webkit-transition: outline-width .2s; transition: outline-width .2s; }
button[type="submit"]:before, input[type="submit"]:before { content: '\e80b'; float: right; margin-left: 1.5em; font: normal 1.4em/50px 'fontello'; }
button::-moz-focus-inner { padding: 0; border: none; }
button:hover, input[type="submit"]:hover, input[type="button"]:hover { outline-width: 2px; }

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

h1, h2, h3, h4, h5, h6 { margin: 30px 0 5px; color: #74358d; font: normal 10px/1 'Lustria',TimesNewRoman,'Times New Roman',Times,Baskerville,Georgia,serif; text-transform: uppercase; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; }
h1 { font-size: 45px; text-transform: none; }
h2 { font-size: 26px; text-transform: none; }
h3 { font-size: 22px; }
h4 { color: #54495e; font-size: 18px; }
h5 { color: #54495e; font: 900 13px/1 'Lato',Helvetica Neue,Helvetica,Arial,sans-serif; }
h6 { font-size: 12px; }

blockquote { margin: 40px 0; padding: 45px 40px 40px; background: #634687; background: rgba(99,70,135,0.65); color: #fff; font: normal 22px/1.45 'Lustria',TimesNewRoman,'Times New Roman',Times,Baskerville,Georgia,serif; text-align: center; }
 blockquote p { font-size: inherit; line-height: inherit; }
 blockquote > small { display: block; color: #3b2c56; font: 900 12px/1.333 'Lato',Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; }

dd { padding-left: 40px; }
 ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }

ol { list-style: none; counter-reset: ordered; padding-left: 25px; }
 ol li { counter-increment: ordered; }
  ol li:before { position: absolute; content: counter(ordered) '.'; width: 15px; margin: 0 0 0 -25px; color: #acdbdd; text-align: right; }

ul { list-style: none; padding-left: 20px; }
 ul li { }
  ul li:before { float: left; overflow: hidden; content: '\2022'; margin: -0.15em 0 0 -20px; color: #acdbdd; font-size: 1.2em; }

a { color: #8e5dae; text-decoration: none; border-bottom: 1px dotted; }
a { -moz-transition: color .1s; -webkit-transition: color .1s; -o-transition: color .1s; -ms-transition: color .1s; transition: color .1s; }
a:hover, a:focus, a:active { color: #391e67; text-decoration: none; }
 a span { cursor: pointer; }

img { max-width: 100%; border-width: 0; } .lt-ie9 img { max-width: none; }
img { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

pre { font-family: Consolas,Monaco,Courier New,monospace; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

hr, div.hr { overflow: hidden; width: 100%; height: 1px; margin: 15px 0; border: none; border-top: 1px solid #eee; background: none; font-size: 0; } div.hr * { display: none; }

/*! mobile -------- */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } }
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

 .root-a > header .logo a strong { background-image: url(assets/images/logo-a-v2-2x.png); background-size: 556px; }

} @media screen and (max-width: 900px) {

 body { background-image: none; }
 .root-a { background-image: url(assets/images/header-bg-b.jpg); }
    .root-a > header .logo a strong { width: 444px; height: 87px; background-size: 444px; }
    .root-a > header .logo a small { margin: -20px 0 0 70px; font-size: 10px; }
    .root-a > header .nav ul li { font-size: 13px; }

 .connect-a ul li ~ li { margin-left: 15px; }
  .connect-a ul li a { width: 40px; height: 40px; }
  .connect-a ul li a:before { font-size: 30px; line-height: 40px; }

 .utils-a { display: block; border: none; }
  .utils-a .teaser-a, .utils-a .newsletter-a { display: block; margin: 0 0 20px; border: 1px solid #e5e2e6; }

} @media screen and (max-width: 768px) {

 .grid-a.layout { margin: 0 0 20px; }
 .grid-a.layout:before { display: none; }
  .grid-a.layout > .column { display: block; width: 100%; margin: 0 0 20px; border: none; }

 .header-a { padding-bottom: 115px; }
   .header-a .teaser-b p.more-b { position: absolute; bottom: -90px; left: 0; right: 0; margin: 0; }
  .header-a figure { left: 0; }
  .header-a figure ~ blockquote, .header-a figure ~ .teaser-b { margin-left: 75px; margin-right: 0; }

 .header-b {  }
   .header-b .teaser-b .links-a { text-align: center; }
   .header-b .teaser-b p.more-b { position: absolute; bottom: -90px; left: 0; right: 0; margin: 0; }
  .header-b figure { left: 0; }
  .header-b figure ~ blockquote, .header-b figure ~ .teaser-b { margin-left: 75px; }

.intro-a { min-height: 1046px; }
 .intro-a p.more-b.journey { top: 44px; left: 7px; }
 .intro-a p.more-b.audience { top: 611px; left: 150px; z-index: 4; }
 .intro-a p.more-c { top: 759px; left: 71px; z-index: 5; }
 .intro-a figure.image-a { z-index: 2; top: 0; left: 184px; }
 .intro-a figure.image-b { top: 384px; left: 7px; }
 .intro-a figure.image-c { top: 614px; right: 42px; z-index: 2; }
 .intro-a .teaser-e { left: 281px; z-index: 2; }
 .intro-a .quote-a { top: 284px; right: 19px; z-index: 3; }

} @media screen and (max-width: 700px) {

 .root-a > header .logo { display: block; margin: 0 0 20px; text-align: center; }
 .root-a > header .connect-a { display: block; margin: 0; padding: 11px 0; border: 1px solid #e1dbe3; border-width: 1px 0; text-align: center; }

} @media screen and (max-width: 568px) {

 .root-a > header { padding: 34px 0 40px; }
   .root-a > header .logo a strong { margin: 0 0 12px; width: 236px; height: 132px; background: url(assets/images/logo-b.png) 50% 0 no-repeat; }
   .root-a > header .logo a small { margin: 0; font-size: 12px; }

  .root-a > header .nav { position: absolute; height: auto; max-height: 55px; overflow: hidden; background: #1d0c3b; }
  .root-a > header .nav { -moz-transition: max-height 0.35s ease-in-out; -webkit-transition: max-height 0.35s ease-in-out; -o-transition: max-height 0.35s ease-in-out; -ms-transition: max-height 0.35s ease-in-out; transition: max-height 0.35s ease-in-out; }
  .root-a > header .nav.opened { max-height: 1999px; }
   .root-a > header .nav h2 { display: block; float: left; margin: 0; color: #fff; font: bold 14px/55px 'Montserrat',Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; vertical-align: top; }
   .root-a > header .nav a.toggler { display: block; float: right; margin: 0; width: 33px; height: 33px; overflow: hidden; margin: 11px 0 0; background: url(assets/images/nav-toggler-a.png) no-repeat; text-indent: 105%; white-space: nowrap; border: none; }
   .root-a > header .nav.opened a.toggler { -moz-transition: opacity 0.35s; -webkit-transition: opacity 0.35s; -o-transition: opacity 0.35s; -ms-transition: opacity 0.35s; transition: opacity 0.35s; }
   .root-a > header .nav.opened a.toggler:hover { opacity: 0.8; }
   .root-a > header .nav.opened a.toggler { background-position: -33px 0; }
   .root-a > header .nav ul { width: auto; margin: 0 -15px; padding: 0; background: #1d0c3b; text-align: center; clear: both; }
    .root-a > header .nav ul li { display: block; margin: 0; border-top: 1px solid #403062; line-height: 54px; }
    .root-a > header .nav ul li.sep { display: none; }
     .root-a > header .nav ul li a { display: block; color: #fff; padding: 0 15px; }
     .root-a.scrolled > header .nav > ul > li:first-child > a { width: auto; height: auto; background: none; text-indent: 0; white-space: normal; }
     .root-a > header .nav ul li ul, .root-a > header .nav ul li:hover > ul { display: none; position: static; top: auto; left: auto; width: auto; margin: 0; padding: 11px 0; background: #403062; }
     .root-a > header .nav ul li.active > ul { display: block; }
     .root-a > header .nav ul li.opened > ul { display: block; }
      .root-a > header .nav ul li ul li { border: none; font-size: 14px; }
      .root-a > header .nav ul li ul li a { padding: 11px 15px; color: #78b9c0; }

 .connect-a ul li, .connect-a ul li ~ li { margin: 0 8px; }

 .intro-a { min-height: 0; margin-bottom: -20px; }
  .intro-a > .box { position: relative; }
  html.csstransforms.csstransitions .intro-a > .box { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  .intro-a p.more-b.journey { top: auto; left: auto; float: right; max-width: 167px; margin: 15px -25px 0 -30px; }
   .intro-a p.more-b.journey a { padding: 35px 40px; }
  .intro-a p.more-b.audience { top: auto; left: auto; float: left; max-width: 180px; margin: -45px -10px 0 -35px; }
   .intro-a p.more-b.audience a { padding: 35px 40px; }
  .intro-a p.more-c { top: -30px; left: auto; max-width: 126px; margin: 0 auto -30px; clear: both; }
   .intro-a p.more-c a { padding: 30px 20px 25px; }
   .intro-a p.more-b a, .intro-a p.more-c a { font-size: 13px; line-height: 13px; }
  .intro-a figure.image-a { top: auto; left: 50%; width: 476px; margin: 0 0 0 -238px; }
  .intro-a figure.image-b { top: auto; left: auto; float: left; min-width: 230px; width: 70%; margin: -20px -30px 0 -53px; }
  .intro-a figure.image-c { top: auto; right: auto; float: right; width: 50%; min-width: 160px; margin: -65px -45px 0 -20px; }
  .intro-a .teaser-e { top: -25px; bottom: auto; left: auto; max-width: none; margin: 0 -15px; clear: both; }
  .intro-a .quote-a { top: auto; right: auto; max-width: 252px; margin: -20px auto 0; padding: 40px; }
   .intro-a .quote-a p { font-size: 17px; line-height: 1.76; }

 .intro-a + .utils-a { margin-top: 20px; }

 .page-title { float: none; margin: 0 0 30px; text-align: center; }

  .story-a figure img { max-width: 100%; }

} @media screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 568px) and (min-resolution: 192dpi) {

 .root-a > header .logo a strong { background-image: url(assets/images/logo-a2.png); background-size: 236px; }

} @media screen and (max-width: 320px) {

 .root-a { background: url(assets/images/header-bg-c.jpg) 50% 23px no-repeat; }

 .grid-a { margin: 0 0 20px; }
  .grid-a > .column { display: block !important; width: 100% !important; border: none; margin: 0 0 15px; }

  .comment-form-a .grid-a { margin: 0 0 15px; }
  .comment-form-a p.submit { position: static; bottom: auto; right: auto; text-align: center; }
   .comment-form-a p.submit button { width: auto; padding: 0 29px; }
   .comment-form-a p.submit button:before { margin: 0 0 0 1.5em; }

 .contact-a { margin: 30px auto; padding-bottom: 50px; }
  .contact-a .grid-a, .contact-a p.field { margin-bottom: 15px; }
   .contact-a .grid-a p.field { margin-bottom: 15px; }
  .contact-a textarea { min-height: 250px; }
  .contact-a p.submit { margin-top: 20px; }

  .header-a h1.page-title { margin: 0 0 30px; text-align: center; }
  .header-a blockquote { padding-top: 70px; }
  .header-a .teaser-b { position: relative; z-index: 1; margin: 0 -15px; padding: 70px 20px 40px; }
  .header-a figure ~ blockquote, .header-a figure ~ .teaser-b { margin: -30px -15px 0; }
   .header-a .teaser-b .links-a span.sep { display: block; width: 140px; height: 1px; overflow: hidden; margin: 10px auto; background: #5c4c76; text-indent: 105%; white-space: nowrap; }
  .header-a figure { position: relative; top: auto; left: auto; z-index: 2; margin: 0; }

  .header-b h1.page-title { margin: 0 0 30px; text-align: center; }
  .header-b .teaser-b { position: relative; z-index: 1; margin: 0 -15px; padding: 70px 20px 40px; }
  .header-b figure ~ blockquote, .header-b figure ~ .teaser-b { margin: -30px -15px 0; }
   .header-b .teaser-b .links-a span.sep { display: block; width: 140px; height: 1px; overflow: hidden; margin: 10px auto; background: #5c4c76; text-indent: 105%; white-space: nowrap; }
  .header-b figure { position: relative; top: auto; left: auto; z-index: 2; margin: 0; }

 .newsletter-a .fields-a { padding: 0; }
  .newsletter-a .fields-a p.field { float: none; margin: 0 0 15px; padding: 0; }
  .newsletter-a .fields-a p.field-a { width: 100%; }
  .newsletter-a .fields-a p.field-b { width: 100%; margin: 0; padding-right: 60px; }

 .related-b { position: relative; margin: 0 0 20px; padding-bottom: 150px; }
  .related-b .utils-b .archive { position: absolute; bottom: 0; left: 0; right: 0; margin: 0; }

  .story-a figure.alignright, .story-a figure.alignleft { float: none; width: 100%; margin: 0 0 15px; }

 .teaser-c { }
  .teaser-c figure { float: none; width: 100%; margin: 0 0 15px; }
   .teaser-c figure img { max-width: 100%; }
  .teaser-c figure ~ * { margin-left: auto !important; }

 .teaser-d, .related-a .teaser-d { margin-bottom: 50px !important; }
  .teaser-d figure { float: none; width: 100%; margin: 0 0 15px; }
   .teaser-d figure img { max-width: 100%; }
  .teaser-d figure ~ * { margin-left: auto !important; }

 .utils-a { margin: 20px 0; }

.utils-b { margin: 0 0 30px; }
.utils-b:after { display: none; }
 .utils-b h5 { display: block; margin: 0 0 15px; }
 .utils-b .archive { display: block; margin: 0 0 15px; text-align: left; }
  .utils-b .archive h5 { display: block; margin: 0 0 10px; }
  .utils-b .archive .dropdown-a { display: block; width: 100%; }

}