* {margin:0; padding:0; outline:0; -webkit-box-sizing:border-box; box-sizing:border-box;}
body {font-size:16px; line-height:normal; color:#000000; font-family: 'Calibri', sans-serif;}
a {outline:none; text-decoration:none; color:#000; -webkit-transition:ease-in-out .3s; -moz-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; transition:ease-in-out .3s;}
a:hover {text-decoration:none;}
p.privacy {
    font-size: 16px;
    line-height: 1.5;
    margin-left: auto; 
    margin-right: auto; 
    width: 50%;
}
input, textarea, select {font-size:14px; color:#000; vertical-align:middle; font-family: 'Calibri', sans-serif;outline:none; resize:none;}
input[type="button"], input[type="submit"], button {-webkit-transition:ease-in-out .3s; -moz-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; transition:ease-in-out .3s; -moz-appearance:none; -webkit-appearance:none; appearance:none; font-family: 'Calibri', sans-serif;}
.transition {-webkit-transition:ease-in-out .3s; -moz-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; transition:ease-in-out .3s;}
img {border:none; vertical-align:top; max-width:100%;}
.tac {text-align:center;}
.tar {text-align:right;}
.vAlign {vertical-align:middle;}
.mainCon {width:100%; position:relative; min-height:100vh;}
.container {max-width:1330px; margin:auto; padding:0 15px;}
.flexBox {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.flexBox.nowrap {flex-wrap: nowrap;}
.itemCenter {-webkit-align-items: center; align-items: center;}
.spacebetween {justify-content: space-between; -webkit-justify-content: space-between;}
.fullWidth {width: 100% !important;}

.logo {max-width: 220px; padding: 10px 0;}
.menuCon {background: #e7e7e7;}
.menu li {padding: 12px 35px 12px 0; font-size: 16pt;}
.menu li:last-child {padding-right: 0;}
.menu li a {color: #000000;}
.menu li a:hover {color: #0070bb;}

.imgBox {width: 50%; background-size: cover !important;}
.imgBox img {opacity: 0;}
.detBox {padding: 50px; width: 50%; font-size: 25px; line-height: 44px;}
.detBox > div {max-width: 550px; width: 100%; margin: auto;}
.detBox ul {list-style-type:square; padding-left: 60px;}

.detBox .hd {display: block; font-size: 27pt; font-weight: 700; padding-bottom: 15px; line-height: normal;}
.detBox .subHd {display: block; font-size: 20pt; font-weight: 700; padding-bottom: 15px; line-height: normal;}
.bulletText li {line-height: normal; position: relative; padding: 6px 0 6px 18px;}
.bulletText li:before {content: ''; width: 8px; height: 8px; background: #000; border-radius: 100%; position: absolute; left: 0; top: 17px;}

.form {margin: -10px -20px; padding-top: 20px;}
.form li {width: 50%; padding: 10px 20px;}
.formInput {width: 100%; border:none; font-size: 18px; border-bottom: 1px solid #aaaaaa; background: none; padding: 8px 0;}
.formInput:focus {border-bottom: 1px solid #0070bb;}
.formBtn {border: none; background: #21b573; font-size: 22px; color: #fff; padding: 10px 50px; cursor: pointer; border-radius: 4px; box-shadow: -5px 5px 10px rgba(0,0,0,.2); margin-top: 10px;}
.formBtn:hover {background: #0070bb;}
.box2 {flex-direction: row-reverse;}
.box4 {flex-direction: row-reverse;}

.map img, .map iframe {width: 100%; vertical-align: top; border: none;}
.footer {background: #0071bc; color:#fff; font-size: 15px; padding: 15px; text-align: center;}

.screen-reader-response{display: none;} 
.wpcf7-not-valid-tip, .wpcf7-spam-blocked, .wpcf7-validation-errors{color: red;}
.wpcf7-spam-blocked, .wpcf7-validation-errors{font-size: 18px;}
.wpcf7-not-valid-tip{font-size: 14px;}
.wpcf7-mail-sent-ok{color: green;}
.wpcf7 .wpcf7-form textarea {height: 120px;}


.calculator-section {background: #f3f5f8; padding:40px 0;}
  .calOutBox {display:flex; flex-wrap: wrap;}
  #progressbar {display: flex; max-width: 800px; margin: 0 auto 40px auto; justify-content: space-between;}
  #progressbar li:before {width: 36px; line-height: 36px; font-size: 19px; border:1px solid #d6d6d6; border-radius:100%; text-align:center; margin-bottom:20px;}
  #progressbar li.active:before {border:1px solid #21b573;}
  #progressbar li {color:#000; font-size:15px; text-transform: uppercase; text-align:center;}
  #msform {padding-right:30px; overflow:visible; width:60%; min-height: inherit;}
  #msform fieldset {width:100%; margin:0; box-shadow:0 0 20px rgba(0,0,0,.1); border-radius:0; height:100%;}
  #msform .fs-title {font-size:27px; color:#000; font-weight:400;}
  #msform .radio-wrap {padding:30px 0;}
  #msform .detail-boxinner .radio-wrap {padding:0;}
  #msform .radio-wrap .radio {font-size:24px; margin-right:30px;}
  #msform .radio input[type="radio"] + .radio-label:before {margin-right:10px; font-size:16px; vertical-align: middle;}
  #msform .radio input[type="radio"]:checked + .radio-label:before {background:#21b573;}
  #msform .action-button {width: auto; padding: 12px 30px; font-size: 25px;}
  #msform .label-head1 {font-size:18px;}
  .totol-wrap {margin-top: 0; width: 40%; box-shadow:0 0 20px rgba(0,0,0,.1); padding: 0; border-radius: 2px; overflow:hidden;}
  .totol-wrap h3 {background:#0070bb; font-size:25px; color:#fff; font-weight:700; padding:15px 10px;}
  .totol-wrap #savings_display {padding:20px; margin:0;}
  .totol-wrap a{margin:0 20px 20px 20px; background:#2cb87a; font-size:25px;}
  .totol-wrap .savings-displaywrap {border: none; padding: 0;}
  .totol-wrap .savings-displaywrap ul {display:flex; justify-content: space-between; margin:0 -5px;}
  .savings-displaywrap ul li {font-size: 20px; color: #000; border-bottom: none; padding:0 5px;}
  .savings-displaywrap ul li span {margin-top:12px; font-size:25px; font-weight:700;}
  .messagetxt {text-align:center; color:#6a6a6a; font-size:19px; padding-top:30px;}
  .topHd {font-size:35px; font-weight:700; color:#0070bb; text-align:center; padding-bottom:30px;}


@media(max-width:1500px) {
    .detBox {padding: 30px; font-size: 20px; line-height: 34px;}
    .detBox .hd {font-size: 22pt;}
    .detBox .subHd {font-size: 18pt;}
    .bulletText li:before {top: 13px;} 
    .form {margin: -10px -15px;}
    .form li {padding: 10px 15px;}
}

@media(max-width:999px) {
    .detBox {padding: 20px; font-size: 18px; line-height: 28px;}
    .detBox .hd {font-size: 20pt;}
    .detBox .subHd {font-size: 16pt;}
    .bulletText li:before {top: 11px;} 
    .logo {max-width: 180px;}

    #msform .fs-title {font-size:22px;}
    #msform .radio-wrap .radio {font-size: 16px; margin-right: 20px;}
    #msform .action-button {padding: 10px 30px; font-size: 20px;}
    .totol-wrap h3 {font-size:20px;}
    .savings-displaywrap ul li {font-size:16px;}
    .savings-displaywrap ul li span {font-size:20px;}
    .totol-wrap a {font-size:20px;}
    #msform .radio input[type="radio"] + .radio-label:before {font-size:11px;}
    .topHd {font-size:26px; padding-bottom:20px;}
}

@media(max-width:767px) {
    .imgBox {width: 100%; background-size: cover !important; overflow: hidden;}
    .detBox {padding: 15px; width: 100%;}
    .detBox .hd {padding-bottom: 10px; font-size: 18pt;}
    .detBox .subHd {padding-bottom: 10px;}
    .menu li {padding: 12px 22px 12px 0; font-size: 14pt;}

    #progressbar {margin: 0 auto 20px auto;}
    #progressbar li:before {width: 28px; line-height: 28px; font-size: 16px; margin-bottom: 10px;}
    #progressbar li {font-size: 13px; padding: 0 5px;}
    #msform {padding-right: 0; width: 100%;}
    .totol-wrap {width: 100%;}
    .messagetxt {font-size: 16px; padding-top: 20px; line-height: 21px;}
    #msform fieldset {position:static !important;}
    .topHd {font-size:22px; padding-bottom:20px;}
}
@media(max-width:320px) {
    .menu li {padding: 12px 16px 12px 0; font-size: 13pt;}
}