@import 'default.css';

body{display:flex;align-items:stretch;font-size:14px;}
#body{display:flex;flex-direction:row;width:100%;}
#body-side{width:40%;flex-shrink:0;background-color:#00A9E4;color:#FFFFFF;font-size:12px;}
#body-content{flex-grow:1;}
.cdata{display:flex;flex-direction:column;padding:0px 20px}
.cdata .data{flex-grow:1;padding:20px 0px;}

.obj-logo{text-align:center;}
.obj-logo a{position:relative;margin:0px auto;display:inline-block;max-width:65%;}
#body-content .obj-logo{display:none;}

#ratings{display:block;width:100%;}
#ratings:before{content:url('../images/auth/quote-top-w.png');display:block;}
#ratings > .__review{margin:5px 0px;}

h1{text-align:center;font-weight:bolder;}

.rating{width:90px;height:15px;margin:0px;padding:0px;list-style:none;display:inline-block;position:relative;background-image:url('../images/icon-star.png');background-repeat:repeat;background-position:0px 0px;background-size:auto 100%;}
.rating:before{content:"";position:absolute;left:0px;top:0px;bottom:0px;background-image:url('../images/icon-star-fill.png');width:0;background-repeat:repeat;z-index:1;background-size:auto 100%;}
.rating.r05:before{width:10%;}
.rating.r10:before{width:20%;}
.rating.r15:before{width:30%;}
.rating.r20:before{width:40%;}
.rating.r25:before{width:50%;}
.rating.r30:before{width:60%;}
.rating.r35:before{width:70%;}
.rating.r40:before{width:80%;}
.rating.r45:before{width:90%;}
.rating.r50:before{width:100%;}

form{position:relative;margin:0px auto;max-width:444px;}
form .row{margin:20px 0px;}
form .row label{margin:5px 0px;display:inline-block;color:#000000;}
form .row input{width:100%;border:0px;border-bottom:1px solid #C0C0C0;line-height:34px;background-color:#FFFFFF22;}
form .row select{width:100%;border:0px;border-bottom:1px solid #C0C0C0;line-height:34px;background-color:#FFFFFF22;}
form .row textarea{width:100%;border:0px;border-bottom:1px solid #C0C0C0;line-height:34px;height:100px;background-color:#FFFFFF22;}
form  .aribox{display:flex;flex-direction:row;}

form#form-contactus{width:100%;}
form#form-contactus label{color:#FFFFFF;}
form#form-contactus input,form#form-contactus textarea{color:#FFFFFF;}
form#form-contactus h2{text-align:center;text-transform:uppercase;}

#body-side{}
#body-side #contactus{display:none;}
#body-side.mode-contactus{}
#body-side.mode-contactus #ratings-box{display:none;}
#body-side.mode-contactus #contactus{display:block;}

#form-contactus-success{border:1px solid #FFFFFF;padding:10px 20px;}

@media(max-width:799px){
	
	#body{flex-direction:column-reverse;}
	#body > *{width:100%;}
	#body-side .obj-logo{display:none;}
	#body-content .obj-logo{display:block;}
}