/* CSS Document */

/* default */
*{ margin:0; padding:0;}
a{ color:#fff;}
img{border:0;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dd,dt { padding:0; margin:0;}
ul,ol { list-style:none;}
a { text-decoration:none;}
.hidden{ text-indent:-999em; overflow:hidden;}
hr.hide-line{ padding:0; margin:0; display:none;}
.clear{ clear:both;}
.clearfix:after { height:0; clear:both;visibility:hidden;}
/*.clearfix {display:inline-block;}*/
/* Hide from IE Mac \*/
/*.clearfix {display:block;}*//* End hide from IE Mac */

/* Clearfix */
.clrfix { display: block; }
.clrfix:before,
.clrfix:after {
    content: " ";
    display: table;
}
.clrfix:after {
    clear: both;
}
.clrfix {
    *zoom: 1;
}

/*contact form messages*/
form .messages p {display: none; font-family: "Open Sans" !important; font-weight: 400 !important; letter-spacing: 0 !important; font-size: 16px !important; text-align: center; }
form .loading { display: none; }
form .alert {padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; }
form .alert-success {color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }
form .alert-danger {color: #a94442; background-color: #f2dede; border-color: #ebccd1; }
form [type="submit"] { margin: 20px auto; }
/*contact form*/
.ctc-form {margin: 0 auto; text-align: center; }
.ctc-form input[type="text"], .ctc-form textarea {font-family:"Open Sans"; font-size: 16px; color:#000; height:45px; display: block; width: 100%; border:1px solid #ddd; border-radius: 3px; padding: 5px 10px; box-sizing: border-box; margin: 0 auto 8px; }
.ctc-form textarea {height: 120px; padding-top:10px; }
.ctc-form button { display: block; }
.ctc-form .recap { display: inline-block; }
.g-recaptcha div { margin: 0 auto 10px !important; }
.ctc-hide { display: none; }

.form-settings { display: block !important; }
.form-settings div { display: block !important; }
.form-settings input { width: auto !important; padding: 0 !important; margin: 0 !important; }
.form-settings .consent { text-align: center; }

/* Body */
body{ font-family: 'Roboto', sans-serif; width:100%; margin:0 auto; margin:0; padding:0; text-align: center; color:#000; background: #F3E7D1;}
.row{ max-width:1200px; width:100%; margin:0 auto; position:relative}

/*header*/
nav a#pull { display: none;}

header{ position:relative; color:#fff; z-index:99;}
.hd-top{ background:#6D4C41; height:40px;}
.logo{ position:absolute; top:0; left:0; box-shadow:0 0 10px #000; z-index:999}
.top-right{ float:right; box-sizing:border-box; padding:8px 0 0}
.top-right *{ display:inline-block; }
.phone{ margin-right:20px;}
.top-right a{ font-size:18px; font-weight:bold; padding:0 10px;}
.top-right p{ font-size:14px; font-weight:300;}
.hd-nav{ position:absolute; left:0; right:0; margin:0 auto; min-height:80px; background-color:rgba(0,0,0,0.8);}
header nav ul{ text-align:center; padding:0; float:right; margin:17px 0 0;}
header nav ul li{ display:inline-block; vertical-align: middle;}
header nav ul li a{ text-decoration: none; display:block; color:#84817A; font-weight:500; line-height:44px; padding:0 30px; border:1px solid transparent}
header nav ul li a:hover, header nav ul li.active-menu a{ color:#fff; border:1px solid #33383C; border-radius:5px;}
nav a#pull { display: none;}
/*header*/
#banner{ position:relative;}
.vidwrap{ height:auto; padding:28.15% 0; position:relative}
#banner iframe{ width:100%; height:100%; border:0; position:absolute; top:0; left:0; right:0; margin:0 auto; top:0;}
#banner .caption{ position: absolute; left: 0; right: 0; bottom: 20px; z-index: 99; ; }
#banner .caption h2{ color: #000; font-size: 40px; background: rgba(151, 114, 84, 0.7); font-weight: bold;}

/* main */
#main { width:100%; margin:0 auto; padding:0;}

/* content */
#content{ min-height:748px; position:relative; background:url(../images/cn-wrap.jpg) no-repeat center top; background-size:cover; padding: 0 0 10px 0;}
#content h1{ font-size:36px; color:#6D4C41; font-weight:300; letter-spacing:10px; padding:40px 0 20px 0;}
.subhead{ font-size:15px; color:#6C4C3F;}
.subhead span{ color:#000;}
.third{ font-size:15px; font-style:italic; color:#6C4C40; background:url(../images/line.jpg) no-repeat center bottom; padding:20px 0 30px; margin-bottom:30px;}
.cn-img{ }
#content p{ color:#333333; font-size:14px; text-align:left; line-height:27px;}
.get{ font-size:14px; letter-spacing:4px; width:100%; max-width:333px; height:44px; line-height:44px; margin:60px auto 0; background:#6D4C41; border-radius:5px; display:block;}
.home #content iframe{ max-width: 589px; width: 95%; height: 332px; float:left; margin:0 20px 10px 0;}

/* contact */
.contactBox { width:100%; max-width:500px; margin:0 auto; padding:10px 0 10px; background:#F6F1E6; border: 1px #D71015 solid; color:#000;}
.contactBox p { padding:0 10px 0 !important;}
.contactBox a { color:#000 !important;}
.contactBox strong { color:#D71015; font-family: 'GoudyStoutRegular';}
.contactBox-left { float:left; width:250px; margin:0; padding:0;}
.contactBox-right { float:right; width:250px; margin:0; padding:0;}

.contactForm { float: left; margin: 0 0 0 30px; width:100%; max-width:500px; box-sizing:border-box; padding:20px 30px;/* background:#F6F1E6; border: 1px #6D4C41 solid;*/ color:#000;}
.contactForm label { display:block; margin:10px 0 0; padding:0 0 10px 0;  font-size:14px; line-height:120%; text-align:left}
.contactForm input[type=text] { display:block; width:100%; max-width:450px; min-height:25px; margin:0 auto; padding:0; font-size:14px; line-height:120%; font-family:Georgia, "Times New Roman", Times, serif;}
.contactForm input,.contactForm textarea{ border:1px solid #6D4C41}
.contactForm input[type=submit] { display:block; width:100px; margin:0; padding:10px; text-align:center; font-size:14px; line-height:120%; font-family:Georgia, "Times New Roman", Times, serif;}
.contactForm textarea { display:block; width:100%; max-width:450px; margin:0 auto; padding:0; font-size:14px; line-height:120%;}

/*#content .contact iframe { max-width: 100%;width: 522px;height: 442px; margin: 0; }*/
iframe#map { display: block; margin: 20px 0; border: none; width: 100%; height: 350px; }


/*footer*/
footer{ position:relative; background:#F4E8D2;}
.ft-nav{ min-height:80px; background:#6D4C41; box-sizing:border-box; padding:20px 0 0;}
.ft-nav a{ font-size:16px; letter-spacing:4px; font-weight:500; line-height:44px; padding:0 20px; display:inline-block; border:1px solid transparent;}
.ft-nav a:hover,.ft-nav a.active-menu{border:1px solid #AA8070; border-radius:5px;}
.copy{ background:#000; font-size:11px; color:#fff; padding:10px 0;}
.ft-logo{ margin:10px auto;}
.ft-info{ font-size:13px; color:#000; padding:0 0 20px 0;}
.ft-info a{ color:#770000;}

#inner .hd-nav{ position:inherit; background:#000;}
#inner #content{ background:#F3E7D1; min-height:400px; padding-bottom: 10px;}
#inner #content h1{ padding: 90px 0 20px; }
.contact h2{ color:#6D4C41;}
.ul-serv{ text-align: left; line-height: 25px; list-style: disc; padding-left: 30px; color: #333333; font-size: 14px; }
.required{ color: #F00; }
#frmContact2 div{  display: inline-table; vertical-align: top; margin: 0 20px; }
#frmContact2 input{ padding:5px 20px; }
.measurement-info input{ padding: 5px!important; width: 150px; margin: 3px; }
#submit{ float: right; margin: 10px 0 0; background: #6D4C41; width: 100px; border:none; height: 30px; color: #fff; font-weight: bold; }
.fileupload{ float: left; }
.c-left{ float: left; }
.c-left h2{ padding: 20px 0 0; }

#main.thankyou article p { text-align: center; font-size: 20px; }
#main.thankyou article p a { color: #333; }