/*.c-loading{
	width:100%;
	height:100%;
	position:fixed;
	z-index:999999;
	top:0;
	left:0;
	background:#FFF url('../images/loading.gif') no-repeat center;
}*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

html {
    overflow-x: hidden;
    font-family: sans-serif;
    /* 1 */

    -ms-text-size-adjust: 100%;
    /* 2 */

    -webkit-text-size-adjust: 100%;
    /* 2 */
}
body{
    font-size:16px;
    overflow:hidden !important;
}
.container{
    max-width:1695px !important;
}

/** Generated by FG **/
@font-face {
    font-family: 'Conv_Interstate-bold';
    src: url('fonts/Interstate-bold.eot');
    src: local('☺'), url('fonts/Interstate-bold.woff') format('woff'), url('fonts/Interstate-bold.ttf') format('truetype'), url('fonts/Interstate-bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

ul,
ul li{
    margin:0;
    padding:0;
    list-style:none;
}
img{
    max-width:100%;
    display:inline-block;
}
a:hover{
    text-decoration:none;
}
/**/

.o-header{
    background:#65CC02;
    padding:20px 0;
    top:0;
    width:100%;
    left:0;
    position:fixed;
    z-index:9;
}


.c-controller #menu.black > li a{
    background:#000 !important;
}
.section{
    background:#000;
    position:relative;
}
.c-form-area{
    width:100%;
    overflow-y: auto;
    max-width:466px;
    top:50%;
    right:88px;
    position:fixed;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index:999;
    background:#FFF;
    padding:30px 25px;
    margin-bottom: 10px;
    box-shadow:rgba(0,0,0,0.2) 0 0 15px;
}

.vh-100 {
    padding-top: 8%;
}

.top-temp-font {
    font-size: 8rem !important;
    font-weight: 700 !important;
    margin-bottom: 0 !important;
}

.focus-text {
    color: #003BFF !important;
}

.graph-subscription {
    font-size: 10px;
}

.weather-description {
    font-size: 1.5rem;
    font-weight: 700;
}

.collapsing {
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
    visibility: visible;
}

.collapse.show {
    -webkit-transition-delay: 3s;
    transition-delay: 3s;
    visibility: visible;
}

.section-caption-respondence {
    max-width: 600px !important;
}

.section-caption-title {
    padding-left: 0;
}

.together-btn {
    font-weight: 700;
}

.together-check {
    padding-left: 2px;
}

@media screen and (max-width:3200px), screen {
    .section-one{
        background:url('https://image.greensk.greenpeace.org/lib/fe3311717564047d7c1277/m/1/89e0702f-806d-4291-b2cc-a83627b03751.jpg') no-repeat center center;
        background-size:cover;
    }
}

@media screen and (max-width:1920px), screen and (max-height:1080px) {
    .section-one{
        background:url('https://image.greensk.greenpeace.org/lib/fe3311717564047d7c1277/m/1/89e0702f-806d-4291-b2cc-a83627b03751.jpg') no-repeat center center;
        background-size:cover;
    }
}
@media screen and (max-width:1680px), screen and (max-height:1050px) {
    .section-one{
        background:url('https://image.greensk.greenpeace.org/lib/fe3311717564047d7c1277/m/1/89e0702f-806d-4291-b2cc-a83627b03751.jpg') no-repeat center center;
        background-size:cover;
    }
    .c-form-area {
        max-width: 435px;
        right: 30px;
    }
}
@media screen and (max-width:1536px), screen and (max-height:864px) {
    .section-one{
        background:url('https://image.greensk.greenpeace.org/lib/fe3311717564047d7c1277/m/1/89e0702f-806d-4291-b2cc-a83627b03751.jpg') no-repeat center center;
        background-size:cover;
    }
    .c-slide-five{
        /*background:url('images/bg2-1536.jpg') no-repeat center center !important;*/
        /*background-size:cover !important;*/
    }
    .o-header {
        padding: 12px 0;
    }
}

@media screen and (max-width:1366px), screen and (max-height:768px) {
    .section-one{
        background:url('https://image.greensk.greenpeace.org/lib/fe3311717564047d7c1277/m/1/89e0702f-806d-4291-b2cc-a83627b03751.jpg') no-repeat center center;
        background-size:cover;
    }
    .o-header {
        padding: 10px 0;
    }

    .c-form-area{
        max-width: 380px;
        margin-top: 30px;
    }
}

.section .bg{
    height: 100%;
    width: 100%;
    object-fit:cover;
}

.section-caption h2{
    color:#FFF;
    font-size:54px;
    font-weight:700;
    margin:0;
}
.section-caption p{
    color:#FFF;
    font-size:21px;
    font-weight:400;
    margin:0;
    max-width: 520px;
}
.c-graph-section .section-caption h2{
    color:#000;
}
.c-graph-section .section-caption p{
    color:#000;
}
.c-scroll-bottom{
    position:absolute;
    width:100%;
    bottom:30px;
    text-align:center;
}
.c-scroll-bottom p{
    color: #FFF;
    margin-bottom: 168px;
    font-size: 24px;
    font-weight: 700;
}
@-webkit-keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}
@keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}
@-webkit-keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}
@keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}
.c-scroll-bottom a{
    font-size: 13px;
    color: #ffffff;
    display: block;
    -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}
.c-scroll-bottom a img{
    display:block;
    margin:0 auto 5px;
}

.c-form-area .progress{
    height:22px;
}
.c-form-area .progress-bar{
    background:#66cb04;
}
.c-form-area h2{
    color:#65cc01;
    font-size:26px;
    font-weight:700;
}
.c-form-area p{
    color: #717070;
    font-size:16px;
    font-weight:700;
    margin:0 0 15px;
}
.c-form-area ul > li{
    color:#717070;
    font-size:18px;
    font-weight:500;
    margin:0 0 12px;
}
.c-form-area .form-control{
    height:46px;
    border-radius:0;
    border-color:#cbcbcb;
    color:#bababa;
    font-size:16px;
    margin-bottom:10px;
}

.c-form-area form p{
    font-size:11px;
}
.c-form-area form p input{
    display:inline-block;
    vertical-align:middle;
    margin-right:10px;
}

.c-form-area .btn{
    width:100%;
    color:#FFF;
    font-size:19px;
    font-weight:700;
    background:#fe8101;
    border-radius:40px;
    padding:10px 10px;
    margin-top:10px;
}

.c-controller{
    width:30px;
    height:100%;
    position:absolute;
    left:4%;
    top:0;
    z-index:99;
}
.c-controller ul > li{
    display:block;
}
.c-controller ul > li a{
    width:12px;
    height:12px;
    border-radius:100%;
    display:block;
    background:#FFF;
    opacity:0.3;
    margin-bottom:10px;
}
.c-controller ul > li.active a{
    opacity:1;
}

.c-graph-area{
    width:100%;
    max-width:1160px;
    margin-top:110px;
}

.c-graph-box1__bordered{
    border:#000000 3px solid;
    border-radius:25px;
    min-height:225px;
    padding:0 20px;
}
.c-graph-area p{
    font-size:11px;
    color:#000000;
    font-weight:300;
    text-align:center;
    margin:0;
}
.c-single-graph h5{
    font-size:26px;
    font-weight:700;
    margin:0 0 5px;
}
.c-single-graph h6{
    font-size:18px;
    font-weight:300;
    margin:0;
}
.c-single-graph ul > li{
    color:#000;
    font-size: 20px;
    font-weight:700;
    font-family: 'Conv_Interstate-bold';
}
.c-graph-area ol{
    padding:0;
    margin:0 0 0 15px;
}
.c-graph-area ol li{
    list-style:none;
    color:#000000;
    font-family: 'Conv_Interstate-bold';
    font-size:18px;
    font-weight:700;
    position:absolute;
}

.c-graph-box1 ol li:first-child{
    top: -32px;
    left: 8%;
}
.c-graph-box1 ol li:nth-child(2){
    top:-8px;
    left: 31%;
}
.c-graph-box1 ol li:nth-child(3){
    top:10px;
    left: 55%;
}
.c-graph-box1 ol li:nth-child(4){
    top:50px;
    right: 4%;
    font-size: 24px;
}
.c-graph-box1 .image-wrapper{
    position:absolute;
    top:22%;
    left:0;
    right:0;
    text-align: center;
    margin:0 auto;
}
.c-graph-box2 .image-wrapper{
    position:absolute;
    top:16%;
    left:0;
    text-align: center;
    right:0;
    margin:0 auto;
}

.c-graph-box3 .image-wrapper{
    position:absolute;
    top:16%;
    left:0;
    text-align: center;
    right:0;
    margin:0 auto;
}

.c-graph-box2 ol li:first-child{
    top: -30px;
    left: 8%;
}
.c-graph-box2 ol li:nth-child(2){
    top:13px;
    left: 31%;
}
.c-graph-box2 ol li:nth-child(3){
    top:63px;
    left: 55%;
}
.c-graph-box2 ol li:nth-child(4){
    top:100px;
    right: 4%;
    font-size: 24px;
}

.c-graph-box3 ol li:first-child{
    top: -30px;
    left: 8%;
}
.c-graph-box3 ol li:nth-child(2){
    top:32px;
    left: 35%;
}
.c-graph-box3 ol li:nth-child(3){
    top: 63px;
    left: 58%;
}
.c-graph-box3 ol li:nth-child(4){
    top:106px;
    right: 4%;
    font-size: 24px;
}
/**/

.c-progressbar-caption h2{
    font-size:44px;
    color:#FFF;
    margin:0 0 18px;
}
.c-progressbar-caption p{
    color:#FFF;
    font-size:16px;
    font-weight:400;
    margin:0;
}
.c-single-bar img{
    position:absolute;
    bottom:20px;
    left:0;
    right:0;
    margin: 0 auto;
}
.c-progressbar-area{
    width:100%;
    max-width:1000px;
    margin-top:35px;
}

@keyframes load {
    0% { height: 100%; }
    100% { height: 2.3%; }
}
@keyframes load2 {
    0% { height: 100%; }
    100% { height: 15%; }
}
@keyframes load3 {
    0% { height: 100%; }
    100% { height:11%; }
}

.section.active .col:first-child .progress .progress-value{
    animation: load 4.5s normal forwards;
}
.section.active .col:nth-child(2) .progress .progress-value{
    animation: load2 4.5s normal forwards;
}
.section.active .col:last-child .progress .progress-value{
    animation: load3 4.5s normal forwards;
}

.c-single-bar .progress{
    width:100%;
    max-width:148px;
    height:400px;
    display:block;
    margin:0 auto 30px;
    position:relative;
    background:rgba(0,0,0,0.6);
    border-radius:80px;
}
.c-single-bar .progress .progress-value{
    width:100%;
    height:100%;
    bottom:0;
    left:0;
    position:absolute;
    background-color:#FFF;
    background-repeat:no-repeat;
    background-position:center 90%;
    border-radius:80px;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.c-single-bar h6{
    width:100%;
    max-width:206px;
    color:#ffffff;
    font-size:32px;
    font-weight:400;
    text-align:center;
    margin:0 auto;
}



/**/
.o-footer{
    width:100%;
    text-align:center;
    background:transparent;
    padding:30px 0;
    position: absolute;
    bottom: 0;
}
.o-footer h5{
    color:#66cb04;
    font-size:15px;
    line-height: 1.7em;
    margin:0 0 22px;
}
.o-footer hr{
    border-top-color:#b2b2b2;
}
.o-footer ul{
    margin-bottom:20px;
}
.o-footer ul > li{
    display:inline-block;
    vertical-align:middle;
    opacity:0.7;
    margin:0 12px;
}
.o-footer ul > li a{
    color:#FFF;
    font-size:15px;
    font-weight:500;
}
.o-footer p{
    color:#FFF;
    font-size:15px;
    font-weight:500;
    opacity:0.7;
    margin:0;
}

/*responsive*/

@media (max-width:1720px){
    .container {
        max-width: 1400px !important;
        padding:0 65px;
    }
    .c-form-area h2 {
        font-size: 20px;
    }
    .c-form-area ul > li {
        font-size: 14px;
    }
    .c-form-area{
        padding: 20px 20px;
    }
    .section-caption h2 {
        font-size: 34px;
    }
    .c-scroll-bottom p {
        margin-bottom: 60px;
        font-size: 20px;
    }
    .c-controller {
        left: 2%;
    }
    .c-graph-area {
        margin-top: 50px;
    }
    .c-single-graph h5 {
        font-size: 22px;
    }
    .c-single-graph ul > li {
        font-size: 16px;
    }
    .c-progressbar-caption h2 {
        font-size: 30px;
    }
    .c-single-bar h6 {
        max-width:170px;
        font-size: 20px;
    }
    .c-progressbar-area {
        max-width:740px;
        margin-top:30px;
    }
    .c-single-bar .progress {
        max-width: 100px;
        height: 320px;
    }
    .c-graph-box1 .image-wrapper {
        width: 85%;
        top: 25%;
    }
    .c-graph-area ol li {
        font-size: 15px;
    }
    .c-graph-box1 ol li:first-child {
        top: -25px;
        left: -5%;
    }
    .c-graph-box1 ol li:nth-child(2) {
        top: -12px;
        left: 26%;
    }
    .c-graph-box1 ol li:nth-child(3) {
        top: 10px;
        left: 57%;
    }
    .c-graph-box1 ol li:nth-child(4) {
        top: 50px;
        right: -16px;
        font-size:18px;
    }

    .c-graph-box2 .image-wrapper{
        top: 20%;
        width:85%;
    }
    .c-graph-box2 ol li:first-child {
        top: -28px;
        left: -10px;
    }
    .c-graph-box2 ol li:nth-child(2) {
        top: 13px;
        left: 26%;
    }
    .c-graph-box2 ol li:nth-child(3) {
        top: 56px;
        left: 56%;
    }
    .c-graph-box2 ol li:nth-child(4) {
        top: 95px;
        right: -14px;
        font-size: 18px;
    }

    .c-graph-box3 .image-wrapper{
        width:85%;
        top:20%;
    }

    .c-graph-box3 ol li:first-child {
        top: -28px;
        left: 0;
    }
    .c-graph-box3 ol li:nth-child(2) {
        top: 30px;
        left: 30%;
    }
    .c-graph-box3 ol li:nth-child(3) {
        top: 58px;
        left: 62%;
    }
    .c-graph-box3 ol li:nth-child(4) {
        top: 98px;
        right: -15px;
        font-size: 18px;
    }
}

@media (max-width:1520px){
    .c-form-area{
        max-width:390px;
    }
    .c-progressbar-area {
        max-width: 575px;
        margin-top:25px;
    }
    .c-single-bar .progress {
        max-width:75px;
        height:260px;
        margin: 0 auto 15px;
    }
    .c-single-bar .progress .progress-value{
        background-size:40px;
    }
    .section-caption p {
        font-size: 16px;
    }
    .c-slide-five h4{
        font-size:20px;
    }
    .c-graph-box2 ol li:nth-child(4),
    .c-graph-box1 ol li:nth-child(4),
    .c-graph-box3 ol li:nth-child(4){
        font-size: 15px;
    }
    .c-graph-area ol li {
        font-size: 13px;
    }
    .c-form-area{
        right:2%;
    }
    .c-graph-box1__bordered {
        min-height: 195px;
    }
    .c-single-graph h5 {
        font-size: 17px;
    }
    .c-single-graph h6 {
        font-size: 14px;
    }
    .c-graph-area {
        margin-top: 18px;
    }
    .section-caption h2 {
        font-size: 40px;
        font-weight: 700;
    }
    .c-single-graph ul > li {
        font-size: 14px;
    }
    .c-graph-area p{
        font-size:11px !important;
    }
    .c-single-bar img{
        width:40px;
    }
}


@media (max-width:1199px){
    .section.section-one {
        padding-top: 200px;
        padding-bottom: 90px;
    }
    .c-form-area {
        max-width: 380px;
    }
    .section {
        padding:100px 0;
    }
    .c-scroll-bottom{
        position:static;
        margin-top: 125px;
    }
    .section.c-slide-five{
        padding: 266px 0;
    }
    .c-scroll-bottom p {
        margin-bottom: 18px;
        font-size: 16px;
    }
    .section-caption h2 {
        font-size: 20px;
    }
    #menu{
        display:none;
    }
    .c-single-graph{
        width: 100%;
        /*max-width: 280px;*/
        margin-bottom:30px;
        justify-content: center;
        padding-left: 30px;
        padding-right: 30px;
    }
    .c-graph-box1__bordered {
        min-height: 215px;
    }
    .c-progressbar-area {
        max-width: 490px;
        margin-top: 20px;
    }
    .c-single-bar h6 {
        max-width: 115px;
        font-size: 18px;
    }
    .c-progressbar-caption h2 {
        font-size: 24px;
    }
    .o-footer {
        position: static;
        margin-top: 20px;
        padding-bottom: 0;
        padding-left:15px;
        padding-right:15px;
    }
}
@media (max-width:1024px){
    #fullpage {
        padding-top: 0;
    }
    .c-graph-area {
        max-width: 400px;
        display: block;
        margin:30px auto 0;
    }
    .c-form-area{
        position:static;
        right:0;
        top:0;
        margin: 70px auto 0;
        max-width: 335px;
        -webkit-transform:none;
        -moz-transform:none;
        -o-transform:none;
        transform:none;
    }
    .container {
        max-width: 1400px !important;
        padding: 0 15px;
    }
}
@media (max-width:991px){
    .section.section-one{
        padding-top:100px;
        padding-bottom:30px;
    }
    .impact-section {
        padding-top: 300px;
        padding-bottom: 300px;
    }
}
@media (max-width:575px){
    .c-form-area {
        height:auto;
        margin-bottom: 10px;
    }
    .section{
        padding:50px 0;
    }
    .impact-section {
        padding-top: 300px;
        padding-bottom: 300px;
    }
    .section.c-slide-five{
        padding: 220px 0;
    }
    .c-single-bar .progress {
        max-width: 60px;
    }
    .c-progressbar-caption h2 {
        font-size: 20px;
    }
    .media-mid-scription {
        padding-top: 180px;
        padding-bottom: 20px;
    }
    .o-footer ul > li{
        display:block;
        margin: 0 4px;
    }
    .o-footer ul > li > a {
        font-size: 11px;
    }
    .o-footer ul {
        display: flex;
        padding: 0;
    }
    .o-footer{
        padding-left:15px;
        padding-right:15px;
    }
    .weather-description {
        font-size: 0.8rem;
        font-weight: 700;
    }
}