@font-face {
  font-family: wwf;
  src: url('https://srs-indonesia.org/assets/front/fonts/wwf.otf') format('opentype');
}
@charset "utf-8";
/* CSS Document */

@import url(//fonts.googleapis.com/css?family=Ubuntu:400,700);

/*---------- GLOBAL ----------*/
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body{
	background-color: #fff;
	font-size: 18px;
	color: #000;
	/*font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-family: 'Cabin Condensed', sans-serif;
	font-weight: 400;
	overflow-x: hidden;
    position: relative;
}
::selection{
	background: rgba(237,28,36,.7);
	color: #fff;
}	
::-moz-selection{
	background: rgba(237,28,36,.7);
	color: #fff;
}	
ul, ol{
	margin: 0;
	padding: 0;
}
li{
	list-style: none;
}
h1,h2,h3,h4,h5,h6,p{
	margin: 0;
}
h1{
	font-size: 36px;
}
h2{
	font-size: 24px;
}
h3{
	font-size: 18px;
}
h4{
	font-size: 16px;
}
h5{
	font-size: 12px;
}
p{
	font-size: 14px;
}
a{
	-webkit-transition: background .3s, color .3s, opacity .3s;
	transition: background .3s, color .3s, opacity .3s;
}
a:hover,
a:focus{
	outline: none;
	text-decoration: none;
	color: #000;
}
a:focus{
	outline-offset: 0;
}

select,
file,
date,
textarea,
textarea.form-control,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]{
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
  	border-color: #d0cdcd;
    padding: 6px 12px;
	height: 45px;
    color: #000;
    -webkit-transition: all .3s;
    transition: all .3s; 
}
file,
input[type="file"] {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
  	border-color: #d0cdcd;
    padding: 6px 12px;
	height: 45px;
    color: #000;
    -webkit-transition: all .3s;
    transition: all .3s; 
	padding-top: 10px;
}
input[type="submit"]{
	height: auto;
}
select.form-control:hover,
date.form-control:hover,
file.form-control:hover,
textarea.form-control:hover,
textarea:hover,
textarea.form-control:focus,
textarea:focus,
input[type="text"]:hover,
input[type="text"]:focus,
input[type="password"]:hover,
input[type="password"]:focus,
input[type="datetime"]:hover,
input[type="datetime"]:focus,
input[type="datetime-local"]:hover,
input[type="datetime-local"]:focus,
input[type="date"]:hover,
input[type="date"]:focus,
input[type="month"]:hover,
input[type="month"]:focus,
input[type="time"]:hover,
input[type="time"]:focus,
input[type="week"]:hover,
input[type="week"]:focus,
input[type="number"]:hover,
input[type="number"]:focus,
input[type="email"]:hover,
input[type="email"]:focus,
input[type="url"]:hover,
input[type="url"]:focus,
input[type="search"]:hover,
input[type="search"]:focus,
input[type="tel"]:hover,
input[type="tel"]:focus,
input[type="color"]:hover
input[type="color"]:focus{
	border-color: #035185;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
input[type="file"]:hover,
input[type="file"]:focus{
	border-color: #035185;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
input.form-control:focus{
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
}

.btn {
  border: none;
  border-bottom: 3px solid;
  border-radius: 0;
  line-height: 34px;
  padding: 0 20px;
  color: #fff;
  -webkit-transition: all .3s;
  transition: all .3s; 
}
button{
	outline: none;
}
.btn:hover,
.btn:focus,
.btn:active {
  color: #fff;
  outline: none;
}
.btn.btn-sm {
  line-height: 35px;
  padding: 0 15px;
}
.btn.btn-xs {
  line-height: 25px;
  padding: 0 10px;
}
.btn.btn-lg {
  font-size: 18px;
  line-height: 50px;
  padding: 0 30px;
}
.btn-default {
  background-color: #edeff0;
  border-color: #DBE2E4;
  color: #171313;  
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active {
  background-color: #d1d6d9;
  border-color: #b5bec2;
  color: #171313;
}
.btn-primary {
  color: #fff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  color: #fff;
}
.btn-success {
  background-color: #8dc63f;
  border-color: #76A733;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active {
  background-color: #72a230;
  border-color: #567b24;
}
.btn-warning {
  background-color: #ffcc00;
  border-color: #CEA502;
  color: #000;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
  background-color: #cca300;
  color: #000;
  border-color: #997a00;
}
.btn-danger {
  background-color: #e90d0d;
  border-color: #B70C0C;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
  background-color: #b90a0a;
  border-color: #880808;
}
.btn-info {
  background-color: #5bc0de;
  border-color: #2FAACE;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active {
  background-color: #2490af;
  border-color: #1b6d85;
}
.btn-link {
  background-color: transparent;
  padding: 0;
  border-width: 0;
  color: #000;
  font-weight: 700;
  letter-spacing: 5px;
}
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  background-color: transparent;
  text-decoration: none;
}

/* cat-icon */
.cat-icon{
  background-color: #035185;
}
.cat-icon{
	width: 26px;
	font-size: 18px;
	line-height: 28px;
	color: #fff;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	margin-right: 10px;
}
.cat-icon i{
	line-height: 28px;
}
.slide-cat{
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.load-more{
	font-size: 14px !important;
	font-weight: 700;
	margin-top: 20px;
}
.main-wrapper{
	margin-top: 40px;
}

/*kategori berita1*/
.cat-icon.cat-icon-color01{
	background-color: #0072bc;
}
/*kategori berita2*/
.cat-icon.cat-icon-color02{
	background-color: #ed145b;
}
/*kategori berita3*/
.cat-icon.cat-icon-color03{
	background-color: #00a651;
}
.cat-icon.cat-icon-color04{
	background-color: #662d91;
}
.cat-icon.cat-icon-color05{
	background-color: #8dc63f;
}
.cat-icon.cat-icon-color06{
	background-color: #00c8ff;
}
.cat-icon.cat-icon-color07{
	background-color: #2e3192;
}
.cat-icon.cat-icon-color08{
	background-color: #ed145b;
}
.cat-icon.cat-icon-color09{
	background-color: #00a99d;
}

/*section-title*/
.section-title{
	margin-bottom: 30px;
	clear: both;
	overflow: hidden;
}
.section-title .see-all a{
	font-size: 12px;
    color: #a09696;
    line-height: 28px;
}
.section-title .see-all a:hover{
  color: #035185;
}

/*social-icons*/
.social-icons >li{
	margin-bottom: 10px;
}
.social-icons >li a i{
	margin-right: 20px;
    width: 15px;
    height: 15px;
}

/* shortcode */
.mtb10{margin-bottom: 10px;}
.mtb20{margin-bottom: 20px;}
.mtb30{margin-bottom: 30px;}
.mtb40{margin-bottom: 40px;}
.mtb50{margin-bottom: 50px;}
.mtb60{margin-bottom: 60px;}
.mtb70{margin-bottom: 70px;}
.mtb80{margin-bottom: 80px;}

.mtt10{margin-top: 10px;}
.mtt20{margin-top: 20px;}
.mtt30{margin-top: 30px;}
.mtt40{margin-top: 40px;}
.mtt50{margin-top: 50px;}
.mtt60{margin-top: 60px;}
.mtt70{margin-top: 70px;}
.mtt80{margin-top: 80px;}

.ptb10{padding-bottom: 10px;}
.ptb20{padding-bottom: 20px;}
.ptb30{padding-bottom: 30px;}
.ptb40{padding-bottom: 40px;}
.ptb50{padding-bottom: 50px;}
.ptb60{padding-bottom: 60px;}
.ptb70{padding-bottom: 70px;}
.ptb80{padding-bottom: 80px;}

.ptt10{padding-top: 10px;}
.ptt20{padding-top: 20px;}
.ptt30{padding-top: 30px;}
.ptt40{padding-top: 40px;}
.ptt50{padding-top: 50px;}
.ptt60{padding-top: 60px;}
.ptt70{padding-top: 70px;}
.ptt80{padding-top: 80px;}

.bdnone{border: none !important;}

.img-100p{
	width: 100%;
}

/*pagetitle*/
#page-title .page-title-wrapper-back{
	background: #035185;
	padding: 50px 0;
    color: #fff;
	border-top:1px solid #44C0E6;
}
#page-title .page-title-wrapper-back .title1{
	font-size: 40px;
	text-align:left;
}
#page-title .page-title-wrapper-back .title1 span{
	margin-right:15px;
}
#page-title .page-home-banner{
	background-images: url(../img/ban.jpg);
	width: 100%;
	heights: 500px;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 20px 0;
	color: #fff;
}
#page-title .title{
	font-size: 30px;
	margin-bottom: 280px;
}
#page-title .page-home-bpanel{
	position: relative;
    background: #035185;
    color: #fff;
    font-size: 34px;
    font-weight: 300;
    padding: 20px 7px;
    overflow: auto;
    border-radius: 10px;
	opacity: 0.9;
}
#page-title .page-home-bpanel .bpanel-ikon{
    padding-top: 10px;
    font-size: 40px;
}
#page-title .page-home-bpanel2{
    position: relative;
    background: #035185;
    color: #fff;
    font-size: 34px;
    font-weight: 300;
    padding: 30px;
    overflow: auto;
    border-radius: 10px;
	opacity: 0.9;
}
#page-title .page-home-bpanel2 .bpanel-ikon2{
    padding-top: 3px;
}
/*---------- END GLOBAL ----------*/

/*---------- HEADER ----------*/
/*offcanvas*/
#offcanvas-toggler {
  float: right;
}
#offcanvas-toggler > i {
  display: inline-block;
  padding: 0 0 0 10px;
  font-size: 21px;
  background: transparent;
  margin: 0;
  line-height: 52px;
  cursor: pointer;
  color: #000;
  -webkit-transition: all .3s;
  transition: all .3s;
}
body:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  z-index: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
}
body.offcanvas:before {
	opacity: 1;
	z-index: 999;
}
.body-innerwrapper{
	position: relative;
	overflow-x: hidden;
	-webkit-transition: right .35s;
    transition: right .35s;
    -webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	right: 0;
}
body.offcanvas .body-innerwrapper{
	right: 320px;
}
.close-offcanvas {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 1;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
}
.close-offcanvas i {
	font: normal normal normal 14px/2 FontAwesome;
}
.close-offcanvas:hover {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
.offcanvas-menu {
  width: 320px;
  height: 100%;
  position: fixed;
  top: 0;
  right: -320px;
  color: #fff;
  z-index: 99999;
  overflow-y: scroll;
  -webkit-transition: right .35s;
  transition: right .35s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.offcanvas .offcanvas-menu {
  right: 0;
}
.offcanvas {
  width: 100%;
  height: 100%;
}
.offcanvas-menu .offcanvas-inner {
  padding: 20px;
}
.offcanvas-menu .offcanvas-inner .title{
	text-transform: uppercase;
	font-size: 16px;
}
.offcanvas-menu .offcanvas-inner  ul > li {
  border: 0;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.offcanvas-menu .offcanvas-inner  ul > li a {
  -webkit-transition: all .3s;
  transition: all .3s;
  padding: 10px 20px;
  color: #fff;
  text-transform: uppercase;
  display: block;
}
.offcanvas-menu .offcanvas-inner  ul > li a:hover,
.offcanvas-menu .offcanvas-inner .active>a{
	background-color: rgba(0,0,0,0.2);
}
.offcanvas-menu .offcanvas-inner  ul > li ul>li:last-child{
	border-bottom: none;
}
.offcanvas-menu .offcanvas-inner  ul > li .offcanvas-menu-toggler {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px 20px;
  cursor: pointer;
}
.offcanvas-menu .offcanvas-inner  ul > li .offcanvas-menu-toggler .fa-plus {
  display: none;
}
.offcanvas-menu .offcanvas-inner  ul > li .offcanvas-menu-toggler .fa-minus {
  display: inline;
}
.offcanvas-menu .offcanvas-inner  ul > li .offcanvas-menu-toggler.collapsed .fa-plus {
  display: inline;
}
.offcanvas-menu .offcanvas-inner  ul > li .offcanvas-menu-toggler.collapsed .fa-minus {
  display: none;
}
.offcanvas-menu .offcanvas-inner  ul > li > a:after {
  display: none;
}
.offcanvas-menu .offcanvas-inner  ul > li ul {
  background: rgba(0, 0, 0, 0.1);
}
.offcanvas-menu .offcanvas-inner :first-child {
  margin-top: 0;
}
.offcanvas-menu .offcanvas-inner > ul {
  margin: 20px -20px;
}
.offcanvas-menu .offcanvas-inner .search {
  margin-top: 40px;
}
.offcanvas-menu .offcanvas-inner .search input {
  width: 100%;
  border-radius: 0;
  border: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
}
#offcanvas-toggler > i:hover {
  color: #035185;
}
.offcanvas-menu {
  background-color: #035185;
}
.customNavigation a{
  background-color: rgba(237, 28, 36, 0.5);
}
.customNavigation a:hover {
  background-color: #035185 !important;
}

/*topbar*/
#simposium-top-bar{
	border-bottom: 1px solid #e9eaed;
}
.top-right{
	display: table;
	float: right;
	height: 85px;
}
.top-right>div{
	display: table-cell;
    vertical-align: middle; 
}
.simposium-date{
	color : #b9b9b9;
	padding-right: 20px;
}
.simposium-search{
	padding: 0 20px;
}
.simposium-search .search-icon-wrapper{
	font-size: 18px;
    color: #b9b9b9;
    -webkit-transition: all .3s;
    transition: all .3s;  
}
.simposium-search .search-icon-wrapper:hover{
	cursor: pointer;
	color: #035185;
}
.search-wrapper{
	display: none;
    position: absolute;
    top: 0;
    right: 15px;
    width: 90%;
    height: 100%;
    background: #fff;
    z-index: 999;
}
.search-wrapper input {
    width: 100%;
    border: 0;
    border-radius: 0;
    height: 65px;
    padding: 6px 12px;
    position: absolute;
    border-right: solid 1px #e9eaed;
    border-left: solid 1px #e9eaed;
}
.search-wrapper input:hover,
.search-wrapper input:focus{
    border-right: solid 1px #e9eaed;
    border-left: solid 1px #e9eaed;
}
.search-wrapper #search-close{
	position: absolute;
	top: 0;
	right: 20px;
	line-height: 65px;
	font-size: 20px;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.search-wrapper #search-close:hover{
	cursor: pointer;
	color: #035185;
}

/* navigation */
.mobile-logo img{
	max-width: 300px;
	height:52px;
}
.mobile-nav-bar{
	z-index: 999;
	background-color: #fff;
}
.navigation{
	background-color: #035185;
	z-index: 15;
	border-top:1px solid #035185;
}
.sticky-wrapper.is-sticky .navigation,
.sticky-wrapper.is-sticky .mobile-nav-bar {
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.05);
    box-shadow: 0 3px 3px rgba(0,0,0,0.05);
}
.megamenu-parent>li{
    padding: 0px;
}
.megamenu-parent>li>a{
	display: inline-block;
    line-height: 52px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    position: relative;
	padding: 0px 20px;
}
.megamenu-parent li>a{
    color: #FFF;
}
.megamenu-parent>li>a:hover,
.megamenu-parent li.active >a{
  color: #fff;
  background: #0F7CB4;
}
.megamenu-parent .dropdown-inner li.active >a{
    background-color: #f9f9f9;
}
.footer-wrapper li.active >a{
    color: #000;
}
.has-child{
	position: relative;
	text-transform:uppercase;
}
.dropdown-inner .has-child>a:after{
    content: " \f105";
	font-family: "FontAwesome";
	font-size: 16px;
	position: absolute;
	right: 15px;
}
.has-child .dropdown-inner{
	display: none;
	z-index: 999;
}
.dropdown-inner .has-child:hover >a{
    background-color: #0F7CB4;
}
.has-child:hover >.dropdown-inner{
	display: block;
	-webkit-animation: fadeInLeft .3s;
	animation: fadeInLeft .3s;
}
.dropdown-inner{
	position: absolute;
	background: #334866;
	box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
	padding: 0px;
}
.menu-justify .dropdown-inner{
	padding: 0;
}
.has-child .sub-dropdown-inner{
	left: 100%;
	top: 0;
	display: none;
}
.dropdown-items li>a{
	padding: 10px 20px;
	min-width: 200px;
	display: block;
	text-align: left;
	color:#fff;
	font-size:14px;
}
.dropdown-items li>a:hover{
	background: #0F7CB4;
}
.dropdown-menu-full-wrapper{
	left: 0;
}
.dropdown-inner .dropdown-menu-full{
	position: relative;
}
.dropdown-inner .dropdown-menu-full:before,
.dropdown-inner .dropdown-menu-full:after{
	content: " ";
    position: absolute;
    top: 0;
    height: 100%;
    width: 2000px;
    background-color: #e9eaed;
}
.dropdown-inner .dropdown-menu-full:before{
	left: -2000px;
}
.dropdown-inner .dropdown-menu-full:after{
	right: -2000px;
}
/*---------- END HEADER ----------*/

/*---------- SIMPOSIUM PAGE HOME ----------*/
.wwf-simposium-border{
	border-bottom: 1px #e0e0e0 solid;
	border-top: 1px #e0e0e0 solid;
    margin-top: 50px;
}
.wwf-simposium-border2{
	border-bottom: 1px #e0e0e0 solid;
}
.wwf-simposium .simposium-tagline{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
	text-align:center;
}
.wwf-simposium .simposium-judul{
	font-size: 30px;
    font-weight: 300;
    text-align: center;
}
.wwf-simposium p{
	font-size: 18px;
    margin-bottom: 20px;
}
.simposium-page{
	color: #000;
	margin-top: 80px;
	margin-bottom: 120px;
}
.simposium-page p{
	line-height: 20px;
	color: #000;
	margin-bottom:20px;
}
.simposium-page .simposium-parent-title .parent-title {
	border-bottom: 5px solid #035185!important;
	padding-bottom: 5px;
	font-size:22px;
	font-weight:700;
}
.wwf-simposium-page{
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 30px;
}
.wwf-simposium-page-detail{
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 30px;
}
.simposium-page .simposium-parent-title-detail .parent-title-detail {
	border-bottom: 5px solid #035185!important;
	padding-bottom: 5px;
	font-size:25px;
	font-weight:700;
}
article{
	margin-bottom: 30px;
}
.simposium-page-inner {
  position: relative;
}
article .simposium-page-inner{
	overflow: hidden;
}
.simposium-page-inner .img-wrapper{
	overflow: hidden;
}
.simposium-page-inner.default .img-wrapper {
    position: relative;
}
.simposium-page-inner .img-wrapper img{
	-webkit-transition: transform .3s;
	transition: transform .3s; 
	border-radius:10px;
	height: 230px;
}
.simposium-page-inner.default .simposium-page-info{
  position: relative;
  padding: 0;
}
.simposium-page-inner .simposium-page-info .section-title{
	margin-bottom: 15px;
	clear: both;
	overflow: hidden;
}
.simposium-page-inner .simposium-page-info .section-title h3{
	color: rgb(102, 102, 102);
}
.simposium-page-inner .simposium-page-info .date {
  font-size: 13px;
  color: rgb(102, 102, 102);
}
.simposium-page-inner .simposium-page-info .date h3 {
  font-weight: 700;
}
.simposium-page-inner .simposium-page-info .simposium-page-title {
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 25px;
  margin-top: 5px;
  font-size: 22px;
}
.wwf-simposium .form{
    text-align:center;
	margin-bottom: 50px;
}
.wwf-simposium .form input[type="submit"] {
    margin-top: 20px;
    font-size: 14px;
    background-color: #286090;
    border-color: #204d74;
	border-radius:10px;
}
.wwf-simposium .form input[type="submit"]:hover {
    background-color: #1b70b9;
    border-color: #2b6698;
}
/* simposium key date*/
.wwf-simposium-key .title {
	text-align: center;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 40px;
}
.wwf-simposium-key .title span {
	margin-right: 10px;
    color: #035185;
}	
/*news*/
.latest-review-single-layout{
	position:relative;
	margin-bottom:130px
}
.blackopa{
	background: black;
}
.latest-review-single-layout .latest-blog-content{
	position:absolute;
	background:#035185;
	padding:0px 15px 20px 15px;
	transition:400ms;
	-webkit-transition:400ms;
	-ms-transition:400ms;
	overflow:hidden;
	width:100%;
	border-radius: 0 0 10px 10px;
}
.latest-review-single-layout .aktif{
	background:#035185;
}
.latest-review-single-layout .latest-blog-content .latest-blog-date{
	color:#fff;
	transform:translate(0, 18px);
	-ms-transform:translate(0, 18px);
	-webkit-transform:translate(0, 18px);
	transition:400ms;
	-webkit-transition:400ms;
	-ms-transition:400ms;
	display:block;
	font-size: 15px;
    margin-bottom: 10px;
	font-weight: 700; 
}
.latest-review-single-layout .latest-blog-content .latest-post-title a{
	color:#fff;
}
.latest-review-single-layout img{
	margin-bottom:0;
	height: 230px;
	border-radius: 10px 10px 0 0;
	width: 100%;
}
.latest-review-single-layout .aktifimg{
	opacity: 0.5;
    filter: alpha(opacity=50);
	border-radius: 10px 10px 0 0;
}
.latest-review-single-layout .latest-post-title{
	margin-bottom:15px;
	transform:translate(0, 20px);
	-ms-transform:translate(0, 20px);
	-webkit-transform:translate(0, 20px);
	transition:400ms;
	-webkit-transition:400ms;
	-ms-transition:400ms;
	margin-top:0;
	font-size: 17px;
}
.latest-review-single-layout .latest-blog-content .latest-post-button{
	-ms-transform:translate(0, 80px);
	-webkit-transform:translate(0, 80px);
	transform:translate(0, 80px);
	transition:400ms;
	-webkit-transition:400ms;
	-ms-transition:400ms;
	display:block;
	text-transform:uppercase;
	font-size:12px;
	color:#fff
}
/*Kick off*/
.simposium-kickoff{
	position: relative;
    margin-bottom: 130px;
}
.simposium-kickoff .backkick{
	position: absolute;
    background: #035185;
    padding: 0px 15px 20px 15px;
    transition: 400ms;
    -webkit-transition: 400ms;
    -ms-transition: 400ms;
    overflow: hidden;
    width: 100%;
    border-radius: 10px;
}
.simposium-kickoff .backkick .kickdate{
	color: #fff;
    transform: translate(0, 18px);
    -ms-transform: translate(0, 18px);
    -webkit-transform: translate(0, 18px);
    transition: 400ms;
    -webkit-transition: 400ms;
    -ms-transition: 400ms;
    display: block;
    font-size: 50px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 700;
}
.simposium-kickoff .backkick .kicktitle{
	margin-bottom: 15px;
    transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    -webkit-transform: translate(0, 20px);
    transition: 400ms;
    -webkit-transition: 400ms;
    -ms-transition: 400ms;
    margin-top: 0;
    font-size: 17px;
    color: #fff;
    text-align: center;
	text-transform: uppercase;
}

/*Diselenggarakan*/
.wwf-simposium-dselenggarakan{
	text-align:center;
}
.wwf-simposium-dselenggarakan img{
	margin-right: 30px;
}
.wwf-simposium-dselenggarakan .title{
	text-align: center;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 40px;
}
.wwf-simposium-dselenggarakan .title span{
	margin-right: 10px;
    color: #B18B65;
}

/*Stay Connect*/
.simposium-stayconn{
	position: relative;
    background: #035185;
    color: #fff;
    font-size: 34px;
    font-weight: 300;
    margin: 0;
    padding: 21px 32px;
    overflow: auto;
    border-radius: 10px;
}
.simposium-stayconn span{
	margin-right: 20px;
}
.simposium-stayconn .link{
	text-align:right;
	margin-top: 10px;
}
.simposium-stayconn .link a{
	color:#fff;
}
.simposium-stayconn .link a:hover{
	color:#000;
}
/*---------- END SIMPOSIUM PAGE HOME ----------*/

/*---------- SIMPOSIUM REGISTRASI ----------*/
.simposium-registrasi-beranda{
	text-align: center;
	margin-bottom: 40px;
}
.simposium-registrasi-beranda h3{
	font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
}
.simposium-registrasi-beranda p{
	font-size: 18px;
    letter-spacing: 3px;
}
.simposium-registrasi-bdinfo{
	margin-bottom: 40px;
}
.simposium-registrasi-bdinfo p{
	font-size: 16px;
	margin-bottom: 7px;
}
.simposium-registrasi-bdpilih{
	text-align: center;
	margin-bottom: 30px;
}
.simposium-registrasi-bdpilih h3{
	font-size: 22px;
    font-weight: 700;
    margin-bottom: 30px;
}
.simposium-registrasi-bdpilih-right{
	text-align: right;
}
.simposium-registrasi-bdpilih-right .btn-peserta{
	padding: 20px;
    border-radius: 10px;
    background: #7eaf2b;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
	width: 200px;
}
.simposium-registrasi-bdpilih-right .btn-peserta:hover{
    background: #7fc10e;
	border-color: #547d0d;
}
.simposium-registrasi-bdpilih-left{
	text-align: left;
}
.simposium-registrasi-bdpilih-left .btn-pemakalah{
	padding: 20px;
    border-radius: 10px;
    background: #F21C2A;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
	width: 220px;
}
.simposium-registrasi-bdpilih-left .btn-pemakalah:hover{
    background: #117CB4;
	border-color: #45C1E7;
}	

/*Registrasi Peserta*/
.simposium-registrasi-peserta{
	margin-bottom: 40px;
    border-bottom: 1px solid;
    color: #B18B65;
}
.simposium-registrasi-peserta h3{
	font-size: 22px;
    font-weight: 300;
    position: relative;
    bottom: -4px;
    padding-right: 15px;
    display: inline-block;
    background: #fff;
}
.simposium-label-form{
	padding-top: 13px;
    font-weight: 100;
    font-size: 16px;
}
.simposium-penjelasan-form{
    margin-bottom: 15px;
}
.simposium-penjelasan-form p{
    font-size: 16px;
}
.simposium-penjelasan-form p span{
    color: red;
}
.simposium-red{
    color: red;
}
.simposium-regis-form{
	text-align: right;
	margin-bottom: 30px;
	margin-top: 30px;
}
.simposium-regis-form-login{
	text-align: centre;
	margin-bottom: 30px;
	margin-top: 10px;
	padding-left: 100px;
}
.simposium-regis-form a,
.simposium-regis-form-login a{
	margin-right: 15px;
}
.simposium-travel-grant-form .btn-regis-submit{
	padding: 10px;
    border-radius: 10px;
    background: #7eaf2b;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
}
.simposium-travel-grant-form .btn-regis-submit:hover{
	background: #7fc10e;
	border-color: #547d0d;
}
.simposium-regis-form .btn-regis-submit,
.simposium-regis-form-login .btn-regis-submit,
.simposium-regis-form-pemakalah-acc .btn-regis-submit{
	padding: 10px;
    border-radius: 10px;
    background: #7eaf2b;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
	width: 120px;
}
.simposium-regis-form .btn-regis-submit:hover,
.simposium-regis-form-login .btn-regis-submit:hover,
.simposium-regis-form-pemakalah-acc .btn-regis-submit:hover{
    background: #7fc10e;
	border-color: #547d0d;
}
.simposium-regis-form .btn-regis-kembali,
.simposium-regis-form-login .btn-regis-kembali,
.simposium-regis-form-pemakalah-acc .btn-regis-kembali{
	padding: 10px;
    border-radius: 10px;
    background: #d72b33;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
	width: 120px;
}
.simposium-regis-form .btn-regis-kembali:hover,
.simposium-regis-form-login .btn-regis-kembali:hover,
.simposium-regis-form-pemakalah-acc .btn-regis-kembali:hover{
    background: #f9000c;
	border-color: #9e050d;
}

/*Registrasi Pemakalah*/
.simposium-registrasi-pemakalah-login{
	text-align: center;
	margin-bottom: 30px;
}
.simposium-registrasi-pemakalah-login .simposium-label-login{
	text-align: right;
}
.simposium-regis-form-pemakalah-acc{
	margin-top: 10px;
	text-align: right;
}
.simposium-accordion {
	position: relative;
	background-color: #eee;
}
.simposium-accordion .accordionTitle {
	background-color: #fff;
    font-size: 16px;
    padding: 10px 0 10px 0;
    display: block;
    text-decoration: none;
    color: #B18B65;
    -webkit-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
    border-bottom: 1px solid #B18B65;
}
.simposium-accordion .accordionTitle:hover {
    color: #000;
	border-bottom: 1px solid #000;
}
.accordion {
  position: relative;
  background-color: #eee;
}
.accordionTitle,
.accordion__Heading {
  background-color: #099DF6;
  /*text-align: center; */
  
  text-indent: 3px;
  font-weight: 700;
  padding: 2em;
  display: block;
  text-decoration: none;
  color: #fff;
  -webkit-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out;
  border-bottom: 1px solid #30bb64;
}

.accordionTitle:before,
.accordion__Heading:before {
  content: "+";
  font-size: 1.5em;
  line-height: 0.9em;
  float: left;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}

.accordionTitleActive:before,
.accordionTitle.is-expanded:before {
  -webkit-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  transform: rotate(-225deg);
}

.accordionItem {
  height: auto;
  overflow: auto;
  -webkit-transition: max-height 1s;
  transition: max-height 1s;
}
.accordionItem.is-collapsed {
  max-height: 0;
}

.no-js .accordionItem.is-collapsed {
  max-height: 900px;
}

.animateIn {
  -webkit-animation: accordionIn 0.65s normal ease-in-out both 1;
  animation: accordionIn 0.65s normal ease-in-out both 1;
}

.animateOut {
  -webkit-animation: accordionOut 0.75s alternate ease-in-out both 1;
  animation: accordionOut 0.75s alternate ease-in-out both 1;
}

@-webkit-keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
    transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
    transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
    transform: scale(0.9) rotateX(-60deg);
  }
}

@keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
    transform: scale(0.9) rotateX(-60deg);
  }
}
/*---------- END SIMPOSIUM REGISTRASI ----------*/

/*---------- FOOTER ----------*/
footer{
	margin-top: 0px;
}
footer a,
footer p{
	color: #ffffff;
}
footer .footer-wrapper >.container{
	background-image: url(../img/bgf.jpg);	
    background-position:  bottom;
    background-size: cover;
	background-color: #035185;
    padding: 50px 0 50px 50px;
    position: relative;
    top: 60px;
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius: 13px;
	border:5px solid #FFF;
	
}
#bottom1{
	color: #fff;
	font-size: 12px;
	line-height: 20px;
}
.footer-logo{
	margin-bottom: 30px;
}
.footer-info{
	margin-bottom: 15px;
}
.footer-contact p{
	margin-bottom: 5px;
}
footer .title{
	text-transform: none;
    font-size: 18px;
    margin-bottom: 30px;
	color:#ffffff;
}
footer .menu>li{
	margin-bottom: 10px;
}
footer .partner>li{
	margin-bottom: 10px;
	float: left;
    margin-right: 30px;
}
.social-wrapper{
	margin-left: 50px;
}
.copyright-wrapper{
	background: #035185;
    font-size: 12px;
    line-height: 20px;
	padding: 50px 0;
	text-align: center  !important;
}
.copyright-wrapper p{
	font-size: 12px;
}
.copyright-wrapper a{
  color: #ffffff;
}
.copyright-wrapper a:hover {
  color: #c61017;
}
/*---------- END FOOTER ----------*/

/*---------- BACKTOTOP ----------*/
#backtotop {
    position: fixed;
    bottom: 40px;
    right: 30px;
    background: #3e6edf;
    display: none;
}

#backtotop i {
    padding: 7px 6px;
    font-size: 24px;
    background: #035185;
    color: #fff;
    border: 1px solid #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

#backtotop i:hover {
    background: #fff;
    color: #035185;
    border: 1px solid #035185;
}
/*---------- END BACKTOTOP ----------*/