/*Author: Romy Dagohoy Jr.*/

* {
	padding: 0;
	margin: 0;
}

body {
	padding: 0;
	margin: 0;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #666;
}

.white-box {
	background: rgb(240, 252, 245);
}

h1, h2, h3, h4, h5, h6, h7 {
	margin: 0;
}

.mt-3 {
	margin-top: 14px;
}

.mt-4 {
	margin-top: 19px;
}

.mt-5 {
	margin-top: 24px;
}
.mb-1 {
	margin-bottom: 8px;
}
mb-3 {
	margin-bottom: 24px;
}
.mt-1 {
	margin-top: 8px;
}

.d-inblock {
	display: inline-block;
}
.logo b {
	width: auto;
}
.clearfix {
	clear: both;
}

m-0 {
	margin: 0 !important;
}

.p-0 {
	padding: 0;
}


.sidebar {
	background: #004719 !important;
}

.report {
	overflow: inherit !important;
	background: transparent;
}
.navbar-header {
	background: rgba(28,148,78,1);
	background: -moz-linear-gradient(left, rgba(28,148,78,1) 0%, rgba(46,204,112,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(28,148,78,1)), color-stop(100%, rgba(46,204,112,1)));
	background: -webkit-linear-gradient(left, rgba(28,148,78,1) 0%, rgba(46,204,112,1) 100%);
	background: -o-linear-gradient(left, rgba(28,148,78,1) 0%, rgba(46,204,112,1) 100%);
	background: -ms-linear-gradient(left, rgba(28,148,78,1) 0%, rgba(46,204,112,1) 100%);
	background: linear-gradient(to right, rgba(28,148,78,1) 0%, rgba(46,204,112,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c944e', endColorstr='#2ecc70', GradientType=1 );
    
}
#side-menu li a {
	font-size: 13px;
}
	#side-menu li a i {
		font-size: 15px;
	}
	.top-left-part {
		background: #fff;
	}
div,
nav{
    vertical-align: middle !important;
}



/*.profile-holder .profile-banner {
    background-image: url('../Images/PNA/slide-2-1.jpg');
    background-position: center;
    background-size: cover;
    padding-top: 150px;
    padding-bottom: 10px;
}*/

.profile-holder .button-info li {
	display: inline-block;
}

	.profile-holder .button-info li a,
	.profile-holder .button-info li input[type=button].btn-primary {
		display: inline-block;
		margin: 0 2px;
	}

.profile-holder .img-holder {
	position: relative;
}

	.profile-holder .img-holder img {
		position: absolute;
		bottom: -150px;
		left: 20px;
		background: #fff;
		width: 200px;
		height: auto;
		border: 4px solid #fff;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		-webkit-box-shadow: 0px 6px 20px -8px rgba(0,0,0,0.32);
		-moz-box-shadow: 0px 6px 20px -8px rgba(0,0,0,0.32);
		box-shadow: 0px 6px 20px -8px rgba(0,0,0,0.32);
	}

input[type=button].btn-primary {
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: normal;
	border: 1px solid #004719;
	padding: 10px 18px;
	background: #004d1b;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 24px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

	input[type=button].btn-primary:hover {
		opacity: 1;
		-webkit-box-shadow: 0px 6px 20px -8px rgba(0,0,0,0.52);
		-moz-box-shadow: 0px 6px 20px -8px rgba(0,0,0,0.52);
		box-shadow: 0px 6px 20px -8px rgba(0,0,0,0.52);
	}

a.buttonn-primary {
	text-decoration: none;
	color: #fff;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: normal;
	border: none;
	padding: 9px 18px 10px 18px;
	background: #004d1b;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 24px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

	a.buttonn-primary:hover {
		opacity: 1;
		-webkit-box-shadow: 0px 6px 20px -8px rgba(0,0,0,0.52);
		-moz-box-shadow: 0px 6px 20px -8px rgba(0,0,0,0.52);
		box-shadow: 0px 6px 20px -8px rgba(0,0,0,0.52);
	}

.btn-danger {
	font-size: 11px !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	font-weight: normal !important;
	border: 1px solid #999;
	padding: 10px 18px !important;
	background: #888;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	margin-bottom: 24px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.profile-holder .profile-content h1 {
	font-size: 28px;
	color: #333;
	font-weight: 400;
}

.profile-holder .profile-content label {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.form-bordered-holder .col-sm-4,
.form-bordered-holder .col-sm-6 {
	padding-left: 8px;
	padding-right: 8px;
}

.form-bordered-holder label {
	font-size: 14px;
	color: #333;
	margin-top: 14px;
}

.form-bordered-holder .form-control:focus {
	border: 1px solid rgba(28,148,78,1);
}

/*UI PLANS*/
.plan .header {
	padding: 24px;
	height: 140px;
	margin: 0;
	background: #aaa;
	transition: all .2s ease-in-out;
}

	.plan .header h2 {
		font-size: 24px;
		color: #fff;
	}

	.plan .header p {
		font-size: 12px;
		line-height: 12px;
		color: #eee;
	}

.plan .body {
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-left: 1px solid #aaa;
	padding: 24px;
	position: relative;
}

.parent-holder .child-holder:nth-child(1):hover .header {
	background: #e74c3c;
}

.parent-holder .child-holder:nth-child(2):hover .header {
	background: #3498db;
}

.parent-holder .child-holder:nth-child(3):hover .header {
	background: #9b59b6;
}

.parent-holder .child-holder:nth-child(5):hover .header {
	background: #2ecc71;
}

.plan .body label {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 12px;
	color: #999;
}

	.plan .body label span {
		font-weight: normal;
		font-size: 14px;
	}
/*UI PLANS END*/

.sttabs nav ul {
	justify-content: flex-start !important;
}

	.sttabs nav ul li {
		flex: 0;
		display: inline-block;
	}

		.sttabs nav ul li a {
			padding: 12px;
		}

.tabs-style-bar nav ul li.tab-current a {
	background: rgba(28,148,78,1);
}

	.tabs-style-bar nav ul li.tab-current a:hover {
		color: #fff;
	}

.tabs-style-bar nav ul li a:hover {
	color: #333;
}

.event-posting .event {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

	/*.event-posting .event:hover {
		-webkit-box-shadow: 0px 6px 20px -8px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px 6px 20px -8px rgba(0,0,0,0.5);
		box-shadow: 0px 6px 20px -8px rgba(0,0,0,0.5);
	}*/

        .event-posting .event .content{
            margin-bottom:32px;
            -webkit-box-shadow: 0px 6px 20px -8px rgba(0,0,0,0.5);
		    -moz-box-shadow: 0px 6px 20px -8px rgba(0,0,0,0.5);
		    box-shadow: 0px 6px 20px -8px rgba(0,0,0,0.5);

	        -webkit-transition: all .2s ease-in-out;
	        -moz-transition: all .2s ease-in-out;
	        transition: all .2s ease-in-out;
        }

        .event-posting .event .content:hover{
            background:#f0fcf5;
            cursor:pointer;
        }

        /*.event-posting .event:hover .content .content-txt*/
		.event-posting .event:hover .content {
			background: #fff;
		}


	.event-posting .header {
		padding: 12px;
		background: #fff;
		width: 100%;
		border-bottom: 1px solid #004719;
	}

	.event-posting .header .event-left {
		float: left;
		width: 17%;
	}

	.event-posting .header .event-right {
		float: right;
		width: 83%;
		padding-left: 10px;
	}

		.event-posting .header .event-right p {
			margin: 0;
		}

		.event-posting .header .event-right span {
			font-size: 10px;
		}

.event-posting .content .content-txt {
	padding: 24px;
	margin-bottom: 24px;
}
.event .banner-content {
	position: relative;
	height: 240px;
	overflow: hidden;
}

.event .banner-content img{
    max-width:100%;

}

	/*.event .banner-content img.event-post {
		position: absolute;
		width: 120%;
	}*/


	.event-posting .content .content-txt label {
		font-size: 10px;
		font-weight: bold;
		letter-spacing: 1px;
		text-transform: uppercase;
		letter-spacing: 3px;
	}

	.event-posting .content .content-txt h1.title-block {
		font-size: 28px;
		color: #004719;
	}

	.event-posting .content .content-txt p {
		font-size: 16px;
		margin: 4px 0;
	}

.main-single .single-info-content {
	padding: 24px 8px;
}

aside {
	margin-top: 12px;
	border-top: 2px solid #004719;
	background: rgb(240, 252, 245);
	padding: 12px;
}

.main-single label,
.chapter-info label {
	font-size: 12px !important;
	font-weight: bold;
	color: #888;
	margin: 0;
	display: block;
	margin-bottom: 8px;
	text-transform: uppercase;
}

.main-single p {
	font-size: 14px;
	line-height: 22px;
}

.main-single h1 {
	font-size: 24px;
	color: #666;
	line-height: 32px;
}

.login-register {
	background: rgba(16,139,90,1);
	background: -moz-linear-gradient(-45deg, rgba(16,139,90,1) 0%, rgba(58,218,130,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(16,139,90,1)), color-stop(100%, rgba(58,218,130,1)));
	background: -webkit-linear-gradient(-45deg, rgba(16,139,90,1) 0%, rgba(58,218,130,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(16,139,90,1) 0%, rgba(58,218,130,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(16,139,90,1) 0%, rgba(58,218,130,1) 100%);
	background: linear-gradient(135deg, rgba(16,139,90,1) 0%, rgba(58,218,130,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#108b5a', endColorstr='#3ada82', GradientType=1 );
}
.welcome-content {
	position: absolute;
	left: 40px;
	width: 850px;
}
.welcome-content .body {
	margin-top: 22%;
}

	.welcome-content .body h1 {
		font-size: 32px;
		color: #fff;
		line-height: 40px;
		font-weight: 300;
	}

	.welcome-content .body label {
		font-size: 14px;
		color: #88f0bd;
	}

	.welcome-content .body p {
		color: #fff;
	}

.welcome-content .lower {
	margin-top: 15%;
}

	.welcome-content .lower .policy-content li {
		display: inline-block;
		margin: 0 22px;
	}

		.welcome-content .lower .policy-content li a {
			font-size: 11px;
			text-decoration: none;
			color: #1c824f;
			text-transform: uppercase;
			font-weight: bold;
			-webkit-transition: all .2s ease-in-out;
			-moz-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
		}

			.welcome-content .lower .policy-content li a:hover {
				color: #fff;
			}

.welcome-content .header {
	margin-top: 24px;
}

	.welcome-content .header a i {
		font-size: 12px;
		color: #fff;
	}

	.welcome-content .header a {
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
		color: #fff;
		text-transform: uppercase;
		display: inline-block;
		text-align: right;
		padding: 10px 15px;
		border: 1px solid #fff;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}

		.welcome-content .header a:hover {
			background: #0c6c44;
			border: 1px solid #0c6c44;
		}

	.welcome-content .header .pull-left {
		width: 12%;
	}

	.welcome-content .header .pull-right {
		width: 88%;
		padding-left: 14px;
		padding-top: 20px;
	}

		.welcome-content .header .pull-right h3 {
			font-size: 14px;
			color: #fff;
			text-transform: uppercase;
			font-weight: bold;
			line-height: 20px;
		}

		.welcome-content .header .pull-right b {
			font-size: 11px;
			text-transform: uppercase;
			color: #c4ffe6;
		}
input[type=button].btn-primary,
button.btn-primary,
label.profile-img {
	color: #fff;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: normal;
	border: 1px solid #004719;
	padding: 10px 18px;
	background: #004d1b;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 24px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

	input[type=button].btn-primary:hover,
	label.profile-img:hover,
	input[type=button].btn-danger:hover{
		opacity: 1;
		-webkit-box-shadow: 0px 6px 20px -8px rgba(0,0,0,0.52);
		-moz-box-shadow: 0px 6px 20px -8px rgba(0,0,0,0.52);
		box-shadow: 0px 6px 20px -8px rgba(0,0,0,0.52);
	}
input[type=button].btn-danger {
	color: #fff;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: normal;
	border: 1px solid #004719;
	padding: 10px 18px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 24px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus {
	background-image: linear-gradient(#157645, #1a9557);
}
input[type=button].btn-primary:hover,
button.btn-primary:hover,
button.btn-primary:disabled {
	background: #004719 !important;
	border: none !important;
	opacity: 1 !important;
	-webkit-box-shadow: 0px 6px 20px -8px rgba(0,0,0,0.52);
	-moz-box-shadow: 0px 6px 20px -8px rgba(0,0,0,0.52);
	box-shadow: 0px 6px 20px -8px rgba(0,0,0,0.52);
}
.chapter-info .banner {
	background-image: url('../../../Images/PNA/slide-2-2.jpg');
	background-size: cover;
	padding-top: 120px;
	padding-bottom: 10px;
	position: relative;
}

	.chapter-info .banner img.logo {
		position: absolute;
		bottom: -90px;
		right: 20px;
		width: 180px;
	}

	.chapter-info .banner .content {
		padding-left: 24px;
	}

		.chapter-info .banner .content h3 {
			font-size: 40px;
			font-weight: bold;
			text-transform: uppercase;
			margin-bottom: 8px;
		}

		.chapter-info .banner .content p {
			font-size: 14px;
		}

.chapter-info .basic-info {
	padding-top: 90px;
	padding-left: 24px;
	padding-right: 24px;
}
.chapter-info .basic-info p {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 24px;
}
.chapter-info aside {
	border-top: 2px solid #004719;
	background: #e3f1e9a;
	padding: 12px;
}

.contentList .content {
	position: relative;
	overflow: hidden;
	height: 300px;
}

	.contentList .content img {
		position: absolute;
		width: 120%;
		height: auto;
		left: -12%;
	}

	.contentList .content .overlay {
		position: absolute;
		bottom: 0;
		z-index: 99;
		background: rgba(0,0,0,.50);
		padding: 12px;
		/*width: 80%;*/
        width: 100%;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}

	.contentList .content:hover .overlay {
		background: rgba(0,0,0,.80);
	}

	.contentList .content #triangle-topright {
		width: 0;
		height: 0;
		border-top: 24px solid #fff;
		border-left: 24px solid transparent;
		position: absolute;
		top: 10px;
		right: 10px;
		z-index: 99;
	}

	.contentList .content .overlay h1 {
		font-size: 22px;
		color: #ffd700;
	}

	.contentList .content .overlay p {
		color: #fff;
		font-size: 15px;
	}

	.contentList .content .overlay span {
		position: absolute;
		top: -32px;
		left: 12px;
		padding: 4px 8px;
		background: #e74c3c;
		font-size: 12px;
		color: #fff;
		letter-spacing: 5px;
		font-weight: bold;
	}

	.contentList .content .overlay a {
		font-size: 12px;
		text-decoration: none;
		color: #fff;
		text-transform: uppercase;
		font-weight: bold;
		margin-right: 12px;
		letter-spacing: 1px;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}

		.contentList .content .overlay a:hover {
			margin-right: 24px;
		}

	.contentList .content .overlay i {
		color: #fff;
	}

	.contentList .content .overlay label {
		font-size: 11px;
		color: #aaa;
		letter-spacing: 4px;
	}

    .contentList .content .overlay .news-desc{
        height:100px;
        overflow:hidden;
    }
.indexNew .main b {
	font-size: 12px;
	letter-spacing: 2px;
	color: #999;
}

.indexNew .main h1 {
	font-size: 32px;
	font-weight: bold;
}

.indexNew aside h2 {
	font-size: 22px;
	margin-bottom: 12px;
}

.nav-tabs > li {
	width: 33.33%;
	text-align: center;
	background: #eaeaea;

	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
	.nav-tabs > li:hover {
		background: #eee;
	}
	.customtab li a {
		padding: 24px 0;
		position: relative;
	}
	.customtab li.active a, .customtab li.active a:hover, .customtab li.active a:focus {
		background: #016b25;
		border-bottom: 0 !important;
		color: #fff;
	}
.customtab li.active::after {
	position: absolute;
	content: '';
	bottom: -12px;
	left: 45%;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 12px solid #016b25;
}
.customtab {
	border: 0;
}
@font-face {
	font-family: 'QanelasSoftDEMO-ExtraBold';
	src: url('QanelasSoftDEMO-ExtraBold.otf') format('opentype');
}
.infoGraphics .tab-content h3 {
	font-family: 'QanelasSoftDEMO-ExtraBold';
	font-size: 36px;
	letter-spacing: 1px;
	margin-bottom: 22px;
	text-transform: uppercase;
	margin-top: 32px;
}

.infoGraphics .tab-content p {
	font-size: 18px;
	margin-bottom: 22px;
}
.infoGraphics .tab-content a {
	font-size: 12px;
	font-weight: bold;
	color: #1895f5;

	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}





.mainID {
    width: 2.12in !important;
    height: 3.377in !important;
}



.mainID img.mainbgID {
	width: 100%;
}

.generateID {
	position: absolute;
	top: 0;
}

	.generateID .headerID h1 {
		font-family: 'Roboto', sans-serif;

		font-size: 6px;
		line-height: 8px;
	}

	.generateID .headerID p {
		font-family: 'Roboto', sans-serif;

		font-size: 5px;
		line-height: 5px;
		margin: 0;
	}
	.generateID .headerID img {
		width: 27px;
		height: 27px;
	}

	.headerGenerate {
		padding-top: 12px;
		-webkit-border-radius: 3px !important;
		-moz-border-radius: 3px !important;
		border-radius: 3px !important;
	}

	.headerGenerate .toolbar {
		background: #019934;
		-webkit-border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		border-radius: 0 !important;
	}

		.headerGenerate .toolbar span {
			font-size: 18px;
			color: #fff;
			padding-left: 12px;
			font-weight: normal;
		}

		.headerGenerate .toolbar a {
			font-size: 12px;
			color: #fff;
			font-weight: bold;
			text-decoration: none;
			padding: 12px 18px;
			border: 1px solid #fff;
			-webkit-border-radius: 3px !important;
			-moz-border-radius: 3px !important;
			border-radius: 3px !important;
			-webkit-transition: all .2s ease-in-out;
			-moz-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
		}

			.headerGenerate .toolbar a i {
				color: #047129;
			}

			.headerGenerate .toolbar a:hover {
				background: #014217;
			}

				.headerGenerate .toolbar a:hover i {
					color: #fff;
				}

.bodyID {
	position: relative;
    height: 100%;
}
    .bodyID .img-holder {
        position: relative;
        background-color: #fff;
        height: 92px;
        width: 92px;
        top: 52px;
        left: 33px;
        overflow: hidden;
    }
    .bodyID .img-holder .picID {
        width: 100%;
        height: 100%;
        margin-top: 0px;
    }
	.bodyID qr.qrCODE img {
		position: absolute;
		right: 12px;
        bottom: 11px;
        width: 58px;
	}
	.bodyID span {
		position: absolute;
		top: 150px;
		left: 15px;
		display: block;
		font-size: 8px;
		text-align: center;
	}
    .bodyID span p {
        display: inline-block;
        font-weight: 600;
        color: #333;
    }
    .bodyID span p:first-child {
        padding-right: 8px;
    }
    .bodyID span b {
        color: #333;
        font-weight: 700;
    }
	.bodyID .codeUN {
		position: absolute;
		top: 37px;
		left: 83px;
	}

		.bodyID .codeUN img {
			width: 20px;
			height: 20px;
		}

	.bodyID .infoID {
		top: 90px;
		left: 12px;
	}
        .bodyID .infoID small.full-content {
            font-size: 8.5px;
            width: 250px;
            height: 12px;
            margin-top: -1.5px;
            color: #fff;
            font-weight: bold;
            position: absolute;
            bottom: 121px;
            left: 17px;
            letter-spacing: .3px;
        }
        .bodyID .infoID label.fullname {
            font-size: 8.5px;
            color: #000;
            position: absolute;
            bottom: 135px;
            left: 18px;
            font-weight: 600;
        }
        .bodyID .infoID small.region-content {
            font-size: 8.5px;
            width: 125px;
            font-weight: bold;
            height: 12px;
            margin-top: -1.5px;
            color: #fff;
            position: absolute;
            bottom: 86px;
            left: 17px;
            letter-spacing: .3px;
        }

        .bodyID .infoID label.region {
            font-size: 8.5px;
            font-weight: 600;
            color: #000;
            position: absolute;
            bottom: 99px;
            left: 17px;
        }
        .bodyID .infoID small.Chapter-content {
            font-size: 8.5px;
            font-weight: bold;
            width: 125px;
            height: 12px;
            margin-top: -1.5px;
            color: #fff;
            position: absolute;
            bottom: 86px;
            left: 100px;
            letter-spacing: .3px;
        }
        .certifcate-ctrl {
            zoom: 0 !important;
        }

		.bodyID .infoID label.Chapter {
			font-size: 8.5px;
			color: #000;
			position: absolute;
			bottom: 99px;
			left: 100px;
            font-weight: 600;
		}
        .bodyID .infoID small.PRCRegDate-content {
            font-size: 8.5px;
            width: 150px;
            height: 12px;
            font-weight: bold;
            margin-top: -1.5px;
            color: #fff;
            position: absolute;
            left: 17px;
            bottom: 51px;
            letter-spacing: .3px;
        }
		.bodyID .infoID label.PRCRegDate {
			font-size: 8px;
            font-weight: 600;
			color: #000;
			position: absolute;
			left: 17px;
            bottom: 65px;
		}
        .bodyID .infoID .id-validity {
            font-size: 8px;
            font-weight: 600;
            color: #000;
            position: absolute;
            left: 17px;
            bottom: 30px;
        }
        .bodyID .infoID .id-validity-content {
            font-size: 8.5px;
            width: 155px;
            height: 12px;
            font-weight: bold;
            margin-top: -1.5px;
            color: #fff;
            position: absolute;
            left: 17px;
            bottom: 17px;
            letter-spacing: .3px;
        }
.news-content .content h2 {
	font-family: "Impact";
	font-size: 74px;
	line-height: 82px;
	text-transform: uppercase;
	padding-top: 32px;
}

.news-content p {
	font-size: 14px;
	line-height: 22px;
}

.news-content .bg-p {
	margin-top: 24px;
	background: #fff;
	padding: 20px;
}

.news-content .img-holder label {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 14px;
}
.modalInstruction .content {
	padding: 40px 0;
}
.modalInstruction .content h2 {
	font-family: 'QanelasSoftDEMO-ExtraBold';
	font-size: 40px;
	line-height: 48px;
	margin-bottom: 12px;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 12px;
}
.modalInstruction .content p {
	font-size: 16px;
	line-height: 24px;
}
.text-right {
	text-align: right !important;
}

.modaltriger {
	position: absolute;
	top: 0;
}

a.modalLink {
	padding: 8px 14px;
	border: 1px solid #004719;
	display: inline-block;
	text-transform: uppercase;
	margin-left: 12px;
	margin-top: 12px;
	font-size: 12px;
	font-weight: bold;
	font-weight: bold;
	text-decoration: none;
	color: #004719;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-radius: 3px !important;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

a.modalLink:hover {
	color: #fff;
	background: #004719;
	border: 1px solid #004719;
	-webkit-box-shadow: 0px 6px 20px -8px rgba(0,0,0,0.32);
	-moz-box-shadow: 0px 6px 20px -8px rgba(0,0,0,0.32);
	box-shadow: 0px 6px 20px -8px rgba(0,0,0,0.32);
}

#carousel-example-captions {
	position: relative;
}

.modalInstruction .carousel-control span {
	top: -80px;
}

.modalInstruction .alt-next {
	right: -90px;
	width: 40px;
	height: 40px;
	border: 1px solid #fff;
	font-size: 16px;
	padding-top: 12px;
}

.Instruction-guide .close {
	position: absolute;
	top: -80px;
	right: -15px;
	width: 40px;
	height: 40px;
	border: 1px solid #fff;
	font-size: 12px;
	background: #e74c3c;
	opacity: 1 !important;
}

	.Instruction-guide .close i {
		color: #fff;
	}

.modalInstruction .alt-prev {
	left: 0;
	width: 40px;
	height: 40px;
	border: 1px solid #fff;
	font-size: 16px;
	padding-top: 12px;
}

.modalInstruction .modal-dialog {
	margin-top: 80px !important;
}

.modalInstruction .control-slide {
	position: absolute;
	left: -15px;
	top: 0;
}
input:checked + .slider {
	background-color: #004719;
}


/* Put your css in here */

.main-post {
	background: #fff;
	padding: 12px;
	margin-bottom: 12px;
}

	.main-post .content .title-block h1 a {
		margin-top: 32px;
		font-size: 24px;
		line-height: 26px;
		color: #08ca47;
		text-transform: uppercase;
		font-weight: bold;
	}

	.main-post .content .title-block {
		float: left;
		width: 90%;
	}

 .settings {
		float: right;
		width: 5%;
	}

.settings a {
			text-decoration: none;
			color: #666;
		}

 .settings .dropdown-menu li a {
			font-size: 12px;
			text-transform: uppercase;
			font-weight: bold;
			display: block !important;
			padding: 6px 22px;
		}

	.main-post .content hr {
		margin: 16px 0;
	}

	.main-post .col-sm-9 {
		padding-left: 18px;
	}

ul.comment {
	margin-top: 22px;
	padding: 0;
	border-top: 1px solid #eee;
	padding-top: 8px;
}

	ul.comment li {
		display: inline-block;
		margin-top: 12px;
	}

		ul.comment li a {
			padding: 8px 20px;
			text-decoration: none;
			color: #888;
			font-size: 11px;
			font-weight: bold;
			letter-spacing: 1px;
			text-transform: uppercase;
			-webkit-transition: .2s ease-in-out;
			-moz-transition: .2s ease-in-out;
			transition: .2s ease-in-out;
		}

			ul.comment li a:hover {
				background: #eee;
				color: #333;
			}

.blog-loop .post .content p {
	font-size: 14px;
}

.small {
	height: 180px;
	overflow: hidden;
	transition: .2s ease-in-out;
}

.big {
	height: auto;
	transition: .2s ease-in-out;
}





.BlogBox h2 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	color: #004719;
}
.BlogBox label {
	font-size: 12px;
	color: #aaa;
	margin-bottom: 14px;
}
.BlogBox .box-content {
	padding: 20px;
	background:#fff;
}
.BlogBox .img-content img {
	border: 10px solid #fff;
}
.box-content .adding-comment .comment-img img {
	width: 38px;
	height: 38px;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.box-content .adding-comment .comment-img {
	float: left;
	width: 7%;
}
.box-content .adding-comment .comment-content {
	float: right;
	width: 93%;
}
	.box-content .adding-comment .comment-content input[type=text] {
		padding: 6px;
		display: block;
		width: 100%;

		float: left;
		width: 85%;
	}
	.box-content .adding-comment .comment-content .btn-primary {
		float: right;
		width: 14%;
	}
	.box-content .adding-comment .comment-content p {
		font-size: 15px;
		line-height: 16px;
	}
	.box-content .adding-comment .comment-content h5 {
		font-size: 13px;
		line-height: 12px;
		font-weight: bold;
		color: #004719;
	}
	.box-content .adding-comment .comment-content label {
		font-size: 10px;
		color: #aaa;
	}
	.box-content .prev-comment li {
		display: block;
		list-style-type: none;
		padding: 10px;
		border-bottom: 1px solid #f1f1f1;
	}
.title-post img {
	width: 38px;
	height: 38px;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.upload-id p {
    color: #b30000;
}