@charset "utf-8";
/* CSS Document */

body{margin:0; padding:0; font-family: Arial, Helvetica, sans-serif;height: 100%;}
.wrapper { width:100%; height: auto;}
.mainContainer { width:100%; max-width:1200px; margin:0 auto; border:1px solid #ccc;}
.mainContainer .row{ padding:0; margin:0;}
.header{ background-color:#c5271c; padding:10px 0;}
.logo{ display:inline-block;}
.logo img {width:80%;}

.mainBanner_{ position: relative;}
.mainBanner_ img{ width:100%;}
img.dekstopBanner{display: block;}

.loginForm{padding: 0;clear: both;background-color: #ffffff;box-shadow: 3px 4px 6px #929090;border-radius: 10px;}
.getToKnow {padding: 10px;background-color: #a71a38;border-radius: 10px 10px 0 0;margin-bottom:20px;}
.loginForm form{ padding:5px 40px 40px 40px;}
.loginForm input.form-control{background-color: #fff;border: none;margin-bottom:5px;padding: 20px 0 5px 0;height:66px;border-top: none;line-height: 12px;font-size: 14px;color: #000;border-radius: initial;transition: none;box-shadow: none;border-bottom: 1px solid #999999;display: block;}
.loginForm .form-group{ margin:0; position:relative;}
.loginForm .form-group .error_{position: absolute;bottom: -14px;left: 2px;font-size: 10px;color: #ea321f;}
.loginForm input.form-control::placeholder{ color:#999999;}
.star_{ position:absolute;top:65%;left:23%;font-size:22px;}
.left__{ left:22%;}
.hash_t{font-size:10px;position:relative;top:-2px;left:-2px;}
.hashDis_{ font-size:10px;position:relative;top:-2px;left:-1px;}

.customCheckbox{width: 100%;display: inline-block;}
.form-group.customCheckbox {display: block;margin:30px 0;}
.form-group.customCheckbox input {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;}
.form-group.customCheckbox label {position: relative;cursor: pointer;font-size:12px; color:#6D6E71; font-weight: normal;margin:0;display:inline-block;}
.form-group.customCheckbox label:before {content:'';-webkit-appearance: none;background-color: transparent;border: 2px solid #a71a38;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);padding: 9px;display: inline-block;position: relative;vertical-align: middle;cursor: pointer;  margin-right:3px;border-radius: 5px;}
.form-group.customCheckbox input:checked + label:after {content: '';display: block;position: absolute;top: 2px;left: 9px;width: 6px;height: 14px;border: solid #a71a38;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.disText_{ color:#A71A38;}
.disText_:hover{ text-decoration:none;color:#A71A38;}
.loginbttm .btn {width: 100%; background-color:#f2644a; border-radius:6px; font-size: 15px; text-transform: uppercase; color:#fff; font-weight: 500;} 
.loginbttm .btn:hover{ color:#fff;}
.loginbttm .btn.btn-outline-primary{box-shadow:none;color: #fff;outline: none;}
.loginbttm .btn.btn-outline-primary a{ text-decoration:none;color:#fff; display: block;}


.getIMg{ display: block;width:80px;height: 80px;margin:0 auto 5px;}
.getIMg img{ width:100%;}
.title_{ display: block;text-align:center; color:#fff; font-size:14px; font-weight: 500; text-transform: uppercase;}

.journeyEarnExtra{ background-color:#f7f7f7; padding:70px 0 80px 0; margin:0;}
.whatJointInsuranceMana{ background-color:#e6e7e8; padding:70px 0 80px 0; margin:0;}
.whatJointInsuranceMana .journeySection h2{ padding:5px 0 20px 0; text-transform: uppercase;}
.whatJointInsuranceMana .journeySection p{ padding:5px 0 20px 0; margin: 0 auto;}

.journeySection{ padding:0; text-align: center; margin:0 auto;}
.journeySection h1{ font-size:40px; line-height:40px; text-transform:uppercase; color:#a81c39;margin:0; font-weight:bold;}
.journeySection h2{ font-size:22px; line-height:26px;color:#a81c39;text-transform: uppercase; padding-bottom:65px; margin:0;padding-top:5px;font-weight:bold;}
.journeySection .topSpace{ padding-top:30px;}
.journeySection p{ padding:0 0 70px 0; margin:0 auto; text-align:justify; font-size:15px; color:#4D4D4D;line-height: 25px;}

.blockSec{ min-height:200px !important;}
.blockSec p{ padding:12px 0 0 0;line-height:20px;text-align: center; width:100%;}
.blockSec img {width: 106px; padding-bottom:10px;}
.overPara{ padding-bottom:0 !important;padding-top:0 !important;}

.whychooseUsSec{background-color: #f7f7f7 !important;padding: 70px 0 40px 0;margin:0;}
.chooseUsSection h2{padding-bottom:45px; margin:0;}
.chooseUsSection p{ padding-bottom:40px; text-align: justify;width: 90%;margin: 0 auto;}
.bttmShadow{padding-top: 50px;background: radial-gradient(at 50% 0, #87868b, transparent 70%);background-size: 100% 14px;background-repeat: no-repeat;background-color:#e6e7e9;}
.chooseUsSec_ h2{ padding:0 0 35px 0;}
.chooseUsSec_ p{ padding-bottom:20px; padding:5px 0 25px 0;}

.captionText{ display:block; font-size:25px; color:#a71b38; font-weight: bold;line-height: 25px;}

.getApportunitySec{ display:block;}
.getApportunitySec img{ width:75%;}
.getAppbttmShadow{padding-top: 50px;background: radial-gradient(at 50% 0, #87868b, transparent 70%);background-size: 100% 14px;background-repeat: no-repeat;background-color: #f7f7f7;}
.whoSecbttmShadow{ background:radial-gradient(at 50% 0, #87868b, transparent 70%);background-size: 100% 14px;background-repeat: no-repeat;background-color:#e6e7e9; padding:55px 0 80px 0;}

.frequetlyAskedSec{ background-color:#e7e7e9; padding:50px 0 50px 0;}
.frequetlyAskedSec h2{font-size:16px;line-height:16px;color:#a81c39;text-transform:uppercase; margin:0;font-weight: bold;}

.footerSec{ background-color:#4d4d4d; padding:30px 0 20px 0;}
.footerSec p{ font-size:12px;color: #fff;padding: 0 0 12px 0;margin:0;width:100%;line-height:20px;text-align:justify;}

.beawareSec{ border:1px solid #f5f5f5; }
.btext_{ text-decoration:underline; text-transform: uppercase;font-size:14px;font-weight:500; padding: 10px 0 10px 0; color: #fff; width: 98%; margin: 0 auto;display: block;}
.beawareSec p{ line-height: 20px;padding-left:15px; padding-right:15px;}


/*tab jquery css started here*/
.tabSec .panel,
.tabSec .panel-body {box-shadow: none;}
.tabSec .panel-group .panel-heading {padding: 0;}
.tabSec .panel-group .panel-heading a {display: block;padding: 10px 15px;font-size:15px; border:1px solid #727272; text-decoration: none;position: relative;color: #4D4D4D;font-weight: normal;}
.tabSec .panel-group .panel-heading a:after {content: '-';float: right;color: #7c7c7c;}
.tabSec .panel-group .panel-heading a.collapsed:after {content: '+';}
.tabSec .panel-default>.panel-heading+.panel-collapse>.panel-body { border: 1px solid #888888;border-top: none; font-size: 15px;}
.tabSec .panel-group .panel { margin-top:10px !important;}


.mcircleSec { padding:0;}
.mcircleSec ul{ list-style:none;width: 60%;margin: 0 auto; padding:0;}
.mcircleSec ul li{ display:block; padding-bottom:30px;}
.mcircleSec ul li img{ width:100%;}

/*back to top jquery css*/
#button {display: inline-block;background-color: #aa183c; width: 50px;height: 50px;text-align: center;border-radius: 4px;position: fixed;bottom: 30px;right: 30px;
  transition: background-color .3s,opacity .5s, visibility .5s;opacity: 0;visibility: hidden;z-index: 1000;}
#button::after {content: "\2191";font-weight: normal;font-style: normal;font-size: 2em;line-height: 50px;color: #fff;}
#button:hover {cursor: pointer;background-color: #333;text-decoration: none;}
#button:active {background-color: #555;}
#button.show {opacity:1;visibility: visible;}

.topBanner{padding: 20px 0;display: table;width: 100%;}
.topBanner .container{ border: 1px solid #ccc;}
.lftImg img{width:95%;height: auto;}

.lftImg {display: table-cell;width: 55%;padding: 0;vertical-align: top;}
.rightForm {width: 100%;display: inline-block;float: right;}
.listblock strong{ font-size:15px; color:#4D4D4D;}
.listblock ul li{font-size:15px; color:#4D4D4D;}

/*Footer toggle css*/
.moretext {display: none;}
.moreless-button {font-size: 15px;color: #fff;padding: 10px 30px;cursor: pointer; margin: 10px 0;background-color: #a81c39;text-transform: uppercase;}
.moreless-button:hover{ text-decoration:none; color: #fff;}
.footerToggleSec{ padding: 30px 0 30px 0;background-color: #4d4d4d;}

/*Thank you page css*/
.thankYouContent{ padding: 60px 0 80px 0;text-align: center;border: 1px solid #ccc;margin:20px;}
.thankYouContent h1 {font-size: 30px;line-height: 25px;color: #4D4D4D;padding-bottom:20px;}
.thankYouContent p{font-size:14px;width:80%;margin:0 auto;line-height:25px;padding-bottom:10px;}
.clickToVisit{width:175px;padding:15px 0;background-color:#f47a26;color:#fff;border-radius:10px;display:block;margin: 0 auto;font-size:14px;text-transform: capitalize;text-decoration: none;border: none;}
.clickToVisit:hover{ text-decoration:none; color:#fff;}
.clickToVisit:focus{outline:none;text-decoration:none;color:#fff;}

/*Form validation css*/

.AppNoError, .annualIncomeError, .checkTermsError, .ddlError, .dobError, .emailError, .fNameError, .genderSelectText, .lightboxMobError, .mobNoError, .smokeSelectText {
    color: #ad0619;
    display: none;
    font-size: 11px;
    text-align: left;
}
.loginbttm a { display:block;}

.liveText_{ padding-top:0 !important;}




/*Media Query*/

@media screen and (max-width: 320px) {
  #button {width: 30px;height: 30px;}
  #button::after{font-size: 15px;line-height: 30px;}
  .tabSec .panel-group .panel-heading a{font-size: 12px;}
} 

@media screen and (max-width: 767px) {
  .logo img {width: 50%;}
}

@media screen and (max-width: 1024px) {
	.loginForm{ position:static;width:100%;margin: 20px auto 0;}
	img.dekstopBanner{display: none;}
	img.mobileBanner{display: block !important;}
	.dekstopBanner {background-color: #f7f7f7;}
	.journeyEarnExtra{padding:35px 0;}
	
	
	.getApportunitySec{ display:none;}
	.mcircleSec{ display:block !important;}
	.whatJointInsuranceMana .journeySection p{ padding:5px 0 10px 0;line-height:28px; }
	.whatJointInsuranceMana .journeySection p br{ display:none;}
	.journeySection .topSpace{ padding-top:0;}

	.blockSec img{ width:100px;}
	.blockSec p{font-size:14px !important;line-height: 18px !important;}
	.frequetlyAskedSec{ padding:20px 0 20px 0;}
	.tabSec .panel-group .panel {margin-top: 10px !important;}
	.footerSec{padding: 30px 0;}
	.btext_{width: 90%;text-align: justify;font-size:14px}
	.footerSec p{padding:0 0 10px 0;}
	.beawareSec p{ padding: 0 15px 10px 15px !important;line-height: 20px !important;}
	.mcircleSec ul li img{ width:70%;}
	.journeySection p{ padding-bottom:30px;}
	.journeySection h1{font-size: 30px;line-height: 35px;}
	.journeySection h2{font-size: 16px;line-height: 20px; padding:5px 0 20px 0;}
	.captionText{ font-size:16px;}
	.whychooseUsSec{padding:70px 0 50px 0;}
	.journeySection .topSpace{ paddint-top:0;}
	
	.lftImg{ width:100%;display:table;}
	.rightForm{ width:100%; float:none;display: block;}
	.lftImg img{ width:100% !important;}
	.logo img {width: 80%;}
	.thankYouContent h1{ font-size:26px;}
	.thankYouContent{ padding:30px 0;}
}

@media screen and (max-width:1366px) {
	.loginForm { top:5%;}
	.getToKnow{margin-bottom:15px;}
	.loginForm input.form-control{ padding:23px 0 20px 0;height: 54px;}
	.lftImg img{width:87%;}
	.logo img { width:66%;}
}