body{
	background-color: #F5F2EB;
}
section {
    background: unset;
}
/* breadcrumb */
.page-banner {
    padding: 30px 0;
    background: #aaa;
	border-bottom: 1px solid #eee;
	color: #fff;
}

.page-banner h2 {
	font-weight: 500;
	text-transform: uppercase;
	color: #fff;
}

.page-banner p {
	font-weight: 300;
	margin: 0;
}

ul.breadcrumb {
    background: rgba(255, 255, 255, 0);
	float: right;
	margin: 2.5em 0;
	padding: 0;
    float: unset;
}

.no-subtitle ul.breadcrumb {
	margin-top: 4px;
}

ul.breadcrumb li {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
    margin-left: 3px;
	color: #fff;
	float: left;
}

ul.breadcrumb li:before {
    content: '>';
	margin: 0 4px 0 2px;
	color: #fff;
	font-weight: 900;
}

ul.breadcrumb li:first-child {
	margin: 0;
}

ul.breadcrumb li:first-child:before {
    content: '';
	margin: 0;
}

ul.breadcrumb li, ul.breadcrumb li:before{
	color: #B89055;
}
ul.breadcrumb li a {
	color: #84ba3f;
	font-weight: 500;
	transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
	color: #646464;
}
ul.breadcrumb li a:hover { 
	color: rgba(255,255,255,1); 
	color: #B89055;
}

img.img-responsive{max-width:100%;height:auto;}

.post-share span {
	margin-right: 4px;
	font-size: 13px;
	color: #666;
}

.post-share a {
	display: inline-block;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
    color: #FFFFFF;
	
}

.post-share a.facebook:hover {
	color: #3E68A8;
}

.post-share a.twitter:hover {
	color: #36BFED;
}

.post-share a.google-plus:hover {
	color: #EF4545;
}

.post-share a.linkedin:hover {
	color: #72BBD3;
}

.post-share a.pinterest:hover {
	color: #9E1B20;
}

.post-share a.mail:hover {
	color: #FFB300;
}

.post-share a i {
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	display: block;
	font-size: 1.2em;
	background: #B89055;
}

.page-section-ptb ul{margin-left:15px;}

/*------------------------------------------*/
/*			Thumbnail [aspect ratio]
/*------------------------------------------*/
.square {
    position: relative;
    width: 100%;
}
.square:before {
    content:     "";
    display:     block;
    padding-top: 100%;
}
.square .square-content {
    position: absolute;
    top:      0;
    left:     0;
    bottom:   0;
    right:    0;
}
.img-wrap{
	width: 100%;
	height: 100%;
	position: relative;
    overflow: hidden;
}
.img-wrap img{
	min-width:100%;
	min-height:100%;
	
	position: absolute;
    top: -10000px;
    bottom: -10000px;
    left: -10000px;
    right: -10000px;
    margin: auto;
}

/* Other ratios - just apply the desired class to the "box" element */
.ratio2_1:before{
    padding-top: 50%;
}
.ratio3_2:before{
    padding-top: 125%;
}
.ratio1_2:before{
    padding-top: 200%;
}
.ratio1_1:before{
    padding-top: 100%;
}
.ratio4_3:before{
    padding-top: 75%;
}
.ratio16_9:before{
    padding-top: 56.25%;
}
.ratio2_1 .landscape, .ratio16_9 .landscape{max-height:inherit !important;max-width:100% !important;}
.ratio2_1 .potrait, .ratio16_9 .potrait{max-height:100% !important;max-width:inherit !important;}

.squared{max-width:100% !important;max-height:100% !important;}
.landscape{max-height:100% !important;max-width:inherit !important;}
.potrait{max-width:100% !important;max-height:inherit !important;}

.img-wrap.default{ background: transparent; }
.img-wrap.white{ background: #fff; }
.img-wrap.black{ background: #000; }
.img-wrap.store{ background: #fff; }
.img-wrap.store:hover{ background: #1f4e7a; }


.category{
	text-align:left;
	padding:1em;
}

.category ul{
	padding:0;
	margin-bottom:1.5em;
}
.category li{
	list-style:none;
	display:inline-block;
	margin-bottom:15px;
}
.category a{
	background: #fafafa;
	border: 1px solid #ddd;
	color: #666;
	margin-right: 5px;
	padding: 5px 10px;
}
.category a:hover,
.category a:focus{
	text-decoration: none;
	background: #84BA3F;
	color: #FFF;
}
.category .active a{color: #fff;background:#84BA3F; }
.thumb{
    height: 200px;
    overflow: auto;
}

/* Page Nav */
.page-nav{ margin: 30px 0; text-align: center; }
.page-nav ul{margin:0;padding:0}
.page-nav li{ display: inline-block; border:none !important; padding-bottom: 14px;}
.page-nav span,
.page-nav a{
	padding: 4px 10px;
	margin: 2px;
	color: #666;
	border: 1px solid #eee;
}
.page-nav span{ color: #999; }
.page-nav .active a,.page-nav .current{ background: #84BA3F; color: #fff; }
.page-nav .disabled span{ background: #fafafa; border-color: #eee }


.contact-3 .contact-add{padding:30px 15px;}

/* .bungkus{margin-bottom:400px;} */

.carousel .carousel-item .slider-content p{font-size:24px;}

.g-recaptcha,.contact-progress{margin-bottom:15px;}
.portfolio-item .portfolio-overlay a:active,.portfolio-item .portfolio-overlay a:focus { color: #323232; }

.blog-meta{clear:both;font-size:13px;}
.blog-meta .mdata{display:inline;}
.blog-meta .mdata .fa{color:#84BA3F;margin-right:5px;}
.blog-meta .mdata::before{content:"|";padding:0 10px;}
.blog-meta .mdata:first-child::before{content:"";padding:0;}
/* 
.mega-menu ul.dropdown-menu.submenu{border-radius:0;padding:0;margin-top:15px;}
.mega-menu .menu-bar ul{position:relative;}
.mega-menu ul.dropdown-menu li{font-size:14px;}
.mega-menu ul.dropdown-menu li a{display:block;padding:6px 10px;color:#2B2B2B;}
.mega-menu ul.dropdown-menu li a:hover,.mega-menu ul.dropdown-menu li a:focus{color:#73AC2B;background:#FAFAFA;}
 */

.mega-menu .drop-down-multilevel a{font-size:0.8em;}
 
.portfolio-item .portfolio-overlay{bottom:-180px;}

@media(min-width:768px){
	
	/* .mega-menu .menu-bar li:hover > ul {
		opacity: 1 !important;
		visibility: visible !important;
	} */
	/* sub submenu */
	/* .mega-menu .menu-bar ul ul{	
		left: 177px !important;
		top: -1px;
	} */
	.news-height{
	    overflow:hidden;
	}
}

/* 
.mega-menu ul.dropdown-menu.submenu{
  opacity: 0;
  transform: rotateX(90deg);
  visibility: hidden;
}
.mega-menu .submenu.show {
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
  opacity: 1 !important;
  transform: rotateX(0deg);
  visibility: visible !important;
} */

/* tambahan alim */
.carousel-control-next, .carousel-control-prev {
	width: 7.5%;
}

.fit-width {
    width: 100%;
    height: auto;
}

.fit-height {
    height: 100%;
    width: auto !important;
}
/* tambahan alim */

/* tambahan doni */
.menu-list-items .container{
	/*background-color: #3b2108;*/
	background-color: #fff;
    color: #2C0907;
	margin-top: 36px;
}
.desktopTopFixed .menu-list-items .container{
	margin-top: 0;
}
#main-slider .slider-content h1{
	color: #FFFFFF;
	font-family: Poppins;
	font-size: 61px;
	font-weight: bold;
	text-shadow: -2px 6px 8px 9px rgba(0,0,0,0.55);
	text-transform: capitalize;
}
#main-slider .carousel-control-next-icon, .carousel-control-prev-icon{
	width: 14px;
	height: 14px;
	color: #FFFFFF;
}
#main-slider .carousel-control-next, .carousel-control-prev{
	top: unset;
    width: 24px;
	height: 24px;
	background-color: #333333;
}
#main-slider .carousel-control-next{
	right: 2px;
	bottom: 2px;
}
#main-slider .carousel-control-prev{
	left: unset;
	right: 28px;
	bottom: 2px;
}
#main-slider .carousel-indicators {
	justify-content: flex-end;
	bottom: 2px;
	margin-bottom: 0 !important;
	margin-right: 70px;
	margin-left: 2px;
}
#header{
	right: 0;
    left: 0;
}
.our-blog{
	background-color: #F5F2EB;
}
.our-blog h2, #gallery h2{
	color: #333333;
	font-family: Poppins;
	font-size: 24px;
	font-weight: bold;
}
.blog-entry .blog-detail .entry-title a {
    color: #333333;
	font-family: Poppins;
	font-size: 15px;
	font-weight: 500;
    line-height: 1.2em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.our-blog .entry-content{
	color: #83817E;
	font-family: "Open Sans";
	font-size: 12px;
}
.button.arrow{
	color: #B89055;
	font-family: Montserrat;
	font-size: 11px;
	font-weight: 500;
}
.news-date{
	position: absolute;
	left: 10px;
	top: 10px;
	width: 60px;
	height: 60px;
	padding: 10px;
	background-color: #B89055;
    color: #F5F2EB;
    font-family: Poppins;
	font-weight: bold;
	line-height: 1.4em;
	text-align: center;
}
.news-date .tanggal{
    font-size: 24px;
}
.news-date .bulan{
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
}
.galeri-frame{
	width: 100%;
	padding-top: 100%;
	position: relative;
}
.absolute-0{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
#gallery{
	background-color: #ECE8DD;
	padding-top: 2em;
	padding-bottom: 2em;
}
.h-20{
	height: 20% !important;
}
.h-35{
	height: 35% !important;
}
.h-40{
	height: 40% !important;
}
.h-60{
	height: 60% !important;
}
.h-65{
	height: 65% !important;
}
.gall-1, .gall-2, .gall-3, .gall-4, .gall-5, .gall-6, .gall-7{
	background-color: #FFFFFF;
	height: 100%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.mega-menu .menu-links > li:hover, .mega-menu .menu-links > li > a:hover {
    color: #B89055;
}
.mega-menu .menu-links > li.active a {
	color : #B89055 !important;
}
.mega-menu .menu-links > li.active > a{
	border-bottom: 3px solid #B89055;
}
.mega-menu .drop-down-multilevel{
	min-width: 200px;
}
.blog-meta .mdata .fa {
    color: #B89055;
}

.page-nav .active a, .page-nav .current {
    background: #B89055;
    color: #fff;
}
#search_right input{
	background: unset;
    border: 1px solid #333333;
	border-radius: 0;
	border-right: unset;
	padding: 20px;
}
#search_right .btn{
	width: 60px;
	background: #B89055;
	color: #FFFFFF;
	border-radius: unset;
}
.title-effect::before {
	opacity: 0.4;
}
.section-title:nth-child(odd) .title-effect::before {
    background: #B89055;
}
.theme-bg{
	background-color: #B89055;
}
.button{
    border: 2px solid #B89055;

}
.contact-3 .contact-add i {
    font-size: 40px;
    color: #B89055;
}
.category .active a {
    background: #B89055;
}
.category a:hover, .category a:focus {
	background: #B89055;
}
.portfolio-item .portfolio-overlay {
	background: #B89055;
}
.portfolio-item a.popup:hover {
	background: #B89055;
}
#back-to-top .top {
	background: #B89055;
}
footer{
	background-color: #F5F2EB;
	font-family: "Open Sans";
}
.footer-widget a {
    color: #B89055;
	font-family: "Open Sans";
}
.footer-widget a:hover {
    color: #f39200;
}
.mega-menu .drop-down-multilevel li:hover > a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover {
    color: #B89055;
}
.footer-useful-link ul li a:hover {
    color: #B89055;
}
.search .search-btn:hover, .search-button {
    color: #B89055;
}
.social-icons li {
    margin: 0 4px 8px 4px !important;
}
.page-title h1 {
    text-align: center;
}
.mega-menu.desktopTopFixed .menu-logo {
    padding: 10px 0;
}

/*------------------------------------------*/
/*			Thumbnail hover animate
/*------------------------------------------*/

/***** Zoom *****/
.effect-zoom img{
	transition: all 0.5s ease 0s;
}
.effect-zoom:hover img{
	transform: scale(1.2);
	transition: all 0.5s ease 0s;
}

/***** Bubba *****/
figure.effect-bubba {
	text-align: center;
	cursor: pointer;
}
figure.effect-bubba img {
	opacity: 1;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}
figure.effect-bubba:hover img {
	opacity: 0.4;
}
figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
figure.effect-bubba figcaption::before {
	border-top: 1px solid #03192e;
    border-bottom: 1px solid #03192e;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
figure.effect-bubba figcaption::after {
	border-right: 1px solid #03192e;
    border-left: 1px solid #03192e;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
figure.effect-bubba h2 {
	padding-top: 30%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}
figure.effect-bubba p {
	padding: 20px 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}
i.fa.fa-play-circle-o {
    color: #ddd;
}
figure.effect-bubba .icon-view {
	opacity: 0;
	color: #03192e;
	display: block;
	font-size: 24px;
	height: 50px;
	left: 50%;
	line-height: 50px;
	margin-left: -25px;
	margin-top: -25px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 50px;
	z-index: 10;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}
figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-bubba:hover .icon-view {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-bubba > .main-image:hover img {
	opacity: 1;
}
figure.effect-bubba > .main-image:hover .icon-view {
    opacity: 0;
}

/* END VIDEO*/

/* VIDEO LIST */
span.icon-view.btn-play:hover, span.icon-view.btn-play:focus {
    line-height: 12em;
    opacity: 1;
}
span.icon-view.btn-play {
    position: absolute;
    height: 100%;
    width: 100%;
    line-height: 0em;
    opacity: 0;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
span.icon-view.btn-play:hover i {
    animation-name: rubberBand;
    animation-duration: 1s;
    animation-fill-mode: both;
}
span.icon-view.btn-play i {
    font-size: 72px;
}
.video-list .main-image {
    margin-bottom: 20px;
}
#postright .mdata{
	color: #B89055; 
}
.button.black:hover, .button.black.active, .button.black:focus {
    background: #B89055;
    color: #ffffff;
    border-color: #B89055;
}
.search .search-btn {
    color: #2C0907;
}
.mega-menu .menu-links {
    margin-right: 70px;
}

@media (max-width: 991px){
	.mega-menu .menu-links > li.active > a {
		border-bottom: unset !important;
	}
	.mega-menu .menu-links > li > a:hover {
		border-bottom: unset !important;
	}
	#header {
		position: absolute;
		background: unset;
	}
	.search-cart {
		top: -60px !important;
	}
	.mega-menu .menu-links {
		margin-bottom: 18px;
	}
	.menu-list-items .container {
		margin-top: 14px;
	}
}
@media(max-width:767px){
	.page-banner {
		text-align: center
	}
	.footer-widget .social-icons{
		margin-top: 12px;
	}
	.breadcrumb{ float: none !important; display: inline-block; margin-bottom: 0 }
	.menu-list-items .container {
		margin-top: 0;
	}
	#header {
		position: fixed;
	}
	.bawah-header{
		height: 60px;
	}
	#main-slider .slider-content p {
		display: block;
	}
}
@media(min-width:992px){
	.menu-logo{
		width: 30%;
	}
}
@media(min-width:1440px){
	body{
		max-width: 1440px;
		margin: auto;
	}
}