/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

img,
legend {
    border: 0
}

legend,
td,
th {
    padding: 0
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    width: 100%;
    height: 100%
}

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,
optgroup,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .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: -.5em
}

sub {
    bottom: -.25em
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre,
textarea {
    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] {
    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;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

span.green-text {
    color: #72A348
}

.wrapper {
    max-width: 1026px;
    margin: 0 auto
}

.wrapper::after {
    content: "";
    display: table;
    clear: both
}

a,
body,
h1,
h2,
h3,
h4,
h5,
p,
span {
    font-family: Lato, sans-serif;
    -webkit-font-smoothing: antialiased
}

h1 {
    font-weight: 900;
    font-size: 54px
}

h2,
h3 {
    font-weight: 700
}

h2 {
    font-size: 35px
}

h3 {
    font-size: 25px
}

h4 {
    font-weight: 900;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: .4px
}

.ns-box a,
h5 {
    font-weight: 700
}

h5 {
    font-size: 25px;
    letter-spacing: .5px
}

a.button {
    text-transform: uppercase
}

.slideout-menu {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    width: 256px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: none
}

.ns-close,
.slideout-open,
.slideout-open .slideout-panel,
.slideout-open body {
    overflow: hidden
}

.slideout-panel {
    position: relative;
    z-index: 1;
    background: #fff
}

.slideout-open .slideout-menu {
    display: block
}

#mobile-menu,
#mobile-toggle-box,
#mobile-toggle-box .first-fa {
    display: none
}

@media screen and (max-width:768px) {
    #mobile-menu,
    #mobile-toggle-box {
        display: block
    }
    #main-navigation nav,
    #top-micro-nav {
        display: none
    }
    .slideout-panel {
        padding-top: 80px
    }
    #mobile-toggle-box {
        position: fixed;
        top: 0;
        width: 100%;
        padding-top: 10px;
        height: 70px;
        background: #fff;
        z-index: 99
    }
    #mobile-toggle-box a.brand-container {
        margin-left: 25px;
        padding-top: 12px
    }
    #mobile-toggle-box a.brand-container img {
        width: 100px;
        height: 42px
    }
    #mobile-toggle-box i {
        color: #72A348;
        margin: 5px 25px 0 0;
        font-size: 50px;
        cursor: pointer;
        float: right
    }
    #mobile-menu #mm-upper::after {
        content: "";
        display: table;
        clear: both
    }
    #mobile-menu #mm-upper a.brand-container {
        display: block;
        text-align: center;
        float: left;
        margin: 25px auto 40px 25px
    }
    #mobile-menu #m-language-select p,
    #mobile-menu #m-social-links p {
        margin: 0 8px 8px 0;
        text-align: left;
        color: #000;
        text-transform: uppercase;
        font-weight: 700
    }
    #mobile-menu #mm-upper span {
        float: right;
        width: 13%;
        top: 20px;
        position: relative;
        font-size: 20px;
        cursor: pointer
    }
    #mobile-menu #m-language-select {
        padding-top: 8px;
        padding-left: 20px
    }
    #mobile-menu #m-language-select::after,
    #mobile-menu #m-social-links::after {
        content: "";
        display: table;
        clear: both
    }
    #mobile-menu #m-language-select p {
        font-size: 16px;
        display: block
    }
    #mobile-menu #m-language-select a {
        font-size: 12px;
        color: #fff;
        background: #72A348;
        text-decoration: none;
        padding: 3px 18px;
        transition: all .3s ease-in
    }
    #mobile-menu #m-language-select a:active,
    #mobile-menu #m-language-select a:focus,
    #mobile-menu #m-language-select a:hover {
        background: #000;
        color: #fff
    }
    #mobile-menu #m-language-select a:last-child {
        margin-left: 8px
    }
    #mobile-menu #m-social-links {
        margin-bottom: 10px
    }
    #mobile-menu #m-social-links #m-sl-wrapper {
        border-right: 1px solid transparent;
        border-left: 1px solid transparent;
        text-align: center;
        padding-left: 20px
    }
    #mobile-menu #m-social-links p {
        font-size: 16px;
        display: none
    }
    #mobile-menu #m-social-links a {
        display: inline-block;
        background: #72A348;
        width: 25px;
        height: 25px;
        border-radius: 25px;
        position: relative;
        top: 0;
        float: left;
        transition: all .3s ease-in
    }
    #mobile-menu #m-social-links a i {
        color: #fff;
        font-size: 12px;
        position: relative;
        transition: all .3s ease-in
    }
    #mobile-menu #m-social-links a:active,
    #mobile-menu #m-social-links a:focus,
    #mobile-menu #m-social-links a:hover {
        background: #000
    }
    #mobile-menu #m-social-links a:active i,
    #mobile-menu #m-social-links a:focus i,
    #mobile-menu #m-social-links a:hover i {
        color: #fff
    }
    #mobile-menu #m-social-links a:nth-child(2) {
        margin-left: 15px
    }
    #mobile-menu ul.primary-menu {
        list-style: none;
        text-transform: uppercase;
        padding-left: 20px;
        margin-bottom: 0
    }
    #mobile-menu ul.primary-menu a {
        color: #000;
        font-weight: 700;
        font-style: none;
        margin-bottom: 14px;
        text-decoration: none;
        letter-spacing: 1px;
        position: relative;
        display: inline-block;
        transition: color .4s ease-out;
        font-size: 16px;
        line-height: 30px;
        width: 90%
    }
    #mobile-menu ul.primary-menu a+ul.submenu i,
    #mobile-menu ul.primary-menu a:active,
    #mobile-menu ul.primary-menu a:focus,
    #mobile-menu ul.primary-menu a:hover {
        color: #72A348
    }
    #mobile-menu ul.primary-menu a::after {
        content: '';
        position: absolute;
        z-index: -1;
        bottom: -2px;
        right: 100%;
        left: 0;
        background: #72A348;
        height: 2px;
        transition: right .4s ease-out
    }
    #mobile-menu ul.primary-menu a:active:after,
    #mobile-menu ul.primary-menu a:focus:after,
    #mobile-menu ul.primary-menu a:hover:after {
        right: 0
    }
    #mobile-menu ul.primary-menu a+ul.submenu {
        border-top: 0 none;
        transition: all .3s ease-in;
        height: 0;
        overflow: hidden;
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        list-style: none;
        -webkit-transform-origin: top;
        transform-origin: top;
        padding: 0;
        margin: 0
    }
    #mobile-menu ul.primary-menu a i.fa-plus {
        transition: all .3s ease-in;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        float: right;
        font-size: 10px;
        line-height: 30px
    }
    #mobile-menu ul.primary-menu li.open a i.fa-plus {
        transition: all .3s ease-in;
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg)
    }
    #mobile-menu ul.primary-menu li.open ul.submenu {
        height: 100%;
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    #mobile-menu ul.primary-menu li.open ul.submenu li a {
        line-height: 20px;
        margin-bottom: 15px;
        width: 100%
    }
}

.ns-box {
    position: fixed;
    background: rgba(42, 45, 50, .85);
    padding: 22px;
    line-height: 1.4;
    z-index: 1000;
    pointer-events: none;
    color: rgba(250, 251, 255, .95);
    font-size: 90%;
    font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif
}

.ns-box.ns-show,
.ns-box.ns-visible {
    pointer-events: auto
}

.ns-box a {
    color: inherit;
    opacity: .7
}

.ns-box a:focus,
.ns-box a:hover {
    opacity: 1
}

.ns-box p {
    margin: 0
}

.ns-close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 4px;
    top: 4px;
    text-indent: 100%;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ns-close:focus,
.ns-close:hover {
    outline: 0
}

.ns-close::after,
.ns-close::before {
    content: '';
    position: absolute;
    width: 3px;
    height: 60%;
    top: 50%;
    left: 50%;
    background: #6e6e6e
}

.ns-close:hover::after,
.ns-close:hover::before {
    background: #fff
}

.ns-close::before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.ns-close::after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.ns-attached {
    left: 30px;
    max-width: 300px
}

[class*=" ns-effect-"].ns-attached.ns-hide,
[class^=ns-effect-].ns-attached.ns-hide {
    -webkit-animation-direction: reverse;
    animation-direction: reverse
}

.ns-effect-flip {
    background: #9bd1a2;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    bottom: 0;
    font-size: 1.15em;
    padding: 1.5em;
    max-width: 280px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ns-effect-flip .ns-close::after,
.ns-effect-flip .ns-close::before {
    background: #5a9862
}

.ns-effect-flip .ns-close:hover::after,
.ns-effect-flip .ns-close:hover::before {
    background: #4e8455
}

.ns-effect-flip.ns-hide,
.ns-effect-flip.ns-show {
    -webkit-animation-name: animFlipFront;
    animation-name: animFlipFront;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

.ns-effect-flip.ns-hide {
    -webkit-animation-name: animFlipBack;
    animation-name: animFlipBack
}

@-webkit-keyframes animFlipFront {
    0% {
        -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, -90deg)
    }
    100% {
        -webkit-transform: perspective(1000px)
    }
}

@keyframes animFlipFront {
    0% {
        -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, -90deg);
        transform: perspective(1000px) rotate3d(1, 0, 0, -90deg)
    }
    100% {
        -webkit-transform: perspective(1000px);
        transform: perspective(1000px)
    }
}

@-webkit-keyframes animFlipBack {
    0% {
        -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg)
    }
    100% {
        -webkit-transform: perspective(1000px)
    }
}

@keyframes animFlipBack {
    0% {
        -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(1000px) rotate3d(1, 0, 0, 90deg)
    }
    100% {
        -webkit-transform: perspective(1000px);
        transform: perspective(1000px)
    }
}

.ns-effect-bouncyflip {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    background: #fff;
    color: #484860;
    top: 0;
    box-shadow: 0 13px 10px -5px rgba(0, 0, 0, .2)
}

.ns-effect-bouncyflip .icon {
    position: absolute;
    display: block;
    top: 2em;
    left: 2em
}

.ns-effect-bouncyflip p {
    padding: .5em .8em .8em 3.5em
}

.ns-effect-bouncyflip .ns-close::after,
.ns-effect-bouncyflip .ns-close::before {
    background: #484860
}

.ns-effect-bouncyflip .ns-close:hover::after,
.ns-effect-bouncyflip .ns-close:hover::before {
    background: #545484
}

.ns-effect-bouncyflip.ns-hide,
.ns-effect-bouncyflip.ns-show {
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        -webkit-transition-timing-function: ease-in
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
        -webkit-transition-timing-function: ease-out
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
        -webkit-transition-timing-function: ease-in;
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
        -webkit-transition-timing-function: ease-out
    }
    100% {
        -webkit-transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        transition-timing-function: ease-in
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
        transition-timing-function: ease-out
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
        transition-timing-function: ease-in;
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
        transition-timing-function: ease-out
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.ns-effect-bouncyflip.ns-hide {
    -webkit-animation-name: flipInXSimple;
    animation-name: flipInXSimple;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

@-webkit-keyframes flipInXSimple {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        -webkit-transition-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px)
    }
}

@keyframes flipInXSimple {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        transition-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@media screen and (max-width:25em) {
    .ns-attached {
        left: 30px;
        max-width: none;
        right: 30px
    }
}

#top-micro-nav p {
    font-size: 10px;
    color: white;
    text-transform: uppercase;
    letter-spacing: 1.9px;
    font-weight: 900
}

#top-micro-nav #t-trade-info {
    padding: 14px 0;
    line-height: 7px;
    width: 55.458089668615984405458089668616%
}

#top-micro-nav #t-trade-info p {
    display: inline;
    margin-left: 25px
}

#top-micro-nav #t-trade-info #ti-uec {
    margin-left: 0
}

#top-micro-nav #t-social-links #t-sl-wrapper {
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    height: 22px;
    margin-top: 8px;
    text-align: center
}

#top-micro-nav #t-social-links a,
#top-micro-nav #t-social-links p {
    display: inline-block
}

#top-micro-nav #t-social-links p {
    margin: 0 8px 0 0;
    font-size: 14px;
}

#top-micro-nav #t-social-links a {
    background: #a7a7a7;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    position: relative;
    top: 0;
    transition: all .3s ease-in
}

#top-micro-nav #t-social-links a i {
    color: #4e4e4e;
    font-size: 20px;
    position: relative;
    top: 3px;
    transition: all .3s ease-in
}

#top-micro-nav #t-social-links a:active,
#top-micro-nav #t-social-links a:focus,
#top-micro-nav #t-social-links a:hover {
    background: #72A348
}

#top-micro-nav #t-social-links a:active i,
#top-micro-nav #t-social-links a:focus i,
#top-micro-nav #t-social-links a:hover i {
    color: #fff
}

#top-micro-nav #t-social-links a:nth-child(3) {
    margin-left: 5px
}

#top-micro-nav #t-language-select {
    padding-top: 8px;
    text-align: right;
    width: 24.561403508771929824561403508772%
}

#top-micro-nav #t-language-select p {
    display: inline;
    margin-right: 16px
}

#top-micro-nav #t-language-select a {
    font-size: 9px;
    color: #000;
    background: #fff;
    text-decoration: none;
    padding: 3px 18px;
    transition: all .3s ease-in
}

#top-micro-nav #t-language-select a:active,
#top-micro-nav #t-language-select a:focus,
#top-micro-nav #t-language-select a:hover {
    background: #72A348;
    color: #fff
}

#top-micro-nav #t-language-select a:last-child {
    margin-left: 8px
}

#top-micro-nav::after {
    content: "";
    display: table;
    clear: both
}

#top-micro-nav #t-language-select,
#top-micro-nav #t-social-links,
#top-micro-nav #t-trade-info {
    float: left;
    margin: 0
}

#top-micro-nav #t-social-links {
    width: 19.980506822612085769980506822612%
}

nav a.brand-container img {
    width: 100%
}

nav a.brand-container #header-logo {
    display: block;
    opacity: 1;
    transition: all .3s ease-in
}

nav a.brand-container #header-logo-green {
    display: none;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-in
}

nav a.brand-container:focus #header-logo,
nav a.brand-container:hover #header-logo,
nav a.brand-container:target #header-logo {
    opacity: .65
}

nav ul.primary-menu {
    list-style: none;
    text-align: right
}

nav ul.primary-menu div.submenu {
    display: none
}

nav ul.primary-menu li.primary-menu-list-item {
    display: inline-block;
    overflow-wrap: normal;
    position: relative;
    padding: 22px 8px
}

nav ul.primary-menu li.primary-menu-list-item a.primary-menu-item {
    display: block;
    text-transform: uppercase;
    color: #fff
}

nav ul.primary-menu li.primary-menu-list-item a {
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: 1.2px;
    position: relative;
    display: inline-block;
    transition: color .4s ease-out
}

nav ul.primary-menu li.primary-menu-list-item a::after {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: -2px;
    right: 100%;
    left: 0;
    background: #72A348;
    height: 2px;
    transition: right .4s ease-out
}

#jumbotron h1::after,
nav .wrapper::after {
    content: ""
}

nav ul.primary-menu li.primary-menu-list-item:active .submenu,
nav ul.primary-menu li.primary-menu-list-item:focus .submenu,
nav ul.primary-menu li.primary-menu-list-item:hover .submenu {
    display: block
}

nav ul.primary-menu li.primary-menu-list-item:active a.primary-menu-item,
nav ul.primary-menu li.primary-menu-list-item:focus a.primary-menu-item,
nav ul.primary-menu li.primary-menu-list-item:hover a.primary-menu-item {
    color: #72A348
}

nav ul.primary-menu li.primary-menu-list-item:active a.primary-menu-item:after,
nav ul.primary-menu li.primary-menu-list-item:focus a.primary-menu-item:after,
nav ul.primary-menu li.primary-menu-list-item:hover a.primary-menu-item:after {
    right: 0
}

nav ul.primary-menu li.primary-menu-list-item:last-child a:after {
    display: none!important
}

nav div.submenu {
    position: absolute;
    top: 59px;
    left: -84px;
    width: 252px;
    background: #ededed;
    overflow: hidden
}

nav div.submenu ul {
    padding: 14px 0
}

nav div.submenu ul li {
    display: block;
    text-align: left;
    padding: 0 10px;
    margin: 0 20px
}

nav div.submenu ul li a {
    font-size: 22px;
    border-bottom: 1px solid #b8b8b8;
    padding: 12px 0;
    text-transform: uppercase;
    color: #323232;
    display: block;
    width: 100%
}

nav div.submenu ul li a:active,
nav div.submenu ul li a:focus,
nav div.submenu ul li a:hover {
    color: #72A348
}

nav div.submenu ul li:last-child a {
    border-bottom: 0
}

nav .wrapper::after {
    display: table;
    clear: both
}

nav a.brand-container,
nav ul.primary-menu {
    float: left;
    margin: 0
}

nav a.brand-container {
    width: 24.39024390243902%;
    max-width: 152px;
    padding: 28px 0 20px
}

nav ul.primary-menu {
    width: 75.60975609756098%;
    padding: 35px 0 0;
    float: right
}

div#main-navigation {
    position: relative;
    transition: all .3s ease-in;
    background: 0 0;
    z-index: 999
}

div#main-navigation.fixed {
    position: fixed;
    width: 100%;
    -webkit-animation: from-no-where 1s;
    animation: from-no-where 1s;
    background: #fff;
    top: 0
}

div#main-navigation.fixed nav {
    box-shadow: 0 0 12px rgba(0, 0, 0, .175)
}

div#main-navigation.fixed nav a.brand-container #header-logo {
    display: none;
    opacity: 0;
    visibility: hidden
}

div#main-navigation.fixed nav a.brand-container #header-logo-green {
    display: block;
    opacity: 1;
    visibility: visible;
    transition: all .3s ease-in
}

div#main-navigation.fixed nav a.brand-container #header-logo-green:hover {
    opacity: .75
}

div#main-navigation.fixed nav ul.primary-menu li.primary-menu-list-item a {
    color: #323232
}

div#main-navigation.fixed nav ul.primary-menu li.primary-menu-list-item a:hover {
    color: #72A348
}

div#main-navigation.fixed #top-micro-nav {
    background: #72A348
}

div#main-navigation.fixed #top-micro-nav p {
    color: #fff;
    font-weight: 700
}

div#main-navigation.fixed #top-micro-nav #t-trade-info #ti-uec {
    font-weight: 900
}

div#main-navigation.fixed #top-micro-nav #t-social-links #t-sl-wrapper {
    border-color: #8fb46e
}

div#main-navigation.fixed #top-micro-nav #t-social-links a {
    background: #dce8d2;
    transition: all .3s ease-in
}

div#main-navigation.fixed #top-micro-nav #t-social-links a i {
    color: #72A348;
    transition: all .3s ease-in
}

div#main-navigation.fixed #top-micro-nav #t-social-links a:active,
div#main-navigation.fixed #top-micro-nav #t-social-links a:focus,
div#main-navigation.fixed #top-micro-nav #t-social-links a:hover {
    background: #fff
}

div#main-navigation.fixed #top-micro-nav #t-social-links a:active i,
div#main-navigation.fixed #top-micro-nav #t-social-links a:focus i,
div#main-navigation.fixed #top-micro-nav #t-social-links a:hover i {
    color: #72A348
}

div#main-navigation.fixed #top-micro-nav #t-language-select a {
    background: #dce8d2;
    transition: all .3s ease-in
}

div#main-navigation.fixed #top-micro-nav #t-language-select a:active,
div#main-navigation.fixed #top-micro-nav #t-language-select a:focus,
div#main-navigation.fixed #top-micro-nav #t-language-select a:hover {
    background: #fff;
    color: #72A348
}

#search.focus #search-input {
    display: block;
    z-index: 5
}

#search #search-input {
    position: absolute;
    top: 2px;
    right: 44px;
    width: 664px;
    height: 60px;
    z-index: -5;
    overflow: hidden
}

#search input {
    display: block;
    position: absolute;
    top: 0;
    right: -664px;
    width: 620px;
    height: 100%;
    margin: 0;
    padding: 0 22px;
    border: none;
    background: #ededed;
    color: #323232;
    font-size: 12px;
    font-weight: 700;
    -webkit-backface-visibility: none;
    -ms-backface-visibility: none;
    backface-visibility: none;
    border-radius: 0;
    transition: right .1s
}

#search input:focus {
    outline: 0
}

#search.focus {
    z-index: 20;
    display: block
}

#search.focus input {
    right: 0;
    transition: right .3s
}

@-webkit-keyframes from-no-where {
    from {
        top: -300px
    }
    to {
        top: 0
    }
}

@keyframes from-no-where {
    from {
        top: -300px
    }
    to {
        top: 0
    }
}

#percentage-scroll-bar {
    height: 2px;
    display: none!important
}

#percentage-scroll-bar span {
    width: 0;
    height: 2px;
    background: #72A348;
    display: block;
    transition: width 1s ease-in-out
}

@media screen and (max-width:1026px) {
    div#main-navigation nav,
    div#top-micro-nav {
        padding-left: 25px;
        padding-right: 25px
    }
    #top-micro-nav p {
        font-size: 8px
    }
    #top-micro-nav #t-trade-info {
        width: 50%
    }
    #top-micro-nav #t-trade-info p {
        margin-left: 5px
    }
    #top-micro-nav #t-language-select {
        width: 27%
    }
}

#investor-kit {
    background: #72A348;
    position: relative
}

#investor-kit h5 {
    color: #fff;
    margin: 0;
    padding: 23px 0 27px
}

#investor-kit h5 i {
    display: none;
    padding-left: 15px
}

#investor-kit h5 a {
    color: #fff;
    text-decoration: none
}

#investor-kit button.ik-dropdown {
    background: #568330;
    color: #fff;
    border: 0;
    width: 235px;
    height: 44px;
    font-size: 12px;
    font-weight: 700;
    margin: 17px 0 19px;
    transition: all .3s ease-in
}

#investor-kit button.ik-dropdown i.fa-file-pdf-o {
    font-size: 17px
}

#investor-kit button.ik-dropdown span {
    width: 160px;
    display: inline-block;
    text-align: left;
    padding-left: 15px
}

#investor-kit button.ik-dropdown i.fa-angle-down {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transition: all .3s ease-in
}

#investor-kit button.ik-dropdown:hover {
    outline: 0;
    background: #fff;
    color: #72A348
}

#investor-kit button.active i.fa-angle-down {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

#investor-kit div.ik-dropdown-content {
    width: 235px;
    height: 175px;
    background: #72A348;
    top: 62px;
    position: absolute;
    display: none;
    z-index: 5
}

#investor-kit div.ik-dropdown-content div.hover-presentation-image,
#investor-kit div.ik-dropdown-content img {
    position: absolute;
    height: 100%;
    width: 100%;
    transition: all .3s ease-in
}

#investor-kit div.ik-dropdown-content img.standard-presentation-image {
    visibility: visible;
    opacity: 1;
    z-index: 1
}

#investor-kit div.ik-dropdown-content div.hover-presentation-image {
    visibility: hidden;
    opacity: 0;
    z-index: 2;
    background: rgba(114, 163, 72, .75)
}

#investor-kit div.ik-dropdown-content div.hover-presentation-image button {
    border: 0;
    background: #FFF;
    border-radius: 25px;
    height: 30px;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    padding: 0 25px;
    top: 75px;
    position: relative;
    margin: 0 auto;
    display: block;
    z-index: 3
}

#investor-kit div.ik-dropdown-content:hover div.hover-presentation-image {
    visibility: visible;
    opacity: 1
}

#investor-kit a.button {
    padding: 8px 10px 11px 13px;
    color: #FFF;
    border: 1px solid #FFF;
    font-size: 9px;
    border-radius: 25px;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 22px;
    display: inline-block;
    font-weight: 700;
    letter-spacing: 2.5px
}

#investor-kit a.button i,
#investor-kit a.button span {
    position: relative;
    transition: all .3s ease-in
}

#investor-kit a.button span {
    right: -9px
}

#investor-kit a.button i {
    top: 1px;
    opacity: 0;
    font-size: 15px;
    left: -10px
}

#investor-kit a.button:active span,
#investor-kit a.button:focus span,
#investor-kit a.button:hover span {
    right: 4px;
    opacity: .75
}

#investor-kit a.button:active i,
#investor-kit a.button:focus i,
#investor-kit a.button:hover i {
    opacity: 1;
    left: 5px
}

#investor-kit div.wrapper {
    overflow: initial
}

#investor-kit #ik-fact-sheet,
#investor-kit #ik-link,
#investor-kit #ik-presentation,
#investor-kit h5 {
    float: left
}

#investor-kit h5 {
    display: block;
    width: 18.03118908382066%
}

#investor-kit #ik-fact-sheet,
#investor-kit #ik-presentation {
    width: 29.23976608187135%;
    position: relative
}

#investor-kit #ik-link {
    width: 23.48927875243664%
}

#investor-kit #ik-fact-sheet-mobile,
#investor-kit #ik-presentation-mobile {
    display: none
}

@media screen and (max-width:1026px) {
    #investor-kit #ik-link,
    #investor-kit h5 {
        width: 100%;
        text-align: center
    }
    #investor-kit #ik-link a.button {
        margin: 30px 0
    }
    #investor-kit #ik-fact-sheet,
    #investor-kit #ik-presentation {
        width: 50%
    }
    #investor-kit #ik-fact-sheet button,
    #investor-kit #ik-presentation button {
        display: none
    }
    #investor-kit #ik-fact-sheet-mobile,
    #investor-kit #ik-presentation-mobile {
        display: block
    }
    #investor-kit #ik-fact-sheet-mobile a,
    #investor-kit #ik-presentation-mobile a {
        display: block;
        width: 100%
    }
    #investor-kit #ik-fact-sheet-mobile a img,
    #investor-kit #ik-presentation-mobile a img {
        border: 2px solid #fff
    }
    #investor-kit #ik-fact-sheet-mobile a h6,
    #investor-kit #ik-fact-sheet-mobile a img,
    #investor-kit #ik-presentation-mobile a h6,
    #investor-kit #ik-presentation-mobile a img {
        float: left
    }
    #investor-kit #ik-fact-sheet-mobile a h6,
    #investor-kit #ik-presentation-mobile a h6 {
        color: #fff;
        text-decoration: none;
        font-size: 30px;
        font-weight: 700;
        margin-top: 13%
    }
    #investor-kit #ik-fact-sheet-mobile a::after,
    #investor-kit #ik-presentation-mobile a::after {
        content: "";
        display: table;
        clear: both
    }
    #investor-kit #ik-fact-sheet-mobile h6,
    #investor-kit #ik-fact-sheet-mobile img,
    #investor-kit #ik-presentation-mobile h6,
    #investor-kit #ik-presentation-mobile img {
        width: 44%;
        margin-left: 5%
    }
}

@media screen and (max-width:768px) {
    #investor-kit h5 {
        margin-top: 25px
    }
    #investor-kit #ik-fact-sheet,
    #investor-kit #ik-presentation {
        width: 80%;
        margin: 25px 10%
    }
    #investor-kit #ik-link {
        margin-bottom: 25px
    }
    body.inner-page-body #investor-kit h5 {
        margin-top: 0
    }
    body.inner-page-body #investor-kit h5 i {
        display: inline-block;
        transition: all .3s ease-in;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        padding-right: 15px
    }
    body.inner-page-body #investor-kit #ik-fact-sheet,
    body.inner-page-body #investor-kit #ik-link,
    body.inner-page-body #investor-kit #ik-presentation {
        display: none
    }
    body.inner-page-body #investor-kit.open h5 a i {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    body.inner-page-body #investor-kit.open #ik-fact-sheet,
    body.inner-page-body #investor-kit.open #ik-link,
    body.inner-page-body #investor-kit.open #ik-presentation {
        display: block
    }
}

@media screen and (max-width:480px) {
    #investor-kit #ik-fact-sheet-mobile a h6,
    #investor-kit #ik-presentation-mobile a h6 {
        font-size: 20px
    }
    #investor-kit #ik-fact-sheet,
    #investor-kit #ik-presentation {
        width: 90%;
        margin: 25px 5%
    }
    #investor-kit #ik-link {
        margin-bottom: 25px
    }
}

#jumbotron {
    height: 743px;
    /*background: url(../img/projects-background.jpg);*/
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover
}

/* WEBP CSS */
html.no-webp #jumbotron {
    background-image: url(../img/projects-background.jpg);
}

html.webp #jumbotron {
    background-image: url(../img/projects-background.webp);
}

/*--*/
/*@media screen and (max-width:900px) {
    html.no-webp #jumbotron {
        background-image: url(../img/projects-background-900px.jpg);
    }

    html.webp #jumbotron {
        background-image: url(../img/projects-background-900px.webp);
    }

}*/

@media screen and (max-width:600px) {
    html.no-webp #jumbotron {
        background-image: url(../img/projects-background-600px.html);
    }

    html.webp #jumbotron {
        background-image: url(../img/projects-background-600px.webp);
    }

}

#jumbotron h1 {
    color: #fff;
    z-index: 2;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    max-width: 265px;
    margin: 0 auto;
    padding-top: 225px
}

#jumbotron h1::after {
    width: 100%;
    height: 2px;
    color: #72A348;
    background: #72A348;
    display: block;
    margin-top: 18px
}

#dots {
    height: 1000px;
    background: url(../img/single-dot.png);
    position: absolute;
    width: 100%;
    top: 40px
}

#featured-projects-section {
    position: relative
}

#featured-projects-section div {
    /* width: 16.666%; */
    width: 33.333%;
    float: left;
    height: 360px
}

#featured-projects-section #fp-1 {
    background: url(../img/irigaray.jpg) center center no-repeat;
    background-size: cover;
    transition: all .3s ease-in
}

#featured-projects-section #fp-2 {
    background: url(../img/hobson-processing-plant-bright.jpg) center center no-repeat;
    background-size: cover;
    transition: all .3s ease-in
}

#featured-projects-section #fp-3 {
    background: url(../img/athabasca.jpg) center center no-repeat;
    background-size: cover;
    transition: all .3s ease-in
} 

/* #featured-projects-section #fp-4 {
    background: url(../img/palangana-bright.jpg) center center no-repeat;
    background-size: cover;
    transition: all .3s ease-in
}

#featured-projects-section #fp-5 {
    background: url(../img/goliad-bright.jpg) center center no-repeat;
    background-size: cover;
    transition: all .3s ease-in
}

#featured-projects-section #fp-6 {
    background: url(../img/reno-creek.jpg) center center no-repeat;
    background-size: cover;
    transition: all .3s ease-in
} */

#featured-projects-section::after,
#projects-directory::after {
    content: "";
    display: table;
    clear: both
}

#projects-directory div {
    width: 33.333%;
    float: left;
    height: 360px
}

#projects-directory div#pd-projects-directory {
    background: url(../../../../_resources/bgs/UEC-Alto-Parana-May-2021.jpg) center center no-repeat;
    /* background: url(../img/UEC-Alto-Parana-May-2021.jpg) center center no-repeat; */
    background-size: cover
}

#projects-directory div#pd-exploration-database {
    background: url(../../../../_resources/bgs/UEC-Workman-Creek.jpg) center center no-repeat;
    /* background: url(../img/exploration-database-bright.jpg) center center no-repeat; */
    background-size: cover
}

#projects-directory div#pd-isr-mining-process {
    background: url(../../../../_resources/bgs/UEC-Dalton-Pass.jpg) center center no-repeat;
    /* background: url(../img/isr-mining-process-bright.jpg) center center no-repeat; */
    background-size: cover
}

#featured-projects-section div,
#projects-directory div {
    display: table;
    position: relative;
    border: 0;
    outline: 0
}

#featured-projects-section span.darken-overlay,
#projects-directory span.darken-overlay {
    background: #000;
    opacity: .4;
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in;
    border: 0;
    outline: 0
}

#featured-projects-section a,
#projects-directory a {
    font-size: 25px;
    color: #fff;
    font-weight: 900;
    text-decoration: none;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in;
    position: relative;
    z-index: 2;
    border: 0;
    outline: 0
}

#featured-projects-section div:focus a,
#featured-projects-section div:hover a,
#projects-directory div:focus a,
#projects-directory div:hover a {
    opacity: .75
}

#featured-projects-section div:focus span.darken-overlay,
#featured-projects-section div:hover span.darken-overlay,
#projects-directory div:focus span.darken-overlay,
#projects-directory div:hover span.darken-overlay {
    opacity: 0
}

#projects-sub-nav {
    list-style: none
}

div.infoBox img {
    right: 10px;
    top: 4px
}

div.infoWindow {
    background: #fff;
    opacity: 1;
    padding: 4px
}

div.infoWindow p.heading,
div.infoWindow table tr td:first-child {
    padding-left: 45px;
    font-weight: 900
}

div.infoWindow table {
    width: 100%;
    margin-bottom: 25px
}

div.infoWindow table tr td {
    font-size: 16px
}

div.infoWindow table tr td:last-child {
    padding-right: 45px
}

div.infoWindow p.heading {
    font-size: 20px;
    margin-top: 30px
}

div.infoWindow a {
    display: block;
    background: #72A348;
    padding: 20px 45px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    transition: all .3s ease-in;
    font-weight: 900
}

div.infoWindow a i {
    float: right;
    margin-top: 4px;
    transition: all .3s ease-in;
    opacity: 0;
    position: relative;
    right: 10px
}

div.infoWindow a:focus i,
div.infoWindow a:hover i {
    opacity: 1;
    right: 0
}

@media screen and (max-width:1024px) {
    #featured-projects-section a,
    #projects-directory a {
        font-size: 26px
    }
}

@media screen and (max-width:768px) {
    #featured-projects-section div,
    #projects-directory div {
        width: 100%;
        height: 200px
    }
    div.infoBox {
        width: 285px!important
    }
    div.infoWindow p.heading,
    div.infoWindow table tr td:first-child {
        padding-left: 25px
    }
    div.infoWindow table tr td:last-child {
        padding-right: 25px
    }
}

@media screen and (max-width:480px) {
    body.inner-page-structure-projects #jumbotron {
        height: 500px;
        background: url(../img/projects-background-900px.jpg) no-repeat;
        background-size: 900px 500px
    }
    body.inner-page-structure-projects #jumbotron h1 {
        padding-top: 200px
    }
}

footer#primary-footer {
    background: #fff;
    position: relative;
    z-index: 2
}

footer#primary-footer nav {
    padding: 48px 0 44px
}

footer#primary-footer a {
    font-size: 12px;
    letter-spacing: .24px;
    text-decoration: none;
    text-transform: capitalise;
    color: #7D7D7D;
    position: relative;
    padding-bottom: 2px;
    display: inline-block;
    transition: color .4s ease-out
}

footer#primary-footer a.header-link {
    font-weight: 900;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #515356;
    font-size: 10px;
    margin-bottom: 5px
}

footer#primary-footer a::after {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: -2px;
    right: 100%;
    left: 0;
    background: #72A348;
    height: 2px;
    transition: right .4s ease-out
}

footer#primary-footer a:active,
footer#primary-footer a:focus,
footer#primary-footer a:hover,
footer#secondary-footer #sf-first-container a:active,
footer#secondary-footer #sf-first-container a:focus,
footer#secondary-footer #sf-first-container a:hover {
    color: #72A348
}

footer#primary-footer a:active:after,
footer#primary-footer a:focus:after,
footer#primary-footer a:hover:after {
    right: 0
}

footer#secondary-footer {
    background: #434343
}

footer#secondary-footer #sf-first-container a {
    color: #83cb43;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 900;
    transition: color .3s ease-in
}

footer#secondary-footer #sf-first-container p {
    font-size: 14px;
    margin: 0
}

footer#secondary-footer #sf-second-container a {
    width: 24px;
    height: 24px;
    background: #fff;
    text-align: center;
    border-radius: 25px;
    font-size: 12px;
    display: inline-block;
    transition: all .3s ease-in
}

footer#secondary-footer #sf-second-container a i {
    color: #434343;
    top: 5px;
    position: relative
}

footer#secondary-footer #sf-second-container a:focus,
footer#secondary-footer #sf-second-container a:hover {
    background: #72A348;
    color: #434343
}

footer#secondary-footer #sf-second-container a:nth-child(3) {
    margin-left: 5px
}

footer#secondary-footer #sf-second-container p {
    margin-top: 0
}

footer#secondary-footer #sf-second-container #form-password {
    display: none
}

footer#secondary-footer #sf-second-container input[type=text] {
    border-radius: 25px;
    border: 0;
    padding-left: 20px;
    width: 210px;
    height: 32px;
    color: #717171;
    font-size: 12px
}

footer#secondary-footer #sf-second-container input[type=text]::-webkit-input-placeholder {
    color: #717171
}

footer#secondary-footer #sf-second-container input[type=text]:-moz-placeholder {
    color: #717171
}

footer#secondary-footer #sf-second-container input[type=text]::-moz-placeholder {
    color: #717171
}

footer#secondary-footer #sf-second-container input[type=text]:-ms-input-placeholder {
    color: #717171
}

footer#secondary-footer #sf-second-container button {
    border: 0;
    background: #fff;
    border-radius: 25px;
    color: #4e4e4e;
    position: relative;
    right: 29px
}

footer#secondary-footer #sf-second-container button i {
    font-size: 11px
}

footer#secondary-footer #sf-first-container p,
footer#secondary-footer #sf-second-container p,
footer#secondary-footer #sf-third-container p {
    color: #fff
}

footer#secondary-footer #sf-second-container,
footer#secondary-footer #sf-third-container {
    padding-top: 45px
}

footer#secondary-footer #sf-second-container p,
footer#secondary-footer #sf-third-container p {
    font-weight: 900;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    font-size: 10px;
    margin-bottom: 15px
}

footer#secondary-footer #sf-third-container a {
    text-decoration: none;
    padding-top: 6px;
    display: block
}

footer#secondary-footer #sf-third-container a p {
    float: left;
    margin-left: 60px;
    margin-top: 17px
}

footer#secondary-footer #sf-third-container a span {
    height: 43px;
    width: 43px;
    border-radius: 25px;
    border: 1px solid #72A348;
    float: right
}

footer#secondary-footer #sf-third-container a span i {
    color: #fff;
    background: url(../img/up-arrow.png) no-repeat;
    width: 15px;
    height: 21px;
    display: block;
    left: 14px;
    position: relative;
    top: 10px;
    transition: all .3s ease-in
}

footer#secondary-footer #sf-third-container a:focus span i,
footer#secondary-footer #sf-third-container a:hover span i {
    top: 8px
}

footer#primary-footer ul {
    list-style: none;
    width: 17.056530214424951267056530214425%;
    float: left;
    padding: 0;
    margin: 0
}

footer#primary-footer ul.tiny {
    width: 7.943469785575048732943469785575%
}

footer#secondary-footer #sf-first-container,
footer#secondary-footer #sf-second-container,
footer#secondary-footer #sf-third-container {
    float: left
}

footer#secondary-footer #sf-first-container {
    width: 29.14230019493177%;
    padding-top: 64px;
    padding-bottom: 68px
}

footer#secondary-footer #sf-second-container {
    width: 51.65692007797271%
}

footer#secondary-footer #sf-second-container #sf-follow-us {
    width: 13.757973733583489681050656660413%;
    border-left: 1px solid #CDCDCD;
    float: left;
    height: 64px;
    padding-left: 13.009380863039399624765478424015%;
    padding-right: 13.133208255159474671669793621013%
}

footer#secondary-footer #sf-second-container #sf-subscribe {
    width: 59.099437148217636022514071294559%;
    border-right: 1px solid #CDCDCD;
    float: right;
    height: 64px
}

footer div.wrapper::after,
footer#secondary-footer #sf-second-container::after {
    content: "";
    display: table;
    clear: both
}

footer#secondary-footer #sf-third-container {
    width: 19.20077972709552%
}

@media screen and (max-width:1026px) {
    footer#primary-footer {
        padding: 0 25px
    }
    footer#secondary-footer #sf-first-container p {
        font-size: 12px;
        margin: 0 0 0 5px
    }
    footer#secondary-footer #sf-third-container a p {
        margin-left: 10px
    }
    footer#secondary-footer #sf-third-container a span {
        margin-left: 5px;
        float: left
    }
    footer#secondary-footer #sf-second-container #sf-follow-us {
        width: 18.758%;
        padding-left: 8.009%
    }
    footer#secondary-footer #sf-second-container input[type=text] {
        width: 185px
    }
}

@media screen and (max-width:768px) {
    footer#primary-footer,
    footer#secondary-footer #sf-second-container,
    footer#secondary-footer #sf-third-container {
        display: none
    }
    footer#secondary-footer #sf-first-container,
    footer#secondary-footer #sf-second-container,
    footer#secondary-footer #sf-third-container {
        float: none
    }
    footer#secondary-footer #sf-first-container {
        width: 100%;
        padding-top: 25px;
        padding-bottom: 25px;
        text-align: center
    }
    footer#secondary-footer #sf-first-container p {
        font-size: 14px
    }
}
footer#secondary-footer #sf-second-container #sf-subscribe i.fa-check {
  color: #72A348 !important;
}

#top-micro-nav #t-language-select {display:none;}
#top-micro-nav #t-social-links { width:25%; }
#top-micro-nav #t-social-links #t-sl-wrapper { text-align:right; }
#top-micro-nav #t-social-links  #t-sl-wrapper a { text-align: center; }
#top-micro-nav #t-trade-info { width: 75%; }

#mobile-menu #m-language-select { display: none; }

#mylightbox {
  display: none;
  margin-bottom: -35px;
}

.featherlight {
    background: rgba(0,0,0,.8) !important;
}

.featherlight .featherlight-content {
  padding: 0 !important;
  height: 600px !important;
}

.featherlight .featherlight-content #mylightbox {
  display: block;
}

.featherlight * {
  max-width: 500px !important;
  width: 100%;
  /*overflow: hidden;*/
}

.featherlight * > input {
  width: 302px !important;
  height: 40px;
  margin: 0 auto;
  margin-bottom: 20px;
  background-color: #eeeeee;
  display: block;
  border: none;
  padding-left: 20px;
  font-size: 12px;
}

.featherlight * > input:first-of-type {
  margin-top: 30px;
}

.featherlight .featherlight-close-icon {
  color: white !important;
  width: 25px !important;
  background: rgba(255,255,255,0) !important;
}

.featherlight * > button {
  background-color: #72A348;
  width: 150px !important;
  margin: 0 auto !important;
  margin-bottom: 20px;
  border-radius: 25px;
  color: white;
  padding: 10px;
  border: 1px solid #72A348;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
}

.featherlight * > button:hover {
  color: #72A348;
  background-color: #fff;
  border: 1px solid #72A348;
  transition: all ease-in .3s;
}

.featherlight * > p {
  text-align: center;
  font-size: 12px;
}

.green-box {
  background-color: #72A348;
  color: white;
  text-align: center;
  padding: 20px;
}

.green-box form.popup-form {
  display: block !important;
}

.captcha-popup {
  margin: 0 auto;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
}

.message {
 text-align: center;
 margin-top: 25px;   
}



.fa.fa-twitter::before{ content:"𝕏"; }