body, html {
    padding: 0;
    margin: 0 auto;
    height: auto;
    font-size: 16px!important;
}

@media only screen and (max-width: 64.063em) {
.body-oh {
    overflow: hidden;
}
}

@font-face {
    font-family: 'WWFRegular';
    src: url('fonts/wwf-webfont.eot');
    src: local('☺'), url('fonts/wwf-webfont.woff') format('woff'), url('fonts/wwf-webfont.ttf') format('truetype'), url('fonts/wwf-webfont.svg#webfontdwZ3wCrD') format('svg');
    font-style: normal;
}

@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,900,700);

div {
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
}

.img-loads {
    position: fixed;
    top: -200%;
    width: 100%;
}

.img-loads img {
    position: absolute;
    top: 0;
    left: 0;
}

.n-s {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.bb-w {
    border-bottom: 1px solid rgba(255,255,255,.3);
}

.credit-c {
    position: relative;
}

.credit-c p.credit {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px;
    color: white;
    opacity: 0;
    margin: 0;
    font-size: 14px;
    line-height: normal;
    -webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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 */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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); /* easeInOutQuart */
}
.credit-c:hover p.credit {
    opacity: 1;
}

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

    TYPOGRAPHY

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


h1, h2, h3, h4, h5, h6, p, a, li {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1 {
    font-family: "WWFRegular", sans-serif;
    font-size: 90px;
    color: #2A2B2D;
    text-align: left;
    text-transform: uppercase;
    line-height: 90px;
    padding: 0 0 30px 0;
    margin: -20px 0 0 0;
    letter-spacing: 1px;
    position: relative;
}

h1:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 30px;
    height: 7px;
    background-color: #fff;
    opacity: .5;
    -webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000)!important; 
    -moz-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000)!important; 
    -o-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000)!important; 
    transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000)!important; /* easeInOutQuart */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000)!important; 
    -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000)!important; 
    -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000)!important; 
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000)!important; /* easeInOutQuart */
}

h2 {
    font-family: "WWFRegular", sans-serif;
    font-size: 50px;
    color: #2A2B2D;
    text-align: left;
    margin: -10px 0 25px 0;
    line-height: 50px;
    padding: 0;
    text-transform: none;
    font-weight: normal;
}

h3 {
    font-family: "WWFRegular", sans-serif;
    font-size: 56px;
    color: #2A2B2D;
    text-align: left;
    margin: 0 0 25px 0;
    line-height: 56px;
    padding-bottom: 25px;
    text-transform: uppercase;
    font-weight: normal;
    position: relative;
    color: #FB1168;
}

h3:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: inherit;
    width: 30px;
    height: 7px;
    background-color: #FB1168;
    opacity: .3;
    -webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000)!important; 
    -moz-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000)!important; 
    -o-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000)!important; 
    transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000)!important; /* easeInOutQuart */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000)!important; 
    -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000)!important; 
    -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000)!important; 
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000)!important; /* easeInOutQuart */
}

h4 {
    font-family: 'Lato', sans-serif;
    font-size: 30px;
    color: #2A2B2D;
    text-align: left;
    text-transform: uppercase;
    padding: 0;
    margin: 0 0 25px 0;
    font-weight: 400;
}

h5 {
    font-family: 'Lato', sans-serif;
    font-size: 22px;
    line-height: 37px;
    color: #2A2B2D;
    text-align: left;
    text-transform: none;
    padding: 0;
    margin: 0 0 5px 0;
    font-weight: normal;
}

h6 {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    color: #2A2B2D;
    text-align: left;
    text-transform: uppercase;
    padding: 0;
    margin: 0 0 5px 0;
    font-weight: 600;
}

p, li {
    font-family: 'Lato', sans-serif;
    font-size: 17px;
    line-height: 28px;
    color: #444444;
    text-align: left;
    padding: 0;
    margin: 0;
}

li {
    margin-bottom: 0;
}

a {
    font-size: 17px;
    line-height: 32px;
    text-decoration: none;
    color: #4DA15A;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
}

p > a {
    font-size: inherit;
}

a:hover, a:active  {
    color: #3f3c39;
}

a:focus {
    color: #F37043;
}

.text-left h1, .text-left h2, .text-left h3, .text-left h4, .text-left h5, .text-left h6, .text-left p {
    text-align: left!important;
}

.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!important;
}

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-align: center!important;
}

.text-right h1, .text-right h2, .text-right h3, .text-right h4, .text-right h5, .text-right h6, .text-right p {
    text-align: right!important;
}

.text-center ul li {
    text-align: center!important;
}

.text-center h3:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

h3.text-center:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.text-right h3:before {
    content: '';
    position: absolute;
    left: inherit;
    bottom: 0;
    right: 0;
}

@media only screen and (max-width: 64.063em) {
h1 {
    font-family: "WWFRegular", sans-serif;
    font-size: 60px;
    color: #2A2B2D;
    text-align: left;
    text-transform: uppercase;
    line-height: 52px;
    margin: -10px 0 0 0;
    letter-spacing: 1px;
}

h2 {
    font-family: "WWFRegular", sans-serif;
    font-size: 45px;
    color: #2A2B2D;
    text-align: left;
    margin: -10px 0 25px 0;
    line-height: 45px;
    padding: 0;
    text-transform: none;
    font-weight: normal;
}

h3 {
    font-family: "WWFRegular", sans-serif;
    font-size: 32px;
    text-align: left;
    margin: 0 0 25px 0;
    line-height: 32px;
    padding-bottom: 25px;
    text-transform: uppercase;
    font-weight: normal;
    position: relative;
}

h3:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 25px;
    height: 5px;
    background-color: rgba(34, 34, 34, 0.2);
}

h4 {
    font-family: 'Lato', sans-serif;
    font-size: 28px;
    color: #2A2B2D;
    text-align: left;
    text-transform: uppercase;
    padding: 0;
    margin: 0 0 25px 0;
    font-weight: normal;
}

h5 {
    font-family: 'Lato', sans-serif;
    font-size: 22px;
    line-height: 40px;
    color: #2A2B2D;
    text-align: left;
    text-transform: none;
    padding: 0;
    margin: 0 0 25px 0;
    font-weight: normal;
}

h6 {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: #2A2B2D;
    text-align: left;
    text-transform: uppercase;
    padding: 0;
    margin: 0 0 25px 0;
    font-weight: 600;
}

p {
    font-family: 'Lato', sans-serif;
    font-size: 17px;
    line-height: 32px;
    color: #2A2B2D;
    text-align: left;
}
.text-center h3:before {
    width: 25px;
    height: 5px;
}

.text-right h3:before {
    width: 25px;
    height: 5px;
}
}

@media only screen and (max-width: 40.063em) {
h1 {
    font-family: "WWFRegular", sans-serif;
    font-size: 44px;
    color: #2A2B2D;
    text-align: left;
    text-transform: uppercase;
    line-height: 44px;
    margin: -10px 0 0 0;
    letter-spacing: 1px;
}

h2 {
    font-family: "WWFRegular", sans-serif;
    font-size: 45px;
    color: #2A2B2D;
    text-align: left;
    margin: -10px 0 25px 0;
    line-height: 45px;
    padding: 0;
    text-transform: none;
    font-weight: normal;
}

h3 {
    font-family: "WWFRegular", sans-serif;
    font-size: 32px;
    text-align: left;
    margin: 0 0 25px 0;
    line-height: 32px;
    padding-bottom: 25px;
    text-transform: uppercase;
    font-weight: normal;
    position: relative;
}

h3:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 25px;
    height: 5px;
    background-color: rgba(34, 34, 34, 0.2);
}

h4 {
    font-family: 'Lato', sans-serif;
    font-size: 28px;
    color: #2A2B2D;
    text-align: left;
    text-transform: uppercase;
    padding: 0;
    margin: 0 0 25px 0;
    font-weight: normal;
}

h5 {
    font-family: 'Lato', sans-serif;
    font-size: 22px;
    line-height: 40px;
    color: #2A2B2D;
    text-align: left;
    text-transform: none;
    padding: 0;
    margin: 0 0 25px 0;
    font-weight: normal;
}

h6 {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: #2A2B2D;
    text-align: left;
    text-transform: uppercase;
    padding: 0;
    margin: 0 0 25px 0;
    font-weight: 600;
}

p, li {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 29px;
    color: #2A2B2D;
    text-align: left;
}

a {
    font-size: 16px;
    line-height: 29px;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
}
.text-center h3:before {
    width: 25px;
    height: 5px;
}

.text-right h3:before {
    width: 25px;
    height: 5px;
}
}

a.br-ln {
    color: #444444;
    font-weight: bold;
    text-decoration: underline;
}
a.br-ln:hover {
    text-decoration: none;
}

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

    COLOUR SCHEMES

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

.bttn-lrg i {
    margin: 0 5px;
}

/* ----- background colours/white text ----- */

.bg-blue {
    background-color: #00728f;
}

.bg-dgrey {
    background-color: #2A2B2D!important;
}

.bg-cream {
    background-color: #EFEADC;
}

.bg-orange {
    background-color: #F37043;
}

.bg-red {
    background-color: #DA1D52;
}

.bg-green {
    background-color: #80BD26!important;
}

.bg-sus-green {
    background-color: #7B832F;
}

.bg-black {
    background-color: #000000;
}

.bg-stat-black {
    background-color: #2D2D2D;
}

/* ----- light background/coloured text ----- */

/* BLUE */

.blue-text h1, .blue-text h2, .blue-text h3, .blue-text a {
    color: #00728f!important;
}

.blue-text a:hover {
    color: #3f3c39!important;
}

.blue-text h3:before {
    background-color: rgba(0, 114, 143, 0.35)!important;
}

/* extreme all color */

.blue-text-all h1, .blue-text-all h2, .blue-text-all h3, .blue-text-all h4, .blue-text-all h5, .blue-text-all h6, .blue-text-all p, .blue-text-all a {
    color: #00728f!important;
}

.blue-text-all h3:before {
    background-color: rgba(0, 114, 143, 0.25)!important;
}

/* ORANGE */

.orange-text h1, .orange-text h2, .orange-text h3, .orange-text a {
    color: #F3703E;
}
h1.orange-text, h2.orange-text, h3.orange-text, a.orange-text {
    color: #F3703E;
}

.orange-text a:hover {
    color: #F3703E;
}

.orange-text h3:before {
    background-color: rgba(243, 112, 62, 0.25)!important;
}
h3.orange-text:before {
    background-color: rgba(243, 112, 62, 0.25)!important;
}


.orange-text h1:before, .orange-text h3:before  {
    background-color: rgba(243, 112, 62, 0.25)!important;
}

.orange-text i {
    color: rgba(243, 112, 62, 0.25)!important;
}

/* extreme all color */

.orange-text-all h1, .orange-text-all h2, .orange-text-all h3, .orange-text-all h4, .orange-text-all h5, .orange-text-all h6, .orange-text-all p, .orange-text-all a {
    color: #F3703E!important;
}

.orange-text-all h3:before {
    background-color: rgba(243, 112, 62, 0.25)!important;
}


/* GREEN */

.green-text h1, .green-text h2, .green-text h3, .red-text h4, .red-text h5, .red-text h6, .green-text a {
    color: #8CC63F!important;
}
h1.green-text, h2.green-text, h3.green-text, h4.red-text, h5.red-text, h6.red-text, a.green-text {
    color: #8CC63F!important;
}

.green-text a:hover {
    color: #8CC63F!important;
}

.green-text h3:before {
    background-color: rgba(140, 198, 63, 0.25)!important;
}

/* SUSTAINABLE GREEN */

.sus-green-text h1, .sus-green-text h2, .sus-green-text h3, .sus-green-text h4, .sus-green-text h5, .sus-green-text h6, .sus-green-text a {
    color: #7B832F!important;
}

.sus-green-text a:hover {
    color: #7B832F!important;
}

.sus-green-text h1:before, .sus-green-text h3:before  {
    background-color: rgba(123, 131, 47, 0.5)!important;
}

.sus-green-text i {
    color: rgba(123, 131, 47, 0.5)!important;
}

/* extreme all color */

.green-text-all h1, .green-text-all h2, .green-text-all h3, .green-text-all h4, .green-text-all h5, .green-text-all h6, .green-text-all p, .green-text-all a {
    color: #8CC63F!important;
}

.green-text-all h3:before {
    background-color: rgba(140, 198, 63, 0.25)!important;
}

/* RED */

.red-text h1, .red-text h2, .red-text h3, .red-text h4, .red-text h5, .red-text h6, .red-text a {
    color: #DA1D52!important;
}

.red-text-all h1, .red-text-all h2, .red-text-all h3, .red-text-all h4, .red-text-all h5, .red-text-all h6, .red-text-all p, .red-text-all a {
    color: #DA1D52!important;
}

.red-text a:hover {
    color: #DA1D52!important;
}

.red-text h3:before {
    background-color: rgba(218, 29, 82, 0.25)!important;
}

/* extreme all color */

.green-text-all h1, .green-text-all h2, .green-text-all h3, .green-text-all h4, .green-text-all h5, .green-text-all h6, .green-text-all p, .green-text-all a {
    color: #8CC63F!important;
}

.green-text-all h3:before {
    background-color: rgba(140, 198, 63, 0.25)!important;
}

/* WHITE */

.white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6, .white-text p, .white-text li {
    color: #ffffff!important;
}

.white-text h3:before {
    background-color: rgba(255,255,255,1)!important;
    opacity: .5!important;
}

/* DARK */

.dark-text h1:before, .dark-text h3:before  {
    background-color: rgba(34, 34, 34, 0.25)!important;
}

.dark-text i {
    color: rgba(34, 34, 34, 0.25)!important;
}


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

    HEADER

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

.wow-title-mob {
    margin-top: 50px;
    width: 100%;
    background-color: white;
    padding: 25px 15px 15px 15px;
}
.wow-title-mob img {
    height: 40vh;
    display: block;
    margin-bottom: 25px;
}
.wow-img-mob {
    width: 100%;
    height: 50%;
    background-color: white;
    background-image: url(../assets/bgs/gi-bg-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}


.header-wrapper {
    width: 100%;
    height: 100vh;
    display: table;
    margin: 0 auto;
    padding: 0;
    background-size: cover;
    background-position: 50%;
    position: relative;
    overflow: hidden;
}

.wow-title {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: 100%;
    z-index: 3;
}

.wow-title ul {
    list-style-type: none;
    padding: 8vh 10vh;
}

.wow-title ul li {
    font-family: 'WWFRegular';
    text-transform: uppercase;
    font-size: 24vh;
    line-height: 21.5vh;
    margin-bottom: -1vh;
    color: #2A2B2D;
    position: relative;
}

.wow-title ul li:nth-child(4):before {
    content: '';
    position: absolute;
    top: 4vh;
    left: 0;
    width: 100%;
    background-color: #2A2B2D;
    height: 2vh;
}

.wow-title ul li:nth-child(4) {
    font-family: 'WWFRegular';
    text-transform: uppercase;
    font-size: 11.2vh;
    line-height: 23.5vh;
    margin-bottom: -1vh;
    color: #2A2B2D;
    position: relative;
}

.wow-title ul li img.wow-i {
    height: 17.4vh;
    line-height: 0;
    display: inline-block;
    margin: 0;
    margin-top: -5.5vh;
    padding: 0;
}
.wow-title ul li img.wow-pun {
    height: 10vh;
    line-height: 0;
    display: inline-block;
    margin: 0;
    margin-top: 2.5vh;
    margin-left: 2vh;
    padding: 0;
}

@media only screen and (max-width: 64.063em) {
.wow-title ul {
    list-style-type: none;
    padding: 50px;
    position: relative;
    top: 50%;
    margin-top: -200px;
}

.wow-title ul li {
    font-size: 120px;
    line-height: 110px;
    margin-bottom: -10px
}

.wow-title ul li:nth-child(4):before {
    content: '';
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    background-color: #2A2B2D;
    height: 15px;
}

.wow-title ul li:nth-child(4) {
    font-size: 75px;
    line-height: 190px;
}

.wow-title ul li img.wow-i {
    height: 85px;
    margin-top: -25px;
}
.wow-title ul li img.wow-pun {
    height: 70px;
    margin-top: 0px;
    margin-left: 10px;
}
}

@media only screen and (max-width: 40.063em) {
.wow-title ul {
    list-style-type: none;
    padding: 15px;
    position: relative;
    top: 50%;
    margin-top: -160px;
}

.wow-title ul li {
    font-size: 90px;
    line-height: 90px;
    margin-bottom: -13px;
}

.wow-title ul li:nth-child(4):before {
    content: '';
    position: absolute;
    top: 25px;
    left: 0;
    width: 100%;
    background-color: #2A2B2D;
    height: 10px;
}

.wow-title ul li:nth-child(4) {
    font-size: 50px;
    line-height: 130px;
}
.wow-title ul li img.wow-i {
    height: 65px;
    margin-top: -21px;
}
.wow-title ul li img.wow-pun {
    height: 45px;
    margin-top: 0px;
    margin-left: 5px;
}
}

.bg-dark {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
}

.bg-dark-gi {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.4);
    background-color: rgba(102, 192, 221, 0.95);
}

.bg-dark-vid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.4);
}

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%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    /* background: url(polina.jpg) no-repeat; */
    background-size: cover;
}

@media only screen and (max-width: 64.063em) {
video#bgvid {
    display: none;
}
}

.wh-align {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    z-index: 3;
    position: relative;
}


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

    NAV 

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

.header-grad {
    width: 100%;
    height: 0px;
    position: absolute;
    z-index: 100;
    background: -moz-linear-gradient(top,  rgba(102,192,221,0.5) 0%, rgba(102,192,221,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(102,192,221,0.5) 0%,rgba(102,192,221,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(102,192,221,0.5) 0%,rgba(102,192,221,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8066c0dd', endColorstr='#0066c0dd',GradientType=0 ); /* IE6-9 */
}

.nav-wrapper {
    position: fixed;
    top: 0;
    z-index: 999;
    transform: translateY(0);
    width: 100%;
    height: 60px;
}

.nav-wrapper .nav-title {
    position: absolute;
    top: 0;
    left: 120px;
    height: 60px;
    display: block;
    padding: 12px;
}

.mob-nav-wrapper .nav-title {
    position: absolute;
    top: 0;
    left: 68px;
    height: 50px;
    display: block;
    padding: 8px 15px;
}

.nav-wrapper .nav-title ul, .mob-nav-wrapper .nav-title ul {
    margin: 0;
    padding: 0;
    height: auto;
    overflow: hidden;
    -webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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 */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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); /* easeInOutQuart */
}

.nav-wrapper .nav-title a, .mob-nav-wrapper .nav-title a {
    font-weight: normal;
}
.nav-wrapper .nav-title li {
    font-family: 'WWFRegular';
    font-size: 28px;
    display: inline-block;
    color: white;
    padding: 0;
    margin: 0;
    transform: scaleY(0);
    opacity: 1!important;
}

.mob-nav-wrapper .nav-title li {
    font-family: 'WWFRegular';
    font-size: 28px;
    display: inline-block;
    color: white;
    padding: 0;
    margin: 0;
    transform: scaleY(0);
    opacity: 1!important;
}

.open.nav-wrapper .nav-title li, .sub.nav-wrapper .nav-title li {
    transform: scaleY(1);
}

.mob-nav-wrapper .open.nav-title li, .sub.mob-nav-wrapper .nav-title li {
    transform: scaleY(1);
}

.nav-wrapper .nav-title li:nth-child(5),
.nav-wrapper .nav-title li:nth-child(6),
.nav-wrapper .nav-title li:nth-child(7),
.nav-wrapper .nav-title li:nth-child(8),
.nav-wrapper .nav-title li:nth-child(9),
.nav-wrapper .nav-title li:nth-child(10) {
    color: #66c0dd;
}

.mob-nav-wrapper .nav-title li:nth-child(5),
.mob-nav-wrapper .nav-title li:nth-child(6),
.mob-nav-wrapper .nav-title li:nth-child(7),
.mob-nav-wrapper .nav-title li:nth-child(8),
.mob-nav-wrapper .nav-title li:nth-child(9),
.mob-nav-wrapper .nav-title li:nth-child(10) {
    color: #66c0dd;
}

.nav-wrapper .nav-title li {
    -webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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 */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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); /* easeInOutQuart */
    transform-origin: center;
}

.nav-wrapper .nav-title li:nth-child(1), .mob-nav-wrapper .nav-title li:nth-child(1) {
    transition-delay: .03s;
}
.nav-wrapper .nav-title li:nth-child(2), .mob-nav-wrapper .nav-title li:nth-child(2) {
    transition-delay: .06s;
}
.nav-wrapper .nav-title li:nth-child(3), .mob-nav-wrapper .nav-title li:nth-child(3) {
    transition-delay: .09s;
}
.nav-wrapper .nav-title li:nth-child(4), .mob-nav-wrapper .nav-title li:nth-child(4) {
    transition-delay: .12s;
}
.nav-wrapper .nav-title li:nth-child(5), .mob-nav-wrapper .nav-title li:nth-child(5) {
    transition-delay: .15s;
}
.nav-wrapper .nav-title li:nth-child(6), .mob-nav-wrapper .nav-title li:nth-child(6) {
    transition-delay: .18s;
}
.nav-wrapper .nav-title li:nth-child(7), .mob-nav-wrapper .nav-title li:nth-child(7) {
    transition-delay: .21s;
}
.nav-wrapper .nav-title li:nth-child(8), .mob-nav-wrapper .nav-title li:nth-child(8) {
    transition-delay: .24s;
}
.nav-wrapper .nav-title li:nth-child(9), .mob-nav-wrapper .nav-title li:nth-child(9) {
    transition-delay: .27s;
}
.nav-wrapper .nav-title li:nth-child(10), .mob-nav-wrapper .nav-title li:nth-child(10) {
    transition-delay: .30s;
}
.nav-wrapper .nav-title li:nth-child(11), .mob-nav-wrapper .nav-title li:nth-child(11) {
    transition-delay: .33s;
}
.nav-wrapper .nav-title li:nth-child(12), .mob-nav-wrapper .nav-title li:nth-child(12) {
    transition-delay: .36s;
}
.nav-wrapper .nav-title li:nth-child(13), .mob-nav-wrapper .nav-title li:nth-child(13) {
    transition-delay: .39s;
}
.nav-wrapper .nav-title li:nth-child(14), .mob-nav-wrapper .nav-title li:nth-child(14) {
    transition-delay: .42s;
}
.nav-wrapper .nav-title li:nth-child(15), .mob-nav-wrapper .nav-title li:nth-child(15) {
    transition-delay: .45s;
}
.nav-wrapper .nav-title li:nth-child(16), .mob-nav-wrapper .nav-title li:nth-child(16) {
    transition-delay: .48s;
}
.nav-wrapper .nav-title li:nth-child(17), .mob-nav-wrapper .nav-title li:nth-child(17) {
    transition-delay: .51s;
}
.nav-wrapper .nav-title li:nth-child(18), .mob-nav-wrapper .nav-title li:nth-child(18) {
    transition-delay: .54s;
}

@media only screen and (max-width: 1200px) {
.nav-wrapper .nav-title ul {
    transform: scale(.6);
    transform-origin: left;
}
}



.nav-wrapper:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    content: '';
    width: 100%;
    height: 0%;
    background-color: #2A2B2D;
    -webkit-transition: all 300ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
    -webkit-transition: all 300ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
    -moz-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); /* easeInOutBack */
    -webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
    -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
    -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
    transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
}

.open.nav-wrapper:before {
    height: 100%;
}

.sub.nav-wrapper:before {
    height: 100%;
}

.nav-container {
    width: 100%;
    margin: 0 auto;
    padding: 0 35px;
}

.nav-wrapper ul {
    width: auto;
    height: 60px;
    display: block;
    float: right;
    list-style-type: none;
    margin: 0;
}

.nav-wrapper ul li {
    display: inline-block;
    margin: 13px;
    margin-right: 20px;
}
.nav-wrapper ul li a {
    color: #222;
    text-transform: uppercase;
    font-size: 14px;
    -webkit-transition: all 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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); /* easeInOutQuart */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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); /* easeInOutQuart */
}

.nav-wrapper ul li a i {
    font-size: 18px;
    line-height: 0;
}

.open.nav-wrapper ul li a, .sub.nav-wrapper ul li a {
    color: white;
}

.nav-wrapper ul li a:hover {
    color: rgba(255,255,255,1);
}

.register-b-c {
    float: right;
    height: 60px;
    width: auto;
    padding-top: 8px;
}

.register-b-c .wow-button {
    padding: 6px 40px;
}

.sub.nav-wrapper .wow-button-2 {
    color: white!important;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.15)!important;
}

.wwf-logo {
    position: fixed;
    width: 70px;
    height: 90px;
    background-image: url(../assets/images/wwf-logo.png);
    background-repeat: no-repeat;
    background-color: white;
    background-size: 59%;
    background-position: 50%;
    top: -6px;
    left: 15px;
    z-index: 999;
    padding: 5px;
    border: 1px solid black;
    box-shadow: 0 0 0 5px white;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

@media only screen and (max-width: 40.063em) {
.wwf-logo {
    width: 50px;
    height: 70px;
}
}




a.down-arrow {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    z-index: 3;
    text-align: center;
    color: #fff;
}

a.down-arrow:hover {
    opacity: #222;
}

a.down-arrow i {
    font-size: 60px;
    text-align: center;
}

@media only screen and (max-width: 64.063em) {
a.down-arrow {
    width: 40px;
    height: 40px;
}
a.down-arrow i {
    font-size: 40px;
}
}


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

    CONTAINERS

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

.wow-wr {
    width: 100%;
    margin: 0 auto;
    position: relative;
} 

.wow-c {
    max-width: 1070px;
    width: 100%;
    padding-top: 120px;
    padding-bottom: 120px;
    position: relative;
    z-index: 2;
}

@media only screen and (max-width: 40.063em) {
.wow-c {
    padding-top: 60px;
    padding-bottom: 60px;
}
}

.sub.wow-c {
    max-width: 1070px;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    z-index: 2;
}

.wow-footer {
    max-width: 1070px;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    z-index: 2;
}

.wow-footer p i {
    margin-right: 5px;
}

.column, .columns {
    padding-left: 35px;
    padding-right: 35px;
}

@media only screen and (max-width: 40.063em) {
.column, .columns {
    padding-left: 20px;
    padding-right: 20px;
}
}

.row .row {
    margin: 0 auto;
}

/* PADDING */

.pddb {
    padding-bottom: 50px!important;
}

.pddt {
    padding-top: 50px!important;
}

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

    ICONS

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

.i-icon {
    font-size: 35px!important;
    text-align: center;
    margin: 0 auto;
    width: 35px;
    height: 35px;
    opacity: .2;
    margin-bottom: 5px;
    line-height: 0;
    color: #FB1168;
}

.white.i-icon {
    color: white!important;
    opacity: .5;
}

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

    HOW AM I HELPING // DOLLAR HANDLES

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

.helping h4 {
    font-size: 18px;
    text-align: center;
    color: #444444;
    font-weight: 600;
}

.helping ul {
    display: table;
    margin: 0 auto 25px auto;
    list-style-type: none;
}

.helping ul li {
    position: relative;
}

.helping ul li:before {
    position: absolute;
    content: '•';
    color: #4DA15A;
    left: -20px; 
}

.dollar-handles.row {
    width: 100%;
    max-width: 80%;
    overflow: hidden;
}

.dollar-handles {
    margin: 0 auto 25px auto;
    text-align: center;
}

.handle {
    padding: 35px;
    position: relative;
}

.handle:before {
    content: '';
    position: absolute;
    top: 25%;
    right: 0;
    height: 0%;
    width: 1px;
    background-color: #666;
    -webkit-transition: all 400ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-transition: all 400ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -o-transition: all 400ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    transition: all 400ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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); /* easeInOutQuart */
}
.open.dollar-handles .handle:before {
    background-color: #e1e1e1;
    height: 50%;
}

.handle:last-child:before {
    content: none;
}

@media only screen and (max-width: 64.063em) {
.open.dollar-handles .handle:nth-child(2):before {
    content: none;
}
}

@media only screen and (max-width: 40.063em) {
.handle {
    padding: 15px 0px;
}
.handle:before {
    content: none;
}
}

.handle:last-child {
    border-right: none;
}

.dollar-handles .handle span:first-child {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: block;
    text-align: center;
    font-size: 30px;
    font-family: 'Lato';
    font-weight: 600;
    color: white;
    background-color: #4DA15A;
    padding: 27px 0;
    margin: 0 auto 15px auto;
    transform: scale(0);
    -webkit-transition: all 400ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-transition: all 400ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -o-transition: all 400ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    transition: all 400ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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); /* easeInOutQuart */
}

@media only screen and (max-width: 40.063em) {
.dollar-handles .handle span:first-child {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: block;
    text-align: center;
    font-size: 30px;
    font-family: 'Lato';
    font-weight: 600;
    color: white;
    background-color: #4DA15A;
    padding: 12px 0;
    margin: 0 auto 15px auto;
    transform: scale(0);
    -webkit-transition: all 400ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-transition: all 400ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -o-transition: all 400ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    transition: all 400ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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); /* easeInOutQuart */
}
}

.dollar-handles .handle span:nth-child(2) {
    font-weight: 600;
    font-size: 14px;
    font-family: 'Lato';
    line-height: 23px;
    text-transform: uppercase;
    opacity: 0;
    display: block;
    transform: translateY(50px);
    -webkit-transition: all 400ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-transition: all 400ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -o-transition: all 400ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    transition: all 400ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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); /* easeInOutQuart */
}

.open.dollar-handles .handle span:first-child {
    transform: scale(1);
}

.open.dollar-handles .handle span:nth-child(2) {
    opacity: 1;
    transform: translateY(0px);
}

.dollar-handles .handle:nth-child(1) span:first-child {
    transition-delay: .05s;
}
.dollar-handles .handle:nth-child(2) span:first-child {
    transition-delay: .1s;
}
.dollar-handles .handle:nth-child(3) span:first-child {
    transition-delay: .15s;
}
.dollar-handles .handle:nth-child(4) span:first-child {
    transition-delay: .2s;
}
.dollar-handles .handle:nth-child(5) span:first-child {
    transition-delay: .25s;
}
.dollar-handles .handle:nth-child(6) span:first-child {
    transition-delay: .3s;
}

.dollar-handles .handle:nth-child(1) span:nth-child(2) {
    transition-delay: .1s;
}
.dollar-handles .handle:nth-child(2) span:nth-child(2) {
    transition-delay: .15s;
}
.dollar-handles .handle:nth-child(3) span:nth-child(2) {
    transition-delay: .2s;
}
.dollar-handles .handle:nth-child(4) span:nth-child(2) {
    transition-delay: .25s;
}
.dollar-handles .handle:nth-child(5) span:nth-child(2) {
    transition-delay: .3s;
}
.dollar-handles .handle:nth-child(6) span:nth-child(2) {
    transition-delay: .35s;
}



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

    BACKGROUND

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

.load-bg-frames {
    position: absolute;
    left: 0;
    top: -200%;
}

.bg-vid {
    background-size: cover;
    background-position: 50%;
}

.bg-vid-ani {
    background-image: url(../assets/bg-frames/1.jpg); 
    background-size: cover; 
    background-position: 50%; 
    background-size: cover;
    background-position: 50%;
    -webkit-animation-name: bgAnimation;
    -moz-animation-name: bgAnimation;
    animation-name: bgAnimation;

    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    animation-duration: 5s;

    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;

}

@-webkit-keyframes bgAnimation {
    0% { background-image: url(../assets/bg-frames/1.jpg); background-size: cover; background-position: 50%; }
    11.11% { background-image: url(../assets/bg-frames/1.jpg); background-size: cover; background-position: 50%; }
    11.12% { background-image: url(../assets/bg-frames/2.jpg); background-size: cover; background-position: 50%; }
    22.22% { background-image: url(../assets/bg-frames/2.jpg); background-size: cover; background-position: 50%; }
    22.23% { background-image: url(../assets/bg-frames/3.jpg); background-size: cover; background-position: 50%; }
    33.33% { background-image: url(../assets/bg-frames/3.jpg); background-size: cover; background-position: 50%; }
    33.34% { background-image: url(../assets/bg-frames/4.jpg); background-size: cover; background-position: 50%; }
    44.44% { background-image: url(../assets/bg-frames/4.jpg); background-size: cover; background-position: 50%; }
    44.45% { background-image: url(../assets/bg-frames/5.jpg); background-size: cover; background-position: 50%; }
    55.55% { background-image: url(../assets/bg-frames/5.jpg); background-size: cover; background-position: 50%; }
    55.56% { background-image: url(../assets/bg-frames/6.jpg); background-size: cover; background-position: 50%; }
    66.66% { background-image: url(../assets/bg-frames/6.jpg); background-size: cover; background-position: 50%; }
    66.67% { background-image: url(../assets/bg-frames/7.jpg); background-size: cover; background-position: 50%; }
    77.77% { background-image: url(../assets/bg-frames/7.jpg); background-size: cover; background-position: 50%; }
    77.78% { background-image: url(../assets/bg-frames/8.jpg); background-size: cover; background-position: 50%; }
    88.88% { background-image: url(../assets/bg-frames/8.jpg); background-size: cover; background-position: 50%; }
    88.89% { background-image: url(../assets/bg-frames/9.jpg); background-size: cover; background-position: 50%; }
    100% { background-image: url(../assets/bg-frames/9.jpg); background-size: cover; background-position: 50%; }
}

@-moz-keyframes bgAnimation {
    0% { background-image: url(../assets/bg-frames/1.jpg); background-size: cover; background-position: 50%; }
    11.11% { background-image: url(../assets/bg-frames/1.jpg); background-size: cover; background-position: 50%; }
    11.21% { background-image: url(../assets/bg-frames/2.jpg); background-size: cover; background-position: 50%; }
    22.22% { background-image: url(../assets/bg-frames/2.jpg); background-size: cover; background-position: 50%; }
    22.32% { background-image: url(../assets/bg-frames/3.jpg); background-size: cover; background-position: 50%; }
    33.33% { background-image: url(../assets/bg-frames/3.jpg); background-size: cover; background-position: 50%; }
    33.43% { background-image: url(../assets/bg-frames/4.jpg); background-size: cover; background-position: 50%; }
    44.44% { background-image: url(../assets/bg-frames/4.jpg); background-size: cover; background-position: 50%; }
    44.54% { background-image: url(../assets/bg-frames/5.jpg); background-size: cover; background-position: 50%; }
    55.55% { background-image: url(../assets/bg-frames/5.jpg); background-size: cover; background-position: 50%; }
    55.65% { background-image: url(../assets/bg-frames/6.jpg); background-size: cover; background-position: 50%; }
    66.66% { background-image: url(../assets/bg-frames/6.jpg); background-size: cover; background-position: 50%; }
    66.76% { background-image: url(../assets/bg-frames/7.jpg); background-size: cover; background-position: 50%; }
    77.77% { background-image: url(../assets/bg-frames/7.jpg); background-size: cover; background-position: 50%; }
    77.87% { background-image: url(../assets/bg-frames/8.jpg); background-size: cover; background-position: 50%; }
    88.88% { background-image: url(../assets/bg-frames/8.jpg); background-size: cover; background-position: 50%; }
    88.98% { background-image: url(../assets/bg-frames/9.jpg); background-size: cover; background-position: 50%; }
    100% { background-image: url(../assets/bg-frames/9.jpg); background-size: cover; background-position: 50%; }
}

@keyframes bgAnimation {
    0%     { background-image: url(../assets/bg-frames/1.jpg); background-size: cover; background-position: 50%; }
    11.11% { background-image: url(../assets/bg-frames/1.jpg); background-size: cover; background-position: 50%; }
    11.21% { background-image: url(../assets/bg-frames/2.jpg); background-size: cover; background-position: 50%; }
    22.22% { background-image: url(../assets/bg-frames/2.jpg); background-size: cover; background-position: 50%; }
    22.32% { background-image: url(../assets/bg-frames/3.jpg); background-size: cover; background-position: 50%; }
    33.33% { background-image: url(../assets/bg-frames/3.jpg); background-size: cover; background-position: 50%; }
    33.43% { background-image: url(../assets/bg-frames/4.jpg); background-size: cover; background-position: 50%; }
    44.44% { background-image: url(../assets/bg-frames/4.jpg); background-size: cover; background-position: 50%; }
    44.54% { background-image: url(../assets/bg-frames/5.jpg); background-size: cover; background-position: 50%; }
    55.55% { background-image: url(../assets/bg-frames/5.jpg); background-size: cover; background-position: 50%; }
    55.65% { background-image: url(../assets/bg-frames/6.jpg); background-size: cover; background-position: 50%; }
    66.66% { background-image: url(../assets/bg-frames/6.jpg); background-size: cover; background-position: 50%; }
    66.76% { background-image: url(../assets/bg-frames/7.jpg); background-size: cover; background-position: 50%; }
    77.77% { background-image: url(../assets/bg-frames/7.jpg); background-size: cover; background-position: 50%; }
    77.87% { background-image: url(../assets/bg-frames/8.jpg); background-size: cover; background-position: 50%; }
    88.88% { background-image: url(../assets/bg-frames/8.jpg); background-size: cover; background-position: 50%; }
    88.98% { background-image: url(../assets/bg-frames/9.jpg); background-size: cover; background-position: 50%; }
    100% { background-image: url(../assets/bg-frames/9.jpg); background-size: cover; background-position: 50%; }
}


@media only screen and (max-width: 64.063em) {
.bg-vid {
    background-image: url(../assets/bgs/gi-bg-1.jpg);
}
}

.bg-gi {
    background-size: cover;
    background-position: 50%;
}

.bg-gi {
    background-image: url(../assets/bgs/gi-bg-1.jpg);
}

.bg-turtle {
    height: 450px!important;
    background-size: cover;
    background-position: 50%;
    background-image: url(../assets/bgs/tur-1.jpg);
}
.bg-turtle-2 {
    height: 450px!important;
    background-size: cover;
    background-position: 50%;
    background-image: url(../assets/bgs/tur-2.jpg);
}

@media only screen and (max-width: 40.063em) {
.bg-turtle {
    height: 250px!important;
}
.bg-turtle-2 {
    height: 250px!important;
}
}

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

    BUTTONS

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

a.wow-button {
    font-family: 'Lato' !important;
    font-size: 16px !important;
    color: white !important;
    text-align: center !important;
    padding: 10px 50px;
    box-shadow: inset 0 0 0 2px rgba(255,255,255,.5), 0px 0px 0 0px rgba(0,0,0,0), inset 0px 0px 0 2px rgba(0,0,0,0) !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    position: relative !important;
    display: inline-block !important;
    z-index: 1 !important;
    transform: perspective(200px) rotateY(0deg) !important;
    -webkit-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -moz-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -o-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important; /* easeInOutQuart */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important; /* easeInOutQuart */
}

a.wow-button:hover {
    transform: perspective(400px) rotateY(15deg) !important;
    box-shadow: inset 0 0 0 2px rgba(255,255,255,.95), -5px 5px 0 0px rgba(0,0,0,.35), inset -5px 5px 0 2px rgba(0,0,0,.35) !important;
    text-shadow: -5px 5px 0 rgba(0,0,0,.35) !important;
    -webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important; /* easeInOutQuart */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important; /* easeInOutQuart */
}

a.wow-button:active {
    transform: perspective(400px) rotateY(-35deg) !important;
    text-shadow: 5px 5px 0 rgba(0,0,0,.25) !important;
    box-shadow: inset 0 0 0 2px rgba(255,255,255,.95), 5px 5px 0 0px rgba(0,0,0,.35), inset 5px 5px 0 3px rgba(0,0,0,.35) !important;
    -webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important; /* easeInOutQuart */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important; /* easeInOutQuart */
}

a.wow-button:before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -588px !important;
    width: 580px !important;
    height: 100% !important;
background: rgb(238,178,67);
background: -moz-linear-gradient(left,  rgba(238,178,67,1) 0%, rgba(233,82,117,1) 14%, rgba(119,201,249,1) 29%, rgba(125,241,193,1) 43%, rgba(238,178,67,1) 58%, rgba(233,82,117,1) 73%, rgba(119,201,249,1) 86%, rgba(125,241,193,1) 100%) !important;
background: -webkit-linear-gradient(left,  rgba(238,178,67,1) 0%,rgba(233,82,117,1) 14%,rgba(119,201,249,1) 29%,rgba(125,241,193,1) 43%,rgba(238,178,67,1) 58%,rgba(233,82,117,1) 73%,rgba(119,201,249,1) 86%,rgba(125,241,193,1) 100%) !important;
background: linear-gradient(to right,  rgba(238,178,67,1) 0%,rgba(233,82,117,1) 14%,rgba(119,201,249,1) 29%,rgba(125,241,193,1) 43%,rgba(238,178,67,1) 58%,rgba(233,82,117,1) 73%,rgba(119,201,249,1) 86%,rgba(125,241,193,1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeb243', endColorstr='#7df1c1',GradientType=1 ) !important;
    background-size: 100% 100% !important;
    z-index: -1 !important;
    -ms-transform: skewX(20deg) !important; /* IE 9 */
    -webkit-transform: skewX(20deg) !important; /* Safari */
    transform: skewX(20deg) !important;
    -webkit-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -moz-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -o-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important; /* easeInOutQuart */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important; /* easeInOutQuart */
}

a.wow-button:hover:before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 580px !important;
    width: 580px !important;
    height: 100% !important;
    -webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important; /* easeInOutQuart */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important; /* easeInOutQuart */
}

a.wow-button:active:before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -588px !important;
    width: 580px !important;
    height: 100% !important;
    -webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important; /* easeInOutQuart */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important; /* easeInOutQuart */
}

/* BUTTON 2 */

.register-b-c .wow-button-2 {
    padding: 4px 36px;
    color: #222!important;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.15)!important;
}

a.wow-button-2 {
    font-family: 'Lato' !important;
    font-size: 14px !important;
    color: white !important;
    text-align: center !important;
    padding: 10px 50px;
    border-radius: 3px !important;
    overflow: hidden !important;
    position: relative !important;
    display: inline-block !important;
    z-index: 1 !important;
    box-shadow: inset 0 0 0 2px rgba(255,255,255,.5), 0px 0px 0 0px rgba(0,0,0,0), inset 0px 0px 0 2px rgba(0,0,0,0) !important;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    transform: perspective(200px) rotateY(0deg) !important;
    -webkit-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -moz-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -o-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important; /* easeInOutQuart */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important; /* easeInOutQuart */
}

.green.wow-button-2 {
    box-shadow: none!important;
    background-color: #4da15a!important;
}

.green.wow-button-2:before {
    background-color: #66c0dd!important
}

a.wow-button-2:before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -10px!important;
    width: 0 !important;
    height: 100% !important;
    background: #4da15a;
    z-index: -1 !important;
    -ms-transform: skewX(20deg) !important; /* IE 9 */
    -webkit-transform: skewX(20deg) !important; /* Safari */
    transform: skewX(20deg) !important;
    -webkit-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -moz-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -o-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important; /* easeInOutQuart */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important; /* easeInOutQuart */
}
a.wow-button-2:after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -10px!important;
    width: 0 !important;
    height: 100% !important;
    background: #66c0dd;
    z-index: -2 !important;
    -ms-transform: skewX(20deg) !important; /* IE 9 */
    -webkit-transform: skewX(20deg) !important; /* Safari */
    transform: skewX(20deg) !important;
    -webkit-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -moz-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -o-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important; /* easeInOutQuart */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important; /* easeInOutQuart */
}
a.wow-button-2scrolled:after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -10px!important;
    width: 120% !important;
    height: 100% !important;
    background: #66c0dd;
    z-index: -2 !important;
    -ms-transform: skewX(20deg) !important; /* IE 9 */
    -webkit-transform: skewX(20deg) !important; /* Safari */
    transform: skewX(20deg) !important;
    -webkit-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -moz-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -o-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important; /* easeInOutQuart */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important; /* easeInOutQuart */
}

a.wow-button-2:hover:before {
    width: 125% !important;
    -webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000) !important; /* easeInOutQuart */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important;
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000) !important; /* easeInOutQuart */
}

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

    FOOTER 

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

.footer-logo {
    width: 60px;
    height: 73px;
    background-image: url(../assets/images/wwf-logo.png);
    background-size: 100%;
    background-repeat: no-repeat;
    border: 1px solid black;
    box-shadow: 0 0 0 3px white;
    display: block;
    margin: 0 auto 25px auto;
}

.footer h5 {
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0 8px 0;
    line-height: normal;
}

.footer p {
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 0 25px 0;
    line-height: 22px;
}

.footer p a {
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 0 25px 0;
    line-height: 22px;
    color: white;
}

.footer ul {
    list-style-type: none;
    display: block;
    margin: 0 0 25px 0;
}

.footer li {
    display: inline-block;
    margin-right: 10px;
}

.footer li a {
    font-size: 30px;
    color: white;
}

ul.legal {
    color: white;
    margin: 0 auto;
    text-align: center;
}

ul.legal li {
    margin: 0;
}
ul.legal li:last-child {
    font-size: 14px!important;
    opacity: .5;
}


ul.legal a {
    font-size: 14px;
}

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

    BUY ONESIE ICONS

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

.buy-onesie-icons {
    list-style-type: none;
    text-align: center;
    position: relative;
    z-index: 99;
    max-width: 700px;
}

.buy-onesie-icons {
    margin: 0 auto;
    text-align: center;
}

.buy-onesie-icons span {
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #2A2B2D;
    margin: 20px auto;
}

.buy-onesie-icons p {
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 22px;
}

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

    TRANSITIONS

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

.eio-1000 {
    -webkit-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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); /* easeInOutQuart */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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); /* easeInOutQuart */
}

.eio-500 {
    -webkit-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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); /* easeInOutQuart */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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); /* easeInOutQuart */
}

.eio-300 {
    -webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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 */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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); /* easeInOutQuart */
}

.eiob-500 {
    -webkit-transition: all 500ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
    -webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
    -moz-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); /* easeInOutBack */
    -webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
    -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
    -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
    transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
}

.eiob-300 {
    -webkit-transition: all 300ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
    -webkit-transition: all 300ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
    -moz-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); /* easeInOutBack */
    -webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
    -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
    -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
    transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
}

.tr-del {
    -webkit-transition-delay: 500ms; /* Safari */
    transition-delay: 500ms;
}

.li-del-50 {
    -webkit-transition-delay: 50ms; /* Safari */
    transition-delay: 50ms;
}

.li-del-100 {
    -webkit-transition-delay: 100ms; /* Safari */
    transition-delay: 100ms;
}

.li-del-150 {
    -webkit-transition-delay: 150ms; /* Safari */
    transition-delay: 150ms;
}

.li-del-200 {
    -webkit-transition-delay: 200ms; /* Safari */
    transition-delay: 200ms;
}

.li-del-250 {
    -webkit-transition-delay: 250ms; /* Safari */
    transition-delay: 250ms;
}

.li-del-300 {
    -webkit-transition-delay: 300ms; /* Safari */
    transition-delay: 300ms;
}

.li-del-350 {
    -webkit-transition-delay: 350ms; /* Safari */
    transition-delay: 350ms;
}

.li-del-400 {
    -webkit-transition-delay: 400ms; /* Safari */
    transition-delay: 400ms;
}

.li-del-450 {
    -webkit-transition-delay: 450ms; /* Safari */
    transition-delay: 450ms;
}

.li-del-500 {
    -webkit-transition-delay: 500ms; /* Safari */
    transition-delay: 500ms;
}

.li-del-550 {
    -webkit-transition-delay: 550ms; /* Safari */
    transition-delay: 550ms;
}

.li-del-600 {
    -webkit-transition-delay: 600ms; /* Safari */
    transition-delay: 600ms;
}

.li-del-650 {
    -webkit-transition-delay: 650ms; /* Safari */
    transition-delay: 650ms;
}

.li-del-700 {
    -webkit-transition-delay: 700ms; /* Safari */
    transition-delay: 700ms;
}

.li-del-750 {
    -webkit-transition-delay: 750ms; /* Safari */
    transition-delay: 750ms;
}

.li-del-800 {
    -webkit-transition-delay: 800ms; /* Safari */
    transition-delay: 800ms;
}

.li-del-850 {
    -webkit-transition-delay: 850ms; /* Safari */
    transition-delay: 850ms;
}

.li-del-900 {
    -webkit-transition-delay: 850ms; /* Safari */
    transition-delay: 850ms;
}

.li-del-1000 {
    -webkit-transition-delay: 1000ms; /* Safari */
    transition-delay: 1000ms;
}

.li-del-1100 {
    -webkit-transition-delay: 1100ms; /* Safari */
    transition-delay: 1100ms;
}

.li-del-1200 {
    -webkit-transition-delay: 1200ms; /* Safari */
    transition-delay: 1200ms;
}

.li-del-1300 {
    -webkit-transition-delay: 1200ms; /* Safari */
    transition-delay: 1200ms;
}

.li-del-1400 {
    -webkit-transition-delay: 1200ms; /* Safari */
    transition-delay: 1200ms;
}



.header-wrapper.header-img {
    position: relative;
    z-index: 1;
}

.green-stripe:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 80vh solid rgba(128,189,38,.95);
    border-right: 80vw solid transparent;
    z-index: 3;
}

.header-dark {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.2);
}

.sfr-img-1 {
    background-image: url(../assets/images/img-1.jpg);
    background-size: cover;
    background-position: 50%;
}
.sfr-img-2 {
    background-image: url(../assets/images/img-2.jpg);
    background-size: cover;
    background-position: 50%;
}
.sfr-img-3 {
    background-image: url(../assets/images/img-3.jpg);
    background-size: cover;
    background-position: 50%;
}
.sfr-img-4 {
    background-image: url(../assets/images/img-4.jpg);
    background-size: cover;
    background-position: 50%;
}
.sfr-img-5 {
    background-image: url(../assets/images/img-5.jpg);
    background-size: cover;
    background-position: 50%;
}
.sfr-img-6 {
    background-image: url(../assets/images/img-6.jpg);
    background-size: cover;
    background-position: 50%;
}
.sfr-img-7 {
    background-image: url(../assets/images/img-7.jpg);
    background-size: cover;
    background-position: 50%;
}

.row.sfr-row-1,.row.sfr-row-2,.row.sfr-row-3,.row.sfr-row-4,.row.sfr-row-5,.row.sfr-row-6,.row.sfr-row-8,.row.sfr-row-8 {
    width: 100%;
    max-width: 100%;
}

.txt-pdd {
    padding: 8vw;
    background-color: #F1F1F1;
}

@media only screen and (max-width: 40.063em) {
.txt-pdd {
    padding: 12vw;
    background-color: #F1F1F1;
}
.img-c {
    height: 160px!important;
    overflow: hidden;
}
}

h2 {
    margin-bottom: 0;
}

h2 i {
    color: #4DA15A;
    margin-bottom: 5px;
    line-height: normal;
}

.white-text h2 i {
    color: #fff;
    margin-bottom: 5px;
    line-height: normal;
}

.sfr-map {
    padding: 0px!important;
}

.header-c {
    width: 100%;
    height: auto;
    padding: 50px 0 50px 0;
}

.vid-head {
    position: relative;
    width: 100%;
    height: 50vh;
    min-height: 350px;
    max-height: 700px;
    overflow: hidden;
    display: table;
    background-size: cover;
    background-position: 50%;
}

@media only screen and (max-width: 40.063em) {
.vid-head {
    position: relative;
    width: 100%;
    height: 200px;
    min-height: inherit;
    overflow: hidden;
    display: table;
    background-size: cover;
    background-position: 50%;
}
}

.row {
    max-width: 900px;
}

.scorecard-c {
    width: 100%;
    margin: 0 auto;
    padding: 50px;
    overflow: hidden;
}
@media only screen and (max-width: 64.063em) {
.scorecard-c {
    width: 100%;
    margin: 0 auto;
    padding: 5px;
    overflow: hidden;
}
}

.scorecard-c .scorecard  {
    width: 100%;
    height: auto;
    margin: 0;
    border: none;
    perspective: 2000px;
    overflow: hidden;
}

.scorecard-c .scorecard .sc-itm {
    display: table-cell;
    position: relative;
    float: left;
    width: 25%;
    min-height: 14.285%;
    background-color: #EFEFEF;
    border-top: 3px solid #fefefe;
    border-left: 3px solid #fefefe;
    border-right: 3px solid #fefefe;
    border-bottom: 3px solid #fefefe;
    opacity: 0;
    padding: 15px;
    color: rgba(0,0,0,.5);
    overflow: hidden;
    transform: rotateY(90deg);
    -webkit-transition: all 100ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-transition: all 100ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -o-transition: all 100ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    transition: all 100ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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); /* easeInOutQuart */
}

.scorecard-c .scorecard .sc-itm p {
    font-size: .9vw;
    font-family: 'Lato';
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    line-height: 1.3vw;
}

@media only screen and (max-width: 64.063em) {
.scorecard-c .scorecard .sc-itm p {
    font-size: 1.4vw;
    line-height: 1.8vw;
}
}
@media only screen and (max-width: 40.063em) {
.scorecard-c .scorecard .sc-itm p {
    font-size: 2.4vw;
    line-height: 2.8vw;
}
.scorecard-c .scorecard .sc-itm {
    padding: 5px;
}
}

.scorecard-c .scorecard .sc-itm.hover {
    background-color: #DEDEDE!important;
}

.scorecard-c .scorecard.open .sc-itm {
    -webkit-animation-name: itmShow;
    animation-name: itmShow;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
    animation-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}

@-webkit-keyframes itmShow {
    from { -webkit-transform: rotateY(90deg);transform: rotateY(90deg);opacity:0; }
    to { -webkit-transform: rotateY(0deg);transform: rotateY(0deg);opacity: 1; }
}

@keyframes itmShow {
    from { transform: rotateY(90deg);opacity:0; }
    to { transform: rotateY(0deg);opacity: 1; }
}

.scorecard-c .scorecard.close .sc-itm {
    -webkit-animation-name: itmClose;
    animation-name: itmClose;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
    animation-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}

@-webkit-keyframes itmClose {
    from { -webkit-transform: rotateY(0deg);transform: rotateY(0deg);opacity: 1; }
    to { -webkit-transform: rotateY(90deg);transform: rotateY(90deg);opacity: 0; }
}

@keyframes itmClose {
    from { transform: rotateY(0deg);opacity: 1; }
    to { transform: rotateY(90deg);opacity: 0; }
}




/*
.scorecard-c .scorecard .sc-itm:nth-child(1),
.scorecard-c .scorecard .sc-itm:nth-child(7),
.scorecard-c .scorecard .sc-itm:nth-child(13),
.scorecard-c .scorecard .sc-itm:nth-child(19),
.scorecard-c .scorecard .sc-itm:nth-child(25),
.scorecard-c .scorecard .sc-itm:nth-child(31),
.scorecard-c .scorecard .sc-itm:nth-child(37) {
    width: 20%;
}*/

.scorecard-c .scorecard .sc-itm:nth-child(1),
.scorecard-c .scorecard .sc-itm:nth-child(2),
.scorecard-c .scorecard .sc-itm:nth-child(3),
.scorecard-c .scorecard .sc-itm:nth-child(4) {
    font-size: 1.05vw;
    font-weight: bold;
}
@media only screen and (max-width: 64.063em) {
.scorecard-c .scorecard .sc-itm:nth-child(1),
.scorecard-c .scorecard .sc-itm:nth-child(2),
.scorecard-c .scorecard .sc-itm:nth-child(3),
.scorecard-c .scorecard .sc-itm:nth-child(4) {
    font-size: 1.8vw;
}
}
@media only screen and (max-width: 40.063em) {
.scorecard-c .scorecard .sc-itm:nth-child(1),
.scorecard-c .scorecard .sc-itm:nth-child(2),
.scorecard-c .scorecard .sc-itm:nth-child(3),
.scorecard-c .scorecard .sc-itm:nth-child(4) {
    font-size: 2.6vw;
}
}

.scorecard-c .scorecard .sc-itm:nth-child(1) {
    background-color: #FEFEFE;
}

.scorecard-c .scorecard .sc-itm:nth-child(1),
.scorecard-c .scorecard .sc-itm:nth-child(2),
.scorecard-c .scorecard .sc-itm:nth-child(3),
.scorecard-c .scorecard .sc-itm:nth-child(4) {
    border-top: 6px solid #FEFEFE;
}

.scorecard-c .scorecard .sc-itm:nth-child(25),
.scorecard-c .scorecard .sc-itm:nth-child(26),
.scorecard-c .scorecard .sc-itm:nth-child(27),
.scorecard-c .scorecard .sc-itm:nth-child(28) {
    border-bottom: 6px solid #FEFEFE;
}

.scorecard-c .scorecard .sc-itm:nth-child(1),
.scorecard-c .scorecard .sc-itm:nth-child(5),
.scorecard-c .scorecard .sc-itm:nth-child(9),
.scorecard-c .scorecard .sc-itm:nth-child(13),
.scorecard-c .scorecard .sc-itm:nth-child(17),
.scorecard-c .scorecard .sc-itm:nth-child(21),
.scorecard-c .scorecard .sc-itm:nth-child(25) {
    border-left: 6px solid #FEFEFE;
}
.scorecard-c .scorecard .sc-itm:nth-child(4),
.scorecard-c .scorecard .sc-itm:nth-child(8),
.scorecard-c .scorecard .sc-itm:nth-child(12),
.scorecard-c .scorecard .sc-itm:nth-child(16),
.scorecard-c .scorecard .sc-itm:nth-child(20),
.scorecard-c .scorecard .sc-itm:nth-child(24),
.scorecard-c .scorecard .sc-itm:nth-child(28) {
    border-right: 6px solid #FEFEFE;
}


/* DELAYS */

.scorecard-c .scorecard .sc-itm:nth-child(1) {
    animation-delay: .02s;
}
.scorecard-c .scorecard .sc-itm:nth-child(5) {
    animation-delay: .04s;
}
.scorecard-c .scorecard .sc-itm:nth-child(2) {
    animation-delay: .06s;
}
.scorecard-c .scorecard .sc-itm:nth-child(9) {
    animation-delay: .08s;
}
.scorecard-c .scorecard .sc-itm:nth-child(6) {
    animation-delay: .1s;
}
.scorecard-c .scorecard .sc-itm:nth-child(3) {
    animation-delay: .12s;
}
.scorecard-c .scorecard .sc-itm:nth-child(13) {
    animation-delay: .14s;
}
.scorecard-c .scorecard .sc-itm:nth-child(10) {
    animation-delay: .16s;
}
.scorecard-c .scorecard .sc-itm:nth-child(7) {
    animation-delay: .18s;
}
.scorecard-c .scorecard .sc-itm:nth-child(4) {
    animation-delay: .2s;
}
.scorecard-c .scorecard .sc-itm:nth-child(17) {
    animation-delay: .22s;
}
.scorecard-c .scorecard .sc-itm:nth-child(14) {
    animation-delay: .24s;
}
.scorecard-c .scorecard .sc-itm:nth-child(11) {
    animation-delay: .26s;
}
.scorecard-c .scorecard .sc-itm:nth-child(8) {
    animation-delay: .28s;
}
.scorecard-c .scorecard .sc-itm:nth-child(21) {
    animation-delay: .3s;
}
.scorecard-c .scorecard .sc-itm:nth-child(18) {
    animation-delay: .32s;
}
.scorecard-c .scorecard .sc-itm:nth-child(15) {
    animation-delay: .34s;
}
.scorecard-c .scorecard .sc-itm:nth-child(12) {
    animation-delay: .36s;
}
.scorecard-c .scorecard .sc-itm:nth-child(25) {
    animation-delay: .38s;
}
.scorecard-c .scorecard .sc-itm:nth-child(22) {
    animation-delay: .4s;
}
.scorecard-c .scorecard .sc-itm:nth-child(19) {
    animation-delay: .42s;
}
.scorecard-c .scorecard .sc-itm:nth-child(16) {
    animation-delay: .44s;
}
.scorecard-c .scorecard .sc-itm:nth-child(26) {
    animation-delay: .46s;
}
.scorecard-c .scorecard .sc-itm:nth-child(23) {
    animation-delay: .48s;
}
.scorecard-c .scorecard .sc-itm:nth-child(20) {
    animation-delay: .5s;
}
.scorecard-c .scorecard .sc-itm:nth-child(27) {
    animation-delay: .52s;
}
.scorecard-c .scorecard .sc-itm:nth-child(24) {
    animation-delay: .54s;
}
.scorecard-c .scorecard .sc-itm:nth-child(38) {
    animation-delay: .56s;
}
.scorecard-c .scorecard .sc-itm:nth-child(28) {
    animation-delay: .58s;
}


/* GREEN ORANGE OR RED */


/* GREEN */
.scorecard-c .scorecard .sc-itm.green {
    background-color: #8EE4A8;
    background-color: #52D079;
}

.scorecard-c .scorecard .sc-itm.green:before {
    content: '\f00c';
    font-family: 'FontAwesome';
    font-size: 34px;
    position: absolute;
    color: white;
    top: 50%;
    text-align: center;
    margin: 0 auto;
    margin-top: -20px;
    left: 0;
    line-height: 42px;
    right: 0;
    display: block;
    height: 40px;
    width: 40px;
    -webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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 */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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); /* easeInOutQuart */
}

.scorecard-c .scorecard .sc-itm.green:hover:before {
    transform: translateX(-63px);
}


.scorecard-c .scorecard .sc-itm.green:after {
    content: 'Committed policy';
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -11px auto 0 auto;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    font-family: 'Lato';
    color: white;
    opacity: 0;
    -webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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 */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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); /* easeInOutQuart */
}

.scorecard-c .scorecard .sc-itm.green:hover:after {
    opacity: 1;
    transition-delay: .1s;
}

/* ORANGE */  
.scorecard-c .scorecard .sc-itm.orange {
    background-color: #FFD18D;
    background-color: #FFBA52;
}

.scorecard-c .scorecard .sc-itm.orange:before {
    content: '\f013';
    font-family: 'FontAwesome';
    font-size: 34px;
    position: absolute;
    color: white;
    top: 50%;
    text-align: center;
    margin: 0 auto;
    margin-top: -20px;
    left: 0;
    line-height: 42px;
    right: 0;
    display: block;
    height: 40px;
    width: 40px;
    -webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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 */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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); /* easeInOutQuart */
}

.scorecard-c .scorecard .sc-itm.orange:hover:before {
    transform: translateX(-75px);
}


.scorecard-c .scorecard .sc-itm.orange:after {
    content: 'PARTIALLY MET';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -11px auto 0 auto;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    font-family: 'Lato';
    color: white;
    opacity: 0;
    -webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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 */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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); /* easeInOutQuart */
}

.scorecard-c .scorecard .sc-itm.orange:hover:after {
    opacity: 1;
    transition-delay: .1s;
}


/* RED */ 
.scorecard-c .scorecard .sc-itm.red {
    background-color: #FF8596;
    background-color: #F1425B;
}

.scorecard-c .scorecard .sc-itm.red:before {
    content: '\f00d';
    font-family: 'FontAwesome';
    font-size: 34px;
    position: absolute;
    color: white;
    top: 50%;
    text-align: center;
    margin: 0 auto;
    margin-top: -20px;
    left: 0;
    line-height: 42px;
    right: 0;
    display: block;
    height: 40px;
    width: 40px;
    -webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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 */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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); /* easeInOutQuart */
}

.scorecard-c .scorecard .sc-itm.red:hover:before {
    transform: translateX(-55px);
}

.scorecard-c .scorecard .sc-itm.red:after {
    content: 'NOT MET';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -11px auto 0 auto;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    font-family: 'Lato';
    color: white;
    opacity: 0;
    -webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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 */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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); /* easeInOutQuart */
}

.scorecard-c .scorecard .sc-itm.red:hover:after {
    opacity: 1;
    transition-delay: .1s;
}

/* RED */ 
.scorecard-c .scorecard .sc-itm.red-question {
    background-color: #FF8596;
    background-color: #F1425B;
}

.scorecard-c .scorecard .sc-itm.red-question:before {
    content: '\f059';
    font-family: 'FontAwesome';
    font-size: 34px;
    position: absolute;
    color: white;
    top: 50%;
    text-align: center;
    margin: 0 auto;
    margin-top: -20px;
    left: 0;
    line-height: 42px;
    right: 0;
    display: block;
    height: 40px;
    width: 40px;
    -webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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 */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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); /* easeInOutQuart */
}

.scorecard-c .scorecard .sc-itm.red-question:hover:before {
    transform: translateX(-55px);
}

.scorecard-c .scorecard .sc-itm.red-question:after {
    content: 'NOT MET';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -11px auto 0 auto;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    font-family: 'Lato';
    color: white;
    opacity: 0;
    -webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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 */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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); /* easeInOutQuart */
}

.scorecard-c .scorecard .sc-itm.red-question:hover:after {
    opacity: 1;
    transition-delay: .1s;
}

/* TBA */ 
.scorecard-c .scorecard .sc-itm.tba {
    background-color: #525252;
    background-color: #A2A2A2;
}

.scorecard-c .scorecard .sc-itm.tba:before {
    content: '\f059';
    font-family: 'FontAwesome';
    font-size: 34px;
    position: absolute;
    color: white;
    top: 50%;
    text-align: center;
    margin: 0 auto;
    margin-top: -20px;
    left: 0;
    line-height: 42px;
    right: 0;
    display: block;
    height: 40px;
    width: 40px;
    -webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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 */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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); /* easeInOutQuart */
}

.scorecard-c .scorecard .sc-itm.tba:hover:before {
    transform: translateX(-125px);
}


.scorecard-c .scorecard .sc-itm.tba:after {
    content: 'Insufficient information';
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -11px auto 0 auto;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    font-family: 'Lato';
    color: white;
    opacity: 0;
    -webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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 */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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); /* easeInOutQuart */
}

.scorecard-c .scorecard .sc-itm.tba:hover:after {
    opacity: 1;
    transition-delay: .1s;
}


span.redOrange {
    width: 100%;
    height: 100%;
    background-color: #FFBA52;
    display: block;
    z-index: -1;
    position: absolute;
    left: -50%;
    top: 0;
    transform: skew(-45deg);
}
/* TURTLE OVR */ 
.scorecard-c .scorecard .sc-itm.green:before,
.scorecard-c .scorecard .sc-itm.orange:before,
.scorecard-c .scorecard .sc-itm.red:before {
    content: '';
    width: 53px;
    height: 40px;
    background-size: 100%;
    background-image: url(../assets/images/turtle3.png);
    background-repeat: no-repeat;
}

.scorecard-c .scorecard .sc-itm.green:hover:before {
    transform: translateX(-105px);
}
.scorecard-c .scorecard .sc-itm.orange:hover:before {
    transform: translateX(-90px);
}
.scorecard-c .scorecard .sc-itm.red:hover:before {
    transform: translateX(-70px);
}

@media only screen and (max-width: 64.063em) {
.scorecard-c .scorecard .sc-itm.green:after,
.scorecard-c .scorecard .sc-itm.orange:after,
.scorecard-c .scorecard .sc-itm.red:after,
.scorecard-c .scorecard .sc-itm.tba:after {
    font-size: 11px;
}
}

.scorecard-c .scorecard .sc-itm.green:hover:before,
.scorecard-c .scorecard .sc-itm.orange:hover:before,
.scorecard-c .scorecard .sc-itm.red:hover:before,
.scorecard-c .scorecard .sc-itm.tba:hover:before {
    transform: translateX(-55px);
    opacity: 0;
}


/* MOBILE POLICIES */

.mob-policies {

}

.mob-policies ul {
    list-style-type: none;
    margin: 0;
}

.mob-policies ul li {
    height: 50px;
    margin-bottom: 5px;
    position: relative;
}

.mob-policies ul li span:first-child {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    color: white;
    font-size: 28px;
    padding: 10px;
    text-align: center;
    display: block;
}

.mob-policies ul li span:last-child {
    margin-left: 60px;
    height: 50px;
    display: block;
    padding-top: 10px;

}

.mob-policies ul li span:first-child.red {
    background-color: #F1425B;
}
.mob-policies ul li span:first-child.green {
    background-color: #52D079;
}
.mob-policies ul li span:first-child.orange {
    background-color: #FFBA52;
}

.legend {
    padding: 0 0 50px 0;
}

.legend ul {
    list-style-type: none;
    display: table;
    margin: 0 auto;
    text-align: center;
    font-family: 'Lato';
    text-transform: uppercase;
}

.legend ul li {
    display: inline-block;
    margin: 0 45px;
    position: relative;
}

.legend ul li i {
    font-size: 40px;
    position: absolute;
    width: 50px;
    height: 50px;
    left: -50px;
    top: -6px;
}

@media only screen and (max-width: 64.063em) {
.legend {
    padding: 25px 0 25px 0;
}
.legend ul li {
    margin-bottom: 25px;
}
}

@media only screen and (max-width: 40.063em) {
.legend ul li {
    display: block;
    width: 100%;
    margin: 0px 45px 25px 45px;
}
.legend ul li:last-child {
    margin: 0px 45px 0px 45px;
}
.legend ul.question li {
    margin: 0;
}
.legend ul.question li i {
    position: relative;
    left: 0;
    top: 5px;
}
}

/* SHARE */

.open-share p {
    margin-bottom: 25px;
    text-transform: uppercase;
}

ul.share {
    width: auto;
    display: table;
    height: auto;
    list-style-type: none;
    margin: 0 auto;
}

ul.share li {
    display: inline-block;
    margin: 0 10px;
}

ul.share li a {
    width: 80px;
    height: 80px;
    display: block;
    text-align: center;
    background-color: #E8E8E8;
    border-radius: 50%;
    font-size: 38px;
    padding: 22px 0;
    color: white;
    transform: scale(0);
    -webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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 */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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); /* easeInOutQuart */
}

@media only screen and (max-width: 40.063em) {
ul.share li a {
    width: 60px;
    height: 60px;
    font-size: 24px;
    padding: 15px 0;
}
}


.open-share.open ul.share li a {
    animation-name: shareShow;
    animation-duration: .4s;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
    animation-fill-mode: forwards;
    animation-play-state: running;
}

@keyframes shareShow {
    from { transform: scale(0); }
    to { transform: scale(1); }
}

.open-share.close ul.share li a {
    animation-name: closeShare;
    animation-duration: .4s;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
    animation-fill-mode: backwards;
    animation-play-state: running;
}

@keyframes closeShare {
    from { transform: scale(1); }
    to { transform: scale(0); }
}


ul.share li a i {
    transform: scale(0);
}

.open-share.open ul.share li a i {
    animation-name: shareShow;
    animation-duration: .4s;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
    animation-fill-mode: forwards;
    animation-play-state: running;
}

.open-share.close ul.share li a i {
    animation-name: closeShare;
    animation-duration: .4s;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
    animation-fill-mode: backwards;
    animation-play-state: running;
}


ul.share li a.fb {
    background-color: #3b5998;
    animation-delay: .1s;
}
ul.share li a.tw {
    background-color: #55acee;
    animation-delay: .2s;
}
ul.share li a.em {
    background-color: #39BFA3;
    animation-delay: .3s;
}

ul.share li a.fb:hover,
ul.share li a.tw:hover,
ul.share li a.em:hover {
    background-color: #222;
}

.open-share.open ul.share li a.fb i {
    animation-delay: .3s;
}
.open-share.open ul.share li a.tw i {
    animation-delay: .4s;
}
.open-share.open ul.share li a.em i {
    animation-delay: .5s;
}

.open-share h3,
.open-share p,
.open-share .i-icon {
    opacity: 0;
    transform: translateY(-20px);
    -webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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 */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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); /* easeInOutQuart */
}

.open-share.open h3,
.open-share.open p,
.open-share.open .i-icon
 {
    opacity: 1;
    transform: translateY(0px);
}

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

    RESOURCES

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

.resources {
    padding: 0;
}

.resources h1 {
    font-size: 36px;
    line-height: 40px;
    margin: 0;
    display: table;
    background-color: rgba(0,0,0,.05);
    width: 100%;
    text-transform: none;
    padding: 25px;
}

.resources h1:before {
    content: none;
}

.res-txt {
    padding: 25px;
    padding-bottom: 0;
}

.res-txt p {
    margin-bottom: 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);
}

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


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

/* CORAL ICON */

.coral {
    width: 65px;
    height: 65px;
    display: block;
    margin: 0 auto 25px auto;
    background-image: url(../assets/images/coral2.svg);
    border: 3px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: 50% 45%;
}

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

    NEWS

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


.lst-itm ul {
    list-style-type: none;
    position: relative;
}

.lst-itm li {
    overflow: hidden;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 5px;
}

@media only screen and (max-width: 64.063em) {
.lst-itm li {
    overflow: hidden;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 5px;
}
}

.lst-itm li span {
    padding: 15px;
    position: relative;
}

.lst-itm li span:first-child {
    display: block;
    width: 25%;
    min-height: 150px!important;
    float: left;
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width: 64.063em) {
.lst-itm li span:first-child {
    display: block;
    width: 25%;
    min-height: auto!important;
    float: left;
    position: relative;
    overflow: hidden;
}
}

.lst-itm .small-block-grid-2 li span:first-child {
    display: block;
    width: 35%;
    float: left;
    position: relative;
    overflow: hidden;
}

.lst-itm .small-block-grid-2 li span:last-child {
    display: block;
    width: 65%;
    float: left;
    position: relative;
    overflow: hidden;
}

.lst-itm li span:first-child.lst-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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 */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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); /* easeInOutQuart */
}

.lst-itm a:hover span:first-child.lst-img {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

.lst-arrw:after {
    content: '';
    position: absolute;
    right: -15px;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    background-color: #EFEADC;
    transform: rotate(45deg);
    -webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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 */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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); /* easeInOutQuart */
}

.lst-itm a:hover .lst-arrw:after {
    -webkit-transform: scale(1.5) rotate(45deg);
    transform: scale(1.5) rotate(45deg);
}


.lst-itm li span:last-child {
    display: block;
    width: 75%;
    float: left;
    padding-bottom: 35px!important;
}

.lst-itm h5 {
    margin: 0 0 5px 0;
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    -webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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 */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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); /* easeInOutQuart */
}

@media only screen and (max-width: 64.063em) {
.lst-itm h5 {
    margin: 0 0 5px 0;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
}
}

@media only screen and (max-width: 40.063em) {
.lst-itm h5 {
    margin: 0 0 5px 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}
}

.lst-itm p {
    font-size: 14px;
    line-height: 28px;
    margin: 0 0 15px 0;
    color: #6D6D6D;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; 
    -webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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 */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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); /* easeInOutQuart */
}

.lst-itm a:hover h5 {
    color: #F37043;
}

p.lst-dt {
    font-size: 12px;
    color: #848484;
    line-height: normal;
    margin: 0!important;
    padding: 0!important;
    font-style: italic;
    font-weight: normal;
    position: absolute!important;
    bottom: 15px;
}

ul#stack-list {
    width: 100%;
    height: auto;
}

#stack-list li {
    width: 50%;
    height: auto;
}

/* MARKETO FORM OVERRIDES */

/* MKTO */

#mktoForm_1036 {
    width: 100%!important;
}

.mktoFieldDescriptor, .mktoFormCol, .mktoFieldWrap, .mktoRequiredField, .mktoButtonRow {
    width: 100%!important;
    margin: 0!important;
}

span.mktoButtonWrap, span.mktoNative {
    margin: 0!important;
}

span.mktoButtonWrap, span.mktoNative {
    margin-bottom: 25px!important;
}


.mktoAsterix {
    display: none!important;
}

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

.mktoButton:hover {
    color: #ffffff!important;
}

.mktoButton:before {
    position: absolute!important;
    left: 0!important;
    top: 0!important;
    content: ""!important;
    width: 0%!important;
    height: 100%!important;
    background: rgba(250, 166, 26, 0.8)!important;
    z-index: -1!important;
    -webkit-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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); /* easeInOutQuart */
}

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

.mktoErrorMsg {
    background-color: transparent!important;
    background-image: none!important;
    border: none!important;
    color: white!important;
    box-shadow: none!important;
    text-shadow: none!important;
}

.mktoErrorArrowWrap {
    display: none!important;
}

.mktoError {
    right: 0!important;
    width: 100%!important;
    text-align: right!important;
    background-color: #F3002D!important;
    padding: 15px!important;
    bottom: -30px!important;
}

.mktoErrorMsg {
    margin-top: 0!important;
    padding: 0!important;
}

.mktoForm input[type=text],
.mktoForm input[type=url],
.mktoForm input[type=email],
.mktoForm input[type=tel],
.mktoForm input[type=number],
.mktoForm input[type=date], 
mktoForm textarea.mktoField,
.mktoForm select.mktoField {
    height: 50px!important;
    box-shadow: none!important;
    border-color: #FB1168!important;
    width: 100%!important;
    margin-bottom: 15px!important;
    font-size: 16px!important;
    padding: 8px!important;
}

.mktoForm input:focus[type=text],
.mktoForm input:focus[type=url],
.mktoForm input:focus[type=email],
.mktoForm input:focus[type=tel],
.mktoForm input:focus[type=number],
.mktoForm input:focus[type=date], 
mktoForm textarea.mktoField:focus,
.mktoForm select.mktoField:focus {
    border-color: #0C7AEA!important;
    box-shadow: 0px 3px 0px 0px rgba(0,0,0,.1)!important;
}

.mktoForm .mktoGutter,
.mktoForm .mktoOffset {
    display: none!important;
}

.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
    background-image: none!important;
    border: none!important;
    background-color: #FB1168!important;
    margin:0!important;
}

.draft {

}

.draft:before {
    content: 'DRAFT';
    font-family: 'WWFRegular';
    font-size: 300px;
    line-height: 180px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -100px auto 0 auto;
    text-align: center;
    opacity: .1;
    transform: rotate(-20deg);
    z-index: 3;
    pointer-events: none;
    opacity: 0;
}

.scorecard.draft.open:before {
    opacity: .1;
    -webkit-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-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); /* easeInOutQuart */
    transition-delay: 1s;
}

@media only screen and (max-width: 40.063em) {
  .draft:before {
    transform: rotate(-20deg) scale(.6);
}  
}