/* rumahentri CSS By: Tjen Pau San */
body{font-family:"sans-serif",Arial,Helvetica;font-size:14px;overflow-x:hidden}
*{padding:0;margin:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border:none}
.container:after{content:"";display:table;clear:both}
.active{color:#ff002f !important}
.floatLeft{float:left}
.floatRight{float:right}
.barVout{width:7px;height:100%;padding:3px}
.barVin{width:100%;height:100%;border-left:2px groove #e3e3e3}
.barHout{width:100%;height:8px;padding:3px}
.barHin{width:100%;height:100%;border-top:2px groove #e3e3e3}
.button{width:100px;padding:10px;cursor:pointer;outline:none !important;transition:all 0.1s;text-align:center;border-radius:2px}
.button:active{transform:translateY(1px);-webkit-transform:translateY(1px);-moz-transform:translateY(1px)}
.select,.input,.textarea{width:100%;font-family:arial;font-size:14px;border-radius:2px;border:1px ridge #ccc}
.select{padding:3px}
.input,.textarea{padding:7px}
.select,.input{height:33px}

.textarea{resize:none}
.boxShadow{box-shadow:0 0px 4px 0 rgba(81,81,81,0.8)}
.modal{background-color:rgba(255, 255, 255, 0.3)}
.col30{width:30%;float:left}
.col70{width:70%;float:left}

:-ms-input-placeholder{color:#757575;opacity:0.9}
::placeholder{color:#757575;opacity:0.9}
::-ms-input-placeholder{color:#757575;opacity:0.9}

.blue{background-color:#4285f4;background-color:-moz-linear-gradient(top,#4387fd,#4683ea);background-color:linear-gradient(top,#4387fd,#4683ea);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4387fd,endColorstr=#4683ea,GradientType=0);color:#353535}
.blue:hover{background-color:#006fce}
.green{background-color:#10f986;color:#474343}
.green:hover{background-color:#25ce7a}
.red{background-color:#e7263a;color:#fff}
.red:hover{background-color:#ff4155}
a{color:inherit;text-decoration:none}

.message{display:none;position:fixed;width:100%;height:100%;top:0;left:0}
.messageBox{display:none;max-width:350px;background-color:#fff;margin-top:78px;margin-left:auto;margin-right:auto;border-radius:2px}
.messageHeader{font-weight:400;font-size:18px;text-align:left;padding:15px 15px 3px 15px;border-bottom:1px solid #bdbdbd;background-color:#ffc87f;border-top-left-radius:2px;border-top-right-radius:2px}
.messageDetail{padding:20px}
.messageButton{width:120px;padding:10px 10px 20px 10px;margin-left:auto;margin-right:auto}
@media screen and (max-width: 320px){.messageBox{margin-top:58px !important}}
@media screen and (max-width: 500px){.messageBox{width:300px !important;margin-top:68px}}



.header{box-shadow:0px 3px 3px rgba(173, 173, 173, 0.4);-moz-box-shadow:0px 3px 3px rgba(173, 173, 173, 0.4);-webkit-box-shadow:0px 3px 3px rgba(173, 173, 173, 0.4)}
.headerImage{height:100%;float:left}
.headerLang{height:30px;float:right}
.headerLangitem{padding-top:7px;float:left}
.menuMain{list-style:none}
.menuImage{height:30px}
.homeText{text-align: justify}
.contactContent{margin-left:auto;margin-right:auto}
.containerInput{padding:6px 0}
.contactLabel{width:100%;color:#757575}
.footerRight{background-color:#1885d5;color:#361607}

@media screen and (max-width: 600px){
	.header{height:100px}
	.headerLogo{height:50px}
	.headerTop,.headerBottom{height:50px;padding:5px}
	.headerMenuShow{display:none;position:absolute;left:0px;top:102px;width:100%;height:auto;background-color:rgba(65, 156, 246, 0.9);color:#4d4d4d;padding:12px}
	.menuMain{padding:7px}
	.menuMain:hover{background-color:rgba(24, 113, 201, 0.9);border-radius:2px}
	.headerMenuhide{display:block !important;padding-top:7px}
	.content{margin:0px 10px}
	.contentHome{margin:25px 0px;box-shadow:0 4px 6px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
	.homeImage{width:100%}
	.homeFoto{width:100%}
	.homeCaption{padding:30px 20px}
	.contentContact{padding:25px 0px}
	.contactContent{margin-left:auto;margin-right:auto;padding:30px 20px}
	.contactCaption{font-weight:bold;font-size:20px;padding-bottom:5px}
	.footer{margin:0px 5px}
	.footerRight{font-size:12px;padding:20px 5px}
}
@media screen and (min-width: 601px){
	.header{height:150px;background-color:rgba(166, 186, 195, 0.8)}
	.headerLogo{height:75px}
	.headerTop,.headerBottom{height:75px;padding:10px}
	.headerMenuShow{display:block !important;padding:10px 0px}
	.headerMenuhide{display:none}
	.menuMain{float:left;padding:15px}
	.menuMain:hover a{padding-bottom:5px;border-bottom:2px solid #3c38d1}
	.content{margin:0px 50px}
	.contentHome{margin:50px 0px;height:400px}
	.homeImage{height:100%}
	.homeFoto{width:100%;height:100%}
	.homeCaption{position:absolute;top:450px;left:0;padding:50px}
	.homeText{background-color:rgba(0,0,0,0.5); color:#ffffff; padding:10px; font-size:20px; font-weight:bold}
	.contentContact{padding:50px 0px}
	.contactContent{margin-left:auto;margin-right:auto;padding:50px 80px}
	.contactCaption{font-weight:bold;font-size:20px;padding-bottom:5px}
	.footer{margin:25px 50px}
	.footerRight{padding:20px}
}
.loginHeader{height:75px;padding:10px;box-shadow:0px 3px 3px rgba(173, 173, 173, 0.4);-moz-box-shadow:0px 3px 3px rgba(173, 173, 173, 0.4);-webkit-box-shadow:0px 3px 3px rgba(173, 173, 173, 0.4)}
.loginImage,.loginLogo{height:100%}
.loginImage{float:left}
.loginLang{float:right}
.loginContent{max-width:300px;margin-top:40px;border:1px solid #ccc}
.loginCaption{height:50px;background-color:rgb(51, 103, 214);color:#fff;font-size:16px;padding:15px}
.loginInput{padding:30px}
.containerInput .button{width:48%;margin:0px 1%;float:left}
@media screen and (max-width: 400px){
	.loginContent{margin-left:5px;margin-right:5px}
}
@media screen and (min-width: 401px){
	.loginContent{margin-left:auto;margin-right:auto}
}