/* ================================================================ */
/* Default Name: Pressrelease Style sheet compatible for HTML 5.0   */
/* Version: 1.0                                                     */
/* Follow: @arisds                                                  */
/* ================================================================ */
a.btn-orange,
.btn-orange{ background:#e85024; border-right:3px solid #f36e46; color:#fff; padding:4px 10px; position:relative; display:inline-block; margin:0 2px; }
a.btn-orange:hover, 
.btn-orange:hover{ background:#f36e46; border-right:3px solid #cc4528; }
button.btn-press{ font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; background:#e85024; border-right:3px solid #f36e46; color:#fff; padding:8px 20px; position:relative; display:inline-block; margin:0 2px; border-left:none; border-top:none; border-bottom:none; transition: background-color 0.5s ease-in 0s, color 0.5s ease-in 0s; }
button.btn-press:hover { background:#f36e46; border-right:3px solid #cc4528; }
.btn-preview{ font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; background:#337ab7; border-right:3px solid #2e6da4; color:#fff; padding:8px 20px; position:relative; display:inline-block; margin:0 2px; border-left:none; border-top:none; border-bottom:none; transition: background-color 0.5s ease-in 0s, color 0.5s ease-in 0s; }
.btn-preview:hover { color:#BBDEFB; background:#286090; border-right:3px solid #204d74; }
a.btn-add, .btn-add{ background:#1b3d6e; border-right:3px solid #1b4788; color:#fff; padding:5px 20px; position:relative; display:inline-block; margin:0 2px; border-left:none; border-top:none; border-bottom:none; transform: translateZ(0px); transition-duration: 0.3s; transition-property: transform; border-radius:0; }
a.btn-add:hover, .btn-add:hover, a.btn-add:focus, .btn-add:focus { color:#fff; }
a.btn-add:before, .btn-add:before{ background: #f36e46; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0);   transform-origin: 0% 50% 0; transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; }
a.btn-add:hover::before, .btn-add:hover::before { transform: scaleX(1); }
.overlay{ background:rgba(0,0,0,0.6) repeat; position:absolute; top:0; right:0; left:0; bottom:0; }

header, footer{ vertical-align:middle; position:relative; display:block; font-size:12px; font-family: 'Roboto', sans-serif; font-weight:400; }
header .top{ position:relative; margin:0; padding:0; background:#f5f5f5; }
header .top .select-language{ position:relative; padding:12px 0; height:40px; background:#fff; font-size:15px; }
header .top .select-language a .fa-facebook{ font-size:20px; color:#3b5998; margin:0 3px; vertical-align:top; }
header .top .select-language a .fa-twitter{ font-size:20px; color:#159ceb; margin:0 3px; vertical-align:top; }
header .top .select-language a .fa-envelope{ font-size:18px; color:#fcbe0e; margin:0 3px; vertical-align:top; }
header .top .select-language ul.menu{ list-style:none; margin:0; padding:0; float:left; }
header .top .select-language ul.menu li.dropdown ul.dropdown-menu{ font-size:12px; border-radius:0; box-shadow:2px 2px 2px rgba(0, 0, 0, 0.09); padding:0; margin:5px 0; min-width:120px; }
header .top .select-language ul.menu li.dropdown ul.dropdown-menu li a{ padding:6px 10px; vertical-align:middle;  }
header .top .contact-support{ position:relative ; padding:8px 0; height:40px; overflow:hidden; text-align:right; font-family: 'Roboto', sans-serif; font-weight:400; color:#1b3d6e; font-size:14px; }
header .top .select-language:before{ content:""; width:0; height:0; border-bottom: 40px solid transparent; border-right: 40px solid #f5f5f5; position:absolute; top:0; right:0; }
header .top .contact-support .fa-envelope-o{ font-size:12px; }
header .top .contact-support .fa-mobile-phone{ font-size:24px; height:28px; vertical-align:middle; }
header .top .logo-support{ position:relative ; padding:8px 0; height:40px; overflow:hidden; background:#fff; text-align:right; }
header .top .logo-support:before{ content:""; width:0; height:0; border-top: 40px solid transparent; border-left: 40px solid #f5f5f5; position:absolute; top:0; left:0; }
header .middle{ position:relative; margin:20px 0; }
header .middle .search{ font-family: 'Roboto', sans-serif; font-weight:300; font-style:italic; position:relative; margin-top:10px; }
header .middle .search input,
header .middle .search button { border-radius:0; }
header .middle .login-register{ font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:14px; text-align:right; letter-spacing:-0.25px; position:relative; margin-top:5px; }
header .middle .lost-password{ font-family: 'Source Sans Pro', sans-serif; font-weight:300; font-size:14px; text-align:right; position:relative; margin:4px 0; }
header .middle .dropdown{ font-family: 'Roboto Condensed', sans-serif; font-weight:400; margin:4px 0 3px; }
header .middle .open > .dropdown-menu { z-index:1001; min-width:175px; }
header .middle .open > .dropdown-menu:before { position: absolute; top: -7px; left: 77px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; }
header .middle .open > .dropdown-menu:after { position: absolute; top: -6px; left: 78px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; border-left: 6px solid transparent; content: ''; }
header .middle .arrow-user{ float:right; margin-top:-10px; font-size:18px; }
header .middle .open > .dropdown-menu li a{ padding-top:8px; padding-bottom:8px; border-bottom:1px solid #f5f5f5; }
header .bottom a.home{ display:none; }
header .navbar-meu{ background:#1b3d6e; font-size:14px; }
header .navbar-meu .navbar-nav > li > a{ color:#fff; }
header .navbar-meu .navbar-nav > li > a:hover,
header .navbar-meu .navbar-nav > .open > a, 
header .navbar-meu .navbar-nav > .open > a:focus, 
header .navbar-meu .navbar-nav > .open > a:hover,
header .navbar-meu .navbar-nav > .active > a, 
header .navbar-meu .navbar-nav > .active > a:focus, 
header .navbar-meu .navbar-nav > .active > a:hover,
header .navbar-meu .dropdown-menu > li > a:hover,
header .navbar-meu .dropdown-menu > li > a:focus { color:#fff; background:#1b4788; }
header .navbar-meu .dropdown-menu > li > a,
header .navbar-meu .navbar-nav > li > a:focus{ color:#fff; }
header .navbar-meu .dropdown-menu{ background:#1b3d6e; }
header .navbar-meu .dropdown-menu > li > a{ padding-top:6px; padding-bottom:6px; }

section.content{ background:#fff url(../img/bg-content-bwh.jpg) repeat-x bottom center; padding-bottom:50px; }
section.content .owl-controls{ margin-bottom:20px; }
section.content .owl-controls .owl-nav .owl-prev{ background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0) 100%); position:absolute; top:0; bottom:0; left:0; width:8%; opacity:0; transition: background-color 0.3s ease-in 0s, color 0.3s ease-in 0s; }
section.content .owl-controls .owl-nav .owl-next{ background-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.5) 100%); opacity:1; position:absolute; top:0; bottom:0; right:0; width:8%; opacity:0; transition: background-color 0.3s ease-in 0s, color 0.3s ease-in 0s; }
section.content .owl-controls .owl-nav .owl-prev:hover, section.content .owl-controls .owl-nav .owl-next:hover{ opacity:1; }
section.content .owl-controls .owl-nav .owl-prev .fa-chevron-left{ position:absolute; top:45%; left:40%; font-size:32px; color:#fff; }
section.content .owl-controls .owl-nav .owl-next .fa-chevron-right{ position:absolute; top:45%; right:40%; font-size:32px; color:#fff; }
section.content .headline{ margin:0; padding:0; width:100%; }
section.content .headline .headline-post{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; }
section.content .headline .headline-post h1{ color:#fff; font-family: 'Roboto Condensed', sans-serif; padding-left:15px; padding-right:15px; font-size:30px; letter-spacing:-0.5px; font-weight:700; max-height:95px; line-height:32px; overflow:hidden; position:absolute; bottom:0; background:transparent url(../img/bg-banner.png) repeat-x bottom center; }
section.content .headline .headline-post p{ color:#fff; font-family: 'Roboto Condensed', sans-serif; padding-left:15px; padding-right:15px; font-size:16px; font-weight:400; margin:0 0 15px; height:60px; overflow:hidden; }
section.content .headline .headline-post a.btn-orange{ border-color:#fff; padding:5px 40px 5px 10px; z-index:1; }
section.content .category{ position:relative; font-family: 'Roboto', sans-serif; font-size:30px; color:#bababa; letter-spacing:-1px; border-bottom:1px solid #ccc; margin:0 20px 20px 0; padding:0; }
section.content .category .fa-hand-o-right{ font-size:18px; }
section.content .release{ position:relative; width:100%; }
section.content .release .release-post { border-radius:5px; border:1px solid #cccccc; width:280px; margin-bottom:20px; background:#fff; }
section.content .release .release-post > img{ border-radius:5px 5px 0 0; border-bottom:1px solid #cccccc; }
section.content .release .release-post .date-post{ font-family: 'Source Sans Pro', sans-serif; font-weight:300; font-size:13px; color:#bbbbbb; padding:15px 10px 5px 10px;  }
section.content .release .release-post h1{ font-family: 'Source Sans Pro', sans-serif; font-weight:600; color:#1b4788; font-size:20px; padding:5px 10px; line-height:24px; letter-spacing:normal; transition: background-color 0.3s ease-in 0s, color 0.3s ease-in 0s; }
section.content .release .release-post a:hover h1{ color:#e85024; }
section.content .release .release-post p{ color:#222; padding:5px 10px; margin:0; font-size:16px; margin-bottom:15px; }
section.content .release .release-post .category-post{ background:#f5f5f5; position:relative; border-radius:0 0 5px 5px; padding:10px; position:relative; font-family: 'Source Sans Pro', sans-serif;border-top:1px solid #ccc; }
section.content .release .release-post .category-post .category-detail{ color:#999999; text-align:left; font-size:13px; letter-spacing:0.3px; float:left; }
section.content .release .release-post .category-post a.read-more{ color:#e85024; font-size:12px; font-style:italic; float:right; font-weight:400; }
section.content .loadmore{ text-align:center; position:relative; margin:30px 0; font-weight:600; }
section.content .loadmore a{ background:#e85024; border:1px solid #a03f23; padding:10px 20px; display:inline-block; position:relative; text-align:center; margin:0 auto; border-radius:5px; color:#fff; }
section.content .breadcrumb{ border-radius:0; padding:0; background:none; border-bottom:1px solid #ccc; color:#888888; font-size:13px; margin-bottom:30px; }
section.content .breadcrumb a { color:#888888; padding:8px 5px; display:inline-block; position:relative; }
section.content .breadcrumb a:last-child{ color:#e85024; }
section.content .content-post{ padding-right:20px; position:relative; font-family: 'Source Sans Pro', sans-serif; }
section.content .content-post .datetime-share{ position:relative; margin:0; padding:0; float:left; width:11%; }
.datetime-share .datetime{ font-family: 'Roboto Condensed', sans-serif; position:relative; background:transparent url(../img/bg-datetime.png) no-repeat top left; width:74px; height:74px; overflow:hidden; margin-bottom:20px; }
.datetime-share .datetime .date{ padding:4px 5px 0 5px; }
.datetime-share .datetime .date .mm{ font-size:12px; color:#fff; }
.datetime-share .datetime .date .dd{ font-size:14px; color:#fff; }
.datetime-share .datetime .date .yy{ font-size:14px; color:#fff; text-align:right; margin-right:6px; }
.datetime-share .datetime .time{ font-size:12px; color:#00a4ef; margin:2px 0 0 15px;}
.datetime-share .share{ font-family: 'Roboto Condensed', sans-serif; position:relative; background:transparent url(../img/bg-share.png) no-repeat top left; width:74px; height:325px; overflow:hidden; margin-bottom:20px; }
.datetime-share .share .title{ font-family: 'Source Sans Pro', sans-serif; text-align:center; color:#999999; display:block; padding:6px 5px 6px 0; margin-bottom:10px; font-size:14px; }
.datetime-share .share ul{ list-style:none; margin:0; padding:0; text-align:center; }
.datetime-share .share ul li{ text-align:center; margin:0; padding:0; position:relative; font-size:28px; }
.datetime-share .share ul li a{ display:block; padding:10px 0px; border-radius:50%; width:50px; height:50px; color:#fff; margin:4px 0 0 9px; transition-property: background; transition-duration: 0.3s; transition-timing-function: linear; }
.datetime-share .share ul li a.facebook{ background:#4b67b8; }
.datetime-share .share ul li a.facebook:hover{ background:#3d57a3; }
.datetime-share .share ul li a.twitter{ background:#5ea9dd; }
.datetime-share .share ul li a.twitter:hover{ background:#42abf1; }
.datetime-share .share ul li a.google{ background:#dd4c40; }
.datetime-share .share ul li a.google:hover{ background:#f04234; }
.datetime-share .share ul li a.print{ background:#f36e46; }
.datetime-share .share ul li a.print:hover{ background:#e85024; }
.datetime-share .share ul li a.copy{ background:#555; }
.datetime-share .share ul li a.copy:hover{ background:#999; }
section.content .content-post .post{ position:relative; margin:0; padding:0 0 100px;  float:right; width:89%; }
section.content .content-post .post h1 { color:#1b4788; font-weight:600; line-height:normal; padding-top:0; }
section.content .content-post .post p{ font-size:18px; color:#222222; font-weight:300; line-height:normal; margin:0 0 20px; }
section.content .content-post .post .post-description{ float:right; margin-left:20px; text-align:left; font-family: 'Source Sans Pro', sans-serif; width:336px; }
section.content .content-post .post .post-description .description-company .title,
section.content .content-post .post .post-description .description-contributor .title,
section.content .content-post .post .post-description .description-attachment .title{ font-size:16px; line-height:normal; border-bottom:1px solid #ccc; padding:10px 0 5px; margin:15px 0 5px; }
section.content .content-post .post .post-description .description-company .description,
section.content .content-post .post .post-description .description-contributor .description{ position:relative; margin:0; padding:0; }
section.content .content-post .post .post-description .description-contributor .description .logo{ position:relative; width:50px; float:left; clear:left;  }
section.content .content-post .post .post-description .description-company .description .logo { position:relative; margin:10px 0; }
section.content .content-post .post .post-description .description-contributor .description .nama ul.fa-ul{ margin-top:10px; margin-bottom:10px; }
section.content .content-post .post .post-description .description-contributor .description .nama ul.fa-ul li{ margin:5px 0; }
section.content .content-post .post .post-description .description-attachment .attachment{ margin:10px 0; padding:0; position:relative; }
section.content .content-post .post .post-description .description-attachment .attachment .icon-attachment{ float:left; width:40px; color:#fff; height:45px; margin-right:10px; font-size:35px; padding-left:5px; }
section.content .content-post .post .post-description .description-attachment .attachment .icon-attachment.pdf{ background:#b82e16;  }
section.content .content-post .post .post-description .description-attachment .attachment .icon-attachment.word{ background:#2a5696;  }
section.content .content-post .post .post-description .description-attachment .attachment .icon-attachment.excel{ background:#419641;  }
section.content .content-post .post .post-description .description-attachment .attachment .icon-attachment.powerpoint{ background:#CC0000;  }
section.content .content-post .post .post-description .description-attachment .attachment .icon-attachment.text{ background:#4F5155;  }
section.content .content-post .post .post-description .description-attachment .attachment .icon-attachment.archive{ background:#5a0099;  }
section.content .content-post .post .post-description .description-attachment .attachment .icon-attachment.mix{ background:#ffbc1a;  }
section.content .content-post .post .post-description .description-attachment .attachment .icon-attachment.camera{ background:#36a7e3; font-size:24px; padding:8px 0 0px 8px; }
section.content .content-post .related .title{ font-family: 'Roboto Condensed', sans-serif; font-size:24px; color:#222; font-weight:700; margin:5px 0; }
section.content .content-post .related ul{ padding:0 8px; }
section.content .content-post .related ul li{ width:48%; float:left; margin:0 1% 10px 1%; }
section.content .content-post .related ul li a{ font-family: 'Source Sans Pro', sans-serif; font-size:16px; padding:5px 0; }
section.content .content-post .related ul li a span{ font-family: 'Source Sans Pro', sans-serif; font-size:16px; font-weight:400; font-style:italic; color:#999; font-size:14px;  }

section.content .auth-user{ font-family: 'Roboto Condensed', sans-serif; padding:50px 0 150px 0; }
section.content .auth-user h3{ text-transform:uppercase; font-size:36px; font-weight:700; letter-spacing:-0.5px; color:#999; }
section.content .auth-user h6{ font-weight:700; font-size:18px; text-transform:uppercase; margin:20px 0 0; padding:0; }
section.content .auth-user .label{ display:block; position:relative; margin:0; padding:8px 0; color:#666; font-size:15px; font-weight:400; line-height:normal; text-align:left; font-family: 'Roboto', sans-serif; border-radius:0; }
section.content .auth-user p{ font-size:16px; }
section.content .auth-user .form-group input{ width:66%; display:inline-block; border-radius:0; }
section.content .auth-user .form-group button{ width:30%; display:inline-block; height:34px; padding:6px 12px; line-height:1px; background:#e85024; border-right:3px solid #f36e46; color:#fff; border-left:none; border-top:none; border-bottom:none; transition: background-color 0.5s ease-in 0s, color 0.5s ease-in 0s;  }
section.content .auth-user .form-group button:hover { background:#f36e46; border-right:3px solid #cc4528; }
section.content .auth-user.register .form-group input{ width:100%; }
section.content .auth-user .label-agreement{ display:block; position:relative; margin:0; padding:3px 0 3px; color:#666; font-size:13px; font-weight:400; line-height:normal; text-align:left; font-family: 'Roboto', sans-serif; border-radius:0; display:inline-block; vertical-align:top; }
section.content .auth-user .one-register{ border-left:1px dotted #ccc; padding-left:20px; min-height:450px; position:relative; }
section.content .auth-user .one-register .sign-up{ margin:0 auto; padding:20px 0 50px; text-align:center; }
section.content .auth-user .one-register .sign-up a{ display:inline-block; padding:10px 20px 10px 0; margin:10px auto; color:#fff; min-width:215px; text-align:left; }
section.content .auth-user .one-register .sign-up a.facebook{ background:#3b5998; }
section.content .auth-user .one-register .sign-up a.facebook span{ border-right:1px solid #fff; margin-right:10px; padding:15px; }
section.content .auth-user .one-register .sign-up a.twitter{ background:#159ceb; }
section.content .auth-user .one-register .sign-up a.twitter span{ border-right:1px solid #fff; margin-right:10px; padding:10px 12px; }
section.content .auth-user .one-register .sign-up a.google{ background:#db4a39; }
section.content .auth-user .one-register .sign-up a.google span{ border-right:1px solid #fff; margin-right:10px; padding:10px 12px; }
section.content .auth-user .one-register .centered-or{ display:block; padding:10px; font-size:18px; position:absolute; top:50%; }
section.content .auth-user .one-register:before{ content:'OR'; position:absolute; top:50%; left:-8px; font-weight:400; font-family:'Roboto Condensed', sans-serif; padding:5px 0; background:#fff; }
section.content .auth-user.login form{ margin-bottom:40px; }
section.content .auth-user.login .label{ padding:8px 0 0; font-size:14px; }
section.content .auth-user.login input{ width:100%; margin:5px 0; border-radius:0; background:#f5f5f5; padding-top:10px; padding-bottom:10px; }
section.content .auth-user.login button{ background:#e85024; border-right:3px solid #f36e46; color:#fff; padding:8px 50px 8px 20px; position:relative; display:inline-block; margin:0 2px; border-left:none; border-top:none; border-bottom:none; transform: translateZ(0px); transition-duration: 0.3s; transition-property: transform; }
section.content .auth-user.login button:before{ background: #f36e46; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0);   transform-origin: 0% 50% 0; transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; }
section.content .auth-user.login button:hover::before { transform: scaleX(1); }
section.content .auth-user.login a{ color:#e85024; }

section.content .member{ background:#f5f5f5; padding:5px 10px; border:1px solid #ccc; }
section.content .member .title{ font-family: 'Roboto Condensed', sans-serif; font-size:18px; color:#222; font-weight:700; margin:5px 0; }
section.content .member .verifikasi{ float:right; color:#e85024; font-size:14px; font-weight:300; }
section.content .member .profile { font-family: 'Source Sans Pro', sans-serif; font-size:16px; }
section.content .member .nama{ font-weight:600; }
section.content .member .email{ font-size: 12px; }
section.content .member .jabatan{ color:#222; font-size:14px; margin-top:5px; }
section.content .member .contact{ font-size:13px; margin:5px 0; }
section.content .member .full-version{ font-size:11px; font-family: 'Roboto', sans-serif; text-align:right; margin:5px 0; color:#e85024; }

section.content .company{ background:#fff; padding:0; border:1px solid #ccc; }
section.content .company .title { background:#f5f5f5; font-family: 'Roboto Condensed', sans-serif; font-size:18px; color:#222; font-weight:700; margin:0; padding:5px 10px; border-bottom:1px solid #ccc;  }
section.content .company ul{ margin-left:2.14286em; padding-left:0; }
section.content .company ul li{  padding:0 0 10px; margin-top:10px; }
section.content .company ul li:last-child{ border-bottom:none; }

section.content .list-category{ background:#fff; border:1px solid #ccc; }
section.content .list-category .title{ font-family: 'Roboto Condensed', sans-serif; font-size:18px; color:#222; font-weight:700; padding:5px 10px; background:#f5f5f5; border-bottom:1px solid #ccc; margin-bottom:0; }
section.content .list-category .request{ font-family: 'Roboto Condensed', sans-serif; font-size:16px; padding:10px; margin-bottom:0; }
section.content .list-category ul.fa-ul li{ padding:10px 0; }
section.content .list-category ul.fa-ul .fa-li{ margin:0; position:relative; padding:0; left:0; right:0; top:0; }
section.content .list-releases ul{ list-style:none; margin:0; padding:0; }
section.content .list-releases ul li{ margin:0 0 10px; padding:0; }
section.content .list-releases .list-news{ border:1px solid #ccc; background:#fff; position:relative; height:140px; overflow:hidden; }
section.content .list-releases .list-news .news{ overflow:hidden; padding:10px; position:relative;}
section.content .list-releases .list-news .news .image{ float:left; margin-right:10px; }
section.content .list-releases .list-news .news h1{  color: #1b4788; font-family: "Source Sans Pro",sans-serif; font-size: 24px; font-weight: 600; letter-spacing: normal; line-height: 24px; padding: 0 10px; transition: background-color 0.3s ease-in 0s, color 0.3s ease-in 0s; }
section.content .list-releases .list-news .news a:hover h1{ color:#e85024; }
section.content .list-releases .list-news .news p {  color: #222; font-size: 14px; margin: 0 0 0; padding: 5px 10px; height:40px; overflow:hidden; }
section.content .list-releases .list-news .date-post{ color: #bbbbbb; font-family: "Source Sans Pro",sans-serif; font-size: 13px; font-weight: 300; padding: 8px 10px 5px; }
section.content .list-releases .list-news .title{ font-family: 'Roboto Condensed', sans-serif; font-size:18px; color:#666; font-weight:700; margin:0 0 10px 0; text-transform:uppercase; }
section.content .list-releases .list-news .attachment{ position:relative; margin:0; padding:0; }
section.content .list-releases .list-news .attachment .icon-attachment{ float:left; width:20px; color:#fff; height:22px; margin-right:5px; font-size:15px; padding-left:3px; padding-top:2px; background:#ccc; margin-bottom:2px; }
section.content .list-releases .list-news .attachment .icon-attachment.pdf{ background:#b82e16;  }
section.content .list-releases .list-news .attachment .icon-attachment.word{ background:#2a5696;  }
section.content .list-releases .list-news .attachment .icon-attachment.camera{ background:#36a7e3; font-size:12px; padding:4px 3px; }
section.content .list-releases .list-news .attachment .text-attachment{ font-family: 'Roboto', sans-serif; font-size:13px; margin:2px 0; float:left; }
section.content .list-releases .list-news .action{ opacity:0; position:absolute; top:0; left:0; right:0; bottom:0; border:0px solid rgba(0,0,0,0.7); transition: all 0.4s ease-in-out; visibility:hidden; text-align:center; }
section.content .list-releases .list-news:hover .action{ opacity:1; border:70px solid rgba(27,71,136,0.95); visibility:visible; text-align:center; }
section.content .list-releases .list-news .action a { color:#fff; display:inline-block; margin:-30px 20px 0; font-size:14px; opacity:0; visibility:visible; transform:scale(0,0); transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; position:relative; }
section.content .list-releases .list-news .action a .fa{ font-size:36px; }
section.content .list-releases .list-news:hover .action a{ transition-delay:0.3s; transform:scale(1,1); opacity:1; visibility:visible; }
section.content .navi-pagination { text-align:center; margin:0 auto; }
section.content .navi-pagination .first{ background-color: #fff;  border: 1px solid #ddd; color: #337ab7; line-height: 1.42857;  padding: 6px 12px; position: relative; text-decoration: none; border-radius: 4px; display:inline-block; float:left; color:#e85024; }
section.content .navi-pagination .last{ background-color: #fff;  border: 1px solid #ddd; color: #337ab7; line-height: 1.42857;  padding: 6px 12px; position: relative; text-decoration: none; border-radius: 4px; display:inline-block; float:right; color:#e85024; }
section.content .navi-pagination .first.disabled a, section.content .navi-pagination .last.disabled a, section.content .navi-pagination .last.disabled , section.content .navi-pagination .first.disabled { cursor: not-allowed; background:#f5f5f5; color:#ccc; }
section.content .navi-pagination ul.pagination li.disabled a{ background:#f5f5f5; color:#ccc;  }
section.content form.form-pressrelease input{ border-radius:0; }
section.content form.form-pressrelease .content-input{ padding:20px 0 20px 20px; }
section.content form.form-pressrelease .content-upload{ background:#f5f5f5; padding:20px; margin-bottom:10px; }
section.content form.form-pressrelease{ font-family: 'Roboto', sans-serif; background:#fff; border:1px solid #f5f5f5; }
section.content form.form-pressrelease label{ font-size:15px; color:#666; font-weight:400; }
section.content form.form-pressrelease .note{ color:#999; font-size:12px; font-weight:300; border-top:1px solid #fff; margin-top:10px; padding-top:10px; }
section.content form.form-pressrelease .btn-upload{ background:#e85024; color:#fff; position:relative; border-radius:4px; margin:10px 0 0; padding:10px 0; text-align:center; transition: background-color 0.3s ease-in 0s, color 0.3s ease-in 0s;  }
section.content form.form-pressrelease .btn-upload:hover{ background:#cc4528; }
section.content form.form-pressrelease .btn-upload:before{ content:'Upload Image'; color:#fff; }
section.content form.form-pressrelease .btn-upload input{ opacity:0; width:100%; height:100%; position:absolute; left:0; right:0; bottom:0; top:0; cursor:pointer; }
section.content form.form-pressrelease .title{ font-family: 'Roboto Condensed', sans-serif; font-size:18px; color:#222; font-weight:700; padding:0 0 5px 0; margin-bottom:5px;  }
section.content .alert { padding:10px 15px; }
section.content .alert p{ line-height:normal; font-size:13px; font-family: 'Roboto', sans-serif; margin:5px 0; }
section.content form.form-pressrelease .btn-upload-file { position:relative; }
section.content form.form-pressrelease .btn-upload-file input{ opacity:0; width:100%; height:100%; position:absolute; left:0; right:0; bottom:0; top:0; cursor:pointer; }
section.content form.form-pressrelease .btn-upload-file .fake{ background:#e85024; color:#fff; position:relative; border-radius:4px; margin:10px 0 0; padding:10px 0; text-align:center; transition: background-color 0.3s ease-in 0s, color 0.3s ease-in 0s; }
section.content .profile{ position:relative; margin:0; padding:0; }
section.content .profile .content-photo{ background:#f5f5f5; padding:20px; margin-bottom:10px; }
section.content .tab-content{ border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px; background:#fff; }
section.content .tab-content .title{ font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; font-weight:700; font-size:24px; margin:0 0 10px 0;  }
section.content .tab-content .content-input{ margin:20px 0; }
section.content .tab-content label{ color:#999; font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-size:17px; margin:7px 0; }
section.content .tab-content select{ border: 1px solid #ddd; border-radius: 4px; margin-right: 10px; padding: 7px 20px 7px 8px; appearance:none; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; cursor:pointer; background: transparent url("../img/member/select-caret.png") right center no-repeat }
section.content .tab-content .note{ color:#999; font-size:12px; font-weight:300; border-top:1px solid #fff; }
section.content .tab-content .list-company{ border:1px solid #f5f5f5; padding:10px; position:relative; margin-bottom:20px; width:48.883%; }
section.content .tab-content .list-company .title, section.content .tab-content .list-company p{ font-family: 'Source Sans Pro', sans-serif; font-size:14px; margin:5px 0; padding:0; line-height:16px; }
section.content .tab-content .list-company .title{ font-weight:600; font-size:16px; }
section.content .tab-content .list-company .action{ position:absolute; top:10px; right:10px; text-align:right; font-size:12px; }
section.content .tab-content .list-company .action .fa{ font-size:14px; }
section.content .tab-content-company .title{ font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; font-weight:700; font-size:24px; margin:0 0 10px 0;  }
section.content .tab-content-company .list-company{ border:1px solid #f5f5f5; padding:10px; position:relative; margin-bottom:20px; width:48.883%; background:#fff; min-height: 197px; max-height: 200px;}
section.content .tab-content-company .list-company .title, section.content .tab-content-company .list-company p{ font-family: 'Source Sans Pro', sans-serif; font-size:14px; margin:5px 0; padding:0; line-height:16px; }
section.content .tab-content-company .list-company .title{ font-weight:600; font-size:16px; }
section.content .tab-content-company .list-company .action{ position:absolute; top:10px; right:10px; text-align:right; font-size:12px; }
section.content .tab-content-company .list-company .action .fa{ font-size:14px; }
section.content #unlink{ font-size:20px; text-align:center; }
section.content #unlink .button-approval{ margin:10px auto; text-align:center; font-size:14px; }
section.content .content-photo .btn-upload{ background:#e85024; color:#fff; position:relative; border-radius:0; margin:0; padding:10px 0; text-align:center; transition: background-color 0.3s ease-in 0s, color 0.3s ease-in 0s; }
section.content .content-photo .btn-upload:hover{ background:#cc4528; }
section.content .content-photo .btn-upload:before{ content:'Upload Photo'; color:#fff; }
section.content .content-photo .btn-upload input{ position:absolute; width:100%; height:20px; left:0; right:0; bottom:0; opacity:0; cursor:pointer; }
section.content .content-photo .note{ color:#999; font-size:12px; font-weight:300; border-bottom:1px solid #fff; margin-top:10px; padding-bottom:10px; }
section.content .content-photo .form-group{ position:relative; margin:0; padding:0; }
section.content .content-photo .btn-upload-ok-cancel{ position:absolute; right:0; top:0; z-index:1; }
section.content .content-photo .btn-upload-ok-cancel a{ display:inline-block; font-size:18px; }
section.content .content-photo .btn-upload-ok-cancel button.upload-ok{ background:rgba(68,157,68,0.4); color:#fff; padding:5px 10px; border:none; vertical-align:top; font-size:18px; }
section.content .content-photo .btn-upload-ok-cancel button.upload-ok:hover{ background:rgba(68,157,68,0.8); }
section.content .content-photo .btn-upload-ok-cancel a.upload-cancel{ background:rgba(201,48,44,0.4); color:#fff;  padding:5px 11px; }
section.content .content-photo .btn-upload-ok-cancel a.upload-cancel:hover{ background:rgba(201,48,44,0.8); }
section.content .content-photo .alert{ margin-top:10px; margin-bottom:0; font-size:12px; font-family: 'Roboto', sans-serif; }
section.content .content-photo a.btn-add{ margin-top:10px; margin-bottom:10px; width:100%; }
section.content .content-post .skycrapper{ float:left; width:20%; }
section.content .content-post .search{ float:left; width:80%; }

.sidebar{ position:relative; margin:0; padding:0; width:100%; font-family: 'Source Sans Pro', sans-serif;  }
.sidebar.terpopuler{ position:relative; }
.sidebar .title{ font-size:20px; color:#e85024; margin-bottom:15px; background:#f5f5f5; display:block; }
.sidebar .title h3{ display:inline-block; background:#fff; padding:10px 40px 10px 0; position:relative; }
.sidebar .title h3:before{ content:""; width:0; height:0; border-bottom: 40px solid transparent; border-right: 40px solid #f5f5f5; position:absolute; top:0; right:0; }
.sidebar ul{ list-style:none; padding:0; margin:0; }
.sidebar ul li{ border-bottom:1px solid #cccccc; padding:10px 0 15px;  }
.sidebar ul li .date-post{ font-weight:300; font-size:13px; color:#bbbbbb; }
.sidebar ul li .list-post{ margin:4px 0 0 0; }
.sidebar ul li .list-post .icon-list{ font-size:24px; color:#6F6F6F; float:left; width:10%; }
.sidebar ul li .list-post .title-post { float:right; width:90%; }
.sidebar ul li .list-post .title-post h2 { font-size:18px; padding:0 10px; margin:0; line-height:22px; }

footer{ background:#f4f4f4; border-top:1px solid #cccccc; padding:30px 0 20px; }
footer .fa-facebook-square{ font-size:32px; color:#3b5998; }
footer .fa-twitter-square{ font-size:32px; color:#159ceb; }
footer .fa-envelope-o{ font-size:20px; color:#fff; background:#fcbe0e; border-radius:5px; padding:3px 5px 4px; vertical-align:top; margin-top:2px; }
footer .fa-google-plus-square{ font-size:32px; color:#db4a39; }
footer .fa-linkedin-square{ font-size:32px; color:#007bb5; }

/* MODAL */
.modal{ font-family: 'Roboto Condensed', sans-serif; }
.modal .modal-header, .modal .modal-footer{ border-bottom:none; border-top:none; text-align:left; }
.modal .modal-header h1{ color:#1b3d6e; text-align:center; }
.modal .modal-footer ul li{ margin:10px 0; }
.modal .modal-footer ul.fa-ul li a, .modal .modal-body .label a{ color:#e85024; }
.modal .modal-body, .modal .modal-footer{ width:90%; margin:0 auto; }
.modal .modal-footer{ padding-bottom:40px; padding-top:0; }
.modal .modal-body .label{ font-family: 'Roboto', sans-serif; color:#999; font-weight:300; font-size:14px; padding:0; border-radius:0; display:block; text-align:left; }
.modal .modal-body .form-group .form-control{ height:auto; }
.modal .modal-body .form-group input{ margin:5px 0; border-radius:0; background:#f5f5f5; padding-top:10px; padding-bottom:10px; }
.modal .modal-body .form-group textarea{ margin:5px 0; border-radius:0; background:#f5f5f5; padding-top:10px; padding-bottom:10px; }
.modal .modal-body button{ background:#e85024; border-right:3px solid #f36e46; color:#fff; padding:8px 20px; position:relative; display:inline-block; margin:0 2px; border-left:none; border-top:none; border-bottom:none; transition: background-color 0.5s ease-in 0s, color 0.5s ease-in 0s; }
.modal .modal-body button:hover { background:#f36e46; border-right:3px solid #cc4528; }
.modal .btn-upload{ background:#e85024; color:#fff; position:relative; border-radius:4px; margin:10px 0 0; padding:10px 0; text-align:center; transition: background-color 0.3s ease-in 0s, color 0.3s ease-in 0s;  }
.modal .btn-upload:hover{ background:#cc4528; }
.modal .btn-upload:before{ content:'Upload Image'; color:#fff; }
.modal .btn-upload input{ opacity:0; width:100%; height:100%; position:absolute; left:0; right:0; bottom:0; top:0; cursor:pointer; }

/*slide new*/
.topslide{margin-top:-25px;}