html,body{background-color:#f7f7f7;position:relative;font-family:'Work Sans',sans-serif;color:#848789}#sidebar-menu{display:none}.no-scroll{overflow-y:hidden}.bg-blue{background-color:#eef7ff}.no-gutters{margin-right:0;margin-left:0;>.col,>[class*="col-"]{padding-right:0;padding-left:0}}.col-20{width:20%;flex:0 0 20%}.embed-wrap{width:100%;height:100px;position:relative}.btn2{display:inline-block;font-family:'Work Sans',sans-serif;font-size:16px;font-weight:500;color:#595959;padding:15px 25px;text-align:center;text-decoration:none;background:#fff;border:0;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}.btn2:visited{text-decoration:none;color:#595959}.btn2:hover{text-decoration:none;background-color:#2d435d;color:#fff}.btn2:disabled,.btn2:disabled:hover{opacity:.3;background-color:#fff;color:#595959}.btn2-wide{padding-right:55px;padding-left:55px}.btn2-shadow{box-shadow:0 0 6px 0 rgba(179,179,179,0.5) !important}.btn2-blue{background-color:#eef6ff;border:1px solid #595959}.btn2-solid-blue{background-color:#2d435d;border:1px solid #2d435d;color:#fff}.btn2-solid-blue:hover{background-color:#fff;color:#2d435d}.my-select{border:2px solid #2d435d;padding:15px;background:transparent;position:relative;font-family:Arial,sans-serif;font-size:16px;font-weight:500;color:#2d435d;display:flex}.my-select span{margin:0 10px 0 0;display:inline-block}.my-select select{flex-grow:1;font-family:Arial,sans-serif;font-size:16px;font-weight:500;color:#2d435d;border:0;padding:0;margin:0;background:transparent}.my-select select:focus{outline:0}.ikan{display:inline-block;text-decoration:none;outline:0;border:0;position:relative;vertical-align:middle;width:240px}.ikan img{width:100%;height:auto}.ikan-single{width:auto}.carbon-content{display:inline-block;vertical-align:middle;width:700px;padding:0;margin:0 70px}#navbar{display:block;position:fixed;width:100%;background:transparent;z-index:50;top:0;left:0;padding:0 80px;height:85px;-webkit-transition:background-color .2s ease-out;-moz-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;transition:background-color .2s ease-out}#navbar.shadow{background-color:#fff}#navbar .logo{display:inline-block;outline:0;border:0;vertical-align:middle;position:relative;top:-6px;background:transparent url(../images/logo@2x.png) no-repeat center;background-size:134px auto;width:134px;height:121px}#navbar .menu{display:inline-block;text-align:right;vertical-align:top;margin:27px 0 0 50px}#navbar .menu .list{list-style-type:none;padding:0;margin:0;display:inline-block;vertical-align:middle}#navbar .menu .list li{display:inline-block;padding:0;margin:0 40px 0 0;position:relative}#navbar .menu .list li a{display:block;width:100%;font-family:'Work Sans',sans-serif;font-size:13px;font-weight:600;color:#fff;text-decoration:none;text-align:center}#navbar .menu .list li.active a,#navbar .menu .list li a:hover{color:#fff}#navbar.shadow .menu .list li a,#navbar.shadow .menu .list li.active a,#navbar.shadow .menu .list li a:hover{color:#2d435d}#navbar .menu .list li.signin{margin:0}#navbar .menu .list li.signin a{background:transparent url(../images/icon-signin.png) no-repeat right center;background-size:22px 22px;padding:4px 35px 0 0;height:22px}#navbar.shadow .menu .list li.signin a{background-image:url(../images/icon-signin-blue.png)}#navbar .btn-menu{display:none}#navbar .menu .list li.lang{margin:0;padding:0;position:relative}#navbar .menu .list li.lang a{margin:0;padding:0 10px;color:#818181}#navbar .menu .list li.lang-active a{color:#fff}#navbar.shadow .menu .list li.lang a{color:#818181}#navbar.shadow .menu .list li.lang-active a{color:#2d435d}#navbar .menu .list li.lang:after{display:block;content:"";position:absolute;height:100%;width:1px;background:#818181;top:0;right:-1px}#navbar .menu .list li.lang-end:after{display:none}#navbar .menu .list li.lang-end{margin-right:40px}#navbar .menu .list .dropdown{opacity:0;position:absolute;top:calc(100% + 10px);width:auto;background:#fff;margin:0;padding:0;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}#navbar .menu .list .dropdown.show{opacity:1}#navbar .menu .list .dropdown li{display:block;margin:0;padding:0}#navbar .menu .list .dropdown li a{display:block;padding:5px 15px;text-align:left;min-width:150px;text-transform:uppercase;color:#2d435d}.navbar-space{height:85px;display:block}#home-banner{position:relative;z-index:11;height:50vw}#home-banner .carousel-item{height:50vw;position:relative}#home-banner video{width:100%}#home-banner img{width:auto;height:100%}#home-banner .banner-link{display:block;outline:0;border:0;text-decoration:none}#home-banner .carousel-item .content{display:block;position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;color:#fff;text-align:center}#home-banner .hero-title{font-family:'Work Sans',sans-serif;font-size:60px;font-weight:800;padding:0;margin:0 0 20px}#home-banner .hero-desc{margin:0 0 50px}#home-banner .carousel-item .content .btn2{margin:0 50px}.section{display:block;position:relative;text-align:center;padding:60px 0;font-family:'Work Sans',sans-serif}.section-full{padding:0}.section-pad114{padding-top:114px;padding-bottom:114px}.section-blue{background-color:#2d435d}.section-blue-light{background-color:#eef6ff}.section-grey{background-color:#eee}.section-title{font-family:'Work Sans',sans-serif;font-size:30px;color:#2d435d;font-weight:800;margin:0 0 40px;padding:0 0 30px;position:relative}.section-title:after{content:"";position:absolute;left:50%;bottom:0;display:block;width:80px;height:8px;background:#2d435d;transform:translateX(-50%)}.section-desc{font-size:16px;padding:0;margin:0 0 40px;color:#595959}.section-desc-form{width:500px;margin:0 auto 40px}.section-donate{background:#333 url(../images/donate.jpg) no-repeat center;background-size:cover}.section-watch{background:transparent url(../images/bg-watch.jpg) no-repeat center;background-size:100% auto;background-position-y:50%}.section-watch-bottom{background-position-y:bottom;background-color:#eef7ff}.aboutus-logo{display:inline-block;width:185px;height:200px;vertical-align:middle;background:transparent url(../images/logo.png) center no-repeat;background-size:185px 200px;margin:0 120px 0 0}.aboutus-desc{display:inline-block;font-size:16px;color:#2d435d;text-align:left;vertical-align:middle;width:calc(100% - 315px);position:relative}.aboutus-desc .down-to-earth{position:absolute;bottom:0;right:0;width:183px;height:90px;background:transparent url(../images/down-to-earth.png) center no-repeat;background-size:183px 90px}#footer{display:block;position:relative;background-color:#2d435d;padding:40px 0;text-align:center;color:#fff}#footer .menu{list-style-type:none;display:inline-block;padding:0;margin:0 0 20px}#footer .menu li{display:block;float:left}#footer .menu li a{font-family:'Work Sans',sans-serif;color:#fff;font-size:16px;text-decoration:none;display:block;padding:0 25px;border-right:2px solid #fff;-webkit-transition:background-color 1s ease-out;-moz-transition:background-color 1s ease-out;-o-transition:background-color 1s ease-out;transition:background-color 1s ease-out}#footer .menu li:hover a{text-decoration:none}#footer .menu li:last-child a{border-right:0}#footer .kab{margin:0 0 20px}#footer .kab img{width:82px;height:auto}.grid-film{display:grid;grid-template-columns:33.33% 33.33% auto;grid-template-rows:269px 269px 269px;background:#fff}.grid-film-item{position:relative;overflow:hidden}.grid-film-item .point-info{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.grid-film-item .point-info .icon img{height:60px}.grid-film-item .point-info .desc{color:#848789;font-size:12px}.grid-film-item .bg-img{width:100%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.grid-film-item .bg-img-wide{width:150%;height:auto}.grid-film-a{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2}.grid-film-b{grid-column-start:2;grid-column-end:4;grid-row-start:1;grid-row-end:2;background:transparent url('../images/img1.jpg') center no-repeat;background-size:cover}.grid-film-c{grid-column-start:1;grid-column-end:2;grid-row-start:2;grid-row-end:4;background:transparent url('../images/img2.jpg') center no-repeat;background-size:cover}.grid-film-e{grid-column-start:2;grid-column-end:3;grid-row-start:2;grid-row-end:3}.grid-film-f{grid-column-start:3;grid-column-end:4;grid-row-start:2;grid-row-end:4;background:transparent url('../images/img4.jpg') center no-repeat;background-size:cover}.grid-film-g{grid-column-start:2;grid-column-end:3;grid-row-start:3;grid-row-end:4;background:transparent url('../images/img3.jpg') center no-repeat;background-size:cover}.grid-film-arrow{overflow:visible}.grid-film-arrow:after{content:"";width:0;height:0;border:10px solid #fff;border-left-color:transparent;border-top-color:transparent;position:absolute;z-index:1;bottom:-16px;left:50%;transform:rotate(45deg) translateX(-50%)}.point-info{font-family:'Work Sans',sans-serif;font-size:14px;color:#595959;padding:0 200px}.point-info .icon{display:inline-block;margin:0 0 15px}.point-info h4{font-family:'Work Sans',sans-serif;font-size:18px;font-weight:800;color:#2d435d;margin:0 0 15px}.point-info .desc{margin:0}.point-info .line{display:inline-block;width:60px;height:5px;background:#2d435d;margin:40px 0 0}.point-info-pad80{padding:0 80px}.point-info-middle{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.list-icon{display:block;position:relative;list-style-type:none;margin:0 0 50px;padding:0}.list-icon li{display:inline-block;margin:0 45px}.partner{position:relative}.partner img{max-width:100%;height:auto}.donate-title{display:inline-block;vertical-align:middle;margin:0 80px 0 0;width:300px;text-align:left}.donate-title h4{font-family:'Work Sans',sans-serif;font-weight:800;font-size:48px;color:#fff;margin:0;padding:0}.donate-form{display:inline-block;vertical-align:middle;position:relative;width:380px;font-family:'Work Sans',sans-serif;font-size:16px;color:#fff;margin:0 4px 0 0}.donate-form .form-amount.double{width:250px}.form-amount{float:left;display:inline-block;height:50px;line-height:50px;width:120px;border:1px solid #fff;margin:0 10px 10px 0;text-align:center;overflow:hidden;position:relative;cursor:pointer}.form-amount input[type=radio]{position:absolute;left:-100px}.form-amount span{display:block;width:100%;height:100%}.form-amount input[type=radio]:checked+span{background:#fff;color:#2d435d}.form-amount span input[type=text]{padding:0 10px;margin:0;width:100%;font-size:16px;font-family:'Work Sans',sans-serif;background:transparent;border:0;color:#2d435d;outline:0}.form-amount span input[type=text]::-webkit-input-placeholder{color:#fff;opacity:1}.form-amount span input[type=text]::-moz-placeholder{color:#fff;opacity:1}.form-amount span input[type=text]:-ms-input-placeholder{color:#fff;opacity:1}.form-amount span input[type=text]:-moz-placeholder{color:#fff;opacity:1}.form-amount2{float:none;display:block;margin:0 0 20px;width:100%;border-color:#2d435d;text-align:left;line-height:normal;font-family:'Work Sans',sans-serif;font-size:16px;color:#2d435d}.form-amount2 span{padding:15px 20px}.form-amount2 input[type=radio]:checked+span{background:#2d435d;color:#fff}.form-amount2 span:after{content:"\2713";position:absolute;z-index:2;font-family:'Work Sans',sans-serif;font-size:16px;color:#71af5d;top:13px;right:20px;font-weight:600;display:none}.form-amount2 input[type=radio]:checked+span:after{display:block}.form-amount2 span input[type=text]{color:#fff;padding:0}.form-amount2 span input[type=text]::-webkit-input-placeholder{color:#2d435d}.form-amount2 span input[type=text]::-moz-placeholder{color:#2d435d}.form-amount2 span input[type=text]:-ms-input-placeholder{color:#2d435d}.form-amount2 span input[type=text]:-moz-placeholder{color:#2d435d}.donate-form-last{width:auto}.donate-form .submit,.form-amount-submit{float:left;display:inline-block;height:110px;width:160px;border:1px solid #fff;background:#fff;margin:0;font-family:'Work Sans',sans-serif;font-weight:500;color:#2d435d;padding:20px 0 0}.donate-text{display:inline-block;width:calc(100% - 390px);font-family:'Work Sans',sans-serif;font-size:16px;color:#fff;text-align:left;vertical-align:middle}.form-amount-inline{display:inline-block;float:none;vertical-align:middle;width:100px;margin:0 8px 0 0}.form-amount-auto{width:230px}.form-amount-submit{float:none;height:50px;vertical-align:middle;padding:0}.popup .modal-content{border-radius:0;background:#eef6ff;padding:30px 35px;text-align:center;font-family:'Work Sans',sans-serif;font-size:14px;color:#595959}.popup .modal-content .close{position:absolute;top:-12px;right:-12px;background:#2d435d;color:#fff;font-weight:normal;width:25px;height:25px;opacity:1;border-radius:50%;z-index:2}.popup .modal-content .close:hover{opacity:1}.popup .modal-content .title{font-family:'Work Sans',sans-serif;font-size:24px;font-weight:800;margin:0 0 30px;padding:0 0 20px;position:relative;color:#2d435d}.popup .modal-content .title:after{content:"";display:block;position:absolute;height:5px;width:60px;background:#2d435d;bottom:0;left:50%;transform:translateX(-50%)}.popup .modal-content .form-group{margin-bottom:20px}.popup .modal-content .form-group.last{margin-bottom:30px}.popup .modal-content .form-control{border-radius:0;border:0;font-family:'Work Sans',sans-serif;font-size:14px;color:#595959}.popup .modal-content .form-control::-webkit-input-placeholder{color:#9a9a9a;opacity:1}.popup .modal-content .form-control::-moz-placeholder{color:#9a9a9a;opacity:1}.popup .modal-content .form-control:-ms-input-placeholder{color:#9a9a9a;opacity:1}.popup .modal-content .form-control:-moz-placeholder{color:#9a9a9a;opacity:1}.popup .modal-content .form-check-label{font-family:'Work Sans';font-size:12px;color:#9a9a9a}.popup .modal-content button[type=submit]{border:0;margin-bottom:30px}.popup .modal-content .sign-link{font-weight:600;text-decoration:none;color:#595959}.popup .modal-content .sign-link:hover{text-decoration:underline}.popup .modal-content .title-pay{font-family:'Work Sans',sans-serif;font-size:30px;font-weight:800;color:#fff;padding:0;margin:0 0 30px}#modal-ikan .modal-content,#modal-ikan .modal-body{padding:0;position:relative}#modal-ikan .modal-content a{display:block;width:100%;outline:0;border:0;overflow:hidden;position:relative}#modal-ikan .modal-content a img{width:100%;height:auto}#modal-pay .modal-content{background-image:url('../images/popup-pay.jpg');background-size:cover;border:0;color:#fff}.box-form{display:inline-block;width:500px;padding:30px;box-shadow:0 0 6px 0 rgba(182,182,182,0.5);background-color:#fff}.box-form h4{font-family:'Work Sans',sans-serif;font-size:16px;color:#2d435d;margin:0 0 30px;padding:0}#donate-status{display:block;text-align:center;font-family:'Work Sans',sans-serif;color:#2d435d}#donate-status .icon{display:inline-block;background:transparent url(../images/icon-success.png) no-repeat center;background-size:82px 81px;width:82px;height:81px;margin:0 0 30px}#donate-status.failed .icon{background-image:url(../images/icon-failed.png);background-size:83px 83px;width:83px;height:83px}#donate-status h4{font-family:'Work Sans',sans-serif;font-weight:800;color:#2d435d;margin:0 0 10px;padding:0}.payas{background:rgba(45,67,93,.5);padding:30px 0;color:#fff;font-family:'Work Sans',sans-serif}.payas .title{display:inline-block;vertical-align:middle;font-weight:800;font-size:24px;padding:0;margin:0 46px 0 0}#modal-share .share-list a{float:left;display:inline-block;margin:0 5% 0 0;padding:20px 0;width:30%;text-align:center;font-family:'Work Sans',sans-serif;font-size:12px;color:#2d435d;border:1px solid rgba(45,67,93,.1);text-decoration:none;outline:0}#modal-share .share-list a:last-child{margin-right:0}#modal-share .share-list a i{font-size:32px}#modal-share .share-list a p{margin:12px 0 0;padding:0}#modal-share .copylink{border:1px solid rgba(45,67,93,.1)}#modal-share .copylink .btn{background-color:#2d435d;color:#fff}.icon-social{background:#2d435d;border-radius:50%;color:#fff;width:36px;height:36px;display:inline-block;font-size:24px;padding:0;margin:0 40px 0 0;text-align:center}.icon-social:hover{color:#2d435d;text-decoration:none}#overlay-popup{display:none;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);z-index:45;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}#overlay-popup.show{display:block}.form-password{position:relative}.form-password button{position:absolute;z-index:2;border:0;background:transparent;top:8px;right:3px;color:#9a9a9a}.box-article{display:block;position:relative;overflow:hidden;height:250px;box-shadow:0 0 10px 0 #c5c5c5;background-color:#fff;font-family:'Work Sans',sans-serif;font-size:12px;color:#3f3f3f}.box-article .poster{float:left;width:45%;height:100%;overflow:hidden;position:relative;background:#2d435d}.box-article .poster img{position:absolute;top:0;left:50%;height:100%;width:auto;transform:translateX(-50%);display:inline-block}.box-article .poster .date{color:#fff;font-family:'Work Sans',sans-serif;font-size:24px;font-weight:600;text-align:left;position:absolute;top:50%;left:30px;transform:translateY(-50%)}.box-article .poster .date p{margin:0 0 10px;padding:0}.box-article .poster .date p:first-child{margin:0 0 20px;font-size:60px}.box-article .content{float:left;width:55%;height:100%;position:relative;padding:30px;text-align:left}.box-article .content .title{display:block;margin:0 0 20px;color:#3f3f3f}.box-article .content .title h3{font-size:14px;font-weight:600}.box-article .content .date{position:absolute;bottom:30px;left:30px}.box-article .content .link{position:absolute;bottom:30px;right:30px;color:#2d435d;text-decoration:underline}.box-article .content .location,.box-article .content .map{font-size:12px;font-weight:normal;color:#7d7d7d;padding:0 0 0 20px;position:relative;display:block;margin:0 0 5px}.box-article .content .location:before,.box-article .content .map:before{display:inline-block;content:"\f041";font-family:FontAwesome;margin:0 5px 0 0;position:absolute;top:0;left:0}.box-article .content .map:before{content:"\f0c1"}.box-article .content .desc-event{margin:10px 0 0;padding:0}.see-more{font-family:'Work Sans',sans-serif;font-size:16px;font-weight:500;color:#2d435d;text-decoration:none}.see-more:hover,.see-more:visited{text-decoration:underline;color:#2d435d}.floating-button{display:none;position:fixed;bottom:30px;right:30px;background:#fff url('../images/watch.png') 20px center no-repeat;background-size:69px 69px;padding:30px 20px 20px 109px;height:109px;width:280px;border-radius:54px;box-shadow:0 0 6px 0 rgba(124,124,124,0.5);font-family:'Work Sans',sans-serif;font-weight:500;font-size:16px;color:#2d435d;z-index:10;opacity:0;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}.floating-button:hover,.floating-button:visited{text-decoration:none;color:#2d435d}.floating-button.show{opacity:1;display:block}.floating-button-pay{background-image:url('../images/rp.png');height:89px;background-position:10px center;padding:32px 20px 20px 105px}.vjs-nofull .vjs-fullscreen-control{display:none}.article-title{font-family:'Work Sans',sans-serif;font-size:21px;font-weight:bold;line-height:1.43;color:#3f3f3f;margin:0 0 30px;text-align:left}.article-date{font-family:'Work Sans',sans-serif;font-size:12px;font-weight:normal;text-align:justify;color:#909090;margin:0 0 30px}.article-content{font-family:'Work Sans',sans-serif;font-size:14px;font-weight:normal;line-height:2.14;color:#3f3f3f;text-align:left}#load-article{font-size:36px;color:#2d435d}#gallery-list a{position:relative}#gallery-list a .btn-hover{display:inline-block;position:absolute;z-index:2;border:2px solid #fff;padding:15px 40px;text-align:center;font-family:'Work Sans',sans-serif;font-size:16px;font-weight:500;color:#fff;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}#gallery-list a:hover .btn-hover{opacity:1}#gallery-list a img{width:100%;height:auto}#carcol{padding:0;margin:0;box-shadow:0 0 6px 0 rgba(182,182,182,0.5);background-color:#fff;text-align:center;font-family:'Work Sans',sans-serif;font-size:16px;color:#595959;position:relative;overflow:hidden}#carcol .pad60{padding:60px}#carcol .img-home{width:240px;height:140px;margin:0 0 40px}#carcol .subtitle{font-size:16px;font-weight:600;color:#2d435d;margin:0 0 10px}#carcol .subtitle2{font-size:21px;font-weight:600;color:#2d435d;margin:0 0 40px}#carcol .title{font-size:30px;font-weight:800;color:#2d435d;margin:0 0 40px;position:relative;display:inline-block}#carcol .title-underline{padding-bottom:20px}#carcol .title-underline:after{display:block;content:"";width:25%;height:8px;background:#2d435d;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}#carcol .desc{margin:0 200px 48px}#carcol .section{display:block;position:relative;overflow:hidden}#carcol nav{display:block;position:relative;width:100%}#carcol nav a{display:block;float:left;width:16.6%;font-family:'Work Sans',sans-serif;font-size:12px;color:#2d435d;text-decoration:none;outline:0;padding:30px 0;border:solid 1px #f0f0f0;border-top:0;border-left:0;cursor:default;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}#carcol nav a:last-child{width:17%;border-right:0}#carcol nav a.active{color:#fff;background:#2d435d;border-color:#2d435d}#carcol .question ul{display:block;list-style-type:none;position:relative;margin:0 auto;padding:0;width:520px}#carcol .question ul li{display:block;position:relative;width:250px;float:left;margin:0 20px 20px 0}#carcol .question ul li:nth-child(even){margin-right:0}#carcol .question ul li label{display:block;position:relative;margin:0;padding:0;overflow:hidden;box-shadow:0 0 10px 0 rgba(176,176,176,0.5);cursor:pointer}#carcol .question ul li label span{display:block;background:#fff;height:150px;box-shadow:0 0 10px 0 rgba(176,176,176,0.5);padding:30px;text-decoration:none;outline:0;border:0}#carcol .question ul li label span p{display:inline-block;transform:translateY(-50%);position:relative;top:50%;margin:0;padding:0}#carcol .question ul li label input:checked+span{border:solid 3px #aec8e6}#carcol .question ul li label span p img{display:inline-block;margin:0 0 20px}#carcol .question ul li label input,#carcol .question .ans-0{position:absolute;top:-100px;left:-100px}#carcol .question p{font-family:'Work Sans',sans-serif;font-size:18px;color:#595959;margin:0 200px 30px}#carcol .tree{background:transparent url(../images/forest.png) center top no-repeat;background-size:133px 133px;padding:150px 0 0;font-family:'Work Sans',sans-serif;font-weight:500;font-size:40px;color:#2d435d}#carcol .section .btn-nav{border-radius:50%;box-shadow:0 0 10px 0 rgba(176,176,176,0.5);background-color:#fff;width:54px;height:54px;display:block;position:absolute;z-index:2;top:50%;transform:translateY(-50%);text-decoration:none;outline:0;color:#2d435d;font-size:24px;font-weight:lighter;padding:10px 0 0;opacity:.3;cursor:default}#carcol .section .btn-next{right:100px}#carcol .section .btn-prev{left:100px}#carcol .section .btn-nav.active{opacity:1;cursor:pointer}#carcol .section .page-container{margin-top:50px;position:relative}#carcol .section .page-container .btn-nav{display:none}#carcol .section .page{font-size:14px;font-family:'Work Sans',sans-serif;color:#595959}#carcol .question .answer-text{display:table;width:auto;position:relative;margin:0 auto}#carcol .question .answer-text .ro{display:table-row}#carcol .question .answer-text .co{display:table-cell;padding:0 5px 30px;text-align:left}#carcol .question .answer-text .ans{width:70px;border:0;border-bottom:1px solid #595959;text-align:center;color:#595959}#carcol .nav-calculator{background-color:#fafafa;font-family:'Work Sans',sans-serif;font-size:14px;color:#595959;padding:30px 0}#carcol .nav-calculator h4{font-weight:800}#carcol .nav-calculator h4,#carcol .nav-calculator p{margin:0 0 20px}#carcol .nav-calculator .row{margin:0}#carcol .nav-calculator .item{padding:0 55px;position:relative}#carcol .nav-calculator .item:nth-child(1):after{content:"";display:block;height:90%;width:2px;background:#2d435d;position:absolute;top:5%;right:-1px;opacity:.1}#carcol .footprint-tree{background:red;padding:40px 0}#carcol .footprint-tree{background:#f9fcff;padding:40px 0}#carcol .disclaimer{padding:40px 100px 0;margin:40px 30px 0;font-size:14px;border-top:1px solid #eaeaea}@media(min-width:992px){.col-lg-20{width:20%;flex:0 0 20%}}@media(max-width:1300px) and (min-width:992px){#navbar .menu{margin-left:20px;margin-right:0}#navbar .menu-sign{margin-right:0;margin-left:0}#navbar .menu .list li{margin:0 10px 0 0}#navbar .menu .list li.lang-end{margin-right:10px}.point-info .icon img{height:50px;width:auto}.point-info .line{margin:20px 0 0}.grid-film-item .point-info{padding:0 20px}.payas .title{margin:0 20px 0 0}.payas .form-amount-inline{width:80px;margin:0 5px 0 0;font-size:12px}.payas .form-amount-auto{width:180px}.payas .form-amount span input[type="text"]{font-size:12px}.payas .form-amount-submit{font-size:12px}}@media(max-width:991px){#navbar{padding:0 10px;height:50px}#navbar .menu{display:none}#navbar .logo{background-image:url(../images/logo-mobile.png);background-size:80px auto;width:80px;height:80px}#navbar .btn-menu{display:block;color:#fff;float:right;margin:15px 10px 0 0}#navbar.shadow .btn-menu{color:#2d435d}#home-banner{height:147vw}#home-banner .carousel-item{height:147vw}#home-banner .hero-title{font-size:30px;font-weight:500;margin-bottom:14px}#home-banner .carousel-item .content{font-size:12px;width:85%}.btn2{font-size:12px;padding:12px 20px}#home-banner .carousel-item .content .btn2{margin:0 5px}.section{padding:20px 0}.section-title{font-size:18px;margin:0 0 20px;padding:0 0 10px}.section-title::after{width:50px;height:4px}.section-desc{font-size:12px;margin-bottom:30px}.section-full{padding:0}.point-info-middle{position:static;top:auto;left:auto;transform:none}.point-info-pad80{padding:0}.section-pad114{padding-top:0;padding-bottom:0}.aboutus-title{padding:59px 0 0;margin:0 0 20px;background-position:center top;background-size:53px 49px;font-size:24px;height:auto;width:auto;text-align:center}.aboutus-desc{font-size:12px;width:auto;text-align:center}.aboutus-desc .icon-social{margin:0 10px}#footer{font-size:11px}#footer .menu{margin-bottom:10px}#footer .menu li{display:inline-block;float:none;margin-bottom:10px}#footer .menu li a{font-size:11px;padding:0 10px;border-width:1px}#footer .menu li:nth-child(3) a,#footer .menu li.no-border a{border:0}.carbon-content{width:auto;margin:0}.list-icon li{margin:0 10px;width:25%;position:relative}.list-icon li img{width:100%;height:auto}.section-donate{padding:90px 0 !important}.donate-title{margin:0;width:100%;text-align:center;display:block}.donate-title h4{font-size:24px;text-align:center;margin-bottom:20px}.donate-text{display:block;width:100%;font-size:14px;text-align:center}.donate-form{width:auto;font-size:12px;margin:0}.form-amount{width:48%;margin:0 4% 4% 0}.form-amount:nth-child(2),.form-amount:nth-child(4){margin-right:0}.form-amount:nth-child(3){margin-right:4%}.donate-form .form-amount.double{width:100%;margin:0 0 4%}.donate-form-last{width:100%;display:block}.donate-form .submit{float:none;width:auto;height:auto;margin:0;padding:20px 40px}.donate-form .submit p{margin:0;padding:0}.form-amount span input[type="text"]{font-size:12px}.form-amount2{width:100%;font-size:12px}.grid-film{grid-template-columns:50% 50%;grid-template-rows:250px 120px 120px 250px}.grid-film-a{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2}.grid-film-c{grid-column-start:2;grid-column-end:3;grid-row-start:1;grid-row-end:2}.grid-film-b{grid-column-start:1;grid-column-end:3;grid-row-start:2;grid-row-end:3}.grid-film-g{grid-column-start:1;grid-column-end:3;grid-row-start:3;grid-row-end:4}.grid-film-f{grid-column-start:1;grid-column-end:2;grid-row-start:4;grid-row-end:5}.grid-film-e{grid-column-start:2;grid-column-end:3;grid-row-start:4;grid-row-end:5}.grid-film .point-info .icon{margin:0;vertical-align:middle}.grid-film .point-info .icon img{width:36px;height:auto;margin:0}.grid-film .point-info .icon-film img{width:90px}.grid-film .point-info h4{font-size:14px;margin:0;display:inline-block;vertical-align:middle}.grid-film-item .point-info .desc{font-size:10px;margin:10px 0 0}.grid-film-arrow::after{border:6px solid #fff;bottom:50%;left:99%;transform:rotate(-45deg) translateX(-50%)}.grid-film-arrow-left::after{left:0;transform:rotate(-45deg) translateX(-50%)}.ikan{width:100%;height:15.7vw}.ikan img{width:100%;height:100%}.ikan-single{width:100%;height:auto}.ikan-single img{width:100%;height:auto}#sidebar-menu{display:block;position:fixed;z-index:49;background:#fff;width:280px;height:100%;top:0;right:-110%;padding:75px 30px 0;text-align:right;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}#sidebar-menu.show{right:0}#sidebar-menu .list{margin:0;padding:0;list-style-type:none}#sidebar-menu .list li{margin:0 0 15px;padding:0}#sidebar-menu .list li a{display:block;padding:0;font-family:'Work Sans',sans-serif;font-size:14px;color:#2d435d;font-weight:600;text-align:right;text-decoration:none}#sidebar-menu .line{height:1px;background:#2d435d;width:100%;opacity:.3;margin:0 0 30px}#sidebar-menu .lang{text-align:right}#sidebar-menu .lang a{float:right;display:inline-block;font-family:'Work Sans',sans-serif;font-size:14px;color:#818181;font-weight:600;text-decoration:none;position:relative;padding:0 10px 0}#sidebar-menu .lang a.active{color:#2d435d}#sidebar-menu .lang a:nth-child(2):after{content:"";display:block;position:absolute;top:0;right:-1px;width:1px;height:100%;background:#818181}#sidebar-menu .lang a:first-child{padding-right:0}#sidebar-menu .signin{background:transparent url(../images/icon-signin-blue.png) no-repeat right center;background-size:22px 22px;padding:0 35px 0 0;height:22px;font-family:'Work Sans',sans-serif;font-size:14px;color:#2d435d;font-weight:600;text-decoration:none;display:inline-block;margin:20px 0 0}.popup .modal-content{padding:10px;width:90%;margin:0 auto}.popup .modal-content .title{font-size:20px;padding:0 0 10px}.popup .modal-content button[type="submit"]{padding-right:50px;padding-left:50px}.payas .title{display:block;font-size:18px;margin:0 0 15px}.payas .form-amount{float:left;width:31%;margin:0 3.5% 3.5% 0;font-size:12px;height:40px;line-height:40px}.payas .form-amount:nth-child(4){margin:0 0 3.5%}.payas .form-amount:nth-child(6){width:65.5%;margin:0 0 3.5%}.payas .form-amount-submit{display:block;width:100%;height:40px;font-size:14px}.section-watch{background:#eef7ff url(../images/bg-watch-mobile.png) no-repeat center right;background-size:auto 100%}.aboutus-logo{display:inline-block;width:100px;height:108px;background-size:100px 108px;margin:0 0 20px}.aboutus-desc .down-to-earth{display:block;position:static;bottom:auto;right:auto;width:100%;height:39px;background-size:80px 39px;margin:30px 0 0}.floating-button{font-size:10px;background-size:30px 30px;padding:4px 5px 5px 40px;background-position:5px center;height:40px;width:140px}.floating-button-pay{padding-top:11px;padding-left:45px}.box-form,.section-desc-form{width:100%;max-width:500px}.box-article{height:auto;margin-bottom:20px}.box-article .poster{float:none;width:100%;height:160px}.box-article .poster img{top:50%;left:0;width:100%;height:auto;transform:translateY(-50%)}.box-article .content{float:none;width:100%;height:auto;padding-bottom:50px}.article-title{font-size:16px;margin-bottom:15px}.article-date{margin-bottom:15px}.article-content{font-size:12px}.box-event .poster{height:auto}.box-article .poster .date{position:static;transform:translateY(0)}.box-article .poster .date p{float:left;margin:0;width:calc(100% - 150px);height:27px}.box-article .poster .date p:first-child{float:left;margin:0 30px;width:65px;height:auto}.box-article .poster .date p:nth-child(2){margin-top:15px}.my-select{padding:10px;font-size:12px}.my-select select{font-size:12px}#carcol{font-size:12px}#carcol .btn2{font-size:12px;padding:10px 5px}#carcol .section{padding-bottom:30px}#carcol .question{padding:0 20px}#carcol .question p{font-size:12px;margin:0 0 30px}#carcol .section .btn-nav{width:36px;height:36px;display:none;font-size:20px;padding:4px 0 0}#carcol .section .page-container{width:240px;margin:50px auto 0}#carcol .section .page-container .btn-nav{display:inline-block}#carcol .section .page-container .btn-prev{left:0}#carcol .section .page-container .btn-next{right:0}#carcol .question ul{width:auto}#carcol .question ul li{display:block;width:100%;margin:0 0 20px}#carcol .question ul li label span{height:auto;padding:20px}#carcol .question ul li label span p{transform:none;top:auto}#carcol.mobile-right{padding-top:55px}#carcol.mobile-right nav{top:0;right:0;position:absolute}#carcol .title{font-size:18px;margin-bottom:30px}#carcol .title-underline::after{height:4px}#carcol .subtitle{font-size:12px}#carcol .subtitle2{font-size:14px;margin:0 0 20px}#carcol .tree{background-size:80px 80px;padding:90px 0 0;font-size:24px}#carcol .pad60{padding:20px}#carcol .img-home{width:120px;height:auto;margin:0 0 30px}#carcol .desc{margin:0 0 30px}#carcol .nav-calculator{font-size:12px;padding:0}#carcol .nav-calculator .item{padding:30px}#carcol .nav-calculator .item:nth-child(1)::after{height:2px;width:100%;top:auto;right:auto;bottom:-1px;left:0}#carcol .nav-calculator h4{font-size:14px}#carcol .nav-calculator .btn2{padding:10px 15px}#carcol .disclaimer{padding:20px 0 0;margin:20px 10px 0;font-size:12px}}@media(max-width:519px){#carcol nav{width:169%}#carcol nav a{width:auto;padding:18px 20px}#carcol nav a:last-child{width:auto}}@media(max-width:419px){#carcol .question .answer-text{display:block;margin:0}#carcol .question .answer-text .ro{display:block;margin:0 0 30px}#carcol .question .answer-text .co{display:inline-block;padding:0 5px 5px;text-align:left}#carcol .question .answer-text .ans{width:30px}}