@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');


/*********************************************** Form CSS **********************************************/

input,textarea,select {border-radius: 0; }
button, html input[type="button"], input[type="reset"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
button, input, select, textarea,option { font-size: 100%; margin: 0; vertical-align: baseline; font-family: 'Roboto', sans-serif;}
input[type="text"],input[type="tel"],input[type="email"]{ -webkit-appearance:none !important; }
input[type="submit"] {cursor: pointer;transition:all 0.5s ease;}
textarea { overflow: auto; vertical-align: top;resize:none; }

/*********************************************** remember to define focus styles! **********************************************/
:focus { outline: 0; }
/********************************** tables still need 'cellspacing="0"' in the markup ****************************************/
 
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; vertical-align:middle;height:auto}
a { outline: none; cursor: pointer;transition:all 0.5s ease;}

/**************************************** End hide from IE Mac ***************************************************************/ 

*:before, *:after {box-sizing: border-box;}

/************************************************** End Clearfix *************************************************/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
.clear { clear: both; }


/************************************************** For modern browsers ******************************************/ 

.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
li { list-style: none; }
::selection { background: #227f7f; color: #fff; }
::-moz-selection {background: #227f7f;color: #fff;}

/****************************************************Placeholder opacity cross browsers*****************************************/


input::-webkit-input-placeholder { color: #fff; opacity:1;line-height:45px;} /* WebKit browsers */
input:-moz-placeholder { color: #fff; opacity:1;line-height:30px;} /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder { color: #fff; opacity:1;line-height:30px;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder { color: #fff; opacity:1;line-height:30px;} /* Internet Explorer 10+ */
textarea::-webkit-input-placeholder { color: #fff; opacity:1;line-height:30px;} /* WebKit browsers */
textarea:-moz-placeholder { color: #000; opacity:1;line-height:30px;} /* Mozilla Firefox 4 to 18 */
textarea::-moz-placeholder { color: #000; opacity:1;line-height:30px;} /* Mozilla Firefox 19+ */
textarea:-ms-input-placeholder { color: #000; opacity:1;line-height:30px;} /* Internet Explorer 10+ */
select:-ms-input-placeholder { text-align:center;} /* Internet Explorer 10+ */

/*************************************** display table and table cell ***************************************************/

.tbl {display:table;width:100%;height:100%;}
.tbl-cell {display:table-cell;vertical-align:middle}
.dis-flex {display: flex; flex-wrap: wrap;display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;align-item:center;}

/*********************************************************body  ********************************************************/




/****************************************************** IE *********************************************************/

select::-ms-expand {display: none;}
input::-ms-clear { display:none;}

/**-********************************************** remove auto fill yellow color ************************************/

 input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {   -webkit-box-shadow: 0 0 0 100px #fcb019 inset !important;    -moz-box-shadow: 0 0 0 100px #fcb019 inset !important;    box-shadow: 0 0 0 100px #fcb019 inset !important;	color:#333 ;border-radius:16px;}
.hm .Group4 .input input:-webkit-autofill, .hm .Group4 .input textarea:-webkit-autofill, .hm .Group4 .input select:-webkit-autofill {-webkit-box-shadow: 0 0 0 100px #fff inset !important;    -moz-box-shadow: 0 0 0 100px #fff inset !important;  
box-shadow: 0 0 0 100px #fff inset !important;	color:#333 ;border-radius:0px;}
 
 
/*******************************************hubspot******************************************************************/

.row-fluid [class*="span"] {min-height: 1px;}
ul.hs-error-msgs > li > label {font-size:13px;line-height:normal;display:block;color:red;}
.hs_error_rollup {    display: none;}

/* form error mesege when good space b/w two inputs */
/* .hs-form-field {position: relative;}ul.hs-error-msgs.inputs-list { position: absolute; bottom: -18px; right: 0; list-style-type: none; padding: 0 5px; color: white; background: red; }
ul.hs-error-msgs.inputs-list li label { font-size: 12px; font-weight: 500; position: relative; z-index: 9; line-height:normal; display:block; }ul.hs-error-msgs.inputs-list:after { content: ''; width: 8px; height: 8px; position: absolute; display: inline-block; left: 50%; background: red; margin-left: -6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px; top: 0;}
 */
 
/**************************************** logo ***************************/

.h-logo img ,.f-logo img {cursor: pointer;}

/************************************************** container **************/
.container {max-width:1170px;margin:0 auto !important;padding:0;float:none !important; }

.body-container {padding: 0 !important;}
.main-wrapper {background: url(https://cdn2.hubspot.net/hubfs/3019802/SurePlan%20Calculator/bg.png);background-size: cover;background-position: center center;}

/*Banner Section */
 
/* .cal-bann { max-width: 950px;margin: 55px auto 0;max-height: 304px;} */
.cal-bann { max-width: 950px;margin: 55px auto 0;}
.cal-inner {display: flex;}
.cal-left { z-index: 2;}
.cal-right { background: #000; width: 69%;padding: 15px 20px 30px 43px;border-top-right-radius: 4px; border-bottom-right-radius: 4px; z-index: 2; }
.right-icon {padding-bottom: 15px;    position: relative;} 
.rit-wrap:after {position: absolute; content: ''; bottom: -5px; background: #fcb019; height: 3px; width: 156px; border: 0; left: 0px; }
.right-text {margin-left: 2%;padding-top: 15px;}
.cal-right h2 span {font-size: 23px;}
.cal-right h2 { color: #fcb019;font-size: 36px; text-transform: uppercase;line-height: 1.2;}  
.cal-right h3{color: #fcb019;font-size: 30px;margin: 18px 0;}   
.ban-text p {font-size: 15px;color: #fcb019;}
.rit-wrap { display: flex; align-items: center; margin-bottom: 25px; position: relative;}


/* Common Section Form Css*/

div#surePlanCalc , .res-bann{ max-width: 950px;margin: 0 auto;float: none;}
div#surePlanCalc h4 { position: relative; color: #fcb019; font-size: 28px; text-align: center; text-transform: uppercase; margin: 20px 0 26px;font-weight: 700; }
div#surePlanCalc h4 img {vertical-align: bottom;}
div#surePlanCalc fieldset {max-width: 100%;border: 0;}
.part {background: #fff;margin-bottom: 20px;    position: relative;border-radius: 4px;padding: 50px 0 80px;box-shadow: 0 9px 21px 4px rgba(0,0,0,0.16), 0 0 0 4px rgba(0,0,0,0.08);}
.fieldWrapper {max-width: 770px;margin: 0 auto;}
.hm div .hs-form-field {display: flex;width: 100%;border-bottom: 1px solid #e9e9e9;padding: 19px 0 8px !important;justify-content: space-between;align-items: center;}
.hm .input {text-align: center;margin: 0 !important;background: #fcb019;border-radius: 16px;width: 22%;}
.hm option {    color: #fff; background: #fcb019;}
.hm input, .hm select { width: 100% !important; text-align: center; background: transparent; color: #fff !important; border: 0; box-shadow: none; margin: 0; padding: 0; text-align-last: center; height: 30px; font-size: 14px; }
.hm input:focus, .hm select:focus{box-shadow:none;}
div .hs-form-field label span {font-size:17px; color:#000;letter-spacing: -1px;}
.hm input[type=number]::-webkit-inner-spin-button, .hm input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none;}
.hm input[type=number] { -moz-appearance:textfield;}
.hm select {-webkit-appearance: none;-moz-appearance: none;background: url(https://cdn2.hubspot.net/hubfs/3019802/SurePlan%20Calculator/arr.png);background-size: 11px;background-position: 93% center;padding:0 30px;background-repeat: no-repeat;}

.info { position: relative; display: inline-block; border-bottom: 1px dotted black; background: #fcb019; color: #fff !important; border-radius: 50%; width: 15px; left: 9px; height: 15px; text-align: center; border: 0; top: -14px; line-height: 16px; font-size: 12px !important; }
.info legend.hs-field-desc {display: none !important;}
*.info legend {visibility: hidden;width: 120px;background-color: black;color: #fff;text-align: center;border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;}
.info:hover legend.hs-field-desc {display: block !important;width:100%;   position: absolute;}
.info:hover legend {max-width:none;letter-spacing: 0px;width: 414px !important;position: absolute !important;font-size: 12px !important;top: -66px;left: -12px;visibility: visible;border:0;padding: 10px;}
.info:hover legend:after { content: ''; position: absolute; border-style: solid; border-width: 8px 8px 0; border-color: #000 transparent; display: block; width: 0; z-index: 1; bottom: -7px; left: 12px; }
.part:after { content: "\f107"; font: normal normal normal 14px/1 FontAwesome; position: absolute; width: 30px; height: 30px; text-align: center; left: 0; font-size: 38px; bottom: 30px; right: 0; margin: 0 auto; color: #fcb019; font-weight: bold; }
/* .part:before {
     content: "\f107";
     font: normal normal normal 14px/1 FontAwesome;
     position: absolute;
     width: 30px;
     height: 30px;
     text-align: center;
     left: 0;
     font-size: 38px;
     bottom: 30px;
     right: 0;
     margin: 0 auto;
     color: #fcb019;
     font-weight: bold;
} */

.hm .autoPop {background: #fff;border: 1px solid #fcb019;border-radius: 16px;color: #fcb019 !important;box-shadow:none !important;}
.Group1.part {padding: 59px 0 80px;}        
.body-container form {background-color: transparent;border-radius: 0;padding: 0;max-width: 100%;}
.Group2, .Group3, .Group4, .Group5 {display: none; }
.Group5.part .hs-richtext {
    font-weight: 600;
}
.hm div .hs-form-field > label {width: 70%;}

.hm .fieldWrapper input::-webkit-input-placeholder { color:#fff;opacity:.8;line-height:1.2;} /* WebKit browsers */
.hm .fieldWrapper input.autoPop::-webkit-input-placeholder { color:#fcb019;opacity:1;} /* WebKit browsers */
.hm .fieldWrapper input.autoPop:-moz-placeholder { color:#fcb019; opacity:1;} /* Mozilla Firefox 4 to 18 */
.hm .fieldWrapper input.autoPop::-moz-placeholder { color:#fcb019; opacity:1;} /* Mozilla Firefox 19+ */
.hm .fieldWrapper input.autoPop:-ms-input-placeholder { color:#fcb019; opacity:1;} /* Internet Explorer 10+ */

.hm .fieldWrapper input:-moz-placeholder { color:#fff; opacity:.8;} /* Mozilla Firefox 4 to 18 */
.hm .fieldWrapper input::-moz-placeholder { color:#fff; opacity:.8;} /* Mozilla Firefox 19+ */
.hm .fieldWrapper input:-ms-input-placeholder { color:#fff; opacity:.8;} /* Internet Explorer 10+ */
.hm input ::-webkit-input-placeholder {
  color: #fff;
} 

.hm .part input {-webkit-box-shadow: inset 2px 4px 12px 2px rgba(0,0,0,0.12);
    -moz-box-shadow: inset 2px 4px 12px 2px rgba(0,0,0,0.12);
    box-shadow:inset 2px 4px 12px 2px rgba(0,0,0,0.12);border-radius:16px;}

.hm form center h6 { font-size: 16px; display: block; }
/* Bottom Form Section*/

div#surePlanCalc .Group5.part h4 {padding-left: 0;}
.Group1.part .input {background: transparent;}
/* .Group1.part {padding: 25px 0;} */
.Group5.part:after {display: none;}
.hm .Group1 .hs-form-field {padding: 0 !important;  border: 0;     margin: 10px 0 8px;}
.hm .Group1 .input{width:100%;}
.hm .Group1 .input input, .hm .Group1 .input select{border: 1px solid #e9e9e9;line-height:30px !important;box-shadow:none !important; border-radius:0 !important;text-align-last: left;text-align: left;padding:0px 25px;font-size: 14px;color: #111111 !important;height: 40px;}
.hm .Group1 fieldset.form-columns-2 .hs-form-field {width: 49%;float: left;margin-right: 2%;}
.hm .Group1 div .hs-form-field {    display: inline-block;vertical-align: top !important;}
.body-container ul.hs-error-msgs.inputs-list {margin-top: 0 !important;}
.hm .Group1 fieldset.form-columns-2 .hs-form-field:nth-of-type(3){margin-right:0 !important;}
.hm .Group5 input.hs-button.primary.large {box-shadow: none;white-space: pre-wrap;
    border-radius: 0; background: #fcb019; display: inline-block; width: auto !important; margin: 20px auto !important; font-size: 20px; text-transform: uppercase; line-height: 1; padding: 15px 30px; height: 47px; font-weight: 400;} .hm .Group5 input.hs-button.primary.large:hover { border: 1px solid #fcb019; color: #fcb019 !important; background: transparent; }
.hm .Group1 input:focus, .hm .Group1 select:focus {box-shadow: none;text-align: left;}
.hm .Group5 input.hs-button.primary.large:focus{text-align:center;}
.hm .Group1 input::-webkit-input-placeholder { color: #111111; opacity:1;line-height:30px;} /* WebKit browsers */
.hm .Group1 input:-moz-placeholder { color: #111111; opacity:1;line-height:38px;} /* Mozilla Firefox 4 to 18 */
.hm .Group1 input::-moz-placeholder { color: #111111; opacity:1;line-height:38px;} /* Mozilla Firefox 19+ */
.hm .Group1 input:-ms-input-placeholder { color: #111111; opacity:1;line-height:30px;} /* Internet Explorer 10+ */    
span.hs-form-required, .ResponseMessage { display: none !important;}
.hm .Group1 fieldset.form-columns-2:last-of-type div:last-child {margin-right: 0 !important;}
.hm .Group1 .input select {background: url(https://cdn2.hubspot.net/hubfs/3019802/SurePlan%20Calculator/or-arr.png);background-size: 11px;background-position: 93% center;background-repeat: no-repeat;}
.hm .Group5 .hs_submit.hs-submit {text-align: center;}
.chat-text p span { background: #fcb019; }
.Group5.part p { font-weight: 400; }
.Group5.part h6{font-weight:400;font-size:17px;}


/* Result Section */

#surePlanCalc .ResponseMessage{ display:block !important;}
.res-bann {background: #fcb019;padding: 52px 20px 45px;text-align:center;margin-bottom: 50px;box-shadow: 0 9px 21px 4px rgba(0,0,0,0.16), 0 0 0 4px rgba(0,0,0,0.08);border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;}
.res-inner h4 {font-size: 28px;margin: 20px 0 40px;color: #111111 !important;font-weight: bold;text-transform: uppercase;}
.res-inner h2 {text-align:left;font-size: 40px;color: #fff;line-height: 1;font-weight: bold; text-transform: uppercase;}
.res-inner h2 span{font-size: 28px;    letter-spacing: -1px;display: block;font-weight:400;}
.res-inner p {font-size: 20px;font-weight: 600;color: #111111; margin: 25px 0 22px;}
.res-inner a {background:#fff;display:inline-block;color:#fcb019;font-size:20px; font-weight: bold;padding: 14px 45px;margin: 0 auto;border:2px solid #fff;letter-spacing: -0.5px;border-radius:3px;}
.res-inner a:hover{background:#fcb019;color:#fff;border:2px solid #fff;}
.res-left {width: 51%;display: inline-block; vertical-align: middle;}
.res-right {width: 47%;display: inline-block;     vertical-align: middle;text-align: left;padding-left: 50px;}
a.go-back {display: inline-block;margin: 20px auto 0;background:transparent;color:#fff;border: 1px solid #fff;float: left;width: 50%;margin: 0;font-size: 16px;max-width: 265px;text-transform:uppercase;padding: 14px 15px;}
span.sm-text {margin: 44px 0 15px;display: block;font-size:12px;}

a.go-back:hover { background: #fff; color: #fcb019; border: 1px solid #fff;}
a.go-back i { font-size:18px; margin-right: 12px; vertical-align: middle;}
.res-right span, .res-right { font-size: 75px; font-weight: bold; color: #fff; word-wrap: break-word; }
.res-inner {max-width: 826px;margin: 0 auto;}
.right-al-sec {max-width: 260px;text-align: center;margin: 0 0 0 auto;}
.right-al-sec p {color: #fff;font-size: 16px;margin: 25px 0 9px;font-weight: 700;}
.cta-btn.one-btn {float: right;max-width: 265px;width:48%;}
.cta-btn.one-btn a {font-size: 16px;display:block;color:#fff;background:#fcb019; border:1px solid #fff;}
.cta-btn.one-btn a:hover{background:#fff; color:#fcb019;border:1px solid #fcb019;}
.chat-image {width: 29%;}
.chat-text { width: 72%;text-align: left;padding-left: 10px;}
.chat-box { display: flex; background: #fbc863; padding: 43px 30px 33px; border-radius: 6px;margin: 40px 0 0; box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.1);}
.chat-text p { font-size: 18px; font-weight: 400; margin: 10px 0 15px; text-align: left; }
.chat-text h6 { font-size: 22px; letter-spacing: -1px; color: #111111; margin: 0; font-family: 'Roboto',sans-serif; font-weight: bold; }

/* Progress Bar */

.progressBarWrapper { height: 40px; background: #000; position: fixed; bottom: 0;width: 100%; }
.progressBar { position: relative; bottom: -2px; height: 36px; background-color: orange; width: 60px; transition: all 300ms ease; }
.progressBar:after { position: absolute; content: ''; background: #000 url(https://cdn2.hubspot.net/hubfs/3019802/SurePlan%20Calculator/pro-img.png?t=1536056385520); width: 80px; height: 37px; background-size: 76px; right: -20px; top: 0; background-repeat: no-repeat; border-radius: 13px; border: 1px solid #000; background-position: center; }
.custom-footer-upper { margin-top: 0;}
.progressBarWrapper.fixed { position:relative;overflow: hidden;}
span.count { text-align: right; width: 100%; display: block; position: relative; left: -13px; top: 7px; font-size: 18px; font-weight: bold; color: #fff; z-index: 1;  }

.part{ position:relative;}
.part:not(:first-child) {display: none; }
a.NextPart { content: "A"; font: normal normal normal 14px/1 FontAwesome; position: absolute; width: 30px; height: 30px; text-align: center; left: 0; font-size: 38px; bottom: 30px; right: 0; margin: 0 auto; color: #fcb019; font-weight: bold; z-index: 999; cursor: pointer; }   
/* a.PrevPart { top: 0; content: "A"; font: normal normal normal 14px/1 FontAwesome; position: absolute; width: 30px; height: 30px; text-align: center; left: 0; font-size: 38px; bottom: 30px; right: 0; margin: 0 auto; color: #fcb019; font-weight: bold; z-index: 999; cursor: pointer; } */
a.PrevPart {
  width: 30px;
  height: 30px;
  display: block;
  margin: 0 auto;
  color: #fcb019;
  font-weight: bold;
  font-size: 38px;
  text-align: center;
  position: absolute;
  top: 0;
    left: 0;
    right: 0;
}
a.PrevPart .fa {
  font-weight: bold;
}
.Group1.part .PrevPart {
  display: none;
}


@media(max-width:1200px){
.cal-right h2 { font-size: 32px;}
.cal-right h3 {font-size: 25px;}
.res-right {padding-left: 20px;}
}

@media(max-width:1024px){
  .cal-right h2 {font-size: 27px;}
    .part {padding: 50px 20px 80px !important;}
    .cal-bann {padding: 0 20px;}
    div#surePlanCalc h4 {font-size: 25px;}
    .Group1.part {padding: 25px 20px !important;}
    .hm .Group5 input.hs-button.primary.large {text-align: center; text-align-last: center;}
    .hm input, .hm select {text-align: left;padding: 0 20px;text-align-last: left;}
    .hm select {padding: 0  20px;}
}

@media(max-width:980px){
div#surePlanCalc h4 {font-size: 22px;}
.info:hover legend {width: 363px !important;left: -17px;top: -83px;}
.hm .part div .hs-form-field label { width: 40%;}
.hm .Group1 div .hs-form-field label {width: 100%;}
.cal-right {display: block;padding: 20px 20px 10px;}
.cal-right h2 {font-size: 26px;}
.info {top: -2px;}
.res-inner a { font-size: 18px; padding: 14px 13px;}

.cal-inner { display: block;text-align: center;}
.cal-bann, .cal-right { max-height: 100%;}
.cal-left, .cal-right {width: 100%;}
.rit-wrap {display: block;margin-bottom: 0;}
.rit-wrap:after { bottom: 18px; text-align: center;left: 0;right: 0;margin: 0 auto;}
.cal-right h3 {font-size: 23px;}
.cal-right {padding: 34px 20px;}
.res-inner h2 {font-size: 30px;}
.res-inner h2 span {font-size: 24px;}
.right-icon {padding-bottom: 0;}
.ban-text {max-width: 500px;margin: 0 auto;}
.res-bann {padding: 15px 20px 20px;}
.right-text {margin-left: 0;padding-top: 42px;padding-bottom: 16px;}
.res-right span, .res-right {font-size: 55px; }
a.go-back { padding: 14px 3px !important;}  
  
  
}
@media(max-width:767px){
div .hs-form-field label span {font-size: 15px;}
.hm input, .hm select { font-size: 12px;}
.part { padding: 20px 20px 80px !important;}
.hm .Group4 .input input, .hm .Group4 .input select { padding: 0px 9px !important;}
.res-right span, .res-right {font-size: 45px; }
}
@media(max-width:640px){
.hm div .hs-form-field {display: block;padding: 14px 0 3px !important;position:relative;}
div .hs-form-field label {width: 100%;}
.hm select { padding: 0 9px;}
.hm .input { width: 100%;max-width:150px;margin: 10px 0 !important;}  
.Group4.part div .hs-form-field label { width: auto;}
.hm .Group4 fieldset.form-columns-2 .hs-form-field {width: 100%;float: none;margin-right: 0;}
.hm .Group4 input.hs-button.primary.large {margin: 20px auto !important; font-size: 15px;padding: 11px; height: 43px;text-align: center; text-align-last: center;}
.hm .Group4 .input {width: 100%;max-width: 100%;margin: 0 !important;}
.hm .part div .hs-form-field label {width: 100%;display: block;}

.info {width: 11px; left: 4px;height: 11px;top: -1px;line-height: 11px;font-size: 10px !important;}
.info:hover legend {width: 226px !important;padding: 10px 4px;line-height: 1.3;}
.info:hover legend {left: 0;right: 0;margin: 0 auto;top: -50px;}
.info {position: static; margin-left: 4px;top: 0px;}
.hm .Group4 .input select { background-position: 96% center;}
span.sm-text {margin: 26px 0 15px;}
.res-right {width: 100%;text-align: center;padding-left: 0;}
.res-left {width: 100%;}
.res-inner h2 {text-align: center;}
.chat-box {padding: 20px 30px 27px;margin: 22px 0 0;flex-wrap: wrap;}  
.chat-image { width: auto;margin: 0 auto 20px;}
.chat-text {width: 100%;text-align: center;margin: 0 auto;padding-left: 0px;}
.chat-text p {width: 100%;text-align: center;}
.cta-btn.one-btn {float: none; margin: 20px auto;}
a.go-back { float: none;}
.right-al-sec { margin: 0 auto;}
a.go-back, .cta-btn.one-btn {width: 100%;max-width: 100%;}
.cta-grp.cf { max-width: 300px;margin: 0 auto;}
.res-inner a {font-size: 16px;width: 100%;max-width: 300px;padding: 14px 0 !important;}
}

@media(max-width:480px){
div#surePlanCalc h4 {font-size: 20px;}
.cal-right h3 { font-size: 20px;    margin: 7px 0;}

div#surePlanCalc h4 img {max-width: 24px !important;vertical-align: middle;}

.cal-left img {max-width: 199px;margin: 0 auto;}

.part {padding: 20px 10px 55px !important;}
.part:after { font-size: 27px;bottom: 10px;}
.res-bann {padding: 20px 20px 15px;}
.res-inner h2 {font-size: 28px;}
.res-inner h2 span {font-size: 22px;}
.res-inner a { font-size: 16px;}
.res-right span, .res-right {font-size: 40px;  }
}




@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .hm select, .hm input {text-align:left;padding:0 20px;}
}
@supports (-ms-ime-align: auto) {
  .hm select, .hm input {text-align:left;padding:0 20px;}
}