@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'Didot';
	src: url('../fonts/Didot.eot');
	src: url('../fonts/Didot.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Didot.woff') format('woff'),
		url('../fonts/Didot.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Titillium-Light';
	src: url('../fonts/Titillium-Light.eot');
	src: url('../fonts/Titillium-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Titillium-Light.woff') format('woff'),
		url('../fonts/Titillium-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Titillium-Regular';
	src: url('../fonts/Titillium-Regular.eot');
	src: url('../fonts/Titillium-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Titillium-Regular.woff') format('woff'),
		url('../fonts/Titillium-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Titillium-Semibold';
	src: url('../fonts/Titillium-Semibold.eot');
	src: url('../fonts/Titillium-Semibold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Titillium-Semibold.woff') format('woff'),
		url('../fonts/Titillium-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

/* Webfont: Lato-Regular */@font-face {
    font-family: 'Latoreg';
    src: url('../fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Light */@font-face {
    font-family: 'Latolight';
    src: url('../fonts/Lato-Light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-Light.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-Light.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Semibold */@font-face {
    font-family: 'Latosemibold';
    src: url('../fonts/Lato-Semibold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-Semibold.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-Semibold.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-Semibold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@media screen and (max-width:1920px){
.container-fluid{
	padding-left:8%;
	padding-right:8%;
}

.contact1{
	background-image:url(../images/main/back_contact-rev.jpg);
	background-size:100% auto;
	background-repeat:repeat;
	padding-bottom:7%;
}
.logo_collapse img{
	display:none;
}

.logo_contact1 img{
	width:65%;
	image-position:center;
	margin-top:-55%;
	margin-left:20%;
}

.content1{
	text-align:center;
	margin-top:5%;b
}

.title1 h2{
	font-family:'Didot';
	font-size:41px;
}

.sub2{
	font-family:'Latosemibold';
	font-size:20px;
	margin-top:5%;
	margin-bottom:1%;
}

.content2{
	padding:0 20%;
}

.address{
	font-family:'Latolight';
	color:#484848;
	margin-top:3%;
	font-size:18px;
}

.address a{
	font-family:'Latolight';
	color:#484848;
	text-decoration:none;
}

.phone{
	text-align:center;
}

.fax{
	text-align:center;
}

.hour{
	font-family:'Latolight';
	color:#484848;
	font-size:18px;
	margin-top:2%;
}


.contact_form{
	margin-top:5%;
	padding-left:5%;
}

.form-control{
	margin:2.2% 0;
	font-size:17px;
}

.form_nama{
	background-color:#f6f4f1;
	border-radius:0;
	box-shadow:none;
	padding-top:4%;
	padding-bottom:4%;
	padding-left:5%;
	font-family:'Latolight';
}

.form_no{
	background-color:#f6f4f1;
	border-radius:0;
	box-shadow:none;
	padding-top:4%;
	padding-bottom:4%;
	padding-left:5%;
	font-family:'Latolight';
}

.form_email{
	background-color:#f6f4f1;
	border-radius:0;
	box-shadow:none;
	padding-top:4%;
	padding-bottom:4%;
	padding-left:5%;
	font-family:'Latolight';
}

.form_message{
	background-color:#f6f4f1;
	border-radius:0;
	box-shadow:none;
	padding-top:2%;
	padding-bottom:16%;
	padding-left:5%;
	font-family:'Latolight';
	resize:none;
}

.send_wrap{
	margin-top:5%;
	padding-left:10%;
	padding-right:0;
}

.send_button{
	background-color:#2d2d2d;
	color:white;
	padding:4% 42%;
	font-size:15px;
	border-radius:0;
}

html { height: 100%; }
body { height: 100%; }
#map-container { height: 60%; }


.footer{
	background-color:#272727;
	padding:0.7% 0 0.1% 0;
	bottom:0;
}

.foot_sp{
	padding-top:0.5%;
}

.foot_sp p{
	margin-bottom:1%;
}

.RR{
	padding-left:0;
}

.RR p{
	font-family:'Latolight';
	font-size:14px;
	color:white;
}

.imagine{
	padding-right:0;
	margin-right:-8%;
}

.imagine p{
	font-family:'Latolight';
	font-size:14px;
	color:white;
	float:right;
	padding-right:0;
}
}
@media screen and (max-width:1862px){
.content2{
	padding:0 19%;
}
}
@media screen and (max-width:1830px){
.logo_contact1 img{
	margin-left:28%;
}
.title1 h2{
	font-size:40px;
}

.sub2{
	font-size:19px;
}

.address{
	font-size:17px;
}

.hour{
	font-size:17px;
	margin-top:2.3%;
}

.form-control{
	font-size:16px;
}
}

@media screen and (max-width:1757px){
.logo_contact1 img{
	margin-left:32%;
}
.title1 h2{
	font-size:39px;
}

.sub2{
	font-size:18px;
}

.hour{
	margin-top:2.5%;
}

.form-control{
	font-size:15px;
}
}

@media screen and (max-width:1728px){
.content2{
	padding:0 18%;
}
}

@media screen and (max-width:1695px){
.content2{
	padding:0 17%;
}
}

@media screen and (max-width:1627px){
.content2{
	padding:0 16%;
}
}

@media screen and (max-width:1622px){
.logo_contact1 img{
	margin-left:38%;
}
.title1 h2{
	font-size:36px;
}
.sub2{
	font-size:17px;
}
.address{
	font-size:16px;
}
.hour{
	font-size:16px;
}
.form-control{
	font-size:14px;
}
.send_button{
	font-size:14px;
}
}

@media screen and (max-width:1581px){
.content2{
	padding:0 15%;
}
}

@media screen and (max-width:1501px){
.logo_contact1 img{
	margin-left:52%;
}
.title1 h2{
	font-size:34px;
}
.address{
	font-size:16px;
}
.form-control{
	font-size:14px;
}
.send_button{
	font-size:14px;
}
}

@media screen and (max-width:1469px){
.sub2{
	font-size:16px;
}
.address{
	font-size:15px;
}
.hour{
	font-size:15px;
}
}

@media screen and (max-width:1400px){
.title1 h2{
	font-size:32px;
}
.sub2{
	font-size:15px;
}
.address{
	font-size:14px;
}
.hour{
	font-size:14px;
}
.form-control{
	font-size:13px;
}
.send_button{
	font-size:13px;
}
}

@media screen and (max-width:1366px){
:-moz-placeholder {
	color: #999;
}

:-moz-placeholder {
	color: #999;
}

.container-fluid{
	padding-left:7%;
	padding-right:7%;
}

.contact1{
	background-image:url(../images/main/back_contact-rev.jpg);
	background-size:100% auto;
	background-repeat:no-repeat;
	padding-bottom:7%;
	background-color:#f6f4f1;
}

.logo_collapse img{
	display:none;
}

.logo_contact1 img{
	width:75%;
	image-position:center;
	margin-top:-55%;
	margin-left:17%;
}

.content1{
	text-align:center;
	margin-top:2%;
}

.title1 h2{
	font-family:'Didot';
	font-size:30px;
}

.sub2{
	font-family:'Latosemibold';
	font-size:16px;
	margin-top:5%;
	margin-bottom:1%;
}

.content2{
	padding:0 15%;
}

.address{
	font-family:'Latolight';
	color:#484848;
	margin-top:2%;
	font-size:14px;
}

.phone{
	text-align:center;
}

.fax{
	text-align:center;
}

.hour{
	font-family:'Latolight';
	color:#484848;
	font-size:14px;
	margin-top:1.5%;
}

.contact_form{
	margin-top:5%;
	padding-left:5%;
}

.form-control{
	margin:2.2% 0;
	font-size:13px;
}

.form_nama{
	background-color:#f6f4f1;
	border-radius:0;
	box-shadow:none;
	padding-top:5%;
	padding-bottom:5%;
	padding-left:5%;
	font-family:'Latolight';
	color:#000000 !important;
}

.form_no{
	background-color:#f6f4f1;
	border-radius:0;
	box-shadow:none;
	padding-top:5%;
	padding-bottom:5%;
	padding-left:5%;
	font-family:'Latolight';
}

.form_email{
	background-color:#f6f4f1;
	border-radius:0;
	box-shadow:none;
	padding-top:5%;
	padding-bottom:5%;
	padding-left:5%;
	font-family:'Latolight';
}

.form_message{
	background-color:#f6f4f1;
	border-radius:0;
	box-shadow:none;
	padding-top:2%;
	padding-bottom:14%;
	padding-left:5%;
	font-family:'Latolight';
	resize:none;
}

.send_wrap{
	margin-top:5%;
	padding-left:10%;
	padding-right:0;
}

.send_button{
	background-color:#2d2d2d;
	color:white;
	padding:4% 42%;
	font-size:11px;
	border-radius:0;
}

html { height: 100%; }
body { height: 100%; }
#map-container { height: 60%; }


.footer{
	background-color:#272727;
	padding:0.7% 0 0.1% 0;
	bottom:0;
}

.RR{
	padding-left:0;
}

.RR p{
	font-family:'Latolight';
	font-size:11px;
	color:white;
}

.imagine{
	padding-right:0;
	margin-right:-8%;
}

.imagine p{
	font-family:'Latolight';
	font-size:11px;
	color:white;
	float:right;
	padding-right:0;
}

}

@media screen and (max-width:1312px){
.contact1{
	padding-bottom:6%;
}
}

@media screen and (max-width:1302px){
.address{
	font-size:13px;
}
.hour{
	font-size:13px;
}
}

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

.logo_contact1 img{
	margin-left:25%;
}

}

@media screen and (max-width:1255px){
.logo_contact1 img{
	margin-left:31%;
}

.content_bespoke3 h4{
	font-size:22px;
}

}

@media screen and (max-width:1250px){
.title_content1 h2{
	font-size:32px;
}

.sub1 h4{
	font-size:15px;
}

.title2 h2{
	font-size:27px;
}
.contact1{
	padding-bottom:5%;
}
}

@media screen and (max-width:1236px){
.sub2{
	font-size:14px;
}
.address{
	font-size:12px;
}
.hour{
	font-size:12px;
}
}

@media screen and (max-width:1217px){
.title_content1 h2{
	font-size:31px;
}
}

@media screen and (max-width:1212px){
.contact1{
	padding-bottom:4%;
}
}

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


.RR{
	padding-left:2%;
}	

.imagine{
	padding-right:0;
}

}

@media screen and (max-width:1208px){
.sub1 h4{
	font-size:14px;
}
}

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

.logo_contact1 img{

	margin-left:20%;
}
}

@media screen and (max-width:1183px){
.title_content1 h2{
	font-size:30px;
}

.title2 h2{
	font-size:26px;
}
}

@media screen and (max-width:1169px){
.content2{
	padding:0 13%;
}
}

@media screen and (max-width:1160px){
.logo_contact1 img{
	margin-left:30%;
}

.form_nama{
	padding-top:4%;
	padding-bottom:4%;
	padding-left:4%;
}

.form_no{
	padding-top:4%;
	padding-bottom:4%;
	padding-left:4%;
}

.form_email{
	padding-top:4%;
	padding-bottom:4%;
	padding-left:4%;
}

.form_message{
	padding-left:4%;
}
}

@media screen and (max-width:1147px){
.title_content1 h2{
	font-size:29px;
}
}

@media screen and (max-width:1142px){
.contact1{
	padding-bottom:3%;
}
}

@media screen and (max-width:1136px){
.sub1 h4{
	font-size:13px;
}
}

@media screen and (max-width:1114px){
.logo_contact1 img{
	margin-left:29%;
}

.title_content1 h2{
	font-size:28px;
}
}

@media screen and (max-width:1110px){
.logo_contact1 img{
	margin-left:23%;
}

.cont_wrap{
	margin-top:1%;
}

.contact_button{
	padding:2% 27%;
}
}

@media screen and (max-width:1109px){
.content2{
	padding:0 12%;
}
}

@media screen and (max-width:1100px){
.contact1{
	padding-bottom:2%;
}
}

@media screen and (max-width:1082px){
.content2{
	padding:0 11%;
}
}

@media screen and (max-width:1080px){
.title_content1 h2{
	font-size:27px;
}

.title2 h2{
	font-size:25px;
}
}

@media screen and (max-width:1075px){
.content_bespoke3 h4{
	font-size:20px;
}
}


@media screen and (max-width:1056px){
.content2{
	padding:0 10%;
}
}

@media screen and (max-width:1050px){
.logo_contact1 img{
	margin-left:35%;
}
}

@media screen and (max-width:1045px){
.title_content1 h2{
	font-size:26px;
}
}

@media screen and (max-width:1031px){
.content2{
	padding:0 9%;
}
}

@media screen and (max-width:1010px){
.container-fluid{
	padding-left:7%;
	padding-right:8%;
}

.logo_contact1 img{
	margin-left:30%;
}

.content2{
	padding:0 8%;
}
}

@media screen and (max-width:1008px){
.title_content1 h2{
	font-size:25px;
}

.sub1 h4{
	font-size:12px;
}

.title2 h2{
	font-size:23px;
}
}

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

.content_bespoke3 h4{
	margin-top:0;
}

.contact_button{
	padding:2% 26%;
}
}

@media screen and (max-width:996px){
.content2{
	padding:0 7%;
}
}

@media screen and (max-width:991px){
.logo_contact1 img{
	width:70%;
}

.container-fluid{
	padding-left:5%;
	padding-right:5%;
}

.content_bespoke3 h4{
	font-size:20px;
}
}

@media screen and (max-width:960px){
.logo_contact1 img{
	width:72%;
	margin-left:25%;
}

.content_bespoke3 h4{
	font-size:18px;
}


}

@media screen and (max-width:954px){
.title1 h2{
	font-size:28px;
}

.sub2{
	font-size:13px;
}

.address{
	font-size:12px;
}

.hour{
	font-size:12px;
}

.form_nama{
	padding-top:3%;
	padding-bottom:3%;
	padding-left:4%;
}

.form_no{
	padding-top:3%;
	padding-bottom:3%;
	padding-left:4%;
}

.form_email{
	padding-top:3%;
	padding-bottom:3%;
	padding-left:4%;
}

.form_message{
	padding-left:4%;
	padding-bottom:2%;
}


}

@media screen and (max-width:931px){
.title_content1 h2{
	font-size:24px;
}

.title2 h2{
	font-size:22px;
}
}

@media screen and (max-width:930px){
.logo_contact1 img{
	margin-left:35%;
}
}

@media screen and (max-width:922px){
.content2{
	padding:0 6%;
}
}

@media screen and (max-width:915px){
.form-control{
	font-size:12px;
}
}

@media screen and (max-width:910px){
.form-control{
	font-size:11px;
}
}

@media screen and (max-width:901px){
.title_content1 h2{
	font-size:23px;
}

.content2{
	padding:0 5%;
}
}

@media screen and (max-width:884px){
.form_nama{
	padding-top:2%;
	padding-bottom:2%;
	padding-left:3%;
}

.form_no{
	padding-top:2%;
	padding-bottom:2%;
	padding-left:3%;
}

.form_email{
	padding-top:2%;
	padding-bottom:2%;
	padding-left:3%;
}

.form_message{
	padding-left:3%;
	padding-bottom:1%;
}
}

@media screen and (max-width:881px){
.logo_contact1 img{
	width:80%;
	margin-left:30%;
}

.sub2{
	font-size:12px;
}

.address{
	font-size:11px;
}

.hour{
	font-size:11px;
}

.contact_button{
	font-size:11px;
}
}

@media screen and (max-width:870px){
.title1 h2{
	font-size:26px;
}

.address p{
	margin-bottom:2%;
}

.hour p{
	margin-bottom:1%;
}
}

@media screen and (max-width:866px){
.title_content1 h2{
	font-size:22px;
}

.title2 h2{
	font-size:21px;
}
}

@media screen and (max-width:857px){
.logo_contact1 img{
	margin-left:25%;
}
}

@media screen and (max-width:849px){
.content_bespoke3 h4{
	font-size:17px;
}

.imagine p{
	padding-right:0;
}

}

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


.address p{
	margin-bottom:1%;
}

.hour p{
	margin-bottom:0;
}
}

@media screen and (max-width:818px){
.contact_button{
	padding:2% 25%;
}
}

@media screen and (max-width:805px){
.title1 h2{
	font-size:24px;
}


.address p{
	margin-bottom:0.5%;
}
}

@media screen and (max-width:783px){
.content1{
	margin-top:2%;
}
}

@media screen and (max-width:767px){
.container-fluid{
	padding-left:2%;
	padding-right:2%;
}

.logo_collapse{
	text-align:center;
}


.logo_collapse img{
	display:block;
	width:30%;
	z-index:100;
}

.content1{
	padding-bottom:5%;
}

.contact1{
	background-image:none;
}

.sub2{
	font-size:13px;
	padding:0 20%;
}

.address{
	padding:0;
}

.hour{
	padding:0;
}

.mobi_bg{
	background-image:url(../images/main/back_contact-rev-m.jpg);
	background-size:100% auto;
	background-position:center center;
	background-repeat:no-repeat;
	padding:0;
}

.content2{
	padding:0;
}

.contact_form{
	padding:0;
}

.name{
	padding:0;
}

.form_nama{
	opacity:0.9;
}


.no{
	padding:0;
}

.form_no{
	opacity:0.9;
}

.email{
	padding:0;
}

.form_email{
	opacity:0.9;
}


.message{
	padding:0;
}

.form_message{
	padding-bottom:5%;
	opacity:0.9;
}

}
/*
@media screen and (max-width:740px){
.logo_contact1 img{
	width:100%;
}
}

@media screen and (max-width:739px){
.content1{
	margin-top:0;
}
}

@media screen and (max-width:720px){
.content2{
	padding:0 3%;
}
}

@media screen and (max-width:725px){
.content1{
	margin-top:-2%;
}
}

@media screen and (max-width:693px){
.title1 h2{
	font-size:22px;
}

.send_wrap{
	margin-top:3%;
}

.content2{
	padding:0 2%;
}

}

@media screen and (max-width:680px){
.sub2{
	font-size:11px;
}

.address{
	font-size:10px;
}

.hour{
	font-size:10px
}
}

@media screen and (max-width:677px){
.address{
	margin-top:1%;
}
.contact_form{
	margin-top:3%;
}
}

@media screen and (max-width:660px){
.sub2{
	font-size:10px;
}

.address{
	font-size:9px;
}

.hour{
	font-size:9px
}
}

@media screen and (max-width:642px){
.content2{
	padding:0 7%;
}
}

@media screen and (max-width:635px){
.title1 h2{
	font-size:16px;
}

.form_message{
	padding-bottom:0;
}
}


@media screen and (max-width:621px){
.logo_contact1 img{
	width:130%;
}
}

@media screen and (max-width:620px){
.title_content1 h2{
	font-size:21px;
}


.title2 h2{
	font-size:18px;
}
}

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

.form_control{
	font-size:10px;
}

.form_nama{
	padding-top:1%;
	padding-bottom:1%;
	padding-left:3%;
}

.form_no{
	padding-top:1%;
	padding-bottom:1%;
	padding-left:3%;
}

.form_email{
	padding-top:1%;
	padding-bottom:1%;
	padding-left:3%;
}

.form_message{
	padding-left:3%;
}
}


@media screen and (max-width:593px){
.content2{
	padding:0;
}
}

@media screen and (max-width:589px){
.title1 h2{
	font-size:15px;
}

}

@media screen and (max-width:585px){
.logo_contact1 img{
	width:150%;
}
}

@media screen and (max-width:563px){
.form-control{
	font-size:9px;
	margin:1.7% 0;
}

.form_nama{
	padding-top:0.5%;
	padding-bottom:0.5%;
}

.form_no{
	padding-top:0.5%;
	padding-bottom:0.5%;
}

.form_email{
	padding-top:0.5%;
	padding-bottom:0.5%;
}
}

@media screen and (max-width:540px){
.form-control{
	margin:1% 0;
}
}

@media screen and (max-width:535px){
.logo_contact1 img{
	width:170%;
}
}

@media screen and (max-width:495px){
.logo_contact1 img{
	width:170%;
}
}


@media screen and (max-width:461px){
.logo_contact1 img{
	width:190%;
}
}


@media screen and (max-width:416px){
.logo_contact1 img{
	width:220%;
}

}

@media screen and (max-width:414px){
.logo_collapse{
	text-align:center;
}

.logo_collapse img{
	width:90%;
	margin-left:2%;
}

.sec1{
	padding-bottom:5%;
}

.form_no{
	padding:14% 3%;
}

.form_email{
	padding:14% 3%;
}

textarea.form-control{
	padding-bottom:20%;
}

.RR p{
	font-size:7px;
}

.imagine p{
	font-size:7px;
}
}

@media screen and (max-width:375px){
.logo_collapse img{
	width:100%;
	margin-left:0;
}

.title1 h2{
	font-size:13px;
}

.sub2{
	font-size:8px;
}

.address{
	font-size:7px;
}

.hour{
	font-size:7px;
}

.form-control{
	font-size:7px;
}

.form_no{
	padding:16% 3%;
}

.form_email{
	padding:16% 3%;
}
}

@media screen and (max-width:320px){
.title1 h2{
	font-size:12px;
}

.sub2{
	font-size:7px;
}

.address{
	font-size:6px;
}

.hour{
	font-size:6px;
}

.form-control{
	font-size:6px;
}

.content_service3 h4{
	font-size:8px;
}

.contact_button{
	font-size:6px;
}

.RR p{
	font-size:5px;
}

.imagine p{
	font-size:5px;
}
}