/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/

/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */

html,
button,
input,
select,
textarea {
  color: #fff;
}

body {
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size:16px;
  font-weight:400;
  line-height: 1.4;
  -webkit-tap-highlight-color:rgba(255,230,0,0.25);
}

/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate.
* Customize the background color to match your design.
*/

::-moz-selection {
  background: #ffe600;
  color:#202020;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
* A better looking default horizontal rule
*/

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/

img {
  vertical-align: middle;
}

/*
* Remove default fieldset styles.
*/

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
* Allow only vertical resizing of textareas.
*/

textarea {
  resize: vertical;
}

/* ==========================================================================
Chrome Frame prompt
========================================================================== */

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
Coordinate Styles
========================================================================== */

body { background:#333 url(../img/background-pattern.gif) repeat 0 0; background-size:150px; }

/*
* Top Bar
*/
#top-bar { padding:1.875rem 0; position:relative; z-index:25; }
#top-bar h1 { float:left; height:50px; margin:0; width:205px; }
#top-bar h1 a { background:url(../img/svg/unsw-rdi-logo.svg) no-repeat 0 0; background-size:contain; border:none; display:block; height:100%; width:100%; }

#top-bar button.menu-button { background-color:transparent; border:none; display:block; float:right; height:24px; margin-top:13px; padding:0; position:relative; width:25px;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
#top-bar button.menu-button:hover { background-color:transparent; outline:none; }
#top-bar button.menu-button:focus { outline:none; }
#top-bar button.menu-button span { background-color:#ffe600; display:block; margin-top:-1px; position:absolute; left:50%; margin-left:-12px; height:2px; width:25px;
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%;
}
#top-bar button.menu-button span:first-child { margin-top:-8px; top:50%; }
#top-bar button.menu-button span:last-child { margin-top:6px; top:50%; }

#top-bar button.menu-button.closed span {
  -webkit-transition: -webkit-transform 0.25s ease-out, opacity 0.25s ease-out 0.25s, margin-top 0.25s ease-out 0.25s;
  -webkit-transition:opacity 0.25s ease-out 0.25s, margin-top 0.25s ease-out 0.25s, -webkit-transform 0.25s ease-out;
  transition:opacity 0.25s ease-out 0.25s, margin-top 0.25s ease-out 0.25s, -webkit-transform 0.25s ease-out;
  transition:transform 0.25s ease-out, opacity 0.25s ease-out 0.25s, margin-top 0.25s ease-out 0.25s;
  transition: transform 0.25s ease-out, opacity 0.25s ease-out 0.25s, margin-top 0.25s ease-out 0.25s, -webkit-transform 0.25s ease-out;
}
#top-bar button.menu-button.open span {
  -webkit-transition: margin-top 0.25s ease-out, opacity 0.25s ease-out, -webkit-transform 0.25s ease-out 0.25s;
  transition:margin-top 0.25s ease-out, opacity 0.25s ease-out, -webkit-transform 0.25s ease-out 0.25s;
  transition:margin-top 0.25s ease-out, opacity 0.25s ease-out, transform 0.25s ease-out 0.25s;
  transition: margin-top 0.25s ease-out, opacity 0.25s ease-out, transform 0.25s ease-out 0.25s, -webkit-transform 0.25s ease-out 0.25s;
}

#top-bar button.menu-button.open span:first-child { margin-top:-1px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#top-bar button.menu-button.open span:nth-child(2) { opacity:0; }
#top-bar button.menu-button.open span:last-child { margin-top:-1px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/** Navigation - Large **/
#top-bar nav { display:none; float:right; padding:2.031rem 0; }
#top-bar nav ul { list-style:none; margin:0; padding:0; }
#top-bar nav ul li {
  float:left;
  margin-left:1.875rem;
  position: relative;
}


#top-bar nav ul li:first-child { margin-left:0; }
#top-bar nav ul li a { border-bottom:none; color:#fff; display:block; font-size:1.125em; position:relative; text-decoration:none; }
#top-bar nav ul li a:after { background-color:#ffe600; content:''; display:block; height:1px; position:absolute; left:0; bottom:0; width:100%;
transform:scaleX(0);
transform-origin:right;
transition: transform 0.25s ease-out;
}
#top-bar nav ul li.current-menu-item a:after,
#top-bar nav ul li:hover a:after {
  transform:scaleX(1);
  transform-origin:left;
}
@media only screen and (max-width:1191px){
  #top-bar nav ul li { margin-left:0.8rem; }
  #top-bar nav ul li a{
    font-size: 15px;
  }
}

/** Navigation - Mobile **/
nav.site-navigation { background-color:#222222; background-clip:padding-box; height:100%; overflow-y:scroll; opacity:0; position:fixed; /*top:50%; bottom:50%;*/ right:0; left:0; top:0; z-index:-1; width:100%;
  /*transition: bottom 0.35s 0.25s ease-out, top 0.35s 0.25s ease-out, z-index 0s 0.6s ease-out, opacity 0s 0.6s ease-out;*/
  transition: z-index 0s 0.5s ease-out, opacity 0.25s ease-out;
}
nav.site-navigation.visible { z-index:20; opacity:1;
  transition: opacity 0.25s ease-out;
  /*transition: bottom 0.35s ease-out, top 0.35s ease-out;*/
}
nav.site-navigation ul.menu { list-style:none; margin:0; /*opacity:0;*/ padding:110px 0 0; /*position:absolute; top:50%; left:0;*/ width:100%;
  /*transform: translateY(-50%);	*/
/*transform: translateY(-25%);
transition: opacity 0.25s ease-out, transform 0s 0.6s ease-out;*/
}
/*nav.site-navigation.visible ul.menu { opacity:1;
transform: translateY(-50%);
transition: opacity 0.25s 0.25s ease-out, transform 0.25s 0.25s ease-out;
}*/
nav.site-navigation ul li { display:block; margin:0; padding:1em 1.875rem; width:100%; }
nav.site-navigation ul li a { border-bottom:none; color:#fff; display:block; font-size:1.125em; line-height:1.1; padding:0; text-align:center; text-decoration:none; }
nav.site-navigation ul li.current-menu-item a,
nav.site-navigation ul li a:hover,
nav.site-navigation ul li a:focus { color:#ffe600; }
nav.site-navigation ul li ul { padding:0.625rem 0 0.9375rem; }
nav.site-navigation ul li ul li { padding:0.3125rem 0; }
nav.site-navigation ul li ul li:first-child { padding-top:0; }
nav.site-navigation ul li ul li:last-child { padding-bottom:0; }
nav.site-navigation ul li ul li a { color:#5c5c5f; }

/*
* Bottom Bar
*/
#bottom-bar { border-top:1px solid #a4a4a4; font-size:0.875em; padding:1.875rem 0; }
#bottom-bar h2 { float:left; height:65px; margin:0; width:280px; }
#bottom-bar h2 a { background:url(../img/svg/unsw-rdi-logo.svg) no-repeat 0 0; background-size:contain; border:none; display:block; height:100%; width:100%; }
#bottom-bar .social-links a { border-bottom:none; display:inline-block; font-size:1.25rem; margin-left:0.9375rem; }
#bottom-bar .social-links a:first-child { margin-left:0; }
#bottom-bar .social-links a:hover { color:#ffe600; }

/*
* Pages
*/

/** Home Page **/
.home-banner { }
.home-banner h1 { line-height:40px; }
.home-banner h1 span#cursor {
  animation: 2s linear infinite condemned_blink_effect;
}
.home-banner #type-strings { display:none; }
@keyframes condemned_blink_effect {
  0% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}

.home-banner .image-slider { }
.home-banner .image-slider ul { list-style:none; margin:0; padding:0; }
.home-banner .image-slider ul li { background-position:center; background-repeat:no-repeat; background-size:cover; }

.home-banner a.next-section { border:none; display:inlin-block; font-size:1.125em; padding-right:2.5rem; position:absolute; }
.home-banner a.next-section i.arrow { background-color:#ffe600; display:block; height:80px; pointer-events:none; position:absolute; right:1.25rem; top:50%; width:1px;  transform:translateY(-50%);
  transition:top 0.25s ease-out;
}
.home-banner a.next-section:hover i.arrow { top:75%; }
.home-banner a.next-section i.arrow::before,
.home-banner a.next-section i.arrow::after { background-color:#ffe600; content:''; display:block; height:1px; position:absolute; bottom:0; width:20px; }
.home-banner a.next-section i.arrow::before { left:-20px;
  transform-origin:bottom right;
  transform:rotate(45deg);
}
.home-banner a.next-section i.arrow::after { left:1px;
  transform-origin:bottom left;
  transform:rotate(-45deg);
}

.about-section p { font-size:1.125em; margin:0; }

/** About Page **/

/** Groundbreaking Page **/
aside.post-filter { }
aside.post-filter form { display:block; float:left; vertical-align:middle; width:50%; }
aside.post-filter form input,
aside.post-filter form select { border:1px solid #ffe600; box-sizing:border-box; color:#ffe600; font-size:1.125em; height:65px; padding:1.125em; }
aside.post-filter form.search-form { position:relative; }
aside.post-filter form.search-form::before {
  content:'\e986';
  display:block;
  color:#ffe600;
  font-size:1.125em;
  pointer-events:none;
  position:absolute;
  top:50%;
  right:1.563rem;
font-family: 'icomoon' !important;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
aside.post-filter form.search-form input { border-left:none; border-radius:0 !important; padding:1.125em 3.5em 1.125em 1.125em;-webkit-appearance: none; }
aside.post-filter ::-webkit-input-placeholder { color:#ffe600; }
aside.post-filter :-moz-placeholder { color: #ffe600; }
aside.post-filter ::-moz-placeholder { color: #ffe600; }
aside.post-filter :-ms-input-placeholder { color: #ffe600; }

#groundbreaking-blogroll { }
#groundbreaking-blogroll .post-row:nth-child(odd) { padding-top:2.5rem; }

#ajax-load-more { }
#ajax-load-more .alm-btn-wrap { padding:5rem 0 0; }
#ajax-load-more .alm-btn-wrap .alm-load-more-btn { background-color:#ffe600; border:none; border-radius:0; color:#202020; display:inline-block; font-size:1.125em; font-weight:400; height:auto; line-height:1; margin:0; padding:1.125rem 4rem; position:relative; text-align:center; width:auto;
  -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
  transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
}
#ajax-load-more .alm-btn-wrap .alm-load-more-btn:hover,
#ajax-load-more .alm-btn-wrap .alm-load-more-btn:focus { background-color:#fff; color:#202020; }
#ajax-load-more .alm-btn-wrap .alm-load-more-btn::before { top:50%; margin-top:0;
  transform:translateY(-50%);
}

.groundbreaking-single a { border:none; cursor:pointer; display:block; }

.page-content img { margin:0.9375rem auto; }

.share-btns { display:flex; align-items:center; margin-top:3em; font-size: 18px; }
.share-btns p,
.share-btns div { display:inline-block !important; margin:0 !important; }
.share-btns p { margin:0 !important; padding-right:0.9375rem; text-align:right; width:50%; }
.text-section .share-btns p {
  margin: 0 !important;
}
.share-btns div { height:32px; overflow:hidden; }
.share-btns .at-icon{
  width: 23px !important;
}

.share-btns p{
  font-size: 18px;
}

.share-btns .at-icon-wrapper{
  width: 23px !important;
}

.text-section .share-btns {
  margin-bottom: 28px;
}

.page-content .share-btns {
  margin-top: 26px;
}

/** Posts **/
.category-tag { background-color:#fff; color:#202020; padding:0 0.3125rem; }

/** Research Page **/
#research-rows { }

/*
* Graphic Styles / Layouts
*/

/** Dots Graphic **/
.add-graphic { position:relative; }
.add-graphic::after { background:url(../img/graphic-01.png) repeat-x bottom left; background-size:150%; content:''; display:block; height:100%; mix-blend-mode:lighten; pointer-events:none; position:absolute; left:40%; bottom:0; right:-0.9375rem; z-index:2; }
.add-graphic.top-from-middle::after { bottom:50%; }
.add-graphic.offset-minus-50::after {
  transform:translateY(50%);
}
.add-graphic.opacity-50::after { opacity:0.5; }

/** Image Masks **/
.image-mask { filter:drop-shadow(0 5px 20px rgba(0,0,0,0.2)); }
.image-mask figure { background-position:center; background-repeat:no-repeat; background-size:cover; margin:0; position:relative; overflow:hidden; }
.image-mask.bottom-left figure,
.image-mask.bottom-left figure li { clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 12.5% 100%, 12.5% 50%, 0% 25%); }
.image-mask.top-left figure { clip-path:polygon(12.5% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 50%, 12.5% 25%); }
.image-mask.bottom-right figure { clip-path:polygon(0% 0%, 100% 0%, 100% 25%, 85% 50%, 85% 100%, 0% 100%); }
.image-mask.top-right figure { clip-path:polygon(0% 0%, 85% 0%, 85% 25%, 100% 50%, 100% 100%, 0% 100%); }
/*.image-mask figure img { opacity:0; }*/

.image-mask figure canvas { height:100%; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; width:100%;
  animation: 5s linear infinite canvas_effect;
}
@keyframes canvas_effect {
  0% {
    visibility: hidden;
  }
  75% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}

.video .play-btn,
.image-mask figure .play-btn { border-bottom:none; display:block; height:100px; margin:-50px 0 0 -50px; position:absolute; left:50%; top:50%; width:100px; z-index:5; }
.video .play-btn svg circle,
.video .play-btn svg polygon,
.image-mask figure .play-btn svg circle,
.image-mask figure .play-btn svg polygon { fill:transparent; stroke:#ffe600; stroke-width:2px;
  transition:fill 0.25s ease-out, stroke 0.25s ease-out;
}
.video  .play-btn:hover svg circle,
.image-mask figure .play-btn:hover svg circle { fill:#000; }

.image-caption { padding-top:0.9375rem; }

a figure {
  transition:opacity 0.25s ease-out;
}
a:hover figure { opacity:0.5; }

/** Layout Styles **/
.layered-content { position:relative; }
.layered-content .top-layer { position:absolute; z-index:5; }
.layered-content .top-layer.has-video { pointer-events:none; }
.layered-content .top-layer.has-video a { pointer-events:all; }
.layered-content .top-layer.small-middle { top:50%;
  transform:translateY(-50%);
}
.layered-content .top-layer.small-bottom { bottom:0; padding-bottom:0.9375rem; }
.layered-content .top-layer.small-bottom-offset-25 { bottom:0;
  transform:translateY(25%);
}
.layered-content .top-layer.small-bottom-offset-50 { bottom:0;
  transform:translateY(50%);
}

.outer-row { padding-left:0.625rem; padding-right:0.625rem; }

.content-area { padding-bottom:2.5rem; padding-top:2.5rem; }
.content-area.x2 { padding-bottom:5rem; padding-top:5rem; }
.content-area.bottom-x0 { padding-bottom:0 !important; }
.content-area.top-x0 { padding-top:0 !important; }

/*div[class*="medium"] ~ div[class*="medium"] { padding-top:1.875rem; }
div[class*="medium"] ~ div.divider_x2[class*="medium"] { padding-top:3.75rem; }
div[class*="large"] ~ div[class*="large"] { padding-top:1.875rem; }
div[class*="large"] ~ div.divider_x2[class*="large"] { padding-top:3.75rem; }
div[class*="small"] ~ div:not([class*="small-12"]),
div[class*="medium"] ~ div.divider_x0[class*="medium"],
div[class*="large"] ~ div.divider_x0[class*="large"] { padding-top:0; }*/

.divider { padding-top:1.875rem; }
.divider-medium { padding-top:1.875rem; }

/* ==========================================================================
Typography
========================================================================== */

h1.groundbreaking,
h2.groundbreaking { background:url(../img/svg/groundbreaking-logo.svg) no-repeat 0 0; background-size:contain; height:50px; margin-left:auto; margin-right:auto; overflow:hidden; text-indent:-9999px; width:280px; }

h1, h2, h3 { font-family:'DecimaPro-Bold', sans-serif; font-weight:normal; line-height:1; margin:0.5em 0; text-transform:uppercase; }
h1 span, h2 span, h3 span { color:#ffe600; font-family:'DecimaProLight'; }

h1,
h2.large { font-size:2.5em; }
h2 { font-size:2em; }
h3 { font-size:1.75em; line-height:1.2; }
h4 { font-size:1.125em; font-weight:400; }

main p,
main ul,
main ol { font-size:1em; }

p { margin:1.5em 0; }

h1:first-child, h2:first-child, h3:first-child, p:first-child, ul:first-child, ol:first-child { margin-top:0 !important; }
h1:last-child, h2:last-child, h3:last-child, p:last-child, ul:last-child, ol:last-child { margin-bottom:0 !important; }

/* ==========================================================================
Links
========================================================================== */
a { border-bottom:1px solid #ffe600; color:#fff; text-decoration:none;
  -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
  -o-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
  transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
}
a:hover { border-bottom-color:transparent; color:#fff; text-decoration:none; }
a:focus { outline:none; }

a.btn { background-color:#ffe600; border:none; color:#202020; display:inline-block; line-height:1; padding:1.125rem 1.5rem; }
a.btn:hover { background-color:#fff; color:#202020; }

.at-resp-share-element .at-share-btn { background-color:transparent !important; margin:0 2px !important; padding:0 !important; }
.at-resp-share-element .at-share-btn svg { fill:#ffe600 !important; }

/* ==========================================================================
Forms
========================================================================== */

input, textarea, select, button { background-color:transparent; border:none; border-bottom:1px solid #fff; border-top:1px solid transparent; border-radius:0; color:#fff; cursor:pointer; display:block; font-size:1.125em; font-weight:400; margin:0; padding:0.9375rem; outline:none; text-shadow:none; width:100%;
  -webkit-appearance: none;
}
input:hover, textarea:hover, select:hover { border-bottom-color:#ffe600; }
input:focus, textarea:focus { border:1px solid #ffe600; color:#ffe600; }
textarea,
textarea[rows] { height:140px; }

label { display:none; font-size:1.125em; font-weight:400; margin-bottom:0.625rem; }

.gform_footer { clear:both; margin-top:0; position:relative; text-align:left; }
button.gform_button { background-color:#ffe600; border:none; border-radius:0; color:#202020; display:inline-block; font-size:1.125em; line-height:1; padding:1.125rem 4rem; position:relative; text-align:center; width:auto;
  -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
  transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
}
button.gform_button:hover,
button.gform_button:focus { background-color:#fff; color:#202020; }

.gform_wrapper ul { font-size:1em; list-style:none; margin:0; padding:0; }
.gform_wrapper ul li { margin-bottom:1.875rem; text-align:left; padding:0; }
.gf_clear { clear:both; }

::-webkit-input-placeholder { color:#fff; }
:-moz-placeholder { color: #fff; }
::-moz-placeholder { color: #fff; }
:-ms-input-placeholder { color: #fff; }

/** Warnings **/
.validation_error { display:none; }
.validation_message { display:none !important; }
.gfield_contains_required.gfield_error input,
.gfield_contains_required.gfield_error textarea,
.gfield_contains_required.gfield_error select,
.gfield_contains_required.gfield_error .jcf-select { border-bottom-color:#ff0000; }
.gfield_contains_required.gfield_error label { color:#ff0000 !important; }

.gform_confirmation_message { font-size:1.125em; }

img.gform_ajax_spinner { height:30px; position:absolute; right:0; top:50%; width:30px;
  transform:translateY(-50%);
}

.input_left,
.input_right,
.name_first,
.name_last,
.input_mid { display:block; }
.name_first { margin-bottom:0.9375rem; }
.gf_clear { clear:both; }

.gform_body::before, .gfield::before, .clear-multi::before, .gform_body::after, .gfield::after, .clear-multi::after {
  content: ' ';
  display: table; }

  .gform_body::after, .gfield::after, .clear-multi::after {
    clear: both; }

    /* Small screens */
    @media only screen { } /* Define mobile styles */

    @media only screen and (max-width: 24.99em) {

      article.about h1 { font-size:2.25em; }

    }

    @media only screen and (max-width: 39.99em) {

      aside.post-filter form { display:block; float:none; vertical-align:middle; width:100%; }
      aside.post-filter .jcf-select .jcf-select-text,
      aside.post-filter form.search-form input,
      aside.post-filter form.search-form select { font-size:1em; height:50px; padding:0.9375rem 1.25rem; }
      aside.post-filter form.search-form input { border-left:1px solid #ffe600; border-top:none; padding-right:3.5em; }

      .jcf-list .jcf-option { font-size:1em !important; padding:0.9375rem 1.25rem !important; }

      #bottom-bar .columns:last-child { padding-top:0.9375rem; }

      .about-section h3 { font-size:1.25em; }
      .about-section p { font-size:1.125em; }

      .video-holder figure .play-btn,
      .image-mask figure .play-btn { height:60px; margin:-30px 0 0 -30px; width:60px; }

      .jcf-select .jcf-select-text,
      aside.post-filter form input, aside.post-filter form select,
      button.gform_button,
      input, textarea, select, button { font-size:1em; }

      } /* max-width 640px, mobile-only styles, use when QAing mobile issues */

      @media only screen and (min-width: 30em) {

        .content-area.stop-small { padding-bottom:0; padding-top:0; }

      }

      /* Medium screens - min-width 640px */
      @media only screen and (min-width: 40em) {

        #site-wrapper { background:url(../img/background-image-01.png) 0 0 repeat-y, url(../img/background-image-02.png) top right repeat-y; background-size:50%; }

        #top-bar h1 { height:90px; width:380px; }
        #top-bar button.menu-button { margin-top:33px; }
        nav.site-navigation ul.menu { padding:150px; }

        #bottom-bar { padding:2.6rem 0; }
        #bottom-bar .row { display:flex; align-items:center; }

        .home-banner h1 { line-height:80px; }

        #groundbreaking-blogroll .post-row:nth-child(odd) { padding-top:5rem; }

        .add-graphic::after { left:50%; }

        .layered-content .top-layer.medium-top { top:0; bottom:auto; padding-bottom:0; }
        .layered-content .top-layer.medium-middle { top:50%;
          transform:translateY(-50%);
        }
        .layered-content .top-layer.medium-bottom { bottom:0; padding-bottom:3em; }
        .layered-content .top-layer.medium-bottom-offset-25 { bottom:0;
          transform:translateY(25%);
        }
        .layered-content .top-layer.medium-bottom-offset-50 { bottom:0;
          transform:translateY(50%);
        }

        .medium-float-left { float:left !important; }
        .medium-float-right { float:right !important; }

        .content-area { padding-bottom:3.750rem; padding-top:3.750rem; }
        .content-area.x2 { padding-bottom:7.5rem; padding-top:7.5rem; }
        .content-area.stop-small { padding-bottom:0; padding-top:0; }
        .content-area.stop-medium { padding-bottom:0; padding-top:0; }

        .outer-row { padding-left:0.9375rem; padding-right:0.9375rem; }

        /*div[class*="medium"] ~ div[class*="medium"] { padding-top:0; }*/

        h1.groundbreaking,
        h2.groundbreaking { height:96px; width:550px; }

        h1,
        h2.large { font-size:5em; }
        h2 { font-size:3.25em; }
        h3 { font-size:2em; line-height:1.2; }
        .about-section h3 { font-size:2.5em; }

        main p,
        main ul,
        main ol { font-size:1.125em; }

        .input_left,
        .input_right,
        .name_first,
        .name_last,
        .input_mid { float:left; width:50%; }
        .input_left,
        .name_first { padding-right:0.9375rem !important; }
        .input_right,
        .name_last { padding-left:0.9375rem !important; }
        .name_first { margin-bottom:0; }

        } @media only screen and (min-width: 40em) and (max-width: 64em) {

          article.about h1 { font-size:3em !important; }

          } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

          /* Large screens - min-width 1024px */
          @media only screen and (min-width: 64em) {

            body { background-size:300px; }
            #site-wrapper { background:url(../img/background-image-01.png) 0 0 repeat-y, url(../img/background-image-02.png) top right repeat-y; background-size:50%; }

            #top-bar nav { display:block; }
            #top-bar button.menu-button { display:none; }

            #bottom-bar .social-links a { font-size:1.5rem; }

            .home-banner h1 { line-height:90px; }

            #research-rows .layered-content .top-layer,
            #research-rows .content-column { padding-top:3.125rem; }

            .image-mask.large-top-left figure { clip-path:polygon(12.5% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 50%, 12.5% 25%); }

            .content-area { padding-bottom:5rem; padding-top:5rem; }
            .content-area.x2 { padding-bottom:10rem; padding-top:10rem; }
            .content-area.stop-small { padding-bottom:0; padding-top:0; }
            .content-area.stop-medium { padding-bottom:0; padding-top:0; }
            .content-area.stop-large { padding-bottom:0; padding-top:0; }

            .divider-medium { padding-top:0; }

            .add-graphic::after { background-size:125%; left:60%; }

            .layered-content .top-layer.large-middle { top:50%; bottom:auto;
              transform:translateY(-50%);
              max-height: 100%;
            }
            .layered-content .top-layer.large-bottom { bottom:0; top:auto; padding-bottom:3em; }
            .layered-content .top-layer.large-top { top:0; bottom:auto; }

            .large-float-left { float:left !important; }
            .large-float-right { float:right !important; }

            /*div[class*="large"] ~ div[class*="large"] { padding-top:0; }*/

            h1.groundbreaking,
            h2.groundbreaking { height:135px; width:750px; }

            h1,
            h2.large { font-size:5.625em; }
            h2 { font-size:3.75em; }
            h3 { font-size:2.25em; line-height:1.2; }
            .about-section h3 { font-size:3em; }
            h4 { font-size:1.125em; font-weight:400; }

            } @media only screen and (min-width: 64em) and (max-width: 90em) {

              article.about h1 { font-size:4em !important; }

              } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

              /* XLarge screens - min-width 1440px */
              @media only screen and (min-width: 90em) {

                #bottom-bar h2 { height:90px; width:380px; }

                .about-section h3 { padding-left:10%; }

                .add-graphic::after { background-size:auto; }

                } @media only screen and (min-width: 90em) and (max-width: 97.500em) { } /* min-width 1441px and max-width 1560px, use when QAing xlarge screen-only issues */

                /* XXLarge screens - min-width 1560px */
                @media screen and (min-width: 97.500em) {

                }


/* ==========================================================================
Plugin Styles
========================================================================== */

/** Slider Controls **/
.flex-direction-nav { height:0; list-style:none; margin:0; padding:0; width:100%; }
.flex-direction-nav li { height:0; width:100%; }
.flex-direction-nav li a { background-color:transparent; border:1px solid #000; color:#000; display:block; height:100%; position:absolute; top:0; overflow:hidden; width:51px; text-align:center; z-index:50;
  -webkit-transition: background-color 0.25s ease-out, width 0.25s ease-out;
  -moz-transition: background-color 0.25s ease-out, width 0.25s ease-out;
  -o-transition: background-color 0.25s ease-out, width 0.25s ease-out;
  transition: background-color 0.25s ease-out, width 0.25s ease-out;
}
.flex-direction-nav li a i { margin-top:-0.5em; position:absolute; top:50%; }
.flex-direction-nav li a.flex-next { border-right:none; right:-50px; }
.flex-direction-nav li a.flex-prev { border-left:none; left:-50px; }
.flex-direction-nav li a.flex-disabled { color:#999; cursor:not-allowed; }

.flex-direction-nav li a:hover { background-color:#000; color:#fff; }
.flex-direction-nav li a.flex-disabled:hover { background-color:transparent; color:#999; }

.flex-control-paging { height:15px; list-style:none; margin:3em 0 0; padding:0 15px; position:relative; left:0; text-align:center; width:100%; z-index:10; }
.flex-control-paging li { height:15px; display:inline-block; margin:0 3px; width:15px; }
.flex-control-paging li a { border:none; background-color:#ddd; cursor:pointer; display:inline-block; height:15px; overflow:hidden; text-indent:999px; width:15px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-clip: content-box;
}
.flex-control-paging li a:hover { background-color:#18cdc8; }
.flex-control-paging li a.flex-active { background-color:#0086b4; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li:not(:first-child) {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/*!--------------------------------------------------------------------
STYLES "Outdated Browser"
Version:    1.1.0 - 2014
author:     Burocratik
website:    http://www.burocratik.com
* @preserve
-----------------------------------------------------------------------*/
#outdated{
  display: none; position: fixed; top: 0; left: 0; width: 100%; height: 170px;
  text-align: center; text-transform: uppercase; z-index:1500;
  background-color: #f25648; color: #ffffff;
}
* html #outdated{position: absolute;}
#outdated h6{font-size: 25px; line-height: 25px; margin: 30px 0 10px;}
#outdated p{font-size: 12px; line-height: 12px; margin: 0;}
#outdated #btnUpdateBrowser{
  display: block; position: relative; padding: 10px 20px; margin: 30px auto 0; width: 230px; /*need for IE*/
  color: #ffffff; text-decoration: none; border: 2px solid #ffffff; cursor: pointer;
}
#outdated #btnUpdateBrowser:hover{color: #f25648; background-color:#ffffff;}
#outdated .last{position: absolute; top: 10px; right: 25px; width: 20px; height: 20px;}
#outdated #btnCloseUpdateBrowser{ border-bottom:none;
  display: block; position: relative; width: 100%; height: 100%;
  text-decoration: none; color: #ffffff; font-size: 36px; line-height: 36px;
}

.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:50%;margin-left:-79px}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-toolbar{top:0;right:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after{background:transparent;font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after{color:#fff}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 30px 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;margin:0;padding:0;border:0;width:44px;height:44px;line-height:44px;text-align:center;background:transparent;color:#ddd;border-radius:0;cursor:pointer;vertical-align:top;outline:none}.fancybox-button[disabled]{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover:not([disabled]){color:#fff;background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button[disabled]:after,.fancybox-button[disabled]:before{opacity:.3}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-arrow{position:absolute;top:50%;margin:-50px 0 0;height:100px;width:54px;padding:0;border:0;outline:none;background:none;cursor:pointer;z-index:99995;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .25s}.fancybox-arrow:after{content:"";position:absolute;top:28px;width:44px;height:44px;background-color:rgba(30,30,30,.8);background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:50%;background-size:24px 24px}.fancybox-arrow--right{right:0}.fancybox-arrow--left{left:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fancybox-arrow--left:after,.fancybox-arrow--right:after{left:0}.fancybox-show-nav .fancybox-arrow{opacity:.6}.fancybox-show-nav .fancybox-arrow[disabled]{opacity:.3}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-width:800px){.fancybox-infobar{left:0;margin-left:0}.fancybox-button--left,.fancybox-button--right{display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:calc(50% - 7px);top:calc(50% - 6px);border:2px solid;background:none}.fancybox-button--pause:before,.fancybox-button--play:before{top:calc(50% - 6px);left:calc(50% - 4px);background:transparent}.fancybox-button--play:before{width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px}.fancybox-button--pause:before{width:7px;height:11px;border-style:solid;border-width:0 2px}.fancybox-button--thumbs,.fancybox-thumbs{display:none}@media (min-width:800px){.fancybox-button--thumbs{display:inline-block}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{width:3px;height:3px;top:calc(50% - 2px);left:calc(50% - 2px);box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;word-break:normal;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:220px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid transparent;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}}

.fancybox-button--fullscreen { display:none !important; }

/* select */
.jcf-select {
  display: block;
  vertical-align: top;
  background:transparent;
  margin: 0;
  position:relative;
}
#filter-form-select{
  display: none !important;
}
.jcf-select select {
  z-index: 1;
  left: 0;
  top: 0;
}

.jcf-select .jcf-select-text { background-color:transparent; border:1px solid #ffe600; border-radius:0; color:#ffe600; cursor:pointer; display:block; font-size:1.125em; font-weight:400; height:65px; line-height:1.2; margin:0; padding:1.125em; outline:none; text-shadow:none; width:100%;
  -webkit-appearance: none;
  -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
  transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
}
.jcf-select .jcf-select-text:hover { border-color:#ffe600; }
.jcf-option-gf_placeholder { color:#ffe600; }
.jcf-drop-active.jcf-select .jcf-select-text { background-color:#ffe600; border-color:#ffe600; color:#202020; }
.jcf-drop-active.jcf-select .jcf-option-gf_placeholder { color:#fff; }

.jcf-select .jcf-select-opener { display:block; color:#ffe600;
  position: absolute;
  text-align: center;
  bottom: 0;
  right: 0;
  top: 0;
  transition:transform 0.25s ease-out, color 0.25s ease-out;
}
.jcf-select .jcf-select-opener::before {
  content:'\e900'; display:block; font-size:1.8em; pointer-events:none; position:absolute; top:50%; right:1.563rem;
font-family: 'icomoon' !important;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.jcf-drop-active.jcf-select .jcf-select-opener { color:#202020;
  transform:scaleY(-1);
}
body > .jcf-select-drop {
  position: absolute;
  margin: -1px 0 0;
  z-index: 9999;
}
body > .jcf-select-drop.jcf-drop-flipped {
  margin: 1px 0 0;
}
.jcf-select .jcf-select-drop {
  position: absolute;
  margin-top: 0px;
  z-index: 9999;
  top: 100%;
  left: -1px;
  right: -1px;
}
.jcf-select .jcf-drop-flipped {
  bottom: 100%;
  top: auto;
}
.jcf-select.jcf-compact-multiple {
  max-width: 220px;
}
.jcf-select.jcf-compact-multiple .jcf-select-opener:before {
  display: inline-block;
  padding-top: 2px;
  content: '...';
}
.jcf-select-drop .jcf-select-drop-content {
  border: 1px solid #ffe600;
}
.jcf-select-drop.jcf-compact-multiple .jcf-hover {
  background: none;
}
.jcf-select-drop.jcf-compact-multiple .jcf-selected {
  background: #e6e6e6;
  color: #000;
}
.jcf-select-drop.jcf-compact-multiple .jcf-selected:before {
  display: inline-block;
  content: '';
  height:4px;
  width:8px;
  margin:-7px 5px 0 -3px;
  border:3px solid #777;
  border-width:0 0 3px 3px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
}

/* multiple select styles */
.jcf-list-box {
  overflow: hidden;
  display: inline-block;
  border: 1px solid #b8c3c9;
  min-width: 200px;
  margin: 0 15px;
}
/* select options styles */
.jcf-list {
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: #fff;
  width: 100%;
}
.jcf-list .jcf-list-content {
  vertical-align: top;
  display: inline-block;
  overflow: auto;
  width: 100%;
}
.jcf-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.jcf-list ul li {
  overflow: hidden;
  display: block;
}
.jcf-list .jcf-overflow {
  overflow: auto;
}
.jcf-list .jcf-option { color:#202020; font-size:1.125em; font-weight:300; line-height:1; margin:0; padding:1.125em; text-align:left;
  /*white-space: nowrap;*/
  overflow: hidden;
  cursor: default;
  display: block;
  height: 1%;
  transition:background-color 0.25s ease-out;
}
.jcf-list .jcf-disabled {
  background: #fff !important;
  color: #aaa !important;
}
.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
  background-color:#eee;
  color: #202020;
}
.jcf-list .jcf-optgroup-caption {
  white-space: nowrap;
  font-weight: bold;
  display: block;
  padding: 5px 9px;
  cursor: default;
  color: #000;
}
.jcf-list .jcf-optgroup .jcf-option {
  padding-left: 30px;
}

/* ==========================================================================
Helper classes
========================================================================== */

/*
* Image replacement
*/

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/

.hidden {
  display: none !important;
  visibility: hidden;
}

/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
* Hide visually and from screenreaders, but maintain layout
*/


.invisible {
  visibility: hidden;
}
#site-wrapper{
  overflow: hidden;
}
.page-template-hologram-page #site-wrapper{
  background: url(../img/background-image-03.jpg) 50% 0 no-repeat;
}

.page-template-groundbreaking-internal-page #site-wrapper{
  background: url(../img/background-image-04.jpg) 50% 0 no-repeat;
}

.page-template-news-page #site-wrapper{
  background: url(../img/background-image-05.jpg) 50% 0 no-repeat;
}
.page-template-latest-news-page #site-wrapper,
.page-template-events-page #site-wrapper{
  background: url(../img/background-image-06.jpg) 50% 0 no-repeat;
}

.page-template-events-page-inner #site-wrapper{
  background: url(../img/background-image-07.jpg) 50% 0 no-repeat;
}

@media only screen and (max-width:767px){
  .page-template-hologram-page #site-wrapper{
    background: url(../img/background-image-03-mobile.jpg) 50% 0 no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
}

.small-title{
  font-size: 80px;
  line-height: 1;
  font-family: 'DecimaPro-regular';
}

.small-title span{
  font-family: 'DecimaPro-regular';
}

.small-title + h3{
  font-size: 36px;
}

.text-transform-none{
  text-transform: none !important;
}

ol {
  margin:0 0 30px;
  padding:28px 0 0;
  line-height:22px;
  width:100%;
  overflow:hidden;
  counter-reset:item;
  line-height: 26px;
}
ol ol{margin:0;}
ol li {padding:0 0 10px 32px;}
ol li:before{
  float:left;
  width:30px;
  margin:0 0 0 -32px;
  color:#ffe600;
  content:counters(item, ".") "_";
  counter-increment:item;
}

.pt-1{
  padding-top: 103px;
}

.opener-open-close{
  position: relative;
  display: block;
  border-bottom: 0;
  font-size: 18px;

}

.opener-open-close:after{
  content: '';
  position: absolute;
  border: solid #fff;
  border-width: 2px 2px 0 0;
  width: 9px;
  height: 9px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  right: 0;
  margin: 6px 0 0;
  -webkit-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
}

.active-open-close .opener-open-close:after{
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-455deg);
  transform: rotate(-45deg);
  margin: 10px 0 0;
}
.fz-18{
  font-size: 18px !important;
}

.video-holder{
  position: relative;
  margin: 0 0 30px;
}

.video-holder figure{
  margin: 0;
  margin: 0 auto;
  position: relative;
  padding: 0 0 56.25%;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.video-holder figure iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

}

.video-holder figure{
  background-position: 50% 50%;
  -webkit-background-size: cover;
  background-size: cover;
}

.video-holder:after{
  content: '';
  display: table;
  width: 100%;
  clear: both;
}



@media only screen and (max-width:1023px){
  .tablet-hidden{
    display: none;
  }
}

@media only screen and (max-width:767px){
  .small-title{
    font-size: 40px;
    line-height: 1;
  }

  .pt-m-0{
    padding-top: 0 !important;
  }

  h3{
    font-size: 24px;

  }

  ol{
    padding-top: 13px;
  }
}

@media only screen and (max-width:1023px){
  .pt-lg-0{
    padding-top: 0 !important;
  }
}

@media only screen and (min-width:768px){


  .mobile-js .js-slide-hidden{
    position: static !important;
  }

  .mobile-js .opener-open-close{
    display: none;
  }
}


.js-tab-hidden {
  display: block !important;
  left: -9999px !important;
  position: absolute !important;
  top: -9999px !important;
}

.tab-area{
  padding: 26px 0 0;
}

.tabset{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  justify-content: center;
}

.tabset li{
  min-width: 246px;
  border: 1px solid #ffe600;
  font-size: 18px;
  line-height: 48px;
}

.tabset a{
  display: block;
  color: #fff;
  -webkit-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
}

.tabset .active-tab a,
.tabset a:hover{
  color: #000;
  background: #ffe600;
}

.middle-title{
  font-size: 70px;
}

@media only screen and (max-width:767px){
  .middle-title{
    font-size: 36px;
  }
  .tab-area{
    padding: 0;
    margin: 0 -30px;
  }


  .tabset li{
    min-width: 141px;
  }
}

@media only screen and (max-width:639px){
  .tab-area{
    padding: 0;
    margin: 0 -20px;
  }
}

.pt-0{
  padding-top: 0 !important;
}

.article-set{
  padding: 110px 0 0;
}

.article-set h1{
  margin-bottom: 54px;
}

.bg{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: 50% 50%;
  z-index: -1;
}

.article-set .article-content{
  min-height: 460px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  z-index: 0;
  padding: 71px 35px 38px;
}

.article-set .article-content h2{
  font-size: 48px;
  line-height: 45px;
  font-family: 'DecimaProLight';
  color: #000;
}

.article-set .text{
  flex-grow: 1;
}

.article-set .article-content .text-holder{
  max-width: 395px;
}
.article-set .post-row .columns:first-child .article-content{
  margin: 0 -15px 0 0;
}

.article-set .post-row .columns:nth-child(even) .article-content{
  margin: 0 0 0 -15px;
}

.article-set .post-row .columns:first-child .bg{
  right: -15px;
}

.article-set .post-row .columns:nth-child(even) .bg{
  left: -15px;
}

@media only screen and (max-width:767px){
  .article-set .article-content h2{
    font-size: 24px;
    line-height: 22px;
  }
  .article-set .article-content{
    padding: 18px 16px;
    min-height: 164px;
  }
  .article-set .article-content .text-holder{
    max-width: 217px;
  }
  .article-set .post-row .columns:first-child .article-content{
    margin: 0 -20px;
  }

  .article-set .post-row .columns:nth-child(even) .article-content{
    margin: 0 -20px;
  }

  .article-set .post-row .columns:first-child .bg{
    right: -20px;
    left: -20px;
  }

  .article-set .post-row .columns:nth-child(even) .bg{
    right: -20px;
    left: -20px;
  }
}

.arrow-right{
  position: relative;
  display: inline-block;
  vertical-align:top;
  height: 32px;
  width: 82px;
  -webkit-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
  left: 0;
}

.article-content:hover .arrow-right{
  left: 15px;
}

.arrow-right:before{
  content: '';
  position: absolute;
  top: 50%;
  height: 1px;
  background: #000;
  left: 0;
  right: 0;
}

.arrow-right:after{
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  border: solid #000;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: -9px 3px 0 0;
}

@media only screen and (max-width:767px){
  .arrow-right{
    width: 40px;
    height: 16px;
  }

  .arrow-right:after{
    width: 12px;
    height: 12px;
    margin: -6px 0 0 0;
  }
}

.text-white{
  color: #fff;
}

.text-white a{
  color: #fff !important;
}

.text-white h2{
  color: #fff !important;
}

.text-yellow{
  color: #ffe600;
}

.text-yellow a{
  color: #ffe600 !important;
}

.text-yellow h2{
  color: #ffe600 !important;
}


.text-white .arrow-right:before{
  background: #fff;
}

.text-white .arrow-right:after{
  border-color: #fff;
}

.text-yellow .arrow-right:before{
  background: #ffe600;
}

.text-yellow .arrow-right:after{
  border-color: #ffe600;
}

.footer{
  background: #191919;
  margin: 0 -15px;
  padding: 93px 15px 0;
}

.sign-form{
  max-width: 1010px;
  margin: 0 auto 51px;
}

.sign-form h3{
  font-size: 48px;
  text-align: center;
  margin: 0 0 44px;
}
.sign-form input{
  border-bottom-color: #ffe600;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
}

.sign-form::-webkit-input-placeholder { /* WebKit browsers */
  color : #fff;
}
.sign-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #fff;
}
.sign-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #fff;
  opacity: 1;
}
.sign-form :-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #fff;
}

.sign-form button{
  color: #202020;
  border: 1px solid #ffe600;
  background: #ffe600;
  -webkit-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
}

.sign-form button:hover{
  background: none;
  color: #ffe600;
}

@media only screen and (max-width:767px){
  .sign-form h3{
    font-size: 24px;
    margin: 0 0 25px;
  }
  .footer{
    padding-top: 54px;
  }

  .sign-form {
    margin-bottom: 0;
  }

  .sign-form input{
    margin-bottom: 29px;
    padding: 10px 0.9375rem;
  }

  .sign-form button{
    padding: 10px 5px;
  }
  #bottom-bar{
    padding: 16px 0 27px;
  }
}

@media only screen and (max-width:639px){
  .sign-form input{
    padding: 15px 0.9375rem 18px;
  }
}

@media only screen and (min-width:768px){
  .sign-form .medium-5{
    width: 37.5%;
  }
  .sign-form .medium-2{
    width: 25%;
  }
}

.top-layer.bottom-offset{
  bottom: 50px;
}

.top-layer.article-title{
  max-width: 725px;
  padding: 0 0 0 45px;
}

.top-layer.article-title .category-tag{
  font-size: 18px;
  margin: 0 0 0 7px;
  padding: 2px 8px;
}

.top-layer.article-title h1{
  margin-top: 21px;
}

.add-graphic.alt:after{
  bottom: -303px;
}

@media only screen and (max-width:1590px){
  .top-layer.article-title{
    max-width: 645px;
    padding: 0;
  }
}

@media only screen and (max-width:1220px){
  .top-layer.bottom-offset{
    bottom: 25px;
  }

  .top-layer.article-title h1{
    font-size: 80px;
    line-height: 1;
  }

  .add-graphic.alt:after{
    bottom: -200px;
  }
}

@media only screen and (max-width:1023px){
  .top-layer.article-title h1{
    font-size: 50px;
  }

}

@media only screen and (max-width:767px){
  .top-layer.article-title h1{
    font-size: 40px;
  }
  .add-graphic.alt:after{
    bottom: -100px;
  }
}

@media only screen and (max-width:639px){
  .add-graphic.alt:after{
    bottom: 0;
  }
  .top-layer.article-title h1{
    font-size: 36px;
  }
  .top-layer.bottom-offset{
    margin-top: -50px;
    position: relative;
    top: auto;
    bottom: auto;
  }
  .top-layer.article-title{
    max-width: 100%;
  }

  .related-section{
    max-width: 420px;
    margin: 0 auto;
  }
}

.text-section{
  padding: 15px 0 50px;
}

.text-section p{
  margin: 0 0 30px !important;
}

.share-row {
  text-align: center;
  font-size: 18px;
  padding: 55px 0 30px;
}

.share-row .social-links,
.share-row .caption{
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px;
}

.share-row .social-links a{
  color: #ffe600;
  border-bottom: 0;
  margin: 0 7px;
}

.share-row .social-links a:hover{
  color: #fff;
}

.related-section h1{
  text-align: center;
  margin: 0 0 21px;
}

.related-section .category-tag{
  font-size: 18px;
  display: inline-block;
  vertical-align:top;
  padding: 2px 9px;
}

.related-section .layered-content .top-layer.medium-top{
  right: 0;
}

.related-section .layered-content .top-layer.small-bottom{
  bottom: 30px;
}

.related-section .layered-content h3{
  margin: 16px 0 0;
  line-height: 1;
}

@media only screen and (max-width:1280px){
  .related-section .layered-content .top-layer.small-bottom{
    bottom: 0;
  }
}

@media only screen and (max-width:767px){
  .related-section .layered-content .top-layer.small-bottom{
    bottom: 0;
  }
  .share-row{
    padding: 0 0 35px;
  }
  .text-section{
    padding: 0;
  }

  .pb-m-0{
    padding-bottom: 0 !important;
  }


}

nav.site-navigation .sub-menu{
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  -webkit-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
  padding: 0;
}
#top-bar .sub-menu{
  position: absolute;
  left: 50%;
  text-align: center;
  min-width: 215px;
  padding: 20px 0 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
nav.site-navigation li:hover .sub-menu,
#top-bar li:hover .sub-menu{
  opacity: 1;
  visibility: visible;
}

nav.site-navigation li:hover .sub-menu{
  height: auto;
  padding-top: 20px;
}

#top-bar .sub-menu:before{
  content: '';
  position: absolute;
  left: 50%;
  top: 11px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 12px 10px;
  border-color: transparent transparent #191919 transparent;
}

#top-bar .sub-menu li{
  background: #191919;
  padding: 0 0 22px;
  float: none ;
  margin: 0;
}

#top-bar .sub-menu li:first-child{
  padding-top: 34px;
}

#top-bar .sub-menu li:last-child{
  padding-bottom: 34px;
}

#top-bar .sub-menu li:last-child{
  margin-bottom: 0;
}
nav.site-navigation .menu-item-has-children>a,
#top-bar nav .menu-item-has-children>a{
  padding: 0 20px 0 0;
  position: relative;
  display: inline-block;
  vertical-align:top;
}

nav.site-navigation {
  text-align: center;
}
nav.site-navigation .menu-item-has-children>a:before,
#top-bar nav .menu-item-has-children>a:before{
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  margin: -5px 0 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border: solid #fff;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
nav.site-navigation .sub-menu a,
#top-bar .sub-menu a{
  color: #fff;
  display: block;
  padding: 0 10px;
}

#top-bar .sub-menu a:after{
  display: none;
}

#top-bar .sub-menu a:hover{
  color: #ffe600;
}

.locked #top-bar{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #191919;
}

/*.section-info .big-box{
padding: 0 30px;
}*/
.section-info {
  padding: 0 0 20px;
}
.section-info:last-child{
  padding: 0 0 80px;
}
.section-info .big-box h1{
  text-transform: none;
  font-size: 36px;
  margin: 0 0 15px;
}
.section-info .big-box h1 a:hover{
  color: #ffe600;
}
.section-info h3{
  font-size: 36px;
}
.section-info .img{
  height: 557px;
  position: relative;
  overflow: hidden;
  margin: 0 0 21px;
  z-index: 0;
}
.video-holder a,
.info-list .img,
.section-info .img-small a,
.section-info .img a {
  display: block;
  position: relative;
  z-index: 3;
  height: 100%;
  border:none;
  text-decoration: none;
}
.video-holder a:before,
.info-list .img:before,
.section-info .img-small a:before,
.section-info .img a:before {
  content:'';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  transition: opacity 0.25s ease-out;
  opacity: 0;
  z-index: 2;
}
.section-info .flex-parent-grid .img-small a:before {
  content:'';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  transition: opacity 0.25s ease-out;
  opacity: 0.2;
  z-index: 2;
}
.video-holder a:hover:before,
.info-list .img:hover:before,
.section-info .img-small a:hover:before,
.section-info .img a:hover:before {
  opacity: 0.2;
}
.section-info .flex-parent-grid .img-small a:hover:before {
  opacity:0.1;
}
.section-info .category-tag{
  font-size: 18px;
  padding: 2px 10px;
  display: inline-block;
  vertical-align:top;
  margin: 0 0 14px;
  color: #222;
  font-family: 'Open Sans', sans-serif;
  border: 0;
}

.section-info a.category-tag:hover{
  color: #222;
  opacity: 0.8;
}
.section-info h1 a,
.section-info p a{
  border: none;
}

.section-info p a:hover{
  color: #ffe600;
}

.section-info .big-box p{
  margin: 0 0 10px;
}

.info-list{
  list-style: none;
  padding: 0;
  margin: 0;
  font-family:'DecimaPro-Bold';

}

.info-list li{
  padding: 29px 0 25px;
  border-top: 1px solid #393939;
}

.info-list li:first-child{
  padding-top: 15px;
  border: 0;
}

.info-list li:last-child{
  padding-bottom: 0;
}

.info-list p{
  margin: 0;
  font-size: 24px;
  line-height: 1.25;
}

@media only screen and (max-width:1190px){
  .section-info .img{
    height: 400px;
  }
  .info-list p{
    font-size: 20px;
    line-height: 1.2;
  }
}

@media only screen and (max-width:1023px){
  .section-info .img{
    height: 250px;
  }

  .info-list li{
    padding: 25px 0 21px;
  }
}

.section-info .heading-line {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -ms-align-items: flex-end;
  align-items: flex-end;
  font-size: 18px;
  margin: 0 0 22px;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.section-info .heading-line h3{
  margin: 0;
}
.section-info .heading-line .link{
  margin: 0 0 6px 20px;
}

.section-info .img-small{
  height: 310px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  box-shadow:0 0 20px rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 0;
  margin: 0 0 20px;
}

@media only screen and (max-width:1280px){
  .section-info .img-small{
    height: 260px;
  }
}

@media only screen and (max-width:1200px){
  .section-info .img-small{
    height: 200px;
  }
}

.section-info .img-small + .text p{
  margin: 0;
  font-family:'DecimaPro-Bold';
  font-size: 24px;
  line-height: 1.25;
}


.section-info .with-border{
  position: relative;
  padding: 52px 0 42px;
}

.with-border:before{
  content: '';
  position: absolute;
  left: 15px;
  right: 15px;
  height: 1px;
  top: 0;
  background: #393939;
}

.with-border:after{
  content: '';
  display: table;
  width: 100%;
  clear: both;
}

.decore-border:before{
  height: 10px;
  background: url(../img/decore-border.png) repeat-x;
}

.section-info:first-child .with-border{
  padding-top: 0;
}

.section-info:first-child .with-border:before{
  display: none;
}

.section-info img{
  width: 100%;
}

.top-layer.short-article{
  font-size: 18px;
  line-height: 1.44;
  left: -9.3%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.top-layer.short-article .more{
  border-bottom:1px solid #ffe600;
}

.layered-content:hover .top-layer.short-article .more{
  border-color: transparent;
}

.top-layer.short-article h3{
  line-height: 1;
  margin: 0 0 8px;
}

.top-layer.short-article p{
  margin: 0 0 49px;
  font-size: 18px;
  line-height: 1.44;
}

.profile-holder{
  position: relative;
  display: block;
  border: 0;
  height: 100%;
  transition: opacity 0.25s ease-out;
}

.profile-holder:hover{
  opacity: 0.8;
}

.profile-holder .text{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 17px 20px;
}
.profile-holder .text p{
  font-family:'DecimaPro-Bold';
  font-size: 24px;
  margin: 0;
  line-height: 1.1;
}

@media only screen and (max-width:1350px){
/*.top-layer.short-article{
left: -43px;
}*/

.top-layer.short-article p{
  margin: 0 0 20px;
}

.profile-holder .text p{
  font-size: 20px;
}
}

@media only screen and (max-width:1023px){
  .ptablet-b{
    padding-bottom: 30px;
  }
  .profile-holder{
    min-height: 350px;
  }
}

@media only screen and (max-width:639px){
  .section-info .heading-line .link{
    margin-left: 0;
  }
  .pm-b{
    padding-bottom: 30px;
  }

  .top-layer.short-article{
    position: static;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    margin-top: -50px;
  }

  .top-layer.short-article h3{
    font-size: 24px;
  }

  .top-layer.short-article p{
    font-size: 16px;
  }
}


.no-padding.info-list li:first-child{
  padding-top: 0;
}

.no-padding.info-list li:last-child{
  padding-bottom: 0;
}

.video-holder .text{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 14px 22px;
  z-index: 4;
}
.video-holder svg {
  z-index: 4;
  height: 100px;
  margin: -50px 0 0 -50px;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100px;
}
.video-holder svg polygon,
.video-holder svg circle {
  fill: transparent;
  stroke: #ffe600;
  stroke-width: 2px;
  transition: fill 0.25s ease-out, stroke 0.25s ease-out;
}
.video-holder a:hover svg circle {
  fill: #000;
}
.video-holder .text p{
  font-size: 36px;
  line-height: 1.1;
  font-family: 'DecimaPro-Bold';
  margin: 0;
}

.section-info .video-holder {
  margin: 0;
}

.info-list img{
  width: 100%;
  margin: 0 0 22px;
}
.info-list li img{
  margin: 0;
}
.imgLiquid{
  position: relative;
  overflow: hidden;
}
.video-holder .imgLiquid{
  min-height: 350px;
}
.imgLiquid .play-btn{
  max-width: 100px;
  max-height: 100px;
}

@media only screen and (max-width:767px){
  .imgLiquid .play-btn{
    max-width: 60px;
    max-height: 60px;
    margin: -30px 0 0 -30px;
  }

  .section-info .with-border{
    padding: 30px 0 0;
  }

  .video-holder .text p{
    font-size: 24px;
  }
  .video-holder .imgLiquid{
    min-height: 250px;
  }
}

@media only screen and (max-width:639px){
  .video-holder .text{
    position: static;
    padding: 22px 0;
  }
}

.flex-parent-grid .img-small + .text{
  padding: 0 0 25px;
}

.flex-parent-grid .columns{
  margin-right: -1px;
}


#mce-responses{
  padding: 24px;
  clear: both;
  text-align: center;
}

.filter-form {
  text-align: center;
  margin: 0 0 78px;
  padding-top: 24px;
}
.filter-form .jcf-select {
  text-align: center;
}
.filter-form .jcf-select .jcf-select-text{
  height: 50px;
  padding: 12px;
}
@media only screen and (min-width: 40em) {
  .filter-form .jcf-select {
    display: inline-block;
    vertical-align: top;
    min-width: 245px;
  }
}
.filter-form .jcf-select .jcf-select-text {
  color: #fff;
}
.filter-form .jcf-select-text span {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 0 19px 0 0;
  /*overflow: hidden;*/
}
.filter-form .jcf-select-text span:before {
  position: absolute;
  top: 8px;
  right: 0;
  width: 0;
  height: 0;
  content:'';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 7px solid #ffe600;
  transition: transform 0.25s ease-out, color 0.25s ease-out;
}
.filter-form .jcf-select .jcf-select-opener {
  display: none;
}
.filter-form .jcf-drop-active .jcf-select-text {
  color: #202020;
}
.filter-form .jcf-drop-active .jcf-select-text span:before {
  border-top: 7px solid #202020;
  transform: rotate(180deg);
}
@media only screen and (max-width: 39.99em) {
  .filter-form .jcf-select-text {
    font-size: 1em;
    height: 50px;
    padding: 0.9375rem 1.25rem;
  }
}
.flex-parent-grid {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
}
.flex-parent-grid .columns {
  padding-bottom: 30px;
}
.post-item {
  display: block;
  height: 100%;
  background: #343434;
  text-decoration: none;
  border:none;
  font-size: 18px;
  position: relative;
}
.post-item:hover .image-block span:before {
  opacity: 0.1;
}
.post-item:hover .arrow-more:before {
      animation: animation-move-left 0.65s cubic-bezier(0.48, -0.2, 0.55, 0.95) 0s 1 normal none running;
}
@-webkit-keyframes animation-move-left{
  from{
    -webkit-transform:translate(0,0) rotate(-45deg);
    -ms-transform:translate(0,0) rotate(-45deg);
    transform:translate(0,0) rotate(-45deg);
  }
  20%{
    opacity:1;
    -webkit-transform:translate(-3px,0) rotate(-45deg);
    -ms-transform:translate(-3px,0) rotate(-45deg);
    transform:translate(-3px,0) rotate(-45deg);
  }
  40%{
    opacity:0;
    -webkit-transform:translate(10px, 0) rotate(-45deg);
    -ms-transform:translate(10px, 0) rotate(-45deg);
    transform:translate(10px, 0) rotate(-45deg);
  }
  60%{
    opacity:0;
    -webkit-transform:translate(-10px, 0) rotate(-45deg);
    -ms-transform:translate(-10px, 0) rotate(-45deg);
    transform:translate(-10px, 0) rotate(-45deg);
  }
  80%{
    opacity:1;
    -webkit-transform:translate(0, 0) rotate(-45deg);
    -ms-transform:translate(0, 0) rotate(-45deg);
    transform:translate(0, 0) rotate(-45deg);
  }
  to{
    -webkit-transform:translate(0,0) rotate(-45deg);
    -ms-transform:translate(0,0) rotate(-45deg);
    transform:translate(0,0) rotate(-45deg);
  }
}
@keyframes animation-move-left{
  from{
    -webkit-transform:translate(0,0) rotate(-45deg);
    -ms-transform:translate(0,0) rotate(-45deg);
    transform:translate(0,0) rotate(-45deg);
  }
  20%{
    opacity:1;
    -webkit-transform:translate(-3px,0) rotate(-45deg);
    -ms-transform:translate(-3px,0) rotate(-45deg);
    transform:translate(-3px,0) rotate(-45deg);
  }
  40%{
    opacity:0;
    -webkit-transform:translate(10px, 0) rotate(-45deg);
    -ms-transform:translate(10px, 0) rotate(-45deg);
    transform:translate(10px, 0) rotate(-45deg);
  }
  60%{
    opacity:0;
    -webkit-transform:translate(-10px, 0) rotate(-45deg);
    -ms-transform:translate(-10px, 0) rotate(-45deg);
    transform:translate(-10px, 0) rotate(-45deg);
  }
  80%{
    opacity:1;
    -webkit-transform:translate(0, 0) rotate(-45deg);
    -ms-transform:translate(0, 0) rotate(-45deg);
    transform:translate(0, 0) rotate(-45deg);
  }
  to{
    -webkit-transform:translate(0,0) rotate(-45deg);
    -ms-transform:translate(0,0) rotate(-45deg);
    transform:translate(0,0) rotate(-45deg);
  }
}

.post-item:hover h2 {
  color: #ffe600;
}
.post-item .image-block {
  position: relative;
  width: 100%;
  overflow: hidden;
  z-index: 1;
  display: block;
  height: 240px;
}
.post-item .image-block span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  height: 100%;
  z-index: 2;
  overflow: hidden;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
}
.post-item .image-block span:before {
  content:'';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.2;
  z-index: 2;
  transition:opacity  0.25s ease-out;
}
.post-item .date {
  position: absolute;
  top: 33px;
  left: 30px;
  z-index: 4;
  text-transform: uppercase;
  color: #fff;
  font:48px/1 'DecimaPro-regular', sans-serif;
}
.post-item .text-block {
  padding: 20px 20px 30px;
  display: block;
}
.post-item h2 {
  font-size: 24px;
  text-transform: none;
  line-height: 1.25;
}
.post-item .arrow-more {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border:1px solid #ffe600;
  position: relative;
}
.post-item .arrow-more:before {
  content:'';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  margin: -7px 0 0 -9px;
  height: 14px;
  transform: rotate(-45deg);
  border:1px solid #ffe600;
  border-width: 0 1px 1px 0 ;
  transition: all 0.25s ease-out;
}
.wp-pagenavi,
.pagination {
  text-align: center;
  padding: 38px 0 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
  letter-spacing: -4px;
}
.wp-pagenavi span,
.wp-pagenavi a,
.pagination li {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  font-size: 18px;
  line-height: 26px;
  margin: 0 11px;
  border-color: transparent;
}
.pagination li a{
  border:none;
}
.wp-pagenavi a:hover,
.pagination li a:hover {
  border-color: #ffe600;
}
.wp-pagenavi .current,
.pagination  .current span{
  border-bottom: 1px solid #ffe600;
  color: #fff;
  transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out
}
.pagination .pagination-previous {
  padding-right: 18px;
}
.pagination .pagination-next {
  padding-left: 18px;
}

.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink,
.pagination .pagination-next a,
.pagination .pagination-previous a{
  display: inline-block;
  vertical-align:top;
  position: relative;
  width: 26px;
  height: 26px;
  font-size: 0;
  line-height: 0;
}

.wp-pagenavi .nextpostslink:before,
.wp-pagenavi .previouspostslink:before,
.pagination .pagination-next a:before,
.pagination .pagination-previous a:before{
  content:'';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  transform: rotate(-45deg);
  border:1px solid #ffe600;
  border-width: 0 1px 1px 0 ;
  transition: all 0.25s ease-out;
  margin: -9px 0 0 -13px;
}
.wp-pagenavi .previouspostslink:before,
.pagination .pagination-previous a:before {
  transform: rotate(135deg);
}

.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .previouspostslink:hover,
.pagination .pagination-next a:hover,
.pagination .pagination-previous a:hover{
  border-color: transparent;
}
.wp-pagenavi .nextpostslink:hover:before,
.pagination .pagination-next a:hover:before {
  margin: -9px 0 0 -8px;
}
.wp-pagenavi .previouspostslink:hover:before,
.pagination .pagination-previous a:hover:before {
  margin: -9px 0 0 -18px;
}
.bottom-aside h1 {
  margin-bottom: 23px !important;
}
@media only screen and (max-width: 39.99em) {
  .pagination li {
    padding: 0 5px;
  }
  .pagination .pagination-previous {
    padding-right: 10px;
  }
  .pagination .pagination-next {
    padding-left: 10px;
  }
}
.page-header{
  padding-bottom: 50px;
}
.head-post {
  position: relative;
}
.head-post header {
  height: 370px;
  display: table;
  width: 100%;
  margin: 0;
  position: relative;
  z-index: 3;
}
.head-post header h1 {
  font-size: 60px;
}
.head-post figure {
  margin: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  background-size: cover;
  z-index: 1;
}
.head-post figure img {
  display: none;
}
.head-post figure:before  {
  content:'';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.5;
  z-index: 2;
}
.head-post header .holder {
  display: table-cell;
  vertical-align: middle;
  padding: 35px 12%;
  font-size: 18px;
}
.head-post.no-image header {
  display: block;
  height: auto;
}
.head-post.no-image header .holder {
  padding-top: 0;
  padding-bottom: 50px;
  display: block;
}
.head-post footer {
  background: rgba(0,0,0,0.2);
  color: #fff;
  position: relative;
  z-index: 3;
  padding: 20px 24px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.head-post  .detail-box {
  width: 57%;
  font-size: 18px;
}
.head-post  .detail-box .cell {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content:space-between;
}
.head-post  .detail-box svg,
.head-post  .detail-box i {
  color: #ffe600;
  margin: 0 2px 0 0;
}
.head-post  .detail-box .cell > * {
  padding: 5px 10px 5px 0;
}
.head-post .btn {
  min-width: 230px;
  text-align: center;
  font-size: 18px;
}
@media only screen and (max-width: 63.99em) {
  .head-post header h1 {
    font-size: 50px;
  }
  .head-post  .detail-box {
    font-size: 16px;
  }
  .head-post .btn {
    min-width: 180px;
  }
  .head-post header .holder {
    padding: 35px 8%;
  }
  .head-post .detail-box {
    width: 64%;
  }
}
@media only screen and (max-width: 39.99em) {
  .head-post footer {
    display: block;
    padding: 20px 25px;
  }
  .head-post .btn {
    display: block;
    width: 100%;
    min-width: 0;
  }
  .head-post .detail-box {
    width: 100%;
  }
  .head-post footer .btn-wrap {
    padding-top: 10px;
  }
  .head-post header .holder {
    padding: 25px;
  }
  .head-post header h1 {
    font-size: 40px;
  }
  .head-post header {
    height: 300px;
  }
  .head-post.no-image header .holder {
    padding-bottom: 30px;
  }
}

/*yarik*/
.profile-top-grid{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -.9375rem;
  margin-right: -.9375rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.post-item.post-item-full-image{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  min-height: 420px;
  background-color: transparent;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: top center;
}

.post-item.post-item-full-image::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.2;
  z-index: 2;
  transition: opacity 0.25s ease-out;
}

.post-item.post-item-full-image:hover::before{
  opacity: 0.1;
}

.post-item.post-item-full-image .text-block{
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 0 20px 15px;
}

.post-item.post-item-full-image .category-tag{
  padding: 2px 10px;
  display: inline-block;
}

.post-item.post-item-full-image h2{
  padding-top: 4px;
}

.flex-parent-grid.flex-parent-grid-full-image{
  max-width: 1500px;
}

.profile{
  margin-bottom: 50px;
}

@media only screen and (min-width: 40em) {

  .profile{
    margin-bottom: 83px;
    margin-top: -20px;
  }
}

.profile-image{
  margin-bottom: 30px;
  text-align: center;
}

@media only screen and (min-width: 64em) {

  .profile-image{
    margin-bottom: 0;
    text-align: left;
  }
}

.profile-title{
  font-size: 40px;
}

@media only screen and (min-width: 64em) {

  .profile-title{
    font-size: 50px;
    margin: 0 0 5px;
    line-height: 1;
  }
}

@media only screen and (min-width: 90em) {

  .profile-title{
    font-size: 60px;
  }
}

.profile-top{
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #333;
}

@media only screen and (min-width: 64em) {

  .profile-top{
    margin-bottom: 55px;
    padding-bottom: 55px;
  }
}

.profile-degrees{
  margin: 0 0 35px;
  padding: 0;
  list-style: none;
  color: #020202;
  overflow: hidden;
}

.profile-degrees > li{
  padding: 2px 10px;
  float: left;
  clear: both;
  margin-bottom: 2px;
  background: #fff;
}

.profile-content{
  max-width: 750px;
  margin-bottom: 30px;
}

@media only screen and (min-width: 40em) {

  .profile-content{
    margin: 0 auto 80px;
  }
}

.profile-content h2{
  font-size: 24px;
  text-transform: none;
}

@media only screen and (min-width: 64em) {

  .profile-main-info{
    margin: 0 0 0 -50px;
  }
}

@media only screen and (min-width: 90em) {

  .profile-main-info{
    padding: 55px 0 0 0;
  }
}

@media only screen and (min-width: 90em) {

  .profile-main-info{
    margin: 0 0 0 -120px;
  }
}

.profile-contact-link{
  font-size: 18px;
}

.profile-content ul, .profile-content ol{
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
}

.profile-content ul > li, .profile-content ol > li{
  padding: 0 0 0 11px;
  position: relative;
  margin: 0 0 1px;
}

.profile-content ul > li::before, .profile-content ol > li::before{
  content: '•';
  position: absolute;
  left: 0;
  top: 0;
}

.profile-content p{
  margin: 0 0 35px;
}

.row-title{
  margin-bottom: 13px;
}

/*yarik*/

.pb-0{
  padding-bottom: 0;
}

#mc_embed_signup input.mce_inline_error{
  border: 1px solid #6B0505;
}

h1 + .intro-line-text {
  margin: -22px 0 27px;
}

.intro-line-text p{
  font-size: 18px;
}

.related-section{
  padding-bottom: 20px;
}

@media only screen and (max-width:1024px){
  .related-section{
    padding-bottom: 0;
  }
}

.js-thumbnail{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-background-size: cover;
  background-size: cover;
}

.subtitle-row{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}

.subtitle-row .date{
  margin-left: 20px;
  padding: 3px 0 0;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  white-space: nowrap;
}
@media screen and (min-width: 64em) {
  .pr-tablet-2 {
    padding-right: 45px;
  }
  .pl-tablet-1 {
    padding-left: 30px;
  }
  .pr-tablet-1 {
    padding-right: 30px;
  }
}
@media screen and (min-width: 40em) {
  .pr-2 {
    padding-right: 45px;
  }
}