@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,900');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,400italic,700');
@import url('https://fonts.googleapis.com/css?family=Clicker+Script');

body{font-family:Roboto, Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, WenQuanYi Micro Hei, Heiti SC, Microsoft YaHei, sans-serif;font-size:16px;overflow-x:hidden;color:#5d5c56;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

*,*:after,*:before{-webkit-box-sizing:border-box;box-sizing:border-box;}
.clearfix:before,.clearfix:after{content:'';display:table;}
.clearfix:after{clear:both;}
.hidden{position:absolute;overflow:hidden;width:0;height:0;pointer-events:none;}
a{color:#cb0007;transition:0.5s;text-decoration:none;outline:none;}
a:hover,a:active,a:focus{color:#000;outline:none;text-decoration:none;}
p{padding:0;margin:0 0 30px 0;}
h1, h2, h3, h4, h5, h6{font-weight:400;margin:0 0 20px 0;padding:0;}
em{font-style:normal;}
img{-webkit-transition:0.9s;-o-transition:0.9s;transition:0.9s;}
video{width:100%;max-width:100%;height:auto;}
legend{border:none;font-size:0.9em;color:#7f7f7f;}
.row{margin-left:0;margin-right:0;}
.num{font-family:Roboto;}

.social-links{white-space:nowrap;}
.social-links a{font-size:18px;width:36px;height:36px;display:inline-block;background:rgba(255, 255, 255, 0.2);color:#fff!important;line-height:1;padding:0.5em 0!important;margin-right:4px;border-radius:50%;text-align:center;transition:0.3s;}
.social-links a:hover{background:#ccc;color:#fff;border-color:transparent;}
.social-links a.facebook:hover{background:#3d5997!important;}
.social-links a.twitter:hover{background:#56abed!important;}

@media screen and (min-width:768px){
.social-links{border-left:1px solid rgba(255, 255, 255, 0.4);padding-left:10px;}
}

.back-to-top{opacity:1;width:60px;height:84px;position:fixed;z-index:10000;display:none;right:15px;bottom:0;transition:none;background-image:url("../imgs/icon-top.png");background-repeat:no-repeat;background-size:100% 100%;}
.back-to-top:focus{outline:none;}
.back-to-top:hover{opacity:1;transition:0.3s;}

.view-desktop,.view-mobile{display:none;}

@media screen and (min-width:768px){
.view-desktop{display:block;}
}
@media screen and (max-width:767px){
.view-mobile{display:block;}
.row,.plate{padding-left:0;padding-right:0;}
.container{padding:0;}
.social-links a{font-size:15px;width:32px;height:32px;}
.back-to-top{bottom:5%;}
}


#zbsg-interactive-header{position:absolute;z-index:10000;width:100%;opacity:1;top:0;margin-top:20px;}
#sect-sharks-fin #navbar .sect-sharks-fin a,#sect-journey #navbar .sect-journey a,#page-regulation #navbar .sect-regulations a,#fact-checks #navbar .sect-fact-checks a{color:#fc4a4a;}

@media screen and (max-width:767px){
#zbsg-interactive-header{margin-top:0;background:transparent;-webkit-box-shadow:0 0 9px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:0 0 9px 0 rgba(0, 0, 0, 0.1);-ms-box-shadow:0 0 9px 0 rgba(0, 0, 0, 0.1);box-shadow:0 0 9px 0 rgba(0, 0, 0, 0.1);}
#zbsg-interactive-header .navbar{min-height:auto;padding-top:10px;}
#zbsg-interactive-header #navbar li a{color:rgba(0, 0, 0, 0.5) !important;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
#zbsg-interactive-header #navbar li a:hover{color:#fc4a4a !important;}
#zbsg-interactive-header #navbar li a span:before{background:transparent !important;}
#zbsg-interactive-header #navbar li.active a{background:transparent;background:none;color:#fc4a4a !important;}
#zbsg-interactive-header #navbar li.active a span:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1);}
}

#zbsg-interactive-header .navbar{padding-bottom:0;margin-bottom:0;}
#zbsg-interactive-header #navbar .navbar-nav > li > a{padding-top:10px;padding-bottom:0;}
#zbsg-interactive-header #navbar li a{color:rgba(255, 255, 255, 0.9);position:relative;}
/* #page-regulation #zbsg-interactive-header #navbar li a{color:rgba(0, 0, 0, 0.5);} */
#zbsg-interactive-header #navbar li a span{position:relative;display:block;padding-bottom:2px;}
#zbsg-interactive-header #navbar li a span:before{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:#fc4a4a;visibility:hidden;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
#zbsg-interactive-header #navbar li a:hover{color:rgba(255, 255, 255, 1);}
#zbsg-interactive-header #navbar li a:hover span:before{visibility:visible;-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1);}
#zbsg-interactive-header #navbar li.active a{background:transparent;background:none;color:#fff;}
#zbsg-interactive-header #navbar li.active a span:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1);}
#zbsg-interactive-header .navbar-brand{float:left;display:block;padding:0;margin:0 0 0 10px;width:140px;height:100%;}
#zbsg-interactive-header.navbar-fixed-top{margin-top:0;top:0;padding:0;position:fixed!important;background:rgba(0, 0, 0, 0.2);}
#zbsg-interactive-header.navbar-fixed-top .navbar-brand{color:#fc4a4a;}	
#zbsg-interactive-header.navbar-fixed-top #navbar li a{color:rgba(255, 255, 255, 1);-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
#zbsg-interactive-header.navbar-fixed-top #navbar li a:hover{color:#fc4a4a;}
#zbsg-interactive-header.navbar-fixed-top #navbar li.active a{background:transparent;background:none;color:#fff;}
#zbsg-interactive-header.navbar-fixed-top #navbar li.active a span:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1);}
#zbsg-interactive-header .navbar-default{border:transparent;background:transparent;-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;border-radius:0px;}
#zbsg-interactive-header.navbar-fixed-top .navbar{min-height:auto;}


@media screen and (min-width:200px) and (max-width:767px){
#zbsg-interactive-header .navbar-brand{margin:0 0 0 10px;width:100px;padding-bottom:10px;}
.view-mobile.social-links{float:right;padding:0;margin:0 0.5em 0 0;}
.view-mobile.social-links a{margin:0 0.2em;}
.social-links span{display:inline-block;margin-right:5px;color:#fff;font-size:0.8em;}
.social-links a:hover{color:#fff!important;border-color:transparent;}

.view-mobile#navbar{position:fixed;bottom:0;display:block;z-index:10000;width:100%;}
.view-mobile#navbar ul,.view-mobile#navbar li{list-style-type:none;margin:0;padding:0;}
.view-mobile#navbar ul{width:100%;background:#fff;font-size:0.9em;}
.view-mobile#navbar li{white-space:nowrap;text-align:center;padding:0 1px;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.15);-moz-box-shadow:0 0 15px 0 rgba(0,0,0,0.15);box-shadow:0 0 15px 0 rgba(0,0,0,0.15);}
.view-mobile#navbar li a{padding:0.7em 0.2em;color:#333;display:block;background:rgba(255,255,255,0.8);}

#sect-sharks-fin .view-mobile#navbar .sect-sharks-fin a,#sect-journey .view-mobile#navbar .sect-journey a,#page-regulation .view-mobile#navbar .sect-regulations a,#fact-checks .view-mobile#navbar .sect-fact-checks a{background:#fc4a4a;color:#fff!important;}
}

#zbsg-interactive-header .navbar-default .brand-slogan{margin:28px 0 0 15px;float:left;letter-spacing:2px;color:#adadad;}
#zbsg-interactive-header .navbar-default .brand-slogan em{color:#fc4a4a;font-style:normal;}
#zbsg-interactive-header a{-webkit-transition:0s;-o-transition:0s;transition:0s;}

.zbsg-nav-toggle{width:25px;height:25px;cursor:pointer;text-decoration:none;}
.zbsg-nav-toggle.active i::before, .zbsg-nav-toggle.active i::after{background:#fc4a4a;}
.zbsg-nav-toggle:hover, .zbsg-nav-toggle:focus, .zbsg-nav-toggle:active{outline:none;border-bottom:none !important;}
.zbsg-nav-toggle i{position:relative;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;width:25px;height:2px;color:#fc4a4a;font:bold 14px/.4 Helvetica;text-transform:uppercase;text-indent:-55px;background:#fc4a4a;transition:all .2s ease-out;}
.zbsg-nav-toggle i::before, .zbsg-nav-toggle i::after{content:'';width:25px;height:2px;background:#fc4a4a;position:absolute;left:0;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s;}
.zbsg-nav-toggle i::before{top:-7px;}
.zbsg-nav-toggle i::after{bottom:-7px;}
.zbsg-nav-toggle:hover i::before{top:-10px;}
.zbsg-nav-toggle:hover i::after{bottom:-10px;}
.zbsg-nav-toggle.active i{background:transparent;}
.zbsg-nav-toggle.active i::before{top:0;-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);transform:rotateZ(45deg);}
.zbsg-nav-toggle.active i::after{bottom:0;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg);}
.zbsg-nav-toggle{position:absolute;right:0px;z-index:21;padding:6px 10px 0 0;display:block;margin:0 auto;display:none;height:44px;width:44px;border-bottom:none!important;}

@media screen and (max-width:767px){
.zbsg-nav-toggle{display:block;}
}

.nav-tabs{margin:0 auto;padding:0;border:none;}
.nav-tabs > li,.nav-tabs > li > a{}
.nav-tabs li,.nav-tabs li.active a,.nav-tabs li a,.nav-tabs li:hover,.nav-tabs li a:hover,.nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus{border:none;border-radius:0;background:none;}
.nav-tabs li{padding:0;margin:0;font-weight:100;white-space:nowrap;}
.nav-tabs li a{padding:1em;display:block;}
.nav-tabs li.active a,.nav-tabs li.active a:hover{color:#000!important;border-top:4px solid #cb0007!important;}

@media screen and (min-width:1024px){
.nav-tabs li{display:block;clear:both;float:none;text-align:right;font-size:2em;}
.nav-tabs li a{padding:1em 0;margin:0 1em 0 0;}
.nav-tabs li a,.nav-tabs > li.active > a{border-top:1px dotted #ddd;}
.nav-tabs li a:hover,.nav-tabs > li.active > a:hover{color:#000;border-top:1px solid #cb0007;}
.nav-tabs li.active,.nav-tabs li a.active{font-weight:bold;color:#000!important;border-top:4px solid #cb0007;}
}

@media screen and (max-width:1023px){
.nav-tabs{text-align:center;margin-bottom:1em;font-size:1.2em;}
.nav-tabs li{float:none;display:inline-block;margin:-2px;}
.nav-tabs li a{color:#999!important;margin:0;display:inline-block;border-bottom:3px solid #ccc;}
.nav-tabs li.active,.nav-tabs li a.active{color:#cb0007!important;font-weight:bold;}
.nav-tabs li a.active{border-bottom:3px solid #cb0007;}
}

.list-shark{padding-left:0;}
.list-shark li{list-style:none;vertical-align:top;padding:0;margin:0;}
.list-shark li:before{height:20px;width:15px;margin-right:1em;content:'';display:inline-block;background:url(../imgs/sharks-fin-icon.svg) no-repeat left 0.4em;}
.list-shark li li{list-style:disc;}
.list-shark li li:before{display:none;}
.list-shark li span{display:inline-block;width:92%;vertical-align:top;}

.zbsg-bg{background:rgba(0, 0, 0, 0.03);}
.zbsg-cover,.zbsg-hero,.zbsg-panel{position:relative;height:800px;width:100%;}
.zbsg-panel{padding:5em 0;background:#fff;height:100%;font-size:1.2em;}


@media screen and (max-width:768px){
.zbsg-cover,.zbsg-hero,.zbsg-panel{min-height:700px;height:100%;}
#page-regulation .zbsg-hero,#fact-checks .zbsg-hero{min-height:250px;}
.zbsg-panel{padding:1em 0;}
.list-shark{font-size:0.9em;}
.list-shark li span{width:86%;}
}

.video{margin-bottom:1.5em;}
.video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width: 100% height:100%;}

.quotation-mark{margin-top:-10px;font-weight:bold;font-size:2em;color:#bbb;font-family:"Times New Roman",Georgia,Serif!important;}
.interviewee-avatar{text-align:center;}
.interviewee-info{font-size:0.9em;background:#f3f3f3;padding:2em 3em 1em 3em;border-radius:200px;-moz-border-radius:200px;-khtml-border-radius:200px;-webkit-border-radius:200px;}
.interviewee-msg{}
.interviewee-name{font-size:0.8em;margin-top:1.2em;font-weight:bold;}
.interviewee-position{font-size:0.8em;color:#bbb;}

.profile{width:120px;height:120px;display:inline-block;margin:0;border-radius:50%;-moz-border-radius:50%;-khtml-border-radius:50%;-webkit-border-radius:50%;}

@media screen and (min-width:768px) and (max-width:1023px){
.interviewee-info{padding:2em 3em 0.1em 3.6em;font-size:0.7em;}
.profile{width:90px;height:90px;display:inline-block;}
}


@media screen and (min-width:200px) and (max-width:767px){
.interviewee-avatar{text-align:left;}
.interviewee-avatar .inline{display:inline-block;text-align:left;}
.interviewee-info{padding:2em 2em 0.1em 2.6em;margin-bottom:1em;}
.profile{width:90px;height:90px;margin-right:1em;display:inline-block;}
}


@keyframes spin{ 
100%{transform:rotateZ(360deg);}
}

.jumbotron{background:none;padding:0;margin:0 0 5em 0;text-align:center;}
.jumbotron h3{color:#000;}

.qna,.qna li{list-style-type:none;}
.qna{margin:1em 0;padding:0;}
.qna li{margin:0 0 2em 0;padding:0;}

.quote-text{font-size:1.1em;}
.quote-text .quote-icon{color:#fc4b4b;font-size:1em;margin:0 1em 0 0;line-height:1;}

.juz-text p.first-child{font-size:1.4em;color:#333;}
.juz-text h4{color:#fc4b4b;font-size:1.2em;}
.juz-text h4 em.num{width:50px;height:50px;margin:0 1em 1em 0;border:5px solid #fc4b4b;color:#fc4b4b;line-height:1.8;text-align:center;vertical-align:middle;display:inline-block;border-radius:50%;-moz-border-radius:50%;-khtml-border-radius:50%;-webkit-border-radius:50%;}
.juz-text h4 span{margin:0.6em 0;padding:0;display:inline-block;vertical-align:top;font-weight:bold;}
.juz-text .row{margin-bottom:2em;}

@media screen and (min-width:1101px){
.juz-text .container{width:60%!important;}
}

@media screen and (max-width:1100px){
.juz-text .container{width:80%!important;}
}

@media screen and (max-width:767px){
.quote-text{font-size:0.9em;}
.juz-text p.first-child{font-size:1em;}
.juz-text .container{width:100%!important;}
.juz-text h4{font-size:1em;}
.juz-text h4 em.num{width:40px;height:40px;margin:0 0.6em 0.6em 0;border-width:3px;}
.juz-text h4 span{width:80%;}
}


.zbsg-overlay{position:absolute !important;width:100%;top:0;left:0;bottom:0;right:0;z-index:1;background:rgba(0, 0, 0, 0.4);}
.zbsg-cover,.video-hero{background-size:cover;position:relative;background-repeat:no-repeat;}
.video-hero{background:#fff;}

@media screen and (max-width:768px){
.zbsg-cover{height:inherit;padding:3em 0;}
}

.zbsg-cover .display-t,.video-hero .display-t{display:table;height:800px;width:100%;position:relative;z-index:2;}

@media screen and (max-width:768px){
.zbsg-cover .display-t,.video-hero .display-t{height:auto;}
}

.zbsg-cover .display-tc,.video-hero .display-tc{display:table-cell;vertical-align:middle;}
.zbsg-cover .display-tc .holder{color:#fff;text-align:left;font-size:4.5em;line-height:1;margin:0 auto 0.5em auto;position:relative;display:inline-block;transform:skew(-10deg) rotate(-10deg) translateZ(0);-webkit-transform:skew(-10deg) rotate(-10deg) translateZ(0);-moz-transform: skew(-10deg) rotate(-10deg) translateZ(0);-ms-transform:skew(-10deg) rotate(-10deg) translateZ(0);text-shadow:2px 2px 5px rgba(0, 0, 0, .9);}
.zbsg-cover .display-tc .holder span{color:#fc4a4a;font-size:2em;display:block;margin-left:0.6em;font-weight:900;text-shadow:2px 2px 0 rgba(255, 255, 255, 1);}
.zbsg-cover .display-tc .datestamp{font-size:0.9em;color:#fff;}
.zbsg-cover .display-tc .datestamp em{font-size:0.9em;}

@media screen and (min-width:768px){
.zbsg-cover .display-tc .slider-text-inner{width:85%;margin:auto;}
}

@media screen and (min-width:768px) and (max-width:1100px){
.zbsg-cover .display-tc .holder{font-size:4em;}
.zbsg-cover .display-tc .holder span{font-size:1.8em;}
}

@media screen and (min-width:200px) and (max-width:767px){
.zbsg-cover .display-tc .holder{font-size:2.4em;}
.zbsg-cover .display-tc .holder span{font-size:2em;margin-left:0;text-shadow:2px 2px 0 rgba(255, 255, 255, 1);}
.slider-text-inner .view-mobile{margin-top:2em!important;}
.slider-text-inner .view-mobile p{font-size:1.1em!important;line-height:1.6!important;letter-spacing:0.03em;}
}

.zbsg-cover .display-tc h2,.video-hero .display-tc h2{font-size:1.4em;font-weight:700;line-height:1.6;color:#fff;margin:1em auto;}

.zbsg-cover .display-tc p,.video-hero .display-tc p{color:#fff;font-weight:300;line-height:1.6;font-size:1.1em;text-align:left;}
.zbsg-cover .display-tc h2,.zbsg-cover .display-tc p{text-shadow:1px 1px 4px rgba(0, 0, 0, 0.7);}
.zbsg-cover .display-tc .svg-sm .svg,.video-hero .display-tc .svg-sm .svg{height:180px;margin-bottom:0;}
.zbsg-cover .display-tc .colored .svg,.video-hero .display-tc .colored .svg{fill:#fff;}

@media screen and (max-width:768px){
.zbsg-cover .display-tc h2,.video-hero .display-tc h2{max-width:90%;font-size:1.2em;}
.zbsg-cover .display-tc p,.video-hero .display-tc p{line-height:1.4;font-size:1em;}
}

#main-video{clear:both;display:block;width:100%;position:relative;text-align:center;overflow:hidden;background:#000;}
#main-video .container{padding:3em 0 2em 0;margin:auto;}

/* Infographic */
#infographic{clear:both;display:block;width:100%;position:relative;text-align:center;overflow:hidden;}
#infographic .container{padding:1em 0;font-size:3em;position:absolute;z-index:100;margin:auto;width:100%;}
#infographic .container .text{color:#0e2b59;animation-duration:5s;animation-delay:.5s;}
#infographic .container span{display:block;z-index:1000;position:relative;}
#infographic .container em{z-index:90;position:relative;font:6em Roboto;font-weight:900;letter-spacing:-0.03em;line-height:0.8em;clear:both;display:block;color:rgba(255, 255, 255, 1);margin:0;padding:0;animation-duration:5s;animation-delay:1s;000animation-iteration-count:infinite;}
.ocean{height:50%;width:100%;bottom:0;left:0;background:transparent;overflow:hidden;}
.wave{width:6400px;height:500px;opacity:1;animation:wave 6s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;transform:translate3d(0, 0, 0);}
.container .wave{opacity:0.2;top:20%;z-index:100;background:transparent url(../imgs/ocean-wave-white.svg) repeat-x;position:absolute;animation:wave 4s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;transform:translate3d(0, 0, 0);}
.waves{z-index:90;}
.waves .wave{position:relative;background:transparent url(../imgs/ocean-waves.svg) repeat-x;}
.waves .wave:nth-of-type(1){opacity:1;background-position:0 -12em;z-index:0;animation:wave 8s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;}
.waves .wave:nth-of-type(2){opacity:1;background-position:0;margin-top:-33em;z-index:1;animation:wave 8s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;background:transparent url(../imgs/ocean-wave.svg) repeat-x;}

@media screen and (max-width:767px){
#infographic .container em{font-size:4em;}
#main-video .container{padding:0;}
#main-video .video{margin-bottom:0;}
}

.zbsg-infographic,.zbsg-content{clear:both;display:block;width:100%;position:relative;text-align:center;overflow:hidden;}
.zbsg-infographic img,.zbsg-content img{width:100%;-webkit-transition:1s;-o-transition:1s;transition:1s;}
#infographic-stats .infographic-01 .plate{padding:7em 12em;}
#infographic-stats .infographic-01 .plate:nth-of-type(1){background:#65e3d6;}
#infographic-stats .infographic-01 .plate:nth-of-type(2){background:#fc4a4a;}
#infographic-stats .infographic-02 .plate{padding:7em;}
#infographic-stats .infographic-02 .animate-box{padding:1em 3em 4em 3em;}
#infographic-stats .infographic-02 .plate:nth-of-type(1){position:relative;}
#infographic-stats .infographic-02 .sawfish{background:transparent url(../imgs/shark-sawfish.jpg) no-repeat;background-size:cover;background-position:right bottom;background-repeat:no-repeat;background-size:55% auto;}
#infographic-stats .infographic-02 .animate-box:nth-of-type(1):hover span img{background:transparent url(../imgs/graphic-sawfish-hover.svg) no-repeat;}
#infographic-stats .infographic-02 .animate-box:nth-of-type(2):hover span img{background:transparent url(../imgs/graphic-12-sharks-hover.svg) no-repeat;background-size:100% 100%;}
#infographic-stats .infographic-03 .plate{padding:7em 0;background:#002b5a!important;}

#infographic-video .plate{padding:0!important;}
#infographic-video .text{text-align:center;margin-top:1em;}
#infographic-video h3{margin:0;padding:0;animation-delay:1.5s;animation-duration:4s;}
#infographic-video h3 .num{font-size:10em;letter-spacing:-0.06em;font-weight:900;color:#65e3d6;}
#infographic-video h3 .num em{letter-spacing:-0.15em;}
#infographic-video h4{font-size:2.4em;line-height:1.3;color:#fc4a4a;font-weight:normal;margin:0 1em;padding:0;}

#infographic-sg .infographic-01 .plate:nth-of-type(1){background:#fc4a4a;}
#infographic-sg .infographic-01 .plate:nth-of-type(2){background:#65e3d6;}
#infographic-sg .infographic-01 .plate{padding:7em;}

#infographic-sg-import-export,#infographic-sg-import-export .row,#infographic-sg-import-export .plate,#echart-fin-meat-import-export,#echart-sg-sharks-fin-import,#echart-sg-sharks-fin-export,#echart-sg-sharks-meat-import,#echart-sg-sharks-meat-export{}
#infographic-sg-import-export{height:80%;padding:7em;}
#infographic-sg-import-export .row{margin:0 auto;width:90%;height:100%;}
#infographic-sg-import-export .plate{height:100%;}
#echart-fin-meat-import-export,#echart-sg-sharks-fin-import,#echart-sg-sharks-fin-export,#echart-sg-sharks-meat-import,#echart-sg-sharks-meat-export{height:500px;float:none;text-align:center;}

@media screen and (max-width:3000px){
#infographic-stats .infographic-01 .plate{padding:16em;}
#infographic-stats .infographic-02 .plate{padding:12em;}
#infographic-stats .infographic-03 .plate{padding:12em 20em;}
#infographic-sg .infographic-01 .plate{padding:12em;}
#echart-sg-sharks-fin-import,#echart-sg-sharks-fin-export,#echart-sg-sharks-meat-import,#echart-sg-sharks-meat-export{height:700px;}
}

@media screen and (max-width:1800px){
#infographic-stats .infographic-01 .plate{padding:12em 6em;}
#infographic-stats .infographic-02 .plate{padding:12em 4em;}
#infographic-video h3 .num{font-size:8em;}
#infographic-video h4{font-size:1.8em;}
#infographic-sg .infographic-01 .plate{padding:16em 9em;}
}

@media screen and (max-width:1280px){
#infographic-stats .infographic-01 .plate{padding:12em 4em;}
#infographic-stats .infographic-03 .plate{padding:12em 6em;}
#infographic-sg .infographic-01 .plate{padding:12em 3em;}
#infographic-video h4{font-size:1.4em;}
}

@media screen and (max-width:1000px){
#infographic-stats .infographic-01 .plate{padding:6em 12em;}
#infographic-stats .infographic-02 .plate{padding:1em 4em;}
#infographic-stats .infographic-02 .animate-box{padding:7em 8em 3.5em 8em;}
#infographic-stats .infographic-03 .plate{padding:6em 0;}
#infographic-video .text{margin-bottom:6em;}
#infographic-video h3 .num{font-size:10em;}
#infographic-video h4{font-size:2.6em;}
#infographic-sg .infographic-01 .plate{padding:6em 12em;}
#infographic-sg-import-export{height:100%;padding:4em 4em 0 4em;}
#infographic-sg-import-export .row{width:100%;}
}

@media screen and (max-width:768px){
#infographic-stats .infographic-01 .plate:hover img,#infographic-stats .infographic-02 .plate:hover img{overflow:auto;position:relative;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
#infographic-stats .infographic-01 .plate{padding:14em 6em;}
#infographic-stats .infographic-02 .animate-box{padding:1em 4em 1em 4em;}
#infographic-stats .infographic-03 .plate{padding:4em;}
#infographic-video .text{text-align:center;margin-bottom:6em;}
#infographic-video h3 .num{font-size:10em;}
#infographic-video h4{font-size:2.6em;}
#infographic-sg .infographic-01 .plate{padding:10em 4em;}
#infographic-sg-import-export{height:100%;padding:4em 0 0 0;}
#infographic-sg-import-export .row{width:100%;height:100%;}
}

@media screen and (max-width:600px){
.zbsg-infographic .plate:hover img,.zbsg-content .plate:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}
#infographic-stats .infographic-01 .plate{padding:4em 2em;}
#infographic-stats .infographic-02 .animate-box{padding:2em 0;}
#infographic-stats .infographic-02 .plate{padding:4em 2em 1em 2em;}
#infographic-stats .infographic-02 .animate-box:nth-of-type(1){background-position:right 90%;background-size:60% auto;}
#infographic-stats .infographic-02 .animate-box:nth-of-type(2){padding-bottom:3em;}
#infographic-stats .infographic-03 .plate{padding:5em 0 3em 0;}
#infographic-video .text{text-align:center;margin-bottom:2em;}
#infographic-video h3 .num{font-size:6em;}
#infographic-video h4{font-size:1.6em;}
#infographic-sg .infographic-01 .plate{padding:4em 2em;}
#infographic-sg .infographic-01 .plate:nth-of-type(2){padding:4em 0;}
#infographic-sg-import-export{height:100%;padding:4em 0;}
#infographic-sg-import-export .row{width:100%;height:100%;}
#echart-sg-sharks-fin-import,#echart-sg-sharks-fin-export,#echart-sg-sharks-meat-import,#echart-sg-sharks-meat-export{height:500px;}
.echart-box{padding:1em 10px;}
}

#infographic-sg-consumption .plate{height:700px;padding:7em 0;background:#002b5a!important;}
#infographic-sg-consumption .plate img{height:100%;}

@media screen and (max-width:3000px){
#infographic-sg-consumption .plate{height:900px;padding:14em 0;}
}

@media screen and (max-width:1280px){
#infographic-sg-consumption .plate{height:700px;padding:6em 0;}
}

@media screen and (max-width:1024px){
#infographic-sg-consumption .plate{height:768px;padding:5em 0;}
}

@media screen and (max-width:768px){
#infographic-sg-consumption .plate{padding:8em 5em;}
}

@media screen and (max-width:600px){
#infographic-sg-consumption .plate{height:auto;padding:4em 2em;}
}

@keyframes wave{
0%{margin-left:0;}
100%{margin-left:-2000px;}
}

@keyframes swell{
0%, 100%{transform:translate3d(0,-25px,0);}
50%{transform:translate3d(0,5px,0);}
}


#regulation-details .nav-tabs li a{background:none;color:#ccc;}
.tab-content li{margin-bottom:1em;}
.tab-content li a{text-decoration:none;border-bottom:1px solid #000;}


@media screen and (max-width:767px){
.tab-content{font-size:1.1em;line-height:1.6;}
}

.js .to-animate,.js .to-animate-2,.js .single-animate{opacity:0;}

@media screen and (max-width:480px){
.col-xxs-12{float:none;width:100%;}
}

.row-bottom-padded-lg{padding-bottom:7em;}
@media screen and (max-width:768px){
.row-bottom-padded-lg{padding-bottom:2em;}
}

.row-bottom-padded-md{padding-bottom:4em;}
@media screen and (max-width:768px){
.row-bottom-padded-md{padding-bottom:2em;}
}

.row-bottom-padded-sm{padding-bottom:2em;}
@media screen and (max-width:768px){
.row-bottom-padded-sm{padding-bottom:2em;}
}

.js .animate-box{opacity:0;}

.zbsg-animated{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}

#footer{clear:both;position:relative;background:#fff;box-shadow:0 0 12px 0 rgba(0, 0, 0, 0.1);padding:30px 0;color:#333;font-size:14px;}
#footer .credits{font-size:13px;color:#888;}
#footer .footer-links a{color:#666;padding-left:15px;}
#footer .footer-links a:first-child{padding-left:0;}
#footer .footer-links a:hover{color:#cb0007;}
#footer .copyright{margin:5em auto 2em auto;}


#contact{display:block;position:relative;}
#contact .contact-about h3{font-size:36px;margin:0 0 10px 0;padding:0;line-height:1;font-weight:300;letter-spacing:3px;text-transform:uppercase;color:#cb0007;}
#contact .contact-about img{width:150px;margin-bottom:1em;}
#contact .contact-about p{font-size:14px;line-height:24px;color:#888;}
#contact .share h3{font-size:1.2em;margin-right:10px;color:#999;font-weight:normal;display:inline-block;}
#contact .share .social-links a{background:#000;color:#fff!important;border-color:transparent;}
#contact .share .social-links a.facebook{background:#3d5997;}
#contact .share .social-links a.twitter{background:#56abed;}
#contact .social-links{display:inline-block;}
#contact .social-links a{display:inline-block;background:#fff;color:#999!important;border:1px solid #ccc;margin:0 2px 0 0;border-radius:50%;text-align:center;transition:0.3s;}
#contact .social-links a:hover{background:#ccc;color:#fff!important;border-color:transparent;}
#contact .social-links a.facebook:hover{background:#3d5997;}
#contact .social-links a.twitter:hover{background:#56abed;}
#contact .social-links a.instagram:hover{background:#000;}
#contact .social-links a.weibo:hover{background:#e51c31;}

#contact .info{color:#333333;font-size:14px;border-top:1px solid #eee;padding-top:1em;margin-top:1em;}
#contact .info .row{margin:0.6em 1.2em 0.6em 0;display:inline-block;}
#contact .info em{margin:0 8px;color:#cb0007;}
#contact .info i{font-size:32px;color:#cb0007;float:left;line-height:1;}
#contact .info p{padding:0 0 10px 42px;line-height:28px;font-size:14px;}
#contact .info a{color:#333;}

@media (min-width:320px) and (max-width:600px){
#contact{text-align:center;}
#contact .info{margin-bottom:2em;padding-bottom:2em;border-bottom:1px solid #eee;}
#contact .info .row{display:block;}
}


/* The monkeys learn by watching you */
.open{padding:12em;position:relative;z-index:10000;margin:-9em auto 0 auto;}
.open,.open .box{position:relative;}
.open:before,.open:after{content:'';position:absolute;top:0;height:100%;width:50.1%;background:#cb0007;border-top:1.5em solid #fff;}
.open:before{left:0;-webkit-transform:skew(0deg, 6deg);-moz-transform:skew(0deg, 6deg);-ms-transform:skew(0deg, 6deg);-o-transform:skew(0deg, 6deg);transform:skew(0deg, 6deg);}
.open:after{right:0;-webkit-transform:skew(0deg, -6deg);-moz-transform:skew(0deg, -6deg);-ms-transform:skew(0deg, -6deg);-o-transform:skew(0deg, -6deg);transform:skew(0deg, -6deg);}
.open .box:before{content:" ";display:table;}
.open .box:after{clear:both;}

@-webkit-keyframes zoomin {
0% {transform: scale(1);}
50% {transform: scale(1.5);}
100% {transform: scale(1);}
}
@keyframes zoomin {
0% {transform: scale(1);}
50% {transform: scale(1.5);}
100% {transform: scale(1);}
}