html,
body{
	height: 100%;
	width: 100%;
}

body{
	/*padding-top: 80px;*/
	background: #f2f3f4;
}

#index{
	background: none !important;
}

.navbar-right{
	margin-right: 0 !important;
}

.nav-mobile{
	background-color: rgba(6, 183, 232, 1);
	border: none;
	font-size: 12px;	
}

a:hover{
	text-decoration: none;
}

.nav-mobile li > a{
	font-weight: bold;
	color: #fff !important;
	text-transform: uppercase;
}

.nav-custom{
	background-color: rgba(6, 183, 232, 0.9);
	height: auto;
	font-size: 12px;
	z-index: 999;
}

.nav-custom li > a{
	color: #fff;
	margin-top: -6px;
	/*margin-top: -10px;*/
	border-left: 1px solid #3fcdf5;
	padding-top: 31px;
	/*padding-top: 35px;*/
	min-width: 90px;
	height: auto;	
	text-align: center;
	font-weight: bold;
	padding-bottom: 31px;
	text-transform: uppercase;
}

.nav-custom li{
	color: #fff;
	height: 80px;
	padding-top: 5px;
}

.nav-mobile .navbar-nav > .active > a, .nav-mobile .navbar-nav > .active > a:hover, .nav-mobile .navbar-nav > .active > a:focus{
	background: none !important;
}

.nav-custom ul > li > a:hover,
.nav-custom .navbar-nav > .active > a, 
.nav-custom .navbar-nav > .active > a:hover, 
.nav-custom .navbar-nav > .active > a:focus
{ 
	background-color: rgba(6, 134, 169, 0.5) !important;
	color: #fff;
}

.nav-mobile ul > li:hover,
#drop-header.dropdown-menu li > a:hover,
#drop-header.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a,
.nav-mobile .navbar-nav > .active > a, 
.nav-mobile .navbar-nav > .active > a:hover, 
.nav-mobile .navbar-nav > .active > a:focus
{ 
	background-color: rgba(6, 134, 169, 1) !important;
	color: #fff;
}

.nav-custom li a:focus,
.nav-mobile li a:focus
{
	background: none !important;
	color: #fff;
}


.nav-mobile .navbar-nav > li > a, .nav-mobile .navbar-brand {color: #fff;}
.nav-mobile .navbar-nav > li > a:hover, 
.nav-mobile .navbar-nav > li > a:focus {color: #fff; background-color: rgba(6, 134, 169, 0.5);}

#drop-header.dropdown-menu{
	background-color: #1AB0DA !important;
}

.profile-header{
	border-left: 1px solid #3fcdf5;
	border-right: 1px solid #3fcdf5;
}

.panel-profile{
	background:#fff;
	border-radius:3px;
	padding-top:10px;
	padding-bottom:10px;
	box-shadow:0 1px 3px rgba(0,0,0,0.25);
	word-wrap: break-word;
}

.panel-profile img{
	width:55px; 
	height:70px;
	max-width: none !important;
	border-radius: 8px;
}

.pemilik-proyek{
	padding-top: 30px;
}

.pemilik-proyek img{
	width:60px; 
	height:70px;
	max-width: none !important;
}
.panel-stats{
	margin-top:20px;
	background:#fff;
	border-radius:3px;
	box-shadow:0 1px 3px rgba(0,0,0,0.25);
}

.panel-content{
	padding:15px;
	background:#fff;
	box-shadow:0 1px 3px rgba(0,0,0,0.25);
	margin-bottom: 10px;
}

.border-stats2{
	border-bottom:1px solid #e0e0e0; 
	padding-bottom:3px; 
	padding-top:3px;
}

.border-stats{
	border-bottom:1px solid #e0e0e0; 
	padding-bottom:3px; 
	padding-top:5px;
}

#icon-header{
	font-size:14px; 
	padding-top:5px;
	padding-bottom: 5px;
}

.border-left{
	border-left: 1px solid #3fcdf5;
}

.border-top{
	border-top: 1px solid #3fcdf5;
}

.text-center{
	text-align:center;
}

.foto-header{
	height:45px;
	width:35px !important;
	margin-bottom: 5px;
	max-width: none;
	border-radius: 8px;
}

.input{
	box-shadow: none;
	border-radius: 0;
	height: 24px !important;
	width: 140px !important;
}


.input:focus{
	outline: none !important;
	box-shadow: none;
}

a#link{
	color: #fff;
}

a#link:hover{
	color: #014558;	
}

a#profil{
	color:#6d7b7e;
}

a#profil:hover{
	color: rgba(6, 183, 232, 1);
}

.text-footer{
	font-size:12px; 
	color:#fff; 
	font-weight:bold;
}

.text-footer > a {
	padding-left: 10px;
}

.bawah{
	border-radius:0px; 
	background-color:#00bcf2; 
}


.navbar{
	margin-bottom: 0 !important;
}

#label-top{
	color: #fff !important;
	font-size: 11px;
}

.navbar-brand-mobile{
	padding-left: 0;
	padding-top: -12px !important;
}

.navbar-brand-mobile{
	padding-top: 5px;        
}

.navbar-brand{
	padding-top: 0;
}

.navbar-brand img{
	padding-top: 5px;
	padding-left: 5px;
}

.navbar-brand-mobile img{
	padding-left: 5px;
}

.nav-form{
	margin-right: -5%;
}

.carousel,
.item,
.active {
	height: 60%;
	/*height: 100%;*/
}

.carousel-inner {
	height: 200%;
/*	height: 100%;
	margin-top: -12%;
	*/
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
	width: 100%;
	height: 100%;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}

footer {
	margin: 50px 0;
}

/* --- section bg var --- */

.home-section {
	display:block;
	position:relative;
	padding-top: 10px;
}

.bg-white {
	background: #fff;
	-webkit-box-shadow: inset 0 2px 2px -2px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0 2px 2px -2px rgba(0,0,0,0.25);
	box-shadow: inset 0 2px 2px -2px rgba(0,0,0,0.25);	
}

.bg-gray {
	background-color: #e5e6e7;
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);	
}


.bg-other {
	background-color: #f2f3f4;
	-webkit-box-shadow: inset 0 2px 2px -2px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0 2px 2px -2px rgba(0,0,0,0.25);
	box-shadow: inset 0 2px 2px -2px rgba(0,0,0,0.25);
}

.bg-content-1 {	
	background-color: #f2f3f4;
	-webkit-box-shadow: inset 0 2px 2px -2px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0 2px 2px -2px rgba(0,0,0,0.25);
	box-shadow: inset 0 2px 2px -2px rgba(0,0,0,0.25);	
}

.bg-content {	
	background-color: #f2f3f4;
}

.section-header {
	margin-bottom: 10px;
}

.section-header .seru {
	font-family: Arial;
	font-size:90px;
	margin-top: 55px;
	/*margin-top: 40px;*/
	margin-left: -50px;
	/*margin-left: -30px;*/
	color: #8e8f8f;
	-webkit-transform: rotate(15deg); 
	-moz-transform: rotate(15deg);	
}

.section-header .section-content {	
	font-size: 21px;
	/*font-size: 25px;*/
	color: #404040;
	position: relative;
	padding-top: 30px;
	font-family: Roboto;
}

.section-header .section-subcontent {
	font-size: 20px;
	color: #404040;
	position: relative;
	padding-bottom: 30px;
	padding-top: 0;
	font-family: Roboto;
	/*margin-right: 15px;*/
	margin-right: 50px;
}

.section-header .donate{
	margin-top: -40%;
	margin-left: -100%;
}

.section-header .map{
	margin-left: -200%;
	margin-top: 15%;
	border-radius: 5px;
	max-width: none !important;
}
/* --- section  var --- */

.foot-a{
	color: #fff;
}

.foot-a:hover{
	color: #00bdf3;
}

.foot-links a,
.foot-links p,
.foot-links span{
	display: block;
	color: rgb(63, 63, 63);
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	text-decoration: none;
	font-size: 13px;
	color: #fff;
	padding-bottom: 5px;
}

.foot-links ul{
	display: block;
	color: rgb(63, 63, 63);
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	text-decoration: none;
	font-size: 13px;
	color: #fff;
	padding-bottom: 5px;
	font-weight: bold;
	padding-left: 10px;
	width:90%;
}

.foot-links ul > a{
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #1d5869;
}

.foot-links a:hover{
	color: #00bdf3;
}

.foot-link-share{
	display: block;
	color: rgb(63, 63, 63);
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	text-decoration: none;
	font-size: 13px;
	color: #fff;
}

#footer{
	background: #014558;
	border-top: 1px solid rgb(222, 222, 222);
	margin-top: -2px;
	margin-bottom: -10px;
	padding-top: 30px;
	padding-bottom: 30px;
	font-family: Arial;
	color: #fff;
}

.foot-header{
	font-size: 15px;
	font-weight: bold;
	font-style: bold;
	color: #fff;
	padding-bottom: 10px;
}

#foot-span{
	color: #9fdaeb !important;
}

.foot{
	margin-top:-2%;
	color: #fff;
}

.foot-border{
	display: block; 
	height: 1px;
	border: 0;
	border-top: 1px solid #225f70;
	margin-top:-2px;
	margin-right:13px;
}

.stat-border{
	display: block; 
	height: 1px;
	border: 0;
	border-bottom: 1px solid #e0e0e0;
}

.content-header{
	font-weight: bold;
	font-size: 15px;
	text-transform: uppercase;
}


.proyek-title{
	font-size: 25px;
	margin-top: -5px;
}

.content-border{
	display: block; 
	height: 1px;
	border: 0;
	border-top: 1px solid #e2e2e3;
	margin-top:-5px;
	margin-bottom: 0px;
}

#content-breadcumbs{
	background:none; 
	margin-left:-14px;
	margin-top: -7px;
	font-size: 11px;
}

.content-links ul > a{
	color: #014558;
	font-weight: bold;
}

.content-links ul > a:hover,
.content-links ul > a .active
{
	color: #00bcf2;
}

.content-links ul > a > li{
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e2e2e3;
}

.menu-kategori ul > a{
	color: #363434;
	font-weight: bold;
	list-style-type: none;
}

.menu-kategori ul > a:hover,
.menu-kategori ul > a .active
{
	color: #03A9F4;
}

.menu-kategori ul > a > li{
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e2e2e3;
}

.kategori-icon{
	background-color: #f84703;
	color: #fff;
	border-radius:100%;
}

.link-orange a{
	color:#b9c0c2;
	font-weight:bold;
}

.link-orange a:hover{
	color: #f84703;
}

.sidebar-profile ul > a{
	color: #014558;
	font-weight: bold;
	list-style-position: inside;
}

.sidebar-profile ul > a:hover,
.sidebar-profile ul > a .active
{
	color: #13b4fc;
	background: #e9f7fa;
	font-weight: bold;
}

.sidebar-profile ul > a > li{
	margin-top: 5px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
	border-radius:5px;
	border-radius:5px;
	box-shadow:0 1px 3px rgba(0,0,0,0.25);	
	background: #f7fdfd;	
}

.sidebar-profile-2 ul > a{
	color: #014558;
	font-weight: bold;
	list-style-position: inside;
	direction: rtl;
}

.sidebar-profile-2 ul > a:hover,
.sidebar-profile-2 ul > a .active
{
	color: #13b4fc;
	background: #e9f7fa;
	font-weight: bold;
}

.sidebar-profile-2 ul > a > li{
	margin-top: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 10px;
	border-radius:5px;
	border-radius:5px;
	box-shadow:0 1px 3px rgba(0,0,0,0.25);	
	background: #f7fdfd;
}

.container-content{
	margin-top:2%; 
	margin-left:2%; 
	margin-right:2%;
}

.foot-kanan{
	color: #fff;
	padding-top: 5px;
}

#footer .container{
	max-width: 1100px;
}


.dynamicTile .col-sm-2.col-xs-4{
	padding:5px;
}

.dynamicTile .col-sm-4.col-xs-8{
	padding:5px;
}

#tile1{
	background: rgb(0,172,238);
}

#tile2{
	background: rgb(243,243,243);
}

#tile3{
	background: rgb(71,193,228);
}

#tile4{
	background-image: url('http://handsontek.net/demoimages/tiles/facebook.png');
	background-size: cover;
}

#tile5{
	background: rgb(175,26,63);
}

#tile6{
	background: rgb(62,157,215);
}

#tile7{
	background: white;
}

#tile8{
	background: rgb(209,70,37);
}

#tile9{
	background: rgb(0,142,0);
}

#tile10{
	background: rgb(0,93,233);
}

.tilecaption{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%); 
	margin:0!important;
	text-align: center;
	color:white;
	font-family: Segoe UI;
	font-weight: lighter;
}

.firstcharacter { float: left; 
	color: #fff; 
	font-size: 75px; 
	line-height: 60px; 
	padding-top: 4px; 
	padding-right: 8px; 
	padding-left: 3px; 
}

.secondcharacter { float: right; 
	color: #fff; 
	font-size: 75px; 
	line-height: 60px; 
	padding-top: 4px; 
	padding-right: 8px; 
	padding-left: 3px; 
}

.from-testimoni{
	font-size: 12px;
	color: #c5c5c5;
	font-weight: 600;
}

.judul-berita{
	color: #014558;
	text-transform: uppercase;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
}

.tag-berita{
	padding-top: 30px;
}

.tag-berita span{
	color: #b9b8b8;
	font-size: 11px;
	padding-right: 5px;
	font-weight: bold;
}

.isi-berita{
	margin-top: -20px;
}

.list-berita ul{
	list-style: none;
	font-size: 14px;
	text-transform: uppercase;
	font-family: Arial;
	font-weight: bold;
	text-align: left;
	padding-left: 15px;
}

.list-berita ul > a > li{
	color: #014558;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px solid #d9d8d8;
	text-transform: uppercase;
}

.berita-tengah{
	border-left: 1px solid #d9d8d8;
	border-right: 1px solid #d9d8d8;
	height: 300px;
}

.tag{
	margin-left:20px; 
	background-color: #f2f3f4; 
	position: relative; 
	top: -1.5em; 
	border-left:1px solid #b7b7b7; 
	border-right:1px solid #b7b7b7; 
	border-top:1px solid #b7b7b7;
	color: #7f7b74;
	font-size: 12px;
	padding-left: 5px;
	padding-right: 50px;
	padding-top: 3px;
	font-weight: bold;
	padding-bottom: 1px;
}

.tag-hr{
	height: 1px; 
	background-color: #b7b7b7; 
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
}

.judul-proyek{
	color: #666669;
	font-weight: bold;
}

.project-list__item{font-size:12px;margin-bottom:2.25em; margin-top: 5px;box-shadow: 0;transition: box-shadow 0.5s;}
.project-list__item:hover{box-shadow: 0 0 4px #00aeef; border-radius:5px;}
.project-list__item:hover .project-title a{color:#00aeef;}
.project-list__item .box{width:100%; height: 450px; position:relative;overflow:visible;background:#FFF;box-shadow:0 1px 3px rgba(0,0,0,0.25);border-radius:5px}
.project-list__item .item-img{position:relative;overflow:hidden;margin:0;height:142px;background:#ededea; width:100%;}
.project-list__item .item-text{padding:0.75em}
.project-list__item .item-text a{color: #4d4d4d;}
.project-list__item .item-text a:hover{color: #00aeef;}
.project-list__item .project-title{margin:0;font-size:1.375em;font-weight:600}
.project-list__item .project-title a{color:#4d4d4d}
.project-list__item .project-title a:hover{color:#00aeef;}
.project-list__item .short-desc{line-height:1.35;margin-top:1em;}
.project-list__item .project-status{padding:0.75em; font-size:12px; min-height:103px; position: absolute; bottom: 0; width: 100%;}
.project-list__item .project-collected{margin-bottom:0.3em}
.project-list__item .project-collected strong{font-size:16px;}
.project-list__item .project-collected span{font-size:12px;}
.project-list__item .project-target{font-size:12px;margin-bottom:0}
.project-list__item .project-bar{background:#e6e6e6;height:12px}
.project-list__item .notif-status{position:static;margin-top:10px;margin-left:-0.6em;margin-right:-0.6em;margin-bottom:5px;padding:0.3em 0.75em;text-align:left;text-transform:none}
.project-bar-progress{display:block; height:100%;background:#00aeef}
.project-bar{overflow:hidden;height:24px;background:#FFF;margin-bottom:5px;border-radius:5px}


.bootsnipp-search{display:none}

.bootsnipp-search .form-control{background-color:#fff;border-radius:0;border-width:0;font-size:24px;height:auto}
.bootsnipp-search .form-control:focus{border-color:transparent;outline:0;-webkit-box-shadow:none;box-shadow:none}
.bootsnipp-search .input-group-btn>.btn{padding:10px 16px;border-radius:0}
.bootsnipp-search .input-group-btn>.btn-default{background-color:#f5f5f5}
.bootsnipp-search{background-color:#fff;display:block;position:absolute;top:100%;width:100%;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;-o-transform-origin:0 0 0;-ms-transform-origin:0 0 0;transform-origin:0 0 0;visibility:hidden}
.bootsnipp-search.open{-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-o-transform:rotateX(0);-ms-transform:rotateX(0);transform:rotateX(0);visibility:visible}
.bootsnipp-search>.container{padding:0}.bs-indent ul>li:first-child{display:inline-block}

.text-profile{
	color:#a6a6a6;
	font-size: 11px;
}

.text-stats{
	color:#6d7b7e;
	font-size: 12px;
}

.paging > .active > a,
.paging > .active > span,
.paging > .active > a:hover,
.paging > .active > span:hover,
.paging > .active > a:focus,
.paging > .active > span:focus {
	z-index: 2;
	color: #fff !important;
	cursor: default;
	background-color: #5BC0DE !important;
	border-color: #5BC0DE !important;
}

.paging > li > a,
.paging > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #4d4d4d !important;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}

.img-proyek{
	height: 142px;
	width: 100%;
}

.image-proyek{
	width: 100%;
	border-radius: 15px;
}

.proyek-list__item{font-size:12px;margin-bottom:2.25em; margin-top: 5px;box-shadow: 0;transition: box-shadow 0.5s;}
.proyek-list__item:hover{box-shadow: 0 0 4px #f84703; border-radius:5px;}
.proyek-list__item:hover .proyek-title a{color:#f84703;}
.proyek-list__item .box{width:100%; height: 550px; position:relative; overflow:visible; background:#FFF;box-shadow:0 1px 3px rgba(0,0,0,0.25);border-radius:5px;}
.proyek-list__item .item-img{position:relative;overflow:hidden;margin:0;height:142px;background:#ededea}
.proyek-list__item .item-text{padding:0.75em; height: 220px; overflow: hidden;}
.proyek-list__item .item-text a{color: #4d4d4d;font-size:11px;}
.proyek-list__item .item-text a:hover{color: #f84703;}
.proyek-list__item .proyek-title{margin:0;font-size:1.375em;font-weight:600}
.proyek-list__item .proyek-title a{color:#4d4d4d;font-size:15px;}
.proyek-list__item .proyek-title a:hover{color:#f84703;}
.proyek-list__item .short-desc{line-height:1.35;margin-top:1em;}
.proyek-list__item .proyek-status{padding:0.75em; font-size:12px; min-height:103px; position: absolute; bottom: 0; width: 100%; background:#f1f1f1; border-top: 1px solid #dedede;}
.proyek-list__item .proyek-collected{margin-bottom:0.3em}
.proyek-list__item .proyek-collected strong{font-size:16px;}
.proyek-list__item .proyek-collected span{font-size:12px;}
.proyek-list__item .proyek-target{font-size:12px;margin-bottom:0}
.proyek-list__item .proyek-bar{background:#f1f1f1; border:1px solid #e2e1e1; height:15px; overflow: hidden;}
.proyek-list__item .notif-status{position:static;margin-top:5px;margin-left:-0.6em;margin-right:-0.6em;margin-bottom:5px;padding:0.3em 0.75em;text-align:left;text-transform:none}
.proyek-bar-progress{display:block; height:100%;background:#f84703}
.proyek-bar{background:#fff; border:1px solid #e2e1e1; height:20px}

.notif-status--done{
	background: #1DBDE9;
	color: #fff;
	font-size: 15px;
	height: 25px;
}

/*.proyek-list__item .item-text:after{
	position: absolute;
	content: "";
	left: 0px;
	top: 60%;
	height: 10%;
	width: 100%;
	background: linear-gradient(transparent, white);
}
*/
hr#gray{
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #D9D8D8;
	margin: 1em 0;
	padding: 0;
}

span#tag{
	color:#6d7b7e;
	font-size: 11px;

}

span#maker{
	padding-left:10px; 
	font-size:14px; 
	color: #03A9F4;
}

span#nama-user{
	font-size: 13px;
	font-weight: bold;
	color: #337AB7 !important;
}

span#time-ago{
	font-size: 11px;
	color: rgba(0, 39, 59, 0.5);
}

.proyek-list__item .static{padding:0.75em; position: absolute;}

.proyek-status {
	position: absolute;    
}
.proyek-status {
	height: auto;
	bottom: 0;
	background:#f1f1f1;
}
.static {
	bottom: 140px;
	overflow: visible !important;
}

.proyek-list__item .proyek-status:after{
	content: ' ';
	position: absolute;
	right: 20px;
	top: -8px;
	width: 14px;
	height: 15px;
	background-color: #f1f1f1;
	border-top: 1px solid #dedede;
	border-left: 1px solid #dedede;
	border-bottom: none;
	border-right: none;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}

img.price{
	margin-top:-21px; 
	margin-left:-18px; 
	z-index:1; 
	position:absolute;
}

span.price{
	margin-top:-37px; 
	margin-left:-10px; 
	z-index:2; 
	position:absolute; 
	color:#fff; 
	font-weight:bold; 
	font-size:13px;
}

.text-orange{
	color: #f84703;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 3px;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
	width: 100% !important;
}

span.count-number{
	font-size: 40px;
	font-weight: bold;
}

span.count-text{
	font-size: 15px;
	font-weight: bold;
}

span.time-number{
	font-size: 30px;
}

span.time-text{
	font-size: 15px;
}

span.dana-number{
	font-size: 20px;
	font-weight: bold;
}

.field{
	font-size:14px; 
	background-color:#f6f5f5 !important; 
	width:25%; 
	height:25px; 
	padding-right:5px;
	padding-top: 3px;
	direction: rtl;
}

.field-gray{
	background-color:#f6f5f5 !important; 
	height: auto;
	direction: rtl;
	font-size: 11px;
	padding: 9px 8px;
	border-radius: 5px;
	text-transform: uppercase;
}

.field-short{
	font-size:14px; 
	background-color:#f8f8f8 !important; 
	width:118px; 
	height:25px; 
	padding-right:5px;
	padding-top: 3px;
	direction: rtl;
}

.isi_field{
	font-size:14px; 
	background-color:#fff !important; 
	width:75%;
	height: auto;
	padding-left:20px; 
	padding-top:3px;
	padding-bottom: 1px;
	border-bottom: 1px solid #f6f5f5;
	font-weight: unset !important;
}

.field2{
	font-size:14px; 
	background-color:#f8f8f8 !important; 
	width:30%; 
	height:25px; 
	padding-right:5px;
	padding-top: 3px;
	direction: rtl;

}

.isi_field_2{
	background-color: #f8f8f8;
	border-radius: 0;
	height: auto;
}

.btn-xs-dukung,
.btn-xs-donasi,
.btn-xs-gabung{
	font-size:11px; 
	border-radius:0; 
	width:73px; 
}

.timeline-centered {
	position: relative;
	margin-bottom: 30px;
}

.timeline-centered:before, .timeline-centered:after {
	content: " ";
	display: table;
}

.timeline-centered:after {
	clear: both;
}

.timeline-centered:before, .timeline-centered:after {
	content: " ";
	display: table;
}

.timeline-centered:after {
	clear: both;
}

.timeline-centered:before {
	content: '';
	position: absolute;
	display: block;
	width: 4px;
	background: #f5f5f6;
	left: 50%;
	top: 20px;
	bottom: 20px;
	margin-left: -4px;
}

.timeline-centered .timeline-entry {
	position: relative;
	width: 50%;
	float: right;
	margin-bottom: 70px;
	clear: both;
}

.timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
	content: " ";
	display: table;
}

.timeline-centered .timeline-entry:after {
	clear: both;
}

.timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
	content: " ";
	display: table;
}

.timeline-centered .timeline-entry:after {
	clear: both;
}

.timeline-centered .timeline-entry.begin {
	margin-bottom: 0;
}

.timeline-centered .timeline-entry.left-aligned {
	float: left;
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
	margin-left: 0;
	margin-right: -18px;
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
	left: auto;
	right: -100px;
	text-align: left;
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
	float: right;
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
	margin-left: 0;
	margin-right: 70px;
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {
	left: auto;
	right: 0;
	margin-left: 0;
	margin-right: -9px;
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.timeline-centered .timeline-entry .timeline-entry-inner {
	position: relative;
	margin-left: -22px;
}

.timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
	content: " ";
	display: table;
}

.timeline-centered .timeline-entry .timeline-entry-inner:after {
	clear: both;
}

.timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
	content: " ";
	display: table;
}

.timeline-centered .timeline-entry .timeline-entry-inner:after {
	clear: both;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
	position: absolute;
	left: -100px;
	text-align: right;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span {
	display: block;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child {
	font-size: 15px;
	font-weight: bold;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child {
	font-size: 12px;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
	background: #fff;
	color: #737881;
	display: block;
	width: 40px;
	height: 40px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	-moz-box-shadow: 0 0 0 5px #f5f5f6;
	-webkit-box-shadow: 0 0 0 5px #f5f5f6;
	box-shadow: 0 0 0 5px #f5f5f6;
	line-height: 40px;
	font-size: 15px;
	float: left;
}


.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {
	background-color: #303641;
	color: #fff;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-secondary {
	background-color: #ee4749;
	color: #fff;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success {
	background-color: #00a651;
	color: #fff;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info {
	background-color: #5BC0DE;
	color: #fff;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning {
	background-color: #fad839;
	color: #fff;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger {
	background-color: #cc2424;
	color: #fff;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
	position: relative;
	background: #f5f5f6;
	padding: 1.7em;
	margin-left: 70px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #f5f5f6 transparent transparent;
	left: 0;
	top: 10px;
	margin-left: -9px;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
	color: #737881;
	font-family: "Noto Sans",sans-serif;
	font-size: 12px;
	margin: 0;
	line-height: 1.428571429;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p {
	margin-top: 15px;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
	font-size: 16px;
	margin-bottom: 10px;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a {
	color: #303641;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span {
	-webkit-opacity: .6;
	-moz-opacity: .6;
	opacity: .6;
	-ms-filter: alpha(opacity=60);
	filter: alpha(opacity=60);
}

.border-bottom{
	border-bottom:2px solid rgba(0, 39, 59, 0.08); 
	padding-bottom:5px;
	margin-top: 0;
	color:#3F4549 !important;	
}

.border-bottom > strong{
	text-transform: uppercase;
}

.img-dukung{
	height: 50px;
	width: 50px;
	border-radius: 3px;
	border:1px solid #E9EAED;
}

/* Tabs panel */
.tabbable-panel {
	border:1px solid #eee;
	padding: 10px;
	overflow: hidden;
}

/* Default mode */
.tabbable-line > .nav-tabs {
	border: none;
	margin: 0px;
}
.tabbable-line > .nav-tabs > li {
	margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
	border: 0;
	margin-right: 0;
	color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
	color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
	border-bottom: 4px solid rgba(6, 183, 232, 1);
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
	border: 0;
	background: none !important;
	color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
	color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
	margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
	border-bottom: 4px solid rgba(6, 183, 232, 1);
	position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
	border: 0;
	color: #333333;
	font-weight: bold;
}
.tabbable-line > .nav-tabs > li.active > a > i {
	color: #404040;
}
.tabbable-line > .tab-content {
	margin-top: -3px;
	background-color: #fff;
	border: 0;
	border-top: 1px solid #eee;
	padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
	padding-bottom: 0;
}

.panel-donasi{
	background: #f8f9fb;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 5px;
	margin-bottom: 20px;
}

.panel-learn{
	background: #014558;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
}

a span.kanan{
	color: #fff;
}

.panel-important{
	background: #09c1f4;
	padding: 10px;
	border-radius: 5px;
	color: #fff;
}

.panel-important a{
	color: #fff;
}

.panel-table {
	border: 2px solid rgba(0, 39, 59, 0.08);
	padding: 10px;
	padding-bottom: 0 !important;
}

.panel-keahlian{
	font-size:14px; 
	background-color:#f6f5f5 !important; 
	width:100%; 
	height:auto; 
	padding: 5px;
	font-weight: unset;
	text-align: center;
}


@media (max-width: 768px) {
	.btn-responsive {
		padding:2px 4px;
		font-size:80%;
		line-height: 1;
		border-radius:3px;
	}
}

@media (max-width: 395px) {
	.affix-left{
		width: 100% !important;
	}
	.affix-right{
		width: 100% !important;
		padding-top: 5px !important;
	}
	#dp_bahasa{
		float: left !important;
	}
	.dp_bahasa{
		left: 0 !important;
		right: auto !important;
	}
}

@media (min-width: 769px) and (max-width: 992px) {
	.btn-responsive {
		padding:4px 9px;
		font-size:90%;
		line-height: 1.2;
	}
}

/*gallery*/

.media-gal {
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-left: 5px;
}
.media-gal .item {
	float: left;
}

.media-gal .item {
	margin-bottom: 1%;
	margin-right: 1%;
	width: 212px;
	border: 1px solid #ddd;
	padding-top: 0;
	padding-bottom:0;
	padding-left: 10px;
	padding-right: 10px;
}

.media-gal .item p {
	margin-bottom: 0;
	padding-top: 10px;
	text-align: center;
	font-size: 14px;
}

.media-gal .item img {
	width: 100%;
	height: 150px;
}

/* Start: Recommended Isotope styles */

/* Isotope Filtering */

.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

/*Isotope CSS3 transitions */

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}

/*disabling Isotope CSS3 transitions */

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}

/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.controls{
	padding: 2%;
	background: #333;
	color: #eee;
}


.media-gal{
	padding-left:10px;
	text-align: justify;
	font-size: 0.1px;	
	-webkit-backface-visibility: hidden;
	margin-top: 0;
}

.media-gal:after{
	content: '';
	display: inline-block;
	width: 100%;
}

.media-gal .mix,
.media-gal .gap{
	display: inline-block;
	width: 49%;
}

.media-gal .mix{
	text-align: left;
	margin-bottom: 2%;
	display: none;
}

.media-gal .mix:after{
	content: attr(data-myorder);
	color: white;
	font-size: 16px;
	display: inline-block;
	vertical-align: top;
	padding: 4% 6%;
	padding-bottom: 3px;
	font-weight: 700;
}

.media-gal .mix:before{
	content: '';
	display: inline-block;
	padding-top: 43%;
}

@media all and (min-width: 420px){
	.media-gal .mix,
	.media-gal .gap{
		width: 32%;
	}
}

@media all and (min-width: 640px){
	.media-gal .mix,
	.media-gal .gap{
		width: 23.7%;
		height: auto;
	}
}

.box-teman{
	border:1px solid #e9eaed; 
	margin-bottom:10px; 
	margin-left:5px; 
	width:300px; 
	height:auto;
	min-height: 70px;
}

.box-teman .col-md-3{
	height:70px;
	padding:0; 
	margin-left:-16px; 
	margin-top:-1px;
}

.box-teman .col-md-3 img{
	height: 100%;
	width: 100%;
}

.box-teman .col-md-7{
	padding-top:5px; 
	margin-left:-5px;
}

.wrapper {
	margin: 50px auto;
	width: 280px;
	height: 370px;
	background: white;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	-moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
	box-shadow:         0px 0px 8px rgba(0,0,0,0.3);
	position: relative;
	z-index: 90;
}

.ribbon-wrapper-blue {
	width: 85px;
	height: 88px;
	overflow: hidden;
	position: absolute;
	top: -3px;
	right: -3px;
}

.ribbon-blue {
	font: bold 13px Roboto;
	text-transform: uppercase;
	text-align: center;
	-webkit-transform: rotate(45deg);
	-moz-transform:    rotate(45deg);
	-ms-transform:     rotate(45deg);
	-o-transform:      rotate(45deg);
	position: relative;
	padding: 7px 0;
	left: -5px;
	top: 15px;
	width: 120px;
	background-color: #1DBDE9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#1DBDE9), to(#1DBDE9)); 
	background-image: -webkit-linear-gradient(top, #1DBDE9, #1DBDE9); 
	background-image:    -moz-linear-gradient(top, #1DBDE9, #1DBDE9); 
	background-image:     -ms-linear-gradient(top, #1DBDE9, #1DBDE9); 
	background-image:      -o-linear-gradient(top, #1DBDE9, #1DBDE9); 
	color: #fff;
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
	box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-blue:before, .ribbon-blue:after {
	content: "";
	border-top:   3px solid #1DBDE9;   
	border-left:  3px solid transparent;
	border-right: 3px solid transparent;
	position:absolute;
	bottom: -3px;
}

.ribbon-blue:before {
	left: 0;
}
.ribbon-blue:after {
	right: 0;
}


.dropdown-menu > li > a{
	display: block;
	clear: both;
	font-weight: 400;
	line-height: 1.42857;
	color: #333;
	white-space: nowrap;
	padding: 3px 15px !important;
}

.count-proyek{
	border-left:1px solid #F6F5F5; 
	height:185px; 
	margin-top:-5px;
}

.result-search{
	margin-right:0; 
	margin-top:10px; 
	padding-top:5px; 
	padding-left:10px;
	padding-right: 10px;
	width:100%; 
	min-height:98px; 
	max-height:auto;
}
/*advanced table*/
.general-table .progress {
	margin-bottom:0;
}
.adv-table table tr td {
	padding:10px;
}
.adv-table table.display thead th {
	border-bottom:1px solid #DDDDDD;
	padding:10px;
}
tr.odd.gradeA td.sorting_1,tr.odd td.sorting_1,tr.even.gradeA td.sorting_1 {
	background:none;
}
td.details {
	background-color:#eee;
}
td.details table tr td,.dataTable tr:last-child {
	border:none;
}
.adv-table table.display tr.odd.gradeA {
	background-color:#F9F9F9;
}
.adv-table table.display tr.even.gradeA {
	background-color:#FFFFFF;
}
.adv-table .dataTables_filter label input {
	float:right;
	margin-left:10px;
	width:78%;
}
.adv-table .dataTables_filter label {
	line-height:33px;
	width:100%;
}
.adv-table .dataTables_length select {
	display:inline-block;
	margin:0 10px 0 0;
	padding:5px 8px;
	width:65px;
}
.adv-table .dataTables_info,.dataTables_paginate {
	padding:15px 0;
}
.adv-table .dataTables_length,.adv-table .dataTables_filter {
	padding:15px 0;
}
.cke_chrome {
	border:none !important;
}
.editable-table .dataTables_filter {
	width:80%;
}
tr.odd.gradeX td.sorting_1,tr.even.gradeX td.sorting_1,table.display tr.even.gradeX,table.display tr.gradeX,tr.even.gradeU td.sorting_1,tr.even td.sorting_1,table.display tr.even.gradeC,table.display tr.gradeC,tr.odd.gradeC td.sorting_1,table.display tr.even.gradeU,table.display tr.gradeU,tr.odd.gradeU td.sorting_1 {
	background: none !important;
}
/*table*/
.table-advance tr td {
	vertical-align:middle !important;
}
.no-border {
	border-bottom:none;
}
.dataTables_length,.dataTables_filter {
	padding:15px;
}
.dataTables_info {
	padding:0 15px;
}
.dataTables_filter {
	float:right;
}
.dataTables_length select {
	width:65px;
	padding:5px 8px;
}
.dataTables_length label,.dataTables_filter label {
	font-weight:300;
}
.dataTables_filter label {
	width:100%;
}
.dataTables_filter label input {
	width:78%;
}

.dataTables_paginate.paging_bootstrap.pagination li {
	float:left;
	margin:0 1px;
	border:1px solid #ddd;
	border-radius:3px;
	-webkit-border-radius:3px;
	list-style: none;
}
.dataTables_paginate.paging_bootstrap.pagination li.disabled a {
	color:#c7c7c7;
}
.dataTables_paginate.paging_bootstrap.pagination li a {
	color:#797979;
	padding:5px 10px;
	display:inline-block;
}
.dataTables_paginate.paging_bootstrap.pagination li:hover a,.dataTables_paginate.paging_bootstrap.pagination li.active a {
	color:#797979;
	background:#eee;
	border-radius:3px;
	-webkit-border-radius:3px;
}
.dataTables_paginate.paging_bootstrap.pagination {
	float:right;
	margin-top:-5px;
	margin-bottom:15px;
}
.dataTable tr:last-child {
	border-bottom: 1px solid #ddd;
}

.bs-callout{padding:20px;margin:10px 0;border:1px solid #eee;border-left-width:5px;border-radius:3px}
.bs-callout h4{margin-top:0;margin-bottom:5px}
.bs-callout p:last-child{margin-bottom:0}
.bs-callout code{border-radius:3px}
.bs-callout+.bs-callout{margin-top:-5px}
.bs-callout-danger{border-left-color:#ce4844}
.bs-callout-danger h4{color:#ce4844}
.bs-callout-warning{border-left-color:#aa6708}
.bs-callout-warning h4{color:#aa6708}
.bs-callout-info{border-left-color:#1b809e}
.bs-callout-info h4{color:#1b809e}

/*-- VIDEO PLAY BUTTON --*/

a.video_pop_up {
	position:relative;
}

a.video_pop_up img {
	position: relative;
	z-index: 5;
}	

.play {
	width: 73px;
	height: 53px;
	background-image: url("../img/play.png");
	position:absolute;
	top: -20px;
	left: 65px;
	z-index:998;
	opacity: 0.8;		
}	

.play:hover {
	opacity: 1;		
}

.play_box {
	width: 73px;
	height: 53px;
	background-image: url("../img/play.png");
	position:absolute;
	top: -50px;
	left: 100px;
	z-index:998;
	opacity: 0.8;		
}	

.play_box:hover {
	opacity: 1;		
}

#lokasi_proyek{
	height: 400px;
	width: 100%;
}

#map_proyek{
	height: 400px;
	width: 100%;
}

#map_qoloni{
	width:100%;
	height:220px;
}

.faq{
	border:1px solid #D9D8D8; 
	height:300px; 
	overflow:auto;
}

.btn-ig,
.btn-ig:active,
.btn-ig:focus{
	background-color: #306A92;
	color: #fff;
}

.btn-ig:hover{
	background-color: #26587b;
	color: #fff;
}

.btn-request,
.btn-request:active,
.btn-request:focus{
	background-color: #2690af;
	color: #fff;
}

.btn-request:hover{
	background-color: #1c677d;
	color: #fff;
}

.btn-fb,
.btn-fb:active,
.btn-fb:focus{
	background-color: #3B5998;
	color: #fff;
}

.btn-fb:hover{
	background-color: #36518B;
	color: #fff;
}

.btn-twitt,
.btn-twitt:active,
.btn-twitt:focus{
	background-color: #52A6E6;
	color: #fff;
}

.btn-twitt:hover{
	background-color: #50A2E0;
	color: #fff;
}

.form-error{
	margin-left: 18%;
}		

#map-canvas {
	height: 100%;
	margin: 0;
	padding: 0;
}

#map-canvas2 {
	height: 100%;
	margin: 0;
	padding: 0;
}

.controls {
	margin-top: 16px;
	border: 1px solid transparent;
	border-radius: 2px 0 0 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 32px;
	outline: none;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#pac-input {
	background-color: #fff;
	font-family: Roboto;
	font-size: 15px;
	font-weight: 300;
	margin-left: 12px;
	padding: 0 11px 0 13px;
	text-overflow: ellipsis;
	width: 400px;
	color: #000;
}

#pac-input:focus {
	border-color: #4d90fe;
}

.pac-container {
	font-family: Roboto;
}

#type-selector {
	color: #fff;
	background-color: #4d90fe;
	padding: 5px 11px 0px 11px;
}

#type-selector label {
	font-family: Roboto;
	font-size: 13px;
	font-weight: 300;
}

.hint{
	text-align:center;
	width:160px
}

#targetType{
	font-size: 10px;
	color: #f39c12;
}

#targetType_big{
	font-size: 20px;
	color: #f39c12;
}

.star{
	font-size: 10px;
	color: #f39c12;
}

.star_big{
	font-size: 12px;
	color: #f39c12;
}

.hint{
	text-align:center;
	width:160px
}

div.hint{
	font-size:1.4em;
	height:46px;
	margin-top:15px;
	padding:7px
}

#size i{
	font-size:24px;
}

.error-form{
	color : #a94442;
}

.modal-backdrop
{
	position: fixed !important;
	opacity:0.5 !important;
}

.modal-dialog{
	opacity: 1 !important;
	z-index:1050 !important;
}

.iklan{
	margin-top:20px;
	margin-bottom: 15px;
	border:1px solid #E5E6E7;
	padding:5px;
	height:90px;
	width: 100%;
}

/*INBOX*/

.mail-box {
	border-collapse: collapse;
	border-spacing: 0;
	display: table;
	table-layout: fixed;
	width: 100%;
}
.mail-box aside {
	display: table-cell;
	float: none;
	height: 100%;
	padding: 0;
	vertical-align: top;
}
.mail-box .sm-side {
	background: none repeat scroll 0 0 #e5e8ef;
	border-radius: 4px 0 0 4px;
	width: 25%;
}
.mail-box .lg-side {
	background: none repeat scroll 0 0 #fff;
	border-radius: 0 4px 4px 0;
	width: 75%;
}
.mail-box .sm-side .user-head {
	background: none repeat scroll 0 0 #00a8b3;
	border-radius: 4px 0 0;
	color: #fff;
	min-height: 80px;
	padding: 10px;
}
.user-head .inbox-avatar {
	float: left;
	width: 65px;
}
.user-head .inbox-avatar img {
	border-radius: 4px;
}
.user-head .user-name {
	display: inline-block;
	margin: 0 0 0 10px;
}
.user-head .user-name h5 {
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 0;
	margin-top: 15px;
}
.user-head .user-name h5 a {
	color: #fff;
}
.user-head .user-name span a {
	color: #87e2e7;
	font-size: 12px;
}
a.mail-dropdown {
	background: none repeat scroll 0 0 #80d3d9;
	border-radius: 2px;
	color: #01a7b3;
	font-size: 10px;
	margin-top: 20px;
	padding: 3px 5px;
}
.inbox-body {
	padding: 20px;
}
.btn-compose {
	background: none repeat scroll 0 0 #ff6c60;
	color: #fff;
	padding: 12px 0;
	text-align: center;
	width: 100%;
}
.btn-compose:hover {
	background: none repeat scroll 0 0 #f5675c;
	color: #fff;
}
ul.inbox-nav {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 100%;
}
.inbox-divider {
	border-bottom: 1px solid #d5d8df;
}
ul.inbox-nav li {
	display: inline-block;
	line-height: 45px;
	width: 100%;
}
ul.inbox-nav li a {
	color: #6a6a6a;
	display: inline-block;
	line-height: 45px;
	padding: 0 20px;
	width: 100%;
}
ul.inbox-nav li a:hover, ul.inbox-nav li.active a, ul.inbox-nav li a:focus {
	background: none repeat scroll 0 0 #d5d7de;
	color: #6a6a6a;
}
ul.inbox-nav li a i {
	color: #6a6a6a;
	font-size: 16px;
	padding-right: 10px;
}
ul.inbox-nav li a span.label {
	margin-top: 13px;
}
ul.labels-info li h4 {
	color: #5c5c5e;
	font-size: 13px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	text-transform: uppercase;
}
ul.labels-info li {
	margin: 0;
}
ul.labels-info li a {
	border-radius: 0;
	color: #6a6a6a;
}
ul.labels-info li a:hover, ul.labels-info li a:focus {
	background: none repeat scroll 0 0 #d5d7de;
	color: #6a6a6a;
}
ul.labels-info li a i {
	padding-right: 10px;
}
.nav.nav-pills.nav-stacked.labels-info p {
	color: #9d9f9e;
	font-size: 11px;
	margin-bottom: 0;
	padding: 0 22px;
}
.inbox-head {
	background: none repeat scroll 0 0 #41cac0;
	border-radius: 0 4px 0 0;
	color: #fff;
	min-height: 80px;
	padding: 20px;
}
.inbox-head h3 {
	display: inline-block;
	font-weight: 300;
	margin: 0;
	padding-top: 6px;
}
.inbox-head .sr-input {
	border: medium none;
	border-radius: 4px 0 0 4px;
	box-shadow: none;
	color: #8a8a8a;
	float: left;
	height: 40px;
	padding: 0 10px;
}
.inbox-head .sr-btn {
	background: none repeat scroll 0 0 #00a6b2;
	border: medium none;
	border-radius: 0 4px 4px 0;
	color: #fff;
	height: 40px;
	padding: 0 20px;
}
.table-inbox {
	border: 1px solid #d3d3d3;
	margin-bottom: 0;
}
.table-inbox tr td {
	padding: 12px !important;
}
.table-inbox tr td:hover {
	cursor: pointer;
}
.table-inbox tr td .fa-star.inbox-started, .table-inbox tr td .fa-star:hover {
	color: #f78a09;
}
.table-inbox tr td .fa-star {
	color: #d5d5d5;
}
.table-inbox tr.unread td {
	background: none repeat scroll 0 0 #f7f7f7;
	font-weight: 600;
}
ul.inbox-pagination {
	float: right;
}
ul.inbox-pagination li {
	float: left;
}
.mail-option {
	display: inline-block;
	margin-bottom: 10px;
	width: 100%;
}
.mail-option .chk-all, .mail-option .btn-group {
	margin-right: 5px;
}
.mail-option .chk-all, .mail-option .btn-group a.btn {
	background: none repeat scroll 0 0 #fcfcfc;
	border: 1px solid #e7e7e7;
	border-radius: 3px !important;
	color: #afafaf;
	display: inline-block;
	padding: 5px 10px;
}
.inbox-pagination a.np-btn {
	background: none repeat scroll 0 0 #fcfcfc;
	border: 1px solid #e7e7e7;
	border-radius: 3px !important;
	color: #afafaf;
	display: inline-block;
	padding: 5px 15px;
}
.mail-option .chk-all input[type="checkbox"] {
	margin-top: 0;
}
.mail-option .btn-group a.all {
	border: medium none;
	padding: 0;
}
.inbox-pagination a.np-btn {
	margin-left: 5px;
}
.inbox-pagination li span {
	display: inline-block;
	margin-right: 5px;
	margin-top: 7px;
}
.fileinput-button {
	background: none repeat scroll 0 0 #eeeeee;
	border: 1px solid #e6e6e6;
}
.inbox-body .modal .modal-body input, .inbox-body .modal .modal-body textarea {
	border: 1px solid #e6e6e6;
	box-shadow: none;
}
.btn-send, .btn-send:hover {
	background: none repeat scroll 0 0 #00a8b3;
	color: #fff;
}
.btn-send:hover {
	background: none repeat scroll 0 0 #009da7;
}
.modal-header h4.modal-title {
	font-family: "Open Sans",sans-serif;
	font-weight: 300;
}
.modal-body label {
	font-family: "Open Sans",sans-serif;
	font-weight: 400;
}
.heading-inbox h4 {
	border-bottom: 1px solid #ddd;
	color: #444;
	font-size: 18px;
	margin-top: 20px;
	padding-bottom: 10px;
}
.sender-info {
	margin-bottom: 20px;
}
.sender-info img {
	height: 30px;
	width: 30px;
}
.sender-dropdown {
	background: none repeat scroll 0 0 #eaeaea;
	color: #777;
	font-size: 10px;
	padding: 0 3px;
}
.view-mail a {
	color: #ff6c60;
}
td.view-message a{
	color: inherit;
	text-decoration: none;
}
.attachment-mail {
	margin-top: 30px;
}
.attachment-mail ul {
	display: inline-block;
	margin-bottom: 30px;
	width: 100%;
}
.attachment-mail ul li {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	width: 150px;
}
.attachment-mail ul li img {
	width: 100%;
}
.attachment-mail ul li span {
	float: right;
}
.attachment-mail .file-name {
	float: left;
}
.attachment-mail .links {
	display: inline-block;
	width: 100%;
}

.fileinput-button {
	float: left;
	margin-right: 4px;
	overflow: hidden;
	position: relative;
}
.fileinput-button input {
	cursor: pointer;
	direction: ltr;
	font-size: 23px;
	margin: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: translate(-300px, 0px) scale(4);
}
.fileupload-buttonbar .btn, .fileupload-buttonbar .toggle {
	margin-bottom: 5px;
}
.files .progress {
	width: 200px;
}
.fileupload-processing .fileupload-loading {
	display: block;
}
* html .fileinput-button {
	line-height: 24px;
	margin: 1px -3px 0 0;
}
* + html .fileinput-button {
	margin: 1px 0 0;
	padding: 2px 15px;
}

@media (max-width: 500px){

/*	.carousel-inner {
		margin-top: -20% !important;
		}*/

	}

	@media (min-width: 500px) and (max-width: 650px){

/*	.carousel-inner {
		margin-top: -15% !important;
	}
	*/
}

@media (max-width: 550px){

	.div-pull-left{
		float: left !important;
	}

}

@media (max-width: 700px){
	.desktop-xs{
		display: none !important;
	}

	.mobile-xs{
		display: block !important;
	}

	.bootsnipp-search .input-group-btn > .btn{
		padding: 5px 8px !important;
		margin-right: 5px !important;
	}

	.bootsnipp-search .form-control{
		font-size:14px !important;
	}

	.field{
		width: 100% !important;
		direction: ltr !important;
		padding-left: 5px !important;		
	}

	.isi_field{
		width: 100% !important;
		padding-left: 0 !important;
	}

}

@media (max-width: 750px){

	.qolonisImg{
		margin-left: 0 !important;
	}

	.qolonisImg2{
		margin-left: 25% !important;
	}

	.qolonisText{
		padding-top: 20px !important;
		text-align: center !important;
	}

}

@media (max-width: 340px){

	.btn_add_proyek{
		margin-top: 10px !important;
	}

}

@media (max-width: 369px){
	.caption-add{
		width: 100% !important;
	}

	.caption-add2{
		width: 100% !important;
		text-align: left !important;
	}

	.width-poin{
		width: 100% !important;
	}

	.hide-poin{
		display: none !important;
	}

	.padding-top-btn{
		padding-top: 10px !important;
	}
}

@media (max-width: 450px){

	.btnDonasi-desktop{
		float: none !important;
	}

}

@media (min-width: 280px) and (max-width: 991px){

	.isi-berita{
		margin-top: 0 !important;
		margin-bottom: 10px;
	}

	.tag-berita{
		padding-top: 0 !important;
	}

	.berita-tengah{
		border-left: none !important;
		border-right: none !important;
		height: auto !important;
		margin-bottom: 10px;
	}

	.section-header .map{
		margin-top: 0 !important;
		margin-left: 0 !important;
	}

	.desktop{
		display: none !important;
	}

	.mobile{
		display: block !important;
	}

	.foot-links,
	.foot-links-share{
		padding-bottom: 20px !important;
	}

	.foot-header{
		margin-top: 0 !important;
	}

	.foot-links ul > a{
		border-bottom: none !important;
	}

	.text-footer > a {
		padding-left: 0 !important;
	}

	.widget-social{
		padding-top: 20px !important;
		text-align: center !important;
	}

	.dt_desktop{
		padding-left: 0 !important;
		margin-top: 0 !important;
	}

	.btn_lihat_proyek{
		padding-bottom: 30px !important;
	}

	.grid-caption{
		padding-right: 15px !important;
	}

	.grid-register{
		padding-top: 30px !important;
	}

/*	.front-page{
		padding-top: 80px !important;
		}*/

		.paging{
			float: left !important;
		}

		.grid-nav{
			margin-top: 0 !important;
		}

		.padding-panel-kiri{
			padding-right: 15px !important;
		}

		.padding-panel-kanan{
			padding-top: 20px !important;
		}

		.margin-panel-kanan{
			margin-top: 20px !important;
		}

		.starContent{
			padding-left: 0 !important;
		}

		.sosialShare{
			padding-top: 10px !important;
			float: left !important;
			margin-left: -10px !important;
			margin-top: 0 !important;
		}

		.marginRelawan{
			margin-left: 0 !important;
		}

		.padding-new{
			padding-left: 15px !important;
			padding-top: 10px !important;
		}

		.padding-add{
			padding-left: 15px !important;
		}

		.padding-pages-kanan{
			padding-left: 0 !important;
			padding-top: 10px !important;
		}

		.count-proyek{
			border-left: none !important;
		}

		.padding-panel-faq{
			padding-left: 0 !important;
			padding-top: 10px !important;
		}

		.padding-paging{
			padding-top: 10px !important;
		}

		.col-padding{
			padding-top: 30px !important;
		}

	}

	@media only screen and (max-width: 767px) {
		.collapsing, .in {
			background-color: #1AB0DA;
		}
		.collapsing ul li a, .in ul li a {
			color: #fff !important;
			border-bottom:1px solid rgb(63, 205, 245)
		}
		.collapsing ul li a:hover, .in ul li a:hover {
			color: #fff !important;
		}

		.dukung-desktop{
			display: none !important;
		}

		.dukung-mobile{
			display: block !important;
		}

		.padding-donasi{
			padding-left: 0 !important;
		}

		.padding-add{
			padding-left: 15px !important;
		}

		.margin-add{
			margin-top: 15px !important;
		}

		.padding-biaya{
			padding-left: 0 !important;
			padding-bottom: 10px !important;
		}

		.float-left-pesan{
			float: left !important;
		}

	}

	@media (max-width: 494px){
		#kategori_chosen{
			padding-top: 10px !important;
		}
	}

	@media (max-width: 374px){

		.tulis-pesan{
			padding-top: 15px !important;
			width: 100% !important;
		}

	}

	@media (max-width: 372px){

		.text-reff{
			width: 100% !important;
		}
		
		.btn-reff{
			width: 100% !important;
			padding-left: 15px !important;
			padding-top: 10px !important;
		}

	}

	@media (max-width: 670px){
		.donasi-desktop{
			display: none !important;		
		}

		.donasi-mobile{
			display: block !important;
		}

		.text-donasi{
			width: 100% !important;
		}
	}

	@media (max-width: 1043px) {

		.navbar-right{
			margin-right: -15px !important;
		}


		.donate-desktop{
			display: none;
		}

		.donate-mobile{
			display: block !important;
		}

		.map-desktop{
			display: none;
		}

		.map-mobile{
			display: block !important;
		}

		.section-header .col-md-6{
			width: 50% !important;
		}

		.section-header .seru{
			font-size: 80px;
		}

		.section-header .section-content {
			font-size: 16px;
			/*font-size: 20px;*/
		}

		.section-header .section-subcontent {
			font-size: 15px;
			text-align: left;
		}

		.nav-mobile{
			display: block !important;
		}

		.nav-desktop{
			display: none;
		}

		.nav-custom li > a{
			text-align: left;		
		}

		.files .btn span {
			display: none;
		}
		.files .preview * {
			width: 40px;
		}
		.files .name * {
			display: inline-block;
			width: 80px;
			word-wrap: break-word;
		}
		.files .progress {
			width: 20px;
		}
		.files .delete {
			width: 60px;
		}
	}

	.mail-header h4 {
		font-weight: 300;
	}

	.mail-sender, .attachment-mail {
		width: 100%;
		display: inline-block;
		margin: 20px 0;
		border-top:1px solid #EFF2F7 ;
		border-bottom:1px solid #EFF2F7 ;
		padding: 10px 0;
	}

	.mail-foot{
		width: 100%;
		display: inline-block;
		margin-top:10px;
		border-top:1px solid #EFF2F7 ;
		padding: 10px 0;
	}

	.mail-sender img,
	.mail-foot img {
		width: 40px;
		padding-right: 5px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
	}

	.mail-sender .date {
		line-height: 30px;
		margin-bottom: 0;
		text-align: right;
	}

	.badge-notify{
		background:#FF6C60;
		position:absolute;
		font-size: 10px;
		top:-5px;
		left: 22px;
		z-index: 999;
	}

	.img-pesan {
		width: 25px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		margin-left: -5px;
		max-width: none !important;
	}

	.panel-pesan{
		background:#F1F2F7; 
		padding-top:7px; 
		padding-bottom:7px;
		border-radius: 5px;
		margin-bottom: 5px;	
	}

	.sponsor-thumb{
		padding-right:10px;
		padding-bottom:10px;
		width: 70px;
	}

	.popover{
		position: fixed !important;
	}

	fieldset.scheduler-border {
		border: 1px groove #EAEDEE !important;
		padding: 0 1.4em 1.4em 1.4em !important;
		margin: 0 0 1.5em 0 !important;
		-webkit-box-shadow:  0px 0px 0px 0px #000;
		box-shadow:  0px 0px 0px 0px #000;
	}

	legend.scheduler-border {
		font-size: 1em !important;	
		text-align: left !important;
		width:auto;
		padding:0 10px;
		border-bottom:none;
	}

	.navbar-toggle{
		background: #fff !important;
	}

	.navbar-toggle .icon-bar{
		background: #ccc !important;
	}

	.panel-qolonisti2{
		padding-bottom:10px; 
		padding-top:10px; 
		padding-left:0; 
		padding-right:0; 
		border:1px solid #EAEDEE;
		width: 24%;
		margin-left: 10px;
		margin-bottom: 10px;
		background: #fff;
	}

	.panel-qolonisti{
		padding-bottom:10px; 
		padding-top:10px; 
		padding-left:0; 
		padding-right:0; 
		border:1px solid #EAEDEE;
		width: 32%;
		margin-left: 10px;
		margin-bottom: 10px;
	}

	.owl-carousel .item{
		margin-top: 5px !important;
		margin-bottom:15px !important;	
	}

	.owl-carousel .item img{
		width: 100px !important;
		height: auto !important;
	}

	table.table-bordered > thead{
		background:#999999; 
		color:#fff; 
		font-size:12px;
	}

	table.table-bordered > thead > tr > th{
		text-transform: uppercase;
		vertical-align: middle;
	}

	table.table-bordered > tbody > tr > td{
		vertical-align: middle;
	}

	.fancybox-skin{
		background-color: #fff;
	}

	.panel-qolonel{   
		border: 1px solid #eee;
		margin-top: 10px;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		padding-left: 0 !important;
		margin-left: 1px !important;
	}

	.panel-qolonel-img{
		height: auto !important;
		padding-top:5px !important;
		border-radius: 8px;
	}

	.owl-carousel .owl-stage-outer{
		height: 120px !important;
	}

	.text-strikethru{
		position:relative;
		text-align:center;
	}
	.text-strikethru .line{
		height:1px;
		background-color:#d9d9de;
		width:90%;
		margin-left:5%;
	}
	.text-strikethru .text{
		display:inline-block;
		background-color:white;
		padding:5px 10px;
		font-size:14px;
		top:-16px;
		position:relative;
		color:#828587;
	}

	.alert-message
	{
		margin: 20px 0;
		padding: 20px;
		border-left: 3px solid #eee;
	}
	.alert-message h4
	{
		margin-top: 0;
		margin-bottom: 5px;
	}
	.alert-message p:last-child
	{
		margin-bottom: 0;
	}
	.alert-message code
	{
		background-color: #fff;
		border-radius: 3px;
	}
	.alert-message-success
	{
		background-color: #F4FDF0;
		border-color: #3C763D;
	}
	.alert-message-success h4
	{
		color: #3C763D;
	}
	.alert-message-danger
	{
		background-color: #fdf7f7;
		border-color: #d9534f;
	}
	.alert-message-danger h4
	{
		color: #d9534f;
	}
	.alert-message-warning
	{
		background-color: #fcf8f2;
		border-color: #f0ad4e;
	}
	.alert-message-warning h4
	{
		color: #f0ad4e;
	}
	.alert-message-info
	{
		background-color: #f4f8fa;
		border-color: #5bc0de;
	}
	.alert-message-info h4
	{
		color: #5bc0de;
	}
	.alert-message-default
	{
		background-color: #EEE;
		border-color: #B4B4B4;
	}
	.alert-message-default h4
	{
		color: #000;
	}
	.alert-message-notice
	{
		background-color: #FCFCDD;
		border-color: #BDBD89;
	}
	.alert-message-notice h4
	{
		color: #444;
	}

	.badge-proyek{
		background-color: #e1e1e1;
		color: #000;
	}

	.valign-wrapper {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}

	.valign-wrapper .valign{
		display: block;
	}

	.img-circle {
		border-radius: 50%;
	}
	.img-circle {
		border-radius: 0;
	}

	.ratio {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;

		height: 0;
		padding-bottom: 100%;
		position: relative;
		width: 100%;
	}
	.img-circle {
		border-radius: 50%;
	}
	.img-responsive {
		display: block;
		height: auto;
		max-width: 100%;
	}

	.modal-backdrop {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1000;
		background-color: #000000;
	}

	.modal-backdrop.fade {
		opacity: 0;
	}

	.modal-backdrop, .modal-backdrop.fade.in {
		opacity: 0.8;
		filter: alpha(opacity=80);
	}

	.nav-pills > li.active > a,
	.nav-pills > li.active > a:hover,
	.nav-pills > li.active > a:focus{
		color: #fff !important;
		background-color: #5BC0DE !important;
		border-color: #46B8DA !important;
		font-size: 12px !important;
		font-weight: bold !important;
		text-transform: uppercase;
	}

	.nav-pills > li > a{
		border-radius: 4px !important;
		background-color: #EEEEEE !important;
		font-size: 12px !important;
		font-weight: bold !important;
		color: #666 !important;
		text-transform: uppercase;
	}

	.nav-pills > li > a:hover{
		color: #fff !important;
		background-color: #94D6EA !important;
		text-transform: uppercase;
	}

	/* Testimonials */
	.testimonials blockquote {
		background: #f8f8f8 none repeat scroll 0 0;
		border: medium none;
		color: #666;
		display: block;
		font-size: 14px;
		line-height: 20px;
		padding: 15px;
		position: relative;
		min-height: 70px;
	}
	.testimonials blockquote::before {
		content:"";
		position:absolute;
		bottom:-20px;
		left:70px;
		border-width: 20px 20px 0 0px;
		border-style:solid;
		border-color:#f8f8f8 transparent;
		display:block;
		width:0;
	}
	.testimonials blockquote::after {
		width: 0;
		height: 0;
		right: 0;
		bottom: 0;
		content: " ";
		display: block;
		position: absolute;
		border-style: solid;
		border-width: 20px 20px 0 0;
		border-color: #1DBDE9 #fff #fff #fff; 
		border-bottom-style: inset;
	}
	.testimonials .carousel-info img {
		border: 1px solid #f5f5f5;
		border-radius: 150px !important;
		height: 75px;
		padding: 3px;
		width: 75px;
	}
	.testimonials .carousel-info {
		overflow: hidden;
	}
	.testimonials .carousel-info img {
		margin-right: 15px;
	}
	.testimonials .carousel-info span {
		display: block;
	}
	.testimonials span.testimonials-name {
		color: #1DBDE9;
		font-size: 16px;
		font-weight: 300;
		margin: 23px 0 7px;    
	}
	.testimonials span.testimonials-post {
		color: #656565;
		font-size: 12px;
		font-style: italic;
	}

	.testi-div > .testimonials,
	.iklan_fade3 > a,
	.iklan_fade2 > a,
	.iklan_fade > a{
		display: none;
	}

	/* Tablet and bigger */
	@media ( min-width: 768px ) {
		.grid-divider {
			position: relative;
			padding: 0;
		}
		.grid-divider>[class*='col-'] {
			position: static;
		}
		.grid-divider>[class*='col-']:nth-child(n+2):before {
			content: "";
			border-left: 1px solid #d9d8d8;
			position: absolute;
			top: 0;
			bottom: 0;
		}
		.col-padding {
			padding: 0 15px;
		}
	}

	blockquote {  
		border-left: 5px solid #1DBDE9;
		color: #656565;
		/*background-color: #F8F8F8;*/
	}

	.avatar{
		width: 100px;
		float: left;
		margin-right: 20px;
	}

	.avatar img{
		border-radius: 50%;
	}

	.comment{
		font-size: 14px;	
		color: #666;
	}

	.comment span{
		color: #474747;
		font-weight: 600;
	}

	.badge-white{
		background: #fff;
		border: 1px solid #656565;
		font-size: 10px;
	}

	.badge-white:hover{
		background: #1DBDE9;
		color: #fff;
		border: 1px solid #1DBDE9;
	}

	.social-name{
		color: #656565;
		font-size: 12px;
		font-style: italic;	
	}

	#affix.affix,
	#affix2.affix{
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 999;
	}

	.head-affix{
		background:#014558; 
		color:#DDDDDD; 
		padding-top:8px; 
		padding-bottom:8px; 
		padding-left:20px; 
		padding-right:20px; 
		font-size:12px;
	}

	.btn-outline{
		color:#31B0D5;
		background-color:transparent;
		border-color:#31B0D5
	}
	.btn-outline:active,.btn-outline:focus,.btn-outline:hover{
		color:#fff;
		background-color:#31B0D5;
		border-color:#31B0D5
	}
	.btn-outline-inverse{
		color:#fff;
		background-color:transparent;
		border-color:#cdbfe3
	}
	.btn-outline-inverse:active,.btn-outline-inverse:focus,.btn-outline-inverse:hover{
		color:#563d7c;
		text-shadow:none;
		background-color:#fff;
		border-color:#fff
	}

	.ribbon-wrapper-orange {
		width: 85px;
		height: 88px;
		overflow: hidden;
		position: absolute;
		top: -3px;
		right: -3px;
	}

	.ribbon-orange {
		font: bold 13px Roboto;
		text-transform: uppercase;
		text-align: center;
		-webkit-transform: rotate(45deg);
		-moz-transform:    rotate(45deg);
		-ms-transform:     rotate(45deg);
		-o-transform:      rotate(45deg);
		position: relative;
		padding: 7px 0;
		left: -5px;
		top: 15px;
		width: 120px;
		background-color: #F84703;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#F84703), to(#F84703)); 
		background-image: -webkit-linear-gradient(top, #F84703, #F84703); 
		background-image:    -moz-linear-gradient(top, #F84703, #F84703); 
		background-image:     -ms-linear-gradient(top, #F84703, #F84703); 
		background-image:      -o-linear-gradient(top, #F84703, #F84703); 
		color: #fff;
		-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
		-moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
		box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
	}

	.ribbon-orange:before, .ribbon-orange:after {
		content: "";
		border-top:   3px solid #F84703;   
		border-left:  3px solid transparent;
		border-right: 3px solid transparent;
		position:absolute;
		bottom: -3px;
	}

	.ribbon-orange:before {
		left: 0;
	}
	.ribbon-orange:after {
		right: 0;
	}