@font-face {
    font-family: 'interstate';
    src: url('/formularz/karta-kredytowa/lg/css/font/interstateexlight.eot');
    src: url('/formularz/karta-kredytowa/lg/css/font/interstateexlight.eot?#iefix') format('embedded-opentype'),
	    url('/formularz/karta-kredytowa/lg/css/font/interstateexlight.woff') format('woff'),
	    url('/formularz/karta-kredytowa/lg/css/font/interstateexlight.ttf') format('truetype'),
	    url('/formularz/karta-kredytowa/lg/css/font/interstateexlight.svg#interstateexlight') format('svg');
    font-weight: lighter;
    font-style: normal;
}

@font-face {
    font-family: 'interstate';
    src: url('/formularz/karta-kredytowa/lg/css/font/interstatepl.eot');
    src: url('/formularz/karta-kredytowa/lg/css/font/interstatepl.eot?#iefix') format('embedded-opentype'),
	    url('/formularz/karta-kredytowa/lg/css/font/interstatepl.woff') format('woff'),
	    url('/formularz/karta-kredytowa/lg/css/font/interstatepl.ttf') format('truetype'),
	    url('/formularz/karta-kredytowa/lg/css/font/interstatepl.svg#interstatepl') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'interstate';
	src: url('/formularz/karta-kredytowa/lg/css/font/interstateplbold.eot');
	src: url('/formularz/karta-kredytowa/lg/css/font/interstateplbold.eot?#iefix') format('embedded-opentype'),
		url('/formularz/karta-kredytowa/lg/css/font/interstateplbold.woff') format('woff'),
		url('/formularz/karta-kredytowa/lg/css/font/interstateplbold.ttf') format('truetype'),
		url('/formularz/karta-kredytowa/lg/css/font/interstateplbold.svg#interstateplbold') format('svg');
	font-weight: bold;
	font-style: normal;
}




* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	font-family: interstatepl
}
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
html, body{-webkit-text-size-adjust:none;}
.citi-lang {
    float: right;
    margin: 33px;
    color: #fff;
    font-family: interstatepl
}
#realpage {
    visibility: hidden
}
.enough img {
    margin-left: 50px
}
#errorpage {
    text-align: center;
    width: 100%;
    margin: -50px auto 0;
    top: 50%;
    position: absolute;
    z-index: 1
}
body {
    font: normal 12px arial;
    margin: 0;
    padding: 0;
	-webkit-overflow-scrolling: touch;
}
body.scroll_active {
    overflow-x: hidden;
}
a {
    text-decoration: none;
    outline: none
}
.selected a {
    cursor: cursor;
}
.txt-right {
    text-align: right
}
img {
    border: 0
}
.citi-calc-wrap {
    max-width: 984px;
	width: 984px;
/*     overflow: auto; */
    margin: 0 auto
}
.citi-header {
    background: url(../images/header-bg.png) repeat-x;
    height: 60px;
    background-size: 100% 100%;
    top: 0
}
.light_box .citi-header {
    display: none
}
.citi-logo {
    background: url(../images/logo.png) no-repeat 0 0;
    float: left;
    background-size: 100% 100%;
}
.top-bar {
    background: #00ADEF;
    height: 140px;
    position: relative
}
.menulst {
    width: 67%;
    float: left;
    list-style: none;
    display: none;
    margin: 30px 0 0 20px;
    padding: 0
}
.menulst li {
    background: url(../images/circle-off.png) no-repeat;
    background-size: 100% 100%;
    width: 12px;
    height: 12px;
    float: left;
    margin-right: 10px;
    position: relative
}
.menulst li.active {
    background: url(../images/circle-on.png) no-repeat;
    background-size: 100% 100%;
    cursor: default
}
.menulst li span {
    color: #fff;
    font-size: 12px;
    font-family: interstatepl;
    display: none;
    position: absolute;
    left: 0;
    bottom: 18px;
    width: 115px
}
.menulst li:nth-child(7) .menuTxt,
.menulst li:nth-child(8) .menuTxt,
.menulst li:nth-child(9) .menuTxt {
    left: inherit;
    right: 0;
    text-align: right
}
.reset_close {
    position: absolute;
    top: 20px;
    right: 20px;
    display: none
}
.reset_close a {
    padding-left: 15px
}
.main {
    position: relative;
    background: #1D417B
}
.barLeft {
    background: #E7EBEE;
    width: 10px;
    position: absolute;
    height: 100%;
    left: 0;
    border-radius: 0 5px 5px 0;
    top: -40px
}
.barRight {
    background: #E7EBEE;
    width: 10px;
    position: absolute;
    height: 100%;
    right: 0;
    border-radius: 5px 0 0 5px;
    top: -40px
}
.home_section {
    width: 25%;
    float: left;
    margin-top: 20px
}
.home_section1 {
    width: 90%;
    float: left;
    margin: 4% 5%
}
.home_section2 {
    width: 95%;
    float: left;
    margin: 0 0 64px 9px;
    padding: 5% 5% 10%
}
#section0 a {
    float: right;
    margin-top: 0;
    font-family: interstatepl
}
.home_section2 h4 {
    font-size: 20px!important;
    color: #002c73!important;
    font-family: interstatepl!important;
    text-align: center;
    padding: 0;
    margin: 0 0 5px!important;
    text-align: left;
    font-weight: 700!important
}
.home_section2 h4.light {
    line-height: 45px;
    font-family: interstatepl!important;
    font-size: 22px!important
}
.home_section1 img {
    float: none
}
.section-wrap {
    background: #E7EBEE;
    position: relative;
    border-radius: 5px;
    top: -40px;
    overflow: hidden;
    margin: 0 20px
}
.section-outer {
    display: none;
    position: relative
}
.section-head {
    color: #03ACEF;
    font-size: 16px;
    border-bottom: 1px solid #cacaca;
    margin: 0 0 10px;
    padding: 11px 0 11px 15px
}
.section h3 {
    font-size: 16px;
    color: #515151;
    font-family: interstatepl;
    text-align: center;
    padding: 0
}
.section h4 {
    color: #002C73;
    font-size: 14px;
    font-family: interstate;
    font-weight: 400;
    margin: 0 0 15px
}
.btn-blue {
    background: #00bdf1;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    padding: 10px 30px;
    font-family: interstatepl
}
.grey-btn {
    background: #ccc;
    color: #fff;
    padding: 10px 40px;
    display: inline-block;
    font-size: 13px
}
.btn-gray {
    background: #ddd;
    color: #333;
    padding: 10px;
    display: inline-block;
    font-family: "interstatepl";
}
.citi-calc-wrap .clc-disclaimer {
    font-size: 12px;
    font-family: interstatepl;
    color: #909090;
    text-align: justify;
    padding: 10px 0 0;
    line-height: 17px;
    display: inline-block
}
ul.calLst {
    margin: 0;
    padding: 0
}
ul.calLst li {
    background: url(../images/bullet.jpg) no-repeat scroll 0 9px transparent;
    list-style: none;
    text-align: justify;
    padding: 0 0 8px 10px;
    font-size: 13px;
    line-height: 16px;
    font-family: interstatepl;
    color: #424242
}
.citi-calc-wrap .rightArrow,
.citi-calc-wrap .leftArrow {
    width: 30px;
    height: 51px;
    position: absolute;
    top: 100px;
    z-index: 1;
    cursor: pointer
}
.citi-calc-wrap .rightArrow {
    background: url(../images/right-arrow.png) no-repeat;
    background-size: 100% auto;
    right: 0
}
.citi-calc-wrap .leftArrow {
    background: url(../images/left-arrow.png) no-repeat;
    background-size: 100% auto;
    left: 0
}
.icon-holder ul {
    margin: 0;
    padding: 0
}
.icon-holder ul li {
    list-style: none;
    margin: 0 0 30px
}
.icon-text {
    text-align: center;
    color: #9f9f9f;
    font: normal 14px interstatepl;
    border: 1px solid #cacaca;
    width: 100px;
    margin: 0 auto;
    padding: 8px 0
}
.selected .icon-text {
    background: #00aded;
    color: #fff;
    border: 1px solid #00aded
}
#section0 .headerTxt {
    width: 98%;
    float: left
}
#section1 .icon {
    width: 59px;
    height: 75px;
    margin: 0 auto 15px
}
#section1 .male .icon {
    background: url(../images/gender-sprit.png) no-repeat 0 0;
    background-size: 120px 152px
}
#section1 .female .icon {
    background: url(../images/gender-sprit.png) no-repeat 0 -76px;
    background-size: 120px 152px
}
#section1 .male.selected .icon {
    background: url(../images/gender-sprit.png) no-repeat -60px 0;
    background-size: 120px 152px
}
#section1 .female.selected .icon {
    background: url(../images/gender-sprit.png) no-repeat -60px -76px;
    background-size: 120px 152px
}
.menulst li.active span,
.section-outer.current {
    display: block
}
.section h1,
.section h2 {
    color: #002C73;
    font-size: 16px;
    font-family: interstatepl;
    font-weight: 300;
    margin: 0 0 15px;
    line-height: normal
}
.visible-sm {
    display: none;
}
.icon-num,
.income-val,
.children_val,
.parent_value,
.insured-value {
    font-size: 26px;
    font-family: interstatepl;
    font-weight: 400;
    color: #00ADED;
    text-align: center
}
#section2 .ageicon {
    width: 141px;
    height: 71px;
    margin: 0 auto 15px
}
#section2 .male_age_20.selected .ageicon {
    background: url(../images/age-sprit.png) no-repeat 0 0;
    background-size: 423px auto
}
#section2 .male_age_30.selected .ageicon {
    background: url(../images/age-sprit.png) no-repeat -141px 0;
    background-size: 423px auto
}
#section2 .male_age_50.selected .ageicon {
    background: url(../images/age-sprit.png) no-repeat -282px 0;
    background-size: 423px auto
}
#section2 .female_age_20.selected .ageicon {
    background: url(../images/age-sprit.png) no-repeat 0 -71px;
    background-size: 423px auto
}
#section2 .female_age_30.selected .ageicon {
    background: url(../images/age-sprit.png) no-repeat -141px -71px;
    background-size: 423px auto
}
#section2 .female_age_50.selected .ageicon {
    background: url(../images/age-sprit.png) no-repeat -282px -71px;
    background-size: 423px auto
}
.slider {
    max-width: 240px;
    min-height: 40px;
    padding: 0 8px;
    margin: 0 auto
}
.age-slider {
    background: url(../images/age-slider.png) no-repeat;
    background-size: contain
}
.child-slider {
    background: url(../images/child-slider-bg.png) no-repeat;
    background-size: contain
}
#section6.section06 .parent-slider {
    background: url(../images/parents-slider-bg.png) no-repeat;
     background-size: contain;
	 height:61px;
}
.parent-slider_2 {
    background: url(../images/parents-slider-bg-2.png) no-repeat;
    background-size: contain
}
.insured-slider {
    background: url(../images/insure-slider.png) no-repeat;
    background-size: contain
}
.citi-calc-wrap .ui-widget-content {
    width: auto
}
.citi-calc-wrap .ui-slider-horizontal {
    height: .2em;
    border: 0;
    background: #f3f3f3
}
.citi-calc-wrap .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
    background: #00ADED
}
.citi-calc-wrap .ui-state-default,
.citi-calc-wrap .ui-widget-content .ui-state-default,
.citi-calc-wrap .ui-widget-header .ui-state-default {
    background: url(../images/slider-handle.png) no-repeat;
    background-size: contain;
    border: 0;
    outline: none
}
/* .citi-calc-wrap .ui-slider .ui-slider-handle {
    width: 15px;
    height: 15px;
    margin: 0 0 0 -7px
} */
#section3 .icon {
    width: 82px;
    height: 73px;
    margin: 0 auto 15px
}
#section3 .working .icon {
    background: url(../images/spouse-partner.png) no-repeat 0 -146px;
    background-size: 246px auto
}
#section3 .working.selected .icon {
    background: url(../images/spouse-partner.png) no-repeat 0 -219px;
    background-size: 246px auto
}
#section3 .notworking .icon {
    background: url(../images/spouse-partner.png) no-repeat -83px -146px;
    background-size: 246px auto
}
#section3 .notworking.selected .icon {
    background: url(../images/spouse-partner.png) no-repeat -83px -219px;
    background-size: 246px auto
}
#section3 .singlework .icon {
    background: url(../images/spouse-partner.png) no-repeat -162px 0;
    background-size: 246px auto
}
#section3 .singlework.selected .icon {
    background: url(../images/spouse-partner.png) no-repeat -162px -73px;
    background-size: 246px auto
}
#section3 .female_working .icon {
    background: url(../images/spouse-partner.png) no-repeat 0 0;
    background-size: 246px auto
}
#section3 .female_working.selected .icon {
    background: url(../images/spouse-partner.png) no-repeat 0 -73px;
    background-size: 246px auto
}
#section3 .female_notworking .icon {
    background: url(../images/spouse-partner.png) no-repeat -83px 0;
    background-size: 246px auto
}
#section3 .female_notworking.selected .icon {
    background: url(../images/spouse-partner.png) no-repeat -83px -73px;
    background-size: 246px auto
}
#section3 .female_singlework .icon {
    background: url(../images/spouse-partner.png) no-repeat -164px -146px;
    background-size: 246px auto
}
#section3 .female_singlework.selected .icon {
    background: url(../images/spouse-partner.png) no-repeat -164px -219px;
    background-size: 246px auto
}
#section4 .income-graphic {
    width: 50px;
    height: 129px;
    background: url(../images/coin-off.png) no-repeat bottom;
    background-size: 50px auto;
    position: relative;
    margin: 0 auto 15px
}
#section4 .income-graphic-value {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    display: block;
    background: url(../images/Sprite-coins-reverse.png) no-repeat bottom;
    background-size: 50px auto;
/* 	border-radius: 40px 40px 0 0 / 15px 15px 0 0; */
}
#section4.section12 .income-graphic-value#income-slider_id1,
#section4.section10 .income-graphic-value#savings-invest-slider_id1,
#section4.section07 .income-graphic-value#financial-slider_id1,
#section4.section08 .income-graphic-value#calendar-slider_id1{
	height: 20% !important;
    background-position: 0 1px;
}
#section4.section12 .income-graphic-value#income-slider_id2,
#section4.section10 .income-graphic-value#savings-invest-slider_id2,
#section4.section07 .income-graphic-value#financial-slider_id2,
#section4.section08 .income-graphic-value#calendar-slider_id2{
	height: 28% !important;
    background-position: 0 -65px;
}
#section4.section12 .income-graphic-value#income-slider_id3,
#section4.section10 .income-graphic-value#savings-invest-slider_id3,
#section4.section07 .income-graphic-value#financial-slider_id3,
#section4.section08 .income-graphic-value#calendar-slider_id3{
    height: 33% !important;
    background-position: 0 -156px;
}
#section4.section12 .income-graphic-value#income-slider_id4,
#section4.section10 .income-graphic-value#savings-invest-slider_id4,
#section4.section07 .income-graphic-value#financial-slider_id4,
#section4.section08 .income-graphic-value#calendar-slider_id4{
    height: 40% !important;
    background-position: 0 -256px;
}
#section4.section12 .income-graphic-value#income-slider_id5,
#section4.section10 .income-graphic-value#savings-invest-slider_id5,
#section4.section07 .income-graphic-value#financial-slider_id5,
#section4.section08 .income-graphic-value#calendar-slider_id5{
	height: 47% !important;
    background-position: 0 -373px;
}
#section4.section12 .income-graphic-value#income-slider_id6,
#section4.section10 .income-graphic-value#savings-invest-slider_id6,
#section4.section07 .income-graphic-value#financial-slider_id6,
#section4.section08 .income-graphic-value#calendar-slider_id6{
    height: 54% !important;
    background-position: 0 -509px;
}
#section4.section12 .income-graphic-value#income-slider_id7,
#section4.section10 .income-graphic-value#savings-invest-slider_id7,
#section4.section07 .income-graphic-value#financial-slider_id7,
#section4.section08 .income-graphic-value#calendar-slider_id7{
	height: 61% !important;
    background-position: 0 -661px;
}
#section4.section12 .income-graphic-value#income-slider_id8,
#section4.section10 .income-graphic-value#savings-invest-slider_id8,
#section4.section07 .income-graphic-value#financial-slider_id8,
#section4.section08 .income-graphic-value#calendar-slider_id8{
    height: 67% !important;
    background-position: 0 -831px;
}
#section4.section12 .income-graphic-value#income-slider_id9,
#section4.section10 .income-graphic-value#savings-invest-slider_id9,
#section4.section07 .income-graphic-value#financial-slider_id9,
#section4.section08 .income-graphic-value#calendar-slider_id9{
    height: 72% !important;
    background-position: 0 -1025px;
}
#section4.section12 .income-graphic-value#income-slider_id10,
#section4.section10 .income-graphic-value#savings-invest-slider_id10,
#section4.section07 .income-graphic-value#financial-slider_id10,
#section4.section08 .income-graphic-value#calendar-slider_id10{
    height: 80% !important;
    background-position: 0 -1224px;
}
#section4.section12 .income-graphic-value#income-slider_id11,
#section4.section10 .income-graphic-value#savings-invest-slider_id11,
#section4.section07 .income-graphic-value#financial-slider_id11,
#section4.section08 .income-graphic-value#calendar-slider_id11{
    height: 87% !important;
    background-position: 0 -1446px;
}
#section4.section12 .income-graphic-value#income-slider_id12,
#section4.section10 .income-graphic-value#savings-invest-slider_id12,
#section4.section07 .income-graphic-value#financial-slider_id12,
#section4.section08 .income-graphic-value#calendar-slider_id12{
	height: 92% !important;
    background-position: 0 -1687px;
}

#section4 .income-slider {
    background: url(../images/financial-slide.png) no-repeat;
    background-size: contain
} 
#section4.section10 .income-slider,.section11 .insured-slider{
    background: url(../images/financial-slide8.png) no-repeat;
    background-size: contain
}
#section4.section07 .income-slider{
    background-size: contain;
}
#section4.section08 .income-slider {
    background: url(../images/financial-slide8.png) no-repeat;
    background-size: contain;
}
.section09  .icon {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-origin: padding-box;    
    background-repeat: no-repeat;
    background-size: inherit;
    background-position: center;
	background-image: url("../images/income-sprite.png");
    height: 204px;
    width: 100%;
    margin-top: 75px;
}
.section09 .income_val_1 .icon {   
	background-position: center 0px;
    margin-top: 62px;
}
.section09 .income_val_2 .icon {  
    background-position: center -202px;
    margin-top: 56px;
}
.section09 .income_val_3 .icon {    
    background-position: center -417px;
    margin-top: 80px;
}
#section5 .icon {
    width: 159px;
    height: 110px;
    margin: 0 auto 15px
}
#section5 .male_child .icon {
    background: url(../images/children-sprit.png) no-repeat 0 0;
    background-size: 318px auto
}
#section5 .male_child1 .icon {
    background: url(../images/children-sprit.png) no-repeat 0 -110px;
    background-size: 318px auto
}
#section5 .male_child2 .icon {
    background: url(../images/children-sprit.png) no-repeat 0 -222px;
    background-size: 318px auto
}
#section5 .male_child3 .icon {
    background: url(../images/children-sprit.png) no-repeat 0 -332px;
    background-size: 318px auto
}
#section5 .male_child4 .icon {
    background: url(../images/children-sprit.png) no-repeat 0 -442px;
    background-size: 318px auto
}
#section5 .male_child5 .icon {
    background: url(../images/children-sprit.png) no-repeat 0 -552px;
    background-size: 318px auto
}
#section5 .female_child .icon {
    background: url(../images/children-sprit.png) no-repeat -159px 0;
    background-size: 318px auto
}
#section5 .female_child1 .icon {
    background: url(../images/children-sprit.png) no-repeat -159px -110px;
    background-size: 318px auto
}
#section5 .female_child2 .icon {
    background: url(../images/children-sprit.png) no-repeat -159px -222px;
    background-size: 318px auto
}
#section5 .female_child3 .icon {
    background: url(../images/children-sprit.png) no-repeat -159px -332px;
    background-size: 318px auto
}
#section5 .female_child4 .icon {
    background: url(../images/children-sprit.png) no-repeat -159px -442px;
    background-size: 318px auto
}
#section5 .female_child5 .icon {
    background: url(../images/children-sprit.png) no-repeat -159px -552px;
    background-size: 318px auto
}
#section6 .icon {
    width: 160px;
    height: 109px;
    margin: 0 auto 15px
}
#section6 .parent_male_0 .icon {
    background: url(../images/parents-sprit.png) no-repeat 0 0;
    background-size: 321px auto
}
#section6 .parent_male_1 .icon {
    background: url(../images/parents-sprit.png) no-repeat 0 -110px;
    background-size: 321px auto
}
#section6 .parent_male_2 .icon {
    background: url(../images/parents-sprit.png) no-repeat 0 -220px;
    background-size: 321px auto
}
#section6 .parent_male_3 .icon {
    background: url(../images/parents-sprit.png) no-repeat 0 -330px;
    background-size: 321px auto
}
#section6 .parent_male_4 .icon {
    background: url(../images/parents-sprit.png) no-repeat 0 -440px;
    background-size: 321px auto
}
#section6 .parent_female_0 .icon {
    background: url(../images/parents-sprit.png) no-repeat -160px 0;
    background-size: 321px auto
}
#section6 .parent_female_1 .icon {
    background: url(../images/parents-sprit.png) no-repeat -160px -110px;
    background-size: 321px auto
}
#section6 .parent_female_2 .icon {
    background: url(../images/parents-sprit.png) no-repeat -160px -220px;
    background-size: 321px auto
}
#section6 .parent_female_3 .icon {
    background: url(../images/parents-sprit.png) no-repeat -160px -330px;
    background-size: 321px auto
}
#section6 .parent_female_4 .icon {
    background: url(../images/parents-sprit.png) no-repeat -160px -440px;
    background-size: 321px auto
}
.section-content {
    font-size: 14px;
    font-family: interstate;
    text-align: justify
}
.pg-calc-foot {
    padding-top: 15px;
    font-size: 12px;
    font-family: interstate;
    text-align: justify;
    color: #515151;
    clear: both
}
.pg-calc-foot a {
    color: #00aded
}
#section7 .insureicon .icon {
    width: 118px;
    height: 128px;
    background: url(../images/insured_01.png) no-repeat center;
    background-size: 118px auto;
    position: relative;
    margin: 0 auto 15px
}
#section7 .insureicon .icon .insurance_value_increase {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: block;
    background: url(../images/insured_02.png) no-repeat bottom;
    background-size: 118px auto
}
.insured-value {
    margin-bottom: 15px
}
.btn-wrap {
    text-align: center;
    padding-top: 20px
}
#section8 .insureicon .icon {
    width: 118px;
    height: 128px;
    background: url(../images/family01.png) no-repeat center;
    background-size: 118px auto;
    margin: 0 auto 15px
}
#section8 .btn-wrap {
    padding: 0
}
.protection-num {
    color: #4f285d;
    padding: 0 2%
}
.protection-num h3 {
    height: 1px;
    position: relative;
    background: #f6f6f6;
    text-align: center;
    font: normal 14px interstatepl;
    margin: 10px 0;
    color: #52275F
}
.protection-num h3:before,
.protection-num h3:after {
    width: 9px;
    height: 9px;
    position: absolute;
    content: '';
    top: -4px;
    background: url(../images/dot-head.png) no-repeat
}
.protection-num h3:before {
    left: -9px
}
.protection-num h3:after {
    right: -9px
}
.protection-num h3 span {
    position: relative;
    top: -10px;
    background: #fff;
    padding: 0 5px
}
.protection-num-value {
    text-align: center;
    font: normal 14px interstate;
    padding: 5px
}
.bridge-left,
.bridge-right {
    position: absolute;
    top: 50px;
    height: 110px
}
.bridge-left {
    width: 65px;
    background: url(../images/bridge-left.png) no-repeat;
    background-size: contain;
    left: 0;
    z-index: 5
}
.bridge-right {
    width: 68px;
    background: url(../images/bridge-right.png) no-repeat;
    background-size: contain;
    right: 0;
    z-index: 5
}
.bridge-road {
    height: 4px;
    background: #ccc;
    position: relative;
    margin: 77px 0 20px
}
.view_protection {
    position: absolute;
    width: 50%;
    bottom: -20px;
    font: normal 12px interstatepl;
    margin: 0 25%
}
.bridge-road-gap {
    background: #ff7363;
    height: 4px;
    position: absolute;
    right: 20px;
    width: 0;
    z-index: 6
}
.car-on-road {
    position: absolute;
    width: 35px;
    height: 14px;
    background: url(../images/car-small.png) no-repeat;
    background-size: contain;
    top: 110px;
    left: -69px;
    z-index: 0
}
#section9 .content {
    font: normal 14px interstatepl;
    color: #676767;
    text-align: center;
    padding: 15px 0
}
.current-protection .text,
.protection-gap .text {
    font: normal 14px interstatepl;
    color: #848486;
    line-height: normal
}
.current-protection .value {
    font: normal 14px interstatepl;
    padding-top: 5px;
    color: #676767
}
.protection-gap .value {
    font: normal 16px interstatepl;
    padding-top: 5px;
    color: #00acee
}
.citi-calc-wrap .ui-slider-horizontal .ui-slider-handle {
    top: -6px
}
.btn-blue.protect {
    padding: 10px 20px
}
.section,
.section-double-wrap .section-double {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #D7DBDE;
    position: relative;
    margin: 0 10px 10px;
    padding: 20px
}
.icon-holder ul li:last-child,
.current-protection p,
.protection-gap p {
    margin: 0;
    padding: 0;
    line-height: 0
}
#section8 .btn-blue,
#section9 .btn-blue {
    margin-bottom: 5px
}
.current-protection,
.protection-gap {
    text-align: center
}
#section9 .section-content {
    text-align: center;
    padding: 15px 0 0
}
.form-wrap:after,
.form-wrap:before,
.row:after,
.row:before {
    display: table;
    content: " "
}
.row:after {
    clear: both
}
.form-wrap {
    margin-right: auto;
    margin-left: auto
}
.row {
    margin-right: -15px;
    margin-left: -15px
}
.col_4,
.col_12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 15px;
    float: left;
    width: 100%%
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-size: 13px;
    color: #666
}
.form-control {
    font: 13px interstatepl;
    display: block;
    width: 100%;
    height: 28px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
textarea.form-control {
    height: 50px
}
.section-inner {
    position: relative;
    overflow: hidden
}
.transparent-bg {
    width: 100%;
    position: fixed;
    background: url(../images/lbg.png);
    z-index: 999999;
    margin-top: -10px;
    opacity: .5;
    filter: alpha(opacity=50)
}
.light_box {
    background: #fff;
    position: absolute;
    z-index: 999999999;
    width: 100%;
    left: 0
}
.txtCenter {
    text-align: center!important
}
.btn.btn-empty {
    float: left;
    padding: 0;
}
/*30-05-2016*/
.footerLogo {
    background: url("../images/citi-logo-pc.png") no-repeat scroll 0 0;
    float: left;
    height: 18px;
    width: 31px;
}
.copyRight {
    color: #999;
    float: right;
    text-align: right;
	font-size:11px;
}
.footerDisclaimer{
	margin-top:30px;
}
#footer {
	bottom: 10px;
	position: relative;
}
.contact-cont{width:100%;clear:both;}
.tcont-left{
	width:50%;
	float:left;
	margin-top:25px;
	color: #969799;
	font-family: interstate;
    font-size: 14px;
    line-height: 20px;
}
.t-right{
	width:50%;
	float:right;
}
/*30-05-2016*/
/* .t-right.more_info {
    float: right;
    text-align: left;
    width: 240px;
} */
@media only screen and (min-width: 370px) {
    .menulst li:nth-child(7) .menuTxt,
    .menulst li:nth-child(8) .menuTxt,
    .menulst li:nth-child(9) .menuTxt {
        left: 0;
        right: inherit;
        text-align: left
    }
}
@media only screen and (min-width: 768px) {
    .visible-sm {
        display: block
    }
    .hidden-sm {
        display: none
    }
    .citi-header {
        height: 80px
    }
    .home_section2 {
        padding: 0 5% 15%
    }
/*     .citi-logo {
        width: 130px;
        height: 37px;
        margin: 16px 0 0 45px
    } */
    .top-bar {
        height: 140px
    }
    .menulst {
        margin: 45px 0 0 45px;
        list-style: none
    }
    .menulst li {
        width: 20px;
        height: 20px;
        margin-right: 25px;
        cursor: pointer
    }
    .menulst li span {
        font-size: 14px;
        bottom: 25px;
        width: 135px
    }
    .reset_close {
        position: absolute;
        top: 40px;
        right: 50px
    }
    .barLeft,
    .barRight {
        width: 20px;
        top: -50px
    }
    /* .section-wrap {
        margin: 0 50px;
        top: -50px
    } */
    .section {
        padding: 30px 50px 50px
    }
    .section-double-wrap .section {
        background: transparent;
        border-radius: inherit;
        border: none;
        position: relative;
        margin: 0;
        padding: 0
    }
    .section-double-wrap {
        background: #fff;
        border-radius: 5px;
        border: 1px solid #D7DBDE;
        position: relative;
        margin: 0 10px 10px;
        padding: 30px 50px 50px
    }
    .section-head {
        font-size: 24px;
        padding: 12px 0 11px 25px
    }
    .section h1,
    .section h2 {
        color: #002C73;
        font-size: 24px;
        margin: 20px 0 30px
    }
    .headerTxt h1 {
        font-weight: 700
    }
    .headerTxt h2 {
        font-size: 22px
    }
    .section h3 {
        font-size: 26px;
        margin: 20px 0 30px;
        text-align: left
    }
    .section h4 {
        margin: 0 0 30px;
        font-size: 20px
    }
    ul.calLst li {
        font-size: 16px;
        line-height: 21px
    }
    .citi-calc-wrap .leftArrow,
    .citi-calc-wrap .rightArrow {
        width: 38px;
        height: 65px;
        top: 200px
    }
    /* .citi-calc-wrap .clc-disclaimer {
        padding: 30px 0 0
    } */
    .btn-blue {
        padding: 17px 40px;
        font-size: 14px
    }
    .icon-holder {
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        padding: 0
    }
    #section1 .icon-holder {
        width: 100%
    }
    /* #section1 .icon-holder ul li {
        width: 50%;
        float: left
    } */
    #section1 .icon {
        width: 119px;
        height: 152px;
        margin: 0 auto 20px
    }
    #section1 .male .icon {
        background: url(../images/gender-sprit.png) no-repeat 0 0;
        background-size: auto
    }
    #section1 .female .icon {
        background: url(../images/gender-sprit.png) no-repeat 0 -152px;
        background-size: auto
    }
    #section1 .male.selected .icon {
        background: url(../images/gender-sprit.png) no-repeat -120px 0;
        background-size: auto
    }
    #section1 .female.selected .icon {
        background: url(../images/gender-sprit.png) no-repeat -120px -152px;
        background-size: auto
    }
    .icon-text {
        padding: 15px 0;
/*         width: 82%; */
        font-size: 20px
    }
    #section2 .ageicon {
        width: 282px;
        height: 142px;
        float: left
    }
    #section2 .male_age_20.selected .ageicon {
        background: url(../images/age-sprit.png) no-repeat 0 0;
        background-size: inherit
    }
    #section2 .male_age_30.selected .ageicon {
        background: url(../images/age-sprit.png) no-repeat -282px 0;
        background-size: inherit
    }
    #section2 .male_age_50.selected .ageicon {
        background: url(../images/age-sprit.png) no-repeat -564px 0;
        background-size: inherit
    }
    #section2 .female_age_20.selected .ageicon {
        background: url(../images/age-sprit.png) no-repeat 0 -142px;
        background-size: inherit
    }
    #section2 .female_age_30.selected .ageicon {
        background: url(../images/age-sprit.png) no-repeat -282px -142px;
        background-size: inherit
    }
    #section2 .female_age_50.selected .ageicon {
        background: url(../images/age-sprit.png) no-repeat -564px -142px;
        background-size: inherit
    }
    .slider {
        float: right;
        max-width: 372px;
        margin: 0;
        min-height: 73px;
        padding: 0 8px
    }
    .age-slider {
        width: 44%
    }
    .income-slider {
        width: 50%
    }
    .child-slider {
        width: 38%
    }
    .parent-slider {
        width: 38%
    }
    .insured-slider {
        width: 48%
    }
/*     .citi-calc-wrap .ui-slider .ui-slider-handle {
        width: 30px;
        height: 30px;
        top: -14px;
        margin: 0 0 0 -14px
    } */
    .icon-num,
    .income-val,
    .children_val,
    .parent_value,
    .insured-value {
        float: right;
        margin: 30px 0 20px;
        font-size: 50px;
        text-align: left
    }
/*     .icon-num {
        width: 45%
    } 
    .income-val {
        width: 52%
    }*/
    .children_val,
    .parent_value {
/*         width: 40%; 
        font-size: 44px*/
    }
    .insured-value {
        width: 52%
    }
    #section3 .icon-holder {
        width: 100%
    }
    /* #section3 .icon-holder ul li {
        width: 33.333333333333%;
        float: left
    } */
    #section3 .icon {
        width: 164px;
        height: 146px;
        margin: 0 auto 15px
    }
    #section3 .working .icon {
        background: url(../images/spouse-partner.png) no-repeat 0 -292px;
        background-size: inherit
    }
    #section3 .working.selected .icon {
        background: url(../images/spouse-partner.png) no-repeat 0 -438px;
        background-size: inherit
    }
    #section3 .notworking .icon {
        background: url(../images/spouse-partner.png) no-repeat -164px -292px;
        background-size: inherit
    }
    #section3 .notworking.selected .icon {
        background: url(../images/spouse-partner.png) no-repeat -164px -438px;
        background-size: inherit
    }
    #section3 .singlework .icon {
        background: url(../images/spouse-partner.png) no-repeat -328px 0;
        background-size: inherit
    }
    #section3 .singlework.selected .icon {
        background: url(../images/spouse-partner.png) no-repeat -328px -146px;
        background-size: inherit
    }
    #section3 .female_working .icon {
        background: url(../images/spouse-partner.png) no-repeat 0 0;
        background-size: inherit
    }
    #section3 .female_working.selected .icon {
        background: url(../images/spouse-partner.png) no-repeat 0 -146px;
        background-size: inherit
    }
    #section3 .female_notworking .icon {
        background: url(../images/spouse-partner.png) no-repeat -164px 0;
        background-size: inherit
    }
    #section3 .female_notworking.selected .icon {
        background: url(../images/spouse-partner.png) no-repeat -164px -146px;
        background-size: inherit
    }
    #section3 .female_singlework .icon {
        background: url(../images/spouse-partner.png) no-repeat -328px -292px;
        background-size: inherit
    }
    #section3 .female_singlework.selected .icon {
        background: url(../images/spouse-partner.png) no-repeat -328px -438px;
        background-size: inherit
    }
    #section4 .income-graphic {
        width: 46%;
        float: left;
        height: 260px;
        background-size: inherit
    }
    #section4 .income-graphic-value {
        background-size: inherit
    }
    #section5 .icon {
        width: 318px;
        height: 221px;
        float: left
    }
    #section5 .male_child .icon {
        background: url(../images/children-sprit.png) no-repeat 0 0;
        background-size: inherit
    }
    #section5 .male_child1 .icon {
        background: url(../images/children-sprit.png) no-repeat 0 -221px;
        background-size: inherit
    }
    #section5 .male_child2 .icon {
        background: url(../images/children-sprit.png) no-repeat 0 -442px;
        background-size: inherit
    }
    #section5 .male_child3 .icon {
        background: url(../images/children-sprit.png) no-repeat 0 -663px;
        background-size: inherit
    }
    #section5 .male_child4 .icon {
        background: url(../images/children-sprit.png) no-repeat 0 -884px;
        background-size: inherit
    }
    #section5 .male_child5 .icon {
        background: url(../images/children-sprit.png) no-repeat 0 -1105px;
        background-size: inherit
    }
    #section5 .female_child .icon {
        background: url(../images/children-sprit.png) no-repeat -318px 0;
        background-size: inherit
    }
    #section5 .female_child1 .icon {
        background: url(../images/children-sprit.png) no-repeat -318px -221px;
        background-size: inherit
    }
    #section5 .female_child2 .icon {
        background: url(../images/children-sprit.png) no-repeat -318px -442px;
        background-size: inherit
    }
    #section5 .female_child3 .icon {
        background: url(../images/children-sprit.png) no-repeat -318px -663px;
        background-size: inherit
    }
    #section5 .female_child4 .icon {
        background: url(../images/children-sprit.png) no-repeat -318px -884px;
        background-size: inherit
    }
    #section5 .female_child5 .icon {
        background: url(../images/children-sprit.png) no-repeat -318px -1105px;
        background-size: inherit
    }
    #section6 .icon {
        width: 319px;
        height: 218px;
        float: left
    }
    #section6 .parent_male_0 .icon {
        background: url(../images/parents-sprit.png) no-repeat 0 0;
        background-size: inherit
    }
    #section6 .parent_male_1 .icon {
        background: url(../images/parents-sprit.png) no-repeat 0 -218px;
        background-size: inherit
    }
    #section6 .parent_male_2 .icon {
        background: url(../images/parents-sprit.png) no-repeat 0 -436px;
        background-size: inherit
    }
    #section6 .parent_male_3 .icon {
        background: url(../images/parents-sprit.png) no-repeat 0 -654px;
        background-size: inherit
    }
    #section6 .parent_male_4 .icon {
        background: url(../images/parents-sprit.png) no-repeat 0 -872px;
        background-size: inherit
    }
    #section6 .parent_female_0 .icon {
        background: url(../images/parents-sprit.png) no-repeat -319px 0;
        background-size: inherit
    }
    #section6 .parent_female_1 .icon {
        background: url(../images/parents-sprit.png) no-repeat -319px -218px;
        background-size: inherit
    }
    #section6 .parent_female_2 .icon {
        background: url(../images/parents-sprit.png) no-repeat -319px -436px;
        background-size: inherit
    }
    #section6 .parent_female_3 .icon {
        background: url(../images/parents-sprit.png) no-repeat -319px -654px;
        background-size: inherit
    }
    #section6 .parent_female_4 .icon {
        background: url(../images/parents-sprit.png) no-repeat -319px -872px;
        background-size: inherit
    }
    #section7 .insureicon .icon {
        width: 235px;
        height: 254px;
        float: left;
        background: url(../images/family.png) no-repeat center;
        background-size: inherit
    }
    #section7 .insureicon .icon .insurance_value_increase {
        background: url(../images/insured_02.png) no-repeat bottom;
        background-size: inherit
    }
    #section8 .insureicon .icon {
        width: 235px;
        height: 254px;
        float: left;
        background: url(../images/family01.png) no-repeat center;
        background-size: inherit
    }
    #section8 .section-content {
        float: right;
        width: 52%
    }
    #section8 .insured-value {
        margin-bottom: 0
    }
    #section8 .btn-wrap {
        float: right;
        text-align: left;
        width: 60%
    }
    .protection-num h3 {
        text-align: center;
        margin: 10px 0
    }
    .protection-num h3 span {
        top: -15px
    }
    .protection-num-value {
        font-size: 20px
    }
    .bridge-left,
    .bridge-right {
        position: absolute;
        top: 30px;
        height: 218px
    }
    .bridge-left {
        width: 129px
    }
    .bridge-right {
        width: 135px
    }
    .bridge-road {
        height: 8px;
        margin: 123px 0 20px
    }
    .bridge-road-gap {
        height: 8px;
        right: 40px
    }
    .car-on-road {
        width: 69px;
        height: 28px;
        top: 148px
    }
    .current-protection,
    .protection-gap {
        float: left;
        width: 50%
    }
    .current-protection .value,
    .protection-gap .value {
        font-size: 24px;
        line-height: normal
    }
    #section9 .section-content {
        text-align: center;
        clear: both
    }
    .col_4 {
        width: 33.33333333%
    }
    .col_12 {
        width: 100%%
    }
}
@media only screen and (min-width: 992px) {
    .light_box {
        width: 984px;
        max-width: 984px;
        left: 50%;
        margin-left: -492px
    }
    /* #section1 .icon-holder {
        width: 580px
    }
    #section3 .icon-holder {
        width: 700px
    } */
/*     .icon-text {
        width: 70%
    } */
/*     .slider {
        width: 372px;
        margin: 0 35px 0 0;
        padding: 0 11px
    } */
     .icon-num,
    .income-val,
    .children_val,
    .parent_value,
    .insured-value {
/*         width: 54%; */
        margin: 30px 0 40px
    }
    #section8 .section-content {
        width: 60%
    }
    /* #section7 .insured-value {
        width: 55%
    } */
    #section8 .insured-value {
        width: 60%
    }
    #section8 .btn-blue.protect {
        padding: 15px 22px
    }
    .btn-blue.protect {
        padding: 15px 50px
    }
    .section-double-wrap {
        background: #fff;
        border-radius: 5px;
        border: 1px solid #D7DBDE;
        position: relative;
        margin: 0 10px 10px;
        padding: 30px 50px 50px;
        height: 450px
    }
    .section-single-wrap {
        height: 450px
    }
    .section {
        padding: 30px 50px 10px
    }
}
@media only screen and (max-width: 767px) {
	.copyRight {
    float: none;
    text-align: left;
    padding-left: 90px;
}
#footer{
	    padding: 0 0 65px 0px;
	
}


    #section0 .headerTxt {
        width: 100%
    }
    .home_section {
        width: 100%
    }
    .citi-lang {
        margin: 33.3px
    }
    .home_section2 {
        padding: 0 2% 5%
    }
    .home_section2 h4.light {
        line-height: 30px
    }
    .section h1,
    .section h2 {
        font-size: 24px
    }
}
/**************************************
*******     CUSTOM STYLES      ********
***************************************/
.t-right{text-align:right}
.t-left{text-align:left}
.t-center{text-align:center}
.top-bar {
    background: #fff;
    border-bottom: 1px solid #E1E3E2;
}
.main {
    background: #F7F7F7;
	    overflow: visible;
}
/* #realpage{
	visibility:visible;
} */
.section{
	border: 0;
}
.section h3{
	color:#012E72;
}
.section-head {
	border-bottom: none;
    margin: 0;
    padding: 0;
    height: 50px;
    line-height: 50px;
}
.section-double-wrap .section-left,.section-double-wrap .section-right {
    background: transparent;
    border-radius: inherit;
    border: none;
    position: relative;
    margin: 0;
    padding: 0;
}
.section-double-wrap .section-left{
	float:left;
	width:41%;
}
.section-double-wrap .section-right {
	width:58%;
	float:right;
}
.report_page .section-head {
	color:#717173;
}
.report_page #en_section3 .section-head {
	color:#00ADEE;
}
/* .report_page #en_section5 .section-head {
	color:#CB804B;
}
.report_page #en_section2 .section-head {
	color:#4DD5CB;
}
.report_page #en_section1 .section-head {
	color:#B3B44E;
}
.report_page #en_section0 .section-head {
	color:#A57FC6;
} */
.section-wrap,.barLeft,.barRight {
	background: #E1E3E2;
}
.section-outer{
	display:block;
}
#section0 .headerTxt {
    width: 100%;
}
#section0 .btn-blue {
    margin-top: 0;
	padding: 15px 20px;
    font-size: 17px;
	text-transform: uppercase;
}

.education-cover-gap-left {
    width: 35%;
	float:left;
	text-align:center;
	font-family:"interstatepl";
}
.education-cover-gap-left span,.education-cover-gap-left h6 {
    width: 224px;
    display: block;
	color: #96979B;    
	position: relative;
}
.education-cover-gap-left h6 {
    margin:0;
	margin-bottom:5px;
	font-size: 17px;  
	margin-top: -15px;
}
.education-cover-gap-left span{
	font-size: 14px;
}   
.education-cover-gap-right {
    width: 65%;
	float:right;
}
.education-cover-gap-right h3{
    color:#004785;
}
.education-cover-gap-right ul{
    margin:0;
	padding:0;
	list-style:none;
	font-family:"interstatepl";
}
.education-cover-gap-right ul li{
    font-size:16px;
	color:#666;
	margin-bottom:10px;
	width: 100%;
	position: relative;
}
.education-cover-gap-right ul li.list-one,.education-cover-gap-right ul li.list-one > span{
	color:#B3B44E;
}
#en_section1 .education-cover-gap-right ul li.list-one > span{
	background:#B3B44E;
}
#en_section2 .education-cover-gap-right ul li.list-one,#en_section2 .education-cover-gap-right ul li.list-one > span{
	color:#4DD5CB;
}
#en_section2 .education-cover-gap-right ul li.list-one > span{
	background:#4DD5CB;
}
#en_section5 .education-cover-gap-right ul li.list-one,#en_section5 .education-cover-gap-right ul li.list-one > span{
	color:#CB804B;
}
#en_section5 .education-cover-gap-right ul li.list-one > span{
	background:#CB804B;
}
#en_section0 .education-cover-gap-right ul li.list-one,#en_section0 .education-cover-gap-right ul li.list-one > span{
	color:#A57FC6;
}
#en_section0 .education-cover-gap-right ul li.list-one > span{
	background: #A57FC6;
}
.education-cover-gap-right ul li > span {
    width: 15px;
    height: 15px;
    background: #ccc;
    display: inline-block;
    margin-right: 10px;
}
.education-cover-gap h4{
	display: inline-block;
    width: 100%;
	position: relative;
	margin-bottom: 20px;
	margin-top: 20px;
	color:#666;
}
.education-cover-gap h4:after{
	content: '';
    border-top: 1px solid #ccc;
    display: inline-block;
    width: 100%;
    position: absolute;
    top: 17px;
    margin: 0 auto;
    left: 0;
    z-index: 0;
}
.education-cover-gap h4 span{
	background: #fff;
    padding-right: 5px;
    padding: 0px 3px 2px 0;
    position: relative;
    z-index: 1;
}
.education-cover-gap input,.education-cover-gap .select select,.education-cover-gap .sbSelector{
	color: #888;
    font-size: 15px;
	font-family:"interstate";
}
.education-cover-gap .sbSelector:link, .education-cover-gap .sbSelector:visited, .education-cover-gap .sbSelector:hover{
	color: #888;
}
.education-cover-gap .block p.t-right {
	bottom: 0;
	position: absolute;
	right: 0;
}
.education-cover-gap .btn-blue{
	height: 50px;
    line-height: 50px;
    padding: 0 29px;
    text-transform: uppercase;
	font-size: 16px;
	font-family:"interstate";
}
.report-block {
    display: inline-block;
    margin-bottom: 15px;
}
.report-block ul {
    margin: 0;
    padding: 0;
}
.report-block li {
    display: inline-block;
    width: 180px;
    height: 240px;
    background: #B3B44E;
    margin: 0;
    padding: 15px 0;
	margin-left: 24px;
    float: left;
	position: relative;
	color:#fff;
	text-align: center;
    border-radius: 5px;
	cursor:pointer;
}
.report-block li:first-child {
	margin-left: 0;
}
.report-block .report_noedu li {
    width: 31.3%;
}
.report-block li.report1 {background: #B3B44E;}
.report-block li.report2 {background: #B792D7;}
.report-block li.report3 {background: #DB8F5B;}
.report-block li.report4 {background: #4DD5CB;}

.report-block li .info-icon{
	width: 25px;
    height: 25px;
    background: rgba(0,0,0,0.15);
    display: block;
    text-align: center;
    /* line-height: 20px; */
    font-style: italic;
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 22px;
    font-family: initial;
}
.report-block li span {
    display: inline-block;
	width: 100%;
}
.report-block li .report-img{
    background-size: contain;
    width: 118px;
    height: 59px;
    display: inline-block;
    margin-top: 15px;
}
.report-block li .report-img{
    background: url(../images/curve.png) no-repeat;
}
.report-block li .report-title{
	font-size: 16px;
    font-family: "interstate";
	margin-top: 0px;
}
.report-block li .report-amount{
    font-size: 16px;
    font-family: "interstatepl";
    margin-top: 5px;
    font-weight: bold;
}
.report-block li span.hint-text {
    color: #fff;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 10px;
}
.report-section p,.result_page_overlay .more_info {
    display: inline-block;
    width: 100%;
    font-size: 15px;
    color: #666;
	font-family: "interstatepl";
	margin: 0;
    margin-bottom: 30px;
    margin-top: 15px;
}
.report-section .btn {
    text-transform: uppercase;
    font-size: 18px;
    padding: 0 24px;
    height: 50px;
    line-height: 50px;
}
.report-section .btn.btn-empty {
    color: #666;
}
.report-section .btn#email-report {
/*     width: 240px; */
    text-align: center;
}
.report-section .btn#edit_qns {
    float: left;
/*     padding: 0;
    height: auto;
    line-height: normal;
	margin-top: 14px; */
	text-align: center;
}
#en_section3 .report-section h2{
	font-size: 26px;
    font-family: "interstatepl";
    padding: 0;
    margin: 0;
    text-transform: uppercase;
	margin-bottom: 20px;
	color: #00bdf1;
}
/* .section-wrap{
	overflow: initial;
} */
.citi-calc-wrap {
/* 	    overflow: hidden; */
}
.scroll_active .citi-calc-wrap {
	position: absolute;
    left: 0;
    right: 0;
}
.citi-calc-wrap .clc-disclaimer h6 {
    text-align: left;
    margin: 0;
    padding: 0;
    text-transform: capitalize;
    font-size: 12px;
}
.citi-calc-wrap .ui-slider-horizontal {
    height: 0.3em;
	background: #ECECEC;
}
.financial-val,.calendar-val,.mon-income-val,.savings-invest-val{
	font-size: 26px;
    font-family: interstatepl;
    font-weight: 400;
    color: #00ADED;
    text-align: center;
}
.section07 .sub-image,.section09 .sub-image,.section10 .sub-image ,.section12 .sub-image,.section08 .sub-image {
    width: 147px;
    height: 153px;
    background: url(../images/bubble1.png) no-repeat left bottom;
    position: relative;
    float: left;
    margin-top: 125px;
}
.section09 .sub-image  {
	background: url(../images/calender09.png) no-repeat right bottom;
}
.section10 .sub-image  {
	background: url(../images/education.png) no-repeat right bottom;
}
.section12 .sub-image  {
	background: url(../images/retirement.png) no-repeat right bottom;
}
/* #section4.section08 .income-slider {
    background: url(../images/calender-slider.png) no-repeat;
    background-size: contain;
	padding-right: 22px;
} */
/* #section4.section12 .income-slider{
	background: url(../images/retirement-slider.png) no-repeat;
    background-size: contain;
	padding-right: 9px;
    padding-left: 0;
} */
#section4.section08 .income-graphic1 {
    width: 179px;
    height: 187px;
    background: url(../images/calender-bubble.png) no-repeat bottom;
    position: relative;
    margin: 0;
	display:inline-block;
	float: left;
	margin-top: 90px;
}
#section4.section08 .income-graphic-value2,#section4.section08 .income-graphic-value1 {
    position: absolute;
    bottom: 0;
    height: 74px;
    width: 100%;
    display: block;
    background: url(../images/calender.png) no-repeat top;
    top: 18%;
}
.citi-calc-wrap .next, .citi-calc-wrap .prev {
    width: 30px;
    height: 51px;
    position: absolute;
    top: 100px;
    z-index: 1;
    cursor: pointer;
}
.citi-calc-wrap .next {
    background: url(../images/right-arrow.png) no-repeat;
    background-size: 100% auto;
    right: 0;
}
.citi-calc-wrap .prev {
    background: url(../images/left-arrow.png) no-repeat;
    background-size: 100% auto;
    left: 0;
}
.section05 .icon-holder{
	overflow:visible;
}
.citi-logo {
	width: 71px;
	height: 41px;
}
#section4.section09 .income-slider {
    background: url(../images/monthly-income-slider.png) no-repeat;
    background-size: contain;
	height: 61px;
}
#en_section1 .education-cover-graphic-image,#en_section2 .education-cover-graphic-image,
#en_section0 .education-cover-graphic-image,#en_section3 .education-cover-graphic-image,#en_section5 .education-cover-graphic-image{
	/* background: url(../images/curve02.png) no-repeat; */
    background-size: contain;
	width:224px;
	height:111px;
}
/* #en_section2 .education-cover-gap{
	padding-top: 13%;
} */

.education-cover-gap .input-text,.education-cover-gap .sbHolder {
    width: 100%;
}
.report-form .education-cover-gap-right{
	width: 58%;
}
.report-form .education-cover-gap-left .input-text,
.report-form .education-cover-gap-right .input-text{
	width: 85%;
    height: 50px;
    line-height: 50px;
	border: 1px solid #ddd;
    color: #333;
	font-size: 16px;
}
.report-form .education-cover-gap-right .input-text{
	width: 95%;
}
.report-form .education-cover-gap-left > p{
	margin-bottom: 40px;
}	
.report-form .education-cover-gap-right > p{
	margin-top: 22px;
}	
form.report-form {
    margin-top: 40px;
    display: inline-block;
    width: 100%;
}
.report-section p.para-text{
	font-size: 14px;
    color: #999;
    line-height: 17px;
	margin-bottom: 0;
}
form.report-form .btn-blue {
    text-transform: uppercase;
    font-size: 18px;
    padding: 15px 30px;
}
form.report-form .radio-cover {
	display: inline;
	margin-right: 30px;
	font-size: 16px;
    font-family: interstatepl;
	color:#94989B;
}
form.report-form .education-cover-gap-right h4 {
	color:#94989B;
	margin: 0 0 15px;
}

/* 
------------------------------------------------------------------------------------------------------------------------
PLUGINS 
------------------------------------------------------------------------------------------------------------------------
*/
/*------------- Custom select box ------------*/
/* .select {
  display: inline-block;
  position: relative;
  border: 1px solid #ccc;
  width: 100%;
}
.select:before, .select:after {
  content: " ";
  position: absolute;
  pointer-events: none;
} 
.select:before {
	width: 36px;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #fff;
    border-left: 1px solid #ccc;
}
.select:after {
	border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #bbb;
    right: 12px;
    top: 50%;
    margin-top: -3px;
} */
.select select {
	padding: 10px;
/* 	-webkit-appearance: none;
	-moz-appearance: none; */
	text-indent: 0.01px;
	text-overflow: '';
	box-shadow: none;
	outline: none;
	font-size: 14px;
	color: #666;
	width: 100%;
	border: 1px solid #ccc;
}
/* .select select::-ms-expand {
	display: none;
} */
.input-text{
	padding: 0 10px;
    box-shadow: none;
    border: 1px solid #ccc;
    outline: none;
    font-size: 14px;
    color: #666;
    width: 80%;
    height: 38px;
    line-height: 38px;
}
.text-cover span {
    position: absolute;
    width: 40px;
    height: 38px;
    background: #fff;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 38px;
    color: #999;
    font-size: 16px;
    font-family: "interstate";	
}
.info-txt.input-text{
	padding-left: 50px;
	color: #999;
}
/************** Increment/Decrement Buttons ****************/
.qty-btn {
    margin: 12px 0;
    display: inline-block;
}
.qty,input.qtyplus,input.qtyminus { 
	width: 50px;
    height: 50px;
	border: 1px solid #ccc;
	float: left;
}
.qty:focus,input.qtyplus:focus,input.qtyminus:focus{
	outline:0;
}
.qty {
   text-align: left;
    padding: 0 15px;
    border: 1px solid #ccc;
    border-left: 0;
    border-right: 0;
    font-size: 16px;
	line-height: 48px;
	width: 100px;
	color: #666;
	border-radius: 0;
	-webkit-appearance: none;
}
input.qtyplus,input.qtyminus { 
    background: #fff;
    font-size: 25px;
    color: #666;
	line-height: 46px;
	cursor:pointer;
	text-align: center;
	-webkit-appearance: none;
	border-radius: 0;
	margin: 0;
    padding: 0;
    vertical-align: middle;
    text-align: center;
}
.education-cover-gap .qty,.education-cover-gap input.qtyplus,.education-cover-gap input.qtyminus { 
    height: 38px;
	line-height:38px;
}
.education-cover-gap input.qtyplus,.education-cover-gap input.qtyminus {
	line-height:36px;
}

/************** Slider Styles ****************/
.section-outer{
	width:100%;
	display:inline-block;
	opacity:1;
	position:absolute;
	left: 0;
    right: 0;
    margin: auto;
}
.slide-content .section-outer{
	top: 50px;
	z-index: 9;
}
.section-outer.active{
	z-index:10 !important;
	position: relative !important;
	top: 0;
}
.slide-content .section-outer.active{
	top: 0;
}
nav.slide-corousel {
    text-align: center;
    margin-left: 3.7%;
}
.slide-corousel1.report_page,.slide-content1.report_page,.slide-content2.email_report_page {
	display:none;
}
nav.slide-corousel.hide {display:none;}
nav.slide-corousel.show {display:block;}
.slide-content,.slide-content1,.slide-content2 {
	min-height: 460px;
	max-height: 460px;
}
.result_on .slide-content {
	min-height: 500px;
	max-height: 500px;
}
.init .slide-content, .init .slide-content1 {
    max-height: none;
}
.slide-content ul,.slide-content1 ul ,.slide-content2 ul{
	margin: 0;
    padding: 0;
}
.slide-content ul li,.slide-content1 ul li ,.slide-content2 ul li {
	display: inline-block;
}
nav.slide-corousel ul,nav.slide-corousel1 ul{
	list-style: none;
	margin: 0;
    padding: 0;
}
nav.slide-corousel ul li{
	text-align:center;
	float: left;
    margin-left: 2px;
}
nav.slide-corousel1 ul li.icon{
    background-size: contain;
	width: 40px;
    height: 40px;
    margin-top: 25px;
    margin-left: 40px;
	display: inline-block;
	cursor: pointer;
}
nav.slide-corousel ul li:first-child{
    margin-left: 0;
}
nav.slide-corousel li{
	display: inline-block;
	margin: 0 auto;
	margin-top: 26px;	
	text-align:center;
	text-decoration:none;
	width: 10.50%;
    height: 25px;
	line-height: 25px;
    color: #888;
	background: #F2F2F2;
	border-radius:0;
	
	vertical-align:middle;
		-webkit-transition: all 600ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
   -moz-transition: all 600ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
     -o-transition: all 600ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        transition: all 600ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */

-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
nav.slide-corousel li.first{
	border-radius: 15px 0 0 15px;
}
nav.slide-corousel li.last{
	border-radius: 0 15px 15px 0;
}
nav.slide-corousel li.active,nav.slide-corousel li.active.completed{
	background: #00ADEF;
	color: #fff;
}
nav.slide-corousel li.completed{
	background: #B2E6FB;
	color: #fff;
	cursor:pointer;
}
body.cur-move{
	cursor: url(Cursor_Hand.png) 0 0, move !important;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}
section.nav-section {
    position: relative;
    display: inline-block;
    margin-top: 290px;
    float: right;
}
section.nav-section > div {
    padding:10px;
	margin-top:5px;
	background: aliceblue;
	cursor: pointer;
}	

/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE CUSTOM SCROLLBAR  
------------------------------------------------------------------------------------------------------------------------
*/
	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR y-axis
------------------------------------------------------------------------------------------------------------------------
*/
	.mCSB_inside > .mCSB_container{ margin-right: 20px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 1px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 15px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 5px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #D0D1D3;}
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #D0D1D3; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #D0D1D3; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #D0D1D3; }
	
/*****************************************************/
/**************  custom scrollbar1  ******************/

	.jspContainer{overflow: hidden;position: relative;}
	.jspPane{position: absolute;/*width: 100% !important;padding-right: 6px!important;*/}
	.jspVerticalBar{position: absolute;top: 0;right: 0;width: 6px;height: 100%;}
	.jspHorizontalBar{position: absolute;bottom: 0;left: 0;width:100%;height: 16px;}
	.jspVerticalBar *,.jspHorizontalBar *{margin: 0;padding: 0;}
	.jspCap{display: none;}
	.jspHorizontalBar .jspCap{float: left;}
	.jspTrack{background: #f7f7f7;position: relative;}
	.jspDrag{background: #ccc;position: relative;top: 0;left: 0;cursor: pointer;}
	.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float: left;height: 100%;}
	.jspArrow{background: #F7F7F7;text-indent: -20000px;display: none;cursor: pointer;}
	.jspArrow.jspDisabled{cursor: default;background: #F7F7F7;}
	.jspVerticalBar .jspArrow{height: 0px;}
	.jspHorizontalBar .jspArrow{width: 16px;float: left;height: 100%;}
	.jspVerticalBar .jspArrow:focus{outline: none;}
	.jspCorner{background: #eeeef4;float: left;height: 100%;}
	* html .jspCorner{margin: 0 -3px 0 0;}

/*****************************************************/
/**************  custom select box  ******************/
.sbHolder{
	background-color: transparent;
    border: solid 1px #ccc;
    height: 38px;
    position: relative;
    width: 80%;
	margin: 15px 0;
}
.education-cover-gap .sbHolder{
	margin: 0;
}
.sbHolder:focus .sbSelector{
	
}
.sbSelector{
	display: block;
    height: 38px;
    left: 0;
    line-height: 38px;
    outline: none;
    overflow: hidden;
    position: absolute;
    text-indent: 10px;
    top: 0;
    width: 75%;
	font-size: 14px;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
	color: #666;
	outline: none;
	text-decoration: none;
}
.sbToggle{
	display: block;
    height: 37px;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
    border-left: 1px solid #ccc;
}
.sbToggle:after,.sbToggle.sbToggleOpen:after {
	border-left: 6px solid transparent;
    border-right: 6px solid transparent;
	right: 12px;
    top: 16px;
    content: '';
    position: absolute;
}
.sbToggle:after {
    border-top: 6px solid #bbb;
}
.sbToggle.sbToggleOpen:after {
	top: 15px;
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.sbHolderDisabled{
	background-color: #3C3C3C;
	border: solid 1px #515151;
}
.sbOptions{
	background-color: #fff;
	border:0;
    outline: solid 1px #ccc;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 36px !important;
	width: 100%;
    z-index: 1;
	max-height: 100px !important;
    overflow-y: auto;
    left: 0;
	
}
.sbHolder .sbOptions li{
	padding: 0;
	width: 100%;
}
.education-cover-gap .sbHolder .sbOptions li {
    padding: 0;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}
#child_1 .sbHolder .sbOptions li,#child_2 .sbHolder .sbOptions li,#child_3 .sbHolder .sbOptions li,#child_4 .sbHolder .sbOptions li,.child-count .sbHolder .sbOptions li{
	padding: 0;
    width: 100%;
    margin-left: initial;
    margin-right: initial;
	margin-bottom: 0;
    display: inline-block;
}
.sbHolder .sbOptions li:last-child{
	line-height: normal;
}
.section05 .icon-holder ul li:last-child{
	line-height: normal;
}
.sbOptions a{
	border-top: dotted 1px #ccc;
    display: block;
    outline: none;
    padding: 8px 5px;
	font-size:14px;
}
.sbOptions li:first-child a{
	border-top: 0;
}
.sbOptions a:link, .sbOptions a:visited{
	color: #666;
	text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
	color: #333;
	background:#f7f7f7;
}
.sbOptions li.last a{
	border-bottom: none;
}
.sbOptions .sbDisabled{
	border-bottom: dotted 1px #515151;
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup{
	border-bottom: dotted 1px #515151;
	color: #EBB52D;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
	padding-left: 17px;
}

/*********** Custom checkbox/radio buttons ****************/

input[type="radio"]:not(old){
  width     : 20px;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}
input[type="radio"]:not(old) + label{
    display: inline-block;
    margin-left: -26px;
    line-height: 1.6em;
    font-size: 16px;
}
input[type="radio"]:not(old) + label > span{
      display: inline-block;
    width: 20px;
    height: 20px;
    margin: 3px;
    border: 1px solid #01ACF2;
    border-radius: 100%;
  vertical-align   : bottom;
}
input[type="radio"]:not(old):checked + label{
  color: #01ACF2;
}
input[type="radio"]:not(old):checked +  label > span > span{
  display: block;
    width: 12px;
    height: 12px;
    margin: 3px 2px 2px 3px;
    border: 1px solid #01ACF2;
    border-radius: 100%;
    background: #01ACF2;
}
	.section-wrap {
		padding:0;
	}
	#section1 .icon-holder {
		width: 100%;
	}
	.slider {
		width: 420px;
		margin: 0;
		padding: 0 11px;
	}
	.financial-val,.calendar-val,.mon-income-val,.savings-invest-val {
		width: 54%;
		margin: 30px 0 40px;
	}
	.slider.age-slider{
		padding: 0 19px 0 8px;
	}
	.icon-num, .income-val, .children_val, .parent_value, .insured-value{
		width: 100%;
	}
	#section7 .insured-value {
		width: 100%;
		margin-top: 20px;
		margin-bottom: 50px;
	}
	.citi-header {
		height: 83px;
	}
	.top-bar {
		height: 130px;
	}
	.init .top-bar {
        height: 75px
    }
	.section-head {
		font-size: 20px;
		padding: 0;
		font-weight: normal;
		padding-left: 10px;
	}
	.section-wrap {
		margin: 0 36px;
		top: -50px;
	}
	.scroll_active .section-wrap {
 		overflow: visible;
/* 		overflow-x: hidden; */
	}
	/*.main.initial .section-wrap.slide-content,.main.initial .barLeft, .main.initial .barRight{
		top: -105px;
	}*/
	.barLeft, .barRight {
		width: 16px;
		top: -50px;
	}
	#section0 h1 {
		width: 100%;
	}
	.headerTxt h1 {
		font-weight: 400;
		font-size: 38px;
		line-height: 45px;
		margin: 0;
		margin-top: 55px;
	}
	.headerTxt h2 {
		font-size: 20px;
		font-weight: 600;
		line-height: 27px;
	}
	.section h1, .section h2 {
        display: inline-block;
	}
	.section h3{
		margin: 10px 0 45px;
		font-size: 24px;
	}
	#section01 h3 {
		text-transform: uppercase;
	}
	#section5 h3,#section6 h3,#section4 h3,#section7 h3,#section2 h3{
		margin-bottom: 10px;
		width: 100%;	
	}
	.section05 h3 {
		margin-bottom: 15px;
	}
	.education-cover-gap-right h3 {
		margin-bottom: 20px;
		font-family: interstatepl;
		border-bottom: 1px solid #E5E5E5;
		padding-bottom: 10px;
		margin-top: 0;
		position: relative;
	}
	.education-cover-gap-right h3 span {
		margin-right: 3px;
	}
	.education-cover-gap-right .view_detail {
		float: right;
		font-size: 16px;
		color: #01ADEF;
		font-family: interstatepl;
		padding-top: 6px;
		text-decoration: underline;
	}
	ul.calLst li {
		font-size: 16px;
		line-height: 22px;
		color: #666;
	}
	#section1 .icon-holder,#section3 .icon-holder {
		width: 100%;
		display: inline-block;
	}
	#section1 .icon-holder ul,#section3 .icon-holder ul {
		width: 100%;
		float: right;
		text-align: center;
	}
	#section1 .icon-holder ul li,#section3 .icon-holder ul li {
		width: 25%;
		float: none;
		display: inline-block;
		margin-bottom: 0;
	}
	#section1 .icon-holder ul li:first-child{
	    margin-right: 75px;
	}
	#section3 .icon-holder ul li {
		width: 23%;
		margin-left: 50px;
	}
	#section3 .icon-holder ul li:first-child {
		margin-left: 0;
	}
	.section-single-wrap,.section-double-wrap {
		height: 400px;
	}
	.result_on .section-single-wrap,.result_on .section-double-wrap {
		height: 440px;
	}
	/* .section08 .section-double-wrap{height:460px}
	.section05 .section-double-wrap{height:460px} */
	.main.initial .section-single-wrap, .main.initial .section-double-wrap{
		height: 455px;
	}
	.section-double-wrap {
		padding: 30px 35px 50px 50px;
	}
	.citi-calc-wrap .prev, .citi-calc-wrap .next {
		width: 38px;
		height: 65px;
		top: 40%;
	}
	.report_page .prev, .report_page .next{
		top: 46%;
	}
	.icon-text {
		width: 100%;
	}
	#section14 h3 {
		margin-top: 80px;
	}
	.icon-num, .income-val, .children_val, .parent_value, .insured-value{
		font-size: 60px;
	}
	#section2 .ageicon,#section5 .icon,#section6 .icon,#section4 .income-graphic,#section7 .insureicon .icon{
		margin-top: 45px;
	}
	#section2.section02 .ageicon{
		margin-top: 110px;
	}
	#section5_1 h4,#section14 h4 {
		margin: 0;
		font-size: 24px;
		display: inline-block;
		width: 100%;
		line-height: normal;
		font-family:"interstatepl";
	}
	#section5_1 h4{
		color:#00ADEF;
		font-size: 16px;
		margin-top: 10px;
		margin-bottom: 5px;
	}
	#section14 h4 {
		color:#515151;
		font-size: 20px;
	}
	#section14 ul li ,.education-cover-gap .block ul li{
		list-style: none;
		margin: 0;
		display: inline-block;
		margin-right: 20px;
	}
	#section14 ul li{
		width:28%;
		vertical-align: middle;
	}
	#section5_1.section05 .icon-holder > ul {
		display: table;
		width: 100%;
	}
	#section5_1.section05 .icon-holder > ul > li {
		display: inline-block;
		width: 28%;
		margin-left: 0;
		margin-right: 20px;
		list-style: none;
		margin-bottom: 0;
		cursor: auto;
	}
	#section5_1.section05 .icon-holder > ul > li:first-child{
		margin-left:0;
		display:none;
	}
	#section5_1.section05 .icon-holder > ul > li#child_drop_2 {
		margin-right: 35px;
	}
	#section5_1.section05 .icon-holder > ul > li .sbHolder,#section5_1.section05 .icon-holder > ul > li .info-txt.input-text {
		width: 90%;
	}
	#section5_1.section05 .icon-holder > ul > li .sbHolder {
		margin: 6px 0;
	}
	.block ul{
		margin: 0;
		padding: 0;
	}
	.education-cover-gap .block ul li{
		width: 21.8%;
		vertical-align: middle;
		margin-right: 0;
		margin-left: 30px;
	}
	.education-cover-gap .block ul li.last{
		margin-left: 0;
		margin-top: 15px;
	}
	.education-cover-gap .block ul li.last .qty-btn {
		margin: 0;
	}
	.education-cover-gap .block ul li.last .qty {
		width: 40%;
	}
	.education-cover-gap .block ul li:first-child{
		margin-left: 0;
	}
	.education-cover-gap .block p.select,.education-cover-gap .block p.text-cover{
		margin:0;
	}
	.education-cover-gap .block h5{
		margin: 0;
		padding: 0;
		font-size: 15px;
		color: #888;
		margin-bottom: 15px;
		font-family:"interstatepl";
	}
	#section14 .btn-blue {
		height: 50px;
		line-height: 50px;
		padding: 0 20px;
		margin-top: 19px;
		text-transform:uppercase;
	}
	#section5_1 .select {
		width: 80%;
	}
	#section5_1.section05 .icon-holder > ul > li .select {
		margin: 0;
		padding: 0;
	}
	#section5_1.section05 .icon-holder > ul > li .select select {
		height: 40px;
		line-height: 40px;
	}
	#section5_1 .text-cover{
		margin-top: 5px;
	}
	.citi-calc-wrap .clc-disclaimer{
		padding: 13px;
		height: 120px;
		border: 1px solid #ddd;
		padding-right: 0;
		margin-top: 25px;
		line-height: 18px;
		font-size: 12px;
		padding-right: 5px;
		width:100%;
	}
	.citi-calc-wrap .clc-disclaimer p{
		margin-top: 0;
	}
	.citi-calc-wrap .clc-disclaimer ul{
		list-style: disc outside;
		margin-left: 15px;
	}
	.citi-calc-wrap .clc-disclaimer ul li {
		display: list-item;
	}
	.slider {
		max-width: 420px;
	}
	.financial-val,.calendar-val,.mon-income-val,.savings-invest-val{
	    float: right;
		margin: 30px 0 20px;
		font-size: 60px;
		text-align: left;
	}
	.financial-val,.calendar-val,.mon-income-val,.savings-invest-val {
		width: 100%;
	}
	.savings-invest-val.bordered-val,.income-val.bordered-val  {
		margin-top: 20px;
		margin-bottom: 50px;
	}
	.mon-income-val.bordered-val {
		margin-top: 30px;
		margin-bottom: 60px;
	}
/* 	.financial-val.bordered-val {
		margin-top: 15px;
		margin-bottom: 45px;
	} */
	.section08 .calendar-val,.section07 .financial-val{
		margin: 15px 0 45px;
	}
	.bordered-val {
		width: 100%;
		margin-top: 0;
		margin-bottom: 30px;
		position: relative;
	}
	.bordered-val span {
		font-size: 34px;
		left: 8px;
	}
	#section4.section07 .income-graphic{
		
	}
	#section4.section09 .income-graphic,#section4.section10 .income-graphic,#section4.section12 .income-graphic,#section4.section07 .income-graphic,#section4.section08 .income-graphic{
		width: 99px;
	}
	#section7 .insureicon .icon{
		margin-left: 40px;
	}
	#section6.section06 .icon{
		margin-top: 75px;
	}
	.citi-logo {
		width: 71px;
		height: 41px;
	}
	.citi-logo {
		margin: 16px 0 0 40px;
	}
	.heading-top {
		padding: 0;
		margin: 0;
		padding-top: 30px;
		color: #fff;
		padding-right: 40px;
		font-size: 14px;
		font-family: "interstate";
		display: inline-block;
		float: right;
	}
	.slider.age-slider,.slider.child-slider,.slider.parent-slider,.slider.income-slider,.slider.insured-slider,.section10 .slider.income-slider,.section09 .slider.income-slider,.section12 .slider.income-slider{
		padding: 1px 19px 0 8px;
		width: 462px;
		max-width: 462px;
		min-height: 59px;
		height: 59px;
	}
	.section07 .slider.income-slider,#section4.section08 .income-slider,#section4.section09 .income-slider,#section6.section06 .parent-slider{
		padding-left: 0;
		padding-right: 11px;
	}
	.section10 .slider.income-slider,#section4.section12 .income-slider{
		padding-left: 0;
		padding-right: 12px;
	}
	.section11 .slider.insured-slider{
		padding-left: 0;
		padding-right: 12px;
	}
	.citi-calc-wrap .ui-slider .ui-slider-handle {
		width: 37px;
		height: 37px;
		top: -20px;
		margin: 0 0 0 -14px;
	}
	.section02 .icon-num{
		font-size: 100px;
		margin: 20px 0 20px;
	}
	.education-cover-gap .block {
		position: relative;
	}
	.education-cover-gap .heading-text {
		font-size: 16px;
		color: #666;
		line-height: 45px;
		font-family: "interstatepl";
		margin-top:-13px;
	}
	.education-cover-gap .heading-text input,.education-cover-gap .heading-text select {
		width: auto;
		font-size: 16px;
		padding:4px;
		color: #01ADEF;
		border: 1px solid #E0E0E0;
		font-family: "interstatepl";
		margin-left: 3px;
		margin-right: 2px;
		outline: 0;
	}
	.education-cover-gap .heading-text .age_txtbox,.education-cover-gap .heading-text .period_txtbox {
		max-width: 40px;
	}
	.education-cover-gap .heading-text .income_txtbox {
		max-width: 100px;
	}
	.education-cover-gap .heading-text .sbHolder{
		max-width: 40px;
		display: inline-block;
		vertical-align: bottom;
		border: 1px solid #E0E0E0;
	}
	.education-cover-gap .heading-text .age_txtbox .sbHolder,.education-cover-gap .heading-text .period_txtbox .sbHolder {
		max-width: 40px;
	}
	.education-cover-gap .heading-text .income_txtbox .sbHolder {
		max-width: 100px;
	}
	.education-cover-gap .heading-text .sbToggle{
		display: none;
	}
	.education-cover-gap .heading-text .sbOptions{
		/* max-height: initial !important;
		outline: 1px solid #E0E0E0; */
	}
	.education-cover-gap .heading-text .sbOptions a{
		text-align: center;
		margin: 0;
		line-height: normal;
	}
	
	.education-cover-gap .heading-text .sbSelector,.education-cover-gap .heading-text .sbSelector:link{
		width: 100%;
		color: #01ADEF;
		font-family: "interstatepl";
	}
	
	.tooltip{
		background: url(../images/tool-tip.png) no-repeat;
		width: 13px;
		height: 13px;
		position: relative;
		display: inline-block;
		margin-left: 5px;
		top: 0px;
	}	
	.tooltip span {
		z-index: 10;
		display: none;
		padding: 14px 20px;
		width: 300px;
		line-height: normal;
		margin:0;
		text-align:left;
		font-size: 14px;
	}
	.tooltip span:after {
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #A8A9AD;
		right: 140px;
		content: '';
		position: absolute;
		bottom: -10px;
	}
	/* .tooltip:hover span {
		display: inline;
		position: absolute;
		color: #fff;
		border: 0;
		background: #A8A9AD;
		left: -145px;
		bottom: 25px;		
	} */
	
	.toolTipWrapper{
		padding:0;
		float:left;
		color:#fff;
		font-size:14px;
	}
	.tooltipForm,.tooltipForm_small {
		background:none repeat 0 0 #A8A9AD;
		display:none;
		padding:10px;
		position:absolute;
		width:300px;
		z-index:99999;
		top:50px; 
		border-radius: 4px;
		box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.15);
	}
	.tooltipForm_small {
			width: 150px;
	}
	.tooltipForm span,.tooltipForm_small span {
		z-index: 10;
		display: block;
		width: 300px;
		line-height: normal;
		margin:0;
		text-align:left;
		font-size: 14px;
	}
	.tooltipForm_small span {
		width: 150px;
	}
	.tooltipForm span:after,.tooltipForm_small span:after {
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #A8A9AD;
		right: 140px;
		content: '';
		position: absolute;
		bottom: -9px;
	}
	.tooltipForm_small span:after {
		right: 65px;
	}
	#en_section1 .tooltip:hover span,#en_section5 .tooltip:hover span{
		left: -85px;
		width: 175px;
	}
	#en_section1 .tooltip span:after,#en_section5 .tooltip span:after{
		    right: 74px;
	}
	.tooltip span {
		border-radius:4px;
		box-shadow: 3px 3px 12px rgba(0,0,0,0.15);
	}
	.section00-left,.section00-right {
		font-family: "interstatepl";
	}
	.section00-left {
		width: 63%;
		float: left;
	}
	.section00-right {
		width: 35%;
		float: right;
	}
	p.fixed-tooltip {
		width: 100%;
		background: #E8E8E8;
		padding: 10px;
		border-radius: 10px;
		color: #666;
		font-size: 13px;
		line-height: 18px;
		display: inline-block;
		position: relative;
		font-family: "interstate";
		margin: 26px 0 35px;
	}
	p.fixed-tooltip:after {
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-top: 15px solid #E8E8E8;
		right: 20px;
		content: '';
		position: absolute;
		bottom: -15px;
	}
	p.fixed-tooltip span {
		width: 80%;
		float: right;
		text-align:justify;
		padding:0 10px;
	}
	p.fixed-tooltip img {
		margin-top: 15px;
	}
	.section00-left h5 {
		font-size: 18px;
		color: #022D72;
		display: inline-block;
		width: 100%;
		margin: 0;
		margin: 41px 0 0;
	}
	.close_btn{
		background: url(../images/close.png) no-repeat;
		width: 18px;
		height: 17px;
		position: absolute;
		top: -34px;
		right: 20px;		
	}	
	.refresh_btn{
		background: url(../images/refresh.png) no-repeat;
		width: 21px;
		height: 19px;
		position: absolute;
		top: -34px;
		right: 53px;		
	}
	.slide-content1 .close_btn,.slide-content1 .refresh_btn{
		top: 17px;
	}
	.section05 .qty {
		width: 152px;
		font-size: 30px;
		height: 68px;
		line-height: 68px;
		text-align: center;
		color: #00ADEF;	
		border-radius: 0;
	}
	.section05 input.qtyplus, .section05 input.qtyminus{
		height: 68px;
		width: 68px;
		line-height: 65px;
		font-size: 40px;
		font-family: "interstatepl";
		font-weight: normal;
		color: #999;
		padding: 0;
		margin: 0;
		vertical-align: middle;
	}
	.section05 .qty-btn {
		margin: 15px 0 10px 0;
		display: inline-block;
	}
	.hint-text {
		color: #666;
		font-size: 14px;
		margin: 0;
		padding: 0;
		width: 100%;
		margin-bottom: 10px;
		font-family: "interstatepl";
	}
	.hint-text.mb-0 {
		margin-bottom: 0;
		padding:16px;
	}
	.hint-text.small {
		font-size: 11px;
		margin-top: 10px;
		margin-bottom: 0;
	}
	.bordered-val .input-text, .bordered-val .box-cover{
    font-size: 37px;
    font-family: interstatepl;
    font-weight: 400;
    color: #00ADED;
	}
	.bordered-val .input-text{
		padding-right: 0px;
	}
	.bordered-val.financial-val .input-text{
	/*	padding: 0;
        padding-left: 80px;
        padding-right: 10px;
        line-height: normal;
        font-size: 33px;
        display: block;*/
	}
	.bordered-val .box-cover {
		padding: 0;
		border: 1px solid #ddd;
		position: relative;
		line-height: 68px;
	}
	.bordered-val.financial-val .box-cover{
		float:left;
		margin-top: 0;
		height: 50px;
        line-height: 47px;
	}
	.bordered-val.financial-val .box-cover{
		width: 100%;
	}
	.bordered-val .input-text {
text-align: right;
    border: 0;
    width: 74%;
    height: 94%;
    line-height: 91%;
	}
	#view-result {
		float: right;
		margin-top: 15px;
		text-transform: uppercase;
		padding: 15px 20px;
	}
	.result_on #view-result {
		margin-top: 25px;
	}
	p.view-result-cover {
		display: none;
		text-align: right;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.year-select {
		width: 30%;
		display: inline-block;
		float: right;
	}
.section07 .financial-val {
		margin: 0;
		width: 68%;
		float: left;
		position: relative;
	}
	.year-select,.section08 .calendar-val,.section07 .financial-val{
		margin-bottom: 45px;
		margin-top: 20px;
	}
	/* .section07 .financial-val{
        margin-top: 20px;
	} */
.section08 .calendar-val label,.section07 .financial-val label,.year-select label{
	color: #333;
	font-family: interstatepl;
    font-weight: 500;
	font-size: 14px;
    float: left;
	width: 100%;
}

.year-select .select {
    display: inline-block;
    margin: 0;
    width: 100%;
    margin-top: 0;
}
.year-select .select select {
    height: 50px;
	line-height:45px;
	padding: 10px;	
    font-size: 16px;
    color: #666;
    font-family: interstatepl;
	padding-top: 8px;
}
.ie .year-select .select select {
	padding-top: 10px;
}
.year-select .select select option {
    font-size: 14px;
	height: auto;
	line-height:normal;
	padding: 3px;
    color: #666;
    font-family: interstatepl;
}
.financial-val.bordered-val span{
    padding: 0;
    left: 3px;
	top: 0;
    font-size: 33px;
}
p.title-text {
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
    font-size: 15px;
    color: #666;
	font-family: interstatepl;
	display: inline-block;
    width: 100%;
}
#en_section0 p.title-text {
    padding: 0;
	margin-bottom: 20px;
}
#en_section0 .education-cover-gap-right {
/*     margin-top: 68px; */
}
p.note-msg {
    display: inline-block;
    width: 97%;
    background: #F5F5F5;
    padding: 15px;
    line-height: 20px;
    font-size: 14px;
    font-family: interstate;
    color: #969799;
    border-radius: 5px;
    position: absolute;
    bottom: 3%;
    left: 0;
    right: 0;
    margin: auto;
}
p.note-msg a{
	color:#01ADEF;
}
p.note-msg a:hover{
	text-decoration:underline;
}
p.no-bg {
    position: relative;
    background: none;
    padding: 0;
    margin-top: 10px;
}
.error-msg{
	color:#f00;
	float:left;
	margin:0;
	margin-bottom:5px;
	margin-top: 3px;
}
/*********** Modal window ************/	

.modal-open {
  overflow: hidden;
  position: fixed;
  height: 100%;
  width:100%;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.center-table{
	display: table;
	/*     height: 100%;
    margin: 0 auto; */
    margin: 3% auto 1% auto;
}
.center-table-cell{
	display: table-cell;
	vertical-align: middle;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: 390px;
  margin: 0 auto;
}
#view_detail .modal-dialog{
	width: 500px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #333;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-body {
  position: relative;
  padding: 30px;
}  
.modal-body h3 {
    font-size: 20px;
    margin: 0;
    padding: 0;
    color: #00ADEF;
    margin-bottom: 45px;
    font-family: interstatepl;
    text-align: left;
}
#view_detail .modal-body h3{
	margin-bottom: 20px;
}
.modal-body h5 {
	font-size: 14px;
    text-align: left;
	font-family: interstatepl;
	color:#717173;
	margin: 0;
    padding: 0;
}
.modal-body ul{
	width: 72%;
    margin: 0 auto;
    text-align: left;
    padding: 0;
    list-style: none;
}
.modal-body ul li{
	width:100%;
	margin-bottom: 0px;
}
.modal-body .qty-btn{
	width: 100%;
	margin-top: 8px;
}
.modal-body .qty{
	width: 136px;
}
.modal-body table {
    border-collapse: collapse;
    border: 1px solid #ddd;
	width: 100%;
}
.modal-body th,.modal-body td {
    padding: 15px 10px;
    font-family: interstatepl;
    font-size: 16px;
    color: #666;
}
.modal-body th {
	padding: 18px 10px;
	background: #DFE0E2;
    color: #717173;
    font-size: 14px;
}
.modal-body td {
    border-top: 1px solid #ddd;
	text-align: center;
}
.modal-body td:first-child {
    width: 100px;
    text-align: left;
}
.modal-body th:nth-child(2), .modal-body td:nth-child(2) {
    text-align: left;
}
.modal .close {
    float: right;
    font-size:30px;
    font-weight: normal;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    right: 7px;
    position: absolute;
 
    z-index: 99;
}
.modal .result_page_overlay .close {
    margin-top: 0;
}
.modal .close:hover {
    filter: alpha(opacity=50);
    opacity: .5;
}

.btn#recalculate{
	width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
}
#section5_1 .icon {
    width: 318px;
    height: 243px;
    float: left;
}
#section5_1 .child_1 .icon,#section5_1 .child_2 .icon,#section5_1 .child_3 .icon,#section5_1 .child_4 .icon,#section5_1 .child_5 .icon {
    background: url(../images/children-spirit.png) no-repeat 0 -929px;
    background-size: inherit;
}
#section5_1 .child_2 .icon{background-position: 0 -684px;}
#section5_1 .child_3 .icon{background-position: 0 -494px;margin-top: 50px;}
#section5_1 .child_4 .icon{background-position: 0 -242px;margin-top: 40px;}
#section5_1 .child_5 .icon{background-position: 0 0px;margin-top: 40px;}
.education-cover-graphic-image{
	position: relative;    
}
.education-cover-graphic-image canvas {
    position: absolute;
    top: 0;
    left: 0px;
}
.education-cover-gap .section-head{
	padding:0;
	margin:0
}
.result_page_overlay{
    margin: auto;
	padding: 0;
    position: relative;
	width: 965px;
}
.result_page_overlay > li {
    position: static;
}
#view_detail,#inflation_rate {
    z-index: 9999999;
}
.report-section .more_info,.result_page_overlay .more_info {
    margin: 10px 0 0 0;
}
.result_page_overlay .section{
	padding: 25px;
    height: auto;
    display: inline-block;
    width: 100%;
    margin: 0;
}
.result_page_overlay .section{
	box-shadow:0 5px 15px rgba(0, 0, 0, 0.5)
}
.result_page_overlay .section-head{
	font:bold 28px interstatepl;
	height:auto;
	margin:0 0 20px 0;
	color:#00adef;
}
.report-block canvas {
	float:left;
}
.education-cover-gap-right .t-right {
    margin-bottom: 0;
}
.upgrade-warning{
	background:#ED8800;
	padding: 0 0 0 15px;
	display: block;
	width:100%;
	position: relative;
	top:0;
	left:0;
	right:0;
	color: #fff;
	height: 30px;
	line-height:30px;
}
.upgrade-warning a{
	color: #fff;
}
.upgrade-warning .warning-icon{
	background: url(../images/dialog-warning.png) no-repeat left;
	width: 16px;
	height: 15px;
	float: left;
	margin-top: 6px;
	margin-right: 8px;
}
p.view-result-wrapper {
    margin: 0;
    padding: 0;
}
.report-block .summary-detail-btn {
	/*display: none;*/
}
.report-block .summary-detail-btn {
	padding: 5px 8px;
	text-transform: uppercase;
	font-size: 12px;
	background: rgba(0,0,0,0.25);
	font-family: "interstatepl";
	margin-top: 10px;
	display: inline-block;
	font-weight: normal;
	border-radius: 3px;
	color: #fff;
	transition: 0.25s ease-in-out all;
}
.report-block .summary-detail-btn:hover,.report-block li:hover .summary-detail-btn {
	background: rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.4);
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.4);
	box-shadow: inset 0 0 10px rgba(0,0,0,0.4);		
}
.rearranged {
    display: table;
    margin-top: 30px;
	width: 100%;
}
.rearranged .slider {
    display: table-footer-group;
    margin-top: 50px;
}
.section07 .rearranged,.section07 .rearranged .slider {
	margin-top: 0;
}
.section09 .rearranged {
    margin-top: 40px;
}
.section09 .rearranged .slider {
    margin-top: 60px;
}
.section08 .rearranged .slider {
    margin-top: 45px;
}
.rearranged .bordered-val,.rearranged .top {
    display: table-header-group;
    float: none;
}
.rearranged .top .bordered-val {
    display: inline-block;
    float: inherit;
}
.visible-active{
	visibility: hidden;	
}
.visible-hidden{
	visibility: visible;	
}
.view-result-visible-sm{
	display: none;
}




 
/*********** Focus Firefox *************/
@-moz-document url-prefix() {
  .bordered-val.calendar-val .box-cover,.bordered-val.financial-val .box-cover{
      line-height: 48px;
  }
  .bordered-val span {
		height: 100%;
		line-height: -moz-block-height;
	}
}    
	
/*********** Focus ie8 *************/
@media all\0 { 
	.headerTxt h1{
		line-height:30px;
	}
/* 	#section4.section09 .income-slider {
		padding-right: 21px;
	} */
	.bordered-val .input-text{
		line-height: 50px;
	}
	.sbOptions{
		outline-width:1px !important;
		outline-style: solid !important;
		outline-color: #ccc !important;
	}
	.slide-content,.slide-content1,.slide-content2{
		max-height: none;
	}
	.result_on .section10 .hint-text{
		word-break: break-all;
	}
}
/* IE9 uses \9 */
@media all and (monochrome:0) { 
	.slide-content,.slide-content1,.slide-content2{
		max-height: 460px;
	}
	.result_on .slide-content{
		max-height: 500px;
	}
	/* .result_on .section10 .hint-text{
		word-break: break-all;
	} */
} 

/* IE10 and IE11 both use -ms-high-contrast */
@media all and (-ms-high-contrast:none) {
	.slide-content,.slide-content1,.slide-content2{
		max-height: 460px;
	}
	.result_on .slide-content,.result_on .slide-content1,.result_on .slide-content2{
		max-height: 500px;
	}
 }
 
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.result_on .section10 .hint-text{
		word-break: break-all;
	}
}
@media only screen and (max-width:992px){
	.citi-calc-wrap {
		max-width: 100%;
	}
	.slider,.slider.age-slider, .slider.child-slider, .slider.parent-slider, .slider.income-slider, .slider.insured-slider, .section10 .slider.income-slider, .section09 .slider.income-slider, .section12 .slider.income-slider{
		width: 100%;
	}
	.section-double-wrap .section-right {
		width: 55%;
	}
	.slide-content, .slide-content1, .slide-content2,.result_on .slide-content {
		min-height: initial;
		max-height: initial;
	}
/* 	#section5_1 ul li {
		width: 23%;
		margin-left: 0px;
	} */
	#child_1 .sbHolder .sbOptions li,#child_2 .sbHolder .sbOptions li,#child_3 .sbHolder .sbOptions li,#child_4 .sbHolder .sbOptions li,.child-count .sbHolder .sbOptions li{
		margin: 0;
	}
	#section0 h1 {
		width: 100%;
	}
	.qty {
		width: 40%;
	}
	.education-cover-gap h4{
		margin-top: 0;
	}
	.education-cover-gap .block ul li{
		width: 22.6%;
		margin-left: 15px;
	}
	.education-cover-gap .block h5 {
		font-size: 11px;
		margin-bottom: 10px;
	}
	.education-cover-gap input.qtyplus, .education-cover-gap input.qtyminus {
		width: 38px;
	}
	.education-cover-gap .block ul li.last .qty {
		padding: 0 10px;
	}
	.education-cover-gap-right h3{
		text-align: left;
	}
	.report-block li{
		width: 23.5%;
		margin-left: 2%;
	}
	.report-block .report_noedu li {
		width: 32%;
	}
	.report-block li .report-title {
		font-size: 15px;
	}
	.report-block li .report-amount {
		font-size: 16px;
	}
	.report-block li .report-img{
		margin-top: 10px;
	}
/* 	.section11 .slider.insured-slider {
		padding-right: 15px;
	} */
	p.fixed-tooltip img {
		width: 18%;
	}
	.section05 .qty {
		width: 130px;
	}
	#section5_1.section05 .icon-holder > ul > li {
		margin-right: 5px;
		width: 30%;
		margin-bottom: 6px;
	}
	#section5_1.section05 .icon-holder > ul > li .sbToggle {
		display: none;
	}
	#section5_1.section05 .icon-holder > ul > li .sbSelector {
		width: 100%;
	}
	#section4.section08 h3,#section4.section07 h3 {
		font-size: 18px;
		line-height: 22px;
		margin-bottom: 5px;
		margin-top: 0;
	}
	#section4.section08 h3 {
		font-size: 20px;
		line-height: 25px;
	}
	.year-select, .section08 .calendar-val,.section07 .financial-val {
		margin-bottom: 0;
		margin-top: 10px;
	}
	.section07 .financial-val {
		margin-top: 0;
	}
	.year-select,.section08 .calendar-val,.section07 .financial-val {
		width: 100%;
	}
	#section4.section08 .income-slider,#section4.section07 .income-slider {
		margin-top: 30px;
	}

	.section08 .calendar-val label,.section07 .financial-val label, .year-select label {
		width: 100%;
		height: initial;
	}
	.year-select .select,.bordered-val.calendar-val .box-cover,.bordered-val.financial-val .box-cover {
		width: 300px;
	}
	.education-cover-gap-right .view_detail {
		float: none;
	}
	.result_page_overlay{
		width: 98%;
	}
	.section08 .section-double-wrap {
		height: 440px;
	}
	.section-double-wrap .section-left{
		width: 42%;
	}
	.bordered-val .input-text, .bordered-val.calendar-val .input-text,.bordered-val.financial-val .input-text{
		padding: 0 0 0 90px;
	}
	.bordered-val.financial-val .box-cover,.bordered-val span, .bordered-val .input-text, .bordered-val.calendar-val .input-text,.bordered-val.financial-val .input-text,.financial-val.bordered-val span,.bordered-val .box-cover{
		font-size: 36px;
	}
	.footerDisclaimer {
		margin-top: 20px;
		padding: 0 15px;
	}
}
@media only screen and (min-width: 768px) {
	.section-head {
		font-size: 20px;
		padding: 0;
		font-weight: normal;
		padding-left: 10px;
	}	
	.slider.age-slider,.slider.child-slider{
		padding-right: 14px;
		padding-left: 3px;
	}
	.section-double-wrap .section-right {
		width: 46%;
	}
	.icon-num, .income-val, .children_val, .parent_value, .insured-value{
		font-size: 50px;
	}
	.section07 .sub-image, .section09 .sub-image, .section10 .sub-image, .section12 .sub-image,.section08 .sub-image {
		width: 147px;
	}
/* 	.bordered-val span {
		font-size: 30px;
	} */
/* 	#section4.section08 .income-slider {
		padding-right: 15px;
		padding-left: 2px;
	} */
/* 	#section4.section09 .income-slider{
		padding-right: 15px;
	} */
	#section14 ul li {
		width: 29%;
	}
	#section4.section08 .income-graphic1{
		width: 142px;
		background-size: 100%;
	}
	#section4.section08 .income-graphic-value2, #section4.section08 .income-graphic-value1{
		top: 30%;
	}
	.report-block li {
        -webkit-transition: all .35s ease-in-out;
        -moz-transition: all .35s ease-in-out;
        transition: all .35s ease-in-out;
    }
    .report-block li:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
        z-index: 9;
    }
	.report-block.no-label {
		margin-top: 25px;
	}
	.result_on .report-block.no-label {
		margin-top: 70px;
	}
}
@media only screen and (min-width: 992px) {
	.slider.age-slider,.slider.child-slider{
		padding: 1px 19px 0 8px;
	}
	/* .slider.parent-slider{
		padding: 1px 32px 0 10px;
	} */
	.section-double-wrap .section-right {
		width: 58%;
	}
	.icon-num, .income-val, .children_val, .parent_value, .insured-value{
		font-size: 60px;
	}
	.section07 .sub-image, .section09 .sub-image, .section10 .sub-image, .section12 .sub-image {
		width: 147px;
	}
	.bordered-val span {
		font-size: 34px;
	}
/* 	#section4.section08 .income-slider {
		padding-right: 22px;
		padding-left: 8px;
	} */
/* 	#section4.section09 .income-slider{
		padding-right: 27px;
		padding-left: 2px;
	} */
	#section14 ul li {
		width: 28%;
	}
	#section4.section08 .income-graphic1{
		width: 179px;
		background-size: initial;
	}
	#section4.section08 .income-graphic-value2, #section4.section08 .income-graphic-value1{
		top: 18%;
	}
	
}
@media only screen and (max-width:768px){
	p.fixed-tooltip img {
		width: 18%;
	}	
	.headerTxt h1,p.fixed-tooltip {
		margin-top: 0;
	}
	.bordered-val .box-cover {
		width: 270px;
	}
	.section07 h3{
		font-size: 20px;
	}
/* 	#section4.section07 h3 {
		font-size: 15px;
	} */
	.bordered-val.calendar-val .box-cover,.bordered-val.financial-val .box-cover {
		width: 100%;
	}
	.section05 h3 {
		margin-bottom: 0;
		margin-top: 0;
	}
	#section5_1 .select {
		width: 100%;
	}
	.year-select .select {
		width: 100%;
	}
	#section5 h3, #section6 h3, #section4 h3, #section7 h3, #section2 h3,.section h3,#section4.section08 h3{
		margin-top: 0;
		font-size: 18px;
		line-height: 20px;
	}
	#section4.section08 h3{
		margin-bottom: 10px;
	}
	.bordered-val span, .bordered-val .input-text, .bordered-val.calendar-val .input-text,.bordered-val.financial-val .input-text{
		font-size: 40px;
		padding: 0 0 0 40px;
	}
	.bordered-val span{
		left: 12px;
		padding: 0;
	}
	#section3 .icon-holder ul li {
		width: 28%;
		margin-left: 20px;
	}
	#section4 h3{
		font-size: 18px;
	}
	#view-result {
		margin-top: 0;
		margin-bottom: 20px;
	}
	p.view-result-cover #view-result {
		margin-top: 15px;
		margin-bottom: 0;
	}
	.savings-invest-val.bordered-val{
		margin-top: 10px;
	}
	#section5_1.section05 .icon-holder > ul > li{
		width: 31%;
	}
	.tooltipForm,.tooltipForm_small,.tooltipForm span,.tooltipForm_small span {
		width:200px;
	}
	.tooltipForm span:after,.tooltipForm_small span:after {
		right: 90px;
	}
	.bordered-val .input-text, .bordered-val.calendar-val .input-text,.bordered-val.financial-val .input-text{
		padding: 0 0 0 76px;
	}
	.bordered-val.financial-val .box-cover,.bordered-val span, .bordered-val .input-text, .bordered-val.calendar-val .input-text,.bordered-val.financial-val .input-text,.financial-val.bordered-val span,.bordered-val .box-cover{
		font-size: 32px;
	}
}

@media only screen and (max-width:767px){
	#footer {
		bottom: 0px;
		position: relative;
	}
	#section0 h1 {
		width: 100%;
	}
	.headerTxt h1 {
		font-size: 26px;
		line-height: initial;
	}
	.citi-calc-wrap .clc-disclaimer{
		height: 150px;    
		line-height: 17px;
	}
	.section-single-wrap, .section-double-wrap,.main.initial .section-single-wrap, .main.initial .section-double-wrap,.slide-content1 .section-single-wrap, .slide-content1 .section-double-wrap,.result_on .section-single-wrap, .result_on .section-double-wrap,.section08 .section-double-wrap {
		height: auto;
	}
	.section, .section-double-wrap .section-double{
		padding-bottom: 0;
	}
	.slide-content1 .section,.section00 .section{
		padding-bottom: 20px;
	}
	.section-double-wrap .section-left,.section-double-wrap .section-right {
		background: transparent;
		border-radius: 0;
		border: 0;
		margin: 0;
		position: relative;
		display: inline-block;
		width: 100%;
	}
	.section-double-wrap .section-left{
		padding: 20px 10px 0 10px;
	}
	.section-double-wrap .section-right {
		padding: 0 15px;
	}
	.section05 .section-double-wrap .section-right {
		padding-bottom: 15px;
	}
	.result_on .section05 .section-double-wrap .section-right{
		padding-bottom: 0;
	}
	.section-double-wrap {
		padding: 0 10px;
		display: inline-block;
		width: 96%;
		background: #fff;
		margin: 0 2%;
		border-radius: 5px;
		margin-bottom: 2%;
	}
	.slider, .slider.age-slider, .slider.child-slider, .slider.parent-slider, .slider.income-slider, .slider.insured-slider, .section10 .slider.income-slider, .section09 .slider.income-slider, .section12 .slider.income-slider,#section4.section08 .income-slider, #section4.section07 .income-slider{
		margin: 0 auto 30px auto;
	}
	#section2.section02 .ageicon{
		margin-top: inherit;
	}
/* 	#section4.section09 .income-slider{
		padding-right: 36px;
		padding-left: 2px;
	} */
	.section h3{
		margin-bottom: 20px;
		text-align: left;
	}
	#section1 .icon-holder ul li, #section3 .icon-holder ul li{
		width: 100%;
		margin: 0;
		margin-bottom: 20px;
	}
	#section1 .icon-holder ul li:first-child,#section3 .icon-holder ul li:first-child {
		margin-right: 0;
		margin-top:0;
	}
	.icon-text {
		width: 125px;
	}
	.icon-num, .income-val, .children_val, .parent_value, .insured-value {
		margin-bottom: 20px;
		font-size: 45px;
	}
	.section12 .income-val{
		margin-bottom: 30px;
	}
	.section02 .icon-num {
		font-size: 60px;
    }
	#section2 .ageicon,#section5 .icon,#section6 .icon,#section4 .income-graphic,#section7 .insureicon .icon,#section6.section06 .icon{
		margin-top: 30px;
	}
	#section7 .insureicon .icon{
		width: 100%;
		margin: 0;
		margin-bottom: 30px;
	}
	#section5_1 > ul > li {
		width: 45%;
		margin-left: 20px;
		margin-right: 0;
		margin-top: 20px;
	}
	#section5_1 > ul > li:first-child {
		margin-left: 20px;
	}
	#section5_1.section05 .icon-holder > ul > li {
		display: inline-block;
		width: initial;
	}
	.financial-val, .calendar-val, .mon-income-val, .savings-invest-val {
		float: none;
		margin: 0 0 20px 0;
		font-size: 45px;
		text-align: center;
	}
	.section07 .sub-image, .section09 .sub-image, .section10 .sub-image, .section12 .sub-image, #section4.section08 .income-graphic1, #section4.section08 .income-graphic-value2, #section4.section08 .income-graphic-value1,.section08 .sub-image{
		width: 100%;
		background-position: 40% 75%;
		margin-top: 0;
		left: 0;
		position: absolute;
		background-size: 10%;
	}	
	#section4.section09 .income-graphic, #section4.section10 .income-graphic, #section4.section12 .income-graphic, #section4.section07 .income-graphic {
		display: inline-block;
		width: 100%;
		margin-top: 10px;
	}
	#section4.section08 .income-graphic1{
		height: 130px;
	}
	.section08 .calendar-val {
		margin: 15px 0 30px;
	}
	.mon-income-val.bordered-val, .savings-invest-val.bordered-val {
		margin: 20px 0 30px 0;
	}
	#section7 .insured-value {
		margin-bottom: 30px;
	}
	#section14 h3 {
		margin-top: 0;
		margin-bottom: 35px;
	}
	#section14 .icon-holder {
		padding: 0 30px;
	}
	#section14 ul li {
		width: 40%;
	}
	.education-cover-gap .block ul li {
		width: 100%;
		margin-left: 0;
		margin-bottom: 20px;
	}
	.education-cover-gap .block ul li.last {
		margin-top: 0;
	}
	.education-cover-gap .block{
		padding: 0 30px;
	}
	.education-cover-gap h4:after {
		top: 15px;
	}
	.education-cover-gap .block h5 {
		font-size: 14px;
	}
	.education-cover-gap .block p.t-right {
		padding-right: 0;
		position: initial;
		margin: 0;
	}
	.education-cover-gap .sbHolder .sbOptions li{
		margin-bottom: 0;
	}
	.sbSelector {
		width: 100%;
		padding-right: 38px;
	}
	.education-cover-gap-left,.education-cover-gap-right {
		width: 100%;
	}
	#en_section1 .education-cover-graphic-image, #en_section2 .education-cover-graphic-image, #en_section0 .education-cover-graphic-image, #en_section3 .education-cover-graphic-image, #en_section5 .education-cover-graphic-image{
		width: 100%;
		background-position: center;
	}
	.education-cover-gap-left span, .education-cover-gap-left h6{
		width: 100%;
	}
	.education-cover-gap-right ul li{
		width: 100%;
	}
	.education-cover-gap h4 {
		margin-top: 20px;
	}
	.education-cover-gap-right h3{
		font-size: 24px;
		margin-top: 20px;
	}
	.section-single-wrap.education-cover-gap {
		display: inline-block;
	}
	.report-block li{
		margin: 0 0 2% 2%;
		width: 49%;
		height: 200px;
	}
	.report-block li:first-child,.report-block li.report1 {
		margin-left: 0;
	}
	.report-form .education-cover-gap-right {
		width: 85%;
		margin: 0 auto;
		float: none;
	}
	.report-form .education-cover-gap-right .input-text {
		width: 100%;
	}
	.report-section p.t-right{
		position: fixed;
		bottom: 0;
		margin: 0 auto;
		left: 0;
		right: 0;		
	}	
	.citi-calc-wrap .ui-slider-horizontal {
		background: transparent;
	}
	.year-select{
		margin: 15px 0 35px 0;
	}
/* 	.section11 .slider.insured-slider {
		padding-right: 34px;
	} */
	.citi-calc-wrap .prev, .citi-calc-wrap .next{
		width: 28px;
	}
	.citi-calc-wrap .prev {
		left: 0;
	}
	.citi-calc-wrap .next {
		right: 0;
	}
	.barLeft, .barRight {
		width: 10px;
	}
	.section-wrap{
		width: 94%;
		margin: 0 auto;
	}
/* 	.bordered-val span{
		left: 32%;
		top: 10px;
	} */
	.section05 .qty-btn {
		margin: 0 auto 10px auto;
		display: table;
	}
	#section5_1.section05 .icon-holder > ul{
		text-align: center;
	}
	#section5_1.section05 .icon-holder > ul > li .sbToggle {
		display: block;
	}
	#section5_1.section05 .icon-holder > ul > li{
		width: 19%;
		margin-bottom: 15px;
	}
	#section5_1.section05 .icon-holder > ul > li#child_drop_2 {
		margin-right: 5px;
	}
	#section5_1 h4 {
		text-align: left;
		font-size: 14px;
	}
	#section5_1 .icon {
		float: none;
		margin: 20px auto;
	}
	#section5_1.section05 .icon-holder > ul > li .sbSelector,#section5_1.section05 .icon-holder > ul > li .sbOptions a {
		text-align: left;
	}
	.bordered-val .box-cover {
		width: 250px;
		margin: 0 auto;
	}
	#section4.section08 .income-graphic {
		display: inline-block;
		width: 100%;
		margin-top: 0;
	}
/* 	#section4.section08 h3,#section4.section07 h3 {
		font-size: 22px;
		line-height: 28px;
		margin-bottom: 20px;
	} */
	.year-select, .section08 .calendar-val,.section07 .financial-val {
		width: 100%;
		text-align: center;
	}
	.bordered-val.calendar-val .box-cover,.year-select .select,.bordered-val.financial-val .box-cover {
		width: 250px;
		margin: 0 auto;
		float: none;
		display: inline-block;
		text-align: left;
	}
	.section08 .calendar-val label,.section07 .financial-val label, .year-select label{
		font-size: 14px;
		margin-bottom: 8px;
	}
	.bordered-val.financial-val .input-text {
		padding: 0;
		padding-left: 24px;
	}
/* 	.calendar-val.bordered-val span {
		left: 35px;
	} */
	p.note-msg{
		width: 100%;
		position: relative;
	}
	#en_section0 .education-cover-gap-right {
		margin: 20px 0;
		margin-bottom: 0;
	}
	#en_section0 p.title-text {
		margin-bottom: 15px;
	}
	p.note-msg.no-bg {
		padding: 0;
		margin-bottom: 15px;
	}
	.education-cover-graphic-image canvas {
		position: absolute;
		top: 0;
		left: 0px;
		right: 0;
		margin: 0 auto;
		text-align: center;
		padding-left: 28px;
		margin-top: -2px;
	}
	.scroll_active .citi-calc-wrap {
		position: initial;
	}
	.tooltip {
		position: initial;
	}
	.tooltip span{
		padding: 10px;
		font-size: 12px;
		line-height: 16px;
	}
	.tooltip:hover span,#en_section1 .tooltip:hover span, #en_section5 .tooltip:hover span{
		left: 0;
		bottom:25px;
		width: 96%;
		right: 0;
		margin: 0 auto;		    
	}
	.tooltip span:after{
		display:none;
	}
	.year-select .select select, .bordered-val .box-cover{
		height: 50px;
		font-size: 18px;
		padding: 0 15px;
		line-height: 50px;
	}
	.bordered-val span,.bordered-val .input-text,.bordered-val.financial-val .input-text{
		font-size: 32px;
	}
	.bordered-val .input-text {
		padding: 0;	
		padding-left: 24px;	
		position: relative;		
	}
	.bordered-val span,.financial-val.bordered-val span{
		top: 0;
		left: 18px;
	}
	.financial-val.bordered-val span{
		top: 0;
		font-size: 30px;
	}
	.education-cover-gap .heading-text input, .education-cover-gap .heading-text select {
		padding: 5px;
	}
	.education-cover-gap .heading-text {
		line-height: 42px;
	}
	.section09 .income_val_1 .icon{
        background-position: center 0;
        width: 100%; 
    }
    .section09 .icon{
        margin-top: 0;
    }
	.result_page_overlay {
		margin-top: 2%;
		margin-bottom: 2%;
	}
	.modal-body .qty {
		width: 57%;
	}
	
	#section4.section12 .income-graphic-value#income-slider_id1,
	#section4.section10 .income-graphic-value#savings-invest-slider_id1,
	#section4.section07 .income-graphic-value#financial-slider_id1,
	#section4.section08 .income-graphic-value#calendar-slider_id1{
		background-position: center 0px;
	}
	#section4.section12 .income-graphic-value#income-slider_id2,
	#section4.section10 .income-graphic-value#savings-invest-slider_id2,
	#section4.section07 .income-graphic-value#financial-slider_id2,
	#section4.section08 .income-graphic-value#calendar-slider_id2{
		background-position: center -34px;
	}
	#section4.section12 .income-graphic-value#income-slider_id3,
	#section4.section10 .income-graphic-value#savings-invest-slider_id3,
	#section4.section07 .income-graphic-value#financial-slider_id3,
	#section4.section08 .income-graphic-value#calendar-slider_id3{
		background-position: center -79px;
	}
	#section4.section12 .income-graphic-value#income-slider_id4,
	#section4.section10 .income-graphic-value#savings-invest-slider_id4,
	#section4.section07 .income-graphic-value#financial-slider_id4,
	#section4.section08 .income-graphic-value#calendar-slider_id4{
		background-position: center -130px;
	}
	#section4.section12 .income-graphic-value#income-slider_id5,
	#section4.section10 .income-graphic-value#savings-invest-slider_id5,
	#section4.section07 .income-graphic-value#financial-slider_id5,
	#section4.section08 .income-graphic-value#calendar-slider_id5{
		background-position: center -189px;
	}
	#section4.section12 .income-graphic-value#income-slider_id6,
	#section4.section10 .income-graphic-value#savings-invest-slider_id6,
	#section4.section07 .income-graphic-value#financial-slider_id6,
	#section4.section08 .income-graphic-value#calendar-slider_id6{
		background-position: center -258px;
	}
	#section4.section12 .income-graphic-value#income-slider_id7,
	#section4.section10 .income-graphic-value#savings-invest-slider_id7,
	#section4.section07 .income-graphic-value#financial-slider_id7,
	#section4.section08 .income-graphic-value#calendar-slider_id7{
		background-position: center -335px;
	}
	#section4.section12 .income-graphic-value#income-slider_id8,
	#section4.section10 .income-graphic-value#savings-invest-slider_id8,
	#section4.section07 .income-graphic-value#financial-slider_id8,
	#section4.section08 .income-graphic-value#calendar-slider_id8{
		background-position: center -328px;
	}
	#section4.section12 .income-graphic-value#income-slider_id9,
	#section4.section10 .income-graphic-value#savings-invest-slider_id9,
	#section4.section07 .income-graphic-value#financial-slider_id9,
	#section4.section08 .income-graphic-value#calendar-slider_id9{
		background-position: center -414px;
	}
	#section4.section12 .income-graphic-value#income-slider_id10,
	#section4.section10 .income-graphic-value#savings-invest-slider_id10,
	#section4.section07 .income-graphic-value#financial-slider_id10,
	#section4.section08 .income-graphic-value#calendar-slider_id10{
		background-position: center -509px;
	}
	#section4.section12 .income-graphic-value#income-slider_id11,
	#section4.section10 .income-graphic-value#savings-invest-slider_id11,
	#section4.section07 .income-graphic-value#financial-slider_id11,
	#section4.section08 .income-graphic-value#calendar-slider_id11{
		background-position: center -616px;
		height: 83%!important;
	}
	#section4.section12 .income-graphic-value#income-slider_id12,
	#section4.section10 .income-graphic-value#savings-invest-slider_id12,
	#section4.section07 .income-graphic-value#financial-slider_id12,
	#section4.section08 .income-graphic-value#calendar-slider_id12{
		background-position: center -725px;
	}
	.report-section .btn#email-report,.report-section .btn#edit_qns {
		width: 50%;
	}
	.report-block{
		margin-bottom: 0;
	}
	.report-block li.report4, .report-block li.report1 {
		margin-bottom: 0;
	}
	.section07 .error-msg {
		width: 100%;
		text-align: center;
	}
	.tooltipForm span, .tooltipForm_small span {
		display: none;
	}
	.tooltipForm, .tooltipForm_small {
		width: 450px;
		left:0 !important;
		right:0 !important;
		margin: 0 auto;
	}
	.result_on .main {
		margin-bottom: 50px;
	}
	#section2 .ageicon, #section5 .icon, #section6 .icon, #section4 .income-graphic, #section7 .insureicon .icon, #section6.section06 .icon, #section4.section09 .icon {
		margin-top: 20px;
		margin-bottom: 30px;
	}
	#section4.section09 .icon {
		margin-bottom: 5px;
	}
	p.view-result-cover #view-result {
		margin-top: 0;
		margin-bottom: 15px;
	}
	.result_on #view-result {
		margin-top: 0;
	}
	.rearranged {
		display: inherit;
		margin-top: 0;
	}
	.rearranged .slider {
		display: inherit;
		margin-top: 0;
	}
	.rearranged .bordered-val,.rearranged .top {
		display: inherit;
		float: inherit;
	}
	.rearranged.bottom .bordered-val {
		margin-bottom: 30px !important;
	}
	.rearranged.bottom .top .bordered-val {
		margin-bottom: 0 !important;
	}
	.rearranged.bottom .top {
		display: inline-block;
		margin-bottom: 10px;
	}
	.section09 .rearranged {
		margin-top: 0;
	}
	
	.visible-active{
		display: none;
	}
	.visible-hidden{
		display: block;
		margin-top: 0!important;
	}
	.bordered-val .input-text{
		background: none;
	}	    
	.bordered-val .input-text, .bordered-val.calendar-val .input-text,.bordered-val.financial-val .input-text{
		padding: 0 0 0 60px;
	}
	.bordered-val.financial-val .box-cover,.bordered-val span, .bordered-val .input-text, .bordered-val.calendar-val .input-text,.bordered-val.financial-val .input-text,.financial-val.bordered-val span,.bordered-val .box-cover{
		font-size: 28px;
	}
}
@media only screen and (max-width:600px){
	#section5_1 > ul > li {
		width: 100%;
		margin-bottom: 10px;
		margin-top: 0;
		margin-left: 0;
	}
	#section5_1 > ul > li:first-child {
		margin-left: 0;
	}
	.sbHolder,.input-text {
		width: 100%;
	}	
	.section07 .sub-image, .section09 .sub-image, .section10 .sub-image, .section12 .sub-image {
/* 		background-size: 15%;
		height: 80px; */
	}
	#section14 ul li {
		width: 100%;
		margin-right: 0;
	}
	.education-cover-gap .block{
		padding: 0;
	}
	.report-form .education-cover-gap-right {
		width: 100%;
		display: inline-block;
	}
	.report-form .education-cover-gap-left .input-text, .report-form .education-cover-gap-right .input-text{
		width: 100%;
	}
	.report-form .education-cover-gap-left > p {
		margin-bottom: 20px;
	}
	form.report-form {
		margin-top: 0px;
	}
	.report-form .education-cover-gap-right > p {
		margin-top: 20px;
		margin-bottom: 0;
	}
	.citi-calc-wrap .ui-slider-horizontal {
		height: 0.2em;
	}
	.section00-left,.section00-right {
		width: 100%;
	}
	.section00-left {
		margin-bottom: 20px;
	}
	.section00-left h5{
		margin-top: 20px;
	}
	p.fixed-tooltip img {
		max-width: 100%;
		margin-top: 0;
		width:auto;
	}
	nav.slide-corousel{
		margin-left: 0;
	}
	nav.slide-corousel ul{
		margin: 0 2%;
		display: table;
		width: 96%;
		padding-top: 25px;
	}
	nav.slide-corousel ul li{
		display: table-cell;
		width: 2%;
		float: none;
		border-left: 1px solid #fff;
	}
	nav.slide-corousel ul li:first-child {
		border-left: 0;
	}
	#section5_1 .icon{
		background-size: 200px!important;
		width: 200px;
		height: initial;
		margin-top: 0;		
	}
	#section5_1 .child_1 .icon,#section5_1 .child_2 .icon,#section5_1 .child_3 .icon,#section5_1 .child_4 .icon,#section5_1 .child_5 .icon{
		height: 155px;
		margin-top: 0;
	}
	#section5_1 .child_1 .icon{background-position : 0 -608px;}
    #section5_1 .child_2 .icon{background-position: 0 -460px;}
    #section5_1 .child_3 .icon{background-position: 0 -307px;}
    #section5_1 .child_4 .icon{background-position: 0 -152px;}
    #section5_1 .child_5 .icon{background-position: 0 0px;}
	.report-block .report_noedu li {
		width: 100%;
		margin-left: 0;
		text-align: center;
	}
	.tooltipForm, .tooltipForm_small{
		width: 80%;		
	}
	#view-result {
		width: 100%;
		text-align: center;
		height: 50px;
		line-height: 50px;
		padding: 0;
		font-size: 14px;
	}
	/* 	p.view-result-cover #view-result {
		margin-bottom: 15px;
	} */

	p.view-result-cover,#view-result {
		margin: 15px 0;
	}
	p.view-result-cover #view-result{
		margin: 0;
	}
}
@media only screen and (max-width:560px){
	#section4.section09 .income-slider {
		padding-right: 12px;
	}
	#section5_1.section05 .icon-holder > ul > li {
		width: 100%;
	}
	#section5_1.section05 .icon-holder > ul > li .sbHolder, #section5_1.section05 .icon-holder > ul > li .info-txt.input-text {
		width: 100%;
	}
}
@media only screen and (max-width:480px){

	.citi-logo {
		margin-left: 20px;
	}
	.section-wrap {
		margin: 0 2%;
		top: initial;
		width: 96%;
	}
  	.result_on .section-wrap {
		overflow: hidden;
	}
 	/* body.result_on {
		overflow: hidden;
		overflow-x: hidden;
		overflow-y: auto;
	} */
	.init .section-wrap {
        top: -50px;
    }
	.barLeft, .barRight {
		display:none;
	}
	.main {
		padding: 10px 0;
	}
 	.result_on .main,.view_r .slide-content {
		margin-bottom: 50px;
	}
	.result_on .init .main {
		margin-bottom: 0;
	}
	.result_on .view_r .slide-content {
		margin-bottom: 0;
	}
	.result_on .slide-content{
		max-height: none;
	}	
	.section-head {
		height: initial;
		line-height: normal;
		font-size: 16px;
		padding: 10px;
	}
	.headerTxt h1 {
		font-size: 20px;	    
	}
	.headerTxt h1,.section-head {
		text-align: left;
	}
	#section0 .btn-blue{
		float: none;
		margin: 0 auto;
		display: table;
		width: 100%;
		text-align: center;
	}
	.section, .section-double-wrap .section-double,.slide-content1 .section, .section00 .section{
		padding: 15px;
	}
	.citi-calc-wrap .clc-disclaimer h6 {
		text-align: center;
		margin-bottom: 5px;
	}
	.bordered-val span,.financial-val, .calendar-val, .mon-income-val, .savings-invest-val,.bordered-val .input-text,.bordered-val.calendar-val .input-text {
        font-size: 30px;
	}
	.section h3,#section5 h3,#section6 h3,#section4 h3,#section7 h3,#section2 h3,#section4.section08 h3,#section4.section07 h3{
		font-size: 16px;
		line-height: normal;
		margin-bottom: 10px;
		padding-left: 5px;		
	}
	.top-bar {
		height: 44px;
	}
	.init .top-bar {
        height: 50px
    }
	nav.slide-corousel ul {
		padding-top: 10px;
	}
	nav.slide-corousel1 ul{
		text-align: center;
	}
	nav.slide-corousel1 ul li.icon{
		margin: 8px;
		margin-top: 20px;
		background-position: center top;
	}
	.report-block li {
        width: 100%;
		margin: 0;
		margin-bottom: 4%;
		text-align: center;
		height: auto;
	}
	.report-block li.report4{
		margin-top: 4%;
	}	
	.report-block li:first-child {
		margin-left: 0;
	}
	#en_section3 .report-section h2 {
		font-size: 20px;
	}
	.report-section .btn.btn-empty {
		padding-right: 0;
		width: 100%;
	}
	.report-block {
		margin-bottom: 0;
	}
	.slider.age-slider,.slider.child-slider ,.slider.parent-slider{
		padding-right: 15px;
		padding-left: 5px;
	}	
	.section07 .slider.income-slider,#section4.section09 .income-slider,#section6.section06 .parent-slider,.section10 .slider.income-slider,.section11 .slider.insured-slider,#section4.section12 .income-slider,#section4.section08 .income-slider {
		padding-left: 0;
		padding-right: 10px;
	}
	.section07 .sub-image, .section09 .sub-image, .section10 .sub-image, .section12 .sub-image, #section4.section08 .income-graphic1, #section4.section08 .income-graphic-value2, #section4.section08 .income-graphic-value1,.section08 .sub-image {
		background-size: 14%;
		background-position: 32% 75%;
	}
	.slider, .slider.age-slider, .slider.child-slider, .slider.parent-slider, .slider.income-slider, .slider.insured-slider, .section10 .slider.income-slider, .section09 .slider.income-slider, .section12 .slider.income-slider {
		margin: 0 auto;
	}	
	#section4.section08 .income-slider, #section4.section07 .income-slider {
		margin-top: 0;
	}
	.heading-top {
		width: 60%;
		padding-right: 10px;
		font-size: 12px;
		padding-top: 30px;
	}
	.refresh_btn,.close_btn{
		top: -29px;		
	}
	.refresh_btn{
		right: 45px;		
	}
	.close_btn{
		right: 10px;		
	}
	.slide-content1 .close_btn, .slide-content1 .refresh_btn {
		top: 12px;
	}
	.section05 .qty {
		width: 60px;
	}
	.hint-text{
		font-size: 12px;
		padding-left: 5px;
	}
	#section4.section08 h3 {
		font-size: 18px;
		line-height: 22px;
		margin-bottom: 15px;
	}
	#section4.section12 .income-slider{
		margin-bottom: 0;
	}
/* 	#view-result{
		margin-top: 0;
	} */
	p.note-msg{
		padding: 12px;
		line-height: 18px;
		font-size: 12px;
	}
	.education-cover-gap-right ul li {
		font-size: 13px;
	}
	.modal-dialog,#view_detail .modal-dialog{
		width: 96%;
		margin: 2% auto;
	}
	.modal-body {
		padding: 15px;
	}
	.modal-body h3 {
		font-size: 15px;
		margin-bottom: 25px;
	}
	.modal-body ul {
		width: 100%;
	}
	.modal-body .qty {
		width: 63%;
	}
	.modal-body ul li {
		margin-bottom: 10px;
	}
	.center-table {
		height: initial;
	}
	.result_page_overlay > li {
        top: 0;
        bottom: initial;
    }
	.report-section p{
		margin-bottom: 20px;
		margin-top: 0px;
	}
	.slide-content .section-outer {
		top: 42px;
	}
	#section5_1 .select {
		width: 100%;
	}
    .result_page_overlay h2.section-head{
        font-size: 20px;
    }
	.year-select .select,.year-select .select select, .bordered-val .box-cover,.bordered-val.calendar-val .box-cover,.bordered-val.financial-val .box-cover{
		width: 230px;
	}	
	.report-section .btn#email-report,.report-section .btn#edit_qns {
		font-size: 14px;
		padding: 0;
	}
	.education-cover-gap .heading-text {
		line-height: 38px;
		font-size: 14px;
	}
	.education-cover-gap-left span {
		font-size: 12px;
	}
	.education-cover-gap-right h3{
		font-size: 16px;
	}
	.toolTipWrapper {
		font-size: 12px;
	}
	.section-double-wrap {
		width: 94%;
		margin-left: 3%;
		margin-right: 3%;
	}
 	/* .section08 .section-double-wrap{
		margin-bottom: 50px;
	} */
	/* .result_on .section08 .section-double-wrap{
		margin-bottom: 2%;
	} */
	p.title-text {
		font-size: 14px;
	}
	#view-result,.education-cover-gap .btn-blue.form_page {
		width: 100%;
		text-align: center;
	}
	.section00-left h5 {
		margin-top: 10px;
	}
	.section00-left,p.fixed-tooltip {
		margin-bottom: 15px;
	}
	.citi-calc-wrap .clc-disclaimer{
		margin-top: 15px;
	}
	.section-double-wrap .section-left {
		padding: 15px 0 0 0;
	}
	#section5_1.section05 .icon-holder > ul > li,#section5_1.section05 .icon-holder > ul > li#child_drop_2{
		margin-bottom: 0;
		margin-right: 0;
	}
	#section2 .ageicon, #section5 .icon, #section6 .icon, #section4 .income-graphic, #section7 .insureicon .icon, #section6.section06 .icon,#section4.section09 .icon{
		margin-top: 20px;
		margin-bottom: 30px;
	}
	#section4.section09 .icon {
		margin-bottom: 5px;
	}
	.section09 .icon {
		background-size: 160px;
		height: 170px;
	}
	.section09 .income_val_1 .icon{
        background-position: center 5px;
        width: 100%; 
    }
	.section09 .income_val_2 .icon {
		background-position: center -160px;
	}
	.section09 .income_val_3 .icon {
		background-position: center -325px;
	}
	.mon-income-val.bordered-val, .savings-invest-val.bordered-val, .income-val.bordered-val, .section08 .calendar-val, #section7 .insured-value{
		margin-top: 0;
		margin-bottom: 20px;
	}
	.year-select{
		margin-bottom: 20px;
	}
	#section4.section09 .income-graphic, #section4.section10 .income-graphic, #section4.section12 .income-graphic, #section4.section07 .income-graphic {
		margin-top: 0;
	}
	.slider, .slider.age-slider, .slider.child-slider, .slider.parent-slider, .slider.income-slider, .slider.insured-slider, .section10 .slider.income-slider, .section09 .slider.income-slider, .section12 .slider.income-slider, #section4.section08 .income-slider, #section4.section07 .income-slider{
		margin-bottom: 0;
	}
	.section-double-wrap .section-left, .section-double-wrap .section-right{
		position: initial;
	}
	.result_on .section05 .section-double-wrap .section-right {
		padding-bottom: 15px;
	}
	/*p.view-result-cover, .section08 #view-result{
		position: fixed;
		z-index: 10;
		left: 0;
		right: 0;
		bottom: 0;
	}*/
	p.view-result-cover #view-result{
		margin: 0;
	}
/* 	#view-result {
		margin: 0;
	} */
	.result_on .section-single-wrap, .result_on .section-double-wrap {
		position: relative;
	}
	.report-block .summary-detail-btn{
		margin-top: 12px;
	}
	#view-result.view-result-visible-sm {
		bottom: 0;
		display: none;
		position: fixed;
		z-index: 100;
	}
	.education-cover-graphic-image canvas{
		padding-left: 20px;
	}
	.education-cover-gap-left h6 {
		font-size: 16px;
	}
	#section1 .icon{
		height: 76px;
	}
	.result_page_overlay .section{
		padding: 20px;
	}
	.bordered-val .input-text, .bordered-val.calendar-val .input-text,.bordered-val.financial-val .input-text{
		padding: 0 0 0 55px;
	}
	.bordered-val.financial-val .box-cover,.bordered-val span, .bordered-val .input-text, .bordered-val.calendar-val .input-text,.bordered-val.financial-val .input-text,.financial-val.bordered-val span,.bordered-val .box-cover{
		font-size: 25px;
	}
	.section01 p.view-result-cover,.section05 p.view-result-cover {
		margin-bottom: 0;
	}
	.tcont-left{width:100%}
	.t-right{width:100%}
}
@media only screen and (max-width:320px){
	.slider.age-slider,.slider.child-slider,.slider.parent-slider{
		padding-right: 10px;
		padding-left: 0;
	}
	p.fixed-tooltip span{
		width: 75%;
	}
	.education-cover-graphic-image canvas{
		padding-left: 20px;
	}
	#section4.section08 .income-graphic-value2, #section4.section08 .income-graphic-value1{
		top: 21%;
	}
	#section1 .female.selected .icon{
		background-position: -60.5px -76px;
	}
	#section1 .male.selected .icon{
		background-position: -60.5px 0;
	}
}
@media only screen and (min-width:320px){
	.citi-calc-wrap .ui-slider-horizontal {
		background: transparent;
	}
}