/*

	========================================

	TABLE OF CONTENTS

	========================================



	[1. GLOBAL STYLE]

	[2. TYPOGRAPHY]

	[3. COMPONENT]

    [3.1 BANNER ADS]

    [3.2 SOCIAL ICON]

    [3.3 SEARCH FORM]

    [3.4 BREADCRUMB]

	[4. TOPBAR]

	[5. MASTHEAD]

    [5.1 SITE HEADER]

    [5.2 NAVIGATION]

    [5.3 POST TRENDING]

    [5.4 SLIDER]

	[6. ENTRY POST]

    [6.1 RELATED POST]

    [6.2 TAGS]

    [6.3 SHARE LINK]

    [6.4 PAGINATION]

	[7. SIDEBAR]

    [7.1 CUSTOM WIDGET]

	[8. ACCESSIBILITY]

	[9. ALIGNMENTS]

	[10. COMMENTS]

	[11. INFINITE SCROLL]

	[12. MEDIA]

    [12.1 CAPTIONS]

    [12.2 GALLERIES]

	[13. FOOTER]



*/



/*

	===========================

	[1. GLOBAL STYLE]

	===========================

*/

body {

	margin: 0;

	padding: 0;

	font-family: 'Droid Serif', georgia,"times new roman",times,serif;

	font-size: 13px;

	line-height: 24px;

	color: #2b2b2b;

	background-color: #ffffff;

}

::-moz-selection {

	color: #ffffff;

	text-shadow: none;

	background-color: #e74c3c;

}

::-webkit-selection {

	color: #ffffff;

	text-shadow: none;

	background-color: #e74c3c;

}

::selection {

	color: #ffffff;

	text-shadow: none;

	background-color: #e74c3c;

}

a {

	color: #e74c3c;

	text-decoration: none;

}

a:hover {

	color: #d62c1a;

	text-decoration: none;

}

@-moz-document url-prefix() {

	/* Firefox doesn't respect max-width in certain situations */

	img {

		width: 100%;

		max-width: -moz-max-content;

	}

}

input,

textarea,

button,

select {

	max-width: 100%;

}

input:focus,

.form-control:focus,

textarea:focus {

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	-ms-box-shadow: none;

	-o-box-shadow: none;

	box-shadow: none;

	border-color: #b3b3b3;

}

input[type="submit"],

button {

	padding: 4px 18px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	-ms-border-radius: 3px;

	-o-border-radius: 3px;

	border-radius: 3px;

	border: 1px solid transparent;

	color: #ffffff;

	background-color: #e74c3c;

}

input[type="submit"]:hover,

button:hover,

input[type="submit"]:focus,

button:focus {

	background-color: #e43725;

}

table {

	width: 100%;

	max-width: 100%;

	margin-bottom: 20px;

}

table thead > tr > th,

table tbody > tr > th,

table tfoot > tr > th,

table thead > tr > td,

table tbody > tr > td,

table tfoot > tr > td {

	padding: 8px;

	line-height: 1.42857143;

	vertical-align: top;

}

table > thead > tr > th {

	font-size: 14px;

	text-transform: uppercase;

	vertical-align: bottom;

}

/*

	===========================

	[2. TYPOGRAPHY]

	===========================

*/

h1,

h2,

h3,

h4,

h5,

h6 {

	font-family: 'Bitter', serif;

	font-weight: 700;

	color: #2b2b2b;

}

h1 {

	font-size: 30px;

	line-height: 34px;

}

h2 {

	font-size: 26px;

	line-height: 30px;

}

h3 {

	font-size: 22px;

	line-height: 28px;

}

h4 {

	font-size: 18px;

	line-height: 26px;

}

h5 {

	font-size: 16px;

	line-height: 24px;

}

h6 {

	font-size: 13px;

	line-height: 22px;

}

hr {

	border-color: #e6e6e6;

}

blockquote {

	font-family: 'Bitter', serif;

	position: relative;

	font-size: 21px;

	line-height: 34px;

	padding-left: 60px;

	border-left: none;

	color: #484a56;

}

blockquote::before {

	content: '\f10d';

	font-family: 'FontAwesome';

	position: absolute;

	left: 0;

	width: 35px;

	height: 35px;

	font-size: 14px;

	line-height: 32px;

	text-align: center;

	border: 2px solid #b3b3b3;

	-webkit-border-radius: 100%;

	-moz-border-radius: 100%;

	-ms-border-radius: 100%;

	-o-border-radius: 100%;

	border-radius: 100%;

	color: #b3b3b3;

}

blockquote cite {

	font-size: 16px;

	color: #6b6e80;

}

.marg--10-top {

	margin-top: -10px;

}

.marg-40-top {

	margin-top: 40px;

}

.padd-20-btm {

	padding-bottom: 20px !important;

}

.section-title {

	padding-bottom: 30px;

	color: #2b2b2b;

}

.section-title h2 {

	margin: 0;

	padding-top: 10px;

	font-family: 'Open Sans', sans-serif;

	font-weight: 600;

	font-size: 18px;

	line-height: 32px;

	text-transform: uppercase;

	border-top: 1px solid #d9d9d9;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-o-box-sizing: border-box;

	box-sizing: border-box;

	-ms-word-wrap: break-word;

	word-wrap: break-word;

}

.section-title h2 small {

	float: right;

	margin-top: 5px;

	font-size: 11px;

	line-height: 22px;

}

.section-title h2 small a {

	color: #9395a5;

}

.section-title h2 small a:hover {

	color: #2b2b2b;

}

.section-title h2 small a::after {

	font-family: 'FontAwesome';

	content: '\f101';

	padding-left: 10px;

}

.page-header {

	margin-top: 20px;

	margin-bottom: 60px;

	font-family: 'Open Sans', sans-serif;

	text-align: center;

	border-bottom-color: #e6e6e6;

}

.page-header h1 {

	font-family: 'Open Sans', sans-serif;

	font-size: 20px;

	line-height: 28px;

	text-transform: uppercase;

}

.page-header .taxonomy-description,

.page-header .archive-description {

	display: block;

	max-width: 90%;

	margin-top: 20px;

	margin-left: auto;

	margin-right: auto;

}

.no-border {

	border: none !important;

}

/*

	===========================

	[3. COMPONENT]

	===========================

*/

/*

	===========================

	[3.1 BANNER ADS]

	===========================

*/

.section-banner-ads {

	display: block;

	margin: 0;

	text-align: center;

}

.section-banner-ads::before,

.section-banner-ads::after {

	content: '';

	display: table;

	clear: both;

}

.section-banner-ads img {

	max-width: 100%;

	height: auto;

	margin-bottom: 0;

}

/*

	===========================

	[3.2 SOCIAL ICON]

	===========================

*/

.social-icon {

	display: block;

	list-style-type: none;

	margin: 0;

	padding: 0;

}

.social-icon li {

	display: inline-block;

	margin-right: 5px;

	margin-bottom: 10px;

}

.social-icon li a {

	display: block;

	width: 35px;

	height: 35px;

	font-size: 16px;

	line-height: 33px;

	text-align: center;

	color: #6b6e80;

	border: 1px solid #d9d9d9;

	-webkit-border-radius: 100%;

	-moz-border-radius: 100%;

	-ms-border-radius: 100%;

	-o-border-radius: 100%;

	border-radius: 100%;

	background-color: #e6e6e6;

}

.social-icon li a:hover,

.social-icon li a:focus {

	color: #2b2b2b;

	border-color: #bfbfbf;

}

.social-icon li:last-child a {

	margin-right: 0;

}

/*

	===========================

	[3.3 SEARCH FORM]

	===========================

*/

.search-form {

	position: relative;

}

.search-form label {

	display: block;

}

.search-form .search-field {

	display: block;

	width: 100%;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	-ms-box-shadow: none;

	-o-box-shadow: none;

	box-shadow: none;

	border: 1px solid #cccccc;

	padding: 8px 85px 8px 20px;

	-webkit-border-radius: 20px;

	-moz-border-radius: 20px;

	-ms-border-radius: 20px;

	-o-border-radius: 20px;

	border-radius: 20px;

}

.search-form .search-field:focus {

	outline: none;

	font-weight: 400;

	color: #858899;

}

.search-form .search-submit {

	position: absolute;

	right: 3px;

	top: 3px;

	border: 1px solid transparent;

	padding: 5px 16px;

	-webkit-border-radius: 20px;

	-moz-border-radius: 20px;

	-ms-border-radius: 20px;

	-o-border-radius: 20px;

	border-radius: 20px;

	color: #ffffff;

	background-color: #e74c3c;

}

.search-form .search-submit:hover {

	background-color: #e43725;

}

.search-form .search-submit:focus {

	outline: none;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	-ms-box-shadow: none;

	-o-box-shadow: none;

	box-shadow: none;

}

/*

	===========================

	[3.4 BREADCRUMB]

	===========================

*/

.breadcrumb {

	margin: 25px 0 0;

	padding: 10px 20px;

	font-family: 'Open Sans', sans-serif;

	font-size: 12px;

	line-height: 22px;

	text-transform: capitalize;

	border: none;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	-ms-border-radius: 2px;

	-o-border-radius: 2px;

	border-radius: 2px;

	background-color: #f2f2f2;

}

/*

	===========================

	[4. TOPBAR]

	===========================

*/

.site-topbar {

	display: block;

	width: 100%;

	padding: 10px 0;

	margin: 0;

	/*background-color: #f2f2f2;*/

}

.site-topbar .ticker {

	display: block;

	position: relative;

	overflow: hidden;

}

.site-topbar .ticker-wrapper.has-js {

	display: block;

	width: auto;

	max-width: 100%;

	height: 25px;

	margin: 0;

	padding: 0;

	overflow: hidden;

}

.site-topbar .ticker-title {

	display: inline-block;

	float: left;

	margin-right: 15px;

	font-family: 'Open Sans', sans-serif;

	font-size: 12px;

	line-height: 16px;

	font-weight: 600;

	text-transform: uppercase;

	color: #ffffff;

}

.site-topbar .ticker-title span {

	display: block;

	padding: 5px 12px;

	background-color: #6288a5;

}

.site-topbar .ticker-content {

	display: inline-block;

	float: left;

	margin: 0;

	padding-top: 5px;

	font-size: 13px;

	line-height: 18px;

	color: #2b2b2b;

	overflow: hidden;

	white-space: nowrap;

}

.site-topbar .ticker-content,

.site-topbar .ticker-content a {

	text-decoration: none;

	color: #2b2b2b;

}

.site-topbar .ticker-content:hover,

.site-topbar .ticker-content a:hover {

	text-decoration: underline;

	color: #6b6e80;

}

.site-topbar .ticker-swipe {

	display: block;

	position: absolute;

	top: 0;

	width: 100%;

	height: 23px;

	padding-top: 10px;

	background-color: #fff;

}

.site-topbar .ticker-swipe span {

	display: block;

	height: 1px;

	width: 10px;

	margin-top: 8px;

	margin-left: 3px;

	border-bottom: 1px solid #2b2b2b;

	background-color: #2b2b2b;

}

.site-topbar .ticker-controls {

	display: none;

	visibility: hidden;

}

.site-topbar .topbar-menu ul {

	display: block;

	padding: 0;

	margin: 0;

	text-align: right;

	list-style-type: none;

}

.site-topbar .topbar-menu ul li {

	position: relative;

	display: inline-block;

}

.site-topbar .topbar-menu ul li a {

	display: block;

	padding: 3px 8px;

	font-family: 'Open Sans', sans-serif;

	font-size: 10px;

	line-height: 22px;

	text-transform: uppercase;

	text-decoration: none;

	color: #9395a5;

}

.site-topbar .topbar-menu ul li a:hover {

	color: #2b2b2b;

}

.site-topbar .topbar-menu ul.social-media li::before {

	content: '';

}

.site-topbar .topbar-menu ul.social-media li a {

	font-size: 16px;

	line-height: 18px;

}

.site-topbar .topbar-menu ul.social-media li a:hover {

	color: #e74c3c;

}

@media screen and (max-width: 767px) {

	.site-topbar .topbar-menu ul {

		text-align: center;

	}

}

/*

	===========================

	[5. MASTHEAD]

	===========================

*/

/*

	===========================

	[5.1 SITE HEADER]

	===========================

*/

.site-header {

	display: block;


}

.site-header .site-branding {

	margin-bottom: 20px;

}

.site-header .site-branding .site-title {

	margin: 20px 0 10px;

	font-family: 'Bitter', serif;

	font-size: 34px;

	font-weight: 400;

}

.site-header .site-branding .site-title a {

	color: #e74c3c;

}

.site-header .site-branding .site-title a:hover {

	color: #2b2b2b;

}

.site-header .site-branding .site-title a:focus {

	text-decoration: none;

}

.site-header .site-branding .site-title.title-image {

	margin: 0;

}

.site-header .site-branding img {

	display: block;

	max-height: 50px;

	width: auto;

	max-width: 100%;

	margin-top: 10px;

	margin-bottom: 5px;

}

.site-header .site-branding .site-description {

	font-family: 'Bitter', serif;

	font-size: 13px;

	line-height: 22px;

}

.site-header .header-banner {

	display: block;

	text-align: right;

	margin-bottom: 20px;

}

.site-header .header-banner img,

.site-header .header-banner iframe {

	max-width: 100%;

	height: auto;

}

@media screen and (max-width: 767px) {

	.site-header .site-branding,

	.site-header .header-banner {

		text-align: center;

	}

	.site-header .site-branding img {

		margin-left: auto;

		margin-right: auto;

	}

	.site-header .site-branding iframe {

		max-width: 100%;

		height: auto;

	}

}

/*

	===========================

	[5.2 NAVIGATION]

	===========================

*/

.main-navigation {

	clear: both;

	display: block;

	float: left;

	width: 100%;

	font-size: 12px;

	font-weight: 400;

	border-top: 3px solid #555555;

	border-bottom: 2px solid #f2f2f2;

	background-color: #ffffff;

}

.main-navigation ul {

	display: none;

	list-style: none;

	margin: 0;

	padding-left: 0;

}

.main-navigation ul ul {

	float: left;

	position: absolute;

	top: 100%;

	left: -999em;

	z-index: 99999;

	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

	-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

	-ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

	-o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

	border-top: 1px solid #f2f2f2;

	background-color: rgba(255, 255, 255, 0.95);

}

.main-navigation ul ul:hover > a,

.main-navigation ul ul .focus > a {

	color: #6b6e80;

}

.main-navigation ul ul li {

	position: relative;

	border-bottom: 1px solid #e6e6e6;

}

.main-navigation ul ul li:last-child {

	border-bottom: none;

}

.main-navigation ul ul li:hover > ul,

.main-navigation ul ul li.focus > ul {

	margin-top: -1px;

	left: 100%;

}

.main-navigation ul ul li::before {

	content: '';

	position: absolute;

	left: 15px;

	top: 0;

	width: 1px;

	height: 100%;

	background-color: #e6e6e6;

}

.main-navigation ul ul li::after {

	content: '';

	position: absolute;

	left: 11px;

	top: 18px;

	width: 9px;

	height: 9px;

	border-radius: 100%;

	border: 1px solid #e6e6e6;

	background-color: rgba(255, 255, 255, 0.95);

}

.main-navigation ul ul li:hover::before,

.main-navigation ul ul li:focus::before {

	content: '';

	background-color: #e74c3c;

}

.main-navigation ul ul li:hover::after,

.main-navigation ul ul li:focus::after {

	content: '';

	border-color: #e74c3c;

}

@media screen and (max-width: 37.5em) {

	.main-navigation ul ul li {

		background-color: rgba(255, 255, 255, 0.95);

		border-bottom: none;

	}

}

.main-navigation ul ul a {

	width: 200px;

	padding: 10px 16px 8px 30px;

	font-size: 12px;

	font-weight: 400;

	color: #2b2b2b;

}

.main-navigation ul ul a:hover,

.main-navigation ul ul a.focus {

	text-decoration: none;

	color: #6b6e80;

}

.main-navigation ul ul a:hover::before,

.main-navigation ul ul a.focus::before {

	content: '+';

	display: none;

}

.main-navigation ul ul ul {

	left: -999em;

	top: 0;

}

@media screen and (max-width: 37.5em) {

	.main-navigation ul ul ul {

		background-color: transparent;

	}

}

@media screen and (max-width: 37.5em) {

	.main-navigation ul ul {

		display: block;

		float: none;

		position: static;

		padding: 0 20px;

		-webkit-box-shadow: none;

		-moz-box-shadow: none;

		-ms-box-shadow: none;

		-o-box-shadow: none;

		box-shadow: none;

		background-color: transparent;

	}

}

.main-navigation li {

	float: left;

	position: relative;

}

.main-navigation li:hover > a,

.main-navigation li.focus > a {

	position: relative;

	color: #e74c3c;

}

.main-navigation li:hover > ul,

.main-navigation li.focus > ul {

	left: auto;

}

@media screen and (max-width: 37.5em) {

	.main-navigation li {

		display: block;

		float: none;

		border-bottom: 1px solid rgba(255, 255, 255, 0.95);

	}

	.main-navigation li:last-child {

		border-bottom: none;

	}

}

.main-navigation li.menu-item-has-children {

	position: relative;

	margin-right: 10px;

}

.main-navigation li.menu-item-has-children::after {

	content: '+';

	position: absolute;

	right: 0;

	top: 14px;

	font-size: 13px;

}

.main-navigation li.menu-item-has-children:hover::after,

.main-navigation li.menu-item-has-children:focus::after {

	content: '-';

	color: #e74c3c;

}

.main-navigation li.menu-item-has-children .menu-item-has-children {

	margin-right: 0;

}

.main-navigation li.menu-item-has-children .menu-item-has-children::after {

	content: '';

	position: absolute;

	left: 11px;

	top: 18px;

	width: 9px;

	height: 9px;

	border-radius: 100%;

	border: 1px solid #e6e6e6;

}

.main-navigation li.menu-item-has-children .menu-item-has-children:hover::after,

.main-navigation li.menu-item-has-children .menu-item-has-children:focus::after {

	content: '';

	border-color: #e74c3c;

}

.main-navigation a {

	display: block;

	padding: 14px 16px;

	font-family: 'Open Sans', sans-serif;

	font-size: 14px;

	font-weight: 700;

	text-decoration: none;

	text-transform: uppercase;

	color: #2b2b2b;

}

.main-navigation .current_page_item > a,

.main-navigation .current-menu-item > a,

.main-navigation .current_page_ancestor > a,

.main-navigation .current-menu-ancestor > a {

	color: #e74c3c;

}

.main-navigation.sticky-bar {

	position: fixed;

	z-index: 9999;

	left: 0;

	top: 0;

	width: 100%;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}

.main-navigation .menu-toggle,

.main-navigation.toggled ul {

	display: block;

}

@media screen and (max-width: 37.5em) {

	.main-navigation .menu-toggle {

		font-size: 20px;

		line-height: 16px;

		padding: 14px 16px 12px;

		border: none;

		-webkit-border-radius: 4px;

		-moz-border-radius: 4px;

		-ms-border-radius: 4px;

		-o-border-radius: 4px;

		border-radius: 4px;

		color: #2b2b2b;

		background-color: #ffffff;

	}

	.main-navigation .menu-toggle:focus {

		outline: none;

	}

}

@media screen and (min-width: 601px) {

	.main-navigation .menu-toggle {

		display: none;

	}

	.main-navigation ul {

		display: block;

	}

}

/*

	===========================

	[5.3 POST TRENDING]

	===========================

*/

.post-trending {

	width: 100%;

	margin-top: -1px;

	padding: 20px 0 0;

	background-color: #f7f7f7;

}

.post-trending .blog-entry-thumbnail img {

	max-width: 60px;

}

.post-trending .blog-entry-title {

	margin-top: 0;

}

.post-trending .blog-entry-title .blog-entry-title-link {

	font-family: 'Open Sans', sans-serif;

	font-size: 14px;

	line-height: 18px;

	font-weight: 300;

	text-transform: capitalize;

	color: #2b2b2b;

}

.post-trending .blog-entry-title .blog-entry-title-link:hover {

	color: #515151;

}

@media screen and (max-width: 37.5em) {

	.post-trending {

		margin-top: -10px;

	}

}

/*

	===========================

	[5.4 SLIDER]

	===========================

*/

#site-slider .item {

	height: 450px;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-ms-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: top center;

}

#site-slider .carousel-control.left,

#site-slider .carousel-control.right {

	background-image: none;

}

#site-slider .carousel-control:hover {

	opacity: 1;

}

#site-slider .carousel-control .icon-prev,

#site-slider .carousel-control .icon-next,

#site-slider .carousel-control .glyphicon-chevron-left,

#site-slider .carousel-control .glyphicon-chevron-right,

#site-slider .carousel-control .fa-angle-left,

#site-slider .carousel-control .fa-angle-right {

	position: absolute;

	top: 50%;

	z-index: 5;

	display: inline-block;

	margin-top: -10px;

	font-size: 36px;

}

#site-slider .carousel-control .icon-prev,

#site-slider .carousel-control .glyphicon-chevron-left,

#site-slider .carousel-control .fa-angle-left,

#site-slider .carousel-control .fa-angle-right {

	left: 50%;

	margin-left: -10px;

}

#site-slider .carousel-control .icon-next,

#site-slider .carousel-control .glyphicon-chevron-right,

#site-slider .carousel-control .fa-angle-left,

#site-slider .carousel-control .fa-angle-right {

	right: 50%;

	margin-right: -10px;

}

#site-slider .carousel-caption {

	right: 45%;

	left: 15%;

	bottom: 60px;

	padding: 25px 30px;

	text-shadow: none;

	text-align: left;

	color: #454545;

	background-color: rgba(255, 255, 255, 0.9);

}

#site-slider .carousel-caption h3 {

	margin: 0;

	font-size: 22px;

	line-height: 28px;

	font-weight: 400;

	text-transform: uppercase;

	-ms-word-wrap: break-word;

	word-wrap: break-word;

	color: #2b2b2b;

}

#site-slider .carousel-caption h3 a {

	color: #2b2b2b;

}

#site-slider .carousel-caption h3 a:hover {

	color: #262626;

}

#site-slider .carousel-caption .entry-category {

	display: block;

	margin-bottom: 10px;

	font-family: 'Open Sans', sans-serif;

	font-size: 12px;

	line-size: 22px;

	font-weight: 600;

	text-transform: uppercase;

}

#site-slider .carousel-caption .entry-category a {

	display: inline;

	padding: 0 2px;

	color: #e74c3c;

}

#site-slider .carousel-caption .entry-category a:hover {

	color: #6b6e80;

}

#site-slider .carousel-caption .entry-author,

#site-slider .carousel-caption .entry-datetime {

	font-family: 'Open Sans', sans-serif;

	font-size: 10px;

	letter-spacing: 1px;

	color: #6b6e80;

}

#site-slider .carousel-caption .entry-author a,

#site-slider .carousel-caption .entry-datetime a {

	text-transform: uppercase;

	color: #2b2b2b;

}

#site-slider .carousel-caption .entry-datetime {

	position: relative;

	padding-left: 15px;

	text-transform: uppercase;

}

#site-slider .carousel-caption .entry-datetime::before {

	content: '\f111';

	position: absolute;

	left: 5px;

	top: -5px;

	font-family: 'FontAwesome';

	font-size: 4px;

	color: #2b2b2b;

}

#site-slider .carousel-caption .entry-post {

	display: block;

	max-width: 95%;

	margin: 15px 0;

	font-family: 'Open Sans', sans-serif;

	font-size: 13px;

	line-height: 22px;

}

#site-slider .carousel-caption .entry-post .read-more {

	font-family: 'Bitter', serif;

	font-style: italic;

	text-transform: capitalize;

	font-size: 11px;

}

#site-slider .carousel-caption .entry-post .read-more a,

#site-slider .carousel-caption .entry-post .read-more a:hover {

	color: #2b2b2b;

	text-decoration: none;

}

#site-slider .carousel-caption .entry-post .read-more::after {

	font-family: 'FontAwesome';

	content: '\f178';

	font-size: 10px;

	padding-left: 5px;

}

@media screen and (max-width: 767px) {

	#site-slider .carousel-caption {

		right: 20%;

	}

	#site-slider .carousel-caption h3 {

		font-size: 20px;

		line-height: 22px;

	}

	#site-slider .carousel-caption .entry-post {

		display: none;

	}

}

.header-image {

	position: relative;

	width: 100%;

	min-height: 350px;

	height: auto;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-ms-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center center;

}

.header-image > *,

.header-image * {

	position: relative;

	z-index: 3;

}

.header-image::after {

	content: '';

	position: absolute;

	z-index: 2;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background-image: -webkit-linear-gradient(left, rgba(58, 111, 129, 0.8) 45%, rgba(111, 89, 74, 0.8) 100%);

	background-image: -o-linear-gradient(left, rgba(58, 111, 129, 0.8) 45%, rgba(111, 89, 74, 0.8) 100%);

	background-image: linear-gradient(to right, rgba(58, 111, 129, 0.8) 45%, rgba(111, 89, 74, 0.8) 100%);

	background-repeat: repeat-x;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@to7d', endColorstr='@to7d', GradientType=0);

}

.header-quote {

	display: block;

	max-width: 70%;

	height: auto;

	padding: 100px 0 80px;

	color: #ffffff;

}

.header-quote blockquote {

	position: relative;

	padding: 0;

	margin: 0;

	font-family: 'Bitter', serif;

	font-size: 32px;

	line-height: 46px;

	font-weight: 400;

	border: 0;

	color: #ffffff;

}

.header-quote blockquote::before {

	content: '';

	visibility: hidden;

}

.header-quote blockquote small {

	display: block;

	padding-top: 20px;

	font-family: 'Open Sans', sans-serif;

	font-size: 16px;

	line-height: 22px;

	font-weight: 300;

	font-style: italic;

	color: #ffffff;

}

.header-quote blockquote small::before {

	content: '- ';

}

@media screen and (max-width: 767px) {

	.header-quote {

		min-height: 420px;

		height: auto;

		max-width: 100%;

		padding: 120px 0 40px;

	}

	.header-quote blockquote {

		font-size: 22px;

		line-height: 32px;

	}

}

/*

	===========================

	[6. ENTRY POST]

	===========================

*/

.site-content {

	margin-top: 30px;

}

.home.page-template-page-fullwidth .widget.perasaan_widget_recent_post:not(.widget-footer),

.home.page-template-page-fullwidth .widget.perasaan_widget_about:not(.widget-footer),

.home.page-template-page-fullwidth .widget.perasaan_widget_popular_post:not(.widget-footer),

.home.page-template-page-fullwidth .widget.widget_search:not(.widget-footer),

.home.page-template-page-fullwidth .widget.widget_recent_comments:not(.widget-footer),

.home.page-template-page-fullwidth .widget.widget_recent_entries:not(.widget-footer),

.home.page-template-page-fullwidth .widget.widget_tag_cloud:not(.widget-footer),

.home.page-template-page-fullwidth .widget.widget_text:not(.widget-footer),

.home.page-template-page-fullwidth .widget.widget_archive:not(.widget-footer),

.home.page-template-page-fullwidth .widget.widget_categories:not(.widget-footer),

.home.page-template-page-fullwidth .widget.widget_calendar:not(.widget-footer) {

	padding: 20px 20px 20px;

	background-color: #f7f7f7;

}

.home.page-template-page-fullwidth .widget ul {

	margin-bottom: 0;

}

.page .entry-header,

.single .entry-header {

	text-align: center;

}

.single .post {

	margin-bottom: 40px;

	padding-bottom: 20px;

	border-bottom: 1px solid #e6e6e6;

}

.entry-header {

	margin-bottom: 40px;

}

.entry-header .cat-links a {

	margin-right: 5px;

	font-family: 'Open Sans', sans-serif;

	font-size: 11px;

	font-weight: 700;

	text-transform: uppercase;

	letter-spacing: 1px;

	color: #e74c3c;

}

.entry-header .cat-links a:last-child {

	margin-right: 0;

}

.entry-header .cat-links a:hover {

	color: #2b2b2b;

}

.entry-title {

	font-family: 'Bitter', serif;

	font-size: 42px;

	font-weight: 400;

	line-height: 48px;

	-ms-word-wrap: break-word;

	word-wrap: break-word;

}

.entry-meta {

	display: block;

	margin-bottom: 20px;

	font-family: 'Open Sans', sans-serif;

}

.entry-meta .byline,

.entry-meta .posted-on,

.entry-meta .post-duration,

.entry-meta .post-views {

	font-size: 10px;

	letter-spacing: 1px;

	text-transform: uppercase;

	color: #6b6e80;

}

.entry-meta .byline,

.entry-meta .posted-on,

.entry-meta .post-duration {

	margin-right: 5px;

}

.entry-meta .byline::after,

.entry-meta .posted-on::after,

.entry-meta .post-duration::after {

	font-family: 'FontAwesome';

	content: '\f111';

	position: relative;

	bottom: 3px;

	padding-left: 8px;

	font-size: 3px;

	color: #2b2b2b;

}

.entry-thumbnail img {

	max-width: 100%;

	height: auto;

}

.entry-content {

	font-family: 'Open Sans', sans-serif;

	font-size: 14px;

	line-height: 24px;

	color: #2b2b2b;

}

.entry-content::before,

.entry-content::after {

	content: '';

	display: table;

	clear: both;

}

.entry-content .widget {

	padding: 0;

}

.entry-content p {

	padding-top: 10px;

	padding-bottom: 5px;

}

.entry-content h1,

.entry-content h2,

.entry-content h3,

.entry-content h4,

.entry-content h5,

.entry-content h6 {

	font-family: 'Open Sans', sans-serif;

}

.entry-content img {

	max-width: 100%;

	height: auto;

	margin-bottom: 20px;

}

.entry-content strong {

	font-family: 'Bitter', serif;

	font-weight: 700;

}

.entry .blog-entry-header .entry-title {

	margin: 0 0 10px;

	font-family: 'Bitter', serif;

	font-weight: 400;

	font-size: 30px;

	line-height: 36px;

}

.entry .blog-entry-header .entry-title a {

	color: #2b2b2b;

}

.entry .blog-entry-header .entry-title a:hover {

	color: #515151;

}

.entry-footer {

	display: block;

}

.entry-author-bio {

	display: block;

	position: relative;

	margin: 40px 0 20px;

	padding-left: 100px;

	font-family: 'Open Sans', sans-serif;

}

.entry-author-bio::before,

.entry-author-bio::after {

	content: '';

	display: table;

	clear: both;

}

.entry-author-bio .author-avatar {

	position: absolute;

	left: 0;

	top: 0;

}

.entry-author-bio .author-avatar img {

	-webkit-border-radius: 40px;

	-moz-border-radius: 40px;

	-ms-border-radius: 40px;

	-o-border-radius: 40px;

	border-radius: 40px;

}

.entry-author-bio .author-description .author-by {

	position: relative;

	display: inline-block;

	padding-right: 15px;

	text-transform: uppercase;

	font-size: 11px;

	letter-spacing: 1px;

	color: #bfbfbf;

}

.entry-author-bio .author-description .author-by::after {

	content: '';

	position: absolute;

	left: 100%;

	top: 12px;

	width: 100px;

	height: 1px;

	background-color: #f2f2f2;

}

.entry-author-bio .author-description h4 {

	margin: 0;

	padding-bottom: 20px;

	font-size: 20px;

	font-weight: 400;

	line-height: 26px;

	text-transform: capitalize;

}

.entry-author-bio .author-description h4 a {

	color: #545664;

}

.entry-author-bio .author-description h4 a:hover {

	color: #e74c3c;

}

.entry-author-bio .author-description h4 small {

	display: block;

	font-family: 'Open Sans', sans-serif;

	font-size: 11px;

	line-height: 22px;

	letter-spacing: 1px;

	color: #9395a5;

}

.sticky,

[class^="sticky-"],

[class*="sticky-"] {

	position: relative;

}

.sticky .sticky-post,

[class^="sticky-"] .sticky-post,

[class*="sticky-"] .sticky-post {

	display: inline-block;

	position: absolute;

	left: 0;

	top: 20px;

	padding: 5px 20px;

	text-transform: uppercase;

	font-size: 11px;

	letter-spacing: 2px;

	-webkit-border-radius: 0 20px 20px 0;

	-moz-border-radius: 0 20px 20px 0;

	-ms-border-radius: 0 20px 20px 0;

	-o-border-radius: 0 20px 20px 0;

	border-radius: 0 20px 20px 0;

	color: #ffffff;

	background-color: #d62c1a;

}

.error-404 {

	margin-bottom: 80px;

	text-align: center;

}

.more-link {

	display: block;

	margin-top: 30px;

	margin-bottom: 40px;

	font-size: 11px;

	font-weight: 600;

	text-align: center;

	text-transform: uppercase;

	color: #2b2b2b;

}

.more-link:hover .more-link-text {

	border-color: #515151;

	color: #515151;

}

.more-link-text {

	display: inline-block;

	padding: 8px 18px;

	border: 2px solid #2b2b2b;

}

/*

	===========================

	[6.1 RELATED POST]

	===========================

*/

.related-posts {

	display: block;

	margin-bottom: 40px;

	font-family: 'Open Sans', sans-serif;

}

@media screen and (max-width: 767px) {

	.related-posts {

		margin-bottom: 10px;

	}

}

.related-posts .post-container {

	display: block;

	max-width: 100%;

	text-align: center;

}

@media screen and (max-width: 767px) {

	.related-posts .post-container {

		margin-bottom: 30px;

	}

}

.related-posts .post-thumbnail {

	display: block;

	margin-bottom: 20px;

}

.related-posts .post-thumbnail img {

	max-width: 100%;

	height: auto;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	-ms-border-radius: 4px;

	-o-border-radius: 4px;

	border-radius: 4px;

}

.related-posts .post-meta {

	display: block;

	margin: 0;

	padding: 0;

	font-size: 10px;

	line-height: 14px;

	letter-spacing: 1px;

	text-transform: uppercase;

}

.related-posts .post-meta a {

	color: #a1a3b0;

}

.related-posts .post-meta a:hover,

.related-posts .post-meta a:focus {

	color: #2b2b2b;

}

.related-posts .post-title {

	margin-top: 5px;

	margin-bottom: 5px;

	font-family: 'Open Sans', sans-serif;

	font-size: 14px;

	line-height: 22px;

	-ms-word-wrap: break-word;

	word-wrap: break-word;

}

.related-posts .post-title a {

	color: #2b2b2b;

}

.related-posts .post-title a:hover,

.related-posts .post-title a:focus {

	color: #6b6e80;

}

/*

	===========================

	[6.2 TAGS]

	===========================

*/

.tags-title {

	position: relative;

	display: block;

	margin-top: 40px;

	padding-top: 40px;

	font-family: 'Open Sans', sans-serif;

	font-size: 11px;

	line-height: 18px;

	text-transform: uppercase;

	letter-spacing: 1px;

	color: #bfbfbf;

}

.tags-title::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 50px;

	height: 2px;

	background-color: #e74c3c;

}

.tags-links {

	display: block;

}

.tags-links a {

	font-family: 'Open Sans', sans-serif;

	font-size: 13px;

	font-style: italic;

	text-transform: capitalize;

	color: #6b6e80;

}

.tags-links a:hover {

	color: #2b2b2b;

	text-decoration: underline;

}

/*

	===========================

	[6.3 SHARE LINK]

	===========================

*/

.share-links {

	display: block;

	margin-top: 40px;

	padding: 20px 25px;

	font-family: 'Open Sans', sans-serif;

	background-color: #f2f2f2;

}

.share-links .share-title {

	float: left;

	margin-top: 5px;

	font-size: 12px;

	font-weight: 600;

	text-transform: uppercase;

	color: #2b2b2b;

}

.share-links ul {

	display: block;

	padding: 0;

	margin: 0;

	text-align: right;

	list-style-type: none;

}

.share-links ul li {

	display: inline-block;

	margin-right: 3px;

	margin-bottom: 5px;

}

.share-links ul li:last-child {

	margin: 0;

}

.share-links ul li a {

	display: block;

	padding: 5px 15px;

	font-size: 11px;

	text-transform: capitalize;

	color: #ffffff;

	background-color: #e6e6e6;

	-webkit-transition: all 0.1s linear;

	-moz-transition: all 0.1s linear;

	-ms-transition: all 0.1s linear;

	-o-transition: all 0.1s linear;

	transition: all 0.1s linear;

}

.share-links ul li a:hover {

	color: #ffffff;

	background-color: #d9d9d9;

	-webkit-transition: all 0.1s linear;

	-moz-transition: all 0.1s linear;

	-ms-transition: all 0.1s linear;

	-o-transition: all 0.1s linear;

	transition: all 0.1s linear;

}

.share-links ul li a i,

.share-links ul li a .fa {

	margin-right: 8px;

	font-size: 13px;

}

.share-links ul li a.icon-facebook {

	background-color: #4467ad;

}

.share-links ul li a.icon-facebook:hover {

	background-color: #3d5c9b;

}

.share-links ul li a.icon-twitter {

	background-color: #4099ff;

}

.share-links ul li a.icon-twitter:hover {

	background-color: #268bff;

}

.share-links ul li a.icon-google {

	background-color: #ff4b4b;

}

.share-links ul li a.icon-google:hover {

	background-color: #ff3131;

}

.share-links ul li a.icon-pinterest {

	background-color: #bf2718;

}

.share-links ul li a.icon-pinterest:hover {

	background-color: #a82315;

}

.share-links a {

	display: inline-block;

	margin-right: 20px;

	font-size: 16px;

}

.share-links a:last-child {

	margin-right: 0;

}

@media screen and (max-width: 600px) {

	.share-links {

		width: 100%;

	}

}

/*

	===========================

	[6.4 PAGINATION]

	===========================

*/

.posts-navigation .nav-links {

	display: block;

	margin-bottom: 20px;

}

.posts-navigation .nav-previous,

.posts-navigation .nav-next {

	display: inline-block;

}

.posts-navigation .nav-previous a,

.posts-navigation .nav-next a {

	display: block;

	padding: 8px 18px;

	font-size: 14px;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	-ms-border-radius: 2px;

	-o-border-radius: 2px;

	border-radius: 2px;

	border: 1px solid #eeeeee;

	color: #6b6e80;

	background-color: #ffffff;

}

.posts-navigation .nav-previous a:hover,

.posts-navigation .nav-next a:hover,

.posts-navigation .nav-previous a:focus,

.posts-navigation .nav-next a:focus {

	color: #ffffff;

	border-color: #d62c1a;

	background-color: #e74c3c;

}

.posts-navigation .nav-previous a::before {

	content: '\f0a5';

	font-family: 'FontAwesome';

	padding-right: 10px;

	font-size: 16px;

}

.posts-navigation .nav-next {

	float: right;

}

.posts-navigation .nav-next a::after {

	content: '\f0a4';

	font-family: 'FontAwesome';

	padding-left: 10px;

	font-size: 16px;

}

@media screen and (max-width: 992px) {

	.posts-navigation {

		margin-bottom: 60px;

	}

}

.pagination {

	font-family: 'Open Sans', sans-serif;

}

.pagination .nav-links a {

	color: #2b2b2b;

}

.pagination .nav-links a:hover {

	color: #6b6e80;

}

.pagination .nav-links a,

.pagination .nav-links span {

	display: inline-block;

	padding: 8px 20px;

	font-weight: 600;

	border: 1px solid #e6e6e6;

	background-color: #ffffff;

}

.pagination .nav-links .current {

	color: #e74c3c;

}

.post-navigation {

	margin-bottom: 40px;

}

.post-navigation .nav-links {

	display: table;

	width: 100%;

	font-family: 'Open Sans', sans-serif;

}

.post-navigation .nav-links .nav-previous,

.post-navigation .nav-links .nav-next {

	display: inline-block;

	width: 48%;

}

.post-navigation .nav-links .nav-previous span,

.post-navigation .nav-links .nav-next span {

	display: block;

	font-size: 10px;

	text-transform: uppercase;

	letter-spacing: 2px;

	color: #cccccc;

}

.post-navigation .nav-links .nav-previous .prev-link,

.post-navigation .nav-links .nav-next .prev-link,

.post-navigation .nav-links .nav-previous .next-link,

.post-navigation .nav-links .nav-next .next-link {

	display: block;

	font-size: 18px;

	color: #2b2b2b;

}

@media screen and (max-width: 37.5em) {

	.post-navigation .nav-links .nav-previous,

	.post-navigation .nav-links .nav-next {

		width: 100%;

		margin-right: 0;

		margin-bottom: 40px;

	}

}

.post-navigation .nav-links .nav-previous .prev-link::before {

	content: '\f177';

	font-family: 'FontAwesome';

	font-size: 12px;

	margin-right: 15px;

}

.post-navigation .nav-links .nav-next {

	float: right;

	text-align: right;

}

.post-navigation .nav-links .nav-next .next-link::after {

	content: '\f178';

	font-family: 'FontAwesome';

	font-size: 12px;

	margin-left: 15px;

}

@media screen and (max-width: 992px) {

	.post-navigation {

		margin-bottom: 60px;

	}

}

.page-links {

	position: relative;

	clear: both;

	margin-bottom: 1.5em;

	padding: 5px;

	display: inline-table;

	font-weight: 400;

	border-bottom: 1px solid #e6e6e6;

}

.page-links > a {

	position: relative;

	padding: 5px 8px;

	color: #6b6e80;

}

.page-links > a:last-child {

	margin-right: 0;

}

.page-links > a:hover {

	cursor: pointer;

	color: #afb1bc;

}

.page-links > span {

	position: relative;

	padding: 5px 8px;

	color: #afb1bc;

}

.page-links > span:last-child {

	margin-right: 0;

}

/*

	===========================

	[7. SIDEBAR]

	===========================

*/

.widget-area {

	background-color: #f7f7f7;

}

.widget {

	padding: 35px 40px 30px;

}

.widget-title {

	border-top: 1px solid #e6e6e6;

	padding-top: 10px;

	margin: 0 0 30px;

	font-family: 'Open Sans', sans-serif;

	font-size: 12px;

	line-height: 22px;

	font-weight: 700;

	text-transform: uppercase;

	-ms-word-wrap: break-word;

	word-wrap: break-word;

	color: #2b2b2b;

}

.widget-title-more {

	float: right;

	font-size: 10px;

	font-weight: 400;

}

.widget-title-more a {

	color: #a1a3b0;

}

.widget-title-more a:hover {

	color: #6b6e80;

}

.widget-title-more a::after {

	font-family: 'FontAwesome';

	content: '\f101';

	padding-left: 5px;

}

.widget_recent_entries ul,

.widget_meta ul {

	list-style-type: none;

	padding: 0;

	margin: 0 0 0 10px;

}

.widget_recent_entries ul li,

.widget_meta ul li {

	position: relative;

	margin-bottom: 10px;

	font-family: 'Open Sans', sans-serif;

	text-transform: capitalize;

	font-size: 13px;

	line-height: 22px;

	color: #9395a5;

}

.widget_recent_entries ul li:last-child,

.widget_meta ul li:last-child {

	margin-bottom: 0;

}

.widget_recent_entries ul li::before,

.widget_meta ul li::before {

	font-family: 'FontAwesome';

	content: '\f111';

	position: absolute;

	left: -10px;

	top: 0;

	font-size: 3px;

	color: #2b2b2b;

}

.widget_recent_entries ul li a,

.widget_meta ul li a {

	display: block;

	font-size: 14px;

	-ms-word-wrap: break-word;

	word-wrap: break-word;

	color: #2b2b2b;

}

.widget_recent_entries ul li a:hover,

.widget_meta ul li a:hover {

	color: #515151;

}

.widget_recent_entries ul li span,

.widget_meta ul li span {

	display: block;

	margin-top: 5px;

	font-size: 9px;

	text-transform: uppercase;

	letter-spacing: 2px;

}

.widget_recent_comments ul {

	list-style-type: none;

	padding-left: 0;

}

.widget_recent_comments ul li {

	position: relative;

	padding: 12px 0 13px 35px;

	font-family: 'Open Sans', sans-serif;

	font-size: 11px;

	text-transform: none;

	border-bottom: 1px dashed #e6e6e6;

	color: #9395a5;

}

.widget_recent_comments ul li:last-child {

	border-bottom: none;

}

.widget_recent_comments ul li:hover span {

	color: #2b2b2b;

}

.widget_recent_comments ul li:hover::before {

	color: #2b2b2b;

}

.widget_recent_comments ul li span {

	display: inline-block;

	text-transform: uppercase;

	color: #6b6e80;

}

.widget_recent_comments ul li span,

.widget_recent_comments ul li span a {

	text-transform: uppercase;

	font-size: 11px;

	font-weight: 400;

}

.widget_recent_comments ul li a {

	display: block !important;

	font-family: 'Bitter', serif;

	font-size: 14px;

	text-transform: capitalize;

	color: #2b2b2b;

}

.widget_recent_comments ul li a:hover {

	color: #6b6e80;

}

.widget_recent_comments ul li::before {

	content: '\f0e6';

	font-family: 'FontAwesome';

	position: absolute;

	left: 0;

	top: 12px;

	color: #6b6e80;

	font-size: 16px;

}

.widget_archive ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

}

.widget_archive ul li {

	margin-bottom: 10px;

	padding-bottom: 10px;

	border-bottom: 1px solid #e6e6e6;

}

.widget_archive ul li:last-child {

	margin-bottom: 0;

	border-bottom: none;

}

.widget_archive ul li a {

	padding: 0;

	font-family: 'Open Sans', sans-serif;

	font-size: 13px;

	line-height: 18px;

	color: #6b6e80;

}

.widget_archive ul li a:hover {

	color: #2b2b2b;

}

.widget_categories ul {

	padding: 0;

	list-style-type: none;

}

.widget_categories ul ul {

	margin-left: 20px;

}

.widget_categories ul li {

	position: relative;

	color: #6b6e80;

	font-weight: 400;

}

.widget_categories ul li a {

	display: inline-block;

	margin-bottom: 5px;

	margin-right: 10px;

	border-bottom: 1px solid #e6e6e6;

	text-transform: uppercase;

	font-family: 'Bitter', serif;

	font-size: 18px;

	font-weight: 600;

	color: #2b2b2b;

}

.widget_categories ul li a:hover {

	color: #6b6e80;

}

.widget_tag_cloud .tagcloud a {

	display: inline-block;

	padding: 8px 12px;

	margin-right: 5px;

	margin-bottom: 8px;

	border: 1px solid #ebebeb;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	-ms-border-radius: 3px;

	-o-border-radius: 3px;

	border-radius: 3px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-o-box-sizing: border-box;

	box-sizing: border-box;

	font-family: 'Open Sans', sans-serif;

	font-size: 10px !important;

	line-height: 18px !important;

	text-transform: uppercase;

	color: #2b2b2b;

	background-color: #f7f7f7;

}

.widget_tag_cloud .tagcloud a:hover {

	border-color: #d9d9d9;

	color: #6b6e80;

}

.widget_text .textwidget {

	font-family: 'Open Sans', sans-serif;

	font-size: 13px;

	line-height: 24px;

	color: #2b2b2b;

}

.widget_text .textwidget img {

	max-width: 100%;

	height: auto;

}

.widget_nav_menu ul {

	list-style-type: none;

	padding-left: 20px;

}

.widget_nav_menu ul li {

	position: relative;

	padding: 4px 3px;

}

.widget_nav_menu ul li::before {

	content: '';

	position: absolute;

	left: -20px;

	top: 0;

	width: 1px;

	height: 100%;

	background-color: #d9d9d9;

}

.widget_nav_menu ul li::after {

	content: '';

	position: absolute;

	left: -23px;

	top: 12px;

	width: 7px;

	height: 7px;

	border: 1px solid #d9d9d9;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	-ms-border-radius: 6px;

	-o-border-radius: 6px;

	border-radius: 6px;

	background-color: #f7f7f7;

}

.widget_nav_menu ul li:hover::after {

	border-color: #e74c3c;

}

.widget_nav_menu ul li a {

	font-family: 'Open Sans', sans-serif;

	font-size: 13px;

	line-height: 20px;

	text-transform: capitalize;

	color: #6b6e80;

}

.widget_nav_menu ul li a:hover {

	color: #2b2b2b;

}

.widget_calendar {

	margin-bottom: 20px;

}

.widget_calendar #calendar_wrap table {

	width: 100%;

	margin: 0 auto;

	border-spacing: 0;

	border-collapse: collapse;

}

.widget_calendar #calendar_wrap table th {

	text-align: center;

	padding: 10px 0;

	font-size: 14px;

	border: 1px solid #e6e6e6;

	color: #2b2b2b;

	background-color: #e6e6e6;

}

.widget_calendar #calendar_wrap table td.pad,

.widget_calendar #calendar_wrap table tfoot td {

	border: 1px solid #e6e6e6;

}

.widget_calendar #calendar_wrap table td {

	text-align: center;

	font-size: 14px;

	line-height: 28px;

	padding: 5px 0;

	border: 1px solid #e6e6e6;

	color: #6b6e80;

}

.widget_calendar #calendar_wrap table caption {

	padding: 10px;

	text-align: center;

	font-size: 14px;

	line-height: 28px;

	font-weight: 700;

	border: 1px solid #e6e6e6;

	color: #2b2b2b;

}

.widget_calendar #calendar_wrap table #today {

	font-weight: 700;

	color: #e74c3c;

}

.widget_calendar #calendar_wrap table tbody a {

	display: block;

	font-weight: 700;

	text-decoration: none;

	color: #2b2b2b;

}

.widget_calendar #calendar_wrap table tbody a:hover {

	color: #e74c3c;

}

.widget_calendar #calendar_wrap table tfoot a {

	font-weight: 700;

	text-decoration: none;

	color: #2b2b2b;

}

.widget_calendar #calendar_wrap table tfoot a:hover {

	color: #6b6e80;

}

.widget select {

	max-width: 100%;

}

.blog-entry {

	display: block;

	clear: left;

	margin-bottom: 20px;

	padding-right: 0;

	overflow: hidden;

}

.blog-entry-thumbnail img {

	float: left;

	margin-right: 15px;

	max-width: 130px;

	height: auto;

}

.blog-entry-thumbnail.thumbnail-medium img {

	max-width: 100%;

	height: auto;

}

.blog-entry-thumbnail.thumbnail-small img {

	max-width: 80px;

	height: auto;

}

.blog-entry-title {

	display: block;

	margin-top: 10px;

	font-family: 'Bitter', serif;

}

.blog-entry-title .blog-entry-title-link {

	display: block;

	font-size: 14px;

	line-height: 20px;

	color: #2b2b2b;

}

.blog-entry-title .blog-entry-title-link:hover {

	color: #515151;

}

.blog-entry-title .blog-entry-date,

.blog-entry-title .blog-entry-author,

.blog-entry-title .blog-entry-tag,

.blog-entry-title .blog-entry-cat {

	margin-top: 5px;

	font-family: 'Open Sans', sans-serif;

	font-size: 10px;

	text-transform: uppercase;

	letter-spacing: 1px;

	color: #9395a5;

}

.blog-entry-title .blog-entry-tag,

.blog-entry-title .blog-entry-cat {

	font-size: 12px;

	font-weight: 600;

}

.blog-entry-content {

	font-family: 'Open Sans', sans-serif;

	font-size: 13px;

	line-height: 24px;

	color: #2b2b2b;

}

.blog-entry-content::before,

.blog-entry-content::after {

	content: '';

	display: table;

	clear: both;

}

.blog-entry-footer {

	margin-bottom: 20px;

}

.blog-entry-big {

	display: block;

	margin-bottom: 30px;

	border-bottom: 1px solid #e6e6e6;

	font-family: 'Open Sans', sans-serif;

}

.blog-entry-big.no-border {

	border-bottom: none;

}

.blog-entry-big::before,

.blog-entry-big::after {

	content: '';

	display: table;

	clear: both;

}

.blog-entry-big .blog-entry-area {

	padding-left: 80px;

	padding-right: 80px;

	text-align: center;

}

.blog-entry-big .blog-entry-thumbnail img {

	display: block;

	float: none;

	margin: 0 auto 20px;

	max-width: 100%;

	height: auto;

}

.blog-entry-big .blog-entry-header .entry-cat a,

.blog-entry-big .blog-entry-header .entry-tag a {

	margin-right: 10px;

	font-size: 11px;

	font-weight: 600;

	text-transform: uppercase;

	letter-spacing: 1px;

	color: #e74c3c;

}

.blog-entry-big .blog-entry-header .entry-cat a:last-child,

.blog-entry-big .blog-entry-header .entry-tag a:last-child {

	margin-right: 0;

}

.blog-entry-big .blog-entry-header .entry-cat a:hover,

.blog-entry-big .blog-entry-header .entry-tag a:hover {

	color: #e43725;

}

.blog-entry-big .blog-entry-header .entry-title {

	margin: 0 0 10px;

	font-family: 'Bitter', serif;

	font-weight: 400;

	font-size: 30px;

	line-height: 36px;

}

.blog-entry-big .blog-entry-header .entry-title a {

	color: #2b2b2b;

}

.blog-entry-big .blog-entry-header .entry-title a:hover {

	color: #515151;

}

.blog-entry-big .blog-entry-meta {

	display: block;

	margin-bottom: 20px;

}

.blog-entry-big .blog-entry-meta .post-author,

.blog-entry-big .blog-entry-meta .post-date,

.blog-entry-big .blog-entry-meta .post-duration {

	font-size: 10px;

	letter-spacing: 1px;

	text-transform: uppercase;

	color: #6b6e80;

}

.blog-entry-big .blog-entry-meta .post-author,

.blog-entry-big .blog-entry-meta .post-date {

	margin-right: 5px;

}

.blog-entry-big .blog-entry-meta .post-author::after,

.blog-entry-big .blog-entry-meta .post-date::after {

	font-family: 'FontAwesome';

	content: '\f111';

	position: relative;

	bottom: 3px;

	padding-left: 8px;

	font-size: 3px;

	color: #2b2b2b;

}

.blog-entry-big.entry-big-alt .blog-entry-header .entry-title {

	font-size: 22px;

	line-height: 28px;

}

.blog-entry-big.entry-big-alt .blog-entry-area {

	padding-left: 0;

	padding-right: 0;

	text-align: left;

}

.blog-entry-big.entry-big-alt .blog-entry-area .more-link {

	text-align: left;

}

@media screen and (max-width: 480px) {

	.blog-entry-big .blog-entry-area {

		padding-left: 20px;

		padding-right: 20px;

	}

}

.blog-entry-big-list {

	display: block;

	margin-bottom: 30px;

	padding-bottom: 40px;

	border-bottom: 1px solid #e6e6e6;

}

.blog-entry-big-list::before,

.blog-entry-big-list::after {

	content: '';

	display: table;

	clear: both;

}

.blog-entry-big-list.list-full {

	padding-bottom: 0;

	margin-bottom: 20px;

	border-bottom: none;

}

.blog-entry-big-list.list-full .blog-entry {

	margin-bottom: 0;

}

.blog-entry-big-list .blog-entry-title {

	margin-bottom: 20px;

}

.blog-entry-big-list .blog-entry-title .blog-entry-title-link {

	margin-bottom: 10px;

	font-size: 22px;

	line-height: 28px;

}

.blog-entry-big-list .blog-entry-title .blog-entry-author {

	margin-right: 10px;

}

.blog-entry-big-list .blog-entry-title .blog-entry-cat {

	display: block;

}

@media screen and (max-width: 767px) {

	.blog-entry-big-list {

		padding-bottom: 10px;

	}

}

.entry-post {

	list-style-type: none;

	padding: 0 !important;

	margin: 0;

	font-size: 0;

}

.entry-post li {

	display: inline-block;

	padding: 0 15px 0 0;

	vertical-align: top;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-o-box-sizing: border-box;

	box-sizing: border-box;

}

.entry-post.entry-post-full li {

	width: 100%;

}

.entry-post.entry-post-full li:last-child .blog-entry {

	margin-bottom: 0;

}

.entry-post.entry-post-half li {

	width: 50%;

}

.entry-post.entry-post-half li:nth-child(2n) {

	padding: 0 0 0 15px;

}

@media screen and (max-width: 480px) {

	.entry-post.entry-post-half li {

		width: 100%;

	}

	.entry-post.entry-post-half li,

	.entry-post.entry-post-half li:nth-child(2n) {

		padding: 0;

	}

}

.entry-post.entry-post-fourth li {

	width: 25%;

}

.entry-post.entry-post-fourth li:nth-child(4n) {

	padding: 0;

}

@media screen and (max-width: 768px) {

	.entry-post.entry-post-fourth li {

		width: 50%;

	}

}

@media screen and (max-width: 480px) {

	.entry-post.entry-post-fourth li {

		width: 100%;

	}

	.entry-post.entry-post-fourth li,

	.entry-post.entry-post-fourth li:nth-child(4n) {

		padding: 0;

	}

}

/*

	===========================

	[7.1 CUSTOM WIDGET]

	===========================

*/

.perasaan_widget_about .widget-title {

	margin-top: 20px;

	margin-bottom: 0;

	font-family: 'Bitter', serif;

	font-size: 18px;

	text-transform: none;

	border: none;

	color: #2b2b2b;

}

.perasaan_widget_about .about-author .author-wrap {

	padding: 0 15px;

}

.perasaan_widget_about .about-author .author-subtitle {

	display: block;

	margin-bottom: 20px;

	font-family: 'Open Sans', sans-serif;

	font-size: 11px;

	letter-spacing: 1px;

	color: #a1a3b0;

}

.perasaan_widget_about .about-author .author-description {

	font-family: 'Open Sans', sans-serif;

	font-size: 13px;

	line-height: 22px;

	color: #2b2b2b;

}

.perasaan_widget_about .about-author .author-footer {

	display: block;

	margin-top: 30px;

	padding: 8px 15px;

	font-family: 'Open Sans', sans-serif;

	border-bottom: 1px solid #e6e6e6;

}

.perasaan_widget_about .about-author .author-footer .read-more {

	float: left;

	margin-top: 3px;

	text-transform: uppercase;

	font-size: 11px;

	line-height: 24px;

	font-weight: 600;

	color: #e74c3c;

}

.perasaan_widget_about .about-author .author-footer .read-more:hover {

	color: #a1a3b0;

}

.perasaan_widget_about .about-author .author-social {

	text-align: right;

}

.perasaan_widget_about .about-author .author-social a {

	display: inline-block;

	padding-left: 5px;

	color: #a1a3b0;

}

.perasaan_widget_about .about-author .author-social a:hover {

	color: #e74c3c;

}

.perasaan_widget_about .about-author img {

	display: block;

	max-width: 100%;

	height: auto;

	margin-left: auto;

	margin-right: auto;

}

.perasaan_widget_editor_picks .editor-pick {

	display: table;

	width: 100%;

	margin: 0;

	font-family: 'Bitter', serif;

	border: 1px solid #f2f2f2;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-o-box-sizing: border-box;

	box-sizing: border-box;

}

.perasaan_widget_editor_picks .editor-pick .editor-post,

.perasaan_widget_editor_picks .editor-pick .editor-photo {

	display: table-cell;

	vertical-align: top;

}

.perasaan_widget_editor_picks .editor-pick .editor-post {

	width: 65%;

	padding: 30px 40px;

	background-color: #f2f2f2;

}

.perasaan_widget_editor_picks .editor-pick .editor-photo {

	width: 45%;

	padding: 15px;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-ms-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-position: center top;

	background-repeat: no-repeat;

}

@media screen and (max-width: 767px) {

	.perasaan_widget_editor_picks .editor-pick .editor-post {

		display: table;

		width: 100%;

	}

	.perasaan_widget_editor_picks .editor-pick .editor-photo {

		display: none;

	}

}

.perasaan_widget_editor_picks .editor-pick .nav-tabs {

	padding-left: 0;

}

.perasaan_widget_editor_picks .editor-pick .nav-tabs > li > a {

	position: relative;

	font-family: 'Open Sans', sans-serif;

	font-size: 12px;

	font-weight: 600;

	text-transform: uppercase;

	border: none;

	border-bottom: 1px solid #d9d9d9;

	color: #2b2b2b;

	background-color: #f2f2f2;

}

.perasaan_widget_editor_picks .editor-pick .nav-tabs > li > a:hover,

.perasaan_widget_editor_picks .editor-pick .nav-tabs > li > a:focus {

	color: #6b6e80;

	background-color: transparent;

}

.perasaan_widget_editor_picks .editor-pick .nav-tabs > li.active,

.perasaan_widget_editor_picks .editor-pick .nav-tabs > li.active > a,

.perasaan_widget_editor_picks .editor-pick .nav-tabs > li.active > a:focus,

.perasaan_widget_editor_picks .editor-pick .nav-tabs > li.active > a:hover {

	border: none;

	color: #e74c3c;

}

.perasaan_widget_editor_picks .editor-pick .nav-tabs > li.active::before,

.perasaan_widget_editor_picks .editor-pick .nav-tabs > li.active > a::before,

.perasaan_widget_editor_picks .editor-pick .nav-tabs > li.active > a:focus::before,

.perasaan_widget_editor_picks .editor-pick .nav-tabs > li.active > a:hover::before {

	content: '';

	position: absolute;

	left: 50%;

	bottom: 0;

	margin-left: -5px;

	border-top: 0 solid transparent;

	border-right: 4px solid transparent;

	border-bottom: 4px solid #e74c3c;

	border-left: 4px solid transparent;

}

.perasaan_widget_editor_picks .editor-pick .nav-tabs > li.active::after,

.perasaan_widget_editor_picks .editor-pick .nav-tabs > li.active > a::after,

.perasaan_widget_editor_picks .editor-pick .nav-tabs > li.active > a:focus::after,

.perasaan_widget_editor_picks .editor-pick .nav-tabs > li.active > a:hover::after {

	content: '';

	position: absolute;

	left: 0;

	bottom: -1px;

	width: 100%;

	height: 1px;

	background-color: #e74c3c;

}

.perasaan_widget_editor_picks .editor-pick .tab-content {

	padding: 40px 0 20px;

	font-size: 13px;

	line-height: 26px;

}

.perasaan_widget_editor_picks .editor-pick .tab-content h3 {

	margin: 0 0 30px;

	color: #2b2b2b;

}

.perasaan_widget_editor_picks .editor-pick .tab-content h3 small {

	display: block;

	margin-top: 5px;

	font-size: 12px;

}

.perasaan_widget_editor_picks .editor-pick .tab-content a {

	color: #2b2b2b;

}

.perasaan_widget_editor_picks .editor-pick .tab-content a:hover {

	color: #515151;

}

.perasaan_widget_editor_picks .editor-pick .tab-content .entry-post-list .entry-post-thumbnail {

	background-color: #fafafa;

}

.entry-post-list {

	list-style-type: none;

	padding: 0 !important;

}

.entry-post-list li {

	display: block;

	position: relative;

	min-height: 70px;

	padding-left: 85px;

}

.entry-post-list li:last-child .post-entry {

	border-bottom: none !important;

}

.entry-post-list li:hover .entry-post-number {

	opacity: 0;

	-webkit-transition: opacity 0.2s linear;

	-moz-transition: opacity 0.2s linear;

	-ms-transition: opacity 0.2s linear;

	-o-transition: opacity 0.2s linear;

	transition: opacity 0.2s linear;

}

.entry-post-list .entry-post-thumbnail {

	position: absolute;

	left: 0;

	top: 0;

	width: 70px;

	height: 70px;

	overflow: hidden;

	-webkit-border-radius: 40px;

	-moz-border-radius: 40px;

	-ms-border-radius: 40px;

	-o-border-radius: 40px;

	border-radius: 40px;

	background-color: #f2f2f2;

}

.entry-post-list .entry-post-thumbnail img {

	width: auto;

	height: 70px;

}

.entry-post-list .entry-post-thumbnail.thumbnail-square {

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	-ms-border-radius: 0;

	-o-border-radius: 0;

	border-radius: 0;

}

.entry-post-list .entry-post-thumbnail i,

.entry-post-list .entry-post-thumbnail .fa,

.entry-post-list .entry-post-thumbnail .glyphicon {

	position: absolute;

	left: 50%;

	top: 50%;

	font-size: 18px;

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	color: #6b6e80;

}

.entry-post-list .entry-post-content {

	padding-bottom: 10px;

	margin-bottom: 20px;

}

.entry-post-list .entry-post-title {

	margin-bottom: 5px;

	font-family: 'Bitter', serif;

	font-size: 14px;

	line-height: 20px;

	font-weight: 400;

	-ms-word-wrap: break-word;

	word-wrap: break-word;

}

.entry-post-list .entry-post-title a {

	color: #2b2b2b;

}

.entry-post-list .entry-post-title a:hover {

	color: #515151;

}

.entry-post-list .entry-post-category {

	font-size: 11px;

	font-weight: 600;

	text-transform: uppercase;

}

.entry-post-list .entry-post-category a {

	display: inline;

	padding: 0 2px;

	color: #2b2b2b;

}

.entry-post-list .entry-post-category a:hover {

	color: #515151;

}

.entry-post-list .entry-post-category,

.entry-post-list .entry-post-author,

.entry-post-list .entry-post-date,

.entry-post-list .entry-post-duration {

	font-family: 'Open Sans', sans-serif;

	font-size: 10px;

	line-height: 12px;

	letter-spacing: 1px;

	text-transform: uppercase;

	color: #9395a5;

}

.entry-post-list .entry-post-category a,

.entry-post-list .entry-post-author a,

.entry-post-list .entry-post-date a,

.entry-post-list .entry-post-duration a {

	color: #e74c3c;

}

.entry-post-list .entry-post-number {

	position: absolute;

	z-index: 4;

	left: 0;

	top: 0;

	font-family: 'Open Sans', sans-serif;

	font-size: 28px;

	line-height: 70px;

	text-align: center;

	width: 70px;

	height: 70px;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

	border-radius: 50%;

	color: #ffffff;

	background-color: rgba(107, 110, 128, 0.5);

	opacity: 1;

	-webkit-transition: opacity 0.2s linear;

	-moz-transition: opacity 0.2s linear;

	-ms-transition: opacity 0.2s linear;

	-o-transition: opacity 0.2s linear;

	transition: opacity 0.2s linear;

}

.entry-post-list .entry-post-number::after {

	content: '';

	position: absolute;

	top: 5px;

	right: 5px;

	bottom: 5px;

	left: 5px;

	border: 2px solid #ffffff;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

	border-radius: 50%;

}

.entry-post-list .has-circle-before {

	padding-left: 15px;

}

.entry-post-list .has-circle-before::before {

	font-family: 'FontAwesome';

	content: '\f111';

	position: relative;

	left: -8px;

	bottom: 3px;

	font-size: 3px;

	color: #2b2b2b;

}

.entry-post-list .has-slash-before {

	padding-left: 15px;

}

.entry-post-list .has-slash-before::before {

	content: '/';

	position: relative;

	left: -10px;

	bottom: 0;

	font-size: 11px;

	color: #9395a5;

}

/*

	===========================

	[8. ACCESSIBILITY]

	===========================

*/

/* Text meant only for screen readers. */

.screen-reader-text {

	clip: rect(1px, 1px, 1px, 1px);

	position: absolute !important;

	height: 1px;

	width: 1px;

	overflow: hidden;

}

.screen-reader-text:focus {

	background-color: #f1f1f1;

	border-radius: 3px;

	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

	clip: auto !important;

	color: #21759b;

	display: block;

	font-size: 14px;

	font-size: 0.875rem;

	font-weight: bold;

	height: auto;

	left: 5px;

	line-height: normal;

	padding: 15px 23px 14px;

	text-decoration: none;

	top: 5px;

	width: auto;

	z-index: 100000;

	/* Above WP toolbar. */

}

/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {

	outline: 0;

}

/*

	===========================

	[9. ALIGNMENTS]

	===========================

*/

.alignleft {

	display: inline;

	float: left;

	margin-right: 1.5em;

}

.alignright {

	display: inline;

	float: right;

	margin-left: 1.5em;

}

.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}

/*

	===========================

	[10. COMMENTS]

	===========================

*/

.comment-content ul li,

.comment-content ol li {

	margin: 0;

}

.bypostauthor {

	display: block;

}

.comments-link {

	display: block;

	width: 100%;

	padding: 20px 40px;

	border-top: 1px solid #e6e6e6;

	text-align: center;

	font-weight: 600;

}

.comments-link::before,

.comments-link::after {

	content: '';

	display: table;

	clear: both;

}

.comments-area h2,

.comments-area .comments-title {

	margin-top: 40px;

	margin-bottom: 30px;

	padding-top: 10px;

	border-top: 1px solid #e6e6e6;

	font-family: 'Open Sans', sans-serif;

	font-size: 18px;

	line-height: 26px;

	text-transform: uppercase;

	-ms-word-wrap: break-word;

	word-wrap: break-word;

}

.comments-area h2 span,

.comments-area .comments-title span {

	float: right;

	font-weight: 400;

	font-size: 12px;

}

.comments-area h2 span a,

.comments-area .comments-title span a {

	color: #6b6e80;

}

.comments-area h2 span a:hover,

.comments-area .comments-title span a:hover {

	color: #2b2b2b;

}

.comment-navigation .nav-links {

	display: block;

	width: 100%;

	font-family: 'Open Sans', sans-serif;

	border: 1px solid #e6e6e6;

}

.comment-navigation .nav-links::before,

.comment-navigation .nav-links::after {

	content: '';

	display: table;

	clear: both;

}

.comment-navigation .nav-links .nav-previous,

.comment-navigation .nav-links .nav-next {

	display: inline-block;

	padding: 20px 40px;

}

.comment-navigation .nav-links .nav-previous a,

.comment-navigation .nav-links .nav-next a {

	font-size: 11px;

	letter-spacing: 2px;

	text-transform: uppercase;

	color: #2b2b2b;

}

.comment-navigation .nav-links .nav-previous a:hover,

.comment-navigation .nav-links .nav-next a:hover {

	color: #9395a5;

}

@media screen and (max-width: 37.5em) {

	.comment-navigation .nav-links .nav-previous,

	.comment-navigation .nav-links .nav-next {

		width: 50%;

	}

}

.comment-navigation .nav-links .nav-previous {

	float: left;

	text-align: left;

}

.comment-navigation .nav-links .nav-previous a::before {

	content: '\f177';

	font-family: 'FontAwesome';

	font-size: 11px;

	padding-right: 5px;

}

.comment-navigation .nav-links .nav-next {

	float: right;

	text-align: right;

}

.comment-navigation .nav-links .nav-next a::after {

	content: '\f178';

	font-family: 'FontAwesome';

	font-size: 11px;

	padding-left: 5px;

}

.comment-navigation#comment-nav-above {

	margin-bottom: -1px;

}

.comment-list {

	list-style-type: none;

	padding: 30px 40px;

	margin-bottom: 0;

	font-family: 'Open Sans', sans-serif;

	border-top: 1px solid #e6e6e6;

	border-left: 1px solid #e6e6e6;

	border-right: 1px solid #e6e6e6;

	background-color: #ffffff;

}

.comment-list li {

	margin-bottom: 40px;

}

.comment-list li .comment-author {

	text-transform: capitalize;

}

.comment-list li .comment-author img {

	position: relative;

	z-index: 2;

	float: left;

	margin-right: 20px;

	-webkit-border-radius: 33px;

	-moz-border-radius: 33px;

	-ms-border-radius: 33px;

	-o-border-radius: 33px;

	border-radius: 33px;

}

.comment-list li .comment-author .says {

	display: none;

}

.comment-list li .comment-metadata {

	display: block;

	margin-bottom: 20px;

	font-size: 10px;

	text-transform: uppercase;

}

.comment-list li .comment-metadata a {

	color: #858899;

}

.comment-list li .comment-metadata a:hover {

	color: #2b2b2b;

}

.comment-list li .comment-metadata time {

	letter-spacing: 1px;

}

.comment-list li .comment-metadata .edit-link {

	margin-left: 20px;

	text-transform: none;

	font-size: 11px;

	font-weight: 600;

}

.comment-list li .comment-metadata .edit-link a {

	color: #e74c3c;

}

.comment-list li .comment-metadata .edit-link a:hover {

	color: #2b2b2b;

}

.comment-list li .comment-content {

	margin-left: 50px;

	font-size: 13px;

	line-height: 24px;

}

.comment-list li .comment-respond .comment-reply-title {

	font-size: 15px;

	line-height: 26px;

}

.comment-list li .comment-respond .comment-reply-title small {

	float: right;

	margin-top: 10px;

	font-size: 11px;

	font-weight: 600;

}

@media screen and (max-width: 480px) {

	.comment-list li .comment-respond .comment-reply-title small {

		float: none;

		display: block;

	}

}

.comment-list li .reply {

	margin-left: 50px;

	padding-bottom: 20px;

	text-transform: uppercase;

	font-size: 11px;

	line-height: 24px;

	font-weight: 600;

	border-bottom: 1px solid #e6e6e6;

}

.comment-list li .children {

	position: relative;

	list-style-type: none;

	padding: 0;

	margin-left: 40px;

	margin-top: 40px;

}

.comment-list li .children li {

	position: relative;

	margin-bottom: 40px;

}

.comment-list li .children li::before {

	content: '';

	position: absolute;

	z-index: 1;

	left: -40px;

	top: 15px;

	width: 20px;

	height: 1px;

	background-color: #e6e6e6;

}

.comment-list li .children::before {

	content: '';

	position: absolute;

	left: -40px;

	top: 0;

	width: 1px;

	height: 100%;

	background-color: #e6e6e6;

}

@media screen and (max-width: 767px) {

	.comment-list li .children {

		margin-left: 20px;

	}

	.comment-list li .children::before {

		content: '';

		left: -20px;

	}

	.comment-list li .children li::before {

		content: '';

		width: 10px;

		left: -20px;

	}

}

.no-comments {

	padding: 15px 40px;

	font-family: 'Open Sans', sans-serif;

	border: 1px solid #e6e6e6;

}

.comment-respond {

	margin-top: -1px;

	margin-bottom: 40px;

	font-family: 'Open Sans', sans-serif;

	background-color: #ffffff;

	outline: none;

}

.comment-respond .comment-reply-title {

	display: block;

	margin: 0;

	padding: 20px 40px;

	font-family: 'Open Sans', sans-serif;

	font-size: 18px;

	line-height: 26px;

	text-transform: uppercase;

	background-color: #f7f7f7;

	border: 1px solid #e6e6e6;

}

.comment-respond .form-horizontal {

	padding: 40px 40px 30px;

	border: 1px solid #e6e6e6;

	border-top: none;

}

.comment-respond .form-horizontal .form-control {

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	-ms-border-radius: 0;

	-o-border-radius: 0;

	border-radius: 0;

	border: 1px solid #e6e6e6;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	-ms-box-shadow: none;

	-o-box-shadow: none;

	box-shadow: none;

}

.comment-respond .form-horizontal textarea {

	resize: none;

}

.comment-respond .form-horizontal .submit {

	padding: 4px 18px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	-ms-border-radius: 3px;

	-o-border-radius: 3px;

	border-radius: 3px;

	border: 1px solid transparent;

	color: #ffffff;

	background-color: #e74c3c;

}

.comment-respond .form-horizontal .submit:hover {

	background-color: #e53f2e;

}

.comment-respond .form-horizontal .submit:focus {

	outline: none;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	-ms-box-shadow: none;

	-o-box-shadow: none;

	box-shadow: none;

}

@media screen and (max-width: 767px) {

	.comment-respond .form-horizontal {

		margin-bottom: 20px;

	}

	.comment-respond .form-horizontal .form-control {

		margin-bottom: 20px;

	}

}

/*

	===========================

	[11. INFINITE SCROLL]

	===========================

*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,

.infinite-scroll.neverending .site-footer {

	display: none;

}

.infinite-scroll .posts-navigation .site-footer,

.infinite-scroll.neverending .site-footer {

	display: none;

}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {

	display: block;

}

/*

	===========================

	[12. MEDIA]

	===========================

*/

.page-content .wp-smiley,

.entry-content .wp-smiley,

.comment-content .wp-smiley {

	border: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}

/* Make sure embeds and iframes fit their containers. */

embed,

iframe,

object {

	max-width: 100%;

}

/*

	===========================

	[12.1 CAPTIONS]

	===========================

*/

img[class*="wp-image-"] {

	max-width: 100%;

	height: auto;

}

.wp-caption {

	margin-bottom: 1.5em;

	max-width: 100%;

}

.wp-caption img[class*="wp-image-"] {

	display: block;

	max-width: 100%;

	height: auto;

	margin-left: auto;

	margin-right: auto;

}

.wp-caption .wp-caption-text {

	margin: 0.8075em 0;

}

.wp-caption-text {

	font-size: 12px;

	padding-top: 5px;

	text-align: center;

	color: #9395a5;

	border-bottom: 1px solid #d9d9d9;

}

/*

	===========================

	[12.2 GALLERIES]

	===========================

*/

.gallery {

	margin-bottom: 1.5em;

}

.gallery-item {

	margin: 0;

	padding: 0;

	float: left;

	display: inline-block;

	text-align: center;

	vertical-align: top;

	width: 100%;

}

.gallery-item a {

	width: 100%;

	height: 150px;

	overflow: hidden;

	padding: 20px;

	display: block;

	background-color: none !important;

}

.gallery-item img {

	width: 100%;

	height: auto;

}

.gallery-columns-2 .gallery-item {

	max-width: 50%;

}

.gallery-columns-3 .gallery-item {

	max-width: 33.33%;

}

.gallery-columns-4 .gallery-item {

	max-width: 25%;

}

.gallery-columns-5 .gallery-item {

	max-width: 20%;

}

.gallery-columns-6 .gallery-item {

	max-width: 16.66%;

}

.gallery-columns-7 .gallery-item {

	max-width: 14.28%;

}

.gallery-columns-8 .gallery-item {

	max-width: 12.5%;

}

.gallery-columns-9 .gallery-item {

	max-width: 11.11%;

}

.gallery-caption {

	display: block;

}

@-webkit-keyframes justified-gallery-show-caption-animation {

	from {

		opacity: 0;

	}

	to {

		opacity: 0.7;

	}

}

@-moz-keyframes justified-gallery-show-caption-animation {

	from {

		opacity: 0;

	}

	to {

		opacity: 0.7;

	}

}

@-o-keyframes justified-gallery-show-caption-animation {

	from {

		opacity: 0;

	}

	to {

		opacity: 0.7;

	}

}

@keyframes justified-gallery-show-caption-animation {

	from {

		opacity: 0;

	}

	to {

		opacity: 0.7;

	}

}

@-webkit-keyframes justified-gallery-show-entry-animation {

	from {

		opacity: 0;

	}

	to {

		opacity: 1.0;

	}

}

@-moz-keyframes justified-gallery-show-entry-animation {

	from {

		opacity: 0;

	}

	to {

		opacity: 1.0;

	}

}

@-o-keyframes justified-gallery-show-entry-animation {

	from {

		opacity: 0;

	}

	to {

		opacity: 1.0;

	}

}

@keyframes justified-gallery-show-entry-animation {

	from {

		opacity: 0;

	}

	to {

		opacity: 1.0;

	}

}

.justified-gallery {

	width: 100%;

	position: relative;

	overflow: hidden;

}

.justified-gallery > a,

.justified-gallery > div {

	position: absolute;

	display: inline-block;

	overflow: hidden;

	opacity: 0;

	filter: alpha(opacity=0);

	/* IE8 or Earlier */

}

.justified-gallery > a > img,

.justified-gallery > div > img,

.justified-gallery > a > a > img,

.justified-gallery > div > a > img {

	position: absolute;

	top: 50%;

	left: 50%;

	margin: 0;

	padding: 0;

	border: none;

}

.justified-gallery > a > .caption,

.justified-gallery > div > .caption {

	display: none;

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	padding: 5px;

	margin: 0;

	font-size: 12px;

	font-weight: 300;

	font-family: sans-serif;

	text-align: center;

	text-transform: capitalize;

	color: white;

	background-color: #000000;

}

.justified-gallery > a > .caption.caption-visible,

.justified-gallery > div > .caption.caption-visible {

	display: initial;

	opacity: 0.7;

	filter: "alpha(opacity=70)";

	/* IE8 or Earlier */

	-webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease;

	-moz-animation: justified-gallery-show-caption-animation 500ms 0 ease;

	-ms-animation: justified-gallery-show-caption-animation 500ms 0 ease;

}

.justified-gallery > .entry-visible {

	opacity: 1.0;

	filter: alpha(opacity=100);

	/* IE8 or Earlier */

	-webkit-animation: justified-gallery-show-entry-animation 500ms 0 ease;

	-moz-animation: justified-gallery-show-entry-animation 500ms 0 ease;

	-ms-animation: justified-gallery-show-entry-animation 500ms 0 ease;

}

.justified-gallery > .jg-filtered {

	display: none;

}

.justified-gallery > .spinner {

	position: absolute;

	bottom: 0;

	margin-left: -24px;

	padding: 10px 0 10px 0;

	left: 50%;

	opacity: initial;

	filter: initial;

	overflow: initial;

}

.justified-gallery > .spinner > span {

	display: inline-block;

	opacity: 0;

	filter: alpha(opacity=0);

	/* IE8 or Earlier */

	width: 8px;

	height: 8px;

	margin: 0 4px 0 4px;

	background-color: #000;

	border-top-left-radius: 6px;

	border-top-right-radius: 6px;

	border-bottom-right-radius: 6px;

	border-bottom-left-radius: 6px;

}

/*

	===========================

	[13. FOOTER]

	===========================

*/

.site-footer {

	width: 100%;

	margin-top: 60px;

	padding: 60px 0 40px;

	font-family: 'Open Sans', sans-serif;

	font-size: 13px;

	line-height: 24px;

	color: #ffffff;

	background-color: #121212;

	background-image: -webkit-linear-gradient(left, rgba(10, 38, 57, 0.8) 45%, rgba(168, 35, 21, 0.8) 100%);

	background-image: -o-linear-gradient(left, rgba(10, 38, 57, 0.8) 45%, rgba(168, 35, 21, 0.8) 100%);

	background-image: linear-gradient(to right, rgba(10, 38, 57, 0.8) 45%, rgba(168, 35, 21, 0.8) 100%);

	background-repeat: repeat-x;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@to7d', endColorstr='@to7d', GradientType=0);

}

.site-footer.footer-disabled {

	padding-top: 0;

}

.site-footer .widget {

	margin-bottom: 40px;

	padding: 0;

	color: #ffffff;

}

.site-footer .widget-title {

	display: inline-block;

	padding: 10px 20px;

	font-size: 14px;

	text-transform: uppercase;

	font-weight: 700;

	letter-spacing: 1px;

	border-top: none;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	-ms-border-radius: 4px;

	-o-border-radius: 4px;

	border-radius: 4px;

	color: #ffffff;

	background-color: #0c1019;

}

.site-footer .widget-title::before,

.site-footer .widget-title::after {

	content: '';

	display: table;

	clear: both;

}

.site-footer .widget-title-more {

	margin-left: 20px;

	font-size: 10px;

}

.site-footer .widget-title-more a:hover {

	color: #ffffff;

}

.site-footer .widget_text .textwidget,

.site-footer .widget_recent_entries,

.site-footer .widget_meta,

.site-footer .widget_recent_comments {

	color: #9395a5;

}

.site-footer .widget_text .textwidget a,

.site-footer .widget_recent_entries a,

.site-footer .widget_meta a,

.site-footer .widget_recent_comments a {

	color: #ffffff;

}

.site-footer .widget_text .textwidget a:hover,

.site-footer .widget_recent_entries a:hover,

.site-footer .widget_meta a:hover,

.site-footer .widget_recent_comments a:hover {

	color: #e6e6e6;

}

.site-footer .widget_text .textwidget h1,

.site-footer .widget_text .textwidget h2,

.site-footer .widget_text .textwidget h3,

.site-footer .widget_text .textwidget h4,

.site-footer .widget_text .textwidget h5,

.site-footer .widget_text .textwidget h6 {

	color: #e6e6e6;

}

.site-footer .widget_recent_entries ul li::before,

.site-footer .widget_meta ul li::before {

	color: #e6e6e6;

}

.site-footer .widget_recent_comments li {

	border-bottom-color: #9395a5;

}

.site-footer .widget_recent_comments li span,

.site-footer .widget_recent_comments li:hover span {

	color: #9395a5;

}

.site-footer .widget_recent_comments li::before,

.site-footer .widget_recent_comments li:hover::before {

	color: #9395a5;

}

.site-footer .widget_categories ul li,

.site-footer .widget_archive ul li {

	color: #9395a5;

}

.site-footer .widget_categories ul li a,

.site-footer .widget_archive ul li a {

	color: #d9d9d9;

}

.site-footer .widget_categories ul li a:hover,

.site-footer .widget_archive ul li a:hover {

	color: #ffffff;

}

.site-footer .widget_categories ul li a {

	font-family: 'Bitter', serif;

	border-bottom-color: #6b6e80;

}

.site-footer .widget_archive ul li {

	border-bottom-color: #6b6e80;

}

.site-footer .widget_nav_menu ul li::before {

	content: '';

	background-color: #d9d9d9;

}

.site-footer .widget_nav_menu ul li::after {

	content: '';

	border: 1px solid #d9d9d9;

	background-color: #d9d9d9;

}

.site-footer .widget_nav_menu ul li:hover::after {

	background-color: #e74c3c;

}

.site-footer .widget_nav_menu ul li a {

	color: #d9d9d9;

}

.site-footer .widget_nav_menu ul li a:hover {

	color: #ffffff;

}

.site-footer .widget_calendar #calendar_wrap table th,

.site-footer .widget_calendar .calendar_wrap table th {

	border: 1px solid #e6e6e6;

	text-align: center;

	color: #2b2b2b;

	background-color: #e6e6e6;

}

.site-footer .widget_calendar #calendar_wrap table td.pad,

.site-footer .widget_calendar .calendar_wrap table td.pad,

.site-footer .widget_calendar #calendar_wrap table tfoot td,

.site-footer .widget_calendar .calendar_wrap table tfoot td {

	border: 1px solid #e6e6e6;

}

.site-footer .widget_calendar #calendar_wrap table td,

.site-footer .widget_calendar .calendar_wrap table td {

	border: 1px solid #e6e6e6;

	color: #e6e6e6;

}

.site-footer .widget_calendar #calendar_wrap table caption,

.site-footer .widget_calendar .calendar_wrap table caption {

	text-align: center;

	text-transform: uppercase;

	font-weight: 700;

	border: 1px solid #e6e6e6;

	color: #e6e6e6;

}

.site-footer .widget_calendar #calendar_wrap table #today,

.site-footer .widget_calendar .calendar_wrap table #today {

	color: #e74c3c;

}

.site-footer .widget_calendar #calendar_wrap table tbody a,

.site-footer .widget_calendar .calendar_wrap table tbody a {

	color: #e6e6e6;

}

.site-footer .widget_calendar #calendar_wrap table tbody a:hover,

.site-footer .widget_calendar .calendar_wrap table tbody a:hover {

	color: #e74c3c;

}

.site-footer .widget_calendar #calendar_wrap table tfoot a,

.site-footer .widget_calendar .calendar_wrap table tfoot a {

	font-size: 11px;

	text-transform: uppercase;

	color: #e6e6e6;

}

.site-footer .widget_calendar #calendar_wrap table tfoot a:hover,

.site-footer .widget_calendar .calendar_wrap table tfoot a:hover {

	color: #ffffff;

}

.site-footer .widget.perasaan_widget_about .widget-title {

	padding: 0;

	font-weight: 400;

	background-color: transparent;

	color: #ffffff;

}

.site-footer .widget.perasaan_widget_about .about-author .author-subtitle {

	color: #9395a5;

}

.site-footer .widget.perasaan_widget_about .about-author .author-description {

	color: #e6e6e6;

}

.site-footer .widget .entry-post-list .entry-post-thumbnail {

	background-color: #000000;

}

.site-footer .widget .entry-post-list .entry-post-title a {

	color: #ffffff;

}

.site-footer .widget .entry-post-list .entry-post-title a:hover {

	color: #e6e6e6;

}

.site-footer .widget .entry-post-list .entry-post-category a:hover {

	color: #e6e6e6;

}

.site-footer .widget select {

	width: 100%;

}

.site-footer .footer-nav {

	display: block;

	width: 100%;

	margin-top: 20px;

	padding-top: 40px;

	font-size: 11px;

	line-height: 18px;

	text-align: center;

	border-top: 5px solid #a82315;

	color: #9395a5;

}

.site-footer .footer-nav p {

	padding-top: 10px;

	padding-bottom: 5px;

}

.site-footer .footer-nav a {

	color: #9395a5;

	text-decoration: underline;

}

.site-footer .footer-nav a:hover {

	color: #ffffff;

}

.site-footer .footer-nav ul#secondary-menu {

	list-style-type: none;

	margin-top: 20px;

	padding: 0;

	font-size: 11px;

	line-height: 22px;

	text-transform: uppercase;

}

.site-footer .footer-nav ul#secondary-menu li {

	display: inline-block;

}

.site-footer .footer-nav ul#secondary-menu li a {

	display: block;

	padding: 5px 12px;

	text-decoration: none;

	color: #9395a5;

}

.site-footer .footer-nav ul#secondary-menu li a:hover {

	color: #ffffff;

}

.site-footer .footer-nav .social-icon {

	margin-top: 20px;

}

.site-footer .footer-nav .social-icon li a {

	border: none;

	line-height: 35px;

	color: #ffffff;

	background-color: transparent;

	-webkit-transition: all 0.1s linear;

	-moz-transition: all 0.1s linear;

	-ms-transition: all 0.1s linear;

	-o-transition: all 0.1s linear;

	transition: all 0.1s linear;

}

.site-footer .footer-nav .social-icon li a:hover {

	color: #e74c3c;

	background-color: #ffffff;

	-webkit-transition: all 0.1s linear;

	-moz-transition: all 0.1s linear;

	-ms-transition: all 0.1s linear;

	-o-transition: all 0.1s linear;

	transition: all 0.1s linear;

}

.header-subline {
	border-right: 2px solid #ececec;
}

.header-subleft{
	padding-left: 10px;
}

.header-subright{
	padding-right: 10px;
}

.header-sub{
	padding: 0 10px;
}

/*
	.home .section1 .judul-berita {
	font-family: 'Merriweather', georgia,"times new roman",times,serif;
	font-size: 20px;
	line-height: 25px;
	font-weight: 700;
	color: #2b2b2b;
	}
*/
.home .berita-foto img{
	padding-bottom:10px;
}

.home .section2 .judul-berita {
	font-family: 'Merriweather', georgia,"times new roman",times,serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	color: #2b2b2b;
}

.home .section1 .judul-berita {
	font-family: 'Merriweather', georgia,"times new roman",times,serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	color: #2b2b2b;
}

/*
.section1 div:nth-child(2) h4{
	font-family: 'Merriweather', georgia,"times new roman",times,serif;
	font-size: 20px !important;
	line-height: 25px !important;
	font-weight: 700;
	color: #2b2b2b;
}
*/

.home .section4 h4.judul-berita {
	font-family: 'Merriweather', georgia,"times new roman",times,serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	color: #2b2b2b;
}

.home .section4 h5.judul-berita {
	font-family: 'Merriweather', georgia,"times new roman",times,serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: 600;
	color: #2b2b2b;
}

.resume-berita, article{
	font-family: 'Droid Serif', georgia,"times new roman",times,serif;

	font-size: 12px;

	line-height: 18px;

	font-weight: 400;

}

@media (min-width: 1200px) {
	.container {
		width: 970px;
	}
}
.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}

/* home */
.section3 h4{
	font-family: 'Merriweather', sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
	color: #2b2b2b;
}

.section3 .terpopuler1 h4{
	font-weight: lighter;
}

.section3 .ganjil{
	border-right: 2px solid #ececec;
}
.section3 h3{
	font-family: 'Roboto Condensed', sans-serif;

	font-size: 14px;

	line-height: 12px;

	font-weight: 400;

	text-transform: capitalize;

	color: #2b2b2b;
}

.section3 ul{
	list-style: none;
}

.section3 a{
	color: #000000;
}

.section3 > div{
	margin-bottom: 10px;
}

.garis-bawah1{
	border-bottom: 2px solid #ececec;
}

.garis-bawah2{
	border-bottom: 3px solid #ececec;
}

.garis-bawah3{
	border-bottom: 1px solid #ececec;
}
.garis-bawah4{
	border-bottom: 1px solid #000;
}


.section4 h4{
	font-family: 'Roboto Condensed', sans-serif;

	font-size: 14px;

	line-height: 12px;

	font-weight: 700;

	color: #2b2b2b;

}

.section4 h5{
	font-family: 'Roboto Condensed', sans-serif;

	font-size: 12px;

	line-height: 14px;

	font-weight: 700;

	color: #2b2b2b;
}

.section4 ul{
	margin-left: 10px;padding-left: 10px;
}

.section4 h3{
	font-family: 'Roboto Condensed', sans-serif;

	font-size: 14px;

	line-height: 18px;

	font-weight: 400;

	text-transform: capitalize;

	color: #2b2b2b;
}

@media screen and (max-width: 767px) {
	.section2 img{
		padding-bottom: 20px;
	}
}

.article .section1 h1{
	font-family: 'Domine', sans-serif;
	font-size: 34px;
	line-height: 38px;
	font-weight: 700;
	color: #2b2b2b;
	font-style: italic;
}

.article .section2 p{
	font-size: 17px;
	line-height: 26px;
	font-weight: 400;
	font-style: normal;
	font-family: Domine, georgia,"times new roman",times,serif;
}

.article .section2 .berita-terkait h4, .article .section3 .berita-terkait h4{
	font-family: 'Domine', sans-serif;
	font-size: 12px;
	line-height: 12px;
	font-weight: 400;
	color: #2b2b2b;
	font-weight: bold;
}

.article .section3 h4.judul{
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	font-style: normal;
	font-family: 'Droid Serif', georgia,"times new roman",times,serif;
}

.rubrik h4.judul{
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	font-style: normal;
	font-family: 'Droid Serif', georgia,"times new roman",times,serif;
}

.berita-terkait a{
	color: #78B8FF;
}

.rubrik-title{
	font-family: 'Oswald', sans-serif;
	font-size:11px;
}
.rubrik-title:before{
	content: 'Rubrik ';
}
.rubrik-title:after{
	content: ' \00BB';
}
.rubrik-title-weekend{
	color: #990f3d;
}
.berita-terkait li {
    display: block;
    margin-left: 15px;
}

.berita-terkait li:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    float: left;
    margin-top: 0px;
    margin-left: -17px;
    color: #CCCCCC;
}

h4.desc{
	font-family: arial,helvetica,sans-serif;
	font-size: 17px;
	line-height: 17px;
	font-weight: 700;
	color: #2b2b2b;
	font-weight: bold;
}
.list-terkait2:nth-of-type(1), .list-terkait2:nth-of-type(2), .list-terkait2:nth-of-type(4), .list-terkait2:nth-of-type(5) {
	border-right: 2px solid #ececec;
}

.row.is-flex {
    display: flex;
    flex-wrap: wrap;
}
.row.is-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

/*
	* And with max cross-browser enabled.
	* Nobody should ever write this by hand.
	* Use a preprocesser with autoprefixing.
*/
.row.is-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.is-flex > [class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.section2 .sidebar{
	display: flex;
	flex-flow: row wrap;
	justify-content:space-between;
}

@media screen and (max-width:600px){
	.section2 .sidebar {
		flex-direction:column
	}
}

@media screen and (max-width:600px){
	.section2 .sidebar {
		flex-direction:column
	}
	.berita-terkait{
		order: 2;
	}
	.comment{
		order: 1
	}
}

@media screen and (min-width:600px){
	.section2 .berita-terkait {
		margin-top: 200px;
	}
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
}

.rubrik .section2 h4{
  font-family: "Roboto Condensed",sans-serif;
  font-size: 14px;
  line-height: 12px;
  font-weight: 700;
  text-transform: capitalize;
  color: #2b2b2b;	
}
.rubrik .terpopuler1 a{
	color: #000000;
}
.rubrik .terpopuler1 h3{
  font-family: "Roboto Condensed",sans-serif;
  font-size: 14px;
  line-height: 12px;
  font-weight: 400;
  text-transform: capitalize;
  color: #2b2b2b;
}
.rubrik .terpopuler1 h4{
	font-family: "Merriweather",sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
	color: #2b2b2b;
	font-weight: lighter;
}

.headerads div{
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
 }