performance-disclaimermeta.foundation-version {
font-family: "/5.3.1/"
}
meta.foundation-mq-small {
font-family: "/only screen/";
width: 0em
}
meta.foundation-mq-medium {
font-family: "/only screen and (min-width:48.0625em)/";
width: 48.0625em
}
meta.foundation-mq-large {
font-family: "/only screen and (min-width:61.3125em)/";
width: 61.3125em
}
meta.foundation-mq-xlarge {
font-family: "/only screen and (min-width:90.063em)/";
width: 90.063em
}
meta.foundation-mq-xxlarge {
font-family: "/only screen and (min-width:120.063em)/";
width: 120.063em
}
select2-container--default .select2-results__group {
background: #5897fb;
color: #fff;
}
meta.foundation-data-attribute-namespace {
font-family: false
}
*,*:before,*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
html,body {
font-size: 12px
}
body {
background: #fff;
color: #666;
padding: 0;
margin: 0;
font-family: "Lato", sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1;
position: relative;
cursor: default
}
a:hover {
cursor: pointer
}
img {
max-width: 100%;
height: auto
}
img {
-ms-interpolation-mode: bicubic
}
#map_canvas img,#map_canvas embed,#map_canvas object,.map_canvas img,.map_canvas embed,.map_canvas object
{
max-width: none !important
}
.error-message {
position: absolute;
color: red;
display:none;
}
.left {
float: left !important
}
.right {
float: right !important
}
.clearfix:before,.clearfix:after {
content: " ";
display: table
}
.clearfix:after {
clear: both
}
.hide {
display: none
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
img {
display: inline-block;
vertical-align: middle
}
textarea {
height: auto;
min-height: 50px
}
select {
width: 100%
}
.row {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
max-width: 113.33333rem
}
.row:before,.row:after {
content: " ";
display: table
}
.row:after {
clear: both
}
.row.collapse>.column,.row.collapse>.columns {
padding-left: 0;
padding-right: 0
}
.row.collapse .row {
margin-left: 0;
margin-right: 0
}
.row .row {
width: auto;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
max-width: none
}
.row .row:before,.row .row:after {
content: " ";
display: table
}
.row .row:after {
clear: both
}
.row .row.collapse {
width: auto;
margin: 0;
max-width: none
}
.row .row.collapse:before,.row .row.collapse:after {
content: " ";
display: table
}
.row .row.collapse:after {
clear: both
}
.column,.columns {
padding-left: 0;
padding-right: 0;
width: 100%;
float: left
}
[class*="column"]+[class*="column"]:last-child {
float: right
}
[class*="column"]+[class*="column"].end {
float: left
}
@media only screen {
.small-push-0 {
position: relative;
left: 0%;
right: auto
}
.small-pull-0 {
position: relative;
right: 0%;
left: auto
}
.small-push-1 {
position: relative;
left: 8.33333%;
right: auto
}
.small-pull-1 {
position: relative;
right: 8.33333%;
left: auto
}
.small-push-2 {
position: relative;
left: 16.66667%;
right: auto
}
.small-pull-2 {
position: relative;
right: 16.66667%;
left: auto
}
.small-push-3 {
position: relative;
left: 25%;
right: auto
}
.small-pull-3 {
position: relative;
right: 25%;
left: auto
}
.small-push-4 {
position: relative;
left: 33.33333%;
right: auto
}
.small-pull-4 {
position: relative;
right: 33.33333%;
left: auto
}
.small-push-5 {
position: relative;
left: 41.66667%;
right: auto
}
.small-pull-5 {
position: relative;
right: 41.66667%;
left: auto
}
.small-push-6 {
position: relative;
left: 50%;
right: auto
}
.small-pull-6 {
position: relative;
right: 50%;
left: auto
}
.small-push-7 {
position: relative;
left: 58.33333%;
right: auto
}
.small-pull-7 {
position: relative;
right: 58.33333%;
left: auto
}
.small-push-8 {
position: relative;
left: 66.66667%;
right: auto
}
.small-pull-8 {
position: relative;
right: 66.66667%;
left: auto
}
.small-push-9 {
position: relative;
left: 75%;
right: auto
}
.small-pull-9 {
position: relative;
right: 75%;
left: auto
}
.small-push-10 {
position: relative;
left: 83.33333%;
right: auto
}
.small-pull-10 {
position: relative;
right: 83.33333%;
left: auto
}
.small-push-11 {
position: relative;
left: 91.66667%;
right: auto
}
.small-pull-11 {
position: relative;
right: 91.66667%;
left: auto
}
.column,.columns {
position: relative;
padding-left: 0;
padding-right: 0;
float: left
}
.small-1 {
width: 8.33333%
}
.small-2 {
width: 16.66667%
}
.small-3 {
width: 25%
}
.small-4 {
width: 33.33333%
}
.small-5 {
width: 41.66667%
}
.small-6 {
width: 50%
}
.small-7 {
width: 58.33333%
}
.small-8 {
width: 66.66667%
}
.small-9 {
width: 75%
}
.small-10 {
width: 83.33333%
}
.small-11 {
width: 91.66667%
}
.small-12 {
width: 100%
}
.small-offset-0 {
margin-left: 0% !important
}
.small-offset-1 {
margin-left: 8.33333% !important
}
.small-offset-2 {
margin-left: 16.66667% !important
}
.small-offset-3 {
margin-left: 25% !important
}
.small-offset-4 {
margin-left: 33.33333% !important
}
.small-offset-5 {
margin-left: 41.66667% !important
}
.small-offset-6 {
margin-left: 50% !important
}
.small-offset-7 {
margin-left: 58.33333% !important
}
.small-offset-8 {
margin-left: 66.66667% !important
}
.small-offset-9 {
margin-left: 75% !important
}
.small-offset-10 {
margin-left: 83.33333% !important
}
.small-offset-11 {
margin-left: 91.66667% !important
}
.small-reset-order {
margin-left: 0;
margin-right: 0;
left: auto;
right: auto;
float: left
}
.column.small-centered,.columns.small-centered {
margin-left: auto;
margin-right: auto;
float: none
}
.column.small-uncentered,.columns.small-uncentered {
margin-left: 0;
margin-right: 0;
float: left
}
.column.small-centered:last-child,.columns.small-centered:last-child {
float: none
}
.column.small-uncentered:last-child,.columns.small-uncentered:last-child
{
float: left
}
.column.small-uncentered.opposite,.columns.small-uncentered.opposite {
float: right
}
}
@media only screen and (min-width: 48.0625em) {
.medium-push-0 {
position: relative;
left: 0%;
right: auto
}
.medium-pull-0 {
position: relative;
right: 0%;
left: auto
}
.medium-push-1 {
position: relative;
left: 8.33333%;
right: auto
}
.medium-pull-1 {
position: relative;
right: 8.33333%;
left: auto
}
.medium-push-2 {
position: relative;
left: 16.66667%;
right: auto
}
.medium-pull-2 {
position: relative;
right: 16.66667%;
left: auto
}
.medium-push-3 {
position: relative;
left: 25%;
right: auto
}
.medium-pull-3 {
position: relative;
right: 25%;
left: auto
}
.medium-push-4 {
position: relative;
left: 33.33333%;
right: auto
}
.medium-pull-4 {
position: relative;
right: 33.33333%;
left: auto
}
.medium-push-5 {
position: relative;
left: 41.66667%;
right: auto
}
.medium-pull-5 {
position: relative;
right: 41.66667%;
left: auto
}
.medium-push-6 {
position: relative;
left: 50%;
right: auto
}
.medium-pull-6 {
position: relative;
right: 50%;
left: auto
}
.medium-push-7 {
position: relative;
left: 58.33333%;
right: auto
}
.medium-pull-7 {
position: relative;
right: 58.33333%;
left: auto
}
.medium-push-8 {
position: relative;
left: 66.66667%;
right: auto
}
.medium-pull-8 {
position: relative;
right: 66.66667%;
left: auto
}
.medium-push-9 {
position: relative;
left: 75%;
right: auto
}
.medium-pull-9 {
position: relative;
right: 75%;
left: auto
}
.medium-push-10 {
position: relative;
left: 83.33333%;
right: auto
}
.medium-pull-10 {
position: relative;
right: 83.33333%;
left: auto
}
.medium-push-11 {
position: relative;
left: 91.66667%;
right: auto
}
.medium-pull-11 {
position: relative;
right: 91.66667%;
left: auto
}
.column,.columns {
position: relative;
padding-left: 0;
padding-right: 0;
float: left
}
.medium-1 {
width: 8.33333%
}
.medium-2 {
width: 16.66667%
}
.medium-3 {
width: 25%
}
.medium-4 {
width: 33.33333%
}
.medium-5 {
width: 41.66667%
}
.medium-6 {
width: 50%
}
.medium-7 {
width: 58.33333%
}
.medium-8 {
width: 66.66667%
}
.medium-9 {
width: 75%
}
.medium-10 {
width: 83.33333%
}
.medium-11 {
width: 91.66667%
}
.medium-12 {
width: 100%
}
.medium-offset-0 {
margin-left: 0% !important
}
.medium-offset-1 {
margin-left: 8.33333% !important
}
.medium-offset-2 {
margin-left: 16.66667% !important
}
.medium-offset-3 {
margin-left: 25% !important
}
.medium-offset-4 {
margin-left: 33.33333% !important
}
.medium-offset-5 {
margin-left: 41.66667% !important
}
.medium-offset-6 {
margin-left: 50% !important
}
.medium-offset-7 {
margin-left: 58.33333% !important
}
.medium-offset-8 {
margin-left: 66.66667% !important
}
.medium-offset-9 {
margin-left: 75% !important
}
.medium-offset-10 {
margin-left: 83.33333% !important
}
.medium-offset-11 {
margin-left: 91.66667% !important
}
.medium-reset-order {
margin-left: 0;
margin-right: 0;
left: auto;
right: auto;
float: left
}
.column.medium-centered,.columns.medium-centered {
margin-left: auto;
margin-right: auto;
float: none
}
.column.medium-uncentered,.columns.medium-uncentered {
margin-left: 0;
margin-right: 0;
float: left
}
.column.medium-centered:last-child,.columns.medium-centered:last-child {
float: none
}
.column.medium-uncentered:last-child,.columns.medium-uncentered:last-child
{
float: left
}
.column.medium-uncentered.opposite,.columns.medium-uncentered.opposite {
float: right
}
.push-0 {
position: relative;
left: 0%;
right: auto
}
.pull-0 {
position: relative;
right: 0%;
left: auto
}
.push-1 {
position: relative;
left: 8.33333%;
right: auto
}
.pull-1 {
position: relative;
right: 8.33333%;
left: auto
}
.push-2 {
position: relative;
left: 16.66667%;
right: auto
}
.pull-2 {
position: relative;
right: 16.66667%;
left: auto
}
.push-3 {
position: relative;
left: 25%;
right: auto
}
.pull-3 {
position: relative;
right: 25%;
left: auto
}
.push-4 {
position: relative;
left: 33.33333%;
right: auto
}
.pull-4 {
position: relative;
right: 33.33333%;
left: auto
}
.push-5 {
position: relative;
left: 41.66667%;
right: auto
}
.pull-5 {
position: relative;
right: 41.66667%;
left: auto
}
.push-6 {
position: relative;
left: 50%;
right: auto
}
.pull-6 {
position: relative;
right: 50%;
left: auto
}
.push-7 {
position: relative;
left: 58.33333%;
right: auto
}
.pull-7 {
position: relative;
right: 58.33333%;
left: auto
}
.push-8 {
position: relative;
left: 66.66667%;
right: auto
}
.pull-8 {
position: relative;
right: 66.66667%;
left: auto
}
.push-9 {
position: relative;
left: 75%;
right: auto
}
.pull-9 {
position: relative;
right: 75%;
left: auto
}
.push-10 {
position: relative;
left: 83.33333%;
right: auto
}
.pull-10 {
position: relative;
right: 83.33333%;
left: auto
}
.push-11 {
position: relative;
left: 91.66667%;
right: auto
}
.pull-11 {
position: relative;
right: 91.66667%;
left: auto
}
}
@media only screen and (min-width: 61.3125em) {
.large-push-0 {
position: relative;
left: 0%;
right: auto
}
.large-pull-0 {
position: relative;
right: 0%;
left: auto
}
.large-push-1 {
position: relative;
left: 8.33333%;
right: auto
}
.large-pull-1 {
position: relative;
right: 8.33333%;
left: auto
}
.large-push-2 {
position: relative;
left: 16.66667%;
right: auto
}
.large-pull-2 {
position: relative;
right: 16.66667%;
left: auto
}
.large-push-3 {
position: relative;
left: 25%;
right: auto
}
.large-pull-3 {
position: relative;
right: 25%;
left: auto
}
.large-push-4 {
position: relative;
left: 33.33333%;
right: auto
}
.large-pull-4 {
position: relative;
right: 33.33333%;
left: auto
}
.large-push-5 {
position: relative;
left: 41.66667%;
right: auto
}
.large-pull-5 {
position: relative;
right: 41.66667%;
left: auto
}
.large-push-6 {
position: relative;
left: 50%;
right: auto
}
.large-pull-6 {
position: relative;
right: 50%;
left: auto
}
.large-push-7 {
position: relative;
left: 58.33333%;
right: auto
}
.large-pull-7 {
position: relative;
right: 58.33333%;
left: auto
}
.large-push-8 {
position: relative;
left: 66.66667%;
right: auto
}
.large-pull-8 {
position: relative;
right: 66.66667%;
left: auto
}
.large-push-9 {
position: relative;
left: 75%;
right: auto
}
.large-pull-9 {
position: relative;
right: 75%;
left: auto
}
.large-push-10 {
position: relative;
left: 83.33333%;
right: auto
}
.large-pull-10 {
position: relative;
right: 83.33333%;
left: auto
}
.large-push-11 {
position: relative;
left: 91.66667%;
right: auto
}
.large-pull-11 {
position: relative;
right: 91.66667%;
left: auto
}
.column,.columns {
position: relative;
padding-left: 0;
padding-right: 0;
float: left
}
.large-1 {
width: 8.33333%
}
.large-2 {
width: 16.66667%
}
.large-3 {
width: 25%
}
.large-4 {
width: 33.33333%
}
.large-5 {
width: 41.66667%
}
.large-6 {
width: 50%
}
.large-7 {
width: 58.33333%
}
.large-8 {
width: 66.66667%
}
.large-9 {
width: 75%
}
.large-10 {
width: 83.33333%
}
.large-11 {
width: 91.66667%
}
.large-12 {
width: 100%
}
.large-offset-0 {
margin-left: 0% !important
}
.large-offset-1 {
margin-left: 8.33333% !important
}
.large-offset-2 {
margin-left: 16.66667% !important
}
.large-offset-3 {
margin-left: 25% !important
}
.large-offset-4 {
margin-left: 33.33333% !important
}
.large-offset-5 {
margin-left: 41.66667% !important
}
.large-offset-6 {
margin-left: 50% !important
}
.large-offset-7 {
margin-left: 58.33333% !important
}
.large-offset-8 {
margin-left: 66.66667% !important
}
.large-offset-9 {
margin-left: 75% !important
}
.large-offset-10 {
margin-left: 83.33333% !important
}
.large-offset-11 {
margin-left: 91.66667% !important
}
.large-reset-order {
margin-left: 0;
margin-right: 0;
left: auto;
right: auto;
float: left
}
.column.large-centered,.columns.large-centered {
margin-left: auto;
margin-right: auto;
float: none
}
.column.large-uncentered,.columns.large-uncentered {
margin-left: 0;
margin-right: 0;
float: left
}
.column.large-centered:last-child,.columns.large-centered:last-child {
float: none
}
.column.large-uncentered:last-child,.columns.large-uncentered:last-child
{
float: left
}
.column.large-uncentered.opposite,.columns.large-uncentered.opposite {
float: right
}
.push-0 {
position: relative;
left: 0%;
right: auto
}
.pull-0 {
position: relative;
right: 0%;
left: auto
}
.push-1 {
position: relative;
left: 8.33333%;
right: auto
}
.pull-1 {
position: relative;
right: 8.33333%;
left: auto
}
.push-2 {
position: relative;
left: 16.66667%;
right: auto
}
.pull-2 {
position: relative;
right: 16.66667%;
left: auto
}
.push-3 {
position: relative;
left: 25%;
right: auto
}
.pull-3 {
position: relative;
right: 25%;
left: auto
}
.push-4 {
position: relative;
left: 33.33333%;
right: auto
}
.pull-4 {
position: relative;
right: 33.33333%;
left: auto
}
.push-5 {
position: relative;
left: 41.66667%;
right: auto
}
.pull-5 {
position: relative;
right: 41.66667%;
left: auto
}
.push-6 {
position: relative;
left: 50%;
right: auto
}
.pull-6 {
position: relative;
right: 50%;
left: auto
}
.push-7 {
position: relative;
left: 58.33333%;
right: auto
}
.pull-7 {
position: relative;
right: 58.33333%;
left: auto
}
.push-8 {
position: relative;
left: 66.66667%;
right: auto
}
.pull-8 {
position: relative;
right: 66.66667%;
left: auto
}
.push-9 {
position: relative;
left: 75%;
right: auto
}
.pull-9 {
position: relative;
right: 75%;
left: auto
}
.push-10 {
position: relative;
left: 83.33333%;
right: auto
}
.pull-10 {
position: relative;
right: 83.33333%;
left: auto
}
.push-11 {
position: relative;
left: 91.66667%;
right: auto
}
.pull-11 {
position: relative;
right: 91.66667%;
left: auto
}
}
[class*="block-grid-"] {
display: block;
padding: 0;
margin: 0 0
}
[class*="block-grid-"]:before,[class*="block-grid-"]:after {
content: " ";
display: table
}
[class*="block-grid-"]:after {
clear: both
}
[class*="block-grid-"]>li {
display: block;
height: auto;
float: left;
padding: 0 0 0
}
@media only screen {
.small-block-grid-1>li {
width: 100%;
list-style: none
}
.small-block-grid-1>li:nth-of-type(1n ){
clear: none
}
.small-block-grid-1
>
li
:nth-of-type(1n +1){
clear
:both
}
.small-block-grid-2>li {
width: 50%;
list-style: none
}
.small-block-grid-2>li:nth-of-type(1n ){
clear: none
}
.small-block-grid-2
>
li
:nth-of-type(2n+1){
clear
:both
}
.small-block-grid-3>li {
width: 33.33333%;
list-style: none
}
.small-block-grid-3>li:nth-of-type(1n ){
clear: none
}
.small-block-grid-3
>
li
:nth-of-type(3n+1){
clear
:both
}
.small-block-grid-4>li {
width: 25%;
list-style: none
}
.small-block-grid-4>li:nth-of-type(1n ){
clear: none
}
.small-block-grid-4
>
li
:nth-of-type(4n+1){
clear
:both
}
.small-block-grid-5>li {
width: 20%;
list-style: none
}
.small-block-grid-5>li:nth-of-type(1n ){
clear: none
}
.small-block-grid-5
>
li
:nth-of-type(5n+1){
clear
:both
}
.small-block-grid-6>li {
width: 16.66667%;
list-style: none
}
.small-block-grid-6>li:nth-of-type(1n ){
clear: none
}
.small-block-grid-6
>
li
:nth-of-type(6n+1){
clear
:both
}
.small-block-grid-7>li {
width: 14.28571%;
list-style: none
}
.small-block-grid-7>li:nth-of-type(1n ){
clear: none
}
.small-block-grid-7
>
li
:nth-of-type(7n+1){
clear
:both
}
.small-block-grid-8>li {
width: 12.5%;
list-style: none
}
.small-block-grid-8>li:nth-of-type(1n ){
clear: none
}
.small-block-grid-8
>
li
:nth-of-type(8n+1){
clear
:both
}
.small-block-grid-9>li {
width: 11.11111%;
list-style: none
}
.small-block-grid-9>li:nth-of-type(1n ){
clear: none
}
.small-block-grid-9
>
li
:nth-of-type(9n+1){
clear
:both
}
.small-block-grid-10>li {
width: 10%;
list-style: none
}
.small-block-grid-10>li:nth-of-type(1n ){
clear: none
}
.small-block-grid-10
>
li
:nth-of-type(10n+1){
clear
:both
}
.small-block-grid-11>li {
width: 9.09091%;
list-style: none
}
.small-block-grid-11>li:nth-of-type(1n ){
clear: none
}
.small-block-grid-11
>
li
:nth-of-type(11n+1){
clear
:both
}
.small-block-grid-12>li {
width: 8.33333%;
list-style: none
}
.small-block-grid-12>li:nth-of-type(1n ){
clear: none
}
.small-block-grid-12
>
li
:nth-of-type(12n+1){
clear
:both
}
}
@media only screen and (min-width: 48.0625em) {
.medium-block-grid-1>li {
width: 100%;
list-style: none
}
.medium-block-grid-1>li:nth-of-type(1n ){
clear: none
}
.medium-block-grid-1
>
li
:nth-of-type(1n+1){
clear
:both
}
.medium-block-grid-2>li {
width: 50%;
list-style: none
}
.medium-block-grid-2>li:nth-of-type(1n ){
clear: none
}
.medium-block-grid-2
>
li
:nth-of-type(2n+1){
clear
:both
}
.medium-block-grid-3>li {
width: 33.33333%;
list-style: none
}
.medium-block-grid-3>li:nth-of-type(1n ){
clear: none
}
.medium-block-grid-3
>
li
:nth-of-type(3n+1){
clear
:both
}
.medium-block-grid-4>li {
width: 25%;
list-style: none
}
.medium-block-grid-4>li:nth-of-type(1n ){
clear: none
}
.medium-block-grid-4
>
li
:nth-of-type(4n+1){
clear
:both
}
.medium-block-grid-5>li {
width: 20%;
list-style: none
}
.medium-block-grid-5>li:nth-of-type(1n ){
clear: none
}
.medium-block-grid-5
>
li
:nth-of-type(5n+1){
clear
:both
}
.medium-block-grid-6>li {
width: 16.66667%;
list-style: none
}
.medium-block-grid-6>li:nth-of-type(1n ){
clear: none
}
.medium-block-grid-6
>
li
:nth-of-type(6n+1){
clear
:both
}
.medium-block-grid-7>li {
width: 14.28571%;
list-style: none
}
.medium-block-grid-7>li:nth-of-type(1n ){
clear: none
}
.medium-block-grid-7
>
li
:nth-of-type(7n+1){
clear
:both
}
.medium-block-grid-8>li {
width: 12.5%;
list-style: none
}
.medium-block-grid-8>li:nth-of-type(1n ){
clear: none
}
.medium-block-grid-8
>
li
:nth-of-type(8n+1){
clear
:both
}
.medium-block-grid-9>li {
width: 11.11111%;
list-style: none
}
.medium-block-grid-9>li:nth-of-type(1n ){
clear: none
}
.medium-block-grid-9
>
li
:nth-of-type(9n+1){
clear
:both
}
.medium-block-grid-10>li {
width: 10%;
list-style: none
}
.medium-block-grid-10>li:nth-of-type(1n ){
clear: none
}
.medium-block-grid-10
>
li
:nth-of-type(10n+1){
clear
:both
}
.medium-block-grid-11>li {
width: 9.09091%;
list-style: none
}
.medium-block-grid-11>li:nth-of-type(1n ){
clear: none
}
.medium-block-grid-11
>
li
:nth-of-type(11n+1){
clear
:both
}
.medium-block-grid-12>li {
width: 8.33333%;
list-style: none
}
.medium-block-grid-12>li:nth-of-type(1n ){
clear: none
}
.medium-block-grid-12
>
li
:nth-of-type(12n+1){
clear
:both
}
}
@media only screen and (min-width: 61.3125em) {
.large-block-grid-1>li {
width: 100%;
list-style: none
}
.large-block-grid-1>li:nth-of-type(1n ){
clear: none
}
.large-block-grid-1
>
li
:nth-of-type(1n+1){
clear
:both
}
.large-block-grid-2>li {
width: 50%;
list-style: none
}
.large-block-grid-2>li:nth-of-type(1n ){
clear: none
}
.large-block-grid-2
>
li
:nth-of-type(2n+1){
clear
:both
}
.large-block-grid-3>li {
width: 33.33333%;
list-style: none
}
.large-block-grid-3>li:nth-of-type(1n ){
clear: none
}
.large-block-grid-3
>
li
:nth-of-type(3n+1){
clear
:both
}
.large-block-grid-4>li {
width: 25%;
list-style: none
}
.large-block-grid-4>li:nth-of-type(1n ){
clear: none
}
.large-block-grid-4
>
li
:nth-of-type(4n+1){
clear
:both
}
.large-block-grid-5>li {
width: 20%;
list-style: none
}
.large-block-grid-5>li:nth-of-type(1n ){
clear: none
}
.large-block-grid-5
>
li
:nth-of-type(5n+1){
clear
:both
}
.large-block-grid-6>li {
width: 16.66667%;
list-style: none
}
.large-block-grid-6>li:nth-of-type(1n ){
clear: none
}
.large-block-grid-6
>
li
:nth-of-type(6n+1){
clear
:both
}
.large-block-grid-7>li {
width: 14.28571%;
list-style: none
}
.large-block-grid-7>li:nth-of-type(1n ){
clear: none
}
.large-block-grid-7
>
li
:nth-of-type(7n+1){
clear
:both
}
.large-block-grid-8>li {
width: 12.5%;
list-style: none
}
.large-block-grid-8>li:nth-of-type(1n ){
clear: none
}
.large-block-grid-8
>
li
:nth-of-type(8n+1){
clear
:both
}
.large-block-grid-9>li {
width: 11.11111%;
list-style: none
}
.large-block-grid-9>li:nth-of-type(1n ){
clear: none
}
.large-block-grid-9
>
li
:nth-of-type(9n+1){
clear
:both
}
.large-block-grid-10>li {
width: 10%;
list-style: none
}
.large-block-grid-10>li:nth-of-type(1n ){
clear: none
}
.large-block-grid-10
>
li
:nth-of-type(10n+1){
clear
:both
}
.large-block-grid-11>li {
width: 9.09091%;
list-style: none
}
.large-block-grid-11>li:nth-of-type(1n ){
clear: none
}
.large-block-grid-11
>
li
:nth-of-type(11n+1){
clear
:both
}
.large-block-grid-12>li {
width: 8.33333%;
list-style: none
}
.large-block-grid-12>li:nth-of-type(1n ){
clear: none
}
.large-block-grid-12
>
li
:nth-of-type(12n+1){
clear
:both
}
}
.text-left {
text-align: left !important
}
.text-right {
text-align: right !important
}
.text-center {
text-align: center !important
}
.text-justify {
text-align: justify !important
}
@media only screen and (max-width: 48em) {
.small-only-text-left {
text-align: left !important
}
.small-only-text-right {
text-align: right !important
}
.small-only-text-center {
text-align: center !important
}
.small-only-text-justify {
text-align: justify !important
}
}
@media only screen {
.small-text-left {
text-align: left !important
}
.small-text-right {
text-align: right !important
}
.small-text-center {
text-align: center !important
}
.small-text-justify {
text-align: justify !important
}
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.medium-only-text-left {
text-align: left !important
}
.medium-only-text-right {
text-align: right !important
}
.medium-only-text-center {
text-align: center !important
}
.medium-only-text-justify {
text-align: justify !important
}
}
@media only screen and (min-width: 48.0625em) {
.medium-text-left {
text-align: left !important
}
.medium-text-right {
text-align: right !important
}
.medium-text-center {
text-align: center !important
}
.medium-text-justify {
text-align: justify !important
}
}
@media only screen and (min-width: 61.3125em) and (max-width: 85.375em)
{
.large-only-text-left {
text-align: left !important
}
.large-only-text-right {
text-align: right !important
}
.large-only-text-center {
text-align: center !important
}
.large-only-text-justify {
text-align: justify !important
}
}
@media only screen and (min-width: 61.3125em) {
.large-text-left {
text-align: left !important
}
.large-text-right {
text-align: right !important
}
.large-text-center {
text-align: center !important
}
.large-text-justify {
text-align: justify !important
}
}
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
.xlarge-only-text-left {
text-align: left !important
}
.xlarge-only-text-right {
text-align: right !important
}
.xlarge-only-text-center {
text-align: center !important
}
.xlarge-only-text-justify {
text-align: justify !important
}
}
@media only screen and (min-width: 90.063em) {
.xlarge-text-left {
text-align: left !important
}
.xlarge-text-right {
text-align: right !important
}
.xlarge-text-center {
text-align: center !important
}
.xlarge-text-justify {
text-align: justify !important
}
}
@media only screen and (min-width: 120.063em) and (max-width:
999999999999) {
.xxlarge-only-text-left {
text-align: left !important
}
.xxlarge-only-text-right {
text-align: right !important
}
.xxlarge-only-text-center {
text-align: center !important
}
.xxlarge-only-text-justify {
text-align: justify !important
}
}
@media only screen and (min-width: 120.063em) {
.xxlarge-text-left {
text-align: left !important
}
.xxlarge-text-right {
text-align: right !important
}
.xxlarge-text-center {
text-align: center !important
}
.xxlarge-text-justify {
text-align: justify !important
}
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td {
margin: 0;
padding: 0
}
a {
color: #008CBA;
text-decoration: none;
line-height: inherit
}
a:hover,a:focus {
color: #0078a0
}
a img {
border: none
}
p {
font-family: inherit;
font-weight: 400;
font-size: 1rem;
line-height: 1.6;
margin-bottom: 1.66667rem;
text-rendering: optimizeLegibility
}
p.lead {
font-size: 1.29167rem;
line-height: 1.6
}
p aside {
font-size: 1.16667rem;
line-height: 1.35;
font-style: italic
}
h1,h2,h3,h4,h5,h6 {
font-family: "Lato", sans-serif;
font-weight: 400;
font-style: normal;
color: #222;
text-rendering: optimizeLegibility;
margin-top: 0.2rem;
margin-bottom: 0.5rem;
line-height: 1.4
}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
font-size: 60%;
color: #6f6f6f;
line-height: 0
}
h1 {
font-size: 2.83333rem
}
h2 {
font-size: 2.25rem
}
h3 {
font-size: 1.83333rem
}
h4 {
font-size: 1.5rem
}
h5 {
font-size: 1.5rem
}
h6 {
font-size: 1rem
}
.subheader {
line-height: 1.4;
color: #6f6f6f;
font-weight: 400;
margin-top: 0.2rem;
margin-bottom: 0.5rem
}
hr {
border: solid #ddd;
border-width: 1px 0 0;
clear: both;
margin: 1.66667rem 0 1.58333rem;
height: 0
}
em,i {
font-style: italic;
line-height: inherit
}
strong,b {
font-weight: bold;
line-height: inherit;
font-size: 14px;
}
small {
font-size: 60%;
line-height: inherit
}
code {
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: bold;
color: #bd260d
}
ul,ol,dl {
font-size: 1rem;
line-height: 1.6;
margin-bottom: 1.66667rem;
list-style-position: outside;
font-family: inherit
}
ul {
margin-left: 1.1rem
}
ul.no-bullet {
margin-left: 0
}
ul.no-bullet li ul,ul.no-bullet li ol {
margin-left: 1.66667rem;
margin-bottom: 0;
list-style: none
}
ul li ul,ul li ol {
margin-left: 1.66667rem;
margin-bottom: 0
}
ul.square li ul,ul.circle li ul,ul.disc li ul {
list-style: inherit
}
ul.square {
list-style-type: square;
margin-left: 1.1rem
}
ul.circle {
list-style-type: circle;
margin-left: 1.1rem
}
ul.disc {
list-style-type: disc;
margin-left: 1.1rem
}
ul.no-bullet {
list-style: none
}
ol {
margin-left: 1.4rem
}
ol li ul,ol li ol {
margin-left: 1.66667rem;
margin-bottom: 0
}
dl dt {
margin-bottom: 0.3rem;
font-weight: bold
}
dl dd {
margin-bottom: 1rem
}
abbr,acronym {
text-transform: uppercase;
font-size: 90%;
color: #666;
border-bottom: 1px dotted #ddd;
cursor: help
}
abbr {
text-transform: none
}
blockquote {
margin: 0 0 1.66667rem;
padding: 0.75rem 1.66667rem 0 1.58333rem;
border-left: 1px solid #ddd
}
blockquote cite {
display: block;
font-size: 1.08333rem;
color: #555
}
blockquote cite:before {
content: "\2014 \0020"
}
blockquote cite a,blockquote cite a:visited {
color: #555
}
blockquote,blockquote p {
line-height: 1.6;
color: #6f6f6f
}
.vcard {
display: inline-block;
margin: 0 0 1.66667rem 0;
border: 1px solid #ddd;
padding: 0.83333rem 1rem
}
.vcard li {
margin: 0;
display: block
}
.vcard .fn {
font-weight: bold;
font-size: 1.25rem
}
.vevent .summary {
font-weight: bold
}
.vevent abbr {
cursor: default;
text-decoration: none;
font-weight: bold;
border: none;
padding: 0 0.08333rem
}
@media only screen and (min-width: 48.0625em) {
h1,h2,h3,h4,h5,h6 {
line-height: 1.4
}
h1 {
font-size: 3.66667rem
}
h2 {
font-size: 3.08333rem
}
h3 {
font-size: 2.25rem
}
h4 {
font-size: 1.91667rem
}
h5 {
font-size: 1.5rem
}
h6 {
font-size: 1rem
}
}
.print-only {
display: none !important
}
@media print {
* {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important
}
a,a:visited {
text-decoration: underline
}
a[href]:after {
content: " (" attr(href) ")"
}
abbr[title]:after {
content: " (" attr(title) ")"
}
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {
content: ""
}
pre,blockquote {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
tr,img {
page-break-inside: avoid
}
img {
max-width: 100% !important
}
@page {
margin: 0.5cm
}
p,h2,h3 {
orphans: 3;
widows: 3
}
h2,h3 {
page-break-after: avoid
}
.hide-on-print {
display: none !important
}
.print-only {
display: block !important
}
.hide-for-print {
display: none !important
}
.show-for-print {
display: inherit !important
}
}
@media only screen {
.show-for-small-only,.show-for-small-up,.show-for-small,.show-for-small-down,.hide-for-medium-only,.hide-for-medium-up,.hide-for-medium,.show-for-medium-down,.hide-for-large-only,.hide-for-large-up,.hide-for-large,.show-for-large-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.show-for-xxlarge-down
{
display: inherit !important
}
.hide-for-small-only,.hide-for-small-up,.hide-for-small,.hide-for-small-down,.show-for-medium-only,.show-for-medium-up,.show-for-medium,.hide-for-medium-down,.show-for-large-only,.show-for-large-up,.show-for-large,.hide-for-large-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.hide-for-xxlarge-down
{
display: none !important
}
.visible-for-small-only,.visible-for-small-up,.visible-for-small,.visible-for-small-down,.hidden-for-medium-only,.hidden-for-medium-up,.hidden-for-medium,.visible-for-medium-down,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-large,.visible-for-large-down,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.visible-for-xxlarge-down
{
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto
}
.hidden-for-small-only,.hidden-for-small-up,.hidden-for-small,.hidden-for-small-down,.visible-for-medium-only,.visible-for-medium-up,.visible-for-medium,.hidden-for-medium-down,.visible-for-large-only,.visible-for-large-up,.visible-for-large,.hidden-for-large-down,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.hidden-for-xxlarge-down
{
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px)
}
table.show-for-small-only,table.show-for-small-up,table.show-for-small,table.show-for-small-down,table.hide-for-medium-only,table.hide-for-medium-up,table.hide-for-medium,table.show-for-medium-down,table.hide-for-large-only,table.hide-for-large-up,table.hide-for-large,table.show-for-large-down,table.hide-for-xlarge-only,table.hide-for-xlarge-up,table.hide-for-xlarge,table.show-for-xlarge-down,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.hide-for-xxlarge,table.show-for-xxlarge-down
{
display: table
}
thead.show-for-small-only,thead.show-for-small-up,thead.show-for-small,thead.show-for-small-down,thead.hide-for-medium-only,thead.hide-for-medium-up,thead.hide-for-medium,thead.show-for-medium-down,thead.hide-for-large-only,thead.hide-for-large-up,thead.hide-for-large,thead.show-for-large-down,thead.hide-for-xlarge-only,thead.hide-for-xlarge-up,thead.hide-for-xlarge,thead.show-for-xlarge-down,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.hide-for-xxlarge,thead.show-for-xxlarge-down
{
display: table-header-group !important
}
tbody.show-for-small-only,tbody.show-for-small-up,tbody.show-for-small,tbody.show-for-small-down,tbody.hide-for-medium-only,tbody.hide-for-medium-up,tbody.hide-for-medium,tbody.show-for-medium-down,tbody.hide-for-large-only,tbody.hide-for-large-up,tbody.hide-for-large,tbody.show-for-large-down,tbody.hide-for-xlarge-only,tbody.hide-for-xlarge-up,tbody.hide-for-xlarge,tbody.show-for-xlarge-down,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.hide-for-xxlarge,tbody.show-for-xxlarge-down
{
display: table-row-group !important
}
tr.show-for-small-only,tr.show-for-small-up,tr.show-for-small,tr.show-for-small-down,tr.hide-for-medium-only,tr.hide-for-medium-up,tr.hide-for-medium,tr.show-for-medium-down,tr.hide-for-large-only,tr.hide-for-large-up,tr.hide-for-large,tr.show-for-large-down,tr.hide-for-xlarge-only,tr.hide-for-xlarge-up,tr.hide-for-xlarge,tr.show-for-xlarge-down,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.hide-for-xxlarge,tr.show-for-xxlarge-down
{
display: table-row !important
}
th.show-for-small-only,td.show-for-small-only,th.show-for-small-up,td.show-for-small-up,th.show-for-small,td.show-for-small,th.show-for-small-down,td.show-for-small-down,th.hide-for-medium-only,td.hide-for-medium-only,th.hide-for-medium-up,td.hide-for-medium-up,th.hide-for-medium,td.hide-for-medium,th.show-for-medium-down,td.show-for-medium-down,th.hide-for-large-only,td.hide-for-large-only,th.hide-for-large-up,td.hide-for-large-up,th.hide-for-large,td.hide-for-large,th.show-for-large-down,td.show-for-large-down,th.hide-for-xlarge-only,td.hide-for-xlarge-only,th.hide-for-xlarge-up,td.hide-for-xlarge-up,th.hide-for-xlarge,td.hide-for-xlarge,th.show-for-xlarge-down,td.show-for-xlarge-down,th.hide-for-xxlarge-only,td.hide-for-xxlarge-only,th.hide-for-xxlarge-up,td.hide-for-xxlarge-up,th.hide-for-xxlarge,td.hide-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-down
{
display: table-cell !important
}
}
@media only screen and (min-width: 48.0625em) {
.hide-for-small-only,.show-for-small-up,.hide-for-small,.hide-for-small-down,.show-for-medium-only,.show-for-medium-up,.show-for-medium,.show-for-medium-down,.hide-for-large-only,.hide-for-large-up,.hide-for-large,.show-for-large-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.show-for-xxlarge-down
{
display: inherit !important
}
.show-for-small-only,.hide-for-small-up,.show-for-small,.show-for-small-down,.hide-for-medium-only,.hide-for-medium-up,.hide-for-medium,.hide-for-medium-down,.show-for-large-only,.show-for-large-up,.show-for-large,.hide-for-large-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.hide-for-xxlarge-down
{
display: none !important
}
.hidden-for-small-only,.visible-for-small-up,.hidden-for-small,.hidden-for-small-down,.visible-for-medium-only,.visible-for-medium-up,.visible-for-medium,.visible-for-medium-down,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-large,.visible-for-large-down,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.visible-for-xxlarge-down
{
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto
}
.visible-for-small-only,.hidden-for-small-up,.visible-for-small,.visible-for-small-down,.hidden-for-medium-only,.hidden-for-medium-up,.hidden-for-medium,.hidden-for-medium-down,.visible-for-large-only,.visible-for-large-up,.visible-for-large,.hidden-for-large-down,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.hidden-for-xxlarge-down
{
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px)
}
table.hide-for-small-only,table.show-for-small-up,table.hide-for-small,table.hide-for-small-down,table.show-for-medium-only,table.show-for-medium-up,table.show-for-medium,table.show-for-medium-down,table.hide-for-large-only,table.hide-for-large-up,table.hide-for-large,table.show-for-large-down,table.hide-for-xlarge-only,table.hide-for-xlarge-up,table.hide-for-xlarge,table.show-for-xlarge-down,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.hide-for-xxlarge,table.show-for-xxlarge-down
{
display: table
}
thead.hide-for-small-only,thead.show-for-small-up,thead.hide-for-small,thead.hide-for-small-down,thead.show-for-medium-only,thead.show-for-medium-up,thead.show-for-medium,thead.show-for-medium-down,thead.hide-for-large-only,thead.hide-for-large-up,thead.hide-for-large,thead.show-for-large-down,thead.hide-for-xlarge-only,thead.hide-for-xlarge-up,thead.hide-for-xlarge,thead.show-for-xlarge-down,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.hide-for-xxlarge,thead.show-for-xxlarge-down
{
display: table-header-group !important
}
tbody.hide-for-small-only,tbody.show-for-small-up,tbody.hide-for-small,tbody.hide-for-small-down,tbody.show-for-medium-only,tbody.show-for-medium-up,tbody.show-for-medium,tbody.show-for-medium-down,tbody.hide-for-large-only,tbody.hide-for-large-up,tbody.hide-for-large,tbody.show-for-large-down,tbody.hide-for-xlarge-only,tbody.hide-for-xlarge-up,tbody.hide-for-xlarge,tbody.show-for-xlarge-down,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.hide-for-xxlarge,tbody.show-for-xxlarge-down
{
display: table-row-group !important
}
tr.hide-for-small-only,tr.show-for-small-up,tr.hide-for-small,tr.hide-for-small-down,tr.show-for-medium-only,tr.show-for-medium-up,tr.show-for-medium,tr.show-for-medium-down,tr.hide-for-large-only,tr.hide-for-large-up,tr.hide-for-large,tr.show-for-large-down,tr.hide-for-xlarge-only,tr.hide-for-xlarge-up,tr.hide-for-xlarge,tr.show-for-xlarge-down,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.hide-for-xxlarge,tr.show-for-xxlarge-down
{
display: table-row !important
}
th.hide-for-small-only,td.hide-for-small-only,th.show-for-small-up,td.show-for-small-up,th.hide-for-small,td.hide-for-small,th.hide-for-small-down,td.hide-for-small-down,th.show-for-medium-only,td.show-for-medium-only,th.show-for-medium-up,td.show-for-medium-up,th.show-for-medium,td.show-for-medium,th.show-for-medium-down,td.show-for-medium-down,th.hide-for-large-only,td.hide-for-large-only,th.hide-for-large-up,td.hide-for-large-up,th.hide-for-large,td.hide-for-large,th.show-for-large-down,td.show-for-large-down,th.hide-for-xlarge-only,td.hide-for-xlarge-only,th.hide-for-xlarge-up,td.hide-for-xlarge-up,th.hide-for-xlarge,td.hide-for-xlarge,th.show-for-xlarge-down,td.show-for-xlarge-down,th.hide-for-xxlarge-only,td.hide-for-xxlarge-only,th.hide-for-xxlarge-up,td.hide-for-xxlarge-up,th.hide-for-xxlarge,td.hide-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-down
{
display: table-cell !important
}
}
@media only screen and (min-width: 61.3125em) {
.hide-for-small-only,.show-for-small-up,.hide-for-small,.hide-for-small-down,.hide-for-medium-only,.show-for-medium-up,.hide-for-medium,.hide-for-medium-down,.show-for-large-only,.show-for-large-up,.show-for-large,.show-for-large-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.show-for-xxlarge-down
{
display: inherit !important
}
.show-for-small-only,.hide-for-small-up,.show-for-small,.show-for-small-down,.show-for-medium-only,.hide-for-medium-up,.show-for-medium,.show-for-medium-down,.hide-for-large-only,.hide-for-large-up,.hide-for-large,.hide-for-large-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.hide-for-xxlarge-down
{
display: none !important
}
.hidden-for-small-only,.visible-for-small-up,.hidden-for-small,.hidden-for-small-down,.hidden-for-medium-only,.visible-for-medium-up,.hidden-for-medium,.hidden-for-medium-down,.visible-for-large-only,.visible-for-large-up,.visible-for-large,.visible-for-large-down,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.visible-for-xxlarge-down
{
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto
}
.visible-for-small-only,.hidden-for-small-up,.visible-for-small,.visible-for-small-down,.visible-for-medium-only,.hidden-for-medium-up,.visible-for-medium,.visible-for-medium-down,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-large,.hidden-for-large-down,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.hidden-for-xxlarge-down
{
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px)
}
table.hide-for-small-only,table.show-for-small-up,table.hide-for-small,table.hide-for-small-down,table.hide-for-medium-only,table.show-for-medium-up,table.hide-for-medium,table.hide-for-medium-down,table.show-for-large-only,table.show-for-large-up,table.show-for-large,table.show-for-large-down,table.hide-for-xlarge-only,table.hide-for-xlarge-up,table.hide-for-xlarge,table.show-for-xlarge-down,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.hide-for-xxlarge,table.show-for-xxlarge-down
{
display: table
}
thead.hide-for-small-only,thead.show-for-small-up,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-medium-only,thead.show-for-medium-up,thead.hide-for-medium,thead.hide-for-medium-down,thead.show-for-large-only,thead.show-for-large-up,thead.show-for-large,thead.show-for-large-down,thead.hide-for-xlarge-only,thead.hide-for-xlarge-up,thead.hide-for-xlarge,thead.show-for-xlarge-down,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.hide-for-xxlarge,thead.show-for-xxlarge-down
{
display: table-header-group !important
}
tbody.hide-for-small-only,tbody.show-for-small-up,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-medium-only,tbody.show-for-medium-up,tbody.hide-for-medium,tbody.hide-for-medium-down,tbody.show-for-large-only,tbody.show-for-large-up,tbody.show-for-large,tbody.show-for-large-down,tbody.hide-for-xlarge-only,tbody.hide-for-xlarge-up,tbody.hide-for-xlarge,tbody.show-for-xlarge-down,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.hide-for-xxlarge,tbody.show-for-xxlarge-down
{
display: table-row-group !important
}
tr.hide-for-small-only,tr.show-for-small-up,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-medium-only,tr.show-for-medium-up,tr.hide-for-medium,tr.hide-for-medium-down,tr.show-for-large-only,tr.show-for-large-up,tr.show-for-large,tr.show-for-large-down,tr.hide-for-xlarge-only,tr.hide-for-xlarge-up,tr.hide-for-xlarge,tr.show-for-xlarge-down,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.hide-for-xxlarge,tr.show-for-xxlarge-down
{
display: table-row !important
}
th.hide-for-small-only,td.hide-for-small-only,th.show-for-small-up,td.show-for-small-up,th.hide-for-small,td.hide-for-small,th.hide-for-small-down,td.hide-for-small-down,th.hide-for-medium-only,td.hide-for-medium-only,th.show-for-medium-up,td.show-for-medium-up,th.hide-for-medium,td.hide-for-medium,th.hide-for-medium-down,td.hide-for-medium-down,th.show-for-large-only,td.show-for-large-only,th.show-for-large-up,td.show-for-large-up,th.show-for-large,td.show-for-large,th.show-for-large-down,td.show-for-large-down,th.hide-for-xlarge-only,td.hide-for-xlarge-only,th.hide-for-xlarge-up,td.hide-for-xlarge-up,th.hide-for-xlarge,td.hide-for-xlarge,th.show-for-xlarge-down,td.show-for-xlarge-down,th.hide-for-xxlarge-only,td.hide-for-xxlarge-only,th.hide-for-xxlarge-up,td.hide-for-xxlarge-up,th.hide-for-xxlarge,td.hide-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-down
{
display: table-cell !important
}
}
@media only screen and (min-width: 90.063em) {
.hide-for-small-only,.show-for-small-up,.hide-for-small,.hide-for-small-down,.hide-for-medium-only,.show-for-medium-up,.hide-for-medium,.hide-for-medium-down,.hide-for-large-only,.show-for-large-up,.hide-for-large,.hide-for-large-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.show-for-xxlarge-down
{
display: inherit !important
}
.show-for-small-only,.hide-for-small-up,.show-for-small,.show-for-small-down,.show-for-medium-only,.hide-for-medium-up,.show-for-medium,.show-for-medium-down,.show-for-large-only,.hide-for-large-up,.show-for-large,.show-for-large-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.hide-for-xxlarge-down
{
display: none !important
}
.hidden-for-small-only,.visible-for-small-up,.hidden-for-small,.hidden-for-small-down,.hidden-for-medium-only,.visible-for-medium-up,.hidden-for-medium,.hidden-for-medium-down,.hidden-for-large-only,.visible-for-large-up,.hidden-for-large,.hidden-for-large-down,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.visible-for-xxlarge-down
{
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto
}
.visible-for-small-only,.hidden-for-small-up,.visible-for-small,.visible-for-small-down,.visible-for-medium-only,.hidden-for-medium-up,.visible-for-medium,.visible-for-medium-down,.visible-for-large-only,.hidden-for-large-up,.visible-for-large,.visible-for-large-down,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.hidden-for-xxlarge-down
{
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px)
}
table.hide-for-small-only,table.show-for-small-up,table.hide-for-small,table.hide-for-small-down,table.hide-for-medium-only,table.show-for-medium-up,table.hide-for-medium,table.hide-for-medium-down,table.hide-for-large-only,table.show-for-large-up,table.hide-for-large,table.hide-for-large-down,table.show-for-xlarge-only,table.show-for-xlarge-up,table.show-for-xlarge,table.show-for-xlarge-down,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.hide-for-xxlarge,table.show-for-xxlarge-down
{
display: table
}
thead.hide-for-small-only,thead.show-for-small-up,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-medium-only,thead.show-for-medium-up,thead.hide-for-medium,thead.hide-for-medium-down,thead.hide-for-large-only,thead.show-for-large-up,thead.hide-for-large,thead.hide-for-large-down,thead.show-for-xlarge-only,thead.show-for-xlarge-up,thead.show-for-xlarge,thead.show-for-xlarge-down,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.hide-for-xxlarge,thead.show-for-xxlarge-down
{
display: table-header-group !important
}
tbody.hide-for-small-only,tbody.show-for-small-up,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-medium-only,tbody.show-for-medium-up,tbody.hide-for-medium,tbody.hide-for-medium-down,tbody.hide-for-large-only,tbody.show-for-large-up,tbody.hide-for-large,tbody.hide-for-large-down,tbody.show-for-xlarge-only,tbody.show-for-xlarge-up,tbody.show-for-xlarge,tbody.show-for-xlarge-down,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.hide-for-xxlarge,tbody.show-for-xxlarge-down
{
display: table-row-group !important
}
tr.hide-for-small-only,tr.show-for-small-up,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-medium-only,tr.show-for-medium-up,tr.hide-for-medium,tr.hide-for-medium-down,tr.hide-for-large-only,tr.show-for-large-up,tr.hide-for-large,tr.hide-for-large-down,tr.show-for-xlarge-only,tr.show-for-xlarge-up,tr.show-for-xlarge,tr.show-for-xlarge-down,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.hide-for-xxlarge,tr.show-for-xxlarge-down
{
display: table-row !important
}
th.hide-for-small-only,td.hide-for-small-only,th.show-for-small-up,td.show-for-small-up,th.hide-for-small,td.hide-for-small,th.hide-for-small-down,td.hide-for-small-down,th.hide-for-medium-only,td.hide-for-medium-only,th.show-for-medium-up,td.show-for-medium-up,th.hide-for-medium,td.hide-for-medium,th.hide-for-medium-down,td.hide-for-medium-down,th.hide-for-large-only,td.hide-for-large-only,th.show-for-large-up,td.show-for-large-up,th.hide-for-large,td.hide-for-large,th.hide-for-large-down,td.hide-for-large-down,th.show-for-xlarge-only,td.show-for-xlarge-only,th.show-for-xlarge-up,td.show-for-xlarge-up,th.show-for-xlarge,td.show-for-xlarge,th.show-for-xlarge-down,td.show-for-xlarge-down,th.hide-for-xxlarge-only,td.hide-for-xxlarge-only,th.hide-for-xxlarge-up,td.hide-for-xxlarge-up,th.hide-for-xxlarge,td.hide-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-down
{
display: table-cell !important
}
}
@media only screen and (min-width: 120.063em) {
.hide-for-small-only,.show-for-small-up,.hide-for-small,.hide-for-small-down,.hide-for-medium-only,.show-for-medium-up,.hide-for-medium,.hide-for-medium-down,.hide-for-large-only,.show-for-large-up,.hide-for-large,.hide-for-large-down,.hide-for-xlarge-only,.show-for-xlarge-up,.hide-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.show-for-xxlarge-down
{
display: inherit !important
}
.show-for-small-only,.hide-for-small-up,.show-for-small,.show-for-small-down,.show-for-medium-only,.hide-for-medium-up,.show-for-medium,.show-for-medium-down,.show-for-large-only,.hide-for-large-up,.show-for-large,.show-for-large-down,.show-for-xlarge-only,.hide-for-xlarge-up,.show-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.hide-for-xxlarge-down
{
display: none !important
}
.hidden-for-small-only,.visible-for-small-up,.hidden-for-small,.hidden-for-small-down,.hidden-for-medium-only,.visible-for-medium-up,.hidden-for-medium,.hidden-for-medium-down,.hidden-for-large-only,.visible-for-large-up,.hidden-for-large,.hidden-for-large-down,.hidden-for-xlarge-only,.visible-for-xlarge-up,.hidden-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.visible-for-xxlarge-down
{
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto
}
.visible-for-small-only,.hidden-for-small-up,.visible-for-small,.visible-for-small-down,.visible-for-medium-only,.hidden-for-medium-up,.visible-for-medium,.visible-for-medium-down,.visible-for-large-only,.hidden-for-large-up,.visible-for-large,.visible-for-large-down,.visible-for-xlarge-only,.hidden-for-xlarge-up,.visible-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.hidden-for-xxlarge-down
{
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px)
}
table.hide-for-small-only,table.show-for-small-up,table.hide-for-small,table.hide-for-small-down,table.hide-for-medium-only,table.show-for-medium-up,table.hide-for-medium,table.hide-for-medium-down,table.hide-for-large-only,table.show-for-large-up,table.hide-for-large,table.hide-for-large-down,table.hide-for-xlarge-only,table.show-for-xlarge-up,table.hide-for-xlarge,table.hide-for-xlarge-down,table.show-for-xxlarge-only,table.show-for-xxlarge-up,table.show-for-xxlarge,table.show-for-xxlarge-down
{
display: table
}
thead.hide-for-small-only,thead.show-for-small-up,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-medium-only,thead.show-for-medium-up,thead.hide-for-medium,thead.hide-for-medium-down,thead.hide-for-large-only,thead.show-for-large-up,thead.hide-for-large,thead.hide-for-large-down,thead.hide-for-xlarge-only,thead.show-for-xlarge-up,thead.hide-for-xlarge,thead.hide-for-xlarge-down,thead.show-for-xxlarge-only,thead.show-for-xxlarge-up,thead.show-for-xxlarge,thead.show-for-xxlarge-down
{
display: table-header-group !important
}
tbody.hide-for-small-only,tbody.show-for-small-up,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-medium-only,tbody.show-for-medium-up,tbody.hide-for-medium,tbody.hide-for-medium-down,tbody.hide-for-large-only,tbody.show-for-large-up,tbody.hide-for-large,tbody.hide-for-large-down,tbody.hide-for-xlarge-only,tbody.show-for-xlarge-up,tbody.hide-for-xlarge,tbody.hide-for-xlarge-down,tbody.show-for-xxlarge-only,tbody.show-for-xxlarge-up,tbody.show-for-xxlarge,tbody.show-for-xxlarge-down
{
display: table-row-group !important
}
tr.hide-for-small-only,tr.show-for-small-up,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-medium-only,tr.show-for-medium-up,tr.hide-for-medium,tr.hide-for-medium-down,tr.hide-for-large-only,tr.show-for-large-up,tr.hide-for-large,tr.hide-for-large-down,tr.hide-for-xlarge-only,tr.show-for-xlarge-up,tr.hide-for-xlarge,tr.hide-for-xlarge-down,tr.show-for-xxlarge-only,tr.show-for-xxlarge-up,tr.show-for-xxlarge,tr.show-for-xxlarge-down
{
display: table-row !important
}
th.hide-for-small-only,td.hide-for-small-only,th.show-for-small-up,td.show-for-small-up,th.hide-for-small,td.hide-for-small,th.hide-for-small-down,td.hide-for-small-down,th.hide-for-medium-only,td.hide-for-medium-only,th.show-for-medium-up,td.show-for-medium-up,th.hide-for-medium,td.hide-for-medium,th.hide-for-medium-down,td.hide-for-medium-down,th.hide-for-large-only,td.hide-for-large-only,th.show-for-large-up,td.show-for-large-up,th.hide-for-large,td.hide-for-large,th.hide-for-large-down,td.hide-for-large-down,th.hide-for-xlarge-only,td.hide-for-xlarge-only,th.show-for-xlarge-up,td.show-for-xlarge-up,th.hide-for-xlarge,td.hide-for-xlarge,th.hide-for-xlarge-down,td.hide-for-xlarge-down,th.show-for-xxlarge-only,td.show-for-xxlarge-only,th.show-for-xxlarge-up,td.show-for-xxlarge-up,th.show-for-xxlarge,td.show-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-down
{
display: table-cell !important
}
}
.show-for-landscape,.hide-for-portrait {
display: inherit !important
}
.hide-for-landscape,.show-for-portrait {
display: none !important
}
table.hide-for-landscape,table.show-for-portrait {
display: table
}
thead.hide-for-landscape,thead.show-for-portrait {
display: table-header-group !important
}
tbody.hide-for-landscape,tbody.show-for-portrait {
display: table-row-group !important
}
tr.hide-for-landscape,tr.show-for-portrait {
display: table-row !important
}
td.hide-for-landscape,td.show-for-portrait,th.hide-for-landscape,th.show-for-portrait
{
display: table-cell !important
}
@media only screen and (orientation: landscape) {
.show-for-landscape,.hide-for-portrait {
display: inherit !important
}
.hide-for-landscape,.show-for-portrait {
display: none !important
}
table.show-for-landscape,table.hide-for-portrait {
display: table
}
thead.show-for-landscape,thead.hide-for-portrait {
display: table-header-group !important
}
tbody.show-for-landscape,tbody.hide-for-portrait {
display: table-row-group !important
}
tr.show-for-landscape,tr.hide-for-portrait {
display: table-row !important
}
td.show-for-landscape,td.hide-for-portrait,th.show-for-landscape,th.hide-for-portrait
{
display: table-cell !important
}
}
@media only screen and (orientation: portrait) {
.show-for-portrait,.hide-for-landscape {
display: inherit !important
}
.hide-for-portrait,.show-for-landscape {
display: none !important
}
table.show-for-portrait,table.hide-for-landscape {
display: table
}
thead.show-for-portrait,thead.hide-for-landscape {
display: table-header-group !important
}
tbody.show-for-portrait,tbody.hide-for-landscape {
display: table-row-group !important
}
tr.show-for-portrait,tr.hide-for-landscape {
display: table-row !important
}
td.show-for-portrait,td.hide-for-landscape,th.show-for-portrait,th.hide-for-landscape
{
display: table-cell !important
}
}
.show-for-touch {
display: none !important
}
.hide-for-touch {
display: inherit !important
}
.touch .show-for-touch {
display: inherit !important
}
.touch .hide-for-touch {
display: none !important
}
table.hide-for-touch {
display: table
}
.touch table.show-for-touch {
display: table
}
thead.hide-for-touch {
display: table-header-group !important
}
.touch thead.show-for-touch {
display: table-header-group !important
}
tbody.hide-for-touch {
display: table-row-group !important
}
.touch tbody.show-for-touch {
display: table-row-group !important
}
tr.hide-for-touch {
display: table-row !important
}
.touch tr.show-for-touch {
display: table-row !important
}
td.hide-for-touch {
display: table-cell !important
}
.touch td.show-for-touch {
display: table-cell !important
}
th.hide-for-touch {
display: table-cell !important
}
.touch th.show-for-touch {
display: table-cell !important
}
@media print {
.show-for-print {
display: block
}
.hide-for-print {
display: none
}
table.show-for-print {
display: table
}
thead.show-for-print {
display: table-header-group !important
}
tbody.show-for-print {
display: table-row-group !important
}
tr.show-for-print {
display: table-row !important
}
td.show-for-print {
display: table-cell !important
}
th.show-for-print {
display: table-cell !important
}
}
/*Modules css Starts*/
ul,li {
list-style-type: none;
margin: 0;
padding: 0
}
body {
font-weight: 400;
background-color: #fff
}
button {
font-family: lato
}
ul li ul,ul li ol {
margin-left: 0
}
select,textarea {
font-family: lato
}
.graphBg {
background: url("../images/tileBgGraph.png") repeat scroll 0 0
}
sup {
font-size: 10px;
zero: 10px;
font-size: 10px
}
.btnRed {
background: #ed1c24;
font-size: 16px;
zero: 16px;
font-size: 16px;
color: #fff;
padding: 0 37px;
zero: 0;
zero: 37px;
padding: 0 37px;
display: inline-block;
line-height: 36px;
height: 36px;
border: none
}
.btnRed:hover {
text-decoration: none;
color: #fff;
cursor: pointer
}
.btnRed.blue {
background: #0067ac
}
.anchorLink {
background-color: #d51d24;
color: #fff;
font-size: 14px;
margin: auto;
zero: 15px;
border: none;
display: inline-block;
line-height: 36px;
padding: 0px 20px;
text-align: center;
min-width: 153px;
cursor: pointer
}
.anchorLink span {
position: relative;
transition: all 0.4s ease-in-out 0s;
display: inline-block;
padding: 0px 28px 0 0px;
zero: 0px;
zero: 28px;
zero: 0;
zero: 0px;
padding: 0px 28px 0 0px;
text-transform: uppercase
}
.anchorLink span:after {
border-radius: 14px;
padding: 0;
width: 22px;
height: 22px;
background: url(../images/arrow_animate_white.svg) no-repeat 0 center;
position: absolute;
top: 50%;
margin-top: -11px;
right: 0;
content: "";
display: inline-block
}
.anchorLink span:before {
background: url(../images/circle_white.svg) no-repeat 0 center;
content: "";
display: inline-block;
width: 22px;
height: 35px;
position: absolute;
right: 0
}
.anchorLink.type2 {
background-color: transparent;
border: 1px solid #dfdfdf;
color: #d51d24
}
.anchorLink.type2 span:after {
background: url(../images/arrow_animate_red.svg) no-repeat 0 center
}
.anchorLink.type2 span:before {
background: url(../images/circle_red.svg) no-repeat 0 center
}
.anchorLink:hover {
color: #fff
}
.anchorLink:hover span:after {
animation: arrowSlideBorder .4s single;
-webkit-animation: arrowSlideBorder .4s ease-in-out;
-moz-animation: arrowSlideBorder .4s ease-in-out
}
.anchorLink:visited {
color: #fff
}
.anchorLink.type2:visited,.anchorLink.type2:hover {
color: #d51d24
}
.rs {
font-family: "WebRupee" !important
}
.downLoad {
font-size: 13px;
zero: 13px;
font-size: 13px;
line-height: 34px;
zero: 34px;
line-height: 34px;
color: #b11f24;
background: #ffffff;
border: 1px solid #dfdfdf;
padding: 0px 40px 0 15px;
zero: 0px;
zero: 40px;
zero: 0;
zero: 15px;
padding: 0px 40px 0 15px;
display: inline-block
}
.downLoad span {
position: relative;
text-transform: uppercase
}
.downLoad span:after {
content: "";
display: inline-block;
background: url("../images/icons_c2i.png") no-repeat -28px -510px;
width: 20px;
height: 20px;
position: absolute;
right: -27px;
top: 0
}
.downLoad:hover,.downLoad:visited {
color: #b11f24
}
@-webkit-keyframes arrowSlideBorder { 0%{
background-position: 0 center
}
50%{
background-position
:
22px
center
}
50%{
background-position: -22px center
}
100%{
background-position
:
0
center
}
}
@-moz-keyframes arrowSlideBorder { 0%{
background-position: 0 center
}
50%{
background-position :22px center
}
50%{
background-position
:
-22px
center
}
100%{
background-position
:0px
center
}
}
@font-face {
font-family: 'WebRupee';
src: url("../fonts/WebRupee.V2.0.eot");
src: local("../fonts/WebRupee"), url("../fonts/WebRupee.V2.0.ttf")
format("truetype"), url("../fonts/WebRupee.V2.0.woff") format("woff"),
url("../fonts/WebRupee.V2.0.svg") format("svg");
font-weight: normal;
font-style: normal
}
.WebRupee {
font-family: 'WebRupee'
}
html>body .WebRupee {
margin-right: 5px
}
html>body .WebRupee {
*margin-right: 0
}
.dwb-i {
text-align: left;
display: block;
width: 100%;
font-size: 12px;
zero: 12px;
font-size: 12px;
line-height: 16px;
zero: 16px;
line-height: 16px
}
body.calendarOverlay .dw-persp {
top: -84px !important
}
@media only screen and (max-width: 48em) {
body.calendarOverlay .dw-persp {
top: 0 !important
}
}
body.calendarOverlay .dw-persp .dw-bubble-bottom {
margin-top: 84px !important
}
@media only screen and (max-width: 48em) {
body.calendarOverlay .dw-persp .dw-bubble-bottom {
margin-top: 20px !important
}
}
.overlay {
background: rgba(0, 0, 0, 0.4);
display: none;
height: 100%;
left: 0;
margin: auto;
position: fixed;
top: 0;
width: 100%;
z-index: 9999
}
@media only screen and (max-width: 48em) {
.overlay {
position: absolute
}
}
.overlay .popcontDetails {
background: #fff;
position: absolute;
top: 10%;
width: 560px;
left: 50%;
margin-left: -280px;
padding: 30px;
zero: 30px;
padding: 30px
}
@media only screen and (max-width: 48em) {
.overlay .popcontDetails {
width: 80%;
margin: 0 auto;
left: 10%
}
}
.overlay .popcontDetails h3 {
font-weight: 700;
font-size: 14px;
zero: 14px;
font-size: 14px;
line-height: 16px;
zero: 16px;
line-height: 16px
}
.overlay .popcontDetails ul {
margin-top: 10px
}
.overlay .popcontDetails ul li {
font-size: 14px;
zero: 14px;
font-size: 14px;
line-height: 16px;
zero: 16px;
line-height: 16px;
color: #333;
background: url(../images/arrow_li_popup.png) no-repeat left 3px;
padding: 0px 0px 8px 15px;
zero: 0px;
zero: 0px;
zero: 8px;
zero: 15px;
padding: 0px 0px 8px 15px
}
.overlay .popcontDetails .closeBtn {
background: url("../images/icon_popup_close.png") no-repeat scroll left
top;
height: 32px;
right: -32px;
position: absolute;
text-indent: -9999px;
top: 0;
width: 32px
}
.tabNavigt ul li {
display: inline-block;
padding-bottom: 20px
}
.tabNavigt ul li a {
display: block;
position: relative;
border: 1px solid #e1e1e1;
font-size: 17px;
zero: 17px;
font-size: 17px;
line-height: 18px;
zero: 18px;
line-height: 18px;
color: #333;
text-align: center;
padding: 16px 0px;
zero: 16px;
zero: 0px;
padding: 16px 0px;
background: #e9e9e9;
background: -moz-linear-gradient(90deg, #e9e9e9 10%, #f0f0f0 70%);
background: -webkit-linear-gradient(90deg, #e9e9e9 10%, #f0f0f0 70%);
background: -o-linear-gradient(90deg, #e9e9e9 10%, #f0f0f0 70%);
background: -ms-linear-gradient(90deg, #e9e9e9 10%, #f0f0f0 70%);
background: linear-gradient(180deg, #e9e9e9 10%, #f0f0f0 70%)
}
@media only screen and (max-width: 48em) {
.tabNavigt ul li a {
padding: 12px 0px;
zero: 12px;
zero: 0px;
padding: 12px 0px
}
}
.tabNavigt ul li a span {
width: 24px;
height: 18px;
position: absolute;
left: 44%;
bottom: -16px;
display: none;
border-left: 17px solid transparent;
border-right: 17px solid transparent;
border-top: 17px solid #df070a;
border-bottom: 0 solid transparent
}
@media only screen and (max-width: 48em) {
.tabNavigt ul li a span {
bottom: -12px;
zero: -12px;
bottom: -12px
}
}
.tabNavigt ul li a.active {
background: url("../images/tab_li_active.png") repeat-x 0 0;
color: #fff;
border-top: 1px solid #f6515e;
border-bottom: 1px solid #df070a;
border-left: 1px solid #df070a;
border-right: 1px solid #df070a;
background: url(../images/bgGradientButton.png) repeat-x left bottom
}
.tabNavigt ul li a.active span {
display: block
}
.blueLight {
background: #e9f5fd
}
.blueDark {
background: #005e9e
}
.white {
background: #fff
}
.columnWrapper {
padding: 20px 40px;
zero: 20px;
zero: 40px;
padding: 20px 40px
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.columnWrapper {
padding: 10px 10px;
zero: 10px;
zero: 10px;
padding: 10px 10px
}
}
@media only screen and (max-width: 48em) {
.columnWrapper {
padding: 10px 10px;
zero: 10px;
zero: 10px;
padding: 10px 10px
}
}
.colLeft {
min-height: 200px
}
.colLeft .radiusBlock {
margin-right: 15px;
zero: 15px;
margin-right: 15px
}
@media only screen and (max-width: 48em) {
.colLeft .radiusBlock {
margin-right: 0
}
}
.colRight {
background: #fff;
min-height: 200px;
border: 1px solid #ebf8fe
}
.radiusBlock {
min-height: 200px;
border-radius: 6px
}
.videogallery {
display: none;
position: fixed;
left: 50%;
top: 50%;
z-index: 9999;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%)
}
.videogallery {
display: none;
background: #fff;
height: auto
}
.videogallery .videoThumbnails {
margin: 15px 0
}
.videogallery .videoHolder {
padding: 30px;
position: relative;
width: 100%
}
@media only screen and (max-width: 48em) {
.videogallery .videoHolder {
padding: 15px
}
}
.videogallery .videoHolder .popCloseBtn {
background: url(../images/icon_popup_close.png) left top no-repeat;
position: absolute;
height: 32px;
right: -32px;
top: 0;
width: 32px;
z-index: 10000
}
@media only screen and (max-width: 48em) {
.videogallery .videoHolder .popCloseBtn {
right: 0;
top: -32px
}
}
.videogallery .videoHolder .videoWrapper {
background: #000 none repeat scroll 0 0;
clear: both;
float: none;
height: 0;
padding-bottom: 56.25%;
padding-top: 25px;
position: relative;
width: 100%
}
.videogallery .videoHolder .videoWrapper iframe,.videogallery .videoHolder .videoWrapper object,.videogallery .videoHolder .videoWrapper embed
{
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.videogallery .videoThumbnails ul {
text-align: center;
margin: 0
}
.videogallery .videoThumbnails ul li {
display: inline-block;
margin-left: 10px;
zero: 10px;
margin-left: 10px
}
.videogallery .videoThumbnails ul li a {
width: 85px;
height: 64px;
display: block;
border: 3px solid #e3dfde
}
.videogallery .videoThumbnails ul li a img {
max-width: 100%;
width: 100%
}
.videogallery .videoThumbnails ul li a.active {
border-color: #ed1c24
}
@media only screen and (max-width: 40em) {
.videogallery .videoThumbnails ul li a {
background-color: #760005;
height: 20px;
width: 20px
}
.videogallery .videoThumbnails ul li img {
display: none
}
}
.videogallery .videoThumbnails ul li:first-child {
margin-left: 0
}
.errorMsg {
color : #ff0000;
display: none
}
.jspContainer {
overflow: hidden;
position: relative
}
.jspPane {
position: absolute
}
.jspVerticalBar {
position: absolute;
top: 0;
right: 0;
width: 8px;
height: 100%
}
.jspHorizontalBar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 16px
}
.jspCap {
display: none
}
.jspHorizontalBar .jspCap {
float: left
}
.jspTrack {
background: none;
position: relative
}
.jspDrag {
background: #cacaca;
position: relative;
top: 0;
left: 0;
cursor: pointer
}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag {
float: left;
height: 100%
}
.jspArrow {
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
padding: 0;
margin: 0
}
.jspArrow.jspDisabled {
cursor: default;
background: #80808d
}
.jspVerticalBar .jspArrow {
height: 16px
}
.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
}
.rowContent {
margin: 0 auto
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.rowContent {
padding: 0 10px;
zero: 0;
zero: 10px;
padding: 0 10px
}
}
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
header {
background-color: #fff
}
header.desktop {
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 6;
-webkit-box-shadow: 0px 0px 8px 1px #a2a1a4;
-moz-box-shadow: 0px 0px 8px 1px #a2a1a4;
box-shadow: 0px 0px 8px 1px #a2a1a4
}
.mainSection {
margin-top: 84px;
zero: 84px;
margin-top: 84px
}
#callBack.zindex {
opacity: 1 !important;
right: 400px !important;
top: -100px !important;
z-index: 10000
}
@media only screen and (min-width: 61.3125em) {
#resumeApplication.zindex {
opacity: 1 !important;
right: 400px !important;
top: -100px !important;
z-index: 10000
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
#callBack.zindex,#resumeApplication.zindex {
right: 150px !important;
opacity: 1 !important;
top: -100px !important;
z-index: 10000
}
}
@media only screen and (min-width: 61.3125em) and (max-width: 64.375em)
{
#callBack.zindex,#resumeApplication.zindex {
right: 300px !important;
opacity: 1 !important;
top: -100px !important;
z-index: 10000
}
}
header.desktop .logoBlock {
float: left;
width: 10.98%;
height: 80px;
line-height: 80px;
text-align: center
}
header.desktop .logoBlock img {
vertical-align: middle;
margin-top: -12px;
}
header.desktop .menuBlock {
float: right;
width: 89.02%
}
header.desktop .contactOpt {
/* background: url(../images/bg_contactOpt.png) repeat-x scroll left top; */
background-color:#005e9e;
float: right;
width: 100%;
padding-bottom: 2px
}
.para {
color: #fff;
float: left;
font-weight: bold;
margin-bottom: 0;
padding: 4px 8px;
}
header.desktop .contactOpt ul {
float: right;
padding: 0;
zero: 0;
padding: 0
}
header.desktop .contactOpt li {
float: left;
font-weight: 400;
font-size: 13px;
zero: 13px;
font-size: 13px;
padding-left: 28px;
zero: 28px;
padding-left: 28px
}
header.desktop .contactOpt li a,header.desktop .contactOpt li span {
color: #FFF;
line-height: 28px
}
header.desktop .contactOpt .callBack {
background: url(../images/icon_callback.png) no-repeat scroll 10px
center;
margin-right: 10px;
zero: 10px;
margin-right: 10px;
white-space: nowrap
}
header.desktop .contactOpt .callBack a {
color: #69d3ff
}
header.desktop .contactOpt .callBack::before {
border-left: 1px solid #0e63a2;
content: "";
left: -27px;
position: relative
}
header.desktop .contactOpt .resumeApp {
background: url(../images/icon_resume_application.png) no-repeat scroll
10px center;
margin-right: 10px;
zero: 10px;
margin-right: 10px
}
header.desktop .contactOpt .resumeApp a {
color: #69d3ff
}
header.desktop .contactOpt .tollFree {
background-color: #00508c;
padding: 0px 10px;
zero: 0px;
zero: 10px;
padding: 0px 10px
}
header.desktop .contactOpt .tollFree>a {
font-size: 14px;
zero: 14px;
font-size: 14px;
color: #ebebeb;
text-transform: capitalize
}
header.desktop .contactOpt .topPerformance {
padding-left: 0;
position: relative
}
header.desktop .contactOpt .topPerformance.close {
background: url(../images/star.svg) no-repeat scroll 10px 7px;
background-color: #7fdbff
}
header.desktop .contactOpt .topPerformance.open,header.desktop .contactOpt .topPerformance.openState
{
background: url(../images/star_blue.svg) no-repeat scroll 10px 7px;
background-color: #7fdbff
}
header.desktop .contactOpt .topPerformance>a {
font-size: 13px;
zero: 13px;
font-size: 13px;
margin: 0px 50px;
zero: 0px;
zero: 30px;
zero: 0;
zero: 30px;
margin: 0px 50px;
color: #05396e;
font-weight: 700;
text-transform: uppercase
}
/* @media only screen and (min-width: 768px) and (max-width: 980px) {
header.desktop .contactOpt .topPerformance>a {
margin-right: 5px;
zero: 5px;
margin-right: 5px
}
} */
header.desktop .contactOpt .topPerformance .dropBox {
background-color: #fff;
border-bottom: 5px solid #7fdbff;
display: none;
position: absolute;
right: 0;
top: 28px;
padding: 0 15px;
zero: 0;
zero: 15px;
padding: 0 15px;
-webkit-box-shadow: -5px 0 5px -3px rgba(0, 0, 0, 0.2);
box-shadow: -5px 0 5px -3px rgba(0, 0, 0, 0.2);
width: 100%
}
header.desktop .contactOpt .topPerformance .tableBlock .infoLine {
color: #5d748c;
margin-top: 0
}
header.desktop .nav {
background: url(../images/bg_nav.png) repeat-x scroll left top;
float: left;
padding: 12px 0 11px 16px;
zero: 12px;
zero: 0;
zero: 11px;
zero: 16px;
padding: 12px 0 11px 16px;
width: 100%
}
header.desktop .nav ul.mainNav .home {
margin: 0 10px 0 10px;
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
header.desktop .nav ul.mainNav .home {
margin: 0 5px;
zero: 0;
zero: 5px;
margin: 0 5px
}
}
header.desktop .nav ul.mainNav .home a {
background: url(../images/icon_home.png) no-repeat scroll left 2px;
text-indent: -9999px;
width: 18px;
text-transform: uppercase
}
header.desktop .nav ul.mainNav .home a:hover {
background: url(../images/icon_active_home.png) no-repeat scroll left
2px !important;
}
header.desktop .nav ul.mainNav .home.active {
background: none
}
header.desktop .nav ul.mainNav .home.active a {
background: url(../images/icon_active_home.png) no-repeat scroll left
2px
}
header.desktop .nav ul.mainNav li {
float: left;
font-weight: 700;
font-size: 13px;
zero: 13px;
font-size: 13px;
margin: 0 13px;
zero: 0;
zero: 13px;
margin: 0 13px;
padding: 5px 0;
zero: 5px;
zero: 0;
padding: 5px 0
}
header.desktop .nav ul.mainNav li a {
float: left;
color: #fff;
word-spacing: 1px;
text-transform: uppercase
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
header.desktop .nav ul.mainNav li {
margin: 1px 7px 0 7px;
zero: 1px;
zero: 7px;
zero: 0;
zero: 7px;
margin: 1px 7px 0 7px;
font-size: 11px;
zero: 11px;
font-size: 11px
}
}
header.desktop .nav ul.mainNav li a {
float: left;
color: #fff;
word-spacing: 3px;
text-transform: uppercase
}
header.desktop .nav ul.mainNav li a:hover {
color: #64bbfc !important;
padding: 0 !important;
margin: 0 !important;
background: none !important;
}
header.desktop .nav ul.mainNav li.active {
background: url(../images/bg_nav_active.png) no-repeat scroll center
bottom
}
header.desktop .nav ul.mainNav li.active a {
color: #64bbfc
}
header.desktop .nav ul.subNav {
float: right;
margin-right: 40px;
zero: 40px;
margin-right: 40px
}
header.desktop .nav ul.subNav>li {
float: left;
font-weight: 700;
font-size: 14px;
zero: 14px;
font-size: 14px;
margin: 0 8px;
zero: 0;
zero: 8px;
margin: 0 8px;
padding: 5px 0;
zero: 5px;
zero: 0;
padding: 5px 0
}
header.desktop .nav ul.subNav>li>a {
float: left;
color: #fff;
padding: 8px 18px;
zero: 8px;
zero: 18px;
padding: 8px 18px;
word-spacing: 3px
}
header.desktop .nav ul.subNav>li a:hover {
color: #64bbfc
}
header.desktop .nav li.active {
background: url(../images/bg_nav_active.png) no-repeat scroll center
bottom
}
header.desktop .nav li.active a {
color: #64bbfc
}
header.desktop .nav .dropBox {
display: none;
background-color: #05396e;
border-top: 5px solid #69d3ff;
position: absolute;
right: 0;
top: 43px;
padding: 10px 8px;
zero: 10px;
zero: 8px;
padding: 10px 8px;
width: 260px
}
header.desktop .nav .dropBox ul {
margin-left: 0
}
header.desktop .nav .dropBox li {
border-top: 1px solid #1e4d7d
}
header.desktop .nav .dropBox li:first-child {
border-top: none
}
header.desktop .nav .dropBox a {
background: url(../images/arrow_white.png) no-repeat scroll 92% center;
color: #fff;
display: inline-block;
font-size: 15px;
zero: 15px;
font-size: 15px;
margin: 10px;
zero: 10px;
margin: 10px;
width: 100%
}
header.desktop .nav .dropBox a:hover {
background: url(../images/arrow_blue.png) no-repeat scroll 92% center
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
header.desktop .nav {
padding-left: 5px;
zero: 5px;
padding-left: 5px
}
header.desktop .nav li {
margin: 0 10px;
zero: 0;
zero: 10px;
margin: 0 10px
}
header.desktop .nav .home {
margin: 0 10px;
zero: 0;
zero: 10px;
margin: 0 10px
}
}
header.mobile {
display: none;
position: fixed;
left: 0;
top: 0;
-webkit-box-shadow: 0px 0px 8px 1px #a2a1a4;
-moz-box-shadow: 0px 0px 8px 1px #a2a1a4;
box-shadow: 0px 0px 8px 1px #a2a1a4
}
header.mobile.tab3 {
position: relative
}
@media screen and (max-width: 767px) {
header.desktop {
display: none
}
.mainSection {
margin-top: 54px;
zero: 54px;
margin-top: 54px
}
.mainSection.tab3 {
margin-top: 0 !important
}
header.mobile {
display: block;
position: fixed;
width: 100%;
max-width: 767px;
z-index: 7
}
header.mobile .logoBlock {
float: left;
width: 20%;
height: 50px;
line-height: 50px;
padding: 0 5px;
zero: 0;
zero: 5px;
padding: 0 5px;
text-align: center
}
header.mobile .logoBlock img {
vertical-align: middle
}
header.mobile h2 {
color: #fff;
display: inline-block;
font-size: 12px;
zero: 12px;
font-size: 12px;
line-height: 14px;
zero: 14px;
line-height: 14px;
padding: 8px;
zero: 8px;
padding: 8px
}
header.mobile h2 span {
display: block;
font-weight: bold
}
header.mobile .menuBlock {
float: right;
width: 80%
}
header.mobile .mainMenu {
display: inline-block;
position: relative;
width: 100%
}
header.mobile .mainMenu h2.title {
background: url(../images/bg_mob_mainMenu.png) repeat-x scroll left top;
cursor: pointer;
margin: 0;
font-size: 13px;
zero: 13px;
font-size: 13px;
padding: 11px 10px;
zero: 11px;
zero: 10px;
padding: 11px 10px;
width: 100%
}
header.mobile .mainMenu h2.title:after {
content: "";
width: 16px;
height: 9px;
background: url(../images/arrow_dropdown.png) no-repeat scroll right
center;
right: 10px;
position: absolute;
display: inline-block
}
header.mobile .mainMenu .mainNav {
display: none;
background-color: #017ac1;
border-bottom: 5px solid #69d3ff;
font-size: 14px;
zero: 14px;
font-size: 14px;
padding: 15px 20px;
zero: 15px;
zero: 20px;
padding: 15px 20px;
position: absolute;
top: 36px;
width: 100%
}
header.mobile .mainMenu .mainNav li {
margin-top: 6px;
zero: 6px;
margin-top: 6px
}
header.mobile .mainMenu .mainNav li:first-child {
margin-top: 0
}
header.mobile .mainMenu .mainNav a {
background: url(../images/nav_arrow.png) no-repeat scroll right 60%;
color: #fff;
padding-right: 15px;
zero: 15px;
padding-right: 15px;
text-indent: inherit;
width: auto;
text-transform: uppercase
}
header.mobile .contactOpt {
background: url(../images/bg_mob_nav.png) repeat-x scroll left top;
float: left;
width: 100%
}
header.mobile .contactOpt ul {
float: right
}
header.mobile .contactOpt li {
float: left;
padding: 16px 10px 16px 5px;
zero: 16px;
zero: 10px;
zero: 16px;
zero: 5px;
padding: 16px 10px 16px 5px
}
header.mobile .contactOpt li a {
float: left;
text-indent: -9999px;
height: 22px;
width: 22px
}
header.mobile .contactOpt .tel>a {
background: url(../images/icon_tel.png) no-repeat scroll left center
}
header.mobile .contactOpt .contactListOpt>a {
background: url(../images/icon_headphone.png) no-repeat scroll left
center
}
header.mobile .contactOpt .contactListOpt>a.active {
background: url(../images/icon_close.png) no-repeat scroll left center
}
header.mobile .contactOpt .nav {
border-left: 1px solid #1886bf
}
header.mobile .contactOpt .nav>a {
background: url(../images/icon_menu.png) no-repeat scroll left center;
width: 18px
}
header.mobile .contactOpt .nav>a.active {
background: url(../images/icon_close.png) no-repeat scroll center center;
width: 18px
}
header.mobile .contactOpt .dropBox {
background-color: #0070b2;
border-bottom: 5px solid #69d3ff;
display: none;
position: absolute;
right: 0;
top: 54px;
padding: 5% 5% 0 5%;
width: 100%;
z-index: 1
}
header.mobile .contactOpt .dropBox ul {
margin: 0;
padding: 5%;
padding-top: 0;
width: 100%
}
header.mobile .contactOpt .dropBox li {
font-size: 14px;
zero: 14px;
font-size: 14px;
margin: 3px 0;
zero: 3px;
zero: 0;
margin: 3px 0;
padding: 0;
width: 100%
}
header.mobile .contactOpt .dropBox li a,header.mobile .contactOpt .dropBox li span
{
background: url(../images/nav_arrow.png) no-repeat scroll right 60%;
color: #fff;
padding-right: 15px;
zero: 15px;
padding-right: 15px;
text-indent: inherit;
width: auto;
text-transform: uppercase
}
header.mobile .contactOpt .dropBox li a.active {
background: url(../images/icon_close.png) no-repeat scroll right 60%
}
header.mobile .contactOpt .dropBox li a:hover {margin:0 !important; padding: 0 15px 0 0 !important;}
header.mobile .contactOpt .dropBox li .tollFree {
background: none
}
header.mobile .contactOpt .dropBox li.active a,header.mobile .contactOpt .dropBox li.active span
{
background: url(../images/nav_active_arrow.png) no-repeat scroll right
60%;
color: #64bbfc
}
header.mobile .contactOpt .dropBox .apply {
border-top: 1px solid #1c8ecf;
padding: 2% 5%
}
header.mobile .contactOpt .dropBox .apply a {
background: url(../images/icon_arrow.png) no-repeat scroll right 60%;
color: #adcadb
}
header.mobile .contactOpt .dropBox.autoScroll {
overflow-y: scroll
}
header.mobile .contactOpt .contactListOpt .dropBox {
background-color: #0070b2
}
header.mobile .contactOpt .contactListOpt .dropBox li a {
background: url(../images/nav_arrow.png) no-repeat scroll right 60%;
color: #fff
}
header.mobile .contactOpt .contactListOpt .dropBox li a.tollFree {
background: none
}
header.mobile .contactOpt .contactListOpt .dropBox li span {
background: none;
color: #0070b2
}
}
.topPerformanceWrap {
display: none
}
@media only screen and (max-width: 48em) {
.topPerformanceWrap {
display: none;
padding: 0 0 15px 0;
zero: 0;
zero: 0;
zero: 15px;
zero: 0;
padding: 0 0 15px 0
}
.topPerformanceWrap a {
background-color: #8ddeff;
color: #05396e;
display: block;
font-weight: bold;
text-align: center;
font-size: 13px;
zero: 13px;
font-size: 13px;
padding: 15px;
zero: 15px;
padding: 15px;
text-transform: uppercase
}
.topPerformanceWrap a:before {
background: url(../images/icon_accordion.png) no-repeat scroll right top;
content: '';
height: 12px;
left: 93%;
position: absolute;
width: 12px
}
.topPerformanceWrap a.active:before {
background: url(../images/icon_accordion.png) no-repeat scroll right
-12px
}
.topPerformanceWrap .dropBox {
border-bottom: 5px solid #69d3ff;
display: none
}
}
.tableBlock {
display: inline-block;
/* height: 350px;
overflow-y: scroll; */
width: 100%;
padding: 10px 0;
zero: 10px;
zero: 0;
padding: 10px 0
}
.tableBlock table {
width: 100%
}
.tableBlock tr.title {
background-color: #d5ebf6
}
.tableBlock th {
color: #05396e;
font-size: 13px;
zero: 13px;
font-size: 13px;
padding: 10px;
zero: 10px;
padding: 10px
}
.tableBlock th:first-child {
text-align: left
}
.tableBlock td {
border-bottom: 1px solid #ced8e2;
color: #5d748c;
font-size: 13px;
zero: 13px;
font-size: 13px;
padding: 10px;
zero: 10px;
padding: 10px;
text-align: center
}
.tableBlock td:first-child {
text-align: left
}
.tableBlock .infoLine {
color: #5d748c;
float: right;
font-style: italic;
font-size: 12px;
zero: 12px;
font-size: 12px;
margin-right: 5px;
zero: 5px;
margin-right: 5px;
margin-top: 10px;
zero: 10px;
margin-top: 10px
}
.colLeft .topPerformanceWrap {
margin-top: 15px;
zero: 15px;
margin-top: 15px;
padding-bottom: 5px;
zero: 5px;
padding-bottom: 5px
}
footer .columnWrapper {
padding-top: 0;
padding-bottom: 0
}
.sepLine {
border-top: 1px solid #d0dce3
}
.clBg1 {
background: #f6f8f9
}
.disclaimer {
padding-top: 20px;
/* zero: 20px; */
color: #000
}
.disclaimer h5 {
color: #000;
font-size: 13px;
zero: 13px;
font-size: 13px;
font-weight: normal;
margin: 0 0 15px 0;
zero: 0;
zero: 0;
zero: 15px;
zero: 0;
margin: 0 0 15px 0
}
.disclaimer h4 {
font-size: 13px;
zero: 13px;
font-size: 13px;
color: #000;
margin: 0 0 15px 0;
zero: 0;
zero: 0;
zero: 15px;
zero: 0;
margin: 0 0 15px 0
}
.disclaimer p {
font-size: 13px;
zero: 13px;
font-size: 13px;
margin-bottom: 1em
}
.disclaimer ol {
list-style: decimal
}
.disclaimer ol li {
font-size: 13px;
zero: 13px;
font-size: 13px;
line-height: 16px;
zero: 16px;
line-height: 16px;
list-style-position: outside;
list-style: decimal;
padding: 0px 10px 3px 3px;
zero: 0px;
zero: 10px;
zero: 3px;
zero: 3px;
padding: 0px 10px 3px 3px
}
.disclaimer .more-content {
display: block;
padding-bottom: 20px;
zero: 20px;
padding-bottom: 20px
}
.disclaimer p {
font-size: 13px;
margin-bottom: 1em;
}
.dvInfo1 {
border: 2px solid #000;
margin-bottom: 13px;
padding: 17px 23px 0 23px;
}
footer .disclaimer ol, footer .disclaimer ul {margin-bottom: 0.8em;}
footer .disc li {list-style-type: disc;}
footer .disclaimer ol li, footer .disclaimer ul li {
color: #000;
font-size: 13px;
list-style-position: inside;
}
footer ul.disc li {list-style-position: outside;}
.disc li p {
margin-bottom: 5px;
font-size: 1em;
}
@media only screen and (max-width: 48em) {
.disclaimer .more-content {
display: none
}
}
.disclaimer a.cta {
background: transparent url("../images/bg_read_more.png") no-repeat 76%
-17%;
border: 1px solid #b4b3b3;
color: #b11f24;
display: none;
font-size: 15px;
zero: 15px;
font-size: 15px;
margin-bottom: 2em;
margin-top: 3px;
zero: 3px;
margin-top: 3px;
padding: 15px 62px 15px 38px;
zero: 15px;
zero: 62px;
zero: 15px;
zero: 38px;
padding: 15px 62px 15px 38px
}
@media only screen and (max-width: 48em) {
.disclaimer a.cta {
display: inline-block
}
}
.disclaimer a.cta:hover {
background-color: #fff;
color: #b11f24
}
.disclaimer a.cta.less {
background: transparent url("../images/bg_read_more.png") no-repeat 76%
118%
}
.logoDisclaimerWrapper {
background: #fff
}
.securityCertified,.netBanking {
display: table
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.securityCertified,.netBanking {
display: block
}
}
@media only screen and (min-width: 48.0625em) and (max-width: 61.25em) {
.securityCertified,.netBanking {
padding: 0px 10px;
zero: 0px;
zero: 10px;
padding: 0px 10px
}
}
.securityCertified li,.netBanking li {
padding: 0px 15px;
zero: 0px;
zero: 15px;
padding: 0px 15px;
display: table-cell;
border-left: 1px solid #d0dce3;
font-size: 12px;
zero: 12px;
font-size: 12px;
vertical-align: middle;
cplor: #000
}
@media only screen and (max-width: 48em) {
.securityCertified li,.netBanking li {
display: inline-block
}
}
.securityCertified li.isoWrapper,.netBanking li.isoWrapper {
background: url("../images/bsi_logo.gif") no-repeat left center;
padding: 5px 10px 5px 60px;
zero: 5px;
zero: 10px;
zero: 5px;
zero: 60px;
padding: 5px 10px 5px 60px;
width: 318px
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.securityCertified li.isoWrapper,.netBanking li.isoWrapper {
background-position: 10px center;
padding-left: 70px;
width: 328px;
min-height: 66px
}
}
@media only screen and (max-width: 48em) {
.securityCertified li.isoWrapper,.netBanking li.isoWrapper {
width: 100%;
padding: 20px 0px 32px 70px;
zero: 20px;
zero: 0px;
zero: 32px;
zero: 70px;
padding: 20px 0px 32px 70px;
background-position: 12px 2px;
margin-top: 5px;
border-bottom: 1px solid #d0dce3
}
}
@media only screen and (max-width: 40em) {
.securityCertified li.isoWrapper,.netBanking li.isoWrapper {
padding-bottom: 10px
}
}
.securityCertified li.lock,.netBanking li.lock {
background: url("../images/secure_lock.gif") no-repeat center 4px;
padding-top: 25px;
zero: 25px;
padding-top: 25px;
width: 120px;
text-align: center;
}
.securityCertified li.ssl,.netBanking li.ssl {
width: 146px
}
@media only screen and (max-width: 30em) {
.securityCertified li.ssl,.netBanking li.ssl {
width: 116px
}
}
.securityCertified li.awarded,.netBanking li.awarded {
background: url("../images/awarded_logo.jpg") no-repeat 12px center;
padding: 5px 0px 5px 60px;
zero: 5px;
zero: 0px;
zero: 5px;
zero: 60px;
padding: 5px 0px 5px 60px;
width: 200px;
display: table-cell
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.securityCertified li.awarded,.netBanking li.awarded {
display: inline-block;
width: 50%
}
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.securityCertified li.awarded,.netBanking li.awarded {
min-height: 80px;
padding-top: 20px;
border-top: 1px solid #d0dce3;
border-left: 0
}
}
@media only screen and (max-width: 48em) {
.securityCertified li.awarded,.netBanking li.awarded {
width: 100%
}
}
.securityCertified li.goldenPeacock,.netBanking li.goldenPeacock {
background: url("../images/goldenPeacock.png") no-repeat 12px center;
padding: 5px 0px 5px 70px;
zero: 5px;
zero: 0px;
zero: 5px;
zero: 70px;
padding: 5px 0px 5px 70px;
width: 230px
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.securityCertified li.goldenPeacock,.netBanking li.goldenPeacock {
display: inline-block;
width: 49%;
min-height: 80px;
padding-top: 20px;
border-top: 1px solid #d0dce3
}
}
@media only screen and (max-width: 48em) {
.securityCertified li.goldenPeacock,.netBanking li.goldenPeacock {
width: 100%
}
}
.securityCertified li.awardlogo,.netBanking li.awardlogo {
background: url("../images/Award-Logo.png") no-repeat 12px center;
padding: 5px 0px 5px 70px;
zero: 5px;
zero: 0px;
zero: 5px;
zero: 70px;
/* padding: 5px 0px 5px 70px; */
padding: 5px 0px 5px 85px;
/* width: 230px */
width: 370px
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.securityCertified li.awardlogo,.netBanking li.awardlogo {
display: inline-block;
width: 49%;
min-height: 80px;
padding-top: 20px;
border-top: 1px solid #d0dce3
}
}
@media only screen and (max-width: 48em) {
.securityCertified li.awardlogo,.netBanking li.awardlogo {
width: 100%
}
}
.securityCertified li:first-child,.netBanking li:first-child {
border-left: 0
}
.securityCertified li.ssl,.securityCertified li.lock,.securityCertified li.superBrand,.netBanking li.ssl,.netBanking li.lock,.netBanking li.superBrand
{
width: 100px
}
@media only screen and (max-width: 48em) {
.securityCertified li.ssl,.securityCertified li.lock,.securityCertified li.superBrand,.netBanking li.ssl,.netBanking li.lock,.netBanking li.superBrand
{
height: 80px;
display: table-cell;
vertical-align: middle
}
}
.netBanking li {
padding: 15px;
zero: 15px;
padding: 15px
}
@media only screen and (max-width: 48em) {
.netBanking li {
height: 60px
}
}
.netBanking li.netBank {
background: url("../images/net_banking.gif") no-repeat 12px center;
padding-left: 50px;
zero: 50px;
padding-left: 50px
}
@media only screen and (max-width: 40em) {
.netBanking li.netBank {
border-bottom: 1px solid #d0dce3;
border-right: 0 none;
text-align: left;
width: 100%
}
}
.netBanking li.moreLogos {
display: none
}
@media only screen and (max-width: 48em) {
.netBanking li.moreLogos {
display: inline-block
}
}
.netBanking li.moreLogos a {
background: url("../images/icon_holder.gif") no-repeat 0 0;
display: block;
width: 16px;
height: 16px
}
@media only screen and (max-width: 40em) {
.netBanking li.moreLogos {
width: 100%;
border-bottom: 1px solid #d0dce3;
border-top: 1px solid #d0dce3
}
}
.netBanking .hide {
display: table-cell
}
@media only screen and (max-width: 48em) {
.netBanking .hide {
display: none
}
}
.sepLine {
border-bottom: 1px solid #d0dce3
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.columnWrapper.logoRow {
padding-left: 0;
padding-right: 0
}
.columnWrapper.logoRow .securityCertified {
padding: 0
}
}
.columnWrapper.logoRow.bdrTop {
border-top: 4px solid #d0dce3
}
.rightBlock {
padding: 25px 0px 25px 20px;
zero: 25px;
zero: 0px;
zero: 25px;
zero: 20px;
padding: 25px 0px 25px 20px;
border-left: 1px solid #d0dce3
}
@media only screen and (min-width: 48.0625em) and (max-width: 61.25em) {
.rightBlock {
border-left: 0
}
}
@media only screen and (max-width: 48em) {
.rightBlock {
border: 0;
padding-bottom: 20px;
padding-left: 0;
border-top: 1px solid #d0dce3
}
}
.testimonials {
width: 100%;
padding-bottom: 50px;
width: 100%
}
@media only screen and (max-width: 48em) {
.testimonials {
width: 96%;
margin-left: 2%
}
}
.testimonials .contentBlock {
position: relative;
border: 1px solid #c5c5c5;
padding: 50px 10px 10px 10px;
zero: 50px;
zero: 10px;
zero: 10px;
zero: 10px;
padding: 50px 10px 10px 10px;
background: url("../images/red_quote.png") no-repeat center 20px
}
.testimonials .contentBlock p {
font-size: 13px;
zero: 13px;
font-size: 13px;
line-height: 18px;
zero: 18px;
line-height: 18px;
margin-bottom: 0px;
height: 50px;
color: #000
}
.testimonials .contentBlock .profileDetails {
margin-bottom: -55px;
left: 0;
text-align: center;
width: 100%;
margin-top: 10px
}
.testimonials .contentBlock .profileDetails h3 {
padding: 0;
margin: 0;
width: 100%;
font-size: 13px;
zero: 13px;
font-size: 13px;
line-height: 28px;
zero: 28px;
line-height: 28px
}
.testimonials .contentBlock .profileDetails h3 a {
display: inline-block;
color: #0067ac;
width: 100%
}
@media only screen and (max-width: 48em) {
.appDownloadWrapper {
border-bottom: 1px solid #d0dce3;
border-top: 1px solid #d0dce3;
padding-bottom: 25px;
margin-top: 20px
}
}
.appDownload {
width: 100%;
background: url("../images/mobileApp_bg.jpg") no-repeat 0px 0px;
margin-top: 25px;
zero: 25px;
margin-top: 25px
}
@media only screen and (max-width: 48em) {
.appDownload {
width: 96%;
margin-left: 2%
}
}
.appDownload .appText {
padding: 10px 15px 15px 125px;
zero: 10px;
zero: 15px;
zero: 15px;
zero: 125px;
padding: 10px 15px 15px 125px
}
.appDownload .appText p {
font-size: 13px;
zero: 13px;
font-size: 13px;
line-height: 16px;
zero: 16px;
line-height: 16px;
font-weight: 700;
color: #003a60
}
@media only screen and (max-width: 48em) {
.appDownload .appText p {
width: 194px
}
}
@media only screen and (max-width: 30em) {
.appDownload .appText p {
width: 100%;
font-size: 12px;
zero: 12px;
font-size: 12px;
line-height: 13px;
zero: 13px;
line-height: 13px
}
}
.appDownload .appText a {
display: inline-block;
width: 44px;
height: 44px;
margin-right: 5px
}
.appDownload .appText a.android {
background: url("../images/appAndroid.png") no-repeat 0px 0px
}
.appDownload .appText a.ios {
background: url("../images/appApple.png") no-repeat 0px 0px
}
ul.socialLinks li {
float: left;
display: block;
padding: 0 0 0 0;
margin-left: 10px;
width: 40px;
height: 40px
}
ul.socialLinks li:first-child {
padding-left: 0
}
ul.socialLinks li a {
transition: all 0.5s ease 0s;
display: block;
width: 40px;
height: 40px;
background: url(../images/btnIcons1.png) no-repeat
}
ul.socialLinks li a.fb {
background-position: 0 0
}
ul.socialLinks li a.fb:hover {
background-position: 0 -43px
}
ul.socialLinks li a.twt {
background-position: -44px 0
}
ul.socialLinks li a.twt:hover {
background-position: -44px -43px
}
ul.socialLinks li a.video {
background-position: -88px 0
}
ul.socialLinks li a.video:hover {
background-position: -88px -43px
}
ul.socialLinks li a.gPlus {
background-position: -218px 0
}
ul.socialLinks li a.gPlus:hover {
background-position: -218px -43px
}
ul.socialLinks li a.intg {
background-position: -132px 0
}
ul.socialLinks li a.intg:hover {
background-position: -132px -43px
}
ul.socialLinks li a.linkedIn {
background-position: -175px 0
}
ul.socialLinks li a.linkedIn:hover {
background-position: -175px -43px
}
ul.socialLinks li:first-child {
margin-left: 0
}
.connectUs {
margin: 25px 0px 0px 0px;
zero: 25px;
zero: 0px;
zero: 0px;
zero: 0px;
margin: 25px 0px 0px 0px
}
.connectUs h3 {
margin: 0px 10px 10px 0px;
zero: 0px;
zero: 10px;
zero: 10px;
zero: 0px;
margin: 0px 10px 10px 0px;
font-size: 18px;
zero: 18px;
font-size: 18px;
line-height: 18px;
zero: 18px;
line-height: 18px;
color: #000
}
@media only screen and (max-width: 48em) {
.connectUs {
margin-left: 2%;
width: 98%
}
}
.leftBlock {
padding: 25px 0px 25px 0px;
zero: 25px;
zero: 0px;
zero: 25px;
zero: 0px;
padding: 25px 0px 25px 0px
}
@media only screen and (min-width: 48.0625em) and (max-width: 61.25em) {
.leftBlock {
border-right: 1px solid #d0dce3
}
}
@media only screen and (max-width: 48em) {
.leftBlock {
padding: 25px 0px 10px 0px;
zero: 25px;
zero: 0px;
zero: 10px;
zero: 0px;
padding: 25px 0px 10px 0px;
border-right: 0;
margin-left: 2%;
width: 96%
}
}
.leftBlock ul li {
margin: 4px 0px 0px 0px;
zero: 4px;
zero: 0px;
zero: 0px;
zero: 0px;
margin: 4px 0px 0px 0px
}
.leftBlock ul li h3 {
font-size: 14px;
zero: 14px;
font-size: 14px;
line-height: 18px;
zero: 18px;
line-height: 18px;
color: #0067ac
}
.leftBlock ul li a {
font-size: 13px;
zero: 13px;
font-size: 13px;
line-height: 15px;
zero: 15px;
line-height: 15px;
color: #000
}
.leftBlock ul li a:hover {
text-decoration: underline
}
.leftBlock ul li ul {
margin: 0px 10px 15px 0px;
zero: 0px;
zero: 10px;
zero: 15px;
zero: 0px;
margin: 0px 10px 15px 0px
}
.copyright {
padding: 8px 0;
color: #000;
}
.copyright p {
margin: 0
}
.disclaimer h5+p {
margin-bottom: 0
}
@media screen and (max-width: 768px) {
.netBanking .hide {
border-top: 1px solid #d0dce3
}
}
.dvFormContent {
padding: 16px 20px 20px
}
.dvFormContent h3 {
color: #222;
font-size: 18px;
zero: 18px;
font-size: 18px;
line-height: 18px;
font-weight: 700;
margin-bottom: 7px
}
.dvFormContent .dvForm {
padding-top: 7px
}
.dvFormContent .dvForm ul {
margin-left: -9px
}
.dvFormContent .dvForm ul li {
min-height: 45px;
padding-bottom: 15px
}
.dvFormContent .dvForm ul li>div {
margin-left: 9px
}
.dvFormContent .dvForm ul li .dvCaptchaCode {
text-align: left
}
.dvFormContent a.closeMe {
background: url(../images/icon_popup_close.png) no-repeat left top;
text-indent: -9999px;
height: 32px;
position: absolute;
left: -32px;
top: 0;
width: 32px
}
@media screen and (max-width: 767px) {
.dvFormContent a.closeMe {
left: inherit;
right: 0px;
top: -32px
}
}
#callBack .dvFormContent a.closeMe {
left: inherit;
right: -32px;
top: 29px
}
@media screen and (max-width: 767px) {
#callBack .dvFormContent a.closeMe {
left: inherit;
right: 0px;
top: -32px
}
}
#resumeApplication .dvFormContent a.closeMe {
left: inherit;
right: -32px
}
@media screen and (max-width: 767px) {
#resumeApplication .dvFormContent a.closeMe {
left: inherit;
right: 0px;
top: -32px
}
}
::-webkit-input-placeholder {
color: #111
}
::-moz-placeholder {
color: #111
}
:-ms-input-placeholder {
color: #111
}
input:-moz-placeholder {
color: #111
}
form input[type="text"],form input[type="password"],form select {
background: #fff none repeat scroll 0 0;
border-color: #94a1a9;
border-image: none;
border-radius: 7px;
border-style: solid;
border-width: 1px;
padding: 0px 10px;
zero: 0px;
zero: 10px;
/* padding: 0px 10px; */
height: 38px;
/* line-height: 18px; */
width: 100%;
font-size: 15px;
zero: 15px;
font-size: 15px;
font-weight: 400;
/* color: #666; */
/* font-style: italic; */
zero: 5px;
/* margin-bottom: 5px */
}
form button {
border: none;
cursor: pointer;
outline: none
}
form .dvCheckBx {
padding-bottom: 18px;
text-align: left
}
form .dvCheckBx>div {
padding-left: 22px;
position: relative
}
form .dvCheckBx>div input[type="checkbox"] {
position: absolute;
left: 0px;
top: -3px
}
form .dvNum {
line-height: 30px;
font-weight: 700;
color: #333;
font-size: 13px;
zero: 13px;
font-size: 13px
}
form .errorEle input[type="text"],form .errorEle input[type="checkbox"],form .errorEle select
{
border: 1px solid #ff0000
}
.calendar input.datePick {
background: url(../images/calendarIcon.png) no-repeat 96% center;
background-size: auto 70%;
cursor: pointer;
line-height: 18px
}
.continue {
padding: 0 37px;
zero: 0;
zero: 37px;
padding: 0 37px
}
.continue span {
transition: all 0.4s ease-in-out 0s;
display: block;
padding: 5px 0 5px 0px;
zero: 5px;
zero: 0;
zero: 5px;
zero: 0px;
padding: 5px 0 5px 0px;
background-position: left center
}
.continue:hover span {
background: url(../images/btnArrR.png) right center no-repeat;
text-indent: -10px
}
.bgForm {
background-color: #ff0000
}
.error>span {
display: inline-block;
background-color: #dad8db;
color: #b11117;
font-weight: 400;
font-size: 14px;
zero: 14px;
font-size: 14px;
line-height: 18px;
zero: 18px;
line-height: 18px;
padding: 0 3px;
zero: 0;
zero: 3px;
padding: 0 3px
}
.active {
color: red;
font-weight: bold
}
.formDiv .controls {
padding-right: 20px;
zero: 20px;
padding-right: 20px;
padding-bottom: 10px;
zero: 10px;
padding-bottom: 10px
}
@media screen and (max-width: 767px) {
.formDiv .controls {
padding-right: 0
}
}
.formDiv .controls label {
font-size: 15px;
zero: 15px;
font-size: 15px;
line-height: 18px;
zero: 18px;
line-height: 18px;
color: #000;
padding-bottom: 5px;
zero: 5px;
padding-bottom: 5px;
font-weight: 700;
display: inline-block
}
.formDiv .controls #getAge {
font-size: 14px;
zero: 14px;
font-size: 14px;
line-height: 16px;
zero: 16px;
line-height: 16px;
background: #edf2f5;
display: inline-block;
font-style: italic;
padding: 1px 2px;
zero: 1px;
zero: 2px;
padding: 1px 2px;
color: #333;
font-weight: 300
}
.formDiv .controls.checkBox input[type="checkbox"] {
margin: 0 5px 0 0
}
@media screen and (max-width: 767px) {
.formDiv .controls.checkBox input[type="checkbox"] {
vertical-align: top
}
}
.formDiv .controls.checkBox label {
font-weight: 400;
margin-top: -3px;
zero: -3px;
margin-top: -3px;
font-size: 15px;
zero: 15px;
font-size: 15px
}
@media screen and (max-width: 767px) {
.formDiv .controls.checkBox label {
width: 90%
}
}
.formDiv .controls .selGender {
display: inline-block;
position: relative;
vertical-align: middle;
margin-left: 10px
}
.formDiv .controls .selGender input[type="radio"] {
left: -999em;
position: absolute
}
.formDiv .controls .selGender label {
height: 40px;
width: 40px;
border: 1px solid #c5c5c5;
border-radius: 50%;
display: inline-block;
background-color: #fff
}
.formDiv .controls .selGender input[type="radio"]+label::before {
background: url(../images/icn_male.png) no-repeat left top;
content: "";
cursor: pointer;
display: inline-block;
height: 21px;
left: 50%;
position: absolute;
vertical-align: top;
top: 50%;
width: 22px;
margin: -10.5px 0 0 -11px
}
.formDiv .controls .selGender input.femalegender+label::before {
background: url(../images/icn_female.png) no-repeat left top
}
.formDiv .controls .selGender input[type="radio"]:checked+label {
background-color: #0067ac
}
.formDiv .controls .selGender input[type="radio"]:checked+label::before,.formDiv .controls .selGender input.femalegender:checked+label::before
{
background-position: 0 -41px
}
.formDiv .controls .selGender.errorEle input[type="radio"]+label {
background-color: #b11117;
border-color: #b11117
}
.formDiv .controls .selGender.errorEle input.femalegender+label::before,.formDiv .controls .selGender.errorEle input[type="radio"]+label::before
{
background-position: 0 -41px
}
.formDiv .controls .labelToolWrap {
position: relative
}
.formDiv .controls .labelToolWrap .toolTipWrapper {
display: none;
position: absolute;
border: 3px solid #c2deef;
border-radius: 6px;
height: 86px;
width: 310px;
top: -100px;
padding: 12px 20px 0px 20px;
zero: 12px;
zero: 20px;
zero: 0px;
zero: 20px;
padding: 12px 20px 0px 20px;
font-size: 13px;
zero: 13px;
font-size: 13px;
line-height: 18px;
zero: 18px;
line-height: 18px;
color: #000;
margin: 0;
background: #a3dcff;
background: -moz-linear-gradient(top, #a3dcff 0%, #ccedff 65%, #ccedff 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #a3dcff),
color-stop(65%, #ccedff), color-stop(100%, #ccedff));
background: -webkit-linear-gradient(top, #a3dcff 0%, #ccedff 65%, #ccedff 100%);
background: -o-linear-gradient(top, #a3dcff 0%, #ccedff 65%, #ccedff 100%);
background: -ms-linear-gradient(top, #a3dcff 0%, #ccedff 65%, #ccedff 100%);
background: linear-gradient(to bottom, #a3dcff 0%, #ccedff 65%, #ccedff 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr=
'#a3dcff', endColorstr= '#ccedff', GradientType= 0)
}
.formDiv .controls .labelToolWrap .toolTipWrapper span {
background: url(../images/arrow_tool_tip.png) no-repeat bottom center;
width: 100%;
height: 12px;
bottom: -12px;
position: absolute;
display: block;
left: 0
}
.icnHelp {
background: url(../images/iconHelp.png) right 0 no-repeat;
padding-left: 24px;
vertical-align: text-top;
display: inline-block;
height: 18px;
cursor: pointer
}
*:focus {
outline: 0
}
.ie form select {
padding-right: 0
}
.rightSlider {
position: fixed;
z-index: 100
}
.rightSlider.active>div ul.slideIcons>li>a {
border-color: #000
}
@media only screen and (min-width: 768px) {
.rightSlider {
top: 200px;
right: 0px
}
}
@media screen and (max-width: 767px) {
.rightSlider {
position: absolute;
top: 52px;
width: 100%
}
}
@media screen and (max-width: 767px) {
.rightSlider ul.slideIcons {
margin: auto;
display: none
}
}
.rightSlider ul.slideIcons>li {
clear: both
}
@media screen and (max-width: 767px) {
.rightSlider ul.slideIcons>li {
clear: none;
float: left
}
}
.rightSlider ul.slideIcons>li>a {
display: inline-block;
clear: both;
background-color: #002e4c;
position: absolute;
right: 0;
min-width: 41px;
height: 44px;
display: inline-block;
z-index: 9999;
text-align: right;
transition: none
}
.rightSlider ul.slideIcons>li>a cite {
background: #002e4c url(../images/ico_rightNavigation.png) no-repeat 0 0;
width: 41px;
height: 44px;
display: inline-block;
vertical-align: middle;
position: relative;
z-index: 2
}
@media screen and (max-width: 767px) {
.rightSlider ul.slideIcons>li>a {
position: relative
}
}
@media screen and (max-width: 767px) {
.rightSlider ul.slideIcons>li>a {
clear: none
}
}
.rightSlider ul.slideIcons>li>a span {
display: none;
color: #fff;
line-height: 12px;
text-transform: uppercase;
vertical-align: middle;
text-align: left;
min-width: 99px;
position: absolute;
left: 10px;
top: 12px;
z-index: 1
}
.rightSlider ul.slideIcons>li a.icnResume {
top: 45px
}
.rightSlider ul.slideIcons>li a.icnResume cite {
background-position: 14px 12px
}
.rightSlider ul.slideIcons>li a.icnUpload {
top: 46px
}
.rightSlider ul.slideIcons>li a.icnUpload cite {
background-position: 12px -58px
}
@media screen and (max-width: 767px) {
.rightSlider ul.slideIcons>li a.icnUpload {
top: 0px
}
}
.rightSlider ul.slideIcons>li a.icncallBack {
top: 102px
}
.rightSlider ul.slideIcons>li a.icncallBack cite {
background-position: 12px -120px
}
@media screen and (max-width: 767px) {
.rightSlider ul.slideIcons>li a.icncallBack {
top: 0px
}
}
.rightSlider ul.slideIcons>li a.icnFeedback {
top: 153px
}
.rightSlider ul.slideIcons>li a.icnFeedback cite {
background-position: 16px -192px
}
.rightSlider ul.slideIcons>li a.icnFeedback span {
top: 18px
}
@media screen and (max-width: 767px) {
.rightSlider ul.slideIcons>li a.icnFeedback {
top: 0px
}
}
.rightSlider ul.slideIcons>li a.icnChat {
top: 45px
}
.rightSlider ul.slideIcons>li a.icnChat cite {
background-position: 12px 12px
}
@media screen and (max-width: 767px) {
.rightSlider ul.slideIcons>li a.icnChat {
top: 0px
}
}
.rightSlider ul.slideIcons>li a.icnChat span {
top: 12px
}
.rightSlider ul.slideIcons>li>div.callBack h2.topTitle {
position: relative;
padding-left: 34px;
margin-top: -28px
}
.rightSlider ul.slideIcons>li>div.callBack h2.topTitle:before {
background: url(../images/turnArrow.png) no-repeat center 0;
content: "";
height: 22px;
width: 34px;
left: 0px;
top: 0px;
position: absolute
}
@media screen and (max-width: 767px) {
.rightSlider .quickLinks {
text-align: center;
color: #fff;
display: none;
padding: 10px 0px;
zero: 10px;
zero: 0px;
padding: 10px 0px;
font-size: 14px;
zero: 14px;
font-size: 14px
}
.rightSlider .quickLinks:hover {
text-decoration: none
}
}
@media screen and (max-width: 767px) {
.rightSlider>div {
text-align: center
}
}
@media screen and (max-width: 767px) {
.rightSlider .slideIcons {
display: none !important
}
.rightSlider .slide {
opacity: 0;
top: -1000px
}
}
.formWrap {
position: fixed;
right: 0
}
.slide {
width: 451px;
position: absolute;
z-index: 9000
}
@media only screen and (min-width: 48.0625em) {
.slide {
right: -461px;
opacity: 0
}
}
@media screen and (max-width: 767px) {
.slide {
bottom: inherit;
right: 0;
width: 100%
}
}
.hideScreen {
position: fixed;
left: 0;
top: 0;
height: 100% !important;
background: rgba(0, 0, 0, 0.6);
z-index: 6
}
@media screen and (max-width: 767px) {
.hideScreen {
z-index: 7
}
}
@keyframes slideLeft {
from {right: -461px;
opacity: 0
}
to {
right: 41px;
opacity: 1
}
}
@-webkit-keyframes slideLeft {
from {right: -461px
}
to {
right: 41px
}
}
/* @-ms-keyframes slideLeft {
from {right: -461px
}
to {
right: 41px
}
} */
@keyframes slideUp {
from {top: -1000px
}
to {
top: 0
}
}
@-webkit-keyframes slideUp {
from {top: -1000px
}
to {
top: 0
}
}
/* @-ms-keyframes slideUp {
from {top: -1000px
}
to {
top: 0
}
} */
@keyframes slideReset {
from {right: 0px;
opacity: 1
}
to {
right: -461px;
opacity: 0
}
}
@-webkit-keyframes slideReset {
from {right: 0px
}
to {
right: -461px
}
}
/* @-ms-keyframes slideReset {
from {right: 0px
}
to {
right: -461px
}
} */
@keyframes slideResetUp {
from {top: 40px
}
to {
top: -1000px
}
}
@-webkit-keyframes slideResetUp {
from {top: 40px
}
to {
top: -1000px
}
}
/* @-ms-keyframes slideResetUp {
from {top: 40px
}
to {
top: -1000px
}
} */
.rightSlider .slide {
z-index: 9000
}
@media only screen and (min-width: 768px) {
.rightSlider .slide {
right: -461px;
opacity: 0
}
}
@media screen and (max-width: 767px) {
.rightSlider .slide {
top: -1000px;
right: 0;
width: 100%
}
}
.no-touch ul.slideIcons li a {
transition: all 0.5s ease 0s
}
.no-touch ul.slideIcons li a:hover {
min-width: 140px
}
.no-touch ul.slideIcons li a:hover span {
display: inline-block
}
.touch ul.slideIcons li a span {
display: none
}
.touch ul.slideIcons li a :hover {
min-width: 41px
}
.touch .rightSlider ul.slideIcons>li>a:hover {
min-width: 41px
}
.slide h2.topTitle {
color: #fff;
font-size: 18px;
zero: 18px;
font-size: 18px;
line-height: 18px;
font-weight: 700;
padding-bottom: 4px
}
@media screen and (max-width: 767px) {
.slide h2.topTitle {
font-size: 13px;
zero: 13px;
font-size: 13px;
text-align: left;
padding-left: 10px
}
}
.slide .dvFormContent {
background: #eef2f5
}
.slide .dvFormContent h6 {
color: #8e9092;
font-size: 13px;
zero: 13px;
font-size: 13px;
line-height: 16px;
font-weight: 600;
margin-bottom: 7px
}
@media screen and (max-width: 767px) {
.slide .dvFormContent {
margin: 0 auto;
position: relative;
width: 95%
}
}
@media all and (max-width: 970px) and (min-width: 950px) {
.rightSlider {
top: 100px
}
.dw-bubble-bottom {
margin-top: -125px !important
}
.dw-arr {
display: none !important
}
}
.bannerBg {
background: #e2f1fa
}
.homeTpBanner {
position: relative;
padding: 0px 0px 0 40px;
zero: 0px;
zero: 0px;
zero: 0;
zero: 40px;
padding: 0px 0px 0 40px
}
@media only screen and (max-width: 48em) {
.homeTpBanner {
padding: 0px 20px 10px;
zero: 0px;
zero: 20px;
zero: 10px;
padding: 0px 20px 10px
}
}
.homeTpBanner:before {
content: "";
background: url(../images/top_banner_c2i.jpg) no-repeat right 0;
-webkit-background-size: auto 100%;
-moz-background-size: auto 100%;
-o-background-size: auto 100%;
background-size: auto 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
width: 100%;
height: 100%;
display: block
}
@media screen and (min-width: 768px) and (max-width: 1090px) {
.homeTpBanner:before {
opacity: 0.1
}
}
@media only screen and (max-width: 48em) {
.homeTpBanner:before {
background: none
}
}
.homeTpBanner .bannerBlock {
width: 50%;
display: inline-block;
padding-top: 60px;
zero: 60px;
padding-top: 60px;
padding-bottom: 20px;
zero: 20px;
padding-bottom: 20px
}
@media screen and (min-width: 768px) and (max-width: 1090px) {
.homeTpBanner .bannerBlock {
width: 100%
}
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.homeTpBanner .bannerBlock {
padding-top: 18px;
zero: 18px;
padding-top: 18px
}
}
@media only screen and (max-width: 48em) {
.homeTpBanner .bannerBlock {
width: 100%;
text-align: center;
padding-bottom: 0px
}
}
@media only screen and (max-width: 48em) {
.homeTpBanner .bannerBlock .dvHidden {
display: none
}
}
.homeTpBanner .bannerBlock h2,.homeTpBanner .bannerBlock h3 {
font-size: 24px;
zero: 24px;
font-size: 24px;
line-height: 26px;
zero: 26px;
line-height: 26px;
font-weight: 900;
color: #05396e;
margin: 0
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.homeTpBanner .bannerBlock h2,.homeTpBanner .bannerBlock h3 {
font-size: 18px;
zero: 18px;
font-size: 18px;
line-height: 20px;
zero: 20px;
line-height: 20px
}
}
@media only screen and (max-width: 48em) {
.homeTpBanner .bannerBlock h2,.homeTpBanner .bannerBlock h3 {
font-size: 15px;
zero: 15px;
font-size: 15px;
line-height: 21px;
zero: 21px;
line-height: 21px
}
}
.homeTpBanner .bannerBlock h2 span,.homeTpBanner .bannerBlock h3 span {
color: #d51d24;
display: block
}
@media only screen and (max-width: 48em) {
.homeTpBanner .bannerBlock h2 {
display: none
}
}
.homeTpBanner .bannerBlock h3 {
display: none
}
@media only screen and (max-width: 48em) {
.homeTpBanner .bannerBlock h3 {
display: block
}
}
.homeTpBanner .bannerBlock p {
font-size: 15px;
zero: 15px;
font-size: 15px;
line-height: 20px;
zero: 20px;
line-height: 20px;
color: #394b58;
padding: 10px 130px 10px 0px;
zero: 10px;
zero: 130px;
zero: 10px;
zero: 0px;
padding: 10px 130px 10px 0px;
margin: 0
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.homeTpBanner .bannerBlock p {
font-size: 15px;
zero: 15px;
font-size: 15px;
line-height: 18px;
zero: 18px;
line-height: 18px
}
}
@media only screen and (max-width: 48em) {
.homeTpBanner .bannerBlock p {
padding-right: 0px;
zero: 0px;
padding-right: 0px;
line-height: 20px;
zero: 20px;
line-height: 20px
}
}
.homeTpBanner .bannerBlock .anchorLink {
min-width: 100px
}
.homeTpBanner .startInvestment {
position: absolute;
font-size: 16px;
zero: 16px;
font-size: 16px;
line-height: 18px;
zero: 18px;
line-height: 18px;
color: #191b1d;
width: 120px;
left: 50%;
margin-left: -60px;
bottom: -21.5px;
padding: 0;
text-align: center;
font-style: italic
}
.homeTpBanner .startInvestment a {
background: url(../images/redCircle.svg) no-repeat 0 0;
width: 38px;
height: 38px;
display: inline-block;
position: relative
}
.homeTpBanner .startInvestment a span {
background: url(../images/redDot.svg) no-repeat 0 0;
position: absolute;
left: 50%;
margin-left: -19px;
display: inline-block;
width: 38px;
height: 38px;
-webkit-animation: mymove 2s infinite;
animation: mymove 2s infinite
}
@-webkit-keyframes mymove {
0%{top: -5px}
50%{top:5px}
100%{top:-5px}
}
@keyframes mymove {
0%{top: -5px}
50%{top:5px}
100%{top:-5px}
}
@media only screen and (max-width: 48em) {
.homeTpBanner .startInvestment {
display: none
}
}
.no-touch .homeTpBanner .startInvestment cite {
opacity: 0;
transition: all 0.4s ease-in-out 0s
}
.no-touch .homeTpBanner .startInvestment:hover cite {
opacity: 1
}
.ie9 .homeTpBanner .startInvestment a span {
top: 50%;
margin-top: -19px
}
.dvToggleBtn {
text-align: center;
padding-top: 7px;
zero: 7px;
padding-top: 7px;
display: none
}
@media only screen and (max-width: 48em) {
.dvToggleBtn {
display: block
}
}
.dvToggleBtn a {
display: inline-block;
font-size: 11px;
zero: 11px;
font-size: 11px;
line-height: 22px;
zero: 22px;
line-height: 22px;
padding: 0px 16px 0px 8px;
zero: 0px;
zero: 16px;
zero: 0px;
zero: 8px;
padding: 0px 16px 0px 8px;
color: #fff;
text-decoration: none;
position: relative;
background: #d13035;
text-transform: uppercase;
transition: all 0.4s ease-in-out 0s
}
.dvToggleBtn a:after {
content: "";
background: url("../images/icnPlusSmall.png") no-repeat right center;
position: absolute;
right: 6px;
top: 50%;
width: 7px;
height: 7px;
margin-top: -3.5px;
zero: -3.5px;
margin-top: -3.5px
}
.dvToggleBtn a.Collapse:after {
height: 1px;
margin-top: -0.5px;
zero: -0.5px;
margin-top: -0.5px
}
@media only screen and (max-width: 48em) {
/* .expand {
height: 410px !important
}
.expand .eqHeight {
overflow: auto;
height: 420px !important
} */
}
.eqHeight {
height: auto;
overflow: hidden;
}
@media only screen and (max-width: 48em) {
.eqHeight {
height: auto;
}
}
.startInvestment {
zero: 35px;
zero: 40px;
padding: 35px 0px;
width: 100%
}
@media only screen and (max-width: 48em) {
.startInvestment {
padding: 0 0 15px 0px;
zero: 0;
zero: 0;
zero: 15px;
zero: 0px;
padding: 0 0 15px 0px
}
}
.startInvestment>ul li {
float: left;
width: 100%
}
@media only screen and (max-width: 48em) {
.startInvestment>ul li {
display: block
}
}
.startInvestment>ul li.info {
position: relative;
background: #005e9e;
width: 33%;
height: 368px;
overflow: visible
}
@media screen and (max-width: 1024px) {
.startInvestment>ul li.info {
display: none
}
}
.startInvestment>ul li.info h2 {
font-size: 30px;
zero: 30px;
font-size: 30px;
line-height: 32px;
zero: 32px;
line-height: 32px;
margin-bottom: 0;
color: #fff;
font-weight: 300;
text-align: center;
text-transform: uppercase;
padding-top: 135px;
zero: 135px;
padding-top: 135px;
background: url("../images/ico_bg_invest_plan.png") no-repeat scroll
center 40px
}
.startInvestment>ul li.info p {
font-size: 14px;
zero: 14px;
font-size: 14px;
line-height: 20px;
zero: 20px;
line-height: 20px;
color: #dbe9f3;
text-align: center;
padding: 10px 11% 30px 11%
}
.startInvestment>ul li.info:after {
right: -19px;
top: 50%;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
margin-top: -19px;
border-bottom: 19px solid transparent;
border-top: 19px solid transparent;
border-left: 19px solid #005e9e;
font-size: 0;
line-height: 0
}
.startInvestment>ul li.infoMob {
display: none;
position: relative
}
@media screen and (max-width: 1024px) {
.startInvestment>ul li.infoMob {
display: block;
color: #FFF;
font-size: 14px;
zero: 14px;
font-size: 14px;
text-transform: uppercase;
background: #005e9e;
text-align: center;
padding: 13px 0px;
zero: 13px;
zero: 0px;
padding: 13px 0px
}
.startInvestment>ul li.infoMob:after {
left: 50%;
top: 48px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-top-color: #005e9e;
border-width: 11px;
margin-top: 0px;
margin-left: -6px
}
}
.startInvestment>ul li.formBlock {
width: 67%;
border: 1px solid #e4e3e3;
vertical-align: top;
background: url("../images/tileDetails.png") repeat
}
@media screen and (max-width: 1024px) {
.startInvestment>ul li.formBlock {
width: 100%
}
}
.startInvestment .persDetailForm {
padding-top: 30px;
zero: 30px;
padding-top: 30px;
text-align: center;
width: 100%;
margin: 0 auto
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.startInvestment .persDetailForm {
width: 90%
}
}
@media only screen and (max-width: 48em) {
.startInvestment .persDetailForm {
padding-top: 20px;
zero: 20px;
padding-top: 20px;
width: 340px;
margin: 0 auto;
text-align: left
}
}
@media only screen and (max-width: 30em) {
.startInvestment .persDetailForm {
padding-left: 5px;
zero: 5px;
padding-left: 5px;
width: 290px
}
}
@media only screen and (max-width: 30em) {
.startInvestment .persDetailForm .cntBtn,.riderDetails .cntBtn1 {/*V9*/
position: relative
}
.startInvestment .persDetailForm .cntBtn .back,.riderDetails .cntBtn1 .back {/*V9*/
bottom: -10px;
position: absolute;
left: 50%;
margin-left: -77px
}
}
.startInvestment .persDetailForm .fldDetail {
margin-bottom: 18px;
zero: 18px;
margin-bottom: 18px
}
@media only screen and (max-width: 48em) {
.startInvestment .persDetailForm .fldDetail {
margin-bottom: 12px;
zero: 12px;
margin-bottom: 12px
}
}
.startInvestment .persDetailForm .fldDetail .ageCntrol {
display: inline-block
}
.startInvestment .persDetailForm .fldDetail label {
color: #05396e;
font-size: 18px;
zero: 18px;
font-size: 18px;
padding: 10px 0px 10px 0px;
zero: 10px;
zero: 0px;
zero: 10px;
zero: 0px;
padding: 10px 0px 10px 0px
}
@media only screen and (max-width: 48em) {
.startInvestment .persDetailForm .fldDetail label {
font-size: 18px;
zero: 18px;
font-size: 18px
}
}
.startInvestment .persDetailForm .fldDetail .lblDesk {
display: inline
}
@media only screen and (max-width: 48em) {
.startInvestment .persDetailForm .fldDetail .lblDesk {
display: none
}
}
.startInvestment .persDetailForm .fldDetail .lblMob {
display: none
}
@media only screen and (max-width: 48em) {
.startInvestment .persDetailForm .fldDetail .lblMob {
display: inline
}
}
.startInvestment .persDetailForm .fldDetail .selEvery {
display: inline-block;
width: 140px;
margin: 0px 10px;
zero: 0px;
zero: 10px;
margin: 0px 10px
}
@media only screen and (max-width: 48em) {
.startInvestment .persDetailForm .fldDetail .selEvery {
width: 65%
}
}
.startInvestment .persDetailForm .fldDetail .txtInvest {
display: inline-block;
width: 30%;
text-align: right;
vertical-align: middle
}
@media only screen and (max-width: 48em) {
.startInvestment .persDetailForm .fldDetail .txtInvest {
width: 80%
}
}
.startInvestment .persDetailForm .fldDetail .txtInvest input {
width: 100%;
margin: 5px 0px;
zero: 5px;
zero: 0px;
margin: 5px 0px
}
.startInvestment .persDetailForm .fldDetail .txtInvest span {
font-size: 13px;
zero: 13px;
font-size: 13px;
color: #3e3f3f;
background: #dfe0e1;
padding: 1px 12px;
zero: 1px;
zero: 12px;
padding: 1px 12px;
border-radius: 9px
}
.startInvestment .persDetailForm .fldDetail .dvPersYears {
display: inline-block;
width: 30%;
text-align: right;
vertical-align: middle;
position: relative;
top: 7px;
margin: 0px 10px;
zero: 0px;
zero: 10px;
margin: 0px 10px
}
@media only screen and (max-width: 48em) {
.startInvestment .persDetailForm .fldDetail .dvPersYears {
width: 65%;
margin: 0px 10px 0px 0px;
zero: 0px;
zero: 10px;
zero: 0px;
zero: 0px;
margin: 0px 10px 0px 0px
}
}
.startInvestment .persDetailForm .fldDetail .dvPersYears select {
margin: 5px 0px;
zero: 5px;
zero: 0px;
margin: 5px 0px
}
.startInvestment .persDetailForm .fldDetail .dvPersYears span {
font-size: 13px;
zero: 13px;
font-size: 13px;
color: #3e3f3f;
background: #dfe0e1;
padding: 1px 12px;
zero: 1px;
zero: 12px;
padding: 1px 12px;
border-radius: 9px
}
.startInvestment .persDetailForm input[type='text'],
.modifyPolicyDetails .modpersDetailForm .modAmt input[type='text'],
.modifyPolicyDetails .modpersDetailForm input[type='text'] {
border: none;
border-bottom: 1px solid #005e9e;
text-align: center;
background-color: transparent;
font-size: 15px;
zero: 15px;
font-size: 15px;
height: 25px;
line-height: 17px;
border-radius: 0
}
.startInvestment .persDetailForm .agefactor,
.modifyPolicyDetails .modpersDetailForm .agefactor {width: 50px}
@media only screen and (max-width: 48em) {
.startInvestment .persDetailForm input[type='text'],
.modifyPolicyDetails .modpersDetailForm .modAmt input[type='text'] {
height: 32px;
line-height: 16px
}
.formRow input.years.for {width:103px !important}
.formRow .dvMiddle.drop .helptext .labelText {font-size: 11px !important}
.formRow .genderSelect {text-align: center; width: 100%;}
}
.startInvestment .persDetailForm select {
border-radius: 0
}
.startInvestment .persDetailForm .errorMsg {
color: #ed1c24;
position: absolute;
bottom: -75px
}
span.error-message {
color: #ed1c24;
position: relative;
font-size: 15px;
background: none;
white-space: nowrap;
padding: 10px;
margin: 10px;
float:right;
clear: both;
}
div.error-message {
text-align: right;
color: #ed1c24;
position: relative;
font-size: 15px;
background: none;
/* white-space: nowrap; */
}
.rdDetailForm {
margin: 10px auto 0px auto
}
@media only screen and (max-width: 48em) {
.rdDetailForm {
margin-top: 30px;
margin-bottom: 40px
}
}
.rdDetailForm .tltInvest {
display: inline;
float: left;
padding: 26px 40px 5px 63px;
}
.rdDetailForm .tltInvest h2 {
text-align: center
}
.rdDetailForm .tltInvest h2 span {
font-size: 34px;
zero: 34px;
font-size: 34px;
color: #032344;
font-weight: 300
}
@media only screen and (max-width: 48em) {
.rdDetailForm .tltInvest h2 span {
font-size: 20px;
zero: 20px;
font-size: 20px;
font-weight: 700
}
}
.rdDetailForm .radioMySelf {
text-align: center;
display: none;
float: left;
}
@media only screen and (max-width: 48em) {
.rdDetailForm .radioMySelf {
text-align: center;
display: none;
float: none;
}
}
.rdDetailForm .radioMySelf .error input[type="radio"]:checked+label::after{
background-position: -394px 20px;
}
.rdInvestFor .radioMySelf .error input[type="radio"]+label::after {
/*background: url(../images/icon_myself_c2i.png) no-repeat left -5%;*/
border:2px solid red!important;
content: "";
display: inline-block;
height: 123px;
width: 123px;
line-height: 123px;
position: absolute;
vertical-align: top;
left: 65px;
top: 0
}
.selStyled,
.modselStyled,
.investPlan {
background: url("../images/drop-icon-blue.png") no-repeat right center;
display: inline-block;
}
.selStyled select,
.formRow .modselStyled select,
.investPlan select {
color: #05396e;
-moz-appearance: none;
-webkit-appearance: none;
background-color: transparent;
background-image: none;
border: none;
border-bottom: 1px solid #005e9e;
border-radius: 0;
box-shadow: none;
font-size: 15px;
zero: 15px;
font-size: 15px;
height: 32px;
line-height: 17px;
padding: 0px 10px;
zero: 0px;
zero: 10px;
padding: 0px 10px
}
.selStyled.error select,.selStyled .errorMsg,
.formRow .modselStyled.error select, .formRow .modselStyled .errorMsg {
border-bottom-color: #ed1c24
}
.ie .selStyled,
.ie .modselStyled {
overflow: hidden
}
.ie .selStyled select,
.ie .modselStyled select {
width: 135%;
padding-left: 12px
}
.ie .selStyled select option,
.ie .modselStyled select option {
margin-top: 10px
}
.formRow {
margin-bottom: 10px;
zero: 10px;
margin-bottom: 10px
}
.formRow .dvMiddle {
vertical-align: middle;
display: inline-block;
position: relative
}
.formRow .dvMiddle.first {
padding-left: 30px;
zero: 30px;
padding-left: 30px;
margin-top: 10px;
zero: 10px;
margin-top: 10px
}
.formRow .dvMiddle.middle {
vertical-align: top;
margin-top: 3px;
}
.formRow .dvMiddle.forYr,
.formRow .dvMiddle.years {
margin-top: 10px
}
@media only screen and (max-width: 48em) {
.formRow .dvMiddle.first {
padding-left: 0;
padding-bottom: 15px
}
}
.formRow .dvMiddle.drop.first div,.formRow .dvMiddle.drop.first label.iconRupee,.formRow .dvMiddle.drop.first label
{
float: left
}
.formRow .dvMiddle.drop.years span {
display: inline-block;
padding-bottom: 10px
}
@media only screen and (max-width: 48em) {
.formRow .dvMiddle.drop {
clear: both;
width: 100%;
padding-top: 10px;
zero: 10px;
padding-top: 10px;
text-align: center;
}
.formRow .dvMiddle.drop.first {
width: 100%
}
.formRow .dvMiddle.drop.forYr {
float: left;
width: 182px
}
}
@media only screen and (max-width: 48em) and (max-width: 48em) {
.formRow .dvMiddle.drop.forYr {
width: 83%;
}
}
@media only screen and (max-width: 48em) {
.formRow .dvMiddle.drop.forYr label {
padding-left: 0;
padding-right: 0;
}
.formRow .dvMiddle.drop.years {
padding-top: 24px;
width: 42px;
}
}
@media only screen and (max-width: 48em) and (max-width: 30em) {
.formRow .dvMiddle.drop.years {
width: 40px
}
}
.formRow .dvMiddle.drop .helptext {
position: relative;
float: left
}
.formRow .dvMiddle.drop .helptext .labelText {
position: absolute;
color: #3e3f3f;
font-size: 13px;
zero: 13px;
font-size: 12px;
bottom: -20px;
right: 5px
}
.formRow .dvMiddle.drop .helptext .labelText span {
color: #3e3f3f;
font-size: 13px;
zero: 13px;
font-size: 13px
}
.formRow .dvMiddle.drop .helptext.error .labelText,.formRow .dvMiddle.drop .helptext.error .labelText span
{
color: #ed1c24
}
.formRow .dvMiddle .yearsOld {
display: inline-block;
padding-bottom: 2px;
zero: 2px;
padding-bottom: 2px;
vertical-align: middle
}
.formRow label,.formRow span,.formRow input {
font-size: 18px;
zero: 18px;
font-size: 18px;
line-height: 21px;
zero: 21px;
line-height: 21px;
color: #05396e;
vertical-align: middle;
}
@media only screen and (max-width: 30em) {
.formRow label,.formRow span,.formRow input {
font-size: 16px;
zero: 16px;
font-size: 16px;
line-height: 18px;
zero: 18px;
line-height: 18px
}
}
.formRow input.selAge {
width: 32px;
padding: 0px;
zero: 0px;
padding: 0px;
margin: 0px 4px;
zero: 0px;
zero: 4px;
margin: 0px 4px
}
.formRow .selStyled,
.formRow .modselStyled,
.formRow .investPlan {
width: 160px; /*90px*/
margin-left: 5px;
zero: 5px;
margin-left: 5px
}
.formRow .investPlan {width: 110px}
@media only screen and (max-width: 30em) {
.formRow .selStyled,
.formRow .modselStyled,
.formRow .investPlan {
width: 150px;
margin-left: 5px;
zero: 5px;
margin-left: 5px
}
}
.formRow .selAgeyearmonthdays.selStyled {
width: 90px;
}
.selAgeyearmonthdays.selStyled select{
border-bottom:none;
}
.formRow .iconRupee {
background: url("../images/iconBlueRupee.png") no-repeat right top;
padding: 4px 39px 12px 0;
zero: 4px;
zero: 39px;
zero: 12px;
zero: 0;
padding: 4px 39px 12px 0
}
.formRow .forYears {
padding: 0px 5px;
zero: 0px;
zero: 5px;
padding: 0px 5px;
float: left;
line-height: 22px
}
@media only screen and (max-width: 48em) {
.formRow .forYears {
padding-top: 9px
}
}
.formRow input.years {
margin-bottom: 4px;
zero: 4px;
margin-bottom: 4px;
width: 120px;
}
@media only screen and (max-width: 30em) {
.formRow input.years {
width: 150px;
}
}
.formRow input.years.for {
width: 120px;
}
.radioCntrol {
display: inline-block;
vertical-align: middle;
margin-left: 10px
}
.PropradioCntrol {
display: inline-block;
vertical-align: top;
margin: -15px;
/* margin-left: 10px;*/
}
@media only screen and (max-width: 48em) {
.radioCntrol {
display: inline-block;
margin: 0 0px 0px 0px;
zero: 0;
zero: 0px;
zero: 0px;
zero: 0px;
margin: 0 0px 0px 0px
}
.PropradioCntrol {
display: inline-block;
margin: 0 0px 0px 0px;
zero: 0;
zero: 0px;
zero: 0px;
zero: 0px;
margin: 0 0px 0px 0px
}
}
.rdInvestFor {
cursor: pointer;
position: relative;
z-index: 1;
display: inline-block;
width: 238px;
height: 123px;
text-align: left
}
.rdInvestFor.error label::after {
background: url(../images/icon_myself_c2i.png) no-repeat right -5% !important;
content: "";
display: inline-block;
height: 100px;
width: 78px;
line-height: 123px;
position: absolute;
vertical-align: top;
left: 65px;
top: 0;
}
.rdInvestFor.other.error label::after {
background: url(../images/icon_myself_c2i.png) no-repeat right 71%!important;
content: "";
display: inline-block;
height: 123px;
width: 79px;
line-height: 123px;
position: absolute;
vertical-align: top;
left: 65px;
top: 0;
}
@media only screen and (max-width: 48em) {
.rdInvestFor {
width: 123px
}
}
.rdInvestFor label {
cursor: pointer;
font-size: 18px;
zero: 18px;
font-size: 18px;
padding: 0px;
zero: 0px;
padding: 0px;
display: inline-block;
margin-top: 44px;
zero: 44px;
margin-top: 44px;
color: #002346
}
@media only screen and (max-width: 48em) {
.rdInvestFor label {
margin-top: 130px;
zero: 130px;
margin-top: 130px;
text-align: center;
width: 123px
}
}
.rdInvestFor input[type="radio"] {
cursor: pointer;
left: -999em;
position: absolute
}
.rdInvestFor input[type="radio"]:checked+label::after {
background-position: -394px 20px;
}
.rdInvestFor input.mySelf[type="radio"]:checked+label::after {
background-position: 0px 20px;
}
.rdInvestFor input.mySelf[type="radio"]+label::after {
background-position: -395px 20px;
}
.rdInvestFor input[type="radio"]+label::after {
background: url(../images/C2I-Icons.png) no-repeat left -10%;
content: "";
display: inline-block;
height: 123px;
width: 90px;
line-height: 123px;
position: absolute;
vertical-align: top;
left: 65px;
top: 0
}
.rdInvestFor.other {
z-index: 1
}
.rdInvestFor.other input.myLoved[type="radio"]+label::after {
background-position: -394px -263px;
width: 90px;
left: 120px;
}
@media only screen and (max-width: 48em) {
.rdInvestFor input[type="radio"]+label::after {
left: 24px;
}
.rdInvestFor.other input.myLoved[type="radio"]+label::after {
background-position: 0px -263px;
left: 24px;
}
}
.rdInvestFor.other input.myLoved[type="radio"]:checked+label::after {
background-position: -790px -263px;
}
@media only screen and (max-width: 48em) {
.rdInvestFor.other input.myLoved[type="radio"]:checked+label::after {
background-position: -394px -263px
}
}
@media only screen and (max-width: 48em) {
.rdInvestFor.other {
margin-left: 20px
}
}
.rdInvestFor .toolMyLoved {
border-color: #cacaca;
border-width: 2px 1px;
border-style: solid;
border-radius: 3px;
background: #fff;
position: absolute;
display: none;
box-shadow: 2px 2px 5px 0px #cacaca;
height: 150px;
z-index: 2;
line-height: 18px;
zero: 18px;
line-height: 18px;
padding: 3px 0px;
zero: 3px;
zero: 0px;
padding: 3px 0px
}
.rdInvestFor .toolMyLoved ul {
margin: 0;
position: relative
}
.rdInvestFor .toolMyLoved ul li {
background: none;
clear: both;
display: block;
padding: 0px 10px;
zero: 0px;
zero: 10px;
padding: 0px 10px
}
.rdInvestFor .toolMyLoved ul li a {
font-size: 14px;
zero: 14px;
font-size: 14px;
line-height: 15px;
zero: 15px;
line-height: 15px;
display: block;
color: #383b3e;
padding: 5px 10px 5px 5px;
zero: 5px;
zero: 10px;
zero: 5px;
zero: 5px;
padding: 5px 10px 5px 5px;
border-top: 1px solid #e0e3e6
}
.rdInvestFor .toolMyLoved ul li a:hover {
color: #005e9e
}
.rdInvestFor .toolMyLoved ul li:first-child a {
border-top: 0
}
.rdInvestFor .toolMyLoved ul:before,.rdInvestFor .toolMyLoved ul:after {
content: "";
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-color: transparent;
border-top: 0
}
.rdInvestFor .toolMyLoved ul:before {
border-width: 8px;
left: 50%;
margin-left: -8px;
top: -11px;
border-bottom-color: #cacaca
}
.rdInvestFor .toolMyLoved ul:after {
top: -10px;
left: 50%;
margin-left: -8px;
border-bottom-color: #FFF;
border-width: 8px
}
.selectGender {
display: inline-block;
width: 50px
}
.selectGender input[type="radio"] {
display: none
}
.selectGender label {
font-size: 14px;
zero: 14px;
font-size: 14px;
padding-top: 5px;
display: block;
position: relative;
text-align: center;
cursor: pointer
}
.selectGender label cite {
width: 45px;
height: 45px;
border-radius: 50%;
border: 2px solid #FFF;
margin: 0px auto;
position: relative;
display: block
}
.selectGender input:checked+label cite {
border-color: #05396e
}
.selectGender input:checked+label cite:after {
content: "";
width: 28px;
height: 28px;
background: url(../images/icn_selected.png) no-repeat 0 0;
position: absolute;
bottom: -9px;
right: -10px
}
.selectGender.error label cite {
border-color: red
}
.selectGender.male {
margin: 13px 5px 0 5px
}
.selectGender.male label cite,.selectGender.male.checked label cite,.selectGender.male input:checked+label cite,.selectGender.male.error label cite
{
background: #ebebeb url(../images/gender_male.png) no-repeat center 3px;
background-size: 50%
}
.selectGender.female {
margin: 13px 5px 0 5px
}
.selectGender.female label cite,.selectGender.female.checked label cite,.selectGender.female input:checked+label cite,.selectGender.female.error label cite
{
background: #ebebeb url(../images/gender_female.png) no-repeat center
3px;
background-size: 50%
}
@media only screen and (max-width: 30em) {
.selectGender.female,.selectGender.male {
margin-left: 0;
margin-right: 0
}
}
.startInvestment .persDetailForm .error {
position: relative
}
.startInvestment .persDetailForm .error input[type="text"] {
border-bottom-color: #ed1c24
}
li.eqHeight label.forlovedOne {
display: none
}
li.eqHeight.myLovedOne label.forlovedOne {
display: inline-block
}
li.eqHeight.myLovedOne label.formySelf {
display: none
}
.cntBtn, .cntBtn1 {
text-align: center;
padding: 15px 0px 35px;
zero: 35px;
zero: 0px;
zero: 35px;
margin:15px
}
@media only screen and (max-width: 48em) {
.cntBtn {
padding-top: 20px
}
}
.cntBtn .anchorLink,.cntBtn1 .anchorLink {
font-weight: 700;
}
.cntBtn .defaultBtn,.cntBtn1 .defaultBtn {
padding-top: 0;
padding-bottom: 0;
line-height: 36px;
margin-right: 10px
}
@media only screen and (max-width: 30em) {
.startInvestment .persDetailForm .cntBtn .defaultBtn,.riderDetails .cntBtn1 .defaultBtn {/*V9*/
margin-right: 0
}
.startInvestment .persDetailForm .cntBtn .anchorLink,.riderDetails .cntBtn1 .anchorLink {/*V9*/
margin-top: 10px;
zero: 10px;
margin-top: 10px;
padding: 0px 22px;
zero: 0px;
zero: 22px;
padding: 0px 22px;
width: 153px
}
}
.easySteps {
width: 980px;
margin: 0 auto;
padding: 65px 0 85px 0;
zero: 65px;
zero: 0;
zero: 85px;
zero: 0;
padding: 65px 0 85px 0
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.easySteps {
width: 95%
}
}
@media only screen and (max-width: 48em) {
.easySteps {
padding: 18px 0 20px 0;
zero: 18px;
zero: 0;
zero: 20px;
zero: 0;
padding: 18px 0 20px 0
}
}
.easySteps h2 {
font-size: 30px;
zero: 30px;
font-size: 30px;
line-height: 35px;
zero: 35px;
line-height: 35px;
margin: 0;
color: #e61c1c;
font-weight: 700;
text-transform: uppercase;
text-align: center
}
@media only screen and (max-width: 48em) {
.easySteps h2 {
font-size: 16px;
zero: 16px;
font-size: 16px;
line-height: 22px;
zero: 22px;
line-height: 22px
}
}
.easySteps h2 span {
font-weight: 400;
color: #333;
display: block
}
.stepsBlock {
padding-top: 35px;
zero: 35px;
padding-top: 35px
}
@media only screen and (max-width: 48em) {
.stepsBlock {
padding-top: 10px;
zero: 10px;
padding-top: 10px
}
}
.stepsBlock ul li {
position: relative;
float: left;
width: 25%;
background: url(../images/ico_4easy_steps.png) no-repeat center 17px;
padding-top: 140px;
zero: 140px;
padding-top: 140px
}
@media only screen and (max-width: 48em) {
.stepsBlock ul li {
width: 100%
}
}
.stepsBlock ul li h4 {
font-weight: 300;
font-size: 18px;
zero: 18px;
font-size: 18px;
line-height: 20px;
zero: 20px;
line-height: 20px;
text-align: center;
color: #3f3f3f;
padding: 0 5px;
zero: 0;
zero: 5px;
padding: 0 5px;
margin: 0
}
.stepsBlock ul li h4 span {
display: block
}
.stepsBlock ul li.riskAppetite {
background-position: center -290px
}
.stepsBlock ul li.fundAllocation {
background-position: center -600px
}
.stepsBlock ul li.proceedPay {
background-position: center -911px
}
.stepsBlock ul li.proceedPay:after {
background: none
}
.stepsBlock ul li:after {
content: " ";
height: 34px;
width: 22px;
position: absolute;
background: url(../images/ico_4easy_steps.png) no-repeat 0 -1240px;
right: -11px;
top: 28%
}
@media only screen and (max-width: 48em) {
.stepsBlock ul li:after {
display: none
}
}
.stepsBlock .bx-default-pager {
text-align: center;
padding-top: 10px;
zero: 10px;
padding-top: 10px
}
.stepsBlock .bx-pager-item {
display: inline-block;
width: 15px;
height: 15px;
margin-right: 3px;
zero: 3px;
margin-right: 3px
}
.stepsBlock .bx-pager-item a {
display: block;
width: 15px;
height: 15px;
font-size: 0px;
zero: 0px;
font-size: 0px;
background: url(../images/navSlider.png) no-repeat 1px 1px
}
.stepsBlock .bx-pager-item a.active {
background-position: 1px -38px
}
@media screen and (min-width: 600px) and (max-width: 767px) {
.tablet .stepsBlock ul li {
width: 50%;
margin-bottom: 10px;
zero: 10px;
margin-bottom: 10px
}
.tablet .stepsBlock ul li:after {
content: " ";
height: 34px;
width: 22px;
position: absolute;
background: url(../images/ico_4easy_steps.png) no-repeat 0 -1240px;
right: -11px;
top: 28%;
display: block
}
.tablet .stepsBlock ul li.proceedPay:after,.tablet .stepsBlock ul li.riskAppetite:after
{
background: none
}
}
.ulipBlock {
padding: 30px 0;
zero: 30px;
zero: 0;
padding: 30px 0
}
@media only screen and (max-width: 48em) {
.ulipBlock {
padding: 25px 0 0 0;
zero: 25px;
zero: 0;
zero: 0;
zero: 0;
padding: 25px 0 0 0
}
}
.ulipBlock ul.blocks {
display: table;
width: 100%
}
@media only screen and (max-width: 48em) {
.ulipBlock ul.blocks {
display: block;
width: 92%;
margin: 0 auto
}
}
.ulipBlock ul.blocks li {
display: table-cell;
vertical-align: top;
width: 50%
}
@media only screen and (max-width: 48em) {
.ulipBlock ul.blocks li {
width: 100%;
display: block;
margin-bottom: 30px;
zero: 30px;
margin-bottom: 30px
}
}
.ulipBlock ul.blocks li .contentBlock {
background: #fff;
margin-right: 2%;
padding-bottom: 20px;
zero: 20px;
padding-bottom: 20px;
min-height: 521px;
}
@media only screen and (max-width: 48em) {
.ulipBlock ul.blocks li .contentBlock {
margin-right: 0;
width: auto;
min-height: initial;
}
}
.ulipBlock ul.blocks li .contentBlock h3 {
font-size: 18px;
zero: 18px;
font-size: 18px;
line-height: 20px;
zero: 20px;
line-height: 20px;
padding: 22px 22px;
zero: 22px;
zero: 22px;
padding: 22px 22px;
color: #000;
text-align: center;
border-bottom: 1px solid #dbe0e5;
text-transform: uppercase;
margin: 0;
min-height: 85px;
}
@media only screen and (max-width: 896px) {
.ulipBlock ul.blocks li .contentBlock div.htDiv {
height: 354px
}
}
@media only screen and (max-width: 48em) {
.ulipBlock ul.blocks li .contentBlock div.htDiv {
height: auto
}
}
.ulipBlock ul.blocks li .contentBlock ul {
margin-left: 24%;
margin-top: 30px;
min-height: 280px;
}
@media only screen and (max-width: 1200px) {
.ulipBlock ul.blocks li .contentBlock ul {
margin-left: 16%
}
}
@media only screen and (max-width: 1100px) {
.ulipBlock ul.blocks li .contentBlock ul {
margin-left: 14%
}
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.ulipBlock ul.blocks li .contentBlock ul {
margin-left: 10%;
margin-right: 10%
}
}
.ulipBlock ul.blocks li .contentBlock ul.benefitsUlip li {
float: left;
clear: both;
width: auto;
padding: 6px 0px 15px 50px;
zero: 6px;
zero: 0px;
zero: 15px;
zero: 50px;
padding: 6px 0px 15px 50px;
font-size: 16px;
zero: 16px;
font-size: 16px;
line-height: 20px;
zero: 20px;
line-height: 20px;
margin-bottom: 3px;
zero: 3px;
margin-bottom: 3px;
color: #333;
background: url("../images/icons_c2i.png") no-repeat 0 0
}
.ulipBlock ul.blocks li .contentBlock ul.benefitsUlip li.fundOptions {
background-position: 0 -104px
}
.ulipBlock ul.blocks li .contentBlock ul.benefitsUlip li.flexPolicy {
background-position: 0 -328px
}
.ulipBlock ul.blocks li .contentBlock ul.benefitsUlip li.taxBenefits {
background: url("../images/ico_taxBenefit.png") no-repeat 0 0
}
.ulipBlock ul.blocks li .contentBlock ul.benefitsUlip li.multiPremium {
background: url("../images/ico_multiPrem.png") no-repeat 0 0
}
@media only screen and (max-width: 48em) {
.ulipBlock ul.blocks li .contentBlock ul.benefitsUlip li {
padding: 6px 0px 15px 43px;
zero: 6px;
zero: 0px;
zero: 15px;
zero: 43px;
padding: 6px 0px 15px 43px
}
.ulipBlock ul.blocks li .contentBlock h3,
.ulipBlock ul.blocks li .contentBlock ul {min-height: initial;}
}
.ulipBlock ul.blocks li .contentBlock ul.listArrow {
margin-left: 22%
}
@media only screen and (max-width: 1200px) {
.ulipBlock ul.blocks li .contentBlock ul.listArrow {
margin-left: 16%
}
}
@media only screen and (max-width: 1100px) {
.ulipBlock ul.blocks li .contentBlock ul.listArrow {
margin-left: 14%
}
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.ulipBlock ul.blocks li .contentBlock ul.listArrow {
margin-left: 10%
}
}
.ulipBlock ul.blocks li .contentBlock ul.listArrow li {
width: auto;
margin-bottom: 0
}
.ulipBlock ul.blocks li .contentBlock .ctaBand {
text-align: center;
padding: 14px 0 0px 0;
zero: 14px;
zero: 0;
zero: 0px;
zero: 0;
padding: 14px 0 0px 0
}
.ulipBlock ul.blocks li .contentBlock .ctaBand .downLoad {
margin-left: 6px;
zero: 6px;
margin-left: 6px
}
.ulipBlock ul.blocks li .contentBlock .ctaBand a {
vertical-align: middle
}
.ulipBlock ul.blocks li .contentBlock .ctaBand.ctaHomeULIPs {
margin-top: 4px
}
@media only screen and (max-width: 896px) {
.ulipBlock ul.blocks li .contentBlock .ctaBand {
width: 232px;
margin: 0 auto
}
.ulipBlock ul.blocks li .contentBlock .ctaBand a {
clear: both;
display: block
}
.ulipBlock ul.blocks li .contentBlock .ctaBand a.downLoad {
margin: 10px 0 0px 0;
zero: 10px;
zero: 0;
zero: 0px;
zero: 0;
margin: 10px 0 0px 0
}
}
@media only screen and (max-width: 48em) {
.ulipBlock ul.blocks li .contentBlock .ctaBand {
width: 94%;
margin-bottom: 10px;
margin: 0 auto 0 auto
}
.ulipBlock ul.blocks li .contentBlock .ctaBand a {
width: 100%;
margin-bottom: 10px
}
.ulipBlock ul.blocks li .contentBlock .ctaBand .downLoad {
margin-left: 0;
zero: 0;
margin-left: 0
}
}
.ulipBlock ul.blocks li .contentBlock .aboutUlip {
background: #f3f3f3;
padding: 12px 15px;
zero: 12px;
zero: 15px;
padding: 12px 15px;
width: 94%;
margin: 15px auto 0 auto;
display: table;
table-layout: fixed
}
.ulipBlock ul.blocks li .contentBlock .aboutUlip .column {
float: none;
display: table-cell;
vertical-align: middle;
width: auto
}
.ulipBlock ul.blocks li .contentBlock .aboutUlip .column.contentImg {
width: 141px
}
.ulipBlock ul.blocks li .contentBlock .aboutUlip .column.content {
display: table-cell;
float: none;
width: 100%
}
@media only screen and (max-width: 896px) {
.ulipBlock ul.blocks li .contentBlock .aboutUlip .column.content {
width: 100%;
zero: 100%;
width: 100%
}
}
.ulipBlock ul.blocks li .contentBlock .aboutUlip h3,.ulipBlock ul.blocks li .contentBlock .aboutUlip a
{
color: #05396e;
font-size: 16px;
zero: 16px;
font-size: 16px;
line-height: 20px;
zero: 20px;
line-height: 20px
}
.ulipBlock ul.blocks li .contentBlock .aboutUlip h4 {
color: #05396e;
margin-top: 0;
zero: 0;
margin-top: 0
}
.ulipBlock ul.blocks li .contentBlock .aboutUlip h4 a {
display: inline-block;
font-size: 16px;
zero: 16px;
font-size: 16px;
line-height: 20px;
zero: 20px;
line-height: 20px;
margin-left: 10px;
zero: 10px;
margin-left: 10px;
font-weight: 700;
font-style: italic;
word-wrap: break-word;
width: 100%;
zero: 100%;
width: 100%
}
ul.listArrow li {
float: left;
clear: both;
width: auto;
padding: 0px 0px 16px 15px;
zero: 0px;
zero: 0px;
zero: 16px;
zero: 15px;
padding: 0px 0px 16px 15px;
font-size: 16px;
zero: 16px;
font-size: 16px;
line-height: 20px;
zero: 20px;
line-height: 20px;
font-style: italic;
color: #005e9e;
font-weight: 700;
background: url("../images/icons_c2i.png") no-repeat 0 -626px
}
@media only screen and (max-width: 48em) {
ul.listArrow li {
padding-bottom: 8px;
zero: 8px;
padding-bottom: 8px
}
}
a.videoclicks {
display: inline-block;
position: relative
}
a.videoclicks span.layer {
display: block;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.7);
width: 141px;
height: 78px
}
a.videoclicks span.layer span {
width: 35px;
height: 38px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -17px;
margin-top: -19px;
bottom: 0;
right: 0;
background-color: none;
border: 0
}
a.videoclicks .play {
background: url("../images/icons_c2i.png") no-repeat 0 -750px
}
a.videoclicks .downLoad {
background: url("../images/icons_c2i.png") no-repeat 0 -922px
}
.ulipBlock .customerSpeakBlock {
padding: 0
}
.ulipBlock .customerSpeakBlock .blockDiv {
width: 100%;
}
.ulipBlock .customerSpeakBlock .blockDiv .sliderBlock {
height: 456px
}
.no-touch .dvFundApi .bluEquityBox select,.no-touch .dvNavOfFunds .bluEquityBox select
{
border: 1px solid #94a1a9;
background-color: #fff;
border-radius: 6px
}
.no-touch .dvGraphBox select {
border: 1px solid #94a1a9;
border-radius: 6px
}
.dvFundApi,.dvNavOfFunds {
padding: 35px 40px;
zero: 35px;
zero: 40px;
padding: 35px 40px
}
@media only screen and (max-width: 48em) {
.dvFundApi,.dvNavOfFunds {
padding: 10px 10px 15px;
zero: 10px;
zero: 10px;
zero: 15px;
padding: 10px 10px 15px
}
}
.dvFundApi .title,.dvNavOfFunds .title {
text-align: center
}
.dvFundApi h2,.dvNavOfFunds h2 {
/*background: url(../images/icons_c2i.png) no-repeat left -2035px;*/
color: #d51d24;
font-size: 28px;
zero: 28px;
font-size: 28px;
line-height: 33px;
zero: 33px;
line-height: 33px;
padding-left: 75px;
zero: 75px;
padding-left: 75px;
font-weight: 700;
text-transform: uppercase;
display: inline-block;
text-align: left
}
@media only screen and (max-width: 48em) {
.dvFundApi h2,.dvNavOfFunds h2 {
/* background: url(../images/iconFundApi.png) no-repeat 7px 2px; */
font-size: 16px;
zero: 16px;
font-size: 16px;
line-height: 21px;
zero: 21px;
line-height: 21px;
padding: 0px 0px 0px 56px;
zero: 0px;
zero: 0px;
zero: 0px;
zero: 56px;
padding: 0px 0px 0px 56px;
display: inline-block
}
}
/* REDMINE10127 - Click 2 Invest > Latest NAV option to be removed - Anitha - Start */
.lnHeight h2 {
line-height: 62px !important;
}
/* REDMINE10127 - Click 2 Invest > Latest NAV option to be removed - Anitha - End */
.dvFundApi h2 span,.dvNavOfFunds h2 span {
display: block;
color: #05396e;
font-weight: normal;
text-align:center
}
.dvFundApi .bluEquityBox,.dvNavOfFunds .bluEquityBox {
width: 35%;
min-width: 360px;
margin: 10px auto 20px;
background: #005e9e;
text-align: center;
padding: 30px 60px;
zero: 30px;
zero: 60px;
padding: 30px 60px
}
@media only screen and (max-width: 48em) {
.dvFundApi .bluEquityBox,.dvNavOfFunds .bluEquityBox {
width: 100%;
min-width: 280px;
padding: 10px 10px;
zero: 10px;
zero: 10px;
padding: 10px 10px
}
}
.dvFundApi .bluEquityBox select,.dvNavOfFunds .bluEquityBox select {
height: 40px;
line-height: 17px;
font-size: 15px;
zero: 15px;
font-size: 15px;
padding: 0px 0px 0px 10px;
zero: 0px;
zero: 0px;
zero: 0px;
zero: 10px;
padding: 0px 0px 0px 10px
}
.dvFundApi .dvGraphBox,.dvNavOfFunds .dvGraphBox {
margin: auto;
border: 1px solid #d8e3e7;
border-radius: 4px
}
.dvFundApi .dvGraphBox .lftBtnSelect,.dvNavOfFunds .dvGraphBox .lftBtnSelect
{
float: left;
padding: 18px 0px 18px 30px;
zero: 18px;
zero: 0px;
zero: 18px;
zero: 30px;
padding: 18px 0px 18px 30px;
min-width: 160px
}
@media only screen and (max-width: 40em) {
.dvFundApi .dvGraphBox .lftBtnSelect,.dvNavOfFunds .dvGraphBox .lftBtnSelect
{
padding: 10px 0px 10px 10px;
zero: 10px;
zero: 0px;
zero: 10px;
zero: 10px;
padding: 10px 0px 10px 10px
}
}
.dvFundApi .dvGraphBox .rhtZoom,.dvNavOfFunds .dvGraphBox .rhtZoom {
display: none;
float: right;
margin: 13px 10px;
zero: 13px;
zero: 10px;
margin: 13px 10px
}
.dvFundApi .dvGraphBox .rhtZoom a,.dvNavOfFunds .dvGraphBox .rhtZoom a {
background: url("../images/icnZoom.png") no-repeat;
padding: 15px;
zero: 15px;
padding: 15px;
display: inline-block
}
.dvFundApi .dvGraphBox .rhtYear,.dvNavOfFunds .dvGraphBox .rhtYear {
float: right
}
@media only screen and (max-width: 40em) {
.dvFundApi .dvGraphBox .rhtYear,.dvNavOfFunds .dvGraphBox .rhtYear {
width: 100%
}
}
.dvFundApi .dvGraphBox .rhtYear ul,.dvNavOfFunds .dvGraphBox .rhtYear ul
{
margin: 30px 15px 30px 0px;
zero: 30px;
zero: 15px;
zero: 30px;
zero: 0px;
margin: 30px 15px 30px 0px
}
@media only screen and (max-width: 40em) {
.dvFundApi .dvGraphBox .rhtYear ul,.dvNavOfFunds .dvGraphBox .rhtYear ul
{
margin: 10px 10px 10px 0px;
zero: 10px;
zero: 10px;
zero: 10px;
zero: 0px;
margin: 10px 10px 10px 0px
}
}
.dvFundApi .dvGraphBox .rhtYear ul li,.dvNavOfFunds .dvGraphBox .rhtYear ul li
{
float: left;
padding: 0px 17px;
zero: 0px;
zero: 17px;
padding: 0px 17px;
border-right: 1px solid #e1ebf2;
line-height: 16px;
zero: 16px;
line-height: 16px
}
@media only screen and (max-width: 40em) {
.dvFundApi .dvGraphBox .rhtYear ul li,.dvNavOfFunds .dvGraphBox .rhtYear ul li
{
padding: 0px 9px;
zero: 0px;
zero: 9px;
padding: 0px 9px
}
}
.dvFundApi .dvGraphBox .rhtYear ul li:last-child,.dvNavOfFunds .dvGraphBox .rhtYear ul li:last-child
{
border-right: none
}
.dvFundApi .dvGraphBox .rhtYear ul li a,.dvNavOfFunds .dvGraphBox .rhtYear ul li a
{
color: #05396e;
font-size: 15px;
zero: 15px;
font-size: 15px
}
@media only screen and (max-width: 40em) {
.dvFundApi .dvGraphBox .rhtYear ul li a,.dvNavOfFunds .dvGraphBox .rhtYear ul li a
{
font-size: 13px;
zero: 13px;
font-size: 13px
}
}
.dvFundApi .dvGraphBox .cntGraphTile,.dvNavOfFunds .dvGraphBox .cntGraphTile
{
background: url("../images/tileBgGraph.png") repeat
}
.dvFundApi .dvGraphBox .cntGraphTile #fundPerf,.dvNavOfFunds .dvGraphBox .cntGraphTile #fundPerf
{
width: 80%;
margin: auto
}
@media only screen and (max-width: 40em) {
.dvFundApi .dvGraphBox .cntGraphTile #fundPerf,.dvNavOfFunds .dvGraphBox .cntGraphTile #fundPerf
{
width: 98%;
margin: auto
}
}
.dvFundApi .dvGraphBox .dvHighLow,.dvNavOfFunds .dvGraphBox .dvHighLow {
margin: 25px 0 20px;
zero: 25px;
zero: 0;
zero: 20px;
margin: 25px 0 20px;
text-align: center
}
.dvFundApi .dvGraphBox .dvHighLow .highLowVal,.dvNavOfFunds .dvGraphBox .dvHighLow .highLowVal
{
display: inline-block;
background: #cfe3ec;
padding: 6px 17px;
zero: 6px;
zero: 17px;
padding: 6px 17px;
font-size: 13px;
zero: 13px;
font-size: 13px;
color: #12304f
}
@media only screen and (max-width: 40em) {
.dvFundApi .dvGraphBox .dvHighLow .highLowVal,.dvNavOfFunds .dvGraphBox .dvHighLow .highLowVal
{
width: 46%;
padding: 6px 10px;
zero: 6px;
zero: 10px;
padding: 6px 10px;
text-align: left;
line-height: 16px;
zero: 16px;
line-height: 16px
}
}
.dvFundApi .dvGraphBox .dvHighLow .highLowVal:first-child,.dvNavOfFunds .dvGraphBox .dvHighLow .highLowVal:first-child
{
margin-right: 70px;
zero: 70px;
margin-right: 70px
}
@media only screen and (max-width: 40em) {
.dvFundApi .dvGraphBox .dvHighLow .highLowVal:first-child,.dvNavOfFunds .dvGraphBox .dvHighLow .highLowVal:first-child
{
margin-right: 7px;
zero: 7px;
margin-right: 7px
}
}
.dvFundApi .dvGraphBox .dvHighLow .highLowVal span,.dvNavOfFunds .dvGraphBox .dvHighLow .highLowVal span
{
color: #47627e
}
@media only screen and (max-width: 40em) {
.dvFundApi .dvGraphBox .dvHighLow .highLowVal span,.dvNavOfFunds .dvGraphBox .dvHighLow .highLowVal span
{
display: block
}
}
.dvFundApi .dvGraphBox .dvHistoricInfo,.dvNavOfFunds .dvGraphBox .dvHistoricInfo
{
background: #b5ddee;
text-align: center;
padding: 20px;
zero: 20px;
padding: 20px;
color: #05396e;
font-size: 15px;
zero: 15px;
font-size: 15px;
font-weight: 700
}
@media only screen and (max-width: 40em) {
.dvFundApi .dvGraphBox .dvHistoricInfo,.dvNavOfFunds .dvGraphBox .dvHistoricInfo
{
text-align: left;
padding: 6px 6px 10px;
zero: 6px;
zero: 6px;
zero: 10px;
padding: 6px 6px 10px;
font-size: 13px;
zero: 13px;
font-size: 13px
}
}
@media only screen and (max-width: 40em) {
.dvFundApi .dvGraphBox .dvHistoricInfo>span,.dvNavOfFunds .dvGraphBox .dvHistoricInfo>span
{
float: left;
width: 50%
}
}
@media only screen and (max-width: 40em) {
.dvFundApi .dvGraphBox .dvHistoricInfo>span label,.dvNavOfFunds .dvGraphBox .dvHistoricInfo>span label
{
display: block;
line-height: 22px
}
}
.dvFundApi .dvGraphBox .dvHistoricInfo>span.cntBtnGo,.dvNavOfFunds .dvGraphBox .dvHistoricInfo>span.cntBtnGo
{
width: 100%;
text-align: center;
padding-top: 10px;
zero: 10px;
padding-top: 10px
}
.dvFundApi .dvGraphBox .dvHistoricInfo input.datePick,.dvNavOfFunds .dvGraphBox .dvHistoricInfo input.datePick
{
background: #fff url("../images/calendarIcon.png") no-repeat 96% center;
cursor: pointer;
line-height: 18px;
margin: 0px 7px;
zero: 0px;
zero: 7px;
margin: 0px 7px;
width: 160px
}
@media only screen and (max-width: 40em) {
.dvFundApi .dvGraphBox .dvHistoricInfo input.datePick,.dvNavOfFunds .dvGraphBox .dvHistoricInfo input.datePick
{
margin: 0px;
zero: 0px;
margin: 0px;
width: 95%
}
}
.dvFundApi .dvGraphBox select,.dvFundApi .dvGraphBox input[type="text"],.dvNavOfFunds .dvGraphBox select,.dvNavOfFunds .dvGraphBox input[type="text"]
{
height: 37px;
line-height: 17px;
font-size: 15px;
zero: 15px;
font-size: 15px;
padding: 0px 0px 0px 10px;
zero: 0px;
zero: 0px;
zero: 0px;
zero: 10px;
padding: 0px 0px 0px 10px
}
.dvFundApi .dvGraphBox input[type="text"],.dvNavOfFunds .dvGraphBox input[type="text"]
{
border: 1px solid #94a1a9;
border-radius: 6px
}
.dvFundApi .dvGraphBox .btnGo,.dvNavOfFunds .dvGraphBox .btnGo {
background-color: #05396e;
color: #fff;
display: inline-block;
font-size: 13px;
zero: 13px;
font-size: 13px;
line-height: 33px;
zero: 33px;
line-height: 33px;
padding: 0px 13px;
zero: 0px;
zero: 13px;
padding: 0px 13px;
border: none;
cursor: pointer
}
.dvFundApi .dvGraphBox .btnGo span,.dvNavOfFunds .dvGraphBox .btnGo span
{
padding: 0px 13px 0px 0px;
zero: 0px;
zero: 13px;
zero: 0px;
zero: 0px;
padding: 0px 13px 0px 0px;
position: relative
}
.dvFundApi .dvGraphBox .btnGo span::after,.dvNavOfFunds .dvGraphBox .btnGo span::after
{
background: url("../images/arrowBtnGo.png") no-repeat right;
position: absolute;
content: "";
height: 12px;
position: absolute;
right: 2px;
top: 2px;
width: 7px;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in
}
.dvFundApi .dvGraphBox .btnGo:hover span::after,.dvNavOfFunds .dvGraphBox .btnGo:hover span::after
{
right: -5px
}
.dvFundApi .dvGraphBox .error input[type="text"],.dvNavOfFunds .dvGraphBox .error input[type="text"]
{
background: #fff url("../images/iconError.png") no-repeat right center;
border: 1px solid #ff0000;
padding-right: 22px
}
.tabContentBlock .cntNavFunds {
width: 100%
}
.tabContentBlock .cntNavFunds .dvGraphBox {
width: 100%
}
.dvNavOfFunds {
padding: 0px;
zero: 0px;
padding: 0px
}
@media only screen and (max-width: 48em) {
.dvNavOfFunds {
padding: 0px;
zero: 0px;
padding: 0px
}
}
.highcharts-tooltip {
z-index: 9005
}
.cntGraphTile .highcharts-tooltip span {
background-color: white
}
@media screen and (min-width: 950px) and (max-width: 1024px) {
.dvNavOfFunds .dvGraphBox .dvHistoricInfo {
padding: 20px 7px;
zero: 20px;
zero: 7px;
padding: 20px 7px
}
.dvNavOfFunds .dvGraphBox .dvHistoricInfo input.datePick {
width: 132px;
margin: 0px 4px;
zero: 0px;
zero: 4px;
margin: 0px 4px
}
.dvNavOfFunds .dvGraphBox .cntGraphTile #fundPerf {
width: 98%
}
.dvNavOfFunds .dvGraphBox .dvHighLow .highLowVal:first-child {
margin-right: 25px
}
}
.customerSpeakBlock {
padding: 35px 40px;
zero: 35px;
zero: 40px;
padding: 35px 40px
}
@media only screen and (max-width: 48em) {
.customerSpeakBlock {
padding: 20px 10px;
zero: 20px;
zero: 10px;
padding: 20px 10px
}
}
.customerSpeakBlock .blockDiv {
width: 55%;
min-height: 200px;
background: #fff;
float: left
}
@media only screen and (max-width: 48em) {
.customerSpeakBlock .blockDiv {
float: none;
width: 100%
}
}
.customerSpeakBlock .blockDiv h3 {
font-size: 18px;
zero: 18px;
font-size: 18px;
line-height: 20px;
zero: 20px;
line-height: 20px;
padding: 22px 34px;
zero: 22px;
zero: 34px;
padding: 22px 34px;
color: #000;
text-align: center;
border-bottom: 1px solid #dbe0e5;
text-transform: uppercase;
margin: 0
}
.customerSpeakBlock .blockDiv .sliderBlock {
position: relative;
padding-top: 22px;
zero: 22px;
padding-top: 22px;
height: 380px
}
.customerSpeakBlock .blockDiv .sliderBlock ul {
width: 414px;
margin: 0 auto
}
.customerSpeakBlock .blockDiv .sliderBlock ul li {
float: left;
width: 198px;
height: 324px;
background: #f8f8f8;
border-bottom: 4px solid #69d3ff
}
@media screen and (max-width: 510px) {
.customerSpeakBlock .blockDiv .sliderBlock ul li {
margin: 0
}
}
.customerSpeakBlock .blockDiv .sliderBlock ul li .quoteDiv {
position: relative;
height: 200px;
background: #69d3ff url("../images/quotes.png") no-repeat center 20px;
padding-top: 45px;
zero: 45px;
padding-top: 45px
}
.customerSpeakBlock .blockDiv .sliderBlock ul li .quoteDiv p {
font-size: 15px;
zero: 15px;
font-size: 15px;
line-height: 17px;
zero: 17px;
line-height: 17px;
text-align: center;
padding: 0 20px;
zero: 0;
zero: 20px;
padding: 0 20px;
color: #012346
}
.customerSpeakBlock .blockDiv .sliderBlock ul li .customerDetails {
position: relative;
padding-top: 44px;
zero: 44px;
padding-top: 44px
}
.customerSpeakBlock .blockDiv .sliderBlock ul li .customerDetails h4 {
color: #252f3a;
text-transform: uppercase;
font-size: 15px;
zero: 15px;
font-size: 15px;
line-height: 16px;
zero: 16px;
line-height: 16px;
text-align: center;
font-weight: 400
}
.customerSpeakBlock .blockDiv .sliderBlock ul li .customerDetails h5 {
color: #5f6b79;
font-size: 13px;
zero: 13px;
font-size: 13px;
line-height: 14px;
zero: 14px;
line-height: 14px;
text-align: center;
font-weight: 400
}
.customerSpeakBlock .blockDiv .sliderBlock ul li .customerDetails h5 span
{
display: block;
padding-top: 3px;
zero: 3px;
padding-top: 3px
}
.customerSpeakBlock .blockDiv .sliderBlock ul li .customerDetails .userImg
{
position: absolute;
top: -50px;
width: 88px;
height: 88px;
left: 50%;
margin-left: -44px
}
.customerSpeakBlock .blockDiv .sliderBlock ul li .mmContent {
padding: 25px 20px;
zero: 25px;
zero: 20px;
padding: 25px 20px
}
.customerSpeakBlock .blockDiv .sliderBlock ul li .mmContent h4 {
color: #005e9e;
font-size: 12px;
zero: 12px;
font-size: 12px;
line-height: 13px;
zero: 13px;
line-height: 13px;
text-transform: uppercase;
font-weight: 700;
margin: 0
}
.customerSpeakBlock .blockDiv .sliderBlock ul li .mmContent h4 span {
display: block
}
.customerSpeakBlock .blockDiv .sliderBlock ul li .mmContent p {
color: #012346;
font-size: 14px;
zero: 14px;
font-size: 14px;
line-height: 17px;
zero: 17px;
line-height: 17px;
margin-top: 20px;
zero: 20px;
margin-top: 20px
}
.customerSpeakBlock .blockDiv .sliderBlock .bx-controls {
position: absolute;
left: 0;
top: 40%;
width: 100%
}
@media only screen and (max-width: 48em) {
.customerSpeakBlock .blockDiv .sliderBlock .bx-controls {
width: 100%;
left: 0;
margin-left: 0
}
}
.customerSpeakBlock .blockDiv .sliderBlock .bx-controls a {
width: 40px;
height: 41px;
background: #69d3ff url("../images/icons_c2i.png") no-repeat left
-1678px;
display: inline-block;
text-indent: -9999px;
font-size: 0px;
float: left
}
.customerSpeakBlock .blockDiv .sliderBlock .bx-controls a.bx-next {
background-position: left -1858px;
float: right;
margin-right: 2%
}
@media screen and (min-width: 320px) and (max-width: 540px) {
.customerSpeakBlock .blockDiv .sliderBlock .bx-controls a.bx-next {
margin-right: 1%
}
}
.customerSpeakBlock .blockDiv .sliderBlock .bx-controls a.bx-prev {
margin-left: 2%
}
@media screen and (min-width: 320px) and (max-width: 540px) {
.customerSpeakBlock .blockDiv .sliderBlock .bx-controls a.bx-prev {
margin-left: 1%
}
}
.customerSpeakBlock .blockDiv .sliderBlock .bx-controls a.disabled {
display: none
}
.customerSpeakBlock .blockDiv.mediaMention {
float: none; /*float: right*/
margin: 0 auto;
}
@media only screen and (max-width: 48em) {
.customerSpeakBlock .blockDiv.mediaMention {
float: none;
margin-top: 10px;
zero: 10px;
margin-top: 10px
}
}
.imgBlock {
border-radius: 50%;
border: 1px solid #ffffff
}
.date {
color: #818282;
font-size: 13px;
zero: 13px;
font-size: 13px;
line-height: 13px;
zero: 13px;
line-height: 13px
}
.lhtbluShade {
background-color: #05396e
}
.needAsstBlock {
padding: 0px 40px;
zero: 0px;
zero: 40px;
padding: 0px 40px
}
@media only screen and (max-width: 48em) {
.needAsstBlock {
padding: 0px;
zero: 0px;
padding: 0px
}
}
.needAsstBlock .dvNeedAsst {
width: 49.3%;
background: #05315f;
float: left;
text-align: center;
min-height: 90px;
padding-top: 17px;
zero: 17px;
padding-top: 17px
}
@media only screen and (max-width: 48em) {
.needAsstBlock .dvNeedAsst {
width: 100%;
text-align: left;
padding-top: 10px;
zero: 10px;
padding-top: 10px;
padding-left: 15px;
zero: 15px;
padding-left: 15px;
min-height: 60px
}
.needAsstBlock .dvNeedAsst:first-child {
border-bottom: 2px solid #05396e
}
}
.needAsstBlock .dvNeedAsst>span {
background: url(../images/icons_c2i.png) no-repeat left -1039px;
color: #fefefe;
font-size: 17px;
zero: 17px;
font-size: 17px;
padding: 0px 10px 0px 71px;
zero: 0px;
zero: 10px;
zero: 0px;
zero: 71px;
padding: 0px 10px 0px 71px;
line-height: 54px;
display: inline-block
}
@media only screen and (max-width: 48em) {
.needAsstBlock .dvNeedAsst>span {
font-size: 15px;
zero: 15px;
font-size: 15px;
padding: 0px 10px 0px 45px;
zero: 0px;
zero: 10px;
zero: 0px;
zero: 45px;
padding: 0px 10px 0px 45px;
line-height: 39px
}
}
@media only screen and (max-width: 48em) {
.needAsstBlock .dvNeedAsst>span.phoneNo {
background-position: left -1385px
}
}
.needAsstBlock .dvNeedAsst>span.service {
background-position: left -1218px;
text-transform: uppercase
}
@media only screen and (max-width: 48em) {
.needAsstBlock .dvNeedAsst>span.service {
background-position: left -1493px
}
}
.bjWrapper {
margin: 12px 0 25px 0;
zero: 12px;
zero: 0;
zero: 25px;
zero: 0;
margin: 12px 0 25px 0
}
@media only screen and (max-width: 48em) {
.bjWrapper {
margin-bottom: 15px
}
}
.bjWrapper .bx-controls .bx-prev,.bjWrapper .bx-controls .bx-next {
visibility: hidden
}
.bjYourInvestment,.bjStartInvestment {
display:inline-block;
width:100%;
background-color: #8ddeff;
padding: 8px 30px 5px 30px;
zero: 8px;
zero: 30px;
zero: 5px;
zero: 30px;
padding: 8px 30px 5px 30px;
border-top-left-radius: 8px;
border-top-right-radius: 8px
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.bjYourInvestment,.bjStartInvestment {
padding: 8px 14px 5px 14px;
zero: 8px;
zero: 14px;
zero: 5px;
zero: 14px;
padding: 8px 14px 5px 14px
}
/*.bx-wrapper .bx-viewport {
height: 368px !important;
}*/
}
.bjYourInvestment .saveData,.bjStartInvestment .saveData {
display: none;
float: right;
padding: 6px 25px;
zero: 6px;
zero: 25px;
padding: 6px 25px;
font-size: 14px;
zero: 14px;
font-size: 14px;
width: auto
}
.bjYourInvestment .editBtn,.bjStartInvestment .editBtn {
float: right;
background: url("../images/icon_edit.png") no-repeat top right;
padding: 2px 24px 5px 0;
zero: 2px;
zero: 24px;
zero: 5px;
zero: 0;
padding: 2px 24px 5px 0;
font-size: 14.5px;
zero: 14.5px;
font-size: 14.5px;
color: #006baf;
text-decoration: underline;
clear: both
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.bjYourInvestment .editBtn.desktop,.bjStartInvestment .editBtn.desktop {
display: none
}
}
.bjYourInvestment .btnDetails,.bjStartInvestment .btnDetails {
background-color: #005e9e;
border-radius: 15px;
color: #fff;
float: right;
display: none;
font-size: 13px;
zero: 13px;
font-size: 13px;
padding: 7px 15px 8px 15px;
zero: 7px;
zero: 15px;
zero: 8px;
zero: 15px;
padding: 7px 15px 8px 15px;
margin-right: 20px;
zero: 20px;
margin-right: 20px
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.bjYourInvestment .btnDetails,.bjStartInvestment .btnDetails {
display: block
}
/*.bx-wrapper .bx-viewport {
height: 368px !important;
}*/
}
.bjYourInvestment .mobVal,.bjStartInvestment .mobVal {
display: none
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.bjYourInvestment,.bjStartInvestment {
padding: 5px 0;
zero: 5px;
zero: 0;
padding: 5px 0
}
.bjYourInvestment .mobVal,.bjStartInvestment .mobVal {
background-color: #ffffff;
display: none;
left: 50%;
margin-left: -150px;
position: absolute;
float: left;
width: 300px;
z-index: 9
}
.bjYourInvestment .mobVal .selStyled,.bjStartInvestment .mobVal .selStyled
{
width: 140px
}
.bjYourInvestment .saveDeatils,.bjStartInvestment .saveDeatils {
background: transparent;
border: 1px solid #cccccc;
color: #d51d24;
cursor: pointer;
font-size: 14px;
zero: 14px;
font-size: 14px;
margin: 0px 15px 15px 15px;
zero: 0px;
zero: 15px;
zero: 15px;
zero: 15px;
margin: 0px 15px 15px 15px;
padding: 8px 10px;
zero: 8px;
zero: 10px;
padding: 8px 10px;
text-transform: uppercase;
width: 270px
}
.bjYourInvestment .topPanel,.bjStartInvestment .topPanel {
padding: 10px 15px;
zero: 10px;
zero: 15px;
padding: 10px 15px;
border-bottom: 1px solid #e8edf2
}
.bjYourInvestment .formFields,.bjStartInvestment .formFields {
padding: 10px 15px;
zero: 10px;
zero: 15px;
padding: 10px 15px
}
.bjYourInvestment h3,.bjStartInvestment h3 {
color: #333333;
display: inline-block;
font-weight: 700;
font-size: 14px;
zero: 14px;
font-size: 14px;
text-transform: uppercase;
margin: 0;
white-space: nowrap
}
.bjYourInvestment .editBtn,.bjStartInvestment .editBtn {
margin-right: 0;
text-indent: -9999px
}
}
.bjYourInvestment h2,.bjStartInvestment h2 {
background: url("../images/icon_your_investment.png") no-repeat top left;
color: #05396e;
display: inline-block;
vertical-align: middle;
line-height: 22px;
font-weight: 700;
font-size: 22px;
zero: 22px;
font-size: 22px;
padding: 0 0 0 62px;
zero: 0;
zero: 0;
zero: 0;
zero: 62px;
padding: 0 0 0 62px;
text-transform: uppercase;
white-space: nowrap
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.bjYourInvestment h2,.bjStartInvestment h2 {
font-size: 14px;
zero: 14px;
font-size: 14px;
background: none;
padding: 2px 0 0 10px;
zero: 2px;
zero: 0;
zero: 0;
zero: 10px;
padding: 2px 0 0 10px
}
}
.bjYourInvestment h2.startIvst,.bjStartInvestment h2.startIvst {
background: url("../images/icon_start_investment.png") no-repeat top
left
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.bjYourInvestment h2.startIvst,.bjStartInvestment h2.startIvst {
background: none
}
}
.bjYourInvestment h2:before,.bjStartInvestment h2:before {
content: "";
height: 51px;
width: 1px;
display: inline-block;
position: relative;
left: -1px;
top: 0;
vertical-align: middle
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.bjYourInvestment h2:before,.bjStartInvestment h2:before {
display: none
}
}
.bjYourInvestment h2 cite,.bjStartInvestment h2 cite {
vertical-align: middle;
display: inline-block;
font-style: normal
}
.bjYourInvestment ul,.bjStartInvestment ul {
float: right
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.bjYourInvestment ul.desktopVal,.bjStartInvestment ul.desktopVal {
display: none
}
}
.bjYourInvestment ul li,.bjStartInvestment ul li {
display: inline-block;
padding: 0 0 0 26px;
zero: 0;
zero: 0;
zero: 0;
zero: 26px;
padding: 0 0 0 26px
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.bjYourInvestment ul li,.bjStartInvestment ul li {
padding: 0 0 7px 10px;
zero: 0;
zero: 0;
zero: 7px;
zero: 10px;
padding: 0 0 7px 10px
}
}
.bjYourInvestment ul li .desc,.bjYourInvestment ul li .term,.bjStartInvestment ul li .desc,.bjStartInvestment ul li .term
{
display: block;
color: #05396e;
text-transform: uppercase
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.bjYourInvestment ul li .desc,.bjYourInvestment ul li .term,.bjStartInvestment ul li .desc,.bjStartInvestment ul li .term
{
display: inline-block;
text-transform: none
}
}
.bjYourInvestment ul li .desc,.bjStartInvestment ul li .desc {
font-size: 14px;
font-weight: 700;
line-height: 21px;
zero: 21px;
line-height: 21px
}
.bjYourInvestment ul li .term,.bjStartInvestment ul li .term {
font-size: 13px;
zero: 13px;
font-size: 13px;
line-height: 20px;
zero: 20px;
line-height: 20px
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.bjYourInvestment ul li .term,.bjStartInvestment ul li .term {
color: #333333;
margin-right: 3px;
zero: 3px;
margin-right: 3px;
text-transform: none
}
}
.bjYourInvestment ul li .desc,.bjStartInvestment ul li .desc {
margin-top: -9px
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.bjYourInvestment ul li .desc,.bjStartInvestment ul li .desc {
margin-top: 0px
}
}
.bjYourInvestment ul li .desc input[type="text"],.bjStartInvestment ul li .desc input[type="text"]
{
background: none;
border: none;
font-family: lato;
border-bottom: 1px solid #005e9e;
font-size: 14px;
color: #05396e;
font-weight: 600;
width: 82px;
height: 32px;
border-radius: 0
}
.investDetails .bjYourInvestment ul li .desc input[type="text"],.investDetails .bjStartInvestment ul li .desc input[type="text"]{width:90px;}
.investDetails .bjYourInvestment ul li .desc.yrs input[type="text"],.investDetails .bjStartInvestment ul li .desc.yrs input[type="text"] {text-align:center;}
.investDetails .bjYourInvestment ul li .desc select,.investDetails .bjStartInvestment ul li .desc select {width: 155px}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.bjYourInvestment ul li .desc input[type="text"],.bjStartInvestment ul li .desc input[type="text"]
{
width: 95px;
padding: 0
}
}
.bjYourInvestment ul li .desc select,.bjStartInvestment ul li .desc select
{
color: #05396e;
background: none;
font-family: lato;
font-size: 16px;
zero: 16px;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
padding-left: 0;
width: 190px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.bjYourInvestment ul li .desc select,.bjStartInvestment ul li .desc select
{
margin-left: 0;
padding-left: 0;
padding-right: 0;
text-transform: inherit;
width: 135px;
font-size: 14px;
}
}
.bjYourInvestment ul li .desc.yrs.disable input[type="text"],.bjStartInvestment ul li .desc.yrs.disable input[type="text"]
{
width: 23px;
padding: 0;
text-align: center
}
.bjYourInvestment ul li .desc.yrs input[type="text"],.bjStartInvestment ul li .desc.yrs input[type="text"]
{
width: 32px;
padding-right: 2px;
padding-left: 2px
}
.bjYourInvestment ul li .desc.disable,.bjStartInvestment ul li .desc.disable
{
margin-top: 0px;
background: none
}
.bjYourInvestment ul li .desc.disable input[type="text"],.bjStartInvestment ul li .desc.disable input[type="text"]
{
border: none
}
.bjYourInvestment ul li .desc.disable select,.bjYourInvestment ul li .desc.disable select[disabled],.bjStartInvestment ul li .desc.disable select,.bjStartInvestment ul li .desc.disable select[disabled]
{
/* margin-left: -14px; */
border: none;
color: #05396e;
font-family: "Lato", sans-serif;
font-size:14px;
opacity: 1;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.bjYourInvestment ul li .desc.disable select,.bjYourInvestment ul li .desc.disable select[disabled],.bjStartInvestment ul li .desc.disable select,.bjStartInvestment ul li .desc.disable select[disabled]
{
margin-left: 0;
padding-right: 0px;
zero: 0px;
padding-right: 0px;
padding-left: 0px;
zero: 0px;
padding-left: 0px;
margin-left: -4px;
zero: -4px;
margin-left: -4px;
text-transform: none
}
.formPanelWrap{width:100% !important;margin:0 !important;}
.formPanel .formPanelWrap .combo-list{width:100% !important;}
.formPanel .formPanelWrap li{width:100% !important;}
.formPanel li.liStateClr .cityAuto ul li{width:auto !important;}
}
.bjYourInvestment ul li .desc.disable select[disabled='disabled']::-ms-value,.bjStartInvestment ul li .desc.disable select[disabled='disabled']::-ms-value
{
color: #05396e
}
.bjYourInvestment .yourInvestmentContent,.bjStartInvestment .yourInvestmentContent
{
clear: both;
padding: 10px 0 0 0;
zero: 10px;
zero: 0;
zero: 0;
zero: 0;
padding: 10px 0 0 0
}
.yourRiskTolerance {
background-color: #ebf8fd;
width: 100%
}
.yourRiskTolerance .contentWrap,
.homeStartInvestment .contentWrap {
text-align: center;
padding: 10px 0;
zero: 40px;
zero: 0;
width: 100%
}
.yourRiskTolerance ul li.eqHeight .formButtons, .homeStartInvestment ul li.eqHeight .formButtons{text-align: center;}
.homeStartInvestment .contentWrap {padding: 10px 0}
@media screen and (min-width: 320px) and (max-width: 767px) {
.yourRiskTolerance .contentWrap {
padding: 40px 2%;
zero: 40px;
zero: 2%;
padding: 40px 2%;
width: 100%
}
}
.yourRiskTolerance .contentWrap .formBack {
margin-top: 10px;
zero: 10px;
margin-top: 10px;
width: 324px
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.yourRiskTolerance .contentWrap .formBack {
width: 280px
}
}
.yourRiskTolerance ul,
.updateinvestRiskTolerance ul,
.updatemarketRiskTolerance ul {
margin: 0;
padding: 0
}
.yourRiskTolerance ul li h2,
.homeStartInvestment .contentWrap h2 {
display: inline-block;
font-size: 20.3px;
zero: 20.3px;
font-size: 20.3px;
padding: 0 30px 15px 0;
zero: 0;
zero: 30px;
zero: 15px;
zero: 0;
padding: 0 30px 15px 0;
margin-bottom: 0;
color: #05396e;
font-weight: 700;
text-transform: uppercase;
position: relative;
white-space: nowrap
}
.yourRiskTolerance ul li h2 .icnTool,
.updateinvestRiskTolerance h4 .icnTool,
.updatemarketRiskTolerance h4 .icnTool {
background: transparent url("../images/icon_info.png") no-repeat top
right;
position: absolute;
right: 0;
top: 3.5px;
display: inline-block;
height: 21px;
width: 21px;
cursor: pointer
}
.yourRiskTolerance ul li h2 .icnTool:before,.yourRiskTolerance ul li h2 .icnTool:after,
.updateinvestRiskTolerance h4 .icnTool:before, .updateinvestRiskTolerance h4 .icnTool:after,
.updatemarketRiskTolerance h4 .icnTool:before, .updatemarketRiskTolerance h4 .icnTool:after
{
content: "";
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-color: transparent;
border-top: 0;
z-index: 2;
display: none
}
.yourRiskTolerance ul li h2 .icnTool:before,
.updateinvestRiskTolerance h4 .icnTool:before,
.updatemarketRiskTolerance h4 .icnTool:before {
border-width: 8px;
left: 50%;
margin-left: -8px;
zero: -8px;
margin-left: -8px;
bottom: -8px;
border-bottom-color: #ddd
}
.yourRiskTolerance ul li h2 .icnTool:after,
.updateinvestRiskTolerance h4 .icnTool:after,
.updatemarketRiskTolerance h4 .icnTool:after {
bottom: -9px;
left: 50%;
margin-left: -8px;
zero: -8px;
margin-left: -8px;
border-bottom-color: #FFF;
border-width: 8px
}
.yourRiskTolerance ul li h2 .icnTool.active:after,.yourRiskTolerance ul li h2 .icnTool.active:before,.yourRiskTolerance ul li h2 .icnTool.active>.dvTool,
.updateinvestRiskTolerance h4 .icnTool.active:after,.updateinvestRiskTolerance h4 .icnTool.active:before,.updateinvestRiskTolerance h4 .icnTool.active>.dvTool,
.updatemarketRiskTolerance h4 .icnTool.active:after,.updatemarketRiskTolerance h4 .icnTool.active:before,.updatemarketRiskTolerance h4 .icnTool.active>.dvTool {
display: inline-block
}
.yourRiskTolerance ul li h2 .dvTool,
.updateinvestRiskTolerance h4 .dvTool,
.updatemarketRiskTolerance h4 .dvTool {
background: #FFF;
padding: 9px 25px;
zero: 9px;
zero: 25px;
padding: 9px 25px;
font-size: 15px;
zero: 15px;
font-size: 15px;
color: #333;
font-style: italic;
position: absolute;
right: -160px;
width: 340px;
border-color: #ddd;
border-width: 1px 1px 2px 1px;
border-style: solid;
font-weight: 300;
text-transform: none;
margin-top: 29px;
box-shadow: 2px 2px 5px 0px #cacaca;
display: none;
white-space: normal
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.yourRiskTolerance ul li h2 .dvTool,
.updateinvestRiskTolerance h4 .dvTool,
.updatemarketRiskTolerance h4 .dvTool {
right: -16px;
width: 287px;
padding: 9px 5px;
zero: 9px;
zero: 5px;
padding: 9px 5px
}
}
.yourRiskTolerance ul li h3,
.homeStartInvestment .contentWrap h3 {
font-size: 19px;
zero: 19px;
font-size: 19px;
padding: 0 0 20px 0;
zero: 0;
zero: 0;
zero: 20px;
zero: 0;
padding: 0 0 20px 0;
color: #05396e
}
.yourRiskTolerance ul .rdDetailForm .tltInvest h2 {
padding-right: 0;
display: block
}
.yourRiskTolerance .col-3,
.updateinvestRiskTolerance .col-3 {
margin: 0 auto;
margin-bottom: 40px;
zero: 40px;
margin-bottom: 40px;
width: 80%
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.yourRiskTolerance .col-3,
.updateinvestRiskTolerance .col-3 {
width: 100%
}
}
.yourRiskTolerance .col-3 li,
.updateinvestRiskTolerance .col-3 li {
padding-top: 135px;
zero: 135px;
padding-top: 135px;
vertical-align: top;
width: 33%
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.yourRiskTolerance .col-3 li,
.updateinvestRiskTolerance .col-3 li {
padding-top: 94px;
zero: 94px;
padding-top: 94px;
width: 32%
}
}
.yourRiskTolerance .col-3 li label,
.updateinvestRiskTolerance .col-3 li label{
color: #05396e;
font-size: 16px;
zero: 16px;
font-size: 16px;
line-height: 16px;
cursor: pointer
}
.yourRiskTolerance .col-4,
.updatemarketRiskTolerance .col-4 {
margin: 0 auto;
margin-bottom: 40px;
zero: 40px;
margin-bottom: 40px;
width: 90%
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.yourRiskTolerance .col-4,
.updatemarketRiskTolerance .col-4 {
width: 98%
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.yourRiskTolerance .col-4,
.updatemarketRiskTolerance .col-4 {
width: 100%
}
}
.yourRiskTolerance .col-4 li,
.updatemarketRiskTolerance .col-4 li {
padding-top: 135px;
zero: 135px;
padding-top: 135px;
vertical-align: top;
width: 24.5%
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.yourRiskTolerance .col-4 li,
.updatemarketRiskTolerance .col-4 li {
margin-bottom: 15px;
zero: 15px;
margin-bottom: 15px;
padding-top: 94px;
zero: 94px;
padding-top: 94px;
width: 48%
}
}
.yourRiskTolerance .col-4 li label,
.updatemarketRiskTolerance .col-4 li label {
color: #05396e;
font-size: 16px;
zero: 16px;
font-size: 16px;
line-height: 16px
}
.yourRiskTolerance .selectOpt li,
.updatemarketRiskTolerance .selectOpt li,
.updateinvestRiskTolerance .selectOpt li {
display: inline-block;
text-align: center
}
.yourRiskTolerance>ul>li,
.updatemarketRiskTolerance>ul>li,
.updateinvestRiskTolerance>ul>li {
width: 100%
}
.yourRiskTolerance .customRadioBtn,
.updatemarketRiskTolerance .customRadioBtn,
.updateinvestRiskTolerance .customRadioBtn {
position: relative;
z-index: 1
}
.yourRiskTolerance .customRadioBtn input[type="radio"],
.updatemarketRiskTolerance .customRadioBtn input[type="radio"],
.updateinvestRiskTolerance .customRadioBtn input[type="radio"] {
cursor: pointer;
left: -999em;
position: absolute
}
.yourRiskTolerance .customRadioBtn input[type="radio"]+label::before {
background: url("../images/invest_option_01.png") no-repeat scroll
center center;
content: "";
cursor: pointer;
height: 123px;
left: 50%;
margin-left: -61px;
position: absolute;
top: 0;
width: 123px;
transition: top 0.5s ease 0s
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.yourRiskTolerance .customRadioBtn input[type="radio"]+label::before {
background: url("../images/mob_invest_option_01.png") no-repeat scroll
center center;
height: 82px;
margin-left: -41px;
width: 82px
}
}
.yourRiskTolerance .customRadioBtn input#option2+label:before {
background: url("../images/invest_option_02.png") no-repeat scroll
center center
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.yourRiskTolerance .customRadioBtn input#option2+label:before {
background: url("../images/mob_invest_option_02.png") no-repeat scroll
center center
}
}
.yourRiskTolerance .customRadioBtn input#option3+label:before {
background: url("../images/invest_option_03.png") no-repeat scroll
center center
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.yourRiskTolerance .customRadioBtn input#option3+label:before {
background: url("../images/mob_invest_option_03.png") no-repeat scroll
center center
}
}
.yourRiskTolerance .customRadioBtn input#option4+label:before {
background: url("../images/invest_option_04.png") no-repeat scroll
center center
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.yourRiskTolerance .customRadioBtn input#option4+label:before {
background: url("../images/mob_invest_option_04.png") no-repeat scroll
center center
}
}
.yourRiskTolerance .customRadioBtn input#option5+label:before {
background: url("../images/invest_option_05.png") no-repeat scroll
center center
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.yourRiskTolerance .customRadioBtn input#option5+label:before {
background: url("../images/mob_invest_option_05.png") no-repeat scroll
center center
}
}
.yourRiskTolerance .customRadioBtn input#option6+label:before {
background: url("../images/invest_option_06.png") no-repeat scroll
center center
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.yourRiskTolerance .customRadioBtn input#option6+label:before {
background: url("../images/mob_invest_option_06.png") no-repeat scroll
center center
}
}
.yourRiskTolerance .customRadioBtn input#option7+label:before {
background: url("../images/invest_option_07.png") no-repeat scroll
center center
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.yourRiskTolerance .customRadioBtn input#option7+label:before {
background: url("../images/mob_invest_option_07.png") no-repeat scroll
center center
}
}
.yourRiskTolerance .customRadioBtn.active input#option1+label::before {
background: url("../images/invest_active_01.png") no-repeat scroll
center center
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.yourRiskTolerance .customRadioBtn.active input#option1+label::before {
background: url("../images/mob_invest_active_01.png") no-repeat scroll
center center
}
}
.yourRiskTolerance .customRadioBtn.active input#option2+label::before {
background: url("../images/invest_active_02.png") no-repeat scroll
center center
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.yourRiskTolerance .customRadioBtn.active input#option2+label::before {
background: url("../images/mob_invest_active_02.png") no-repeat scroll
center center
}
}
.yourRiskTolerance .customRadioBtn.active input#option3+label::before {
background: url("../images/invest_active_03.png") no-repeat scroll
center center
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.yourRiskTolerance .customRadioBtn.active input#option3+label::before {
background: url("../images/mob_invest_active_03.png") no-repeat scroll
center center
}
}
.yourRiskTolerance .customRadioBtn.active input#option4+label::before {
background: url("../images/invest_active_04.png") no-repeat scroll
center center
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.yourRiskTolerance .customRadioBtn.active input#option4+label::before {
background: url("../images/mob_invest_active_04.png") no-repeat scroll
center center
}
}
.yourRiskTolerance .customRadioBtn.active input#option5+label::before {
background: url("../images/invest_active_05.png") no-repeat scroll
center center
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.yourRiskTolerance .customRadioBtn.active input#option5+label::before {
background: url("../images/mob_invest_active_05.png") no-repeat scroll
center center
}
}
.yourRiskTolerance .customRadioBtn.active input#option6+label::before {
background: url("../images/invest_active_06.png") no-repeat scroll
center center
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.yourRiskTolerance .customRadioBtn.active input#option6+label::before {
background: url("../images/mob_invest_active_06.png") no-repeat scroll
center center
}
}
.yourRiskTolerance .customRadioBtn.active input#option7+label::before {
background: url("../images/invest_active_07.png") no-repeat scroll
center center
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.yourRiskTolerance .customRadioBtn.active input#option7+label::before {
background: url("../images/mob_invest_active_07.png") no-repeat scroll
center center
}
}
.yourRiskTolerance .startInvestment .persDetailForm {
padding-top: 0px
}
.defaultBtn {
border: 1px solid #c5c5c5;
color: #d51d24;
display: inline-block;
text-transform: uppercase;
font-size: 14px;
padding: 13px 15px;
width: 153px;
transition: all 0.5s ease 0s;
cursor: pointer;
/* vertical-align: top; */
}
.defaultBtn.saveData {
background: #fff
}
.defaultBtn:hover {
background: #d51d24;
color: #fff;
border-color: #b11f24
}
.bjWrapper {
visibility: hidden
}
.bjWrapper .formPanel {
margin: 0 auto;
width: 65%
}
.bjWrapper .formPanel_prop {
margin: 0 auto;
width: 75%
}
@media only screen and (min-width: 61.3125em) and (max-width: 64.375em)
{
.bjWrapper .formPanel {
width: 80%
}
.bjWrapper .formPanel_prop {
width: 80%
}
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.bjWrapper .formPanel {
width: 80%
}
.bjWrapper .formPanel_prop {
width: 80%
}
}
@media only screen and (max-width: 30em) {
.bjWrapper .cntBtn {
position: relative
}
.bjWrapper .cntBtn .back {
bottom: -10px;
position: absolute
}
}
.formPanel {
margin: 0 auto;
width: 65%
}
.formPanel_prop {
margin: 0 auto;
width: 65%
}
.formPanel ul {
float: left;
width: 100%
}
.formPanel_prop ul {
float: left;
width: 100%
}
.formPanel li,
.homeStartInvestment .formPanel li,.homeStartInvestment .formPanel_prop li {
float: left;
margin-bottom: 10px;
zero: 10px;
margin-bottom: 10px;
margin-right: 15px;
zero: 15px;
margin-right: 15px;
width: 30%
}
.formPanel_prop li {
float: left;
margin-bottom: 10px;
zero: 10px;
margin-bottom: 10px;
margin-right: 15px;
zero: 15px;
margin-right: 15px;
width: 30%
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.formPanel li {
margin: 0 0 20px;
width: 100%
}
.formPanel_prop li {
margin: 0 0 20px;
width: 100% !important;
}
.contentWrap.ProposerDet .formPanel_prop ul{
width: 100% !important;
}
}
.formPanel li.liStateClr,
.modifyContent li.modState {
clear: both
}
.formPanel_prop li.liStateClr,
.modproposerDetailsDiv li.modpropState {
clear: both
}
.formPanel li.liStateClr .error span,
.modifyContent li.modState .error span {
background: none;
padding: 0;
zero: 0;
padding: 0
}
.formPanel_prop li.liStateClr .error span,
.modproposerDetailsDiv li.modpropState .error span {
background: none;
padding: 0;
zero: 0;
padding: 0
}
.formPanel li.liStateClr .error input[type="text"],
.modifyContent li.modState .error input[type="text"] {
background: #fff url("../images/iconError.png") no-repeat scroll right
center;
border: 1px solid #ff0000;
padding-right: 22px
}
.home .contentWrap.ProposerDet .formPanel_prop ul{width:100%}
.formPanel_prop li.liStateClr .error input[type="text"],
.modproposerDetailsDiv li.modpropState .error input[type="text"] {
background: #fff url("../images/iconError.png") no-repeat scroll right
center;
border: 1px solid #ff0000;
padding-right: 22px
}
.formPanel li.liStateClr .custom-combobox .ui-button,
.modifyContent li.modState .custom-combobox .ui-button {
display: none
}
.formPanel_prop li.liStateClr .custom-combobox .ui-button,
.modproposerDetailsDiv li.modpropState .custom-combobox .ui-button {
display: none
}
.formPanel li.liStateClr .cityAuto,
.modifyContent li.modState .cityAuto {
text-align: left;
font-size: 13px;
zero: 13px;
font-size: 13px;
color: #333333
}
.formPanel_prop li.liStateClr .cityAuto,
.modproposerDetailsDiv li.modpropState .cityAuto {
text-align: left;
font-size: 13px;
zero: 13px;
font-size: 13px;
color: #333333
}
.formPanel li.liStateClr .cityAuto ul,
.modifyContent li.modState .cityAuto ul {
display: inline;
float: none
}
.formPanel_prop li.liStateClr .cityAuto ul,
.modproposerDetailsDiv li.modpropState .cityAuto ul {
display: inline;
float: none
}
.formPanel li.liStateClr .cityAuto ul li,
.modifyContent li.modState .cityAuto ul li {
display: inline;
margin: 0;
zero: 0;
margin: 0;
float: none;
font-size: 13px;
zero: 13px;
font-size: 13px
}
.formPanel_prop li.liStateClr .cityAuto ul li,
.modproposerDetailsDiv li.modpropState .cityAuto ul li {
display: inline;
margin: 0;
zero: 0;
margin: 0;
float: none;
font-size: 13px;
zero: 13px;
font-size: 13px
}
.formPanel li.liStateClr .cityAuto ul li a,
.modifyContent li.modState .cityAuto ul li a {
color: #0067ac
}
.formPanel_prop li.liStateClr .cityAuto ul li a,
.modproposerDetailsDiv li.modpropState .cityAuto ul li a {
color: #0067ac
}
.formPanel li.liStateClr .ui-autocomplete,
.modifyContent li.modState .ui-autocomplete{
max-height: 200px;
overflow-y: auto
}
.formPanel_prop li.liStateClr .ui-autocomplete,
.modproposerDetailsDiv li.modpropState .ui-autocomplete {
max-height: 200px;
overflow-y: auto
}
.formPanel li.liStateClr .ui-autocomplete li.ui-menu-divider,
.modifyContent li.modState .ui-autocomplete li.ui-menu-divider {
display: none
}
.formPanel_prop li.liStateClr .ui-autocomplete li.ui-menu-divider,
.modproposerDetailsDiv li.modpropState .ui-autocomplete li.ui-menu-divider {
display: none
}
.formPanel li.liStateClr .ui-autocomplete li,
.modifyContent li.modState .ui-autocomplete li {
width: 100%;
zero: 100%;
width: 100%;
text-align: left
}
.formPanel_prop li.liStateClr .ui-autocomplete li,
.modproposerDetailsDiv li.modpropState .ui-autocomplete li {
width: 100%;
zero: 100%;
width: 100%;
text-align: left
}
.formPanel .customInput {
position: relative
}
.formPanel_prop .customInput {
position: relative
}
.formPanel .customInput input[type="text"],.formPanel .customInput input[type="tel"],.formPanel .customInput input[type="password"],.formPanel .customInput select
{
border: 1px solid #94a1a9;
border-radius: 7px;
color: #666;
font-size: 15px;
zero: 15px;
font-size: 15px;
font-style: italic;
font-weight: 400;
height: 38px;
line-height: 18px;
margin-bottom: 5px;
zero: 5px;
margin-bottom: 5px;
padding: 0 10px;
zero: 0;
zero: 10px;
padding: 0 10px;
width: 100%
}
.formPanel_prop .customInput input[type="text"],.formPanel_prop .customInput input[type="tel"],.formPanel_prop .customInput input[type="password"],.formPanel_prop .customInput select
{
border: 1px solid #94a1a9;
border-radius: 7px;
color: #666;
font-size: 15px;
zero: 15px;
font-size: 15px;
font-style: italic;
font-weight: 400;
height: 38px;
line-height: 18px;
margin-bottom: 5px;
zero: 5px;
margin-bottom: 5px;
padding: 0 10px;
zero: 0;
zero: 10px;
padding: 0 10px;
width: 100%
}
.formPanel .customInput input[type="text"],.formPanel .customInput input[type="password"]
{
-webkit-appearance: none
}
.formPanel_prop .customInput input[type="text"],.formPanel_prop .customInput input[type="password"]
{
-webkit-appearance: none
}
.formPanel .customInput.error input[type="text"],.formPanel .customInput.error input[type="password"]
{
background: #FFF url("../images/iconError.png") no-repeat scroll right
center;
border: 1px solid #ff0000;
padding-right: 22px;
zero: 22px;
padding-right: 22px
}
.formPanel_prop .customInput.error input[type="text"],.formPanel_prop .customInput.error input[type="password"]
{
background: #FFF url("../images/iconError.png") no-repeat scroll right
center;
border: 1px solid #ff0000;
padding-right: 22px;
zero: 22px;
padding-right: 22px
}
.formPanel .customInput.error select {
border: 1px solid #ff0000
}
.formPanel_prop .customInput.error select {
border: 1px solid #ff0000
}
.formPanel .calender input.datePick {
background: url(../images/calendarIcon.png) no-repeat scroll 96% center;
background-color: #fff;
cursor: pointer;
line-height: 18px
}
.formPanel_prop .calender input.datePick {
background: url(../images/calendarIcon.png) no-repeat scroll 96% center;
background-color: #fff;
cursor: pointer;
line-height: 18px
}
.formPanel .errorMsg {
color: #ff0000;
text-align: left;
background: #fff;
border: 1px solid #ff0000;
border-radius: 7px;
color: #d51d24;
display: none;
font-size: 13px;
font-style: italic;
line-height: 16px;
padding: 7px 10px;
position: absolute;
top: 36px;
left: 0;
width: 100%;
z-index: 5
}
.formPanel_prop .errorMsg {
color: #ff0000;
text-align: left;
background: #fff;
border: 1px solid #ff0000;
border-radius: 7px;
color: #d51d24;
display: none;
font-size: 13px;
font-style: italic;
line-height: 16px;
padding: 7px 10px;
position: absolute;
top: 36px;
left: 0;
width: 100%;
z-index: 5
}
.formPanel .disclaimer, .yourRiskTolerance ul li.eqHeight .disclaimer, .homeStartInvestment ul li.eqHeight .disclaimer {
float: left;
margin: 10px 0 20px 0;
zero: 10px;
zero: 0;
zero: 20px;
zero: 0;
margin: 10px 0 20px 0;
padding-top: 0;
text-align: center;
width: 100%
}
/* Redmine 16319 start */
.whatsapp-checkbox{margin-top: -10px;margin-left: 14px; text-align: left;}
.ndfc-checkbox{margin-left: 8px; text-align: left;}
/* Redmine 16319 end */
.formPanel_prop .disclaimer {
float: left;
margin: 10px 0 20px 0;
/*zero: 10px;
zero: 0;
zero: 20px;
zero: 0;*/
padding-top: 0;
text-align: left;
width: 100%
}
.customCheckbox {
position: relative
}
.customCheckbox input[type="checkbox"] {
cursor: pointer;
left: -999em;
position: absolute;
}
.customCheckbox input[type="checkbox"]+label::before {
background: url("../images/checkImgC2I.png") no-repeat scroll left top;
content: "";
display: inline-block;
height: 16px;
left: 0;
line-height: 17px;
position: relative; /* absolute */
/*top: 5px;*/
vertical-align: middle;
width: 22px
}
.customCheckbox input[type="checkbox"]:checked+label::before {
background-position: 0 -27px
}
.customCheckbox.error input[type="checkbox"]+label::before {
background-position: 0 -55px
}
.formPanel .customCheckbox label, .yourRiskTolerance ul li.eqHeight .customCheckbox label, .homeStartInvestment ul li.eqHeight .customCheckbox label {
color: #999;
font-size: 15px;
zero: 15px;
font-size: 15px;
/* cursor: pointer; */
padding-left: 25px;
zero: 25px;
padding-left: 25px
}
.formPanel_prop .customCheckbox label {
color: #999;
font-size: 15px;
zero: 15px;
font-size: 15px;
cursor: pointer;
padding-left: 25px;
zero: 25px;
padding-left: 25px
}
.customSelect select {
border: 1px solid #94a1a9;
border-radius: 6px;
font-size: 15px;
zero: 15px;
font-size: 15px;
height: 40px;
line-height: 17px;
padding-left: 10px;
zero: 10px;
padding-left: 10px
}
.yourRiskTolerance .btnBrownA,
.homeStartInvestment .btnBrownA {
background-color: #e81b23;
border: medium none;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 15px;
zero: 15px;
font-size: 15px;
line-height: 47px;
min-width: 200px;
padding: 0 20px;
zero: 0;
zero: 20px;
padding: 0 18px;
text-align: center;
text-transform: uppercase;
width: 324px
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.yourRiskTolerance .btnBrownA {
width: 280px;
font-size: 14px;
zero: 14px;
font-size: 14px;
padding: 0 5px;
zero: 0;
zero: 5px;
padding: 0 5px
}
}
.yourRiskTolerance .btnBrownA span,
.homeStartInvestment .btnBrownA span {
display: inline-block;
padding: 0 35px 0 0;
position: relative;
transition: all 0.4s ease-in-out 0s
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.yourRiskTolerance .btnBrownA span {
padding: 0 15px 0 0;
width: 100%
}
}
.yourRiskTolerance .btnBrownA span::after,
.homeStartInvestment .btnBrownA span::after {
background: url(../images/arrow_animate.png) no-repeat scroll 0 center;
border: 1px solid #fff;
border-radius: 14px;
content: "";
display: inline-block;
height: 22px;
margin-top: -11px;
padding: 0;
position: absolute;
right: 0;
top: 50%;
width: 22px
}
.yourRiskTolerance .btnBrownA:hover span::after {
animation: 0.4s ease-in-out 0s normal none 1 running arrowSlideBorder
}
.yourRiskTolerance li .contentWrap,.yourRiskTolerance li.startInvestment
{
display: none
}
.startInvestment li .contentWrap,.startInvestment li.startInvestment {
display: none
}
.no-touch .yourRiskTolerance ul li h2 .icnTool:hover:before,.no-touch .yourRiskTolerance ul li h2 .icnTool:hover:after,.no-touch .yourRiskTolerance ul li h2 .icnTool:hover>div,
.no-touch .updateinvestRiskTolerance h4 .icnTool:hover:before,.no-touch .updateinvestRiskTolerance h4 .icnTool:hover:after,.no-touch .updateinvestRiskTolerance h4 .icnTool:hover>div,
.no-touch .updatemarketRiskTolerance h4 .icnTool:hover:before,.no-touch .updatemarketRiskTolerance h4 .icnTool:hover:after,.no-touch .updatemarketRiskTolerance h4 .icnTool:hover>div
{
display: inline-block
}
.no-touch .customRadioBtn:hover input[type="radio"]+label::before {
top: -15px;
border: 4px solid #06386d;
border-radius: 50%
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.no-touch .customRadioBtn:hover input[type="radio"]+label::before {
border: 2px solid #06386d
}
}
.no-touch .customRadioBtn:hover label::after {
background: url("../images/bg_shadow.png") no-repeat scroll center
bottom;
top: 115px;
content: "";
height: 18px;
left: 50%;
margin-left: -61px;
position: absolute;
width: 123px
}
.ie9 .bjYourInvestment ul li .desc.disable select,.ie9 .bjYourInvestment ul li .desc.disable,.ie9 .bjYourInvestment ul li .desc.disable input[type="text"]
{
color: #808080
}
.bjYourInvestment {
display: none
}
.dvFaq {
border: 1px solid #eaeaea;
background: #fff
}
.dvFaq .dvFaqInnerCont {
padding: 0 20px 20px;
zero: 0;
zero: 20px;
zero: 20px;
padding: 0 20px 20px
}
.dvFaq .title {
text-align: center;
border-bottom: 1px solid #eaeaea;
font-size: 17px;
zero: 17px;
font-size: 17px;
padding: 20px 0px 15px;
zero: 20px;
zero: 0px;
zero: 15px;
padding: 20px 0px 15px
}
.dvFaq li {
padding-top: 20px;
zero: 20px;
padding-top: 20px
}
.dvFaq .accTitle {
display: block;
border-bottom: 1px solid #fff;
color: #04396d;
cursor: pointer;
font-size: 14px;
zero: 14px;
font-size: 14px;
line-height: 18px;
zero: 18px;
line-height: 18px;
padding: 0 25px 5px 0;
zero: 0;
zero: 25px;
zero: 5px;
zero: 0;
padding: 0 25px 5px 0;
line-height: 20px;
position: relative
}
@media only screen and (max-width: 48em) {
.dvFaq .accTitle {
font-size: 14px;
zero: 14px;
font-size: 14px;
padding: 0 60px 10px 0px;
zero: 0;
zero: 60px;
zero: 10px;
zero: 0px;
padding: 0 60px 10px 0px
}
}
.dvFaq .accTitle:before {
content: "";
background: #e1eaf3;
width: 19px;
height: 19px;
position: absolute;
right: 0px;
top: 5px
}
.dvFaq .accTitle:after {
content: "";
background: url("../images/plus.svg") no-repeat center;
width: 10px;
height: 10px;
position: absolute;
right: 4.5px;
top: 5px;
margin: 4px 0px 0px 0px;
zero: 4px;
zero: 0px;
zero: 0px;
zero: 0px;
margin: 4px 0px 0px 0px
}
.dvFaq .accTitle.slideDown:after {
background-image: url("../images/minus.svg")
}
.dvFaq .accContent {
color: #666;
font-size: 14px;
zero: 14px;
font-size: 14px;
padding: 12px 20px 0px 0px;
zero: 12px;
zero: 20px;
zero: 0px;
zero: 0px;
padding: 12px 20px 0px 0px;
border-bottom: 2px solid #8ddeff;
display: none
}
.dvFaq .accContent p {
font-size: 14px;
zero: 14px;
font-size: 14px
}
.dvFaq .accContent p a {
color: red
}
.dvFaq .faqLoadMore {
border-color: #cccccc;
color: #d4161d;
margin-top: 20px;
zero: 20px;
margin-top: 20px
}
.dvFaq .faqLoadMore span:after {
background-image: url("../images/icon_viewAll.png")
}
.dvFaq .faqLoadMore:hover {
color: #d4161d
}
.faqDetails .dvFaq {
border: none;
background: #fff;
margin-right: 17px;
zero: 17px;
margin-right: 17px
}
@media only screen and (max-width: 48em) {
.faqDetails .dvFaq {
margin-right: 0px
}
}
.faqDetails .dvFaq .dvFaqInnerCont {
padding: 0 20px 20px;
zero: 0;
zero: 20px;
zero: 20px;
padding: 0 20px 20px
}
.faqDetails .dvFaq li {
background: #f5fcfe url("../images/bgFaq.gif") repeat-x 0 0;
border-bottom: 3px solid #8ddeff;
margin-bottom: 6px;
zero: 6px;
margin-bottom: 6px;
padding: 0
}
.faqDetails .dvFaq .accTitle {
display: block;
background: none;
border-bottom: none;
color: #0a3f73;
cursor: pointer;
font-size: 17px;
zero: 17px;
font-size: 17px;
line-height: 20px;
zero: 20px;
line-height: 20px;
padding: 27px 18px 23px 60px;
zero: 27px;
zero: 18px;
zero: 23px;
zero: 60px;
padding: 27px 18px 23px 60px;
font-weight: bold;
position: relative
}
@media only screen and (max-width: 48em) {
.faqDetails .dvFaq .accTitle {
font-size: 15px;
zero: 15px;
font-size: 15px;
padding: 18px 18px 22px 45px;
zero: 18px;
zero: 18px;
zero: 22px;
zero: 45px;
padding: 18px 18px 22px 45px
}
}
.faqDetails .dvFaq .accTitle:before {
content: "";
background: #d51d24;
width: 22px;
height: 22px;
position: absolute;
left: 18px;
top: 26px
}
@media only screen and (max-width: 48em) {
.faqDetails .dvFaq .accTitle:before {
left: 13px;
top: 17px
}
}
.faqDetails .dvFaq .accTitle:after {
content: "";
background: url("../images/icnPlus.png") no-repeat center;
width: 10px;
height: 10px;
position: absolute;
left: 18px;
top: 26px;
margin: 6px 0 0 6px;
zero: 6px;
zero: 0;
zero: 0;
zero: 6px;
margin: 6px 0 0 6px
}
@media only screen and (max-width: 48em) {
.faqDetails .dvFaq .accTitle:after {
left: 13px;
top: 17px
}
}
.faqDetails .dvFaq .accTitle.slideDown:after {
height: 2px;
margin: 10px 0 0 6px;
zero: 10px;
zero: 0;
zero: 0;
zero: 6px;
margin: 10px 0 0 6px
}
.faqDetails .dvFaq .accContent {
color: #666;
font-size: 14px;
zero: 14px;
font-size: 14px;
padding: 0px 18px 0px 60px;
zero: 0px;
zero: 18px;
zero: 0px;
zero: 60px;
padding: 0px 18px 0px 60px;
border-bottom: none
}
@media only screen and (max-width: 48em) {
.faqDetails .dvFaq .accContent {
padding-left: 45px;
zero: 45px;
padding-left: 45px
}
}
.faqDetails .dvFaq .accContent p {
font-size: 14px;
zero: 14px;
font-size: 14px
}
.faqDetails .dvFaq .accContent p a {
color: red
}
.faqDetails .dvFaq .faqLoadMore {
border-color: #cccccc;
color: #d4161d;
margin-top: 20px;
zero: 20px;
margin-top: 20px
}
.faqDetails .dvFaq .faqLoadMore:hover {
color: #d4161d
}
.select-style {
padding: 0;
margin: 0;
border: 1px solid #94a1a9;
width: 100%;
border-radius: 8px;
overflow: hidden;
background-color: #fff;
background: #fff url("../images/arrowSelectBox.png") no-repeat 94% 50%
}
.select-style select {
padding: 11px 14px;
zero: 11px;
zero: 14px;
padding: 11px 14px;
width: 100%;
border: none;
box-shadow: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: #000;
font-size: 14px;
zero: 14px;
font-size: 14px
}
.select-style select:focus {
outline: none
}
.dvOptionBox {
background: #005e9e;
padding: 20px 22px;
zero: 20px;
zero: 22px;
padding: 20px 22px;
margin-bottom: 30px;
zero: 30px;
margin-bottom: 30px;
display: inline-block;
width: 100%;
max-width: 329px
}
@media only screen and (max-width: 48em) {
.dvOptionBox {
max-width: none;
margin-bottom: 11px;
zero: 11px;
margin-bottom: 11px
}
}
.dvOptionBox label {
padding-bottom: 10px;
display: inline-block;
font-size: 16px;
zero: 16px;
font-size: 16px;
color: #fff
}
.dvPagination {
text-align: center;
padding-top: 22px;
zero: 22px;
padding-top: 22px;
margin-right: 17px;
zero: 17px;
margin-right: 17px
}
.dvPagination ul {
display: inline-block;
white-space: nowrap
}
.dvPagination ul li {
float: left;
width: 39px;
height: 40px;
line-height: 40px;
zero: 40px;
line-height: 40px;
background: #8ddeff;
text-align: center
}
.dvPagination ul li a {
color: #0a3f73;
font-size: 16px;
zero: 16px;
font-size: 16px;
display: block;
width: 39px;
height: 40px
}
.dvPagination ul li.prev a,.dvPagination ul li.next a {
background: url("../images/icnPrevNext.png") no-repeat 0 0
}
.dvPagination ul li.prev {
margin-right: 1px;
zero: 1px;
margin-right: 1px
}
.dvPagination ul li.next {
margin-left: 1px;
zero: 1px;
margin-left: 1px
}
.dvPagination ul li.next a {
background-position: -39px 0
}
.dvPagination ul li.current {
background: #0a3f73
}
.dvPagination ul li.current a {
color: #fff
}
.bdrB {
border-bottom: 1px solid #d7e0e7
}
.rightSlider {
position: fixed;
z-index: 100
}
.rightSlider.active>div ul.slideIcons>li>a {
border-color: #000
}
@media only screen and (min-width: 768px) {
.rightSlider {
top: 200px;
right: 0px
}
}
@media screen and (max-width: 767px) {
.rightSlider {
position: absolute;
top: 52px;
width: 100%
}
}
@media screen and (max-width: 767px) {
.rightSlider ul.slideIcons {
margin: auto;
display: none
}
}
.rightSlider ul.slideIcons>li {
clear: both
}
@media screen and (max-width: 767px) {
.rightSlider ul.slideIcons>li {
clear: none;
float: left
}
}
.rightSlider ul.slideIcons>li>a {
display: inline-block;
clear: both;
background-color: #002e4c;
position: absolute;
right: 0;
min-width: 41px;
height: 44px;
display: inline-block;
z-index: 9999;
text-align: right;
transition: none
}
.rightSlider ul.slideIcons>li>a cite {
background: #002e4c url(../images/ico_rightNavigation.png) no-repeat 0 0;
width: 41px;
height: 44px;
display: inline-block;
vertical-align: middle;
position: relative;
z-index: 2
}
@media screen and (max-width: 767px) {
.rightSlider ul.slideIcons>li>a {
position: relative
}
}
@media screen and (max-width: 767px) {
.rightSlider ul.slideIcons>li>a {
clear: none
}
}
.rightSlider ul.slideIcons>li>a span {
display: none;
color: #fff;
line-height: 12px;
text-transform: uppercase;
vertical-align: middle;
text-align: left;
min-width: 99px;
position: absolute;
left: 10px;
top: 12px;
z-index: 1
}
.rightSlider ul.slideIcons>li a.icnResume {
top: 45px
}
.rightSlider ul.slideIcons>li a.icnResume cite {
background-position: 14px 12px
}
.rightSlider ul.slideIcons>li a.icnUpload {
top: 46px
}
.rightSlider ul.slideIcons>li a.icnDownload {
top:0;
}
.rightSlider ul.slideIcons>li a.icnDownload cite {
background-position: 14px -335px
}
.rightSlider ul.slideIcons>li a.icnUpload cite {
background-position: 12px -58px
}
@media screen and (max-width: 767px) {
.rightSlider ul.slideIcons>li a.icnUpload {
top: 0px
}
}
.rightSlider ul.slideIcons>li a.icncallBack {
top: 102px
}
.rightSlider ul.slideIcons>li a.icncallBack cite {
background-position: 12px -120px
}
@media screen and (max-width: 767px) {
.rightSlider ul.slideIcons>li a.icncallBack {
top: 0px
}
}
.rightSlider ul.slideIcons>li a.icnFeedback {
top: 153px
}
.rightSlider ul.slideIcons>li a.icnFeedback cite {
background-position: 16px -192px
}
.rightSlider ul.slideIcons>li a.icnFeedback span {
top: 18px
}
@media screen and (max-width: 767px) {
.rightSlider ul.slideIcons>li a.icnFeedback {
top: 0px
}
}
.rightSlider ul.slideIcons>li a.icnChat {
top: 45px
}
.rightSlider ul.slideIcons>li a.icnChat cite {
background-position: 12px 12px
}
@media screen and (max-width: 767px) {
.rightSlider ul.slideIcons>li a.icnChat {
top: 0px
}
}
.rightSlider ul.slideIcons>li a.icnChat span {
top: 12px
}
.rightSlider ul.slideIcons>li>div.callBack h2.topTitle {
position: relative;
padding-left: 34px;
margin-top: -28px
}
.rightSlider ul.slideIcons>li>div.callBack h2.topTitle:before {
background: url(../images/turnArrow.png) no-repeat center 0;
content: "";
height: 22px;
width: 34px;
left: 0px;
top: 0px;
position: absolute
}
@media screen and (max-width: 767px) {
.rightSlider .quickLinks {
text-align: center;
color: #fff;
display: none;
padding: 10px 0px;
zero: 10px;
zero: 0px;
padding: 10px 0px;
font-size: 14px;
zero: 14px;
font-size: 14px
}
.rightSlider .quickLinks:hover {
text-decoration: none
}
}
@media screen and (max-width: 767px) {
.rightSlider>div {
text-align: center
}
}
@media screen and (max-width: 767px) {
.rightSlider .slideIcons {
display: none !important
}
.rightSlider .slide {
opacity: 0;
top: -1000px
}
}
.formWrap {
position: fixed;
right: 0
}
.slide {
width: 451px;
position: absolute;
z-index: 9000
}
@media only screen and (min-width: 48.0625em) {
.slide {
right: -461px;
opacity: 0
}
}
@media screen and (max-width: 767px) {
.slide {
bottom: inherit;
right: 0;
width: 100%
}
}
.hideScreen {
position: fixed;
left: 0;
top: 0;
height: 100% !important;
background: rgba(0, 0, 0, 0.6);
z-index: 6
}
@media screen and (max-width: 767px) {
.hideScreen {
z-index: 7
}
}
@keyframes slideLeft {
from {right: -461px;
opacity: 0
}
to {
right: 41px;
opacity: 1
}
}
@-webkit-keyframes slideLeft {
from {right: -461px
}
to {
right: 41px
}
}
/* @-ms-keyframes slideLeft {
from {right: -461px
}
to {
right: 41px
}
} */
@keyframes slideUp {
from {top: -1000px
}
to {
top: 0
}
}
@-webkit-keyframes slideUp {
from {top: -1000px
}
to {
top: 0
}
}
/* @-ms-keyframes slideUp {
from {top: -1000px
}
to {
top: 0
}
} */
@keyframes slideReset {
from {right: 0px;
opacity: 1
}
to {
right: -461px;
opacity: 0
}
}
@-webkit-keyframes slideReset {
from {right: 0px
}
to {
right: -461px
}
}
/* @-ms-keyframes slideReset {
from {right: 0px
}
to {
right: -461px
}
} */
@keyframes slideResetUp {
from {top: 40px
}
to {
top: -1000px
}
}
@-webkit-keyframes slideResetUp {
from {top: 40px
}
to {
top: -1000px
}
}
/* @-ms-keyframes slideResetUp {
from {top: 40px
}
to {
top: -1000px
}
} */
.rightSlider .slide {
z-index: 9000
}
@media only screen and (min-width: 768px) {
.rightSlider .slide {
right: -461px;
opacity: 0
}
}
@media screen and (max-width: 767px) {
.rightSlider .slide {
top: -1000px;
right: 0;
width: 100%
}
}
.no-touch ul.slideIcons li a {
transition: all 0.5s ease 0s
}
.no-touch ul.slideIcons li a:hover {
min-width: 140px
}
.no-touch ul.slideIcons li a:hover span {
display: inline-block
}
.touch ul.slideIcons li a span {
display: none
}
.touch ul.slideIcons li a :hover {
min-width: 41px
}
.touch .rightSlider ul.slideIcons>li>a:hover {
min-width: 41px
}
.slide h2.topTitle {
color: #fff;
font-size: 18px;
zero: 18px;
font-size: 18px;
line-height: 18px;
font-weight: 700;
padding-bottom: 4px
}
@media screen and (max-width: 767px) {
.slide h2.topTitle {
font-size: 13px;
zero: 13px;
font-size: 13px;
text-align: left;
padding-left: 10px
}
}
.slide .dvFormContent {
background: #eef2f5
}
.slide .dvFormContent h6 {
color: #8e9092;
font-size: 13px;
zero: 13px;
font-size: 13px;
line-height: 16px;
font-weight: 600;
margin-bottom: 7px
}
@media screen and (max-width: 767px) {
.slide .dvFormContent {
margin: 0 auto;
position: relative;
width: 95%
}
}
@media all and (max-width: 970px) and (min-width: 950px) {
.rightSlider {
top: 100px
}
.dw-bubble-bottom {
margin-top: -125px !important
}
.dw-arr {
display: none !important
}
}
.rightSideBarInner {
padding: 0 10px 10px 10px;
zero: 0;
zero: 10px;
zero: 10px;
zero: 10px;
padding: 0 10px 10px 10px;
background: #f5f5f5
}
@media only screen and (max-width: 48em) {
.rightSideBarInner {
padding: 0;
zero: 0;
padding: 0;
border: 0;
background: #fff
}
}
.rightSideBarInner .block {
margin-top: 10px
}
.rightSideBarInner .dvFaq .title {
color: #333333;
font-weight: 700;
font-size: 13px;
zero: 13px;
font-size: 13px
}
.rightSideBarInner .sidebarSteps {
background: #0a3f73;
padding: 2px;
}
.rightSideBarInner .sidebarSteps .whtBgc {
background-color: #FFFFFF;
color: red;
width: 100%;
padding: 6px 4px;
}
.rightSideBarInner .sidebarSteps .whtBgc a{
background-color: #FFFFFF;
color: red;
width: 100%;
width: 60%;
border: 1px solid red;
margin: auto auto;
padding: 5px 0;
text-transform: initial;
}
.rightSideBarInner .sidebarSteps .sidebarStepsInner {
margin: 0 auto;
padding: 20px;
zero: 20px;
padding: 20px
}
.rightSideBarInner .sidebarSteps .sidebarStepsInner h4 {
color: #65b3ff;
font-weight: 900;
font-size: 22px;
zero: 22px;
font-size: 22px;
margin-bottom: 20px;
zero: 20px;
margin-bottom: 20px
}
.rightSideBarInner .sidebarSteps .sidebarStepsInner h4 span {
display: block;
font-weight: 400;
font-size: 18px;
zero: 18px;
font-size: 18px;
line-height: 21px;
zero: 21px;
line-height: 21px
}
.rightSideBarInner .sidebarSteps .sidebarStepsInner ul {
color: #c9e2fa;
font-size: 16px;
zero: 16px;
font-size: 16px;
/* margin-bottom: 30px; */
zero: 30px;
}
.rightSideBarInner .sidebarSteps .sidebarStepsInner ul li {
/* margin-bottom: 20px; */
zero: 20px;
margin-bottom: 10px;
display: block;
overflow: hidden
}
.rightSideBarInner .sidebarSteps .sidebarStepsInner ul li span.textSteps
{
display: table;
line-height: 19px;
zero: 19px;
line-height: 19px;
padding-top: 5px;
zero: 5px;
padding-top: 5px
}
.rightSideBarInner .sidebarSteps .sidebarStepsInner ul li span.numberSteps
{
background: #0c5399;
border-radius: 50%;
padding: 15px 10px;
zero: 15px;
zero: 10px;
padding: 15px 10px;
float: left;
margin-right: 10px;
zero: 10px;
margin-right: 10px;
line-height: 0;
zero: 0;
line-height: 0
}
.rightSideBarInner .tableBlock {
background: #8ddeff;
color: #05396e;
overflow: hidden;
padding-top: 0;
zero: 0;
padding-top: 0
}
.rightSideBarInner .tableBlock td,.rightSideBarInner .tableBlock .infoLine,.rightSideBarInner .tableBlock th
{
color: #05396e;
padding: 15px 20px;
zero: 15px;
zero: 20px;
padding: 15px 20px;
font-size: 13px;
zero: 13px;
font-size: 13px
}
.rightSideBarInner .tableBlock .infoLine {
padding: 0 20px 10px;
zero: 0;
zero: 20px;
zero: 10px;
padding: 0 20px 10px
}
.rightSideBarInner .tableBlock td {
border-color: #9ae2ff
}
.rightSideBarInner .tableBlock .title {
background: #69d3ff
}
.rightSideBarInner .topPerformingText {
font-size: 13px;
zero: 13px;
font-size: 13px;
font-weight: 700;
background: #fff;
color: #05396e;
text-transform: uppercase;
text-align: center;
padding: 15px 0;
zero: 15px;
zero: 0;
padding: 15px 0
}
@media only screen and (max-width: 48em) {
.rightSideBarInner .topPerformingText {
background: #8ddeff url("../images/ico_mob_per.png") no-repeat right
center !important;
cursor: pointer;
text-indent: 20px;
border-right: 20px solid #8ddeff
}
.rightSideBarInner .topPerformingText.slideDown {
background-image: url("../images/ico_mob_per_open.png") !important
}
.rightSideBarInner .topPerformingText img {
display: none
}
}
.rightSideBarInner .topPerformingText img {
vertical-align: top;
padding-top: 1px;
zero: 1px;
padding-top: 1px
}
.rightSideBarInner .sidebarDownloadBrochure {
border: 1px solid #eaeaea;
background-color: #fff;
font-size: 15px;
zero: 15px;
font-size: 15px
}
.rightSideBarInner .sidebarDownloadBrochure a {
display: table;
width: 100%
}
.rightSideBarInner .sidebarDownloadBrochure a>img {
display: table-cell
}
.rightSideBarInner .sidebarDownloadBrochure a span {
color: #03395f;
display: table-cell;
vertical-align: middle;
text-transform: uppercase;
line-height: 17px;
zero: 17px;
line-height: 17px;
min-width: 90%
}
.rightSideBarInner .sidebarDownloadBrochure a span img {
vertical-align: top;
padding-top: 2px;
zero: 2px;
padding-top: 2px
}
.rightSideBarInner .articlesListing {
background: #fff;
border: 1px solid #eaeaea
}
.rightSideBarInner .articlesListing h2 {
display: block;
text-align: center;
line-height: normal;
padding: 0px;
margin: 0px;
font-size: 13px;
zero: 13px;
font-size: 13px;
padding: 15px 0;
zero: 15px;
zero: 0;
padding: 15px 0;
border-bottom: 1px solid #dfdfdf;
text-transform: uppercase
}
.rightSideBarInner .articlesListing h2 span {
padding-left: 27px;
line-height: 20px;
zero: 20px;
line-height: 20px;
color: #333;
font-weight: 700;
font-size: 13px;
zero: 13px;
font-size: 13px;
background: url("../images/icnArticles.png") no-repeat 0 center;
display: inline-block
}
.rightSideBarInner .articlesListing ul {
padding: 20px 20px 10px 20px;
zero: 20px;
zero: 20px;
zero: 10px;
zero: 20px;
padding: 20px 20px 10px 20px
}
.rightSideBarInner .articlesListing ul li {
line-height: 16px;
zero: 16px;
line-height: 16px;
color: #04396d;
font-weight: 500;
font-size: 14px;
zero: 14px;
font-size: 14px;
padding: 0 25px 0 0;
zero: 0;
zero: 25px;
zero: 0;
zero: 0;
padding: 0 25px 0 0;
margin-bottom: 20px;
zero: 20px;
margin-bottom: 20px;
background: url("../images/arrRightBlue.png") no-repeat right center
}
.rightSideBarInner .articlesListing ul li a {
font-size: 14px;
zero: 14px;
font-size: 14px;
color: #04396d;
text-decoration: none
}
.rightSideBarInner .articlesListing ul li a:hover {
text-decoration: underline
}
.animateHover,
.animateHover-red {
color: #fff;
text-transform: uppercase;
text-align: center;
padding: 10px 0;
zero: 10px;
zero: 0;
padding: 10px 0;
border: 1px solid #fff;
display: block;
font-size: 13px;
zero: 13px;
font-size: 13px;
line-height: 15px;
zero: 15px;
line-height: 15px
}
.animateHover-red{background-color: #d51d24; border: none;}
.animateHover-red span {font-size: 15px;}
.subTabBlock li a span sup {font-size: 13px; line-height: normal;}
.animateHover span {
position: relative
}
.animateHover span::after {
background: url("../images/icon_animate_arrow.png") no-repeat center
center;
position: absolute;
content: "";
height: 11px;
position: absolute;
right: -20px;
top: 3px;
width: 7px;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in
}
.animateHover:hover {
color: #fff
}
.animateHover:hover span::after {
right: -30px
}
.fundsAllocationOverlay {
max-width: 525px;
background-color: #fff;
position: absolute;
left: 50%;
display: none;
z-index: 9999;
top: 0;
width: 100%;
transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0)
}
@media only screen and (max-width: 48em) {
.fundsAllocationOverlay {
position: absolute;
top: 1%;
transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%)
}
}
.fundsAllocationOverlay .closeOverlay,.fundsAllocationOverlay .fundsCloseExpand
{
float: right;
background: url("../images/ico_closeOverlay.png") no-repeat;
height: 13px;
width: 13px;
zero: 13px;
width: 13px;
display: inline-block;
cursor: pointer;
margin-top: 15px;
zero: 15px;
margin-top: 15px;
margin-right: 15px;
zero: 15px;
margin-right: 15px
}
.fundsAllocationOverlay .fundsAllocationInner {
width: 90%;
zero: 90%;
width: 90%;
max-width: 415px;
margin: 40px auto 20px
}
.fundsAllocationOverlay .fundsAllocationInner .heading {
font-size: 16px;
zero: 16px;
font-size: 16px;
line-height: 21px;
zero: 21px;
line-height: 21px;
display: inline-block;
text-align: center;
color: #16222c
}
.fundsAllocationOverlay .fundsAllocationInner .calculatefunds {
margin-top: 15px;
zero: 15px;
margin-top: 15px
}
.fundsAllocationOverlay .fundsAllocationInner .calculatefunds li {
display: table;
width: 100%;
zero: 100%;
width: 100%;
border-bottom: 1px solid #fff;
padding: 7px 20px;
zero: 7px;
zero: 20px;
padding: 7px 20px;
background-color: #80c5f3;
color: #071f2f;
font-size: 16px;
zero: 16px;
font-size: 16px
}
.fundsAllocationOverlay .fundsAllocationInner .calculatefunds li.green {
background: #86d590
}
.fundsAllocationOverlay .fundsAllocationInner .calculatefunds li.pink {
background: #f0a299
}
.fundsAllocationOverlay .fundsAllocationInner .calculatefunds li.opportuneFund {background: #68a5cd;}
.fundsAllocationOverlay .fundsAllocationInner .calculatefunds li.diverseFund {background: #97c6e4;}
.fundsAllocationOverlay .fundsAllocationInner .calculatefunds li.blueChipFund {background: #c1e6ff;}
.fundsAllocationOverlay .fundsAllocationInner .calculatefunds li.equityPlusFund {background: #d6f2ff;}
.fundsAllocationOverlay .fundsAllocationInner .calculatefunds li.balancedFund {background: #fd8a25;}
.fundsAllocationOverlay .fundsAllocationInner .calculatefunds li.incomeFund {background: #98c281;}
.fundsAllocationOverlay .fundsAllocationInner .calculatefunds li.bondFund {background: #c3eaad;}
.fundsAllocationOverlay .fundsAllocationInner .calculatefunds li.conservativeFund {background: #dafdc7;}
.fundsAllocationOverlay .fundsAllocationInner .calculatefunds li span {
float: left;
padding-top: 4px;
zero: 4px;
padding-top: 4px
}
@media only screen and (max-width: 400px) {
.fundsAllocationOverlay .fundsAllocationInner .calculatefunds li span {
width: 100%;
zero: 100%;
width: 100%;
text-align: center
}
}
.fundsAllocationOverlay .fundsAllocationInner .calculatefunds li span img
{
cursor: pointer;
margin-left: 5px;
zero: 5px;
margin-left: 5px;
vertical-align: top;
margin-top: 3px
}
.fundsAllocationOverlay .fundsAllocationInner .calculatefunds li .fundsExpandContent
{
width: 100%;
zero: 100%;
width: 100%;
float: left;
margin-top: 10px;
zero: 10px;
margin-top: 10px;
position: relative;
display: none;
margin-bottom: 5px;
zero: 5px;
margin-bottom: 5px
}
.fundsAllocationOverlay .fundsAllocationInner .calculatefunds li .fundsExpandContent p
{
margin-bottom: 0;
zero: 0;
margin-bottom: 0;
font-size: 16px;
zero: 16px;
font-size: 16px;
line-height: 20px;
zero: 20px;
line-height: 20px;
padding-right: 30px;
zero: 30px;
padding-right: 30px
}
.fundsAllocationOverlay .fundsAllocationInner .calculatefunds li .fundsExpandContent a
{
margin-top: 5px;
zero: 5px;
margin-top: 5px;
margin-right: 1px;
zero: 1px;
margin-right: 1px
}
.fundsAllocationOverlay .fundsAllocationInner .calculatefunds li .calculatefundsInput,.fundsAllocationOverlay .fundsAllocationInner .calculatefunds li .totalFundsInput
{
max-width: 90px;
min-width: 90px;
float: right;
margin-bottom: 0;
zero: 0;
margin-bottom: 0;
text-align: center;
font-style: normal;
color: #333333
}
@media only screen and (max-width: 400px) {
.fundsAllocationOverlay .fundsAllocationInner .calculatefunds li .calculatefundsInput,.fundsAllocationOverlay .fundsAllocationInner .calculatefunds li .totalFundsInput
{
width: 100%;
zero: 100%;
width: 100%;
max-width: none
}
}
.fundsAllocationOverlay .fundsAllocationInner .calculatefunds li .totalFundsInput
{
background: none;
border: none
}
.fundsAllocationOverlay .fundsAllocationInner .calculatefunds .totalRow
{
background: #05396e;
color: #fff
}
.fundsAllocationOverlay .fundsAllocationInner .calculatefunds .totalRow .totalFundsInput
{
color: #fff
}
.fundsAllocationOverlay .fundsAllocationInner .errorfundCalc {
display: none;
position: absolute;
right: 3px;
border: 1px solid #dddddd;
padding: 5px 10px;
zero: 5px;
zero: 10px;
padding: 5px 10px;
background: #fcfcfc;
font-size: 15px;
zero: 15px;
font-size: 15px;
color: #333333;
margin-top: -3px;
margin-left: 3px
}
.fundsAllocationOverlay .fundsAllocationInner .errorfundCalc::before {
border-bottom: 7px solid #fefefe;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
content: "";
font-size: 0;
position: absolute;
left: 50%;
top: -7px
}
.fundsAllocationOverlay .cntBtnOverlay {
text-align: center
}
.fundsAllocationOverlay .cntBtnOverlay .btnRed {
margin: 40px 0 25px;
font-size: 15px;
zero: 15px;
font-size: 15px;
height: auto;
text-transform: uppercase
}
.fundDetails {
background: #ebf8fe;
border: 1px solid #ececec;
padding: 31px 3.3%;
zero: 31px;
zero: 3.3%;
padding: 31px 3.3%;
border-radius: 6px;
border-top-left-radius: 0;
border-top-right-radius: 0
}
@media only screen and (max-width: 48em) {
.fundDetails {
padding: 0 0 16px 0;
zero: 0;
zero: 0;
zero: 16px;
zero: 0;
padding: 0 0 16px 0;
border-top: none
}
}
.fundDetails .tabsUl {
text-align: left
}
.fundDetails .tabsUl li span sup{font-size:15px; line-height: normal;}
@media screen and (min-width: 320px) and (max-width: 610px) {
.fundDetails .tabsUl {
display: table;
width: 100%
}
}
.fundDetails .tabsUl li {
float: left;
width: 200px;
border: 1px solid #afc1c9;
border-bottom: 0;
border-left: 0;
background: #fff
}
@media screen and (max-width: 1000px) {
.fundDetails .tabsUl li {
width: 33.3%
}
}
@media screen and (min-width: 320px) and (max-width: 610px) {
.fundDetails .tabsUl li {
display: table-cell;
float: none;
vertical-align: middle;
width: 33.3%
}
}
.fundDetails .tabsUl li a {
text-transform: uppercase;
font-size: 13px;
zero: 13px;
font-size: 13px;
line-height: 40px;
zero: 40px;
line-height: 40px;
display: block;
text-align: center;
color: #666;
transition: all 0.5s ease 0s
}
@media only screen and (max-width: 40em) {
.fundDetails .tabsUl li a {
line-height: 15px;
zero: 15px;
line-height: 15px;
padding: 10px 8px;
zero: 10px;
zero: 8px;
padding: 10px 8px;
font-size: 12px;
zero: 12px;
font-size: 12px;
font-weight: 400
}
}
.fundDetails .tabsUl li:first-child {
border-left: 1px solid #afc1c9
}
@media only screen and (min-width: 37.62em) and (max-width: 30.625em) {
.fundDetails .tabsUl li:first-child {
border-left: 0
}
}
.fundDetails .tabsUl li.active,.fundDetails .tabsUl li:hover {
background: #03395f
}
.fundDetails .tabsUl li.active a,.fundDetails .tabsUl li:hover a {
color: #fff
}
.fundDetails .tabContent {
min-height: 100px;
border: 1px solid #afc1c9;
display: none;
background-color: #fff
}
@media only screen and (max-width: 48em) {
.fundDetails .tabContent {
border: none;
border-top: 1px solid #afc1c9
}
}
.fundDetails .tabContent.fundAllocation {
display: block
}
.congratulation {
text-align: center;
padding: 30px 10px 0px 10px;
zero: 30px;
zero: 10px;
zero: 0px;
zero: 10px;
padding: 30px 10px 0px 10px
}
@media only screen and (max-width: 48em) {
.congratulation {
text-align: left;
padding: 16px 10px 0px;
zero: 16px;
zero: 10px;
zero: 0px;
padding: 16px 10px 0px
}
}
.congratulation>div {
color: #03395f;
font-size: 18px;
zero: 18px;
font-size: 18px;
line-height: 20px;
zero: 20px;
line-height: 20px;
padding-bottom: 10px;
zero: 10px;
padding-bottom: 10px;
font-weight: 700;
margin: 0
}
@media only screen and (max-width: 48em) {
.congratulation>div {
font-size: 15px;
zero: 15px;
font-size: 15px;
line-height: 18px;
zero: 18px;
line-height: 18px
}
}
.congratulation label {
font-size: 16px;
zero: 16px;
font-size: 16px;
line-height: 18px;
zero: 18px;
line-height: 18px;
color: #000;
position: relative;
display: inline-block
}
/*Added for 2521*/
.congratulation .fundAlloDisclaimer label {
color:#666;
font-size:14px;
}
/*Added for 2521 ends*/
@media only screen and (max-width: 48em) {
.congratulation label {
font-size: 14px;
zero: 14px;
font-size: 14px;
line-height: 17px;
zero: 17px;
line-height: 17px
}
}
.congratulation .ctaBand {
padding-top: 25px;
zero: 25px;
padding-top: 25px;
text-align: center
}
@media only screen and (max-width: 48em) {
.congratulation .ctaBand {
padding-top: 13px;
zero: 13px;
padding-top: 13px
}
}
.congratulation .ctaBand a.anchorLink {
margin-left: 15px;
zero: 15px;
margin-left: 15px
}
.congratulation .ctaBand>a {
display: inline-block;
vertical-align: middle;
margin: 5px 0;
zero: 5px;
zero: 0;
margin: 5px 0
}
@media only screen and (max-width: 30em) {
.congratulation .ctaBand {
width: 234px;
margin: auto
}
.congratulation .ctaBand a.downLoad,.congratulation .ctaBand a.anchorLink
{
margin-left: 0;
width: 100%
}
}
.congratulation .customCheckbox {
display: inline-block;
text-align: left
}
.congratulation .customCheckbox input[type="checkbox"]+label::before {
top: 2px
}
.benefitWrapper {
padding: 28px 28px 18px;
zero: 28px;
zero: 28px;
zero: 18px;
padding: 28px 28px 18px
}
@media only screen and (max-width: 48em) {
.benefitWrapper {
padding: 8px 10px 10px;
zero: 8px;
zero: 10px;
zero: 10px;
padding: 8px 10px 10px
}
}
.benefitWrapper .txtPay {
font-size: 18px;
zero: 18px;
font-size: 18px;
font-weight: 700;
color: #00426d;
padding-bottom: 15px;
zero: 15px;
padding-bottom: 15px
}
@media only screen and (max-width: 48em) {
.benefitWrapper .txtPay {
font-size: 16px;
zero: 16px;
font-size: 16px;
text-align: center;
line-height: 20px;
zero: 20px;
line-height: 20px;
padding: 0px 15px;
zero: 0px;
zero: 15px;
padding: 0px 15px;
margin: 0px 0px 10px;
zero: 0px;
zero: 0px;
zero: 10px;
margin: 0px 0px 10px
}
}
.benefitWrapper .txtPay span.rs {
font-family: "WebRupee" !important
}
.ctaBlocks li {
display: inline-block
}
@media only screen and (max-width: 48em) {
.ctaBlocks li {
width: 50%
}
}
.ctaBlocks li a {
display: block;
border: 1px solid #e1e1e1;
font-size: 14px;
zero: 14px;
font-size: 14px;
line-height: 18px;
zero: 18px;
line-height: 18px;
color: #b11117;
text-align: center;
padding: 18px 0px;
zero: 18px;
zero: 0px;
padding: 18px 0px
}
@media only screen and (max-width: 48em) {
.ctaBlocks li a {
padding: 10px 0px;
zero: 10px;
zero: 0px;
padding: 10px 0px
}
}
.ctaBlocks li a span {
background: url("../images/ico_view.png") no-repeat 0 center;
padding-left: 30px
}
@media only screen and (max-width: 30em) {
.ctaBlocks li a span {
display: inline-block;
text-align: left;
background-position: 12px center;
padding: 0 26% 0 41px;
zero: 0;
zero: 26%;
zero: 0;
zero: 41px;
padding: 0 26% 0 41px
}
}
.ctaBlocks li:first-child a {
border-right-width: 0px
}
@media only screen and (max-width: 48em) {
.ctaBlocks li:first-child a {
border-right-width: 1px
}
}
.ctaBlocks li.view a {
background: url("../images/arrow_drop.png") no-repeat 95% center
}
.ctaBlocks li.view a.active {
background: url("../images/icon_div_close.png") no-repeat 95% center;
background-color: #f0eeef;
font-weight: normal
}
.ctaBlocks li.download a span {
background: url("../images/ico_download.png") no-repeat 0 center;
padding-left: 30px
}
@media only screen and (max-width: 30em) {
.ctaBlocks li.download a span {
background-position: 12px center;
padding-left: 43px;
zero: 43px;
padding-left: 43px
}
}
.resultBlock {
display: none;
float: left;
margin: 21px 10% 0px;
zero: 21px;
zero: 10%;
zero: 0px;
margin: 21px 10% 0px
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.resultBlock {
margin: 21px 0px 0px;
zero: 21px;
zero: 0px;
zero: 0px;
margin: 21px 0px 0px
}
}
@media only screen and (max-width: 48em) {
.resultBlock {
margin: 15px 0px 0px;
zero: 15px;
zero: 0px;
zero: 0px;
margin: 15px 0px 0px
}
}
.resultBlock .tabCont {
display: none
}
.resultBlock .tabCont {
margin-top: -20px
}
.resultBlock .tabCont h4 {
color: #000;
font-size: 16px;
zero: 16px;
font-size: 16px;
line-height: 18px;
zero: 18px;
line-height: 18px;
font-weight: 700;
font-style: italic
}
.resultBlock .tabCont h5 {
color: #000;
font-size: 15px;
zero: 15px;
font-size: 15px;
line-height: 17px;
zero: 17px;
line-height: 17px;
margin: 5px 0 0;
font-style: italic
}
.resultBlock .sliderBlock {
padding: 32px 22px;
zero: 32px;
zero: 22px;
padding: 32px 22px;
border: 1px solid #f0f1f1;
border-top: 0;
background: #f9f9f9;
margin-bottom: 10px
}
.checkPolicyTerm {
padding: 15px 5px;
zero: 15px;
zero: 5px;
padding: 15px 5px;
border: 1px solid #f0f1f1;
border-top: 0;
background: #f9f9f9;
display: none;
float: left;
margin-bottom: 10px;
width: 100%
}
@media only screen and (max-width: 48em) {
.checkPolicyTerm {
padding: 25px 5px 15px;
zero: 25px;
zero: 5px;
zero: 15px;
padding: 25px 5px 15px;
margin: -20px 0px 10px;
zero: -20px;
zero: 0px;
zero: 10px;
margin: -20px 0px 10px
}
}
.checkPolicyTerm h4 {
color: #01243b;
font-size: 15px;
zero: 15px;
font-size: 15px;
font-style: italic;
font-weight: 700px
}
.checkPolicyTerm h5 {
color: #000;
font-size: 15px;
zero: 15px;
font-size: 15px;
font-style: italic
}
.checkPolicyTerm .selectedTerm p {
background-color: #fff;
border: 1px solid #dedddd;
color: #000;
display: inline-block;
margin-bottom: 10px;
zero: 10px;
margin-bottom: 10px;
font-size: 15px;
zero: 15px;
font-size: 15px;
margin-bottom: 0
}
.checkPolicyTerm .selectedTerm p span {
display: inline-block
}
.checkPolicyTerm .selectedTerm p span.noYer {
padding-left: 15px;
zero: 15px;
padding-left: 15px
}
.checkPolicyTerm .selectedTerm p a {
margin-left: 10px;
zero: 10px;
margin-left: 10px
}
.checkPolicyTerm .selectedTerm p a span {
background: url(../images/icon_plus_minus.png) no-repeat scroll center
center;
border-left: 1px solid #dedddd;
display: inline-block;
text-indent: -9999px;
padding: 5px 20px;
zero: 5px;
zero: 20px;
padding: 5px 20px
}
.checkPolicyTerm .selectedTerm p a.active span {
background-position: center -32px
}
.checkPolicyTerm .termOption {
background-color: #e3eff6;
display: none;
float: left;
margin-top: 10px;
zero: 10px;
margin-top: 10px;
padding-bottom: 15px;
zero: 15px;
padding-bottom: 15px;
text-align: center;
width:100%;
}
.checkPolicyTerm .termOption h4 {
border-bottom: 1px solid #fff;
color: #00426d;
font-style: normal;
font-size: 14px;
zero: 14px;
font-size: 14px;
margin: 0 15px 15px 15px;
zero: 0;
zero: 15px;
zero: 15px;
zero: 15px;
margin: 0 15px 15px 15px;
padding: 16px 0 10px 0;
zero: 16px;
zero: 0;
zero: 10px;
zero: 0;
padding: 16px 0 10px 0;
text-transform: uppercase
}
.checkPolicyTerm .noOfTerms li {
float: left;
font-size: 15px;
zero: 15px;
font-size: 15px;
margin: 5px 0;
zero: 5px;
zero: 0;
margin: 5px 0;
width: 20%
}
.checkPolicyTerm .noOfTerms li a {
border: 1px transparent;
color: #999;
cursor: default;
padding: 5px;
zero: 5px;
padding: 5px
}
.checkPolicyTerm .noOfTerms li a.visible {
color: #000;
cursor: pointer
}
.checkPolicyTerm .noOfTerms li a.visible:hover,.checkPolicyTerm .noOfTerms li a.visible.active
{
background-color: #fff;
border: 1px solid #00426d
}
.checkPolicyTerm .noOfTerms .submitTerm {
background-color: #fff;
border: 1px solid #ebebeb;
color: #333;
display: inline-block;
font-size: 15px;
zero: 15px;
font-size: 15px;
margin: 15px;
zero: 15px;
margin: 15px;
padding: 15px 20px;
zero: 15px;
zero: 20px;
padding: 15px 20px
}
@media only screen and (max-width: 48em) {
.benefitWrapper .sliderBlock {
display: none
}
.checkPolicyTerm {
display: block
}
}
.ie .linksBlock li a {
background-position: 92% center
}
.ie .linksBlock li a span {
max-width: 240px
}
.tableWrapper {
float: left;
margin-bottom: 15px;
zero: 15px;
margin-bottom: 15px;
width: 100%
}
.tableWrapper table {
background-color: #00426d;
text-align: center;
border: 5px solid #00426d;
border-bottom-width: 0px
}
.tableWrapper table tr {
width: 100%
}
.tableWrapper table tr.tableContent {
border-top: none
}
.tableWrapper table th {
background: url("../images/bg_table_heading.png") repeat-x scroll left
top;
border-left: 1px solid #e1e3e5;
color: #333;
font-size: 16px;
zero: 16px;
font-size: 16px;
padding: 20px 0;
zero: 20px;
zero: 0;
padding: 20px 0
}
.tableWrapper table th:first-child {
border-left: none;
width: 40%
}
@media only screen and (max-width: 48em) {
.tableWrapper table th:first-child {
width: 50%
}
}
.tableWrapper table td {
border-left: 1px solid #19547b;
border-top: 1px solid #19547b;
color: #fff;
padding: 15px 0;
zero: 15px;
zero: 0;
padding: 15px 0;
font-size: 15px;
zero: 15px;
font-size: 15px;
vertical-align: top;
}
.tableWrapper table td span.price {
font-weight: 700
}
.tableWrapper table td p {
padding: 0 40px;
zero: 0;
zero: 40px;
padding: 20px 40px 0;
font-size: 13px;
zero: 13px;
font-size: 13px;
margin-bottom: 0;
font-style: italic
}
.tableWrapper table td a.knowMore {
background-color: #0070b2;
color: #fff;
display: none;
font-size: 14px;
zero: 14px;
font-size: 14px;
padding: 4px 6px;
zero: 4px;
zero: 6px;
padding: 4px 6px
}
@media only screen and (max-width: 48em) {
.tableWrapper table td span.price {
display: inline-block;
width: 100%;
margin-bottom: 15px
}
.tableWrapper table td p {
display: none;
font-size: 12px;
zero: 12px;
font-size: 12px;
line-height: 15px
}
.tableWrapper table td a.knowMore {
display: inline-block;
margin-top: 8px;
zero: 8px;
margin-top: 8px
}
}
.tableWrapper table td:first-child {
border-left: none
}
@media only screen and (min-width: 48.0625em) {
.tableWrapper table td {
float: none
}
}
@media only screen and (max-width: 48em) {
.tableWrapper table td p {
padding: 0 5px;
zero: 0;
zero: 5px;
padding: 0 5px
}
}
.fundAllWrapper {
padding: 10px 10px;
zero: 10px;
zero: 10px;
padding: 10px 10px
}
.fundAllWrapper .fundDetailsBlock {
text-align: right;
}
.fundAllWrapper .lnkEditFund,
.fundAllWrapper .fundeditBack {
display: inline-block;
}
.fundAllWrapper .fundeditBack .backbtn {
background: none;
background-color: #d51d24;
color: #fff;
text-decoration: none;
padding: 5px 20px;
margin: 10px;
display: inline-block;
line-height: 21px;
}
.fundAllWrapper .fundAllocateText {
width: 90%;
margin: 0 auto;
}
.fundAllWrapper .fundAlloDisclaimer {
float: left;
margin: 10px 0;
}
.fundAllWrapper .fundAlloDisclaimer label {
padding: 0 0 0 30px;
font-size: 14px;
float: left;
line-height: 18px;
}
.fundAllWrapper .fundAllocateText h4 {
color: #389adb;
text-align: center;
padding: 10px 0;
font-size: 1.0rem;
}
.fundAllWrapper .lnkEditFund {
text-align: right
}
.fundAllWrapper .lnkEditFund a {
font-size: 13px;
zero: 13px;
font-size: 13px;
background: url("../images/iconEditFund.png") no-repeat 0 0;
padding: 1px 0px 1px 24px;
zero: 1px;
zero: 0px;
zero: 1px;
zero: 24px;
padding: 1px 0px 1px 24px;
text-decoration: underline
}
.fundAllWrapper .fundLabels {
text-align: center;
padding: 15px 0px 50px;
zero: 15px;
zero: 0px;
zero: 50px;
padding: 15px 0px 50px
}
@media only screen and (max-width: 48em) {
.fundAllWrapper .fundLabels {
padding: 15px 0px;
zero: 15px;
zero: 0px;
padding: 15px 0px
}
}
.fundAllWrapper .fundLabels span {
font-size: 14px;
zero: 14px;
font-size: 14px;
background-color: #68a5cd;
display: inline-block;
line-height: 25px;
zero: 25px;
line-height: 25px;
padding: 0 15px;
zero: 0;
zero: 15px;
padding: 0 15px;
border-radius: 4px;
color: #FFF;
/* margin-left: 185px; */
}
@media only screen and (max-width: 30em) {
.fundAllWrapper .fundLabels span {
font-size: 12px;
zero: 12px;
font-size: 12px;
line-height: 14px;
zero: 14px;
line-height: 14px;
padding: 3px 8px;
zero: 3px;
zero: 8px;
padding: 3px 6px
}
}
@media only screen and (max-width: 30em) {
.fundAllWrapper .fundLabels span strong {
display: block;
text-align: center
}
}
.fundAllWrapper .fundLabels span.balFund {
margin-left: 100px;
zero: 100px;
margin-left: 100px;
background-color: #fd8a25;
}
@media only screen and (max-width: 48em) {
.fundAllWrapper .fundLabels span.balFund {
margin-left: 5px;
zero: 5px;
margin-left: 5px
}
}
.fundAllWrapper .fundLabels span.debtFund {
margin-left: 80px;
zero: 80px;
margin-left: 80px;
background-color: #98c281;
}
@media only screen and (max-width: 48em) {
.fundAllWrapper .fundLabels span.debtFund {
margin-left: 5px;
zero: 5px;
margin-left: 5px
}
}
.fundAllWrapper .viewFundDtls {
text-align: center
}
@media only screen and (max-width: 48em) {
.fundAllWrapper .viewFundDtls {
display: none
}
}
.fundAllWrapper .viewFundDtls span {
font-size: 14px;
zero: 14px;
font-size: 14px;
background-color: #e1e6ea;
display: inline-block;
padding: 7px 16px;
zero: 7px;
zero: 16px;
padding: 7px 16px;
border-radius: 4px;
color: #333
}
#chartFundAlloDesk {
display: block;
height: 250px
}
#chartFundAlloMob {
display: none;
height: 400px
}
@media screen and (max-width: 767px) {
#chartFundAlloDesk {
display: none
}
#chartFundAlloMob {
display: block
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.fundAllWrapper .fundLabels span {
padding: 0 10px;
zero: 0;
zero: 10px;
padding: 0 10px
}
.fundAllWrapper .fundLabels span.balFund,.fundAllWrapper .fundLabels span.debtFund
{
margin-left: 5px;
zero: 5px;
margin-left: 5px
}
}
.PerformanceWrapper {
padding: 15px 0;
zero: 15px;
zero: 0;
padding: 15px 0
}
.PerformanceWrapper .selectPanel {
background-color: #005e9e;
padding: 15px 15px 15px 20px;
zero: 15px;
zero: 15px;
zero: 15px;
zero: 20px;
padding: 15px 15px 15px 20px
}
.PerformanceWrapper .selectPanel .selectOpt {
display: inline-block;
width: 34%
}
@media only screen and (max-width: 48em) {
.PerformanceWrapper .selectPanel .selectOpt {
width: 100%
}
}
.PerformanceWrapper .selectPanel .subTabBlock {
float: right;
margin-top: 5px;
zero: 5px;
margin-top: 5px
}
@media only screen and (max-width: 48em) {
.PerformanceWrapper .selectPanel .subTabBlock {
display: inline-block;
float: none;
width: 100%;
margin-top: 10px;
zero: 10px;
margin-top: 10px;
text-align: center
}
}
.PerformanceWrapper .selectPanel .subTabBlock li {
border-left: 1px solid #fff;
display: inline-block;
margin-left: 10px;
zero: 10px;
margin-left: 10px;
padding: 5px 0 5px 10px;
zero: 5px;
zero: 0;
zero: 5px;
zero: 10px;
padding: 5px 0 5px 10px;
text-transform: uppercase
}
@media only screen and (max-width: 48em) {
.PerformanceWrapper .selectPanel .subTabBlock li {
vertical-align: middle;
margin-left: 2px;
zero: 2px;
margin-left: 2px;
padding: 5px 7px;
zero: 5px;
zero: 7px;
padding: 5px 7px
}
}
.PerformanceWrapper .selectPanel .subTabBlock li:first-child {
border-left: none
}
@media only screen and (max-width: 48em) {
.PerformanceWrapper .selectPanel .subTabBlock li:first-child {
margin-left: 0
}
}
.PerformanceWrapper .selectPanel .subTabBlock li a {
color: #fff;
font-size: 13px;
zero: 13px;
font-size: 13px;
font-weight: 700;
padding-bottom: 7px
}
.PerformanceWrapper .selectPanel .subTabBlock li a:hover {
color: #64bbfc
}
@media only screen and (max-width: 425px) {
.PerformanceWrapper .selectPanel .subTabBlock li a {
width: 95px;
display: table
}
}
.PerformanceWrapper .selectPanel .subTabBlock li.active a {
color: #64bbfc;
background: url("../images/bg_nav_active.png") no-repeat scroll center
bottom
}
.PerformanceWrapper .tabContentBlock {
padding: 25px 0;
zero: 25px;
zero: 0;
padding: 25px 0
}
.PerformanceWrapper .tabContentBlock .contentBlock {
display: none
}
@media only screen and (max-width: 48em) {
.PerformanceWrapper #fundsBenchmark .tableBlock {
border-left: none;
border-right: none
}
}
#fundsBenchmark {
margin: 0 auto;
width: 75%
}
@media only screen and (max-width: 48em) {
#fundsBenchmark {
width: 100%
}
}
#fundsBenchmark .tableBlock {
background-color: #eef8fd;
border: 1px solid #ced8e2;
border-bottom: none;
padding: 0
}
#fundsBenchmark .tableBlock tr.heading {
background-color: #fff;
color: #05396e;
text-align: center
}
#fundsBenchmark .tableBlock tr.heading span {
color: #77848e;
display: block;
font-size: 14px;
zero: 14px;
font-size: 14px
}
#fundsBenchmark .tableBlock tr.heading th {
padding: 15px;
zero: 15px;
padding: 15px;
font-size: 15px;
zero: 15px;
font-size: 15px;
line-height: 20px;
text-align: center
}
#fundsBenchmark .tableBlock tr.title {
background-color: #8ddeff
}
.policy-term-spinner {
display: inline-block;
float: right;
width: 25%
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.policy-term-spinner {
float: none;
width: 100%
}
}
.policy-term-spinner h4 {
font-size: 15px;
zero: 15px;
font-size: 15px;
text-transform: uppercase;
color: #05396e;
font-weight: 700
}
@media only screen and (min-width: 37.62em) and (max-width: 30.625em) {
.policy-term-spinner h4 {
white-space: nowrap
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.policy-term-spinner h4 {
float: left;
margin-top: 6px;
zero: 6px;
margin-top: 6px;
white-space: nowrap
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.policy-term-spinner .control {
float: right;
margin-right: 10%
}
}
.policy-term-spinner .policy-year {
position: relative;
background: #fff;
width: 60px;
height: 35px;
overflow: hidden;
border: 1px solid #adc3cd;
border-radius: 3px;
float: left
}
.policy-term-spinner .policy-year ul {
position: absolute;
left: 0;
right: 0;
top: 0;
text-align: center;
font-size: 24px;
zero: 24px;
font-size: 24px;
color: #333333
}
.policy-term-spinner .policy-year ul li {
line-height: 30px;
zero: 30px;
line-height: 30px;
height: 33px
}
.policy-term-spinner .policy-year ul li label {
padding-top: 4px
}
.policy-term-spinner .spinner-controls {
float: left;
margin-left: 10px;
position: relative;
height: 35px
}
.policy-term-spinner .spinner-controls a {
float: left;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
position: absolute
}
.policy-term-spinner .spinner-controls a.up {
border-bottom: 11px solid #05396e;
top: 4px
}
.policy-term-spinner .spinner-controls a.up.disable {
border-bottom: 11px solid #5d9eb9
}
.policy-term-spinner .spinner-controls a.down {
border-top: 11px solid #05396e;
bottom: 4px
}
.policy-term-spinner .spinner-controls a.down.disable {
border-top: 11px solid #5d9eb9
}
.investDetails {
background-color: #8ddeff;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
padding: 20px;
zero: 20px;
padding: 20px
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.investDetails {
padding: 10px;
zero: 10px;
padding: 10px
}
}
.investDetails .bjYourInvestment {
background-color: transparent;
border: 0;
display: inline-block;
padding: 0;
width: 75%
}
@media only screen and (max-width: 1180px) {
.investDetails .bjYourInvestment {
max-width: 300px
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.investDetails .bjYourInvestment {
margin-bottom: 10px;
zero: 10px;
margin-bottom: 10px;
width: 100%
}
}
.investDetails .bjYourInvestment h4 {
font-size: 15px;
zero: 15px;
font-size: 15px;
display: inline-block;
text-transform: uppercase;
color: #05396e;
font-weight: 700;
white-space: nowrap
}
@media only screen and (max-width: 48em) {
.investDetails .bjYourInvestment h4 {
width: 53%
}
}
.investDetails .bjYourInvestment .editBtn.desktop {
display: inline-block;
float: none;
margin-left: 10px;
zero: 10px;
margin-left: 10px
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.investDetails .bjYourInvestment .editBtn.desktop {
display: none
}
}
.investDetails .bjYourInvestment .saveData {
float: none;
margin-bottom: 10px;
zero: 10px;
margin-bottom: 10px;
margin-left: 10px;
zero: 10px;
margin-left: 10px
}
.investDetails .bjYourInvestment ul.desktopVal {
float: left;
margin-top: 5px;
zero: 5px;
margin-top: 5px;
width: 100%
}
.investDetails .bjYourInvestment ul.desktopVal li {
padding-left: 0;
zero: 0;
padding-left: 0;
display: inline-block;
vertical-align: top;
padding-bottom: 10px
}
.investDetails .bjYourInvestment ul.desktopVal li:first-child {
padding-left: 0
}
.investDetails .bjYourInvestment ul.desktopVal li.selTerm {
width: auto;
white-space: nowrap
}
.investDetails .bjYourInvestment ul.desktopVal li.selTerm label {
vertical-align: middle;
display: inline-block
}
.investDetails .bjYourInvestment ul.desktopVal li.selTerm .desc.disable .selStyled
{
margin-right: 25px;
zero: 25px;
margin-right: 25px;
background: none
}
.investDetails .bjYourInvestment ul.desktopVal li .selStyled {
float: none;
vertical-align: middle;
display: inline-block
}
.investDetails .bjYourInvestment ul.desktopVal li .selStyled label {
float: left
}
.investDetails .bjYourInvestment ul.desktopVal li .selStyled select {
padding-left: 5px;
zero: 5px;
padding-left: 5px;
float: none
}
.investDetails .bjYourInvestment ul.desktopVal li .selStyled.disable {
width: auto
}
.investDetails .bjYourInvestment ul.desktopVal li .desc.disable select,.investDetails .bjYourInvestment ul.desktopVal li .desc.disable select[disabled]
{
margin-left: 0;
padding-left: 0
}
.investDetails .bjYourInvestment ul.desktopVal li .desc.disable select[disabled]
{
padding-right: 12px;
zero: 12px;
padding-right: 12px
}
.investDetails .bjYourInvestment ul.desktopVal li .desc {
font-size: 13px;
zero: 13px;
font-size: 13px;
font-weight: normal;
margin-right: 16px
}
.investDetails .bjYourInvestment ul.desktopVal li .desc.disable {
margin-right: 0px
}
.investDetails .bjYourInvestment ul.desktopVal li .desc .rs {
font-size: 15px
}
.investDetails .bjYourInvestment ul.desktopVal li .risk {
margin-top: 10px;
}
.investDetails .bjYourInvestment ul.desktopVal li .risk .risk-score {
font-weight: 700;
}
.investDetails .bjYourInvestment ul.desktopVal li .desc.yrs.disable {
margin-right: 25px
}
.investDetails .bjYourInvestment ul.desktopVal li .desc input[type="text"],.investDetails .bjYourInvestment ul.desktopVal li .desc select
{
font-size: 13px;
zero: 13px;
font-size: 13px
}
.cntMaxVal {
position: relative
}
.maxLimit,.maxLimit2 {
float: left;
height: 44px;
margin: 10px 0px 0px 0px;
zero: 10px;
zero: 0px;
zero: 0px;
zero: 0px;
margin: 10px 0px 0px 0px
}
.ui-slider-handle .maxVal,.ui-slider-handle .maxVal2 {
background: url(../images/greenArrow.png) no-repeat right -1px;
width: 37px;
height: 43px;
color: #FFF;
text-align: center;
float: left;
font-size: 17px;
padding: 9px 0px 0px 0px;
margin: -41px 0 0;
}
.currAge {
position: relative;
padding-top: 4px;
zero: 4px;
padding-top: 4px;
height: 70px
}
.currAge ul li {
background: url(../images/sliderDot.png) no-repeat center;
float: left;
width: 6.24%
}
.currAge ul li:first-child {
background: url(../images/sliderLine.png) no-repeat 30% center
}
.currAge ul li:last-child {
background: url(../images/sliderLine.png) no-repeat 80% center
}
.currAge ul li:last-child {
background-position: 65% center
}
.currAge ul li .dvAgeMin {
position: absolute;
color: #04426b;
font-size: 21px;
zero: 21px;
font-size: 21px;
line-height: 19px
}
.currAge ul li .dvAgeMin span {
display: block;
font-size: 10px;
zero: 10px;
font-size: 10px
}
.currAge ul li .dvAgeMax {
position: absolute;
right: 14px;
color: #999;
font-size: 21px;
zero: 21px;
font-size: 21px;
line-height: 19px
}
.currAge ul li .dvAgeMax span {
display: block;
font-size: 10px;
zero: 10px;
font-size: 10px
}
.ui-slider-handle span {
position: absolute;
background: url(../images/greyArrow.png) no-repeat;
width: 37px;
height: 43px;
color: #FFF;
text-align: center;
vertical-align: middle;
font-size: 17px;
zero: 17px;
font-size: 17px;
padding-top: 10px;
zero: 10px;
padding-top: 10px;
margin-top: -41px;
zero: -41px;
margin-top: -41px
}
#ageSlider,#ageSlider2 {
position: relative;
background: #6c6a6a;
border-radius: 20px;
margin: 0px;
width: 100%;
}
#ageSlider .ui-slider-range,#ageSlider2 .ui-slider-range {
background-color: #3ea7e6;
border-radius: 20px 0 20px 20px;
margin: 2px 1px 1px;
height: 82%
}
#ageSlider span.ui-slider-handle,#ageSlider2 span.ui-slider-handle {
/*background: url(../images/range_slider_assure_c2i.png) no-repeat left
top;
width: 39px;
height: 40px;
cursor: pointer;
outline: none;
border: none;
margin-top: -7px; */
margin-left: -18px
}
#ageSlider span.ui-slider-handle span.handle-value,#ageSlider2 span.ui-slider-handle span.handle-value
{
background-color: #ed1c24;
-moz-border-radius: 0%;
-webkit-border-radius: 0%;
-ms-border-radius: 0%;
-o-border-radius: 0%;
border-radius: 0%;
top: -2.615em;
width: 50px;
height: 40px;
padding: 5px 0;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
color: #fff;
font-size: 1.4375em;
line-height: 1em;
text-align: center;
font-weight: bold
}
#ageSlider span.ui-slider-handle span.handle-value:after,#ageSlider2 span.ui-slider-handle span.handle-value:after
{
position: absolute;
width: 0px;
left: 0px;
right: 0px;
margin: 0 auto;
height: 0px;
bottom: -8px;
background: none;
content: '';
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #ed1c24
}
#ageSlider span.ui-slider-handle span.handle-value small,#ageSlider2 span.ui-slider-handle span.handle-value small
{
display: block;
color: #fff;
font-size: 0.5652em;
line-height: 1em
}
#ageSlider span.ui-slider-handle span.handle-value :after,#ageSlider2 span.ui-slider-handle span.handle-value :after
{
display: none
}
.tabAccordion h3.accList {
display: none
}
@media screen and (max-width: 767px) {
.tabAccordion h3.accList {
display: block
}
}
.tabAccordion ul.tabs {
display: table;
float: none;
width: 100%;
height: 100%
}
@media screen and (max-width: 767px) {
.tabAccordion ul.tabs {
display: none
}
}
.tabAccordion ul.tabs li {
float: none;
display: table-cell;
height: 100%;
vertical-align: middle;
padding-bottom: 25px;
zero: 25px;
padding-bottom: 25px
}
@media screen and (max-width: 767px) {
.tabAccordion ul.tabs li {
display: block;
margin-bottom: 10px;
zero: 10px;
margin-bottom: 10px
}
}
.tabAccordion ul.tabs li[class*="column"]+[class*="column"]:last-child {
float: none
}
.tabAccordion ul.tabs li:first-child .dvTab {
margin-left: 0
}
.tabAccordion .dvTab {
width: auto;
height: 100%;
position: relative;
cursor: pointer;
transition: all 0.4s ease-in-out 0s
}
.tabAccordion .dvTab:hover,.tabAccordion .dvTab.active {
background: #053a6e
}
.tabAccordion .dvTab:hover a,.tabAccordion .dvTab.active a {
color: #fff
}
.tabAccordion .dvTab.active:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 15px 14.5px 0 14.5px;
border-color: #053a6e transparent transparent;
position: absolute;
bottom: -14px;
left: 50%;
margin-left: -14.5px;
zero: -14.5px;
margin-left: -14.5px
}
.tabAccordion .dvTab .dvContent {
position: relative;
display: block;
z-index: 2;
padding: 0;
vertical-align: middle;
height: 100%
}
.tabAccordion .accList {
background: url("../images/arrowDownBlue.png") no-repeat 98% center;
background-color: #ebf7fc;
cursor: pointer;
margin: 10px 0px 0px 0px;
zero: 10px;
zero: 0px;
zero: 0px;
zero: 0px;
margin: 10px 0px 0px 0px
}
@media only screen and (max-width: 48em) {
.tabAccordion .accList {
background-position: 93% center
}
}
@media only screen and (max-width: 30em) {
.tabAccordion .accList {
background-position: 94% center
}
}
.tabAccordion .accList:hover,.tabAccordion .accList.active {
background: url("../images/arrowUpWhite.png") no-repeat 98% center;
background-color: #053a6e
}
@media only screen and (max-width: 48em) {
.tabAccordion .accList:hover,.tabAccordion .accList.active {
background-position: 93% center
}
}
@media only screen and (max-width: 30em) {
.tabAccordion .accList:hover,.tabAccordion .accList.active {
background-position: 94% center
}
}
.tabAccordion .accList:hover a,.tabAccordion .accList.active a {
color: #fff
}
.touch .tabAccordion .accList:hover {
background-image: url("../images/arrowDownBlue.png");
background-color: #ebf7fc
}
.touch .tabAccordion .accList:hover a {
color: #666
}
.touch .tabAccordion .accList.active {
background-image: url("../images/arrowUpWhite.png");
background-color: #053a6e
}
.touch .tabAccordion .accList.active a {
color: #fff
}
.intro h2 {
color: #333;
font-size: 28px;
zero: 28px;
font-size: 28px;
line-height: 38px;
zero: 38px;
line-height: 38px;
font-weight: 300;
margin: 16px 0px 16px 0px;
zero: 16px;
zero: 0px;
zero: 16px;
zero: 0px;
margin: 16px 0px 16px 0px
}
@media only screen and (max-width: 48em) {
.intro h2 {
text-align: center;
font-size: 20px;
zero: 20px;
font-size: 20px;
line-height: 20px;
zero: 20px;
line-height: 20px
}
}
.intro p {
font-size: 16px;
zero: 16px;
font-size: 16px;
line-height: 20px;
zero: 20px;
line-height: 20px
}
.investTodayTabs {
margin-left: -12px;
zero: -12px;
margin-left: -12px
}
@media screen and (max-width: 767px) {
.investTodayTabs {
margin-left: 0px
}
}
.investTodayTabs ul.tabs li {
width: 33.33%;
zero: 33.33%;
width: 33.33%
}
@media screen and (max-width: 767px) {
.investTodayTabs ul.tabs li {
width: 100%
}
}
.investTodayTabs .dvTab {
margin-left: 12px;
zero: 12px;
margin-left: 12px;
background: #ebf7fc
}
.investTodayTabs .dvTab .dvContent {
padding-right: 10px;
zero: 10px;
padding-right: 10px
}
.investTodayTabs .dvTab.col1 .dvImg,.investTodayTabs .accList.col1 .dvImg
{
background: url("../images/imgCost.png") no-repeat center 80%;
background-size: auto 80%
}
.investTodayTabs .dvTab.col2 .dvImg,.investTodayTabs .accList.col2 .dvImg
{
background: url("../images/imgDream.png") no-repeat center 65%;
background-size: auto 90%;
width: 51.5556%;
zero: 51.5556%;
width: 51.5556%
}
.investTodayTabs .dvTab.col3 .dvImg,.investTodayTabs .accList.col3 .dvImg
{
background: url("../images/imgTime.png") no-repeat center center;
background-size: auto 88%
}
.investTodayTabs .dvTab a,.investTodayTabs .accList a {
display: inline-block;
width: 43.37349%;
zero: 43.37349%;
width: 43.37349%;
vertical-align: middle;
padding: 10px 0px;
zero: 10px;
zero: 0px;
padding: 10px 0px;
color: #052754;
font-size: 21px;
zero: 21px;
font-size: 21px;
line-height: 23px;
zero: 23px;
line-height: 23px;
font-weight: 300
}
.investTodayTabs .dvTab .dvImg,.investTodayTabs .accList .dvImg {
width: 48%;
zero: 48%;
width: 48%;
display: inline-block;
vertical-align: middle;
padding-top: 53.253%;
zero: 53.253%;
padding-top: 53.253%
}
.investTodayTabs .accList .dvImg {
padding-top: 110px;
zero: 110px;
padding-top: 110px;
width: 118px;
zero: 118px;
width: 118px
}
@media only screen and (max-width: 30em) {
.investTodayTabs .accList .dvImg {
width: 40%;
zero: 40%;
width: 40%
}
}
.investTodayTabs .accList.col2 .dvImg {
width: 118px;
zero: 118px;
width: 118px
}
@media only screen and (max-width: 30em) {
.investTodayTabs .accList.col2 .dvImg {
width: 40%;
zero: 40%;
width: 40%
}
}
.investTodayTabs .accList a {
width: 70%;
zero: 70%;
width: 70%;
position: relative;
padding: 10px 38px 10px 0;
zero: 10px;
zero: 38px;
zero: 10px;
zero: 0;
padding: 10px 38px 10px 0;
box-sizing: border-box
}
@media only screen and (max-width: 30em) {
.investTodayTabs .accList a {
width: 58%;
zero: 58%;
width: 58%;
font-size: 17px;
zero: 17px;
font-size: 17px;
line-height: 20px;
zero: 20px;
line-height: 20px
}
}
.investTodayTabs .accList.col1 .dvImg {
background-position: center;
background-size: auto 90%
}
.investTodayTabs .accList.col2 .dvImg {
background-position: center;
background-size: auto 90%
}
.investTodayTabs .accList.col3 .dvImg {
background-position: center;
background-size: auto 90%
}
.whyInvestTabs ul.tabs li {
width: 20%;
zero: 20%;
width: 20%
}
@media screen and (max-width: 767px) {
.whyInvestTabs ul.tabs li {
width: 100%
}
}
.whyInvestTabs .dvTab {
text-align: center
}
@media screen and (max-width: 767px) {
.whyInvestTabs .dvTab {
text-align: left
}
}
.whyInvestTabs .dvTab:hover a,.whyInvestTabs .dvTab.active a {
color: #fff
}
.whyInvestTabs .dvTab.active:after {
content: "";
border-width: 11px 10px 0 10px;
position: absolute;
bottom: -10px;
left: 50%;
margin-left: -10px;
zero: -10px;
margin-left: -10px
}
.whyInvestTabs .dvTab .dvContent {
padding: 14.73684% 10px 12.63158%;
zero: 14.73684%;
zero: 10px;
zero: 12.63158%;
padding: 14.73684% 10px 12.63158%
}
@media screen and (max-width: 767px) {
.whyInvestTabs .dvTab .dvContent {
padding: 10px 10px 10px 6px;
zero: 10px;
zero: 10px;
zero: 10px;
zero: 6px;
padding: 10px 10px 10px 6px
}
}
.whyInvestTabs cite.circle {
padding-left: 73.52941176470588%;
padding-top: 73.52941176470588%;
border: 1px solid #d4d4d4;
border-radius: 50%;
display: inline-block;
line-height: 0px;
font-size: 0px
}
@media only screen and (max-width: 48em) {
.whyInvestTabs cite.circle {
padding: 0px;
width: 82px;
zero: 82px;
width: 82px;
height: 82px;
zero: 82px;
height: 82px;
margin: 0px 10px;
zero: 0px;
zero: 10px;
margin: 0px 10px
}
}
@media only screen and (max-width: 30em) {
.whyInvestTabs cite.circle {
padding: 0px;
width: 62px;
zero: 62px;
width: 62px;
height: 62px;
zero: 62px;
height: 62px;
margin: 0px 10px;
zero: 0px;
zero: 10px;
margin: 0px 10px
}
}
.whyInvestTabs .tblCell {
display: table-cell;
vertical-align: middle;
line-height: 0px
}
.whyInvestTabs .dvTab a,.whyInvestTabs .accList a {
color: #333;
font-weight: 400;
font-size: 16px;
zero: 16px;
font-size: 16px;
line-height: 18px;
zero: 18px;
line-height: 18px;
display: block
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.whyInvestTabs .dvTab a,.whyInvestTabs .accList a {
font-size: 14px;
zero: 14px;
font-size: 14px;
line-height: 16px;
zero: 16px;
line-height: 16px;
padding: 12px 0px 0px;
zero: 12px;
zero: 0px;
zero: 0px;
padding: 12px 0px 0px
}
}
@media only screen and (max-width: 48em) {
.whyInvestTabs .dvTab a,.whyInvestTabs .accList a {
font-size: 15px;
zero: 15px;
font-size: 15px;
line-height: 18px;
zero: 18px;
line-height: 18px;
padding: 12px 0px 0px;
zero: 12px;
zero: 0px;
zero: 0px;
padding: 12px 0px 0px
}
}
@media only screen and (max-width: 30em) {
.whyInvestTabs .dvTab a,.whyInvestTabs .accList a {
font-size: 15px;
zero: 15px;
font-size: 15px;
line-height: 18px;
zero: 18px;
line-height: 18px;
padding: 12px 0px 0px;
zero: 12px;
zero: 0px;
zero: 0px;
padding: 12px 0px 0px
}
}
@media screen and (max-width: 767px) {
.whyInvestTabs .dvTab a,.whyInvestTabs .accList a {
display: inline-block;
padding: 0 10px;
zero: 0;
zero: 10px;
padding: 0 10px
}
}
.whyInvestTabs .dvTab.col1 cite,.whyInvestTabs .accList.col1 cite {
background: #fff url("../images/icnPersonalised.png") no-repeat center
80%;
background-size: auto 68%
}
.whyInvestTabs .dvTab.col2 cite,.whyInvestTabs .accList.col2 cite {
background: #fff url("../images/icnFlexibility.png") no-repeat center;
background-size: auto 68%
}
.whyInvestTabs .dvTab.col3 cite,.whyInvestTabs .accList.col3 cite {
background: #fff url("../images/icnFormidable.png") no-repeat center;
background-size: auto 68%
}
.whyInvestTabs .dvTab.col4 cite,.whyInvestTabs .accList.col4 cite {
background: #fff url("../images/icnFinancial.png") no-repeat center;
background-size: auto 68%
}
.whyInvestTabs .dvTab.col5 cite,.whyInvestTabs .accList.col5 cite {
background: #fff url("../images/icnGains.png") no-repeat center;
background-size: auto 68%
}
.whyInvestTabs .accList {
padding: 10px 10px 10px 6px;
zero: 10px;
zero: 10px;
zero: 10px;
zero: 6px;
padding: 10px 10px 10px 6px
}
.whyInvestTabs .accList a {
padding: 0px 38px 0px 10px;
zero: 0px;
zero: 38px;
zero: 0px;
zero: 10px;
padding: 0px 38px 0px 10px
}
.contentDetails {
width: 96%;
zero: 96%;
width: 96%
}
@media only screen and (max-width: 48em) {
.contentDetails {
width: 100%;
zero: 100%;
width: 100%
}
}
.contentDetails h2 {
font-size: 16px;
zero: 16px;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
margin: 15px 0 5px;
zero: 15px;
zero: 0;
zero: 5px;
margin: 15px 0 5px;
display: inline-block;
width: 100%;
zero: 100%;
width: 100%
}
.contentDetails h3 {
font-size: 28px;
zero: 28px;
font-size: 28px;
font-weight: 300;
margin: 18px 0 5px;
zero: 18px;
zero: 0;
zero: 5px;
margin: 18px 0 5px;
display: inline-block;
width: 100%;
zero: 100%;
width: 100%
}
.contentDetails p {
color: #38322c;
line-height: 22px;
zero: 22px;
line-height: 22px;
font-size: 16px;
zero: 16px;
font-size: 16px
}
.contentDetails p a {
font-style: italic;
color: #005f9c
}
.contentDetails p a:hover {
text-decoration: underline
}
.contentDetails p a.blankLink {
color: #38322c
}
.contentDetails a {
color: #d51d24;
font-size: 16px;
zero: 16px;
font-size: 16px
}
.contentDetails a.claimLink {
background: url("../images/ico_claimProcess.png") no-repeat center right;
padding-right: 25px
}
.contentDetails .topPerformanceWrap {
margin-bottom: 20px;
zero: 20px;
margin-bottom: 20px
}
.contentDetails .topPerformanceWrap a {
color: #05396e;
font-size: 13px;
zero: 13px;
font-size: 13px
}
.dvTopBtns {
padding-bottom: 17px;
zero: 17px;
padding-bottom: 17px
}
.backBtn {
color: #d4161d;
font-size: 16px;
zero: 16px;
font-size: 16px;
line-height: 16px;
zero: 16px;
line-height: 16px;
text-decoration: none;
display: inline-block;
padding: 0px 0px 3px 14px;
zero: 0px;
zero: 0px;
zero: 3px;
zero: 14px;
padding: 0px 0px 3px 14px;
position: relative
}
.backBtn:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 6px 7px 6px 0;
border-color: transparent #d4161c transparent;
position: absolute;
left: 0;
top: 50%;
margin-top: -6px;
z-index: 1;
transition: all 0.4s ease-in-out 0s
}
.backBtn:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 6px 7px 6px 0;
border-color: transparent #FFF transparent;
position: absolute;
left: 2px;
top: 50%;
margin-top: -6px;
z-index: 2;
transition: all 0.4s ease-in-out 0s
}
.backBtn:hover:after {
left: -4px
}
.backBtn:hover:before {
left: -2px
}
.dvBlocks {
width: 96%;
zero: 96%;
width: 96%;
border-top: 1px solid #d7e0e7;
padding-top: 18px;
zero: 18px;
padding-top: 18px
}
@media only screen and (max-width: 48em) {
.dvBlocks {
width: 100%;
zero: 100%;
width: 100%
}
}
.dvBlocks .artLandingDiv {
width: 100%;
zero: 100%;
width: 100%
}
.grayUlipTabCost {
background-color: #ecf9ff;
padding: 66px 0;
zero: 66px;
zero: 0;
padding: 66px 0;
border-bottom: 4px solid #0067ac
}
@media only screen and (max-width: 48em) {
.grayUlipTabCost {
padding: 20px 10px 10px;
zero: 20px;
zero: 10px;
zero: 10px;
padding: 20px 10px 10px;
border-bottom-width: 3px
}
}
.grayUlipTabCost .dvRow1 {
padding-bottom: 30px;
zero: 30px;
padding-bottom: 30px;
width: 733px;
zero: 733px;
width: 733px;
margin: auto
}
@media only screen and (max-width: 48em) {
.grayUlipTabCost .dvRow1 {
width: auto
}
}
.grayUlipTabCost .inflateGraph {
float: left;
width: 236px;
zero: 236px;
width: 236px
}
@media only screen and (max-width: 48em) {
.grayUlipTabCost .inflateGraph {
float: none;
margin: 0 auto
}
}
.grayUlipTabCost .inflateGraph .charttitle {
width: 100%;
text-align: center;
padding: 9px 0px 0px;
zero: 9px;
zero: 0px;
zero: 0px;
padding: 9px 0px 0px
}
.grayUlipTabCost .inflateGraph .charttitle span {
background: #a8e7ff;
padding: 0 24px;
zero: 0;
zero: 24px;
padding: 0 24px;
display: inline-block;
border: 1px solid #FFF;
position: relative
}
.grayUlipTabCost .inflateGraph .charttitle span:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 14px 0 14px 10px;
border-color: transparent #FFF transparent;
position: absolute;
left: -1px;
top: -1px;
z-index: 1;
transition: all 0.4s ease-in-out 0s
}
.grayUlipTabCost .inflateGraph .charttitle span:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 14px 0 14px 10px;
border-color: transparent #ecf9ff transparent;
position: absolute;
left: -2px;
top: -1px;
z-index: 2;
transition: all 0.4s ease-in-out 0s
}
.grayUlipTabCost .inflateGraph .charttitle span cite {
font-style: normal;
line-height: 26px;
zero: 26px;
line-height: 26px;
font-size: 14px;
zero: 14px;
font-size: 14px;
text-transform: uppercase;
color: #052754;
font-weight: 700;
display: inline-block;
white-space: nowrap
}
.grayUlipTabCost .inflateGraph .charttitle span cite:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 14px 10px 14px 0px;
border-color: transparent #FFF transparent;
position: absolute;
right: -1px;
top: -1px;
z-index: 1;
transition: all 0.4s ease-in-out 0s
}
.grayUlipTabCost .inflateGraph .charttitle span cite:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 14px 10px 14px 0px;
border-color: transparent #ecf9ff transparent;
position: absolute;
right: -2px;
top: -1px;
z-index: 2;
transition: all 0.4s ease-in-out 0s
}
.grayUlipTabCost .inflateGraph .chartWrap {
height: 170px
}
.grayUlipTabCost .inflateGraph .chartWrap .chartProgress span {
display: none
}
.grayUlipTabCost .inflateGraph .chartWrap.animate {
background: url(../images/bg_chart.png) no-repeat scroll left bottom;
padding: 0 10px;
zero: 0;
zero: 10px;
padding: 0 10px;
position: relative;
height: auto
}
.grayUlipTabCost .inflateGraph .chartWrap.animate .chartProgress {
background: url(../images/bg_chart_progress.png) no-repeat scroll left
bottom;
bottom: 44px;
height: 77px;
left: 33px;
position: absolute;
width: 0
}
.grayUlipTabCost .inflateGraph .chartWrap.animate .chartProgress span {
background-color: #9d1e1a;
border-radius: 5px;
bottom: 90px;
color: #fff;
font-size: 20px;
zero: 20px;
font-size: 20px;
padding: 6px 8px;
zero: 6px;
zero: 8px;
padding: 6px 8px;
position: absolute;
right: 40px
}
.grayUlipTabCost .inflateGraph .chartWrap.animate .chartProgress span:after
{
width: 0;
height: 0;
border-style: solid;
border-width: 7px 6.5px 0 6.5px;
border-color: #9d1e1a transparent transparent;
content: "";
position: absolute;
bottom: 0;
left: 50%;
margin-left: -6px;
margin-bottom: -7px
}
.grayUlipTabCost .inflateGraph .chartWrap.animate .chart {
display: table;
table-layout: fixed;
width: 100%;
max-width: 200px;
height: 170px;
margin: 0 auto
}
.grayUlipTabCost .inflateGraph .chartWrap.animate .chart li {
padding-bottom: 1px;
position: relative;
display: table-cell;
vertical-align: bottom;
height: 120px
}
.grayUlipTabCost .inflateGraph .chartWrap.animate .chart span {
margin: 0 6px;
zero: 0;
zero: 6px;
margin: 0 6px;
display: block;
height: 0
}
.grayUlipTabCost .inflateGraph .chartWrap.animate .chart span:before {
position: absolute;
left: 0;
right: 0;
top: 100%;
padding: 5px 10px 0;
zero: 5px;
zero: 10px;
zero: 0;
padding: 5px 10px 0;
display: block;
text-align: center;
content: '';
word-wrap: break-word
}
.grayUlipTabCost .inflateGraph .chartWrap.animate .chart .column-1 {
height: 33px;
background: #f9b391
}
.grayUlipTabCost .inflateGraph .chartWrap.animate .chart .column-2 {
height: 52px;
background: #ea8161
}
.grayUlipTabCost .inflateGraph .chartWrap.animate .chart .column-3 {
height: 71px;
background: #ec623d
}
.grayUlipTabCost .inflateGraph .chartWrap.animate .chart .column-4 {
height: 94px;
background: #f54635
}
.grayUlipTabCost .inflateInfo {
float: left;
margin-left: 10%
}
@media only screen and (max-width: 48em) {
.grayUlipTabCost .inflateInfo {
float: none;
margin-left: 0
}
}
.grayUlipTabCost .inflateInfo h3,.grayUlipTabCost .inflateInfo div.graphInfoTitle
{
font-size: 17px;
zero: 17px;
font-size: 17px;
line-height: 20px;
zero: 20px;
line-height: 20px;
color: #052754;
font-weight: 700;
text-transform: uppercase
}
.grayUlipTabCost .inflateInfo ul {
background: #fff
}
.grayUlipTabCost .inflateInfo ul li {
font-size: 21px;
zero: 21px;
font-size: 21px;
line-height: 24px;
zero: 24px;
line-height: 24px;
color: #052754;
font-weight: 700
}
.grayUlipTabCost .inflateInfo ul li.dvPrice {
position: relative
}
.grayUlipTabCost .inflateInfo ul li.dvPrice div.floatLW {
padding: 14px 18px;
zero: 14px;
zero: 18px;
padding: 14px 18px;
box-sizing: border-box;
position: relative;
z-index: 2
}
.grayUlipTabCost .inflateInfo ul li.dvPrice .progressBarMainInner {
position: absolute;
left: 0;
background: #7ba3de;
top: 0;
bottom: 0;
z-index: 1;
width: 0%;
height: 54px
}
.grayUlipTabCost .inflateInfo ul li.dvPrice .dvAmount {
float: left;
position: relative;
z-index: 2;
padding: 14px 18px;
zero: 14px;
zero: 18px;
padding: 14px 18px
}
.grayUlipTabCost .inflateInfo ul li.dvPrice .dvYear {
float: right;
position: relative;
z-index: 2;
width: 103px;
zero: 103px;
width: 103px;
text-align: center;
padding: 14px 0px;
zero: 14px;
zero: 0px;
padding: 14px 0px
}
.grayUlipTabCost .dvTextInfo {
clear: both;
background-color: #daf3fe;
padding: 15px 30px 15px 30px;
zero: 15px;
zero: 30px;
zero: 15px;
zero: 30px;
padding: 15px 30px 15px 30px;
max-width: 848px;
width: 100%;
box-sizing: border-box;
margin: auto
}
@media only screen and (max-width: 48em) {
.grayUlipTabCost .dvTextInfo {
padding: 10px;
zero: 10px;
padding: 10px
}
}
.grayUlipTabCost .dvTextInfo p {
font-size: 16px;
zero: 16px;
font-size: 16px;
margin: 0px 0px 7px;
zero: 0px;
zero: 0px;
zero: 7px;
margin: 0px 0px 7px;
color: #052754;
line-height: 21px;
zero: 21px;
line-height: 21px
}
.grayUlipTabCost .WebRupee {
margin-right: 0px
}
.floatLW {
width: 100%;
float: left
}
.padT17 {
padding-top: 17px;
zero: 17px;
padding-top: 17px
}
.padB2 {
padding-bottom: 2px;
zero: 2px;
padding-bottom: 2px
}
.grayUlipTabSum {
background-color: #ecf9ff;
padding: 40px 200px 25px;
zero: 40px;
zero: 200px;
zero: 25px;
padding: 40px 200px 25px;
border-bottom: 4px solid #0067ac
}
@media only screen and (max-width: 48em) {
.grayUlipTabSum {
padding: 20px 10px 10px;
zero: 20px;
zero: 10px;
zero: 10px;
padding: 20px 10px 10px;
border-bottom-width: 3px
}
}
.grayUlipTabSum .ulipSumPlan {
float: left;
width: 30%;
padding: 0px 10px 0px 0px;
zero: 0px;
zero: 10px;
zero: 0px;
zero: 0px;
padding: 0px 10px 0px 0px;
border-right: 1px dotted #5b80cc
}
@media only screen and (max-width: 48em) {
.grayUlipTabSum .ulipSumPlan {
padding: 0px;
zero: 0px;
padding: 0px;
width: 100%;
border-right: none;
border-bottom: 1px dotted #5b80cc;
margin-bottom: 20px;
zero: 20px;
margin-bottom: 20px
}
}
.grayUlipTabSum .ulipSumPlan.secRecord {
padding: 0px 10px 0px 75px;
zero: 0px;
zero: 10px;
zero: 0px;
zero: 75px;
padding: 0px 10px 0px 75px;
width: 40%
}
@media only screen and (max-width: 48em) {
.grayUlipTabSum .ulipSumPlan.secRecord {
padding: 0px;
zero: 0px;
padding: 0px;
width: 100%
}
}
.grayUlipTabSum .ulipSumPlan:last-child {
padding: 0px 0px 0px 70px;
zero: 0px;
zero: 0px;
zero: 0px;
zero: 70px;
padding: 0px 0px 0px 70px;
border: none
}
@media only screen and (max-width: 48em) {
.grayUlipTabSum .ulipSumPlan:last-child {
padding: 0px;
zero: 0px;
padding: 0px;
width: 100%
}
}
.grayUlipTabSum .ulipSumPlan .subTitle {
font-size: 20px;
zero: 20px;
font-size: 20px;
color: #052754;
padding: 6px 0px;
zero: 6px;
zero: 0px;
padding: 6px 0px;
font-weight: 200;
text-transform: uppercase
}
@media only screen and (max-width: 48em) {
.grayUlipTabSum .ulipSumPlan .subTitle {
font-size: 17px;
zero: 17px;
font-size: 17px
}
}
.grayUlipTabSum .ulipSumPlan .rsSum {
display: inline-block;
min-width: 165px;
font-size: 20px;
zero: 20px;
font-size: 20px;
color: #052754;
padding: 2px 0px 5px;
zero: 2px;
zero: 0px;
zero: 5px;
padding: 2px 0px 5px;
font-weight: 700;
border-bottom: 1px solid #b7c7d5
}
@media only screen and (max-width: 48em) {
.grayUlipTabSum .ulipSumPlan .rsSum {
min-width: 250px;
padding: 4px 0px 7px;
zero: 4px;
zero: 0px;
zero: 7px;
padding: 4px 0px 7px;
margin-bottom: 5px;
zero: 5px;
margin-bottom: 5px
}
}
.grayUlipTabSum .ulipSumPlan .txtRedx {
font-size: 50px;
zero: 50px;
font-size: 50px;
color: #d63221;
padding: 5px 0px 0px;
zero: 5px;
zero: 0px;
zero: 0px;
padding: 5px 0px 0px;
font-weight: 900;
position: relative;
top: 10px
}
@media only screen and (max-width: 48em) {
.grayUlipTabSum .ulipSumPlan .txtRedx {
font-size: 39px;
zero: 39px;
font-size: 39px;
padding: 5px 0px 15px;
zero: 5px;
zero: 0px;
zero: 15px;
padding: 5px 0px 15px;
display: inline-block
}
}
.grayUlipTabSum .ulipSumPlan .subTextRed {
font-size: 17px;
zero: 17px;
font-size: 17px;
color: #d63221;
padding: 3px 0px;
zero: 3px;
zero: 0px;
padding: 3px 0px;
font-weight: 400;
position: relative
}
@media only screen and (max-width: 48em) {
.grayUlipTabSum .ulipSumPlan .subTextRed {
padding: 2px 0px 2px 10px;
zero: 2px;
zero: 0px;
zero: 2px;
zero: 10px;
padding: 2px 0px 2px 10px;
display: inline-block
}
}
.grayUlipTabSum .dvTextInfo {
clear: both;
background-color: #fafcfd;
padding: 15px 20px;
zero: 15px;
zero: 20px;
padding: 15px 20px;
margin-top: 45px;
zero: 45px;
margin-top: 45px
}
@media only screen and (max-width: 48em) {
.grayUlipTabSum .dvTextInfo {
margin-top: 0px;
zero: 0px;
margin-top: 0px;
padding: 10px;
zero: 10px;
padding: 10px
}
}
.grayUlipTabSum .dvTextInfo p {
font-size: 14px;
zero: 14px;
font-size: 14px;
margin: 0px 0px 7px;
zero: 0px;
zero: 0px;
zero: 7px;
margin: 0px 0px 7px;
color: #052754;
line-height: 1.3;
zero: 1.3;
line-height: 1.3
}
.grayUlipTabSum .WebRupee {
margin-right: 0px
}
@media screen and (min-width: 800px) and (max-width: 1024px) {
.grayUlipTabSum {
padding: 10px 20px;
zero: 10px;
zero: 20px;
padding: 10px 20px
}
.grayUlipTabSum .ulipSumPlan .txtRedx {
font-size: 45px;
zero: 45px;
font-size: 45px
}
.grayUlipTabSum .ulipSumPlan.secRecord {
padding: 0 10px 0 65px;
width: 38%
}
}
.grayUlipTabInvest {
background-color: #ecf9ff;
padding: 40px 135px 30px;
zero: 40px;
zero: 135px;
zero: 30px;
padding: 40px 135px 30px;
border-bottom: 4px solid #0067ac
}
@media only screen and (max-width: 48em) {
.grayUlipTabInvest {
padding: 10px;
zero: 10px;
padding: 10px;
border-bottom-width: 3px
}
}
.grayUlipTabInvest .dvUlipPlan {
float: left;
width: 50%;
padding: 10px 10px 10px 55px;
zero: 10px;
zero: 10px;
zero: 10px;
zero: 55px;
padding: 10px 10px 10px 55px;
background-color: #FFF
}
@media only screen and (max-width: 48em) {
.grayUlipTabInvest .dvUlipPlan {
padding: 10px;
zero: 10px;
padding: 10px;
width: 100%
}
}
.grayUlipTabInvest .dvUlipPlan .lftTitle {
float: left;
vertical-align: middle;
border-right: 1px solid #c8d4d9;
text-align: right;
padding: 7px 17px 7px 0px;
zero: 7px;
zero: 17px;
zero: 7px;
zero: 0px;
padding: 7px 17px 7px 0px
}
@media only screen and (max-width: 48em) {
.grayUlipTabInvest .dvUlipPlan .lftTitle {
padding: 0 10px 0px 0px;
zero: 0;
zero: 10px;
zero: 0px;
zero: 0px;
padding: 0 10px 0px 0px
}
}
.grayUlipTabInvest .dvUlipPlan .lftTitle .btmTitle {
font-size: 17px;
zero: 17px;
font-size: 17px;
color: #dc323b;
padding: 6px 0px;
zero: 6px;
zero: 0px;
padding: 6px 0px;
font-weight: 700;
text-transform: uppercase
}
@media only screen and (max-width: 48em) {
.grayUlipTabInvest .dvUlipPlan .lftTitle .btmTitle {
font-size: 14px;
zero: 14px;
font-size: 14px;
padding: 4px 0px;
zero: 4px;
zero: 0px;
padding: 4px 0px
}
}
.grayUlipTabInvest .dvUlipPlan .valPlan {
display: inline-block;
padding: 16px 0 0 20px;
zero: 16px;
zero: 0;
zero: 0;
zero: 20px;
padding: 16px 0 0 20px;
font-size: 40px;
zero: 40px;
font-size: 40px;
color: #d51d25;
font-weight: 700;
min-height: 83px
}
@media only screen and (max-width: 48em) {
.grayUlipTabInvest .dvUlipPlan .valPlan {
font-size: 23px;
zero: 23px;
font-size: 23px;
padding: 12px 0 0 12px;
zero: 12px;
zero: 0;
zero: 0;
zero: 12px;
padding: 12px 0 0 12px;
min-height: 63px
}
}
.grayUlipTabInvest .dvUlipPlan .tltStart {
clear: both;
font-size: 16px;
zero: 16px;
font-size: 16px;
color: #052754;
padding: 6px 0px;
zero: 6px;
zero: 0px;
padding: 6px 0px;
font-weight: 700;
text-transform: uppercase
}
.grayUlipTabInvest .dvUlipPlan.rgreyBlock {
background-color: #faf9f9
}
.grayUlipTabInvest .dvTextInfo {
clear: both;
padding-top: 20px;
zero: 20px;
padding-top: 20px
}
@media only screen and (max-width: 48em) {
.grayUlipTabInvest .dvTextInfo {
padding: 20px 5px 0px;
zero: 20px;
zero: 5px;
zero: 0px;
padding: 20px 5px 0px
}
}
.grayUlipTabInvest .dvTextInfo p {
font-size: 14px;
zero: 14px;
font-size: 14px;
margin: 0px 0px 7px;
zero: 0px;
zero: 0px;
zero: 7px;
margin: 0px 0px 7px;
color: #052754;
line-height: 1.3;
zero: 1.3;
line-height: 1.3
}
.grayUlipTabInvest .WebRupee {
margin-right: 0px
}
span.ribbon {
background: url(../images/iconRibbon.png) no-repeat left top;
padding-left: 10px;
zero: 10px;
padding-left: 10px;
display: inline-block
}
span.ribbon span {
background: url(../images/iconRibbon.png) no-repeat right -78px;
display: inline-block;
line-height: 22px;
zero: 22px;
line-height: 22px;
font-size: 16px;
zero: 16px;
font-size: 16px;
padding: 0px 13px 0px 3px;
zero: 0px;
zero: 13px;
zero: 0px;
zero: 3px;
padding: 0px 13px 0px 3px;
color: #fff
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.grayUlipTabInvest {
padding: 10px 20px;
zero: 10px;
zero: 20px;
padding: 10px 20px
}
.grayUlipTabInvest .dvUlipPlan {
width: 50%
}
.grayUlipTabInvest .dvUlipPlan .lftTitle .btmTitle {
font-size: 14px;
zero: 14px;
font-size: 14px;
padding: 4px 0px;
zero: 4px;
zero: 0px;
padding: 4px 0px
}
.grayUlipTabInvest .dvUlipPlan .valPlan {
font-size: 23px;
zero: 23px;
font-size: 23px
}
}
.progressBarMain {
position: relative;
width: 270px;
padding: 10px 15px;
zero: 10px;
zero: 15px;
padding: 10px 15px;
margin-bottom: 20px;
zero: 20px;
margin-bottom: 20px
}
.progressBarMain .progressBarMainInner {
position: absolute;
left: 0;
background: #87deff;
top: 0;
bottom: 0;
z-index: 1;
width: 0%
}
.progressBarMain .progressBarMainCont {
z-index: 2;
position: relative;
font-size: 16px;
zero: 16px;
font-size: 16px;
color: #052754;
font-weight: bold;
text-transform: uppercase
}
.progressBarMain.progressBarLine {
padding: 0;
zero: 0;
padding: 0;
width: auto;
margin-top: 10px;
display: inline-block;
padding-right: 10px
}
.progressBarMain.progressBarLine .progressBarMainInner {
background: #d51d25;
bottom: -5px;
top: auto;
height: 2px;
zero: 2px;
height: 2px
}
.animateNumber {
color: red;
font-size: 25px;
zero: 25px;
font-size: 25px;
margin: 25px 0;
zero: 25px;
zero: 0;
margin: 25px 0
}
.radialAnimate {
position: relative;
width: 180px;
height: 180px
}
.radialAnimate .radialNumber {
position: absolute;
z-index: 2;
left: 0;
right: 0;
text-align: center;
margin-top: 0;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
color: red;
font-size: 25px;
zero: 25px;
font-size: 25px
}
.whyInvestTabs {
width: 98%;
zero: 98%;
width: 98%
}
@media only screen and (max-width: 48em) {
.whyInvestTabs {
width: 100%;
zero: 100%;
width: 100%
}
}
.whyInvestTabs .titlePage h1 {
color: #333;
font-size: 28px;
zero: 28px;
font-size: 28px;
line-height: 38px;
zero: 38px;
line-height: 38px;
font-weight: 300;
margin: 16px 0px 6px 0px;
zero: 16px;
zero: 0px;
zero: 6px;
zero: 0px;
margin: 16px 0px 6px 0px
}
@media only screen and (max-width: 48em) {
.whyInvestTabs .titlePage h1 {
text-align: center;
font-size: 20px;
zero: 20px;
font-size: 20px;
line-height: 20px;
zero: 20px;
line-height: 20px
}
}
.whyInvestTabs .titlePage h3 {
color: #666;
font-size: 18px;
zero: 18px;
font-size: 18px;
line-height: 28px;
zero: 28px;
line-height: 28px;
font-weight: 300;
border-bottom: 1px solid #ebebeb;
margin: 0px 0px 25px 0px;
zero: 0px;
zero: 0px;
zero: 25px;
zero: 0px;
margin: 0px 0px 25px 0px;
padding: 0px 0px 18px 0px;
zero: 0px;
zero: 0px;
zero: 18px;
zero: 0px;
padding: 0px 0px 18px 0px
}
@media only screen and (max-width: 48em) {
.whyInvestTabs .titlePage h3 {
text-align: center;
font-size: 15px;
zero: 15px;
font-size: 15px;
line-height: 22px;
zero: 22px;
line-height: 22px;
margin: 0px;
padding: 0px;
border-bottom: none
}
}
.whyInvestTabs .titlePage em {
font-style: normal;
color: #0069ad
}
.whyInvestTabs .contentBlock {
padding: 20px 0;
zero: 20px;
zero: 0;
padding: 20px 0
}
@media only screen and (max-width: 48em) {
.whyInvestTabs .contentBlock {
padding-bottom: 0
}
}
.whyInvestTabs .relcontent p {
color: #333;
font-size: 15px;
zero: 15px;
font-size: 15px;
line-height: 22px;
zero: 22px;
line-height: 22px
}
.whyInvestTabs .relcontent .listPoints {
padding-left: 15px;
zero: 15px;
padding-left: 15px
}
.whyInvestTabs .relcontent li {
background: url("../images/bg_list_bullet.png") no-repeat scroll left
8px;
padding-left: 20px;
zero: 20px;
padding-left: 20px
}
.whyInvestTabs .relcontent h3 {
color: #053a6e;
margin-top: 0;
font-size: 15px;
zero: 15px;
font-size: 15px;
margin-bottom: 2px;
zero: 2px;
margin-bottom: 2px;
font-weight: 600
}
.artLandingDiv {
width: 98%;
zero: 98%;
width: 98%
}
@media only screen and (max-width: 48em) {
.artLandingDiv {
width: 100%;
zero: 100%;
width: 100%
}
}
.artLandingDiv h3 {
font-size: 16px;
zero: 16px;
font-size: 16px;
font-weight: 700;
text-transform: uppercase
}
.artLandingDiv .trendingArticles {
background: #f5fcfe;
border-bottom: 3px solid #8ddeff;
width: 100%;
margin-bottom: 15px;
zero: 15px;
margin-bottom: 15px;
padding: 10px;
zero: 10px;
padding: 10px;
display: table;
position: relative;
z-index: 1
}
.artLandingDiv .trendingArticles .socialLinks {
position: absolute;
right: 5px;
top: 4px
}
.artLandingDiv .trendingArticlesLeft {
display: table-cell;
min-width: 200px;
vertical-align: middle;
padding-right: 10px;
zero: 10px;
padding-right: 10px
}
@media only screen and (max-width: 48em) {
.artLandingDiv .trendingArticlesLeft {
display: none
}
}
.artLandingDiv .trendingArticlesRight {
padding: 10px;
zero: 10px;
padding: 10px;
display: table-cell;
vertical-align: middle
}
.artLandingDiv .trendingArticlesRight h2 {
font-size: 17px;
zero: 17px;
font-size: 17px;
color: #0a3f73;
font-weight: 700
}
.artLandingDiv .trendingArticlesRight p {
font-size: 15px;
zero: 15px;
font-size: 15px;
line-height: 20px;
zero: 20px;
line-height: 20px;
margin-bottom: 0;
zero: 0;
margin-bottom: 0;
color: #233445
}
.artLandingDiv .trendingArticlesRight p a {
color: #d4161d
}
.artLandingDiv ul.blockgrid {
width: 102%;
zero: 102%;
width: 102%;
margin-left: -1%;
zero: -1%;
margin-left: -1%
}
@media only screen and (max-width: 48em) {
.artLandingDiv ul.blockgrid {
width: 100%;
zero: 100%;
width: 100%;
margin-left: 0%;
zero: 0%;
margin-left: 0%
}
}
.artLandingDiv ul.blockgrid li {
border: 1px solid #eaeaea;
margin: 1%;
zero: 1%;
margin: 1%;
padding: 22px 18px;
zero: 22px;
zero: 18px;
padding: 22px 18px;
width: 31.33%;
zero: 31.33%;
width: 31.33%;
display: none
}
.artLandingDiv ul.blockgrid li h4 {
font-size: 16px;
zero: 16px;
font-size: 16px;
color: #000000
}
.artLandingDiv ul.blockgrid li p {
font-size: 14px;
zero: 14px;
font-size: 14px;
line-height: 20px;
zero: 20px;
line-height: 20px;
margin-bottom: 0;
zero: 0;
margin-bottom: 0;
color: #999999
}
.artLandingDiv ul.blockgrid li p a {
color: #d4161d
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.artLandingDiv ul.blockgrid li {
width: 48%;
zero: 48%;
width: 48%
}
}
@media only screen and (max-width: 48em) {
.artLandingDiv ul.blockgrid li {
width: 100%;
zero: 100%;
width: 100%;
margin: 1% 0%;
zero: 1%;
zero: 0%;
margin: 1% 0%
}
}
.artLandingDiv a.articleLoadMore {
border: 1px solid #cccccc;
width: 134px;
zero: 134px;
width: 134px;
display: block;
margin: 30px auto 20px;
padding: 0px;
zero: 0px;
padding: 0px;
text-align: center
}
.artLandingDiv a.articleLoadMore cite {
position: relative;
background: url("../images/ico-plus.png") no-repeat right center;
padding: 0px 16px 0 0;
zero: 0px;
zero: 16px;
zero: 0;
zero: 0;
padding: 0px 16px 0 0;
font-size: 13px;
zero: 13px;
font-size: 13px;
line-height: 33px;
zero: 33px;
line-height: 33px;
text-transform: uppercase;
color: #d4161d;
display: inline-block;
font-style: normal
}
.artLandingDiv a.articleLoadLess cite {
background: url("../images/ico-minus.png") no-repeat right center
}
.shareIco {
background: url("../images/ico-share.png") no-repeat 7px center;
height: 32px;
width: 32px;
border: 1px solid #cae7fa;
display: inline-block;
border-radius: 50%
}
.shareOptions {
background-color: #ffffff;
border: 1px solid #e3e3e3;
display: none;
padding: 8px 7px;
zero: 8px;
zero: 7px;
padding: 8px 7px;
position: absolute;
z-index: 99;
top: 50%;
right: 40px;
width: 133px;
margin-top: -25px
}
.shareOptions:before {
content: "";
position: absolute;
right: -8px;
top: 50%;
margin-top: -7px;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 0 7px 8px;
border-color: transparent transparent transparent #e3e3e3
}
.shareOptions:after {
content: "";
position: absolute;
right: -6px;
top: 50%;
margin-top: -5px;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 6px;
border-color: transparent transparent transparent #fff
}
.shareOptions li {
margin-left: 6px;
zero: 6px;
margin-left: 6px;
float: left;
line-height: 0px;
font-size: 0px
}
.shareOptions li:first-child {
margin-left: 0
}
.shareOptions li a {
color: #101a1f;
font-style: normal;
padding-left: 18px;
zero: 18px;
padding-left: 18px;
line-height: 0px;
font-size: 0px;
width: 35px;
height: 32px;
display: inline-block;
background: url(../images/socialNetwork_35x32.png) no-repeat 0 0
}
.shareOptions li.g-plus a {
background-position: 0 0
}
.shareOptions li.tw a {
background-position: -41px 0
}
.shareOptions li.fb a {
background-position: -82px 0
}
.shareOptions li.share-this a {
background: url(../images/icon_sharethis.png) no-repeat 0 center
}
.shareOptions li.share-this .stButton {
background: none;
margin-left: 0
}
.shareOptions li.share-this .stButton .sharethis {
background: none;
font-family: "Lato", sans-serif;
font-size: 16px;
zero: 16px;
font-size: 16px;
padding-left: 0
}
.shareOptions li.share-this .stButton .sharethis:hover {
opacity: 1;
text-decoration: underline
}
.policyProcess {
margin-right: 15px;
zero: 15px;
margin-right: 15px
}
@media screen and (max-width: 767px) {
.policyProcess {
margin-right: 0
}
}
.policyProcess h1 {
color: #000000;
font-size: 24px;
zero: 24px;
font-size: 24px;
margin-bottom: 10px;
zero: 10px;
margin-bottom: 10px;
text-transform: capitalize;
font-weight: 300
}
.policyProcess h2 {
color: #000000;
font-size: 16px;
zero: 16px;
font-size: 16px;
text-transform: uppercase;
line-height: 24px;
font-weight: 700
}
.policyProcess h3 {
font-size: 15px;
zero: 15px;
font-size: 15px
}
.policyProcess p {
color: #333333;
font-size: 15px;
zero: 15px;
font-size: 15px;
line-height: 19px;
zero: 19px;
line-height: 19px
}
.policyProcess .policyDocs {
padding: 20px 0;
zero: 20px;
zero: 0;
padding: 20px 0
}
.policyProcess .policyDocs h2.policyMandatoryDocs {
background: url(../images/icon_mandatory.png) no-repeat scroll left
center;
padding-left: 30px;
zero: 30px;
padding-left: 30px
}
.policyProcess .policyDocs h3 {
color: #fff;
padding: 6px 0 0 43px;
zero: 6px;
zero: 0;
zero: 0;
zero: 43px;
padding: 6px 0 0 43px;
min-height: 36px;
text-transform: uppercase
}
.policyProcess .policyDocs h3.proofAddress {
background: url(../images/icon_address_proof.png) no-repeat scroll left
center
}
.policyProcess .policyDocs h3.proofID {
background: url(../images/icon_id_proof.png) no-repeat scroll left
center
}
.policyProcess .policyDocs h3.proofAge {
background: url(../images/icon_age_proof.png) no-repeat scroll left
center
}
.policyProcess .policyDocs h3.proofPass {
background: url(../images/icon_pass_proof.png) no-repeat scroll left
center
}
.policyProcess .policyDocs li {
display: table;
margin-bottom: 10px;
zero: 10px;
margin-bottom: 10px;
width: 100%
}
@media screen and (max-width: 767px) {
.policyProcess .policyDocs li {
display: inline-block
}
}
.policyProcess .policyDocs .block {
background-color: #05396e;
display: table-cell;
vertical-align: middle;
padding: 20px 1%;
zero: 20px;
zero: 1%;
padding: 20px 1%;
width: 22%
}
@media screen and (max-width: 1030px) {
.policyProcess .policyDocs .block {
padding: 15px 1%;
zero: 15px;
zero: 1%;
padding: 15px 1%;
width: 26%
}
}
@media screen and (max-width: 767px) {
.policyProcess .policyDocs .block {
display: inline-block;
padding: 10px 4%;
zero: 10px;
zero: 4%;
padding: 10px 4%;
width: 100%
}
}
.policyProcess .policyDocs .block-info {
background-color: #f6f6f6;
display: table-cell;
vertical-align: middle;
padding: 20px 2%;
zero: 20px;
zero: 2%;
padding: 20px 2%;
width: 76%
}
@media screen and (max-width: 1030px) {
.policyProcess .policyDocs .block-info {
padding: 15px 2%;
zero: 15px;
zero: 2%;
padding: 15px 2%;
width: 72%
}
}
@media screen and (max-width: 767px) {
.policyProcess .policyDocs .block-info {
display: inline-block;
padding: 15px 4%;
zero: 15px;
zero: 4%;
padding: 15px 4%;
width: 100%
}
}
.policyProcess .policyDocs .block-info p {
margin-bottom: 0
}
.policyProcess .policyDocs .block-info span {
color: #999999;
font-size: 14px;
zero: 14px;
font-size: 14px
}
.policyProcess .policyDocs .processContactDetails {
background-color: #eef8ff;
padding: 25px 3%;
zero: 25px;
zero: 3%;
padding: 25px 3%
}
@media screen and (max-width: 767px) {
.policyProcess .policyDocs .processContactDetails {
padding: 20px 4%;
zero: 20px;
zero: 4%;
padding: 20px 4%
}
}
.policyProcess .policyDocs .processContactDetails p {
margin-bottom: 4px;
zero: 4px;
margin-bottom: 4px
}
.policyProcess .policyDocs .processContactDetails a {
color: #d4161d;
font-weight: 900
}
.policyProcess .policyDocs .processContactDetails a.email {
font-style: italic
}
.policyProcess .policyDocs .processContactDetails span {
font-weight: 900
}
.policyProcess .policyInfoBlock {
margin-bottom: 30px;
zero: 30px;
margin-bottom: 30px
}
.policyProcess .policyInfoBlock.bdrB {
margin-bottom: 26px;
zero: 26px;
margin-bottom: 26px;
padding-bottom: 23px;
zero: 23px;
padding-bottom: 23px;
border-bottom: 1px solid #e1e1e1
}
.policyProcess .policyInfoBlock h2.mainHeading {
font-size: 24px;
zero: 24px;
font-size: 24px;
font-weight: 300;
text-transform: none;
margin-bottom: 13px;
zero: 13px;
margin-bottom: 13px
}
.policyProcess .policyInfoBlock h3 {
color: #05396e;
font-weight: 700
}
.policyProcess .policyInfoBlock p {
margin-bottom: 10px;
zero: 10px;
margin-bottom: 10px;
line-height: 22px
}
.policyProcess .policyInfoBlock p .smallTxt {font-size: 15px;}
.policyProcess .policyInfoBlock p.otherCriteria {
margin-top: 20px;
zero: 20px;
margin-top: 20px
}
.policyProcess .policyInfoBlock ul {
margin-left: 12px;
zero: 12px;
margin-left: 12px
}
.policyProcess .policyInfoBlock li {
background: url(../images/bg_bullet_list.png) no-repeat scroll left 4px;
color: #333333;
font-size: 15px;
zero: 15px;
font-size: 15px;
line-height: 19px;
zero: 19px;
line-height: 19px;
margin-bottom: 5px;
zero: 5px;
margin-bottom: 5px;
padding-left: 15px;
zero: 15px;
padding-left: 15px
}
.policyProcess .policyInfoBlock .policyClaim {
background: url(../images/icon_fill_claim.png) no-repeat scroll left
center;
margin-bottom: 10px;
zero: 10px;
margin-bottom: 10px;
padding-left: 30px;
zero: 30px;
padding-left: 30px
}
.policyProcess .policyInfoBlock .policyExclusion {
background: url(../images/icon_exclusion.png) no-repeat scroll left
center;
margin-bottom: 10px;
zero: 10px;
margin-bottom: 10px;
padding-left: 30px;
zero: 30px;
padding-left: 30px
}
.policyProcess .policyInfoBlock a {
color: #d4161d;
font-weight: 900
}
.policyProcess .policyInfoBlock a.email {
font-style: italic
}
.policySteps .dvBg {
background: #6a8cd3 url("../images/PFP_Bg.png") repeat 0 0;
position: relative;
z-index: 1;
padding: 36px 10px 25px 0px;
zero: 36px;
zero: 10px;
zero: 25px;
zero: 0px;
padding: 36px 10px 25px 0px
}
.policySteps .dvBg:after {
content: "";
width: 100%;
background: #7a9ce2 url("../images/PFP_Bg.png") repeat 0 0;
height: 89px;
position: absolute;
left: 0px;
top: 0px
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.policySteps .dvBg {
padding: 17px 10px 17px 0px;
zero: 17px;
zero: 10px;
zero: 17px;
zero: 0px;
padding: 17px 10px 17px 0px
}
.policySteps .dvBg:after {
display: none
}
}
.policySteps ul {
font-size: 0px;
padding: 0px;
zero: 0px;
padding: 0px;
margin: 0px;
zero: 0px;
margin: 0px
}
.policySteps ul li {
box-sizing: border-box;
width: 16.6667%;
display: inline-block;
vertical-align: top;
color: #fff;
font-size: 14px;
zero: 14px;
font-size: 14px;
line-height: 18px;
zero: 18px;
line-height: 18px;
padding: 93px 0 0 39px;
zero: 93px;
zero: 0;
zero: 0;
zero: 39px;
padding: 93px 0 0 39px;
position: relative;
z-index: 2;
background: url("../images/whiteArrR.png") no-repeat 0 47px
}
.policySteps ul li:first-child {
background: none
}
.policySteps ul li:after {
content: "";
color: #3051a5;
display: inline-block;
background: #fff;
height: 18px;
width: 18px;
line-height: 17px;
zero: 17px;
line-height: 17px;
font-size: 12px;
zero: 12px;
font-size: 12px;
margin-bottom: 9px;
zero: 9px;
margin-bottom: 9px;
border-radius: 50%;
text-align: center;
font-style: normal;
position: absolute;
top: 0;
left: 39px
}
.policySteps ul li:before {
content: "";
position: absolute;
top: 27px;
left: 39px;
display: block;
vertical-align: middle;
height: 55px;
width: 100%;
margin-bottom: 11px;
zero: 11px;
margin-bottom: 11px
}
.policySteps ul li span {
display: inline-block;
vertical-align: middle
}
.policySteps ul li cite {
display: none
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.policySteps ul li {
width: 50%;
background: none;
padding: 0 0 0 111px;
zero: 0;
zero: 0;
zero: 0;
zero: 111px;
padding: 0 0 0 111px;
margin: 8px 0px;
zero: 8px;
zero: 0px;
margin: 8px 0px;
min-height: 41px;
vertical-align: middle
}
.policySteps ul li:after {
left: 20px;
top: 50%;
margin-top: -9px
}
.policySteps ul li:before {
display: inline-block;
height: 42px;
width: 48px;
left: 49px;
top: 50%;
margin-top: -20.5px
}
.policySteps ul li cite {
display: inline-block;
vertical-align: middle;
height: 42px;
width: 1px;
margin-left: -2px
}
}
@media only screen and (max-width: 48em) {
.policySteps ul li {
width: 100%;
background: none
}
}
.policySteps ul li.dvCol1:after {
content: "1"
}
.policySteps ul li.dvCol1:before {
background: url("../images/PFP_icn1.png") no-repeat 0 center
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.policySteps ul li.dvCol1:before {
background-size: 48px auto
}
}
.policySteps ul li.dvCol2:after {
content: "2"
}
.policySteps ul li.dvCol2:before {
background: url("../images/PFP_icn2.png") no-repeat 0 center
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.policySteps ul li.dvCol2:before {
background-size: 48px auto
}
}
.policySteps ul li.dvCol3:after {
content: "3"
}
.policySteps ul li.dvCol3:before {
background: url("../images/PFP_icn3.png") no-repeat 0 center
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.policySteps ul li.dvCol3:before {
background-size: 44px auto
}
}
.policySteps ul li.dvCol4:after {
content: "4"
}
.policySteps ul li.dvCol4:before {
background: url("../images/PFP_icn4.png") no-repeat 0 center
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.policySteps ul li.dvCol4:before {
background-size: 44px auto
}
}
.policySteps ul li.dvCol5:after {
content: "5"
}
.policySteps ul li.dvCol5:before {
background: url("../images/PFP_icn5.png") no-repeat 0 center
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.policySteps ul li.dvCol5:before {
background-size: 37px auto
}
}
.policySteps ul li.dvCol6:after {
content: "6"
}
.policySteps ul li.dvCol6:before {
background: url("../images/PFP_icn6.png") no-repeat 0 center
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.policySteps ul li.dvCol6:before {
background-size: auto 40px
}
}
.fundPerformance .dvContent {
width: 96%
}
@media only screen and (max-width: 48em) {
.fundPerformance .dvContent {
width: 100%
}
}
.fundPerformance .dvContent h2 {
color: #000000;
font-size: 24px;
font-weight: 300;
margin-bottom: 10px;
text-transform: capitalize
}
.fundPerformance .dvContent p {
color: #38322c;
font-size: 16px;
line-height: 22px
}
.fundPerformance #fundsBenchmark {
margin: 0px;
max-width: 526px;
width: 100%
}
.fundPerformance #fundsBenchmark .fundAllocateTable {
display: none;
}
.fundPerformance #fundsBenchmark .selectPanel {
margin: 0 0 20px;
width: 100%;
}
.fundPerformance #fundsBenchmark .selectPanel .selectOpt{display: inline-block;}
.fundPerformance #fundsBenchmark .selectPanel span{font-size:30px}
.fundPerformance #fundsBenchmark .selectPanel span sup{font-size: 15px;}
.fundPerformance #fundsBenchmark .tableBlock tr.heading th {
text-transform: uppercase
}
.fundPerformance #fundsBenchmark .tableBlock tr.heading span {
font-weight: 400;
text-transform: none
}
.userDetailsBlock {
margin-right: 16px;
zero: 16px;
margin-right: 16px
}
@media only screen and (max-width: 48em) {
.userDetailsBlock {
margin-right: 0px
}
.fundPerformance #fundsBenchmark .selectPanel {
margin: 0 0 20px;
width: 100%;
}
}
.userDetailsBlock .userDetails {
float: left;
color: #333;
line-height: 18px;
zero: 18px;
line-height: 18px
}
.userDetailsBlock .userDetails h5 {
font-size: 16px;
zero: 16px;
font-size: 16px;
line-height: 18px;
zero: 18px;
line-height: 18px;
margin: 0;
color: #333
}
.userDetailsBlock .userDetails p {
font-size: 16px;
zero: 16px;
font-size: 16px;
line-height: 18px;
zero: 18px;
line-height: 18px
}
.userDetailsBlock .userDetails p span {
font-weight: 700
}
.userDetailsBlock .cntBtn {
float: right;
padding: 0
}
.userDetailsBlock .modifyDetails {
background: #d51d24;
color: #fff;
font-weight: bold;
border: none;
width: 180px;
position: relative;
}
.userDetailsBlock .modifyDetails span {
padding: 0 0 0 15px;
}
.userDetailsBlock .modifyDetails span:before {
background: url(../images/icon_modify.png) no-repeat 0 center;
content: "";
display: inline-block;
width: 21px;
height: 20px;
position: absolute;
left: 13px;
top: 7px;
}
@media only screen and (min-width: 0em) and (max-width: 61.25em) {
.userDetailsBlock .cntBtn {
float: left;
padding-bottom: 15px
}
}
.faqTable {
border:2px solid #CCCCCC;
border-collapse: collapse;
margin-bottom:10px;
text-align: center;
position: relative;
width:70%;
}
.faqTable thead tr th {
background: #0067AC;
color:#000;
padding:10px;
border:2px solid #CCCCCC;
font-weight: bold;
font-size: 16px;
}
.faqTable thead tr td,
.faqTable tbody tr td {
color:#000;
border:2px solid #CCCCCC;
padding:10px;
}
.faqDetails .dvFaq .faqAccord {
display: none
}
.dvFaq .faqAccord.c2i_ulip {
display: block
}
.faqDetails .dvFaq ul.buyingOl {
display: block;
position: relative;
margin:0;
font-size: 14px;
}
.faqDetails .dvFaq ul.buyingOl li {
list-style-type:disc;
border-bottom: none!important;
}
span.buying_contact {
color:#0067AC;
font-weight: bold;
font-size: 16px;
}
@media (max-width:767px){
.faqTable {width: 90%}
.faqTable.investing-plan ,
.faqTable.investing-plan thead,
.faqTable.investing-plan tbody,
.faqTable.investing-plan thead th,
.faqTable.investing-plan td,
.faqTable.investing-plan tr{
display:block;
width:100%
}
.faqTable.investing-plan thead tr{
position:absolute;
top:-9999px;
left:-9999px;
}
.faqTable.investing-plan tr{
border:1px solid #ccc;
border-left:none;
border-right:none
}
.faqTable.investing-plan tbody tr td{
border:none;
border-bottom:1px solid #eee;
position:relative;
padding-left:50%;
background: url(../images/tableSeparator.png) no-repeat 66% 0;
text-align: right;
}
.faqTable.investing-plan td:before{
position:absolute;
top:6px;
left:6px;
width:45%;
padding-right:10px;
white-space:nowrap;
text-align: left;
}
.faqTable.investing-plan tr:nth-child(even){background: #8ddeff;}
.faqTable.investing-plan tr:nth-child(odd) {background: #fff;}
/* Label the data */
.faqTable.investing-plan td:nth-of-type(1):before { content: "MV@8% for 50k Premium"; }
.faqTable.investing-plan td:nth-of-type(2):before { content: "Policy Term 20(years)"; }
.faqTable.investing-plan td:nth-of-type(3):before { content: "Policy Term 15(years)"; }
.faqTable.investing-plan td:nth-of-type(4):before { content: "Policy Term (years)"; }
.faqTable.investing-plan td:nth-of-type(5):before { content: "Policy Term 5(years)"; }
}
@media only screen and (max-width: 30em) {
.faqTable.investing-plan tbody tr td {
font-size: 12px;
padding-left: 60%;
}
}
/*Modules css Ends*/
.policyProcess .terms-condition {font-size: 12px;}
.performance-disclaimer {font-size: 15px; color: #000000;}
#proposer-getAge, #getAge {
position: absolute;
color: #3e3f3f;
font-size: 13px;
zero: 13px;
font-size: 12px;
bottom: -12px;
font-style: italic;}
/* homepage start investing css starts */
.homeStartInvestment .rdDetailForm .tltInvest {padding: 25px 30px 5px 30px}
.homeStartInvestment .rdDetailForm .tltInvest h2 span {font-size: 24px}
.homeStartInvestment .formPanel, .homeStartInvestment .formPanel_prop {margin: 0 auto; width: 75%}
@media only screen and (max-width: 1099px) {
.homeStartInvestment .rdDetailForm .radioMySelf {width: auto}
}
@media only screen and (min-width:64em) and (max-width: 48em) {
.homeStartInvestment .rdDetailForm .tltInvest {padding: 25px 5% 5px;}
.homeStartInvestment .rdInvestFor {width: 200px;}
}
@media only screen and (max-width: 48em) {
.homeStartInvestment .contentWrap h2 {padding: 0 0 15px;}
.homeStartInvestment .contentWrap h3 {padding: 0 10px 20px}
.homeStartInvestment .formPanel li, .homeStartInvestment .formPanel_prop li {width: 100%}
}
/* homepage start investing css ends */
/* Modify Details screen css starts */
.modifyPolicyDetails {
position: absolute;
background-color: #ffffff;
width: 100%;
max-width: 570px;
z-index: 10000;
top: 0;
display: none;
}
.modifyPolicyDetails .btnSlideSwipe span {
width: 30px;
height: 30px;
position: absolute;
top: 0;
left: -30px;
background: url(../images/ico_modify_close.png) no-repeat center center;
cursor: pointer;
}
.modifyPolicyDetails .modifyContent {padding: 15px 30px;}
.modifyPolicyDetails .modifyBlock {
padding-bottom: 15px;
border-bottom: 1px solid #f1f1f1;
}
.modifyPolicyDetails .bottommodifyBlock {
padding-top: 15px;
border-top: 1px solid #f1f1f1;
}
.modifyPolicyDetails a.updateBtn,
.modifyPolicyDetails .btnUpdateForm {
background-color: #d51d24;
border-radius: 5px;
color: #fff;
display: inline-block;
text-transform: uppercase;
margin-right: 10px;
zero: 10px;
margin-right: 10px;
padding: 12px 15px;
zero: 12px;
zero: 15px;
padding: 12px 15px;
font-size: 14px;
zero: 14px;
font-size: 14px;
border: none;
}
.modifyPolicyDetails .btnUpdateForm:hover {cursor: pointer}
.modifyPolicyDetails .btnUpdateForm span {padding: 0}
.modifyPolicyDetails .modifyContent h4 {
padding: 15px 30px 0 0;
margin-bottom: 0;
color: #05396e;
font-weight: 700;
text-transform: uppercase;
position: relative;
white-space: nowrap;
font-size: 18px;
display: inline-block;
}
.modifyPolicyDetails .modifyContent .formInstruction {font-size: 14px}
.modifyPolicyDetails .modifyContent .formPanel {margin: 0; width: 100%}
.modifyPolicyDetails .modifyContent .formPanel li {width: 40%}
.modifyPolicyDetails .modifyContent .PropradioCntrol,
.modifyPolicyDetails .modifyContent .lifeAssuredGender {margin: -20px 0 0;}
.modifyPolicyDetails .modpersDetailForm label {font-size: 16px;}
.modifyPolicyDetails .modpersDetailForm .radioCntrol {margin-left:0}
.modifyPolicyDetails .formRow .modselStyled {margin-left: 0;}
.modifyPolicyDetails .modpersDetailForm .modAmt {padding-left: 0;}
.modifyPolicyDetails .modpersDetailForm .modAmt input.years,
.modifyPolicyDetails .modpersDetailForm .modAmt input.years.for {width:145px;}
.updateinvestRiskTolerance h4 .icnTool,
.updatemarketRiskTolerance h4 .icnTool {top: 15px;}
.updateinvestRiskTolerance .col-3,
.updatemarketRiskTolerance .col-4 {width: 100%}
.updateinvestRiskTolerance h5,
.updatemarketRiskTolerance h5 {font-size: 14px;}
.updateinvestRiskTolerance .customRadioBtn input[type='radio']+label:before,
.updatemarketRiskTolerance .customRadioBtn input[type='radio']+label:before {
content: "";
cursor: pointer;
height: 82px;
left: 50%;
margin-left: -40px;
position: absolute;
top: 40px;
width: 82px;
transition: top 0.5s ease 0s;
}
.updateinvestRiskTolerance .customRadioBtn:hover input[type='radio']+label:before,
.updatemarketRiskTolerance .customRadioBtn:hover input[type='radio']+label:before {
top: 30px;
}
.updateinvestRiskTolerance .customRadioBtn input#modoption1+label:before {
background: url('../images/mob_invest_option_01.png') no-repeat center center;
}
.updateinvestRiskTolerance .customRadioBtn input#modoption2+label:before {
background: url('../images/mob_invest_option_02.png') no-repeat center center;
}
.updateinvestRiskTolerance .customRadioBtn input#modoption3+label:before {
background: url('../images/mob_invest_option_03.png') no-repeat center center;
}
.updatemarketRiskTolerance .customRadioBtn input#modoption4+label:before {
background: url('../images/mob_invest_option_04.png') no-repeat center center;
}
.updatemarketRiskTolerance .customRadioBtn input#modoption5+label:before {
background: url('../images/mob_invest_option_05.png') no-repeat center center;
}
.updatemarketRiskTolerance .customRadioBtn input#modoption6+label:before {
background: url('../images/mob_invest_option_06.png') no-repeat center center;
}
.updatemarketRiskTolerance .customRadioBtn input#modoption7+label:before {
background: url('../images/mob_invest_option_07.png') no-repeat center center;
}
.updateinvestRiskTolerance .customRadioBtn.active input#modoption1+label:before {
background: url('../images/mob_invest_active_01.png') no-repeat center center;
}
.updateinvestRiskTolerance .customRadioBtn.active input#modoption2+label:before {
background: url('../images/mob_invest_active_02.png') no-repeat center center;
}
.updateinvestRiskTolerance .customRadioBtn.active input#modoption3+label:before {
background: url('../images/mob_invest_active_03.png') no-repeat center center;
}
.updatemarketRiskTolerance .customRadioBtn.active input#modoption4+label:before {
background: url('../images/mob_invest_active_04.png') no-repeat center center;
}
.updatemarketRiskTolerance .customRadioBtn.active input#modoption5+label:before {
background: url('../images/mob_invest_active_05.png') no-repeat center center;
}
.updatemarketRiskTolerance .customRadioBtn.active input#modoption6+label:before {
background: url('../images/mob_invest_active_06.png') no-repeat center center;
}
.updatemarketRiskTolerance .customRadioBtn.active input#modoption7+label:before {
background: url('../images/mob_invest_active_07.png') no-repeat center center;
}
.modifyPolicyDetails .radioMySelf .rdInvestFor input[type="radio"]+label::after {
background: url('../images/icon_modify_myself.png') no-repeat 0 20px;
width: 63px;
height: 100px;
left: 63px;
}
.modifyPolicyDetails .radioMySelf .rdInvestFor input.modmyLoved[type="radio"]+label::after {
background: url('../images/icon_modify_myself.png') no-repeat 0 -260px;
width: 63px;
height: 100px;
left: 120px;
}
.modifyPolicyDetails .radioMySelf .rdInvestFor label {width: auto; margin-top: 44px}
.modifyPolicyDetails .radioMySelf .rdInvestFor input[type="radio"]:checked+label::after {
background-position: -394px 20px;
}
.modifyPolicyDetails .radioMySelf .rdInvestFor input.modmyLoved[type="radio"]:checked+label::after {
background-position: -394px -260px;
}
.modifyPolicyDetails .radioMySelf .rdInvestFor.error input[type="radio"]+label::after {
background: url('../images/icon_modify_myself.png') no-repeat -788px 20px !important;
}
.modifyPolicyDetails .radioMySelf .rdInvestFor.other.error input.modmyLoved[type="radio"]+label::after {
background: url('../images/icon_modify_myself.png') no-repeat -788px -260px !important;
}
@media only screen and (max-width: 47.9375em) {
.userDetailsBlock .modifyDetails {text-indent: -999px;width: 40px}
.modifyPolicyDetails .modifyContent .formPanel li {width: 100%;}
.rdInvestFor.other {margin: 0}
.updateinvestRiskTolerance .customRadioBtn input[type='radio']+label:before,
.updatemarketRiskTolerance .customRadioBtn input[type='radio']+label:before {top: 0}
.updateinvestRiskTolerance .customRadioBtn:hover input[type='radio']+label:before,
.updatemarketRiskTolerance .customRadioBtn:hover input[type='radio']+label:before {top: 0;}
.modifyPolicyDetails .dvFormUpdate h4.policyTitle {text-align: center;display: block}
.modifyPolicyDetails .dvFormUpdate .radioMySelf {display: block !important;text-align: center;}
.modifyPolicyDetails .radioMySelf .rdInvestFor label {width: 123px;margin-top:100px}
.modifyPolicyDetails .radioMySelf .rdInvestFor input[type="radio"]+label::after,
.modifyPolicyDetails .radioMySelf .rdInvestFor input.modmyLoved[type="radio"]+label::after {left: 31px;}
}
@media only screen and (max-width: 767px) and (min-width:480px) {
.userDetailsBlock .cntBtn {float: right;}
.userDetailsBlock .userDetails {width: 58%}
.modifyPolicyDetails .radioMySelf {display: inline-block !important; vertical-align: middle}
.modpersDetailForm .formRow .dvMiddle.drop {width: 25em;}
.modpersDetailForm .formRow .dvMiddle.first {width: 23em}
.modpersDetailForm .formRow .dvMiddle.middle {width: 11em; margin-top: 10px;}
.modpersDetailForm .formRow .dvMiddle.middle .investPlan {width: 120px}
.modpersDetailForm .formRow .dvMiddle.forYr {width: 20em;}
.modpersDetailForm .formRow .dvMiddle.years {width: 4em;float: left; clear: none;}
}
@media only screen and (max-width: 479px) and (min-width:320px) {
.modpersDetailForm .formRow .dvMiddle.drop {text-align: left;width: 22em;}
.modpersDetailForm .formRow .dvMiddle.middle {width: 22em; margin-top: 10px;}
.modpersDetailForm .formRow .dvMiddle.middle .investPlan {width: 120px}
.modifyPolicyDetails .formRow .modselStyled {width: 120px;}
.modifyPolicyDetails .modpersDetailForm .modAmt input.years {width: 125px}
.modpersDetailForm .formRow .dvMiddle.forYr {width: 18em;}
.modifyPolicyDetails .modpersDetailForm .modAmt input.for {width: 80px !important;}
.modpersDetailForm .formRow .dvMiddle.years {width: 3em;float: left; clear: none;}
}
.GenderErrorMsg {margin-top:20px;display: block;color: red;font-size: 14px;font-weight: bold;text-transform: capitalize;}
/* Modify Details screen css ends */
.homeStartInvestment .homeRadio, .yourRiskTolerance .homeRadio {margin-top:-15px; margin-bottom: -15px;}
.modifyContent a.btnCancel {
border: 1px solid #e1e1e1;
border-radius: 5px;
color: #d51d24;
display: inline-block;
text-transform: uppercase;
padding: 12px 15px;
zero: 12px;
zero: 15px;
padding: 12px 15px;
font-size: 14px;
zero: 14px;
font-size: 14px
}
.loader {
position:fixed;
left:0px;
top:10%;
width:100%;
height:100%;
z-index:9999;
background:#fff; /*url("../images/sliderLoader.gif") no-repeat center center; */
}
/*Disclaimer css*/
.disclaimerSection h1 {
color: #000000;
font-size: 24px;
font-weight: 300;
margin-bottom: 10px;
text-transform: capitalize;
}
.disclaimerSection label {font-weight: bold; padding-bottom: 5px;display:inline-block; font-size: 14px;}
.disclaimerSection .customInput {
display: block;
vertical-align: middle;
width: 300px;
position: relative;
}
.disclaimer .DownloadBrochure {
width: 300px;
margin: 0 auto;
font-size: 15px;
}
.disclaimer .DownloadBrochure a {
display: table;
width: 100%;
}
.disclaimer .DownloadBrochure a span {
color: #03395f;
display: table-cell;
vertical-align: middle;
text-transform: uppercase;
line-height: 17px;
zero: 17px;
line-height: 17px;
min-width: 90%;
}
.disclaimer ul.disc {margin-bottom: 0.8em}
.disclaimer ul.disc li{list-style-type: disc;}
.disclaimer ul li,
.disclaimer ol li {font-size: 13px}
.select2-container--default .select2-selection--single .select2-selection__arrow
{
background: url(../images/icons_c2p3dp.png) no-repeat scroll -11px -329px;
width: 30px
}
.select2-container--default .select2-selection--single .select2-selection__arrow b
{
display: none
}
.select2-container--default .select2-selection--single .select2-selection__arrow
{
height: 33px;
width: 30px
}
.select2-container .select2-selection--single {
height: 35px
}
.select2-container--default .select2-selection--single .select2-selection__rendered
{
line-height: 35px;
text-align: left;
color: #1976d2;
font-size: 14px;
font-weight: 600
}
.select2-container--default .select2-selection--single {
border-radius: 2px
}
.select2-results__option {
text-align: left;
color: #1976d2;
font-size: 14px;
font-weight: 600
}
.select2-dropdown {
z-index: 2
}
.select2-container--default .select2-results__option .select2-results__option {
text-align: text;
font-weight: normal;
}
.select2-container--default .select2-results__group {
background: #5897fb;
color: #fff;
}
/* redmine 4040 */
.radioMySelf .errorMsgWrapper {
margin: 0 10px;
text-align: center;
display: none;
}
.radioMySelf .relationselect {
display: inline-block;
color: #f00;
font-weight: normal;
background: url(../images/iconError.png) no-repeat scroll left 7px;
padding: 5px 0 10px 20px;
text-align: left;
font-size: 14px;
line-height: 20px;
font-style: italic;
clear: both;
}
.ProposerDetails .formPanel ul li.lifeAssuredNRI,.ProposerDet ul li.lifeAssuredNRI, .modifyPolicyDetails .modifyContent .formPanel li.lifeAssuredNRI {
width: 100%;
display: block;
position: relative;
text-align: left;
font-size: 14px;
line-height: 22px;
margin: 0;
padding: 0 0 6px 6px;
}
.lifeAssuredNRI .dvTble{width: 100%;display: table;}
.lifeAssuredNRI .dvTble .dvLabel{
font-size: 16px;
line-height: 18px;
font-weight: 600;
text-align: left;
color:#000;
width: 175px;
}
.dvTble .dvTcell{
display: table-cell;
vertical-align: middle;
text-align: left;
}
.selCircle, .selCircle label {
display: inline-block;
cursor: pointer;
}
.selCircle {
display: inline-block;
position: relative;
vertical-align: middle;
margin: 0 5px;
font-size: 0;
cursor: pointer;
}
@media screen and (max-width: 550px) {
.selCircle {
margin: 0 10px
}
}
.selCircle input[type=radio] {
left: -9999px;
position: absolute
}
.selCircle label {
height: 46px;
width: 46px;
border-radius: 50%;
display: inline-block;
background-color: #e4ebf3;
-webkit-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .3);
-moz-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .3);
box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .3);
padding: 0;
cursor: pointer
}
.selCircle input[type=radio] + label::before {
background: url(../images/selectIcons46x46.png) 128px 0 no-repeat;
content: "";
cursor: pointer;
display: inline-block;
width: 46px;
height: 46px;
left: 0;
top: 0;
position: absolute;
vertical-align: middle
}
.selCircle input[type=radio]:checked + label {
background-color: #1976d2
}
.selCircle input.btnNo + label::before {
background-image: none;
content: "No";
text-align: center;
line-height: 46px;
font-size: 17px;
color: #0f65bb;
font-weight: 700
}
.selCircle input.btnNo:checked + label::before, .selCircle.error input.btnNo + label::before {
background-image: none;
color: #FFF
}
.selCircle input.btnYes + label::before {
background-image: none;
content: "Yes";
text-align: center;
line-height: 46px;
font-size: 17px;
color: #0f65bb;
font-weight: 700
}
.selCircle input.btnYes:checked + label::before, .selCircle.error input.btnYes + label::before {
background-image: none;
color: #FFF
}
.selCircle.error input[type=radio] + label {
background-color: #b11117
}
/* ul li.liResCountry,ul li.liResCountry_nri, ul li.foreignAddrText{display: none; clear: both;}
ul li.foreignAddrText{text-align: left;width: 100%;position: relative;margin: 0; padding: 0 0 6px 6px;font-size: 13px; color:#000;}
.formPanel .customInput.phCode ,.formPanel_prop .customInput.phCode {width: 57px;display:inline-block}
.formPanel .liResCountry .customInput select,.formPanel_prop .liResCountry_nri .customInput select{color:#333;}
ul li .phNo {width:calc(100% - 60px);position:relative;right:0;top:0;display:inline-block} */
ul li.liResCountry,ul li.liResCountry_nri, ul li.foreignAddrText{display: none;clear: both;}
ul li.foreignAddrText{text-align: left;width: 100%;position: relative;margin: 0; padding: 0 0 6px 6px;font-size: 13px; color:#000;}
.formPanel .customInput.phCode .areaaCode,.formPanel_prop .customInput.phCode .areaaCode{width: 77px;display:inline-block}
.formPanel .liResCountry .customInput select,.formPanel_prop .liResCountry_nri .customInput select,.formPanel .liOccupation .customInput select{color:#333;}
.formPanel .customInput.phCode input.phNo,.formPanel_prop .customInput.phCode input.phNo{width:calc(100% - 80px);position:relative;right:0;top:0;display:inline-block}
.formPanel .customInput.phCode .error input[type="text"],.formPanel_prop .customInput.phCode .error input[type="text"] {
background: #FFF url(../images/iconError.png) no-repeat scroll right center;
border: 1px solid #ff0000;
padding-right: 22px;
zero: 22px;
padding-right: 22px;
}
.formRow .modselStyled.error .errorMsg{color: #ed1c24;}
.formRow .helptext.error input{ border-bottom-color: #ed1c24 !important; }
.dvTble {
display: table;
/*background: #FFF;*/
width: 100%;
}
.dvTble .dvTcell.dvLabel, .detailsEditBar ul li.dvPolicyTerm .dvTble .dvTcell.dvLabel label {
/* background: #ace7ff;
color: #005898; */
font-size: 17px;
zero: 18px;
line-height: 18px;
font-weight: 600;
text-align: center;
}
.dvTble .dvTcell {
display: table-cell;
vertical-align: middle;
/* text-align: center;*/
height: 40px;
}
.cancCarePlan div.policyterms .dvTble .dvTcell.dvLabel {
width: 130px;
}
.cancCarePlan div.policyterms .cellGrey {
background: #e3eaef;
}
.combo-tobacco, .combo-nri-ques {background: none !important; color: black !important;}
.combo-nri-ques {font-weight: normal !important;}
.combo-yes-no .yeslabel {border-radius: inherit !important;}
.combo-yes-no .selCircle{margin: 0px;}
.combo-tobacco-user {background: none !important; color: black !important;vertical-align: top !important;line-height: 40px !important;}
.smoke-radius {border-radius: 0% !important;}
.tobacco-selcircle {margin: 0px;}
.greenYesBtn {background-color: #99ca3c !important;}
.redNoButtton {background-color: #e81b23 !important;}
.selCircle input.btnYes + .tobacco-btn::before {
background-image: none;
content: "Yes";
text-align: center;
line-height: 40px;
font-size: 14px;
color: black;
font-weight: 700;
}
.selCircle input.btnNo + .tobacco-btn::before {
background-image: none;
content: "No";
text-align: center;
line-height: 40px;
font-size: 14px;
color: black;
font-weight: 400;
}
.tobacco-user-test {vertical-align: top !important;}
.tobacco-user-test label{ height: 40px !important; width: 40px !important;}
.tobacco-user-test label:before{ height: 40px !important; width: 40px !important;}
.combo-proceed-btn {clear: both;width: 100%;}
.formPanel .combo-list {width: 139% !important;}
.formPanel li.liResCountry {width: 100%;}
.formPanel li.combo-country .customInput {width: 32%;}
.combo-tobacco-user {text-align: left !important;}
.formPanel li.combo-country .customInput {width: 32%;}
@media screen and (max-width: 768px) {
.modifyPolicyDetails .btnSlideSwipe span {
width: 25px;
top: 18px;
left: 0px;
}
}
.artLandingDiv ul.blockgrid li{display: list-item !important;}
.city-first-li {padding-left: 7px;}
.formPanelWrap{width:70%;margin:0 auto;}
.formPanel .formPanelWrap li,.formPanel_prop li{width:45%}
select.occupation_dropdown{cursor:pointer;}
.customInput .areaaCode{float:left;}
.formPanel li.combo-country .customInput{width:100%;}
.formPanel .combo-list{width:100% !important;}
.contentWrap.ProposerDet .formPanel_prop ul{width: 60%;margin: 0 auto;float:none;}
.clr {clear: both; font-size: 0;}
.formPanel .customInput.error input[id^="alternate"]{background: url(../images/calendarIcon.png) no-repeat scroll 96% center !important;}
/* redmine 5177*/
.container_slider .bx-wrapper .bx-next{background:url(../images/icnPrevNext.png) no-repeat right 0;}
.container_slider .bx-wrapper .bx-prev{background:url(../images/icnPrevNext.png) no-repeat 0 0;}
@media only screen and (max-width: 768px) {
.container_slider{width:95% !important;
}
.container_slider .bx-wrapper .bx-next{margin-right: -27px;}
.container_slider .bx-wrapper .bx-prev{margin-left: -25px;}
}
/* redmine 5177*/
@media screen and (min-width: 320px) and (max-width:800px) {
.formPanel .formPanelWrap .combo-list,.formPanel .formPanelWrap li,.formPanelWrap {
width: 100%!important
}
}
/* redmine 7799*/
.awesomplete [id*="email"] + ul li{width: 70%!important;}
.awesomplete [id*="Email"] + ul li{width: 100%!important;}
.awesomplete > ul{font-size: 15px !important;z-index: 1000 !important;line-height: 13px !important;text-align: left !important;background: #fff !important;}
.formPanel .customInput .awesomplete.error input[type="text"]
{
background: #FFF url("../images/iconError.png") no-repeat scroll right
center;
border: 1px solid #ff0000;
padding-right: 22px;
zero: 22px;
padding-right: 22px
}
.formPanel_prop .customInput .awesomplete.error input[type="text"],
{
background: #FFF url("../images/iconError.png") no-repeat scroll right
center;
border: 1px solid #ff0000;
padding-right: 22px;
zero: 22px;
padding-right: 22px
}
/* Redmine-9168 changes start */
.riderDetails{margin:0px 40px}
.riderHead{color: black;font-weight: 550;font-size: 16px;margin-left: 110px;}
.riderOne,.riderTwo{clear:both;margin-top: 10px;margin-bottom: 30px;}
.yourRiskTolerance ul li.eqHeight .riderDetails .customCheckbox label{margin: 10px 0 20px 10px;padding-left: 110px;text-align:left; color:black;font-weight: 550;font-size: 13px; width: auto;float: left;}
.riderDetails .customCheckbox input[type=checkbox] + label::before{width:34px;}
.underline{text-decoration: underline !important;/* margin: 0 3px !important; */}
.dBrochure{margin: 10px 0 20px 0px; display: inline-block; font-size: 13px;}
.inlineInput{width: 79px !important;border: 0px !important;background: none !important;text-align: left !important;font-weight: bold !important;border-bottom: 1px solid black !important;color: #008CBA;border-radius: 0px !important;height: 20px !important;padding: 0px !important;}
.inputWrpr{display: inline-block; width: 87px; text-align: center;position: relative;}
.inputWrpr span{position: absolute;left: -2px;top: 20px;font-size: 10px;font-weight: 500;text-align: left;line-height: 13px; margin-left: 4px;}
/*.modifyContent.riderDetailsWrapper.inputWrpr span{color: #3e3f3f;position: absolute;left: 0;top: 20px;font-size: 10px;font-weight: 500;text-align: left;line-height: 13px; margin-left: 4px;}*/
.riderDetailsWrapper .riderDetails{margin:0px;}
.modifyContent .riderDetailsWrapper .customCheckbox{font-size: 16px;zero: 18px;line-height: 21px;zero: 21px;line-height: 21px;color: #05396e;
vertical-align: middle;}
.riderDetailsWrapper .customCheckbox label{padding-left: 0;font-size: 13px;font-weight: bold;}
/* .riderDetailsWrapper .customCheckbox label+label{margin-left: 35px;margin-top: 20px;display: inline-block;} */
.inputWrprppt {display: inline-block; width: 25px;text-align: center; position: relative;}
#SA_CI_Max { display: inline; top: 0;position: relative;}
#SA_IB_Max{ display: inline;top: 0;position: relative;}
.inlineInputppt {margin-left: 5px;width:18px !important; border: 0px !important; background: none !important;text-align: left !important; font-weight: bold !important;border-bottom: 1px solid black !important; color: #008CBA; border-radius: 0px !important; height: 20px !important; padding: 0px !important;}
.spa1{display:block}.spa2{display:none}
#modi1{color: #3e3f3f;}
#modi2{color: #3e3f3f;}
@media only screen and (max-width: 30em) {
.yourRiskTolerance ul li.eqHeight .riderDetails .customCheckbox label{line-height: 35px;height: auto;}
.riderHead{margin-left: 0px;margin-top: 10px;}
.dBrochure{margin: 0}
.spa2{top: 25px !important ;width: 120px;display:block}.spa1{display:none}
.yourRiskTolerance ul li.eqHeight .riderDetails .customCheckbox label{padding-left:0px;margin: 0px;}
}
.inlineInput1{ width: 79px !important; border: 0px !important;background: none !important;text-align: left !important;font-weight: bold !important;border-bottom: 1px solid black !important;color: #008CBA; border-radius: 0px !important;height: 20px !important;padding: 0px !important;}
.riderDetailsWrapper{border-bottom: 1px solid #f1f1f1;}
.cAlign{margin-left:0px !important;padding-left:0px !important;}
.c2i_c4ci1{pointer-events: none! important; cursor: not-allowed! important;}
.v9{left: -2px !important;top: 20px !important;font-size: 10px !important;font-weight: 500 !important ;text-align: left !important;line-height: 13px !important; margin-left: 4px !important;}
#errorId{ display: inline-block !important;top: -24px !important;font-size: 11px !important;font-weight: 500 !important;text-align: left !important;line-height: 13px !important;margin-left: 150px !important;color: red !important;/* position: absolute!important;left: -2px !important; */width: 700px !important;}
#errorId1{display: inline-block !important;top: -24px !important;font-size: 11px !important;font-weight: 500 !important;text-align: left !important;line-height: 13px !important;margin-left: 150px !important;color: red !important;/* position: absolute!important;left: -2px !important; */width: 700px !important;}
.space{pointer-events: none! important; cursor: not-allowed! important;}
#errorId2{display: inline-block;top: -33px;;font-size: 11px;font-weight: 500;text-align: left;line-height: 13px;margin-left: -191px;color: red;position: absolute;left: -2px;width: 300px;}
/* .c2i_iaib1{pointer-events: none! important;cursor: not-allowed! important;} */
.ci_rider_max{top: 32px !important;}
.ci_rider_maxval{ top: 33px !important; left: 22px !important;}
.ci_rider_max1{top: 13px !important; margin-left:1px !important}
.ci_rider_maxval1{ top: 14px !important; left: 22px !important;}
#singerror{height: 191px !important;color:red !important;font-size: 13px !important;margin-left: -698px !important;top: 230px;
position: relative !important;}
#errorId3{height: 191px !important;color:red !important;font-size: 13px !important;margin-left: -100px !important;}
#cir_errorId{display: inline-block !important;font-size: 13px !important;font-weight: 500 !important;text-align: left !important;line-height: 13px !important;margin-left: 150px !important;color: red !important;/* position: absolute!important;left: -2px !important; */width: 700px !important;position: relative;
top: 20px;}
#ib_errorId{display: inline-block !important;font-size: 13px !important;font-weight: 500 !important;text-align: left !important;line-height: 13px !important;margin-left: 150px !important;color: red !important;/* position: absolute!important;left: -2px !important; */width: 700px !important;position: relative;top: -285px;}
#ills_cir_errorId{display: inline-block !important;top: -24px !important;font-size: 11px !important;font-weight: 500 !important;text-align: left !important;line-height: 13px !important;margin-left: 36px !important;color: red !important;/* position: absolute!important;left: -2px !important; */width: 700px !important;}
#ills_ib_errorId{display: inline-block !important;font-size: 11px !important;font-weight: 500 !important;text-align: left !important;line-height: 13px !important;margin-left: 36px !important;color: red !important;/* position: absolute!important;left: -2px !important; */width: 700px !important;}
.riderDetails .customCheckbox input[type=checkbox][disabled=disabled] + label::before{ cursor: not-allowed; opacity: 0.5;}
.line-menu{padding:0 0 0 20px;margin:0;font-weight: normal;display: block;vertical-align: top;float: none;}
.line-menu li{float: left;padding-right: 16px !important;list-style: none;font-size: 14px;position: relative;line-height:20px;}
.line-menu li a.edit-form{font-size: 14px;line-height:40px;}
.line-menu li:last-child{padding-right:0px;}
.line-menu li:after{position:absolute;content:"";height:14px;width:1px;background:#7e7e7e;right:8px; top:13px}
.line-menu li:last-child:after{content: none;}
.question-tip {
padding-left: 5px !important;
padding-right: 5px !important;
}
.question-tip > img {
padding-bottom: 3px;
height: auto;
width: 18px;
}
/* @media only screen and (min-width: 1200px)
.line-menu {
float: right;
} */
.edit-form{background: transparent url(../images/c2p3d_v2_pencil.svg) no-repeat left 3px;padding-left: 16px;font-size: 12px;line-height: 20px;cursor: pointer;}
.edit-form.close-addon{background: none;padding-left:0;}
.c2i_rider_modification input{margin:0;font-family:'Source Sans Pro', sans-serif;}
.c2i_rider_modification input::-moz-focus-inner{padding:0;border:0;}
.c2i_rider_modification input{line-height:normal;}
.c2i_rider_modification *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.c2i_rider_modification :after,.c2i_rider_modification :before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
c2i_rider_modification input{font-family:'Source Sans Pro', sans-serif;line-height:inherit;}
.c2i_rider_modification p{margin:0 0 10px;}
.c2i_rider_modification ul{margin-top:0;margin-bottom:10px;}
.c2i_rider_modification .row{margin-right:-15px;margin-left:-15px;}
.c2i_rider_modification .col-lg-3,.c2i_rider_modification .col-lg-9,.c2i_rider_modification .col-md-12,.c2i_rider_modification .col-md-4,
.c2i_rider_modification .col-sm-12,
.c2i_rider_modification .col-sm-5,
.c2i_rider_modification .col-sm-7{position:relative;min-height:1px;padding-right:15px;padding-left:15px;}
@media (min-width:768px){
.c2i_rider_modification .col-sm-12,.col-sm-5,.col-sm-7{float:left;}
.c2i_rider_modification .col-sm-12{width:100%;}
.c2i_rider_modification .col-sm-7{width:58.33333333%;}
.c2i_rider_modification .col-sm-5{width:41.66666667%;}
}
@media (min-width:992px){
.c2i_rider_modification .col-md-12,.col-md-4{float:left;}
.c2i_rider_modification .col-md-12{width:100%;}
.c2i_rider_modification .col-md-4{width:33.33333333%;}
}
@media (min-width:1200px){
.c2i_rider_modification .col-lg-3,.c2i_rider_modification .col-lg-9{float:left;}
.c2i_rider_modification .col-lg-9{width:75%;}
.c2i_rider_modification .col-lg-3{width:25%;}
}
.c2i_rider_modification .form-control{display:block;width:100%;height:34px;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;}
.c2i_rider_modification .form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
.c2i_rider_modification .form-control::-moz-placeholder{color:#999;opacity:1;}
.c2i_rider_modification .form-control:-ms-input-placeholder{color:#999;}
.c2i_rider_modification .form-control::-webkit-input-placeholder{color:#999;}
.c2i_rider_modification .form-control::-ms-expand{background-color:transparent;border:0;}
.c2i_rider_modification .btn-block{display:block;width:100%;}
.c2i_rider_modification .row:after,.c2i_rider_modification .row:before{display:table;content:" ";}
.c2i_rider_modification .row:after{clear:both;}
.c2i_rider_modification .row .row:after,.c2i_rider_modification .row:after{clear:both;}
.c2i_rider_modification p{text-rendering:optimizeLegibility;}
.c2i_rider_modification ul{list-style-position:outside;}
.c2i_rider_modification :focus{outline:0;}
.c2i_rider_modification .row{width:100%;}
.c2i_rider_modification .row .row:after,.c2i_rider_modification .row .row:before,.c2i_rider_modification .row:after,.c2i_rider_modification .row:before{content:" ";display:table;}
.c2i_rider_modification div,.c2i_rider_modification li,.c2i_rider_modification p,.c2i_rider_modification ul{margin:0;padding:0;}
.c2i_rider_modification p{line-height:1.6;}
.c2i_rider_modification ul{line-height:1.6;margin-bottom:1.66667rem;font-family:inherit;}
.c2i_rider_modification ul{margin-left:1.1rem;}
.c2i_rider_modification li,.c2i_rider_modification ul{list-style-type:none;margin:0;padding:0;}
.c2i_rider_modification ::-webkit-input-placeholder{color:#717171;}
.c2i_rider_modification ::-moz-placeholder{color:#000;}
.c2i_rider_modification :-ms-input-placeholder{color:#000;}
.c2i_rider_modification input:-moz-placeholder{color:#000;}
.c2i_rider_modification input{font-family:'Source Sans Pro', sans-serif;}
.c2i_rider_modification input:disabled{background:#fff;}
.c2i_rider_modification p{margin-bottom:8px;}
.c2i_rider_modification .text-mini{font-size:12px!important;}
.c2i_rider_modification .text-body{color:#444444;}
.c2i_rider_modification .mr-top16{margin-top:16px;}
.c2i_rider_modification .form-control{border-width:0 0 1px 0;border-color:#e7e7e7;border-radius:0;box-shadow:none;padding-left:0;height:32px;font-size:16px;color:#444444;background:transparent;}
.c2i_rider_modification .form-control:focus{border-color:#e7e7e7;box-shadow:none;}
.c2i_rider_modification .form-control::-ms-reveal{display:none;}
.c2i_rider_modification input[type=text]::-ms-clear{display:none;}
.c2i_rider_modification span.help-hint{background:#d3ebf8;height:20px;padding:4px 8px;font-size:12px;text-transform:uppercase;letter-spacing:3px;color:#444444;margin-left:8px;display:inline-block;line-height:12px;font-weight:normal;}
.c2i_rider_modification .help-hint.nocolor{background:transparent;padding-left:0;margin-left:0;padding-right:0;}
.c2i_rider_modification .rupee-box{position:relative;margin-bottom:4px;max-width:300px;}
.c2i_rider_modification .rupee-box .form-control.rupee-input{padding-left:12px;}
.c2i_rider_modification .rupee-box .rupee{position:absolute;top:5px;display:inline-block;font-size:16px;color:#444;}
.c2i_rider_modification .addon-box{padding:24px;border-radius:1px;box-shadow:0 2px 14px 0 rgba(0, 0, 0, 0.11);background-color:#ffffff;font-size:14px;color:#7e7e7e;}
.c2i_rider_modification .addon-amnt{font-size:28px;color:#444;font-weight:600;}
.c2i_rider_modification .sml-row{padding:0;}
.c2i_rider_modification .sml-row li{list-style:none;}
@media only screen and (min-width:768px){
.c2i_rider_modification .row.sml-row{margin-right:10px;margin-left:-10px;}
.c2i_rider_modification .row.sml-row [class^="col-"]{padding-left:10px;padding-right:10px;}
}
@media only screen and (min-width:767px) and (max-width:991px){
.c2i_rider_modification .sm-space li{margin-bottom:12px;}
}
@media only screen and (min-width:991px) and (max-width:1024px){
.c2i_rider_modification .addon-box{padding:16px;}
}
@media only screen and (min-width: 992px){
.c2i_rider_modification .row{margin-left:-20px;margin-right:-20px;}
.c2i_rider_modification .col-lg-3,
.c2i_rider_modification .col-lg-9,
.c2i_rider_modification .col-md-12,
.c2i_rider_modification .col-md-4,
.c2i_rider_modification .col-sm-12,
.c2i_rider_modification .col-sm-5,
.c2i_rider_modification .col-sm-7{padding-left:20px;padding-right:20px;}
}
@media only screen and (max-width:767px){
.c2i_rider_modification .rupee-box{max-width:100%;}
.c2i_rider_modification .sml-row li{margin-bottom:20px;}
}
.c2i_rider_modification .v2_errMsg{color:red;}
@media only screen and (max-width:768px){
.c2i_rider_modification span.help-hint{height:auto;}
}
.c2i_rider_modification input[type=text].form-control:focus{border-bottom:1px solid #66afe9!important;}
.c2i_rider_modification .IBrider_box {
width: 80%;
margin-left: 125px;
margin-top: 45px;
margin-bottom: 20px;
}
.c2i_rider_modification .CIrider_box{
width: 80%;
margin-left: 125px;
margin-top: 45px;
margin-bottom: 20px;
}
.c2i_rider_modification .IBrider_box.modify_IBrider_box {
width: 105%;
margin-left: -4px;
margin-top: 22px;
margin-bottom: 20px;
}
.c2i_rider_modification .CIrider_box.modify_CIrider_box {
width: 105%;
margin-left: -4px;
margin-top: 22px;
margin-bottom: 20px;
}
.c2i_rider_modification p .riderHead {
color: black;
font-weight: 550;
font-size: 16px;
margin-left: 110px;
}
/* Redmine-9168 changes end */
/* 9048 - Conditional NDNC disclaimer -Niharika */
#btnPolicyDetails[disabled],#homeBtnPolicyDetails[disabled] {
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .65;
}
#btnPolicyDetails[disabled]:hover,#homeBtnPolicyDetails[disabled]:hover{
background-color: #337ab7;
border-color: #2e6da4;
}
#home_id .checkboxErr {color:#ed191f;bottom:-16px;font-weight: normal;font-size:12px;margin:4px 0 0;line-height: 12px; padding-left:227px; text-align: left !important }
#qtDtlsSubmitOps .checkboxErr {color:#ed191f;bottom:-16px;font-weight: normal;font-size:12px;margin:4px 0 0;line-height: 12px; padding-left:337px; text-align: left !important }
/* .has-error.customCheckbox.disclaimer> input[type="checkbox"]+label::before {border:1px solid red; width: 17px;} */
/* .has-error.customCheckbox.disclaimer> input[type="checkbox"]:checked +label::before {border: 1px solid #b8b8b8;} */
/* 9048 */
.popEditDetails { width: 320px; position: fixed;top: 40px;left: 50%;margin-left: -160px; z-index: 105;display: none;}
.popPlansOpt {z-index: 10000;width: 850px; margin-left: 0; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); max-width: 90%;}
.popEditDetails, .popup { background: #fff;}
.closePopup { background: url(../images/closeIcn.png) center center no-repeat; width: 21px; height: 21px;display: inline-block; position: absolute; right: 10px; top: 10px; padding: 20px;}
.popPlansOpt h3 { padding-left: 40px; padding-right: 50px;}
.popup h3 { background: #1976d2; color: #fff;font-size: 20px;height: 60px; font-weight: 600; text-transform: uppercase; zero: 10px; zero: 50px;zero: 10px; zero: 20px; padding: 10px 50px 10px 20px; display: table-cell; width: 1000px; vertical-align: middle;}
.popPlansOpt .planOptMain{margin:40px;max-height:335px;overflow:auto;}
@media only screen and (max-height: 500px) and (orientation: landscape){.popPlansOpt .commonPlanOpt { height: 270px;}}
@media only screen and (max-height: 500px){.popPlansOpt .commonPlanOpt { height: 300px;}}
.popPlansOpt .commonPlanOpt {display: none; height: 500px;}
@media only screen and (max-height: 500px) {.popPlansOpt .planOptMain {height: 150px /*height: 300px*/}}
@media only screen and (max-height: 450px) {.popPlansOpt .planOptMain {height: 200px}}
@media only screen and (max-height: 400px) {.popPlansOpt .planOptMain {height: 130px}}
.hideScreen {position: fixed;left: 0;top: 0;height: 100% !important;z-index: 101}
.overlay {background: rgba(0,0,0,.4);display: none;height: 100%;left: 0; margin: auto;position: fixed;top: 0;width: 100%;z-index: 9999}
.popPlansOpt .planOptMain h2 { font-size: 20px; text-align: left; font-weight: 600}
.popPlansOpt .critical p {font-size: 17px;}
.popPlansOpt .critical ul li{list-style-type: disc;list-style-position: inside;}
.popPlansOpt .planOptMain li { font-size: 15px; color: #717171; margin-bottom: 5px}
ul.disablityPoints li { line-height: 18px; list-style: disc; margin-left: 18px; padding: 7px 10px 0 0;}
.jspContainer{min-height:260px;}
.accideath.commonPlanOpt .jspContainer,.PPcancer_cover .jspContainer,.PP_Per_acci_cover.commonPlanOpt .jspContainer{min-height:340px;}
.popPlansOpt .jspVerticalBar{width:3px}
.popPlansOpt .jspVerticalBar .jspTrack{background:#ccc}
.popPlansOpt .jspVerticalBar .jspTrack .jspDrag{background:#1976d3}
/* Redmin#9413 start*/
.riderBlock{padding:20px;}
.ridersPopup {z-index: 10000;width: 850px;margin-left: 0; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%);max-width: 90%;}
.dvExplorePlans { width: 100%; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .3); border-radius: 3px;}
/* .dvExplorePlans h3 { padding: 19px 24px 21px; background: #1978d4; font-size: 18px;line-height: 21px;font-weight: 400;color: #FFF;border-radius: 3px 3px 0 0;} */
.dvExplorePlans .dvPlanOptions {background: rgb(245,249,252); padding: 7px 12px 18px; border-radius: 0 0 3px 3px;}
.dvExplorePlans .lCell{display: block;min-height: 90px;padding: 10px 10px 12px 103px;background-image: url(../images/iconsHome_c2p3dp.png);background-color: #1978d4;background-repeat:no-repeat;background-position:16px -610px; font-size: 18px;line-height: 21px;font-weight: 400;color: #FFF;border-radius: 3px 3px 0 0;}
.dvExplorePlans .lCell.medPlus {background-position: 16px -829px;}
.riderBlock h2{text-align: center;font-size: 30px;color: rgb(16,61,103);font-weight: bold;}
.riderBlock p.riderText{font-size: 14px;text-align: center;color: rgb(16,61,103);}
.riderBlock .dvExplorePlans{margin-bottom:20px;}
.dvExplorePlans .lCell h3{border: 0px !important;color: #FFF !important;text-align: left !important;padding-left: 0px !important;padding-bottom: 0px !important;min-height: 0px !important; padding-top: 10px !important;font-size: 22px !important;text-transform: none !important;line-height: 30px !important;/* letter-spacing: 1px; */}
.dvExplorePlans .lCell label{font-size: 17px;}
.riderBlock .dvExplorePlans .dvPlanOptions{padding:20px;}
.riderBlock .dvExplorePlans .dvPlanOptions table{border: 1px solid lightgrey;background: #FFF;width: 100%;border-collapse: collapse;}
.riderBlock .dvExplorePlans .dvPlanOptions table tr td{border: 1px solid lightgrey;width: 50%;padding: 14px;font-size: 15px;font-weight: bold;}
.ridersPopup .closePopup{background:url(../images/close_icon.png) center center no-repeat;z-index:1000;border: 1px solid gray; border-radius: 50px;padding: 12px;}
.ridersPopup .dvExplorePlans .lCell h3{height:auto;}
.ridersPopup .riderBlock .dvExplorePlans .dvPlanOptions table tr td{padding: 10px;font-size: 13px;}
.ridersPopup .dvExplorePlans .lCell{min-height: auto;background-position:16px -614px;}
.ridersPopup p{margin-bottom: 5px;}
.ridersPopup .riderBlock .dvExplorePlans .dvPlanOptions{padding:12px;}
.rider_width{width:85%;margin:auto;}
.rider_overflow_hidden{overflow:hidden !important;}
/* Redmin#9413 end*/
/*Redmine 10337- Display the Privacy Policy -Niharika*/
.atagdisc{font-size: 15px;color: #0587e0;font-weight: 800;}
/* Redmine 10337 -end */
/* Redmine 10063 starts */
.GenderSel select {
color: #05396e;
-moz-appearance: none;
-webkit-appearance: none;
background-color: transparent;
background-image: none;
border: none;
border-bottom: 1px solid #005e9e;
border-radius: 0;
box-shadow: none;
font-size: 15px;
zero: 15px;
font-size: 15px;
height: 32px;
line-height: 17px;
padding: 0px 10px;
zero: 0px;
zero: 10px;
padding: 0px 10px
}
.formRow .GenderSel{
width: 110px;
}
.GenderSel{
background: url("../images/drop-icon-blue.png") no-repeat right center;
display: inline-block;
}
/* Redmine 10063 ends */
/* 10663 starts */
.ci_rider_add li{ border-bottom: none !important;list-style-type: disc; font-size: 14px;}
.ib_rider_add li{ border-bottom: none !important;list-style-type: disc; font-size: 14px;}
#c2i-details .bx-viewport{height:auto !important;}
/* 10663 ends */
/*Call centre assistance Redmine 10460 Deepak S Start*/
.ccAssistance_NB .disclaimer {padding-left: 10%;padding-top: 2%;font-size: 14px !important;}
.ccAssistance_NB .dvTble{padding-left: 14%;}
/*Call centre assistance Redmine 10460 Deepak S End*/
/*10999 starts */
@media only screen and (max-width: 768px) {
.IBrider_box {
width: 80%;
margin: auto auto !important;
}
.IBrider_box,.CIrider_box {
width: 100% !important;
margin: auto auto !important;
float:left;
}
.riderTwo,.riderOne{float:left !important;}
#ib_errorId,#cir_errorId{position:static !important;margin-top: 10px;line-height: 18px !important;float:left;margin-bottom:10px;}
.cAlign{width: 90%;line-height: 20px;float: left;}
.line-menu{display:inline-block !important;}
.c2i_rider_modification{padding:10px;}
.riderHead{margin:4px !important;}
.dBrochure {
margin-top: 10px;
}
}
/*10999 ends */
.FundPerformanceBrochure a:hover{cursor:pointer;}
.FundPerformanceBrochure div,ul,.fixed_elements li{margin:0;padding:0;}
.FundPerformanceBrochure a{color:#008CBA;text-decoration:none;line-height:inherit;}
.FundPerformanceBrochure a:hover,a:focus{color:#0078a0;}
.FundPerformanceBrochure ul{font-size:1rem;line-height:1.6;margin-bottom:1.66667rem;list-style-position:outside;font-family:inherit;}
.FundPerformanceBrochure ul{margin-left:1.1rem;}
.FundPerformanceBrochure ul,li{list-style-type:none;margin:0;padding:0;}
.FundPerformanceBrochure ::-webkit-input-placeholder{color:rgba(0,0,0,0.48);font-weight:500;}
.FundPerformanceBrochure ::-moz-placeholder{color:rgba(0,0,0,0.48);font-weight:500;}
.FundPerformanceBrochure :-ms-input-placeholder{color:rgba(0,0,0,0.48);font-weight:500;}
.FundPerformanceBrochure *:focus{outline:0;}
.FundPerformanceBrochure a,a:hover,a:active,a:focus{outline:0;}
.FundPerformanceBrochure .rightFixedPanel{position:fixed;right:0;top:50%;z-index:2;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);}
.FundPerformanceBrochure .rightFixedPanel ul{margin:0;padding:0;border-top:1px solid #547ed4;border-left:1px solid #547ed4;display:inline-block;}
.FundPerformanceBrochure .rightFixedPanel ul li{list-style:none;border-bottom:1px solid #547ed4;}
.FundPerformanceBrochure .rightFixedPanel ul li a{background-color:#fff;color:#3a6acd;display:table-cell;text-align:center;vertical-align:middle;font-size:12px;zero:9px;font-size:12px;width:71px;height:69px;position:relative;padding-top:38px;zero:38px;padding-top:38px;line-height:11px;zero:11px;line-height:11px;}
.FundPerformanceBrochure .rightFixedPanel ul li a:after{background:url("../images/bg_right_fixed.svg") no-repeat 0 -29px;content:"";display:inline-block;height:29px;position:absolute;left:50%;top:8px;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);width:27px;}
.FundPerformanceBrochure .rightFixedPanel ul li:first-child a:after{background-position:0 0;}
.FundPerformanceBrochure :after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.FundPerformanceBrochure .rightFixedPanel ul li a.glossary:after{background:url("../images/glossary_Icon.png") no-repeat 0 0;content:"";display:inline-block;height:45px;position:absolute;left:50%;top:3px;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);width:30px}
@media screen and (max-width:767px){
.rightFixedPanel{display:none;}
}
.c2i_fund_performanceFixed a{background-color:transparent;}
.c2i_fund_performanceFixed a:active,a:hover{outline:0;}
.c2i_fund_performanceFixed sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
.c2i_fund_performanceFixed sup{top:-.5em;}
.c2i_fund_performanceFixed button,select{margin:0;font:inherit;color:inherit;}
.c2i_fund_performanceFixed button{overflow:visible;}
.c2i_fund_performanceFixed button,select{text-transform:none;}
.c2i_fund_performanceFixed button{-webkit-appearance:button;cursor:pointer;}
.c2i_fund_performanceFixed button::-moz-focus-inner{padding:0;border:0;}
.c2i_fund_performanceFixed table{border-spacing:0;border-collapse:collapse;}
.c2i_fund_performanceFixed td,th{padding:0;}
.c2i_fund_performanceFixed button,select{font-family:inherit;font-size:inherit;line-height:inherit;}
.c2i_fund_performanceFixed a{color:#337ab7;text-decoration:none;}
.c2i_fund_performanceFixed a:focus,a:hover{color:#23527c;text-decoration:underline;}
.c2i_fund_performanceFixed a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.c2i_fund_performanceFixed h2{font-family:inherit;font-weight:500;line-height:1.1;color:inherit;}
.c2i_fund_performanceFixed h2{margin-top:20px;margin-bottom:10px;}
.c2i_fund_performanceFixed h2{font-size:30px;}
.c2i_fund_performanceFixed p{margin:0 0 10px;}
.c2i_fund_performanceFixed .row{margin-right:-15px;margin-left:-15px;}
.c2i_fund_performanceFixed table{background-color:transparent;}
.c2i_fund_performanceFixed th{text-align:left;}
.c2i_fund_performanceFixed .fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear;}
.c2i_fund_performanceFixed .fade.in{opacity:1;}
.c2i_fund_performanceFixed .modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0;}
.c2i_fund_performanceFixed .modal-open .modal{overflow-x:hidden;overflow-y:auto;}
.c2i_fund_performanceFixed .clearfix:after,.clearfix:before,.row:after,.row:before{display:table;content:" ";}
.c2i_fund_performanceFixed .clearfix:after,.row:after{clear:both;}
.c2i_fund_performanceFixed .hide{display:none!important;}
.c2i_fund_performanceFixed *,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.c2i_fund_performanceFixed a:hover{cursor:pointer;}
.c2i_fund_performanceFixed .clearfix:before,.clearfix:after{content:" ";display:table;}
.c2i_fund_performanceFixed .clearfix:after{clear:both;}
.c2i_fund_performanceFixed .hide{display:none;}
.c2i_fund_performanceFixed select{width:100%;}
.c2i_fund_performanceFixed .row{width:100%;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;max-width:113.33333rem;}
.c2i_fund_performanceFixed .row:before,.row:after{content:" ";display:table;}
.c2i_fund_performanceFixed .row:after{clear:both;}
.c2i_fund_performanceFixed div,h2,p,th,td{margin:0;padding:0;}
.c2i_fund_performanceFixed a{color:#008CBA;text-decoration:none;line-height:inherit;}
.c2i_fund_performanceFixed a:hover,a:focus{color:#0078a0;}
.c2i_fund_performanceFixed p{font-family:inherit;font-weight:400;font-size:1rem;line-height:1.6;margin-bottom:1.66667rem;text-rendering:optimizeLegibility;}
.c2i_fund_performanceFixed h2{font-family:"Lato",sans-serif;font-weight:400;font-style:normal;color:#222;text-rendering:optimizeLegibility;margin-top:.2rem;margin-bottom:.5rem;line-height:1.4;}
.c2i_fund_performanceFixed h2{font-size:2.25rem;}
.c2i_fund_performanceFixed button{font-family:'Lato', sans-serif;}
.c2i_fund_performanceFixed select{font-family:'Lato', sans-serif;}
.c2i_fund_performanceFixed sup{font-size:12px;zero:12px;font-size:12px;}
.c2i_fund_performanceFixed .wrapper-box{border:1px solid #e6e6e6;padding:2.34375%;zero:2.34375%;padding:2.34375%;margin:19px 0 0;zero:19px;zero:0;zero:0;margin:19px 0 0;background:#fbfbfb;}
.c2i_fund_performanceFixed .select-options{margin-left:15px;zero:15px;margin-left:15px;margin-right:15px;zero:15px;margin-right:15px;}
.c2i_fund_performanceFixed .select-options cite{display:inline-block;vertical-align:middle;position:relative;margin:2px 0 0 5px;zero:2px;zero:0;zero:0;zero:5px;margin:2px 0 0 5px;}
.c2i_fund_performanceFixed .select-options cite select{border:none;border-bottom:2px solid #0266b1;color:#0266b1;font-size:22px;zero:22px;font-size:22px;line-height:26px;zero:26px;line-height:26px;border-radius:0px;font-style:normal;font-weight:600;height:28px;padding:0 20px 0 5px;zero:0;zero:20px;zero:0;zero:5px;padding:0 20px 0 5px;display:inline-block;width:auto;background-color:#fff;}
.c2i_fund_performanceFixed .select-options cite select option{background-color:#fff;border:none;color:#000;font-size:20px;zero:20px;font-size:20px;line-height:22px;zero:22px;line-height:22px;}
.c2i_fund_performanceFixed .select-options cite:after{content:"";position:absolute;right:0;width:12px;height:6px;background:url(../images/select-blue-arrd.png) no-repeat 0 0;top:50%;pointer-events:none;display:inline-block;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);}
.c2i_fund_performanceFixed .formButtons{margin-left:-8px;margin-right:-8px;clear:both;text-align:center;}
.c2i_fund_performanceFixed .formButtons>div{display:inline-block;margin:5px 8px;zero:5px;zero:8px;margin:5px 8px;vertical-align:middle;}
.c2i_fund_performanceFixed .formButtons .redBtn{border:1px solid #d51d24;line-height:40px;height:40px;display:inline-block;background:#e21c24;padding:0 22px;zero:0;zero:22px;padding:0 22px;min-width:131px;text-align:center;cursor:pointer;}
.c2i_fund_performanceFixed .formButtons .redBtn span{line-height:21px;font-size:15px;color:#fff;display:inline-block;text-transform:normal;position:relative;}
.c2i_fund_performanceFixed .formButtons .redBtn.arrow-r span{padding:0 35px 0 0;zero:0;zero:35px;zero:0;zero:0;padding:0 35px 0 0;}
.c2i_fund_performanceFixed .formButtons .redBtn.arrow-r span:after{background:transparent url("../images/arrowR-circle-animate.png") no-repeat scroll right center;content:"";display:inline-block;height:23px;margin-top:-11px;padding:0;position:absolute;right:0;top:50%;width:24px;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}
.c2i_fund_performanceFixed .formButtons .redBtn.arrow-r:hover span:after{right:-5px;}
.c2i_fund_performanceFixed ::-webkit-input-placeholder{color:rgba(0,0,0,0.48);font-weight:500;}
.c2i_fund_performanceFixed ::-moz-placeholder{color:rgba(0,0,0,0.48);font-weight:500;}
.c2i_fund_performanceFixed :-ms-input-placeholder{color:rgba(0,0,0,0.48);font-weight:500;}
.c2i_fund_performanceFixed select{-moz-appearance:none;-webkit-appearance:none;outline:none;cursor:pointer;}
.c2i_fund_performanceFixed *:focus{outline:0;}
.c2i_fund_performanceFixed select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-o-appearance:none;}
.c2i_fund_performanceFixed select::-ms-expand{display:none;}
.c2i_fund_performanceFixed a,a:hover,a:active,a:focus{outline:0;}
.c2i_fund_performanceFixed .number-tags{white-space:nowrap;}
.c2i_fund_performanceFixed .title-wrapper{display:table;width:100%;}
.c2i_fund_performanceFixed .btn-wrapper{text-align:right;vertical-align:bottom;}
.c2i_fund_performanceFixed .btn-wrapper a{display:inline-block;text-align:right;vertical-align:middle;color:#fff;text-decoration:none;font-size:15px;zero:15px;font-size:15px;line-height:36px;zero:36px;line-height:36px;font-weight:400;margin:0;zero:0;margin:0;padding:0 24px;zero:0;zero:24px;padding:0 24px;border:2px solid #03263d;background-color:#03263d;}
.c2i_fund_performanceFixed .btn-wrapper a:hover{text-decoration:none;}
.c2i_fund_performanceFixed .title-wrapper h2{font-size:24px;zero:24px;font-size:24px;line-height:26px;zero:26px;line-height:26px;padding:0 15px 0 0;zero:0;zero:15px;zero:0;zero:0;padding:0 15px 0 0;font-weight:600;color:rgba(0,0,0,0.87);}
.c2i_fund_performanceFixed .self-performance .performance-lists .links-btn{padding:28px 0 7px;zero:28px;zero:0;zero:7px;padding:28px 0 7px;display:inline-block;}
.c2i_fund_performanceFixed .self-performance .performance-table table tr .th-col_4567{display:none;}
.c2i_fund_performanceFixed .self-performance .performance-table table{margin:8px 0 0;zero:8px;zero:0;zero:0;margin:8px 0 0;border-collapse:inherit;width:100%;}
.c2i_fund_performanceFixed .self-performance .performance-table table thead tr:first-child th:first-child{border-top-left-radius:5px;}
.c2i_fund_performanceFixed .self-performance .performance-table table thead tr:first-child th:last-child{border-top-right-radius:5px;}
.c2i_fund_performanceFixed .self-performance .performance-table table thead th{background:#005796;text-align:center;vertical-align:middle;color:rgba(255,255,255,0.87);font-size:17px;zero:17px;font-size:17px;line-height:23px;zero:23px;line-height:23px;text-transform:uppercase;font-weight:600;margin:0;zero:0;margin:0;padding:1.33333% 1.23153%;zero:1.33333%;zero:1.23153%;padding:1.33333% 1.23153%;border-left:1px solid rgba(255,255,255,0.1);}
.c2i_fund_performanceFixed .self-performance .performance-table table thead th.rowspan-top{padding-top:5px;padding-bottom:5px;vertical-align:middle;border-bottom:1px solid rgba(255,255,255,0.1);}
.c2i_fund_performanceFixed .self-performance .performance-table table thead th.rowspan-btm{padding-top:5px;padding-bottom:5px;vertical-align:middle;}
.c2i_fund_performanceFixed .self-performance .performance-table table thead th .normal-text{text-transform:none;}
.c2i_fund_performanceFixed .self-performance .performance-table table thead th .select-options cite{position:relative;margin:0;font-size:0;height:16px;}
.c2i_fund_performanceFixed .self-performance .performance-table table thead th .select-options cite:after{background:none;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #FFF;right:5px;top:2px;line-height:18px;margin:0;position:relative;}
.c2i_fund_performanceFixed .self-performance .performance-table table thead th .select-options select{font-weight:600;background-color:transparent;color:rgba(255,255,255,0.87);border-bottom:none;height:auto;padding-right:12px;font-size:12px;zero:12px;font-size:12px;line-height:16px;zero:16px;line-height:16px;}
.c2i_fund_performanceFixed .self-performance .performance-table table thead th .select-options select>option{font-size:12px;zero:12px;font-size:12px;line-height:16px;zero:16px;line-height:16px;}
.c2i_fund_performanceFixed .self-performance .performance-table table tbody tr{background:#fff;}
.c2i_fund_performanceFixed .self-performance .performance-table table tbody tr:nth-child(4n+1),.self-performance .performance-table table tbody tr:nth-child(4n+2){background-color:#f2f4f5;}
.c2i_fund_performanceFixed .self-performance .performance-table table tbody tr td{border-right:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);}
.c2i_fund_performanceFixed .self-performance .performance-table table tbody tr td:first-child{border-left:1px solid rgba(0,0,0,0.1);}
.c2i_fund_performanceFixed .self-performance .performance-table table tbody tr td.td-col1{text-align:left;}
.c2i_fund_performanceFixed .self-performance .performance-table table tbody tr td.td-col1 p{color:rgba(0,0,0,0.5);font-size:14px;zero:14px;font-size:14px;line-height:16px;zero:16px;line-height:16px;font-weight:400;margin:0;padding:0;word-break:break-all;}
.c2i_fund_performanceFixed .self-performance .performance-table table tbody td{text-align:center;vertical-align:middle;color:rgba(0,0,0,0.87);font-size:16px;zero:16px;font-size:16px;line-height:20px;zero:20px;line-height:20px;font-weight:400;margin:0;zero:0;margin:0;padding:1.33333% 1.23153%;zero:1.33333%;zero:1.23153%;padding:1.33333% 1.23153%;}
.c2i_fund_performanceFixed .self-performance .performance-table .note-bottom{margin:0 -25px;}
.c2i_fund_performanceFixed .self-performance .performance-table .note-bottom span{color:rgba(0,0,0,0.78);font-size:12px;zero:12px;font-size:12px;line-height:14px;zero:14px;line-height:14px;font-weight:400;margin:6px 25px 0;padding:6px 0 0;display:inline-block;}
.c2i_fund_performanceFixed .links-btn{display:inline-block;vertical-align:middle;margin:-5px;zero:-5px;margin:-5px;padding:5px 0;zero:5px;zero:0;padding:5px 0;text-align:left;}
.c2i_fund_performanceFixed .links-btn a{border-radius:2px;display:inline-block;margin:5px;zero:5px;margin:5px;padding:0 15px;zero:0;zero:15px;padding:0 15px;font-size:16px;zero:16px;font-size:16px;line-height:36px;zero:36px;line-height:36px;font-weight:500;background-color:transparent;color:#03263d!important;text-decoration:none!important;min-width:108px;text-align:center;position:relative;}
.c2i_fund_performanceFixed .links-btn a:visited,.links-btn a:focus,.links-btn a:hover{text-decoration:none!important;}
.c2i_fund_performanceFixed .links-btn a.active2{color:#fff!important;background-color:#03263d;text-decoration:none;}
.c2i_fund_performanceFixed .links-btn a.active2:after{content:"";background:none;left:50%;bottom:-9px;line-height:18px;margin:0;position:absolute;margin-left:-8px;}
.c2i_fund_performanceFixed .modal{text-align:center;padding:0 10px!important;z-index:1055;}
.c2i_fund_performanceFixed .modal:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-4px;}
.c2i_fund_performanceFixed .hdfc-popup{background:#fff;max-width:580px;width:100%;margin:30px auto;border-radius:6px;padding:2.1857923497%;position:relative;display:inline-block;text-align:left;vertical-align:middle;}
.c2i_fund_performanceFixed .hdfc-popup .close-popup{display:inline-block;width:17px;height:16px;background:url("../images/close-btn-black.png") no-repeat 0 0;position:absolute;right:10px;top:10px;}
.c2i_fund_performanceFixed .hdfc-popup .hdfc-popup-content{padding:20px 0 0;zero:20px;zero:0;zero:0;padding:20px 0 0;}
.c2i_fund_performanceFixed .popup-self-performance .hdfc-popup{max-width:1150px;padding:0;margin-top:2px;}
.c2i_fund_performanceFixed .popup-self-performance .hdfc-popup .hdfc-popup-content{padding:0;overflow-y:scroll;height:550px;}
.c2i_fund_performanceFixed .popup-self-performance .hdfc-popup>h2{background-color:#d1e4f6;border-radius:6px 6px 0 0;color:#000;margin:0;zero:0;margin:0;padding:20px 15px;zero:20px;zero:15px;padding:20px 15px;font-size:22px;zero:22px;font-size:22px;line-height:26px;zero:26px;line-height:26px;font-weight:600;text-align:left;}
.c2i_fund_performanceFixed .popup-self-performance .hdfc-popup .wrapper-box{margin-top:0;width:100%;margin-left:auto;margin-right:auto;background-color:#fff;border:none;}
.c2i_fund_performanceFixed .popup-self-performance .hdfc-popup .self-performance .title-wrapper{display:none;}
.c2i_fund_performanceFixed .popup-self-performance .hdfc-popup .performance-lists .links-btn{padding-top:0;}
.c2i_fund_performanceFixed .popup-self-performance .hdfc-popup .formButtons{margin:20px 0 0;zero:20px;zero:0;zero:0;margin:20px 0 0;}
.c2i_fund_performanceFixed .c2i_fundperformanceshow{display:block;opacity:1;z-index:10000;}
@media only screen and (min-width:47.9375em){h2{line-height:1.4;font-size:3.08333rem;}
}
@media screen and (max-width:980px){.wrapper-box{margin:19px 15px 0;zero:19px;zero:15px;zero:0;margin:19px 15px 0;}
}
@media screen and (max-width:767px){.wrapper-box{margin:15px 10px 0;zero:15px;zero:10px;zero:0;margin:15px 10px 0;padding:10px;zero:10px;padding:10px;}
.select-options{margin-left:10px;zero:10px;margin-left:10px;margin-right:10px;zero:10px;margin-right:10px;}
.select-options cite select option{font-size:16px;zero:16px;font-size:16px;line-height:18px;zero:18px;line-height:18px;}
.title-wrapper h2{font-size:16px;zero:16px;font-size:16px;line-height:18px;zero:18px;line-height:18px;padding:0 10px 0 0;zero:0;zero:10px;zero:0;zero:0;padding:0 10px 0 0;}
.self-performance .performance-lists .links-btn{padding:10px 0 7px;zero:10px;zero:0;zero:7px;padding:10px 0 7px;}
.self-performance .performance-lists .links-btn a{min-width:80px;}
.self-performance .performance-table table tr .rowspan-top{border-top-right-radius:5px;}
.self-performance .performance-table table tr .th-col_4567{display:table-cell;}
.self-performance .performance-table table thead th{font-size:12px;zero:12px;font-size:12px;line-height:16px;zero:16px;line-height:16px;}
.self-performance .performance-table table tbody tr td.td-col1 p{font-size:11px;zero:11px;font-size:11px;line-height:13px;zero:13px;line-height:13px;}
.self-performance .performance-table table tbody td{font-size:11px;zero:11px;font-size:11px;line-height:15px;zero:15px;line-height:15px;}
.self-performance .performance-table .note-bottom{margin:0 -10px;}
.self-performance .performance-table .note-bottom span{margin:6px 10px 0;}
.links-btn{text-align:left;}
.links-btn a{padding:0 10px;zero:0;zero:10px;padding:0 10px;font-size:14px;zero:14px;font-size:14px;font-weight:400;min-width:84px;}
.self-performance .performance-table .note-bottom span.hide-mobile{display:none;}
.popup-self-performance .hdfc-popup>h2{font-size:20px;zero:20px;font-size:20px;line-height:24px;zero:24px;line-height:24px;padding:20px 10px;zero:20px;zero:10px;padding:20px 10px;}
.self-performance .performance-lists .links-btn a{border:none;min-width:34px;background:none;color:#03263d!important;}
}
@media only screen and (max-width:47.9375em){
.select-options cite select{font-size:18px;zero:18px;font-size:18px;line-height:20px;zero:20px;line-height:20px;}
.formButtons{text-align:center;}
}
@media screen and (max-width:480px){
.formButtons{margin-left:auto;margin-right:auto;}
.formButtons>div{display:block;max-width:399px;margin-left:auto;margin-right:auto;}
}
@media only screen and (max-width:30em){
.formButtons .redBtn{min-width:120px;}
.formButtons .redBtn{min-width:131px;max-width:415px;width:100%;}
}
@media screen and (max-width:800px) and (min-width:599px){.self-performance .performance-table table tr .th-col8,.self-performance .performance-table table tr .td-col8{display:none;}
}
@media screen and (max-width:599px){
.self-performance .performance-table table tr .th-col8,.self-performance .performance-table table tr .td-col8{display:table-cell;}
.self-performance .performance-table table tr .th-col2,.self-performance .performance-table table tr .td-col2{display:none;}
}
@media screen and (max-width:1110px){
.self-performance .performance-table table thead th{font-size:14px;zero:14px;font-size:14px;line-height:18px;zero:18px;line-height:18px;}
.self-performance .performance-table table tbody tr td.td-col1 p{font-size:12px;zero:12px;font-size:12px;line-height:14px;zero:14px;line-height:14px;}
.self-performance .performance-table table tbody td{font-size:14px;zero:14px;font-size:14px;line-height:18px;zero:18px;line-height:18px;}
}
p{margin-bottom:8px;}
@media only screen and (max-width:600px){:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
}
/*Redmine 10615 starts*/
.etooltip{position:relative;}
/*Redmine 14436 starts*/
.etooltip .etooltiptext{display: -webkit-flex;position: absolute;display: flex;-webkit-justify-content: center;justify-content: center;background: #fff;border-radius: 8px;color: #444;margin: -98px auto 0;font-size: 16px;padding: 13px;width: 220px;border:2px solid #444;box-shadow:0px 2px 2px #000;}
.etooltip .e-arrow{border: solid;border-color: #444 transparent;bottom:-12px;left:10%;border-width:8px 8px 0;border-top-color: #444;position: absolute;}
/*.etooltip .etooltiptext{visibility:hidden;width:350px;background: #f2faff;color: #444444;text-align:center;border-radius:5px;padding:5px 0;position:absolute;z-index:1;border: 1px solid #999;}
.e-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;bottom:-8px;left:50%;margin-left:-5px;border-width:8px 8px 0;border-top-color: #999;} */
/*Redmine 14436 ends*/
/*Redmine 10615 ends*/
/* 11220 start */
.customInput .awesomplete{display:block;}
@media only screen and (max-width: 48em) {
.yourRiskTolerance ul li.eqHeight .riderDetails .customCheckbox label{padding-left: 0px;float: none;margin:0px;}
.inputWrpr{height:50px;}
.riderHead{margin-left:0px}.riderOne{margin:0px;}
#ib_errorId{margin-left:0px !important;width:100% !important;}
.c2i_suit_height{height:580px !important;}
.c2i_rider_modification .CIrider_box{width:100%;float:left;}
}
@media only screen and (max-width : 600px){
.c2i_mob_styles .persDetailForm{width:100%;padding:10px;padding-right:0;margin-top:20px}
.c2i_mob_styles .mob_flt_lft{float:left !important;}
.c2i_mob_styles .GenderSel{width:90%;float:left;display:inline;}
.c2i_mob_styles .mob_mT25p{margin-top:25px}
.c2i_mob_styles .selStyled{width:45%;float:left;}
.c2i_mob_styles .investPlan{width:90%;margin-left:0;}
.c2i_mob_styles .mob_adjustBtm{bottom:-30px;}
.c2i_mob_styles .mob_btmMsg{margin-bottom:5px;margin-left:8px;}
#C2IP_01_DIV #la-details{padding-top:0;}
#C2IP_03_DIV .riderDetails .cntBtn1 .back{bottom: -50px;}
#C2IP_03_DIV .riderDetails .cntBtn1{ margin-bottom: 50px;}
#C2IP_01_DIV #la-details .lifeAssuredNRI .dvTble .dvTcell{
display:table-row;
text-align:center
}
#C2IP_01_DIV #prop-details .lifeAssuredNRI .dvTcell{
display:table-row;
text-align:center
}
}
/* 11913 starts */
.btnToggleDisable{
pointer-events:none;
opacity:0.4;
user-select:none;
}
/* 11913 ends */
/* 11634 - C2I rider feedback */
._dispInline{
display:inline-block;
}
._dispBck{padding : 7px 15px}
.riderBlock .PPrider_home_c2iPlus h2{text-align: left; font-size: 15px;}
.PPrider_home_c2iPlus ul li {
margin-left: 15px;
list-style-type: disc;
font-size: 13px;
font-weight: normal;
}
.rider_overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
background-color: #000;
display: none;
opacity: 0.5;
}
.PP_Rider_wrapper .popPlansOpt .commonPlanOpt {
height: auto;
}
._tbl_styles {
margin-top: 20px;
}
._tbl_styles .table tr th,._tbl_styles .table tr td {
border: 1px solid #ddd;
}
._tbl_styles .table {
border: 1px solid #ddd;
border-collapse: collapse;
width: 100%;
/* margin-bottom: 20px; */
border-spacing: 0;
}
._tbl_styles .table-bordered>thead>tr>td,._tbl_styles .table-bordered>thead>tr>th {
background: #00a2e8;
color: #ffffff;
padding: 8px;
line-height: 1.428571429;
}
._tbl_styles .table-bordered>tbody>tr>td {
padding: 8px;
line-height: 1.428571429;
vertical-align: top;
}
.PPrider_desktop .compare-table tr {
background: #fff;
}
.plan-separator .page-title {
font-size: 18px
}
.PPrider_desktop .row {
float: left
}
.PPrider_desktop .Compare_link {
font-size: 16px !important;
cursor: pointer;
}
.PPrider_desktop .select2-container .select2-choice {
width: 100px;
}
.PPrider_desktop .select2-container {
margin-bottom: 0 !important;
width: 100% !important;
}
.PPrider_desktop .align_center_header {
text-align: center;
font-weight: 600;
background: #dbedf8 !important;
padding-right: 0px !important;
}
.PPrider-tooltip {
background: url(../images/c2p3d_v2_questions.svg) no-repeat;
position: absolute;
left: 10px;
top: 1px;
width: 20px;
height: 20px;
background-size: 70%;
display: inline-block;
}
.PPrider-tooltip-wrapper {
position: relative;
}
.PPrider_desktop .cntBtn {
margin-top: 20px;
text-align: center;
}
.PPdropdown_styles {
margin-bottom: 8px;
cursor: pointer;
border-radius: 0px !important;
font-style: normal;
}
.PP_align_para {
font-size: 13px;
font-weight: normal;
text-align: justify;
}
.PPrider_popup.popEditDetails.popup h3 {
color: black !important;
background: transparent;
font-weight: bold;
padding-bottom: 0;
}
.PPrider_popup.popEditDetails .closePopup {
background: url(../images/closeIcn.png) center center no-repeat;
}
/*Redmine 13498 UI > C2I new rider page */
.faqAccord.PPRider .accContent li {border:none !important;list-style: disc;margin-left: 20px;font-size: 14px;}
.PPrider_popup.popEditDetails.popPlansOpt .commonPlanOpt h3{background: #1976d2 !important; color: #fff !important;font-size: 20px;height: 60px;font-weight: 600 !important;text-transform: uppercase;zero: 10px;}
.lead_mon_freq{
display: block;
color: black;
}
.cbs-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0;opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity.15s linear;transition: opacity .15s linear;}
.cbs-modal.in{opacity:1;display:block;}
.cbs-modal-open .cbs-modal{overflow-x:hidden;overflow-y:auto;}
.cbs-modal-open{overflow:hidden;}
.cbs-modal .cbs-modal-dialog{-webkit-transition: -webkit-transform .3s ease-out;-o-transition : -o-transform .3s ease-out;transition : -webkit-transform .3s ease-out;transition : transform .3s ease-out;transition : transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out;}
.cbs-modal.in.cbs-modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}
.cbs-modal-dialog{position:relative;width:auto;margin:10px;}
.cbs-modal-content{position:relative;background-color:#FFF;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);/* border-radius:6px; */-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0;}
.cbs-modal-header{padding:20px;/* border-bottom:1px solid #e5e5e5; */;padding-bottom: 0px;margin-top: 20px;}
.cbs-modal-header:after,.cbs-modal-header:before{display:table;content:" ";}
.cbs-modal-title{text-transform: uppercase;margin:0;line-height:1.42857143;font-size:17px;font-weight:bold;text-align:left;padding-left: 20px;}
.cbs-modal-close1{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #FFF;filter : alpha(opacity=20);opacity:.2}
.cbs-modal-body{position:relative;padding: 8px 40px 15px 40px;}
.cbs-modal-backdrop{top:0;right:0;bottom:0;left:0;z-index:10040;background-color:#000;opacity:0;}
.cbs-modal-backdrop.in{opacity:.5;position:fixed;}
.cbs-modal-close{padding:0;cursor:pointer;background:0 0;border:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #FFF;filter : alpha(opacity=20);opacity: 1; background: transparent url(../images/c2p3d_v2_close-btn.svg) no-repeat; width: 25px;height: 25px; display: inline-block;text-indent: 9999px;margin-top: -16px !important;}
@media(min-width : 768px){
.cbs-modal-dialog{width:900px;margin:30px auto;}
.cbs-modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-sgadow:0 5px 15px rgba(0,0,0,.5);}
}
.cbs-modal-body ._tbl_styles .table-bordered>tbody>tr>td,.cbs-modal-body ._tbl_styles .table-bordered>thead>tr>th {
font-weight:normal !important;
font-size:15px !important;
}
.cbs-modal h2{font-size: 16px !important;font-weight: normal !important;margin-bottom: 10px;line-height: 1.4;text-align: left;text-rendering: optimizeLegibility; color: #444444;}
.cbs-modal ul li{font-size: 15px !important;font-weight: normal;margin-bottom: 15px;margin-left: 22px;list-style-type: disc;list-style-position: outside;text-align: left;color: #444444;}
#pp_rider_popups .PP_align_para {
font-size: 15px !important;
font-weight: normal;
}
#disablity_IBRider .list_none li{
list-style-type: none;
}
#disablity_IBRider .disablityPoints li{
list-style-type: disc !important;
}
#critical ul li{list-style-type: disc;list-style-position: inside;}
@media only screen and (max-width: 600px){
.cbs-modal-body, .cbs-modal-header {
padding-left: 20px;
padding-right: 20px;
}
.cbs-modal-title{
padding-left:0px;
font-size: 16px;
}
.cbs-modal h2{
font-size: 15px !important;
}
#pp_rider_popups .PP_align_para {
font-size: 14px !important;
font-weight: normal;
}
.cbs-modal ul li{
font-size:14px !important;
}
.cbs-modal-body ._tbl_styles .table-bordered>tbody>tr>td,.cbs-modal-body ._tbl_styles .table-bordered>thead>tr>th {
white-space: normal;
}
}
/* Redmine_13992 - start */
.plnSum_docList_section{
border: 1px solid #878787;
display: inline-block;
width: 100%;
float: left;
margin-top: 25px;
margin-bottom: 25px;
padding: 10px;
}
.plnSum_docList_section h3.plnSum_docList_heading{
text-align: center;color: black;font-size: 20px; font-weight: 600; line-height: 32px; margin-bottom: 10px;
}
.plnSum_docList_section .plnSum_docList_anchor{
text-decoration : underline;
}
.plnSum_docList_section ul,.plnSum_docList_section ul>li{list-style-type: disc;}
.plnSum_docList_section ul>li{
margin-left: 20px; line-height: 2.5;font-size:15px;font-weight:normal;
}
.plnSum_docList_section ul,.plnSum_docList_section p{font-size: 16px;color:#444;}
.plnSum_docList_section ul li b{color:black;}
@media screen and (min-width : 600px){
.plnSum_docList_section {margin-left: 0px; width: 100%;background:#FFF;}
}
@media screen and (max-width : 600px){
.plnSum_docList_section ul>li{
line-height: 1.5;
margin-bottom: 10px;
}
.plnSum_docList_section ul, .plnSum_docList_section p {
font-size: 13px;
}
}
/* Redmine_13992 - end */
/* Redmine 7021 code starts */
.tabs_Block {
background:#fff;
padding:20px 10px 10px 10px;
}
.tabs_Block .tabNavigt {
width: 50%;
margin: auto;
}
.tabs_Block .tabNavigt ul li a {
padding: 12px 0px;
}
.tabs_Block .tabNavigt ul li a.active {
background: #005796;
border: 1px solid #005796;
}
.tabs_Block .tabNavigt ul li a.active span {
border-top: 17px solid #005796;
}
.risk-level-wrapper {
border: 1px solid #e6e6e6;
padding: 2%;
margin: 0px 10px 0;
zero: 20px;
background: #fff;
}
.risk-level-wrapper .risk-level {
display: table;
width: 100%;
}
.risk-level-wrapper .risk-level .risk-details {
position: relative;
}
.risk-level-wrapper .risk-level .risk-details, .risk-level-wrapper .risk-level .risk-btn {
display: table-cell;
vertical-align: top;
}
.risk-level-wrapper .risk-level .risk-details h4 {
font-size: 22px;
margin: 10px 0 4px;
font-weight: 600;
color: rgba(0,0,0,0.87);
text-align: center;
display: inline-block;
text-transform: uppercase;
}
.risk-level-wrapper .risk-level .risk-details h4 span {
display: block;
font-size: 16px;
line-height: 18px;
font-weight: 400;
text-transform: none;
}
.risk-level-wrapper .risk-level .risk-details .risk-slider {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 90px 0 80px;
transform: translateY(-50%);
}
.risk-level-wrapper .risk-level .risk-btn {
width: 131px;
text-align: right;
padding-left: 40px;
}
.risk-level-wrapper .risk-level .risk-btn .formButtons {
padding: 0;
}
.risk-level-wrapper .risk-level .risk-btn .formButtons #smpApply {
min-width: 92px;
}
.formButtons #smpApply {
border: 1px solid #d51d24;
line-height: 40px;
height: 40px;
display: inline-block;
background: #e21c24;
padding: 0 22px;
zero: 0;
zero: 22px;
padding: 0 22px;
min-width: 131px;
text-align: center;
cursor: pointer;
}
.formButtons #smpApply span{
line-height: 21px;
font-size: 15px;
color: #fff;
display: inline-block;
text-transform: normal;
position: relative;
}
.risk-level-wrapper .risk-level .risk-details h4+h4 {
float: right;
}
.RiskSlider-pointers {
position: absolute;
width: 100%;
top: 2px;
z-index: 9;
}
.RiskSlider-pointers li {
background: #000;
float: left;
margin-left: 20.19%;
width: 2px;
height: 7px;
}
.risk-slider .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
background: linear-gradient(to right, #1e5799 0%, #7db9e8 100%);
height: 10px;
cursor: pointer;
}
.risk-slider .ui-widget-header {
background-color: transparent;
}
.risk-slider .ui-state-default, .risk-slider .ui-widget-content .ui-state-default, .risk-slider .ui-widget-header .ui-state-default {
border: 2px solid #fff;
border-radius: 50%;
height: 25px;
width: 25px;
top: -10px;
max-width: 80px;
background-color: #fff;
outline: none;
cursor: -webkit-grab;
-webkit-transition: border 1000ms ease;
transition: border 1000ms ease;
box-shadow: 0px 0px 10px #434343;
z-index: 10;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: 400;
color: #454545;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
}
.self-benefits {
background: #fff;
margin: 25px 10px;
}
.self-benefits .desc {
font-size: 16px;
zero: 16px;
line-height: 22px;
font-weight: 600;
margin: 15px 0 -15px 0;
color: rgba(0,0,0,0.87);
padding: 10px 15px;
}
.benefits-lists{
padding: 5px 15px;
}
.self-benefits .benefits-table .note-bottom span {
color: rgba(0,0,0,0.78);
font-size: 12px;
line-height: 14px;
font-weight: 400;
margin: 6px 25px 0;
padding: 6px 0;
display: inline-block;
}
.Panel .customInput input[type="text"], .Panel .customInput input[type="number"], .Panel .customInput input[type="password"], .Panel .customInput select {
width: 80px;
text-align: center;
padding: 0 8px;
border: 1px solid #ccc;
color: #000;
font-size: 14px;
zero: 14px;
font-size: 14px;
border-radius: 0px;
font-style: normal;
font-weight: 400;
height: 37px;
line-height: 20px;
zero: 10px;
padding: 0 10px;
width: 100%;
box-shadow: none;
}
.self-benefits .benefits-table table {
margin: 10px 0 0;
border-collapse: inherit;
width: 100%;
border-spacing: 0;
}
.self-benefits .benefits-table table thead tr:first-child th:first-child {
border-top-left-radius: 5px;
}
.self-benefits .benefits-table table thead th {
background: #005796;
text-align: center;
vertical-align: middle;
color: rgba(255,255,255,0.87);
font-size: 17px;
line-height: 23px;
text-transform: uppercase;
font-weight: 600;
margin: 0;
padding: 1.33333% 1.23153%;
border-left: 1px solid rgba(255,255,255,0.1);
}
.self-benefits .benefits-table table thead th.rowspan-top {
padding-top: 5px;
padding-bottom: 5px;
vertical-align: middle;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.self-benefits .benefits-table table thead tr:first-child th:last-child {
border-top-right-radius: 5px;
}
.self-benefits .benefits-table table tbody tr {
background: #fff;
}
.self-benefits .benefits-table table tbody tr td:first-child {
border-left: 1px solid rgba(0,0,0,0.1);
}
.self-benefits .benefits-table table tbody tr td {
border-right: 1px solid rgba(0,0,0,0.1);
border-bottom: 1px solid rgba(0,0,0,0.1);
}
@media screen and (min-width: 768px) {
.self-benefits .benefits-table table tbody td {
padding-top: .7%;
padding-bottom: .7%;
}
}
.self-benefits .benefits-table table tbody td {
text-align: center;
vertical-align: middle;
color: #000;
font-size: 16px;
zero: 20px;
line-height: 20px;
font-weight: 400;
margin: 0;
zero: 1.23153%;
padding: 1.33333% 1.23153%;
}
.dis_align {
width: 100% !important;
display: inline-block;
}
.dis_align .disclaimer label {
color: #000;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}
.dis_align .disclaimer>div {
display: inline-block;
position: relative;
}
.dis_align .customCheckbox input[type="checkbox"]:checked+label::before {
background-position: 0px -62px;
}
.dis_align .customCheckbox input[type="checkbox"]+label::before {
background: url(../images/checkImg.svg) no-repeat scroll 0 0;
content: "";
display: inline-block;
height: 17px;
left: 0;
line-height: 17px;
position: absolute;
top: 1px;
vertical-align: top;
width: 17px;
}
.self-managed .formButtons {
padding-top: 23px;
}
.self-benefits .formButtons .redBtn {
min-width: 183px;
}
.btn_illus .redBtn, .btn_illus .greyBtn, .btn_illus .btnArrowDown {
border: 1px solid #d51d24;
line-height: 40px;
height: 40px;
display: inline-block;
background: #e21c24;
padding: 0 22px;
min-width: 131px;
text-align: center;
cursor: pointer;
}
.btn_illus>div {
display: inline-block;
margin: 5px 8px;
vertical-align: middle;
}
.btn_illus .redBtn span, .btn_illus .greyBtn span, .btn_illus .btnArrowDown span {
line-height: 21px;
font-size: 15px;
color: #fff;
display: inline-block;
text-transform: uppercase;
position: relative;
}
.btn_illus .redBtn.arrow-r span {
padding: 0 35px 0 0;
}
.btn_illus {
text-align: center;
padding-top: 20px;
}
.btn_illus .redBtn.arrow-r span:after {
background: url(../images/arrow_animate.png) no-repeat scroll 0 center;
border: 1px solid #fff;
border-radius: 14px;
content: "";
display: inline-block;
height: 22px;
margin-top: -11px;
padding: 0;
position: absolute;
right: 0;
top: 50%;
width: 22px;
}
.btn_illus button {
width:200px !important;
}
.cngrts_msg p {
color: #05396e;
font-size:18px;
text-align:center;
font-weight: 600;
margin-top: -15px;
margin-bottom: 20px;
}
.self-benefits .benefits-table table thead th .select-options cite {
position: relative;
margin: 0;
font-size: 0;
height: 16px;
}
.select-options cite {
display: inline-block;
vertical-align: middle;
}
.select-options {
margin-left: 15px;
margin-right: 15px;
}
table#selfFundAllocTbl #_no_yrs {
border-bottom: 3px solid white;
padding-bottom: 5px;
}
@media screen and (min-width: 768px) {
select#_no_yrs, select#_no_yrs option {
font-size: 16px !important;
font:initial;
font-family: 'Lato', sans-serif !important;
}
}
.self-benefits .benefits-table table thead th .select-options select {
font-weight: 600;
background-color: transparent;
color: rgba(255,255,255,0.87);
border-bottom: none;
height: auto;
padding-right: 12px;
line-height: 16px;
}
.select-options cite select {
padding: 0 20px 0 5px;
display: inline-block;
width: auto;
border: none;
border-radius: 0px;
}
.self-benefits .benefits-table table thead th .select-options select>option {
font-size: 12px;
zero: 12px;
font-size: 12px;
line-height: 16px;
zero: 16px;
line-height: 16px;
}
.select-options cite select option {
background-color: #fff;
border: none;
color: #000;
font-size: 20px;
line-height: 22px;
}
#selfFundAllocTbl .select-options cite:after {
right: 15px;
}
.self-benefits .benefits-table table thead th .select-options cite:after {
background: none;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid #FFF;
right: 5px;
top: 3px;
line-height: 18px;
margin: 0;
position: relative;
}
.select-options cite:after {
content: "";
position: absolute;
right: 0;
width: 12px;
height: 6px;
background: url(../images/select-blue-arrd.png) no-repeat 0 0;
top: 50%;
pointer-events: none;
display: inline-block;
transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
.sup_fund_allocation {
top: -27px;
left: 70px;
}
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
}
.tabs_Block {
background:#fff;
padding:20px 10px 10px 10px;
}
.tabs_Block .tabNavigt {
width: 50%;
margin: auto;
}
.tabs_Block .tabNavigt ul li a {
padding: 12px 0px;
}
.tabs_Block .tabNavigt ul li a.active {
background: #005796;
border: 1px solid #005796;
}
.tabs_Block .tabNavigt ul li a.active span {
border-top: 17px solid #005796;
}
.risk-level-wrapper {
border: 1px solid #e6e6e6;
padding: 2%;
margin: 0px 10px 0;
zero: 20px;
background: #fff;
}
.risk-level-wrapper .risk-level {
display: table;
width: 100%;
}
.risk-level-wrapper .risk-level .risk-details {
position: relative;
}
.risk-level-wrapper .risk-level .risk-details, .risk-level-wrapper .risk-level .risk-btn {
display: table-cell;
vertical-align: top;
}
.risk-level-wrapper .risk-level .risk-details h4 {
font-size: 22px;
margin: 10px 0 4px;
font-weight: 600;
color: rgba(0,0,0,0.87);
text-align: center;
display: inline-block;
text-transform: uppercase;
}
.risk-level-wrapper .risk-level .risk-details h4 span {
display: block;
font-size: 16px;
line-height: 18px;
font-weight: 400;
text-transform: none;
}
.risk-level-wrapper .risk-level .risk-details .risk-slider {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 90px 0 80px;
transform: translateY(-50%);
}
.risk-level-wrapper .risk-level .risk-btn {
width: 131px;
text-align: right;
padding-left: 40px;
}
.risk-level-wrapper .risk-level .risk-btn .formButtons {
padding: 0;
}
.risk-level-wrapper .risk-level .risk-btn .formButtons #smpApply {
min-width: 92px;
}
.formButtons #smpApply {
border: 1px solid #d51d24;
line-height: 40px;
height: 40px;
display: inline-block;
background: #e21c24;
padding: 0 22px;
zero: 0;
zero: 22px;
padding: 0 22px;
min-width: 131px;
text-align: center;
cursor: pointer;
}
.formButtons #smpApply span{
line-height: 21px;
font-size: 15px;
color: #fff;
display: inline-block;
text-transform: normal;
position: relative;
}
.risk-level-wrapper .risk-level .risk-details h4+h4 {
float: right;
}
.RiskSlider-pointers {
position: absolute;
width: 100%;
top: 2px;
z-index: 9;
}
.RiskSlider-pointers li {
background: #000;
float: left;
margin-left: 20.19%;
width: 2px;
height: 7px;
}
.risk-slider .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
background: linear-gradient(to right, #1e5799 0%, #7db9e8 100%);
height: 10px;
cursor: pointer;
}
.risk-slider .ui-widget-header {
background-color: transparent;
}
.risk-slider .ui-state-default, .risk-slider .ui-widget-content .ui-state-default, .risk-slider .ui-widget-header .ui-state-default {
border: 2px solid #fff;
border-radius: 50%;
height: 25px;
width: 25px;
top: -10px;
max-width: 80px;
background-color: #fff;
outline: none;
cursor: -webkit-grab;
-webkit-transition: border 1000ms ease;
transition: border 1000ms ease;
box-shadow: 0px 0px 10px #434343;
z-index: 10;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: 400;
color: #454545;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
}
.self-benefits {
background: #fff;
margin: 25px 10px;
}
.self-benefits .desc {
font-size: 16px;
zero: 16px;
line-height: 22px;
font-weight: 600;
margin: 15px 0 -15px 0;
color: rgba(0,0,0,0.87);
padding: 10px 15px;
}
.benefits-lists{
padding: 5px 15px;
}
.self-benefits .benefits-table .note-bottom span {
color: rgba(0,0,0,0.78);
font-size: 12px;
line-height: 14px;
font-weight: 400;
margin: 6px 25px 0;
padding: 6px 0;
display: inline-block;
}
.Panel .customInput input[type="text"], .Panel .customInput input[type="number"], .Panel .customInput input[type="password"], .Panel .customInput select {
width: 80px;
text-align: center;
padding: 0 8px;
border: 1px solid #ccc;
color: #000;
font-size: 14px;
zero: 14px;
font-size: 14px;
border-radius: 0px;
font-style: normal;
font-weight: 400;
height: 37px;
line-height: 20px;
zero: 10px;
padding: 0 10px;
width: 100%;
box-shadow: none;
}
.self-benefits .benefits-table table {
margin: 10px 0 0;
border-collapse: inherit;
width: 100%;
border-spacing: 0;
}
.self-benefits .benefits-table table thead tr:first-child th:first-child {
border-top-left-radius: 5px;
}
.self-benefits .benefits-table table thead th {
background: #005796;
text-align: center;
vertical-align: middle;
color: rgba(255,255,255,0.87);
font-size: 17px;
line-height: 23px;
text-transform: uppercase;
font-weight: 600;
margin: 0;
padding: 1.33333% 1.23153%;
border-left: 1px solid rgba(255,255,255,0.1);
}
.self-benefits .benefits-table table thead th.rowspan-top {
padding-top: 5px;
padding-bottom: 5px;
vertical-align: middle;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.self-benefits .benefits-table table thead tr:first-child th:last-child {
border-top-right-radius: 5px;
}
.self-benefits .benefits-table table tbody tr {
background: #fff;
}
.self-benefits .benefits-table table tbody tr td:first-child {
border-left: 1px solid rgba(0,0,0,0.1);
}
.self-benefits .benefits-table table tbody tr td {
border-right: 1px solid rgba(0,0,0,0.1);
border-bottom: 1px solid rgba(0,0,0,0.1);
}
@media screen and (min-width: 768px) {
.self-benefits .benefits-table table tbody td {
padding-top: .7%;
padding-bottom: .7%;
}
}
.self-benefits .benefits-table table tbody td {
text-align: center;
vertical-align: middle;
color: #000;
font-size: 16px;
zero: 20px;
line-height: 20px;
font-weight: 400;
margin: 0;
zero: 1.23153%;
padding: 1.33333% 1.23153%;
}
.dis_align {
width: 100% !important;
display: inline-block;
}
.dis_align .disclaimer label {
color: #000;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}
.dis_align .disclaimer>div {
display: inline-block;
position: relative;
}
.dis_align .customCheckbox input[type="checkbox"]:checked+label::before {
background-position: 0px -62px;
}
.dis_align .customCheckbox input[type="checkbox"]+label::before {
background: url(../images/checkImg.svg) no-repeat scroll 0 0;
content: "";
display: inline-block;
height: 17px;
left: 0;
line-height: 17px;
position: absolute;
top: 1px;
vertical-align: top;
width: 17px;
}
.self-managed .formButtons {
padding-top: 23px;
}
.self-benefits .formButtons .redBtn {
min-width: 183px;
}
.btn_illus .redBtn, .btn_illus .greyBtn, .btn_illus .btnArrowDown {
border: 1px solid #d51d24;
line-height: 40px;
height: 40px;
display: inline-block;
background: #e21c24;
padding: 0 22px;
min-width: 131px;
text-align: center;
cursor: pointer;
}
.btn_illus>div {
display: inline-block;
margin: 5px 8px;
vertical-align: middle;
}
.btn_illus .redBtn span, .btn_illus .greyBtn span, .btn_illus .btnArrowDown span {
line-height: 21px;
font-size: 15px;
color: #fff;
display: inline-block;
text-transform: uppercase;
position: relative;
}
.btn_illus .redBtn.arrow-r span {
padding: 0 35px 0 0;
}
.btn_illus {
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}
.btn_illus .redBtn.arrow-r span:after {
background: url(../images/arrow_animate.png) no-repeat scroll 0 center;
border: 1px solid #fff;
border-radius: 14px;
content: "";
display: inline-block;
height: 22px;
margin-top: -11px;
padding: 0;
position: absolute;
right: 0;
top: 50%;
width: 22px;
}
.btn_illus button {
width:200px !important;
}
.cngrts_msg p {
color: #05396e;
font-size:18px;
text-align:center;
font-weight: 600;
margin-top: -15px;
margin-bottom: 20px;
}
.self-benefits .benefits-table table thead th .select-options cite {
position: relative;
margin: 0;
font-size: 0;
height: 16px;
}
.select-options cite {
display: inline-block;
vertical-align: middle;
}
.select-options {
margin-left: 15px;
margin-right: 15px;
}
table#selfFundAllocTbl #_no_yrs {
border-bottom: 3px solid white;
padding-bottom: 5px;
}
@media screen and (min-width: 768px) {
select#_no_yrs, select#_no_yrs option {
font-size: 16px !important;
font:initial;
font-family: 'Lato', sans-serif !important;
}
.fund-popup .fund-details-info ul li label+label{
word-break:break-word;
}
}
.self-benefits .benefits-table table thead th .select-options select {
font-weight: 600;
background-color: transparent;
color: rgba(255,255,255,0.87);
border-bottom: none;
height: auto;
padding-right: 12px;
line-height: 16px;
font:initial;
font-family: 'Lato', sans-serif !important;
}
.select-options cite select {
padding: 0 20px 0 5px;
display: inline-block;
width: auto;
border: none;
border-radius: 0px;
}
.self-benefits .benefits-table table thead th .select-options select>option {
font-size: 12px;
zero: 12px;
font-size: 12px;
line-height: 16px;
zero: 16px;
line-height: 16px;
}
.select-options cite select option {
background-color: #fff;
border: none;
color: #000;
font-size: 20px;
line-height: 22px;
}
.self-benefits .benefits-table table tbody td a {
color: #0067ac;
text-decoration: underline;
}
#selfFundAllocTbl .select-options cite:after {
right: 15px;
}
.self-benefits .benefits-table table thead th .select-options cite:after {
background: none;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid #FFF;
right: 5px;
top: 3px;
line-height: 18px;
margin: 0;
position: relative;
}
.select-options cite:after {
content: "";
position: absolute;
right: 0;
width: 12px;
height: 6px;
background: url(../images/select-blue-arrd.png) no-repeat 0 0;
top: 50%;
pointer-events: none;
display: inline-block;
transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
.sup_fund_allocation {
top: -27px;
left: 70px;
}
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: super;
}
}
.returns_expl #ageSlider, .returns_expl #ageSlider2{
width:100%;
float:right;
top: -35px;
}
.returns_expl .currAge{
width:100%;
float:right;
top: -35px;
}
.returns_expl {
margin: 21px 1% 25px;
}
.returns_expl .tabCont h4{
width: 30%;
top: 47px;
font-style: inherit;
position: relative;
top: -30px;
font-size: 16px;
}
.returns_expl .tableWrapper table td p {
font-style: inherit;
padding-top: 6px;
}
.returns_expl {
Background-color:#ffffff;
}
.returns_expl .sliderBlock{
Background-color:#ffffff;
border:none;
}
.returns_expl .tableWrapper table{
width: 90%;
margin: auto;
}
.returns_expl .tabNavigt ul li a.active{
padding-bottom: 0;
background: #fff;
color:#111;
border-top:0px;
border-left:0px;
border-right:0px;
border-bottom: 3px solid #111;
}
.returns_expl .tabNavigt ul li a, .returns_expl .tabNavigt ul li a.active{
margin: 0 5% 0 38%;
text-decoration: none;
}
.returns_expl .tabNavigt ul li:nth-child(2) a, .returns_expl .tabNavigt ul li:nth-child(2) a:active{
margin: 0 38% 0 5%;
text-decoration: none;
}
.returns_expl .tabNavigt ul li a span{
height: 17px;
bottom:-18px;
color:#111;
border-top: 15px solid #111;
}
.returns_expl .tabNavigt ul li a{
background-color:#ffffff;
background: none;
border: none;
}
.returns_expl .tabNavigt ul li:nth-child(1) a::after{
border-left: 2px solid black;
height:25px;
}
.returns_expl .tabNavigt ul hr{
height: 30px;
position: absolute;
left: 50%;
top: 24%;
border-left: 2px solid #111;
border-top: 0;
}
.returns_expl .ui-slider-handle span {
position: absolute;
background: url(../images/greenArrow.png) no-repeat;
}
/* fund projection table css */
.fund_table_proj{
background: #fff;
margin: 25px 10px;
}
.fund_table_proj .wrapper-box {
border: 1px solid #e6e6e6;
padding: 2.34375%;
zero: 0;
margin: 19px 0 0;
background: #fbfbfb;
}
.fund_table_proj .title-wrapper {
display: table;
width: 100%;
}
.fund_table_proj .self-performance .performance-lists .links-btn {
padding: 28px 0 7px;
zero: 7px;
padding: 10px 0 7px;
display: inline-block;
}
.fund_table_proj .links-btn {
vertical-align: middle;
margin: -5px;
text-align: left;
}
.fund_table_proj .links-btn a {
line-height: 36px;
font-size: 16px;
border-radius: 2px;
display: inline-block;
margin: 5px;
padding: 0 15px;
font-weight: 500;
background-color: transparent;
color: #03263d !important;
text-decoration: none !important;
min-width: 108px;
text-align: center;
position: relative;
vertical-align: middle;
border: 2px solid #03263d;
}
.fund_table_proj .fund-performance-table-wrapper .fund-performance-table table {
margin: 8px 0 0;
border-collapse: inherit;
width: 100%;
background-color: transparent;
border-spacing: 0;
}
.fund_table_proj .fund-performance-table-wrapper .fund-performance-table table thead tr:first-child th:first-child {
border-top-left-radius: 5px;
}
.fund_table_proj .self-performance .performance-table table thead tr:first-child th:first-child {
border-top-left-radius: 5px;
}
.fund_table_proj .fund-performance-table-wrapper .fund-performance-table table thead th {
background: #005796;
text-align: center;
vertical-align: middle;
color: rgba(255,255,255,0.87);
font-size: 17px;
line-height: 23px;
text-transform: uppercase;
font-weight: 600;
margin: 0;
zero: 0;
padding: 1.33333% 1.23153%;
border-left: 1px solid rgba(255,255,255,0.1);
}
.fund_table_proj .fund-performance-table-wrapper .fund-performance-table table thead th .normal-text {
text-transform: none;
}
.fund_table_proj .fund-performance-table-wrapper .fund-performance-table table thead th.rowspan-top {
padding-top: 5px;
padding-bottom: 5px;
vertical-align: middle;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.fund_table_proj .fund-performance-table-wrapper .fund-performance-table table thead th.rowspan-btm {
padding-top: 5px;
padding-bottom: 5px;
vertical-align: middle;
position: relative;
}
.fund_table_proj .fund-performance-table-wrapper .fund-performance-table table thead th.rowspan-top {
padding-top: 5px;
padding-bottom: 5px;
vertical-align: middle;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.fund_table_proj .fund-performance-table-wrapper .fund-performance-table table tbody tr:nth-child(4n+1), .fund-performance-table-wrapper .fund-performance-table table tbody tr:nth-child(4n+2) {
background-color: #f2f4f5 !important;
}
.fund_table_proj .fund-performance-table-wrapper .fund-performance-table table tbody tr {
background: #fff;
}
.fund_table_proj .fund-performance-table-wrapper .fund-performance-table table tbody tr td.td-col1 {
text-align: left;
}
.fund_table_proj .fund-performance-table-wrapper .fund-performance-table table tbody tr td:first-child {
border-left: 1px solid rgba(0,0,0,0.1);
}
.fund_table_proj .fund-performance-table-wrapper .fund-performance-table table tbody tr td {
border-right: 1px solid rgba(0,0,0,0.1);
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.fund_table_proj .number-tags {
white-space: nowrap;
}
.fund_table_proj .fund-performance-table-wrapper .fund-performance-table table tbody td {
text-align: center;
vertical-align: middle;
color: rgba(0,0,0,0.87);
font-size: 16px;
line-height: 20px;
font-weight: 400;
margin: 0;
zero: 1.23153%;
padding: 1.33333% 1.23153%;
}
.fund_table_proj .fund_table_proj sup {
top: -.5em;
}
.fund_table_proj .links-btn a.active2 {
color: #fff !important;
background-color: #03263d;
text-decoration: none;
}
.fund_table_proj .fund-performance-table-wrapper .fund-performance-table .note-bottom span {
color: rgba(0,0,0,0.78);
font-size: 12px;
line-height: 14px;
font-weight: 400;
margin: 6px 25px 0;
padding: 6px 0 0;
display: inline-block;
}
.fund_table_proj .fund-performance-table-wrapper .fund-performance-table table tbody tr td.td-col1 p {
color: rgba(0,0,0,0.5);
font-size: 14px;
zero: 14px;
font-size: 14px;
line-height: 16px;
zero: 16px;
line-height: 16px;
font-weight: 400;
margin: 0;
padding: 0;
word-break: break-all;
}
/* fund projection table css */
/* fund graph table css */
.fund_graph {
background: #fff;
margin: 25px 10px;
}
.fund_graph .wrapper-box {
border: 1px solid #e6e6e6;
min-height: 0 !important;
margin-top: 30px !important;
height: auto;
padding: 15px;
background: #fbfbfb;
}
.title-wrapper {
display: table;
width: 100%;
}
.self-graph .title-wrapper h2, .self-graph .funds-wrapper {
display: table-cell;
vertical-align: top;
}
.graph-details h4 {
line-height: 16px;
zero: 16px;
font-size: 13px;
line-height: 16px;
font-weight: 400;
color: #000;
margin: 0;
padding: 0;
text-align: center;
}
.historic-text {
line-height: 16px;
zero: 16px;
font-size: 13px;
line-height: 16px;
font-weight: 400;
color: #000;
margin: 0;
padding: 0;
text-align: center;
}
.graph-details {
border: 1px solid #ebebeb;
background-color: #fff;
box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);
margin: 20px 0 0;
zero: 20px;
zero: 0;
zero: 0;
margin: 20px 0 0;
border-radius: 2px;
padding: 14px;
zero: 14px;
padding: 14px;
}
.self-graph .funds-wrapper {
text-align: right;
}
.funds-wrapper {
position: relative;
}
.funds-button:hover, .funds-button:visited, .funds-button:focus {
text-decoration: none;
color: #000;
}
.funds-button {
border: 1px solid #ccc;
color: #000;
font-size: 14px;
line-height: 20px;
border-radius: 2px;
font-style: normal;
font-weight: 400;
margin-bottom: 0;
display: inline-block;
padding: 7px 37px 7px 16px;
background: #FFF url(../images/select-black-arrd.png) no-repeat right center;
text-decoration: none;
}
.funds-info {
display: none;
position: absolute;
right: 0;
top: 36px;
z-index: 2;
border: 1px solid #ebebeb;
background-color: #fff;
width: 240px;
box-shadow: 2px 4px 4px 0px rgba(0,0,0,0.1);
z-index: 3;
}
.sort-time-wrapper {
padding: 20px 0 0;
}
.sort-time-wrapper h4 {
display: inline-block;
vertical-align: middle;sss
font-size: 18px !important;
line-height: 22px;
zero: 0;
padding: 0 18px 0 0;
font-weight: 500;
color: rgba(0,0,0,0.87);
margin: 0;
}
.sort-time-wrapper .links-btn {
display: inline-block;
}
.fund-popup .top-info ~ div {
padding-top: 2.18579%;
}
.fund-popup>div {
padding: 0 4.37158%;
}
.fund_graph .sort-time-wrapper h4 {
margin-top:-36px !important;
}
.self-managed .btn-wrapper, .self-managed .title-wrapper h2 {
vertical-align: middle;
}
.sup_align {
top: -10px;
}
.sup_align1 {
top: -7px;
}
.links-btn {
margin: -5px;
zero: 0;
padding: 5px 0;
text-align: left;
margin-top: 10px;
}
.links-btn a.active {
color: #fff !important;
background-color: #03263d;
text-decoration: none !important;
}
.links-btn a {
font-size: 16px;
border-radius: 2px;
display: inline-block;
line-height: 36px;
font-weight: 500;
background-color: transparent;
color: #03263d !important;
text-decoration: none !important;
min-width: 108px;
text-align: center;
position: relative;
margin: 5px;
}
.btn-wrapper a {
vertical-align: bottom;
border: 2px solid #03263d;
}
.funds-info .funds-lists {
padding: 20px 17px;
}
.funds-info .funds-lists ul {
margin: 0;
padding: 0;
font-size: 0;
}
.funds-info .funds-lists ul li {
display: block;
float: none;
padding: 0 0 10px;
}
.funds-info .funds-lists ul li .customCheckbox {
float: none;
}
.customCheckbox {
float: left;
position: relative;
padding-top: 0;
text-align: left;
width: 100%;
}
.funds-info .funds-lists ul li .customCheckbox input[type="checkbox"]:checked+label {
color: #333;
}
.funds-info .funds-lists ul li .customCheckbox label {
font-weight: 400;
color: #919191;
font-size: 14px;
line-height: 18px;
zero: 18px;
margin: 0;
font-weight: 400;
}
.customCheckbox label {
cursor: pointer;
display: inline-block;
}
.funds-info .funds-lists .btn-wrapper {
display: block;
padding: 10px 0 0;
}
.fund_graph .funds-lists .btn-wrapper a {
display: inline-block;
text-align: right;
vertical-align: bottom;
color: #fff;
text-decoration: none;
font-size: 15px;
zero: 15px;
font-size: 15px;
line-height: 36px;
line-height: 36px;
font-weight: 400;
margin: 0;
padding: 0 24px;
border: 2px solid #03263d;
background-color: #03263d;
}
.tags-wrapper h4 {
display: inline-block;
vertical-align: middle;
font-size: 18px;
zero: 18px;
font-size: 18px;
line-height: 22px;
zero: 22px;
line-height: 22px;
padding: 3px 18px 3px 0;
zero: 3px;
zero: 18px;
zero: 3px;
zero: 0;
padding: 3px 18px 3px 0;
font-weight: 500;
color: rgba(0,0,0,0.87);
margin: 0;
}
.funds-info .funds-bottom {
padding: 17px;
zero: 17px;
padding: 17px;
background-color: #ebebeb;
font-size: 14px;
zero: 14px;
font-size: 14px;
line-height: 18px;
zero: 18px;
line-height: 18px;
font-weight: 500;
color: #333;
text-align: center;
}
.tags-wrapper .selected-tags {
display: inline-block;
vertical-align: middle;
margin: -5px -9px;
zero: -5px;
zero: -9px;
margin: -5px -9px;
}
.tags-wrapper .selected-tags a {
border-radius: 2px;
display: inline-block;
padding: 3px 39px 6px 10px;
font-size: 16px;
line-height: 18px;
font-weight: 500;
color: #fff;
margin: 5px 9px;
position: relative;
text-decoration: none;
}
.tags-wrapper .selected-tags a:before {
content: "";
width: 10px;
height: 10px;
position: absolute;
right: 10px;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
background: url(../images/bg_close_info.svg) no-repeat 0 0;
background-size: 10px 10px;
margin: 0;
cursor: pointer;
}
/* fund graph table css */
.self-managed.open .self-benefits .benefits-table table tbody tr td.active {
position: relative;
z-index: 1000;
background: #FFF;
}
.self-benefits .benefits-table table tbody tr {
background: #fff;
}
.self-benefits .benefits-table table tbody tr.tr-popup{display:none}
.self-managed.open .popup-backdrop{display:block;opacity:0.5}
.popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background-color:#000;display:none}
.self-managed.open .self-benefits .benefits-table table tbody tr td.active,.stp-main.open .self-benefits .benefits-table table tbody tr td.active{position:relative;z-index:1000;background:#FFF}
.self-managed.open .self-benefits .benefits-table table tbody tr.tr-popup,.stp-main.open .self-benefits .benefits-table table tbody tr.tr-popup{display:table-row}
.self-managed.open .self-benefits .benefits-table table tbody tr.tr-popup td,.stp-main.open .self-benefits .benefits-table table tbody tr.tr-popup td{padding:26px 0 0;zero:26px;zero:0;zero:0;padding:26px 0 0}
.fund-popup{display:block;position:relative;z-index:1000;top:0;left:0;width:100%;background:#fff;border:1px solid #e8e8e8;border-radius:4px;padding:2.18579% 0;zero:2.18579%;zero:0;padding:2.18579% 0;text-align:left}
.fund-popup:before{content:"";background:none;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:14px solid #fff;left:14%;top:-14px;line-height:18px;margin:0;position:absolute}
@media screen and (max-width:767px){.fund-popup:before{border-bottom:10px solid #fff;top:-10px}
}
.fund-popup>div{padding:0 4.37158%;zero:0;zero:4.37158%;padding:0 4.37158%}
@media screen and (max-width:767px){.fund-popup>div{padding:0 10px;zero:0;zero:10px;padding:0 10px}
}
.fund-popup .top-info{padding-bottom:2.18579%;zero:2.18579%;padding-bottom:2.18579%;padding-right:35px;zero:35px;padding-right:35px;border-bottom:1px solid #cdd4d8}
.fund-popup .top-info p{margin:0;padding:0;font-size:16px;zero:16px;font-size:16px;line-height:19px;zero:19px;line-height:19px;color:#000;font-weight:500}
@media screen and (max-width:767px){.fund-popup .top-info p{font-size:14px;zero:14px;font-size:14px;line-height:17px;zero:17px;line-height:17px}
}
.fund-popup .top-info ~ div{padding-top:2.18579%;zero:2.18579%;padding-top:2.18579%}
@media screen and (max-width:767px){.fund-popup .top-info ~ div{padding-top:10px;zero:10px;padding-top:10px}
}
.fund-popup .fund-details-info ul{font-size:0;margin:-10px}
.fund-popup .fund-details-info ul li{display:inline-block;vertical-align:top;width:20%;min-width:160px;padding:10px;text-align:left;float:none}
@media screen and (max-width:1023px){.fund-popup .fund-details-info ul li{min-width:33.33%}
}
@media screen and (max-width:500px){.fund-popup .fund-details-info ul li{min-width:50%}
.fund-popup .fund-details-info ul li:first-child{min-width:100%}
}
.fund-popup .fund-details-info ul li label{display:block;font-size:18px;zero:18px;font-size:18px;line-height:20px;zero:20px;line-height:20px;margin:0 0 8px;zero:0;zero:0;zero:8px;margin:0 0 8px;font-weight:600;color:rgba(0,0,0,0.87)}
@media screen and (max-width:767px){.fund-popup .fund-details-info ul li label{color:#000;font-size:14px;zero:14px;font-size:14px;line-height:16px;zero:16px;line-height:16px;margin:0 0 5px;zero:0;zero:0;zero:5px;margin:0 0 5px}
}
.fund-popup .fund-details-info ul li label+label{color:rgba(0,0,0,0.67);margin:0;font-size:16px;zero:16px;font-size:16px;line-height:18px;zero:18px;line-height:18px;font-weight:400}
@media screen and (max-width:767px){.fund-popup .fund-details-info ul li label+label{color:rgba(0,0,0,0.87);font-size:14px;zero:14px;font-size:14px;line-height:16px;zero:16px;line-height:16px}
}
@media screen and (max-width:767px){.fund-popup .links-btn a{min-width:120px}
}
.fund-popup .sort-time-wrapper .formButtons{padding:0 5px;display:inline-block;vertical-align:middle;margin:0}
@media screen and (max-width:1276px){.fund-popup .sort-time-wrapper .formButtons{display:block;padding:5px 0 0}
}
.fund-popup .sort-time-wrapper .formButtons>div{margin:0}
.close-btn{display:inline-block;width:17px;height:16px;background:url("../images/close-btn-black.png") no-repeat 0 0;position:absolute;right:10px;top:10px}
.highcharts-background {
background:rgb(251,252,251);
}
<!--plansummary code starts -->
<!-- c2i plan summary -->
<style>
.c2i-plan-summary .title-wrapper h4 {
padding: 15px;
border: 1px solid rgb(29,124,214);
text-transform: uppercase;
text-align: center;
background: rgb(29,124,214);
color: #fff;
}
.c2i-plan-summary .plan-summary-table {
padding-top: 40px;
padding-bottom: 15px;
}
.c2i-plan-summary .plan-summary-table table thead th {
background: rgb(224,244,251);
text-align: center;
vertical-align: middle;
color: rgba(6,63,116);
font-size: 17px;
zero: 17px;
font-size: 17px;
line-height: 23px;
padding: 1.33333% 1.23153%;
border-left: 1px solid rgba(255,255,255,0.1);
}
.c2i-plan-summary .plan-summary-table table tbody tr {
background: rgb(242,251,255);
}
.c2i-plan-summary .plan-summary-table table tbody tr.tr-total {
background: #e21c24;
}
.c2i-plan-summary .plan-summary-table table tbody tr.tr-total td {
border-color: #e21c24;
color: rgba(255,255,255,0.78);
padding-bottom: 0;
}
.c2i-plan-summary .plan-summary-table table tbody tr td {
border-left: none;
border-top: none;
}
.c2i-plan-summary .plan-summary-table table tbody tr.tr-total td.total-td-col6 .number-tags, .c2i-plan-summary .plan-summary-table table tbody tr.tr-total td.total-td-col7 .number-tags {
color: #fff;
font-size: 18px;
zero: 18px;
font-size: 18px;
line-height: 26px;
zero: 26px;
line-height: 26px;
font-weight: 600;
display: block;
}
.c2i-plan-summary .number-tags {
white-space: nowrap;
}
.c2i-plan-summary .plan-summary-table table tbody tr.tr-total+.tr-total td {
width: 100%;
padding-top: 0;
font-size: 10px;
zero: 10px;
font-size: 10px;
line-height: 12px;
zero: 12px;
line-height: 12px;
font-weight: 400;
padding-bottom: .7%;
zero: .7%;
padding-bottom: .7%;
}
.c2i-plan-summary .plan-summary-table table tbody td h2, .c2i-plan-summary .plan-summary-table table tbody td h3 {
color: rgba(0,0,0,0.87);
font-size: 16px;
zero: 16px;
font-size: 16px;
line-height: 20px;
zero: 20px;
line-height: 20px;
font-weight: 400;
margin: 2px 0;
zero: 2px;
zero: 0;
margin: 2px 0;
}
.c2i-plan-summary .plan-summary-table table tbody td {
padding-top: .7%;
padding-bottom: .7%;
}
.c2i-plan-summary .plan-summary-table table tbody td .label-tags {
color: #000;
font-size: 14px;
zero: 14px;
font-size: 14px;
line-height: 16px;
zero: 16px;
line-height: 16px;
font-weight: 600;
margin: 0;
padding: 0 0 8px;
display: none;
}
.c2i-plan-summary .plan-summary-table table tbody td {
text-align: center;
vertical-align: middle;
color: #000;
font-size: 16px;
zero: 16px;
font-size: 16px;
line-height: 20px;
zero: 20px;
line-height: 20px;
font-weight: 400;
margin: 0;
padding: 1.33333% 1.23153%;
}
.c2i-plan-summary .text-right {
text-align: right !important;
}
.c2i-plan-summary .columnSection {
padding: 2px 40px 40px;
}
.c2i-plan-summary .plan-summary-table table tbody td.td-col5 .divider cite {
font-style: normal;
}
.c2i-plan-summary .formPanel .disclaimer {
text-align: center;
margin: 10px 15px 20px;
zero: 10px;
zero: 15px;
zero: 20px;
margin: 10px 15px 20px;
float: none;
width: auto;
}
.c2i-plan-summary .customCheckbox {
float: left;
position: relative;
padding-top: 0;
text-align: left;
width: 100%;
}
.c2i-plan-summary .disclaimer {
padding-top: 20px;
zero: 20px;
padding-top: 20px;
color: #999;
}
.formPanel .disclaimer label {
color: #000;
font-size: 14px;
zero: 14px;
font-size: 14px;
line-height: 20px;
zero: 20px;
line-height: 20px;
font-weight: 500;
}
.c2i-plan-summary .customCheckbox label {
color: #999;
font-size: 13px;
zero: 13px;
font-size: 13px;
line-height: 24px;
zero: 24px;
line-height: 24px;
cursor: pointer;
padding-left: 27px;
zero: 27px;
padding-left: 27px;
display: inline-block;
}
.c2i-plan-summary .customCheckbox input[type="checkbox"]+label::before {
background: url(../images/checkImg.svg) no-repeat scroll 0 0;
content: "";
display: inline-block;
height: 17px;
left: 0;
line-height: 17px;
position: absolute;
top: 1px;
vertical-align: top;
width: 17px;
}
.c2i-plan-summary .formButtons {
margin-left: -8px;
margin-right: -8px;
clear: both;
text-align: center;
}
.c2i-plan-summary .plan-summary-table table tbody td a {
color: #0067ac;
text-decoration: underline;
margin: 2px 0;
zero: 2px;
zero: 0;
margin: 2px 0;
display: inline-block;
}
.plan-summary-table {
margin-top:-23px;
}
.c2i-plan-summary .customCheckbox input[type="checkbox"]:checked+label::before {
background-position: 0px -62px;
}
.c2i-plan-summary .btnBrownA1 {
background-color: #fff;
border:1px solid light white;
color: #e81b23;
cursor: pointer;
display: inline-block;
font-size: 15px;
zero: 15px;
font-size: 15px;
line-height: 47px;
min-width: 200px;
padding: 0 20px;
zero: 0;
zero: 20px;
padding: 0 18px;
text-align: center;
}
.c2i-plan-summary .btnBrownA2{
background-color: #e81b23;
border: medium none;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 15px;
zero: 15px;
font-size: 15px;
line-height: 47px;
min-width: 200px;
padding: 0 20px;
zero: 0;
zero: 20px;
padding: 0 18px;
text-align: center;
}
.c2i-plan-summary .btnBrownA1 span {
display: inline-block;
padding: 0 35px 0 0;
position: relative;
transition: all 0.4s ease-in-out 0s;
}
.c2i-plan-summary .btnBrownA1 span::after{
background: url(../images/arrow_animate.png) no-repeat scroll 0 center;
border: 1px solid #fff;
border-radius: 14px;
content: "";
display: inline-block;
height: 22px;
margin-top: -11px;
padding: 0;
position: absolute;
right: 0;
top: 50%;
width: 22px;
}
.c2i-plan-summary .btnBrownA2 span {
display: inline-block;
padding: 0 35px 0 0;
position: relative;
transition: all 0.4s ease-in-out 0s;
}
.c2i-plan-summary .btnBrownA2 span::after{
background: url(../images/arrow_animate.png) no-repeat scroll 0 center;
border: 1px solid #fff;
border-radius: 14px;
content: "";
display: inline-block;
height: 22px;
margin-top: -11px;
padding: 0;
position: absolute;
right: 0;
top: 50%;
width: 22px;
}
.c2i-plan-summary .title-wrapper h4 {
padding: 15px;
border: 1px solid rgb(29,124,214);
text-transform: uppercase;
text-align: center;
background: rgb(29,124,214);
color: #fff;
font-size: 1.5rem;
}
.c2i-plan-summary .plan-summary-table {
padding-bottom: 15px;
}
.c2i-plan-summary .plan-summary-table table thead th {
background: rgb(224,244,251);
text-align: center;
vertical-align: middle;
color: rgba(6,63,116);
font-size: 17px;
zero: 17px;
font-size: 17px;
line-height: 23px;
padding: 1.33333% 1.23153%;
border-left: 1px solid rgba(255,255,255,0.1);
}
.c2i-plan-summary .plan-summary-table table tbody tr {
background: rgb(242,251,255);
}
.c2i-plan-summary .plan-summary-table table tbody tr.tr-total {
background: #e21c24;
}
.c2i-plan-summary .plan-summary-table table tbody tr.tr-total td {
border-color: #e21c24;
color: rgba(255,255,255,0.78);
padding-bottom: 0;
}
.c2i-plan-summary .plan-summary-table table tbody tr td {
border-left: none;
border-top: none;
}
.c2i-plan-summary .plan-summary-table table tbody tr.tr-total td.total-td-col6 .number-tags, .c2i-plan-summary .plan-summary-table table tbody tr.tr-total td.total-td-col7 .number-tags {
color: #fff;
font-size: 18px;
zero: 18px;
font-size: 18px;
line-height: 26px;
zero: 26px;
line-height: 26px;
font-weight: 600;
display: block;
}
.c2i-plan-summary .number-tags {
white-space: nowrap;
}
.c2i-plan-summary .plan-summary-table table tbody tr.tr-total+.tr-total td {
width: 100%;
padding-top: 0;
font-size: 10px;
zero: 10px;
font-size: 10px;
line-height: 12px;
zero: 12px;
line-height: 12px;
font-weight: 400;
padding-bottom: .7%;
zero: .7%;
padding-bottom: .7%;
}
.c2i-plan-summary .plan-summary-table table tbody td h2, .c2i-plan-summary .plan-summary-table table tbody td h3 {
color: rgba(0,0,0,0.87);
font-size: 16px;
zero: 16px;
font-size: 16px;
line-height: 20px;
zero: 20px;
line-height: 20px;
font-weight: 400;
margin: 2px 0;
zero: 2px;
zero: 0;
margin: 2px 0;
}
.c2i-plan-summary .plan-summary-table table tbody td {
padding-top: .7%;
padding-bottom: .7%;
}
.c2i-plan-summary .plan-summary-table table tbody td .label-tags {
color: #000;
font-size: 14px;
zero: 14px;
font-size: 14px;
line-height: 16px;
zero: 16px;
line-height: 16px;
font-weight: 600;
margin: 0;
padding: 0 0 8px;
display: none;
}
.c2i-plan-summary .plan-summary-table table tbody td {
text-align: center;
vertical-align: middle;
color: #000;
font-size: 16px;
zero: 16px;
font-size: 16px;
line-height: 20px;
zero: 20px;
line-height: 20px;
font-weight: 400;
margin: 0;
padding: 1.33333% 1.23153%;
}
.c2i-plan-summary .text-right {
text-align: right !important;
}
.c2i-plan-summary .columnSection {
padding: 2px 40px 40px;
}
.c2i-plan-summary .plan-summary-table table tbody td.td-col5 .divider cite {
font-style: normal;
}
.c2i-plan-summary .formPanel .disclaimer {
text-align: center;
margin: 10px 15px 20px;
zero: 10px;
zero: 15px;
zero: 20px;
margin: 10px 15px 20px;
float: none;
width: auto;
}
.c2i-plan-summary .customCheckbox {
float: left;
position: relative;
padding-top: 0;
text-align: left;
width: 100%;
}
.c2i-plan-summary .disclaimer {
padding-top: 20px;
zero: 20px;
padding-top: 20px;
color: #999;
}
.formPanel .disclaimer label {
color: #000;
font-size: 14px;
zero: 14px;
font-size: 14px;
line-height: 20px;
zero: 20px;
line-height: 20px;
font-weight: 500;
}
.c2i-plan-summary .customCheckbox label {
color: #000;
font-size: 13px;
zero: 13px;
font-size: 13px;
line-height: 24px;
zero: 24px;
line-height: 24px;
cursor: pointer;
padding-left: 27px;
zero: 27px;
padding-left: 27px;
display: inline-block;
}
.c2i-plan-summary .customCheckbox input[type="checkbox"]+label::before {
background: url(../images/checkImg.svg) no-repeat scroll 0 0;
content: "";
display: inline-block;
height: 17px;
left: 0;
line-height: 17px;
position: absolute;
top: 1px;
vertical-align: top;
width: 17px;
}
.c2i-plan-summary .formButtons {
margin-left: -8px;
margin-right: -8px;
clear: both;
text-align: center;
}
.c2i-plan-summary .plan-summary-table table tbody td a {
color: #0067ac;
text-decoration: underline;
margin: 2px 0;
zero: 2px;
zero: 0;
margin: 2px 0;
display: inline-block;
}
.plan-summary-table {
margin-top:-23px;
}
.c2i-plan-summary .customCheckbox input[type="checkbox"]:checked+label::before {
background-position: 0px -62px;
}
.c2i-plan-summary .btnBrownA1 {
background-color: #fff;
border:1px solid light white;
color: #e81b23;
cursor: pointer;
display: inline-block;
font-size: 15px;
zero: 15px;
font-size: 15px;
line-height: 47px;
min-width: 200px;
padding: 0 20px;
zero: 0;
zero: 20px;
padding: 0 18px;
text-align: center;
}
.c2i-plan-summary .btnBrownA2{
background-color: #e81b23;
border: medium none;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 15px;
zero: 15px;
font-size: 15px;
line-height: 47px;
min-width: 200px;
padding: 0 20px;
zero: 0;
zero: 20px;
padding: 0 18px;
text-align: center;
}
.c2i-plan-summary .btnBrownA1 span {
display: inline-block;
padding: 0 35px 0 0;
position: relative;
transition: all 0.4s ease-in-out 0s;
}
.c2i-plan-summary .btnBrownA1 span::after{
background: url(../images/arrow_animate.png) no-repeat scroll 0 center;
border: 1px solid #fff;
border-radius: 14px;
content: "";
display: inline-block;
height: 22px;
margin-top: -11px;
padding: 0;
position: absolute;
right: 0;
top: 50%;
width: 22px;
}
.c2i-plan-summary .btnBrownA2 span {
display: inline-block;
padding: 0 35px 0 0;
position: relative;
transition: all 0.4s ease-in-out 0s;
}
.c2i-plan-summary .btnBrownA2 span::after{
background: url(../images/arrow_animate.png) no-repeat scroll 0 center;
border: 1px solid #fff;
border-radius: 14px;
content: "";
display: inline-block;
height: 22px;
margin-top: -11px;
padding: 0;
position: absolute;
right: 0;
top: 50%;
width: 22px;
}
.c2i-plan-summary .plan-summary-table table {
border-spacing: 0;
border-collapse: collapse;
}
.c2i-plan-summary .plan-summary-table table tbody tr td.td-col3 {
display:none;
}
.illus_bg{
background-color: #ebf8fd;
}
#illustrationPage .radiusBlock {
min-height: auto !important;
}
@media screen and (max-width:767px){
.c2i-plan-summary .plan-summary-table table thead th {
font-size: 12px;
zero: 12px;
font-size: 12px;
line-height: 16px;
zero: 16px;
line-height: 16px;
display: none;
}
.c2i-plan-summary .plan-summary-table table tbody td.td-col1 a {
float: left;
}
.c2i-plan-summary .plan-summary-table table tbody tr td:first-child {
border: none;
}
.c2i-plan-summary .plan-summary-table table tbody td.td-col1 {
float: left;
display: block;
width: 100%;
background: #005796;
color: rgba(255,255,255,0.87);
text-align: left;
}
.c2i-plan-summary .plan-summary-table table tbody td.td-col1 h2, .c2i-plan-summary .plan-summary-table table tbody td.td-col1 h3, .c2i-plan-summary .plan-summary-table table tbody td.td-col1 a {
color: rgba(255,255,255,0.87);
}
.c2i-plan-summary .plan-summary-table table tbody td h2 {
font-size: 15px;
zero: 15px;
font-size: 15px;
line-height: 15px;
margin: 2px 0 8px;
}
.c2i-plan-summary .plan-summary-table table tbody td:nth-child(even) {
border-left: none;
}
.c2i-plan-summary .plan-summary-table table tbody td .label-tags {
display: block;
}
.c2i-plan-summary .plan-summary-table table tbody td.td-col2 span+span {
display: none;
}
.c2i-plan-summary .plan-summary-table table tbody td.td-col3 {
display: inline-block !important;
}
.c2i-plan-summary .plan-summary-table table tbody td.td-col5 {
white-space: normal;
}
.c2i-plan-summary .plan-summary-table table tbody td.td-col5 .divider {
width: 100%;
padding: 0 3px 3px;
}
.c2i-plan-summary .plan-summary-table table tbody td.td-col5 .divider cite {
padding-right: 12px;
display: inline-block;
}
.c2i-plan-summary .plan-summary-table table tbody td.td-col5 .divider+.divider {
border-left: none;
padding: 3px 3px 0;
zero: 3px;
zero: 3px;
zero: 0;
padding: 3px 3px 0;
}
.c2i-plan-summary .plan-summary-table table tbody tr td:last-child {
border-right: none;
}
.c2i-plan-summary .plan-summary-table table tbody tr {
background: #fff;
}
.c2i-plan-summary .plan-summary-table table tbody tr.tr-total td.total-td-col1 {
display: none;
}
.c2i-plan-summary .plan-summary-table table tbody tr.tr-total td.total-td-col6 .number-tags, .c2i-plan-summary .plan-summary-table table tbody tr.tr-total td.total-td-col7 .number-tags {
font-size: 16px;
line-height: 24px;
}
.c2i-plan-summary .plan-summary-table table tbody tr.tr-total+.tr-total td {
padding-bottom: 10px;
}
.c2i-plan-summary .plan-summary-table table tbody td.td-col1 {
float: left;
display: block;
width: 100%;
background: #005796;
color: rgba(255,255,255,0.87);
text-align: left;
}
.c2i-plan-summary .plan-summary-table table tbody td {
width: 50%;
}
.c2i-plan-summary .plan-summary-table {
padding-top: 7px;
}
.c2i-plan-summary {
margin-top: 50px !important;
padding: 10px 10px 10px 10px !important;
}
.c2i-plan-summary .formPanel {
width:100%;
}
.c2i-plan-summary .plan-summary-table table tbody td.td-col1 h3 {
float: left;
}
.c2i-plan-summary .plan-summary-table table tbody tr td {
border-left: 1px solid rgba(0,0,0,0.1);
border-top: 1px solid rgba(0,0,0,0.1);
}
.c2i-plan-summary .plan-summary-table table tbody td:nth-child(even) {
clear: left;
}
.c2i-plan-summary .plan-summary-table table {
border-left: 1px solid rgba(0,0,0,0.1);
border-right: 1px solid rgba(0,0,0,0.1);
}
.c2i-plan-summary .plan-summary-table table {
margin: 10px 0 0;
zero: 10px;
zero: 0;
zero: 0;
margin: 10px 0 0;
border-collapse: inherit;
width: 100%;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.c2i-plan-summary .title-wrapper {
display: table;
width: 100%;
}
.small-12 {
width: 100%;
}
.column, .columns {
position: relative;
padding-left: 0;
padding-right: 0;
float: left;
}
.c2i-plan-summary .formPanel .disclaimer {
text-align: left;
margin: 0 10px 5px;
}
.c2i-plan-summary .formPanel .disclaimer>div {
display: inline-block;
position: relative;
}
.c2i-plan-summary .formPanel .disclaimer.customCheckbox label {
font-weight: 400;
cursor: pointer;
padding-left: 27px;
zero: 27px;
padding-left: 27px;
display: inline-block;
color: #000;
font-size: 14px;
zero: 14px;
font-size: 14px;
line-height: 20px;
}
.c2i-plan-summary .customCheckbox input[type="checkbox"]:checked+label::before {
background-position: 0px -62px;
}
.c2i-plan-summary .customCheckbox input[type="checkbox"]+label::before {
background: url(../images/checkImg.svg) no-repeat scroll 0 0;
content: "";
display: inline-block;
height: 17px;
left: 0;
line-height: 17px;
position: absolute;
top: 1px;
vertical-align: top;
width: 17px;
}
.c2i-plan-summary .customCheckbox input[type="checkbox"]+label::before {
top: 0px;
}
.c2i-plan-summary .btn_illus {
display:flex;
flex-direction:column;
}
.c2i-plan-summary .btnBrownA1 {
width: 95%;
order: 2;
margin: 5px auto;
}
.c2i-plan-summary .btnBrownA2 {
width: 95%;
order: 1;
margin: 5px auto;
}
.c2i-plan-summary .customCheckbox input[type="checkbox"] {
cursor: pointer;
/* left: -999em; */
position: absolute;
}
.c2i-plan-summary .plan-summary-table table tbody td {
display: block;
float: left;
}
.c2i-plan-summary .plan-summary-table table tbody tr.tr-total+.tr-total td {
width: 98%;
}
}
/* 7021 mobile code starts */
@media screen and (max-width:767px){
.d-none.d-sm-block{display:none;}
.d-md-block.d-lg-none{display:block;}
.tabs_Block .tabNavigt {
width: 100%;
}
.risk-level-wrapper .risk-level .risk-details, .risk-level-wrapper .risk-level .risk-btn {
display: block;
}
.risk-level-wrapper .risk-level .risk-btn {
width: 100%;
padding-left: 0;
text-align: center;
}
.risk-level-wrapper .risk-level .risk-details .risk-slider {
position: relative;
margin: 20px 0px;
}
.dvFundalloc .self-benefits .wrapper-box {
margin: auto;
padding: 0px;
}
.self-benefits .desc {
padding: 15px 8px;
}
.self-benefits .benefits-table table tr .th-col1 {
text-align: left;
}
.self-benefits .benefits-table table thead th {
font-size: 12px;
line-height: 16px;
}
select#_no_yrs, select#_no_yrs option, #selfFundAllocTbl > thead > tr > th {
font-size: 10px !important;
}
.select-options {
margin-left: 10px;
margin-right: 10px;
}
#selfFundAllocTbl > thead > tr:nth-child(1) > th.rowspan-top > div > cite {
top: 10px;
}
.sup_fund_allocation {
top: -14px;
left: 66px;
}
.self-benefits .benefits-table table tbody td {
font-size: 11px;
line-height: 15px;
}
.self-benefits .benefits-table table tbody td input {
font-size: 11px !important;
}
#selfFundAllocTbl .select-options cite:after {
right: 2px;
top: 13px;
position:absolute;
border-top: 7px solid #FFF;
width: 13px;
height: 11px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
}
.sup_fund_allocation {
top: -14px;
left: 66px;
position: relative;
}
.benefits-lists {
padding: 0px;
}
#dvFundDetailsChartContainer {
padding: 0px;
}
.dis_align .disclaimer {
text-align: left;
padding-left:10px;
}
.returns_expl .tabNavigt ul li:nth-child(2) a, .returns_expl .tabNavigt ul li:nth-child(2) a:active {
margin: 0;
}
.returns_expl .tabNavigt ul li a, .returns_expl .tabNavigt ul li a.active {
margin: 0;
}
.self-graph .title-wrapper h2, .self-graph .funds-wrapper {
display: block;
padding-bottom: 10px;
}
.self-graph .title-wrapper h2 {
font-size: 16px;
line-height: 18px;
}
.self-graph .funds-button {
display: block;
max-width: 399px;
margin-left: auto;
margin-right: auto;
/* padding: 7px 86px 7px 16px; */
}
.funds-info {
width: 100%;
}
.fund_table_proj .title-wrapper h2 {
font-size: 16px;
line-height: 18px;
}
.fund_table_proj .performance-lists .links-btn a {
border: 2px solid #03263d;
min-width: 84px;
background: none;
color: #03263d!important;
}
.tags-wrapper .selected-tags a {
padding: 6px 39px 10px 10px;
}
.fund_table_proj .links-btn a.active {
color: #fff !important;
background-color: #03263d;
text-decoration: none !important;
}
.self-performance .performance-table table thead th {
font-size: 12px !important;
line-height: 16px !important;
}
.self-graph .funds-wrapper {
text-align: center;
}
.btn_illus button {
width: 95% !important;
margin: 0px 10px;
}
.btn_illus .btnBrownA span::after{
/* left: 205px; */
}
.cngrts_msg p {
padding: 0px 10px;
}
.returns_expl .sliderBlock {
display: block;
}
.returns_expl .tabCont h4 {
width: 100%;
top: -24px;
}
.returns_expl .tabCont h4 {
color: #000;
font-size: 16px;
zero: 16px;
font-size: 16px;
line-height: 18px;
font-weight: 700;
margin-bottom: 25px;
/* font-style: italic; */
}
.returns_expl .tableWrapper table {
width: 100%;
}
.returns_expl .tabCont h5 {
color: #000;
font-size: 15px;
zero: 15px;
font-size: 15px;
line-height: 17px;
zero: 17px;
line-height: 17px;
margin: 5px 0 0;
font-style: italic;
}
.self-performance .performance-table table tbody td {
font-size: 12px !important;
line-height: 15px !important;
}
.fund_table_proj .fund-performance-table-wrapper .fund-performance-table table tbody tr td.td-col1 p {
font-size: 12px !important;
}
.self-performance .performance-table table tr .th-col_4567
{
display:table-cell !important;
}
.fund_table_proj .select-options {
margin-left: 10px;
margin-right: 10px;
}
.self-performance .performance-table table thead th .select-options cite {
position: relative;
margin: 0;
font-size: 0;
height: 16px;
display: inline-block;
vertical-align: middle;
}
.fund_table_proj .select-options cite:after {
content: "";
position: absolute;
right: 0;
width: 12px;
height: 6px;
background: url(../images/select-blue-arrd.png) no-repeat 0 0;
top: 50%;
pointer-events: none;
display: inline-block;
transform: translateY(-50%);
}
.fund_table_proj .select-options cite select {
background: #005796;
padding: 0 5px 0 5px;
height: 18px !important;
margin-top: -5px;
font-size: 16px;
}
.self-performance .performance-table table thead th .select-options cite:after {
background: none;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid #FFF;
right: -28px;
top: -16px;
line-height: 18px;
margin: 0;
position: relative;
}
}
@media screen and (max-width:599px){
/* .self-performance .performance-table table tr .th-col8,.self-performance .performance-table table tr .td-col8{display:table-cell;} */
/* .self-performance .performance-table table tr .th-col2,.self-performance .performance-table table tr .td-col2{display:none;} */
}
@media screen and (min-width:767px){
.self-performance .performance-table table tr .th-col_4567{display:none}
}
/* Redmine 7021 code ends */
.illus_bg{
background-color: #ebf8fd;
}
#illustrationPage .radiusBlock {
min-height: auto !important;
}
.topPerformance span.nav_closeBtn{padding-right:10px;font-weight:bold;cursor:pointer}
header.desktop .contactOpt .topPerformance .dropBox{max-height: 460px;overflow-y: auto;overflow-x: hidden;padding:0 7px;}
@media screen and (min-width: 767px) {
.d-none.d-sm-block{display:block;}
.d-md-block.d-lg-none{display:none;}
.c2i-plan-summary {
margin-top: 100px;
padding: 20px 0px 10px 0px;
}
.c2i-plan-summary .plan-summary-table {
padding-top: 15px;
}
.c2i-plan-summary .customCheckbox label {
margin-top: -20px;
}
.dvFundalloc h2 {
font-size: 21px !important;
color: rgb(30,63,131);
text-transform: uppercase;
}
}
@media screen and (max-width: 767px) {
.bjYourInvestment .yourInvestmentContent {
padding: 10px 0 10px 0;
}
.tabs_Block {
background: #fff;
padding: 20px 5px 10px 5px;
}
.illus_bg {
width:100% !important;
margin:0 !important;
}
.illus_bg .bjYourInvestment .mobVal, .bjStartInvestment .mobVal {
z-index: 10000;
}
}
.c2i-plan-summary .btnBrownA1 {
border: 1px solid rgb(197,197,197);
}
.upld_docs_info .plnSum_docList_section {
display:block;
margin: 25px auto;
width: 83.5%;
float:none;
}
.sum_check {
display:block;
margin: 25px auto;
width: 83%;
float:none;
margin-bottom:0px !important;
}
.sum_check label {
padding-bottom: 15px;
}
}
.dvFundalloc h2 {
font-size: 2.25rem !important;
}
.btn_illus .anchorLink {
padding: 4px 20px;
}
.maxLimit .maxVal ,.maxLimit2 .maxVal2 {
display: none;
}
.illus_bg .userDetailsBlock {
padding: 10px 3px;
}
@media screen and (max-width : 600px){
.plnSum_docList_section {
background: #FFF;
width: 95% !important;
}
.returns_expl .tabNavigt ul hr {
height: 36px !important;
top: 18% !important;
}
.returns_expl .tabNavigt ul li {
width: 48% !important;
}
.returns_expl .tabNavigt ul li a, .returns_expl .tabNavigt ul li a.active {
margin-left: 12px !important;
}
.sum_check {
width: 100% !important;
}
#illustrationPage .columnWrapper {
padding: 10px 0px !important;
}
.tabs_Block .tabNavigt ul li a {
font-size: 15px;
}
.dvFundalloc h2 {
font-size: 18px;
color: rgb(30,63,131);
text-transform: uppercase;
}
.risk-level-wrapper {
margin: 0px 5px 0 !important;
}
.self-benefits {
margin: 25px 4px !important;
}
.self-benefits .desc {
font-size: 15px
}
.cngrts_msg p {
color: #05396e;
font-size: 15px;
}
.c2i_fund_performanceFixed .self-performance .performance-table .note-bottom span {
color: rgba(0,0,0,0.78);
font-size: 12px !important;
}
.returns_expl .tabNavigt ul li a {
font-size: 14px !important;
}
}
/* Redmine - 15404 - start */
.plnSum_docList_section h5.plnSum_docList_heading{
font-size:18px;
}
.plnSum_docList_section ul>li{
font-size:16px;
}
.plnSum_docList_section ul,.plnSum_docList_section p{font-size: 16px;}
.congratulation div:nth-child(6){
margin-top:20px;
}
@media screen and (max-width : 600px){
.plnSum_docList_section ul>li{
font-size:14px;
}
.plnSum_docList_section ul,.plnSum_docList_section p{font-size: 14px;}
}
/* Redmine - 15404 - end */
/* c2i_illus_feedback changes*/
.c2i_illus_wrapper {
padding: 20px 0px !important;
}
.tabs_Block .tabNavigt ul li a {
background: #fff ;
}
table#selfFundAllocTbl #_no_yrs {
cursor: pointer;
}
@media screen and (min-width : 600px){
.returns_expl .tabNavigt {
width: 62%;
margin: auto;
}
}
.pln_sumry_btn {
margin-bottom:50px;
}
#backToIllustration {
background: #fff;
padding: 3px 20px;
}
#backToIllustration:hover {
background: #d51d24;
}
.pln_smry {
width: 84%;
margin-left: 8%;
display: inline-block;
}
.pln_smry .disclaimer {
text-align: left;
margin-bottom:10px !important;
}
@media screen and (max-width : 600px){
.currAge ul li .dvAgeMax {
right: -5px;
}
.pln_smry {
width: 100%;
display: inline-block;
margin-left: 0%;
}
.v2_display_flex {
display: flex;
flex-direction: column;
}
#backToIllustration {
order:2;
}
#proceedToProposal {
order:1;
margin-bottom: 15px;
}
.self-benefits .benefits-table .note-bottom span {
margin: 6px 10px 0;
}
}
.dvFundalloc .RiskSlider-pointers li {
background: none !important;
}
.resultBlock .sliderBlock {
width: 90%;
margin: 20px auto;
padding: 32px 0px;
}
#ageSlider span.ui-slider-handle, #ageSlider2 span.ui-slider-handle {
border: 2px solid rgb(255, 255, 255);
border-radius: 50%;
height: 25px;
width: 25px;
top: -10px;
max-width: 80px;
background-color: rgb(255, 255, 255);
outline: none;
cursor: -webkit-grab;
/* left: 46.6667%; */
transition: border 1000ms ease 0s;
box-shadow: rgb(67, 67, 67) 0px 0px 10px;
z-index: 10;
}
#ageSlider .ui-slider-handle .maxVal,#ageSlider .ui-slider-handle .maxVal2 {
margin: -41px -8px 0;
}
.returns_expl .ui-slider-handle span {
margin: -41px -8px 0;
}
@media screen and (max-width: 767px){
.fund_graph .wrapper-box {
margin: 15px 0px;
padding: 15px 8px;
}
.fund_graph {
background: #fff;
margin: 25px 5px;
}
.graph-details {
padding: 14px 4px;
}
.fund_graph .sort-time-wrapper h4 {
margin-top:0px !important;
}
.c2i_fund_performanceFixed .self-performance .performance-table table thead th.rowspan-btm {
cursor: pointer;
padding-bottom: 10px;
}
#ageSlider .ui-slider-handle .maxVal,#ageSlider .ui-slider-handle .maxVal2 {
margin: -41px -8px 0;
}
.returns_expl .ui-slider-handle span {
margin: -41px -8px 0;
}
.returns_expl #ageSlider, .returns_expl #ageSlider2 {
width: 100% !important;
float: right !important;
left: 0px !important;
}
#ageSlider span.ui-slider-handle, #ageSlider2 span.ui-slider-handle {
z-index:2 !important;
}
.pln_smry .customCheckbox input[type="checkbox"]+label::before {
height: 17px;
left: 10px;
position: absolute;
top: 3px;
vertical-align: middle;
width: 17px;
}
.pln_smry .disclaimer label {
padding-left: 30px !important;
}
.congratulation input[type="checkbox"]+label::before {
height: 17px;
left: -1px;
position: absolute;
top: 3px;
vertical-align: middle;
width: 17px;
}
.sum_check label {
padding-left: 23px;
}
.c2i_fund_performanceFixed .self-performance .performance-table table thead th .select-options cite:after {
top: -13px;
left: 46px;
}
.c2i_fund_performanceFixed .self-performance .performance-table table thead th .select-options select {
border-bottom: 2px solid white;
}
}
.returns_expl #ageSlider, .returns_expl #ageSlider2 {
width: 96.7%;
float: left;
top: -35px;
left: 10px;
}
#rangeRiskSlider .ui-slider-handle span {
display:none;
}
@media only screen and (min-width: 601px) and (max-width: 860px){
.yourRiskTolerance .startInvestment .persDetailForm {
padding-top: 10px;
width: 68%;
}
.borderNone {
display: none !important;
}
.dvMiddle.drop.mob_mT25p,.dvMiddle.drop.forYr,.dvMiddle.years.drop {
padding-top:10px !important;
}
.formRow .dvMiddle.drop {
width: fit-content !important;
}
.formRow .dvMiddle.drop.first {
width: fit-content !important;
}
.formRow .dvMiddle.drop.forYr {
float: none !important;
width: auto !important;
}
.formRow .dvMiddle.drop.first .helptext {
margin-top:-7px;
}
.formRow .dvMiddle.drop .helptext .labelText {
bottom: auto !important;
}
.formRow input.years.for {
width: 130px !important;
}
.self-benefits .benefits-table table tr .th-col1 {
text-align: center;
}
.self-graph .title-wrapper h2 {
width: 50%;
display: inline-block;
float: left;
}
.self-graph .funds-wrapper {
width: 50%;
display: inline-block;
float: left;
}
.self-benefits .benefits-table table tbody td {
font-size: 14px;
}
select#_no_yrs, select#_no_yrs option, #selfFundAllocTbl > thead > tr > th {
font-size: 13px !important;
}
.self-benefits .benefits-table table tbody td input {
font-size: 14px !important;
}
.dvFundalloc h2 {
font-size: 21px !important;
color: rgb(30,63,131);
text-transform: uppercase;
}
.returns_expl .tabNavigt ul hr {
top: 21%;
}
.returns_expl #ageSlider, .returns_expl #ageSlider2 {
width: 96.7% !important;
float: left !important;
top: -35px !important;
left: 7px !important;
}
#selfFundAllocTbl .select-options cite:after {
top: 15px;
}
.returns_expl .tabNavigt ul li {
width:48% !important;
}
.returns_expl .tabNavigt ul li a, .returns_expl .tabNavigt ul li a.active {
margin-left: 20px;
}
.v2_display_flex {
display: flex;
flex-direction: column;
}
#backToIllustration {
order:2;
}
#proceedToProposal {
order:1;
margin-bottom: 15px;
}
.pln_sumry_btn {
margin-left: 100px;
width: auto;
}
#rider_skip .rider-benefit-content {
width: 75%;
margin-left: 13%;
}
.nb_align {
width: 98% !important;
}
.riderDetails {
margin: 0px 0px;
}
.PPrider_desktop .row {
float: none;
width: 100%;
}
.PPrider_desktop {
display: block;
float: none !important;
}
.PPrider_desktop .container {
padding-right:0px !important;
}
.cip_netbank_NB .disp_tbl.summary-tbl .fixed-table.summary-table {
width: 100% !important;
}
.upld_docs_info .plnSum_docList_section {
width: 97%;
}
.btn_illus button {
width: 75% !important;
}
.currAge ul li .dvAgeMax {
right: 0px;
}
.cip_netbank_NB div.PPrider_desktop.riderDetails .cntBtn1.clrBth {
float: none !important;
margin-left: 0px !important;
}
.PPrider_desktop .disp_tbl {
display: block !important;
}
.PPrider_desktop .disp_tblrow {
display: block !important;
}
.bjYourInvestment h2:before, .bjStartInvestment h2:before {
display: none !important;
}
.bjYourInvestment h2 cite, .bjStartInvestment h2 cite {
font-size: inherit !important;
}
.bjYourInvestment h2, .bjStartInvestment h2 {
background: none !important;
padding: 2px 0 0 10px !important;
}
#riderPage .rider_starts {
margin-top: 0px !important;
}
.formRow .dvMiddle.middle {
margin-top: -4px !important;
}
.funds-info .funds-lists ul li .customCheckbox label {
padding: 3px 0px 0px 30px !important;
}
}
#ageSlider span.ui-slider-handle, #ageSlider2 span.ui-slider-handle {
z-index:2 !important;
}
#rider_skip .rider_skip_close {
border: none;
cursor: pointer;
}
/* c2i_illus_feedback changes*/
/* Redmine 13624 start */
@media screen and (max-width:767px){
.disclaimer p, .disclaimer .more-content h4, .disclaimer .more-content #link3 .disc p, .disclaimer .more-content .content li{
text-align: justify;
}
.disclaimer .text-content-wrapper, .disclaimer .offsetClear p{
text-align:center;
}
.disclaimer .more-content .content h5{
text-align:left;
}
}
/* Redmine 13624 end */
.down_arrw_red{width: 0;background-color: #ebf8fd;content: "";height: 0px;margin-bottom: -11px;margin-left: 33px;border-left: 8px solid transparent;display: table;border-right: 8px solid transparent;border-top: 8px solid #ed191f;}
.red_arrow{margin-left: 19px;}
.NDNC_error{
padding: 0;
padding-left: 20px !important;
}
.customCheckbox.has-error input[type="checkbox"]+label::before {
background-position: 0 -55px;
}
.customCheckbox.has-error input[type="checkbox"]:checked+label::before {
background-position: 0 -27px !important;
}
@media screen and (max-width:767px){
#ndnc_disclaimer label#cluttered, #suitability_disclaimer label#suitabilty_lbl{
padding-right:25px;
text-align:justify;
}
.NDNC_error {
padding-left: 20px !important;
}
.down_arrw_red{
margin-left: 25px;
}
}
/* redmine 7021 net banking*/
.tableWrapper table td.benefitFrom8 p, .tableWrapper table td.benefitFrom4 p{
display: block;
}
.c2i_netbank_NB .bjYourInvestment .mobVal, .bjStartInvestment .mobVal{
z-index:10000;
}
.c2i_netbank_NB .formPanel .formPanelWrap li{
width:100%;
}
.c2i_netbank_NB .rdDetailForm .radioMySelf{
float:none;
}
.c2i_netbank_NB .formRow .dvMiddle.middle .GenderSel{
margin-top: -4px !important;
}
.c2i_netbank_NB .formRow .dvMiddle.drop {
width: fit-content !important;
}
.c2i_netbank_NB .tabs_Block .tabNavigt {
width: 100% !important;
}
.c2i_netbank_NB .returns_expl .tabNavigt ul li a, .c2i_netbank_NB .returns_expl .tabNavigt ul li a.active {
margin: 0 10px 0 45px !important;
}
.c2i_netbank_NB .returns_expl .tabNavigt ul li:nth-child(2) a,.c2i_netbank_NB .returns_expl .tabNavigt ul li:nth-child(2) a:active {
margin: 0px 35px 0 20px !important;
}
.c2i_netbank_NB .PPrider_desktop.riderDetails, .c2i_netbank_NB .PPrider_desktop .page-container .row{
float:none !important;
}
.c2i_netbank_NB .PPrider_desktop .page-container{
padding-right: 0;
}
.c2i_netbank_NB #fundCompareGraph{
width:100% !important;
}
.c2i_netbank_NB #fundCompareGraph{
width:100% !important;
}
.c2i_netbank_NB #fundCompareGraph #highcharts-8{
width:100% !important;
}
.c2i_netbank_NB #fundCompareGraph #highcharts-8 svg{
width:100% !important;
}
.c2i_netbank_NB #fundProjectionId .performance-table{
overflow-x: scroll;
overflow-y: hidden;
}
.c2i_netbank_NB #C2IP_02_DIV .persDetailForm .cntBtn{
padding-top: 40px;
}
@media screen and (min-width:861px){
.cip_netbank_NB .disp_tbl.summary-tbl .fixed-table.summary-table {
width: 60% !important;
}
}
/* redmine 7021 netbanking */
/* slider changes */
.returns_expl #ageSlider2, .returns_expl #ageSlider{
width:100%;
left:0px;
}
#ageSlider span.ui-slider-handle, #ageSlider2 span.ui-slider-handle {
margin-left: -16px;
}
.slider_c2i li, .slider_c2i_2 li{
text-align:right;
}
.slider_c2i, .slider_c2i_2{
position:relative;
}
.slider_c2i li:first-child, .slider_c2i_2 li:first-child{
width: 4.5% !important;
position: absolute;
left:-16px;
}
.currAge ul.slider_c2i li, .currAge ul.slider_c2i_2 li {
background: url(../images/sliderDot.png) no-repeat right;
}
.currAge ul.slider_c2i li:first-child, .currAge ul.slider_c2i_2 li:first-child {
background: url(../images/sliderLine.png) no-repeat 30%;
}
.currAge ul.slider_c2i li:last-child, .currAge ul.slider_c2i_2 li:last-child {
background: url(../images/sliderLine.png) no-repeat 47% center;
right: -22px;
left: unset;
position: absolute;
width: 5% !important;
}
@media screen and (max-width:767px){
.currAge ul.slider_c2i li:last-child, .currAge ul.slider_c2i_2 li:last-child {
right: -5px;
}
.slider_c2i li:first-child, .slider_c2i_2 li:first-child{
left:-7px;
}
}
/* slider changes */
/* Redmine 16022*/
.showme{ margin-top: 12px;color: black; font-size: 1.1rem;}
/* Redmine 16022*/
/* Redmine 17094 shashidhar starts*/
#OKUNDERSTOODpopupContainer{position: fixed;left: 0;top: 0;height: 100% !important;z-index: 101;background: rgba(0,0,0,.4);width: 100%;margin: auto;display: none;}
.OKUNDERSTOODpopupWrapper{background: #fff;position: fixed;left: 50%;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: 9999;display: none;border-radius: 10px;padding:15px;}
.OKUNDERSTOODpopupWrapper.isOpen{display:block;}
#OKUNDERSTOODpopupContainer ._wrapper_border{padding:0 !important;border:none;}
.we-box_regret{margin-top: 10px;font-size: 14px;}
.okUnderstood-box{text-align: center;margin: 20px auto 10px;}
.okUnderstood-box button{ background: #b21117;color: #ffffff;border-color: #b21117;border-radius: 20px;height: 40px;min-width: 200px;}
/* Redmine 17094 shashidhar ends*/
@media screen and (min-width:767px){
.logoDisclaimerWrapper .cards_bxslider ._cardslider_sup{vertical-align:super;}
}
/* Redmine 16319 starts*/
@media only screen and (min-width:768px){
.whatsapp-checkbox{margin-left: -6px;}
#suitability_disclaimer{ margin-left: -5px;
text-align: justify;}
.customCheckbox.disclaimer.c2invest{
font-size:14px;
}
#ndnc_disclaimer .ndnc-call{ float: left;
margin-left: -6px;}
}
/*.c2invest-ndnc{margin-left: 15px;}*/
@media only screen and (max-width:600px){
#ndnc_disclaimer .ndnc-call{margin-left: -188px !important;}
.customCheckbox.disclaimer.c2invest{
text-align:justify !important;
}
#suitabilty_lbl{margin-left: -17px;}
.c2invest-ndnc {
margin-left: -31px;
}
.customCheckbox.disclaimer.c2invest{margin-top: -52px !important;}
}
/* Redmine 16319 ends*/
g.highcharts-legend{
display:none;
}
.home-fund-performace .h2-title {
text-align: center;
color: #0067ac;
font-size: 30px;
font-weight: 700;
padding: 0 30px;
margin-bottom: 0;
margin-bottom: 0;
text-transform: uppercase;
}
.home-fund-performace>p {
color: #000;
font-size: 18px;
line-height: 23px;
font-weight: 400;
margin: 0;
padding: 20px 10px 10px 10px;
}
.self-graph .wrapper-box{
border: 1px solid #e6e6e6;
padding: 2.34375%;
margin: 19px 0 0;
background: #fbfbfb;
}
.self-graph .wrapper-box .note-bottom span {
color: rgba(0,0,0,0.78);
font-size: 12px;
line-height: 14px;
font-weight: 400;
margin: 6px 25px 0 0;
padding: 6px 0 0;
display: inline-block;
}
.sort-time-wrapper h4{
margin: 27px 0 0 0;
vertical-align: top;
}
.btn-wrapper a.btn-black {
display: inline-block;
text-align: right;
vertical-align: middle;
color: #fff;
text-decoration: none;
font-size: 15px;
line-height: 36px;
font-weight: 400;
margin: 0;
padding: 0 24px;
border: 2px solid #03263d;
background-color: #03263d;
}
@media screen and (min-width: 768px){
.home-fund-performace .h2-title {
padding-top: 30px;
}
.home-fund-performace .title-wrapper h2 {
font-size: 24px;
}
}
@media screen and (max-width: 767px){
.home-fund-performace .h2-title {
padding: 15px 10px 15px 10px;
font-size: 19px;;
margin-bottom: 0;
}
.home-fund-performace>p {
font-size: 15px;
padding: 0 10px 10px 10px;
}
}
.home-fund-performace .title-wrapper h2 {
line-height: 26px;
padding: 0 15px 0 0;
font-weight: 600;
color: rgba(0,0,0,0.87);
}
#riderPage .cbs-modal-header{padding-bottom:8px;margin-top:0px;}
#riderPage .cbs-modal-header button.cbs-modal-close{margin-top:-4px !important;}
@media only screen and (max-width: 600px){
.cbs-modal-body{overflow-y:auto;margin-right:5px;}
.cbs-modal-body::-webkit-scrollbar-track{-webkit-box-shadow: none;background-color: #d4d4d4;border-radius: 20px;}
.cbs-modal-body::-webkit-scrollbar{width: 5px;background-color: #d4d4d4;border-radius: 20px; }
.cbs-modal-body::-webkit-scrollbar-thumb{background-color: #a8a8a8;border-radius: 20px;}
}
/*Redmine 17732 - Lead page popup changes - Harshita*/
#popup_planmob_fisdom .fields label {
font-size: 17px;
color:black;
font-weight: 600;
margin-bottom:9px;s
}
#popup_planmob_fisdom .ocp_input {
border: 1px solid #94a1a9;
border-radius: 7px;
color: #666;
font-size: 15px;
font-style: italic;
font-weight: 400;
height: 38px;
line-height: 18px;
margin-bottom: 5px;
margin-bottom: 5px;
padding: 0 10px;
}
#popup_planmob_fisdom .header_ocp{
color: #05396e;
font-weight: 700;
font-family: "Lato", sans-serif;
text-transform: uppercase;
font-size: 20px;
}
#popup_planmob_fisdom .btn-procd{
text-align:center;
}
input.ocp_input.form-control.error-field {
border-color: #b11117!important;
}
.minmaxError.error-msg {
color: #b11117;
}
#popup_planmob_fisdom button#Proceedtolead {
background-color: #e81b23 !important;
border: medium none;
color: #fff;
cursor: pointer;
font-size: 15px;
line-height: 47px;
min-width: 200px;
padding: 0 18px;
text-align: center;
text-transform: uppercase;
}
#popup_planmob_fisdom input#contact-whatsapp{
height: 23px;
width: 23px;
}
#popup_planmob_fisdom .custom-checkbox.whatsapp-checkbox{display:flex;
padding: 0!important;
margin-top: 13px !important;
}
#popup_planmob_fisdom span.c2pl-ndnc {
font-size: 15px;
}
/*Redmine 17732 - Lead page popup changes ends - Harshita*/
@media only screen and (max-width: 600px){
.suit_popupWrapper .row.viewOtherPlans .margin40{padding-left:0px;}
}
.pluginUp_ops_c2i_lng #compare_addon_rider .rider-modal-header button.close-rider{margin-right: 0px !important;margin-top: 0px !important;}
.pluginUp_ops_c2i_lng #compare_addon_rider .rider-modal-header .rider-modal-title{display:inline;}
.pluginUp_ops_c2i_lng #compare_addon_rider .rider-modal-header{padding-top: 20px;padding-right: 20px;}
.plnSum_docList_section .plnSum_docList_heading {
text-align: center;
margin-bottom: 10px;
background: #004068;
padding: 10px;
color: #fff !important;
}
@media only screen and (min-width:1200px) and (max-width:1300px){
.row.mainSection{margin-top: 101px;}
.contactOpt .para{width: 35%;}
.columnWrapper.clearfix.bdrB,.covq .cpage_sticky_header_wrapper{ margin-top: 10px;}
.row.rider_starts{ margin-top: 115px !important;}
.PPrider_sticky_header.c2w_makeSticky{width:66% !important;top: 100px !important;}
.PPrider_desktop .plan-type.plan-separator{width: 90%;}
}
.netBank_assistancePopup.modal{
position: fixed;
left: 0;
top: 0;
height: 100% !important;
z-index: 999;
background: rgba(0, 0, 0, .4);
width: 100%;
margin: auto;
overflow-y: auto;
overflow-x: hidden;
display:none;
}
.netBank_assistancePopup .modal-dialog{
margin-top: 0px;
width: 500px;
position: absolute;
top: 80px;
left: 50%;
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 999;
background: #fff;
padding: 10px;
border-radius: 5px;
}
.netBank_assistancePopup .custom-radio input{display:none;}
.netBank_assistancePopup .modal-body{display: inline-block;}
.c2i_Err{display: block !important;color:red;}/* 20081 */
/* Redmine 20272 */
.invalidMob{
text-align: left;
font-style: italic;
background: #fff;
padding: 7px 10px;
border: 1px solid #ff0000;
color: #d51d24 !important;
bottom: -16px;
font-size: 13px !important;
margin: -6px !important;
line-height: 16px !important;
top: 36px !important;
border-radius: 7px;
width: 100%;
}
/* Smart protect plan disclaimer */
#protectplan li{list-style-type: decimal;}
#popup_planmob_fisdom .otp-error-msg{
margin-top:14px;
}
#c2i-content .yourRiskTolerance .persDetailForm .dvMiddle .helptext #min_prem{right:0px;}
@media only screen and (min-width: 768px){
#c2i-content .yourRiskTolerance .persDetailForm .dvMiddle .helptext #min_prem{
display: flex;
justify-content: space-around;
width: 100%;
}
}
div#copopup {
top: -14px;
border: none;
right: -12px;
}
div#copopup {
overflow-y: scroll;
}
#copopup.modal {
text-align: center;
padding: 0 10px !important;
z-index: 1055;
}
#copopup.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1055;
display:none;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
outline: 0;
}
.copopup .modal-dialog {
padding: 15px;
margin: 0px;
}
#copopup .modal-dialog {
position: relative;
width: auto;
margin: 0.5rem;
}
#copopup ul, #copopup .quesCont span, #copopup .quesAns span {
font-weight: 600;
font-size: 16px !important;
line-height: 25px;
position: relative;
display: inline;
}
#copopup .modal-dialog.modal-lg {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 900px;
position: relative;
background: white;
}
div#staff_details, div#suitability_prof1 {
display: none;
}
ul#pills-tab {
justify-content: space-between;
display: flex;
}
.backdrop-bt {
background: black;
position: fixed;
top: 0;
left: 0;
z-index: 1050;
width: 100vw;
height: 100vh;
background-color: #000;
opacity: 0.5;
}
.copopup .nav-pills>li>button {
background-color: #EEEEEE !important;
color: #000 !important;
text-align: center;
background: none;
font-size: 14px !important;
font-weight: bold;
padding: 9px 9px;
text-decoration: none;
}
.nav-pills .nav-link {
background: 0 0;
border: 0;
border-radius: 0.25rem;
}
.copopup #staff_details .btn-grp-bankstaff {
float: none!important;
}
#bank_staff {
display: inline-block !important;
padding: 10px;
margin-top: 36px;
}
.quesAns.col-4.gap_css {
display: grid;
}
.copopup .btn-grp-bankstaff .pand_msg{padding: 22px;}
.custom-radio [type="radio"]:checked + label:after {
content: "";
position: absolute;
background: #004068;
height: 12px;
width: 12px;
left: 4px;
top: 4px;
border-radius: 50%;
}
.otpPrefillnri .custom-radio [type=radio]:checked+span+label:after {
content: "";
position: absolute;
background: #004068;
height: 12px;
width: 12px;
left: 4px;
top: 4px;
border-radius: 50%;
}
.custom-radio [type=radio]:checked, .custom-radio [type=radio]:not(:checked) {position: absolute;left: -9999px;}
.custom-radio span.ui-radio,.custom-checkbox .custom-radio span.ui-radio{ display:none;}
.custom-radio [type=radio]+span+label {
font-size: 16px;
font-weight: 400;
position: relative;
padding-left: 32px;
margin: 0;
line-height: 20px;
color: #7e7e7e;
margin-right: 53px;
}
.custom-checkbox [type=checkbox]+span+label:before, .custom-radio [type=radio]+span+label:before {
content: "";
position: absolute;
left: 0;
width: 20px;
height: 20px;
border-radius: 50%;
border: 1px solid #b8b8b8;
}
#copopup .custom-checkbox +span+input[type="checkbox"], #copopup .custom-radio [type=radio]:checked, #copopup .custom-radio [type=radio]:not(:checked) {
position: absolute !important;
left: -9999px;
}
#copopup .custom-radio [type=radio]+label {
font-size: 16px;
font-weight: 400;
position: relative;
padding-left: 32px;
margin: 0;
line-height: 20px;
color: #7e7e7e;
}
#copopup .custom-radio [type=radio]+label {
display: inline-block;
padding-right: 32px;
}
#copopup .exclusive-box ul.row li {
width : 33%;
}
#copopup .custom-radio [type=radio]+label:before {
content: "";
position: absolute;
left: 0;
width: 20px;
height: 20px;
border-radius: 50%;
border: 1px solid #b8b8b8;
}
#copopup .custom-radio [type=radio]:checked+label:after {
content: "";
position: absolute;
background: #004068;
height: 13px;
width: 12px;
left: 4px;
top: 4px;
border-radius: 50%;
}.custom-radio [type="radio"]:checked + label:after {
content: "";
position: absolute;
background: #004068;
height: 12px;
width: 12px;
left: 4px;
top: 4px;
border-radius: 50%;
}
.otpPrefillnri .custom-radio [type=radio]:checked+span+label:after {
content: "";
position: absolute;
background: #004068;
height: 12px;
width: 12px;
left: 4px;
top: 4px;
border-radius: 50%;
}
.custom-radio [type=radio]:checked, .custom-radio [type=radio]:not(:checked) {position: absolute;left: -9999px;}
.custom-radio span.ui-radio,.custom-checkbox .custom-radio span.ui-radio{ display:none;}
.custom-radio [type=radio]+span+label {
font-size: 16px;
font-weight: 400;
position: relative;
padding-left: 32px;
margin: 0;
line-height: 20px;
color: #7e7e7e;
margin-right: 53px;
}
.custom-checkbox [type=checkbox]+span+label:before, .custom-radio [type=radio]+span+label:before {
content: "";
position: absolute;
left: 0;
width: 20px;
height: 20px;
border-radius: 50%;
border: 1px solid #b8b8b8;
}
#copopup .custom-checkbox +span+input[type="checkbox"], #copopup .custom-radio [type=radio]:checked, #copopup .custom-radio [type=radio]:not(:checked) {
position: absolute !important;
left: -9999px;
}
#copopup .custom-radio [type=radio]+label {
font-size: 16px;
font-weight: 400;
position: relative;
padding-left: 32px;
margin: 0;
line-height: 20px;
color: #7e7e7e;
}
#copopup .custom-radio [type=radio]+label {
display: inline-block;
padding-right: 32px;
}
#copopup .custom-radio [type=radio]+label:before {
content: "";
position: absolute;
left: 0;
width: 20px;
height: 20px;
border-radius: 50%;
border: 1px solid #b8b8b8;
}
#copopup .custom-radio [type=radio]:checked+label:after {
content: "";
position: absolute;
background: #004068;
height: 13px;
width: 12px;
left: 4px;
top: 4px;
border-radius: 50%;
}
@media only screen and (min-width:360px) and (max-width:450px){
#suitMatrix ul.row{
text-align: initial;
display: flex;
flex-wrap: wrap;
}
.quesAns.col-5 {
width: 84.666667% !important;
}
.quesAns.col-4.gap_css {
text-align: initial;
margin-top: -49%;
margin-left: 72%;
}
.quesCont.col-8 {
width: 66.66666667%;
}
}
input#branchcodeupsell::-webkit-outer-spin-button, input#branchcodeupsell::-webkit-outer-inner-button {
-webkit-appearance : none !important;
margin: 0 !important;
}
@media screen and (max-width: 767px){
#branchcodeupsell {
width: 100% !important;
}
#Upsell_Campaign {
width: 121% !important;
}
}
@media only screen and (min-width:360px) and (max-width:450px){
#suitMatrix #copopup .exclusive-box.col-12 li.col-md-4.col-6 {
width: 50% !important;
}
#suitMatrix ul.row{display: flex;
flex-wrap: wrap;}
}
/* Redmine 24053 */
#copopup #suitability_prof1 ul.c2idropdown{
display:inline-block!important;
}
#C2IP_02_DIV>.row {
display: flex;
justify-content: space-around;
align-items: baseline;
margin: 10px 26px;
}
#C2IP_02_DIV>.row>div {
width: 18%
}
#C2IP_02_DIV>.row> div>label{
font-weight:bold;
font-size: 14px;
margin: 20px 0px 10px;
display: inline-block;
}
#C2IP_02_DIV>.radirow {
display: flex;
justify-content: space-around;
align-items: flex-start;
margin: 10px 26px;
}
.btn-wrap{
padding:4px;
display:flex;
justify-content: center;
}
.btn-wrap>label>button{
margin-bottom: -1px;
background:#fff;
border: 1px solid transparent;
width: 150px;
border: 1px solid #b9b9b9 !important;
/* border-radius: 16px !important; */
color: #000 !important;
position: relative;
display: block;
padding: 1rem;
color: #0d6efd;
text-decoration: none;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
.btn-wrap>label>button.active{
border: 1px solid #005e9e !important;
color: #fff !important;
background: #005e9e !important;
}
.btn-wrap>label>button.active:before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid;
bottom: -7px;
left: 47%;
border-width: .6rem .6rem 0;
border-top-color: #005e9e;
}
.radiorow{margin:20px 30px;}
.c2i_plan_options>div{margin:20px;}
.plan_oppt>ul>li{
list-style-type: disc !important;
font-size: 14px;
margin-left: 15px;
line-height: 27px;
}
@media screen and (max-width:600px){
#C2IP_02_DIV>.row>div {
width: auto !important;
}
}
.ULC2IP_incperDivCls>ul>li>.ULC2IP_incperselCls {
width: auto;
border: solid 0px;
background: transparent;
border-bottom: 1px solid lightgray;
border-radius: 0;
}
#growth_sec h3 {
font-weight: 700;
}
#loyalty_sec h3 {
font-weight: 700;
}
input[type="radio"]:checked + label {
font-weight: 700;
}
.classicDivCls {
margin-bottom: 15px;
}
.ULC2IP_incperDivCls {
background-color: white;
padding: 0px 15px 8px;
width: fit-content;
position: relative;
border-radius: 4px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.ULC2IP_incperDivCls::before {
content: "";
position: absolute;
top: -10px;
left: 3%;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #005e9e;
}
.ULC2IP_incperDivCls >ul > li {
font-size: 15px;
}
.radioBtns.small {
font-size: 14px;
margin-left: 25px;
}
.classicDivCls [type=radio]:checked,.classicDivCls [type=radio]:not(:checked) {
position: absolute;
left: -9999px
}
.classicDivCls [type=radio]+label:before {
content: "";
position: absolute;
left: 50px;
width: 20px;
height: 20px;
border-radius: 50%;
border: 1px solid #b8b8b8;
}
.classicDivCls [type=radio]:checked+label:after {
content: "";
position: absolute;
background: #004068;
height: 12px;
width: 12px;
left: 54px;
border-radius: 50%;
margin-top: 4px;
}
.classicWaiverPlusDivCls [type=radio]:checked,.classicWaiverPlusDivCls [type=radio]:not(:checked) {
position: absolute;
left: -9999px
}
.classicWaiverPlusDivCls [type=radio]+label:before {
content: "";
position: absolute;
left: 50px;
width: 20px;
height: 20px;
border-radius: 50%;
border: 1px solid #b8b8b8;
}
.classicWaiverPlusDivCls [type=radio]:checked+label:after {
content: "";
position: absolute;
background: #004068;
height: 12px;
width: 12px;
left: 54px;
border-radius: 50%;
margin-top: 4px;
}
@media screen and (max-width:767px){
.ULC2IP_incperDivCls{
width: 100%
}
#C2IP_02_DIV>.row{
flex-direction : column;
}
.CallTO{
display:none;
}
}
@media only screen and (min-width:360px) and (max-width:600px){
#C2IP_02_DIV>.row {
display : block;
}
}
.tooltip-container {
position: relative;
display: inline-block;
margin-left: 3px;
}
.tooltip-text {
visibility: hidden;
opacity: 0;
transition: opacity 0.3s;
position: absolute;
top: 50%;
left: calc(100% + 10px);
transform: translateY(-50%);
background-color: #f2faff;
color: #444;
border: 1px solid #b0d4ec;
border-radius: 1px;
padding: 9px;
min-width: 300px;
font-size: 14px;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.07);
z-index: 10;
margin-left: 5px;
}
.tooltip-text::before {
content: "";
position: absolute;
top: 50%;
left: -10px;
transform: translateY(-50%);
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 10px solid transparent;
border-right: 9px solid black;
}
.tooltip-image:hover + .tooltip-text {
visibility: visible;
opacity: 1;
}
/* OP 1312 HFI starts*/
.c2i_netbank_NB .row.mainSection {
margin-top: 0px !important;
}
.c2i_netbank_NB header.mobile.clearfix , .c2i_netbank_NB header.desktop.clearfix , .c2i_netbank_NB .row.blueDark ,.c2i_netbank_NB footer .logoDisclaimerWrapper , .c2i_netbank_NB footer .row.sepLine {
display: none;
}
.c2i_netbank_NB .rdInvestFor.other input.myLoved[type="radio"]+label::after {
background-position: -394px -263px !important;
}
.c2i_netbank_NB .rdInvestFor.other input.myLoved[type="radio"]:checked+label::after {
background-position: -790px -263px !important;
}
.c2i_netbank_NB button#btnPolicyDetails {
background: #1d86ff;
}
.c2i_netbank_NB .defaultBtn:hover {
background: #1d86ff;
color: #fff;
border-color: #1d86ff;
}
.c2i_netbank_NB a.back.defaultBtn span {
color : #1d86ff !important;
}
.c2i_netbank_NB a.back.defaultBtn:hover span {
color: white !important;
}
.c2i_netbank_NB a#proceed_invst {
background-color: #1d86ff;
}
.c2i_netbank_NB button#proceedToUrReturns {
background-color: #1d86ff;
}
.c2i_netbank_NB button#c2ip_skip {
border: 1px solid #1d86ff !important;
color: #1d86ff !important;
}
.c2i_netbank_NB button#c2ip_skip {
border: 1px solid #1d86ff !important;
color: #1d86ff !important;
}
.c2i_netbank_NB button.btn.btn-primary.ridersummaryproceed.next_s {
border-color: #1d86ff !important;
background-color: #1d86ff !important;
}
.c2i_netbank_NB button#btnSkipAndProceed {
border: 1px solid #1d86ff;
color: #1d86ff !important;
}
.c2i_netbank_NB button#btnNotMyDetails {
border: 1px solid #1d86ff;
color: #1d86ff !important;
}
.c2i_netbank_NB button#proceedToSummary {
background-color: #1d86ff;
}
.c2i_netbank_NB a.anchorLink.ridersummaryproceed {
background-color: #1d86ff;
}
.c2i_netbank_NB button#btnproceed_elblty {
background-color: #1d86ff !important;
}
.c2i_netbank_NB button#backToIllustration {
color: #1d86ff;
}
.c2i_netbank_NB #backToIllustration:hover {
background: #1d86ff;
border-color: #1d86ff;
color: white;
}
.c2i_netbank_NB button.saveDeatils {
color: #1d86ff;
}
/* OP 1312 HFI ends*/
/*Redmine 0000 - click 2 invest Revamp MSIT bug - starts*/
.c2i_netbank_NB #C2IP_02_DIV>.row>div {
width: 100%;
}
/*Redmine 0000 - click 2 invest Revamp MSIT bug - ends*/