/*Header*/
	header{width: 100%; height: auto; text-align:center;}
	header nav{width: 100%; border-top:4px solid #D5171A; color:#575756; height: auto; background: #fff; text-align:center; position: relative; z-index: 9999;}
	
	/*header ul{width: 847px; height: auto; margin: auto;}
	header nav ul li{ font-size: 11px; display:inline-block; width: auto; height: auto; padding:34px 18px 30px 18px; }
	header nav ul li:first-child{ }
	header nav ul li:last-child{ }
	header nav ul li a {color: #58595B; text-decoration: none;}
	*/
	header #logo{width: 100%; height: auto; clear: both; text-align: center; margin: 27px 0px ;}

	/*mobile menu*/
	.header-mobile{
		padding-bottom: 10px; 
		display:none;
		height: 60px;
	}

	.content-description p { font-size:12px; }
	.logo-mobile{margin: 15px 0 0 0;right: 3%;width: 100px; position: absolute;}

	.img-mobile{
		
		margin-top: 15px;
		float: left;
		width: 5%;
		margin-left: 3%;
		position: absolute;
		width: 40px;
		border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
		cursor: pointer;
		
	}

	.header-mobile h4{
		color: #fff; 
		float: right; 
		margin: 5% 3% 0 0;
		font-size: 18px;
	}

	.menu-mobile{background: rgba(255, 255, 255, 0.8);}

	.menu-mobile ul{
		padding: 0;
		margin: 0;
		list-style: none;
		
	}

	.menu-mobile ul li {
		padding-top: 5px;
		border-bottom: 1px solid #D5171A;
		padding-left: 4%;
		padding-bottom: 5px;
	}

	.menu-mobile ul li:after{
		border-bottom: 1px solid rgba( 0, 0, 0, 0.4 );
	}

	.menu-mobile ul li a{
		color: #575756;
		text-decoration: none;
		font-size: 12px;
		letter-spacing: 1px;
	}
	.productlist-list-title .productlist-list-title p {
		margin:0;
	}

	.menu-mobile ul li a:hover{ color:#D5171A; }

	/*end mobile*/ 
/*Header*/

/*section-Home*/
	.banner{width: 100%; height: 520px; position: relative;}
	#banner-btn{cursor: pointer; position: absolute; bottom: 18px; margin: auto; left: 0; right: 0;}
	.whatwedo{background: #FBF9F4; width: 100%; height: auto; text-align: center; padding: 53px 0px 128px 0px;}
	.whatwedo img{margin-bottom: 37px;}
	.whatwedo span p{margin:0; font-size: 11px; color: #58595B; line-height: 22px; font-family: 'DINNextLTPro-Light'; text-transform: uppercase;}
	.quote01{padding:50px 0; position: relative;}
	.content-quote{height: 620px}
	/*.content-quote{background: url('../images/pattern-white.png'); width: 100%; padding: 180px 0px 200px; text-align: center;}*/
	.character-01{background: #FBF9F4; text-align: center; padding: 55px 0px 38px 0px;}
	.char{margin-bottom: 7px;}
	.char01{margin-bottom: 37px;}
	.char02{margin-bottom: 46px;}
	.char03{margin-top: 16px;}
	.character-01 span p{margin: 0; text-transform: uppercase; font-size: 11px; color:#58595B; line-height: 24px; font-family: 'DINNextLTPro-Light';}
	.quote02{position: relative; width: 100%; height: 716px;}
	#quote-content{background: rgba(251, 249, 244, 0.8); width: 367px; height: 433px; position: absolute; top:0; bottom: 0; left: 0; right: 0; margin:auto; color: #C3996B; padding: 0px 68px; text-align: center; }
	#quote-content #top{border-bottom: 1px solid #C3996B;padding: 38px 0px 31px;font-size: 28px; font-family: 'Caslon224Std-Bold'; text-transform: uppercase;}
	#quote-content #top p{margin: 0;padding: 15px 0px;}
	#quote-content #bottom{margin-top: 29px;}
	#quote-content #bottom p{margin:0; font-family: 'Conv_Baskerville_Greek_Upright';}
	.character-02{background: #FBF9F4; width: 100%; height: auto; text-align: center; color: #58595B; padding: 68px 0 109px;}
	.character-02 .char01{margin: 35px 0 56px;}
	.character-02 p{margin: 0;line-height: 21px;text-transform: uppercase;font-size: 11px;font-family: 'DINNextLTPro-Light';}
	.quote03{width: 100%; height: 558px;padding-top: 163px; position: relative;}
	.quote-content03{background: rgba(251, 210, 200, 0.8); width: 334px; height: 380px; padding: 13px; margin: auto;}
	.quote-content03 .quotenya03{border: 4px solid #ffffff; height: auto; padding: 44px;}
	.character-03{background: #FBF9F4; width: 100%; height: auto; text-align: center; color: #58595B; padding: 33px 0 70px;}
	.character-03 .char01{margin-bottom: 33px;}
	.character-03 .title{color: #C3996B; text-transform: uppercase; letter-spacing: 3px; line-height: 24px; font-size: 14px; margin-bottom: 14px; font-family: 'GothamBold'}
	.character-03 p{margin: 0;line-height: 21px;text-transform: uppercase;font-size: 11px; font-family: 'DINNextLTPro-Light';}
	.character-03 .char{margin-bottom: 17px;}
	.character-04{width: 100%; height: 584px; padding: 4% 0; position: relative;}
	.character-04 .content-character-04{width: 92%;margin: auto;text-align: center;background: rgba(255, 255, 255, 0.7);height: 538px; padding-top: 45px;}
	.character-04 p{margin: 0;line-height: 21px;text-transform: uppercase;font-size: 11px; color: #58595B; font-family: 'DINNextLTPro-Light';}
	.character-04 .title{color: #C3996B; text-transform: uppercase; letter-spacing: 3px; line-height: 38px; font-size: 36px; border-bottom: 1px solid; padding: 39px 0 21px; width: 250px; margin: auto; font-family: 'Caslon224Std-Bold';}
	.character-04 .char01{margin: 43px 0 50px;}
	.quote04{position: relative; width: 100%; height: 540px;}
	.quote05{position: relative; width: 100%; height: 686px; position: relative;}
	.character-05{background: #FBF9F4; width: 100%; height: auto; text-align: center; color: #58595B; padding: 29px 0 82px;}
	.character-05 .char01{margin: 49px 0 43px;}
	.character-05 p{margin: 0;line-height: 21px;text-transform: uppercase;font-size: 11px; font-family: 'DINNextLTPro-Light';}
/*section-Home*/

/*About*/
	.about{background:#FBF9F4 ; width: 100%; height: auto;}
	.about .content{width: 67%; height: auto; margin: auto; text-align: center;}
	.about .page-title{font-size: 22px; color: #C3996B; text-transform: uppercase; padding-top: 63px;}
	.about .sub-page-title{font-size: 20px; color: #C3996B; margin-bottom: 17px; padding-top: 66px;}
	.about .content-description{width: 100%; height: 907px; margin-top:52px;}
	.about .content-description .image{float: left; width: 47%; height: auto; margin-right: 4%; margin-left: 1%;}
	.about .content-description .image img{width: 100%;}
	.about .content-description .description{font-size: 10px; color:#58595B; text-align: left; line-height: 18px; float: right; width: 46%; margin-right: 1%; text-transform: uppercase;}
	.about .content-description .description p{margin: 0; font-family: 'DINNextLTPro-Light'}
	.about .content-description .description a{color: #C3996B; text-decoration: none;}
	.about .content-description .description a:hover{color: :#58595B;}
/*About*/

/*Contact*/
	.contact{background:#FBF9F4 ; width: 100%; height: auto;}
	.contact .content .pattern{margin: 57px 0 7px;}
	.contact .content .page-title{font-size: 28px; color: #C3996B;}
	.contact .content-description{margin-top: 53px; color: #58595B; font-size: 10px; line-height: 20px; text-transform: uppercase;}
	.contact .content-description a{color: #C3996B; text-decoration: none;}
	.contact .social{width: 347px; margin:auto; border-top: 1px dashed #58595B; border-bottom: 1px dashed #58595B; padding:13px 40px; margin:24px auto 13px;}
	.contact .social div img{margin:16px 2px 3px;}
	.contact #map .map-title{font-size: 10px;background: #FFFFFF;width: auto;position: absolute;bottom: 35px;padding: 10px 11px;font-family: GothamBold;color: #C3996B;border: 3px solid #C3996B;left: 21px;}
	.contact #map .map-title font{font-size: 14px;}
	.contact .content-box{width: 80%; min-width: 1079px; height: auto; margin: 38px auto 0;padding-bottom: 180px;}
	.contact .content-box #map{width: 46.9%; height: 570px; border:2px solid #C3996B; float: left; position: relative;}
	.contact .content-box #form{width: 50.9%; height: 570px; border:2px solid #C3996B; float: right; background: #E8DFD8;}
	.content .content-box .content-form{font-family: 'GothamBook'; color: #C3996B; border:1px solid #C3996B;background: #F2EAE4; width: 87%;height: 499px;margin: 8.3px 2% 2% 8.3px;padding: 25.5px 5%; position: relative;}
	.content .content-box .content-form .title{line-height: 20px; font-size:12px; font-family: 'GothamBold'; text-transform: uppercase;}
	.contact .form-input{line-height: 42px; margin-top: 30px; display: table; text-align: left; font-size:11px; width: 100%; height: auto;}
	.contact .form-input #label{color: #58595B; width: 27%; display: table-cell;}
	.contact .form-input #input{color: #C3996B; width: 77%; display: table-cell;}
	.contact .form-input #input input{width: 93%; border: 0; color: #C3996B; padding:7px 10px;}
	.contact .form-input #input textarea{height: 115px;width: 98%;border: 0; margin-top: 8px;}
	.contact .form-input #input #button{height: 29px; width: 32%;border: 0; margin-top: 14px; background: #C3996B; color: #fff; text-transform: uppercase;float: right;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
/*Contact*/

/*Wedding*/
	.wedding{background:#FBF9F4 ; width: 100%; height: auto;}
	.wedding .image{padding-top: 72px;margin-bottom: 24px;}
	.wedding .description p{margin: 0;}
	.wedding .description{font-size: 10px; color:#58595B; line-height: 22px; width: 100%; text-transform: uppercase; margin-bottom: 67px; font-family: 'DINNextLTPro-Light'; letter-spacing: 1px;}
	.wedding-list{height: auto; width: 100%; padding-bottom: 350px;}
	.image-list{height: 264px; width: 25%; float: left;}
	.image-list:hover .overlay{display: block;}
	.image-list .overlay{position: relative; display: none; background: rgba(0, 0, 0, 0.85); width: 100%; height: 100%; text-transform: uppercase;}
	.image-list .overlay .title a{font-family: 'Conv_Baskerville_Greek_Upright'; color: #fff; text-decoration: none; font-size: 12px; line-height: 20px; letter-spacing: 1px;}
	.image-list .overlay .title a font{font-family: 'Conv_Baskerville_Greek_Upright'; font-size: 16px; letter-spacing: 2px;}
	.image-list .overlay .date{font-family: 'DINNextLTPro-Light'; color: #fff;font-size: 10px;margin-top: 9px;}
	.content-overlay{bottom: 0; top: 0; left: 0; right: 0; margin: auto; position: absolute; height: 70px; width: 200px;}
/*Wedding*/

/*wedding-detail*/
	.c-slider{width: 100%; height: auto;background: #FFEFE1;}
	.content-slider{height: auto;width: 830px;margin:auto;}
	.description-detail-w{text-align: center; color: #58595B; padding-bottom: 200px;}
	.description-detail-w .title{font-family: 'GothamBook'; color: #C3996B; font-size: 23px; text-transform: uppercase; margin-top: 40px}
	.description-detail-w .title font{font-family: 'Conv_Baskerville_Greek_Upright'; font-size: 26px; text-transform: capitalize;}
	.description-detail-w .date{letter-spacing: 4px; font-size: 10px; margin:7px 0px 10px;font-family: 'GothamBold';}
	.description-detail-w .location{letter-spacing: 1px; font-size: 10px; margin:0px 0px 26px;font-family: 'GothamBook';}
	.description-detail-w .pattern img{margin-bottom: 15px;}
	.description-detail-w .teks{margin:0px auto 85px auto; width: 60%; font-family: 'DINNextLTPro-Light';}
/*wedding-detail*/

/*Blog*/
	.blog .sub-page-title{padding-top:61px; text-align: center;}
	.blog{background:#FBF9F4 ; width: 100%; height: auto;}
	.blog .content{width: 85%; margin: auto; padding-left: 5%;}
	.blog .content-description{float: left; width: 71%; height: auto; margin-top: 79px;}
	.blog .side-menu{float: right; width: 22%; height: 400px;}
	.content-blog{margin-bottom: 32px;}
	.content-blog .date{margin-bottom:10px;font-size: 14px; color: #58595B; font-family: GothamMedium;border: 2px solid #C3996B;padding: 7px 14px;width: auto;height: auto;float: left;color: #58595B;font-size: 14px;}
	.content-blog .date font{font-size: 9px; text-transform: uppercase;}
	.content-blog .sep{border-bottom: #C3996B 1px solid;height: 1px;width: 100%;margin: 4px 0 8px;}
	.content-blog .title{margin-bottom:10px; float: left;color: #C3996B;font-size: 27px;text-align: left;margin-left: 15px;font-family: 'Caslon224Std-Book';}
	.content-blog .title div{font-size: 10px;margin-top: 10px;text-transform: uppercase;font-family: 'GothamMedium';}
	.content-blog .title div font{color: #58595B;}
	.content-blog img{margin-top: 4px;width: 100%;}
	.content-blog .desc{font-family: 'GothamBook';color: #58595B;font-size: 12px;text-align: left;width: 81%;line-height: 18px;}
	.pagination{float: left;width: auto;height: auto;margin: 19px 0 85px;}
	.pagination .left, .pagination .right, .pagination a{float: left;padding:4px 8px; text-decoration: none; color: #58595B; font-family: 'Gothammedium'; font-size: 12px; margin: 0 2px;}
	.pagination a.active{border:1px solid #C3996B;}
	.blog .side-menu{margin-top: 79px;}
	.side-menu .category{margin-bottom: 20px;}
	.side-menu .category img{margin-bottom: 8px; width: 94%;}
	.side-menu .category div{padding: 6px;color: #C3996B;font-size: 10px;text-transform: uppercase;font-family: 'GothamMedium';border-bottom: 1px dotted #C3996B;width: 80%;margin: auto;}
	.side-menu .category div a{color: #C3996B; text-decoration: none;}
	.side-menu .category div a:hover{opacity: 0.7;} 
	.side-menu .category div font{font-size: 14px;}
	#form1 #button{background: url('../images/go.jpg');background-size: 96%;height: 24px;width: 24px;border: 0;position: absolute;top: 22px;right: 8px;}
	#form1{position: relative;width: 90%;margin: auto;}
	#form1 #search{border: 1px solid #C3996B;border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;padding: 3px 12px;font-size: 10px;font-family: 'GothamLight';color: #C3996B;font-style: italic;width: 85%;height: 21px;margin-top: 20px;}
	.blog .sosmed a{margin: 0px 2px 0; text-decoration: none;}
	.blog .sosmed{padding-top: 28px;}
	.archieve .year{cursor: pointer; color:#58595B; width: 80%; margin: auto; font-size: 14px; padding: 4px 6px; font-family: 'Gothammedium';border-top: 1px dotted #C3996B;}
	.archieve div .year:first-child{border:0;}
	.year-content{height: auto;margin: 20px 0 25px;}
	.archieve #arc{margin-bottom: 10px; width: 94%;}
	.sepa-arc{border-bottom: 2px solid #C3996B;width: 80%;margin: 14px auto 4px;padding: 0 6px;}
	.year-content #left div, .year-content #right div{width: 100%; padding: 6px 0;}
	.year-content #left{float: left; width: 48%;}
	.year-content #right{float: right; width: 48%;}
	.year-content .sepa-year{width: 1px;height: 160px;border-left: 1px dotted #C3996B;margin: auto;}
	.sepa{width:4%;float: left;position: relative;}
	.sepa img{position: absolute;top: -2px;left: -1px;right: 0;margin:auto;}
	.year-content .disable a{opacity:0.5;cursor: default;}
	.year-content a{font-family: 'GothamBook';font-size: 13px;color: #58595B; text-decoration: none;}
/*Blog*/

/*Footer*/ 
	footer{background:#fff;  height: auto;  padding:30px 30px 30px 30px; margin-bottom:25px; text-align: left;}
	footer a{color: #D92429; text-decoration: none; }
	footer a:hover{color: #000 !important;}
	.nav-footer{width: 930px; height: 154px; border: 0px solid #fff; margin: 100px auto 0px;}
	.nav-footer .content-footer{ }
	.nav-footer .content-footer .f-title{font-family: GothamBold; text-transform: uppercase; font-size: 11px; margin-bottom: 5px;}
	.nav-footer .content-footer .sub-content{ font-size: 11px; margin-top: 10px;}
	.nav-footer .content-footer .sub-content p{margin: 0; }
	.sepa-left{width: 70px;height: 111px;border-right: 1px dashed #C3996B;float: left;position: relative;}
	.sepa-left img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
	.sepa-right{width: 70px;height: 111px;float: left;position: relative;}
	.sepa-right img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
	footer #content-hello{margin-top: 18px; margin-bottom: 5px;}
	footer #hello{ padding:6px 80px 40px;}
	footer #follow{padding: 6px 68px 30px;}
	footer a:hover img{opacity:0.8;}


/*Footer*/

@media screen and (min-width:200px) and (max-width:947px) {
	.header-mobile {display: block;}
	header{display: none !important;}
	.nav-footer {width: 100%; height: auto; margin-top: 35px; text-align: center;}
	footer{height: auto;}
	.sepa-left{float: none; width: 40%;height: 38px;border-bottom: 1px dashed #C3996B; border-right: 0; margin: auto; position: inherit;}
	.sepa-left img, .sepa-right img{position: inherit;}
	.nav-footer .content-footer{float: none; border-bottom: 1px dashed #C3996B; border-right: 0; padding: 12px 0 !important; width: 40%; margin: auto;}
	.sepa-right{height: 15px; float: none; border-right: 0; position: inherit; margin: 0 auto; padding-top: 22px;}

	.about .content{width: 90%;}
	
	/* setup footer */
	
	

}
@media screen and (min-width:201px) and (max-width:797px){
.agents {
		border-left:none !important;
		border-right:none !important;
		width:100% !important;
		margin-left:0px !important;
		margin-right:0px !important;
		padding-left:0px !important;
		padding-right:0px !important;
		}
		
.plist {
		width:30% !important;
		margin-left:0px !important;
		margin-right:0px !important;
		padding-left:0px !important;
		padding-right:0px !important;
	}
		
}

@media screen and (min-width:201px) and (max-width:397px){
	
.plist {
		width:40% !important;
		margin-left:0px !important;
		margin-right:0px !important;
		padding-left:0px !important;
		padding-right:0px !important;
	}
.pdet {
		width:90% !important;
		margin-left:0px !important;
		margin-right:0px !important;
		padding-left:10px !important;
		padding-right:20px !important;	
	}	
	.foot {
		float:none !important;
		border-left: none !important;
		display: block !important;
		text-align:center !important;
		width:100% !important;
		margin-left:0px !important;
		margin-right:0px !important;
		padding-left:0px !important;
		padding-right:0px !important;
		}
	.content  {
		width:100% !important;
		max-width:980px !important;
		}	  
}
@media screen and (min-width:397px) and (max-width:1213px){
	.pdet {
		width:40% !important;
		margin-right:20px !important;	
	}
	.foot {
		float:none !important;
		border-left: none !important;
		display: block !important;
		text-align:center !important;
		width:100% !important;
		margin-left:0px !important;
		margin-right:0px !important;
		padding-left:0px !important;
		padding-right:0px !important;
		}
	.content  {
		width:100% !important;
		max-width:980px !important;
		}	
}
@media screen and (max-width:500px){
	.image-list {
		height: 360px;
		width: 100%;
	}
}
@media screen and (min-width:501px) and (max-width:710px){
	.image-list {
		height: 230px;
		width: 50%;
	}
	
	
}
@media screen and (min-width:711px) and (max-width:880px){
	.image-list {
		width: 50%;
		height: 315px;
	}
	
}
@media screen and (min-width:881px) and (max-width:1080px){
	.image-list {
		width: 33.3%;
	}
}
@media screen and (min-width:1081px){
	.image-list {
		width: 25%;
	}
}
@media screen and (max-width:1110px){
	.contact .content-box #map, .contact .content-box #form{width:100%; float: none; margin-left:auto; margin-right: auto;}
	.contact .content-box{min-width:553px; width: 553px;}
	.contact .content-box #map{margin-bottom: 10px;}
}