<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('skelton.css');/*Page Structure*/
@import url('rwd_nav.css');/*Menu CSS*/
/*@import url('left_menu.css');*//*Left Menu CSS*/
@import url('aside_accordion.css');/*Aside Section CSS*/
@import url('overlap_theme_style.css');/*Overlap Theme CSS*/

@charset "utf-8";
/* CSS Document */
/* -----------------------------------------------------------
RESET CSS - RESETS DEFAULT BROWSER CSS - Kamlesh Gade
------------------------------------------------------------*/
html {margin: 0;padding: 0;border: 0;}
html, body {height: 100%;margin: 0;}

/*::selection {background: #FFBF0C;}
::-moz-selection {background: #FFBF0C;}
::-webkit-selection { background: #FFBF0C;}*/

body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {margin: 0;padding: 0;border: 0;/*font: inherit;*//*font-size: 100%;*/vertical-align: baseline;font-family:Arial,Helvetica,sans-serif;outline: 0;color:#666;}

/* This helps to make newer HTML5 elements behave like DIVs in older browers */
article, aside, details, figcaption, figure, dialog,footer, header, hgroup, menu, nav, section {display: block;}
a, button{text-decoration:none; outline: 0;transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;}
a:hover, button:hover{text-decoration:underline;}
a:focus, button:focus{outline: 0;}
input::-moz-placeholder, textarea::-moz-placeholder {opacity: 0.7; color: #444;}
/* img {width: inherit;} */
ul{list-style: none;}
table{border-collapse: collapse;border-spacing: 0;width: 100%;}
/* Reset End */

/*Page parent class*/
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1em; }
h5 { font-size: 0.8em; }
h6 { font-size: 0.7em; }
.scrollup {background: url("../images/scroll_top_icon.png") no-repeat scroll center bottom; bottom: 50px; display: none; height: 40px; opacity: 0.7; position: fixed; right: 50px; text-indent: -9999px; width: 40px; z-index: 999;}
.down{ box-shadow: 0 8px 8px -10px #000000;}
/*.bg_trans{display: none;}*/
/*Page parent class end*/

/*Form Css*/
.form-control{display:block;/*width:83%;*/height:auto;padding:5px;float:right;font-size:13px;line-height:16px;color:#555;vertical-align:middle;background-color:#fff;border:1px solid #ccc;border-radius:0;-webkit-box-shadow:inset 0 1px 1px rgba(255,255,255,0.075);box-shadow:inset 0 1px 1px rgba(255,255,255,0.075);-webkit-transition:border-color ease-in-out 0.15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out 0.15s,box-shadow ease-in-out .15s;}
.form-control:focus{border-color:#3389c6;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(138,186,222,0.075),0 0 8px rgba(115,165,200,0.6);box-shadow:inset 0 1px 1px rgba(138,186,222,0.075),0 0 8px rgba(115,165,200,0.6);}
.form-control[disabled],.form-control[disabled]:focus,
.form-control[readonly],.form-control[readonly]:focus{cursor:not-allowed;background-color:#eee;box-shadow: none;}
.form-control.hasDatepicker{cursor:pointer;}
select.form-control{background:url(../images/select_drop-ico.png) no-repeat scroll right center;-webkit-appearance:none;-moz-appearance:none;text-indent:1px;-moz-user-select:none;-webkit-user-select:none;user-select:none;padding:0 0 0 3px;cursor:pointer;height:30px;}
label.radio_field input[type="radio"]:disabled{cursor:no-drop;}
label.radio_field input[type="radio"]{cursor:pointer;}
.form-control.dob-field:disabled{background:url(images/calender-ico-2.png) no-repeat scroll right center #eee;cursor:no-drop;}
input[type="button"], input[type="reset"] {background: #006ab6;border: medium none;border-radius: 3px;color: #fff;float: left;margin: 0 3px;padding: 7px 25px;cursor: pointer;}
input[type="button"]:hover, input[type="reset"]:hover {box-shadow: 0 0 10px #333 inset;}

/*Pagination structure 1*/
.pagelinks, .dataTables_paginate{padding-left:75px;text-align:left;padding: 10px 0;height: auto;}
span.pagelinks{display: block;font-size: 13px;font-weight: bold;padding-left:15px;}
.pagelinks a, .dataTables_paginate a{color:#3388c5;font-size:13px;font-weight:700;padding:0 7px;text-decoration:underline;}
.pagelinks a:hover, .dataTables_paginate a:hover{text-decoration:none;padding: 0 7px;}
.pagelinks strong{color:#333;text-decoration:none;font-size: 14px;}
.pagebanner, .report_wrapper .pagelinks, .dataTables_info{display: none;}
/*Pagination structure 2*/

/*Customize Redio Check Field*/
.radio_field label {display: inline-block;cursor: pointer;position: relative;padding-left: 25px;margin-right: 15px;font-size: 13px;font-weight: normal;}
.radio_field input[type=radio]{display: none;}
.radio_field label:before {content: "";display: inline-block;width: 18px;height: 18px;margin-right: 10px;position: absolute;left: 1px;bottom: 1px;background-color: #fff; border: 1px solid #ccc;border-radius: 100%;/*padding-left: 1px;*/}
.radio_field label:before {border-radius: 100%;}
.check_field .checkbox label {margin-bottom: 10px;}
.check_field .checkbox label:before {border-radius: 100%;}
/*.radio_field input[type=radio]:checked + label:before {content: "\2022";color: #535353;font-size: 33px;text-align: center;line-height: 18px;}*/
.radio_field input[type=radio]:checked + label:after {position: absolute;content: "";background-color: #535353;width: 8px;height: 8px;border-radius: 100%;top: -11px;left: 6px;}
.radio_field &gt; p input[type=radio]:checked + label:after{top: 3px;left: 7px;-webkit-margin-before: -1px;}
.check_field input[type=checkbox]:checked + label:before {content: "\2713";text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);font-size: 15px;color: #f3f3f3;text-align: center;line-height: 15px;}
.not_found_msg{color: #006AB6;text-align: center;font-size: 12px;border-style: none;display: block;margin: 25px 0 0;font-weight: bold;}

/*Form Css End*/

ul{list-style:outside none none !important;}

/************************************************** Media Query Start **************************************************/
@media screen and (max-width: 1024px){    
    .main_menu &gt; li{margin-right: 18px;}
}

/************************************************** (Max 1023) **************************************************/

@media screen and (max-width: 1023px){
a.pnbmetlife_logo{display: block;height: 75px; background-size: 85% auto;background-position: 10px center;}    
/* header { min-height: 75px; }  */
/*Metlife CSS*/
/*.nav-open .bg_trans {display: block;}
.bg_trans {background: url(../images/fancybox/trans-bg.png);display: none;height: 100%;opacity: 0.5;position: absolute;top: 0;width: 100%;z-index: 99;}*/
.nav-dropdown .menu-item:hover a, .nav-dropdown .nav-dropdown .menu-item:hover a {color: #A71843;}
.nav-menu &gt; .menu-item:last-child {margin-bottom: 150px;}
.nav-container{width: 75%;}

/*New Menu CSS*/
.menu_wrapper{display:block;}
.menu-list.show-for-devices{background: #36A7DF;margin: 0;width: 100%;}
.main_menu_wrapper .menu-list.show-for-devices {background: #3398cc;}
.top_menu li{padding: 0;}
.partner_login_btn, .top_menu &gt; li a, .main_menu &gt; li a {background: none;border-bottom: 1px solid #307FC1;border-radius: 0;margin: 0;padding: 10px;width: 100%;color: #fff;font-weight: bold;}
.partner_login_btn i{display: none;}
.main_menu_wrapper li.active_menu &gt; a,
.partner_login_btn:hover, .top_menu &gt; li a:hover, .main_menu &gt; li a:hover{text-decoration: none; background: #2F81BD; color: #fff;}
ul.menu-list &gt; li.active_menu &gt; a &gt; span.menu-expand, ul.menu-list li.has-submenu &gt; a &gt; span.menu-expand:hover, ul.menu-list &gt; li &gt; a:hover &gt; span.menu-expand{  border-color: #36a7df;  /*border-left: 1px solid #a71843;*/}
.main_menu &gt; li:first-child{margin-left:0px;}
.main_menu_wrapper{overflow: hidden;}
ul.menu-list &gt; li, .main_menu &gt; li:first-child{padding: 0px; list-style: none;}
.main_menu &gt; li a{line-height: inherit;}
/*.search_bar a {color: #fff; position: inherit; width: auto;}*/
ul.menu-list li li:hover &gt; a:hover{background:none; text-decoration:underline; color:#3672a8;}
ul.menu-list li li &gt; a {display: block;height: auto;line-height: 35px;padding: 0 0 0 25px;}
ul.menu-list.top_menu &gt; li:hover &gt; a{ background: #2F81BD; color: #fff; text-decoration: none;}
.search_bar a {background: none;bottom: -35px;color: #478dbe;position: absolute;right: 0;width: auto;}
/*Top Social Link CSS*/

.head_social_lnk {background: #36a7df;padding: 10px 0;text-align: center;width: 100%;margin: 0px;display: none;}
.main_menu_wrapper.hide_search .head_social_lnk {display: block;}
.head_social_lnk &gt; ul {margin: 10px auto;width: 180px;}
.head_social_lnk &gt; a, .head_social_lnk &gt; a:hover {color: #fff;padding-left: 5px;}
/*Top Social Link CSS end*/

/*Footer CSS*/
.foo-lnk_block {margin-bottom: 30px;width: 47%;overflow:hidden;}
/*.foo-lnk_block:nth-child(2n) {border-right: none;}*/
.move_top {display: block;}
.footer_link .slick-dots {bottom: 10px;}

.advisor_slider_wrapper .slick-dots {bottom: -50px;}

}



/************************************************** (Max 640) **************************************************/

@media screen and (max-width: 685px){

.footer_info{float:none;margin:0 auto;}
.footer_info &gt; div.footer_info_lt{clear:both;float:none;margin:0 auto 25px;overflow:hidden;width:180px;}
.footer_logo{background-position:center center;margin:0 0 15px;width:180px;}
.footer_info &gt; div.footer_info_md{width:65%;}
.footer_info &gt; div.footer_info_rt{width:30%;}
.foo-lnk_block{border-bottom:1px solid #4392ca;border-right:medium none;margin:0 0 7%;width:90%;min-height:inherit;text-align:center;overflow: hidden;border-bottom: medium none;border-bottom: medium none;margin-bottom: 0 !important;padding-bottom: 50px !important;}
.foo-lnk_block.advisor_slider_wrapper{padding-bottom:10%;text-align:left;}
.foo-lnk_block &gt; h1{text-align:center;}
.slick-slide &gt; img{margin:0 auto 15px;}
.foo-lnk_block:last-child{border:medium none;}
.slick-slide &gt; p{max-width:inherit;  padding: 0 5%;}
.slick-slide .know_more{margin-left: 5%;}
.move_top{background-position:center center;margin:25px auto 0;width:105px;display: inherit;}
.footer_info &gt; div.footer_info_md,.footer_info &gt; div.footer_info_rt{margin:0 4% 0 2%;width:96%;}
.footer_bottom_ink ul li{width:100%;}
.footer_bottom_ink ul li a{border:none;margin:0;display:inline-block;padding:0;}
.pngmetlife_copyrights{padding:5% 5% 15%;text-align:justify;width:90%;}
.footer_bottom_ink{background-position:center bottom;margin-bottom:25px;}
.foo-lnk_block .slick-list {overflow: visible;}





/************************************************** (Max 598) **************************************************/
@media screen and (max-width: 598px)	{
a.pnbmetlife_logo{background: url("../images/pnbmetlife_small_logo.jpg") no-repeat scroll 10px center;padding: 0; width: 240px;}
p.search_bar {float: right;padding: 0;margin: 0px;width: 150px;}
.form-control.search_txt {margin: 8px 0;width: 100px;}
.form-control.search_txt:focus{width: 100px;}
input.search_btn[type="button"]{margin: 8px 10px 0 -55px;}/*-35px to -55px*/
}




/************************************************** (Max 360) **************************************************/
@media screen and (max-width: 360px)    {
.free_quote{ padding: 8px 10px 8px 35px;margin-left: 5px;}
.form-control.search_txt {margin: 8px 0;width: 100px;}
.search_btn {margin: 8px 10px 0 -30px;}
}

@media screen and (min-width: 600px) and (orientation:portrait){}
@media screen and (min-width: 768px) and (orientation:portrait){}
@media screen and (max-width : 600px) and (orientation:portrait){}
@media screen and (max-width : 600px) and (orientation:landscape){}</pre></body></html>