/* ============================================================================ CONTACT ============================================================================ */ .contact-container {width:1200px;margin:0px auto;padding:0 0 60px 0;} .contact-left {width:660px;float:left;} .contact-right {width:400px;float:right;} .c-address {padding:10px 0 0 0;} .c-det {padding:6px 0 0 0;} .subpadd40 {padding:40px 0 0 0;} #contact_form {} .sub-box {padding:15px 0 0 0;} .cnt-button {padding:20px 0 0 0;} .wpcf7-text{width: 325px;height:58px;background: #f5f5f5;border-bottom: 1px solid #f5f5f5;border-top: 1px solid #f5f5f5;border-top:1px solid #f5f5f5;border-left:1px solid #f5f5f5;border-right:1px solid #f5f5f5;display:inline-block; padding: 0 5px 0 20px;font-family: 'Montserrat', sans-serif;font-size:16px;line-height:60px;color:#535353;font-weight:400;margin-bottom:10px;} .wpcf7-textarea{ width: 100%; height:200px; box-sizing: border-box; -moz-box-sizing: border-box; background: #f5f5f5; border-bottom: 1px solid #f5f5f5;border-top:1px solid #f5f5f5;border-left:1px solid #f5f5f5;border-right:1px solid #f5f5f5; padding: 11px 0 0 20px; font-family: 'Montserrat', sans-serif;font-size:16px;color:#535353;font-weight:400; } textarea {resize:vertical;} .wpcf7-submit{ font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; display: inline-block; padding: 20px 32px; background: #ffbf34; border: 3px solid #ffbf34; border-radius:40px; text-decoration: none; color: #000; cursor:pointer; float:right; } .wpcf7-submit:hover{ color:#000; background: transparent; border: 3px solid #ffbf34; text-decoration: none; } input.wpcf7-text:required:focus {border-bottom:1px solid #ffbf34;} input.wpcf7-text:focus {border-bottom:1px solid #ffbf34;} input.wpcf7-text:hover {border-bottom:1px solid #ffbf34;} textarea.wpcf7-textarea:required:focus {border-bottom:1px solid #ffbf34;} textarea.wpcf7-textarea:focus {border-bottom:1px solid #ffbf34;} textarea.wpcf7-textarea:hover {border-bottom:1px solid #ffbf34;} .gdpr-layer {font-size:12px;line-height:16px;color:#535353;text-align:left;} label {display:block;cursor:pointer;} .lab-l {width:10%;max-width:30px;float:left;} .lab-r {width:90%;float:left;padding:0 0 0 30px;position:relative;} .lab-info {padding:0 0 10px 0;} .asterix {padding:10px 0 0 0;font-size:10px;line-height:14px;color:#535353;text-align:left;} .messagesend {text-align:center;} /* full color form */ ::-webkit-input-placeholder {opacity: 1;} :-moz-placeholder {opacity: 1;} ::-moz-placeholder {opacity: 1;} :-ms-input-placeholder {opacity: 1;} /* checkbox */ .con_chck{display:block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.con_chck input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:17px;width:17px;background-color:transparent;border:1px solid #3f3f3f;}.con_chck:hover input~.checkmark{background-color:transparent}.con_chck input:checked~.checkmark{background-color:#ffbf34;border:1px solid #ffbf34;}.checkmark:after{content:"";position:absolute;display:none}.con_chck input:checked~.checkmark:after{display:block}.con_chck .checkmark:after{left:6px;top:2px;width:3px;height:8px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} /* ============================================================================ RESPONSIVE ============================================================================ */ @media only screen and (min-width: 1180px) and (max-width: 1380px){ .contact-container {width:1120px;} } @media only screen and (min-width: 959px) and (max-width: 1180px){ .contact-container {width:930px;} .contact-left {width:600px;float:left;} .contact-right {width:300px;float:right;} } @media only screen and (min-width: 768px) and (max-width: 959px){ .contact-container {width:95%;margin:0px auto;padding:0 0 60px 0;} .contact-left {width:100%;float:none;margin:0 auto;} .contact-right {width:100%;float:none;margin:0 auto;padding:40px 0 0 0;} .contact-details {float:left;} .contactimg {float:right;} .wpcf7-text{width:90%;height:58px;padding: 0 5px 0 20px;} .lab-r {width:90%;float:left;} /* iphone style */ input.text, input[type="text"], input[type="email"], input[type="button"], input[type="submit"], .input-checkbox { -webkit-appearance: none; border-radius: 0; } } @media only screen and (min-width: 480px) and (max-width: 767px){ .contact-container {width:95%;margin:0px auto;padding:0 0 60px 0;} .contact-left {width:100%;float:none;margin:0 auto;} .contact-right {width:100%;float:none;margin:0 auto;padding:40px 0 0 0;} .contactimg {text-align:center;} .wpcf7-text{width:90%;height:58px;padding: 0 5px 0 20px;} .lab-l {width:10%;float:left;} .lab-r {width:85%;float:left;} /* iphone style */ input.text, input[type="text"], input[type="email"], input[type="button"], input[type="submit"], .input-checkbox { -webkit-appearance: none; border-radius: 0; } } @media only screen and (min-width: 320px) and (max-width: 479px){ .contact-container {width:95%;margin:0px auto;padding:0 0 60px 0;} .contact-left {width:100%;float:none;margin:0 auto;} .contact-right {width:100%;float:none;margin:0 auto;padding:40px 0 0 0;} .contactimg {text-align:center;} .wpcf7-text{width:90%;height:58px;padding: 0 5px 0 20px;} .lab-l {width:10%;float:left;} .lab-r {width:85%;float:left;} /* iphone style */ input.text, input[type="text"], input[type="email"], input[type="button"], input[type="submit"], .input-checkbox { -webkit-appearance: none; border-radius: 0; } }