﻿#PopupCustForm{position:fixed;top:50px;padding:20px;width:100%;z-index:10000001;text-align:left;font-size:14px;font-weight:normal;max-height:400px;display:block;}
#PopupCustFormInner {border: solid 0px #000000;background-color: #ffffff;padding: 0px;max-width: 420px;margin: auto;border-radius: 20px;}
#PopupCustFormInner2 {border: solid 0px #7e7e7e;background-color: #ffffff;padding: 0px;border-radius:20px;}
#PopupCFHeader {border: solid 1px #7890ac;background-color: #066E9F;padding: 0;border-top-left-radius: 20px;border-top-right-radius: 20px;-moz-border-radius-topleft: 20px;-moz-border-radius-topright: 20px;height:80px;padding-top:15px;}
.PopupCFTitle {text-align: center;margin-bottom: 5px;font-style: normal;font-weight: 700;font-size: 20px;line-height: 24px;text-align: center;letter-spacing: 1px;text-transform: uppercase;color: #FFFFFF;text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.55);}
.PopupCFSubTitle {text-align: center;margin: 5px 20px;font-style: normal;font-weight: 500;font-size: 14px;line-height: 22px;color: #000000;padding-bottom: 5px;}
.PopupCFIMGContainer {position: relative;border-bottom-left-radius: 20px;border-bottom-right-radius:20px;}
.PopupCFIMGContainer img {border-bottom-left-radius: 20px;border-bottom-right-radius:20px;}
.PopupCFImgPlanNum {right: 5px;top: 5px;padding: 1px 10px 1px 10px;margin: 0;border-radius: 20px;text-align: right;max-width: 1155px;color: #066E9F;position: absolute;background-color: #ffffff;font-weight:500;font-size: 10px;}
#PopupCFBody {max-height:700px;overflow: auto; }
#PopupCFContent {margin: 0px 25px 15px 25px;font-size: 12px;}
#PopupCFBody input[type="text"], #PopupCFBody input[type="tel"], #PopupCFBody select, #PopupCFBody textarea {color: #5B5B5B;height: 30px;font-size: 16px;border: 1px solid #066E9F;margin-top: 0px;padding: 5px;}
#PopupCFBody select {font-size:11px; padding: 0px 0px 0px 7px;background-image: url('/images/arrow-dn-red.svg');background-repeat: no-repeat;margin-bottom:5px;}
#PopupCFBody textarea {height: 75px;margin-bottom:10px;}
#PopupCFBody input[type="checkbox"] {outline: 2px #066E9F solid;margin:0 0 0 4px;}
#PopupCFBody .CFleft {margin-right:10px;}
#PopupCFBody .CFright {width: 48%;}
#PopupCFBody .full {width: 100%;overflow: hidden;}
#PopupCFBody .helpnow {margin: 0 20px 10px 20px;font-style: normal;font-weight: 500;font-size: 13px;line-height: 16px;color: #000000;}
#PopupCFBody .CFsubmit {background-color: #066E9F;width: 89%;color: #ffffff;border: 0px;padding: 10px 0 10px 0;font-size: 16px;border-radius: 30px;margin: 0 20px 10px 20px;display: inline-block;letter-spacing: 8px;}
#PopupCFBody .CFfooter {text-align:center;}
#PopupCFBody ::placeholder {color: #7e7e7e;}
#PopupCFBody .ErrorMessage {border: 1px #ff0000 solid;background-color: #fff0f0;padding: 10px;color: #ff0000;margin:0 20px 0 20px;}
#PopupCFBody input[type="text"].ErrorFeild, #PopupCFBody input[type="tel"].ErrorFeild, #PopupCFBody textarea.ErrorFeild {border: 3px #ff0000 solid;border-radius: 5px;}
#PopupCustForm .popopSubmit1, .modalContent .popopSubmit1 {font-size: 32px;color: #ffffff;text-align: center;font-weight: bold;padding-top: 20px;}
#PopupCustForm .popopSubmit2, .modalContent .popopSubmit2 {font-size: 16px;color: #ffffff;text-align: center;line-height: 45px;}
#PopupCustForm .popopSubmit3, .modalContent .popopSubmit3 {font-size: 16px;text-align: center;color: #ffffff;}
#PopupCustForma, .popopSubmit3Link{font-size:16px;color:#ffffff;font-weight:bold;}
#PopupCustForm .PopupCFFooter, .modalContent .PopupCFFooter {font-size: 10px;color: #ffffff;text-align: center;margin-top: 15px;}
#PopupCustForm .btnclose {float:right;margin:-15px -15px 0 0;}
#PopupCustForm .contentemail {max-width: 500px; margin: 0 auto;}
#PopupCustForm .contentoptions {border:0px #fff solid;padding:0;margin:auto;max-width:90%;}
#PopupCustForm .contentchkoption {padding: 3px 3px 0px 0px;vertical-align: top;background: transparent;z-index: 1;color:#ffffff;}
#PopupCustForm .contentoption {font-size: 15px;line-height: 15px;padding: 3px;font-family: Arial,Verdana,Helvetica,sans-serif;background: transparent;z-index: 1;color: #ffffff;}
#PopupCustForm .contentmobilenumber {width:200px;margin-left:20px;}
#PopupCustForm .txtEmail {color: #ffffff;border: 0px solid #ffffff;background: transparent;z-index: 1;border-bottom: 1px solid #ffffff;width: 234px;margin: auto auto 20px auto;}
#PopupCustForm .btnsubmit {color: #fff;background:transparent;z-index: 1;font-weight: normal;font-family: Arial, Helvetica, sans-serif;font-size: .95rem;line-height: 16px;height: 1.8rem;border-bottom: 1px solid #ffffff;text-transform: uppercase;width:134px;margin:auto;}
#PopupCustForm .ErrorMessage {border: solid 2px #ff0000;border-radius: 10px;margin-top:5px;margin-bottom:5px;}
#PopupCustForm .nothanks {width:100%; text-align:center; font-size:16px;font-weight:600; color:#7890ac;}
#PopupCustForm .nothanks a{color:#7890ac;}
#PopupCustForm .nothanksx {width: 32px; height:32px; background-color:#7890ac; color:white; display: inline-block; border-radius:30px; font-size:21px; line-height:30px; font-weight:400; font-family: 'Kanit', sans-serif;}
#PopupCustForm label {font-size:15px; font-weight:normal;}
#PopupCustForm .subText {font-size:12px; font-weight:400;}
#PopupCFBody .ColFixLeft {padding:0px 5px 5px 0px;}
#PopupCFBody .ColFixRight {padding:0px 0px 5px 5px;}
#PopupCFBody .SelColFixLeft {padding:15px 5px 5px 0px;}
#PopupCFBody .SelColFixRight {padding:15px 0px 5px 5px;}
#PopupCFBody #ProBuilder {position:relative;margin-bottom: 10px;}
#PopupCFBody #ProBuilderbox {float: left;width: 20px;height: 20px;}
@media (max-width: 40rem) {
#PopupCustForm {top:20px;}
#PopupCFContent {margin-top: 0px;}
#PopupCFBody {max-height: 550px;overflow: auto;}
.PopupCFTitle {font-size: 18px;padding-bottom:5px;}
.PopupCFSubTitle {font-size: 15px;}
#PopupCFBody .left, #PopupCFBody .right {width:160px;}
#PopupCFBody .CFleft {width: 140px;}
#PopupCFBody .CFright {width: 140px;}
#PopupCFBody .ColFixLeft {padding:0px 5px 0px 0px;}
#PopupCFBody .ColFixRight {padding:0px 0px 5px 5px;}
#PopupCFBody .SelColFixLeft {padding:10px 0px 0px 0px;}
#PopupCFBody .SelColFixRight {padding:10px 0px 5px 0px;}

#PopupCFBody select {font-size:16px;margin-bottom:0px;}
}
@media (max-height: 40rem) {
#PopupCFBody {max-height: 450px;overflow: auto;}
.PopupCFTitle {font-size: 14px;padding-bottom:5px;}
.PopupCFSubTitle {font-size: 15px;}
#PopupCFBody .left, #PopupCFBody .right {width:160px;}
#PopupCFBody .CFleft {width: 140px;}
#PopupCFBody .CFright {width: 140px;}
}
/* Create a custom checkbox */
.container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark {position: absolute;top: 0;left: 0;height: 16px;width: 16px;background-color: #fff;margin: 3px 1px 0px 0px;border: 2px solid #066E9F;border-radius: 3px;}
/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {background-color: #ccc;}
/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {background-color: #066E9F;}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {content: "";position: absolute;display: none;}
/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {display: block;}
/* Style the checkmark/indicator */
/* Uncomment for checkbox in box */
.container .checkmark:after {left: 4px;top: -2px;width: 7px;height: 14px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}



@media (max-height:900px) {#PopupCustForm {top:125px;}
@media (max-height:800px) {#PopupCustForm {top:50px;}#PopupCFBody {max-height: 600px;overflow: auto;}}
@media (max-height:750px) {#PopupCFBody {max-height: 550px;overflow: auto;}}
@media (max-height:700px) {#PopupCFBody {max-height: 500px;overflow: auto;}}
@media (max-height:650px) {#PopupCFBody {max-height: 470px;overflow: auto;}}
@media (max-height:600px) {#PopupCustForm {top: 10px;}#PopupCFBody {max-height: 420px;overflow: auto;}}
@media (max-height:550px) {#PopupCustForm {top: 5px;}#PopupCFBody {max-height: 370px;overflow: auto;}}
@media (max-height:500px) {#PopupCustForm {top: 5px;}#PopupCFBody {max-height: 350px;overflow: auto;}}
@media (max-height:450px) {#PopupCustForm {top: 5px;}#PopupCFBody {max-height: 300px;overflow: auto;}}