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

body{ background:#F8F8F8; margin-top:60px}
#wrap{ max-width:900px; background:#FFFFFF; margin:auto; width:100%; border-radius:1em; -moz-border-radius:1em; -webkit-border-radius:1em; border:#EEE solid 1px; }

#wrap .content-left{ float:left; max-width:520px; width:100%; padding:5px 20px; font-family:open sans; font-size:14px; color:#556670 }
#wrap .content-left h1{ color:#00939d}
#wrap .content-left h3{ color:#d6791a}
#wrap .content-left h4{ color:#589d44; font-size:18px}
#wrap .content-left a{ color:#579d44}
#wrap .contact-form{float:right; border:1px solid #ccc; max-width:300px; width:100%; padding:5px; margin:10px; font-family:open sans; font-size:14px; background:#EEEEEE;  }
#wrap .content-left p{ text-align:justify}
#wrap .head-top{ height:100px; background:#fbfbfb; width:100%; -webkit-border-top-right-radius:1em; -webkit-border-top-left-radius:1em; border-top-left-radius:1em; border-top-right-radius:1em;}

#wrap .head-top .bt-logo { display:block; float:left; padding:15px }
#wrap .head-top .tableau-logo { display:block; float:right; padding:15px }


#wrap .contact-form input { float:right; margin-top:-19px; width: 63%;}

#wrap .contact-form form{ border:0px}

#wrap .contact-form form label{ float:left; font-weight:normal; font-size:14px; color:#323332}
#wrap .contact-form form label span {color:#d64b3a !important}


#wrap .contact-form textarea{ width:100%}

#wrap .contact-form h4{ padding-left:10px}

img{ max-width:100%; width:100%}

fieldset { border:0px}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


.copyright{display: block; max-width:900px; width:100%; margin:auto; font-family: open sans; font-size:12px; padding-top:15px; text-align:center}

#wrap .contact-form .sbtn{ background:#8DC63F; font-family:open sans; font-size:14px; color:#FFFFFF; font-weight:200; padding:15px; width:60%; margin:auto}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
#wrap .content-left{ float:none; width:90%}
#wrap .contact-form{float:none; width:90%; background:#eee}
#wrap .head-top .bt-logo { width:45%}
#wrap .head-top .tableau-logo { width:33%}
.copyright{text-align:left}
}