body{font-size:16px;}
.heading-menu, #adRhsLnkNm, #scroll, #video_zone{display:none;} #VideosAndLogos {background:#f9f9f9 !important;}
#customer-logo ul li {padding:16px;margin:8px;width:150px;background:#fff;}
.banner {position:relative;background:#F8D147;padding:4rem 0;padding-bottom:8rem;}
.banner-content {text-align:center;}
.banner-content > h1, .banner-content > p {color:#000;}
.banner-content > h1 {font-size:4rem;line-height:1.3;margin:0;font-weight:700;}
.banner-content > p {margin:0;padding-top:1rem;font-size:1.5rem;line-height:1.5}
.sec {position:relative;padding:4rem 0;}
.sec.sec-overlap {margin-top:-5rem;padding-top:0;}
.body-wrapper > .sec:nth-child(odd) {background:#f9f9f9;}
#roi-result {display:none;margin-bottom:4rem;}
.flex-row, .form-datas {display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap: wrap;gap: 2rem;box-sizing: border-box;}
.flex-row > .col {box-sizing: border-box;}
.calc-form.flex-row {background:#f7f7f7;border-radius:.5rem;border-top-left-radius:0;border-top-right-radius:0;border:1px solid #dfdfdf;border-top:0;}
.calc-form.flex-row > .col {padding:2rem;}
.calc-form.flex-row > .col:nth-child(1){width:60%;}
.calc-form.flex-row > .col:nth-child(2){width: calc(40% - 2rem);background:#4e4e4e;border-bottom-right-radius:.5rem;}
.form-datas {padding-bottom:1.5rem;}
.form-datas > .qus-sec {width:60%;}
.form-datas:last-child {padding-bottom:0;}
.form-datas > .ans-sec {width: calc(40% - 2rem);}
.qus-sec label {color:#000;font-size:1.1rem;line-height:1.5;font-weight:400;}
.ans-sec input, .ans-sec select {outline:0;width:95%;box-sizing:border-box;height:3rem;padding:.5rem;border:1px solid #ccc;}
.pt0 {padding-top:0;}
.size-h3 {font-size:1.25rem;color:#000;}
.form-roi > h2 {margin:0;color:#fff;padding-bottom:1rem;text-align:center;}
.form-roi > .form-group {margin-bottom:.8rem;}
.form-roi > .form-group:last-child {margin-bottom:0;}
.form-roi > .form-group > input, .form-roi > .form-group > select {width:100%;box-sizing:border-box;height:2.8rem;padding:0 .5rem;outline:0;background:#fff;border:0;font-size:14px;}
.ans-sec select, .form-group > select {
  -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #5a5a5a 50%), linear-gradient(135deg, #5a5a5a 50%, transparent 50%), linear-gradient(to right, #fff0, #fff0) !important;
    background-position: calc(100% - 17px) calc(1em + 4px), calc(100% - 12px) calc(1em + 4px), calc(100% - 2.5em) .5em !important;
    background-size: 6px 5px, 5px 5px, 1px 1.5em !important;
    background-repeat: no-repeat !important;
}
.form-roi > .form-group > input[type="submit"] {background: #e9152b;color:#fff;font-weight:700;font-size:1.1rem;border:0;cursor:pointer;transition: all .3s;}
.form-roi > .form-group > input[type="submit"]:hover {background:#f00;}
.form-group.privacy {color:#fff;font-size:13px;}
.form-group.privacy a {color: #ffee10;}
#meGDPRMessage {width:100%;color:#fff;font-size:13px;margin-bottom:.8rem;line-height:1.8}

.sec-title {position:relative;}
.form-title-sec {background: #fff;padding: 1.5rem;border: 1px solid #dfdfdf;border-radius: .5rem;border-bottom-left-radius:0;border-bottom-right-radius:0;}
.sec-title > h2, .sec-title > p {margin:0;}
.sec-title > h2 {margin-bottom:1rem;font-size:1.7rem;font-weight:600;line-height:1.3}
.sec-title > p {line-height:2}
div p:last-child {margin-bottom:0}
.calc-result > h3, .calc-result > p{margin: 0;margin-bottom: 15px;}
.calc-result > p > label {font-size:2.5rem;font-weight:700;padding: .5rem 0;display: inline-block;color: #222;border-radius: .5rem;}
.calc-result, .roi-tbl-con {max-width:700px;margin:0 auto;background:#fff;padding:1rem;}
.calc-row {display:flex;flex-wrap:wrap;gap:2rem;margin-top: 2rem;}
.calc-row > div {flex:1;text-align:left;border:1px solid #e7e7e7;border-radius:8px;}
.calc-row > div:nth-child(2) {background: #fbf4dc;display:flex;flex-direction:column;}
.roi-tbl-con h3 {margin:0;color:#000;font-weight:500;font-size:1.65rem;}
.result-title {font-size:1.65rem;line-height:1.2;font-weight:400;display:flex;align-items:center;gap:16px;color:#000;border-bottom:1px solid #ddd;}
.divTable{display: table;width: 100%;max-width:700px;margin:0 auto;box-shadow: 0 0 8px 0 #cccccc6e;background: #fff;margin-top:20px;}
.divTableRow {display: table-row;} .divTableRow > .divTableCell:first-child {width: 50%;}
.divTableHeading {background-color: #4e4e4e;color:#fff;display: table-header-group;font-weight:300;}
.divTableCell, .divTableHead {border-bottom: 1px solid #dfdfdf;display: table-cell;padding:10px;}
.divTableFoot {background-color: #EEE;display: table-footer-group;font-weight: 300;}
.divTableBody {display: table-row-group;}
.ffw-errmsg { color: red;font-size: 12px;}
.full-width {width:100%;margin-top: 0;}
.calc-notes {padding-top:16px}
.calc-notes li {
  font-size: 16px;
  margin-bottom: 1em;
  list-style-type: none;
  padding: 0.25em 0 0 2.5em;
  position: relative;
}
.calc-notes li:before {
  content: " ";
  display: block;
  border: solid 0.8em #ffb84e;
  border-radius: 50%;
  height: 0;
  width: 0;
  position: absolute;
  left: 0;
  top: 4px;
}
.calc-notes  li:after {
  content: " ";
  display: block;
  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  position: absolute;
  left: 9px;
  top: 8px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.calc-form .form-group {position:relative}
.calc-form  .pl-20 {padding-left:20px}
.calc-form  .pr-50 {padding-right:50px}
.calc-form .form-group .form-prefix {position:absolute; top:3px; left:0; padding:0.5rem; }
.calc-form .form-group .form-suffix {position:absolute; top:3px; right:10px; padding:0.5rem; color:#aaaaaa }
.calc-form .form-datas .info {background: none}
.calc-form .form-datas .info svg {vertical-align:middle}
.calc-form .col:nth-child(2) {height:100%; position:sticky; top:100px }


@media (min-width: 1400px) {
    .container {max-width:1315px;}
}


@media (min-width: 1200px) {
    .container {max-width:1170px;} 
    }

@media (max-width: 1200px) {
    .container {max-width:90%;}
}
@media (max-width: 1024px) {
.calc-row > div {flex:auto; width:100%;text-align:center;}
.calc-result > p {justify-content:center}
}
@media (max-width: 778px) {
  .calc-form.flex-row > .col {width:100% !important;}
.banner-content > h1 {font-size:3rem;}
 .calc-form .col:nth-child(2) {height:100%; position:relative; top:0px }
}
@media screen and (max-width:500px) {
 .ans-sec input, .ans-sec select {width:100%}
}
