@font-face {
font-family: Helvetica;
src: url(../fonts/Helvetica.ttf);
}

@font-face {
font-family: HelveticaNeueLTProLt;
src: url(../fonts/HelveticaNeueLTProLt.otf);
}

@font-face {
font-family: HelveticaNeue Medium;
src: url(../fonts/HelveticaNeue-Medium.ttf);
}

@font-face {
font-family: HelveticaNeue Roman;
src: url(../fonts/HelveticaNeue-Roman.otf);
}

@font-face {
font-family: HelveticaNeueLTProBd;
src: url(../fonts/HelveticaNeueLTProBd.otf);
}

@font-face {
font-family: Helvetica Neue LT Com;
src: url(../fonts/Helvetica-Neue-LT-Com.ttf);
}

@font-face {
font-family: Gotham Book;
src: url(../fonts/Gotham-Book_1.otf);
}
.brand-lg1 img{ width:208px;}
.brand-lg2 img{ width:156px;position: absolute;top: -11px;right: 27px;}
.brand-lg3 img{width: 208px;position: absolute;top: -8px;}
.brand-lg4 img{width: 252px;position: absolute;right: 10px;top: -10px;}


input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px #e7e7e7 inset !important;
/*use inset box-shadow to cover background-color*/
-webkit-text-fill-color:#495057 !important;
/*use text fill color to cover font color*/
}

.laebl-select{
position: absolute;
left: 0px;
top: 0px;
    width: 127px;
    height: 40px;}
.design121{    
position: absolute;
top: 8px;
z-index: 1;
color: #fff;
left: 14px;
font-size: 12px;}

span.error{ font-size:12px; line-height:16px; display:block;}


::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: #181818;
}

:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #181818;
}

::-ms-input-placeholder {
/* Microsoft Edge */
color: #181818;
}

header {
padding: 10px 0;
box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
}

.insurance-setion {
background: #fdfdfd;
margin-top: 5px;
padding: 40px 0 20px;
}

.insurance-setion h1 {
text-align: center;
position: relative;
color: #323232;
font-family: Helvetica Neue LT Com;
font-weight: bold;
font-size: 28px;
text-transform: uppercase;
}

.insurance-setion h1 span {
color: #323232;
}

.insurance-setion h1:after {
width: 70px;
height: 5px;
top: 40px;
content: '';
background: #db0011;
position: absolute;
left: 45%;
}

.insurance-setion h2 {
text-align: center;
position: relative;
color: #323232;
font-family: HelveticaNeueLTProLt;
font-weight: 300;
font-size: 20px;
margin-top: 30px;
}

.form-entry-area {
margin-top: 40px;
}

.form-box {
padding: 10px 15px 20px;
-webkit-box-shadow: 0px 0px 4px 1px #e9ecef;
-moz-box-shadow: 0px 0px 4px 1px #e9ecef;
box-shadow: 0px 0px 4px 1px #e9ecef;
background: #fff;
border-radius: 5px;
margin-bottom: 20px;
}

.form-box label {
font-family: Helvetica;
font-weight: 600;
padding-left: 5px;
color: #3e3e3e;
font-size: 14px;
}

.input-with-icon {
position: relative;
}

.input-with-icon .form-control {
background: #e7e7e7;
border: 0;
padding-left: 40px;
position: relative;
border-radius: 8px;
}

.input-with-icon img {
position: absolute;
top: 5px;
left: 10px;
}

.input-with-icon .form-control.phone {
padding-left: 30px;
}

.input-with-icon img.phone {
top: 7px;
}

.input-with-icon img.email {
top: 11px;
}

.input-with-icon .form-control::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: #a1a1a1;
font-family: Helvetica;
font-weight: 400;
font-size: 13px;
}

.input-with-icon .form-control:focus {
box-shadow: none;
}

#datepicker .form-control {
padding-left: 10px;
border-radius: 8px;
font-family: Helvetica;
width: 100%;
}

#datepicker img {
float: right;
position: absolute;
right: 12px;
top: 7px;
left: auto;
}

.col-12 {
padding-right: 0;
}

.row.range-slider {
margin-top: 6px;
}

.rangeslider--horizontal {
height: 7px !important;
width: 100%;
}

.rangeslider--horizontal .rangeslider__handle {
top: -7px !important;
}

.rangeslider__handle {
background: #323232 !important;
border: 1px solid #323232 !important;
width: 20px!important;
height: 20px !important;
}

.rangeslider__handle:after {
background-image: none !important;
}

.rangeslider {
background: #edecea !important;
box-shadow: none!important;
}

.range-slider .form-control {
width: 95%;
}

.row.range-slider label {
color: #8a8a8a;
font-size: 13px;
font-family: Helvetica;
font-weight: 400;
}

.rangeslider__fill {
background: #323232 !important;
}

.range-slider .input-with-icon img {
top: 10px;
width:13px;;
}

.range-slider .input-with-icon .form-control {
padding-left: 25px;
}

.input-with-icon .disabled-input {
background: #e7e7e7;
padding-left: 10px;
}

.input-with-icon .life-cover {
padding-left: 10px;
}


/* Custom Checkbox */

.box-of-check input[type="radio"]:not(:checked),
.box-of-check input[type="radio"]:checked {
position: absolute;
left: -9999%;
}

.box-of-check input[type="radio"]+label {
display: inline-block;
padding: 16px 7px;
cursor: pointer;
width: 100%;
border-radius: 25px;
border: 0;
color: black;
background-color: #edecea;
min-height: 175px;
margin-bottom: 10px;
}

.box-of-check input[type="radio"]:checked+label {
color: white;
background-color:#d80110;
}

.box-of-check p {
color: #181818;
text-align: center;
min-height: 45px;
font-family: Gotham Book;
font-size: 13px;
padding-left: 0;
}

.box-of-check i {
display: block;
text-align: center;
font-size: 55px;
color: #49b310;
}

.box-of-check input[type="radio"]:checked+label p,
.box-of-check input[type="radio"]:checked+label i {
color: #fff;
}

.box-radio-button.timetogoal-radio label {
width: auto;
height: auto;
padding: 7px 10px;
background: #fff;
}

.protection-white,
.prioritywhite,
.retirement-whtie,
.growthwhite {
display: none;
margin-left: 39px;
}

.protection-balck,
.priorityblack,
.retirement-black,
.growthblack {
display: block;
margin: 0 auto;
}

#showhide_1 .col-12 {
padding-right: 10px;
}


/* Radio button list */

.cutom-radio-list .box:before {
content: '';
position: absolute;
top: 0;
left: -50%;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.05);
transform: skewX(-3deg);
pointer-events: none;
}

.cutom-radio-list .box p {
margin: 0;
padding: 0;
color: #fff;
font-size: 50px;
}

.cutom-radio-list .box label {
position: relative;
cursor: pointer;
}

.cutom-radio-list .box label input {
display: none;
}

.cutom-radio-list .box label span {
position: relative;
display: inline-block;
margin: 0 4px;
font-size: 14px;
text-align: center;
padding: 8px;
border: 2px solid #fff;
width: 169px;
background: #edecea;
font-family: Helvetica;
color: #444;
font-weight: 300;
margin-right: -13px;
border-radius: 7px;
}

.cutom-radio-list .box label input:checked~span {
color: #fff;
}

.cutom-radio-list .box label input:checked~span:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #008eff;
z-index: -1;
filter: blur(10px);
}

.cutom-radio-list .box label input:checked~span:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #008eff;
z-index: -1;
filter: blur(15px);
}

.cutom-radio-list .box label input:checked~span.yes {
color: #fff;
background:#d80110;
}

.cutom-radio-list .box label input:checked~span.yes:before,
.cutom-radio-list .box label input:checked~span.yes:after {
background: #62ff00;
}

.cutom-radio-list .box label input:checked~span.no {
color: #323232;
border-color: #323232;
box-shadow: inset 0 0 10px #323232;
}

.cutom-radio-list .box label input:checked~span.no:before,
.cutom-radio-list .box label input:checked~span.no:after {
background: #323232;
}

.cutom-radio-list {
list-style-type: none;
padding-left: 0;
margin-bottom: 0;
}

.cutom-radio-list li {
display: inline-block;
position: relative;
}

.cutom-radio-list li:after {
content: '';
width: 18px;
background: #fff;
height: 18px;
border-radius: 50%;
position: absolute;
left: 0;
z-index: 51;
top: 12px;
}

.cutom-radio-list li:first-child::after {
display: none;
}

.circle-radio .radio {
margin: 0.5rem;
margin-left: 0;
}

.circle-radio .radio input[type="radio"] {
position: absolute;
opacity: 0;
}

.circle-radio .radio input[type="radio"]+.radio-label:before {
content: '';
background: #c8c8c8;
border-radius: 100%;
border: 1px solid #b4b4b4;
display: inline-block;
width: 1.4em;
height: 1.4em;
padding: 10px;
position: relative;
top: 0;
margin-right: 5px;
vertical-align: top;
cursor: pointer;
text-align: center;
transition: all 250ms ease;
}

.circle-radio .radio input[type="radio"]:checked+.radio-label:before {
background-color: #d80110;
border: 1px solid #d80110;
box-shadow: inset 0 0 0 4px #f4f4f4;
}

.circle-radio .radio input[type="radio"]:focus+.radio-label:before {
outline: none;
border-color: #323232;
}

.circle-radio .radio input[type="radio"]:disabled+.radio-label:before {
box-shadow: inset 0 0 0 4px #f4f4f4;
border-color: #b4b4b4;
background: #b4b4b4;
}

.circle-radio .radio input[type="radio"]+.radio-label:empty:before {
margin-right: 0;
}

.circle-radio ul {
list-style-type: none;
padding-left: 0;
margin-bottom: 0;
}

.circle-radio ul li {
display: inline-block;
margin-right: 5px;
}

.circle-radio label {
font-family: Helvetica;
font-weight: 400;
}

.blue-checkbox-div {
background: #edecea;
padding: 20px;
border-radius: 5px;
color: #fff;
-webkit-box-shadow: 0px 0px 4px 1px #e9ecef;
-moz-box-shadow: 0px 0px 4px 1px #e9ecef;
box-shadow: 0px 0px 4px 1px #e9ecef;
font-family: Gotham Book;
margin-bottom: 15px;
}

.blue-checkbox-div label,
.blue-checkbox-div p {
color: #3f3f3f;
font-family: Helvetica;
font-size: 14px;
}

.default-checkbox-label {
display: block;
position: relative;
padding-left: 35px !important;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.preference-icon {
margin-right: 15px;
margin-top: -12px;
float: left;
}

.default-checkbox-label input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}

.checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: #3f3f3f;
}

.default-checkbox-label input:checked~.checkmark:after {
display: block;
}

.default-checkbox-label .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid #323232;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

.checkmark:after {
content: "";
position: absolute;
display: none;
}

.checkmark:visited {
background-color: #fff;
}

.blue-checkbox-div input[type="radio"]:checked+label p {
color: #fff;
}

.pd-right-15 {
padding-right: 15px;
}

.white-um,
.white-edit {
display: none;
}

.submit-and-reset {
margin: 20px 0;
}

.submit-and-reset .reset {
padding: 10px 45px;
border-radius: 3px;
background: #3e3e3e;
border: 1px solid #3e3e3e;
color: #fff;
font-family: Helvetica;
font-size: 14px;
}

.submit-and-reset .reset:hover {
padding: 10px 45px;
border-radius: 3px;
background: #323232;
text-decoration: none;
transition: 0.3s;
border: 1px solid #323232;
color: #fff;
font-family: Helvetica;
font-size: 14px;
}

.submit-and-reset .reset-option:hover {
padding: 10px 45px;
border-radius: 3px;
background: #fff;
text-decoration: none;
transition: 0.3s;
border: 1px solid #d80110;
color: #d80110;
font-family: Helvetica;
font-size: 14px;
}

.submit-and-reset input[type="submit"] {
padding: 8px 40px;
border-radius: 3px;
background: #d80110;
text-decoration: none;
transition: 0.3s;
border: 1px solid #d80110;
color: #fff;
font-family: Helvetica;
font-size: 14px;
outline: none;
}

.submit-and-reset input[type="submit"]:hover {
cursor: pointer;
background: #3e3e3e;
color: #fff;
border: 1px solid #3e3e3e;
outline: none;
}

.submit-and-reset input[type="submit"].option2:hover {
cursor: pointer;
background: #fff;
color: #d80110;
border: 1px solid #d80110;
outline: none;
}

h2.product-hd {
color: #323232;
font-size: 17px;
border-bottom:1px solid #d80110!important;
text-align: left;
padding-bottom: 10px;
letter-spacing: 0.2px;
text-transform: uppercase;
font-family: Helvetica Neue LT Com;
}

.product-box {
-webkit-box-shadow: 0px 0px 4px 1px #e9ecef;
-moz-box-shadow: 0px 0px 4px 1px #e9ecef;
box-shadow: 0px 0px 4px 1px #e9ecef;
padding: 20px;
margin: 40px 0 20px;
position: relative;
}

.product-box h3 {
color: #323232;
font-family: Helvetica;
font-size: 23px;
margin-top: 14px;
font-weight: 700;
}

.product-box ul {
list-style-type: none;
padding-left: 0;
margin-top: 20px;
}

.product-box ul li {
margin-bottom: 5px;
font-family: Helvetica;
font-size: 15px;
color: #505050;
position: relative;
}

.product-box ul li:before {
content: url('../img/right-sign.png');
/* with class ModalCarrot ??*/
position: absolute;
/*or absolute*/
z-index: 100000;
/*a number that's more than the modal box*/
left: -30px;
top: 5px;
}

.product-box a {
background:#d80110;
border: 1px solid #d80110;
padding: 10px 35px;
border-radius: 5px;
display: inline-block;
margin-top: 5px;
font-family: Helvetica;
font-size: 15px;
color: #fff;
}

.product-box a:hover {
transition: 0.3s;
background: #3e3e3e;
color: #fff;
text-decoration: none;
border: 1px solid #3e3e3e;
}

.product-box a.option2:hover {
transition: 0.3s;
background: #fff;
color: #323232;
text-decoration: none;
border: 1px solid #d80110;
}

.grey-color {
background: #f6f6f6;
}

footer {
margin-top: 30px;
background: #424242;
padding: 40px 0 20px;
}

footer p {
color: #fff;
font-size: 14px;
margin-bottom: 5px;
font-family: Helvetica;
}

footer p span {
color: #fff;
}

footer .page-end {
padding: 15px 0 0;
margin-top: 15px;
border-top: 1px solid #999999;
}

footer .page-end p {
text-align: right;
margin-bottom: 0;
}

#myBtn {
position: fixed;
bottom: 30px;
right: 30px;
background: none;
border: none;
}

#myBtn img {
width: 60px;
}

#myBtn:focus {
outline: none;
box-shadow: none;
}

#myBtn:hover {
cursor: pointer;
}

html {
scroll-behavior: smooth;
}

.by-default-check {
background-color: #323232;
}

.by-default-check p,
.by-default-check label {
color: #fff;
}

.by-default-check .black-um {
display: none;
}

.by-default-check .white-um {
display: block;
}

.by-default-check .checkmark {
background: #fff;
}

.borderred {
border:3px solid #da0011;
border-radius: 8px;
}

/* Custom css for IE issues on date  28-09-2020 */
.crActive{
    background-color: #d80110;
    color:#ffffff;
  }
  .crActive label, .crActive p, .crActive span{
    color:#ffffff !important;
  }
  .crActive img.black-edit{
    display: none;
  }
  .crActive img.white-edit{
    display: block;
  }

  .crActive img.black-um{
    display: none;
  }
  .crActive img.white-um{
    display: block;
  }
  .crActive span.checkmark{
    background-color: #ffffff;
  }