.kutus {
    display: block;
    float:left;
    margin-left: 20px;
    margin-right: 20px;
}

.introjs-overlay {
    position: absolute;
    z-index: 999999;
    background-color: #000;
    opacity: 0;
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.9)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
    background: radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#e6000000', GradientType=1); 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.golge {
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
}

#hicbanasordunuzmu {
    z-index: 9999;
    position: absolute;
    top: -110px;
    right: 86px;
    font-size: 2rem;
    font-weight: 700;
    color: #101B40;
}

#hicbanasordunuzmumob {
    z-index: 9999;
    position: absolute;
    top: -270px;
    right: 20px;
    font-size: 1rem;
    font-weight: 300;
    color: #101B40;
}

#hicbanasordunuzmu2 {
    z-index: 9999;
    position: absolute;
    top: 146px;
    right: 15px;
    font-size: 1.1rem;
    font-weight: 700;
    color: #ffffff;
}

#swrap { position: absolute; height: 60px; padding: 0; margin:0; top:-75px; left:173px; }
#sinput { height: 60px; font-size: 25px; display: inline-block;
  font-family: "Lato",Arial,Verdana; font-weight: 200;
  border: none; outline: none;
  color: #ffffff;
  padding: 3px; padding-right: 60px; width: 0px;
  position: absolute; top: 0; right: 0;
  background: none; z-index: 3;
  transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000); cursor: pointer;
  -webkit-box-shadow:none;
  box-shadow:none;
}
#sinput:focus:hover { border-bottom: 1px solid #fff; }
#sinput:focus { width: 250px; z-index: 1; border-bottom: 1px solid #fff; cursor: text;
}
#ssubmit { height: 67px; width: 63px; display: inline-block;
  color:red;
  float: right;
  background: url('https://tegv.org/wp-content/themes/tegv/aramabut.png') center center no-repeat;
  text-indent: -10000px;
  border: none; position: absolute;
  top: 0; right: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 0.4;
  cursor: pointer;
  transition: opacity .4s ease;
}

#ssubmit:hover { opacity: .8; }

.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

q {
  quotes: "“" "”" "‘" "’";
}
q:before {
    position: relative;
    top:5px;
    font-family: 'Source Sans Pro', sans-serif;
    content: open-quote;
    font-size: 2.6em;
    margin-left:-20px;
}
q:after {
    position: relative;
    top:10px;
    font-family: 'Source Sans Pro', sans-serif;
    content: close-quote;
     font-size: 2.6em;
     line-height: 0.1em;
}

.introjs-fixParent {
    z-index: auto !important;
    opacity: 1.0 !important;
    position: absolute !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important
}

.introjs-showElement,
tr.introjs-showElement>td,
tr.introjs-showElement>th {
    z-index: 9999999 !important
}

.introjs-disableInteraction {
    z-index: 99999999 !important;
    position: absolute
}

.introjs-relativePosition,
tr.introjs-showElement>td,
tr.introjs-showElement>th {
    position: relative
}

.introjs-helperLayer {
    position: absolute;
    z-index: 9999998;
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.4);
    -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.introjs-tooltipReferenceLayer {
    position: absolute;
    visibility: hidden;
    z-index: 10000000;
    background-color: transparent;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.introjs-helperLayer *,
.introjs-helperLayer *:before,
.introjs-helperLayer *:after {
    -webkit-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box
}

.introjs-helperNumberLayer {
    display: none;
    position: absolute;
    visibility: visible;
    top: -16px;
    left: -16px;
    z-index: 9999999999 !important;
    padding: 2px;
    font-family: Arial, verdana, tahoma;
    font-size: 13px;
    font-weight: bold;
    color: white;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    background: #ff3019;
    background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));
    background: -webkit-gradient(linear, left top, left bottom, from(#ff3019), to(#cf0404));
    background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 3px solid white;
    border-radius: 50%;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4)
}

.introjs-arrow {
    border: 5px solid white;
    content: '';
    position: absolute
}

.introjs-arrow.top {
    top: -10px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: white;
    border-left-color: transparent
}

.introjs-arrow.top-right {
    top: -10px;
    right: 10px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: white;
    border-left-color: transparent
}

.introjs-arrow.top-middle {
    top: -10px;
    left: 50%;
    margin-left: -5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: white;
    border-left-color: transparent
}

.introjs-arrow.right {
    right: -10px;
    top: 10px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: white
}

.introjs-arrow.right-bottom {
    bottom: 10px;
    right: -10px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: white
}

.introjs-arrow.bottom {
    bottom: -10px;
    border-top-color: white;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent
}

.introjs-arrow.left {
    left: -10px;
    top: 10px;
    border-top-color: transparent;
    border-right-color: white;
    border-bottom-color: transparent;
    border-left-color: transparent
}

.introjs-arrow.left-bottom {
    left: -10px;
    bottom: 10px;
    border-top-color: transparent;
    border-right-color: white;
    border-bottom-color: transparent;
    border-left-color: transparent
}

.introjs-tooltip {
    position: absolute;
    visibility: visible;
    padding: 25px;
    background-color: white;
    min-width: 200px;
    max-width: 300px;
    -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 30px rgba(0, 0, 0, 0.4);
    -webkit-transition: opacity 0.1s ease-out;
    transition: opacity 0.1s ease-out
}

.introjs-tooltipbuttons {
    text-align: right;
    white-space: nowrap
}

.introjs-button {
    position: relative;
    overflow: visible;
    display: inline-block;
    padding: 10px !important;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #074465;
    margin: 0;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
    font-size: 13px;
    color: #074465;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    -o-background-clip: padding-box;
    zoom: 1;
    *display: inline;
    margin-top: 10px;
    width: 60px
}

.introjs-button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.introjs-prevbutton {
    border-left: 0;
    border-right: 0
}

.introjs-nextbutton.introjs-disabled {
    border-left: 1px solid #074465 !important
}

.introjs-disabled {
    color: #b3c2ca !important;
    border-color: #b3c2ca !important
}

.introjs-bullets {
    text-align: center
}

.introjs-bullets ul {
    clear: both;
    margin: 15px auto 0;
    padding: 0;
    display: inline-block
}

.introjs-bullets ul li {
    list-style: none;
    float: left;
    margin: 0 2px
}

.introjs-bullets ul li a {
    display: block;
    width: 6px;
    height: 6px;
    background: #ccc;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-decoration: none;
    border: none !important
}

.introjs-bullets ul li a:hover {
    background: #074465
}

.introjs-bullets ul li a.active {
    background: #074465
}

.introjs-progress {
    overflow: hidden;
    height: 10px;
    margin: 10px 0 5px 0;
    border-radius: 4px;
    background-color: #ecf0f1
}

.introjs-progressbar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    background-color: #08c
}

.introjsFloatingElement {
    position: absolute;
    height: 0;
    width: 0;
    left: 50%;
    top: 50%
}

.introjs-fixedTooltip {
    position: fixed
}

.introjs-hint {
    position: absolute;
    background: transparent;
    width: 20px;
    height: 15px
}

.introjs-hidehint {
    display: none
}

.introjs-fixedhint {
    position: fixed
}

.introjs-hint:hover>.introjs-hint-pulse {
    border: 5px solid rgba(60, 60, 60, 0.57)
}

.introjs-hint-pulse {
    width: 10px;
    height: 10px;
    border: 5px solid rgba(60, 60, 60, 0.27);
    border-radius: 30px;
    background-color: rgba(136, 136, 136, 0.24);
    z-index: 10;
    position: absolute;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}

.introjs-hint-dot {
    border: 10px solid rgba(146, 146, 146, 0.36);
    background: transparent;
    border-radius: 60px;
    height: 50px;
    width: 50px;
    -webkit-animation: introjspulse 3s ease-out;
    animation: introjspulse 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    top: -25px;
    left: -25px;
    z-index: 1;
    opacity: 0
}

@-webkit-keyframes "introjspulse" {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0
    }
    25% {
        -webkit-transform: scale(0);
        opacity: 0.1
    }
    50% {
        -webkit-transform: scale(0.1);
        opacity: 0.3
    }
    75% {
        -webkit-transform: scale(0.5);
        opacity: 0.5
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0.0
    }
}

.introjs-tooltip h1,
.introjs-tooltip h2 {
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    color: #074465;
    line-height: 1.2
}

.introjs-tooltip h2 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px
}

.introjs-tooltiptext {
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 15px;
    color: #074465
}

#nprogress {
    pointer-events: none
}

#nprogress .bar {
    background: #007ecb;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px
}

.admin-bar #nprogress .bar {
    top: 32px
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    -webkit-box-shadow: 0 0 10px #007ecb, 0 0 5px #007ecb;
    box-shadow: 0 0 10px #007ecb, 0 0 5px #007ecb;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px)
}

#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 2px transparent;
    border-top-color: #007ecb;
    border-left-color: #007ecb;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner 400ms linear infinite;
    animation: nprogress-spinner 400ms linear infinite
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
    position: absolute
}

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}


/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

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

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

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

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td,
th {
    padding: 0
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    background-color: #161616
}

figure img {
    display: block;
    width: 100%;
    height: auto
}

a [data-hover],
button [data-hover] {
    display: inline-block;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

a [data-hover]:before,
button [data-hover]:before {
    position: absolute;
    top: 100%;
    content: attr(data-hover)
}

a:hover [data-hover],
button:hover [data-hover] {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

html {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

body {
    line-height: 1.5
}

@media all and (max-width: 29.99em) {
    html {
        font-size: 87.5%
    }
}

body {
    color: #161616
}

html, body {
    -webkit-font-feature-settings: normal;
    font-feature-settings: "kern" 1, "liga" 1
}

pre, code {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal
}

h1, h2, h3, h4, h5, h6 {
    margin: 0
}

h6 {
    margin-top: 12px;
}

blockquote, p {
    margin: 0
}

strong, b {
    font-weight: 700
}

a {
    color: #0b3f7a;
    text-decoration: none;
    border-bottom: 1px solid #d0d0d0;
    -webkit-transition: background-color .2s, color .2s, padding .2s, border .2s, opacity .2s;
    transition: background-color .2s, color .2s, padding .2s, border .2s, opacity .2s
}

a:hover,
a:focus {
    border-bottom-color: #0b3f7a;
    padding-bottom: 2px
}

a:active {
    color: #007ecb;
    border-bottom-color: #007ecb;
    padding-bottom: 0
}

dt {
    font-weight: bold
}

menu,
ol,
ul {
    padding: 0;
    margin-left: 25px
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none
}

.u-unstyled,
.inline-list {
    list-style: none
}

.inline-list-item {
    display: inline-block
}

ol.numbered-list {
    list-style-type: none;
    counter-reset: numbered-list
}

ol.numbered-list>li {
    position: relative;
    padding-top: 64px;
    padding-bottom: 64px;
    padding-left: 64px;
    border-top: 1px solid #d0d0d0
}

ol.numbered-list>li:before {
    position: absolute;
    top: 72px;
    left: 14px;
    content: counter(numbered-list);
    counter-increment: numbered-list;
    background-color: #007ecb;
    color: #fff;
    height: 36px;
    width: 36px;
    text-align: center;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 36px;
    line-height: 2.25rem;
    border-radius: 100%
}

input,
label,
select {
    display: block;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 32px;
    line-height: 2rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    color: #666
}

label {
    margin-bottom: 8px
}

label.required:after {
    content: "*";
    margin-left: 4px
}

label abbr {
    display: none
}

textarea,
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="time"],
input[type="week"],
select[multiple=multiple] {
    background-color: #fff;
    border: 1px solid #d0d0d0;
    margin-bottom: 32px;
    padding: 10px 16px;
    width: 100%;
    -webkit-box-shadow: 0 0 rgba(22, 22, 22, 0.1);
    box-shadow: 0 0 rgba(22, 22, 22, 0.1);
    -webkit-transition: border 0.2s, -webkit-box-shadow 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: border 0.2s, box-shadow 0.2s cubic-bezier(0.165, 0.84, 0.44, 1)
}

textarea:hover,
input[type="email"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="text"]:hover,
input[type="url"]:hover,
input[type="color"]:hover,
input[type="date"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="week"]:hover,
select[multiple=multiple]:hover {
    -webkit-box-shadow: 1px 1px rgba(22, 22, 22, 0.1);
    box-shadow: 1px 1px rgba(22, 22, 22, 0.1)
}

textarea:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
select[multiple=multiple]:focus {
    outline: none;
    -webkit-box-shadow: 4px 4px rgba(22, 22, 22, 0.1);
    box-shadow: 4px 4px rgba(22, 22, 22, 0.1)
}

@media all and (max-width: 46.24em) {
    textarea,
    input[type="email"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="url"],
    input[type="color"],
    input[type="date"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    select[multiple=multiple] {
        margin-bottom: 18px
    }
}

textarea {
    display: block;
    resize: vertical;
    overflow: auto
}

input[type="search"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

input[type="checkbox"],
input[type="radio"] {
    display: inline;
    margin-right: 8px
}

input[type="file"] {
    padding-bottom: 16px;
    width: 100%
}

select {
    margin-bottom: 32px;
    max-width: 100%;
    width: auto
}

.form::after {
    clear: both;
    content: "";
    display: table
}

.form-group {
    margin-bottom: 16px
}

.form-group.column {
    float: left;
    width: 50%;
    padding: 0 20px
}

.form-group.column.left {
    padding-left: 0
}

.form-group.column.right {
    padding-right: 0
}

.form-group .form-group {
    margin-bottom: 0
}

.form-group .form-group.left {
    width: 60%
}

.form-group .form-group.right {
    width: 40%
}

@media all and (max-width: 46.24em) {
    .form-group.column {
        float: none;
        width: 100%;
        padding: 0
    }
    .form-group .form-group.left,
    .form-group .form-group.right {
        width: 100%
    }
}

.form-action {
    margin-top: 64px
}

.mc4wp-form {
    padding: 0 30px;
    margin-bottom: 32px
}

.mc4wp-form form::after {
    clear: both;
    content: "";
    display: table
}

.mc4wp-form label {
    color: #0b3f7a;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 22px;
    line-height: 1.375rem
}

.mc4wp-form input {
    float: left;
    margin-bottom: 0;
    padding: 0;
    border: 0 none;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 22px;
    line-height: 1.375rem
}

.mc4wp-form input[type="email"] {
    border-bottom: 1px solid #d0d0d0;
    width: 172px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.mc4wp-form input[type="email"]:focus {
    border-color: #0b3f7a
}

.mc4wp-form input[type="submit"] {
    background-color: transparent;
    color: #0b3f7a;
    font-weight: 700;
    width: 28px
}

.mc4wp-form .mc4wp-alert {
    margin-top: 10.66667px;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
    line-height: 1.125rem
}

.btn-social img { margin-top:5px; }
.btn-social a {
    text-decoration: none;
    color: #ffffff;
    border: 0;
}
.btn-social a:hover {
    text-decoration: none;
}

.btn-social {
    margin:0;
    border:0;
    padding: 4px;
    font-size: 18px;
    text-align: left;
    text-decoration: none;
    margin-top:6px;
    margin-bottom:6px;
    padding-left:9px;
}

.btn-social:hover {
    opacity: 0.7;
    border:0;
}

.fa-facebook {
    background: #3B5998 !important;
    color: white;
}

.fa-mail {
    background: #F1A73D !important;
    color: white;
}

.fa-twitter {
    background: #55ACEE !important;
    color: white;
}

.fa-youtube {
    background: #cc181e !important;
    color: white;
}

.fa-instagram {
    background: #cd486b !important;
    color: white;
}



@media all and (max-width: 46.24em) {
    .mc4wp-form {
        padding: 0 20px
    }
    .mc4wp-form input[type="email"] {
        width: 170px
    }
}

@font-face {
    font-family: 'CropTrust-Icons';
    src: url("../fonts/CropTrust-Icons.eot");
    src: url("../fonts/CropTrust-Icons-.eot#iefix") format("embedded-opentype"), url("../fonts/CropTrust-Icons.woff") format("woff"), url("../fonts/CropTrust-Icons.ttf") format("truetype"), url("../fonts/CropTrust-Icons.svg.html#croptrust") format("svg");
    font-weight: normal;
    font-style: normal
}

[class^="i-"]:before,
[class*=" i-"]:before {
    font-family: "CropTrust-Icons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i-chevron-down:before {
    content: ""
}

.i-chevron-left:before {
    content: ""
}

.i-chevron-right:before {
    content: ""
}

.i-chevron-thin-down:before {
    content: ""
}

.i-chevron-thin-left:before {
    content: ""
}

.i-chevron-thin-right:before {
    content: ""
}

.i-chevron-thin-up:before {
    content: ""
}

.i-chevron-up:before {
    content: ""
}

.i-facebook:before {
    content: ""
}

.i-flickr:before {
    content: ""
}

.i-slideshare:before {
    content: ""
}

.i-twitter:before {
    content: ""
}

.i-vimeo:before {
    content: ""
}

.i-mail:before {
    content: ""
}

.i-clock:before {
    content: ""
}

.i-location:before {
    content: ""
}

.i-arrow-left:before {
    content: ""
}

.i-arrow-right:before {
    content: ""
}

.i-crops:before {
    content: ""
}

.i-flag:before {
    content: ""
}

.i-genebanks:before {
    content: ""
}

.i-email-line:before {
    content: ""
}

.i-location-line:before {
    content: ""
}

.i-phone-line:before {
    content: ""
}

.i-file-doc:before {
    content: ""
}

.i-file-pdf:before {
    content: ""
}

.i-file-video:before {
    content: ""
}

.i-file-xls:before {
    content: ""
}

.i-file-zip:before {
    content: ""
}

.i-search:before {
    content: ""
}

.i-check:before {
    content: ""
}

.i-close:before {
    content: ""
}

.i-microscope:before {
    content: ""
}

.i-varieties-collection:before {
    content: ""
}

.i-vault:before {
    content: ""
}

.i-cryobanked:before {
    content: ""
}

.i-buoy:before {
    content: ""
}

.i-varieties-available:before {
    content: ""
}

.i-crop:before {
    content: ""
}

.i-croptrust:before {
    content: ""
}

.i-importer:before {
    content: ""
}

.i-producer:before {
    content: ""
}

.i-safe:before {
    content: ""
}

.i-links:before {
    content: ""
}

.i-overview:before {
    content: ""
}

.i-globe:before {
    content: ""
}

.i-scroll:before {
    content: ""
}

.i-exit:before {
    content: ""
}

.i-user:before {
    content: ""
}

.i-service:before {
    content: ""
}

.i-tutorial:before {
    content: ""
}

.i-gointro:before {
    content: ""
}

.i-zoom-in:before {
    content: ""
}

.i-zoom-out:before {
    content: ""
}

.u-pull-left {
    float: left !important
}

.u-pull-right {
    float: right !important
}

.u-text-left {
    text-align: left !important
}

.u-text-right {
    text-align: right !important
}

.u-text-center {
    text-align: center !important
}

.u-text-justify {
    text-align: justify !important
}

.u-hide,
.u-outline {
    display: none !important
}

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

.u-clearfix::after {
    clear: both;
    content: "";
    display: table
}

.u-inline-block {
    display: inline-block
}

.u-table {
    display: table
}

.u-cell {
    display: table-cell
}

.u-va-middle {
    vertical-align: middle
}

.u-text-hyphenate {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.u-button-reset {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    background: transparent
}

.u-button-reset:focus {
    outline: 0
}

.u-nobr {
    white-space: nowrap
}

.u-visible-mobile,
.u-visible-tablet,
.u-visible-laptop,
.u-visible-desktop,
.u-visible-wide {
    display: none
}

@media all and (max-width: 29.99em) {
    .u-visible-mobile {
        display: block
    }
}

@media all and (max-width: 46.24em) {
    .u-visible-tablet {
        display: block
    }
}

@media all and (max-width: 19.99em) {
    .u-visible-laptop {
        display: block
    }
}

@media all and (max-width: 74.99em) {
    .u-visible-desktop {
        display: block
    }
}

@media all and (max-width: 87.49em) {
    .u-visible-wide {
        display: block
    }
}

@media all and (max-width: 29.99em) {
    .u-hidden-mobile {
        display: none !important
    }
}

@media all and (max-width: 46.24em) {
    .u-hidden-tablet {
        display: none !important
    }
}

@media all and (max-width: 19.99em) {
    .u-hidden-laptop {
        display: none !important
    }
}

@media all and (max-width: 74.99em) {
    .u-hidden-desktop {
        display: none !important
    }
}

@media all and (max-width: 87.49em) {
    .u-hidden-wide {
        display: none !important
    }
}

.c-blue-1 {
    color: #0c1a36
}

.c-blue-2 {
    color: #01235d
}

.c-blue-3 {
    color: #0b3f7a
}

.c-blue-4 {
    color: #0561a6
}

.c-blue-5 {
    color: #007ecb
}

.c-blue-6 {
    color: #32b2f4
}

.c-blue-7 {
    color: #54cefc
}

.c-blue-8 {
    color: #91dffa
}

.c-green-1 {
    color: #05391e
}

.c-green-2 {
    color: #004b25
}

.c-green-3 {
    color: #006d3c
}

.c-green-4 {
    color: #059849
}

.c-green-5 {
    color: #15ae44
}

.c-green-6 {
    color: #52b933
}

.c-green-7 {
    color: #78c340
}

.c-green-8 {
    color: #b2cd53
}

.c-red-1 {
    color: #2d080e
}

.c-red-2 {
    color: #440510
}

.c-red-3 {
    color: #8a0a08
}

.c-red-4 {
    color: #ca1e1f
}

.c-red-5 {
    color: #e52822
}

.c-red-6 {
    color: #f43d0d
}

.c-red-7 {
    color: #fb5c28
}

.c-red-8 {
    color: #ff8547
}

.c-yellow-1 {
    color: #bd5c06
}

.c-yellow-2 {
    color: #d36401
}

.c-yellow-3 {
    color: #eb9000
}

.c-yellow-4 {
    color: #f6b400
}

.c-yellow-5 {
    color: #f5cb00
}

.c-yellow-6 {
    color: #fbde1a
}

.c-yellow-7 {
    color: #feeb31
}

.c-yellow-8 {
    color: #fff163
}

.bc-blue-1 {
    background-color: #0c1a36
}

.bc-blue-2 {
    background-color: #01235d
}

.bc-blue-3 {
    background-color: #0b3f7a
}

.bc-blue-4 {
    background-color: #0561a6
}

.bc-blue-5 {
    background-color: #007ecb
}

.bc-blue-6 {
    background-color: #32b2f4
}

.bc-blue-7 {
    background-color: #54cefc
}

.bc-blue-8 {
    background-color: #91dffa
}

.bc-green-1 {
    background-color: #05391e
}

.bc-green-2 {
    background-color: #004b25
}

.bc-green-3 {
    background-color: #006d3c
}

.bc-green-4 {
    background-color: #059849
}

.bc-green-5 {
    background-color: #15ae44
}

.bc-green-6 {
    background-color: #52b933
}

.bc-green-7 {
    background-color: #78c340
}

.bc-green-8 {
    background-color: #b2cd53
}

.bc-red-1 {
    background-color: #2d080e
}

.bc-red-2 {
    background-color: #440510
}

.bc-red-3 {
    background-color: #8a0a08
}

.bc-red-4 {
    background-color: #ca1e1f
}

.bc-red-5 {
    background-color: #e52822
}

.bc-red-6 {
    background-color: #f43d0d
}

.bc-red-7 {
    background-color: #fb5c28
}

.bc-red-8 {
    background-color: #ff8547
}

.bc-yellow-1 {
    background-color: #bd5c06
}

.bc-yellow-2 {
    background-color: #d36401
}

.bc-yellow-3 {
    background-color: #eb9000
}

.bc-yellow-4 {
    background-color: #f6b400
}

.bc-yellow-5 {
    background-color: #f5cb00
}

.bc-yellow-6 {
    background-color: #fbde1a
}

.bc-yellow-7 {
    background-color: #feeb31
}

.bc-yellow-8 {
    background-color: #fff163
}

.picker-element {
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    -webkit-transition: none;
    transition: none;
    z-index: -1
}

.no-touch .picker-element {
    left: -99999px
}

.picker {
    cursor: pointer;
    margin: 0 0 10px 0;
    overflow: hidden
}

.picker .picker-label {
    color: inherit;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 14px;
    line-height: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.picker .picker-handle {
    border: 1px solid #d0d0d0;
    display: block;
    float: left;
    margin: 0 5px 0 0;
    height: 20px;
    width: 20px
}

.no-touch .picker:hover .picker-handle {
    border-color: #b5b5b5
}

.picker.focus .picker-handle {
    border-color: #b5b5b5
}

.picker.picker-radio .picker-handle {
    border-radius: 8px
}

.picker.picker-radio .picker-flag {
    background: #fff;
    border-radius: 4px;
    display: block;
    height: 8px;
    margin: 3px;
    width: 8px
}

.picker.picker-radio.focus .picker-flag {
    background: #ddd
}

.picker.picker-radio.checked .picker-flag {
    background: #999
}

.no-touch .picker.picker-radio:hover .picker-flag {
    background: #ddd
}

.no-touch .picker.picker-radio.disabled:hover .picker-flag {
    background: #fff
}

.picker.picker-checkbox .picker-handle {
    border-radius: 0
}

.picker.picker-checkbox .picker-flag {
    background: transparent;
    border-radius: 0;
    display: block;
    height: 100%;
    margin: 0;
    width: 100%
}

.picker.picker-checkbox.checked .picker-flag {
    position: relative
}

.picker.picker-checkbox.checked .picker-flag:before {
    position: absolute;
    top: 2px;
    left: 2px;
    content: "\E01F";
    color: #059849;
    font-family: "CropTrust-Icons";
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 14px;
    line-height: 0.875rem;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.picker.picker-toggle {
    padding: 20px 0 0;
    position: relative
}

.picker.picker-toggle .picker-toggle-label {
    color: #999;
    font-size: 12px;
    position: absolute;
    text-transform: uppercase;
    top: 0
}

.picker.picker-toggle .picker-toggle-label.on {
    left: 0
}

.picker.picker-toggle .picker-toggle-label.off {
    color: #333;
    right: 0
}

.picker.picker-toggle .picker-label {
    display: none
}

.picker.picker-toggle .picker-handle {
    border-radius: 3px;
    height: 20px;
    position: relative;
    width: 100%
}

.picker.picker-toggle .picker-flag {
    background: #666;
    border-radius: 2px;
    display: block;
    height: 100%;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 0;
    width: 50%;
    -webkit-transition: left 0.1s linear;
    transition: left 0.1s linear
}

.picker.picker-toggle.checked .picker-toggle-label.on {
    color: #333
}

.picker.picker-toggle.checked .picker-toggle-label.off {
    color: #999
}

.picker.picker-toggle.checked .picker-flag {
    background: #666;
    left: 0
}

.picker.disabled {
    cursor: default;
    filter: alpha(opacity=50);
    opacity: 0.5
}

.picker.disabled .picker-label,
.picker.disabled .picker-handle {
    cursor: default
}

.no-touch .picker.disabled:hover .picker-label {
    color: #888
}

.no-touch .picker.disabled:hover .picker-handle {
    border-color: #ccc
}

.roller {
    width: 100%
}

.roller * {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.roller,
.roller .roller-viewport {
    position: relative
}

.roller .roller-canister {
    margin: 0;
    overflow: hidden;
    position: relative;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.roller .roller-item {
    float: left;
    margin: 0
}

.roller .roller-canister,
.roller .roller-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.roller .roller-controls,
.roller .roller-pagination {
    display: none;
    margin: 0;
    padding: 0
}

.roller .roller-controls.visible,
.roller .roller-pagination.visible {
    display: block
}

.roller .roller-control {
    cursor: default
}

.roller .roller-page,
.roller .roller-control.enabled {
    cursor: pointer
}

.roller .roller-caption {
    display: none
}

.roller .roller-caption.active {
    display: block
}

.selecter {
    position: relative;
    display: block;
    margin-bottom: 32px;
    z-index: 1
}

.selecter:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none
}

.selecter,
.selecter * {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.selecter,
.selecter *,
.selecter *:before,
.selecter *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.selecter-element {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    opacity: 0;
    z-index: -1
}

.selecter-element,
.selecter-element:focus {
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent
}

.no-opacity .selecter-element {
    left: -999999px
}

.selecter-selected {
    position: relative;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 32px;
    line-height: 2rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    color: #666;
    background-color: #fff;
    border: 1px solid #d0d0d0;
    cursor: pointer;
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 10px 62px 10px 16px;
    text-overflow: clip;
    z-index: 2;
    -webkit-transition: -webkit-box-shadow 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: box-shadow 0.2s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.selecter-selected:hover {
    -webkit-box-shadow: 1px 1px rgba(22, 22, 22, 0.1);
    box-shadow: 1px 1px rgba(22, 22, 22, 0.1)
}

.selecter-selected:before {
    position: absolute;
    top: 6px;
    right: 45px;
    display: block;
    content: '';
    height: 42px;
    width: 1px;
    background-color: #d0d0d0
}

.selecter-selected:after {
    position: absolute;
    top: 6px;
    right: 4px;
    display: block;
    height: 42px;
    width: 42px;
    padding: 16px 13px;
    content: '\E004';
    color: #161616;
    font-family: "CropTrust-Icons";
    font-size: 8px;
    font-size: 0.5rem;
    line-height: 8px;
    line-height: 0.5rem;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.no-touch .selecter-selected:hover {
    color: #333333
}

.no-touch .selecter.disabled .selecter-selected:hover {
    color: #d0d0d0
}

.selecter-options {
    width: 100%;
    max-height: 260px;
    position: absolute;
    top: 100%;
    left: 0;
    border: 1px solid #d0d0d0;
    border-width: 0 1px 1px;
    background-color: #fff;
    display: none;
    margin: 0;
    overflow: auto;
    overflow-x: hidden;
    padding: 0;
    z-index: 50;
    -webkit-box-shadow: 1px 1px rgba(22, 22, 22, 0.1);
    box-shadow: 1px 1px rgba(22, 22, 22, 0.1);
    -webkit-transition: -webkit-box-shadow 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: box-shadow 0.2s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.selecter-options.scroller {
    position: absolute
}

.no-opacity .selecter-options {
    width: auto
}

.selecter-group {
    border-bottom: 1px solid #d0d0d0;
    color: #999999;
    display: block;
    font-size: 11px;
    padding: 10px 15px;
    text-transform: uppercase
}

.selecter-item {
    width: 100%;
    background: #fff;
    color: #666;
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 32px;
    line-height: 2rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    margin: 0;
    overflow: hidden;
    padding: 4px 16px;
    text-decoration: none;
    text-overflow: ellipsis;
    -webkit-transition: color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.selecter-item:hover {
    background-color: #464646;
    color: #fff
}

.selecter-item.placeholder {
    display: none
}

.selecter-item.selected {
    font-weight: 700;
    background: #eeeeee
}

.selecter-item.selected:hover {
    color: #666
}

.selecter-item.disabled {
    color: #999999;
    cursor: default
}

.selecter-item:last-child {
    border-bottom: 0
}

.no-touch .selecter-item:hover,
.no-touch .selecter-item.selected:hover {
    color: #333333;
    background-color: #d0d0d0
}

.selecter-item.disabled,
.no-touch .selecter-item.disabled:hover {
    color: #d0d0d0;
    background-color: #fff
}

.selecter.open {
    z-index: 3
}

.selecter.open .selecter-selected {
    z-index: 49
}

.selecter.open .selecter-selected:after {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.selecter.open .selecter-selected,
.selecter.focus .selecter-selected {
    background-color: #fff;
    -webkit-box-shadow: 4px 4px rgba(22, 22, 22, 0.1);
    box-shadow: 4px 4px rgba(22, 22, 22, 0.1)
}

.selecter.open .selecter-options {
    -webkit-box-shadow: 4px 4px rgba(22, 22, 22, 0.1);
    box-shadow: 4px 4px rgba(22, 22, 22, 0.1)
}

.selecter.placeholder .selecter-selected {
    font-style: italic;
    color: #d0d0d0
}

.selecter.cover .selecter-options {
    border-width: 1px;
    top: 0
}

.selecter.cover.open .selecter-selected {
    z-index: 49
}

.selecter.bottom .selecter-options {
    top: auto;
    bottom: 100%;
    border-width: 1px 1px 0
}

.selecter.bottom .selecter-item:last-child {
    border: none
}

.selecter.bottom .cover .selecter-options {
    top: auto;
    bottom: 0
}

.selecter.multiple .selecter-options {
    width: 100%;
    position: static;
    border-width: 1px;
    display: block;
    -webkit-box-shadow: none;
    box-shadow: none
}

.selecter.disabled .selecter-selected {
    background: #fff;
    border-color: #d0d0d0;
    color: #d0d0d0;
    cursor: default
}

.selecter.disabled .selecter-options {
    background: #fff;
    border-color: #d0d0d0
}

.selecter.disabled .selecter-group,
.selecter.disabled .selecter-item {
    border-color: #d0d0d0;
    color: #d0d0d0;
    cursor: default
}

.selecter.disabled .selecter-item.selected,
.no-touch .selecter.disabled .selecter-item.selected:hover {
    background: #fafafa
}

.selecter.disabled .selecter-item,
.no-touch .selecter.disabled .selecter-item:hover {
    color: #d0d0d0;
    background-color: #fff
}

.selecter-options.scroller {
    overflow: hidden
}

.selecter-options.scroller .scroller-content {
    max-height: 260px;
    padding: 0
}

@media screen and (max-width: 740px) {
    .selecter {
        max-width: 40%
    }
}

@media screen and (max-width: 500px) {
    .selecter {
        max-width: 100%
    }
}

body.is-site-nav-visible {
    overflow: hidden
}

.site-header {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 68px;
    padding-top: 80px;
    background: #0b3f7a;
    z-index: 900
}

.site-header::after {
    clear: both;
    content: "";
    display: table
}

.site-header:after {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 100%;
    height: 100%;
    width: 6px;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1), transparent);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), transparent)
}

.admin-bar .site-header {
    margin-top: 32px
}

@media all and (max-width: 46.24em) {
    .site-header {
        padding-top: 0;
        background-color: #fff;
        -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
        height: 40px;
        width: 100%
    }
    .page-template-homepage .site-header {
        position: absolute;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .is-site-nav-visible .site-header {
        background-color: #0b3f7a;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.site-title {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    margin: 0;
    /*padding: 18px 14px 17px;*/
    padding: 15px 9px 15px 9px;

    background: #fff;
    z-index: 10
}

.site-title a {
    display: block;
    /*height: 45px;
    width: 40px;*/

    height: 50px;
    width: 50px;

    border-bottom: 0 none;
    overflow: hidden
}

.no-svg .site-title a {
    background: url("../img/croptrust-site-logo.png") no-repeat
}

.site-title a svg {
    display: block
}

.site-title a svg .logo-label {
    display: none
}

.admin-bar .site-title {
    top: 32px
}

@media all and (max-width: 46.24em) {
    .site-title {
        position: absolute;
        padding: 8px 9px 7px
    }
    .site-title a {
        display: block;
        height: 25px;
        width: 55px
    }
    .site-title a svg {
        height: 25px;
        width: 55px
    }
    .site-title a svg .logo-label {
        display: block
    }
    .page-template-homepage .site-title {
        background-color: transparent
    }
    .page-template-homepage .site-title a {
        height: 75px;
        width: 167px
    }
    .page-template-homepage .site-title a svg {
        height: 75px;
        width: 167px
    }
    .is-site-nav-visible .site-title {
        display: none
    }
}

.site-socials {
    position: absolute;
    bottom: 18px;
    left: 18px
}

.admin-bar .site-socials {
    bottom: 50px
}

.site-socials a {
    display: block;
    padding: 4px;
    height: 32px;
    width: 32px;
    color: #007ecb;
    border-bottom: 0 none;
    text-align: center;
    vertical-align: middle
}

.site-socials a:hover,
.site-socials a:focus {
    color: #fff
}

@media all and (max-width: 46.24em) {
    .site-socials {
        display: none
    }
}

.news-center-link {
    position: fixed;
    top: 211px;
    left: 0;
    width: 68px;
    color: #fff;
    border-bottom: 0 none;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 700;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 13px;
    line-height: 0.8125rem;
    text-align: center;
    text-transform: uppercase;
    /*visibility: hidden;*/
    z-index: 1000
}

.admin-bar .news-center-link {
    top: 243px
}

.news-center-link .i-globe,
.news-center-link .i-close {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 30px;
    line-height: 1.875rem
}

@media all and (max-width: 74.99em) and (orientation: landscape) {
    .news-center-link {
        top: 50% !important;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }
}

@media all and (max-width: 74.99em) and (orientation: portrait) {
    .news-center-link {
        top: 50% !important;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }
}

@media all and (max-width: 46.24em) {
    .news-center-link {
        display: none
    }
}

#take-action-link {
   /* position: absolute; */
    top: 20px;
    right: 20px;
    padding: 0;
     border: 0 none;
  /*  height: 34px;
    color: #fff !important;
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
    line-height: 1.375rem;
   
    background-color: #EDB700;
    background-image: url("../img/btn-take-action.png");
    background-position: right center;
    background-repeat: no-repeat;*/
    z-index: 800;
    -webkit-transition: background-position 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: background-position 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}

#take-action-link:hover,
#take-action-link:focus,
#take-action-link:active {
    border: 0 none;
   /* background-position: 86px center; */
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

#take-action-link:active {
    background-image: url("../img/btn-take-action.png")
}

#take-action-link {
    top: 88px;
    position: fixed;
}

#secimkutu {
    position: fixed;
    right:20px;
    top:101px;
    display: none;
    background-color:inherit;
    background: inherit;
}

.secimbut {
    color: #ffffff;
    font-size: 14px; 
    font-weight: 600;
    margin: 0 !important;
    padding:11px;
    border: 0;
}
.maviarka {
    background-color: #2F81C7; 
}
.maviarka2 {
    background-color: #194377;
   /* background-color: #EDB700;*/
}
.secimbut a {
    color: #ffffff !important;
    border: 0;
}
.secimbut a:hover {
    color: #ffffff !important;
    border: 0;
}


/*
.page-template-map .btn.take-action-link,
.page-template-tour .btn.take-action-link,
.is-interactive-map .btn.take-action-link {
    display: none
}*/

@media all and (max-width: 46.24em) {
    .secimbut {
        display: none
    }

    #swrap {
        position: fixed !important;
        right:0;
        top:70px !important;
    }


}

.site-footer {
    position: relative;
    margin-left: 68px;
    padding: 32px 40px;
    border-top: 1px solid #d0d0d0;
    background-color: #fff;
    -webkit-transition: opacity 0.3s 0 cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.3s 0 cubic-bezier(0.165, 0.84, 0.44, 1)
}

.site-footer::after {
    clear: both;
    content: "";
    display: table
}

.is-interactive-map .site-footer,
.page-template-tour .site-footer {
    display: none
}

@media all and (max-width: 46.24em) {
    .site-footer {
        margin-left: 0;
        padding: 16px 0
    }
}

.is-site-nav-visible .site-footer {
    filter: alpha(opacity=20);
    opacity: 0.2;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.croptrust-address {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    color: #666
}

.croptrust-address::after {
    clear: both;
    content: "";
    display: table
}

.croptrust-address .name {
    display: block;
    color: #161616;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 9px
}

.croptrust-address .street {
    display: block
}

.croptrust-address .organization,
.croptrust-address .phone,
.croptrust-address .email {
    display: block;
    float: left
}

.croptrust-address .phone,
.croptrust-address .email {
    margin-top: 27px;
    margin-left: 6.25%
}

@media all and (max-width: 46.24em) {
    .croptrust-address {
        padding-bottom: 16px;
        border-bottom: 1px solid #d0d0d0
    }
    .croptrust-address .organization {
        float: none;
        padding: 0 16px 16px;
        border-bottom: 1px solid #d0d0d0
    }
    .croptrust-address .phone,
    .croptrust-address .email {
        margin-top: 16px;
        margin-left: 0;
        padding: 0 16px
    }
    .croptrust-address .email {
        float: right
    }
}

.site-footer-links {
    position: absolute;
    top: 59px;
    right: 40px;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 14px;
    line-height: 0.875rem
}

.site-footer-links>a {
    display: inline-block;
    margin: 0 16px;
    vertical-align: middle;
    border-bottom: 0;
    color: #666
}

.site-footer-links>a:hover,
.site-footer-links>a:focus {
    color: #0b3f7a;
    padding-bottom: 0
}

.site-footer-links>a:active {
    color: #007ecb
}

.site-footer-links>.epic-logo {
    height: 20px;
    width: 17px;
    border-bottom: 0 none;
    margin-left: 48px;
    margin-right: 0
}

.site-footer-links>.epic-logo svg {
    fill: #d0d0d0;
    -webkit-transition: fill .2s;
    transition: fill .2s
}

.no-svg .site-footer-links>.epic-logo {
    background: url("../img/epic-creative-agency-logo.png") no-repeat
}

.site-footer-links>.epic-logo:hover svg,
.site-footer-links>.epic-logo:focus svg {
    fill: #0b3f7a
}

.site-footer-links>.epic-logo:active svg {
    fill: #007ecb
}

@media all and (max-width: 46.24em) {
    .site-footer-links {
        position: static
    }
    .site-footer-links>a:not(.epic-logo) {
        display: block;
        float: left;
        width: 33.3333333%;
        margin: 0;
        padding: 16px 0;
        text-align: center;
        border-left: 1px solid #d0d0d0
    }
    .site-footer-links>a:not(.epic-logo):nth-of-type(1) {
        border-left: 0 none
    }
    .site-footer-links>.epic-logo {
        clear: both;
        display: block;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 16px;
        padding-bottom: 16px;
        border-top: 1px solid #d0d0d0;
        text-align: center
    }
}

.layout {
    position: relative;
    background: #eeeeee;
    margin-left: 68px;
    min-width: 900px;
    -webkit-transition: opacity 0.3s 0 cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.3s 0 cubic-bezier(0.165, 0.84, 0.44, 1)
}

.is-site-nav-visible .layout {
    filter: alpha(opacity=80);
    opacity: 0.8;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

@media all and (max-width: 46.24em) {
    .layout {
        min-width: 0;
        margin-left: 0
    }
}

.site-nav {
    position: fixed;
    top: 0;
    left: 68px;
    z-index: 800;
    height: 100%;
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    background-color: #fff
}

.is-site-nav-visible .site-nav {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.no-csstransforms3d .site-nav {
    left: -100%
}

.no-csstransforms3d .is-site-nav-visible .site-nav {
    left: 68px
}

.admin-bar .site-nav {
    top: 32px
}

@media all and (max-width: 46.24em) {
    .site-nav {
        left: 0;
        width: 100%;
        height: auto;
        background-color: #fff;
        border-left: 1px solid #d0d0d0;
        border-right: 1px solid #d0d0d0;
        -webkit-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
        transform: translate(0, -100%);
        overflow: hidden
    }
    .is-site-nav-visible .site-nav {
        padding-top: 40px
    }
}

.site-nav-list {
    position: relative;
    list-style: none;
    margin: 0;
    padding-left: 0;
    background-color: #fff;
    height: 100%;
    width: 260px
}

.site-nav-list:after {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    right: -6px;
    height: 100%;
    width: 6px;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1), transparent);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), transparent)
}

@media all and (max-width: 46.24em) {
    .site-nav-list {
        width: 100%;
        height: auto
    }
}

.site-nav-item {
    text-transform: uppercase;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 18px;
    line-height: 1.125rem;
    padding: 13px 0;
    color: #b5b5b5;
    overflow: hidden
}

.site-nav-item a {
    position: relative;
    display: block;
    color: inherit;
    width: 275px;
    padding: 0 48px 0 30px;
    text-decoration: none;
    overflow: hidden;
    border-bottom: 0 none;
    -webkit-transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.site-nav-item a [data-hover] {
    padding: 4px 0
}

.site-nav-item a [data-hover]:before {
    color: #0b3f7a
}

@media all and (max-width: 46.24em) {
    .site-nav-item {
        display: table;
        padding-top: 0;
        padding-bottom: 0;
        color: #0b3f7a;
        border-bottom: 1px solid #d0d0d0;
        font-size: 16px;
        font-size: 1rem;
        line-height: 18px;
        line-height: 1.125rem;
        width: 100%
    }
    .site-nav-item a {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: 40px;
        padding: 0 38px 0 20px
    }
}

.site-nav-item--parent,
.site-nav-item--home {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 22px;
    line-height: 1.375rem
}

@media all and (max-width: 46.24em) {
    .site-nav-item--parent,
    .site-nav-item--home {
        font-size: 16px;
        font-size: 1rem;
        line-height: 18px;
        line-height: 1.125rem
    }
}

.site-nav-item--parent {
    padding-top: 0;
    padding-bottom: 0;
    color: #fff
}

.site-nav-item--parent>a {
    display: table-cell;
    height: 80px;
    vertical-align: middle
}

.site-nav-item--parent:before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    height: 80px;
    width: 260px;
    background-color: #161616;
    filter: alpha(opacity=20);
    opacity: 0.2;
    -webkit-transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.is-sub-navigation-active .site-nav-item--parent:not(.site-nav-item--home):not(.is-active):before {
    filter: alpha(opacity=70);
    opacity: 0.7
}

.is-sub-navigation-active .site-nav-item--parent:not(.site-nav-item--home):not(.is-active)>a {
    filter: alpha(opacity=40);
    opacity: 0.4
}

.no-csstransforms3d .site-nav-item--parent {
    background-color: #d0d0d0
}

.no-csstransforms3d .site-nav-item--parent:before {
    display: none
}

@media all and (max-width: 46.24em) {
    .site-nav-item--parent {
        color: #0b3f7a;
        background-image: none !important
    }
    .site-nav-item--parent>a {
        height: 40px
    }
    .site-nav-item--parent:before {
        display: none
    }
    .is-sub-navigation-active .site-nav-item--parent:not(.site-nav-item--home):not(.is-active)>a {
        filter: alpha(opacity=100);
        opacity: 1
    }
}

.site-nav-item--home {
    color: #0b3f7a
}

.site-nav-item--home>a {
    height: 80px
}

.site-nav-item--home:before {
    display: none
}

.no-csstransforms3d .site-nav-item--home {
    background-color: #fff
}

@media all and (max-width: 46.24em) {
    .site-nav-item--home>a {
        height: 40px
    }
}

@media all and (max-width: 46.24em) {
    .site-nav-item--take-action {
        color: #ca1e1f
    }
}

.site-nav-list--sub {
    position: absolute;
    top: 0px;
    left: 260px;
    padding: 0;
    padding-top:80px;
    width: 0;
    overflow: hidden;
    -webkit-transition: width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: 1
}

.site-nav-list--sub .site-nav-item a {
    -webkit-transform: translate3d(-260px, 0, 0);
    transform: translate3d(-260px, 0, 0);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.2s linear;
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.2s linear
}

.site-nav-list--sub .site-nav-item a:hover {
    color: #0b3f7a
}

.site-nav-list--sub .site-nav-item.is-current>a,
.site-nav-list--sub .site-nav-item.is-active>a {
    color: #0b3f7a
}

.site-nav-list--sub:after {
    width: 0px;
    -webkit-transition: width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media all and (max-width: 46.24em) {
    .site-nav-list--sub {
        left: 0;
        padding: 0;
        width: 100%;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)
    }
    .site-nav-list--sub .site-nav-item a {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .site-nav-list--sub .site-nav-item.is-current>a {
        font-weight: 700
    }
    .site-nav-list--sub:after {
        display: none
    }
}

.has-sub-nav>a:after {
    position: absolute;
    top: 50%;
    right: 32px;
    margin-top: -8px;
    content: "\E006";
    font-family: "CropTrust-Icons";
    speak: none;
    font-size: 16px;
    font-size: 1rem;
    line-height: 16px;
    line-height: 1rem;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(-6px, 0, 0) scale(0.9);
    transform: translate3d(-6px, 0, 0) scale(0.9);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.has-sub-nav>a:hover:after {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}

.has-sub-nav.is-active>a:after {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}

.has-sub-nav.is-active>a span {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.has-sub-nav.is-active>.site-nav-list--sub {
    width: 260px;
    overflow: visible
}

.has-sub-nav.is-active>.site-nav-list--sub:after {
    width: 6px
}

.has-sub-nav.is-active>.site-nav-list--sub>.site-nav-item>a {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@media all and (max-width: 46.24em) {
    .has-sub-nav>a:after {
        right: 22px;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1)
    }
    .has-sub-nav.is-active>.site-nav-list--sub {
        width: 100%;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.is-opening .site-nav-list--sub {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.is-opening .site-nav-list--sub:after {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.is-opening .site-nav-list--sub .site-nav-item a {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.is-opening .site-nav-list--sub .site-nav-list--sub {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.is-opening .site-nav-list--sub .site-nav-list--sub:after {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.is-opening .site-nav-list--sub .site-nav-list--sub .site-nav-item a {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

@media all and (max-width: 46.24em) {
    .is-opening .site-nav-list--sub .site-nav-list--sub {
        -webkit-transition-delay: .2s;
        transition-delay: .2s
    }
    .is-opening .site-nav-list--sub .site-nav-list--sub:after {
        -webkit-transition-delay: .2s;
        transition-delay: .2s
    }
    .is-opening .site-nav-list--sub .site-nav-list--sub .site-nav-item a {
        -webkit-transition-delay: .2s;
        transition-delay: .2s
    }
}

.site-nav-list--secondary:after {
    display: none
}

.site-nav-list--secondary .site-nav-item {
    text-transform: none;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 12px;
    line-height: 0.75rem;
    padding: 4px 0;
    color: #0b3f7a
}

.site-nav-list--secondary .site-nav-item a {
    display: inline;
    margin: 0 30px;
    padding: 0;
    width: auto;
    overflow: visible;
    border-bottom: 1px solid transparent;
    -webkit-transition: border-bottom 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: border-bottom 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.site-nav-list--secondary .site-nav-item a:hover {
    border-bottom: 1px solid #007ecb
}

@media all and (max-width: 46.24em) {
    .site-nav-list--secondary .site-nav-item {
        border: 0 none;
        font-size: 16px;
        font-size: 1rem;
        line-height: 18px;
        line-height: 1.125rem
    }
    .site-nav-list--secondary .site-nav-item a {
        margin: 0 20px
    }
}

.site-nav-actions {
    background-color: #007ecb
}

@media all and (max-width: 46.24em) {
    .site-nav-actions {
        position: absolute;
        top: 0;
        right: 0;
        left: 0
    }
}

.site-nav-trigger {
    color: #fff;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 700;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 13px;
    line-height: 0.8125rem;
    text-transform: uppercase;
    height: 80px;
    width: 100%
}

.site-nav-trigger:hover .site-nav-trigger-icon:before {
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0)
}

.site-nav-trigger:hover .site-nav-trigger-icon:after {
    -webkit-transform: translate3d(0, 3px, 0);
    transform: translate3d(0, 3px, 0)
}

.is-site-nav-visible .site-nav-trigger .site-nav-trigger-icon {
    width: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.is-site-nav-visible .site-nav-trigger .site-nav-trigger-icon:before,
.is-site-nav-visible .site-nav-trigger .site-nav-trigger-icon:after {
    -webkit-transition-delay: 0, .1s;
    transition-delay: 0, .1s;
    left: -15px
}

.is-site-nav-visible .site-nav-trigger .site-nav-trigger-icon:before {
    -webkit-transform: rotate(45deg) translate3d(2px, -3px, 0);
    transform: rotate(45deg) translate3d(2px, -3px, 0)
}

.is-site-nav-visible .site-nav-trigger .site-nav-trigger-icon:after {
    -webkit-transform: rotate(-45deg) translate3d(1px, 4px, 0);
    transform: rotate(-45deg) translate3d(1px, 4px, 0)
}

.no-csstransforms3d .is-site-nav-visible .site-nav-trigger .site-nav-trigger-icon {
    height: 24px;
    width: 24px;
    background-color: transparent;
    background-image: url("../img/menu-close.png");
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden
}

.no-csstransforms3d .is-site-nav-visible .site-nav-trigger .site-nav-trigger-icon:before,
.no-csstransforms3d .is-site-nav-visible .site-nav-trigger .site-nav-trigger-icon:after {
    display: none
}

@media all and (max-width: 46.24em) {
    .site-nav-trigger {
        position: absolute;
        top: 0;
        right: 0;
        height: 40px;
        width: 40px;
        background-color: #007ecb
    }
    .site-nav-trigger:hover .site-nav-trigger-icon:before {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .site-nav-trigger:hover .site-nav-trigger-icon:after {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .is-site-nav-visible .site-nav-trigger .site-nav-trigger-icon:before,
    .is-site-nav-visible .site-nav-trigger .site-nav-trigger-icon:after {
        left: -10px
    }
    .is-site-nav-visible .site-nav-trigger .site-nav-trigger-icon:before {
        -webkit-transform: rotate(45deg) translate3d(3px, -4px, 0);
        transform: rotate(45deg) translate3d(3px, -4px, 0)
    }
    .is-site-nav-visible .site-nav-trigger .site-nav-trigger-icon:after {
        -webkit-transform: rotate(-45deg) translate3d(3px, 4px, 0);
        transform: rotate(-45deg) translate3d(3px, 4px, 0)
    }
}

.site-nav-trigger-icon {
    position: relative;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #fff;
    margin: 9px auto;
    -webkit-transition: width 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
    transition: width 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s
}

.site-nav-trigger-icon:before,
.site-nav-trigger-icon:after {
    position: absolute;
    left: 0;
    content: '';
    display: block;
    height: 2px;
    width: 30px;
    background-color: #fff;
    -webkit-transition: left 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s, -webkit-transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: left 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s, transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
}

.site-nav-trigger-icon:before {
    top: -9px;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

.site-nav-trigger-icon:after {
    bottom: -9px;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

@media all and (max-width: 46.24em) {
    .site-nav-trigger-icon {
        height: 1px;
        width: 16px;
        margin: 5px auto
    }
    .site-nav-trigger-icon:before,
    .site-nav-trigger-icon:after {
        height: 1px;
        width: 16px
    }
    .site-nav-trigger-icon:before {
        top: -5px
    }
    .site-nav-trigger-icon:after {
        bottom: -5px
    }
}

.site-nav-trigger-text {
    display: block;
    text-align: center;
    margin-top: 22px
}

@media all and (max-width: 46.24em) {
    .site-nav-trigger-text {
        display: none
    }
}

.site-nav-back {
    position: absolute;
    top: 0;
    left: 0;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 700;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 13px;
    line-height: 0.8125rem;
    background-color: #0b3f7a;
    color: #fff;
    text-transform: uppercase;
    height: 40px;
    width: 40px;
    display: none
}

@media all and (max-width: 46.24em) {
    .is-sub-navigation-active .site-nav-back {
        display: block
    }
}

.site-nav-current {
    position: absolute;
    top: 0;
    right: 52px;
    left: 12px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem;
    line-height: 16px;
    line-height: 1rem;
    background-color: #0b3f7a;
    height: 14px;
    padding: 13px 0px;
    color: #fff;
    text-transform: uppercase;
    display: none;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -webkit-transition: left 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: left 0.2s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media all and (max-width: 46.24em) {
    .is-site-nav-visible .site-nav-current {
        display: block;
        display: -webkit-box
    }
    .is-sub-navigation-active .site-nav-current {
        left: 40px
    }
}

.site-nav-footer {
    position: absolute;
    bottom: 30px;
    left: 0;
    height: auto
}

.admin-bar .site-nav-footer {
    bottom: 50px
}

.language-selector-trigger {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 700;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 14px;
    line-height: 0.875rem;
    color: #007ecb;
    text-transform: uppercase;
    height: 50px;
    width: 100%
}

.language-selector-trigger:hover {
    color: #fff
}

@media all and (max-width: 46.24em) {
    .language-selector-trigger {
       /*display: none*/
      text-align: right;
      margin-top:35px;
      padding-right: 10px;
      position: absolute;
      right: 0;
      width: 50px;
    }
    .language-selector-trigger:hover {
     color: #007ecb;
    }

}

.language-selector {
    position: fixed;
    top: 160px;
    left: 68px;
    z-index: 850;
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.is-language-selector-visible .language-selector {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.no-csstransforms3d .language-selector {
    left: -100%
}

.no-csstransforms3d .is-language-selector-visible .language-selector {
    left: 68px
}

.admin-bar .language-selector {
    top: 192px
}

@media all and (max-width: 46.24em) {
    .language-selector {
        display: none
    }
}

.language-selector-list {
    margin: 0;
    padding: 0 8px;
    list-style: none;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 14px;
    line-height: 0.875rem;
    color: #007ecb;
    background-color: #0b3f7a;
    text-transform: uppercase
}

.language-selector-list::after {
    clear: both;
    content: "";
    display: table
}

.language-selector-list li {
    display: inline-block;
    margin: 0 8px;
    width: 18px
}

.language-selector-list li a {
    display: block;
    padding: 18px 0;
    color: inherit;
    text-decoration: none;
    border-bottom: 0 none
}

.language-selector-list li a:hover,
.language-selector-list li a:focus,
.language-selector-list li a:active {
    color: #fff
}

.tab-content>.tab-pane {
    display: none;
    visibility: hidden
}

.tab-content>.active {
    display: block;
    visibility: visible
}

.content {
    padding-bottom: 64px
}

.content::after {
    clear: both;
    content: "";
    display: table
}

@media all and (max-width: 46.24em) {
    .content {
        padding-bottom: 0
    }
}

.content-header {
    position: relative;
    height: 690px;
    margin-bottom: 64px;
    background-color: #161616;
    color: #fff;
    overflow: hidden
}

.content-header:before {
    display: block;
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.35)));
    background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.35));
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.35));
    z-index: 510
}

.content-header-thumb {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 500;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.content-header-body {
    position: absolute;
    bottom: 150px;
    left: 50%;
    width: 700px;
    margin-left: -350px;
    text-align: center;
    z-index: 520
}

.content-header-body .label+h1,
.content-header-body .label+.title {
    margin-top: 11px
}

.content-header-body h1,
.content-header-body .title {
    font-size: 48px;
    font-size: 3rem;
    line-height: 56px;
    line-height: 3.5rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    text-transform: uppercase
}

.content-header-body .title {
    display: block
}

.content-header-body .excerpt {
    color: inherit;
    margin-top: 18px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 36px;
    line-height: 2.25rem
}

.content-header-body .publish-date,
.content-header-body .location {
    display: inline-block;
    margin-top: 4px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 30px;
    line-height: 1.875rem
}

.content-header-body .publish-date i,
.content-header-body .location i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 17px;
    line-height: 1.0625rem
}

.content-header-body .location {
    text-transform: uppercase;
    margin-left: 17%
}

.content-header-body .location a {
    color: inherit;
    border-bottom: 0 none
}

@media all and (max-width: 46.24em) {
    .content-header-body {
        bottom: 32px;
        width: 90%;
        margin-left: -45%
    }
    .content-header-body h1,
    .content-header-body .title {
        font-size: 36px;
        font-size: 2.25rem;
        line-height: 42px;
        line-height: 2.625rem
    }
    .content-header-body .excerpt {
        margin-top: 6px;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 32px;
        line-height: 2rem
    }
}

.content-subheader {
    max-width: 700px;
    margin: 64px auto 24px
}

.content-subheader h1 {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 42px;
    line-height: 2.625rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    text-transform: uppercase
}

.content-body {
    position: relative;
    max-width: 900px;
    margin: 0 auto 24px;
    padding-bottom: 160px;
    border-bottom: 1px solid #d0d0d0
}

.content-body>* {
    max-width: 700px;
    margin: 0 auto
}

.content-body h2,
.content-body h3,
.content-body h4 {
    text-transform: uppercase
}

.content-body h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 30px;
    line-height: 1.875rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    margin-top: 60px;
    margin-bottom: 30px
}

.content-body h3 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    margin-top: 44px;
    margin-bottom: 22px
}

.content-body h4 {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    margin-top: 36px;
    margin-bottom: 18px
}

.content-body p {
    color: #666;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 32px;
    line-height: 2rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400
}

.content-body p+p,
.content-body p+ul,
.content-body p+ol,
.content-body p+blockquote,
.content-body p+hr {
    margin-top: 32px
}

.content-body p.lead {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 36px;
    line-height: 2.25rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300
}

.content-body p.credits {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
    line-height: 1.125rem
}

.content-body p.author {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 32px;
    line-height: 2rem;
    font-weight: 700;
    text-transform: uppercase
}

.content-body p.author .author-name {
    font-weight: 400;
    font-style: italic;
    text-transform: none
}

.content-body ul,
.content-body ol {
    color: #666;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 32px;
    line-height: 2rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    padding-left: 20px;
    margin: 0 auto
}

.content-body ul+p,
.content-body ul+ul,
.content-body ul+ol,
.content-body ul+blockquote,
.content-body ul+hr,
.content-body ol+p,
.content-body ol+ul,
.content-body ol+ol,
.content-body ol+blockquote,
.content-body ol+hr {
    margin-top: 32px
}

.content-body ul+.tab-content,
.content-body ol+.tab-content {
    margin-top: 0
}

.content-body ol.numbered-list {
    padding-left: 0
}

.content-body blockquote {
    font-style: italic;
    quotes: "“" "”" "‘" "’"
}

.content-body blockquote:before {
    content: open-quote;
    margin-right: 0.25em
}

.content-body blockquote:after {
    content: close-quote;
    margin-left: 0.25em
}

.content-body blockquote p {
    display: inline
}

.content-body blockquote+p,
.content-body blockquote+ul,
.content-body blockquote+ol,
.content-body blockquote+blockquote,
.content-body blockquote+hr {
    margin-top: 32px
}

.content-body hr {
    max-width: 100%;
    border: 0 none;
    border-bottom: 1px solid #d0d0d0
}

.content-body hr+p,
.content-body hr+ul,
.content-body hr+ol,
.content-body hr+blockquote,
.content-body hr+hr {
    margin-top: 32px
}

.content-body img.size-full {
    display: block;
    max-width: none;
    margin-top: 64px;
    margin-bottom: 64px
}

@media all and (max-width: 46.24em) {
    .content-body {
        max-width: 100%;
        margin: 0 auto;
        padding-bottom: 32px;
        border-bottom: 0 none
    }
    .content-body>* {
        max-width: 80%
    }
    .content-body img.size-full {
        width: 100%;
        height: auto;
        margin-top: 32px;
        margin-bottom: 32px
    }
}

.content-contact .content-body {
    border-bottom: 0 none;
    margin-bottom: 0
}

.content-media {
    margin-top: 64px;
    margin-bottom: 64px
}

.content-media iframe {
    border: 0 none
}

@media all and (max-width: 46.24em) {
    .content-media {
        margin-top: 32px;
        margin-bottom: 32px;
        max-width: 90%
    }
}

.content-cta,
.content-donate-cta,
.content-genebank-cta,
.content-gallery,
.content-related-articles,
.content-downloads,
.content-download-manager {
    max-width: 900px
}

@media all and (max-width: 46.24em) {
    .content-cta,
    .content-donate-cta,
    .content-genebank-cta,
    .content-gallery,
    .content-related-articles,
    .content-downloads,
    .content-download-manager {
        max-width: 90%
    }
}

@media all and (max-width: 46.24em) {
    .content-donate-cta {
        max-width: 100%
    }
}

.content-related-articles+.content-related-articles,
.content-related-articles+.content-downloads,
.content-downloads+.content-related-articles,
.content-downloads+.content-downloads {
    margin-top: -32px;
    padding-top: 0;
    border-top: 0 none
}

@media all and (max-width: 46.24em) {
    .content-related-articles+.content-related-articles,
    .content-related-articles+.content-downloads,
    .content-downloads+.content-related-articles,
    .content-downloads+.content-downloads {
        margin-top: 32px
    }
}

.content-related-articles:last-child,
.content-downloads:last-child {
    border-bottom: 0 none;
    margin-bottom: 0
}

.content-share-top {
    position: absolute;
    top: 0;
    left: 18px
}

@media all and (max-width: 46.24em) {
    .content-share-top {
        display: none
    }
}

.content-nav {
    display: block;
    margin: 0;
    width: 60px
}

.content-nav li {
    display: block;
    border-bottom: 1px solid #161616
}

.content-nav li:last-child {
    border-bottom: 0 none
}

.content-nav li a {
    display: block;
    height: 60px;
    width: 60px;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 24px;
    line-height: 1.5rem;
    color: #fff;
    background-color: #0b3f7a;
    text-align: center;
    padding-top: 16px;
    border: 0 none
}

.content-nav li a:hover,
.content-nav li a:focus {
    background-color: #007ecb
}

.content-nav li.active a {
    background-color: #007ecb
}

@media all and (max-width: 46.24em) {
    .content-nav {
        display: none
    }
}

.content-meta {
    margin-bottom: 64px
}

.content-meta::after {
    clear: both;
    content: "";
    display: table
}

.content-meta p {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
    line-height: 1.125rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    color: #666;
    text-align: center
}

.content-meta strong {
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-weight: 800;
    color: #161616
}

.content-meta strong.big-number {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 30px;
    line-height: 1.875rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800
}

.content-meta small {
    display: block;
    text-transform: none;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
    line-height: 1.125rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    margin-top: 4px
}

.content-meta [class^="i-"],
.content-meta [class*=" i-"] {
    font-size: 48px;
    font-size: 3rem;
    line-height: 48px;
    line-height: 3rem;
    vertical-align: middle
}

.content-metadata {
    float: left;
    height: 176px;
    border-bottom: 1px solid #d0d0d0;
    padding: 0 4%
}

.content-metadata.one-third-width {
    width: 33.3333333%
}

.content-metadata.half-width {
    width: 50%
}

.content-metadata.full-width {
    width: 100%
}

.content-metadata.small-height {
    height: 100px
}

.content-metadata span {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin-left: 24px;
    width: 60%
}

@media all and (max-width: 46.24em) {
    .content-metadata {
        float: none;
        height: auto;
        padding: 12px 4%
    }
    .content-metadata.one-third-width,
    .content-metadata.half-width {
        width: 100%
    }
    .content-metadata.small-height {
        height: auto
    }
    .content-metadata span {
        text-align: center;
        margin-left: 0;
        width: 100%
    }
}

.content-header--small {
    -webkit-transform: translate3d(0, 0, 0);
    height: 240px
}

.content-header--small .content-header-body {
    bottom: 50px
}

@media all and (max-width: 46.24em) {
    .content-header--small {
        height: 220px
    }
    .content-header--small .content-header-body {
        bottom: 24px
    }
}

.content-header--medium {
    height: 400px
}

.content-header--medium .content-header-body {
    bottom: 100px
}

@media all and (max-width: 46.24em) {
    .content-header--medium {
        height: 320px
    }
    .content-header--medium .content-header-body {
        bottom: 64px
    }
}

.content-header--high {
    height: 690px
}

@media all and (max-width: 46.24em) {
    .content-header--high {
        height: 480px
    }
    .content-header--high .content-header-body {
        bottom: 128px
    }
}

.content-header--full {
    min-height: 690px;
    height: 100vh
}

.content-header--full .content-header-body {
    bottom: 250px
}

@media all and (max-width: 46.24em) {
    .content-header--full {
        min-height: 0
    }
}

.content-scroll-down {
    position: absolute;
    bottom: 24px;
    left: 50%;
    height: 60px;
    width: 40px;
    color: #fff;
    margin-left: -20px;
    text-align: center;
    cursor: pointer;
    z-index: 530
}

.content-scroll-down .i-scroll {
    display: block;
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 40px;
    line-height: 2.5rem
}

.content-scroll-down .i-chevron-thin-down {
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 14px;
    line-height: 0.875rem;
    -webkit-animation: scroll-down .6s linear infinite alternate;
    animation: scroll-down .6s linear infinite alternate
}

@media all and (max-width: 46.24em) {
    .content-scroll-down {
        display: none
    }
}

@-webkit-keyframes scroll-down {
    0% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1)
    }
    50% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1)
    }
    100% {
        -webkit-transform: translate3d(0, 8px, 0) scale(0.9);
        transform: translate3d(0, 8px, 0) scale(0.9)
    }
}

@keyframes scroll-down {
    0% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1)
    }
    50% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1)
    }
    100% {
        -webkit-transform: translate3d(0, 8px, 0) scale(0.9);
        transform: translate3d(0, 8px, 0) scale(0.9)
    }
}

.content--post .content-header-body {
    bottom: 40px;
    text-align: left
}

.content--interactive-map {
    display: none
}

@media all and (max-width: 46.24em) {
    .content--interactive-map {
        display: block
    }
}

.error-404 {
    padding-top: 164px
}

.error-404 .content-body {
    text-align: center;
    border-bottom: 0 none
}

.error-404 .content-body h1 {
    color: #007ecb;
    font-size: 48px;
    font-size: 3rem;
    line-height: 56px;
    line-height: 3.5rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    margin-top: 28px;
    margin-bottom: 28px
}

.content-tags {
    margin-left: 0
}

.content-tags li {
    margin-right: 36px;
    margin-bottom: 16px
}

.content-tags li:last-child {
    margin-right: 0
}

.content-tags .tag {
    position: relative;
    height: 24px;
    padding: 2px 12px 3px;
    border-top: 1px solid rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    border-left: 1px solid rgba(255, 255, 255, 0.6);
    color: #fff;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
    line-height: 1.125rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    overflow: hidden
}

.content-tags .tag:after {
    display: block;
    content: '';
    background: url("../img/tag-arrow.png") no-repeat;
    position: absolute;
    top: -1px;
    left: 100%;
    height: 24px;
    width: 13px
}

@media all and (max-width: 46.24em) {
    .content-tags .tag {
        padding-top: 3px;
        padding-bottom: 5px
    }
}

.thumb-background {
    position: relative;
}

.thumb-background,
.thumb-background img {
    display: block;
    height: 100%;
    width: 100%;
     opacity: 0.8;
    filter: alpha(opacity=80);
}

.thumb-background:before {

    /* rgba(11, 63, 122, 0.1); */
    display: block;
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.65)));
    background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.65));
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.65));
    height: 50%;
    -webkit-transition: height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.has-thumb-background:hover .thumb-background:before {
    height: 100%
}

.downloads {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    margin-top: 96px;
    margin-bottom: 96px;
    padding-top: 32px;
    padding-bottom: 32px;
    text-align: center
}

.downloads h2 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    margin-top: 22px;
    margin-bottom: 22px
}

@media all and (max-width: 46.24em) {
    .downloads {
        margin-top: 32px;
        margin-bottom: 32px;
        padding-top: 16px;
        padding-bottom: 16px
    }
}

ul.downloads-list {
    display: inline-block;
    list-style: none;
    margin-top: 0;
    margin-bottom: 24px;
    padding: 0;
    text-align: left
}

.downloads-item {
    margin-bottom: 8px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 700;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 24px;
    line-height: 1.5rem;
    text-transform: uppercase
}

.downloads-item a {
    color: #161616;
    border-bottom: 0 none
}

.icon-download {
    position: relative;
    display: inline-block;
    border-bottom: 2px solid;
    border-left: 2px solid;
    border-right: 2px solid;
    height: 11px;
    width: 27px;
    margin-right: 4px;
    vertical-align: middle
}

.icon-download:before {
    position: absolute;
    top: -4px;
    left: 3px;
    content: "\E004";
    font-family: "CropTrust-Icons";
    font-size: 8px;
    font-size: 0.5rem;
    line-height: 8px;
    line-height: 0.5rem;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.downloads-item:hover .icon-download:before {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0)
}

.download-manager {
    margin-top: 96px
}

ul.download-manager-list {
    margin: 0;
    padding: 0
}

ul.download-manager-list::after {
    clear: both;
    content: "";
    display: table
}

.download-manager-item {
    display: block;
    float: left;
    margin: 0 20px 32px;
    height: 98px;
    width: 430px
}

.download-manager-item:nth-child(odd) {
    margin-left: 0
}

.download-manager-item:nth-child(even) {
    margin-right: 0
}

.download-manager-item a {
    display: block;
    padding: 24px;
    border: 1px solid #d0d0d0;
    color: #161616;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
    text-transform: uppercase
}

.download-manager-item a::after {
    clear: both;
    content: "";
    display: table
}

.download-manager-item [class^="i-"],
.download-manager-item [class*=" i-"] {
    display: inline-block;
    height: 48px;
    width: 48px;
    margin: 3px 24px 3px 0;
    vertical-align: middle;
    font-size: 48px;
    font-size: 3rem;
    line-height: 48px;
    line-height: 3rem
}

@media all and (max-width: 46.24em) {
    .download-manager-item {
        float: none;
        width: 100%;
        margin: 0 0 16px;
        overflow: hidden
    }
    .download-manager-item a {
        position: relative;
        height: 98px;
        padding: 12px
    }
    .download-manager-item [class^="i-"],
    .download-manager-item [class*=" i-"] {
        position: absolute;
        top: 50%;
        left: 12px;
        margin-top: -21px;
        margin-bottom: 0
    }
}

.download-manager-item-label {
    display: inline-block;
    width: 304px;
    vertical-align: middle
}

@media all and (max-width: 46.24em) {
    .download-manager-item-label {
        position: absolute;
        top: 50%;
        width: auto;
        padding-left: 64px;
        padding-right: 12px;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }
}

.i-file-doc {
    color: #0b3f7a
}

.i-file-pdf {
    color: #e52822
}

.i-file-video {
    color: #007ecb
}

.i-file-xls {
    color: #059849
}

.i-file-zip {
    color: #f6b400
}

.gallery {
    position: relative;
    border: 1px solid #d0d0d0;
    margin-top: 96px;
    margin-bottom: 96px
}

.gallery .roller-controls {
    position: absolute;
    top: 599px;
    right: 0;
    bottom: 0;
    border-left: 1px solid #d0d0d0;
    width: 106px
}

.gallery .roller-controls .roller-control {
    display: block;
    float: left;
    padding: 15px 21px;
    height: 52px;
    width: 52px;
    color: #b5b5b5;
    border-bottom: 1px solid #d0d0d0;
    -webkit-transition: color .2s linear;
    transition: color .2s linear
}

.gallery .roller-controls .roller-control.next {
    width: 53px;
    border-left: 1px solid #d0d0d0
}

.gallery .roller-controls .roller-control:hover {
    color: #161616
}

@media all and (max-width: 46.24em) {
    .gallery {
        margin-top: 32px;
        margin-bottom: 32px
    }
    .gallery .roller-controls {
        top: auto;
        width: 41px;
        padding-bottom: 40px
    }
    .gallery .roller-controls .roller-control {
        float: none;
        padding: 9px 16px;
        height: 40px;
        width: 40px
    }
    .gallery .roller-controls .roller-control.next {
        width: 40px;
        border-left: 0 none
    }
}

.gallery-wrapper {
    position: relative;
    height: 715px;
    width: 898px;
    overflow: hidden
}

@media all and (max-width: 46.24em) {
    .gallery-wrapper {
        height: 324px;
        width: 100%
    }
}

.gallery-item {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s .6s;
    transition: visibility 0s .6s
}

.gallery-item img {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.gallery-item.active {
    visibility: visible;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.gallery-item.active img {
    filter: alpha(opacity=100);
    opacity: 1
}

.gallery-item-caption {
    margin: 20px 130px 20px 22px;
    min-height: 72px;
    color: #666;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    overflow: hidden;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.gallery-item.active .gallery-item-caption {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@media all and (max-width: 46.24em) {
    .gallery-item-caption {
        margin: 8px 52px 8px 12px;
        -webkit-transform: translate3d(-12px, 0, 0);
        transform: translate3d(-12px, 0, 0);
        min-height: 104px
    }
}

.gallery-item-caption-title {
    display: block;
    color: #161616;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    text-transform: uppercase
}

.gallery-item-caption-credits {
    display: block;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 700;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 32px;
    line-height: 2rem
}

.gallery-item-caption-credits strong {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 32px;
    line-height: 2rem;
    font-style: italic
}

.gallery-pager {
    position: absolute;
    right: 0;
    bottom: 16px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
    font-size: 16px;
    font-size: 1rem;
    line-height: 32px;
    line-height: 2rem;
    width: 106px;
    text-align: center
}

@media all and (max-width: 46.24em) {
    .gallery-pager {
        width: 40px;
        bottom: 8px;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 28px;
        line-height: 1.75rem
    }
}

.related-articles {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    margin-top: 96px;
    margin-bottom: 96px;
    padding-top: 32px;
    padding-bottom: 32px
}

.related-articles h2 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    margin-top: 22px;
    text-align: center
}

@media all and (max-width: 46.24em) {
    .related-articles {
        margin-top: 32px;
        margin-bottom: 32px;
        padding-top: 16px;
        padding-bottom: 16px
    }
}

.related-articles-wrapper::after {
    clear: both;
    content: "";
    display: table
}

.related-articles-actions {
    margin-top: 32px;
    margin-bottom: 32px;
    text-align: center
}

.related-article {
    position: relative;
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #d0d0d0;
    float: left;
    height: 182px;
    width: 430px;
    overflow: hidden
}

.related-article::after {
    clear: both;
    content: "";
    display: table
}

.related-article:nth-child(odd) {
    margin-right: 20px
}

.related-article:nth-child(even) {
    margin-left: 20px
}

.related-article h1 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    margin-top: 4px;
    -webkit-transition: font-size 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), line-height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: font-size 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), line-height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.related-article time {
    display: block;
    margin-top: 12px;
    color: #666;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
    line-height: 1.125rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400
}

.related-article .excerpt {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 32px;
    line-height: 2rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    margin-top: 4px
}

@media all and (max-width: 46.24em) {
    .related-article {
        margin-bottom: 4%;
        padding: 8px;
        height: 114px;
        width: 48%
    }
    .related-article:nth-child(odd) {
        margin-right: 2%
    }
    .related-article:nth-child(even) {
        margin-left: 2%
    }
    .related-article time {
        margin-top: 6px
    }
    .related-article h1 {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 18px;
        line-height: 1.125rem
    }
    .related-article .excerpt {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 18px;
        line-height: 1.125rem
    }
}

.related-article-link {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-bottom: 0 none;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII=") 0 0 repeat;
    z-index: 10
}

.related-article-cover {
    float: left
}

@media all and (max-width: 46.24em) {
    .related-article-cover {
        display: none
    }
}

.related-article-wrapper {
    float: left;
    height: 140px;
    width: 228px;
    margin-left: 20px;
    overflow: hidden
}

.related-article.no-thumb .related-article-wrapper {
    margin-left: 0;
    width: 100%
}

@media all and (max-width: 46.24em) {
    .related-article-wrapper {
        margin-left: 0;
        height: 94px;
        width: 100%
    }
}

.related-article--facebook,
.related-article--twitter {
    color: #fff;
    border: 0 none
}

.related-article--facebook time,
.related-article--facebook .excerpt,
.related-article--twitter time,
.related-article--twitter .excerpt {
    color: #fff
}

@media all and (max-width: 46.24em) {
    .related-article--facebook time,
    .related-article--twitter time {
        display: block
    }
}

.related-article--facebook {
    background-color: #2a4b8b
}

.related-article--twitter {
    background-color: #399be5
}

.cta {
    position: relative;
    height: 140px;
    margin-top: 60px;
    margin-bottom: 60px;
    background-color: #0b3f7a;
    color: #fff
}

@media all and (max-width: 46.24em) {
    .cta {
        height: 114px;
        margin-top: 32px;
        margin-bottom: 32px
    }
}

@media all and (max-width: 46.24em) {
    .cta-thumb {
        overflow: hidden
    }
    .cta-thumb img {
        position: relative;
        height: 100%;
        width: auto;
        left: 50%;
        margin-left: -450px
    }
}

.cta-body {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px
}

.cta-body h1 {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 42px;
    line-height: 2.625rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    margin-top: 12px
}

.cta-body .excerpt {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 32px;
    line-height: 2rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    margin-top: 12px;
    color: #fff
}

@media all and (max-width: 46.24em) {
    .cta-body {
        padding: 8px
    }
    .cta-body h1 {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 30px;
        line-height: 1.875rem
    }
}

.cta-link {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-bottom: 0 none;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII=") 0 0 repeat;
    z-index: 10
}

.cta--facebook {
    background-color: #2a4b8b
}

.cta--twitter {
    background-color: #399be5
}

.donate-cta {
    margin-top: 96px;
    margin-bottom: 96px
}

.donate-cta::after {
    clear: both;
    content: "";
    display: table
}

.donate-cta-takeaction {
    float: left;
    width: 33.3333333%;
    padding: 0 24px;
    border: 0 none;
    text-align: center
}

.donate-cta-takeaction h1 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    text-transform: uppercase
}

.donate-cta-takeaction img {
    margin-bottom: 16px
}

.donate-cta-takeaction .take-action-link {
    position: relative;
    top: auto !important;
    right: auto !important;
    margin-top: 32px
}

@media all and (max-width: 46.24em) {
    .donate-cta-takeaction {
        float: none;
        width: auto;
        padding: 0;
        text-align: left;
        border-top: 1px solid #d0d0d0
    }
    .donate-cta-takeaction::after {
        clear: both;
        content: "";
        display: table
    }
    .donate-cta-takeaction img {
        float: left;
        width: 96px;
        height: auto;
        margin-bottom: 0;
        margin-right: 16px
    }
}

.donate-box {
    position: relative;
    margin-top: 252px;
    margin-bottom: 32px
}

.donate-box:after {
    position: absolute;
    top: -188px;
    right: 0;
    bottom: 0;
    left: 50%;
    display: block;
    content: '';
    height: 263px;
    width: 244px;
    margin-left: -122px;
    background: url("../img/donate-box-earth.png") no-repeat
}

.donate-box-body {
    padding: 40px;
    color: #fff;
    background-color: #007ecb
}

.donate-box-body h1 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 30px;
    line-height: 1.875rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 15px
}

.donate-box-body p {
    color: #fff
}

.donate-box-body a {
    color: #fff
}

@media all and (max-width: 46.24em) {
    .donate-box-body {
        padding: 64px 16px 24px
    }
    .donate-box-body h1 {
        text-align: center
    }
}

.donate-form {
    margin-top: 32px
}

.donate-form input {
    padding-left: 36px;
    background-image: url("../img/dollar.png");
    background-repeat: no-repeat;
    background-position: 12px center;
    border: 1px solid #007ecb
}

.donate-form input:hover {
    border: 1px solid #007ecb
}

.donate-form .column.left {
    width: 480px
}

.donate-form .column.right {
    width: 140px
}

@media all and (max-width: 46.24em) {
    .donate-form .btn {
        width: 100%
    }
    .donate-form .column.left,
    .donate-form .column.right {
        width: 100%
    }
}

.genebank-cta {
    position: relative;
    height: 180px;
    padding: 20px;
    border: 1px solid #d0d0d0;
    margin-top: 96px;
    margin-bottom: 96px
}

.genebank-cta::after {
    clear: both;
    content: "";
    display: table
}

@media all and (max-width: 46.24em) {
    .genebank-cta {
        height: 114px;
        padding: 8px;
        margin-top: 32px;
        margin-bottom: 32px
    }
}

.genebank-cta-logo,
.genebank-cta-body,
.genebank-cta-meta {
    float: left;
    height: 140px
}

@media all and (max-width: 46.24em) {
    .genebank-cta-logo,
    .genebank-cta-body,
    .genebank-cta-meta {
        height: 98px
    }
}

.genebank-cta-logo {
    width: 140px
}

@media all and (max-width: 46.24em) {
    .genebank-cta-logo {
        width: 130px
    }
}

.genebank-cta-body {
    width: 296px;
    margin: 0 20px
}

.genebank-cta-body h1 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 30px;
    line-height: 1.875rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    margin-top: 4px
}

.genebank-cta-body .location {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    margin-top: 12px;
    color: #b5b5b5
}

.genebank-cta-body .location i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 17px;
    line-height: 1.0625rem
}

.genebank-cta-body .excerpt {
    margin-top: 12px;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400
}

@media all and (max-width: 46.24em) {
    .genebank-cta-body {
        width: 130px;
        margin: 0 0 0 8px
    }
    .genebank-cta-body .excerpt {
        display: none
    }
}

.genebank-cta-link {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-bottom: 0 none;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII=") 0 0 repeat;
    z-index: 10
}

.genebank-cta-meta {
    border-left: 1px solid #d0d0d0;
    padding: 0 20px
}

.genebank-cta-meta::after {
    clear: both;
    content: "";
    display: table
}

.genebank-cta-meta p {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
    line-height: 1.125rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    color: #666;
    text-align: center
}

.genebank-cta-meta strong {
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    color: #161616
}

.genebank-cta-meta strong.big-number {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 30px;
    line-height: 1.875rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800
}

.genebank-cta-meta small {
    display: block;
    text-transform: none;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
    line-height: 1.125rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    margin-top: 4px
}

.genebank-cta-meta [class^="i-"],
.genebank-cta-meta [class*=" i-"] {
    display: block;
    margin-bottom: 4px;
    color: #007ecb;
    font-size: 48px;
    font-size: 3rem;
    line-height: 48px;
    line-height: 3rem
}

@media all and (max-width: 46.24em) {
    .genebank-cta-meta {
        display: none
    }
}

.genebank-cta-seeds-in-collection {
    width: 200px
}

.genebank-cta-seeds-in-vault {
    padding-right: 0;
    width: 180px
}

.featured-content::after {
    clear: both;
    content: "";
    display: table
}

.featured-post {
    position: relative;
    float: left;
    width: 32.3333333%;
    margin-right: 3px;

   /* 
   background-color:rgba(11, 63, 122, 0.1);
    background-color: #0b3f7a;
    background: -webkit-gradient(linear, left top, right top, from(#0b3f7a), to(#01235d));
    background: -webkit-linear-gradient(left, #0b3f7a, #01235d);
    background: linear-gradient(to right, #0b3f7a, #01235d); */
    color: #fff;
    overflow: hidden;

}

.featured-post:before {
    content: "";
    display: block;
    padding-top: 52%
}

@media all and (max-width: 46.24em) {
    .featured-post {
        display: none
    }
    .featured-post:nth-of-type(1) {
        display: block;
        width: 100%
    }
}

@media all and (max-width: 46.24em) and (orientation: landscape) {
    .featured-post {
        display: none
    }
    .featured-post:nth-of-type(1),
    .featured-post:nth-of-type(2) {
        display: block;
        width: 50%
    }
}

.featured-post-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.featured-post-body {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 6%
}

.featured-post-body h1 {
    font-size: 33px;
    font-size: 2.25rem;
    line-height: 42px;
    line-height: 2.625rem;
    text-transform: uppercase;
    margin-top: 12px
}

@media all and (max-width: 74.99em) {
    .featured-post-body h1 {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 30px;
        line-height: 1.875rem
    }
}

.featured-post-more {
    overflow: hidden;
    max-height: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: margin-top 0.2s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), max-height 0.2s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.2s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: margin-top 0.2s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), max-height 0.2s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.2s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.featured-post-more .i-arrow-right {
    display: inline-block;
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 24px;
    line-height: 1.5rem;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: -webkit-transform 0.1s 0 cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.1s 0 cubic-bezier(0.165, 0.84, 0.44, 1)
}

.featured-post:hover .featured-post-more {
    margin-top: 12px;
    max-height: 24px;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

.featured-post:hover .featured-post-more .i-arrow-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.featured-post-link {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-bottom: 0 none;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII=") 0 0 repeat;
    z-index: 10
}

.content-contact .content-header {
    margin-bottom: 0
}

.content-contact .croptrust-address {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 32px;
    line-height: 2rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    max-width: 100%;
    margin-bottom: 64px;
    border-bottom: 1px solid #d0d0d0
}

.content-contact .croptrust-address .name {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800
}

.content-contact .croptrust-address .name,
.content-contact .croptrust-address .address {
    text-align: left
}

.content-contact .croptrust-address .organization,
.content-contact .croptrust-address .phone,
.content-contact .croptrust-address .email {
    margin: 0;
    width: 33.3333333%;
    height: 160px;
    text-align: center;
    overflow: hidden
}

.content-contact .croptrust-address .organization {
    padding: 32px 64px
}

.content-contact .croptrust-address .phone,
.content-contact .croptrust-address .email {
    padding: 64px;
    border-left: 1px solid #d0d0d0
}

.content-contact .croptrust-address [class^="i-"],
.content-contact .croptrust-address [class*=" i-"] {
    display: inline-block;
    margin-right: 12px;
    vertical-align: middle;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 24px;
    line-height: 1.5rem
}

@media all and (max-width: 46.24em) {
    .content-contact .croptrust-address {
        border-bottom: 0 none
    }
    .content-contact .croptrust-address .organization,
    .content-contact .croptrust-address .phone,
    .content-contact .croptrust-address .email {
        height: auto;
        width: 100%;
        border-left: 0 none;
        border-bottom: 1px solid #d0d0d0;
        text-align: left
    }
    .content-contact .croptrust-address .organization {
        padding: 16px
    }
    .content-contact .croptrust-address .phone,
    .content-contact .croptrust-address .email {
        padding: 16px
    }
}

.homepage-panel {
    position: relative;
    min-height: 690px;
    height: 100vh;
    background-color: #0b3f7a;
    background: -webkit-gradient(linear, left top, right top, from(#0b3f7a), to(#01235d));
    background: -webkit-linear-gradient(left, #0b3f7a, #01235d);
    background: linear-gradient(to right, #0b3f7a, #01235d);
    overflow: hidden
}

.homepage-panel:before {
    display: block;
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 60%;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.35)));
    background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.35));
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.35));
    z-index: 510
}

.homepage-panel .featured-content {
    max-width: 1080px;
   /* margin-top: 64px*/
}

@media all and (max-width: 46.24em) {
    .homepage-panel .featured-post:nth-of-type(1),
    .homepage-panel .featured-post:nth-of-type(2) {
        display: block;
        width: 50%
    }
}

@media all and (max-width: 46.24em) {
    .homepage-panel .featured-post-thumb:before {
        height: 100%
    }
}

.homepage-panel .featured-post-body h1 {
    font-size: 24px;
    font-size: 1.3rem;
    line-height: 30px;
    line-height: 1.875rem
}

@media all and (max-width: 46.24em) {
    .homepage-panel .featured-post-body .label {
        display: none
    }
    .homepage-panel .featured-post-body h1 {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 18px;
        line-height: 1.125rem
    }
}

@media all and (max-width: 46.24em) {
    .homepage-panel {
        height: auto !important;
        min-height: 100vh
    }
}

.homepage-panel-cover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    z-index: 500;
    -webkit-transition: -webkit-transform 12s 0.2s cubic-bezier(0.44, 0.185, 0.575, 0.86);
    transition: transform 12s 0.2s cubic-bezier(0.44, 0.185, 0.575, 0.86)
}

@media all and (max-width: 29.99em) {
    .homepage-panel-cover {
        background-position: 75% 50%;
        background-size: auto 100%
    }
}

.homepage-panel.active .homepage-panel-cover {
    -webkit-transform: scale(1.15) rotate(0.01deg);
    -ms-transform: scale(1.15) rotate(0.01deg);
    transform: scale(1.15) rotate(0.01deg)
}

.homepage-panel-body {
    position: absolute;
    right: 0;
    bottom: 10%;
    left: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0 none;
    color: #fff;
    max-width: none;
    z-index: 520
}

.homepage-panel-body>* {
    max-width: 720px;
    margin: 0 5%
}

.homepage-panel-body h1,
.homepage-panel-body .subtitle {
    text-transform: uppercase
}

.homepage-panel-body h1 {
    font-size: 48px;
    font-size: 2.4rem;
    line-height: 56px;
    line-height: 3.5rem
}

.homepage-panel-body .subtitle {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 30px;
    line-height: 1.875rem
}

.homepage-panel-body p {
    color: #fff;
    margin-top: 16px
}

.homepage-panel-body p.lead {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 42px;
    line-height: 2.625rem;
}

.homepage-panel--numbers .homepage-panel-body h1 {
    max-width: none
}

@media all and (max-width: 46.24em) {
    .homepage-panel-body {
        bottom: 24px
    }
    .homepage-panel-body>* {
        max-width: 90%
    }
    .homepage-panel-body h1 {
        font-size: 36px;
        font-size: 2.25rem;
        line-height: 42px;
        line-height: 2.625rem
    }
    .homepage-panel-body .subtitle {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 22px;
        line-height: 1.375rem
    }
    .homepage-panel-body p.lead {
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 36px;
        line-height: 2.25rem
    }
    .homepage-panel-body p.lead,
    .homepage-panel-body p.lead span {
        color: #FFF !important
    }
    .homepage-panel--numbers .homepage-panel-body,
    .homepage-panel--partners .homepage-panel-body {
        position: relative;
        margin-top: 24px;
        bottom: auto
    }
}

.homepage-panel-gallery {
    max-width: none;
    margin-top: 64px;
    margin-left: 0;
    margin-right: 0
}

.homepage-panel-gallery img {
    margin: 32px 5%;
    vertical-align: middle
}

@media all and (max-width: 87.49em) {
    .homepage-panel-gallery {
        margin-top: 32px
    }
    .homepage-panel-gallery img {
        margin: 16px 5%;
        height: 32px;
        width: auto
    }
}

@media all and (max-width: 46.24em) {
    .homepage-panel-gallery {
        margin-top: 24px
    }
    .homepage-panel-gallery img {
        margin: 12px 5%;
        height: 24px;
        width: auto
    }
}

ul.homepage-panel-numbers {
    max-width: none;
    margin: 24px 3% 0;
    padding: 0
}

ul.homepage-panel-numbers::after {
    clear: both;
    content: "";
    display: table
}

ul.homepage-panel-numbers li {
    float: left;
    height: 280px;
    width: 280px;
    margin: 24px 30px;
    padding: 0 48px;
    background-color: #fff;
    border-radius: 100%;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
    line-height: 1.125rem;
    text-align: center;
    text-transform: uppercase
}

ul.homepage-panel-numbers li img,
ul.homepage-panel-numbers li strong {
    display: block;
    margin: 0 auto
}

ul.homepage-panel-numbers li img {
    margin-bottom: 12px
}

ul.homepage-panel-numbers li strong {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 42px;
    line-height: 2.625rem;
    color: #161616
}

@media all and (max-width: 96.24em) {
    ul.homepage-panel-numbers li {
        height: 170px;
        width: 170px;
        margin: 24px 20px;
        padding: 0 24px
    }
    ul.homepage-panel-numbers li img {
        display: none
    }
    ul.homepage-panel-numbers li strong {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 22px;
        line-height: 1.375rem
    }
}

@media all and (max-width: 46.24em) {
    ul.homepage-panel-numbers li {
        float: none;
        height: auto;
        width: 100%;
        padding: 24px;
        margin: 0;
        border-bottom: 1px solid #d0d0d0;
        border-radius: 0;
        text-align: left
    }
    ul.homepage-panel-numbers li img {
        float: left;
        display: block;
        margin: 0 24px 0 0
    }
}

@media all and (max-width: 46.24em) {
    ul.homepage-panel-numbers {
        margin: 24px 0 0
    }
}

.homepage-nav {
    position: fixed;
    top: 50%;
    right: 32px;
    margin: 0;
    z-index: 530;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.homepage-nav li {
    margin: 6px 0;
    padding: 4px;
    border: 2px solid transparent;
    border-radius: 100%
}

.homepage-nav li.active {
    border-color: #fff
}

.homepage-nav li.active a {
    filter: alpha(opacity=100);
    opacity: 1
}

.homepage-nav a {
    display: block;
    background-color: #fff;
    height: 12px;
    width: 12px;
    border-bottom: 0 none;
    border-radius: 100%;
    filter: alpha(opacity=60);
    opacity: 0.6
}

.homepage-nav a:hover,
.homepage-nav a:focus {
    filter: alpha(opacity=100);
    opacity: 1
}

@media all and (max-width: 46.24em) {
    .homepage-nav {
        display: none
    }
}

@media all and (max-width: 46.24em) {
    .homepage-panel--intro .ana-logo {
        display: none
    }
}

.homepage-panel--partners .homepage-panel-body>p {
    max-width: none
}

.ana-logo {
    display: block;
    height: 168px;
    width: 373px;
    position: absolute;
    top:50px;
    left:50px;
    z-index: 600;
}

.no-svg .ana-logo {
    background: url("../img/croptrust-logo.png") no-repeat
}

.content--into-the-vault {
    margin-bottom: 0
}

.content--into-the-vault .content-header {
    height: auto;
    margin-bottom: 0;
    background-color: transparent;
    overflow: visible
}

.content--into-the-vault .content-header-body {
    bottom: auto;
    top: 420px
}

@media all and (max-width: 46.24em) {
    .content--into-the-vault .content-header-body {
        top: 240px
    }
}

.into-the-vault-panel {
    position: relative;
    min-height: 690px;
    height: 100vh
}

.into-the-vault-panel.into-the-vault-panel--outside {
    min-height: 1380px
}

.into-the-vault-panel.into-the-vault-panel--outside:before,
.into-the-vault-panel.into-the-vault-panel--outside:after,
.into-the-vault-panel.into-the-vault-panel--outside .into-the-vault-body {
    top: 80%
}

.into-the-vault-panel:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 4px;
    margin-left: -2px;
    background-color: #fff;
    z-index: 540
}

.into-the-vault-panel:last-child:before {
    bottom: 50%
}

.into-the-vault-panel:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    height: 16px;
    width: 16px;
    margin-top: -8px;
    margin-left: -8px;
    background-color: #fff;
    border-radius: 100%;
    z-index: 540
}

.into-the-vault-panel:nth-child(even) .into-the-vault-thumb {
    float: right
}

.into-the-vault-panel:nth-child(even) .into-the-vault-content {
    float: left
}

@media all and (max-width: 46.24em) {
    .into-the-vault-panel.into-the-vault-panel--outside {
        min-height: 200vh
    }
    .into-the-vault-panel.into-the-vault-panel--outside .into-the-vault-body {
        top: 70%
    }
    .into-the-vault-panel:before {
        display: none
    }
    .into-the-vault-panel:after {
        display: none
    }
    .into-the-vault-panel:nth-child(even) .into-the-vault-thumb {
        float: none
    }
    .into-the-vault-panel:nth-child(even) .into-the-vault-content {
        float: none
    }
}

.into-the-vault-panel-cover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    z-index: 500
}

.into-the-vault-body {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0 none;
    color: #fff;
    max-width: 820px;
    z-index: 520;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.into-the-vault-body::after {
    clear: both;
    content: "";
    display: table
}

@media all and (max-width: 46.24em) {
    .into-the-vault-body {
        text-align: center;
        max-width: 80%
    }
}

.into-the-vault-thumb {
    float: left
}

@media all and (max-width: 46.24em) {
    .into-the-vault-thumb {
        float: none;
        max-width: none;
        width: 100%;
        height: auto;
        margin-bottom: 24px
    }
}

.into-the-vault-content {
    width: 370px;
    float: right
}

.into-the-vault-content h1 {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 42px;
    line-height: 2.625rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    text-transform: uppercase
}

.into-the-vault-content p {
    color: #fff;
    margin-top: 16px;
    margin-bottom: 32px
}

@media all and (max-width: 46.24em) {
    .into-the-vault-content {
        max-width: 100%;
        float: none;
        text-align: left
    }
}

.content--seed-vault .content-body {
    border-bottom: 0 none
}

.seed-vault-interactive-map {
    position: relative
}

.seed-vault-interactive-map .seed-vault-interactive-map-cover {
    height: 600px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.seed-vault-interactive-map .seed-vault-interactive-map-content {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-bottom: 0;
    padding: 0 40px;
    border-bottom: 0 none;
    width: 380px;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.seed-vault-interactive-map .seed-vault-interactive-map-content p {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 36px;
    line-height: 2.25rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
    color: #fff;
    margin-bottom: 36px
}

@media all and (max-width: 46.24em) {
    .seed-vault-interactive-map .seed-vault-interactive-map-content {
        width: 80%;
        left: 10%;
        padding: 0
    }
    .seed-vault-interactive-map .seed-vault-interactive-map-content p {
        max-width: 100%
    }
    .seed-vault-interactive-map .seed-vault-interactive-map-content .btn--white,
    .seed-vault-interactive-map .seed-vault-interactive-map-content .homepage-panel-body .btn,
    .homepage-panel-body .seed-vault-interactive-map .seed-vault-interactive-map-content .btn {
        max-width: 100%
    }
}

.seed-vault-the-need {
    height: 600px
}

.seed-vault-the-need::after {
    clear: both;
    content: "";
    display: table
}

.seed-vault-the-need .seed-vault-the-need-content,
.seed-vault-the-need .seed-vault-the-need-cover {
    float: left;
    height: 100%;
    width: 50%
}

.seed-vault-the-need .seed-vault-the-need-content {
    color: #fff;
    background-color: #007ecb
}

.seed-vault-the-need .seed-vault-the-need-content .seed-vault-the-need-wrapper {
    float: right;
    width: 450px;
    padding: 0 40px;
    background-image: url("../img/seed-vault-the-need-crops.png");
    background-repeat: no-repeat;
    background-position: center
}

.seed-vault-the-need .seed-vault-the-need-content h1 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 30px;
    line-height: 1.875rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 15px
}

.seed-vault-the-need .seed-vault-the-need-content p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 32px;
    line-height: 2rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400
}

.seed-vault-the-need .seed-vault-the-need-cover {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

@media all and (max-width: 46.24em) {
    .seed-vault-the-need {
        height: auto
    }
    .seed-vault-the-need .seed-vault-the-need-content,
    .seed-vault-the-need .seed-vault-the-need-cover {
        float: none;
        height: 100vh;
        width: 100%
    }
    .seed-vault-the-need .seed-vault-the-need-content .seed-vault-the-need-wrapper {
        float: none;
        width: 80%;
        padding: 0;
        margin: 0 auto;
        background-size: 100%
    }
}

.seed-vault-the-purpose .seed-vault-the-purpose-content {
    margin-bottom: 0;
    padding-top: 160px
}

.seed-vault-the-purpose .seed-vault-the-purpose-content h1 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 30px;
    line-height: 1.875rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 30px
}

.seed-vault-the-location {
    position: relative
}

.seed-vault-the-location .seed-vault-the-location-content {
    position: absolute;
    top: 0;
    left: 18%;
    padding: 40px;
    height: auto;
    width: 380px;
    z-index: 530
}

.seed-vault-the-location .seed-vault-the-location-content h1 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 30px;
    line-height: 1.875rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 30px
}

.seed-vault-the-location .seed-vault-the-location-content p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 32px;
    line-height: 2rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    color: #666
}

.seed-vault-the-location .seed-vault-the-location-gallery {
    position: relative;
    height: 600px;
    width: 100%;
    overflow: hidden;
    z-index: 500
}

.seed-vault-the-location .seed-vault-the-location-gallery:before {
    position: absolute;
    top: 0;
    left: 18%;
    display: block;
    height: 440px;
    width: 380px;
    content: '';
    background-color: #fff;
    z-index: 500
}

.seed-vault-the-location .seed-vault-the-location-gallery-item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0
}

.csstransforms .seed-vault-the-location .seed-vault-the-location-gallery-item img {
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.seed-vault-the-location .seed-vault-the-location-gallery-caption {
    position: absolute;
    top: 0;
    left: 18%;
    padding: 232px 40px 40px;
    height: 440px;
    width: 380px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 32px;
    line-height: 2rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    color: #666;
    z-index: 520
}

.seed-vault-the-location .roller-item {
    visibility: hidden;
    -webkit-transition: visibility 0s .6s;
    transition: visibility 0s .6s
}

.seed-vault-the-location .roller-item img {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.seed-vault-the-location .roller-item .seed-vault-the-location-gallery-caption p {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.seed-vault-the-location .roller-item.active {
    visibility: visible;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.seed-vault-the-location .roller-item.active img {
    filter: alpha(opacity=100);
    opacity: 1
}

.seed-vault-the-location .roller-item.active .seed-vault-the-location-gallery-caption p {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.seed-vault-the-location .roller-pagination {
    position: absolute;
    top: 396px;
    left: 18%;
    height: auto;
    width: 380px;
    padding: 0 40px;
    z-index: 540
}

.seed-vault-the-location .roller-pagination::after {
    clear: both;
    content: "";
    display: table
}

.seed-vault-the-location .roller-page {
    display: block;
    float: left;
    margin: 2px;
    border-radius: 100%;
    background-color: #0b3f7a;
    height: 1em;
    line-height: 1.5;
    overflow: hidden;
    height: 10px;
    width: 10px
}

.seed-vault-the-location .roller-page::before {
    content: "";
    display: block;
    width: 0;
    height: 100%
}

.seed-vault-the-location .roller-page.active {
    background-color: #007ecb
}

.seed-vault-the-storage .seed-vault-the-storage-content {
    margin-bottom: 0;
    padding-top: 160px
}

.seed-vault-the-storage .seed-vault-the-storage-content::after {
    clear: both;
    content: "";
    display: table
}

.seed-vault-the-storage .seed-vault-the-storage-content h1 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 30px;
    line-height: 1.875rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 30px
}

.seed-vault-the-storage .seed-vault-the-storage-numbers,
.seed-vault-the-storage .seed-vault-the-storage-wrapper {
    float: left
}

@media all and (max-width: 46.24em) {
    .seed-vault-the-storage .seed-vault-the-storage-numbers,
    .seed-vault-the-storage .seed-vault-the-storage-wrapper {
        float: none
    }
}

.seed-vault-the-storage .seed-vault-the-storage-numbers {
    margin: 0 0 0 100px;
    padding-left: 0;
    width: 150px;
    color: #007ecb;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase
}

.seed-vault-the-storage .seed-vault-the-storage-numbers i {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 40px;
    line-height: 2.5rem
}

.seed-vault-the-storage .seed-vault-the-storage-numbers strong {
    display: block;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 30px;
    line-height: 1.875rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    margin-top: 8px;
    margin-bottom: 4px
}

.seed-vault-the-storage .seed-vault-the-storage-numbers li {
    padding: 32px 24px;
    border-bottom: 1px solid #d0d0d0
}

.seed-vault-the-storage .seed-vault-the-storage-numbers li:last-child {
    border-bottom: 0 none
}

.seed-vault-the-storage .seed-vault-the-storage-wrapper {
    margin-left: 80px;
    width: 490px
}

@media all and (max-width: 46.24em) {
    .seed-vault-the-storage .seed-vault-the-storage-numbers {
        width: 100%;
        max-width: 100%;
        margin: 0
    }
    .seed-vault-the-storage .seed-vault-the-storage-numbers::after {
        clear: both;
        content: "";
        display: table
    }
    .seed-vault-the-storage .seed-vault-the-storage-numbers li {
        padding: 12px 6px;
        float: left;
        border-top: 1px solid #d0d0d0;
        border-left: 1px solid #d0d0d0;
        width: 33%
    }
    .seed-vault-the-storage .seed-vault-the-storage-numbers li:first-child {
        border-left: 0 none
    }
    .seed-vault-the-storage .seed-vault-the-storage-numbers li:last-child {
        border-bottom: 1px solid #d0d0d0
    }
    .seed-vault-the-storage .seed-vault-the-storage-wrapper {
        padding-top: 32px;
        margin-left: 10%;
        width: 80%
    }
}

.seed-vault-black-box .seed-vault-black-box-cover {
    height: 600px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.seed-vault-black-box .seed-vault-black-box-content {
    padding-top: 128px;
    border-bottom: 1px solid #d0d0d0
}

.seed-vault-black-box .seed-vault-black-box-content h1 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 30px;
    line-height: 1.875rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 30px
}

@media all and (max-width: 46.24em) {
    .seed-vault-black-box .seed-vault-black-box-cover {
        height: 240px
    }
    .seed-vault-black-box .seed-vault-black-box-content {
        padding-top: 32px;
        border-bottom: 0 none
    }
}

ul.staff-members {
    max-width: 100%;
    padding-left: 0
}

ul.staff-members>li {
    padding-top: 64px;
    padding-bottom: 64px;
    border-top: 1px solid #d0d0d0
}

ul.staff-members>li::after {
    clear: both;
    content: "";
    display: table
}

ul.staff-members .staff-cover {
    float: left;
    width: 220px;
    margin: 0 24px
}

ul.staff-members .staff-body {
    float: left;
    width: 536px;
    margin-left: 96px
}

ul.staff-members .staff-body .member-name,
ul.staff-members .staff-body .member-job {
    display: block;
    text-transform: uppercase;
    color: #161616
}

ul.staff-members .staff-body .member-name {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 30px;
    line-height: 1.875rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 0
}

ul.staff-members .staff-body .member-job {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    margin-bottom: 32px
}

@media all and (max-width: 46.24em) {
    ul.staff-members>li {
        width: 80%;
        margin: 0 10%;
        padding-top: 32px;
        padding-bottom: 32px
    }
    ul.staff-members .staff-cover {
        width: 80px;
        height: 80px;
        margin: 0 24px 0 0
    }
    ul.staff-members .staff-body {
        float: none;
        width: 100%;
        margin: 0
    }
    ul.staff-members .staff-body .member-job {
        margin-bottom: 16px
    }
}

.what-we-do-panel {
    margin-bottom: 128px
}

.what-we-do-panel:last-child {
    margin-bottom: 24px
}

.what-we-do-panel:last-child .what-we-do-panel-body {
    padding-bottom: 160px;
    border-bottom: 1px solid #d0d0d0
}

@media all and (max-width: 46.24em) {
    .what-we-do-panel {
        margin-bottom: 32px
    }
}

.what-we-do-panel-cover {
    height: 600px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

@media all and (max-width: 46.24em) {
    .what-we-do-panel-cover {
        height: 240px
    }
}

.what-we-do-panel-body {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0 none
}

.what-we-do-panel-body>p,
.what-we-do-panel-body>h2,
.what-we-do-panel-body>h3 {
    padding-left: 20px
}

@media all and (max-width: 46.24em) {
    .what-we-do-panel-body>p,
    .what-we-do-panel-body>h2,
    .what-we-do-panel-body>h3 {
        padding-left: 0
    }
}

.what-we-do-panel-icon {
    position: absolute;
    top: 0;
    left: 0
}

@media all and (max-width: 46.24em) {
    .what-we-do-panel-icon {
        display: none
    }
}

.page-pledging-conference .row {
    clear: both;
    max-width: 100%
}

.page-pledging-conference [class*='col-'] {
    position: relative;
    margin-right: 10px;
    float: left
}

.page-pledging-conference .col-1 {
    width: -webkit-calc(33.33333% - 10px);
    width: calc(33.33333% - 10px)
}

@media screen and (max-width: 740px) {
    .page-pledging-conference .col-1 {
        width: 100%
    }
}

.page-pledging-conference .col-2 {
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px)
}

@media screen and (max-width: 740px) {
    .page-pledging-conference .col-2 {
        width: 100%
    }
}

.page-pledging-conference .col-2:last-of-type {
    margin-right: 0;
    margin-left: 10px
}

@media screen and (max-width: 740px) {
    .page-pledging-conference .col-2:last-of-type {
        margin-left: 0
    }
}

.page-pledging-conference .logo {
    margin-bottom: 30px
}

.page-pledging-conference .content-header-body {
    width: 880px;
    margin-left: -440px;
    text-align: left;
    bottom: 12%
}

@media screen and (max-width: 740px) {
    .page-pledging-conference .content-header-body {
        width: 100%;
        bottom: 40px;
        left: 0;
        margin-left: 0;
        text-align: center
    }
    .page-pledging-conference .content-header-body p.excerpt {
        display: none
    }
}

.page-pledging-conference .where-when {
    margin: 30px 0;
    font-weight: 700;
    text-transform: uppercase
}

.page-pledging-conference .title {
    padding: 30px 0;
    border-bottom: 1px solid #d0d0d0;
    text-align: center
}

.page-pledging-conference .title h1 {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase
}

.page-pledging-conference .title b {
    display: block
}

.page-pledging-conference .pledging-conference-slider .content-body {
    padding-bottom: 80px
}

@media screen and (max-width: 1080px) {
    .page-pledging-conference .pledging-conference-slider .content-body {
        max-width: 100%;
        width: 100%
    }
}

.page-pledging-conference .pledging-conference-slider .slider-pagination {
    width: 100%;
    border-bottom: 1px solid #d0d0d0;
    margin-bottom: 20px;
    padding-bottom: 10px
}

@media screen and (max-width: 740px) {
    .page-pledging-conference .pledging-conference-slider .slider-pagination {
        display: none
    }
}

.page-pledging-conference .pledging-conference-slider .slider-pagination .content-body {
    padding-bottom: 0;
    border: 0
}

.page-pledging-conference .pledging-conference-slider .slider-pagination ul {
    max-width: 100%;
    padding-top: 6px;
    padding-left: 0
}

.page-pledging-conference .pledging-conference-slider .slider-pagination li {
    position: relative;
    display: inline-block;
    float: left;
    width: 14.285714286%;
    color: #007ecb;
    font-weight: 700;
    text-align: center;
    list-style: none
}

.page-pledging-conference .pledging-conference-slider .slider-pagination li a {
    border-bottom: 0
}

.page-pledging-conference .pledging-conference-slider .slider-pagination a.active {
    color: #0b3f7a;
    border-bottom: 3px solid #0b3f7a
}

.page-pledging-conference .pledging-conference-details .content-body {
    padding-bottom: 60px
}

.page-pledging-conference .pledging-conference-details .title {
    border-bottom: 0
}

.page-pledging-conference .pledging-conference-details li {
    border-top: 0
}

.page-pledging-conference .pledging-conference-about .title {
    padding-top: 86px;
    border-bottom: 0
}

.page-pledging-conference .pledging-conference-about .title h1 {
    padding-top: 48px
}

.page-pledging-conference .pledging-conference-about.content-body {
    border-bottom: 0;
    padding-bottom: 60px
}

.page-pledging-conference .pledging-conference-links .featured-post {
    display: block;
    width: 50%;
    height: 240px
}

@media screen and (max-width: 740px) {
    .page-pledging-conference .pledging-conference-links .featured-post {
        width: 100%
    }
}

.page-pledging-conference .pledging-conference-links .featured-post:hover p {
    max-height: 240px;
    opacity: 1;
}

.page-pledging-conference .pledging-conference-links h2 {
    text-transform: uppercase
}

.page-pledging-conference .pledging-conference-links p {
    overflow: hidden;
    width: 80%;
    min-width: 320px;
    max-height: 0;
    opacity: 0;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.page-pledging-conference .thumb-background {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.pledging-conference-speakers .content-body,
.photographers-container .content-body {
    padding-bottom: 340px
}

.pledging-conference-speakers .title,
.photographers-container .title {
    border-bottom: 0
}

.pledging-conference-speakers .col-2,
.photographers-container .col-2,
.pledging-conference-speakers .col-1,
.photographers-container .col-1 {
    position: relative;
    height: 400px;
    border-bottom: 0;
    margin-bottom: 140px;
    background-position: center;
    background-size: cover
}

.pledging-conference-speakers .col-2 .content,
.photographers-container .col-2 .content,
.pledging-conference-speakers .col-1 .content,
.photographers-container .col-1 .content {
    position: absolute;
    top: 350px;
    display: inline-block;
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    padding: 20px;
    margin: 0 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 transparent;
    box-shadow: 0 0 10px 0 transparent;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.pledging-conference-speakers .col-2 h2,
.photographers-container .col-2 h2,
.pledging-conference-speakers .col-1 h2,
.photographers-container .col-1 h2 {
    margin: 0;
    color: #161616
}

.pledging-conference-speakers .col-2:hover .content,
.photographers-container .col-2:hover .content,
.pledging-conference-speakers .col-1:hover .content,
.photographers-container .col-1:hover .content {
    top: 300px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 1)
}

.pledging-conference-speakers .col-1,
.photographers-container .col-1 {
    height: 220px;
    margin-bottom: 110px
}

.pledging-conference-speakers .col-1 .content,
.photographers-container .col-1 .content {
    top: 180px;
    padding: 15px
}

.pledging-conference-speakers .col-1 h2,
.photographers-container .col-1 h2 {
    font-size: 1.2rem;
    line-height: 1.4
}

.pledging-conference-speakers .col-1 p,
.photographers-container .col-1 p {
    font-size: .875rem;
    line-height: 1.4
}

.pledging-conference-speakers .col-1:hover .content,
.photographers-container .col-1:hover .content {
    top: 170px
}

.pledging-conference-speakers .rounded img,
.photographers-container .rounded img {
    border-radius: 50%;
    width: 220px;
    height: 220px
}

.pledging-conference-logistics {
    border-bottom: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0
}

.pledging-conference-logistics .logistics {
    height: 740px
}

.pledging-conference-logistics .left,
.pledging-conference-logistics .right {
    position: relative;
    float: left;
    height: 100%
}

.pledging-conference-logistics .left {
    width: 40%;
    background-image: url("../img/left-bg.jpg");
    background-size: cover
}

@media screen and (max-width: 740px) {
    .pledging-conference-logistics .left {
        width: 100%
    }
}

.pledging-conference-logistics .left .left__infos {
    position: absolute;
    top: 50%;
    right: 0;
    width: 250px;
    padding: 30px;
    background: white;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width: 740px) {
    .pledging-conference-logistics .left .left__infos {
        left: 50%;
        margin-left: -125px
    }
}

.pledging-conference-logistics .left .left__infos small {
    display: block;
    color: #666;
    font-weight: 400;
    text-transform: none
}

.pledging-conference-logistics .left .left__infos div {
    position: relative;
    padding: 14px 0 14px 24px;
    font-size: 18px;
    line-height: 1.2
}

.pledging-conference-logistics .left .left__infos div:before {
    position: absolute;
    color: #007ecb;
    top: 0.875em;
    left: 0px
}

.pledging-conference-logistics .right {
    width: 60%
}

@media screen and (max-width: 740px) {
    .pledging-conference-logistics .right {
        width: 100%
    }
}

.pledging-conference-logistics .right .right__content {
    position: relative;
    top: 50%;
    max-width: 540px;
    padding: 40px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pledging-conference-logistics h1 {
    text-transform: uppercase
}

.pledging-conference-logistics p {
    font-weight: 400;
    padding-bottom: 32px;
    color: #666
}

.pledging-conference-logistics p.lead {
    color: #161616;
    font-size: 1.5rem;
    line-height: 2.25rem
}

.pledging-conference-news .content-body {
    padding-bottom: 40px
}

.pledging-conference-news .title {
    border-bottom: 0
}

.pledging-conference-news .content-related-articles {
    border: 0;
    margin-top: 0;
    margin-bottom: 0px
}

.pledging-conference-news .content-related-articles h2 {
    display: none
}

.pledging-conference-form .title,
.pledging-conference-links .title {
    padding: 0;
    border-bottom: 0
}

.pledging-conference-links .content-body {
    overflow: hidden;
    border-bottom: 0
}

.pledging-conference-links .link-container {
    display: inline-block;
    float: left;
    width: 25%;
    padding-top: 20px
}

@media screen and (max-width: 740px) {
    .pledging-conference-links .link-container {
        width: 100%;
        padding: 20px 30px 0
    }
}

.pledging-conference-program {
    background-image: url("../img/left-bg.jpg");
    background-size: cover
}

.pledging-conference-program .title {
    padding-top: 60px;
    border-bottom: 0;
    color: white
}

.pledging-conference-program .content-body {
    border-bottom: 0
}

.pledging-conference-program .program-container {
    position: relative;
    max-width: 100%;
    height: 168px;
    border-bottom: 8px solid #ececec;
    margin: 0 0 10px 0;
    background-color: white;
    overflow: hidden
}

@media screen and (max-width: 740px) {
    .pledging-conference-program .program-container {
        height: auto;
        padding: 30px;
        margin: 25px 10px
    }
}

.pledging-conference-program .program-container h2 {
    margin: 0
}

.pledging-conference-program .left-container {
    height: 100%;
    float: left;
    border-right: 1px solid #d0d0d0;
    width: 200px
}

@media screen and (max-width: 740px) {
    .pledging-conference-program .left-container {
        width: 100%;
        overflow: hidden;
        border: 0;
        float: none;
        height: auto
    }
}

.pledging-conference-program .right-container {
    float: left;
    height: 100%;
    width: 700px
}

@media screen and (max-width: 740px) {
    .pledging-conference-program .right-container {
        width: 100%
    }
}

.pledging-conference-program .left {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-left: 40px;
    font-weight: 700;
    text-transform: uppercase
}

@media screen and (max-width: 740px) {
    .pledging-conference-program .left {
        top: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        padding-bottom: 10px;
        margin-bottom: 10px
    }
}

.pledging-conference-program .left>div {
    line-height: 2
}

.pledging-conference-program .left>div:before {
    position: relative;
    top: 2px;
    margin-right: 6px;
    margin-left: -6px;
    color: #007ecb
}

.pledging-conference-program .right {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 30px
}

@media screen and (max-width: 740px) {
    .pledging-conference-program .right {
        top: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.pledging-conference-program .right p {
    font-size: 16px;
    line-height: 1.6
}

.pledging-conference-form .content-body {
    border-bottom: 0
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 20px 0
}

@media screen and (max-width: 740px) {
    .slick-list {
        padding: 0
    }
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 460px;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: inline-block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

h2.highlights-item-title {
    color: #ffffff;
    font-weight: 700;
    margin: 0;
    position: relative;
    top: -webkit-calc(50% - 15px);
    top: calc(50% - 15px);
    font-size: 18px
}

h2.highlights-item-title b {
    font-weight: 300;
    display: block;
    font-size: 36px
}

.highlights-items {
    position: relative;
    height: 460px
}

@media screen and (max-width: 740px) {
    .highlights-items {
        height: auto;
        overflow: hidden;
        padding-bottom: 10px
    }
}

.highlights-item {
    position: relative;
    float: left;
    width: 360px;
    min-height: 1px;
    height: 440px;
    margin: 0 10px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2)
}

@media screen and (max-width: 740px) {
    .highlights-item {
        width: 100%;
        margin: 0
    }
}

.highlights-item a:not(.btn):hover {
    padding-bottom: 20px
}

.highlights-item a.btn {
    margin-left: 16px;
    margin-bottom: 12px
}

.highlights-item p {
    font-size: 14px;
    line-height: 1.5em;
    padding: 30px 45px
}

.highlights-item-month {
    width: 0;
    margin: 0
}

.highlights-item-img-link {
    display: block;
    height: 180px;
    border-bottom: 0;
    padding: 20px 45px;
    background-size: cover
}

.highlights-item-img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

.highlights-date {
    font-size: 12px;
    text-transform: uppercase;
    color: #007ecb
}

.highlights-item-link {
    position: absolute;
    bottom: 20px;
    left: 30px
}

.highlights-body {
    max-width: 100%
}

.slick-prev,
.slick-next {
    position: absolute;
    z-index: 9;
    display: block;
    height: 40px;
    width: 21px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: #585858;
    top: 50%;
    margin-top: -15px;
    padding: 0;
    border: none;
    outline: none
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    filter: alpha(opacity=100);
    opacity: 1
}

@media screen and (max-width: 992px) {
    .slick-prev,
    .slick-next {
        display: none !important
    }
}

.slick-prev:before,
.slick-next:before {
    font-family: "CropTrust-Icons";
    font-size: 40px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -70px
}

.slick-prev:before {
    content: "\E005"
}

.slick-next {
    right: -70px
}

.slick-next:before {
    content: "\E006"
}

.submenu {
    position: absolute;
    z-index: 99999;
    top: 20px;
    right: 0;
    list-style: none
}

.submenu li {
    display: inline-block;
    margin-right: 3em
}

.submenu a {
    border-bottom: 0;
    text-transform: uppercase;
    font-weight: bold
}

@media (max-width: 1060px) {
    .submenu {
        display: none
    }
}

#four-steps .panel-hover .panel-content {
    padding-bottom: 0px
}

#four-steps,
#asia-africa {
    position: relative;
    z-index: 510
}

#four-steps h1,
#asia-africa h1 {
    font-size: 3em
}

#four-steps h1 img,
#asia-africa h1 img {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#four-steps p,
#asia-africa p {
    padding-bottom: 2em
}

@media (max-width: 700px) {
    #four-steps p,
    #asia-africa p {
        padding-bottom: 0
    }
}

#four-steps .btn,
#asia-africa .btn {
    color: #ffffff !important;
    border: 2px solid #ffffff
}

#four-steps .desaturate,
#asia-africa .desaturate {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

@media (max-width: 1180px) {
    #four-steps h1,
    #asia-africa h1 {
        font-size: 2em
    }
    #four-steps h1 img,
    #asia-africa h1 img {
        display: none
    }
}

@media (max-width: 768px) {
    #asia-africa {
        width: 100%
    }
}

@media (max-width: 768px) {
    #asia-africa .panel-tile {
        width: 100% !important;
        height: 50% !important
    }
}

@media (max-width: 768px) {
    #asia-africa .panel-tile.africa {
        top: 50%
    }
}

@media (max-width: 768px) {
    #asia-africa .panel-content {
        padding: 10px 20px
    }
}

.left-panel {
    left: 0;
    height: 100%;
    width: 50%;
    min-height: 690px
}

@media (max-width: 1320px) {
    .left-panel {
        width: 45%
    }
}

@media (max-width: 1200px) {
    .left-panel {
        width: 40%
    }
}

@media (max-width: 1150px) {
    .left-panel {
        display: none !important
    }
}

.right-panel {
    right: 0;
    height: 100%;
    width: 50%;
    min-width: 700px;
    min-height: 690px;
    z-index: 9
}

@media (max-width: 1150px) {
    .right-panel {
        min-width: initial;
        width: 100%
    }
}

.right-panel .first-block,
.right-panel .second-block,
.right-panel .third-block,
.right-panel .fourth-block {
    height: 50%;
    width: 50%
}

@media (max-width: 700px) {
    .right-panel .first-block .panel-bg,
    .right-panel .second-block .panel-bg,
    .right-panel .third-block .panel-bg,
    .right-panel .fourth-block .panel-bg {
        background-size: 120px !important
    }
}

.right-panel .first-block {
    left: 0;
    background-color: #52dbcf
}

.right-panel .first-block .panel-bg {
    background-image: url("../img/cropsincolor/01.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right bottom
}

@media (max-width: 700px) {
    .right-panel .first-block {
        height: 25%;
        width: 100%
    }
}

.right-panel .second-block {
    right: 0;
    background-color: #0f2a53
}

.right-panel .second-block .panel-bg {
    background-image: url("../img/cropsincolor/02.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left bottom
}

@media (max-width: 700px) {
    .right-panel .second-block {
        top: 25%;
        height: 25%;
        width: 100%
    }
}

.right-panel .third-block {
    top: 50%;
    left: 0;
    background-color: #a9e0f9
}

.right-panel .third-block .panel-bg {
    background-image: url("../img/cropsincolor/03.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right top
}

@media (max-width: 700px) {
    .right-panel .third-block {
        height: 25%;
        width: 100%
    }
}

.right-panel .fourth-block {
    top: 50%;
    right: 0%;
    background-color: #f3b241
}

.right-panel .fourth-block .panel-bg {
    background-image: url("../img/cropsincolor/04.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left top
}

@media (max-width: 700px) {
    .right-panel .fourth-block {
        top: 75%;
        height: 25%;
        width: 100%
    }
}

@media (max-width: 700px) {
    .right-panel .panel-hover .panel-content {
        padding: 0
    }
}

.label--cropsincolor {
    background-color: #ffa200 !important
}

.country-image-png {
    position: relative;
    z-index: 500;
    left: 50%;
    opacity: .8;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 50%
}

.panel-tile {
    position: absolute;
    display: table-cell;
    overflow: hidden;
    vertical-align: bottom
}

.panel-tile a {
    border-bottom: 0
}

.panel-tile:hover.panel-hover .panel-content,
.panel-tile:focus.panel-hover .panel-content {
    padding-bottom: 70px
}

.panel-tile:hover.panel-hover blockquote,
.panel-tile:focus.panel-hover blockquote {
    max-height: 300px
}

.panel-tile:hover .bg-triangle,
.panel-tile:focus .bg-triangle {
    bottom: 0
}

.panel-tile .panel-tile-fullpage {
    display: table;
    width: 100%;
    height: 100%
}

.panel-tile .panel-tile-fullpage .panel-content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto
}

.panel-bg {
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.75);
    -webkit-transition: -webkit-box-shadow 0.6s cubic-bezier(0.175, 0.885, 0.32, 1);
    transition: box-shadow 0.6s cubic-bezier(0.175, 0.885, 0.32, 1)
}

.panel-topic-link {
    display: block;
    background-color: rgba(255, 255, 255, 0.01);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 19;
    border: 0
}

.panel-content {
    -webkit-transition: padding 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
    transition: padding 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 60px 70px;
    color: #FFF
}

.panel-content:after {
    content: "\E012";
    -webkit-transition: width 0.8s cubic-bezier(0.175, 0.885, 0.32, 1);
    transition: width 0.8s cubic-bezier(0.175, 0.885, 0.32, 1);
    display: inline-block;
    overflow: hidden;
    width: 0;
    margin-top: 10px;
    font-size: 28px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.panel-content.panel-no-hover {
    padding-bottom: 0 !important
}

.panel-content.panel-no-hover:after {
    content: none
}

.panel-content h3 {
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    color: #FFF
}

.panel-content blockquote {
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
    font-size: 36px;
    font-weight: 300;
    line-height: 1.4em;
    max-height: 300px;
    overflow: hidden
}

.panel-content-wrapper {
    max-width: 800px;
    margin: 0 auto
}

.panel-more {
    -webkit-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1);
    transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1);
    background: transparent url("../img/black-opac70.png") repeat left top;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 6;
    width: 100.5%;
    height: 100.5%
}

.bg-triangle {
    -webkit-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1);
    transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1);
    position: absolute;
    bottom: -100px;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 200px
}

.panel-hover {
    text-align: center
}

.panel-hover .panel-content {
    padding-bottom: 30px
}

.panel-hover p {
    padding-bottom: 1em
}

.panel-hover blockquote {
    font-size: 16px;
    max-height: 0
}

.panel-hover .bg-triangle {
    height: 130px;
    padding-top: 60px
}

.panel-hover:hover .panel-bg {
    -webkit-box-shadow: inset 0px -800px 0px 0px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0px -800px 0px 0px rgba(0, 0, 0, 0.75)
}

.panel-illu {
    z-index: 4;
    width: 100%;
    margin: 0 auto;
    padding: 15px
}

.panel-illu-solo {
    display: block;
    position: relative;
    z-index: 4;
    margin: 0 auto;
    max-width: 110px;
    height: auto
}

.panel-illu-wrapper {
    position: relative
}

.panel-illu-item-static,
.panel-illu-item {
    position: relative;
    z-index: 4;
    width: 100%;
    margin: 0 auto;
    height: auto
}

.panel-illu-item {
    max-width: 500px
}

.panel-illu-item-static {
    max-width: 400px
}

.panel-illu-anim {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: auto
}

.panel-illu-shadow {
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 3;
    width: 100%;
    height: auto
}

.panel-content-title {
    text-transform: uppercase
}

.panel-cover-text {
    position: relative;
    z-index: 5
}

.panel-cover-title {
    font-weight: 800;
    font-size: 72px;
    color: #FFF;
    max-width: 960px;
    margin: 0 auto 20px;
    padding: 0 15px
}

.panel-cover-blockquote {
    font-size: 36px;
    font-weight: 300;
    line-height: 1.4em;
    color: #FFF;
    max-width: 960px;
    margin: 0 auto;
    padding: 0 15px
}

.panels {
    width: 100%;
    position: absolute;
    bottom: 70px;
    left: 0;
    z-index: 9
}

.panels-list {
    text-align: center;
    margin: 0
}

.panels-list-item {
    display: inline-block;
    height: 30px;
    padding: 0 20px
}

.panels-list-title {
    margin: 0
}

.panels-list-link {
    -webkit-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1);
    transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1);
    filter: alpha(opacity=40);
    opacity: 0.4;
    display: inline-block;
    text-decoration: none;
    font-weight: 800;
    font-size: 14px;
    line-height: 1em;
    text-transform: uppercase;
    color: #FFF;
    padding-bottom: 1px;
    border-bottom: 2px solid transparent
}

.panels-list-link:hover,
.panels-list-link:active,
.panels-list-link:focus,
.panels-list-link.active {
    filter: alpha(opacity=100);
    opacity: 1;
    padding-bottom: 7px;
    border-bottom: 2px solid #FFF
}

.panel-cover-cite {
    display: block;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 16px;
    line-height: 1.6em;
    margin-top: 10px
}

.panels-thumbs {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.panels-thumb {
    width: 20%;
    height: auto;
    position: relative
}

.panels-thumb:nth-child(6),
.panels-thumb:nth-child(7),
.panels-thumb:nth-child(8),
.panels-thumb:nth-child(9),
.panels-thumb:nth-child(10) {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 10%
}

.panels-thumb:nth-child(11),
.panels-thumb:nth-child(12),
.panels-thumb:nth-child(13),
.panels-thumb:nth-child(14),
.panels-thumb:nth-child(15) {
    -webkit-transform: translateY(-75%);
    -ms-transform: translateY(-75%);
    transform: translateY(-75%)
}

.panels-thumbs-table {
    display: table;
    height: 100%;
    width: 100%;
    max-width: 1800px;
    margin: 0 auto
}

.panels-thumbs-cell {
    display: table-cell;
    vertical-align: middle;
    position: relative
}

.panels-thumb {
    -webkit-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1);
    transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1);
    filter: alpha(opacity=30);
    opacity: 0.3
}

.panels-thumb.active {
    filter: alpha(opacity=80);
    opacity: 0.8
}

.cover-triangle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%
}

.panel-key .panel-tile {
    vertical-align: middle
}

.panel-key .panel-tile.u-third .panel-more {
    font-size: 28px
}

.panel-key .panel-key-title {
    font-weight: 800;
    font-size: 16px;
    line-height: 1.5em
}

.panel-key .panel-more {
    z-index: 14;
    font-size: 24px;
    font-weight: 300;
    line-height: 1.4em;
    text-align: center;
    color: #FFF
}

.panel-key .panel-more .u-cell {
    max-width: 500px;
    padding: 0 50px
}

.panel-key .panel-more strong {
    display: block;
    margin-top: 20px;
    font-weight: 800
}

.panel-more-wrapper {
    max-width: 660px;
    margin: 0 auto
}

.panel-key-title {
    -webkit-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
    text-align: center;
    color: #FFF;
    margin-bottom: 40px
}

.panel-key-title strong {
    display: block;
    font-size: 24px
}

.panel-tile.u-third .panel-illu {
    display: table;
    padding: 10px 15px 60px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.panel-tile.u-third .panel-illu-wrapper {
    display: table-cell;
    vertical-align: middle
}

.panel-tile.u-third .panel-illu-wrapper-align {
    position: relative;
    max-width: 500px;
    margin: 0 auto
}

.panel-tile.u-third .panel-key-title {
    font-size: 20px
}

.panel-tile.u-third .panel-key-title strong {
    font-size: 36px
}

.panel-tile.u-fifth .panel-illu {
    display: table;
    padding: 10px 15px 85px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.panel-tile.u-fifth .panel-content {
    bottom: 45px
}

.panel-tile.u-fifth .panel-illu-wrapper {
    display: table-cell;
    vertical-align: middle
}

.panel-tile.u-fifth .panel-key-title {
    font-size: 16px;
    margin-bottom: 20px
}

.financials-title {
    font-size: 24px;
    color: #FFF
}

.panel-financials .big-number {
    width: 100%;
    position: relative
}

.panel-financials .increase {
    background: transparent url("https://www.croptrust.org/wp-content/themes/croptrust/assets/img/arrow-increase-blue.png") no-repeat left top;
    padding: 60px 15px 0;
    display: block;
    position: absolute;
    top: -10px;
    right: -100px
}

.panel-financials .financials-blockquote {
    line-height: 1.4em;
    max-height: none
}

.panel-financials .panel-content-wrapper {
    margin-top: 50px
}

.panel-financials .panel-content .big-numbers {
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
    height: 0
}

.panel-financials:hover .panel-content,
.panel-financials:active .panel-content,
.panel-financials:focus .panel-content {
    padding-bottom: 0
}

.panel-financials .panel-topic-link:hover+.panel-bg+.panel-content .financials-blockquote,
.panel-financials .panel-topic-link:active+.panel-bg+.panel-content .financials-blockquote,
.panel-financials .panel-topic-link:focus+.panel-bg+.panel-content .financials-blockquote {
    padding-bottom: 20px
}

.panel-financials .panel-topic-link:hover+.panel-bg+.panel-content .big-numbers,
.panel-financials .panel-topic-link:active+.panel-bg+.panel-content .big-numbers,
.panel-financials .panel-topic-link:focus+.panel-bg+.panel-content .big-numbers {
    height: 190px
}

.credits-logo {
    width: 128px;
    height: 138px
}

.panel-credits .credits-title {
    font-size: 36px;
    line-height: 1em;
    color: #FFF;
    margin: 5px 0 0
}

.panel-credits .credits-baseline {
    font-size: 12px;
    font-weight: 400;
    line-height: 1em;
    margin: 0
}

.panel-credits .credits-blockquote {
    padding: 60px 0;
    line-height: 1.3em;
    max-height: none
}

.credits-link {
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
    font-size: 24px;
    font-weight: 300;
    text-decoration: none;
    text-transform: uppercase;
    margin-bottom: 6px
}

.credits-link:hover,
.credits-link:active,
.credits-link:focus {
    padding-bottom: 4px;
    margin-bottom: 0
}

#post-9353 .rounded {
    padding-bottom: 0
}

#post-9353 .cta--page {
    width: 48%;
    float: left
}

#post-9353 .cta--page .cta-thumb {
    overflow: hidden
}

#post-9353 .cta--page .cta-thumb img {
    width: auto
}

#post-9353 .cta--page:first-of-type {
    margin-right: 4%
}

#post-9353 .free_block {
    overflow: auto
}

.gallery-9353 {
    margin-bottom: 0
}

#homepage-our-collaborator .subtitle {
    font-size: 1rem;
    text-transform: none
}

.content--country {
    display: none
}

.side-panel .content--country {
    display: block
}

.content--country .content-header {
    margin-bottom: 0
}

.content--country .content-header-body {
    bottom: 40px;
    text-align: left
}

.content--country .content-header-body .capital {
    margin-top: 4px;
    display: block;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
    line-height: 1.125rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

.content--country .content-header-body .capital strong {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 14px;
    line-height: 0.875rem
}

.content--country ol.numbered-list>li:before {
    background-color: #e52822
}

@media all and (max-width: 46.24em) {
    .content--country {
        display: block
    }
    .content--country>.tab-content>.tab-pane {
        display: block;
        visibility: visible
    }
}

.content-nav--country li {
    border-bottom: 1px solid #440510
}

.content-nav--country li a {
    background-color: #8a0a08
}

.content-nav--country li a:hover,
.content-nav--country li a:focus {
    background-color: #e52822
}

.content-nav--country li.active a {
    background-color: #e52822
}

.country-meta [class^="i-"],
.country-meta [class*=" i-"] {
    color: #e52822
}

.country-metadata--deposited {
    border-left: 1px solid #d0d0d0
}

@media all and (max-width: 46.24em) {
    .country-metadata--deposited {
        border-left: 0 none
    }
}

.country-support-header {
    text-align: center
}

.country-support-header .i-buoy {
    color: #e52822;
    font-size: 114px;
    font-size: 7.125rem;
    line-height: 114px;
    line-height: 7.125rem
}

.country-support-header h1 {
    margin-top: 12px
}

.country-support-header h1 strong {
    display: block;
    margin-top: 12px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    font-size: 72px;
    font-size: 4.5rem;
    line-height: 72px;
    line-height: 4.5rem
}

.country-support-header h1 small {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800
}

.content--crop {
    display: none
}

.side-panel .content--crop {
    display: block
}

.content--crop .content-header {
    margin-bottom: 0
}

.content--crop .content-header-body {
    bottom: 40px;
    text-align: left
}

.content--crop .content-header-body .genus {
    display: block;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 36px;
    line-height: 2.25rem;
    font-style: italic;
    text-transform: uppercase
}

.content--crop .content-header-body .origin {
    margin-top: 4px;
    display: block;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
    line-height: 1.125rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

.content--crop .content-header-body .origin strong {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 14px;
    line-height: 0.875rem
}

.content--crop ol.numbered-list>li:before {
    background-color: #15ae44
}

@media all and (max-width: 46.24em) {
    .content--crop {
        display: block
    }
    .content--crop>.tab-content>.tab-pane {
        display: block;
        visibility: visible
    }
}

.content-nav--crop li {
    border-bottom: 1px solid #004b25
}

.content-nav--crop li a {
    background-color: #006d3c
}

.content-nav--crop li a:hover,
.content-nav--crop li a:focus {
    background-color: #15ae44
}

.content-nav--crop li.active a {
    background-color: #15ae44
}

.crop-meta [class^="i-"],
.crop-meta [class*=" i-"] {
    color: #15ae44
}

.crop-metadata--genebanks span,
.crop-metadata--producers span,
.crop-metadata--importers span {
    min-height: 108px
}

@media all and (max-width: 46.24em) {
    .crop-metadata--genebanks span,
    .crop-metadata--producers span,
    .crop-metadata--importers span {
        min-height: 0
    }
}

.crop-metadata--producers,
.crop-metadata--importers,
.crop-metadata--conserved {
    border-left: 1px solid #d0d0d0
}

@media all and (max-width: 46.24em) {
    .crop-metadata--producers,
    .crop-metadata--importers,
    .crop-metadata--conserved {
        border-left: 0 none
    }
}

.crop-metadata--genebanks a {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-weight: 800;
    text-transform: uppercase;
    color: #161616
}

.crop-metadata--genebanks a:hover,
.crop-metadata--genebanks a:focus {
    border-bottom: 1px solid #161616
}

.crop-support-header {
    text-align: center
}

.crop-support-header .i-buoy {
    color: #15ae44;
    font-size: 114px;
    font-size: 7.125rem;
    line-height: 114px;
    line-height: 7.125rem
}

.crop-support-header h1 {
    margin-top: 12px
}

.crop-support-header h1 strong {
    display: block;
    margin-top: 12px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    font-size: 72px;
    font-size: 4.5rem;
    line-height: 72px;
    line-height: 4.5rem
}

.crop-support-header h1 small {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800
}

.crop-genebanks {
    margin-top: 64px;
    margin-bottom: 64px
}

.crop-genebanks>h1 {
    background-color: #006d3c;
    color: #fff;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    padding: 5px 0
}

ul.crop-genebanks-filtering {
    position: relative;
    background-color: #15ae44;
    color: #fff;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    font-size: 16px;
    font-size: 1rem;
    line-height: 32px;
    line-height: 2rem;
    padding: 0;
    text-align: center
}

ul.crop-genebanks-filtering li {
    filter: alpha(opacity=40);
    opacity: 0.4
}

ul.crop-genebanks-filtering li.active {
    filter: alpha(opacity=100);
    opacity: 1
}

ul.crop-genebanks-filtering a {
    color: #fff;
    text-transform: uppercase;
    border-bottom: 0 none;
    padding: 5px 16px
}

ul.crop-genebanks-filtering:after {
    position: absolute;
    top: 100%;
    left: 50%;
    display: block;
    content: '';
    margin-left: -14px;
    height: 0px;
    width: 0px;
    border-style: solid;
    border-width: 14px 14px 0 14px;
    border-color: #15ae44 transparent transparent transparent
}

.crop-genebrank-panel {
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0
}

.crop-genebrank-panel::after {
    clear: both;
    content: "";
    display: table
}

.crop-genebrank-panel-data {
    float: left;
    height: 260px;
    width: 50%;
    text-align: center;
    border-bottom: 1px solid #d0d0d0;
    padding: 0 60px
}

.crop-genebrank-panel-data.full-width {
    width: 100%
}

.crop-genebrank-panel-data .title {
    display: block;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
    text-transform: uppercase;
    margin-bottom: 42px
}

.crop-genebrank-panel-data .percentage {
    display: block;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 20px;
    line-height: 1.25rem;
    color: #666
}

.crop-genebrank-panel-data .value {
    display: block;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 24px;
    line-height: 1.5rem
}

.crop-genebrank-panel-data:nth-child(odd) {
    border-left: 1px solid #d0d0d0
}

.crop-genebrank-panel-data-graph {
    position: relative;
    display: inline-block;
    height: 82px;
    width: 82px;
    vertical-align: middle
}

.crop-genebrank-panel-data-graph .graph {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 82px;
    font-size: 5.125rem;
    line-height: 0;
    line-height: 0rem;
    height: 100%;
    width: 100%;
    color: #006d3c;
    overflow: hidden
}

.crop-genebrank-panel-data-graph .graph:before {
    position: absolute;
    bottom: 0;
    left: 0
}

.crop-genebrank-panel-data-graph .graph--foreground {
    color: #15ae44
}

.crop-genebrank-panel-data-value {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    width: 82px;
    margin-left: 24px
}

.crop-genebranks-breakdown {
    text-align: center
}

.crop-genebranks-breakdown>h1 {
    max-width: 300px;
    margin: 0 auto;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 44px
}

.crop-genebranks-breakdown-graph {
    position: relative;
    display: inline-block;
    height: 248px;
    width: 248px;
    vertical-align: middle
}

.crop-genebranks-breakdown-graph .graph {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 248px;
    font-size: 15.5rem;
    line-height: 0;
    line-height: 0rem;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.crop-genebranks-breakdown-graph i {
    height: 248px;
    width: 248px;
    position: absolute;
    bottom: 0;
    left: 0
}

ul.crop-genebranks-breakdown-data {
    display: inline-block;
    text-align: left;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    vertical-align: middle
}

ul.crop-genebranks-breakdown-data li {
    margin-bottom: 22px
}

ul.crop-genebranks-breakdown-data .square {
    display: block;
    height: 14px;
    width: 14px;
    float: left;
    margin-top: 2px
}

ul.crop-genebranks-breakdown-data .crop-name {
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    text-transform: uppercase
}

ul.crop-genebranks-breakdown-data .crop-name,
ul.crop-genebranks-breakdown-data .total {
    color: #161616;
    margin-left: 32px
}

.impact-story-details {
    max-width: 900px;
    margin: 64px auto
}

.impact-story-details::after {
    clear: both;
    content: "";
    display: table
}

.impact-story-details h1 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase
}

.impact-story-details>h1 {
    padding: 32px 0;
    border-bottom: 1px solid #d0d0d0
}

.impact-story-details [class^="i-"],
.impact-story-details [class*=" i-"] {
    display: block;
    margin-bottom: 8px;
    color: #007ecb;
    font-size: 46px;
    font-size: 2.875rem;
    line-height: 46px;
    line-height: 2.875rem
}

.impact-story-details-item {
    padding: 24px;
    width: 33.3333333%;
    min-height: 272px;
    border-left: 1px solid #d0d0d0;
    float: left
}

.impact-story-details-item.first {
    border-left: 0 none
}

.impact-story-details-item ul {
    margin: 24px 0;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
    text-align: center;
    text-transform: uppercase
}

.impact-story-details-item ul li.inline-list-item {
    margin: 0 16px
}

.impact-story-details-item ul li a {
    color: inherit;
    border-bottom: 1px solid #666
}

.impact-story-details-item ul li a.u-unstyled {
    border-bottom: 0 none
}

.impact-story-details-item .collected-seeds {
    display: block;
    color: #666;
    font-weight: 400;
    text-transform: none
}

.content--interactive-visit {
    display: none
}

.side-panel .content--interactive-visit {
    display: block
}

.content--interactive-visit .content-header-body {
    bottom: 40px;
    text-align: left
}

.content--genebank {
    display: none
}

.side-panel .content--genebank {
    display: block
}

.content--genebank .content-header {
    margin-bottom: 0
}

.content--genebank .content-header-body {
    bottom: 40px;
    text-align: left
}

.content--genebank .content-header-body .code {
    margin-top: 4px;
    display: block;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
    line-height: 1.125rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

.content--genebank .content-nav li {
    border-bottom: 1px solid #01235d
}

.content--genebank .content-nav li a {
    background-color: #0b3f7a
}

.content--genebank .content-nav li a:hover,
.content--genebank .content-nav li a:focus {
    background-color: #007ecb
}

.content--genebank .content-nav li.active a {
    background-color: #007ecb
}

@media all and (max-width: 46.24em) {
    .content--genebank {
        display: block
    }
    .content--genebank>.tab-content>.tab-pane {
        display: block;
        visibility: visible
    }
}

.genebank-meta [class^="i-"],
.genebank-meta [class*=" i-"] {
    color: #007ecb
}

.genebank-metadata--seeds-in-collection [class^="i-"],
.genebank-metadata--seeds-in-collection [class*=" i-"],
.genebank-metadata--seeds-in-vault [class^="i-"],
.genebank-metadata--seeds-in-vault [class*=" i-"],
.genebank-metadata--distribution [class^="i-"],
.genebank-metadata--distribution [class*=" i-"] {
    display: block;
    margin-bottom: 12px
}

.genebank-metadata--crops .title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 30px;
    line-height: 1.875rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    margin-bottom: 12px
}

.genebank-metadata--crops ul {
    display: inline-block;
    text-align: left;
    margin: 0
}

.genebank-metadata--crops ul li {
    margin: 0 18px
}

.genebank-metadata--crops ul a {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    color: #161616
}

.genebank-metadata--crops ul a:hover,
.genebank-metadata--crops ul a:focus {
    border-bottom: 1px solid #161616
}

.genebank-metadata--headquarter,
.genebank-metadata--seeds-in-vault,
.genebank-metadata--distribution {
    border-left: 1px solid #d0d0d0
}

@media all and (max-width: 46.24em) {
    .genebank-metadata--headquarter,
    .genebank-metadata--seeds-in-vault,
    .genebank-metadata--distribution {
        border-left: 0 none
    }
}

@media all and (max-width: 46.24em) {
    .genebank-metadata--headquarter [class^="i-"],
    .genebank-metadata--headquarter [class*=" i-"] {
        display: block;
        margin-bottom: 12px
    }
}

.genebank-metadata--logo img {
    display: block;
    margin: 0 auto
}

.genebank-crops {
    margin-top: 64px;
    margin-bottom: 64px
}

.genebank-crops>h1 {
    background-color: #0b3f7a;
    color: #fff;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    padding: 5px 0
}

ul.genebank-crops-filtering {
    position: relative;
    background-color: #007ecb;
    color: #fff;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    font-size: 16px;
    font-size: 1rem;
    line-height: 32px;
    line-height: 2rem;
    padding: 0;
    text-align: center
}

ul.genebank-crops-filtering li {
    filter: alpha(opacity=40);
    opacity: 0.4
}

ul.genebank-crops-filtering li.active {
    filter: alpha(opacity=100);
    opacity: 1
}

ul.genebank-crops-filtering a {
    color: #fff;
    text-transform: uppercase;
    border-bottom: 0 none;
    padding: 5px 16px
}

ul.genebank-crops-filtering:after {
    position: absolute;
    top: 100%;
    left: 50%;
    display: block;
    content: '';
    margin-left: -14px;
    height: 0px;
    width: 0px;
    border-style: solid;
    border-width: 14px 14px 0 14px;
    border-color: #007ecb transparent transparent transparent
}

.genebank-crop-panel {
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0
}

.genebank-crop-panel::after {
    clear: both;
    content: "";
    display: table
}

.genebank-crop-panel-data {
    float: left;
    height: 260px;
    width: 50%;
    text-align: center;
    border-bottom: 1px solid #d0d0d0;
    padding: 0 60px
}

.genebank-crop-panel-data.full-width {
    width: 100%
}

.genebank-crop-panel-data .title {
    display: block;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
    text-transform: uppercase;
    margin-bottom: 42px
}

.genebank-crop-panel-data .percentage {
    display: block;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 20px;
    line-height: 1.25rem;
    color: #666
}

.genebank-crop-panel-data .value {
    display: block;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 24px;
    line-height: 1.5rem
}

.genebank-crop-panel-data:nth-child(odd) {
    border-left: 1px solid #d0d0d0
}

.genebank-crop-panel-data-graph {
    position: relative;
    display: inline-block;
    height: 82px;
    width: 82px;
    vertical-align: middle
}

.genebank-crop-panel-data-graph .graph {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 82px;
    font-size: 5.125rem;
    line-height: 0;
    line-height: 0rem;
    height: 100%;
    width: 100%;
    color: #0b3f7a;
    overflow: hidden
}

.genebank-crop-panel-data-graph .graph:before {
    position: absolute;
    bottom: 0;
    left: 0
}

.genebank-crop-panel-data-graph .graph--foreground {
    color: #007ecb
}

.genebank-crop-panel-data-value {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    width: 82px;
    margin-left: 24px
}

.genebank-crops-breakdown {
    text-align: center
}

.genebank-crops-breakdown>h1 {
    max-width: 300px;
    margin: 0 auto;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 44px
}

.genebank-crops-breakdown-graph {
    position: relative;
    display: inline-block;
    height: 248px;
    width: 248px;
    vertical-align: middle
}

.genebank-crops-breakdown-graph .graph {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 248px;
    font-size: 15.5rem;
    line-height: 0;
    line-height: 0rem;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.genebank-crops-breakdown-graph i {
    height: 248px;
    width: 248px;
    position: absolute;
    bottom: 0;
    left: 0
}

ul.genebank-crops-breakdown-data {
    display: inline-block;
    text-align: left;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    vertical-align: middle
}

ul.genebank-crops-breakdown-data li {
    margin-bottom: 22px
}

ul.genebank-crops-breakdown-data .square {
    display: block;
    height: 14px;
    width: 14px;
    float: left;
    margin-top: 2px
}

ul.genebank-crops-breakdown-data .crop-name {
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    text-transform: uppercase
}

ul.genebank-crops-breakdown-data .crop-name,
ul.genebank-crops-breakdown-data .total {
    color: #161616;
    margin-left: 32px
}

.news-center {
    background-color: #062344
}

.news-center-header {
    position: relative;
    height: 308px;
    padding-top: 126px;
    background-color: #0b3f7a;
    background: -webkit-gradient(linear, left top, right top, from(#0b3f7a), to(#01235d));
    background: -webkit-linear-gradient(left, #0b3f7a, #01235d);
    background: linear-gradient(to right, #0b3f7a, #01235d);
    color: #fff
}

.news-center-header h1 {
    position: relative;
    font-size: 48px;
    font-size: 3rem;
    line-height: 56px;
    line-height: 3.5rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center
}

.news-center-header:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("../img/news-center-triangles.png")
}

@media all and (max-width: 46.24em) {
    .news-center-header h1 {
        margin-bottom: 82px
    }
}

.news-center-footer {
    position: relative;
    text-align: center;
    padding-top: 32px;
    padding-bottom: 64px
}

.news-center-footer:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 12px;
    width: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), transparent)
}

@media all and (max-width: 46.24em) {
    .news-center-footer {
        padding-bottom: 32px
    }
}

.news-center-list::after {
    clear: both;
    content: "";
    display: table
}

.news {
    position: relative;
    float: left;
    width: 25%;
    color: #fff;
    background-color: #161616;
    overflow: hidden
}

.news:before {
    content: "";
    display: block;
    padding-top: 92.821782%
}

.news:nth-child(-n+2) {
    width: 50%
}

.news:nth-child(-n+2):before {
    padding-top: 46.410891%
}

@media all and (max-width: 87.49em) {
    .news {
        width: 33.3333333%
    }
}

@media all and (max-width: 46.24em) {
    .news {
        width: 50%
    }
    .news:nth-child(-n+2) {
        width: 100%
    }
}

@media all and (max-width: 46.24em) {
    .news {
        height: 123px;
        width: 100%;
        color: #161616;
        background-color: #fff;
        border-bottom: 1px solid #d0d0d0;
        padding: 16px 12px
    }
    .news:before {
        display: none
    }
}

.news-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media all and (max-width: 46.24em) {
    .news-wrapper {
        position: static
    }
}

@media all and (max-width: 46.24em) {
    .news-thumb {
        float: left;
        height: 90px;
        width: 90px;
        margin-right: 12px;
        overflow: hidden
    }
    .news-thumb img {
        width: auto
    }
}

.news-body {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 8.5%
}

.news-body h1 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    margin-top: 12px;
    margin-bottom: 16px
}

.news-body .excerpt {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
    margin-top: 12px;
    margin-bottom: 12px
}

.news-body h1:not(.u-hide)+.excerpt {
    margin-top: 0
}

.news-body .publish-date,
.news-body .location {
    display: inline-block;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 30px;
    line-height: 1.875rem
}

.news-body .publish-date i,
.news-body .location i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 17px;
    line-height: 1.0625rem
}

.news-body .publish-date {
    margin-right: 17%
}

.news-body .location {
    text-transform: uppercase
}

.news-body .location a {
    color: inherit;
    border-bottom: 0 none
}

@media all and (max-width: 61.24em) {
    .news-body .excerpt {
        font-size: 16px;
        font-size: 1rem;
        line-height: 20px;
        line-height: 1.25rem
    }
}

@media all and (max-width: 46.24em) {
    .news-body {
        top: 13px;
        left: 12px;
        right: 12px;
        bottom: 16px;
        padding: 0;
        width: auto
    }
    .news-body h1 {
        height: 38px;
        margin-top: 8px;
        margin-bottom: 6px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
    .news-body .excerpt {
        height: 34px;
        margin-top: 8px;
        margin-bottom: 6px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
    .news-body .publish-date {
        margin-right: 12px
    }
    .news-body .location {
        max-width: 214px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .news-body .publish-date,
    .news-body .location {
        color: #666;
        vertical-align: middle
    }
    .has-thumb-background .news-body {
        left: 114px
    }
    .has-thumb-background .news-body .location {
        max-width: 112px
    }
}

.news-more {
    overflow: hidden;
    max-height: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: margin-top 0.2s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), max-height 0.2s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.2s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: margin-top 0.2s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), max-height 0.2s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.2s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.news-more .i-arrow-right {
    display: inline-block;
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 24px;
    line-height: 1.5rem;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: -webkit-transform 0.1s 0 cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.1s 0 cubic-bezier(0.165, 0.84, 0.44, 1)
}

.news:hover .news-more {
    margin-top: 12px;
    max-height: 24px;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

.news:hover .news-more .i-arrow-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.news-link {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-bottom: 0 none;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII=") 0 0 repeat;
    z-index: 10
}

.news-center-filtering {
    position: absolute;
    bottom: 18px;
    left: 18px;
    float: left
}

.news-center-filtering .picker.picker-checkbox .picker-handle {
    border: 0 none;
    background-color: #062344;
    height: 16px;
    width: 16px;
    border-radius: 8px;
    margin-right: 8px
}

.news-center-filtering .picker.picker-checkbox .picker-flag {
    border-radius: 8px
}

.news-center-filtering .picker.picker-checkbox.checked .picker-flag:before {
    position: absolute;
    top: 3px;
    left: 3px;
    color: #fff;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 10px;
    line-height: 0.625rem
}

@media all and (max-width: 46.24em) {
    .news-center-filtering {
        position: static;
        left: auto;
        bottom: auto;
        width: 33.3333333%
    }
}

.news-center-filtering-label {
    position: relative;
    display: block;
    border: 2px solid #fff;
    padding: 13px 24px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    text-transform: uppercase;
    z-index: 401;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.news-center-filtering-label .i-chevron-thin-down {
    margin-left: 6px;
    font-size: 8px;
    font-size: 0.5rem;
    line-height: 8px;
    line-height: 0.5rem;
    vertical-align: middle
}

@media all and (max-width: 46.24em) {
    .news-center-filtering-label {
        border-left: 0 none;
        padding: 13px 6px
    }
    .news-center-filtering-label .i-chevron-thin-down {
        font-size: 6px;
        margin-left: 4px
    }
}

.news-center-filtering-list {
    display: block;
    visibility: hidden;
    position: absolute;
    top: 52px;
    left: 0;
    background-color: #0b3f7a;
    border: 2px solid #fff;
    width: 240px;
    padding: 18px 24px 0 24px;
    margin: 0;
    z-index: 400;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translate3d(0, -52px, 0);
    transform: translate3d(0, -52px, 0);
    -webkit-transition-property: visibility, -webkit-transform, opacity;
    transition-property: visibility, transform, opacity;
    -webkit-transition-duration: 0s, .3s, .2s;
    transition-duration: 0s, .3s, .2s;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition-delay: .3s, 0s, 0s;
    transition-delay: .3s, 0s, 0s
}

.news-center-filtering-list ul {
    margin: 12px 0 18px
}

.news-center-filtering-list label {
    position: relative;
    display: block;
    color: #fff;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
    line-height: 1.125rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    height: auto;
    cursor: pointer
}

.news-center-filtering-list .filterby {
    width: auto;
    height: auto
}

.news-center-filtering.is-open .news-center-filtering-list {
    visibility: visible;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 0s, 0s, 0s;
    transition-delay: 0s, 0s, 0s
}

@media all and (max-width: 46.24em) {
    .news-center-filtering-list {
        width: 100%;
        top: 100%;
        border: 0 none;
        padding: 0
    }
    .news-center-filtering-list ul {
        margin: 0
    }
    .news-center-filtering-list ul li {
        border-bottom: 1px solid #062344;
        padding: 12px
    }
    .news-center-filtering-list label,
    .news-center-filtering-list .picker {
        margin-bottom: 0
    }
}

.news-center-filtering-list-title {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 700;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 24px;
    line-height: 1.5rem;
    text-transform: uppercase
}

@media all and (max-width: 46.24em) {
    .news-center-filtering-list-title {
        display: block;
        font-size: 14px;
        line-height: 16px;
        border-bottom: 1px solid #062344;
        padding: 12px
    }
}

.news-center-filtering-actions {
    margin-left: -24px;
    margin-right: -24px;
    border-top: 1px solid #fff
}

.news-center-filtering-actions::after {
    clear: both;
    content: "";
    display: table
}

.news-center-filtering-actions button {
    float: left;
    width: 50%;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 24px;
    line-height: 1.5rem;
    font-weight: 700;
    padding: 13px 0;
    border-left: 1px solid #fff;
    -webkit-transition: color .2s, background-color .2s;
    transition: color .2s, background-color .2s
}

.news-center-filtering-actions button:first-child {
    border-left: 0 none
}

.news-center-filtering-actions button:hover {
    background-color: #fff;
    color: #0b3f7a
}

@media all and (max-width: 46.24em) {
    .news-center-filtering-actions {
        border-top: 0 none
    }
    .news-center-filtering-actions button {
        border-color: #062344
    }
}

.btn.news-center-view-all {
    position: absolute;
    bottom: 18px;
    left: 210px;
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    padding: 13px 24px
}

.btn.news-center-view-all:hover,
.btn.news-center-view-all:focus,
.btn.news-center-view-all:active {
    padding: 11px 22px
}

.news-center-search-form {
    position: absolute;
    right: 180px;
    bottom: 30px;
    float: right
}

.news-center-search-form::after {
    clear: both;
    content: "";
    display: table
}

@media all and (max-width: 46.24em) {
    .news-center-search-form {
        position: static;
        float: left;
        right: auto;
        bottom: auto;
        width: 33.3333333%
    }
}

input[type="text"].news-center-search-input {
    visibility: hidden;
    display: inline-block;
    padding: 2px;
    width: 252px;
    margin-bottom: 0;
    background-color: transparent;
    border: 0 none;
    color: #fff;
    border-bottom: 1px solid #fff;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translate3d(0, -52px, 0);
    transform: translate3d(0, -52px, 0);
    -webkit-transition-property: visibility, -webkit-transform, opacity;
    transition-property: visibility, transform, opacity;
    -webkit-transition-duration: 0s, .3s, .2s;
    transition-duration: 0s, .3s, .2s;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition-delay: .3s, 0s, 0s;
    transition-delay: .3s, 0s, 0s
}

input[type="text"].news-center-search-input.is-open {
    visibility: visible;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 0s, 0s, 0s;
    transition-delay: 0s, 0s, 0s
}

input[type="text"].news-center-search-input::-webkit-input-placeholder {
    color: #fff
}

input[type="text"].news-center-search-input::-moz-placeholder {
    color: #fff
}

input[type="text"].news-center-search-input:-moz-placeholder {
    color: #fff
}

input[type="text"].news-center-search-input:-ms-input-placeholder {
    color: #fff
}

input[type="text"].news-center-search-input:focus::-webkit-input-placeholder {
    color: transparent
}

input[type="text"].news-center-search-input:focus::-moz-placeholder {
    color: transparent
}

input[type="text"].news-center-search-input:focus:-moz-placeholder {
    color: transparent
}

input[type="text"].news-center-search-input:focus:-ms-input-placeholder {
    color: transparent
}

@media all and (max-width: 46.24em) {
    input[type="text"].news-center-search-input {
        position: absolute;
        top: 100%;
        left: 0;
        display: block;
        width: 100%;
        z-index: 400;
        background-color: #0b3f7a;
        padding: 12px;
        font-size: 16px;
        font-size: 1rem;
        line-height: 24px;
        line-height: 1.5rem
    }
}

.btn.news-center-search-submit {
    position: relative;
    display: inline-block;
    padding: 0 6px;
    color: #fff !important;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 24px;
    line-height: 1.5rem;
    z-index: 401
}

.btn.news-center-search-submit:hover,
.btn.news-center-search-submit:focus,
.btn.news-center-search-submit:active,
.btn.news-center-search-submit.active {
    padding: 0 6px
}

@media all and (max-width: 46.24em) {
    .btn.news-center-search-submit {
        width: 100%;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
        text-align: center;
        padding: 12px 12px 11px
    }
    .btn.news-center-search-submit:hover,
    .btn.news-center-search-submit:focus,
    .btn.news-center-search-submit:active,
    .btn.news-center-search-submit.active {
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
        padding: 12px 12px 11px
    }
}

.btn.btn--press-kit {
    position: absolute;
    right: 18px;
    bottom: 18px;
    float: right;
    padding: 13px 24px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem
}

.btn.btn--press-kit:hover,
.btn.btn--press-kit:focus,
.btn.btn--press-kit:active,
.btn.btn--press-kit.active {
    padding: 11px 22px
}

@media all and (max-width: 46.24em) {
    .btn.btn--press-kit {
        position: static;
        float: left;
        border-right: 0 none;
        padding: 13px 6px;
        width: 33.3333333%
    }
}

.news-type--facebook {
    color: #fff;
    background-color: #2a4b8b
}

.news-type--facebook .label--facebook {
    position: relative
}

.news-type--facebook .label--facebook:before {
    position: absolute;
    top: -90px;
    left: 0;
    content: "\E009";
    color: #4464a3;
    font-family: "CropTrust-Icons";
    font-size: 64px;
    font-size: 4rem;
    line-height: 64px;
    line-height: 4rem;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media all and (max-width: 74.99em) {
    .news-type--facebook .label--facebook:before {
        top: -45px;
        font-size: 36px;
        font-size: 2.25rem;
        line-height: 36px;
        line-height: 2.25rem
    }
}

@media all and (max-width: 61.24em) {
    .news-type--facebook .label--facebook:before {
        display: none
    }
}

@media all and (max-width: 29.99em) {
    .news-type--facebook .label--facebook:before {
        display: block;
        font-size: 102px;
        font-size: 6.375rem;
        line-height: 102px;
        line-height: 6.375rem;
        top: 0;
        left: -102px
    }
}

@media all and (max-width: 29.99em) {
    .news-type--facebook {
        border-bottom: 1px solid #4464a3
    }
    .news-type--facebook .news-body {
        left: 114px
    }
    .news-type--facebook .news-body .publish-date {
        color: #fff
    }
}

.news-type--flickr {
    background-color: #fc2482
}

@media all and (max-width: 29.99em) {
    .news-type--flickr {
        background-color: #fff
    }
}

.news-type--twitter {
    color: #fff;
    background-color: #399be5
}

.news-type--twitter .label--twitter {
    position: relative
}

.news-type--twitter .label--twitter:before {
    position: absolute;
    top: -90px;
    left: 0;
    content: "\E00C";
    color: #55acee;
    font-family: "CropTrust-Icons";
    font-size: 72px;
    font-size: 4.5rem;
    line-height: 72px;
    line-height: 4.5rem;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media all and (max-width: 74.99em) {
    .news-type--twitter .label--twitter:before {
        top: -45px;
        font-size: 36px;
        font-size: 2.25rem;
        line-height: 36px;
        line-height: 2.25rem
    }
}

@media all and (max-width: 61.24em) {
    .news-type--twitter .label--twitter:before {
        display: none
    }
}

@media all and (max-width: 29.99em) {
    .news-type--twitter .label--twitter:before {
        display: block;
        font-size: 84px;
        font-size: 5.25rem;
        line-height: 84px;
        line-height: 5.25rem;
        top: 9px;
        left: -93px
    }
}

@media all and (max-width: 29.99em) {
    .news-type--twitter {
        border-bottom: 1px solid #55acee
    }
    .news-type--twitter .news-body {
        left: 114px
    }
    .news-type--twitter .news-body .publish-date {
        color: #fff
    }
}

.label {
    padding: 2px 8px;
    color: #fff;
    background-color: #01235d;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 700;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 12px;
    line-height: 0.75rem;
    text-transform: uppercase
}

.label--event {
    background-color: #fb5c28
}

.label--impact-story {
    background-color: #f6b400
}

.label--facebook {
    background-color: #4464a3
}

.label--flickr {
    background-color: #fc2482
}

.label--twitter {
    background-color: #55acee
}

.label--vimeo {
    background-color: #4bf
}

.label--about-us {
    background-color: #2fb8f4
}

.label--genebank {
    background-color: #007ecb
}

.label--what-we-do {
    background-color: #0b3f7a
}

.label--crop {
    background-color: #15ae44
}

.label--our-mission {
    background-color: #0b3f7a
}

.label--country {
    background-color: #e52822
}

.label--take-action {
    background-color: #ff5a00;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    padding: 9px 20px;
    height: auto;
    width: auto;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 32px;
    line-height: 2rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    cursor: pointer;
    color: #161616 !important;
    background-color: transparent;
    background-image: none;
    border: 2px solid #161616;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: border 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), padding 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: border 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), padding 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.btn:hover,
.btn:focus {
    text-decoration: none;
    outline: none
}

.btn:active,
.btn.active {
    outline: 0;
    background-image: none
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active {
    padding: 7px 18px;
    border: 4px solid #161616
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    filter: alpha(opacity=65);
    opacity: 0.65;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn+.btn {
    margin-left: 16px
}

@media all and (max-width: 46.24em) {
    .btn {
        display: block
    }
    .btn+.btn {
        display: block;
        margin-left: 0;
        margin-top: 12px
    }
}

.btn--small {
    padding: 2px 20px;
    height: auto;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 32px;
    line-height: 2rem
}

.btn--small:hover,
.btn--small:focus,
.btn--small:active,
.btn--small.active {
    padding: 0 18px
}

.btn--white,
.homepage-panel-body .btn {
    color: #fff !important;
    border: 2px solid #fff
}

.btn--white:hover,
.homepage-panel-body .btn:hover,
.btn--white:focus,
.homepage-panel-body .btn:focus,
.btn--white:active,
.homepage-panel-body .btn:active,
.btn--white.active,
.homepage-panel-body .active.btn {
    border: 4px solid #fff
}

.btn--play {
    background-image: url("../img/play.png");
    background-repeat: no-repeat;
    background-position: right 24px center;
    padding-right: 48px
}

.btn--play:hover,
.btn--play:focus,
.btn--play:active,
.btn--play.active {
    padding-right: 46px
}

.btn--unstyled {
    border: 0 none
}

.btn--unstyled:hover,
.btn--unstyled:focus,
.btn--unstyled:active,
.btn--unstyled.active {
    border: 0 none;
    padding: 9px 20px
}

.social-share {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400
}

.social-share a {
    display: block;
    height: 54px;
    width: 54px;
    color: #b5b5b5;
    text-align: center;
    overflow: hidden;
    border-bottom: 0 none;
    -webkit-transition: color .1s linear;
    transition: color .1s linear
}

.social-share i {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 18px;
    line-height: 1.125rem
}

.social-share .i-mail {
    color: #f84949
}

.social-share .i-twitter {
    color: #55acee
}

.social-share .i-facebook {
    color: #4464a3
}

@media all and (max-width: 46.24em) {
    .social-share i {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 24px;
        line-height: 1.5rem
    }
}

.social-share-label {
    position: relative;
    display: block;
    overflow: hidden
}

.social-share-label [data-hover]:before {
    color: #0b3f7a
}

@media all and (max-width: 46.24em) {
    .social-share-label {
        display: none
    }
}

.social-share--horizontal {
    width: 210px;
    margin: 0 auto
}

.social-share--horizontal::after {
    clear: both;
    content: "";
    display: table
}

.social-share--horizontal a {
    float: left;
    border-left: 1px solid #d0d0d0;
    padding: 6px 8px;
    width: 33.3333333%
}

.social-share--horizontal a:first-child {
    border-left: 0 none
}

@media all and (max-width: 46.24em) {
    .social-share--horizontal {
        width: 100%;
        border-top: 1px solid #d0d0d0
    }
    .social-share--horizontal a {
        padding-top: 14px
    }
}

.social-share--vertical a {
    border-top: 1px solid #d0d0d0;
    padding: 12px 0;
    height: 70px
}

.social-share--vertical a:first-child {
    border-top: 0 none
}

div.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0
}

input.wpcf7-not-valid,
textarea.wpcf7-not-valid,
select.wpcf7-not-valid {
    border-color: #ca1e1f
}

div.wpcf7-response-output {
    margin-top: 32px;
    padding: 10px 16px
}

div.wpcf7-mail-sent-ok {
    color: #059849;
    border: 2px solid #059849
}

div.wpcf7-mail-sent-ng {
    color: #ca1e1f;
    border: 2px solid #ca1e1f
}

div.wpcf7-spam-blocked {
    color: #f6b400;
    border: 2px solid #f6b400
}

div.wpcf7-validation-errors {
    color: #f6b400;
    border: 2px solid #f6b400
}

span.wpcf7-form-control-wrap {
    position: relative;
    display: block
}

span.wpcf7-not-valid-tip {
    display: block;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    background-color: #ca1e1f;
    color: #fff;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    padding: 4px 24px
}

.popup-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 68px;
    overflow: auto;
    z-index: 2000
}

.popup-cover {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #161616;
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: 2001;
    -webkit-transition: opacity 0.3s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.3s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.has-popup .popup-cover,
.has-popup--share .popup-cover {
    filter: alpha(opacity=65);
    opacity: 0.65;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

.popup-content {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1128px;
    margin-top: 108px;
    margin-bottom: 108px;
    margin-left: -540px;
    padding-right: 48px;
    z-index: 2002;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.popup-content>article {
    background-color: #fff
}

.popup-content .content-header-body {
    width: 900px;
    margin-left: -450px
}

.popup-content.is-open {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-delay: .1s, .1s;
    transition-delay: .1s, .1s
}

.popup-close {
    position: absolute;
    top: 0;
    right: 0;
    height: 48px;
    width: 48px;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 24px;
    line-height: 1.5rem;
    color: #fff;
    background-color: #161616;
    border: 0 none;
    margin: 0;
    padding: 0;
    z-index: 2002
}

.popup-close:hover,
.popup-close:focus {
    outline: none
}

body.has-popup,
body.has-popup--share {
    overflow: hidden
}

.popup--share {
    width: 700px;
    margin-left: -350px;
    padding-right: 0
}

.popup--share>h1 {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 42px;
    line-height: 2.625rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    color: #fff;
    text-align: center;
    text-transform: uppercase
}

.popup--share>.share-cover {
    height: 196px;
    width: 100%;
    background-color: #161616;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.popup--share>.share-body {
    padding: 32px 40px;
    background-color: #fff
}

.popup--share>.share-body h2 {
    margin-top: 0;
    margin-bottom: 16px
}

.popup--share>.share-body .wpcf7 {
    padding-top: 32px;
    margin-top: 32px;
    border-top: 1px solid #d0d0d0
}

.video-player {
    height: 100%
}

.video-player-close {
    top: 30px;
    left: 30px;
    right: auto
}

.admin-bar .video-player-close {
    top: 62px
}

.side-panel {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 350px;
    perspective: 350px;
    -webkit-transform: translate3d(860px, 0, 0);
    transform: translate3d(860px, 0, 0);
    -webkit-transition: -webkit-transform 0.3s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.3s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: 400
}

.side-panel .side-panel-close,
.side-panel .content-nav,
.side-panel .social-share {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: rotateY(-95deg);
    transform: rotateY(-95deg);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.side-panel.is-open {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 0;
    transition-delay: 0
}

.side-panel.is-open .side-panel-close,
.side-panel.is-open .content-nav,
.side-panel.is-open .social-share {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.side-panel:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 800px;
    height: 100%;
    width: 6px;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.1), transparent);
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1), transparent)
}

.admin-bar .side-panel {
    top: 32px
}

.side-panel .content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #fff;
    width: 800px;
    margin-bottom: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    z-index: 401
}

.side-panel .content-body {
    max-width: 800px;
    margin-bottom: 0;
    border-bottom: 0 none
}

.side-panel .content-body>* {
    max-width: 640px
}

.side-panel .content-cta,
.side-panel .content-gallery,
.side-panel .content-related-articles,
.side-panel .content-downloads,
.side-panel .content-download-manager {
    max-width: 700px
}

.side-panel .content-subheader {
    max-width: 640px
}

.side-panel .content-nav {
    display: block;
    position: fixed;
    top: 60px;
    right: 800px
}

.side-panel .gallery-wrapper {
    height: 582px;
    width: 698px
}

.side-panel .gallery-item img {
    height: 466px;
    width: 698px
}

.side-panel .gallery .roller-controls {
    top: 466px
}

.side-panel .related-article {
    height: 182px;
    width: 330px
}

.side-panel .related-article-cover {
    display: none
}

.side-panel .related-article-wrapper {
    margin-left: 0;
    width: 100%
}

.side-panel .social-share {
    position: fixed;
    top: 240px;
    right: 800px;
    left: auto;
    background-color: #fff
}

.side-panel .social-share a {
    width: 60px;
    height: auto;
    padding: 21px 0 14px
}

.side-panel .social-share .social-share-label {
    display: none
}

.side-panel-close {
    position: fixed;
    top: 0;
    right: 800px;
    height: 60px;
    width: 60px;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 24px;
    line-height: 1.5rem;
    color: #fff;
    background-color: #161616;
    border: 0 none;
    margin: 0;
    padding: 0
}

.side-panel-close:hover,
.side-panel-close:focus {
    outline: none
}

.side-panel--small {
    -webkit-transform: translate3d(660px, 0, 0);
    transform: translate3d(660px, 0, 0)
}

.side-panel--small:after {
    right: 600px
}

.side-panel--small .content {
    width: 600px
}

.side-panel--small .content-header-body {
    width: 500px;
    margin-left: -250px
}

.side-panel--small .content-body {
    max-width: 600px;
    margin-bottom: 0;
    border-bottom: 0 none
}

.side-panel--small .content-body>* {
    max-width: 440px
}

.side-panel--small .content-cta,
.side-panel--small .content-gallery,
.side-panel--small .content-related-articles,
.side-panel--small .content-downloads,
.side-panel--small .content-download-manager {
    max-width: 500px
}

.side-panel--small .content-subheader {
    max-width: 440px
}

.side-panel--small .side-panel-close {
    right: 600px
}

.map {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 40px;
    left: 68px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.map.leaflet-container {
    background: #1c2535 url("../img/water_pattern.png")
}

.admin-bar .map {
    top: 32px
}

.has-side-panel .map {
    -webkit-transform: translate3d(-332px, 0, 0);
    transform: translate3d(-332px, 0, 0);
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.map .map_marker:after {
    content: '';
    height: 4px;
    width: 4px;
    position: absolute;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    z-index: 3
}

.map .map_marker:before {
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1);
    content: '';
    width: 82%;
    height: 82%;
    position: absolute;
    border-radius: 50%;
    left: 9%;
    top: 9%;
    background: #007ecb;
    z-index: 1;
    filter: alpha(opacity=0);
    opacity: 0
}

.map .map_marker .circle {
    -webkit-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-box-shadow: 0px 0px 0px #161616;
    box-shadow: 0px 0px 0px #161616;
    width: 82%;
    height: 82%;
    border-radius: 50%;
    z-index: 2;
    position: absolute;
    left: 9%;
    top: 9%
}

.map .map_marker:hover .circle {
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5)
}

.map .map_marker:hover:before {
    width: 100%;
    height: 100%;
    left: -0%;
    top: -0%;
    filter: alpha(opacity=30);
    opacity: 0.3
}

.map .genebank_marker .circle {
    background-color: #007ecb
}

.map .genebank_marker:after {
    background-color: #fff
}

.map .genebank_marker:before {
    background: #007ecb
}

.map .svalbard_marker .circle {
    background-color: #32b2f4
}

.map .svalbard_marker:after {
    background-color: #fff
}

.map .svalbard_marker:before {
    background: #32b2f4
}

.map .crop_marker .circle {
    background-color: #15ae44
}

.map .crop_marker:after {
    background-color: #fff
}

.map .crop_marker:before {
    background: #15ae44
}

.map .impact_marker .circle {
    background-color: #f5cb00
}

.map .impact_marker:after {
    background-color: #fff
}

.map .impact_marker:before {
    background: #f5cb00
}

.map .country_marker .circle {
    background-color: #e52822
}

.map .country_marker:after {
    background-color: #fff
}

.map .country_marker:before {
    background: #e52822
}

.map .leaflet-popup-tip-container {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 15px;
    top: 3px
}

.map .leaflet-popup-content-wrapper {
    border-radius: 0;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 32px;
    line-height: 2rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    color: #161616;
    padding: 0;
    position: absolute;
    left: 35px;
    bottom: -37px
}

.map .leaflet-popup-content-wrapper .leaflet-popup-content {
    padding: 0
}

.map .leaflet-popup-content-wrapper .cover_image {
    height: 130px;
    overflow: hidden
}

.map .leaflet-popup-content-wrapper .cover_image img {
    width: 100%
}

.map .leaflet-popup-content-wrapper .popup_content {
    padding: 10px 15px 15px
}

.map .leaflet-popup-content-wrapper .title {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    font-size: 12px;
    margin-bottom: 5px;
    font-weight: bold;
    text-transform: uppercase
}

.map .leaflet-popup-content-wrapper .bigtitle {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    margin-bottom: 5px;
    font-weight: bold;
    text-transform: uppercase
}

.map .leaflet-popup-content-wrapper .line1 {
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase
}

.map .leaflet-popup-content-wrapper .line2 {
    font-size: 12px;
    line-height: 20px
}

@media all and (max-width: 46.24em) {
    .map {
        display: none
    }
}

.crops-filtering {
    position: fixed;
    right: 0;
    bottom: 40px;
    left: 68px;
    background-color: #161616;
    color: #fff;
    text-transform: uppercase;
    z-index: 410;
    visibility: hidden;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition-property: visibility, -webkit-transform, opacity;
    transition-property: visibility, transform, opacity;
    -webkit-transition-duration: 0s, .2s, .2s;
    transition-duration: 0s, .2s, .2s;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition-delay: .2s, 0s, 0s;
    transition-delay: .2s, 0s, 0s
}

.crops-filtering::after {
    clear: both;
    content: "";
    display: table
}

.crops-filtering.is-visible {
    visibility: visible;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 0s, 0s, 0s;
    transition-delay: 0s, 0s, 0s
}

.crops-filtering ul.roller {
    visibility: hidden;
    margin: 0;
    padding: 0 52px
}

.crops-filtering ul.roller li {
    padding: 14px 19px
}

.crops-filtering ul.roller a {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    color: #fff;
    border: 0 none;
    filter: alpha(opacity=40);
    opacity: 0.4
}

.crops-filtering ul.roller a:hover,
.crops-filtering ul.roller a:focus,
.crops-filtering ul.roller a.active {
    filter: alpha(opacity=100);
    opacity: 1
}

.crops-filtering ul.roller.enabled {
    visibility: visible
}

.crops-filtering .roller-control {
    position: absolute;
    top: 0;
    height: 52px;
    width: 52px;
    background-color: #15ae44;
    padding: 15px 0;
    text-align: center;
    -webkit-transition: background-color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: background-color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.crops-filtering .roller-control.previous {
    left: 0
}

.crops-filtering .roller-control.next {
    right: 0
}

.crops-filtering .roller-control:hover,
.crops-filtering .roller-control:focus {
    background-color: #059849
}

@media all and (max-width: 46.24em) {
    .crops-filtering {
        display: none
    }
}

.map-filtering {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 68px;
    background-color: #262626;
    color: #fff;
    text-transform: uppercase;
    z-index: 410
}

.map-filtering::after {
    clear: both;
    content: "";
    display: table
}

.map-filtering ul {
    display: block;
    float: left;
    margin: 8px 0 0;
    height: 24px;
    overflow: hidden
}

.map-filtering ul li {
    margin-left: 32px
}

.map-filtering .picker.picker-checkbox {
    margin: 0
}

.map-filtering .picker.picker-checkbox .picker-handle {
    border: 0 none;
    background-color: #b5b5b5;
    height: 16px;
    width: 16px;
    border-radius: 8px;
    margin-top: 4px;
    margin-right: 12px
}

.map-filtering .picker.picker-checkbox .picker-flag {
    border-radius: 8px
}

.map-filtering .picker.picker-checkbox.checked .picker-flag:before {
    position: absolute;
    top: 3px;
    left: 3px;
    color: #fff;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 10px;
    line-height: 0.625rem
}

.map-filtering .picker.picker-checkbox .picker-label {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 700;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 24px;
    line-height: 1.5rem;
    margin: 0
}

.map-filtering .filterby-genebanks .picker.picker-checkbox .picker-handle {
    background-color: #007ecb
}

.map-filtering .filterby-crops .picker.picker-checkbox .picker-handle {
    background-color: #15ae44
}

.map-filtering .filterby-countries .picker.picker-checkbox .picker-handle {
    background-color: #e52822
}

.map-filtering .filterby-impact-stories .picker.picker-checkbox .picker-handle {
    background-color: #f6b400
}

@media all and (max-width: 46.24em) {
    .map-filtering {
        display: none
    }
}

.map-filtering-title {
    display: block;
    float: left;
    background-color: #333;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 24px;
    line-height: 1.5rem;
    padding: 8px 32px
}

.page-template-tour main.layout {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-width: auto
}

.pano {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #1c2535 url("../img/water_pattern.png");
    z-index: 300
}

.admin-bar .pano {
    top: 32px
}

@media all and (max-width: 46.24em) {
    .pano {
        left: 0
    }
}

#pano_embed {
    z-index: 301;
    cursor: move
}

.timeline {
    position: absolute;
    top: 80px;
    left: 43px;
    z-index: 302;
    width: 150px
}

.timeline a {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
    position: absolute;
    bottom: 0;
    left: 40px;
    height: 40px;
    width: 120px;
    border-bottom: none;
    color: #fff;
    display: block;
    text-decoration: none;
    text-transform: uppercase
}

.timeline .step {
    height: 90px;
    opacity: 0.5;
    position: relative;
    -webkit-transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.timeline #step1 {
    height: 40px
}

.timeline .bullet {
    position: absolute;
    bottom: 20px;
    left: 0;
    height: 16px;
    width: 16px;
    border: 2px solid transparent;
    border-radius: 100%
}

.timeline .inside_bullet {
    position: absolute;
    bottom: 1px;
    left: 1px;
    background-color: #fff;
    height: 10px;
    width: 10px;
    border-radius: 100%
}

.timeline .segment {
    position: absolute;
    bottom: 29px;
    left: 7px;
    background-color: #fff;
    height: 86px;
    width: 2px
}

.timeline .enabled {
    opacity: 1
}

.timeline .active .bullet {
    border-color: #fff
}

.timeline .active a {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 18px;
    line-height: 1.125rem
}

@media all and (max-width: 46.24em) {
    .timeline {
        display: none
    }
}

.hotspots_list {
    background: rgba(255, 255, 255, 0.6);
    padding: 20px;
    z-index: 300;
    position: absolute;
    margin: 0;
    list-style: none;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.hotspots_list a {
    text-transform: uppercase;
    font-size: 11px;
    border: none
}

.hotspots_list a:before {
    content: '•';
    display: inline-block;
    margin-right: 6px;
    font-size: 14px;
    position: relative;
    top: 1px
}

.hotspots_list:before {
    position: absolute;
    top: 50%;
    left: -10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ' ';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent rgba(255, 255, 255, 0.6) transparent transparent
}

@media all and (max-width: 46.24em) {
    .hotspots_list {
        display: none
    }
}

#interactive-toolbar {
    position: fixed;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 305;
    font-size: 0
}

@media all and (max-width: 46.24em) {
    #interactive-toolbar {
        display: none
    }
}

.toolbar-button {
    height: 40px;
    width: 40px;
    display: inline-block;
    padding: 10px 10px 0;
    margin: 0px 5px;
    color: #fff;
    background-color: rgba(22, 22, 22, 0.65);
    border: 0 none;
    text-align: center;
    vertical-align: bottom
}

.toolbar-button i {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 19px;
    line-height: 1.1875rem;
    vertical-align: middle
}

.toolbar-button .i-gointro {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 14px;
    line-height: 0.875rem;
    position: relative;
    top: 3px
}

.toolbar-button:hover {
    background-color: #161616
}

.zoom-in {
    margin-right: 0
}

.zoom-out {
    margin-left: 0
}

.hotspot-marker {
    -webkit-animation: pulseMarker 2s infinite;
    animation: pulseMarker 2s infinite
}

@-webkit-keyframes pulseMarker {
    0% {
        opacity: 1.0
    }
    50% {
        opacity: 0.5
    }
    100% {
        opacity: 1.0
    }
}

@keyframes pulseMarker {
    0% {
        opacity: 1.0
    }
    50% {
        opacity: 0.5
    }
    100% {
        opacity: 1.0
    }
}

.page-template-tour .side-panel {
    left: auto;
    width: 80%;
    max-width: 600px;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.page-template-tour .side-panel.is-open {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0)
}

.page-template-tour .side-panel--small:after {
    left: -6px;
    right: auto
}

.page-template-tour .side-panel--small .content {
    width: 100%
}

@media all and (max-width: 46.24em) {
    .page-template-tour .side-panel--small .content-header-body {
        width: auto;
        left: 20px;
        margin: 0
    }
}

.page-template-tour .side-panel--small .content-body {
    padding: 0 30px 120px 30px
}

.page-template-tour .side-panel--small .side-panel-close {
    position: absolute !important;
    left: -60px !important;
    right: auto !important
}

@media all and (max-width: 46.24em) {
    .side-panel {
        top: 40px
    }
}

.fake-map {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 255px;
    height: 105px
}