.attachment-full.size-full.wp-post-image {
    height: auto;
    display: block;
    background-position: c enter;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    object-fit: cover;
}

.flex-direction-nav a{
    text-decoration:none;
    display:block;width:62px !important;
    height:45px !important;
    margin:-20px 0 0;
    position:absolute;
    top:50%;
    z-index:10;
    overflow:initial !important;
    opacity:0;
    cursor:pointer;
    color:rgba(0,0,0,.8);
    text-shadow:1px 1px 0 rgba(255,255,255,.3);
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease}

#wpcf7-f2684-o2 .wpcf7-form-control.wpcf7-text {
	background-color: #252525;
	border: none;
}
#wpcf7-f2684-o2 .wpcf7-textarea{
  background-color: #252525;
  border: none;
}
#wpcf7-f7-p2723-o1 .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    margin-bottom: 25px;
}

.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    height: 50%;
    padding-left: 10px;
    padding-top: 5px;
    height: 120px;
}

/* Navbar */
.customize-support.sfsi_2\.20 .navbar.sticky {
    top: 30;
    margin-bottom: 0;
    z-index: 1;
}
.sticky .navbar-brand {
    padding: 10px 15px;
}
.sticky .nav.navbar-right {
    margin: 3px -15px;
}
@media (min-width: 992px) {
    .sticky .navbar-nav>li>.dropdown-menu {
        margin-top: 4px;
    }
}
    @media (max-width: 991px) and (min-width: 768px) {
    .sticky .navbar-collapse {
        padding: 0;
    }
}
/* Sidebar */
.sticky .sidebar {
    margin-top: 40px;
}
/* Content */
@media (max-width: 767px) {
    #main-content {
        margin-top: 60px;
    }
}
/* Back to Top */
#scrolltop {
    padding: 12px 14px 14px;
}
@media (max-width: 767px) {
    #scrolltop {
        right: 15px;
        bottom: 15px;
    }
}

.sfsi_2\.20 .navbar.sticky{
	top:0;
}

/*html { margin-top: 28px !important; }
* html body { margin-top: 28px !important; }*/
body {
	font-family: Raleway,sans-serif;
	font-size: 15px;
	line-height: 26px;
	color: grey;
	font-weight: 400;
}
h2 {
	font-family: Poppins,sans-serif;
	line-height: 1.3em;
	font-weight: 700;
}
h3{
	font-family: Poppins,sans-serif;
    line-height: 1.3em;
    font-weight: 700;
    font-size: 26px;
}
/* Link */
	a,
	a:focus {
		color: #22be6b;
	}
	a:hover {
		color: #129c53;
	}
	a.link-black,
	a.link-black:focus {
		color: #333;
	}
	a.link-black:hover {
		color: #22be6b;
	}
	a,
	a:hover,
	a:focus,
	a:active,
	a:link,
	a:visited {
		text-decoration: none;
		-webkit-transition: all .2s ease;
		   -moz-transition: all .2s ease;
			-ms-transition: all .2s ease;
			 -o-transition: all .2s ease;
				transition: all .2s ease;
	}
	a:focus {
		outline: 0;
		outline-offset: 0;
	}

/* Button */
	.btn {
		padding: 6px 20px;
		font-weight: 700;
		text-transform: uppercase;
		border-radius: 0;
		-webkit-transition: all .2s ease;
		   -moz-transition: all .2s ease;
			-ms-transition: all .2s ease;
			 -o-transition: all .2s ease;
				transition: all .2s ease;
	}
	.btn.active.focus,
	.btn.active:focus,
	.btn.focus,
	.btn:active.focus,
	.btn:active:focus,
	.btn:focus {
		outline: 0;
		outline-offset: 0;
	}
	.btn-primary {
		color: #fff;
		background-color: #22be6b;
		border-color: transparent;
	}
	.btn-primary:hover {
		color: #fff;
		background-color: #129c53;
		border-color: transparent;
	}
	.btn-primary.focus,
	.btn-primary:focus {
		color: #fff;
		background-color: #22be6b;
		border-color: transparent;
	}
	.btn-primary.active.focus,
	.btn-primary.active:focus,
	.btn-primary.active:hover,
	.btn-primary:active.focus,
	.btn-primary:active:focus,
	.btn-primary:active:hover,
	.open>.dropdown-toggle.btn-primary.focus,
	.open>.dropdown-toggle.btn-primary:focus,
	.open>.dropdown-toggle.btn-primary:hover {
		color: #fff;
		background-color: #129c53;
		border-color: transparent;
	}
	.btn-primary.active,
	.btn-primary:active,
	.open>.dropdown-toggle.btn-primary {
		color: #fff;
		background-color: #22be6b;
		border-color: transparent;
	}
	.btn-secondary {
		color: #333;
		background-color: #ddd;
		border-color: transparent;
	}
	.btn-secondary:hover {
		color: #fff;
		background-color: #129c53;
		border-color: transparent;
	}
	.btn-secondary.focus,
	.btn-secondary:focus {
		color: #333;
		background-color: #ddd;
		border-color: transparent;
	}
	.btn-secondary.active.focus,
	.btn-secondary.active:focus,
	.btn-secondary.active:hover,
	.btn-secondary:active.focus,
	.btn-secondary:active:focus,
	.btn-secondary:active:hover,
	.open>.dropdown-toggle.btn-secondary.focus,
	.open>.dropdown-toggle.btn-secondary:focus,
	.open>.dropdown-toggle.btn-secondary:hover {
		color: #fff;
		background-color: #129c53;
		border-color: transparent;
	}
	.btn-secondary.active,
	.btn-secondary:active,
	.open>.dropdown-toggle.btn-secondary {
		color: #333;
		background-color: #ddd;
		border-color: transparent;
	}
	.btn-tertiary {
		color: #fff;
		background-color: #fc5421;
		border-color: transparent;
	}
	.btn-tertiary:hover {
		color: #fff;
		background-color: #ea4817;
		border-color: transparent;
	}
	.btn-tertiary.focus,
	.btn-tertiary:focus {
		color: #fff;
		background-color: #fc5421;
		border-color: transparent;
	}
	.btn-tertiary.active.focus,
	.btn-tertiary.active:focus,
	.btn-tertiary.active:hover,
	.btn-tertiary:active.focus,
	.btn-tertiary:active:focus,
	.btn-tertiary:active:hover,
	.open>.dropdown-toggle.btn-tertiary.focus,
	.open>.dropdown-toggle.btn-tertiary:focus,
	.open>.dropdown-toggle.btn-tertiary:hover {
		color: #fff;
		background-color: #ea4817;
		border-color: transparent;
	}
	.btn-tertiary.active,
	.btn-tertiary:active,
	.open>.dropdown-toggle.btn-tertiary {
		color: #fff;
		background-color: #fc5421;
		border-color: transparent;
	}
	.btn-pd {
		padding: 10px 30px;
	}
	.btn-small {
		padding: 6px 12px;
		text-transform: capitalize;
		font-weight: 600;
	}

/* Form */
	.form-control {
		border: none;
		border-radius: 0;
		background-color: #252525;
		margin-bottom: 25px;
	}
	label {
		margin-bottom: 10px;
		font-family: 'Open Sans', sans-serif;
		margin-bottom: 0px;
	}

/* Modal */
	.modal {
		text-align: center;
		padding: 0 !important;
	}
	.modal:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -4px;
	}
	.modal-dialog {
		display: inline-block;
		text-align: left;
		vertical-align: middle;
	}

/* Color */
	.cl-default {
		color: #333333;
	}
	.cl-green {
		color: #22be6b;
	}
	.cl-lightgrey {
		color: #ccc;
	}
	.cl-grey {
		color: #8f8f8f;
	}
	.cl-blue {
		color: #018acd;
	}
	.bg-green {
		color: #fff;
		background-color: #22be6b;
	}
	.bg-blue {
		color: #fff;
		background-color: #018acd;
	}
	.bg-grey {
		background-color: #f7f7f7;
	}
	.bg-dark {
		color: #fff;
		background-color: #323232
	}
	.bg-darker {
		color: #fff;
		background-color: #252525;
	}

/* Border*/
	.br10 {
		border-radius: 10px;
	}

/* Adjustment */
	.p10{padding:10px}
	.p15{padding:15px}
	.p30{padding:30px}

	.pt0{padding-top:0!important}
	.pt5{padding-top:5px}
	.pt10{padding-top:10px}
	.pt15{padding-top:15px}
	.pt20{padding-top:20px}
	.pt30{padding-top:30px}
	.pt35{padding-top:35px}
	.pt40{padding-top:40px}
	.pt50{padding-top:50px}

	.pb0{padding-bottom:0!important}
	.pb5{padding-bottom:5px}
	.pb10{padding-bottom:10px}
	.pb15{padding-bottom:15px}
	.pb20{padding-bottom:20px}
	.pb30{padding-bottom:30px}
	.pb40{padding-bottom:40px}
	.pb50{padding-bottom:50px}

	.pl0{padding-left:0!important}
	.pl10{padding-left:10px}
	.pl15{padding-left:15px}
	.pl30{padding-left:30px}

	.pr0{padding-right:0!important}
	.pr10{padding-right:10px}
	.pr15{padding-right:15px}
	.pr30{padding-right:30px}

	.m0{margin:0!important}

	.mt0{margin-top:0!important}
	.mt5{margin-top:5px}
	.mt10{margin-top:10px}
	.mt15{margin-top:15px}
	.mt20{margin-top:20px}
	.mt30{margin-top:30px}
	.mt40{margin-top:40px}
	.mt50{margin-top:50px}

	.mb0{margin-bottom:0!important}
	.mb5{margin-bottom:5px}
	.mb10{margin-bottom:10px}
	.mb15{margin-bottom:15px}
	.mb20{margin-bottom:20px}
	.mb30{margin-bottom:30px}
	.mb40{margin-bottom:40px}
	.mb50{margin-bottom:50px}

	.mr0{margin-right:0!important}
	.mr5{margin-right:5px}
	.mr10{margin-right:10px}
	.mr15{margin-right:15px}

	.ml0{margin-left:0!important}
	.ml5{margin-left:5px}
	.ml10{margin-left:10px}
	.ml15{margin-left:15px}

/* Text */
	.f13{font-size:13px}
	.f17{font-size:17px}
	.f20{font-size:20px}
	.f25{font-size:25px}
	.f35{font-size:35px}
	.f400{font-weight:400}
	.f600{font-weight:600}
	.f700{font-weight:700}
	.tu{text-decoration:underline!important}
	.tru{text-transform:uppercase}
	@media (max-width: 767px) {
		.text-sm-left{text-align:left}
	}

/* Image */
	.img-center {
		margin: 0 auto;
	}
	.img-thumb {
		height: 200px;
		border: 15px solid #fff;
		border-radius: 50%;
		margin-top: 30px;
	}
	.h200 {
		height: 200px;
	}

/* Table */
	.table{color:#808080}
	.table ol,
	.table ul {
		margin-bottom: 5px;
		-webkit-padding-start: 20px;
	}
	.col-tab-1{width:10%}
	.col-tab-2{width:20%}
	.col-tab-3{width:50%}
	.col-tab-4{width:20%}
	.col-tab-center{text-align:center}
	.table>thead>tr>td,
	.table>thead>tr>th {
		letter-spacing: -1px;
		padding-top: 15px;
		padding-bottom: 15px;
		color: #fff;
		background-color: #22be6b;
	}
	.table>tbody>tr>td,
	.table>tbody>tr>th {
		padding: 15px;
	}
	.table>tbody>tr:last-child>td,
	.table>tbody>tr:last-child>th {
		border-bottom: 1px solid #ddd;
	}

/* Display */
	.d-b{display:block}
	.d-ib{display:inline-block}
	@media (max-width: 767px) {
		.d-sm-b{display:block}
	}

/* Top Bar */
	#top-bar .text-right .fa {
		margin-right: 4px;
	}
	.btn-search {
		color: #fff;
		font-size: 13px;
		font-weight: 600;
		padding: 12px 18px;
		text-transform: initial;
	}
	.email-top {
		font-size: 13px;
		display: inline-block;
		margin-right: 15px;
		color: #b2b2b2;
	}
	.social-top > a {
		display: inline-block;
		padding: 12px 0;
		margin-right: -4px;
		color: #fff;
		border-left: 1px solid #444;
		min-width: 45px;
		text-align: center;
		-webkit-transition: all .2s ease;
		   -moz-transition: all .2s ease;
			-ms-transition: all .2s ease;
			 -o-transition: all .2s ease;
				transition: all .2s ease;
	}
	.social-top > a:last-child {
		border-right: 1px solid #444;
		margin-right: 0;
	}
	.social-top > a:hover {
		-webkit-transition: all .2s ease;
		   -moz-transition: all .2s ease;
			-ms-transition: all .2s ease;
			 -o-transition: all .2s ease;
				transition: all .2s ease;
	}
	.social-top > a.tw:hover {
		background-color: #00aced;
	}
	.social-top > a.fb:hover {
		background-color: #3b5998;
	}
	.social-top > a.gp:hover {
		background-color: #dd4b39;
	}
	@media (max-width: 767px) {
		#top-bar {
			display: none;
		}
	}

/* Navbar */
	.navbar {
		border-radius: 0;
		margin-bottom: 30px;
	}
	.navbar-brand {
		height: auto;
		padding: 20px 15px;
	}
	.nav.navbar-right {
		margin: 13px -15px;
	}
	.nav>li>a {
		padding: 15px 12px;
	}
	.nav>li>a:focus,
	.nav>li>a:hover,
	.nav .open>a,
	.nav .open>a:focus,
	.nav .open>a:hover {
		outline: 0;
		color: #22be6b;
		background-color: transparent;
		-webkit-transition: all .2s ease;
		   -moz-transition: all .2s ease;
			-ms-transition: all .2s ease;
			 -o-transition: all .2s ease;
				transition: all .2s ease;
	}
	.navbar-nav>li>a {
		color: #fff;
		text-transform: uppercase;
		font-weight: 700;
		font-size: 13.5px;
	}
	.navbar-nav>li>a.active {
		color: #22be6b;
		cursor: default;
	}
	.navbar-nav>li>a>.fa {
		margin-left: 3px;
	}
	.navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.dropdown-menu>li>a {
		padding: 10px 20px;
	}
	.dropdown-menu>li>a:focus,
	.dropdown-menu>li>a:hover {
		color: #fff;
		background-color: #22be6b;
	}
	.dropdown-menu>.active>a,
	.dropdown-menu>.active>a:focus,
	.dropdown-menu>.active>a:hover {
		background-color: #129c53;
	}
	@media (min-width: 992px) {
		.navbar-nav>li>.dropdown-menu {
			margin-top: 15px;
		}
	}
	@media (max-width: 767px) {
		.navbar-brand {
			padding: 12px 15px;
		}
		.navbar-toggle {
			margin-top: 13px;
			margin-bottom: 13px;
		}
		.dropdown-menu>li>a {
			color: #fff;
		}
		.nav>li>a {
			padding: 8px 15px;
		}
	}

/* Footer */
	footer {
		margin-top: 30px;
	}
	#menu-bottom {
		font-size: 13px;
	}
	.footer-logo {
		height: 30px;
	}
	.footer-copyright {
		text-align: right;
		margin: 6px 0;
	}
	.profile .avatar {
		width: 125px;
		margin-bottom: 15px;
	}
	.profile .avatar img {
		/* width: 100%; */
		border-radius: 50%;
	}
	.profile .desc {
		line-height: 2em;
	}
	.profile .email {
		font-size: 15px;
		font-weight: 600;
		margin: 30px 0 35px;
	}
	.profile .email .fa {
		margin-right: 6px;
	}
	.social a {
		display: inline-block;
		padding: 15px;
		min-width: 50px;
		text-align: center;
		margin-right: 15px;
		font-size: 13px;
		line-height: 1.42857143;
	}
	.social a,
	.social a:hover {
		color: #fff;
		-webkit-transition: all .2s ease;
		   -moz-transition: all .2s ease;
			-ms-transition: all .2s ease;
			 -o-transition: all .2s ease;
				transition: all .2s ease;
	}
	.social > a:last-child {
		margin-right: 0;
	}
	.social.media > a.tw,
	.social > a.tw:hover {
		background-color: #00aced;
	}
	.social.media > a.fb,
	.social > a.fb:hover {
		background-color: #3b5998;
	}
	.social.media > a.gp,
	.social > a.gp:hover {
		background-color: #dd4b39;
	}
	.social.media > a.tw:hover {
		background-color: #0393ca;
	}
	.social.media > a.fb:hover {
		background-color: #254384;
	}
	.social.media > a.gp:hover {
		background-color: #bb3423;
	}
	.title-widget {
		font-size: 22px;
		font-weight: 700;
		text-transform: uppercase;
		margin-bottom: 35px;
	}
	.latest-post {
		margin-bottom: 0;
	}
	.latest-post li {
		background-color: transparent;
		padding: 0;
		border: none;
		padding: 20px 0;
		border-bottom: 1px solid #555;
	}
	.latest-post > li:first-child {
		padding-top: 0;
	}
	.latest-post > li:last-child {
		border-bottom: none;
	}
	.bloglist-title {
		font-weight: 700;
		font-size: 15px;
	}
	#menu-bottom .bloglist-title {
		color: #fff;
	}
	#menu-bottom .bloglist-title:hover,
	#menu-bottom .bloglist-title:focus {
		color: #bbb;
	}
	.form-contact {
		text-align: left;
	}
	#form-contact-us .btn {
		padding: 10px 30px;
		letter-spacing: 1px;
	}
	@media (max-width: 767px) {
		.footer-copyright {
			text-align: left;
		}
	}

/* Search Popup */
	#searchPopup .modal-content {
		width: calc(100% - 7px);
	}
	#searchPopup .modal-body {
		padding: 20px;
	}
	#searchPopup .form-control {
		border: 1px solid #ddd;
		background-color: #fff;
	}
	#searchPopup .btn {
		letter-spacing: 2px;
		height: 34px;
	}
	#searchPopup .close {
		color: #fff;
		outline: 0;
		opacity: .5;
		-webkit-transition: all .2s ease;
		   -moz-transition: all .2s ease;
			-ms-transition: all .2s ease;
			 -o-transition: all .2s ease;
				transition: all .2s ease;
	}
	#searchPopup .close:focus,
	#searchPopup .close:hover {
		opacity: 1;
		-webkit-transition: all .2s ease;
		   -moz-transition: all .2s ease;
			-ms-transition: all .2s ease;
			 -o-transition: all .2s ease;
				transition: all .2s ease;
	}
	#searchPopup .btn-close {
		position: absolute;
		right: -13px;
		top: -13px;
		background: #ce0606;
		padding: 3px 8px;
		border-radius: 50%;
	}
	@media (max-width: 767px) {
		#searchPopup .modal-dialog {
			margin: 20px 10px;
		}
	}

/* Sidebar */
	.sticky {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		margin-bottom: 30px;

	}
	@media (max-width: 991px) {
		.sticky {
			margin-top: 30px;
		}
	}
	.customize-support .sticky{
		top: 30;
	}
	.modal-dialog .modal-content input#s{
		width: 100%;
	}
	.sidebar {
		width: 100%;
		border-radius: 8px;
		background-color: #fdfdfd;
		border: 1px solid #ddd;
		-webkit-box-shadow: 5px 5px 17px 1px rgba(0,0,0,0.05);
		   -moz-box-shadow: 5px 5px 17px 1px rgba(0,0,0,0.05);
				box-shadow: 5px 5px 17px 1px rgba(0,0,0,0.05);
	}
	.sidebar .title {
		padding: 20px 15px;
		border-radius: 8px 8px 0 0;
		color: #fff;
		background-color: #22be6b;
		font-size: 19px;
		font-weight: 700;
		text-align: center;
	}
	.sidebar .desc {
		padding: 15px;
		font-size: 13px;
		font-weight: 600;
		text-align: center;
	}
	.sidebar .list {
		padding: 0 15px;
	}
	.sidebar .list > .item {
		font-size: 11px;
		font-weight: 700;
		padding: 15px;
		border: 1px solid #ddd;
		border-radius: 8px;
		background-color: #fff;
		margin-bottom: 15px;
	}
	.sidebar .list img {
		width: 100%;
		max-width: 150px;
	}
	.sidebar .list a {
		text-decoration: underline;
	}

/* Welcome */
	#welcome {
		background-image: url('https://pengamathosting.com/wp-content/uploads/2019/05/backgroundd.jpg');
		margin-top: -30px;
		margin-bottom: 30px;
		padding: 30px 0;
	}
	#welcome h1 {
		font-weight: 600;
		margin-bottom: 30px;
		letter-spacing: -1px;
	}
	#welcome .desc {
		font-size: 18px;
		margin-bottom: 30px;
	}
	#welcome .btn {
		font-size: 17px;
		padding: 12px 22px;
	}

/* Content */
	.content {
		font-size: 15px;
	}
	.content .title {
		font-size: 30px;
		letter-spacing: -1px;
		margin-bottom: 15px;
	}
	.content .headline {
		font-size: 36px;
		margin-bottom: 25px;
	}
	.content .headpage {
		font-size: 17px;
		font-weight: 700;
		margin-top: 20px;
		margin-bottom: 25px;
		text-transform: uppercase;
		line-height: 1.1;
	}
	.content .desc {
		line-height: 1.7em;
	}
	.content .desc ol,
	.content .desc ul {
		margin-bottom: 20px;
		-webkit-padding-start: 20px;
	}
	.content .post-list .title {
		font-size: 21px;
		font-weight: 700;
		padding-bottom: 13px;
		border-bottom: 1px solid #d7d7d7;
	}
	.content .form-control {
		border: 1px solid #ccc;
		background-color: #fff;
	}
	@media (max-width: 767px) {
		.content .headline {
			font-size: 30px;
			margin-bottom: 15px;
		}
	}

/* List Content */
	.list-content .list-item {
		border-bottom: 1px solid #ddd;
		margin-bottom: 50px;
		padding-bottom: 20px;
	}
	.list-content .post-list > .list-item:last-child {
		margin-bottom: 25px;
	}
	.list-content .list-item a:hover {
		color: #22be6b;
	}
	.list-content .list-item .btn:hover {
		color: #fff;
	}
	.list-content .list-item .title {
		font-size: 27px;
		font-weight: 700;
		margin-top: 15px;
		display: block;
		color: #333;
		border-bottom: none;
		padding-bottom: 0;
	}
	.list-content .image {
		width: 100%;
		height: 250px;
		display: block;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.list-content .author img,
	.detail-content .author img {
		width: 40px;
		margin-right: 5px;
		border-radius: 50%;
	}
	.list-content .list-item .social a,
	.detail-content .post-detail .social a {
		padding: 11px;
		min-width: 40px;
		margin-right: 0;
		margin-left: 5px;
	}
	.list-content .list-item .social a:hover,
	.detail-content .post-detail .social a:hover {
		color: #fff;
		background-color: #22be6b;
	}
	@media (max-width: 767px) {
		.list-content .list-item .social a:first-child,
		.detail-content .post-detail .social a:first-child {
			margin-left: 0;
		}
	}

/* Detail Content */
	.post-detail h1.title {
		font-size: 27px;
		font-weight: 700;
		margin-top: 30px;
		margin-bottom: 30px;
		line-height: 1.5em;
	}
	.page-detail h1.title {
		font-weight: 700;
		margin-top: 0;
		line-height: 1.5em;
	}
	.author.underpost {
		background-color: #f9f9f9;
		padding: 20px;
		letter-spacing: -1px;
	}
	.author.underpost img {
		width: 100px;
		margin: 10px;
	}
	.post-other {
		margin-left: 0;
		margin-right: 0;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
	.post-before,
	.post-after {
		padding: 15px 0;
	}
	.post-before a,
	.post-after a {
		margin: 5px 0;
		display: inline-block;
	}
	.post-before img,
	.post-after img {
		width: 100%;
		max-width: 100px;
	}
	.post-before a .cl-grey,
	.post-after a .cl-grey {
		opacity: .5;
		-webkit-transition: all .2s ease;
		   -moz-transition: all .2s ease;
			-ms-transition: all .2s ease;
			 -o-transition: all .2s ease;
				transition: all .2s ease;
	}
	.post-before a:hover .cl-grey,
	.post-after a:hover .cl-grey {
		opacity: .8;
		-webkit-transition: all .2s ease;
		   -moz-transition: all .2s ease;
			-ms-transition: all .2s ease;
			 -o-transition: all .2s ease;
				transition: all .2s ease;
	}
	.post-before > div:last-child {
		padding-left: 0;
	}
	.post-after {
		text-align: right;
	}
	.post-after > div:first-child {
		float: right;
	}
	.post-after > div:last-child {
		padding-right: 0;
	}
	@media (max-width: 767px) {
		.post-before > div:last-child {
			padding-left: 15px;
		}
		.post-after {
			text-align: left;
		}
		.post-after > div:first-child {
			float: none;
		}
		.post-after > div:last-child {
			padding-right: 15px;
		}
	}

/* Pagination */
	.pagination > li > a,
	.pagination > li > span {
		color: #22be6b;
		background-color: #fff;
		border: 1px solid #ccc;
		font-weight: 700;
		padding: 8px 16px;
	}
	.pagination > .active > a,
	.pagination > .active > a:hover,
	.pagination > .active > span,
	.pagination > .active > span:hover {
		color: #fff;
		background-color: #22be6b;
		border-color: transparent;
	}
	.pagination > li > a:focus,
	.pagination > li > span:focus,
	.pagination > .active > a:focus,
	.pagination > .active > span:focus {
		color: #fff;
		background-color: #00a859;
		border-color: #00a859;
		z-index: 3;
	}
	.pagination > li > a:hover,
	.pagination > li > span:hover {
		color: #22be6b;
		background-color: #eee;
	}
	.pagination > .disabled > a,
	.pagination > .disabled > a:focus,
	.pagination > .disabled > a:hover,
	.pagination > .disabled > span,
	.pagination > .disabled > span:focus,
	.pagination > .disabled > span:hover {
		color: #bbb;
		background-color: #fff;
		border-color: #ccc;
	}

/* Widget */
	.content .detail-content .widget {
		line-height: 1.42857143;
	}
	.widget .sidebar {
		padding: 20px;
	}
	.widget {
		letter-spacing: -0.5px;
	}
	.widget a {
		color: #333;
		font-weight: 700;
	}
	.widget a:hover {
		color: #22be6b;
	}
	.widget .widget-item {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.widget .widget-item:first-child {
		margin-top: 0;
	}
	.widget .widget-item:last-child {
		margin-bottom: 0;
	}
	.widget .title-widget {
		font-size: 17px;
		border-bottom: 3px solid #e6e6e6;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	.widget .latest-post li {
		border-color: #d7d7d7;
	}
	.widget .latest-post > li:first-child {
		padding-top: 10px;
	}
	.widget .latest-post > li:last-child {
		padding-bottom: 5px;
	}
	.list-group-item .badge {
		float: none;
		margin-left: 5px;
		background-color: #22be6b;
	}
	.arrow .list-group-item {
		border: none;
	}
	.arrow .list-group-item:before {
		content: "\f054";
		font-family: "FontAwesome";
		position: absolute;
		top: 20px;
		left: 0;
		color: #ccc;
		-webkit-transform: translateY(-50%);
		   -moz-transform: translateY(-50%);
				transform: translateY(-50%);
	}
	.widget .social a,
	.widget .social a:hover {
		color: #fff;
	}
	.widget p {
		line-height: 1.7em;
	}
	.widget .tag,
	.widget .tag:hover,
	.widget .tag:focus {
		color: #fff;
	}
	.tag {
		color: #fff;
		background-color: #22be6b;
		padding: 5px 12px;
		font-size: 13px;
		margin-right: 5px;
		margin-bottom: 7px;
		font-weight: 600 !important;
		display: inline-block;
	}
	.tag:hover,
	.tag:focus {
		color: #fff;
		background-color: #129c53;
	}
	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 .07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}

/* Collapse Menu */
	.panel-group .panel {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.panel-default>.panel-heading {
		color: #fff;
		background-color: #018acd;
	}
	.panel-danger>.panel-heading {
		background-color: #dc3f3f
	}
	.panel-heading a {
		display: block;
		padding-top: 7px;
		padding-bottom: 7px;
		cursor: pointer;
		font-weight: 700;
	}
	.panel-heading a:hover,
	.panel-heading a:focus {
		color: #fff;
	}
	.panel-heading a:after {
		font-family: "FontAwesome";
		content: "\f056";
		float: right;
		opacity: .7;
	}
	.panel-heading a.collapsed:after {
		content: "\f055";
	}
	.panel-body {
		padding: 15px 20px;
		background-color: #fcfcfc;
	}