@charset "utf-8";
/*----------intial css----------*/
a:hover
{
    text-decoration: none !important;
}
.btn{
    white-space:normal !important;
    word-wrap:break-word; 
}

.assistclass .modal-header
{
    padding: 0;
    border: solid 3px #edbc44;
    overflow: hidden;
}

.assistclass .modal-content h1
{
    margin: 0;
    background-color: #edbc44;
    color: #fff !important;
    width: 100%;
    line-height: 2;
    text-decoration: none !Important;
    font-size: 34px !important;
    text-transform: uppercase;
    font-weight: bold;
    font-family: Times New Roman Baltic;
    border-bottom: solid 5px #3a3939;
}

.assistclass .modal-content .modal-title
{
    background-color: #15527f;
    color: #fff;
    font-weight: bold !important;
    font-family: Times New Roman;
    font-size: 19px !Important;
    border: solid 2px #edbc44;
    width: 90%;
    line-height: 1.3;
    padding: 10px 20px !Important;
    margin: 0 auto;
    text-align: center;
    clear: both;
    margin-bottom: 20px;
}

.assistclass .modal-content .main-blocks
{
    float: left;
    margin-bottom: 30px;
}

.assistclass .modal-content .main-blocks hr
{
    content: "";
    width: 100%;
    height: 5px !important;
    border-top: solid 1px #2b2c2b;
    border-left: 0;
    border-right: 0;
    border-bottom: solid 1px #2b2c2b;
    background-color: #edbc44;
    top: 235px;
    position: absolute;
    z-index:0;
    left: 0;
}

.assistclass .modal-content .main-blocks img
{
    width: 100% !important;
    padding: 25px !important;
    z-index: 99;
}

.assistclass .modal-content .assistclass_form
{
    width: 100%;
    display: flex;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    padding: 15px !important;
}

.assistclass .modal-content .assistclass_form img
{
    width: 80px !Important;
    padding: 7px;
}
.assistclass .modal-content .assistclass_form .btn-default
{
    background-color: #edbc44 !important;
    margin: 0 10px;
    color: #15527e !important;
    font-weight: bold;
    border: solid 2px #15527e;
    text-align: center;
    width: 200px;
    padding: 7px 10px;
}

.assistclass .modal-content .assistclass_form input{
    background-color: #eaf4f5 !important;
    border: none;
    padding: 7px;
}

.assistclass .modal-content .main-blocks h5
{
    text-align: center;
    color: #3a3939 !important;
    margin: 0 !important;
}

.speak-with .modal-content
{
    border:none !important;
    border-radius:0 !important;
    color:#215a9b !important;
}

.speak-with .modal-content .modal-title
{
    font-size:1.8em;
    padding-bottom:10px;
}

.speak-with .close
{
    transform:rotate(0deg);
    transition:ease-in all 0.4s;
}

.speak-with .close:hover
{
    transform:rotate(180deg);
}

.speak-with .modal-content .form-control
{
    border-radius:0;
    height:45px;
    border-color:#ccc;
}

.speak-with .btn-group .btn-primary
{
    border-radius:0;
    background-color:#f3f3f3 !important;
    border:none;
    color:#215a9b !important;
    padding:15px 10px;
}

.speak-with .btn-group .active
{
    background-color:#215a9b !important;
    color:#f5f5f5!important;
}

.speak-with .modal-content p
{
    line-height:30px;
    font-size:1em;
}
* { padding: 0; margin: 0; list-style: none; }
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100% !important; }
html { -webkit-text-size-adjust: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.25em }
nav ul, nav ol { list-style: none; list-style-image: none; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; cursor: pointer; }
/* remember to define focus styles! */
:focus { outline: 0; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a {text-decoration: none; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}
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%; }
a { outline: none; cursor: pointer; }
/* End hide from IE Mac */ .none { display: none; } /* End Clearfix */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
.clear { clear: both; }
img { max-width: 100%; }
/* For modern browsers */ 
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
.cf { *zoom:1;}
/* For IE 6/7 (trigger hasLayout) */

p { font-size: 20px !important; line-height: 30px; padding-bottom: 25px; color: #000; font-family: 'Lato', sans-serif; }
h1 { font-size: 32px; margin-bottom: 20px }
h2 { font-size: 26px; margin-bottom: 50px }
h3 { font-size: 20px; margin-bottom: 20px }
h4 { font-size: 16px; margin-bottom: 20px }
h5 { font-size: 12px; margin-bottom: 20px }
body { margin: 0; padding: 0; font-family: 'Lato', sans-serif;  font-size: 14px; color: #565656;}
/*--------sticky footer or vertical footer------------*/
.wrapper {  /*initialize footer height in negative for sticky footer*/ }
footer, .push {/*initialize footer height here for sticky footer*/ }
body, html { height: 100%; }
/*--------sticky footer or vertical footer------------*/

/*-----------------------main styles starts here-----------------------------------------------*/
.main { max-width: 1170px; width: 100%; margin: 0 auto }
/*-----------header section styles goes here---------------*/

#header-main{background: #fff; border-bottom: 1px solid #8f712d; width: 100%; display: block; position: relative;}
.logo-main{width: 306px; float: left; padding: 0; margin-top: 17px;}
.logo-main img{width: 100%; display: block;}
.menu-main{float: right;}

.menu-main #cssmenu > ul > li > a{font-size: 25px; font-weight: bold; color: #5a5f63; text-transform: inherit; padding: 38px 24px;}
.menu-main #cssmenu > ul > li > a:hover{color: #2e5a82;}
.menu-main #cssmenu > ul > li.has-sub > a:after{display: none;}
#menu-line{background: #2e5a82;}



/*-----------header section styles ends here----------------*/

/*-----------midd section styles goes here-----------*/

.banner-part{position: relative; background: url(../images/home-banner.jpg) no-repeat; background-position: center center; background-size: cover; width: 100%; display: block; min-height: 530px; max-height:550px;}

.banner-part .main{position: relative; min-height: 600px;}
.banner-content{display: block; width:80%; position: absolute;left: 0; bottom: 61px;}
.banner-content h1{text-transform:inherit; color: #2c333a; font-weight: bold; font-size: 36px; font-size: 49px;}
a.get-start-btn{background: #f6bb43; color: #fff; padding: 15px 55px; display: inline-block; font-size: 40px; text-transform: uppercase;}
a.get-start-btn:hover{background: #4d87e3;}

.how-work{padding-top: 48px; padding-bottom: 50px;  background: #eaf4f5; width:100%; display: block; position: relative;}
.how-work-content {display: block; width: 92%; text-align: center;}
.how-work-content h2{position: relative; text-transform: uppercase; color: #4d87e3; font-size: 41px; font-weight: bold; display: block; padding-bottom: 24px; }
.how-work-content h2:before{ position: absolute; width: 200px; height: 4px; background: #4d87e3; content: ""; left: 0; right: 0; bottom: 0; margin: 0 auto; text-align: center;}
.how-work-content .video-col{display: block; width: 50%; float: left; padding: 0 15px; }
.how-work-content .video-col img{width: 100%; display: block; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);}
.how-work-content .video-col span{color: #616161; font-size: 35px; font-weight: bold; margin-top: 18px; display: block;}

a.video-img{position: relative; display: block; z-index: 1;}
.video-main{position: relative; margin: 0 -55px 0 27px;}
a.video-img:before{position: absolute; background: rgba(77,135,227,0.5); transform: scale(0) rotateY(90deg);  transition: all 0.5s; left: 0; right: 0; top:0;bottom: 0; content: ""; display: block; opacity:1; z-index: 99999; opacity: 0;}
a.video-img:hover:before{opacity: 1; transform: scale(1) rotateY(0);}

.health-insurance{padding-top: 56px; padding-bottom: 60px; position: relative; width: 100%; display: block; background: #4d87e3;}
.health-insurance h2{text-transform: uppercase; font-size: 35px; font-weight: bold; color: #fff; text-align: center; width: 90%; margin: 0 auto;  margin-bottom: 47px; display: block;}

.health-insurance ul {padding: 0; margin: 0 -3px; text-align: center;}
.health-insurance ul li{display: inline-block; padding-right: 9px; width: 33%;}
.health-insurance ul li:last-child{margin-right: 0;}
.health-insurance ul li a{font-size: 26px; font-weight: 600; color: #4d87e3; padding: 32px 10px; width: 100%; display: block; color: #4d87e3; background: #fff;}
.health-insurance ul li a:hover{background: #616161; color: #fff;}

.optimize-plan{ padding-top: 54px; position: relative; width: 100%; background: #fff; display: block; text-align: center; padding-bottom: 89px;}
.optimize-plan h3{ margin-bottom: 0;  font-weight: 600; font-size: 32px; display: block; color: #4d87e3; }
.optimize-plan span.optimize-heading { margin-bottom: 74px; font-size: 40px; display: block; color: #5f5f5f; font-weight: bold;}
ul.six-boxes{padding: 0;  margin: 0; display: block; border-top: 4px solid #4d87e3; border-right: 1px solid #e6edee;}
 ul.six-boxes li{float: left; background: #f6f9f9; width: 16.6666%; padding: 32px 10px; border-right: 1px solid #e6edee; min-height: 345px;}
 ul.six-boxes li i{font-style: normal; font-size: 40px; font-weight: bold; color: #4d87e3; height: 53px; width: 53px; background: #fff; text-align: center; line-height: 53px; display: block; margin: 0 auto; border-radius: 100%; margin-bottom: 28px; }
 ul.six-boxes li span{ font-weight: 300; font-size: 23px; color: #525252; display: block; text-align: center;}

.optimize-plan ul.optimize-list{padding: 0; margin: 0; text-align: left; padding-left: 120px; margin-top: 72px;}
.optimize-plan ul.optimize-list li{padding: 0; margin: 0; display: block; font-size: 30px; color: #565656; line-height: 44px; font-weight: normal; position: relative; padding-left: 48px;}
.optimize-plan ul.optimize-list li:before{position: absolute; content: ""; background: url("../images/list-bullet.png"); background-repeat: no-repeat; background-size: 100%; height: 21px; width: 31px; left: 0; top:10px;    }

.lifetime-policy{background: #4d87e3; width: 100%; display: block; position: relative; padding-top: 54px; padding-bottom: 46px;}
.lifetime-policy h2{font-weight: bold; font-size: 36px; color: #fff; text-align: center; width: 85%; margin: 0 auto; margin-bottom: 26px; }
.lifetime-policy ul li{padding: 0; margin: 0; display: block; font-size: 30px; color: #fff; line-height: normal; font-weight: normal; position: relative; padding-left: 48px;}
.lifetime-policy ul li:before{position: absolute; content: ""; background: url("../images/list-bullet-white.png"); background-repeat: no-repeat; background-size: 100%; height: 21px; width: 31px; left: 4px; top:10px;    }

.Clarity Life Ins-offers{padding-top: 50px; position: relative; width: 100%; background: #fff; display: block; text-align: center; padding-bottom: 59px;}

.Clarity Life Ins-offers h3{margin-bottom: 0;  font-weight: 600; font-size:40px; display: block; color: #4d87e3;}
.Clarity Life Ins-offers span.optimize-heading { margin-bottom: 75px; font-size: 49px; display: block; color: #5f5f5f; font-weight: bold;}
.Clarity Life Ins-offers ul.six-boxes{padding: 0;  margin: 0; display: block; border-top: 4px solid #4d87e3; border-right: 1px solid #e6edee;}
.Clarity Life Ins-offers ul.six-boxes li{float: left; background: #f6f9f9; width: 20%; padding: 42px 12px; border-right: 1px solid #e6edee; min-height: 333px;}
.Clarity Life Ins-offers ul.six-boxes li i{font-style: normal; font-size: 27px; font-weight: 500; color: #4d87e3;   text-align: center;  display: block; margin-bottom: 40px; }
.Clarity Life Ins-offers ul.six-boxes li span{ font-weight: 300; font-size: 23px; color: #525252; display: block; text-align: center;}
.Clarity Life Ins-offers i.user-friend-head{font-size: 34px; color: #4d87e3; font-weight: 500; font-style: normal; margin-top: 49px; display: block;}


.testimonial-part{background: #eff5f6; text-align: center; padding-top: 48px; padding-bottom: 40px;  width:100%; display: block; position: relative;}

.testimonial-part h2{position: relative; text-transform: uppercase; color: #4d87e3; font-size: 49px; font-weight: bold; display: block; padding-bottom: 22px; margin-bottom: 54px;}
.testimonial-part h2:before{ position: absolute; width: 200px; height: 4px; background: #4d87e3; content: ""; left: 0; right: 0; bottom: 0; margin: 0 auto; text-align: center;}

.testimonial-img{border-radius: 100%; height: 261px; width: 261px; margin: 0 auto; position: relative; margin-bottom: 72px;}

.testimonial-img a{display: block; border-radius: 100%;}
.testimonial-img img{width: 100%; display: block; border-radius: 100%;}

.play-img{position: absolute; margin: 0 auto; left: 0; right: 0; top:0; bottom: 0; display: block;  }
.play-img i{position: relative; font-size: 72px; color:#4d87e3; opacity: 0.9; z-index: 3; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}
.d-table{display: table; height: 100%; width: 100%;}
.table-cell{display: table-cell; vertical-align: middle; width: 100%; height: 100%;}

.testimonial-img a:before{position: absolute;
    background: rgba(77,135,227,0.5);
    transform: scale(0) rotateY(90deg);
    transition: all 0.5s;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    display: block;
    z-index: 1;
    opacity: 0; border-radius: 100%;}

.testimonial-img a:hover:before{    opacity: 1;
    transform: scale(1) rotateY(0);}

.testimonial-img a:hover .play-img i{color: #fff; z-index: 20; }

.testimonial-part a.get-start-btn{text-transform: capitalize; font-size: 30px; font-weight: 500;     padding: 22px 55px}







/*----------------midd section styles ends here-------*/

/*----------------footer section  styles goes here-----------*/


#footer-main{position: relative; width: 100%; display: block; background: #3d4c4e; padding-top: 32px; padding-bottom: 20px;}
.footer-content{}
.footer-content h3{font-size: 22px; font-weight: 500; text-align: left; color: #fff; position: relative; padding-bottom: 10px; margin-bottom: 19px; letter-spacing: 0.5px;}
.footer-content h3:before{position: absolute; content: ""; width: 116px; height: 2px; background: #fff; bottom: 0; left: 0;}

.footer-form{margin-bottom: 24px;}

.sign-up-col{padding-left: 2px; width: 31%; float: left;}

.sign-up-col input{background: #253335; color: #fff; font-size: 16px; font-weight: lighter; padding: 11px; border-radius: 5px; width: 100%; display: block; margin-bottom: 5px;}

.sign-up-col input#phone{width: 49%; float: left;  margin-right: 6px;}
.sign-up-col input#email{width: 49%; float: left;}


.sign-up-col input::-webkit-input-placeholder {
color: #4c5c5d;
    opacity: 1;
}
 
.sign-up-col input:-moz-placeholder { /* Firefox 18- */
color: #4c5c5d; 
    opacity: 1;
}
 
.sign-up-col input::-moz-placeholder {  /* Firefox 19+ */
color: #4c5c5d; 
    opacity: 1;
}
 
.sign-up-col input:-ms-input-placeholder {  
color: #4c5c5d; 
    opacity: 1;
}

.modal-content img
{
    width: auto !important;
   
}

.modal-content iframe
{
    width: 100% !important;
}

.sign-up-col button{font-size: 16px; text-transform: uppercase; background: #f6bb43; color: #fff; font-weight: normal; width: 100%; padding: 0 11px; border: 0; display: block; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; line-height: 40px; height: 40px; font-family: 'Lato', sans-serif;}

.sign-up-col button:hover{background: #4d87e3;}

ul.social-icon{display: block; padding: 0; margin:0; text-align: center;}
ul.social-icon li{display: inline-block; margin-right: 20px;}
ul.social-icon li:last-child{margin-right: 0;}

ul.social-icon li a{width: 60px; height: 60px; line-height: 60px !important; display: block; background:   #6b7e80; color: #3d4c4e; font-size: 30px !important; text-align: center; border-radius: 100%;}

ul.social-icon li a:hover{background: #f6bb43; color: #fff;}


.quick-links-col-1{    width:17%; float: left; padding: 0 0px 0 40px;}
.footer-menu{display: block;}
 .footer-menu ul{padding: 0; margin: 0;}
 .footer-menu ul li{display: block; width:100%; margin-bottom: 6px;}
 .footer-menu ul li a{display: block; width: 100%; font-size: 20px; font-weight: 300; color: #c7d0d1; letter-spacing: 0.5px;}
.footer-menu ul li a:hover{color: #f6bb43;}

.quick-links-col-1 h3{margin-bottom: 13px;}
.quick-links-col-1 h3:before{width: 70px;}

.quick-links-col-2{width: 24%; float: left; padding: 0 0px 0 4px;}

.quick-links-col-2 h3{margin-bottom: 13px;}
.quick-links-col-2 h3:before{width: 70px;}

.connect-us-col{width: 28%; float: left; padding: 0 0 0 23px;}

.fb-iframe{width: 84%; margin: 0 auto;    }
.fb-iframe iframe{height: 130px;}
.apple-img{width: 55%; margin: 0 auto; margin-top: 7px; text-align: center;}
.apple-img img{width: 84%; margin-left:23px; display: block;}
    
.foo-disc{background: #253335; width: 100%; display: block; text-align: center; padding: 20px 0;}
.foo-disc p{font-weight: 200; color: #fff; font-size: 16px; padding-bottom: 0; letter-spacing: 0.5;}
/*----------------footer section styles ends here--------*/





/*--life-insurance-page--*/
.life-header{padding-top: 31px; padding-bottom: 24px;}
.life-header-right{float: right;}
.help-dropdown-main{float: right;  }
.get-start-btn .dropdown-menu{width: 100%; margin: 0 auto; padding: 0; border-radius: 0; background-color: #4d87e3;}
.life-header-right a.get-start-btn{font-size: 28px; border-radius: 0;  padding: 13px 34px;}

.help-dropdown-main .select-styled{width: 100%; left: auto; font-size: 28px; height: 60px; line-height: 58px; padding:0 15px;}
.help-dropdown-main .select-options{width: 100%; left: auto;     background-color: #f6bb43;}
.help-dropdown-main .select{width: 337px;  height: 58px;}
.help-dropdown-main .select-styled:after{    font-size: 37px; top: 0;}
.select-options li{color: #fff; padding: 10px;}
.dropdown-menu>li>a{background: none; line-height: 30px !important; font-weight: bold; font-size: 16px;}
.help-dropdown-main .select-options li{border-top: 1px solid #fff; color: #fff; background: #4d87e3 !important;}
.help-dropdown-main .select-options li:hover{color: #f6bb43; background: #fff;}
.select-options li:hover{background-color: #fff; color: #4d87e3 !important;}
.select-options li:hover a{color: #4d87e3 !important;}
.life-header .logo-main{margin-top: 0}
.open .get-start-btn
{
     background: #4d87e3;
}
.change-my-plan input[type="number"]{ height: 40px; background: none; width: 100%; padding:0 15px; transition: all 0.2s ease-in; border: 2px solid #f6bb43; border-radius: 2px;}

.value-services{padding-top: 50px; padding-bottom: 33px; background: #eaf4f5; width: 100%; display: block; text-align: center;}
h2.life-heading{letter-spacing: 1px; color: #4d87e3; font-size: 32px !important; font-weight: 500; font-size: 32px; position: relative; margin-bottom: 23px; display: block; padding-bottom: 27px;}
h2.life-heading:before{content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 194px; height: 4px; background: #4d87e3; display: block; margin: 0 auto; text-align: center;}

.value-services span{margin-top: 15px; font-size: 25px !important; font-weight: bold; color: #505050; display: block;}

.life-btn-list {display: block; margin-top: 48px;}
.life-btn-list a.get-start-btn{background: #bbd3f9; color: #000;}
.life-btn-list a.get-start-btn:hover{background: #f6bb43; color: #fff;}
.life-btn-list>li a.get-start-btn{font-size: 20px; width: 100%; padding: 15px;}


.other-tool{padding-top: 51px; padding-bottom: 33px; text-align: center;  width: 100%; background-color: #eaf4f5;}

.progress
{
    margin-bottom: 0 !important;
    background: #fff;
    border-radius: 0;
    box-shadow: none;
    height: 30px !important;
}

.progress-bar-info
{
    background-color: #4772c0 !important;
    line-height: 30px !important;
}

/*-- qoute page --*/

li:first-child
{
    position: relative;
}

li:first-child .quote-btn
{
    position: absolute;
    bottom: 5px;
   font-weight: bold !important;
}

.quote-btn
{
    color: #fff !important;
    width: 100%;
    padding: 3px 10px;
    margin: 1px;
    text-decoration: none !important;
    /*border-radius: 10px;*/
    background-color: #4772c0;
   background-image: linear-gradient(#4772c0,#4772c0);
   box-shadow: 0px 1px 4px -2px #333;
   border-radius: 3px;
   text-decoration: none;
   color: #fff;
   font-size: 25px;
   position: relative;
   border: none;
      font-weight: bold !important;
   text-shadow: 0px -1px #333;
}

.quote-btn:hover {
   background-image: linear-gradient(#4772c0,#7e9cd2);
}

.quote-btn:after {
content: '';
position: absolute;
top: 2px;
left: 2px;
width: calc(100% - 4px);
height: 50%;
background-image: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.2));
}

.quote-btn a
{
    color: #fff;
}
.final-expense{ padding-bottom: 61px; background: #eaf4f5; width: 100%; display: block; text-align: center;}
.final-expense h2.life-heading{margin-bottom: 26px;}

.select-box-list > li{width: 33.3333%; float: left; padding-right: 18px; margin-bottom: 40px; min-height: 132px;}
.select-box-list > li:last-child{padding-right: 0;}
.select-box-list > li label{display: block; font-size: 24px; color: #333; text-transform: uppercase; font-weight: 500; margin-bottom: 38px;}

.select-box-list .select-options{height: 300px; overflow-y: scroll;  background-color: #4d87e3;}

.select-box-list .select{font-size: 24px; font-weight: 300; color: #9caeb0;}
.select-box-list .select-styled{     padding: 14px 15px; background: #f4f9f9; border: 1px solid #9baeb0;}

.select-box-list .select-styled:hover,.select-box-list .select-styled:active,.select-box-list  .select-styled.active{    background-color: #4d87e3; color: #fff;}

.select-box-list .select-options li:hover{background: #f4f9f9; color: #9caeb0;}
.select-box-list .select-options li{padding: 5px 15px;}
.select-box-list .select{width: 100%; height: 60px; text-align: left;}
.select-box-list .select-styled:after{    font-size: 32px; top:15px;}

input.zip-code{padding: 14px 15px;
    background: #f4f9f9;
    border: 1px solid #9baeb0;     font-size: 24px;
    font-weight: 300;
    color: #9caeb0;     width: 100%;
    height: 60px;
    text-align: left;     font-family: 'Lato', sans-serif;}


input.zip-code::-webkit-input-placeholder {
    color: #9caeb0;
    opacity: 1;
}

input.zip-code:-moz-placeholder { /* Firefox 18- */
    color: #9caeb0; 
    opacity: 1;
}

input.zip-code::-moz-placeholder {  /* Firefox 19+ */
    color: #9caeb0;  
    opacity: 1;
}

input.zip-code:-ms-input-placeholder {  
   color: #9caeb0;  
    opacity: 1;
}


.radio-list{display: block; margin-top: 52px;}
.radio-btn{height: 30px; width: 30px; border: 1px solid #9baeb0;  background: #f4f9f9; display: inline-block; vertical-align: middle; margin-right: 15px;}
.radio-list .radio-label2{margin-right: 0;}
.radio-list span{color: #6c8385; font-size: 24px; font-weight: 400; text-transform: uppercase; vertical-align: middle; display: inline-block; margin-right: 45px;}

.policy-select-box .select-options{ height: auto; overflow-y: auto;}

a.submit-btn{font-size: 24px; font-weight: 500; padding: 15px 146px;}

.education-resource{background: #fff; width: 100%; display: block; padding-top: 22px; padding-bottom: 64px;}
.education-resource h2{text-align: center;}
.education-resource-list li{float: left; width: 25%;}
.education-resource-list li a{display: block; width: 194px; height: 194px; background: #eaf4f5; border-radius: 100%; text-align: center; margin: 0 auto; position: relative;}
.education-resource-list li a:hover .edu-res-hover{opacity: 1; }
.education-resource-list li a:hover .edu-res-hover img{transform: translateY(0px);}

.edu-res-hover{background: rgba(46,96,148,0.7); display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; text-align: center; border-radius: 100%; opacity: 0; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.edu-res-hover img{transform: translateY(50px); transition: all 300ms linear 0s;}
.education-resource-list li span{display: block; color: #868686; font-size: 26px; text-align: center; min-height: 106px;}

.faq-btn-list{padding: 60px 0; background: #eaf4f5; width: 100%; display: block;}

.faq-btn-list ul li{float: left; width: 48%; margin-right: 20px;}
.faq-btn-list ul li a.get-start-btn{font-size: 24px; text-align: center; width: 100%;}

a.foo-qtn-btn{ display: block; width: 50px; height: 50px; background: #f6bb43; color: #fff; position: absolute; bottom:5%; right:2%; border-radius: 100%; font-size: 30px; line-height: 50px; text-align: center; position: fixed;}
a.foo-qtn-btn:hover{background: #4d87e3;}

.planning-sec{background: #eaf4f5; padding-bottom: 34px;}

.planning-sec .education-resource-list li a{height: 205px; width: 205px; background: #fff;}
.planning-sec .education-resource-list li{width: 20%;}
.planning-sec  h2{letter-spacing: 0;}
.planning-sec  .education-resource-list li span{    margin-top: 35px; min-height: auto; font-size: 28px;}
.planning-faq-btn-list{background: #fff;     padding: 54px 0 47px 0;}


.change-quote-sec{padding: 50px 0; background: #eaf4f5; text-align: center;}
.change-quote-sec h2.life-heading{margin-bottom: 28px;     padding-bottom: 18px;}
a.change-quote-btn{font-size: 24px; font-weight: 500;     padding: 15px 48px;}

.slider-col{width: 25%; float: left; padding-right: 10px;}

.slider-col ul li{font-size: 24px; font-weight: 400; color: #232323; border-bottom: 2px solid #fff; padding: 0;  height: 60px;}
.slider-col ul li:first-child{height: 200px; padding: 0;}
.slider-col ul li:last-child{border-bottom: 0;}
.slider-col ul{background: #bbd3f9; border-radius: 10px; padding: 0 5px;}

.quote-details-slider{margin-top: 46px;}

.slider-item-col{width: 100%;}
.slider-item-col ul a.slider-item-btn{border-bottom: 0; text-decoration: none; font-size: 16px; width: 93%; margin: 0 auto; color: #fff; font-weight: 400;   text-transform: uppercase; background: #f6bb43; display: block; padding: 12px 0; border-radius: 4px; margin-bottom: 3px;}
.slider-item-col ul a.slider-item-btn:hover{border-bottom: 0; background: #bbd3f9; color: #232323;}
.life-btn-list>li{width:32.5%;float:left;margin:0 3px;}
.slider-item-col ul{background: #fff;    border: 4px solid #bbd3f9;}
.slider-item-col ul li{border-bottom: 2px solid #bbd3f9; font-size: 20px; font-weight: 300;}
.slider-item-col ul li:last-child{height: auto;     padding: 20px 0 5px 0;}
.slider-item-col ul a{color:#fff;     
                     /* border-bottom: 1px solid #7c9ed5;*/
                       font-size: 20px; font-weight: 300;}
.slider-item-col ul a:hover{color: #232323;    }

.slider-item-btn-list{margin-top: 17px;}
.slider-item-col ul li span{font-size: 18px;     font-weight: bold !important; display: block;padding:5px 0;    }
.slider-item-col ul li img{margin: 0 auto; width: auto;}

.quote-details-slide .owl-carousel.owl-loaded{float: left; width: 75%;  }


.owl-prev, .owl-next{position: absolute; width: 45px; height: 45px; background: #fff; font-size: 0; color: #4f88e3;    margin-top: -93px; top:50%; border-radius: 100%;}
.owl-prev:before,.owl-next:before{font-size: 40px; font-family: FontAwesome;  line-height: 45px; position: absolute; left: 0; right: 0; text-align: center; margin: 0 auto;}

.owl-prev:hover, .owl-next:hover{background:#4f88e3; color: #fff;}

.owl-prev{left: -55px;}
.owl-next{right: -55px;}
.owl-prev:before{content: "\f104";}

.owl-next:before{content: "\f105";}

.optimal-buy{padding-top: 44px; padding-bottom: 76px;}
.optimal-buy h3{font-size: 44px; margin-bottom: 79px; font-weight: 700; color: #5f5f5f; text-align: center;}
.optimal-buy ul.six-boxes li{width: 25%;}

.accordionTitle:before,
.accordion__Heading:before{    content: "\f107"; font-family: FontAwesome;     height: 45px;
    width: 45px;
    background: #fff;
    border-radius: 100%;
    line-height: 45px;
    text-align: center;
    color: #538be4;}
.accordionTitleActive:before, .accordionTitle.is-expanded:before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);}

.acoordian-part{padding-top: 52px; padding-bottom: 44px; background: #eaf4f5;}
.acoordian-part h2{margin-bottom: 55px; text-align: center; font-size:   44px; font-weight: bold;}
.accordionTitle, .accordion__Heading{  margin-bottom: 10px;  padding: 25px 33px; text-align: left; border: 1px solid #e0e8e9; background: #f6f9f9; color: #525252; font-size: 28px; font-weight: 500;}
.accordionTitle:hover, .accordion__Heading:hover,.accordionTitleActive, .accordionTitle.is-expanded{background: #f6bb43; color: #fff;  }
.accordion dl, .accordion-list{border: 0; background: transparent;}
.accordion{background: transparent;}
.accordion dl:after, .accordion-list:after{display: none;}
.accordion dd, .accordion__panel{background: transparent;}
.accordion p{background: #eee; margin-bottom: 10px;}

.call-us-now{text-align: center; padding: 10px 0; background: #4d87e3; padding: 38px 0;}
.call-us-now h3{font-size: 32px; font-weight: 500; color: #fff; line-height: 50px; margin-bottom: 0;}
.call-us-now a{color: #fff;}
.call-us-now a:hover{color: #f6bb43;}

.terms-of-services{padding: 54px 0; background: #eaf4f5;}
.terms-of-services p{font-size: 28px; color: #535353; font-weight: 500; line-height: normal;}
.terms-of-services h2{font-size: 44px; color: #5f5f5f; font-weight: 700; text-align: center;}

.mediquote-selectboxs .select-options{height: 160px;}

/*-- medicare-slider-quote --*/

.call-us-left{float: left; width: 50%; text-align: left;}
a.call-us-right{padding: 15px 50px; font-size: 24px; font-weight: 500; padding: 10px 25px; float: right;     margin-top: 35px;    margin-right: 35px;}
.call-us-left h3{line-height: 40px;}


.modal-body
{
    font-size: 19px !important;
    text-align: justify;
}

.privacy_policy p
        {
            margin: 0;
            text-align: justify;
            font-size: 16px;
            line-height: 1.6;
        }
        
        .privacy_policy h3
        {
            margin-bottom: 0;
            line-height: 1.8;
        }
        
        .privacy_policy ul
        {
            padding-left: 20px;
        }
        .privacy_policy ul li
        {
            list-style-type: circle;
            padding-left: 5px;
            line-height: 1.5;
            font-weight: bold;
            list-style-position: outside;
            font-size: 16px;
        }
        
.education-tools-btn
{
    position: relative;
}

.education-tools-btn-overlay
{
    position: absolute;
    bottom: 110%;
    padding: 15px;
    width: 500px;
    right: 0;
    background-color: #fff;
    border-radius: 30px;
    border: solid medium #4d87e3;
}

.education-tools-btn-overlay h4
{
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.education-tools-btn-overlay .col-sm-6
{
    max-height: 200px;
    overflow: hidden;
    margin-bottom: 10px;
}

.education-tools-btn-overlay .btn
{
    width: 100%;
    background-color: #4d87e3;
    border: none;
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
}

.education-tools-btn-close
{
    position: absolute;
    background: #fff;
    right: -10px;
    z-index: 10;
    border: solid thin #4d87e3;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    padding: 0;
    font-size: 20px;
    border-radius: 100%;
    top: -10px;
}

.education-tools-btn-overlay:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 110px;
    border-style: solid;
    border-width: 15px 15px 0;
    border-color: #ADB400 transparent;
    display: block;
    width: 0;
    z-index: 1;
}


.Long_Term_Care_Interactive_Calculator .col-md-3 label
{
    font-size: 22px;
    text-align: center !important;
    color: #222;
    display: block;
    line-height: 2;
    text-transform: uppercase;
    font-weight: bold;
}

.Long_Term_Care_Interactive_Calculator
{
    text-align: center;
    
}

.Long_Term_Care_Interactive_Calculator .col-md-3 .form-control
{
    border-radius: 0;
    box-shadow: none;
    outline: none;   
}

.Long_Term_Care_Interactive_Calculator h4
{
    text-align: center;
    line-height: 2;
    color: #222;
    margin: 15px 0;
}

.Interactive_Calculator
{
    width: 100%;
    height: 500px;
    display: flex;
    align-items: flex-end;
    margin: 20px 0;
}

.Interactive_Calculator>div
{
    width: 100%;
    background-color: #4d87e3;
    margin: 0 15px;
    text-align: center;
    vertical-align: middle;
    line-height: 3;
    color: #fff;
    font-weight: bold;
    font-size: 24px !important;
    transition: ease-in-out all 0.5s;
}

.Interactive_Calculator_range
{
    display: flex;
    margin: 10px 0;
}

.Interactive_Calculator_range p
{
    color: #222 !important;
    font-weight: bold;
    
    padding: 0;
    margin: 0 10px;
    font-size: 25px;
    white-space: nowrap;
}

.Long_Term_Care_Interactive_Calculator h5
{
    text-align: center;
    line-height: 2;
    color: #222;
    font-size: 25px;
    font-weight: bold;
    margin: 15px 0;
}

.Interactive_Calculator_range input[type='range']::-webkit-slider-thumb {
	-webkit-appearance: none;
	background-color: #f6bb43;
	border: 1px solid #bdc3c7;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	cursor: pointer;
}

.Interactive_Calculator_range input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    border-radius: 8px;
    height: 7px;
    border: 1px solid #bdc3c7;
    background-color: #4d87e3; 
    margin: 10px 0;
}

.Lifetime-Benefit
{
    width: 250px;
    height: 250px;
    display: block;
    margin: 10px auto;
    background-color: #4d87e3;
    line-height: 2;
    color: #fff;
    font-weight: bold;
    padding-top: 25px;
    white-space: pre-wrap;
    text-align: center !important;
    font-size: 26px !important;
}

.Long_Term_Care_Interactive_Calculator .btn-default
{
    
    text-align: center;
    background-color: #4d87e3;
    border-radius: 0;
    color: #fff;
    font-weight: bold;
    padding: 15px 25px;  
    font-size: 18px !important;
}

 @media (min-width: 20em) and (max-width: 30em) { div#wsa_embed { display: none; background-size: 100% auto; } }
 
 .additional-insights
 {
     border-top:solid medium #f6bb43 !important;
    border-bottom:solid 7px #f6bb43 !important;
    border: none !important;
    border-radius: 0;
 }
 
 .additional-insights .modal-body
 {
    background-image: url(../images/model-bg.png) !important;
    background-position: right bottom !important;
    background-repeat: no-repeat !important;
 }
 
 .additional-insights .modal-header
 {
     background-color: #f6bb43 !important;
     color: #fff !important;
     font-weight: bold !important;
     margin-bottom: 10px;
 }
 
 .additional-insights .modal-header .modal-title
 {
     font-weight: bold !important;
     font-size: 22px !important;
 }
 
 .additional-insights p
 {
     font-size: 18px !important;
     font-weight: normal !important;
     border-left: solid medium #f6bb43;
     line-height: 1.8 !important;
     padding: 10px 15px !important;
     margin: 0 !important;
 }
 
 .additional-insights address
 {
     padding-left: 60px;
     margin-top: 10px;
 }
 
 .additional-insights address
 {
     position: relative;
 }
 
 .additional-insights address strong
 {
     color: #000;
 }
 
 .additional-insights ul
 {
     margin-top: 20px !important;
     font-weight: bold;
     padding-left: 15px;
     color: #000;
     margin: 35px 0  30px !important;
 }
 
 .additional-insights .modal-body
 {
     padding: 15px 0;
 }
 
 .insights-table .modal-body
 {
     padding: 0 !important;
 }
 
 .insights-table .modal-header
 {
     background-color: #4772c0;
     color: #fff;
     text-transform: uppercase;
     font-weight: bold !important;
     line-height: 1.5;
 }
 
 .insights-table .table
 {
     margin: 0;
 }
 
 .insights-table .table th i,
 .insights-table .table td i
 {
     color: #f6bb43 !important;
     font-size: 14px !important;
 }
 
 .insights-table .table tr:nth-child(even)
 {
     background-color: #f6bb43 !important;
     color: #fff !important;  
 }
 
 .insights-table .table tr:nth-child(even) i
 {
     color: #fff !important;
 }
 
 .insights-table .table td,
 .insights-table .table th
 {
     padding: 10px 20px;
     vertical-align: middle;
 }
 
 .insights-table .table th
 {
     border-right: solid 5px #4772c0;
 }
 
 .insights-table .table tr:nth-child(even) th
 {
     border-right-color: #fff;
 }