/*RESET */

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
        font-size: 14px;
	font: inherit;
	
	vertical-align: baseline;
	font-weight: 400;
	color: #01090F;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
	/* letter-spacing: 1px; */
}
body {
	line-height: 1;
	background: #F4F3F6;
}
ol, ul {list-style-position: inside;}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

small{font-size:12px;}

/*General Styles */
body{font-family: 'Inter', sans-serif;
     color:#546670;letter-spacing: 0.4px;}
header{
    background: #ffffff;
    position:fixed;
    z-index:1000;
    top: 0;
    padding: 10px 50px;
    width: 100%;
}

/*Json Select Boxes */
.select2-container, .select2-container .select2-selection--single {
    max-width: 100%;
    height: 59px;
    border-radius: 10px;
    border-color: #ccc;
    margin-left: 2px;
    width: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px;
    padding: 20px 12px 4px;
    font-size: 14px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {height:50px;}
.eventpanel {
	display:none;
}

header.fixedHeader{margin: 0; width:100%;}
section{}
div{}
ul{}
img {max-width:100%;}
li{
    line-height: 23px;
    margin: 15px 10px;
    font-size: 12px;
}
ol li{list-style-type: decimal;}
h1,h2,h3,h4,h5,h6{font-family: 'Inter', sans-serif;color: #01090F;font-weight: 600;}
h1{
    font-size: 32px;
    line-height: 50px;
}
h2{
    font-size: 25px;
    color: #2382c4;
    margin: 9px 0;
}
h3{}
h4{}
h5{}
h6{}
a { text-decoration:none; }
em {font-style:italic;}
a:visited {color: #2382c4;}
a:active { color: #003466; }
a:hover, a:focus {color: #2382c4; text-decoration:none;}
p, label{
    margin: 10px 0;
    line-height: 25px;
    font-size: 12px;
}
.prelabel {
    margin-top: -35px!important;
    left: 5px;
    font-size: 12px;
    position: relative;
    top: 50px;
    padding: 0 10px;
    color: #7C8286;
    z-index: 100;
}
.prelabel + textarea, .prelabel + input[type='text'], .prelabel + input[type='number'], .prelabel + input[type='password'], .prelabel + select{padding: 30px 10px 10px;}
.prelabel ~ .chosen-container .chosen-single{padding: 25px 10px 15px;}

.prelabel:has(+ .jautofill){
  top: 49px;
}
input.dob, input.date, .prelabel + input.dob, .prelabel + input.date{padding-left: 45px;}
input.dob, input.date{position:relative}
.dateicon {position: absolute;}
.dateicon:before {z-index:101; content: '\f133';font-family:'FontAwesome';position:absolute;color: #4d63ee;left: 20px;top: 29px;bottom: 8.33%;font-size: 24px;}
.dateicon + .prelabel{left:40px;}
#dependtoggle{color:#2C71F0;font-size: 14px;}
strong{
    font:inherit;
    font-weight: bold;
}
.ui-widget.ui-widget-content {   
    z-index: 1060!important;
}
table{}
td{}
tr{}
th{}
.button{display:inline-block; background:transparent;color: #666666;padding: 8px 20px;font-size:20px;margin: 20px 0;font-weight: bold;}

.btn-primary{
    color: #ffffff!important;
    background: #2C71F0;
    border-width: 2px!important;
    border-color: #2C71F0;
    border-radius: 2px;
    font-size: 14px;
    background-color: #2C71F0;
    padding: 15px 35px;
    font-weight: bold;
    text-decoration:none;
    box-shadow: none;
    text-shadow: none;
    border-radius: 4px;
    }
    .btn-primary:hover, .btn-primary:focus, .btn-primary.active, .btn-primary:active {
   background: #ffffff;
   border-color: #2382c4;
   background-color: #ffffff;
   color: #15357a!important;
   text-decoration:none;
   }
.btn-default {
    background:#aaa;
    color:white!important;
    font-size: 13pt;
    padding: 10px 35px;
    font-weight: bold;
    text-decoration: none;
    box-shadow: none;
    text-shadow: none;
    border-radius: 4px;
}
.btn-deel{
    background:#d3e1f9;
    color: #2c71f0;
    border-radius: 5px;
    font-size: 15px;
}
.split{
    justify-content: space-between;
    display: flex;
}
    .longbutt, .fullbutt {font-weight:normal;font-size:18pt;padding: 8px 38px;/* line-break: auto; *//* overflow-wrap: break-word; */text-decoration:none;/* height: auto; */white-space: normal; width:400px; max-width:100%;}
    .longbtn{
        font-size: 1pc;
        width: 100%;
        padding: 10px 35px;
    }
    .fullbutt {width:100%;}
    .appform {text-align: left;clear: both;}
.pagination{text-align:right;float: right;}
span.danger {color:red;}
.errorwarn {font-size:400%;text-align:center;line-height:140px;color: #ffffff;text-shadow: 2px 2px black;}
.match {background:yellow;}
.popdiv{display:none;}
/*Form Styles */

/*Preloader*/

.unilogo {
    position: absolute;
    left: 50%;
    top: 15%;
    margin: 0px auto;
    z-index: 1;
    transform: translate(-50%);
    width: 250px;
    text-align: center;
}
.sk-cube-grid {
    width: 50px;
    height: 50px;
    margin: 0px auto;
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%);
}

.sk-cube-grid .sk-cube {
    width: 30%;
    height: 30%;
    margin: 1.6%;
    background-color: #2382c4;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1s infinite ease-in-out;
border-radius: 10px;
}

.sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.closebox {
    text-align: center;
    background: #2382c4;
    width: 30px;
    font-size: 30px;
    border-radius: 30px;
    margin-left: 10px;
    margin-top: 10px;
    color: white;
    cursor:pointer;
}
.close{
    border: none;
    background: white;
    color: #2c71f0;
    padding: 10px;
    font-size: 30px;
}
.close span{
    color: #2c71f0;
}

#modal_details .modal-header, #modal_dependent .modal-header{
    font-size: 20px;
    border-bottom: 0px solid #dee2e6;
    padding-bottom: 0px;
}
.wastebin{
    font-size: 25px;
    color: #2c71f0;
    font-weight: 600;
    cursor: pointer;
}
.disposable{
    display: flex;
    justify-content: space-between;
}
.subtitle{
    align-self: center;
}
.loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(62 62 62 / 92%);
    /* change if the mask should have another color then white */
    opacity: 1;
    z-index: 11111;
    /* makes sure it stays on top */
    height: 100%;
    overflow: hidden;
}


@-webkit-keyframes sk-cubeGridScaleDelay {
    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

.overlaymask {
    position:fixed;
    top:0;
    left:0;
    background: rgba(255,255,255, 0.85);
    width:100%;
    height:100%;
    z-index: 1000;
}

.imageoverlay {
    width: 100%;
    position:absolute;
    z-index: 1001;
    top: 0;
    height:auto;
    text-align:center;
}
.modalmask {
    position:fixed;
    min-height: 100%;
    min-width: 100%;
    background:#000000aa;
    top: 0;
    left: 0;
    z-index: 1000;
}
.modalbox{
    position:fixed;
    max-width: 80%;
    z-index: 1001;
    background: white;
    padding: 30px;
    overflow-y: auto;
    max-height: 90%;
    border-radius: 8px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.modal-close{
    border: 2px solid;
    height: 25px;
    width: 25px;
    display: block;
    text-align: center;
    border-radius: 100%;
    font-weight: 900;
    line-height: 21px;
    cursor: pointer;
    position: relative;
    top: -25px;
    left: -25px;
}
form[name='add_dependent'] .dob{
    width:100%;
}

.imageoverlay img{
    
margin-top: 20px;
    
border: 6px solid #757575;
    
border-radius: 5px;
max-width:90%;
}

.imageoverlayclose {
    font-size:30px;
    position: absolute;
    top: 10px;
    background: white;
    padding: 8px 14px;
    border-radius: 28px;
    border: 6px solid #757575;
    cursor: pointer;
    margin-left: -30px;
}

.toggle {
    background: #2981c4;
    cursor:pointer;
    color: white;
    padding: 10px;
    border-radius: 10px;
}

.i-box {
    background:#EAF1FE;
    padding:16px;
    border-radius:8px;
    font-weight:400;
    letter-spacing: 0.5px;
    line-height: 24px;
    font-size: 14px;
}
.i-box:before {content: "i";display:inline-block;float:left;width: 25px;height: 25px;border: 2px solid;border-radius: 100%;text-align: center;font-weight: bold;margin-right: 15px;}
.progresslist {position:relative;}
.progresslist .progress-item{
    padding: 8px 10px;
    font-size: 14px;
    border-radius:8px;
    margin:10px 0;
    font-weight: 400;
    position:relative;
}
.progress-item.completed{color: #2C71F0!important;}
.progress-item.current{background:#EAF1FE;color: #01090F!important;}
.progress-item.future{color:#D1D3D5;}
.progresslist .progress-item span{border: 2px solid;border-radius:100%;display:inline-block;width: 24px;height: 24px;text-align:center;line-height: 20px;margin-right: 10px;font-weight: 600;font-size: 14px;color: inherit;}
.progresslist .progress-item.completed span{border: 2px solid #00A700;border-radius:100%;display:inline-block;width: 24px;height: 24px;text-align:center;line-height: 20px;margin-right: 10px;font-weight: 600;font-size: 14px;color: white; background:#00A700;}
.progresslist .progress-item.completed:before{content: 'COMPLETED';position:absolute;color:#00A700;left: 43px;font-size: 10px;top: -2px;font-weight: 600;}
/*Structure styles*/

/*Header Style*/
.logocont{text-align: left;padding-top: 20px;vertical-align: middle;padding-bottom: 10px;}
.logo img{max-height:60px;opacity: 1;transition: all 0.4s ease-in-out;}
.fixedHeader .logo img {max-height: 60px;opacity: 1;}
.unihealth-link {
    display: block;
    margin: auto;
    max-width: 240px;
    margin-top: 110px;
    
    font-weight: bold;
    text-align: center;
    font-size: 18px;
}
/*Navigation styles*/
.navbar {margin-bottom:0;}
nav a {font-family: 'Inter', sans-serif;}
nav .nav-item.active > a{font-weight:bold;color: #2382c4;}
.dropdown-menu{border:0; width:250px; right:0; left:auto;}

.dropdown-menu .dropdown-item{display:block; text-align:center; padding:10px 20px;}
.dropdown-menu {background: #2382c4}

.navbar-toggler {width: 35px;height: 35px;background: white;border: 0;color: #2382c4;float: right;font-size: 32px;padding: 2px;margin-top: 10px;}
.navbar-toggler:before {/* font-weight:bold; */}
.blue  a {color: #2382c4!important;}
.navbar-brand, .navbar-nav>li a {
    color: #3d464a;
    font-weight:bold;
    font-size: 12pt;
    border-left: 1px solid #3d464a;
    padding: 6px 25px;
}
.navbar-nav>li:last-child { border-right: 1px solid #3d464a;}
.navbar-nav>li a:hover, .navbar-nav>li>a.active {
    color: #3d464a;
    background:none;
}
.navbar-nav li {margin: 20px 0;}
.dropdown-menu .dropdown-item {border: 0; color:white;}

/*User bar */

.user_bar {visibility:visible;font-size: 10px;background-color: #ffffff;padding: 5px ;border-top: 3px solid #2382c4; border-bottom:0;width: 100%;z-index: 100;}
#usermenu {position: fixed;
    width: 100%;
    z-index: 100;
    bottom: 0;}
   #admin_usr_panel{background:white;position:absolute;bottom: 55px;width:100%;border-top: 3px solid #2382c4;padding-bottom: 15px;}
   .adminicons .icon{font-size:12px; text-align:center;}
   .adminicons .icon a:before{content: ''; font-family: 'FontAwesome'; font-size:20px; display:block; width:20px; height:20px; margin: 10px auto; }
   .adminicons .clients_icon a:before{content:"\f0c0"}
   .adminicons .quote_home_icon a:before{content:"\f1ec"}
   .adminicons .app_home_icon a:before{content:"\f0f6"}
   .adminicons .reports_icon a:before{content:"\f03a"}
   .adminicons .preferences_icon a:before{content:"\f013"}
   .adminicons .configuration_icon a:before{content:"\f085"}
   .adminicons .payments_adminpanel_icon a:before{content:"\f0d6"}
   .adminicons .zones_icon a:before{content:"\f278"}
   .adminicons .currency_icon a:before{content:"\f155"}
   .adminicons .content_icon a:before{content:"\f1c5"}
   .adminicons .documents_icon a:before{content:"\f019"}
   .adminicons .contact_us_icon a:before{content:"\f2b9"}
/*Divider*/
.divider{position:relative;margin: 5px 0 0; overflow:hidden;}
.divider span{background:#2382c4;display:block;height: 12px;width: 40%;margin: auto;}
.divider:before{content:"";display:block;height: 12px;background:#99cdef;position:absolute;width: 100%;left: -50%;z-index: -1;}
.divider:after{content:"";display:block;height: 12px;background:#95c04d;position:absolute;width: 100%;right: -50%;z-index: -1;top: 0px;}
/*Top section styles */


/*Content styles */
.content {padding: 0px 0 15px;margin-top: 110px;}
.contentheading {text-align:center;font-size: 25px;color:white;padding: 0;text-transform:uppercase; display:none;}

.contentsubhead {background: none;text-align:center;font-size:15px;color:white;font-weight: normal;}
/*Control Panels*/
.usericons{
	background:#eee;
	margin: 40px 0;
	min-height:70px;
}

.usericons .icon{}
.usericons .icon a{display:block;color: #2382c4;text-align:center;padding: 25px 0;background: white;border: 1px solid #3d464a;margin: 10px 0;text-transform: uppercase;font-weight: bold;height: 190px;}
.usericons .icon a:hover{background: #242e34;color: white;text-decoration:none;}
.usericon-inner{max-width:800px;margin:auto;padding-top: 40px;}
.usericons .icon a:before{display:block;background: no-repeat top center;content:'';background-size: contain; width: 75px;height: 100px;color:black;margin: auto;}

.usericons #user_new_icon a:before{background-image: url('images/new-quote.png');}
.usericons #user_quote_icon a:before{background-image: url('images/view-quotes.png');}
.usericons #user_payment_icon a:before{background-image: url('images/view-payments.png');}
.usericons #new_broker_icon a:before{background-image: url('images/new-consultant.png');}
.usericons #user_broker_icon a:before{background-image: url('images/user-list.png');}
.usericons #user_app_icon a:before{background-image: url('images/application-list.png');}
.usericons #user_tools_icon a:before{background-image: url('images/tools.png');}
.usericons #user_mail_icon a:before{background-image: url('images/mail.png');}
.usericons #user_client_icon a:before{background-image: url('images/client-list.png');}
.usericons #user_documents_icon a:before{background-image: url('images/documents.png');}
.usericons #user_documents_edit_icon a:before{background-image: url('images/edit-documents.png');}
.usericons #user_preferences_icon a:before{background-image: url('images/edit-account.png');}
.usericons #user_reports_icon a:before{background-image: url('images/reporting.png');}
.usericons #user_doctor_icon a:before{background-image: url('images/doctors.png');}
.usericons #user_company_icon a:before{background-image: url('images/companies.png');}
.usericons #user_underwriting_icon a:before{background-image: url('images/underwriting.png');}
.usericons #user_tasks_icon a:before{background-image: url('images/tasklist.png');}
.usericons #user_locations_icon a:before{background-image: url('images/locations.png');}
.usericons #user_comms_icon a:before{background-image: url('images/view-payments.png');}
.usericons #widgets_icon a:before{background-image: url('images/widgets.png');}
.usericons #glife_icon a:before{background-image: url('images/grouplife.png');}
.usericons #user_logout {width:100%;}
.usericons #user_logout a:before{content:none; }
.usericons #user_logout a {height:auto;color: #74abd7;}
/*mod links*/
.extralinks{
    position: relative;
    
}
a.extralinkstoggle{background: #fefeff;text-align: center;margin: 15px 5px;border: 3px solid #2382c4;color: #2382c4;padding: 5px 15px;position: relative;display: block;width: 100px;text-transform: uppercase;}
a.extralinkstoggle:hover, .modlinks a:hover{color: #3d464a;}
.modlinks {background: white;padding: 0;margin: 30px 0;}
.modlinks li {display:inline-block;}
.modlinks a {color: #2382c4;border: 2px solid;display:block;padding: 18px 18px;text-align:center;margin: 5px 5px 5px 0;text-transform: uppercase;max-width: 200px;font-weight: bold;}
.imagepreview {min-width:250px; min-height:200px; background-size:contain; background-repeat:no-repeat; }
/*filter box */
.togglebox {background: #2382c4;padding: 1px 15px;color: #2382c4;margin: 20px 0;border-radius: 10px;}
.togglebox>a {display:block;margin: 10px;}
.togglebox>a h4 {color: #ffffff!important;font-size: 20px;margin-bottom: 9px;letter-spacing: 1px;}
.togglebox>a h4:before{content : '- ';}
.togglebox>a.inactive h4:before{content : '+ ';}

.bottom {color:white;background: #3d454b!important;position:relative;margin-top: 100px;padding-top: 25px;}
.bottom:before{content:"";background-image:url('images/footer-banner.png');background-size: contain;max-width: 1170px;height: 100px;display:block;background-repeat: no-repeat;width: 230px;position: absolute;top: -95px;right: calc((100% - 1170px )/ 2);}
.bottom > div , footer > div {margin: 0 auto;max-width: 1170px;}
.bottom h1, .bottom h2, .bottom h3, .bottom h4, .bottom h5, .bottom h6 .bottom a {color: #2382c4;}
.bottom a{display:block;color:white;margin: 8px 0;font-size: 10pt;line-height: 20px;}
.bottom table a {margin:0;}
.bottom h4{/* border-bottom: 1px solid; */font-size: 10pt;padding-bottom: 0px;line-height: 20px;}
.footerlogo img{max-width: 200px;}
.footerlink {display:block;background-image:url('/template/developer/images/footer-logo.png');width: 170px;height:50px;background-size: contain;background-repeat: no-repeat;}
.footerlogo a{display:block;text-align: left;color:white;}
.footerlogo a img {}
.footerlogo {padding-bottom: 0px;margin-bottom: 0px;color: white;}
.footerlogo div {color:white;}
.membox{border: 1px solid #252d79;
    padding: 10px;
    border-radius: 10px;}
.details_table {}
.details_table td{padding:10px;}
.details_table th {font-weight:bold; background:#eee; padding:10px;}
/*Footer Styles */ 
footer {text-align: right;color:white;background: #15357a!important;padding: 0px 0;margin: 0;font-size: 10pt;}
/*Widget Styles */
.closelink:before {content:'X';position:absolute;background: #3d464a;z-index: 100;left: 5px;color: white;padding: 5px 9px;border-radius: 15px;margin-top: -10px;}
#login_7 {background: #2382c4;padding:10px;text-align:center;position:relative;}
#login .forminput{
    background: none;
    margin: 0px;
    border: 0px solid #d1d3d5;
    border-radius: 8px;
    padding: 5px;
    font-weight: 400;
}
#login_7 > a {border:1px solid;padding:5px;display:inline-block;background:transparent;color: #fff;padding: 9px 40px;font-size: 18px;margin: 25px 0;text-transform: uppercase;font-weight: bold;}
#login_7 > a img {display:none;}
#loginbox_7 {background:white;padding:10px;left:50%;border: 4px solid #6c8c36;z-index:100;margin: auto;}
#loginbox_7 h3{background: #ebebeb;border: 0;}
#loginbox_7 > div {width:400px; margin: auto;}
#login_14{float: right;text-align:right;position:relative;}
#login_14 > a {display:inline-block;background:transparent;color: #2382c4;padding: 9px 25px;font-size: 18px;margin: 25px 0 10px;text-transform: uppercase;font-weight: bold;}
#login_14 > a img {display:none;}
#loginbox_14 {position:absolute; background:white; padding:10px; width: 300px; right:0; border:1px solid; z-index:100;}
#menu_13 {text-align: right;float: right;}
#menu_13 .navbar-nav {
    float: none;
    display:inline-block;
    margin: 0 auto;
}
/*Side Widget */
#sidewidget {
    position: fixed;
    right: 0;
	top: 50px;
	z-index: 10;
}
#sidewidget #help_11{}
#sidewidget .morehelplink {
    width: 250px;
    background: white;
    z-index: 1;
    display: block;
}
#sidewidget .helptitle{display:block; cursor: pointer; width:15px; background: #7cb021; color:white; text-align:center; padding:3px;float: left;}
#sidewidget .helpcontent{font-size:90%; border-top: 2px solid #ccc; border-left:4px solid #ccc; border-bottom:2px solid #ccc; float:right; padding: 4px 15px; display: block; background: white; min-height:130px; max-height:400px; overflow:auto; width: 300px;padding-top: 8px;}
#sidewidget .helpcontent #helpcontent {}
#sidewidget #helpclose {right: 30px; cursor: pointer; background:  #7cb021;padding: 0 4px;border-radius: 50%;color: white;font-weight: bold;position: fixed;text-align: center;}
.helpcontent h2 {font-size:120%;}
#sidewidget .helpcontent img {max-width:95%!important; height:auto!important;clear: left;}
.help p, #helpcontent p {clear:both;}

/*Mod stylings */
.secmenu {padding: 18px 29px;margin: 20px;color: #8f8f8f;border-bottom: 1px solid #2382c4;z-index: 1000;}
.secmenu h4 {font-size:20px;display: none;}
.secmenu li {margin: 5px 5px;list-style-type: none;display: inline;border-top: 1px solid #2382c4;border-left: 1px solid #2382c4;border-right: 1px solid #2382c4;padding: 20px;border-radius: 10px 10px 0 0;color: #2382c4;}
.secmenu li.active{background:#2382c4;color:white;z-index: -1;}
.secmenu li.complete{background:#a7a7a7; border-color:#a7a7a7; }
.secmenu a{
    color: #e5e5e5;
    font-weight: bold;
}
.membergroup h3 {cursor:pointer;background: white;border-radius:10px;color: #2382c4;margin: 0;padding: 10px;border: 1px solid;}

.contacts-heading {margin-top:50px; text-align:center; margin-bottom: 20px;}
.contacts-heading h2 {color: #2382c4;}
.contacts {/* border-top: 1px solid #2382c4; */padding-top: 40px;text-align:center;line-height:25px;padding-bottom: 40px;}
.contacts h3{}
.contacts h4{ font-size:20px; font-weight:600; margin-bottom:10px;}
.contacts h5{ font-size:16px; }
.contacts a{display:block; color:#2382c4;}
.contact-details {padding-bottom:30px;clear:both;margin-top: 50px;border-top: 1px solid #2382c4;border-bottom: 1px solid #2382c4;}
.contact-details .container {max-width:900px;}
.contact-details h1 {font-weight:normal;}
.contact-details .darkbox {margin-bottom: 30px}
.login.data_form{} 


/* Article Stylings */
article div {background-repeat:no-repeat;}
article h1 {color: #2382c4;margin: 40px 0 10px;font-size: 23pt;font-weight: 700;line-height: 39px;text-transform: none;}
article h2 {color: #3d464a;font-weight: 700;font-size: 20px;}
article a, article a:visited {text-decoration:underline; color:#3d464a}
article a:hover{text-decoration:underline; color:#2382c4}
.homeheader, .pageheader{
    background-position: bottom right;
    background-image: url("images/unilifeheader-large.jpg")!important;
    background-size: cover;
    background-repeat: no-repeat;
    }
    .contactbanner {width:100%;height: 820px;background-image: url("/images/articles/AdobeStock_206342719.jpg");border-top: 4px solid  #2382c4;border-bottom: 4px solid  #2382c4;background-size: cover;background-position: right;background-color: white;}
     .grouplifebanner {width:100%;height: 520px;background-image: url("/images/articles/AdobeStock_99482544.jpg");border-top: 4px solid  #2382c4;border-bottom: 4px solid  #2382c4;margin-top: 25px;background-size: cover;background-position: center;background-color: #f3f4f4;}
        .grouplifebanner2 {width:100%;height: 600px;background-image: url("/images/articles/AdobeStock_162103915.jpg");border-top: 4px solid  #2382c4;border-bottom: 4px solid  #2382c4;margin-top: 25px;background-position: center;background-size: cover;background-color: #f3f4f4;}
        .individuallifebanner {width:100%;height: 350px;background-image: url("/images/articles/AdobeStock_208924566.jpg");border-top: 4px solid  #2382c4;border-bottom: 4px solid  #2382c4;margin-top: 25px;background-position: center;background-size: cover;background-color: #f3f4f4;}
        .individuallifebanner2 {width:100%;height: 700px;background-image: url("/images/articles/AdobeStock_201710558.jpg");border-top: 4px solid  #2382c4;border-bottom: 4px solid  #2382c4;margin-top: 0;background-position: center;background-size: cover;background-color: #f3f4f4;}
.productbox {
    margin: 10px;
    border: 1px solid;
    padding: 15px 10px;
    text-align: center;
    height: 200px;
    background: #ddd;
    border-radius: 30px;
    border: 0;

}
.productblurb {
    margin-bottom: 35px;
}

   
.productblurb .row{margin-bottom:20px;max-width: 890px;margin: auto;}
.productblurb .row > div > div {text-align:center;border: 1px solid #ccc;margin: 10px -5px;padding: 20px;height: 180px;}
.pb2 .row > div > div {text-align:center;border: 1px solid #ccc;margin:5px -10px;padding:20px 15px;}
.pb2 .row > .col-md-4 > div {height:220px;}
.productblurb .row div img {width: 80px!important;height: 80px!important;}
.productblurb p {text-align:center;}
.productblurb .ticklist li:before{color:white;}
.productblurb .productheading {font-size: 29px;text-align:center;display: block;}
.puppyback {background-image: url("/images/articles/AdobeStock_178401454.jpg")!important;background-size: cover;background-repeat: no-repeat;background-position: bottom;padding-bottom: 530px;background-color: #2382c4;}
.puppyback p, .contact p {font-size: 13pt;line-height: 21pt;}
.productlinks a {background: #2382c4;padding: 20px;display: inline-block;width: 46%;color: white;margin: 10px;font-size: 20px;}
.headerimage, .pageheader {
    /* background-image: linear-gradient(110deg,rgba(124, 176, 66,0.83) 55%,rgba(64,196,126,0) 0%); */
    max-height: 670px;
    overflow: hidden;
    position: relative;
    height: 300px;
    background-repeat: no-repeat;
}
.headerimage img {width: 500px;height: auto!important;max-width: 300px;margin-top: 85px;margin-left: 160px;}
.headerimage h1 {max-width: 500px;
    font-size: 39px;
    top: 40px;
    left: 55px;
    color: white;
    margin-left: 80px;}
.greybox {
    background: #fafafa;
    padding: 30px 25px;
    border-radius: 8px;
    margin-bottom: 5px;
}
.warning {background:#fff2f2;}
.greybox .darkrow {
    margin: -30px -25px 10px;
    padding: 30px 15px 15px;
    background: #f3f3f3;
    border-radius: 8px 8px 0 0;
}
.greybox .lightrow {
    margin-bottom: 20px;
}
.whitebox {
    background: #ffffff;
    padding: 30px 50px;
    border-radius: 8px;
    margin-bottom: 30px;
    position: relative;
}
.whitebox p{
    margin: 0px;
}
.greenbox .whitebox {
    background: white;
    color: #3d464a;
    text-align: center;
    line-height: 16pt;
    padding: 35px 25px;
    font-size: 10pt;
    width: 80%;
    margin: auto;
    }
.whitebox div h3 {}
.whitebox .bluelink {
    color:#2382c4;
}
.whitebox .col-sm-12 input[type=text], .whitebox .col-sm-12 input[type=number]{
    width: 100%;
}
.sidebutton{background: #EAF1FE;color: #2C71F0!important;float:right;position: absolute;right: 20px;padding: 10px;font-size: 14px;font-weight: 400;top: 25px;}
.valueprop h2{ font-size:36px; text-align:center; margin:10px 0 50px;}
.valueprop {text-align:center;padding: 35px 0 5px;}
.valueprop .col-sm-3{ width:20%}
.valueprop img {width:70px;}
.darkbox {background: #F3F4F4;padding: 20px 0 50px;}
.darkbox p {font-size: 13pt;}
.darkbox hr {border-color: #cdcdcd;}
.infographic h3 {color: #7CB040;font-size:14pt;/* line-height: 30px; */text-align: right;vertical-align: middle;height: 100%;z-index: 1000;display: flex;position: relative;top: 35%;float: right;right: 0;}
.subhead {font-size:13pt;margin-bottom: 30px;}
.greenbox, .greenhead {background: #7CB040 url('/images/articles/AdobeStock_132848660_Green.jpg');/* margin-top: 20px; */padding: 50px;text-align:center;background-position: center;color:white;background-size: cover;}
.greenhead .contentheading {background:none;padding:0;font-size: 25px;margin: 0;line-height: 34px;text-transform: none;}
.greenback {background: #7CB040;}
.greenback .container {max-width: 900px;}
.greenhead h2, .greenhead h1 {text-shadow: 1px 1px black;}
.greenback .productblurb .row > div > div {
    text-align: center;
    border: 1px solid #ccc;
    margin: 8px -7px;
    padding: 4px;
    height: 190px;
}
.greenbox h1 {color:white;font-size: 190%;margin-bottom: 30px;margin-top: 10px;}
.greenbox h3 {color:white;}

.greenbox p {margin: 15px 0;}
.greenbox .number {display:block; color:#7CB040; background:white; width:50px; line-height:50px; margin:auto; border-radius:100%; font-size:15pt; font-weight:bold;}
.greenbox a, .darkbox a{color: #2382c4;}
.whitebox a {color: #01090F;}
.greenbox .row, .darkbox .row{text-align:left;}
.greentext {font-weight:bold; color: #7CB040}
.address strong{color:#2382c4; margin-right:12px;}
a.download {text-align:center;display: block;}
.subfocus {max-width:600px; margin:auto; font-size:15px; margin-top:40px;}
.highlight {font-weight:700;line-height: 32px;font-size: 18px;}
.bios span {display:block;width: 55%;padding: 0;margin:15px auto;vertical-align:middle;background: white;height: 280px;text-align: center;}
.bios img {width:100%!important;height:auto!important;vertical-align: middle;}
.bios {line-height:25px;text-align: center!important; margin-bottom:30px;}
.premiumbreakdown{display:none; visibility:hidden;}
.infographic {max-width:1000px;margin:auto;position:relative;z-index: 1;}
.infographic .row {margin-bottom:30px;display: flex;}
.infographic .row > div:last-child:before {content:"";position:absolute;left: -50px;top: 0;display: block;border-right: 4px solid #2382c4;width: 2px;z-index: -1;height: 125%;}
.infographic .borderbox:before{content: "";width: 60px;height:5px;display:block;border-top: solid 4px #2382c4;position:absolute;top: 40%;left: -60px;}
.infographic .row:first-child > div:last-child:before{top:50%}
.infographic .row:last-child > div:last-child:before{top:auto;bottom: 52%;}
.infographic .borderbox { max-width: 400px;position: relative;}
.borderbox {border: 4px solid #2382c4;padding: 15px 25px;border-radius: 25px;}
.borderbox p {margin:10px 0;}
#individual-insurance > div:nth-child(8) > div:nth-child(3) > div.row > div.col-sm-3 {width:28%;}
#individual-insurance > div:nth-child(8) > div:nth-child(3) > div.row > div.col-sm-9 {width:72%;}
#intermediaries p, #disclaimer p, #legal p {margin: 20px 0;line-height: 28px;}
.examples {margin-bottom:20px;font-size: 12pt;}
.examples.borderbox {min-height: 230px;}
.examples p {font-size:12pt;}
.examples h3 {font-size:14pt; color: #2382c4; margin-bottom:20px }
.examples .row div {text-align:center;}
.examples img {max-width: 80px;max-height: 80px;margin-bottom: 3px;margin-top: 20px;}
.examples span {display: inline-block;width:30%; text-align:center; font-size:12pt}
.examples .h {width:5%;font-size: 25pt;font-weight:bold;color:#2382c4;}
.infographic img {z-index: 920;height:70px!important;width:70px!important;position: relative;top: -25px;margin-left: 30px;}
.infographic p {font-size:10pt;}
.greenbox .infographic .borderbox:before, .greenbox .infographic .borderbox, .greenbox .infographic .row > div:last-child:before{ border-color:white;}
.ticklist {}
.ticklist li{}
.ticklist.white li {display:inline;}
.darkbox .ticklist.white li{display:block;}
.ticklist li:before{font-family:"FontAwesome";content:'\f00c';color: #2382c4;margin-right: 10px;font-size: 22px;}
.ticklist.white li:before{color:white;}
.productlist {padding:0;}
.productlist li {border-bottom: 1px solid #2382c4;font-weight:bold;padding: 20px 0 20px;margin: 0;font-size: 120%;}
.productlist li a {color:#3d464a;}
.artlist .row {border-top: 1px dotted #2382c4;}
.artlist .article {padding:30px;}
.artlist h1, .artlist h2, .artlist h3, .artlist h4, .artlist h5, .artlist h6 {font-size: 15px; line-height: 23px}
.artlist .contenttitle {font-size: 20px; line-height: 30px; margin-top: 15px;}
.artlist .article:nth-child(odd) {border-right: 1px dotted #2382c4;border-style: dotted;}
.artthumb {width:80%;}
.artdate {font-size:12px; color:#2382c4;}
.catmenu {    background: #f7f7f7;
    width: 300px;
    padding: 20px;
    margin: 10px auto;
    max-width: 100%;}
   article .download img{width: 150px;display:block;margin: 15px auto;}
   article .download span{border:2px solid white;padding:20px 15px;margin-top:10px;display:inline-block;color: white;font-size:16pt;border-radius: 4px;}
      article .download span:hover{color:#2382c4;background:white;border: 2px solid;}
.team {    line-height: 25px;
    margin-top: 20px;
    background: rgba(1,1,1,0.2);
    padding: 15px;}
.addressbox p {font-size:10pt;}
/*Policy module */
/*Policy module */
.templatefile{
    display:inline-block;
    max-width:32%;
    margin-right:1%;
}
#templatefiles {
    background: #2981c4;
    padding: 10px;
    border-radius: 10px;
}

#templatefiles h4 {
    color:white;
    margin-bottom: 10px;
}
.providerlist {background:#f9f9f9;padding:10px 30px;margin-bottom:10px;/* height: 200px; */border-radius: 10px;border:1px solid #2382c4;}
.providerlist .provider {background:white; margin:10px; padding: 10px 20px;}
.providerlist .provider h3 .marker{display:inline-block;background:url('/images/mapicon.png');color:white;font-size: 15px;height: 30px;width: 26px;background-size: contain;background-repeat:no-repeat;text-align:center;background-position: top center;line-height: 22px;}
.providerlist .provider h3 { font-size: 140%; color:#2382c4; cursor:pointer}
.providerlist .row {margin-bottom: 10px;}
.imagelink, .imagelink:hover {
    color:white;
}
.next_step {
    margin-top: 12px;
    font-size: 12px;
    line-height: 16px;
    margin-left: -20px;
}
/*documents module */

.doc_icon {display:block;margin:auto;width: 64px;height: 95px;vertical-align: bottom;line-height: 90px;}
.doc_icon img {width:64px;}
.doclist {text-align:center;}
.doclist .ttip{text-align:center;display: block;margin-top: 15px;min-height: 140px;}
.doclist .ui-accordion-content{background: #f1f1f1; padding-top:40px;}
.doclist .tooltip {margin-top: 26px;}
/* Application Module */

.reqlist {background:#efefef; padding:10px;}
.reqlist .rec:before{font-family:"FontAwesome";content:'\f00c';color: #2382c4;margin-right: 10px;font-size: 22px;}
.reqlist .nr:before{font-family:"FontAwesome";content:'\f00d';color: red;margin-right: 10px;font-size: 22px;}

.signature-pad-body canvas {border: 4px solid #2382c4;border-radius: 15px;}
/* Quote Module */
.cpgrouplink {display:block;clear:both;color: white!important;font-weight:bold;font-size:30px;background: #2382c4;padding: 10px;margin: 10px;}
.quote_form .icon a {padding: 17px 6px;}
 a.prod_button{color: #215721;}
.quote_form .icon a:before{display:block; width: 60px; height:60px;background:url('/images/icons/producticons.png'); margin:5px auto }
.quote_form
.usericons .termone a:before{background-position: 0 -120px;}
.usericons .termtwo a:before {background-position: 0 -180px;}
.usericons .t100single a:before{background-position:0 0;}
.usericons .t100joint a:before{background-position:0 -60px;}
.usericons .dtaone a:before{background-position: 0 -240px;}
.usericons .dtatwo a:before{background-position: 0 -300px;}


#edudesc a:after, #secedudesc a:after{content:"?";margin-left: 12px;background: #7cb021;display:inline-block;width: 30px;text-align:center;color:white;border-radius:15px;height: 30px;font-weight: bold;line-height: 28px;font-size: 28px;}
#edudesc, #secedudesc {margin:20px 0;display: block;}
.quotedesc {font-size:30px;text-align:center;color: #2382c4; margin: 20px 0;}
.quote_results .personal_details {/* text-align:center; */line-height: 30px;}
.personal_details label, .personal_details span, .personal_details select {width: 48%;display:inline-block;max-width: none;margin: 10px 0%;}
.personal_details label {margin-right:4%}
.personal_details span {padding:10px;background: #eee;border-radius: 10px;}
.personal_details .col-md-12 label {width:24%; width: calc(24% - 8px); margin: 10px 0.5%;}
.quote_results .personal_details .col-md-12 label {width:24%; width: calc(24% - 8px); margin: 10px 0%;}

.personal_details .col-md-12 span {width:74%; width:calc(74% + 8px); margin:10px 0.5%;}
.quote_results .personal_details .col-md-12 span {margin-left: 2%;margin-right: 0%;}
.quote_results h4 {color:#2382c4;}
.quote_results h5 {font-weight:normal; margin-top:20px;}
.quote_summary {
    position: relative;
    border-top: 1px solid #2382c4;
    border-bottom: 1px solid #2382c4;
    padding: 30px;
    margin: 30px 0;
}
.quote_summary h3{color:#2382c4;text-align: center;font-weight:normal;font-size: 25px;}
.quote_summary h4{color: #3d464a;text-align: center;}
.bigplus, .bigequals {
    display: inline;
    font-size: 70px;
    color: #2382c4;
    position: absolute;
    top: 210px;
    margin-left: -20px;
}
.totalpremium {max-width: 600px;margin: 2% auto 7%;text-align:center;padding: 30px;}
.premium, .threespan.totalpremium {width: 22.33%;background:#efefef;margin: 5%;text-align:center;padding: 30px;line-height:30px;display: inline-block;}

.premium strong, .totalpremium strong{}
.totalpremium, .threespan.totalpremium {/* margin:auto; */background:#2382c4;color:white; line-height:30px;}
.totalpremium h4{color:white;}
.quotebuttons {text-align:center;margin-top: 20px;margin-bottom: 20px;}
.quotebuttons .button{margin: 5px 0.5%;display: inline-block;width: 99%;}
.quotebuttons .button.half-button {width: 49%; margin:5px 0.5%; }
.admin_dump{display:none;line-height: 25px;}
.appform ul li {list-style-type: disc; list-style-position: inside;} 
/*Graphs styles */
.graphlegend {background:#ddd; padding:15px; float:left; border-radius:5px;}
.graphlegend strong{display:block; margin-bottom:10px}
.graphlegend .legendlabel {display:inline-block;}
.graphlegend .legendlabel span {width:10px; height:10px; display:inline-block; margin:0 10px; border-radius:10px;}
.graph {margin-top: 30px;}

/*Tasks module*/
.leftmenu {background:#7bb142;}
.leftmenu h3 {color:white;padding: 20px;}
.leftmenu li {display: block;list-style-type: disc;list-style-position: inside;color: white;margin: 0;padding: 15px 30px;margin-right: -15px;}
.leftmenu li.active{background:white; color:#7bb142;}
.leftmenu .btn {display:block;text-align:left;background: #96c762;}
.leftmenu li a {color:white;}
.leftmenu li.active a {color:#7bb142;}
.task {border:solid 3px;min-height: 200px;border-radius:10px;margin-bottom: 30px;}
.task.overdue{background-color:#ffbbbb;}
.task a {color:#777;}
.task .taskhead {color:white; margin:0; height:55px; font-size:17px; font-weight:bold; padding:10px}
.task .taskhead .col-xs-8 {text-align:right;}
.task .taskbody {padding:10px;}
.task .taskbody div > div {margin-bottom:10px;}
.taskspanel {margin:0;}
.task_users .task_user {display:inline-block; background:#7bb142; margin:10px; padding:15px; color:white; border-radius:15px;}
.listtask  {
    margin: 3px 5px;
}
.listtask .taskhead {padding:10px;color:white;border-radius: 10px;}
.listtask .sublink{ display:inline-block; margin-left: 15px;}
.listtask .sublink a {color:white;}
.tasks-toolbar {margin: 0 10px;}
.tasks-toolbar .fa {color:#cfcbcb; padding: 10px 5px; font-size:25px; }
.tasks-toolbar form {display: inline-block;}
.comment{padding:3px; font-size:14px; }
.comment:nth-child(odd){background:#e9e9e9;}
.comment span {width:60%; display:inline-block; font-size:18px; color:#555555; font-weight:bold;}
/*Members Module */
.dependent_box {
    background: #fafafa;
    padding: 20px;
    margin: 20px 0;
    border-radius: 8px;
    }
/*Lightbox style*/
.lightboxmask{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(255,255,255,0.8);
    z-index: 1000;
}
.lightboxcontainer .closelightbox {
    display: block;
    background: #99ca3c;
    color: white;
    width: 30px;
    height: 30px;
    text-align: center;
    position: fixed;
    line-height: 30px;
    border-radius: 40px;
    margin-left: -50px;
    margin-top: -50px;
    font-size: 20px;
    cursor: pointer;
    font-weight: bold;
    text-shadow: 1px 1px black;
}
.lightboxcontainer {
    position: fixed;
    z-index: 1100;
    top: 30px;
    left: 10%;
    background: white;
    padding: 30px;
    overflow: auto;
    width: 80%;
    height: 80%;
    border: 5px solid #99ca3c;
    border-radius: 10px;
}

.lightbox {
    
}

#calcurrency{
        font-size: 30px;
    font-weight: bold;
}
#calcnumber {
    font-size: 30px;
    font-weight: bold;
    color: #2382c4;
}
#calcfreq {
    font-weight: bold;
}
#calculator{
        border-bottom: 2px solid;
    background: white;
    padding: 5px;
    text-align:center
}
.lightboxcontent{
    margin-top: 30px;
}
.secmenutoggle {/* display:block; *//* width: 100px; *//* height: 100px; *//* float: right; *//* z-index: 100; */}
.secmenutoggle:before {content:'+';display:block;float:right;width: 30px;height: 30px;background:white;color: #2382c4;border-radius:100%;font-size: 31px;padding: 0;cursor: pointer;z-index: 1000;text-align: center;line-height: 27px;}
.secmenutoggle.open:before {content: '-';}

.plusminus:before {content:'-'; display:block; width:30px; height: 30px; font-size:30px; float:left;}
.plusminus.plus:before {content:'+';}
                                /*Page specific styles */

#health .headerimage{margin-bottom: 40px;}
#health .greenbox .ticklist.white li{display:block;}
.address {line-height:30px;}
/*Editor Rules */
.cke_editable h1 {color:#2382c4;margin: 60px 0;font-size: 30px;font-weight:bold;line-height: 50px;}
.cke_editable h2 {color: #3d464a;font-weight: bold;font-size: 20px;}
.cke_editable table td {border : 1px solid black}
.cke_editable blockquote{border : 2px solid black}
#text_15 table {margin:auto;}
/*Media rules */

@media(min-width:2000px){
    .individuallifebanner{height:400px;background-size: 2100px;}
    .individuallifebanner2{background-size: 2100px;height:900px;}
    .contactbanner {height: 870px;background-size: 2100px;background-position: center;}
    .grouplifebanner {height: 570px;background-size: 2100px;}
    .grouplifebanner2 {height: 750px;background-size: 2100px;}
    .puppyback {background-size:2100px;}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1201px) {  }

/* Medium devices (desktops, 992px and up) */
@media (max-width: 1200px) { .bottom:before {
   right:0;
} }

/* Small devices (tablets, 992px and down) */
@media (max-width: 992px) { 
    .headerimage h1 {
        padding:10px;
        font-size: 32px;
        max-width: 440px;
        margin-left: 25px;
    }
    .examples.borderbox  {text-align:center;min-height: auto;}
    .homeheader, .pageheader{
        background-position: bottom right;
         background-image: url(images/unilifeheader-med.jpg)!important;

    }

    .secmenu li {display:none;border-radius: 10px;border-bottom: 1px solid;}
    .secmenu li.active { display:block;}
    .whitebox .row div:first-child {
        border-right: 0;
    }
    .headerimage img {width: 450px;max-width: 30%;margin-top: 85px;margin-left: 60px;}
    .individuallifebanner2 {height: 580px;}
    .individuallifebanner{height:250px;}
    .grouplifebanner {height: 450px;}
    .grouplifebanner2 {height: 500px}
    .contactbanner {height: 550px;}
    #individual-insurance > div:nth-child(8) > div:nth-child(3) > div.row > div.col-sm-3 {width:100%;}
    #individual-insurance > div:nth-child(8) > div:nth-child(3) > div.row > div.col-sm-9 {width:100%;}
}

/* Extra small devices (phones, less than 768px) */
@media (max-width: 768px) { 
.dropdown-menu{border: 1px solid;width:250px;position:relative;width:100%;text-align: right!important;box-shadow: none;background: white;border-left: 0;border-right: 0;border-radius: 0;}
.dropdown-menu a.dropdown-item {text-align: right;color: #2382c4;}
.premium, .totalpremium {width: 98%;}
.bigplus, .bigequals {display:none;}
 .headerimage h1 {
    padding:10px;
    font-size: 30px;
    margin-left: 10px;
    max-width: 300px;
}
.comment span {width:100%; max-width: 100%;}
.productblurb .row > div > div {margin: 10px 0;height: auto!important;}
.homeheader {
    /* background-position: bottom center; */
}
.navbar-collapse {clear:both;}
.valueprop .col-sm-3 {
    width: 100%;
}
.headerimage img {width: 400px;max-width: 41%;margin-top: 95px;margin-left: 45px;display: none;}

.infographic {max-width:1000px;margin:auto;position:relative;z-index: 1;}
.infographic .row {margin-bottom:30px;display: block;}
.infographic .row > div:last-child:before {content:none;}
.infographic .borderbox:before{content:none;}
.darkbox .infographic h3, .greenbox .infographic h3 {text-align:center;float: none;display: block;margin-bottom: 15px;/* height: 125px; */padding-top: 80px;}
.infographic .borderbox {position: relative;margin: auto;text-align: center;}
.infographic img {z-index: 920;height:70px!important;width:70px!important;position: absolute;top: 0px;left: calc(50% - 70px);}
.navbar-brand, .navbar-nav>li a {
   
    border: 0;
    
}
.navbar-nav>li:last-child {
    border-right: 0;
}

.individuallifebanner2 {height: 490px;}
.individuallifebanner{height:200px;}
.contactbanner {height: 450px;}
.grouplifebanner {height: 350px;}
.grouplifebanner2 {height: 350px;}

.footerlogo .row div, .footerlogo .row div img{text-align:center; margin:auto; display:block;}
.footerlink {background-image:url('/template/developer/images/footer-logo-c.png');width: 100%;height:50px;background-size: contain;background-position: center;}

}


@media (max-width: 600px) { 
    .homeheader, .pageheader {
    background-image: url(images/unilifeheader-small.jpg)!important;
    background-position: bottom center;
}
.individuallifebanner2 {height: 360px;}
.individuallifebanner{height:170px;}
.contactbanner {height: 350px;}
.grouplifebanner {height: 280px}
.grouplifebanner2 {height: 320px}
.examples span, .examples .h {width:100%;display:block;line-height: 25px;vertical-align: middle;}
}

@media(max-width:450px){
	.headerimage h1 {
    padding:10px;
    font-size: 20px;
    max-width: 220px;
}
.headerimage img {width: 350px;max-width: 40%;margin-top: 110px;margin-left: 20px;}
.homeheader {
}
.individuallifebanner2 {height:300px;}
.individuallifebanner{height:150px;}
.contactbanner {height: 250px;}
.grouplifebanner {height: 220px}
.grouplifebanner2 {height: 300px}
}