/* Enter Your Custom CSS Here */

#sb_instagram #sbi_images {
	text-align:center;
}
.n2-bullet.n2-active, .n2-bullet:hover {
	background:#ff3333 !important;
}
body.category main {
	text-align:center;margin-bottom:35px;
}
body.category article.category-blog {
	margin:35px auto 0 !important;background:#f2f2f2;box-shadow:1px 0 5px 0 rgba(0,0,0,.2);width:90% !important;
}
body.category article.category-blog .entry-thumbnail {
	margin:0 auto !important;
}
body.category article.category-blog .entry-content-block {
	top:auto !important;text-align:left;background:transparent !important;padding:20px 0 35px !important;
}
body.category article.category-blog .entry-content-block .entry-content p {
	margin:0;
}
body.category article.category-blog .entry-content-block .entry-content, article.category-blog .entry-content-block .entry-meta, article.category-blog .entry-content-block .entry-footer {
	margin:5px 0;
}
body.single-post .entry-content {
	margin:10px 0;
}
body.single-post .entry-content p {
	font-size:16px;margin:0 0 10px;
}
.home .wp-show-posts {
	margin: 25px auto !important;width:100% !important;flex-wrap: nowrap;
}
.home .wp-show-posts article {
	flex-basis:calc(50% - 16px);flex-grow:0;
}
.home .wp-show-posts .wp-show-posts-entry-header {
	padding:0 25px;
}
.home .wp-show-posts-entry-title {
	font-size:18px;line-height:24px;margin-bottom:5px;
}
.home .wp-show-posts .wp-show-posts-entry-meta {
	padding:0 0 20px;
}
.home .wp-show-posts .wp-show-posts-inner {
	margin:0 10px !important;
}
.home .hr-blog {
	padding:1px !important;margin:0 10px !important;
}
.home .home-blog-btn a {
	padding:5px 20px;font-size: 16px;
}
.wp-show-posts {
	margin:50px auto;width:90%;
}
.wp-show-posts .wp-show-posts-inner {
	background:#f2f2f2;box-shadow:1px 0 5px 0 rgba(0,0,0,.2);
}
.wp-show-posts article img {
	padding:0;
}
.wp-show-posts .wp-show-posts-entry-header {
	padding:0 50px;
}
.wp-show-posts .wp-show-posts-entry-header a, a.wp-show-posts-read-more, a.wp-show-posts-read-more:visited {
	color:#000;
}
a.wp-show-posts-read-more:hover {
	color:#fff !important;
}
.wp-show-posts .wp-show-posts-entry-summary {
	padding:0 50px;
}
.wp-show-posts .wpsp-read-more {
	padding:0 50px;margin-bottom:30px;
}
.wpsp-load-more {
	margin:0 auto 50px;width:90%;
}
.wpsp-load-more span, .wpsp-load-more a {
	padding:0 10px;
}
.related-posts-wrapper .related-posts-main-title i {
	display:none;
}
.related-posts-main-title {
    border-bottom:2px solid #000;padding-bottom:10px;
}
.related-posts {
	margin-bottom:75px;
}
.related-posts .tg-column-3 {
	background:#f2f2f2;min-height:378px;
}
.related-posts .wrapper {
	padding:0 25px 25px;
}
.related-posts .post-thumbnail img {
	width:100%;
}
.related-posts .entry-author {
	display:none;
}
.related-posts-wrapper .entry-title {
	font-size:22px;line-height:24px;
}
.post .entry-thumbnail {
	margin-top:0;
}
.post .entry-thumbnail img {
	margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);max-width: unset;margin-bottom:15px;
}
.post .entry-content-block {
	width:75%;margin:auto;
}
.post .entry-content-block .entry-title {
	font-size:36px;display: block !important;
}
.post .entry-author {
	display:none;
}
#preloader span {
	background:#ff3333;
}  
@-webkit-keyframes preloader {
	0% {
		height: 5px;
		-webkit-transform: translateY(0);
		background: #ff3333;
	}
	25% {
		height: 30px;
		-webkit-transform: translateY(15px);
		background: #E23030;
	}
	50% {
		height: 5px;
		-webkit-transform: translateY(0);
		background: #AF2525;
	}
	100% {
		height: 5px;
		-webkit-transform: translateY(0);
		background: #7A1C1C;
	}
}

@keyframes preloader {
	0% {
		height: 5px;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		background: #21858c;
	}
	25% {
		height: 30px;
		-webkit-transform: translateY(15px);
		transform: translateY(15px);
		background: #E23030;
	}
	50% {
		height: 5px;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		background: #AF2525;
	}
	100% {
		height: 5px;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		background: #7A1C1C;
	}
}
p.line-left {
		padding-top:0;
}
.line-left {
    border-left: 5px solid #ff3333;margin: 0;padding: 10px 0 10px 35px;
}
.btn-exist .wp-block-button__link {
	background:transparent;border:1px solid #FF3333;padding:5px 20px;font-size:16px;font-weight:bold;
}
.btn-exist .wp-block-button__link:hover {
	background:#FF3333;color:#fff;transition:background .5s, color .5s;
}
.hide-el {
	display:none;
}
.tg-container {
	padding:0;
}
.header-sticky .is-sticky #masthead {
	z-index:10000 !important;
}
.mb-50 {
	margin-bottom:50px;
}
.mb-75 {
	margin-bottom:75px;
}
.mb-100 {
	margin-bottom:100px;
}
.mt-50 {
	margin-top:50px;
}
.mt-75 {
	margin-top:75px;
}
.mt-100 {
	margin-top:100px;
}
.mb-title {
	margin-bottom:25px;
}
.cover-home {
	width:unset !important;
}
.f-title {
	margin-bottom:5px !important;
}
.logo .logo-image  {
	padding:0;
}
.entry-content, .entry-summary {
	margin-top:0;
}
.bg-grey {
	background:#F7F7F7;
}
.home .wp-block-separator {
	margin-top:0;margin-bottom:0;padding:5px;
}
.home .wp-block-separator hr {
	background-color:#58595B;margin:0 auto;max-width:250px;
}
.home .why-us-title {
	margin-bottom:-100px;color:#fff;margin-top:50px;
}
.home .services-sec {
	background:url(https://griyomapansantoso.com/wp-content/uploads/2019/07/Render-Club-House-Red.jpg);margin-top: 0;padding: 150px 200px 50px;margin-bottom: 30px;
}
.home .services-sec .wp-block-column * {
	color:#fff;line-height:22px;
}
.home .services-sec p {
	margin:10px auto;line-height:18px !important;
}
.home .services-sec .wp-block-image {
	margin-bottom:15px;
}
.home .services-sec .wp-block-image img {
	border-radius:50%;background:transparent;;padding:15px;border:5px solid #fff;
}
.home .cluster-box {
	background:#f7f7f7;
}
.home .cluster-box .wp-block-image {
	position:relative;
}
.home .cluster-box .wp-block-image, .home .cluster-box .wp-block-image figure {
	margin-bottom:0;
}
.home .cluster-box .wp-block-image img {
	padding:0;max-width:100%;
}
.home .cluster-box .wp-block-image figcaption {
	position:absolute;z-index:100;bottom:0;margin:0 !important;padding:10px;font-size:16px !important;background:#fff;width:100%;display:none;
}
.home .cluster-box .wp-block-image:hover figcaption {
	display:block;
}
.home .cluster-box .wp-block-image figcaption:before {
	width:0;height:0;border-style:solid;border-width:0 20px 20px 20px;border-color:transparent transparent #fff transparent;content:'';position:absolute;margin-top:-30px;left:50%;margin-left:-20px
}
.desc-col .wp-block-column:before {
	content:'';width:35px;height:35px;background:#098891;float:left;margin:5px 15px 75px 0;
}
.title-pd-top {
	padding-top:30px;color:#58595B;letter-spacing:1px;
}
.title-pd-bottom {
	padding-bottom:30px;margin:0;color:#58595B;
}
.home .cluster-box .wp-block-column {
	margin:0
}
#flash-breadcrumbs {
	display:none;
}
.ct-about {
	min-height:90px;text-align:center;margin-bottom:0;
}
.ct-about p, .ct-about .wp-block-button {
	display:inline-block;margin:0 15px;
}
.ct-about p {
	font-size:18px;
}
.ct-about .wp-block-button__link {
	background:transparent;border:1px solid #fff;
}
.ct-about .wp-block-button__link:hover {
	background:#fff;color:#FF3333;transition:background .5s, color .5s;
}
#site-navigation ul li a {
    text-transform:uppercase;letter-spacing:2px;font-weight:bold;
}
#site-navigation ul.sub-menu {
	background:#231F20;min-width:300px;padding:15px 30px;z-index:9999;
}
#site-navigation ul.sub-menu li a {
	color:#fff;
}
.quote-cover .wp-block-cover__inner-container {
		width:60%;margin:auto;
}
.quote-cover .wp-block-cover__inner-container p {
		margin-bottom:10px;
}
.quote-cover .wp-block-button__link {
		margin-top:10px;
}
.quote-cover, .why-cover {
	margin-bottom:0;
}
.why-cover .wp-block-cover__inner-container {
	width:75%;
}
.why-cover .wp-block-cover__inner-container p {
	margin-bottom:10px
}
.sp-testimonial-free-section .slick-dots {
	display:none !important;
}
.sp-testimonial-free-wrapper {
	margin-bottom:50px;
}
.project-bg-left, .project-bg-right {
	min-height:calc(100vh - 70px);margin-bottom:0;
}
.project-bg-left .wp-block-cover__inner-container {
	position:absolute;left:100px;text-align:left;max-width:350px;bottom:50px;
}
.project-bg-right .wp-block-cover__inner-container {
	position:absolute;right:100px;text-align:left;max-width:350px;bottom:50px;
}
.project-bg-left .wp-block-cover__inner-container h1, .project-bg-right .wp-block-cover__inner-container h1 {
	letter-spacing:2px;
}
.project-bg-left .wp-block-cover__inner-container .wp-block-button a, .project-bg-right .wp-block-cover__inner-container .wp-block-button a {
	background:transparent;border:1px solid #fff;transition:background .5s, color .5s, border .5s;margin-top:10px;font-size:14px;
}.project-bg-left .wp-block-cover__inner-container .wp-block-button a:hover, .project-bg-right .wp-block-cover__inner-container .wp-block-button a:hover {
	background:#FF3333;color:#FFF;border:1px solid #FF3333;
}
.project-title {
	background:#194d4d;background:-moz-linear-gradient(90deg,rgba(25,77,77,1) 0,rgba(25,77,77,0) 100%);background:-webkit-linear-gradient(90deg,rgba(25,77,77,1) 0,rgba(25,77,77,0) 100%);background:linear-gradient(90deg,rgba(25,77,77,1) 0,rgba(25,77,77,0) 100%);width:100% !important;
}
.n2-ss-section-main-content.n2-ss-layer-content.n2-ow {
	padding:0 !important;
}
.n2-ss-section-main-content.n2-ss-layer-content.n2-ow div {
	font-family: 'Open Sans', sans-serif !important;
}
.project-col {
	margin-top:50px;
}
.project-col .wp-block-column:first-child {
	flex-basis: calc(70% - 16px);
}
.project-col .wp-block-column:last-child {
	flex-basis: calc(30% - 16px);
}
.project-col h2, .project-col h5 {
	margin-bottom:25px;line-height:45px;
}
.contact-col ul {
	margin-top:15px;
}
.contact-col ul li a {
	color:#000;
}
.about-hr {
	width:50px;background-color:#231F20;height:3px;
}
.about-subtitle {
	margin-bottom:25px;
}
.about-p {
	margin:0 auto 10px;max-width:70%;
}
.wp_teamshowcase_slider .slick-dots {
	display:none !important;
}
.wp_teamshowcase_slider.design-1 .member-content .member-desc::before {
	display:none;
}
.wp_teamshowcase_slider .slick-list {
	margin:auto;width:90%;
}
.wp_teamshowcase_slider .member-content .member-job {
	color:#ff3333;
}
.wpls-logo-showcase-slider-wrp {
	margin-bottom:50px;margin-top:25px;
}
.wpls-logo-showcase .slick-dots {
	display:none !important;
}
.latest-p {
	margin:0;
}
.excerpt-cover .wp-block-column {
		margin:0;flex-basis:calc(60% - 16px);
}
.excerpt-cover .wp-block-cover {
		margin:0;min-height:500px;
}
.excerpt-cover .wp-block-column .wp-block-cover:first-child .wp-block-cover__inner-container {
		position:absolute;bottom:50px;right:10%;width:65%;
}
.excerpt-cover .wp-block-cover__inner-container h1 {
		border-bottom:3px solid #231F20;margin:0 0 10px 0 ;padding:0 0 10px 0;
}
.excerpt-cover .wp-block-cover__inner-container p {
		margin-bottom:10px;
}
.carousel-slider-outer {
	margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);max-width: unset;background:#F2F2F2;padding:75px 0;margin-top:50px;
}
.carousel-slider {
		max-width:1200px;margin:auto;
}
.carousel-slider img {
		padding:0;
}
.carousel-slider__caption {
		background:#58595B;padding:10px;
}
.carousel-slider .carousel-slider__caption .title {
		margin-top:0;color:#fff;
}
#top-footer {
	background:#1c1c1c;
}
#top-footer a {
	color:#fff;
}
#top-footer a:hover {
	color:#098891;
}
#top-footer .widget-title:first-letter {
	color:inherit !important;
}
#top-footer #nav_menu-3.widget ul li {
	padding:0 25px 0 0;display:inline-block;text-transform:uppercase;
}
#top-footer #nav_menu-3.widget ul.sub-menu {
	display:none;
}
#top-footer #nav_menu-3.widget ul li:after {
	display:none;
}
#top-footer .tg-column-wrapper .footer-block:last-child {
	text-align:right;
}
#top-footer #zoom-social-icons-widget-3 .widget-title {
	border-left:0;margin-bottom:0;padding-right:10px;
}
#top-footer #zoom-social-icons-widget-3.widget ul li:after {
	display:none;
}
#top-footer #zoom-social-icons-widget-3.widget ul li {
	padding:0;
}
#top-footer #zoom-social-icons-widget-3.widget a .socicon:before {
	color:#fff;
}
#top-footer #zoom-social-icons-widget-3.widget a:hover .socicon:before {
	color:#098891;
}
#bottom-footer {
	background:#222;
}

@media (max-width:480px) {
	.center-logo-below-menu .logo, .logo, .center-logo-below-menu #site-navigation {
		padding:0;
	}
	.logo .logo-image {
		transform:none;
	}
	#site-navigation {
		padding:0 10px;
	}
	.project-col .wp-block-column {
		flex-basis:inherit !important;
	}
	.why-cover .wp-block-cover__inner-container p:first-child {
		font-size:28px;
	}
}

@media (max-width:600px) {
	.kpr-box .wp-block-column {
		flex-basis:auto;flex-grow:0;margin:0;max-width:50%;
	}
	.kpr-box .wp-block-column * {
		margin:0;
	}
	.ct-about p {
		font-size:14px;
	}
	.ct-about .wp-block-button__link {
		font-size:14px;padding:5px 10px;
	}
	.why-cover .wp-block-cover__inner-container {
		width:calc(100% - 70px);position:relative;right:inherit;
	}
	.home .facilities-sec {
		text-align:center;
	}
	.project-bg-left .wp-block-cover__inner-container, .project-bg-right .wp-block-cover__inner-container {
		position:relative;right:inherit;left:inherit;text-align:center;bottom:inherit;max-width:inherit;
	}
	.project-bg-left .wp-block-cover__inner-container h1, .project-bg-right .wp-block-cover__inner-container h1 {
		text-align:center !important;
	}
	.home .wp-show-posts {
		flex-wrap:wrap;
	}
	.home .wp-show-posts article {
		flex-basis:100%;margin-bottom:15px;
	}
	.wp-show-posts .wp-show-posts-entry-header, .wp-show-posts .wp-show-posts-entry-summary, .wp-show-posts .wpsp-read-more {
		padding:0 20px;
	}
	.wp-show-posts .wp-show-posts-entry-title {
		font-size:24px;
	}
	.related-posts .tg-column-3 {
		width:100%;margin-bottom:15px;
	}
	.related-posts .post-thumbnails img {
		width:100%;
	}
	.post .entry-content-block {
		width:85%;
	}
	.quote-cover {
		padding-top:25px;
	}
	.quote-cover .wp-block-cover__inner-container {
		width:90%;
	}
	.quote-cover p {
		font-size:16px !important;
	}
	.quote-cover p strong {
		font-size:32px;
	}
	#top-footer #nav_menu-3.widget ul li {
		padding:0 10px;
	}
	#top-footer .tg-column-wrapper .footer-block {
		text-align:center !important;margin:0;
	}
}

@media (max-width: 720px) {
	#page .ums_map_opts {
		padding:0 !important;
	}
	.line-left {
		padding:10px 0 10px 10px;
	}
	.logo .logo-image a img {
		width:224px;
	}
	.title-pd-top, .title-pd-bottom {
		letter-spacing:0;padding-left:15px;padding-right:15px;
	}
	.contact-col {
		padding:0;
	}
	.header-bottom {
		padding:10px;
	}
	.related-posts-wrapper {
		margin:30px 15px;
	}
	.related-posts {
		margin:0 auto 75px;
	}
	.related-posts .tg-column-3 {
		margin:0 auto 15px;
	}
	.entry-content, .entry-summary {
		margin:0 15px;
	}
}

@media (min-width: 782px) {
	.facilities-sec .wp-block-column .wp-block-columns .wp-block-column:first-child {
		flex-basis: 25% !important;
	}
	.facilities-sec .wp-block-column .wp-block-columns .wp-block-column {
		flex-basis: 75% !important;
	}
	.facilities-sec .wp-block-column .wp-block-columns .wp-block-column:not(:first-child) {
		margin-left:5px !important;
	}
	.kpr-box {
		width:65%;margin:auto
	}
}

@media (max-width:851px) {
	.ct-about {
		padding:10px;
	}
	.ct-about .wp-block-button {
		margin:5px 15px;
	}
	.project-bg-right .wp-block-cover__inner-container {
		right:0;
	}
	.about-p {
		max-width:100%;
	}
}

@media (max-width:980px) {
	#site-navigation ul li.menu-item-has-children .sub-toggle {
		background:#ff3333;
	}
	#site-navigation ul.sub-menu {
		background:inherit;padding:15px;	
	}
	#site-navigation ul.sub-menu li a {
		color:#4c5867;
	}
	.excerpt-cover .wp-block-column {
		flex-basis:100%
	}
	.excerpt-cover .wp-block-column .wp-block-cover:first-child .wp-block-cover__inner-container {
		position:static;bottom: auto;right: auto;width: 90%;margin: auto;text-align: center;
	}
	.excerpt-cover .wp-block-cover__inner-container h1 {
		text-align:center !important;
	}
	.home .services-sec {
		padding:150px 25px 50px;
	}
	.home .services-sec .wp-block-column {
		margin-bottom:50px;
	}
}

@media (max-width:781px) {
	.home .cluster-box .wp-block-image figcaption {
		display:block;
	}
	.kpr-box {
		width:100%;margin:auto
	}
}

@media (min-width:600px) and (max-width:781px) {
	.home .cluster-box.has-3-columns .wp-block-column, .home .facilities-sec.has-3-columns .wp-block-column, .desc-col.has-3-columns .wp-block-column, .home .services-sec .wp-block-column {
		display:inline-block;width:49%;margin:10px auto !important;text-align:center;
	}
	.home .facilities-sec.has-3-columns .wp-block-column .wp-block-image, .home .facilities-sec.has-3-columns .wp-block-column figure {
		margin-bottom:0;
	}
	.facilities-sec .wp-block-column .wp-block-columns .wp-block-column:first-child {
		flex-basis: 100% !important;
	}
	.facilities-sec .wp-block-column .wp-block-columns .wp-block-column {
		flex-basis: 100% !important;
	}
	.facilities-sec .wp-block-column .wp-block-columns .wp-block-column:not(:first-child) {
		margin-left:0 !important;
	}
	.desc-col .wp-block-column:before {
		content:none;
	}
	.home .wp-show-posts {
		flex-wrap: wrap;
	}
	.home .wp-show-posts article {
		display:inline-block;width:49%;margin:10px auto !important;text-align:center;
	}
}