

/* STYLES
-------------------------------------------------- */
.no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; }

h1 {font-family: 'EB Garamond', serif; font-size:60px;color:#f95f40;font-weight:400;text-transform: uppercase;margin-left:37px; }
h1 span {font-size:35px;padding-left:10px;}

h2 {font-family: 'Arimo', sans-serif;font-size:30px;color:#545454;font-weight:700;margin-left: 37px;}
h2.thank-you {padding-top: 100px; padding-bottom: 100px;}

h3 {font-family: 'Arimo', sans-serif;font-size: 28px; color: #545454; font-weight: 300;margin-left: 37px;padding-top: 6px;}

h4 {font-family: 'EB Garamond', serif; font-size:48px;color:#f95f40;font-weight:400;}

p.form-intro {font-family: 'Arimo', sans-serif;font-size: 16px;color: #545454;font-weight: 200;margin-top: 7px;line-height: 30px;}
p.form-introB {font-family: 'Arimo', sans-serif;font-size: 16px; color: #545454; font-weight: 700;margin-top: 7px;margin-bottom:38px;}

.required-text-footnote {font-family: 'Arimo', sans-serif; font-size: 11px; padding-left: 3px; color: #545454; }

.footer-address-copyrights{font-family: 'Arimo', sans-serif;font-size: 12px; color: #888888; font-weight: 200;margin-top: 30px;text-align: center;}

.footerURL {font-family: 'Arimo', sans-serif;font-size: 12px; color: #888888; font-weight: 200;margin-top: 30px;text-align: center;}

footer {background-color: #292b31;padding-top: 30px;padding-bottom: 150px;}

.logo-overlay {position: absolute;top: 25px;left: 0;width: 100%;z-index: 3;z-index: 9999 !important;}

ul{}

ul {list-style-type: none;margin-top:30px;line-height: 35px;}

li {font-family: 'Arimo', sans-serif;font-size: 18px; color: #545454; font-weight: 200;}

/* Styled Bullets */
li:before {content: "";margin-right: 10px;display: inline-block;width: 7px;height: 7px;background-color: #1eaee6;border-radius: 50%;margin-bottom: 2px;}

.form-col {margin-top:52px;}

.content  {margin-top:30px;padding-left:30px;}

.pb-150 {padding-bottom:150px;}
.pb-100 {padding-bottom:100px;}

a:link {color: #888888;}
a:visited {color: #888888;}
a:hover {color: #888888;}
a:active {color: #888888;}

/*================================================================================*/

/* CONTACT FORM  */
.contactform-container { float: left; margin-left: 0%; background-color: #ffffff; color: #000; text-align: left; width: 100%; }
#label-contactfirstname { display: none; }
#label-contactlastname { display: none; }
#label-contactemail { display: none; }
#label-contactphone { display: none; }
#label-contactaddress { display: none; }
#label-contactcity { display: none; }
#label-contactstate { display: none; }
#label-designstudio { display: none; }
#label-contactzipcode { display: none; }
#label-contactguests { display: none; }
#label-contactmessage { display: none; }


input.contact-form-submitformbtn { background-image: url('../images/submit-btn.jpg'); background-repeat: no-repeat; width: 160px; height: 53px; margin: 0px 0px 44px 0px; padding: 0px; float: left; cursor: pointer; border: 0px solid #ccc; background-color: #ffffff; }
input.contact-input-box { display: block; width: 100%; min-height: 40px; background-color: #e4e4e4; border: 1px solid #cfcfcf; padding-left: 3%; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
input.contact-input-box-sm { display: block; width: 50%; min-height: 40px; background-color: #e4e4e4; border: 1px solid #cfcfcf; padding-left: 3%; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.contact-textarea-box { display: block; width: 100%; min-height: 82px; background-color: #e4e4e4; border: 1px solid #cfcfcf; padding-left: 3%; padding-top: 3%; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.contactselect { width: 100%; }
.contactus-form-row { margin-bottom: 14px; }
label { font-weight: 700; margin-top: 0px; margin-bottom: 10px; cursor: default; color: #4f4e4e; font-size: 14px; }
.radio label, .checkbox label { font-weight: 700; }

.required-text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding-left: 3px; color: #ca222e; }
.form-err { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ca222e; display: none; }
 input.contact-input-box::-webkit-input-placeholder {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
}
input.contact-input-box:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
}
input.contact-input-box::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
}
input.contact-input-box:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
}
/* END CONTACT FORM */


/* BUTTON 
-------------------- */
.button { text-decoration: none; color: #000; font-family: 'Arimo', sans-serif; font-weight: 800; font-size: 14px; display: inline-block; line-height: 18px; letter-spacing: 0.1em; background-color: #fff; border: #acacac 1px solid; text-transform: uppercase; padding: 20px 50px; cursor: pointer; text-align: center; margin: 0 5px; }
.button:hover { background-color: #e4e4e4; color: #444665!important; }
.button:focus { background-color: #e4e4e4; color: #444665!important; font-size: 14px;
font-weight: inherit; }


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 992px) and (max-width: 1199px) {
h1 {font-size: 53px;}
h1 span {font-size: 30px;}
h2 {font-size:25px;}
h3 {font-size: 22px;}
}

@media (min-width: 880px) and (max-width: 991px) {
h1 {font-size: 53px;}
h1 span {font-size: 30px;}
h2 {font-size:25px;}
h3 {font-size: 22px;}
p.form-intro{padding-left: 70px;padding-right: 70px;}
p.form-introB{padding-left: 70px;padding-right: 70px;}
}

@media (min-width: 768px) and (max-width: 879px) {
h1 {font-size: 53px;}
h1 span {font-size: 30px;}
h2 {font-size:25px;}
h3 {font-size: 22px;}
p.form-intro{padding-left: 70px;padding-right: 70px;}
p.form-introB{padding-left: 70px;padding-right: 70px;}
}

@media (min-width: 700px) and (max-width: 768px) {
h1 {font-size: 53px;}
h1 span {font-size: 30px;}
h2 {font-size:25px;}
h3 {font-size: 22px;}
p.form-intro{padding-left: 70px;padding-right: 70px;}
p.form-introB{padding-left: 70px;padding-right: 70px;}
}

@media (min-width: 589px) and (max-width: 699px) {
h1 {font-size: 50px;}
h1 span {font-size: 30px;}
h2 {font-size:20px;}
h3 {font-size: 18px;}
.content {padding-left: 0px;}
p.form-intro{padding-left: 38px;padding-right: 38px;}
p.form-introB{padding-left: 38px;padding-right: 38px;}
li {font-size:16px;}
}

@media (min-width: 480px) and (max-width: 588px) {
h1 {font-size: 43px;}
h1 span {font-size: 23px;}
h2 {font-size:18px;}
h3 {font-size: 16px;}
.content {padding-left: 0px;}
p.form-intro{padding-left: 38px;padding-right: 38px;}
p.form-introB{padding-left: 38px;padding-right: 38px;}
li {font-size:16px;}
h4{font-size:40px;}
}

@media (min-width: 400px) and (max-width: 479px) {
h1 {font-size: 33px;}
h1 span {font-size: 22px;}
h2 {font-size:15px;}
h3 {font-size: 14px;}
.content {padding-left: 0px;}
p.form-intro{font-size:14px;padding-left: 38px;padding-right: 38px;}
p.form-introB{font-size:14px;padding-left: 38px;padding-right: 38px;}
li {font-size:14px;}
h4{font-size:35px;}
/*.footer-address-copyrights{padding-left: 10px;padding-right: 10px;}*/
}

@media (min-width: 320px) and (max-width: 399px) {
h1 {font-size: 30px;}
h1 span {font-size: 22px;}
h2 {font-size:15px;}
h3 {font-size: 12px;}
.content {padding-left: 0px;}
p.form-intro{font-size:14px;padding-left: 38px;padding-right: 38px;}
p.form-introB{font-size:14px;padding-left: 38px;padding-right: 38px;}
li {font-size:14px;}
h4{font-size:35px;}
/*.footer-address-copyrights{padding-left: 10px;padding-right: 10px;}*/
}

@media (min-width: 0px) and (max-width: 319px) {
h1 {font-size: 30px;}
h1 span {font-size: 21px;}
h2 {font-size:15px;}
h3 {font-size: 14px;}
.content {padding-left: 0px;}
p.form-intro{font-size:12px;padding-left: 38px;padding-right: 38px;}
p.form-introB{font-size:12px;padding-left: 38px;padding-right: 38px;}
li {font-size:12px;}
h4{font-size:35px;}
/*.footer-address-copyrights{padding-left: 10px;padding-right: 10px;}*/
}









