body {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 16px;
line-height: 30px;
color: #333;
background-color: #fff;
}
.main-wrapper{background: #0052a6}
.margin-T10 {
margin-top: 10px;
}
.margin10per
{margin-top:5%;}
.width60Per
{width:60%;margin:auto;}
.width-100{width:100% !important;}
.margin-T30{margin-top:30px;}
.margin-T50{margin-top:50px;}
.margin-B50{margin-bottom:50px;}

.normal{font-style:normal !important}
.italic{font-style:italic}
.font-bold{font-weight:bold}
.no-hover, .no-hover:hover, .no-hover:focus{text-decoration:none !important}
p {
margin: 0 0 10px;
line-height: 33px;
font-size: 15px;
color:#585858;
}
p a{color:#585858;}
h2 {
color: #1e94ce;
font-weight: bold;
}
.thankbg h3 {
color: #ffffff;
font-weight: bold;
}
.text-center.font-bold div {
float: left;
margin: 0 6% 30px;
}
.leftbg{
background:#1e94ce;padding-left: 10%;
}
.leftbg li,.rightbg li {
padding: 4px;
}
.leftbg li a,.rightbg li a {
color: #ffffff;
}
.rightbg{
background:#2c549d;padding-left: 10%;
}
.width-100per{width:100%}
#loading {
width: 100%;
height: 100%;
top: 0px;
left: 0px;
position: fixed;
display: block;
opacity: 1;
background-color: #fff;
z-index: 9999;
text-align: center;
}
.rp-loading .loading {
display: block;
position: fixed;
width: 100%;
height: 100%;
background: #f6f7f8;
left: 0px;
top: 0px;
z-index: 999999;
}
.rp-loading .loading .loading-tick {
position: absolute;
left: 50%;
margin-left: -11px;
top: 50%;
margin-top: -11px;
width: 23px;
height: 23px;
background: url(../Images/loading-ticks.png) no-repeat center center;
}
.rp-loading .loading .loading-content {
position: absolute;
left: 50%;
margin-left: -28px;
top: 50%;
margin-top: -28px;
width: 57px;
height: 57px;
background: url(../Images/loading.png) no-repeat center center;
-webkit-animation-name: spin;
-webkit-animation-duration: 1000ms;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: spin;
-moz-animation-duration: 1000ms;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: spin;
-ms-animation-duration: 1000ms;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
animation-name: spin;
animation-duration: 1000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@-ms-keyframes spin {
from {
-ms-transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
}
}
@-moz-keyframes spin {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 0px; 
border: 0px solid transparent;
}
.navbar-default {
background-color: transparent;
border-color: transparent;
}
.navbar-brand {
padding: 0px 15px;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
color: #fcf8e3;
background-color: transparent;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
color: #337ab7;
background-color: transparent;
}
.navbar-default .navbar-nav>li>a {
color: #f5f5f5;
}
.navbar-nav>li>a {
padding-top: 18px;
}
.navbar-form {
padding-top: 3px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: rgba(255, 255, 255, 0.84);
    background-color: transparent;
}
.homequicklinkslist {
background: #f2f2f2;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding: 20px;
-webkit-box-shadow: 0px 1px 3px 2px rgba(234,234,234,1);
-moz-box-shadow: 0px 1px 3px 2px rgba(234,234,234,1);
box-shadow: 0px 1px 3px 2px rgba(234,234,234,1);

}.homequicklinks * {
box-sizing: border-box;
}
ol, ul {
list-style-type: none;padding-left: 10px;
}
.homequicklinkslist ul li:first-child {
border: none;
}
.homequicklinkslist ul li {
font-size: 18px;
font-family: 'open_sansregular';
padding: 10px 0;
border-top: 1px solid #e0e0e0;
}
.homequicklinkslist ul li a {
color: #333;
display: block;
transition: all 0.1s;
-webkit-transition: all 0.1s;
-moz-transition: all 0.1s;
-ms-transition: all 0.1s;
-o-transition: all 0.1s;
}
.homequicklinkslist.scrollbars {
height: 250px;
overflow: hidden;
position: relative;
}
.scrollbars {
overflow-y: scroll;
position: absolute;
top: 0;
left: 0;
}
.thankbg{background:#1e94ce; padding:50px 0; text-align:center;color:#fff;}
.thankbg p{color:#fff;line-height: 24px;}
.box1{background:#1e94ce;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;}
.box2{background:#f09411;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;}
.box3{background:#2c549d;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;}
.account_title h2{color: #337ab7;
}
.savingBox img{
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.savingBox h4 {
color: #fff;
text-align: center;
padding: 15px 0 0;
font-size: 20px;    font-weight: bold;
}
.savingBox{color:#fff;}
.savingBox ul {
list-style-type: disc;
height: 250px;
width: 75%;
margin: auto;
line-height: 25px;
font-size: 16px;
}
.savingBox ul li{
padding:10px 0;
}
.copyright.text-center {
color: #b8b8b8; font-size:12px;
}
.home h3 {
    color: #ffffff;
}


div.stars {
  display: inline-block;
  text-align:center;padding:10px 20px 0 20px;
}
.rating{background:rgba(204, 204, 204, 0.27);}
.stars input.star { display: none; }

.stars label.star {
  float: right;
  padding: 10px;
  font-size: 15px;
  color: #fff;
  transition: all .2s;
 
}

.stars input.star:checked ~ label.star:before {
  content: '\f005';
  background: #fea501;
  color: #fff;
  transition: all .25s;
}

.stars input.star-5:checked ~ label.star:before {
 
  background: #fea501;
  color: #fff;
  
}

.stars label.star:hover { transform: rotate(-15deg) scale(1.3); }

.stars label.star:before {
     content: '\f006';
    font-family: FontAwesome;
    background: #ccc;
    padding: 8px;
    border-radius: 50%;
}