@font-face {
    font-family: 'WWFRegular';
    src: url('fonts/wwf-webfont.eot');
    src: local('?'), url('/ecThemes/4/CSS/fonts/wwf-webfont.woff') format('woff'), url('/ecThemes/4/CSS/fonts/wwf-webfont.ttf') format('truetype'), 
    url('/ecThemes/4/CSS/fonts/wwf-webfont.svg#webfontdwZ3wCrD') format('svg');
    font-style: normal;
    font-display: auto;
}
body,
html {
    padding: 0;
    margin: 0 auto;
    height: auto;
    background-color: #f3f3f3;
    color: #222;
    font-family: 'Lato', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body *,
html * {
    outline: none;
}
div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

/*
-------------------------------------------------------------------------------------------------------------------------

    TYPOGRAPHY

-------------------------------------------------------------------------------------------------------------------------
*/


h1, h2, h3 {
    font-family: "WWFRegular", sans-serif;
    position: relative;
    z-index: 1;
}

h4, h5, h6, p, a {
    font-family: 'Lato', sans-serif;
    position: relative;
    z-index: 1;
}

h1 {
    font-size: 78px;
    text-transform: uppercase;
    line-height: 80px;
    margin: 0 0 10px;
}

h2 {
    font-size: 50px;
    margin: 0px 0 25px;
    line-height: 50px;
}

h3 {
    font-size: 42px;
    margin: 0 0 31px;
    line-height: 46px;
    padding-bottom: 35px;
    position: relative;
}

h3:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 55px;
    height: 4px;
    background-color: #3f9ffd;
}

h4 {
    font-size: 26px;
    margin: 0 0 20px;
    font-weight: 600;
}

h5 {
    font-size: 22px;
    line-height: 31px;
    margin: 0 0 25px;
}

h6 {
    font-size: 18px;
    padding: 0;
    margin: 0 0 25px;
}

p,
li {
    font-size: 16px;
    line-height: 26px;
    margin: 0;
}
a {
    color: #f37043;
}
a:hover,
a:active,
a:focus {
    color: #000;
}

sub, sup {
    line-height: normal;
}

/* QUOTATIONS */

.quote span:first-of-type,
.quote span:last-of-type {
    display: inline-block;
    width: 1em;
    height: 1em;
    position: relative;
    quotes: "\201C""\201D""\2018""\2019";
    z-index: -1;
}
.quote span:first-of-type:before,
.quote span:last-of-type:before {
    content: open-quote;
    position: absolute;
    width: 100%;
    height: 100%;
    font-family: 'Georgia', serif;
    color: #F37043;
    font-size: 350%;
    font-size: 600%;
    line-height: 70%; 
}
.quote span:first-of-type:before {
    content: open-quote;
    top: -50%;
    left: -50%;
}
.quote span:last-of-type:before {
    content: close-quote;
    bottom: -50%;
    left: -100%;
}

@media only screen and (max-width: 64em) {
    h1 {
        font-size: 62px;
        line-height: 66px;
    }
    h2 {
        font-size: 44px;
        line-height: 46px;
    }
    h3 {
        font-size: 38px;
        margin: 0 0 20px;
        line-height: 40px;
        padding-bottom: 27px;
    }
    h4 {
        font-size: 18px;
        margin: 0 0 15px;
        font-weight: 600;
    }
}
@media only screen and (max-width: 40em) {
    h1 {
        font-size: 42px;
        line-height: 46px;
    }
    h2 {
        font-size: 34px;
        line-height: 36px;
    }
    h3 {
        font-size: 30px;
        margin: 0 0 20px;
        line-height: 34px;
        padding-bottom: 17px;
    }
    h3:before,
    h4:before {
        height: 5px;
    }
    h5 {
        font-size: 18px;
        line-height: 26px;
        margin: 0 0 25px;
    }
    p {
        font-size: 15px;
        line-height: 23px;
    }
}

/* CENTER TEXT */

h1.text-center,
h2.text-center,
h3.text-center,
h4.text-center,
h5.text-center,
h6.text-center,
p.text-center,
a.text-center,
.text-center h1,
.text-center h2,
.text-center h3,
.text-center h4,
.text-center h5,
.text-center h6,
.text-center p,
.text-center a {
    text-align: center;
}

.text-center h3:before,
.text-center h4:before,
h3.text-center:before ,
h4.text-center:before  {
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

/*
-------------------------------------------------------------------------------

    BUTTONS

-------------------------------------------------------------------------------
*/

.bttn-lrg,
.bttn-mdm,
.bttn-lrg:before,
.bttn-mdm:before,
.bttn-lrg-arrw,
.bttn-lrg-arrw:before,
.bttn-lrg-arrw:after,
.bttn-mdm-arrw,
.bttn-mdm-arrw:before,
.bttn-mdm-arrw:after,
.ig-follow {
    -webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -o-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

.bttn-lrg,
.bttn-mdm,
.bttn-lrg-arrw,
.bttn-mdm-arrw {
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    background-color: #F37043;
    color: #fff;
    z-index: 1;
    font-weight: 600;
    line-height: normal;
    overflow: hidden;
    border-radius: 3px;
    white-space: nowrap;
    margin-right: 10px;
}

/* LARGE SIZE */

.bttn-lrg {
    font-size: 16px;
    padding: 15px 30px;
}
.bttn-lrg:hover {
    color: #fff!important
}
.bttn-lrg:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 0;
    height: 100%;
    background: rgba(250, 166, 26, 0.8);
    z-index: -1;
}
.bttn-lrg:hover:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(250, 166, 26, 0.2)
}

/* MEDIUM SIZE */

.bttn-mdm {
    padding: 10px 20px;
    font-size: 14px;
}

.bttn-mdm:hover {
    color: #fff!important
}

.bttn-mdm:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 0;
    height: 100%;
    background: rgba(250, 166, 26, 0.8);
    z-index: -1;
}

.bttn-mdm:hover:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(250, 166, 26, 0.2)
}

/* ARROW BUTTON */

.bttn-lrg-arrw {
    font-size: 16px;
    padding: 15px 30px;
    display: inline-block;
    background-color: #F37043;
    color: #fff;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    font-weight: 600;
}

.bttn-lrg-arrw:hover {
    color: #fff!important
}

.bttn-lrg-arrw:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 0;
    height: 100%;
    background: rgba(250, 166, 26, 0.8);
    z-index: -1;
}

.bttn-lrg-arrw:hover:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(250, 166, 26, 0.2)
}

.bttn-lrg-arrw:after {
    font-family: 'FontAwesome';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
    content: '\f054';
    display: inline-block;
    font-size: 20px;
    vertical-align: -5%;
    margin-left: 10px;
    line-height: 16px;
}

.bttn-lrg-arrw:hover:after {
    -webkit-animation: arrow-nudge .3s linear;
    animation: arrow-nudge .3s linear
}

.bttn-mdm-arrw {
    padding: 12px 34px;
    font-size: 14px;
    display: inline-block;
    background-color: #F37043;
    color: #fff;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    font-weight: 600;
}

.bttn-mdm-arrw:hover {
    color: #fff!important
}

.bttn-mdm-arrw:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 0;
    height: 100%;
    background: rgba(250, 166, 26, 0.8);
    z-index: -1;
}

.bttn-mdm-arrw:hover:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(250, 166, 26, 0.2)
}

.bttn-mdm-arrw:after {
    font-family: 'FontAwesome';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
    content: '\f054';
    font-size: 17px;
    vertical-align: -5%;
    display: inline-block;
    margin-left: 10px;
}

.bttn-mdm-arrw:hover:after {
    -webkit-animation: arrow-nudge .3s linear;
    animation: arrow-nudge .3s linear
}

@keyframes "arrow-nudge" {
    0% { -webkit-transform: translateX(0); transform: translateX(0); }
    50% { -webkit-transform: translateX(5px); transform: translateX(5px); }
    100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@-webkit-keyframes "arrow-nudge" {
    0% { -webkit-transform: translateX(0); transform: translateX(0); }
    50% { -webkit-transform: translateX(5px); transform: translateX(5px); }
    100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

/* MOBILE SIZES */

@media only screen and (max-width: 40em) {
    .bttn-lrg,
    .bttn-mdm,
    .bttn-mdm-arrw,
    .bttn-lrg-arrw {
        width: 100%;
        margin-bottom: 1em;
        text-align: center;
    }
    .bttn-lrg,
    .bttn-lrg-arrw {
        font-size: 14px;
        padding: 10px 20px;
        text-align: center;
    }
    .bttn-lrg-arrw:after {
        font-size: 17px;
        vertical-align: -5%;
    }
}

a.lnk-arrw:after {
    content: '\f054';
    font-family: 'FontAwesome';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
    margin-left: 7px;
    margin-right: 7px;
    -webkit-transform: scale(1.35);
        -ms-transform: scale(1.35);
            transform: scale(1.35);
    display: inline-block;
    vertical-align: -5%;
    color: #e96c3f;
}
a.lnk-arrw:hover:after {
    -webkit-animation: bscLnkAn .3s ease-in-out running forwards;
    animation: bscLnkAn .3s ease-in-out running forwards;
}
@-webkit-keyframes bscLnkAn {
    0% { margin-left: 7px;margin-right: 7px; }
    50% { margin-left: 10px;margin-right: 4px; }
    100% { margin-left: 7px;margin-right: 7px; }
}
@keyframes bscLnkAn {
    0% { margin-left: 7px;margin-right: 7px; }
    50% { margin-left: 10px;margin-right: 4px; }
    100% { margin-left: 7px;margin-right: 7px; }
}

.bttn-lrg:active,
.bttn-mdm:active,
.bttn-lrg-arrw:active,
.bttn-mdm-arrw:active {
    color: white;
    background-color: #272421;
}
.bttn-lrg:active:before,
.bttn-mdm:active:before,
.bttn-lrg-arrw:active:before,
.bttn-mdm-arrw:active:before {
    background-color: transparent;
}
.bttn-lrg:focus,
.bttn-mdm:focus,
.bttn-lrg-arrw:focus,
.bttn-mdm-arrw:focus {
    color: white;
}

/* FOLLOW BUTTONS */

/* IG */

.ig-follow {
    background-color: #405de6;
}
.ig-follow:before {
    background-color: #304bcc;
}
.ig-follow:hover:before {
    background-color: #304bcc;
}


/*
-------------------------------------------------------------------------------------------------------------------------

    GLOBAL

-------------------------------------------------------------------------------------------------------------------------
*/

/* DIVIDING LINE */
span.ddl,
span.ldl {
    display: block;
    clear: both;
    width: 100%;
    height: 0px;
    margin: 25px 0;
}
span.ddl {
    border-top: 1px solid rgba(0, 0, 0, .1);
}
span.ldl {
    border-top: 1px solid rgba(255,255,255,.2);
}

/* SHARE CONTAINER ARROW */

.gs-sh-c {
    position: relative;
    padding-top: 25px!important;
    padding-bottom: 15px!important;
}
@media only screen and (max-device-width: 64em) {
    .gs-sh-c {
        display: none!important;
    }
}
.gs-sh-c:before {
    content: '';
    width: 25px;
    height: 25px;
    margin: 0 auto;
    background-color: #fbfbfa;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9;
    bottom: -13px;
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

/* BREADCRUMB */


.header--lrg #breadcrumblabel {
    display: none;
}

.header--lrg ol {
    list-style-type: none;
    margin: 0 auto;
    display: table;
    text-align: left;
    position: relative;
    z-index: 2;
}
.header--lrg ol li {
    display: inline-block;
    padding: 0 20px 0 0px;
    position: relative;
    margin-right: 10px;
    color: #fff;
    font-size: 15px;
    line-height: normal;
}
.header--lrg ol li:first-child {
    display: inline-block;
    padding: 0 20px 0 0;
    position: relative;
}
.header--lrg ol li:last-child {
    display: inline-block;
    padding: 0;
    position: relative;
    opacity: .5;
    z-index: 9;
}
.header--lrg ol li a {
    color: rgba(255, 255, 255, .9);
    font-size: 15px;
    font-weight: bold;
}
.header--lrg ol li a:hover {
    color: rgba(255, 255, 255, 1);
}
.header--lrg ol li:before {
    font-family: 'FontAwesome';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f105';
    color: rgba(255,255,255,1);
    font-size: 22px;
    position: absolute;
    right: 0;
    line-height: 19px;
    z-index: 9;
}
.header--lrg ol li:last-child:before {
    content: none;
}

/* -- */

.imgtobg {
    background-position: 50%;
    background-size: cover;
}
.img-wrap img {
    cursor: pointer;
}

.imgtobg img {
    visibility: hidden;
}

video#bgvid,
video.bgvid {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%) translateZ(0);
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
    transform: translateX(-50%) translateY(-50%) translateZ(0);
    background-size: cover;
}
@media only screen and (max-width: 64.063em) {
    video#bgvid {
        display: none;
    }
    video {
        display: none;
    }
}

/* ROW FOR TILES - 1400px */

.row.mw-1400 {
    max-width: 1400px;
}
.row.mw-1100 {
    max-width: 1100px;
}

@media only screen and (max-width: 1400px) {
    .row.mw-1400 {
        max-width: 90%;
    }
}
@media only screen and (max-width: 64em) {
    .row.mw-1400 {
        max-width: 100%;
    }
    .row.mw-1100 {
        max-width: 90%;
    }
}
@media only screen and (max-width: 40em) {
    .row.mw-1100 {
        max-width: 100%;
    }
}


/* ROW PADDING */

.pdd-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}
.pdd-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.pdd-35 {
    padding-top: 35px;
    padding-bottom: 35px;
}
.pdd-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}
.pdd-vw {
    padding: 5vw!important;
}
.pdd-n-100 {
    padding-top: 100px;
}
.pdd-n-50 {
    padding-top: 50px;
}
.pdd-s-50 {
    padding-bottom: 50px;
}
.pdd-n-35 {
    padding-top: 35px;
}
.pddxy-100 {
    padding: 100px;
}
.pddxy-50 {
    padding: 50px;
}

@media only screen and (min-width: 40em) {
    .pddxy-50 .row {
        margin-left: -1em!important;
        margin-right: -1em!important;
    }
}

@media only screen and (max-width: 64em) {
    .pdd-100 {
        padding-top: 75px;
        padding-bottom: 75px;
    }
    .pdd-50 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .pdd-35 {
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .pddxy-100 {
        padding: 75px;
    }
    .pddxy-50 {
        padding: 40px;
    }
}
@media only screen and (max-width: 40em) {
    .pdd-100 {
        padding-top: 1em;
        padding-bottom: 1em;
    }
    .pdd-50 {
        padding-top: 1em;
        padding-bottom: 1em;
    }
    .pdd-35 {
        padding-top: 1em;
        padding-bottom: 1em;
    }
    .pdd-vw {
        padding: 1em!important;
    }
    .pdd-n-100 {
        padding-top: 1em;
    }
    .pdd-n-50 {
        padding-top: 1em;
    }
    .pdd-n-35 {
        padding-top: 1em;
    }
    .pddxy-100 {
        padding: 1em;
    }
    .pddxy-50 {
        padding: 1em;
    }
    .small-collapse > .column, .small-collapse > .columns {
        padding-right: 0!important;
        padding-left: 0!important;
    }
}

/* COLLAPSE CONTENT FOR MOBILE */

a#toggleContent {
    display: none;
}
@media only screen and (min-width: 40em) {
.mobile-collapse {
    height: auto !important;
}
}
@media only screen and (max-width: 40em) {
    .collapse-container {
        position: relative;
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease;
        border-bottom: 1px dashed #3f9ffd;
        margin-bottom:  25px;
    }
    .collapse-container:after {
        content:  '';
        position:  absolute;
        width:  20px;
        height:  20px;
        background-color: #efefef;
        border-right: 1px dashed #3f9ffd;
        border-bottom: 1px dashed #3f9ffd;
        left:  0;
        right:  0;
        margin:  0 auto;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
        -webkit-transform-origin: center;
            -ms-transform-origin: center;
                transform-origin: center;
        bottom: -11px;
        -webkit-transition: .1s ease;
        -o-transition: .1s ease;
        transition: .1s ease;
    }
    .collapse-container.open:after {
        -webkit-transform: rotate(225deg);
            -ms-transform: rotate(225deg);
                transform: rotate(225deg);
    }
    .collapse-container.open {
        padding-bottom: 55px;
    }
    .mobile-collapse {
        height: 150px;
        position:  relative;
        overflow:  hidden;
        z-index:  1;
    }
    .mobile-collapse:before {
        content:  '';
        position:  absolute;
        width:  100%;
        height: 60%;
        bottom:  0;
        left:  0;
        z-index: 99;
        pointer-events: none;
        opacity: 1;
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease;
        background: -webkit-linear-gradient(top, rgba(245,245,245,0) 0%,rgb(239, 239, 239) 70%,rgb(239, 239, 239) 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(245,245,245,0)),color-stop(70%, rgb(239, 239, 239)),to(rgb(239, 239, 239)));
        background: -o-linear-gradient(top, rgba(245,245,245,0) 0%,rgb(239, 239, 239) 70%,rgb(239, 239, 239) 100%);
        background: linear-gradient(to bottom, rgba(245,245,245,0) 0%,rgb(239, 239, 239) 70%,rgb(239, 239, 239) 100%);
    }
    a#toggleContent {
        display: inline-block;
        position:  absolute;
        bottom:  0;
        z-index: 999;
        width: 200px;
        left:  0;
        right:  0;
        margin: 0 auto;
        background-color:  transparent;
        color: #3f9ffd;
    }
    a#toggleContent:hover,
    a#toggleContent:active,
    a#toggleContent:focus {
        color: #3f9ffd !important;
    }
    a#toggleContent:hover:before,
    a#toggleContent:before {
        background-color: transparent;
    }
    a#toggleContent i {
        -webkit-transform: scale(1.7) translateY(0px);
            -ms-transform: scale(1.7) translateY(0px);
                transform: scale(1.7) translateY(0px);
        margin-left: 5px;
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease;
    }
    /* OPEN */
    .mobile-collapse.open:before {
        opacity: 0;
    }
    .collapse-container.open a#toggleContent {
        margin-bottom: 15px;
    }
    .collapse-container.open a#toggleContent i {
        -webkit-transform: scale(1.7) translateY(0px) rotate(180deg);
            -ms-transform: scale(1.7) translateY(0px) rotate(180deg);
                transform: scale(1.7) translateY(0px) rotate(180deg);
        margin-right: 5px;
    }
}



/* PDF ICON */
a.pdf-icon {
    display: inline-block;
    padding: 90px 10px 25px;
    position: relative;
    min-width: 60px;
    max-width: 200px;
    text-align: center;
    vertical-align: top;
    line-height: normal;
}
a.pdf-icon:before {
    display: block;
    width: 60px;
    height: 82px;
    background-image: url(http://wwfnew.staging.elcomcms.com/images/UserUploadedImages/401/pdf_icon.png);
    background-size: 100%;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-transition-delay: .2s;
         -o-transition-delay: .2s;
            transition-delay: .2s;
}
a.pdf-icon:after {
    display: block;
    width: 60px;
    height: 82px;
    background-image: url(http://wwfnew.staging.elcomcms.com/images/UserUploadedImages/401/pdf_icon-h.png);
    background-size: 100%;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-transform: rotateY(90deg);
            transform: rotateY(90deg);
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
}
a.pdf-icon:hover:before {
    -webkit-transform: rotateY(90deg);
            transform: rotateY(90deg);
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
}
a.pdf-icon:hover:after {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    -webkit-transition-delay: .2s;
         -o-transition-delay: .2s;
            transition-delay: .2s;
}

/* PDF ICON SMALL */
a.pdf-icon-small {
    display: inline-block;
    padding: 5px 0 0 30px;
    position: relative;
    line-height: normal;
}
a.pdf-icon-small:before,
a.pdf-icon-small:after {
    display: block;
    width: 20px;
    height: 28px;
    background-size: 100% 100%;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
}
a.pdf-icon-small:before {
    background-image: url(/Images/pdf-icon.svg);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-transition-delay: .2s;
         -o-transition-delay: .2s;
            transition-delay: .2s;
}
a.pdf-icon-small:after {
    background-image: url(/Images/pdf-icon-d.svg);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-transform: rotateY(90deg);
            transform: rotateY(90deg);
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
}
a.pdf-icon-small:hover:before {
    -webkit-transform: rotateY(90deg);
            transform: rotateY(90deg);
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
}
a.pdf-icon-small:hover:after {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    -webkit-transition-delay: .2s;
         -o-transition-delay: .2s;
            transition-delay: .2s;
}

/* IMAGE CREDIT */

.credit-c {
    position: relative;
}

.credit-c p.credit {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9;
}
.credit-c p.credit {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9;
    font-size: 12px;
    font-style: italic;
    line-height: normal;
    text-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
    padding: 10px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    color: white;
    text-align: right;
}
.credit-c:hover p.credit {
    opacity: 1;
}

.fh-header.credit-c:hover p.credit {
    opacity: .5;
}

/* DIVIDING LINES */

.dl-d-n-50:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 50%;
    height: 1px;
    background-color: rgba(0,0,0,.2);
}
@media only screen and (max-width: 64em) {
.fh-header.credit-c p.credit {
    top: 100px;
    bottom: initial;
}
}

/* TABS SELECTION */

ul.type-tab {
    list-style-type:  none;
    margin: 0 auto;
    font-size:  0;
    text-align:  center;
    display:  inline-block;
    margin-bottom:  50px;
}

ul.type-tab li {
    display:  inline-block;
    margin: 0;
    padding: 0 1px;
}

ul.type-tab li a {
    display:  block;
    background-color: #d2d2d2;
    padding:  15px;
    text-transform:  uppercase;
    color:  #222;
    font-weight:  600;
}
ul.type-tab li.active a {
    background-color: #9e9e9e;
    
}
@media only screen and (max-width: 40em) {
ul.type-tab {
    margin-bottom:  15px;
}
.wwf-radio-bttns label {
    margin-bottom: 10px;
}
}
/*
-------------------------------------------------------------------------------------------------------------------------

    GLOBAL -- NAVIGATION

-------------------------------------------------------------------------------------------------------------------------
*/

.desktop-menu {
    width: 100%;
    height: 60px;
    position: absolute;
    top: 0;
    z-index: 999;
}
.desktop-menu > div:first-of-type {
    z-index: 2;
    position: relative;
}
.desktop-menu:before {
    content: '';
    width: 100%;
    height: 0%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #131211;
    -webkit-transition: .3s cubic-bezier(0.680,-0.550,0.265,1.550);
    -o-transition: .3s cubic-bezier(0.680,-0.550,0.265,1.550);
    transition: .3s cubic-bezier(0.680,-0.550,0.265,1.550);
}
.desktop-menu.open:before,
.desktop-menu.sub-nav:before {
    height: 100%;
    background-color: #131211;
}
.desktop-menu > div > * {
    font-size: 0;
    vertical-align: top;
    list-style-type: none;
}
.dsk-logo {
    display: inline-block;
    background-color: white;
    width: 69px;
    height: 91px;
    padding: 13px 12px 12px;
    -webkit-box-shadow: 0 0 0 5px white;
            box-shadow: 0 0 0 5px white;
    border: 1px solid black;
    position: absolute;
    top: -1px;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}
@media only screen and (max-width: 40em) {
    .dsk-logo {
        width: 52px;
        height: 68px;
        padding: 10px 9px 9px;
        -webkit-box-shadow: 0 0 0 4px white;
                box-shadow: 0 0 0 4px white;
    }
}
.dsk-logo:hover {
    border: 1px solid #F37043;
}

.wwf-mob-nav .dsk-logo {
    left: 15px;
    width: 55px;
    padding: 9px;
}
.wwf-mob-nav .dsk-logo.close {
    left: 15px;
    width: 55px;
    padding: 9px;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
}


/* LEFT HAND MENU */
/* T1 */
.desktop-menu ul.hmenu {
    display: inline-block;
    margin: 0;
    padding: 0 0 0 80px;
    overflow:  hidden;
}
@media only screen and (max-width: 40em) {
    .desktop-menu ul.hmenu {
        padding: 0 0 0 65px;
    }
}
.desktop-menu ul.hmenu > li {
    display: inline-block;
    vertical-align: top;
    position: relative
}
.desktop-menu ul.hmenu > li > a,
.desktop-menu ul.hmenu > li > ul > li > ul > li > a {
    height: 60px;
    display: inline-block;
    padding: 21px 10px;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
    -webkit-box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.2);
}
.desktop-menu ul.hmenu > li:hover > a {
    -webkit-box-shadow: 20px 0px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 20px 0px 0 rgba(0, 0, 0, 0.2);
}
/* T2 */
.desktop-menu ul.hmenu > li > ul,
.desktop-menu ul.hmenu > li > ul > li > ul {
    opacity: 0;
    visibility: hidden;
    margin: 0;
    position: absolute;
    -webkit-box-shadow: 10px 10px 0 10px rgba(0, 0, 0, 0.2);
            box-shadow: 10px 10px 0 10px rgba(0, 0, 0, 0.2);
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
    pointer-events: none;
}
.desktop-menu ul.hmenu > li > ul > li > ul {
    top: 0;
    right: 0;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
}
/* TURN OFF THIRD TIER */
.desktop-menu ul.hmenu > li > ul > li > ul {
    display: none;
}
/* -- */
.desktop-menu ul.hmenu > li > ul > li > ul > li > ul {
    display: none;
}
.desktop-menu ul.hmenu > li:hover > ul,
.desktop-menu ul.hmenu > li > ul > li:hover > ul {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.desktop-menu ul.hmenu > li > ul > li:hover > ul > li {
    pointer-events: all;
}
.desktop-menu ul.hmenu > li:hover * {
    pointer-events: all!important;
}
.desktop-menu ul.hmenu > li:hover > a {
    background-color: #F37043;
    color: #131211;
    padding: 21px 20px;
}
.desktop-menu ul.hmenu > li > ul > li,
.desktop-menu ul.hmenu > li > ul > li > ul > li {
    display: block;
    min-width: 250px;
    -webkit-transition: all 3s linear;
    -o-transition: all 3s linear;
    transition: all 3s linear;
    position: relative;
}
.desktop-menu ul.hmenu > li > ul > li > a,
.desktop-menu ul.hmenu > li > ul > li > ul > li > a {
    height: auto;
    width: 100%;
    display: inline-block;
    padding: 10px 20px 5px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    background-color: #f37043;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}
.desktop-menu ul.hmenu > li:hover > ul > li > a,
.desktop-menu ul.hmenu > li > ul > li > ul > li:hover > a {
    color: white;
}
.desktop-menu ul.hmenu > li > ul > li:first-child a,
.desktop-menu ul.hmenu > li > ul > li > ul > li:first-child a {
    padding: 15px 20px 5px;
}
.desktop-menu ul.hmenu > li > ul > li:last-child a,
.desktop-menu ul.hmenu > li > ul > li > ul > li:last-child a {
    padding: 15px 20px 15px;
}
.desktop-menu ul.hmenu > li > ul > li:only-child a,
.desktop-menu ul.hmenu > li:hover > ul > li:only-child a {
    padding: 10px 20px 15px;
}
.desktop-menu ul.hmenu > li:hover > ul > li a:hover,
.desktop-menu ul.hmenu > li:hover > ul > li > ul > li a:hover {
    color: #131211;
}

/* DONATE BUTTON */
.desktop-menu ul.hmenu > li:nth-child(5) ~ li:nth-child(6) {
    -webkit-transition: .1s linear;
    -o-transition: .1s linear;
    transition: .1s linear;
}
.desktop-menu ul.hmenu > li:nth-child(5):hover ~ li:nth-child(6) {
    margin-left: 10px;
}
.desktop-menu ul.hmenu > li:nth-child(6) > a {
    background-color: #F37043;
    padding: 21px 20px
}

/* RIGHT HAND MENU */

.desktop-menu ul.hmenu.right {
    float: right;
    padding: 0;
}
.desktop-menu ul.hmenu.right li a {
    padding: 20px 15px;
}
.desktop-menu ul.hmenu.right li:hover a {
    padding: 20px 20px;
}
.desktop-menu ul.hmenu.right li a i {
    font-size: 150%;
    vertical-align: sub;
    margin-right: 5px;
}
.desktop-menu ul.hmenu.right li:first-child a i {
    margin-right: 0px;
}
.desktop-menu ul.hmenu.right li a i.fa-search {
    position: relative;
    top: -1px;
}
.desktop-menu ul.hmenu.right li:before {
    position: absolute;
    content: '';
    top: 50%;
    right: 0;
    height: 50%;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.15);
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.desktop-menu .hmenu.right li:last-child:before {
    content: none;
}

.desktop-menu ul.hmenu.right > li:hover > a {
    -webkit-box-shadow: -20px 0 0 0 rgba(0,0,0,.2);
            box-shadow: -20px 0 0 0 rgba(0,0,0,.2)
}
.desktop-menu ul.hmenu.right > li:hover > a:before {
    content: none;
}

/* SEARCH BAR */

.search-bar {
    position: absolute;
    z-index: 1;
    bottom: -60px;
    width: 100%;
    height: 60px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -webkit-transform: rotateX(90deg) perspective(2000px);
            transform: rotateX(90deg) perspective(2000px);
    -webkit-transform-origin: top;
        -ms-transform-origin: top;
            transform-origin: top;
    -webkit-transition: all 600ms cubic-bezier(0.075,0.82,0.165,1);
    -o-transition: all 600ms cubic-bezier(0.075,0.82,0.165,1);
    transition: all 600ms cubic-bezier(0.075,0.82,0.165,1);
    opacity: 0;
    text-align: center;
}
.search-bar.open {
    opacity: 1;
    -webkit-transform: rotateX(0deg) perspective(2000px);
            transform: rotateX(0deg) perspective(2000px);
}
.search-bar > div {
    margin: 0 auto;
    position: relative;
    display: table;
}
.search-bar input,
.search-bar input:focus {
    height: 60px;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    text-align: right;
    font-size: 18px;
}
.search-bar .btn-primary {
    width: 60px;
    height: 60px;
    position: absolute;
    right: -60px;
    top: 0;
    display: block;
    opacity: 0;
    -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
            transform: translateX(50px);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer;
    outline: none;
}
.search-bar .btn-primary:before,
.search-bar .btn-primary:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 40%;
    height: 6px;
    background-color: #f37043;
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.search-bar .btn-primary:before {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    top: calc(50% - 3px);
}
.search-bar .btn-primary:after {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    bottom: calc(50% - 3px);
}
.search-bar .btn-primary.open:before {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    top: calc(50% - 1px);
}
.search-bar .btn-primary.open:after {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    bottom: calc(50% - 1px);
}
.search-bar .btn-primary.open {
    opacity: 1;
    -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
            transform: translateX(0px);
}
.search-bar .btn-primary.open:hover:before,
.search-bar .btn-primary.open:hover:after {
    background-color: #222;
}
.search-bar .btn-primary input {
    width: 100%;
    height: 100%;
    font-size: 0;
    background-color: transparent;
    cursor: pointer;
    outline: none;
}
.desktop-menu .hmenu li.search-bttn a {
    padding: 19px 15px!important;
}
.desktop-menu ul.hmenu.right li.search-bttn:hover a {
    padding: 19px 20px!important;
}
.search-bttn a span {
    width: 20px;
    height: 100%;
    display: inline-block;
    position: relative;
}
.search-bttn a span:before,
.search-bttn a span:after {
    font-family: 'FontAwesome';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
    position: absolute;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.search-bttn a span:before {
    content: '\f002';
    font-size: 150%;
}
.search-bttn a span:after {
    content: '\f00d';
    font-size: 150%;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    color: #f37043;
}
.search-bttn:hover a span:after {
    color: #131211;
}
.search-bttn.close a span:before {
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0)
}
.search-bttn.close a span:after {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1)
}
.search-bar ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #949494;
}
.search-bar ::-moz-placeholder { /* Firefox 19+ */
  color: #949494;
}
.search-bar :-ms-input-placeholder { /* IE 10+ */
  color: #949494;
}
.search-bar :-moz-placeholder { /* Firefox 18- */
  color: #949494;
}
.search-bar label {
    display: none;
}

@media only screen and (max-width: 1240px) {
    .desktop-menu ul.hmenu > li > a {
        padding: 23px 7px;
        font-size: 12px;
    }
    .desktop-menu ul.hmenu.right li a {
        font-size: 0;
    }
    .desktop-menu ul.hmenu.right li a i {
        font-size: 20px;
    }
    .search-bttn a span:before,
    .search-bttn a span:after {
        font-size: 20px;
    }
}

/* COUNTRY LIST MODAL */
.country-list-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 100vh;
    background-color: #f37043;
    display: none;
}
.country-list-modal ul.nav-ch-rgn {
    visibility: visible;
    opacity: 1;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-box-shadow: none;
            box-shadow: none;
    background: none;
    -webkit-transform: translateY(-50%) scale(1.1);
        -ms-transform: translateY(-50%) scale(1.1);
            transform: translateY(-50%) scale(1.1);
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.country-list-modal.open ul.nav-ch-rgn {
    -webkit-transform: translateY(-50%) scale(1);
        -ms-transform: translateY(-50%) scale(1);
            transform: translateY(-50%) scale(1);
    opacity: 1;
    -webkit-transition: .3s .3s ease-in-out;
    -o-transition: .3s .3s ease-in-out;
    transition: .3s .3s ease-in-out;
}
.nav-ch-rgn li {
    display: inline-block;
    float: right;
    text-align: center;
    padding: 7px 15px;
}
.country-list-modal ul {
    opacity: 0;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(1.1);
        -ms-transform: translateY(-50%) scale(1.1);
            transform: translateY(-50%) scale(1.1);
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.country-list-modal.open ul {
    opacity: 1;
    -webkit-transform: translateY(-50%) scale(1);
        -ms-transform: translateY(-50%) scale(1);
            transform: translateY(-50%) scale(1);
    -webkit-transition: .3s .3s ease-in-out;
    -o-transition: .3s .3s ease-in-out;
    transition: .3s .3s ease-in-out;
}

@media only screen and (max-width: 64.063em) {
.country-list-modal {
    display: none!important;
}
}
.country-list-modal:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #f37043;
    background-image: url(/ecThemes/3/Images/map-bg.svg);
    background-repeat: no-repeat;
    background-size: 900px;
    background-position: 50%;
    -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0;
    -webkit-transition: .3s .1s ease-in-out;
    -o-transition: .3s .1s ease-in-out;
    transition: .3s .1s ease-in-out;
}
.country-list-modal.open:before {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}
.country-list-modal .close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    z-index: 10;
    cursor: pointer;
}
.country-list-modal .close:before, .country-list-modal .close:after {
    content: '';
    width: 6px;
    height: 80%;
    left: 0;
    right: 0;
    top: 10%;
    margin: 0 auto;
    background-color: white;
    position: absolute;
}
.country-list-modal .close:before {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.country-list-modal .close:after {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.country-list-modal a {
    color: white;
    font-weight: 600;
    margin-bottom: 5px!important;
    display: inline-block;
}
li.column.column-block {
    list-style-type: none;
    margin: 0;
    text-align: center;
}

/* VIS SETTINGS */

@media screen and (max-width: 1024px) {
    .show-for-large.desk-menu {
        display: none!important;
    }
}
@media screen and (min-width: 1025px) {
    .mob-mbar {
        display: none!important;
    }
}

@media screen and (max-width: 40em) {
    .desktop-menu ul.hmenu > li > ul {
        display: none;
    }
}



/*
-------------------------------------------------------------------------------

    GLOBAL - ICONS

-------------------------------------------------------------------------------
*/

i.wwf-icon,
em.wwf-icon {
    font-size: 90px;
    display: inline-block;
    width: 75px;
    height: 75px;
    position: relative;
    opacity: .35;
}
i.wwf-icon:before,
em.wwf-icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    right: 0;
    margin: 0 auto;
    display: block;
}
@media only screen and (max-width: 40em) {
    i.wwf-icon,
    em.wwf-icon {
        font-size: 60px;
        width: 55px;
        height: 55px;
    }
}

/* WWF ICON X FA */

h1 i.fa,
h2 i.fa,
h3 i.fa,
h1 em.fa,
h2 em.fa,
h3 em.fa,
h1 i.fas,
h2 i.fas,
h3 i.fas,
h1 em.fas,
h2 em.fas,
h3 em.fas {
    opacity: .35;
}

/*
-------------------------------------------------------------------------------------------------------------------------

    GLOBAL - WWF TILE

-------------------------------------------------------------------------------------------------------------------------
*/

.sub-st-nav-c {
    position: fixed;
    top: -50px;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 99;
}
.sub-st-nav {
    width: 100%;
    height: 50px;
    background-color: #131211;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.05);
            box-shadow: 0 5px 15px rgba(0,0,0,.05);
    border-top: 1px solid #383838;
    overflow-x: scroll;
    overflow-y: hidden
}

.sub-st-nav::-webkit-scrollbar {
    display: none
}
.sub-st-nav-c:before {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 15px;
    height: 100%;
    background: -webkit-linear-gradient(left,rgba(19,18,14,0) 0,rgba(19,18,14,1) 99%,rgba(19,18,14,1) 100%);
    background: -webkit-gradient(linear,left top, right top,color-stop(0, rgba(19,18,14,0)),color-stop(99%, rgba(19,18,14,1)),to(rgba(19,18,14,1)));
    background: -o-linear-gradient(left,rgba(19,18,14,0) 0,rgba(19,18,14,1) 99%,rgba(19,18,14,1) 100%);
    background: linear-gradient(to right,rgba(19,18,14,0) 0,rgba(19,18,14,1) 99%,rgba(19,18,14,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0013120e',endColorstr='#13120e',GradientType=1);
    z-index: 99;
}
.sub-st-nav-c.open {
    top: 60px
}
.sub-st-nav ul {
    width: auto;
    height: 50px;
    list-style-type: none;
    text-align: center;
    font-size: 0;
    display: table;
    margin-left: 97px;
    white-space: nowrap
}
.sub-st-nav li {
    display: inline-block;
    height: 49px;
    padding: 12px 10px 10px 10px;
    line-height: normal;
    position: relative
}
.sub-st-nav li a:after {
    content: '';
    position: absolute;
    bottom: 6px;
    left: 0;
    right: 0;
    width: 6px;
    margin: 0 auto;
    height: 6px;
    border-radius: 50%;
    background-color: rgba(243,112,67,0);
    -webkit-transition: all 300ms cubic-bezier(0.770,0.000,0.175,1.000);
    -o-transition: all 300ms cubic-bezier(0.770,0.000,0.175,1.000);
    transition: all 300ms cubic-bezier(0.770,0.000,0.175,1.000)
}
.sub-st-nav .active:after {
    content: '';
    position: absolute;
    bottom: 6px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 6px;
    height: 6px;
    background-color: #F37043;
    border-radius: 50%
}
.sub-st-nav li a {
    text-transform: uppercase;
    font-size: 14px;
    line-height: normal;
    font-weight: 600;
}
.sub-st-nav li:first-of-type a {
    text-transform: uppercase;
    font-size: 14px;
    line-height: normal;
    color: grey
}
.sub-st-nav li:first-of-type a:hover {
    color: #3f3c39
}
.sub-st-nav li:first-of-type {
    padding-right: 40px
}
.sub-st-nav li:first-of-type:before {
    content: '\f054';
    position: absolute;
    right: 0;
    font-family: 'FontAwesome';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
    color: grey;
    padding: 0 10px;
    padding-top: 3px
}
@media only screen and (max-width: 64em) {
    .sub-st-nav {
        display:none!important;
    }
    .sub-st-nav-c {
        display: none!important;
    }
}


/*
-------------------------------------------------------------------------------------------------------------------------

    GLOBAL - WWF TILE

-------------------------------------------------------------------------------------------------------------------------
*/

/* GUTTER OVERRIDE */

.tile-wrap {
    width: 100%;
    height: 100%;
    display: table;
}
.tiles > div {
    margin-bottom: 1rem;
}
.tiles > div .widget {
    height: 100%;
}

.tiles {
    padding-left: .5rem;
    padding-right: .5rem;
}
.tiles .columns {
    padding-left: .5rem;
    padding-right: .5rem;
}

.tile *,
.tile *:before {
    -webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -o-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}
.tiles > div {
    -webkit-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000), width 0s;
    -o-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000), width 0s;
    transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000), width 0s;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}

.tile {
    display: inline-block;
    width: 100%;
    color: white;
    font-size: 0;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}
.ty-popup-rr .tile {
    height: 100%;
}
.tile,
.tile:focus {
    display: inline-block;
    width: 100%;
    color: white;
    -webkit-box-shadow: 0 30px 90px rgba(0, 0, 0, 0.25), 0 7px 20px rgba(0, 0, 0, 0.05);
            box-shadow: 0 30px 90px rgba(0, 0, 0, 0.25), 0 7px 20px rgba(0, 0, 0, 0.05);
    background-color: #272421;
}
.tile:hover,
.tile:active {
    color: white;
}

.tile .img {
    width: 100%;
    height: 0;
    padding-top: 60%;
    background-color: #272421;
    position: relative;
    overflow: hidden;
}
.wwf-popup .tile .img {
    padding-top: 50%;
}
.tile .img span {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: 50%;
    z-index: 1;
    -webkit-transform: scale(1) translateZ(0px);
    transform: scale(1) translateZ(0px);
}
.tile:hover .img span {
    -webkit-transform: scale(1.4) translateZ(0px);
    transform: scale(1.4) translateZ(0px);
}
.tile .img:before,
.tile .img:after {
    content: '';
    width: calc(50% - -2px);
    height: 0;
    position: absolute;
    bottom: -1px;
    border-bottom: 25px solid  #272421;
    z-index: 2;
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
}
.tile .img:before {
    left: 0;
    border-right: 25px solid transparent;
}
.tile .img:after {
    right: 0;
    border-left: 25px solid transparent;
}
.tile .content {
    padding: 15px;
}
.tile .content h6 {
    margin-bottom: 10px;
    font-size: 21px;
    line-height: 26px;
}
.tile .content p {
    font-size: 15px;
    line-height: 22px;
    opacity: .75;
}
.tile .content p.type {
    margin-bottom: 6px;
}
.tile p.read-more {
    background-color: #e96c3f;
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
}
.tile p.read-more:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 0;
    height: 100%;
    background: rgba(250, 166, 26, 0.8);
    z-index: -1;
}

.tile:hover p.read-more:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(250, 166, 26, 0.2)
}

@media only screen and (max-width: 64em) {
    .tile .content h6 {
        margin-bottom: 5px;
        font-size: 18px;
        line-height: 23px;
    }
    .tile .content p {
        font-size: 14px;
        line-height: 19px;
    }
    .tile .content p.type {
        font-size: 13px;
        margin-bottom: 5px;
    }
    .tile p.read-more {
        font-size: 14px;
        line-height: normal;
        padding: 10px 20px;
    }
}

@media only screen and (max-width: 40em) {
    .tile .img {
        padding-top: 55%;
    }
}

/* WAYPOINTS */

.tiles * {
    -webkit-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -o-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}

.tiles > div:nth-child(1),
.tiles > div:nth-child(2),
.tiles > div:nth-child(3),
.tiles > div:nth-child(4) {
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
        transform: translateY(50px);
    opacity: 0;
}
.tiles.open > div {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
        transform: translateY(0px);
    opacity: 1;
}


.tiles > div:nth-child(1) {
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
}
.tiles > div:nth-child(2) {
    -webkit-transition-delay: .1s;
         -o-transition-delay: .1s;
            transition-delay: .1s;
}
.tiles > div:nth-child(3) {
    -webkit-transition-delay: .2s;
         -o-transition-delay: .2s;
            transition-delay: .2s;
}
.tiles > div:nth-child(4) {
    -webkit-transition-delay: .3s;
         -o-transition-delay: .3s;
            transition-delay: .3s;
}

.tiles.open > div:nth-child(1) {
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
}
.tiles.open > div:nth-child(2) {
    -webkit-transition-delay: .1s;
         -o-transition-delay: .1s;
            transition-delay: .1s;
}
.tiles.open > div:nth-child(3) {
    -webkit-transition-delay: .2s;
         -o-transition-delay: .2s;
            transition-delay: .2s;
}
.tiles.open > div:nth-child(4) {
    -webkit-transition-delay: .3s;
         -o-transition-delay: .3s;
            transition-delay: .3s;
}

/* POPUP TILES */

.wwf-popup .tiles > div:nth-child(1),
.wwf-popup .tiles > div:nth-child(2),
.wwf-popup .tiles > div:nth-child(3),
.wwf-popup .tiles > div:nth-child(4) {
    opacity: 0!important;
}

.wwf-popup .tiles > div:nth-child(1) {
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
        transform: translateY(50px);}
.wwf-popup .tiles > div:nth-child(2) {
    -webkit-transition-delay: 1s;
         -o-transition-delay: 1s;
            transition-delay: 1s;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
        transform: translateY(50px);
}
.wwf-popup .tiles > div:nth-child(3) {
    -webkit-transition-delay: 1.2s;
         -o-transition-delay: 1.2s;
            transition-delay: 1.2s;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
        transform: translateY(50px);
}
.wwf-popup .tiles > div:nth-child(4) {
    -webkit-transition-delay: 1.2s;
         -o-transition-delay: 1.2s;
            transition-delay: 1.2s;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
        transform: translateY(50px);
}

.wwf-popup.open .tiles > div:nth-child(1) {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
        transform: translateY(0px);
    opacity: 1!important;
}
.wwf-popup.open .tiles > div:nth-child(2) {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
        transform: translateY(0px);
    opacity: 1!important;
}
.wwf-popup.open .tiles > div:nth-child(3) {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
        transform: translateY(0px);
    opacity: 1!important;
}
.wwf-popup.open .tiles > div:nth-child(4) {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
        transform: translateY(0px);
    opacity: 1!important;
}



.wwf-popup.open .tiles > div:nth-child(1) {
    -webkit-transition-delay: 2s;
         -o-transition-delay: 2s;
            transition-delay: 2s;
}
.wwf-popup.open .tiles > div:nth-child(2) {
    -webkit-transition-delay: 2.1s;
         -o-transition-delay: 2.1s;
            transition-delay: 2.1s;
}
.wwf-popup.open .tiles > div:nth-child(3) {
    -webkit-transition-delay: 2.2s;
         -o-transition-delay: 2.2s;
            transition-delay: 2.2s;
}

.row.tiles.ty-popup-rr.open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/* TILE FOR VIDEO */

.tile.video .img span:before {
    content: '\f04b';
    font-family: 'FontAwesome';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
    color: white;
    font-size: 30px;
    text-align: center;
    padding-top: 8px;
    position: absolute;
    width: 60px;
    height: 60px;
    left: 0;
    right: 0;
    top: 50%;
    margin: -37px auto 0;
    background-color: #272421;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2);
            box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2);
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
.tile.video:hover .img span:before {
    background-color: #e96c3f;
    -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
            transform: scale(.9);
    -webkit-transition: .3s .3s ease-in-out;
    -o-transition: .3s .3s ease-in-out;
    transition: .3s .3s ease-in-out;
    -webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.2);
            box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.2);
}

/* FLEX */

/*.tiles {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: stretch;
}*/
.tile {
    padding-bottom: 50px;
}
.tile p.read-more {
    position: absolute;
    width: 100%;
    bottom: -1px;
}
@media only screen and (max-width: 40em) {
    .tiles {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }  
}

/* FLEX OVERRIDES */

.yt-hm .row,
.ip-hm,
.img-txt-pnls.header--mdm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.img-txt-pnls.ip-hm .img {
    height: initial;
}

@media only screen and (max-width: 64em) {
.yt-hm .row,
.ip-hm,
.img-txt-pnls.header--mdm {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
}


/*
-------------------------------------------------------------------------------------------------------------------------

    GLOBAL - IMAGE + TEXT PANEL

-------------------------------------------------------------------------------------------------------------------------
*/
.img-txt-pnls .img img {
    visibility: hidden;
}
.img-txt-pnls .imgtobg img {
    display: none!important;
}
.img-txt-pnls {
    position: relative;
    width: 100%;
}
.img-txt-pnls .img {
    position: relative;
    overflow: hidden;
}
.img-txt-pnls .img span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: 50%;
    z-index: 1;
}

.img-txt-pnls .img span {
    -webkit-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;
}
.img-txt-pnls.open .img span {
    -webkit-transition: all 10000ms ease-out;
    -o-transition: all 10000ms ease-out;
    transition: all 10000ms ease-out;
}

/* ZEBRA */

span:nth-child(1) {
    z-index: 1;
}
span:nth-child(2) {
    z-index: 2;
}
span:nth-child(3) {
    z-index: 3;
}
span:nth-child(4) {
    z-index: 3;
}
.img-txt-pnls .img span:nth-child(1) {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.img-txt-pnls .img span:nth-child(2) {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
}
.img-txt-pnls .img span:nth-child(3) {
    -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
            transform: scale(1.3);
}
.img-txt-pnls .img span:nth-child(4) {
    -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
            transform: scale(1.5);
}
.img-txt-pnls.open .img span:nth-child(1) {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
.img-txt-pnls.open .img span:nth-child(2) {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
.img-txt-pnls.open .img span:nth-child(3) {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
.img-txt-pnls.open .img span:nth-child(4) {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

@media only screen and (max-width: 64em) {
    .img-txt-pnls .img {
        height: 0;
        padding-top: 50%;
    }
}
@media only screen and (max-width: 40em) {
    .img-txt-pnls .img {
        height: 0;
        padding-top: 60%;
    }
}

/* WHEN VIDEO */

.img-txt-pnls .img.video a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-size: cover;
    background-position: 50%;
    z-index: 1;
}
.img-txt-pnls .img.video a:before {
    content: '\f04b';
    font-family: 'FontAwesome';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
    color: white;
    font-size: 30px;
    text-align: center;
    padding-top: 8px;
    position: absolute;
    width: 60px;
    height: 60px;
    left: 0;
    right: 0;
    top: 50%;
    margin: -25px auto 0;
    background-color: #272421;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2);
            box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2);
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    z-index: 2;
}
.img-txt-pnls .img.video a:hover:before {
    background-color: #e96c3f;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.2);
            box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.2);
}

.img-txt-pnls .img span.vd-aspct {
    position: absolute;
    top: -17%;
    width: 100%;
    height: 134%;
    background-size: cover;
    background-position: 50%;
    z-index: 1;
    -webkit-transform: scale(1)!important;
        -ms-transform: scale(1)!important;
            transform: scale(1)!important;
    -webkit-transition: 0s!important;
    -o-transition: 0s!important;
    transition: 0s!important;
}
.img-txt-pnls.open .img span.vd-aspct {
    -webkit-transform: scale(1)!important;
        -ms-transform: scale(1)!important;
            transform: scale(1)!important;
    -webkit-transition: 0s!important;
    -o-transition: 0s!important;
    transition: 0s!important;
}

/* FLEX */

/*.img-txt-pnls {
    display: flex;
    flex-direction: row;
}
@media only screen and (max-width: 64em) {
    .img-txt-pnls {
        display: flex;
        flex-direction: column;
    }
}
.img-txt-pnls.non-flex {
    display: block;
    flex-direction: unset;
}*/

/*
-------------------------------------------------------------------------------

    COLOUR SCHEMES

-------------------------------------------------------------------------------
*/

/* TEXT COLOURS */

.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6,
.white-text p,
.white-text a,
h1.white-text,
h2.white-text,
h3.white-text,
h4.white-text,
h5.white-text,
h6.white-text,
p.white-text,
a.white-text,
.white-text i.wwf-icon,
.white-text em.wwf-icon,
.white-text label {
    color: white;
}
h3.white-text:before,
.white-text h3:before,
h4.white-text:before,
.white-text h4:before {
    background-color: rgba(255,255,255,.4);
}

.white-text.quote span:first-of-type:before,
.white-text.quote span:last-of-type:before {
    color: rgba(255,255,255,.4);
}

/* WHITE BUTTON */

.bttn-lrg.white,
.bttn-mdm.white,
.bttn-lrg-arrw.white,
.bttn-mdm-arrw.white,
.bttn-lrg.white:before,
.bttn-mdm.white:before,
.bttn-lrg-arrw.white:before,
.bttn-mdm-arrw.white:before {
    background-color: rgba(255, 255, 255, 0.15);
}
.bttn-lrg.white:hover:before,
.bttn-mdm.white:hover:before,
.bttn-lrg-arrw.white:hover:before,
.bttn-mdm-arrw.white:hover:before {
    background-color: rgba(255, 255, 255, 0.15);
}

/* FULL WHITE BUTTON */

.bttn-lrg.fll-white,
.bttn-mdm.fll-white,
.bttn-lrg-arrw.fll-white,
.bttn-mdm-arrw.fll-white,
.bttn-lrg.fll-white:before,
.bttn-mdm.fll-white:before,
.bttn-lrg-arrw.fll-white:before,
.bttn-mdm-arrw.fll-white:before {
    background-color: rgba(255, 255, 255, 1);
    color: black!important;
}
.bttn-lrg.fll-white:hover:before,
.bttn-mdm.fll-white:hover:before,
.bttn-lrg-arrw.fll-white:hover:before,
.bttn-mdm-arrw.fll-white:hover:before {
    background-color: rgba(255, 255, 255, 1);
    color: black!important;
}

/* BACKGROUND COLOURS */

.bg-dgrey {
    background-color: #272421
}
.bg-lgrey {
    background-color: #EDECE9;
}
.bg-blue {
    background-color: #00728f;
}
.bg-cream {
    background-color: #EFEADC;
}
.bg-orange {
    background-color: #F37043;
}
.bg-red {
    background-color: #DA1D52;
}
.bg-green {
    background-color: #8CC63F;
}
.bg-sus-green {
    background-color: #7B832F;
}
.bg-black {
    background-color: #000;
}


/*
-------------------------------------------------------------------------------------------------------------------------

    SITE HEADERS

-------------------------------------------------------------------------------------------------------------------------
*/

/* FULL HEIGHT HEADER */

.fh-header .img  {
    background-size: cover;
    background-position: 50%;
}
.fh-header {
    height: 100vh;
    position: relative;
    overflow: hidden;
    background-color: #272421;
}
@media only screen and (max-width: 64rem) {
.fh-header {
    height: calc(100vh - 60px);
}
}
.fh-header:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 25%; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.65)),to(rgba(0,0,0,0)));
    background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    z-index: 1;
}
.fh-header .img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.fh-header:after {
    content: '';
    width: 100%;
    height: 60%;
    position: absolute;
    bottom: 0;
    background: -webkit-linear-gradient(top, rgba(39,36,33,0) 0%,rgba(39,36,33,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(39,36,33,0)),to(rgba(39,36,33,1)));
    background: -o-linear-gradient(top, rgba(39,36,33,0) 0%,rgba(39,36,33,1) 100%);
    background: linear-gradient(to bottom, rgba(39,36,33,0) 0%,rgba(39,36,33,1) 100%);
}
.fh-header .content {
    position: absolute;
    bottom: 150px;
    left: 0;
    right: 0;
    margin: 0 auto;
}


@media only screen and (max-width: 40em) {
    .fh-header .content {
        bottom: 70px;
    }
}


/* PARALLAX HEADER */

.fh-header .img span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: 50%;
}

.fh-header .img span {
    -webkit-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;
}
.fh-header.open .img span {
    -webkit-transition: all 20000ms ease-out;
    -o-transition: all 20000ms ease-out;
    transition: all 20000ms ease-out;
}

.fh-header .img span:nth-child(1) {
    z-index: 1;
}
.fh-header .img span:nth-child(2) {
    z-index: 2;
}
.fh-header .img span:nth-child(3) {
    z-index: 3;
}
.fh-header .img  span:nth-child(1) {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.fh-header .img span:nth-child(2) {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
}
.fh-header .img span:nth-child(3) {
    -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
            transform: scale(1.3);
}
.fh-header.open .img span:nth-child(1) {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
.fh-header.open .img span:nth-child(2) {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
.fh-header.open .img span:nth-child(3) {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

/* NEWS & PROJECT HEADER */

.news-header {
    width: 100%;
    height: 500px;
    background-position: 50%;
    background-size: cover;
    position: relative;
}
.news-header:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(39, 36, 33, 0.7);
}
.news-header > div.content {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}
.news-header h2 {
    margin-bottom: 10px;
}

/*
-------------------------------------------------------------------------------------------------------------------------

    BREADCRUMB TRAILS

-------------------------------------------------------------------------------------------------------------------------
*/

/* NEWS & PROJECTS */

.news-header .breadcrumb {
    border-bottom: 1px solid rgba(255,255,255,.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 25px 0;
}

/*
-------------------------------------------------------------------------------------------------------------------------

    MISC ELEMENTS

-------------------------------------------------------------------------------------------------------------------------
*/


.mission-statement h2 {
    font-size: 40px;
    margin: 0px 0 25px;
    line-height: 50px;
}
@media only screen and (max-width: 64em) {
    .mission-statement h2 {
        font-size: 38px;
        line-height: 40px;
    }
}
@media only screen and (max-width: 40em) {
    .mission-statement h2 {
        font-size: 30px;
        line-height: 32px;
    }
}

/* BORDERS */

.bt-d {
    border-top: 1px solid rgba(0,0,0,.1);
}
.bb-d {
    border-bottom: 1px solid rgba(0,0,0,.1);
}

/* TRANSITIONS */

a.down-arrow,
.wwd *,
.wwd *:before,
.wwd *:after {
    -webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -o-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

/* HOMEPAGE DOWN ARROW */

a.down-arrow {
    position: absolute;
    width: 80px;
    height: 80px;
    bottom: 45px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    border-bottom: 20px solid white;
    border-left: 20px solid white;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    opacity: .35;
    z-index: 10;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
@media only screen and (max-width: 40em) {
    a.down-arrow {
        width: 60px;
        height: 60px;
        bottom: 30px;
        border-bottom: 15px solid white;
        border-left: 15px solid white;
    }
}
a.down-arrow:hover {
    opacity: .7;
}

/* WHAT WE DO HOMEPAGE ROW */

.wwd {
    padding-top: 50px;
    padding-bottom: 50px;
}
.wwd ul {
    margin: 0;
    font-size: 0;
}
.wwd ul li {
    width: 25%;
    display: inline-block;
    position: relative;
    padding-top: 25px;
}
.wwd ul li:first-of-type {
    width: 100%;
    padding-top: 0;
    padding-bottom: 25px;
}
.wwd ul li:first-of-type:before {
    content: '';
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.15);
    width: calc(75% - -2px);
    left: 0;
    right: 0;
    margin: 0 auto;
}
.wwd ul li:after {
    content: '';
    width: 2px;
    height: 10px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.15);
}
.wwd ul li:after {
    top: 0px;
}
.wwd ul li:first-of-type:after {
    top: initial;
    bottom: 2px;
}
.wwd ul li a {
    font-family: 'WWFRegular';
    font-size: 40px;
    line-height: 50px;
}
@media only screen and (max-width: 40em) {
    .wwd ul li a {
        font-size: 26px;
        line-height: 30px;
    }
}
.wwd ul li a span {
    display: inline-block;
}
.wwd ul li a span:first-of-type {
    width: 60%;
    height: 0;
    padding-top: 60%;
    margin: 0 20%;
    display: inline-block;
    border-radius: 50%;
    -webkit-box-shadow: 0 10px 35px rgba(0, 0, 0, 0.4);
            box-shadow: 0 10px 35px rgba(0, 0, 0, 0.4);
    background-position: 50%;
    background-size: cover;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.wwd ul li:nth-child(1) a {
    color: rgba(255,255,255,.3);
}
.wwd ul li:nth-child(2) a {
    color: #e96c3f;
}
.wwd ul li:nth-child(3) a {
    color: #00728f;
}
.wwd ul li:nth-child(4) a {
    color: #da1d52;
}
.wwd ul li:nth-child(5) a {
    color: #8cc63f;
}

/* OPEN ANIMATIONS */

.wwd ul li:first-of-type:before {
    width: calc(0% - -0px);
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}
.wwd.open ul li:first-of-type:before {
    width: calc(75% - -2px);
}
.wwd ul li:after {
    height: 0px;
}
.wwd.open ul li:after {
    height: 10px;
    -webkit-transition-delay: 1s;
         -o-transition-delay: 1s;
            transition-delay: 1s;
}
.wwd.open ul li:first-of-type:after {
    height: 10px;
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
}
.wwd ul li a span:first-of-type {
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
}
.wwd.open ul li a span:first-of-type {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
.wwd.open ul li:nth-child(2) a span:first-of-type,
.wwd.open ul li:nth-child(2) a span:last-of-type {
    -webkit-transition-delay: .85s;
    -o-transition-delay: .85s;
       transition-delay: .85s;
}
.wwd.open ul li:nth-child(3) a span:first-of-type,
.wwd.open ul li:nth-child(3) a span:last-of-type {
    -webkit-transition-delay: .95s;
    -o-transition-delay: .95s;
       transition-delay: .95s;
}
.wwd.open ul li:nth-child(4) a span:first-of-type,
.wwd.open ul li:nth-child(4) a span:last-of-type {
    -webkit-transition-delay: 1.05s;
    -o-transition-delay: 1.05s;
       transition-delay: 1.05s;
}
.wwd.open ul li:nth-child(5) a span:first-of-type,
.wwd.open ul li:nth-child(5) a span:last-of-type {
    -webkit-transition-delay: 1.15s;
    -o-transition-delay: 1.15s;
       transition-delay: 1.15s;
}
.wwd ul li a span:last-of-type {
    -webkit-transform: translateY(25px);
        -ms-transform: translateY(25px);
            transform: translateY(25px);
    opacity: 0;
}
.wwd.open ul li a span:last-of-type {
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
}

.wwd.open.add-hover ul li a:hover span:first-of-type {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}

.wwd.open.add-hover ul li a:hover span:first-of-type {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.wwd.open.add-hover ul li a span:first-of-type,
.wwd.open.add-hover ul li a span:last-of-type {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
       transition-delay: 0s;
}

/*
-------------------------------------------------------------------------------------------------------------------------

    SECONDARY PAGE ELEMENTS 

-------------------------------------------------------------------------------------------------------------------------
*/

/* NEWS */

.news-content {
    padding-top: 0; 
}
.news-sub-content h5 {
    margin-bottom: 0;
}

/* FULL WIDTH IMAGE BREAKER */

.img--fw {
    width: 100%;
    height: 75vh;
    position: relative;
    overflow: hidden;
}
@media only screen and (max-width: 64em) {
    .img--fw {
        height: 55vh;
    }
}
@media only screen and (max-width: 40em) {
    .img--fw {
        height: 35vh;
    }
}
.img--fw > div {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
        transform: scale(1.15);
    -webkit-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;
    background-size: cover;
    background-position: 50%;
}
.img--fw.open > div {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
    -webkit-transition: 10s ease;
    -o-transition: 10s ease;
    transition: 10s ease;
}
/*
-------------------------------------------------------------------------------------------------------------------------

    BESPOKE CSS

-------------------------------------------------------------------------------------------------------------------------
*/

div#Widget8176 a .imgtobg {
    background-position: 70% 50%;
}

/* NEWSLETTER TURTLES */

.img-txt-pnls.newsletter .img span:nth-child(1) {
    -webkit-transform: scale(1.25);
        -ms-transform: scale(1.25);
            transform: scale(1.25);
}
.img-txt-pnls.newsletter .img span:nth-child(2) {
    -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
            transform: scale(1.5);
}
.img-txt-pnls.newsletter .img span:nth-child(3) {
    -webkit-transform: scale(1.6);
        -ms-transform: scale(1.6);
            transform: scale(1.6);
}
.img-txt-pnls.newsletter .img span:nth-child(4) {
    -webkit-transform: scale(1.8);
        -ms-transform: scale(1.8);
            transform: scale(1.8);
}
/* NEWSLETTER TURTLES */

.img-txt-pnls.newsletter.open .img span:nth-child(1) {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
.img-txt-pnls.newsletter.open .img span:nth-child(2) {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
.img-txt-pnls.newsletter.open .img span:nth-child(3) {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
.img-txt-pnls.newsletter.open .img span:nth-child(4) {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}


/* HOME INTRO IMAGE */

.home-intro .img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
        transform: scale(1.1);
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.home-intro.open .img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
    -webkit-transition: all 10000ms ease-in-out;
    -o-transition: all 10000ms ease-in-out;
    transition: all 10000ms ease-in-out;
}

/* PREFORM DOLLAR HANDLES */

.donate-pre-form * {
    -webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -o-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

.donate-pre-form {
    padding-top: 1em;
    margin-top: 1em;
    position: relative;
}
.donate-pre-form:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 50%;
    height: 1px;
    background-color: rgba(255,255,255,.2);
}

ul.dollar-handles {
    margin: 0;
    font-size: 0;
    padding: 15px 0;
}
ul.dollar-handles li {
    display: inline-block;
    margin: 0px 15px 15px 0px;
}
ul.dollar-handles li a {
    display: inline-block;
    background-color: #f37043;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 32px;
    font-family: 'wwfRegular';
    padding: 15px 0;
}

/* SELECTED */

ul.dollar-handles li.selected a {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
        transform: scale(1.2);
}

/* UNSELECTED */

ul.dollar-handles li.unselected a {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
        transform: scale(.8);
    background-color: rgba(255, 255, 255, 0.1)!important;
}

/* INSTAGRAM ROW */

.ig-row {
    background-color: rgba(255,255,255,.03);
    padding-top: 25px;
}
.ig-row > .row:first-of-type {
    margin-left: -1em;
}
.ig-row img {
    border: 7px solid white;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3), 7px 7px 0px white, 13px 13px 7px rgba(0, 0, 0, 0.15);
            box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3), 7px 7px 0px white, 13px 13px 7px rgba(0, 0, 0, 0.15);
}
.ig-likes h2 {
    margin-bottom: 15px;
    display: inline-block;
}
.ig-likes p {
    margin-bottom: 0;
    margin-left: 5px;
    display: inline-block;
}
.ig-info p:last-of-type {
    font-size: 13px;
    line-height: 18px;
}
.ig-info p:last-of-type {
    max-height: 190px;
    overflow: hidden;
    position: relative;
}

/* HOME INTRO IMAGE */

.newsletter {
    position: relative;
}
.newsletter > div {
    z-index: 2;
    position: relative;
    overflow: hidden;
}
.newsletter .img-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-image: url(https://hive.panda.org/Docs/WWF/Media/TR1/8/a/9/e/WW171150.jpg);
    background-position: 50% 70%;
    background-image: url('../images/general.jpg');
    background-position: 50%;
    background-size: cover;
    opacity: 0;
    -webkit-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
        transform: scale(1.2);
}
.newsletter .img-bg:before {
    /*content: '';*/
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
}
.newsletter .img-bg.img-gen {
    background-image: url(../images/general.jpg);
    opacity: 1;
    z-index: 0;
    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1);
    background-position: 50% 70%;
}
.newsletter .img-bg.reef {
    background-image: url(../images/reef.jpg)
}
.newsletter .img-bg.species {
    background-image: url(../images/species.jpg);
    background-position: 50%;
}
.newsletter .img-bg.climate {
    background-image: url(../images/climate.jpg)
}
.newsletter .img-bg.tree-clearing {
    background-image: url(../images/tree-clearing.jpg);
    background-position: 50%;
}

.newsletter .img-bg.fadeIn {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
}
.newsletter .txt {
        background-color: #272421;
    }

@media only screen and (max-width: 64em) {
    .newsletter .img {
        background-image: url('/ecThemes/3/Images/newsletter-bg.jpg');
        background-position: 0 50%;
        background-size: cover;
        height: 0;
        padding-top: 55%;
    }
}
@media only screen and (max-width: 40em) {
    .ig-row img {
        margin-bottom: 25px;
    }
}

/* DOLLAR HANDLES -- LANDING */

ul.widget-dollar-handles {
    list-style-type:  none;
    margin-left: -5px;
    margin-right: -5px;
    position:  relative;
    font-size:  0;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
}

.widget-dollar-handles li {
    display:  inline-block;
    width: 25%;
    padding: 0 5px;
    vertical-align:  top;
}
@media only screen and (max-width: 64em) {
    ul.widget-dollar-handles {
        display:  -webkit-box;
        display:  -ms-flexbox;
        display:  flex;
        -ms-flex-wrap:  wrap;
            flex-wrap:  wrap;
    }
    .widget-dollar-handles li {
        width: 50%;
        margin-bottom: 15px;
    }
}
@media only screen and (max-width: 40em) {
    .widget-dollar-handles li {
        width: 100%;
    }
}

.widget-dollar-handles li .inner {
    display:  block;
    position: relative;
    color:  white;
    text-align:  center;
    height:  100%;
    background-color: #222222;
}

.widget-dollar-handles li .inner .img {
    width:  100%;
    height: 0;
    padding: 30%;
    background-color: #1b1b1b;
    position:  relative;
    overflow:  hidden;
}
.widget-dollar-handles li .inner .img span {
    width: 102%;
    height: 102%;
    background-size:  cover;
    background-position:  50%;
    position:  absolute;
    left: -1%;
    top: -1%;
}


.widget-dollar-handles li .inner .desc {
    padding: 15px 15px 60px;
    position:  relative;
    z-index:  2;
}

ul.widget-dollar-handles li .inner h2 {
    font-size: 64px;
    line-height: 50px;
    margin-bottom: 22px;
}
ul.widget-dollar-handles li .inner i {
    opacity: 1;
    font-size:  50px;
    line-height:  normal;
    vertical-align: bottom;
    position:  relative;
    top:  8px;
}

ul.widget-dollar-handles li .inner h5 {
    font-size: 17px;
    line-height: 22px;
    margin:  0;
}
.widget-dollar-handles li .inner .donate-amount {
    background-color: #F37043;
    padding: 10px;
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    left: 0;
    color: white;
    width: 100%;
    z-index: 9;
    cursor: pointer;
}

/* WHEN INSIDE CONTENT */

.dollar-handles-parent ul.widget-dollar-handles {
    display: block;
    margin-left: 0;
    margin-right: 0;
    padding-top:  0;
}
.dollar-handles-parent .widget-dollar-handles li {
    width: 100%;
    padding: 0;
    font-size: 0;
    margin-bottom: 15px;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    min-height: 90px;
}
.dollar-handles-parent .widget-dollar-handles li .inner {
    height: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background-color: rgba(0, 0, 0, 0.03);
}
.dollar-handles-parent .widget-dollar-handles li .inner > * {
    vertical-align:  top;
}
.dollar-handles-parent .widget-dollar-handles li .inner .img {
    width: 30%;
    height: 100%;
    padding:  0;
    background-color: #222;
    display: inline-block;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    position: relative;
    overflow:  visible;
}
.dollar-handles-parent .widget-dollar-handles li .inner .img:before,
.dollar-handles-parent .widget-dollar-handles li .inner .img:after {
    /* content: ''; */
    position: absolute;
    right: 0;
    z-index:  9;
}
.dollar-handles-parent .widget-dollar-handles li .inner .img:before {
    top: 0;
    height: 45px;
    border-right: 15px solid #ededed;
    border-bottom: 15px solid transparent;
}
.dollar-handles-parent .widget-dollar-handles li .inner .img:after {
    bottom: 0;
    height: calc(100% - 45px);
    border-right: 15px solid #ededed;
    border-top: 15px solid transparent;
}
.dollar-handles-parent .widget-dollar-handles li .inner .desc {
    width: 70%;
    display: inline-block;
    padding: 25px 15px 25px 75px;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    text-align:  left;
    color: #222;
    height: 100%;
}
.desc-inner {
    height:  100%;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
}
.dollar-handles-parent .widget-dollar-handles li .inner .desc h2 {
    font-size: 50px;
    color: #3f9ffd;
    margin-bottom: 5px;
}
.dollar-handles-parent .widget-dollar-handles li .inner .desc h5 {
    font-size: 17px;
    margin-bottom: 0;
    font-weight: 600;
    line-height: normal;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
}
.dollar-handles-parent .widget-dollar-handles li .inner .img span {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    position: absolute;
    left: 0%;
    top: 0%;
}
@media only screen and (max-width: 64em) {
    .dollar-handles-parent .widget-dollar-handles li .inner .desc {
        padding: 15px 15px 15px 70px;
    }
    .dollar-handles-parent .widget-dollar-handles li .inner .desc h5 {
        font-size: 15px;
    }
}
@media only screen and (max-width: 40em) {
    .dollar-handles-parent .widget-dollar-handles li .inner .desc {
        padding: 15px 15px 15px 75px;
    }
    .dollar-handles-parent .widget-dollar-handles li .inner .desc h5 {
        font-size: 14px;
    }
}
.dollar-handles-parent .widget-dollar-handles li .inner .donate-amount {
    display: none;
}

/*
-------------------------------------------------------------------------------------------------------------------------

    FOOTER

-------------------------------------------------------------------------------------------------------------------------
*/
.footer {padding-bottom: 25px!important;background-color: #e6e5e1;}
.footer > .small-12.columns {
    padding: 0 50px;
    position: relative;
}

.footer img.logo-footer {
    width: 70px;
    float: left;
}
.footer .side-content {
    margin-left: 100px;
    margin-right: 130px;
    position: relative;
}
.footer .side-content .top,
.footer .side-content .bottom {
    width: 100%;
}
.footer .footer-gs {
    padding: 15px 0 5px;
}
.footer .footer-gs > div {
    margin-left: -7px;
}
.footer .side-content .top ul {
    margin: 0;
    font-size: 0;
    text-align: left;
}
.footer .side-content .top ul li {
    display: inline-block;
    margin: 0 15px 0 0;
    line-height: normal;
}
.footer ul li a {
    font-size: 13px;
    color: #222;
    font-weight: 600;
}
.footer ul li a:hover {
    color: black;
}
.footer p.legal {
    font-size: 12px;
    line-height: 20px;
    color: #706e6a;
}
.reg-bdge {
    position: absolute;
    vertical-align: top;
    top: 50%;
    width: 100px;
    right: 50px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    pointer-events: none;
}
.footer-gs {
    display: table;
}
.footer-gs a {
    background-color: transparent!important;
}
html .footer-gs .gs-buttons.gs-flat-colors.gs-small.gs-no-counter a[class*="gs-"] {
    padding-left: 0!important;
    padding-right: 0!important;
    margin-right: 36px;
    margin-bottom: 0!important;
}
html .footer-gs .gs-buttons.gs-small a[class*="gs-"] i {
    font-size: 18px!important;
}
html .footer-gs .gs-buttons a[class*="gs-"]:link:not(.gs-plus):not(.gs-hide),
html .footer-gs .gs-buttons a[class*="gs-"]:link:not(.gs-plus):not(.gs-hide) *,
html .footer-gs .gs-buttons a[class*="gs-"]:visited:not(.gs-plus):not(.gs-hide),
html .footer-gs .gs-buttons a[class*="gs-"]:visited:not(.gs-plus):not(.gs-hide) *,
html .footer-gs .gs-buttons a[class*="gs-"]:active:not(.gs-plus):not(.gs-hide),
html .footer-gs .gs-buttons a[class*="gs-"]:active:not(.gs-plus):not(.gs-hide), *
html .footer-gs .footer-gs .gs-buttons.gs-small a[class*="gs-"] i {
    color: #2d2a27!important;
}
.footer-gs a i {
    color: black!important;
}
.footer-gs .gs-buttons a[class*="gs-"]:link:not(.gs-plus):not(.gs-hide) * {
    color: #2d2a27!important;
}
.footer-gs .gs-buttons.gs-flat-colors.gs-medium.gs-no-counter a[class*="gs-"] {
    padding: 10px 5px!important;
    padding-left: 5px!important;
    padding-right: 5px!important; 
}
.footer-gs .gs-follow a.gs-ig i:before,
.footer-gs .gs-follow a.gs-yt i:before {
    color: #2d2a27!important;
}
.footer-gs .gs-buttons.gs-flat-colors:not(.gs-floating) a[class*="gs-"]:not(.gs-plus):not(.gs-badge):not(.gs-hide):link:hover {
    opacity: 1!important;
}
.footer-gs .gs-buttons.gs-flat-colors.gs-medium a:hover {
    opacity: 1!important;
}
.footer-gs .gs-fb:hover i:before {
    color: #3b5998!important;
}
.footer-gs .gs-tw:hover i:before {
    color: #1da1f2!important;
}
.footer-gs .gs-follow .gs-ig:hover i:before {
    color: #405de6!important;
}
.footer-gs .gs-follow .gs-ld:hover i:before {
    color: #0077b5!important;
}
.footer-gs .gs-follow .gs-yt:hover i:before {
    color: #cd201f!important;
}
@media only screen and (max-width: 40em) {
.footer img.logo-footer {
    width: 50px;
}
.footer .side-content {
    height: auto;
    margin-left: 70px;
    margin-right: 0px;
}
.footer .side-content > div {
    position: relative;
    top: 0%;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
        transform: translateY(0%);
}
.footer .side-content .top ul li {
    display: block;
    margin: 0 0px 10px 0;
}
.footer .side-content .top, .footer .side-content .bottom {
    padding: 10px 0;
}
.footer .side-content .top {
    padding-top: 0;
}
.footer-gs {
    display: table;
    position: relative;
}
.reg-bdge {
    position: absolute;
    vertical-align: top;
    top: 90px;
    width: 50px;
    left: 1em;
    right: initial;
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);
    pointer-events: none;
}
.footer > .small-12.columns {
    padding-right: 1rem;
    padding-left: 1rem;
}
}
@media only screen and (max-width: 840px) {
    .footer-gs {
        display: table;
        position: relative;
    }
    .footer-gs .gs-buttons a[class*="gs-"]:link {
        margin: 10px 20px 0 0!important;
    }
    .footer-gs .gs-buttons.gs-flat-colors.gs-medium.gs-no-counter a[class*="gs-"] {
        padding: 10px 5px!important;
        padding-left: 0px!important;
        padding-right: 0px!important; 
    }
}
.footer-badges {
    padding: 25px 150px 25px;
    background-color: #deddd9;
}
.footer-badges img {
    width: 80px;
    margin-right: 15px;
}
@media only screen and (max-width: 40em) {
.footer-badges {
    padding: 15px 85px 15px;
    background-color: #e6e5e1;
}
.footer-badges img {
    width: 70px;
    margin-right: 15px;
}
}

/* FOOTER HELP */

.footer-help {
    padding: 15px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 25px;
}

.footer-help h5 {
    margin-bottom: 5px;
}

/* STYLE FOR FOCUS BORDER */

span.input-border {
    display: block;
    overflow: hidden;
    border-radius: 3px;
    margin: 0;
    position: relative;
}
span.input-border input {
    margin: 0!important;
}
span.input-border:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 35%;
    background-color: rgba(255,255,255,.3);
    -webkit-transform: skew(35deg) translate(-100%,0%);
        -ms-transform: skew(35deg) translate(-100%,0%);
            transform: skew(35deg) translate(-100%,0%);
    -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
            transform-origin: bottom;
}
span.input-border.open {
    -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
            transform: scale(1.02);
    -webkit-box-shadow: 0 0 0 4px #06b94e, 0 10px 20px rgba(0,0,0,.5);
            box-shadow: 0 0 0 4px #06b94e, 0 10px 20px rgba(0,0,0,.5);
}
span.input-border.open:before {
    -webkit-animation: flashShine .4s cubic-bezier(0.860, 0.000, 0.070, 1.000) running;
            animation: flashShine .4s cubic-bezier(0.860, 0.000, 0.070, 1.000) running;
}
@-webkit-keyframes flashShine {
    0% { -webkit-transform: skew(35deg) translate(-100%,0%); transform: skew(35deg) translate(-100%,0%); }
    100% { -webkit-transform: skew(35deg) translate(500%,0%); transform: skew(35deg) translate(500%,0%); }
}
@keyframes flashShine {
    0% { -webkit-transform: skew(35deg) translate(-100%,0%); transform: skew(35deg) translate(-100%,0%); }
    100% { -webkit-transform: skew(35deg) translate(500%,0%); transform: skew(35deg) translate(500%,0%); }
}
span.input-border.open input {
    -webkit-box-shadow: none!important;
            box-shadow: none!important;
}



/*
-------------------------------------------------------------------------------------------------------------------------

    FORMS

-------------------------------------------------------------------------------------------------------------------------
*/

.clsFormCreator.wwf-form.light input,
.clsFormCreator.wwf-form.light textarea,
.clsFormCreator.wwf-form.light select {
    margin-bottom: 10px
}

/* ZENDESK */

.wwf-form .zendesk-form input[type="submit"] {
    background-color: #f37043;
    color: white;
    text-align: center;
    width: 25%;
    margin: 0 auto;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
@media only screen and (max-width: 40em) {
.wwf-form .zendesk-form input[type="submit"] {
    width: 100%;
}
}
.clsBtnSubmit, .clsMandatory {
    padding-right: 1rem;
    padding-left: 1rem;
}
.clsMandatory {
    font-size: 14px;
    margin-bottom: 15px;
}

/* GENERAL */

.flip-wrapper {
    background-color: #f3f3f3;
    padding: 15px;
    border-radius: 3px;
}

/*@media only screen and (max-width: 40em) {
    .wwf-form .medium-6.columns {
        padding-right: 1em!important;
    }
    .wwf-form .medium-6.columns {
        padding-left: 1em!important;
    }
    .wwf-form  .small-collapse > .column,
    .wwf-form  .small-collapse > .columns {
        padding-right: 0!important;
        padding-left: 0!important;
    }
}*/

.wwf-form * {
    -webkit-transition: all 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -o-transition: all 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition: all 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.wwf-form textarea {
    -webkit-transition: background-color 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -o-transition: background-color 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition: background-color 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.wwf-form .columns,
.wwf-form .column {
    position: relative;
}
.wwf-form label {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: 1rem;
    cursor: pointer;
}
.wwf-form textarea {
    min-height: 100px;
    width: 100%;
}

/* ON DARK BACKGROUND */

.wwf-form.dark label {
    color: white;
}
.wwf-form.dark input,
.wwf-form.dark textarea,
.wwf-form.dark select {
    background-color: rgba(255,255,255,.1);
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: white;
    cursor: pointer;
    margin-bottom: 0;
}

.wwf-form.dark input:focus,
.wwf-form.dark textarea:focus,
.wwf-form.dark select:focus {
    background-color: rgba(255,255,255,.1);
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    cursor: text;
}
.wwf-form.dark input:hover,
.wwf-form.dark input:focus,
.wwf-form.dark input:focus:hover,
.wwf-form.dark textarea:hover,
.wwf-form.dark textarea:focus,
.wwf-form.dark textarea:focus:hover,
.wwf-form.dark select:hover,
.wwf-form.dark select:focus,
.wwf-form.dark select:focus:hover {
    background-color: rgba(255,255,255,.2);
}
.wwf-form.dark ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white;
}
.wwf-form.dark ::-moz-placeholder { /* Firefox 19+ */
  color: white;
}
.wwf-form.dark :-ms-input-placeholder { /* IE 10+ */
  color: white;
}
.wwf-form.dark :-moz-placeholder { /* Firefox 18- */
  color: white;
}


/* ON LIGHT BACKGROUND */

.wwf-form.light label {
    color: #222;
    font-size: 1rem;
}
.wwf-form.light input,
.wwf-form.light textarea,
.wwf-form.light select {
    background-color: rgba(0,0,0,.05);
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #222;
    cursor: pointer;
}
.wwf-form.light button,
.wwf-form.light input[type="button"] {
    padding: 12px 40px;
    color: white;
    font-weight: 600;
    background-color: #e96c3f;
    text-transform: uppercase;
}
.wwf-form.light input[type="submit"],
.wwf-form.dark input[type="submit"] {
    background-color: #f36f43;
    color: white;
    padding: 14px 50px;
    font-weight: 600;
}
.wwf-form.light input[type="submit"]:hover,
.wwf-form.dark input[type="submit"]:hover {
    background-color: rgb(234, 96, 50);
}
.wwf-form.light input:focus,
.wwf-form.light textarea:focus,
.wwf-form.light select:focus {
    background-color: rgba(0,0,0,.05);
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    cursor: text;
}
.wwf-form.light input:hover,
.wwf-form.light input:focus,
.wwf-form.light input:focus:hover,
.wwf-form.light textarea:hover,
.wwf-form.light textarea:focus,
.wwf-form.light textarea:focus:hover,
.wwf-form.light select:hover,
.wwf-form.light select:focus,
.wwf-form.light select:focus:hover {
    background-color: rgba(0,0,0,.1);
}
.wwf-form.light ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #222;
}
.wwf-form.light ::-moz-placeholder { /* Firefox 19+ */
  color: #222;
}
.wwf-form.light :-ms-input-placeholder { /* IE 10+ */
  color: #222;
}
.wwf-form.light :-moz-placeholder { /* Firefox 18- */
  color: #222;
}

/* GENERAL BUTTON */

.wwf-form.light button,
.wwf-form.light input[type="button"],
.wwf-form.dark button,
.wwf-form.dark input[type="button"] {
    padding: 12px 40px;
    color: white;
    font-weight: 600;
    background-color: #e96c3f;
    text-transform: uppercase;
    cursor: pointer;
}
.wwf-form.light button:hover,
.wwf-form.light input[type="button"]:hover,
.wwf-form.dark button:hover,
.wwf-form.dark input[type="button"]:hover {
    background-color: #ec7737;
}

@media only screen and (max-width: 40em) {
    .wwf-form button,
    .wwf-form input[type="button"],
    .wwf-form input[type="submit"]
     {
        width: 100%;
    }
}

/* CHECKBOXES */

.wwf-form .wwf-controls {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 15px;
    padding-left: 28px;
    cursor: pointer;
    white-space: nowrap;
}
.wwf-form .wwf-controls input {
    position: absolute;
    z-index: 99;
    opacity: 0;
}
.wwf-form .wwf-controls .control__indicator {
    position: absolute;
    top: 4px;
    left: 0;
    width: 20px;
    height: 20px;
    background: rgba(0,0,0,.05);
    border-radius: 3px;
}
/* Hover and focus states */
.wwf-form .wwf-controls:hover input ~ .control__indicator,
.wwf-form .wwf-controls input:focus ~ .control__indicator {
    background: rgba(0,0,0,.15);
}
/* Checked state */
.wwf-form .wwf-controls input:checked ~ .control__indicator {
    background: rgba(0,0,0,.05);
}
/* Hover state whilst checked */
.wwf-form .wwf-controls:hover input:not([disabled]):checked ~ .control__indicator {
    background: rgba(0,0,0,.15);
}
.wwf-form .wwf-controls input:checked:focus ~ .control__indicator {
    background: rgba(0,0,0,.05);
}
/* Check mark */
.wwf-form .wwf-controls .control__indicator:after {
    position: absolute;
    -webkit-transform: translateY(50%) rotate(45deg);
        -ms-transform: translateY(50%) rotate(45deg);
            transform: translateY(50%) rotate(45deg);
    content: '';
    display: block;
    bottom: 60%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0px;
    height: 0px;
    border: solid #e96c3f;
    border-width: 0 0px 0px 0;
    -webkit-transition: width 0s, border-width 0s, height 0s 0s;
    -o-transition: width 0s, border-width 0s, height 0s 0s;
    transition: width 0s, border-width 0s, height 0s 0s;
}
/* Show check mark */
.wwf-form .wwf-controls input:checked ~ .control__indicator:after {
    width: 8px;
    height: 13px;
    border-width: 0 3px 3px 0;
    -webkit-transform: translateY(50%) rotate(45deg);
    -ms-transform: translateY(50%) rotate(45deg);
        transform: translateY(50%) rotate(45deg);
    -webkit-transition: width .1s, border-width 0s, height .1s .25s;
    -o-transition: width .1s, border-width 0s, height .1s .25s;
    transition: width .1s, border-width 0s, height .1s .25s;
}

/* LIGHT */
.wwf-form.light .wwf-controls .control__indicator {
    background: rgba(0,0,0,.05);
}
/* Hover and focus states */
.wwf-form.light .wwf-controls:hover input ~ .control__indicator,
.wwf-form.light .wwf-controls input:focus ~ .control__indicator {
    background: rgba(0,0,0,.15);
}
/* Checked state */
.wwf-form.light .wwf-controls input:checked ~ .control__indicator {
    background: rgba(0,0,0,.05);
}
/* Hover state whilst checked */
.wwf-form.light .wwf-controls:hover input:not([disabled]):checked ~ .control__indicator {
    background: rgba(0,0,0,.15);
}
.wwf-form.light .wwf-controls input:checked:focus ~ .control__indicator {
    background: rgba(0,0,0,.05);
}
/* DARK */
.wwf-form.dark .wwf-controls .control__indicator {
    background: rgba(255,255,255,.1);
}
/* Hover and focus states */
.wwf-form.dark .wwf-controls:hover input ~ .control__indicator,
.wwf-form.dark .wwf-controls input:focus ~ .control__indicator {
    background: rgba(255,255,255,.15);
}
/* Checked state */
.wwf-form.dark .wwf-controls input:checked ~ .control__indicator {
    background: rgba(255,255,255,.1);
}
/* Hover state whilst checked */
.wwf-form.dark .wwf-controls:hover input:not([disabled]):checked ~ .control__indicator {
    background: rgba(255,255,255,.15);
}
.wwf-form.dark .wwf-controls input:checked:focus ~ .control__indicator {
    background: rgba(255,255,255,.1);
}
.wwf-form.dark .wwf-controls .control__indicator:after {
    border-width: 0 0px 0px 0;
    -webkit-transition: width 0s, border-width 0s, height 0s 0s;
    -o-transition: width 0s, border-width 0s, height 0s 0s;
    transition: width 0s, border-width 0s, height 0s 0s;
}

/* RADIO */

.wwf-form .wwf-controls.radio .control__indicator {
    border-radius: 50%;
    padding: 5px;
}

.wwf-form .wwf-controls.radio .control__indicator:after {
    background-color: red;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    position: relative;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    border: none;
    -webkit-transition: .1s 0s!important;
    -o-transition: .1s 0s!important;
    transition: .1s 0s!important;
}
.wwf-form .wwf-controls.radio input:checked ~ .control__indicator:after {
    background-color: #e96c3f;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

/* DOLLAR HANDLES -- RADIO */

.wwf-form .dollar-handles .wwf-controls .control__indicator {
    width: 70px;
    height: 70px;
}
.wwf-form .dollar-handles .wwf-controls {
    width: 70px;
    height: 70px;
    top: 0;
    padding: 0;
    margin: 0;
    z-index: 3;
    line-height: 78px;
    font-size: 20px;
    font-weight: bold;
    margin: 0 .5vw 25px;
    vertical-align: top;
}
.wwf-form .dollar-handles .wwf-controls .control__indicator {
    z-index: -1;
}

.wwf-form .dollar-handles .wwf-controls input {
    position: absolute;
    z-index: 99;
    opacity: 0;
    width: 70px;
    height: 70px;
    left: 0;
    top: 0;
    margin: 0;
}
.wwf-form .dollar-handles .wwf-controls[for="handle4"] {
    font-size: 30px;
}

@media only screen and (max-width: 1140px) {
    .wwf-form .dollar-handles .wwf-controls .control__indicator {
        width: 50px;
        height: 50px;
    }
    .wwf-form .dollar-handles .wwf-controls {
        width: 50px;
        height: 50px;
        line-height: 58px;
        font-size: 17px;
        margin: 0 .5vw 25px;
    }
    .wwf-form .dollar-handles .wwf-controls input {
        width: 50px;
        height: 50px;
    }
    .wwf-form .dollar-handles .wwf-controls[for="handle4"] {
        font-size: 26px;
    }
}

/* CHECKBOX */

.checkbox input[type="checkbox"] {
    opacity: 0;
    position:  absolute;
}

.checkbox label {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    margin:  0;
}

.checkbox label::before,
.checkbox label::after {
    position: absolute;
    content: "";
    display: inline-block;
}

.checkbox label::before{
    height: 20px;
    width: 20px;
    border: 0;
    background-color: rgba(0, 0, 0, 0.1);
    left: 0px;
    top: 4px;
    border-radius: 3px;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.checkbox label:hover::before{
    background-color: rgba(0, 0, 0, 0.2);
}

.checkbox label::after {
    height: 7px;
    width: 12px;
    border-left: 3px solid #F37043;
    border-bottom: 3px solid #F37043;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    left: 4px;
    top: 9px;
}

.checkbox input[type="checkbox"] + label::after {
    content: none;
}

.checkbox input[type="checkbox"]:checked + label::after {
    content: "";
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea, select {
    margin-bottom: .5em;
}

/* VALIDATION */

.formValidation-shake {
    -webkit-animation: addFormShake .4s ease-in-out running forwards;
    -ms-animation: addFormShake .4s ease-in-out running forwards;
    -ms-animation-name: addFormShake;
    -ms-animation-duration: .4s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: ease-in-out;
    -ms-animation-play-state: running;
    -ms-animation-delay: 0s;
    -ms-animation-fill-mode: forwards;
    animation: addFormShake .4s ease-in-out running forwards
}

@-webkit-keyframes addFormShake {
    0% {
        -webkit-transform: translateX(0px) translateZ(0px)
    }

    20% {
        -webkit-transform: translateX(-10px) translateZ(0px)
    }

    40% {
        -webkit-transform: translateX(10px) translateZ(0px)
    }

    60% {
        -webkit-transform: translateX(-10px) translateZ(0px)
    }

    80% {
        -webkit-transform: translateX(10px) translateZ(0px)
    }

    100% {
        -webkit-transform: rotateY(0deg) translateZ(0px)
    }
}

@keyframes addFormShake {
    0% {
        -webkit-transform: translateX(0px) translateZ(0px)
    }

    20% {
        -webkit-transform: translateX(-10px) translateZ(0px)
    }

    40% {
        -webkit-transform: translateX(10px) translateZ(0px)
    }

    60% {
        -webkit-transform: translateX(-10px) translateZ(0px)
    }

    80% {
        -webkit-transform: translateX(10px) translateZ(0px)
    }

    100% {
        -webkit-transform: rotateY(0deg) translateZ(0px)
    }
}

.wwf-form.dark input.fm-invalid,
.wwf-form.light input.fm-invalid {
    -webkit-box-shadow: inset 0 0 0 2px #da1d34;
            box-shadow: inset 0 0 0 2px #da1d34;
}
.alert-box-c {
    height: 25px;
}
.alert-box {
    padding: 3px 0 0;
    border-radius: 3px;
    display: block;
    position: relative;
    font-size: 14px;
    color: #da1d34;
    font-weight: 600;
    text-align: left;
    height: 100%;
}
.alert-box p {
    color: white;
}
.wwf-form.dark input.border-red,
.wwf-form.light input.border-red,
.wwf-form.dark textarea.border-red,
.wwf-form.light textarea.border-red,
.wwf-form.light select.border-red,
.wwf-form.dark select.border-red {
    -webkit-box-shadow: inset 0 0 0 2px #e60d3b;
            box-shadow: inset 0 0 0 2px #e60d3b;
}
.alert-box.dh-alert {
    top: -25px;
    text-align: center;
}
.wwf-form .alert-box {
    background-color: #cffff4;
    border: 1px solid rgba(17, 202, 195, 0.4);
    margin-top:  15px;
    margin-bottom:  0;
    padding: 10px;
    text-align:  center;
}

.wwf-form .alert-box p {
    color: #0d6d56;
    font-weight:  400;
    margin:  0;
}
/*
-------------------------------------------------------------------------------------------------------------------------

    GLOBAL POPUP STYLES

-------------------------------------------------------------------------------------------------------------------------
*/



body.body-lock {
    overflow: hidden;
}

.wwf-popup {
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
    -webkit-transition: visibility 0s .3s linear, opacity .2s 0s linear, -webkit-transform .2s 0s linear;
    transition: visibility 0s .3s linear, opacity .2s 0s linear, -webkit-transform .2s 0s linear;
    -o-transition: visibility 0s .3s linear, opacity .2s 0s linear, transform .2s 0s linear;
    transition: visibility 0s .3s linear, opacity .2s 0s linear, transform .2s 0s linear;
    transition: visibility 0s .3s linear, opacity .2s 0s linear, transform .2s 0s linear, -webkit-transform .2s 0s linear;
}
.wwf-popup.open {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -webkit-transition: visibility 0s 0s linear, opacity .2s 0s linear, -webkit-transform .2s 0s linear;
    transition: visibility 0s 0s linear, opacity .2s 0s linear, -webkit-transform .2s 0s linear;
    -o-transition: visibility 0s 0s linear, opacity .2s 0s linear, transform .2s 0s linear;
    transition: visibility 0s 0s linear, opacity .2s 0s linear, transform .2s 0s linear;
    transition: visibility 0s 0s linear, opacity .2s 0s linear, transform .2s 0s linear, -webkit-transform .2s 0s linear;
}
.wwf-popup img.popup-logo {
    width: 50px;
}
.wwf-popup .close {
    position: fixed;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 3;
}
.wwf-popup .close:before,
.wwf-popup .close:after {
    content: '';
    width: 5px;
    height: 40px;
    position: absolute;
    background-color: black;
    top: 5px;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.wwf-popup .close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
}
.wwf-popup .close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
}
.wwf-popup .close:hover:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
}
.wwf-popup .close:hover:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
}

.popup-content {
    position: relative;
    z-index: 99999999;
}
.wwf-popup .bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background-color: rgba(255, 255, 255, 0.95);
}

.popup-wrapper {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -webkit-transition: .3s 0s ease-in-out;
    -o-transition: .3s 0s ease-in-out;
    transition: .3s 0s ease-in-out;
}
.popup-wrapper.open {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
    -webkit-transition: .3s 0s ease-in-out;
    -o-transition: .3s 0s ease-in-out;
    transition: .3s 0s ease-in-out;
}

/*
-------------------------------------------------------------------------------

    FOUNDATION - REVEAL

-------------------------------------------------------------------------------
*/
.reveal-overlay * {
    outline: 0;
}
.reveal-overlay {
    background-color: rgba(255, 255, 255, 0.955);
    z-index: 99999999999999;
    overflow: scroll !important;
    -webkit-overflow-scrolling: touch;
}
.reveal,
.reveal.full {
    -webkit-overflow-scrolling: touch;
    top: 0 !important;
    background-color: rgba(255, 255, 255, 0.97) !important;
}
.close-button, .close-button.medium {
    z-index: 999999999;
    position: fixed;
    font-size: 3em;
    color: #000;
}
.thankyou-content {
    padding: 50px 0 100px;
}
.thankyou-content.row {
    max-width: 62em;
}

/*
-------------------------------------------------------------------------------------------------------------------------

    HEADERS

-------------------------------------------------------------------------------------------------------------------------
*/

/* TITLE */


.header-title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    color: white;
    padding-bottom: 25px;
    width: 100%;
}
.header-title h5 {
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
}
@media only screen and (max-width: 64em) {
.header-title h5 {
    font-size: 18px;
    line-height: 25px;
}
}
@media only screen and (max-width: 40em) {
.header-title h5 {
    font-size: 16px;
    line-height: 21px;
}
.header-title {
    padding-bottom: 0px;
}
}
.mob-subheader {
    padding: 0em 1em 0;
}

.mob-subheader h5 {
    font-size:  16px;
    font-weight:  600;
    margin: 0;
    padding-bottom: 20px;
}
.mob-subheader h5:before {
    /*content: '';*/
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 35px;
    height: 4px;
    background-color: #3f9ffd;
}

/* LARGE */

.header--lrg {
    position: relative;
    width: 100%;
    height: 65vh;
    overflow: hidden;
}
.header--lrg:before {
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 50%;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.65)),to(rgba(0,0,0,0)));
    background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
}
.header--lrg p.credit {
    top: 0;
    bottom: initial;
    max-width: 50%;
}


/* MEDIUM */

.header--mdm {
    margin-top: 60px;
    min-height: 350px;
}
.header--mdm h2 {
    margin-bottom: 15px;
}
.header--mdm .bcr-c {
    margin: 0;
}
.header--mdm .bc {
    padding: 0 0 5px 0;
}
.header--mdm .bc ol {
    margin: 0;
    z-index: 2;
}
p.date {
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.075);
    padding-bottom: 17px;
}
.header--mdm .keywords {
    margin-bottom: 15px;
}
.header--mdm .keywords h6 {
    text-transform: uppercase;
    font-size: 13px;
    opacity: .4;
    margin: 0;
    font-weight: 600;
}
.header--mdm .keywords ul {
    margin: 0;
    list-style-type: none;
}
.header--mdm .keywords ul li {
    display: inline-block;
    margin-right: 15px;
}
.header--mdm .keywords li a {
    color: white;
    font-size: 13px;
    opacity: .4;
}
.header--mdm .keywords li a:hover {
    opacity: 1;
}
.header--mdm .gs-buttons.gs-center {
    text-align: left;
}
.header--mdm .bc li:last-child {
    opacity: .3;
}
.header--mdm .txt {
    position: relative;
    overflow: hidden;
}
.header--mdm .txt span img {
    position: absolute;
    height: 0px;
}
.header--mdm .txt span.imgtobg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: .1;
    -webkit-filter: blur(20px);
            filter: blur(20px);
    -webkit-transform: scaleX(-1) scale(1.2);
        -ms-transform: scaleX(-1) scale(1.2);
            transform: scaleX(-1) scale(1.2);
}

/* PAGE LAYOUT FOR MEDIUM PAGE */

.row.clm-row {
    max-width: calc(60rem - -200px);
}

.l-clm {
    width: 100px;
    float: left;
}
.r-clm {
    margin-left: 100px;
    margin-right: 125px;
}
.news-clm .r-clm {
    margin-right: 400px;
}
.news-clm .rmn-clm {
    float: right;
    width: 400px;
    padding-left: 50px;
}
.l-clm .gs-buttons.gs-center {
    text-align: left!important;
}
.l-clm .gs-buttons.gs-center a {
    display: inline-block!important;
    margin: 10px 10px!important;
}
.l-clm .gs-buttons.gs-center a:first-child {
    margin: 0 10px 10px!important;
}
@media only screen and (max-width: 64em) {
.l-clm {
    display: none;
}
.r-clm {
    margin: 0 25px;
}
.news-clm .r-clm {
    margin-right: 300px;
}
.news-clm .rmn-clm {
    width: 300px;
    padding-left: 1em;
}
.img-txt-pnls.header--mdm .img {
    height: 0;
    padding-top: 40%;
}
}
@media only screen and (max-width: 40em) {
.img-txt-pnls.header--mdm .img {
    padding-top: 60%;
}
.clm-row .r-clm,
.clm-row .r-clm {
    margin-right: 0px;
    margin-left: 0px;
}
}

/*
-------------------------------------------------------------------------------

    CIRCULAR THUMBNAILS

-------------------------------------------------------------------------------
*/

.slct-thmbs *,
.slct-thmbs-icons * {
    -webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -o-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

.slct-thmbs ul {
    padding: 0;
    margin: 0;
    font-size: 0;
}

.slct-thmbs ul > li > a {
    display: block;
    line-height: normal;
    font-size: 16px;
}

.slct-thmbs ul>li {
    cursor: pointer;
}

.slct-thmbs ul > li > a > img {
    -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 1, .05);
            box-shadow: 0px 15px 30px rgba(0, 0, 1, .05);
    display: block;
    height: 0;
    width: 80%;
    border-radius: 50%;
    margin: 10%;
    padding: 0;
    padding-bottom: 80%;
    background-size: cover;
    background-position: 50%;
    -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 1, .15);
            box-shadow: 0px 15px 30px rgba(0, 0, 1, .15);
    pointer-events: none;
}

.slct-thmbs ul > li:hover > a > img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
        transform: scale(1.2);
    -webkit-box-shadow: 0px 15px 50px rgba(0, 0, 1, .15);
            box-shadow: 0px 15px 50px rgba(0, 0, 1, .15);
}

.slct-thmbs {
    height: auto;
    list-style-type: none;
    margin: 0 auto;
    text-align: center;
    line-height: 0;
    font-size: 0;
    letter-spacing: 0;
}

.slct-thmbs li {
    width: 16.666667%;
    max-width: 180px;
    display: inline-block;
    margin: 0;
    vertical-align: top;
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
        transform: scale(.6);
    font-size: 16px;
    text-align: center;
}

.slct-thmbs li:before {
    content: none!important;
}

.slct-thmbs li:after {
    content: none!important;
}

@media only screen and (max-width: 64.063em) {
    .slct-thmbs li {
        width: 25%;
    }
}

.slct-thmbs li span:nth-child(2) {
    display: table;
    width: 100%;
    line-height: normal;
    margin: 25px 0 0 0;
    padding: 0;
    background-size: cover;
    background-position: 50%;
    opacity: 0;
    -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
            transform: translateY(-20px);
}

.slct-thmbs li:nth-child(1) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
       transition-delay: 0s;
}
.slct-thmbs li:nth-child(2) {
    -webkit-transition-delay: .05s;
    -o-transition-delay: .05s;
       transition-delay: .05s;
}
.slct-thmbs li:nth-child(3) {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
       transition-delay: .1s;
}
.slct-thmbs li:nth-child(4) {
    -webkit-transition-delay: .15s;
    -o-transition-delay: .15s;
       transition-delay: .15s;
}
.slct-thmbs li:nth-child(5) {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
       transition-delay: .2s;
}
.slct-thmbs li:nth-child(6) {
    -webkit-transition-delay: .25s;
    -o-transition-delay: .25s;
       transition-delay: .25s;
}
.slct-thmbs li:nth-child(7) {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
       transition-delay: .3s;
}
.slct-thmbs li:nth-child(8) {
    -webkit-transition-delay: .35s;
    -o-transition-delay: .35s;
       transition-delay: .35s;
}
.slct-thmbs li:nth-child(9) {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
       transition-delay: .4s;
}
.slct-thmbs li:nth-child(10) {
    -webkit-transition-delay: .45s;
    -o-transition-delay: .45s;
       transition-delay: .45s;
}
.slct-thmbs-vis li {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
}

.slct-thmbs-vis li:hover span:first-child {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
    -webkit-box-shadow: 0px 15px 50px rgba(0, 0, 1, .15);
            box-shadow: 0px 15px 50px rgba(0, 0, 1, .15);
}

.slct-thmbs-vis li span:nth-child(2) {
    opacity: 1;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
}

.slct-thmbs-vis li:hover span:nth-child(2) {
    opacity: 1;
}

/* HOVER TEXT */

.slct-thmbs a:hover {
    color: #222;
}
.slct-thmbs a:hover ~ a {
    color: #222;
}

/* CIRCULAR THUMBS - ICONS */

ul.slct-thmbs-icons,
.slct-thmbs-icons ul,
.slct-thmbs-icons {
    height: auto;
    list-style-type: none;
    margin: 0 auto;
    text-align: center;
    line-height: 0;
    font-size: 0;
    letter-spacing: 0;
    padding: 25px 0;
    max-width: 74rem;
}

.slct-thmbs-icons li {
    display: inline-block;
    margin: 0;
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
        transform: scale(.6);
    font-size: 16px;
    text-align: center;
    width: 20%;
    padding: 0 15px;
    position: relative;
    vertical-align: top;
}

.slct-thmbs-icons li h6 {
    margin-bottom: 10px;
}

.slct-thmbs-icons li span:first-child {
    display: block;
    width: 80%;
    margin: 0 10%;
    margin-bottom: 15px;
    padding: 0;
}

.slct-thmbs-icons li span:first-child i,
.slct-thmbs-icons li span:first-child em {
    color: #edece9;
    font-size: 70px;
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    color: rgb(232, 14, 51);
    background-color: rgba(0,0,0,.05);
    padding-top: 16px;
}

.slct-thmbs-icons li span h6 {
    font-size: 18px;
    line-height: normal;
    text-align: center;
    margin-bottom: 5px;
    color: #222;
}
.slct-thmbs-icons-vis li a:hover span h6 {
    color: #F37043!important;
}
.slct-thmbs-icons li span p {
    font-size: 15px;
    line-height: normal;
    text-align: center;
}
.slct-thmbs-icons li a {
    font-size: 15px;
    line-height: normal;
    color: #e80e33;
}
.slct-thmbs-icons li a:hover {
    color: #222;
}
@media only screen and (max-width:60em) {
.slct-thmbs-icons li {
    width: 33.333%;
    padding-bottom: 25px
}
}
@media only screen and (max-width:40em) {
.slct-thmbs-icons li {
    width: 100%;

}
.slct-thmbs-icons li span:first-child {
    display: block;
    width: 60%;
    margin: 0 20%;
    margin-bottom: 15px;
    padding: 0
}
.slct-thmbs-icons li span:first-child i,.slct-thmbs-icons li span:first-child em {
    font-size: 55px;
    width: 80px;
    height: 80px;
    padding-top: 16px
}
}

.slct-thmbs-icons li span:nth-child(2) {
    display: table;
    width: 100%;
    line-height: normal;
    margin: 25px 0 0 0;
    padding: 0 10px;
    background-size: cover;
    background-position: 50%;
    opacity: 0;
    -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
            transform: translateY(-20px);
}

.slct-thmbs-icons li:nth-child(1) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
       transition-delay: 0s;
}
.slct-thmbs-icons li:nth-child(2) {
    -webkit-transition-delay: .05s;
    -o-transition-delay: .05s;
       transition-delay: .05s;
}
.slct-thmbs-icons li:nth-child(3) {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
       transition-delay: .1s;
}
.slct-thmbs-icons li:nth-child(4) {
    -webkit-transition-delay: .15s;
    -o-transition-delay: .15s;
       transition-delay: .15s;
}
.slct-thmbs-icons li:nth-child(5) {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
       transition-delay: .2s;
}
.slct-thmbs-icons li:nth-child(6) {
    -webkit-transition-delay: .25s;
    -o-transition-delay: .25s;
       transition-delay: .25s;
}
.slct-thmbs-icons li:nth-child(7) {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
       transition-delay: .3s;
}
.slct-thmbs-icons li:nth-child(8) {
    -webkit-transition-delay: .35s;
    -o-transition-delay: .35s;
       transition-delay: .35s;
}
.slct-thmbs-icons li:nth-child(9) {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
       transition-delay: .4s;
}
.slct-thmbs-icons li:nth-child(10) {
    -webkit-transition-delay: .45s;
    -o-transition-delay: .45s;
       transition-delay: .45s;
}
.slct-thmbs-icons-vis li {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
}
.slct-thmbs-icons-vis li span:nth-child(2) {
    opacity: 1;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
}
.slct-thmbs-icons-vis li:hover span:nth-child(2) {
    opacity: 1;
}
.slct-thmbs-icons-vis li a:hover span i {
    color: #F37043;
}
.slct-thmbs-icons i.wwf-icon,
.slct-thmbs-icons em.wwf-icon {
    opacity: 1;
}

/*
-------------------------------------------------------------------------------

    INFO CAROUSEL

-------------------------------------------------------------------------------
*/

.info-carousel .container .img,
.info-carousel .container .text {
    -webkit-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -o-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

.info-carousel {
    width: 100%;
    height: auto;
    padding: 0;
    position: relative;
}

.info-carousel .container {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-size: cover;
    background-position: 50%;
    position: relative;
}

.info-carousel .container .img {
    display: table;
    width: 100%;
    height: 0;
    padding: 0;
    position: relative;
    z-index: 1;
    -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
            transform: scale(.9);
    opacity: .3;
}
.info-carousel .slick-center .container .img {
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
.slick-slide img {
    width: 100%;
}
.info-carousel .container .img .credit {
    top: 0;
    right: 0;
    bottom: inherit;
}
.info-carousel .container .text {
    background-color: #272421;
    color: white;
    padding: 35px;
    width: 80%;
    margin: 0 auto;
    margin-top: -100px;
    position: relative;
    z-index: 2;
    opacity: 0;
    -webkit-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
            transform: translateY(-50px);
    -webkit-transition-delay: .3s;
         -o-transition-delay: .3s;
            transition-delay: .3s;
}
@media only screen and (max-width: 40.063em) {
    .info-carousel .container .text {
        margin-top: 0px;
        width: 100%;
    }
}
.info-carousel .slick-center .text {
    opacity: 1;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
}

.info-carousel .container .text h3 {
    font-size: 32px;
    padding-bottom: 20px;
    margin-bottom: 18px;
}

.info-carousel .container .text p {
    margin-bottom: 0;
}

/* FOR VIDEO */

.info-carousel.video .container .text {
    background-color: #272421;
    color: white;
    margin-top: 0px;
}
.info-carousel.video .container .text h5,
.info-carousel.video .container .text p {
    text-align: center;
}
.info-carousel.video .container .text h5 {
    margin-bottom: 5px;
    margin-top: 10px;
}
/*
-------------------------------------------------------------------------------

    IMAGE SLIDER

-------------------------------------------------------------------------------
*/

.img-slider {
    margin: 0;
}

.img-slider img {
    margin: 0 auto;
}

.img-slider .credit-c {
    position: relative;
}

.img-slider .credit-c p.credit {
    position: absolute;
    right: 0;
    bottom: 0;
    color: white;
    margin: 0;
    padding: 0 5px 5px 0;
    line-height: normal;
}

.img-slider p.caption {
    width: 100%;
    height: auto;
    padding: 15px;
    color: #222;
    margin: 0;
    text-align: center;
}

.img-slider .text-container {
    display: block;
    padding: 25px;
    background-color: rgba(0,0,0,.05);
    font-family: 'Lato',sans-serif;
    font-size: 16px;
    line-height: 32px;
    color: #222;
}

.img-slider .slick-prev,
.img-slider .slick-next {
    top: 207px;
    margin-top: -50px;
}
.img-slider .slick-prev {
    left: 0;
}
.img-slider .slick-next {
    right: 0;
}

/*
-------------------------------------------------------------------------------

    Google Maps Container

-------------------------------------------------------------------------------
*/


/* Google Map Styles */

.map {
    width: 100%;
}

@media only screen and (max-width: 40em) {
    .map {
        display: none;
    }
}

.map__frame {
    position: relative;
    display: block;
    width: 100%;
    height: 120px;
    overflow: hidden;
    cursor: pointer;
}


/* Google Map (static) */

.map__frame img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: auto;
}


/* Google Map (dynamic) */

.gm-style {
    width: 100%;
    min-height: 300px;
}


/* Google Map (dynamic) - info window */

.gm-style-iw {
    font-size: 12px;
    line-height: 18px;
}


/* Hide Style Icons */

.gm-style-mtc,
.gmnoprint {
    display: none!important;
}

.map__print,
.map__legend {
    display: none;
    top: 0px !important;
}

.map__frame+.map__legend {
    display: block;
    height: 240px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    font-size: 12px;
    line-height: 18px;
}

.map__title,
.map__address,
.map__description {
    display: block;
    color: #000;
}

.map__title {
    margin: 0;
    font-weight: bold;
    font-size: 14px;
}

.map__address {
    margin: 0 0 10px;
    font-weight: bold;
}

.map__legend ul {
    margin: 0;
    padding: 0;
}

.map__legend ul li {
    position: relative;
    width: 100%;
    padding: 12px 10px 11px 38px;
    border-bottom: 1px solid #d0d0d0;
}

.map__legend__item {
    margin-bottom: 10px;
}

.map__legend__item a {
    font-size: 16px!important;
    font-weight: 400!important;
    color: #fff!important;
}

.map__marker {
    position: absolute;
    left: 10px;
    top: 13px;
    width: 19px;
    height: 28px;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
}

.map {
    height: 100%;
    height: 600px;
}

@media only screen and (min-width: 768px) {
    .map__legend {
        display: block;
        width: 350px;
        height: 100%;
        overflow-y: scroll;
        padding: 12px;
        margin: 0 0 5px;
        background: #00728f;
        color: rgba(255, 255, 255, .3);
        line-height: 25px;
        font-size: 12px;
    }
    .map>.map__legend {
        display: none;
    }
    .map__legend strong {
        color: #000;
    }
    .map__legend a {
        color: #000;
    }
    .map__legend a:hover {
        color: #ff6600;
    }
    .map__frame {
        min-height: 100%;
        background: #fff;
    }
    .map__frame+.map__legend {
        display: none;
    }
    .map__print {
        position: absolute;
        left: 30px;
        bottom: 30px;
        z-index: 1;
        display: inline-block;
        padding: 6px 12px;
        background: #ff6600;
        color: #fff;
        font-size: 14px;
        text-transform: uppercase;
    }
}


/* End Google Map Styles */



/*
-------------------------------------------------------------------------------

    RESOURCE LIBRARY

-------------------------------------------------------------------------------
*/

/* FEATURED RESULTS */


.featured-resource-wdgt *,
.featured-resource-wdgt *:before,
.featured-resource-wdgt *:after {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.featured-resource-wdgt {
    position: relative;
}
.feat-outer-res-c {
    padding-bottom: 15px;
}

.featured-resource-wdgt .fr-tile-c {
    margin-bottom: 15px;
}

.featured-resource-wdgt span.fr-tile a {
    display: block;
    background-color: white;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-bottom: 15px;
}
.featured-resource-wdgt span.fr-tile a:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-box-shadow: inset 0 0 0 10px white;
            box-shadow: inset 0 0 0 10px white;
}
.featured-resource-wdgt span.fr-tile:hover ~ a h2,
.featured-resource-wdgt a:hover h2 {
    color: #F37043;
}
.featured-resource-wdgt a img {
    margin: 0;
    position: relative;
    z-index: -1;  
}
.featured-resource-wdgt h2 {
    font-family: 'Lato';
    font-size: 16px;
    text-align: center;
    line-height: normal;
    margin: 0 0 10px;
    text-transform: uppercase;
    font-weight: bold;
    color: #222;
}
.featured-resource-wdgt p {
    text-align: center;
    opacity: .5;
    line-height: normal;
    font-size: 14px;
    color: #222;
}
@media only screen and (max-width: 64.063em) {
.featured-resource-wdgt p {
margin-bottom: 25px;
}
}
.featured-resource-wdgt h2 span {
    display: none;
}
.featured-resource-wdgt span.fr-tile {
    display: block;
    position: relative;
}
.featured-resource-wdgt span.fr-tile:after {
    content: '';
    position: absolute;
    width: calc(100% - -10px);
    height: calc(100% - -10px);
    background-color: #eaeae9;
    top: -5px;
    left: -5px;
}
.featured-resource-wdgt:hover span.fr-tile:after {
    background-color: #F37043;
}
.featured-resource-wdgt span.fr-tile:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    right: 0;
    background-color: #f6f6f0;
    z-index: 3;
    border-bottom: 50px solid white;
    border-right: 50px solid #eaeae9;
    -webkit-box-shadow: -2px 2px 0px 2px rgba(0, 0, 0, 0.06);
            box-shadow: -2px 2px 0px 2px rgba(0, 0, 0, 0.06);
    pointer-events: none;
}
.featured-resource-wdgt:hover span.fr-tile:before {
    border-right: 50px solid #F37043;
}
.featured-resource-wdgt:hover h2 {
    color: #F37043;
}
.resource-filters.filter-wrap .widget-refine-initatives,
.resource-filters.filter-wrap .widget-refine-pubtype {
    width: 33.333%;
}
@media only screen and (min-width: 40.063em) {
.clsFormCreator .small-12.medium-6.columns.left {
    padding-right: 7px;
}
.clsFormCreator .small-12.medium-6.columns.right {
    padding-left: 7px;
}
}
@media only screen and (max-width: 40.063em) {
    .resource-filters.filter-wrap .widget-refine {
        width: 100%;
    }
}

/* RESOURCES LIST */

ul.resources-list {
    list-style-type: none;
    position: relative;
    margin-bottom: 25px;
}

.resources-list li {
    background-color: #efeadc;
    margin-bottom: 5px;
    border-left: 5px solid #f37043;
    -webkit-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    position: relative;
}
.resources-list li:hover {
    border-left: 5px solid #222;
}
.resources-list li:nth-child(even) {
    background-color: rgba(239, 234, 220, 0.65);
}

.resources-list li span.file-tip {
    position: absolute;
    z-index: 3;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    -webkit-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
}

.resources-list li span.file-tip:before {
    content: '\f016';
    font-family: 'FontAwesome';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
    color: rgba(0, 0, 0, 0.15);
    -webkit-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
}

.resources-list li .file-tip p {
    white-space: nowrap;
    font-size: 13px;
    text-align: right;
    position: absolute;
    left: -350%;
    top: 2px;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    background-color: rgba(0, 0, 0, 0.1);
    line-height: normal;
    padding: 3px 8px;
    border-radius: 2px;
}
.resources-list li span.file-tip:hover:before {
    color: rgba(0, 0, 0, 0.3);
}
.resources-list li span.file-tip:hover p {
    opacity: 1;
}

.resources-list li a {
    display: block;
    padding: 15px;
}

.resources-list h5 {
    font-size: 20px;
    line-height: normal;
    font-weight: 500;
    margin-bottom: 5px;
    -webkit-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    color: #222;
}

.resources-list a:hover h5 {
    color: #F37043;
}

.resources-list li a p {
    font-size: 15px;
    line-height: 21px;
    opacity: 0.7;
    color: #222;
}
.resources-list li a p.lst-dt {
    margin-top: 10px!important;
    font-size: 13px;
    color: #222;
}

.resources-list span.file-info {
    font-size: 12px;
    font-weight: bold;
    opacity: .3;
    padding: 3px;
    border-radius: 4px;
    color: #222;
}
.resources-list a:hover h5 span.file-info {
    color: #222;
}

/* PAGINATION */

.pagination {
    text-align: center;
}
.pagination a {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: #f37043;
    color: white;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    padding: 0;
}
.pagination a:hover {
    background-color: #272421;
}
.pagination a span {
    display: block;
    margin: 0;
    height: 100%;
    width: 100%;
    padding: 8px;
    background-color: transparent;
}
.pagination a span.resultPageNumberSelected {
    background-color: #272421!important;
}

.pagination a#NextLink,
.pagination a#PreviousLink {
    font-size: 0;
    text-align: center;
    position: relative;
}
.pagination a#NextLink:before,
.pagination a#PreviousLink:before {
    font-family: 'FontAwesome';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
    font-size: 18px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding-top: 5px;
}
.pagination a#NextLink:before {
    content: '\f054';
}
.pagination a#PreviousLink:before {
    content: '\f053';
}
.pagination .widgetPageLinks h3 {
    display: none;
}

/*
-------------------------------------------------------------------------------

    FUN FACT!

-------------------------------------------------------------------------------
*/

.fun-fact {
    position: relative;
    padding-bottom: 25px;
}

.fun-fact div:first-child {
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    padding-right: 0!important;
    padding-left: 0!important;
    width: 35%!important;
}

.fun-fact div:first-child .img {
    height: 100%;
    width: 100%!important;
    background-position: 50%;
    background-size: cover;
}

.fun-fact div:last-child {
    background-color: #aeb35f;
    width: 65%!important;
    padding: 0!important;
}

.fun-fact div:last-child.fact h1,
.fun-fact div:last-child.fact h2 {
    font-size: 40px;
    font-style: italic;
    text-transform: uppercase;
    color: #fbfbfa;
    background-color: rgba(0, 0, 0, .1);
    padding: 35px 20px 40px 20px;
    line-height: 0;
    margin: 0;
}

.fun-fact div:last-child.fact p {
    margin: 0;
    padding: 15px 20px 18px 20px;
    line-height: 32px;
    color: #fbfbfa;
    font-size: 26px;
    font-family: 'wwfregular';
    font-style: italic;
    letter-spacing: 1px;
}

@media only screen and (max-width: 40.063em) {
    .fun-fact div:last-child.fact h1,
    .fun-fact div:last-child.fact h2 {
        font-size: 28px;
        font-style: italic;
        text-transform: uppercase;
        color: #fbfbfa;
        background-color: rgba(0, 0, 0, .1);
        padding: 20px 20px 30px 20px;
        line-height: 0;
        margin: 0;
    }
    .fun-fact div:last-child.fact p {
        padding: 15px 20px 18px 20px;
        line-height: 22px;
        font-size: 16px;
        font-family: 'wwfregular';
        font-style: normal;
        letter-spacing: normal;
    }
}

/*
-------------------------------------------------------------------------------

    LIST ITEMS

-------------------------------------------------------------------------------
*/

.lst-itm *,
.lst-itm *:before,
.lst-itm *:after {
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

ul.lst-itm {
    position: relative;
    list-style-type: none;
    margin: 0 auto;
}
.lst-itm li {
    position: relative;
}
.lst-itm li a {
    display: inline-block;
    width: 100%;
    background-color: #f5f5ee;
    padding: 15px 15px 15px 215px;
    margin-bottom: 15px;
}
.lst-itm li a:hover h5 {
    color: #f37043;
}
.lst-itm .lst-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 100%;
    background-color: #272421;
    overflow: hidden;
}
.lst-itm .lst-img:before,
.lst-itm .lst-img:after {
    content: '';
    position: absolute;
    right: 0;
    width: 20px;
    height: 50%;
    z-index: 9;
    border-left: 20px solid transparent;
}
.lst-itm .lst-img:before {
    top: 0;
    border-bottom: 20px solid #f5f5ee;
}
.lst-itm .lst-img:after {
    bottom: 0;
    border-top: 20px solid #f5f5ee;
}
.lst-itm a:hover .lst-img:before,
.lst-itm a:hover .lst-img:after {
    width: 10px;
    border-left: 10px solid transparent;
}
.lst-itm a:hover .lst-img:before {
    border-bottom: 10px solid #f5f5ee;
}
.lst-itm a:hover .lst-img:after {
    border-top: 10px solid #f5f5ee;
}
.lst-img > div {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
}
.lst-itm li a:hover .lst-img > div {
    -webkit-transform: scale(1.35);
    -ms-transform: scale(1.35);
        transform: scale(1.35);
}
.lst-itm h5,
.lst-itm p {
    color: #222;
    margin-bottom: 5px;
}
.lst-itm h5 {
    font-size: 18px;
    line-height: normal
}
.lst-itm p {
    font-size: 15px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.55);
}
p.lst-dt {
    margin-top: 15px;
    opacity: .7;
    font-size: 13px;
}
@media only screen and (max-width: 64em) {
    .lst-itm li a {
        padding: 15px 15px 15px 165px;
    }
    .lst-itm .lst-img {
        width: 150px;
    }
}
@media only screen and (max-width: 40em) {
    .lst-itm li a {
        padding: 15px 15px 15px 115px;
    }
    .lst-itm .lst-img {
        width: 100px;
    }
    .lst-itm p {
        display: none;
    }
    p.lst-dt {
        display: block;
    }
    .lst-itm h5 {
        font-size: 15px;
        line-height: normal
    }
}

/*
-------------------------------------------------------------------------------

    IMAGE GALLERY

-------------------------------------------------------------------------------
*/

/* CONTAINERS */

.hdr-cntnt h1 span:nth-child(1),
.hdr-cntnt h1 span:nth-child(2) {
    display: none;
}

.row.bcr-c,
.row.hdr-cntnt,
.row.content {
    max-width: 100%;
}
#breadcrumblabel {
    display: none;
}
.phgll-w {
    background-color: #272421;
    position: relative;
    margin: 0 auto;
}
.phgll-w .hdr {
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
    position: relative;
    background-color: #272421;
}
.phgll-w .hdr .hdr-cntnt {
    width: 100%;
    margin: 0 auto;
    max-width: 1000px;
}
.phgll-w .hdr .hdr-cntnt > div {
    padding-top: 25px;
    padding-bottom: 25px;
    z-index: 9;
    position: relative;
}
.phgll-w .hdr .bcr-c {
    border-bottom: 1px solid rgba(255,255,255,.1);
    position: relative;
    padding: 0;
    margin: 0 auto;
}
.phgll-w .hdr .bcr-c .bc {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    float: none;
    padding-top: 15px;
    padding-bottom: 15px;
}
.phgll-w .hdr .bcr-c .bc ol {
    text-align: left;
    margin: 0 auto;
    padding: 0;
    display: inline-block;
}

.phgll-w .hdr .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    opacity: .15;
}

/* TEXT */

.phgll-w .hdr h1,
.phgll-w .hdr h2,
.phgll-w .hdr p,
.phgll-w .content h1,
.phgll-w .content h2,
.phgll-w .content h3,
.phgll-w .content h4,
.phgll-w .content h5,
.phgll-w .content h6,
.phgll-w .content p {
    color: white;
    margin: 0;
    padding: 0;
}
.phgll-w .hdr h1 {
    font-size: 58px;
    line-height: 68px;
    text-transform: none;
    margin-top: -5px;
    margin-bottom: 10px;
}
.phgll-w .hdr h2 {
    font-size: 32px;
    line-height: normal;
}
.phgll-w .hdr h5 {
    color: white;
    margin-bottom: 5px;
    line-height: normal;
}
.phgll-w .hdr p.date {
    margin-bottom: 25px;
}
.phgll-w .hdr .share .gs-buttons.gs-center {
    text-align: left;
}
.phgll-w .hdr .keywords {
    margin-bottom: 15px;
}
.phgll-w .hdr .keywords ul {
    list-style-type: none;
    margin: 0;
}
.phgll-w .hdr .keywords li {
    color: rgba(255, 255, 255, 0.4);
    display: inline-block;
    font-size: 14px;
    font-style: italic;
    margin-right: 15px;
}
/* CONTENT */

.phgll-w .content {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.phgll-w .content > div {
    padding-top: 25px;
    padding-bottom: 25px;
}
.phgll-w .content img {
    cursor: pointer;
    margin-bottom: 5px;
}
.phgll-w .content p {
    line-height: 26px;
}
.phgll-w .content p.credit {
    bottom: 5px;
}

.phgll-w .hdr .switch,
.phgll-w .hdr .switch * {
    -webkit-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
}

.phgll-w .hdr .switch {
    width: 50px;
    height: 15px;
    position: absolute;
    top: 26px;
    right: 16px;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.25);
            box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.25);
    border-radius: 10px;
    padding: 3px;
    cursor: pointer;
    z-index: 9;
}
.phgll-w .hdr .switch:hover {
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
            box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
}
.phgll-w .hdr .switch:hover span {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
        transform: scale(.8);
}
.phgll-w .hdr .switch span {
    height: 100%;
    width: 9px;
    display: block;
    background-color: white;
    border-radius: 50%;
    position: relative;
    left: 0;
}
.phgll-w .hdr .switch p.sw-tltp {
    position: absolute;
    right: 60px;
    white-space: nowrap;
    font-size: 12px;
    top: -4px;
    line-height: normal;
    pointer-events: none;
    text-transform: uppercase;
    background-color: rgba(255, 255, 255, 0.2);
    padding: 4px 6px!important;
    border-radius: 3px;
    opacity: 0;
}
.phgll-w .hdr .switch p.sw-tltp:before {
    content: 'Light mode';
}
.phgll-w .hdr .switch:hover p.sw-tltp {
    opacity: 1;
}
/* ON */
.phgll-w .hdr .switch.on {
    background-color: rgb(13, 195, 121);
}
.phgll-w .hdr .switch.on span {
    left: 35px;
}
.phgll-w .hdr .switch.on p.sw-tltp:before {
    content: 'Dark mode';
}

/* LIGHT MODE */

.phgll-w,
.phgll-w * {
    -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out, color .3s ease-in-out;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
}
.phgll-w.light {
    background-color: #fbfbfa;
}
.phgll-w.light .content h5,
.phgll-w.light .content p {
    color: #222;
}
.phgll-w.light .content p.credit {
    color: white;
}
.phgll-w.light span.ldl {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}


@media only screen and (max-width: 64.063em) {
    .phgll-w .hdr h2 {
        text-align: left;
    }
}
@media only screen and (max-width: 40.063em) {
    .phgll-w .hdr h1 {
        font-size: 38px;
        line-height: 42px;
        margin-top: 0px;
    }
    .phgll-w .hdr h2 {
        font-size: 26px;
    }
}

.phgll-w .read-more h3 {
    color: white;
}
.phgll-w.light .read-more h3 {
    color: #222;
}
.phgll-w .read-more .bg-dgrey {
    background-color: #1d1b18;
}
.phgll-w .read-more .bg-dgrey.bg-orange {
    background-color: #F37043!important;
}
.phgll-w .read-more .rm-ar-w-r:after,
.phgll-w .read-more .rm-ar-w:after {
    background-color: #1d1b18!important;
}

.phgll-w .read-more .bg-orange.rm-ar-w-r:after {
    background-color: #F3703E!important;
}

.phgll-w .bt-d {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.phgll-w.light .bt-d {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/*
-------------------------------------------------------------------------------

    ARTICLE BLOCK QUOTE

-------------------------------------------------------------------------------
*/

@media only screen and (max-width: 40.063em) {
    .art-block-quote {
        position: relative;
        font-size: 30px;
        color: #F37043;
        margin: 25px 0;
        line-height: 38px;
        quotes: "\201C""\201D""\2018""\2019";
    }
}

h1.art-block-quote,
h5.art-block-quote {
    position: relative;
    font-size: 40px;
    color: #F37043;
    margin: 0;
    line-height: 56px;
    quotes: "\201C""\201D""\2018""\2019";
    display: inline-block;
    padding: 25px 0;
    font-family: 'WWFRegular';
    text-transform: uppercase;
}

h1.art-block-quote:before,
h5.art-block-quote:before {
    position: absolute;
    content: open-quote;
    top: 0;
    left: 0;
    font-family: 'Georgia';
    font-size: 600px;
    opacity: .2;
    line-height: normal;
    height: 270px;
    pointer-events: none;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

@media only screen and (max-width: 40.063em) {
    h1.art-block-quote,
    h5.art-block-quote {
        position: relative;
        font-size: 30px;
        color: #F37043;
        margin: 25px 0;
        line-height: 38px;
        quotes: "\201C""\201D""\2018""\2019";
    }
}


/* QUOTE TESTIMONIAL */

.quote-testimonial {
    display: table;
    margin: 0 auto;
    clear: both;
    position: relative;
    margin: 0px auto;
    text-align: right;
    margin-right: 0;
    padding-right: 35px;
    border-top: 3px solid gainsboro;
    padding-top: 10px;
}

.quote-testimonial:before {
    content: '\f130';
    font-family: 'FontAwesome';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
    width: 100px;
    height: 100px;
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    top: 50%;
    margin-top: -50px;
    margin: 0;
    margin-right: auto;
    right: 0;
    margin-top: -50px;
    font-size: 28px;
    right: 6px;
    text-align: right;
    line-height: 0;
    padding-top: 50px;
    color: #f37043;
}

.quote-testimonial p:first-child {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    text-align: right!important;
}

.quote-testimonial p:last-child {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    color: #777777;
    margin: 0;
    position: relative;
    padding-bottom: 15px;
    display: table;
    margin: 0 auto;
    text-align: right!important;
    line-height: normal;
}

h1.art-block-quote-small,
h5.art-block-quote-small {
    font-family: 'Georgia';
    font-size: 18px;
    text-transform: none;
    line-height: 38px;
    margin-bottom: 0;
}


/* */

h2.art-block-quote {
    font-family: "Georgia", serif;
    position: relative;
    font-size: 22px;
    margin: 50px 0;
    line-height: 38px;
    quotes: "\201C""\201D""\2018""\2019";
}

h2.art-block-quote:before {
    position: absolute;
    content: open-quote;
    top: -40px;
    left: -20px;
    font-family: 'Georgia';
    font-size: 140px;
    opacity: .2;
    line-height: normal;
}

@media only screen and (max-width: 40.063em) {
    h2.art-block-quote {
        position: relative;
        font-size: 30px;
        color: #F37043;
        margin: 25px 0;
        line-height: 38px;
        quotes: "\201C""\201D""\2018""\2019";
    }
}


/*
-------------------------------------------------------------------------------

    ARTICLE BLOCK QUOTE

-------------------------------------------------------------------------------
*/

.testimonial p {
    quotes: "\201C""\201D""\2018""\2019";
    position: relative;
    z-index: 1;
    margin-bottom: 35px;
}

.testimonial p:before {
    position: absolute;
    content: open-quote;
    top: -60px;
    left: -20px;
    font-family: 'Georgia';
    font-size: 180px;
    opacity: .2;
    line-height: normal;
    color: #222;
    z-index: -1;
}

.testimonial h1 {
    font-size: 30px;
    line-height: 30px;
    margin: 0;
}

.testimonial p:last-child {
    font-size: 14px;
    margin: 0;
}

.testimonial p:last-child:before {
    content: none;
}

/*
-------------------------------------------------------------------------------

    FILTERS

-------------------------------------------------------------------------------
*/


.filter-wrap {
    position: relative;
    display: table;
}

.top-pos {
    display: table-header-group;
}

.filter-wrap .form-c {
    width: 100%;
    margin: 0 0 40px 0;
}

.filter-wrap .widget-refine {
    width: 25%;
    float: left;
    padding: 0 15px;
    margin-bottom: 25px;
}

.filter-news .widget-refine {
    width: 33.33333%;
}

@media only screen and (max-width: 40em) {
    .filter-wrap .widget-refine,
    .filter-news .widget-refine {
        width: 100% !important;
    }
    .filter-news .widget-refine ol {
        width: 50% !important;
    }
    .filter-news .widget-refine ol.active {
        position: relative;
        width: 100% !important;
    }
}

.filter-news .widget-refine h2 {
    text-align: left;
}

.filter-wrap .widget-refine ol {
    list-style: none;
    margin: 0;
    background-color: #fff;
    padding: 0 10px 10px 10px;
    display: none;
    position: absolute;
    width: 252px;
    border: 1px #eee solid;
    z-index: 9;
}
.filter-wrap .widget-refine ol li {
    position: relative;
}

.reset-filters {
text-align: center;
}
.filter-tip p {
    font-size: 13px;
    opacity: .5;
}
.filter-tip p i {
    font-size: inherit;
    color: inherit;
}

.filter-wrap .widget-refine ol.active,
.filter-news .widget-refine ol.active {
    display: block !important;
}

.filter-wrap .widget-refine ol a {
    font-family: 'Lato';
    color: #7B832D;
    font-weight: 300;
    display: block;
}

.filter-wrap .RefineWidgetRemove {
    position: absolute;
    right: 0;
    font-size: 0;
    top: 0;
}

.filter-wrap .RefineWidgetRemove:before {
    font-family: 'FontAwesome';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
    content: "\f00d";
    color: red;
    text-indent: 0;
    font-size: 18px;
}

.filter-wrap .widget-refine h2 {
    cursor: pointer;
    width: 100%!important;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: white;
    border-color: white;
    border-width: 2px;
    font-size: 18px;
    font-family: 'Lato';
    color: #7B832D;
    font-weight: 300;
    outline: none;
    line-height: normal;
    padding: 10px;
    position: relative;
    -webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -o-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    margin: 0;
    /* easeInOutQuart */
}

.filter-wrap .widget-refine h2:before {
    content: "\f078";
    font-family: 'FontAwesome';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
    position: absolute;
    right: 15px;
}


/* keyword search */

.filter-wrap .widget-refine-search {
    width: 100%;
}

.filter-wrap input[type="text"] {
    height: 50px;
    width: 100%!important;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: white;
    border-color: white;
    border-width: 2px;
    margin-bottom: 25px;
    font-size: 18px;
    font-family: 'Lato';
    color: #7B832D;
    font-weight: 300;
    outline: none;
    line-height: normal;
    -webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -o-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    /* easeInOutQuart */
}

.filter-wrap .widget-refine-search h2,
.filter-wrap .widget-refine-search label {
    display: none;
}

.widget-refine .searchLink {
    font-size: 18px;
    padding: 15px 40px;
    background-color: #F37043;
    color: #ffffff!important;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    display: block;
    z-index: 1;
    margin: 0;
    width: 100%;
}

form .row .currentnews-widget .columns {
    padding: 0;
}

.filter-wrap .wh-widget {
    padding-top: 0;
}

.filter-wrap .wh-widget h3 {
    display: none;
}

.filter-wrap .wh-widget .post-wrap {
    padding-right: 35px !important;
}

.filter-wrap .wh-widget .post-wrap.nr-left {
    padding-left: 35px !important;
    padding-right: 0 !important;
}

/*
-------------------------------------------------------------------------------

    WIDGETS

-------------------------------------------------------------------------------
*/

/* EDITOR PROFILE */

.article-profile {
    -webkit-transform: translateX(-20%);
        -ms-transform: translateX(-20%);
            transform: translateX(-20%);
}

.article-profile img {
    max-width: 300px;
    width: 100%;
    border-radius: 50%;
    padding: 0px 10px 10px;
    margin: 0;
}
.article-profile a {
    display: inline-block;
}
.article-profile p {
    font-size: 12px;
    line-height: normal;
    text-align: center;
    margin-bottom: 10px;
}


/* READ MORE WIDGET */

.rm-news-wgt h4 {
    line-height: normal;
    border-bottom: 5px solid #f37043;
    padding-bottom: 15px;
}
.rm-news-wgt ul {
    list-style-type: none;
    margin: 0;
}
.rm-news-wgt ul li {
    line-height: normal;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #a7a7a7;
}
.rm-news-wgt ul li:last-child {
    border-bottom: none;
}
.rm-news-wgt ul li a {
    color: #222;
    font-weight: 600;
    font-size: 0;
}
.rm-news-wgt ul li a:hover {
    color: #f37043;
}
.rm-news-wgt ul li a span {
    display: inline-block;
    font-size: 15px;
    vertical-align: top;
}
.rm-news-wgt ul li a span:first-child {
    width: 35%;
    position: relative;
}
.rm-news-wgt ul li a span:last-child {
    width: 65%;
    padding-left: 10px;
}
@media only screen and (max-width: 40em) {
.rm-news-wgt ul li a span:first-child {
    width: 30%;
}
.rm-news-wgt ul li a span:last-child {
    width: 70%;
}
}
.rm-news-wgt ul li a span:first-child:before,
.rm-news-wgt ul li a span:first-child:after {
    position: absolute;
    content: '';
    right: 0;
    border-right: 10px solid #fbfbfa;
    z-index: 9;
    height: 50%;
}
.rm-news-wgt ul li a span:first-child:before {
    top: 0;
    border-bottom: 10px solid transparent;
}
.rm-news-wgt ul li a span:first-child:after {
    bottom: 0;
    border-top: 10px solid transparent;
}

/* HISTORY WIDGET */

.history-widget {
    position: relative;
}

.history-widget>.row {
    max-width: 1200px;
}

.history-widget:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 3px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #222222;
    z-index: 3;
}

.history-widget .img {
    width: 100%;
    height: 100px;
    overflow: hidden;
}

.history-widget .left {
    padding-right: 20px!important;
}

.history-widget .right {
    padding-left: 20px!important;
}

.history-widget .left,
.history-widget .right {
    position: relative;
    z-index: 4;
}

.history-widget .left .padding,
.history-widget .right .padding {
    background-color: transparent;
    padding: 15px 0;
    border-top: 1px solid gainsboro;
    border-bottom: 1px solid gainsboro;
}

.history-widget .padding-img {
    padding: 15px!important;
}

.history-widget .imgtobg {
    width: 60%;
    height: 100%;
    position: relative;
}

.history-widget .row:nth-child(even) .padding-img .imgtobg {
    float: right;
}

.history-widget .row:nth-child(even) .padding-img .imgtobg:before,
.history-widget .row:nth-child(odd) .padding-img .imgtobg:before {
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    top: 17px;
    background-image: url(http://files.wwf.org.au/wwf2/assets/images/history_arrow.png);
    background-size: 100% 100%;
    -webkit-box-shadow: 0px -18px 0px #fbfbfa;
            box-shadow: 0px -18px 0px #fbfbfa;
}

.history-widget .row:nth-child(even) .padding-img .imgtobg:before {
    right: 0;
    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1);
}

.history-widget .row:nth-child(odd) .padding-img .imgtobg:before {
    left: 0;
}

.history-widget .row:nth-child(even) .padding-img .imgtobg:after,
.history-widget .row:nth-child(odd) .padding-img .imgtobg:after {
    content: '';
    width: 25px;
    height: calc(100% - 42px);
    position: absolute;
    bottom: 0;
    background-color: #fbfbfa;
}

.history-widget .row:nth-child(even) .padding-img .imgtobg:after {
    right: 0;
}

.history-widget .row:nth-child(odd) .padding-img .imgtobg:after {
    left: 0;
}

.history-widget .left h3,
.history-widget .right h3 {
    font-size: 40px;
    line-height: 26px;
    margin: 0;
    background-color: rgb(6, 110, 121);
    padding: 10px 10px 16px 10px;
    position: relative;
    display: table;
}

.history-widget .left h3:before,
.history-widget .right h3:before {
    position: absolute;
    top: 50%;
    margin-top: -5px;
    content: '';
    width: 10px;
    height: 10px;
    background-color: rgb(6, 110, 121)!important;
    -webkit-box-shadow: 0 0 0 5px white;
            box-shadow: 0 0 0 5px white;
    border-radius: 50%;
    z-index: 3;
    left: initial;
    right: initial;
}

.history-widget .left h3:before {
    right: -25px;
}

.history-widget .right h3:before {
    left: -25px;
}

.history-widget .left h3:after,
.history-widget .right h3:after {
    position: absolute;
    top: 50%;
    margin-top: -5px;
    content: '';
    width: 10px;
    height: 10px;
    background-color: rgb(6, 110, 121);
    z-index: 2;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
}

.history-widget .left h3:after {
    right: -5px;
}

.history-widget .right h3:after {
    left: -5px;
}

.history-widget .left h3,
.history-widget .left p {
    text-align: right;
    display: table;
    margin-right: 0;
    margin-left: auto;
}

.history-widget .left p,
.history-widget .right p {
    padding: 10px;
    margin: 0;
    font-size: 15px;
    line-height: 22px;
    color: #222!important;
}

@media only screen and (max-width: 40.063em) {
    .history-widget:before {
        content: none;
    }
    .history-widget .left {
        padding-right: 0px!important;
    }
    .history-widget .right {
        padding-left: 0px!important;
    }
    .history-widget .left h3,
    .history-widget .left p {
        text-align: left;
    }
    .history-widget .left,
    .history-widget .right {
        margin-bottom: 25px;
    }
    .history-widget .left h3:before,
    .history-widget .right h3:before,
    .history-widget .left h3:after,
    .history-widget .right h3:after {
        content: none;
    }
}

/* SPECIES BIO */

.nw-species-bio {
    position: relative;
}

.nw-species-bio .text {
    position: relative;
}

.nw-species-bio .text .title {
    width: 100%;
    padding: 15px;
    background-color: #00738f;
    text-align: center;
}

.nw-species-bio .text .title h1,
.nw-species-bio .text .title h2,
.nw-species-bio .text .title h3,
.nw-species-bio .text .title h4,
.nw-species-bio .text .title h5,
.nw-species-bio .text .title h6 {
    text-align: center!important;
    font-family: 'wwfRegular'!important;
    font-size: 40px!important;
    line-height: 50px!important;
    margin: 0!important;
    margin-top: -20px!important;
    color: #fff!important;
    text-transform: uppercase;
}

.nw-species-bio .text .title p {
    font-family: 'Lato'!important;
    font-size: 15px!important;
    font-weight: bold!important;
    text-transform: uppercase;
    margin: 0!important;
    line-height: normal!important;
    opacity: .5;
    text-align: center!important;
    color: #fff!important;
}

.nw-species-bio .text .title i,
.nw-species-bio .text .title em {
    font-size: 100px!important;
    color: #fff!important;
    text-align: center!important;
    margin: 0 auto!important;
    margin-top: -20px!important;
}

.nw-species-bio .text .names {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    padding: 0px!important;
}

.nw-species-bio .text .names div:first-child {
    border-right: 1px solid rgba(0, 0, 0, .2);
}

.nw-species-bio .text .names > div,
.nw-species-bio .text .extra > div {
    padding: 25px!important;
}

.nw-species-bio .text .names h1,
.nw-species-bio .text .names h2,
.nw-species-bio .text .names h3,
.nw-species-bio .text .names h4,
.nw-species-bio .text .names h5,
.nw-species-bio .text .names h6,
.nw-species-bio .text .extra h1,
.nw-species-bio .text .extra h2,
.nw-species-bio .text .extra h3,
.nw-species-bio .text .extra h4,
.nw-species-bio .text .extra h5,
.nw-species-bio .text .extra h6 {
    text-align: left!important;
    font-family: 'Lato'!important;
    font-size: 16px!important;
    line-height: normal!important;
    margin: 0!important;
    font-weight: bold!important;
    color: #00738f!important;
}

.nw-species-bio h3{
    padding-bottom: 5px;
}
.nw-species-bio h3:before {
    content: none;
}

.nw-species-bio .text .names p,
.nw-species-bio .text .extra p {
    margin: 0!important;
    line-height: normal!important;
}

.nw-species-bio .text .extra p:first-of-type {
    margin-bottom: 15px!important;
}

/* RESOURCES WIDGET */

.resources {
    padding: 0;
    margin-bottom: 35px
}
.lr-item .lr-img {
    background-color: #272421;
    background-size: cover;
    background-position: 50%;
}
.resources h1 {
    font-size: 30px;
    line-height: 30px;
    margin: 0;
    display: table;
    background-color: rgba(0,0,0,.05);
    width: 100%;
    text-transform: none;
    padding: 25px;
    color: #00728f;
}
.res-txt {
    padding: 25px 25px 0
}
.res-links {
    padding: 25px
}
.resources span:last-of-type {
    font-size: 12px;
    margin: 0 3px;
    display: inline-block;
    color: #757575
}
.resources .res-links a {
    padding-left: 45px;
    position: relative;
    display: table;
    width: 100%;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    color: #00728f;
}

.resources .res-links a:last-of-type {
    padding-left: 45px;
    position: relative;
    display: table;
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
    text-align: left!important
}

.resources .res-links a:before {
    content: 'PDF';
    position: absolute;
    top: 7px;
    left: 0;
    width: 35px;
    height: 20px;
    background-color: #DA2A2A;
    color: #fff;
    font-size: 13px;
    padding: 2px 2px 2px 4px;
    line-height: normal;
    font-weight: 800
}
/*
-------------------------------------------------------------------------------

    SEARCH STYLE OVERRIDES

-------------------------------------------------------------------------------
*/

span.clsResultURL,
span.clsResultLastModified {
    font-size: 14px;
    line-height: normal;
}
span.clsResultLastModified {
    color: #b7b7b7;
}
#searchResultsInfo span.firstRow img,
.SearchResults ol li span.firstRow a img {
    display: none;
}
.SearchResults ol li span.clsResultDescr,
.SearchResults ol li span.lastRow {
    margin-left: 0;
}
.SearchResults ol li span.lastRow {
    line-height: 20px;
}
.SearchResults ol li span.firstRow {
    line-height: 26px;
}
.SearchResults ol li span.firstRow a {
    font-size: 18px;
    line-height: 19px;
    font-weight: 400;
}
span.search-highlight {
    font-weight: 700;
}
/*-----results page-----*/

#eventOuterTable {}

#eventOuterTable #TBQuickSearchCriteria {
    width: 400px;
}

#eventOuterTable table.calendar {
    border: 1px solid #505050 !important;
    width: 320px;
}

#eventOuterTable table.calendar th {
    padding: 5px;
    text-align: center;
}

#eventOuterTable table.calendar td {
    padding: 5px;
    text-align: center;
    width: auto;
    font-weight: bold;
    border: none;
}

#eventOuterTable table.calendar td.calendarCurrentDay {
    background: #d2f8c5;
}

#eventOuterTable table.calendar td.calendarEventDay {
    background-color: #1d779f;
}

#eventOuterTable table.calendar td.calendarEventDay a {
    color: #fff;
}

#eventOuterTable table.calendar td.calendarCurrentDayWithEvent {
    background-color: #1d779f;
}

#eventOuterTable table.calendar td.calendarCurrentDayWithEvent a {
    color: #fff;
}

#eventOuterTable table.calendar td.calendarWeekend {
    background: #f3f3f3;
}

#eventOuterTable table.calendar td.calendarOtherDay {
    background: #e7e7e7;
    color: #b7b7b7;
}

#eventOuterTable .event-search-results {
    margin-top: 40px;
}

#eventOuterTable .event-search-results ol {
    list-style-type: none;
    margin: 20px 0 0 0;
    padding: 0;
    width: 100%;
}

#eventOuterTable .event-search-results ol li {
    float: none;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E0E0E0;
}

#eventOuterTable .event-search-results ol li .eventresultNumber {
    display: none;
}

#eventOuterTable .event-search-results ol li .firstRow {}

#eventOuterTable .event-search-results ol li .lastRow {}

.SearchLeft {
    float: left;
    width: 25%;
}

.SearchLeft h2 {
    font-size: 130%;
    margin-top: 0;
    margin-bottom: 16px;
    background: url(trefine-search.gif) no-repeat top left;
    padding-left: 25px;
}

.SearchLeft ul {
    list-style-type: none;
    margin: 0 0 32px 0;
    padding: 0;
}

.SearchLeft ul li {}

.SearchLeft ul li a {}

.SearchLeft ul li .selected a {
    font-weight: bold;
}

.SearchResults {
}

.SearchResults>h1 {
    display: none;
}

.SearchResults div[id$="pnlnumberResults"] {
    font-size: 120%;
    margin: 0 18px 20px 0;
    clear: both;
}

.SearchResults div[id$="pnlnumberResults"] #RecordCount {
    font-weight: bold;
}

.SearchResults div[id$="pnlnumberResults"] #searchTerms {
    font-weight: bold;
}

.SearchResults ul {
    margin-left: 10px;
}

.SearchResults ul li {
    margin-bottom: 20px;
    line-height: 150%;
}

.SearchResults ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.SearchResults ol li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.SearchResults ol li span.firstRow {
    display: block;
}

.SearchResults ol li span.firstRow a {
    font-size: 120%;
    text-decoration: none;
}

.SearchResults ol li span.firstRow img.resultImage {
    margin-right: 5px;
    position: relative;
    top: 10px;
}

.SearchResults ol li span.firstRow>img {
    position: relative;
    top: 10px;
}

.SearchResults ol li span.clsResultDescr {
    display: block;
    margin: 5px 0 5px 0;
    line-height: 150%;
}

.SearchResults ol li span.clsResultDescr .highlight {
    color: #C41230;
}

.SearchResults ol li span.clsResultFilmedOn {
    display: block;
    margin: 0px 0 5px 0;
    line-height: 150%;
}

.SearchResults ol li span.clsResultFilmedOn span {
    padding-right: 5px;
}

.SearchResults ol li span.clsResultDuration {
    display: block;
    margin: 0px 0 5px 0;
    line-height: 150%;
}

.SearchResults ol li span.clsResultDuration span {
    padding-right: 5px;
}

.SearchResults ol li span.lastRow {
    display: block;
    font-size: 100%;
    margin-left: 0;
    color: #666;
}

.SearchResults ol li span .resultNumber {
    display: none;
}

.SearchResults div[id$="pnlPageLinks"] {
    margin: 0 18px 20px 18px;
}

.SearchResults div[id$="pnlPageLinks"] a {
    color: #6d6e71;
    padding-right: 5px;
}

.SearchResults div[id$="pnlPageLinks"] a .resultPageNumberSelected {
    font-weight: bold;
}

.SearchResults div[id$="pnlPageLinks"] a:hover,
.SearchResults div[id$="pnlPageLinks"] a:focus {
    color: #6d6e71;
}

@media only screen and (max-width: 40em) {
    .SearchLeft {
        display: none;
    }
    .SearchResults {
        width: 100%;
    }
}
div#TBSpellMistakesHead h2 {
    font-size: 0;
    line-height: 0;
    margin: 0;
    display: inline-block;
}
div#TBSpellMistakesHead h2:before {
    content: 'You could also try:';
    font-size: 18px;
    font-weight: bold;
    font-family: 'Lato';
    line-height: normal;
}
.SearchResults ul {
    margin-left: 0;
    list-style-type: none;
    display: inline-block;
}
div#TBSpellMistakesHead a {
    font-size: 18px;
}

/*
-------------------------------------------------------------------------------

    WWF BIOS

-------------------------------------------------------------------------------
*/

.wwf-bios {
    max-width: 900px!important;
    margin: 0 auto!important;
    position: relative;
    z-index: 3;
}

.wwf-bios {
    max-width: 900px!important;
    margin: 0 auto!important;
}

.wwf-bios .profile-img {
    margin: 0 auto!important;
    text-align: center!important;
    margin-top: -65px!important;
    margin-bottom: 5px!important;
}

.wwf-bios .profile-img img {
    width: 130px!important;
    margin: 0 auto!important;
    text-align: center!important;
    border-radius: 50%!important;
    -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 1, .15);
            box-shadow: 0px 15px 30px rgba(0, 0, 1, .15);
}

.wwf-bios .quote h1 span {
    display: none!important;
}

.wwf-bios .name,
.wwf-bios .name span,
.wwf-bios .name h1,
.wwf-bios .name h2,
.wwf-bios .name h3,
.wwf-bios .name h4,
.wwf-bios .name h5,
.wwf-bios .name h6,
.wwf-bios .name p {
    font-family: "WWFRegular";
    font-size: 60px!important;
    text-align: center!important;
    line-height: 60px!important;
    margin: 0px auto 5px auto!important;
    color: #00728f!important;
    text-transform: uppercase!important;
}

.wwf-bios .title,
.wwf-bios .title span,
.wwf-bios .title h1,
.wwf-bios .title h2,
.wwf-bios .title h3,
.wwf-bios .title h4,
.wwf-bios .title h5,
.wwf-bios .title h6,
.wwf-bios .title p {
    font-family: 'Lato';
    font-size: 18px!important;
    text-align: center!important;
    line-height: normal!important;
    margin: 0px auto 15px auto!important;
    color: #222!important;
    text-transform: uppercase!important;
    letter-spacing: 0px;
}

.wwf-bios .share .share-c {
    border-bottom: 1px solid gainsboro!important;
    border-top: 1px solid gainsboro!important;
    padding: 25px 0!important;
}

.wwf-bios .share ul {
    width: 100%!important;
    font-size: 0!important;
    list-style-type: none!important;
    margin: 0!important;
}

.wwf-bios .share,
.wwf-bios .share span,
.wwf-bios .share h1,
.wwf-bios .share h2,
.wwf-bios .share h3,
.wwf-bios .share h4,
.wwf-bios .share h5,
.wwf-bios .share h6,
.wwf-bios .share p {
    font-family: 'Lato';
    font-size: 14px!important;
    text-align: center!important;
    font-weight: bold!important;
    line-height: normal!important;
    margin: 0px auto 5px auto!important;
    color: #a7a7a7!important;
    text-transform: uppercase!important;
}

.wwf-bios .share ul li {
    display: inline-block!important;
    margin: 5px !important;
}

.wwf-bios .share ul li a {
    display: block!important;
    width: 40px!important;
    height: 40px!important;
    border-radius: 50%;
    background-color: grey!important;
    text-indent: -999px!important;
    position: relative!important;
}

.wwf-bios .share ul li:nth-child(1) a {
    background-color: #3b5998!important;
}

.wwf-bios .share ul li:nth-child(2) a {
    background-color: #55acee!important;
}

.wwf-bios .share ul li:nth-child(3) a {
    background-color: #0077b5!important;
}

.wwf-bios .share ul li a:before {
    position: absolute;
    font-family: 'FontAwesome';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
    font-size: 20px;
    color: white;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    padding: 10px;
    text-indent: 0;
    line-height: normal;
}

.wwf-bios .share ul li:nth-child(1) a:before {
    content: '\f09a';
}

.wwf-bios .share ul li:nth-child(2) a:before {
    content: '\f099';
}

.wwf-bios .share ul li:nth-child(3) a:before {
    content: '\f0e1';
}

.wwf-bios .share ul li:nth-child(1) a:hover,
.wwf-bios .share ul li:nth-child(2) a:hover,
.wwf-bios .share ul li:nth-child(3) a:hover {
    background-color: #222!important;
    opacity: 1!important;
}

.wwf-bios .content,
.wwf-bios .content span,
.wwf-bios .content h1,
.wwf-bios .content h2,
.wwf-bios .content h3,
.wwf-bios .content h4,
.wwf-bios .content h5,
.wwf-bios .content h6,
.wwf-bios .content p {
    font-family: 'Lato', sans-serif!important;
    font-size: 17px!important;
    line-height: 32px!important;
    color: #222!important;
    text-align: left!important;
    padding: 0!important;
    margin: 0!important;
    margin-bottom: 25px!important;
}

.wwf-bios .content {
    padding-top: 25px!important;
}

.wwf-bios .quote,
.wwf-bios .quote span,
.wwf-bios .quote h1,
.wwf-bios .quote h2,
.wwf-bios .quote h3,
.wwf-bios .quote h4,
.wwf-bios .quote h5,
.wwf-bios .quote h6,
.wwf-bios .quote p {
    font-family: "WWFRegular";
    font-size: 42px!important;
    text-align: left!important;
    line-height: 60px!important;
    margin: 0px auto 5px auto!important;
    color: #00728f!important;
    text-transform: uppercase!important;
    margin: 0!important;
    position: relative!important;
}

.wwf-bios .quote h1,
.wwf-bios .quote h2,
.wwf-bios .quote h3,
.wwf-bios .quote h4,
.wwf-bios .quote h5,
.wwf-bios .quote h6,
.wwf-bios .quote p {
    quotes: "\201C""\201D""\2018""\2019";
}

.wwf-bios .quote h1:before,
.wwf-bios .quote h2:before,
.wwf-bios .quote h3:before,
.wwf-bios .quote h4:before,
.wwf-bios .quote h5:before,
.wwf-bios .quote h6:before,
.wwf-bios .quote p:before {
    position: absolute;
    content: open-quote;
    top: -155px;
    left: -70px;
    font-family: 'Georgia';
    font-size: 550px;
    opacity: .1;
    line-height: normal;
}

.wwf-bios .quote {
    padding: 25px 0!important;
    border-bottom: 1px solid gainsboro!important;
    border-top: 1px solid gainsboro!important;
}

/*
-------------------------------------------------------------------------------------------------------------------------

    PETITION TEMPLATE

-------------------------------------------------------------------------------------------------------------------------
*/

.petition-counter h2 {
    font-size: 140px;
    line-height: 130px;
    color: #8CC63F;
    text-shadow: 0 10px 30px rgba(0,0,0,0.2);
    display: inline-block;
    margin-bottom: 0;
}
.petition-counter h5 {
    font-family: 'wwfRegular';
    font-size: 52px;
    font-weight: normal;
    line-height: 50px;
    margin-bottom: 25px;
}
.barometer {
    width: calc(100% - 2px);
    height: 26px;
    background-color: #e6e6e6;
    border-radius: 20px;
    margin-bottom: 25px;
    position: relative;
    border-left: none;
    padding: 6px;
    left: 2px
}

.barometer:after {
    content: '';
    position: absolute;
    top: -8px;
    left: -2px;
    width: 40px;
    height: 40px;
    background-color: #e6e6e6;
    border-radius: 50%;
    z-index: -1
}

.barometer>div {
    height: 100%;
    background-color: #8cc63f;
    border-radius: 20px;
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.1);
            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    position: relative
}

.barometer>div:before {
    content: '';
    position: absolute;
    left: 0;
    top: -6px;
    width: 25px;
    height: 25px;
    background-color: #8cc63f;
    border-radius: 50%
}
.privacy-statement p,.privacy-statement p a {
    font-size: 12px;
    text-align: left;
    line-height: normal;
    color: #828282;
    font-weight: normal
}

.privacy-statement p {
    margin-bottom: 15px!important;
    color: #525252!important
}

.petition-form.wwf-form input[type="button"] {
    padding: 10px!important;
    width: 100%;
    margin-bottom: 1em;
    background-color: #8bc540;
    font-family: 'Lato', sans-serif;
}
.petition-form.wwf-form input[type="button"]:hover {
    background-color: #74ad2a;
}
p.word-count {
    text-align: right;
    margin-top: -15px;
    margin-bottom: 1em;
}
.petition-messagebox>div {
    width: calc(100% - -15px);
    position: relative;
    left: -15px;
    overflow-y: scroll
}

.petition-messagebox>div::-webkit-scrollbar {
    width: 15px
}

.petition-messagebox>div::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 3px
}

.petition-messagebox>div::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #dedede
}

.petition-messagebox>div::-webkit-scrollbar-thumb:window-inactive {
    background-color: #dedede
}

.petition-messagebox ul {
    list-style-type: none;
    height: 700px;
    padding: 15px;
    margin: 0
}

.petition-messagebox ul li {
    background-color: #f1f1f1;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 15px;
    -webkit-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    transition: .1s ease-in-out
}

.petition-messagebox ul li a {
    color: #8CC63F
}

span.petition-messagebox--name,span.petition-messagebox--messageintro,span.petition-messagebox--time {
    display: block;
    margin-bottom: 3px
}

span.petition-messagebox--name {
    font-size: 16px;
    font-weight: 800;
    line-height: normal
}

span.petition-messagebox--messageintro {
    font-size: 14px;
    line-height: normal
}

span.petition-messagebox--time {
    font-size: 12px;
    line-height: normal;
    opacity: .5
}

 /* MEET THE TEAM WIDGET */
    .meet-the-team {
        list-style-type: none;
        text-align: center;
        margin: 0 auto;
        background-color: #edece9;
        padding: 0;
        border-top: 3px solid #f37043;
    }
    .meet-the-team h4 {
        background-color: rgba(0, 0, 0, .1);
        padding: 15px;
    }
    .meet-the-team h4:before {
        content: none;
    }
    .meet-the-team li {
        width: 200px;
        display: inline-block;
        padding: 15px!important;
        margin: 0!important;
        vertical-align: top;
    }
    .meet-the-team li:before,
    .meet-the-team li:after {
        content: none!important;
    }
    .meet-the-team a {
        display: block;
        text-align: center;
        font-size: 15px;
        line-height: normal;
        margin-bottom: 5px;
    }
    .meet-the-team img {
        width: 70px;
        border-radius: 50%;
        float: none!important;
    }
    .meet-the-team .credit {
        display: none;
    }
    .meet-the-team .credit-c {
        display: block!important;
    }
    .meet-the-team p {
        text-align: center;
        font-size: 11px;
        line-height: normal;
        /* text-transform: uppercase; */
        
        font-weight: normal;
        color: #484848;
    }


.form-closed p {
    border-radius: 5px;
}

.form-closed {
    padding: 20px;
    background-color: #ececec;
    border-radius: 3px;
    position: relative;
}

div.form-closed:before {
    content: '\f0f3';
    font-family: 'FontAwesome';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
    position: absolute;
    right: 0;
    top: -28px;
    right: 16px;
    z-index: 9;
    font-size: 180%;
    text-align: center;
    line-height: 170%;
    color: #b4d7ff;
    background-color: #147eef;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-shadow: 0 1px 1px #056bbb;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.35);
            box-shadow: 0 2px 3px rgba(0,0,0,0.35);
    -webkit-animation: bellRing 1s 2s ease 2;
            animation: bellRing 1s 2s ease 2;
}

@-webkit-keyframes bellRing {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
    }

    22% {
        -webkit-transform: rotate(-15deg);
                transform: rotate(-15deg)
    }

    33% {
        -webkit-transform: rotate(15deg);
                transform: rotate(15deg)
    }

    44% {
        -webkit-transform: rotate(-15deg);
                transform: rotate(-15deg)
    }

    55% {
        -webkit-transform: rotate(15deg);
                transform: rotate(15deg)
    }

    66% {
        -webkit-transform: rotate(-15deg);
                transform: rotate(-15deg)
    }

    77% {
        -webkit-transform: rotate(15deg);
                transform: rotate(15deg)
    }

    88% {
        -webkit-transform: rotate(-15deg);
                transform: rotate(-15deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
    }
}

@keyframes bellRing {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
    }

    22% {
        -webkit-transform: rotate(-15deg);
                transform: rotate(-15deg)
    }

    33% {
        -webkit-transform: rotate(15deg);
                transform: rotate(15deg)
    }

    44% {
        -webkit-transform: rotate(-15deg);
                transform: rotate(-15deg)
    }

    55% {
        -webkit-transform: rotate(15deg);
                transform: rotate(15deg)
    }

    66% {
        -webkit-transform: rotate(-15deg);
                transform: rotate(-15deg)
    }

    77% {
        -webkit-transform: rotate(15deg);
                transform: rotate(15deg)
    }

    88% {
        -webkit-transform: rotate(-15deg);
                transform: rotate(-15deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
    }
}


/*
-------------------------------------------------------------------------------

    TRANSITIONS

-------------------------------------------------------------------------------
*/

.eio-1000 {
    -webkit-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -o-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.eio-500 {
    -webkit-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -o-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.eio-300 {
    -webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -o-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.eiob-500 {
    -webkit-transition: all 500ms cubic-bezier(0.680, 0, 0.265, 1);
    -webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -o-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
}
.eiob-300 {
    -webkit-transition: all 300ms cubic-bezier(0.680, 0, 0.265, 1);
    -webkit-transition: all 300ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -o-transition: all 300ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    transition: all 300ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
}


ul.mp-select {
    margin: 0;
    list-style-type: none;
}

.mp-select li.active,
.mp-select li {
    background-color: rgb(39, 36, 33);
    border-radius: 3px;
    padding: .5rem;
    line-height: normal;
    color: white;
    margin-bottom: 5px;
    position: relative;
}
.mp-select li.active {
    background-color: rgb(138, 196, 65);
}

.mp-select li span:nth-child(1) {
    font-weight: 600;
    display: inline-block;
    vertical-align: top;
    margin-left: 29px;
}

.mp-select li:before {
    content: '';
    height: 20px;
    width: 20px;
    background-color: rgba(255, 255, 255, 0.35);
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.mp-select li.active:before {
    content: '\f00c';
    font-family: 'FontAwesome';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
    text-align: center;
    padding: 2px;
}

.mp-select li span:nth-child(2) {
    display: block;
    margin-left: 29px;
    font-size: 13px;
}
.alert-box {
    line-height: 1.5;
    margin-bottom: 5px;
}
.wwf-form p {
  margin-bottom: 5px;
}
/* RESOURCE FILTERS */

.filters {
    clear: both;
}
ul.filter-items {
    list-style-type: none;
}
.filter-items li {
    display: inline-block;
    background-color: rgba(123, 131, 45, 0.25);
    color: #7b832d;
    border-radius: 5px;
    line-height: normal;
    padding: 5px 5px 6px 10px;
    margin: 0 5px 5px 0px;
    font-weight: bold;
    vertical-align: top;
}
ul.filter-items li a {
    line-height: normal;
    font-size: 0;
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: top;
    margin-top: 2px;
}
ul.filter-items li a:before {
    content: '\f00d';
    font-size: 16px;
    font-family: 'FontAwesome';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
    color: #7b832d;
    font-weight: normal;
    display: block;
    -webkit-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
}
ul.filter-items li a:hover:before {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
}

/* ALERT BOXES */

.wwf-form .alert {
    border: 1px solid #eaeaea;
    border-radius:  3px;
    padding: 10px !important;
    background-color: #fbfbfb;
    margin-bottom: 15px;
}
.wwf-form .alert p {
    margin:  0;
    line-height: 20px;
    font-size:  15px;
}


/* IMAGE SIZES FOR DEVICES */

img.desktop-image,
img.mobile-image,
.hide-image-parent {
    display: none;
}

@media only screen and (min-width: 64em) {
    img.desktop-image {
        display:  block;
    }
}
@media only screen and (max-width: 64em) {
    img.mobile-image,
    .hide-image-parent {
        display:  block;
    }
}