@charset "utf-8";
* {
    outline: none;
    margin: 0px;
    padding: 0px;
    border: none;
    text-decoration: none;
    font-family: 'Rubik', sans-serif;
    box-sizing:border-box 
}
body {
    text-decoration: none;
    background:#e5e5e5;
    font-family: 'Rubik', sans-serif;
    font-size:14px;
}
.clear {
    clear: both 
}
.success-message {
    font-size: 24px; /* Set the font size */
    font-weight: bold; /* Make the text bold */
    color: #28a745; /* Set the text color */
}

.row:after {
    content: "";
    display: table;
    clear: both;
}
.calendar-labels {
    float: left;
    width: 50%;
    padding-bottom: 10px;
    padding-left: 4%;
    padding-right: 4%;
    max-width: 400px !important;
}
.calendar {
    float: left;
    width: 50%;
    padding-left: 4%;
    padding-right: 4%;
    max-width: 400px !important;
    margin-bottom: 20px;
    padding-bottom: 2%;
}
.summary-table{
    width:50%;
    padding:4%;
}
audio, ::selection {
    background: white;
    color: #f26f21;
}
input.login-box::-webkit-input-placeholder{
    line-height:1 !important;
}
input.acount-container-txt::-webkit-input-placeholder {
    color:#666 !important;
    font-weight:300 !important;
    font-size:14px !important;
    opacity:1 !important;
}
input.acount-container-txt::-moz-placeholder {
    color:#666 !important;
    font-weight:300 !important;
    font-size:14px !important;
    opacity:1 !important;
}
input.acount-container-txt:-ms-input-placeholder {
    color:#666 !important;
    font-weight:300 !important;
    font-size:14px !important;
    opacity:1 !important;
}
input.acount-container-txt:-moz-placeholder {
    color:#666 !important;
    font-weight:300 !important ;
    font-size:14px !important;
    opacity:1 !important;
}
input.login-box::-webkit-input-placeholder {
    color:#fff !important;
    font-weight:300 !important;
    font-size:14px !important;
    opacity:1 !important;
}
input.login-box::-moz-placeholder {
    color:#fff !important;
    font-weight:300 !important;
    font-size:14px !important;
    opacity:1 !important;
}
input.login-box:-ms-input-placeholder {
    color:#fff !important;
    font-weight:300 !important;
    font-size:14px !important;
    opacity:1 !important;
}
input.login-box:-moz-placeholder {
    color:#fff !important;
    font-weight:300 !important ;
    font-size:14px !important;
    opacity:1 !important;
}
input.password::-webkit-input-placeholder {
    color:#fff !important;
    font-weight:300 !important;
    font-size:14px !important;
    opacity:1 !important;
}
input.password::-moz-placeholder {
    color:#fff !important;
    font-weight:300 !important;
    font-size:14px !important;
    opacity:1 !important;
}
input.password:-ms-input-placeholder {
    color:#fff !important;
    font-weight:300 !important;
    font-size:14px !important;
    opacity:1 !important;
}
input.password:-moz-placeholder {
    color:#fff !important;
    font-weight:300 !important ;
    font-size:14px !important;
    opacity:1 !important;
}
textarea.contact-message-box::-webkit-input-placeholder {
    color:#666 !important;
    font-weight:300 !important;
    font-size:14px !important;
    opacity:1 !important;
}
textarea.contact-message-box::-moz-placeholder {
    color:#666 !important;
    font-weight:300 !important;
    font-size:14px !important;
    opacity:1 !important;
}
textarea.contact-message-box:-ms-input-placeholder {
    color:#666 !important;
    font-weight:300 !important;
    font-size:14px !important;
    opacity:1 !important;
}

textarea.contact-message-box:-moz-placeholder {
    color:#666 !important;
    font-weight:300 !important;
    font-size:14px !important;
    opacity:1 !important;
}
textarea.input-tex1::-webkit-input-placeholder {
    color:#666 !important;
    font-weight:300 !important;
    font-size:14px !important;
    opacity:1 !important;
}
textarea.input-tex1::-moz-placeholder {
    color:#666 !important;
    font-weight:300 !important;
    font-size:14px !important;
    opacity:1 !important;
}
textarea.input-tex1:-ms-input-placeholder {
    color:#666 !important;
    font-weight:300 !important;
    font-size:14px !important;
    opacity:1 !important;
}
textarea.input-tex1:-moz-placeholder {
    color:#666 !important;
    font-weight:300 !important;
    font-size:14px !important;
    opacity:1 !important;
}
.img-ful {
    width: 100%;
    height:auto;
    display: block 
}

.img-ful2 {
    width: 100%;
    height: 20px;
    display: block
}
.img-responsive {
    max-width: 100%;
    height:auto;
}
.footer{
    width:100%;
    height:auto;
    background-color:#000000;
}
.copyright{
    width:auto;
    height:auto;
    float:left;
    font-size:0.8571428571428571em;
    font-family: Tahoma, sans-serif, serif;
    color:rgba(255,255,255,0.5);
    font-weight:400;
    line-height:36px;
}
.designed{
    width: auto;
    height:auto;
    float:right;
}
.designed p{
    width:auto;
    height:auto;
    line-height:30px;
    float:left;
    font-size:0.8571428571428571em;
    font-family: Tahoma, sans-serif, serif;
    color:rgba(255,255,255,0.5);
    font-weight:400;
}
.designed p a{
    font-size:1em;
    color:rgba(255,255,255,0.5);
    font-weight:300;
}
.designed p a:hover{
    font-size:1em;
    color:rgba(255,255,255,0.7);
    font-weight:300;
    text-decoration:underline;
}
.company-logo{
    width:auto;
    height:auto;
    float:right;
    padding-left:5px;
    line-height:30px;
}
.footer-top-wrap{
    width:100%;
    height:auto;
    background-color:#333333;
    padding-top:28px;
    padding-bottom:28px;
    margin-top:1px;
}
.bottom-logo{
    width:25%;
    height:auto;
    float:left;
    padding-top:15px 
}
.bottom-logo a{
    width:100%;
    height:auto;
    float:left;
}
.quick-links{
    width:50%;
    height:auto;
    float:left;
    display: flex;
    justify-content: center;
    align-items: center;
}
.quick-links ul{
    margin:0px;
    padding:0px;
    list-style-type:none;
}
.quick-links ul li{
    width:auto;
    height:auto;
    float:left;
    padding-left:15px;
    padding-right:15px;
    font-family:inherit;
    font-size:0.8571428571428571em;
    font-weight:300;
    color:#666;
    line-height:45px;
    text-transform:uppercase;
}
.quick-links ul li a {
    -webkit-transition: padding .4s;
    -moz-transition: padding .4s;
    -o-transition: padding .4s;
    transition: padding .4s;
    font-size:1em;
    font-weight:300;
    color:rgba(255,255,255,0.5);
    text-decoration:none;
}
.quick-links ul li a:hover {
    padding-left: 6px;
    color:rgba(255,255,255,0.7);
}
.follows{
    width:auto;
    height:auto;
    float:right;
}
.footer-social {
    width: 100%;
    height: auto;
    float: left;
}
.footer-social ul{
    margin:0px;
    padding:0px;
    list-style-type:none;
}
.footer-social ul li{
    width:42px;
    height:42px;
    float:left;
    margin-left:10px;
    background:none;
}
.footer-social ul li a{
    height:42px;
    width:42px;
    display: block;
    text-align: center;
    line-height:42px;
    font-size:15px !important;
    background:none !important;
    padding-left:0px;
    transition: all 0.9s ease;
    transition: background 0.9s ease-in-out;
    border:1px solid rgba(255,255,255,0.5);
    border-radius:50%;
    color:rgba(255,255,255,0.5);
}
.footer-social ul li a:hover{
    background-color:#fff !important;
    color:#666 !important;
    padding-left:0px;
}
.welcome-wraper{
    width:100%;
    height:auto;
    padding-top:45px;
    padding-bottom:50px;
    background-color:#fff;
}

.welcome-wraper2 {
    width: 100%;
    height: auto;
    padding-top: 45px;
    padding-bottom: 50px;
    background-color: #fff;
}

.welcome-wraper h1{
    width:100%;
    height:auto;
    text-align:center;
    font-family:inherit;
    font-size: 2.142857142857143em;
    font-weight:500;
    color:#009999;
}
.welcome-wraper p{
    font-size: 1em;
    font-family:inherit;
    font-weight:300;
    color:#666;
    line-height:24px;
    text-align: center;
    padding-top:10px;
    padding-bottom:10px;
    width:90%;
    margin:0 auto 
}
.welcome-wraper p span{
    color:#333;
}
.welcome-wraper h6{
    width:100%;
    height:auto;
    text-align:center;
    font-family:inherit;
    font-size:1.1428571428571428em;
    font-weight:300;
    color:#3333cc;
    padding-bottom:30px;
    padding-top:20px;
}
.wraper{
    width:100%;
    height:auto;
    position:relative;
}
.top-wraper{
    width:100%;
    height:auto;
    position:absolute;
    top:0px;
    left:0;
    z-index:9;
}
.mykids-logo{
    width:20%;
    height:auto;
    float:left;
    text-align:left;
    line-height:80px;
}
.top-right-container{
    width:auto;
    height:auto;
    float:right;
}
.mail-us
{
	margin-right: 80px;
}
.top-link{
    width:auto;
    height:auto;
    float:left;
    padding-right:50px;
    padding-top:25px;
}
.top-link h2{
    width:100%;
    text-align:left;
    font-size:1em;
    font-weight:500;
    color:rgba(255,255,255,1);
    font-family:inherit;
}
.top-link p{
    width:100%;
    text-align:left;
    font-size:1em;
    font-weight:300;
    color:rgba(255,255,255,1);
    font-family:inherit;
    line-height:24px;
}
.top-link p a{
    text-decoration:none;
    font-size:1em;
    font-weight:300;
    color:rgba(255,255,255,1);
}
.top-link p a:hover{
    text-decoration:underline;
}
.logged{
    width:auto;
    height:auto;
    float:left;
    margin-right:100px;
}
.account{
    width:auto;
    height:auto;
    float:left;
    margin-right:130px;
}
a .create-account{
    width:auto;
    height:auto;
    float:left;
    padding-right:50px;
    line-height:48px;
    padding-left:50px;
    font-size:1em;
    font-weight:300;
    color:rgba(255,255,255,1);
    font-family:inherit;
    border-radius:25px;
    margin-top:25px;
    background-color:#8cc739;
}
a:hover .create-account{
    background-color:#fff;
    color:#009999;
}
.logout{
    width:auto;
    height:auto;
    float:left;
    padding-right:10px;
    line-height:48px;
    padding-left:10px;
    font-size:1em;
    font-weight:300;
    color:rgba(255,255,255,1);
    font-family:inherit;
    margin-top:25px;
    margin-right:30px 
}
a .logout{
    width:auto;
    height:auto;
    float:left;
    padding-right:10px;
    line-height:48px;
    padding-left:10px;
    font-size:1em;
    font-weight:300;
    color:rgba(255,255,255,1);
    font-family:inherit;
    margin-top:25px;
    margin-right:30px 
}
.top-menu{
    width:auto;
    height:auto;
    float:left;
    padding-top:105px;
    font-size:1em;
    font-weight:500;
    color:rgba(255,255,255,1);
    font-family:inherit;
    position:relative;
}
.navbar-fixed-top {
    position: fixed;
    top: 0;
    width: 100%;
    background: linear-gradient(to right, #3d41bc, #18a8b1 );
}
.banner-caption-title{
    width:100%;
    height:auto;
    text-align:left;
    font-size:1.7142857142857142em;
    font-family:inherit;
    font-weight:300;
    color:#fff;
}
.banner-caption-title-sub{
    width:100%;
    height:auto;
    text-align:left;
    font-size:3em;
    font-family:inherit;
    font-weight:400;
    color:#fff;
    text-transform:uppercase;
}
.login-container{
    width:100%;
    height:auto;
    position:absolute;
    left:0;
    bottom:10%;
    z-index:8 
}
.login-container h3{
    width:100%;
    height:auto;
    text-align:left;
    font-size:1.2857142857142858em;
    font-family:inherit;
    font-weight:300;
    color:#fff;
    line-height:40px;
}
.login-container h3 span{
    font-size:1em;
    font-weight:500;
    text-transform:uppercase;
}
.login{
    width:25%;
    height:auto;
    float:left;
}
.login-box{
    width:100%;
    height:58px;
    border:1px solid #fff;
    font-size:1em;
    font-weight:300;
    color:rgba(255,255,255,1);
    font-family:inherit;
    background-color:transparent;
    line-height:1;
    padding-left:55px;
    background:url(../images/login.png) no-repeat 5% center;
}
.password{
    width:100%;
    height:58px;
    border:1px solid #fff;
    font-size:1em;
    font-weight:300;
    color:rgba(255,255,255,1);
    font-family:inherit;
    background-color:transparent;
    line-height:1;
    padding-left:55px;
    background:url(../images/password.png) no-repeat 5% center;
    border-left:0px;
}
.log-in-for{
    width:14%;
    height:60px;
    float:left;
    margin-left:1%;
    background-color:#8cc739;
    font-size:1em;
    font-weight:500;
    color:rgba(255,255,255,1);
    font-family:inherit;
    line-height:60px;
    text-transform:uppercase;
    text-align:center;
    cursor:pointer;
    color: #fff;
    position: relative;
    display: inline-block;
	border-radius: 5px;
}
.log-in-for:hover{
    background-color:#72a030 ;
}
.login-for{
    width:9%;
    height:60px;
    float:left;
    margin-left:1%;
    background-color:#ff9900;
    font-size:1em;
    font-weight:500;
    color:rgba(255,255,255,1);
    font-family:inherit;
    line-height:60px;
    text-transform:uppercase;
    text-align:center;
    cursor:pointer;
    color: #fff;
    position: relative;
    display: inline-block;
	border-radius: 5px;
}
.login-for:hover{
    background-color:#f25c05 ;
}
.login-for:active {
    transform: translate(0px, 5px);
    -webkit-transform: translate(0px, 5px);
}
.trouble{
    width:23%;
    height:60px;
    float:left;
    margin-left:2%;
}
.trouble h4{
    width:100%;
    height:auto;
    text-align:left;
    line-height:30px;
    font-size:1em;
    font-weight:300;
    color:rgba(255,255,255,1);
    font-family:inherit;
}
.trouble h4 a{
    font-size:1em;
    font-weight:300;
    color:rgba(255,255,255,1);
    text-decoration:none;
}
.trouble h4 a:hover{
    text-decoration:underline;
}
.trouble h5{
    width:100%;
    height:auto;
    text-align:left;
    line-height:30px;
    font-size:1em;
    font-weight:500;
    color:rgba(255,255,255,1);
    font-family:inherit;
}
.trouble h5 a{
    font-size:1em;
    font-weight:500;
    color:rgba(255,255,255,1);
    text-decoration:none;
}
.trouble h5 a:hover{
    text-decoration:underline;
}
.custom-menu{
    width:50%;
    height:auto;
    float:left;
}
#buttons {
    text-align: center;
}
#buttons1 {
    width:auto;
    height:auto;
    float:left;
    margin-right:5px;
}
.btn1 {
    border-radius: 5px;
    font-size:1em;
    text-decoration: none;
    margin: 0px;
    color: #fff;
    position: relative;
    display: inline-block;
    width:190px;
    height:60px;
    line-height:60px;
    text-align:center;
    font-family:inherit;
    font-weight:500;
    text-transform:uppercase;
}
.btn1:active {
    transform: translate(0px, 5px);
    -webkit-transform: translate(0px, 5px);
}
.btn {
    border-radius: 5px;
    font-size:.9em;
    text-decoration: none;
    margin: 0px;
    color: #fff;
    position: relative;
    display: inline-block;
    width:174px;
    height:44px;
    line-height:44px;
    text-align:center;
    font-family:inherit;
    font-weight:500;
    text-transform:uppercase;
}
.btn:active {
    transform: translate(0px, 5px);
    -webkit-transform: translate(0px, 5px);
}
.blue {
    background-color: #01a2ac;
    top: 9px;
    left: -6355px;
}

.blue:hover {
    background-color: #00cccc;
}
.swiper-slide-caption-inner {
    position: absolute;
    z-index: 1;
    display: inline-block;
    width: 100%;
    max-height: 100%;
    white-space: normal;
    overflow: hidden;
    top:30%;
    left:0px;
}
.asgard-pic{
    width:106px;
    height:106px;
    background-color:#fff;
    border-radius:50%;
    float:left;
    margin-right:10px;
}
.asgard-dtl{
    width:auto;
    height:auto;
    float:left;
    padding-top:1%;
}
.asgard-wraper{
    width:100%;
    height:100%;
    background-color: transparent;
    position:absolute;
    left:0px;
    bottom:-55%;
    z-index:7 
}
.asgard-container{
    width:100%;
    height: auto;
    background-color:#fff;
    margin-bottom:5%;
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    padding:30px 30px;
    min-height:500px;
}
.asgard-faq{
    width:100%;
    height:auto;
    padding-bottom:3%;
}
.asgard-faq h2{
    width:100%;
    height:auto;
    font-size:1.7142857142857142em;
    font-family: inherit;
    color:#3333cc;
    text-transform:uppercase;
    font-weight:500;
    line-height:60px;
    border-bottom:1px solid #e5e5e5;
}
.asgard-faq h2 span{
    font-weight:300;
}
.faq-container{
    width:100%;
    height:auto;
    padding-top:30px;
    padding-bottom:30px;
    border-bottom:1px solid #e5e5e5;
}
.faq-container h3{
    font-size: 1.2857142857142858em;
    font-family:inherit;
    font-weight:500;
    color:#009999;
    line-height:24px;
}
.faq-container p{
    width:100%;
    height:auto;
    font-family:inherit;
    font-size:1em;
    font-weight:300;
    color:#666;
    line-height:24px;
}
.faq-container p a{
    font-size:1em;
    font-weight:300;
    color:#666;
}
.faq-container p a:hover{
    font-size:1em;
    font-weight:300;
    color:#333;
}
.asgard-quick{
    width:100%;
    height:auto;
    padding-bottom:2%;
}
.asgard-table{
    width:100%;
    height:auto;
    margin-bottom:2%;
}
table th {
    font-weight: normal;
    background-color:#292cb5;
    color:#fff;
    border-top:1px solid #292cb5;
    border-left:1px solid #292cb5;
}
table td, table th {
    text-align: center;
    font-family: inherit;
    font-weight:300;
    color:#666;
    font-size:15px;
    border-right:1px solid #e2e2e2;
    line-height:50px !important;
    display: table-cell ;
}
table th {
    text-align: center;
    font-family: inherit;
    font-weight:300;
    color:#fff;
    font-size:15px;
    border-right:1px solid rgba(255,255,255,0.2);
    text-transform:uppercase;
    line-height:50px !important;
}
.dollar{
    font-weight: normal !important;
    font-size: 12px !important;
    color: #999 !important;
    text-align: center !important;
}
.dollar1{
    font-size: 1em !important;
    font-weight: 500 !important;
    color: #333 !important;
    line-height: 40px;
}
.summary{
    font-size:1em;
    font-weight:400;
    color:#01a2ac;
    text-transform:uppercase;
    font-family:inherit 
}
.summary a{
    font-size:1em;
    font-weight:400;
    color:#01a2ac;
    text-transform:uppercase;
    font-family:inherit 
}
.summary a:hover{
    font-size:1em;
    font-weight:400;
    color:#01a2ac;
    text-transform:uppercase;
    font-family:inherit 
}
.about-bottom{
    font-size:1.1428571428571428em;
    font-weight:300;
    color:#fff;
    line-height:30px;
    text-align:center;
    padding-top:70px;
    padding-bottom:70px;
}
.about-bottom span{
    font-size:1.125em;
    font-weight:500;
    color:#fff;
}
.inner-banner{
    width:100%;
    height:auto;
    position:relative;
    isolation: isolate;
}

.inner-banner2 {
    width: 100%;
    height: 5%;
    position: relative;
    isolation: isolate;
}

.inner-banner-caption{
    text-align: center;
    font-size:5.142857142857143em;
    color: #fff;
    mix-blend-mode: overlay;
    font-family:inherit;
    font-weight:400;
    text-transform:uppercase;
}
.inner-banner img {
    max-width: 100%;
    mix-blend-mode: multiply;
}
.about-wraper-main{
    width:100%;
    height:auto;
    padding-top:45px;
    padding-bottom:50px;
    background-color:#fff;
}
.about-wraper-main h1{
    width:100%;
    height:auto;
    text-align:center;
    font-family:inherit;
    font-size: 2.142857142857143em;
    font-weight:500;
    color:#009999;
}
.about-wraper-main h2{
    width:100%;
    height:auto;
    text-align:center;
    font-family:inherit;
    font-size: 1.2857142857142858em;
    font-weight:300;
    color:#333;
    line-height:40px;
}
.about-wraper{
    width:100%;
    height:auto;
    padding-top:45px;
    padding-bottom:50px;
    background-color:#fff;
}
.about-wraper h1{
    width:100%;
    height:auto;
    text-align:center;
    font-family:inherit;
    font-size: 2.142857142857143em;
    font-weight:500;
    color:#009999;
    text-transform:uppercase;
}
.about-wraper h2{
    width:100%;
    height:auto;
    text-align:center;
    font-family:inherit;
    font-size: 1.2857142857142858em;
    font-weight:300;
    color:#333;
    line-height:40px;
}
.about-main-container{
    width:48%;
    height:auto;
    float:left;
}
.about-main-container:nth-child(2n+2){
    float:right;
}
.about-main-container p{
    font-size: 1em;
    font-family:inherit;
    font-weight:300;
    color:#666;
    line-height:24px;
    text-align:left;
    padding-top:10px;
    padding-bottom:10px;
    width:90%;
    float:left;
}
.about-main-container p span{
    font-size:1.1428571428571428em;
    font-family:inherit;
    font-weight:500;
    color:#3333cc;
}
.about-icon{
    width:10%;
    height:auto;
    float:left;
    text-align:left;
    padding-top:15px;
}
.about-content-container{
    width:100%;
    height:auto;
    padding-top:2%;
}
.bredcum-wraper{
    width:100%;
    height:auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bred-home {
    font-family: inherit;
    color: #fff;
    float: left;
    text-transform: uppercase;
    padding-top: 0px;
    font-weight:300;
    font-size:0.8571428571428571em;
}
.bred-home a {
    font-family: inherit;
    font-weight: 300;
    color: #fff;
    font-size: 1em;
    line-height:38px;
}
.bred-home-arrow {
    padding-left:8px;
    padding-right:8px;
    float:left;
    line-height:0px;
}
.bred-home-next{
    font-family: inherit;
    font-weight: 400;
    color:#fff;
    font-size:0.8571428571428571em;
    line-height:38px;
    float:left;
    text-transform:uppercase;
}
.inr-caption{
    width:100%;
    height:auto;
    position: absolute;
    top: 45%;
    right: 0;
    left: 0;
    margin: auto;
}
.bred-home-arrow img{
    mix-blend-mode: inherit 
}
.acount-create{
    width:60%;
    height:auto;
    margin:0 auto;
    padding-top:2%;
}
.acount-container{
    width:49%;
    height:auto;
    float:left;
    margin-bottom:2%;
}
.acount-container:nth-child(2n+2){
    float:right 
}
.acount-container-txt{
    width:100%;
    height:30px;
    border:1px solid #e5e5e5;
    line-height:30px;
    padding-left:3%;
    padding-right:3%;
}
.registration-container{
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top:2%;
}
.complete {
    border-radius: 5px;
    font-size:1em;
    text-decoration: none;
    margin: 0px;
    color: #fff;
    position: relative;
    display: inline-block;
    width:215px;
    height:50px;
    line-height:50px;
    text-align:center;
    font-family:inherit;
    font-weight:500;
    text-transform:uppercase;
}
.complete:active {
    transform: translate(0px, 5px);
    -webkit-transform: translate(0px, 5px);
}
.red {
    background-color: #ff3333;
}
.red:hover {
    background-color: #ff5d5d;
}
.green{
    background-color: #3da64b;
}
.green:hover {
    background-color: #5bd46b;
}
.get-started-bottom{
    width:100%;
    height:auto;
    background-color:#f2f2f2;
    padding-top:40px;
    padding-bottom:40px;
}
.get-started-bottom ul{
    margin:0px;
    padding:0px;
    list-style-type:none;
}
.get-started-bottom ul li{
    width:100%;
    height:auto;
    margin-top:24px;
    margin-bottom:24px;
    font-family:inherit;
    font-size:1em;
    font-weight:300;
    color:#666;
    line-height:24px;
    text-align:justify;
    background:url(../images/listing.png) no-repeat left 5px;
    padding-left:15px;
}
.privacy-policy{
    width:100%;
    height:auto;
    background-color:#fff;
    padding-top:40px;
    padding-bottom:40px;
    min-height:300px;
}
.privacy-policy ul{
    margin:0px;
    padding:0px;
    list-style-type:none;
}
.privacy-policy ul li{
    width:100%;
    height:auto;
    margin-top:24px;
    margin-bottom:24px;
    font-family:inherit;
    font-size:1em;
    font-weight:300;
    color:#666;
    line-height:24px;
    text-align:justify;
    background:url(../images/listing.png) no-repeat left 5px;
    padding-left:15px;
}
.privacy-policy ul li a{
    font-family:inherit;
    font-size:1em;
    font-weight:300;
    color:#333;
}
.privacy-policy ul li a:hover{
    font-family:inherit;
    font-size:1em;
    font-weight:300;
    color:#000;
}
.privacy-policy h1{
    width:100%;
    height:auto;
    text-align:left;
    font-family:inherit;
    font-size: 2.142857142857143em;
    font-weight:500;
    color:#009999;
    text-transform:uppercase;
}
.privacy-policy ul li span{
	font-weight: 400;
}
.contact-wraper{
    width:100%;
    height:auto;
    background-color:#fff;
    padding-top:40px;
    padding-bottom:5%;
    ;
}
.contact-wraper h1{
    width:100%;
    height:auto;
    text-align:left;
    font-family:inherit;
    font-size:1.4285714285714286em;
    font-weight:500;
    color:#009999;
    padding-bottom:1%;
}
.get-touch{
    width:65%;
    height:auto;
    float:left;
}
.contact-message{
    width:100%;
    height:auto;
    margin-bottom:1%;
}
.contact-message-box{
    width:100%;
    height:115px;
    margin-bottom:2%;
    border:1px solid #e5e5e5;
    line-height:26px;
    padding-left:1.5%;
    padding-right:1.5%;
    padding-top:1%;
    padding-bottom:1%;
}
#submit {
    width:134px !important;
    height:50px;
    float:right 
}
#submit:hover{
    cursor:pointer;
}
#submit1 {
    width:100% !important;
    height:50px;
    float:right 
}
#submit1:hover{
    cursor:pointer;
}
.submit {
    border-radius: 5px;
    font-size:1em;
    text-decoration: none;
    margin: 0px;
    color: #fff;
    position: relative;
    display: inline-block;
    width:134px !important;
    height:50px;
    line-height:50px;
    text-align:center;
    font-family:inherit;
    font-weight:500;
    text-transform:uppercase;
    float:right 
}
.submit :active {
    transform: translate(0px, 5px);
    -webkit-transform: translate(0px, 5px);
    cursor:pointer;
}
.address-container{
    width:30%;
    height:auto;
}
.address-container h3{
    width:100%;
    height:auto;
    text-align:left;
    font-size:1.1428571428571428em;
    font-weight:500;
    color:#3333cc;
    padding-bottom:0.5%;
}
.address-container h3 a{
    font-size:1em;
    font-weight:500;
    color:#3333cc;
}
.address-container p{
    width:100%;
    height:auto;
    text-align:left;
    font-size:1em;
    font-weight:300;
    color:#666;
    padding-top:1%;
    line-height:26px;
}
.address-container p a{
    color:#333;
    font-weight:500;
}


.contact-mail{
    width:100%;
    height:auto;
    text-align:left;
    font-size:1.1428571428571428em;
    font-weight:300;
    color:#3333cc;
    margin-top:5%;
    background:url(../images/contact-mail.png) no-repeat left center;
    padding-left:25px;
}
.contact-mail a{
    font-size:1em;
    font-weight:300;
    color:#3333cc;
}
.location-wraper{
    width:100%;
    height:auto;
    padding-top:2%;
    background-color:#fff;
}
.location-container{
    width:49.9%;
    float:left;
    height:auto;
}
.location-container:nth-child(2n+2){
    float:right;
}
.address--tollfree{
    width:100%;
    height:auto;
    text-align:left;
    font-size:1.1428571428571428em;
    font-weight:500;
    color:#3333cc;
    margin-top:8%;
    margin-bottom:8%;
}
.address--tollfree a{
    font-size:1em;
    font-weight:500;
    color:#3333cc;
}
.after-login{
    display: block !important;
}
.before-login{
    display: none !important;
}
a:hover #buttons1{
    cursor:pointer;
}
.forgot-container{
    width:49%;
    height:auto;
    margin-bottom:2% !important;
    margin:0 auto 
}
.forgot-container-txt{
    width:100%;
    height:50px;
    border:1px solid #e5e5e5;
    line-height:50px;
    text-align:center 
}
#buttons1:hover{
    cursor:pointer;
}
.privacy-policy h2 {
    width: 100%;
    height: auto;
    text-align: center;
    font-family: inherit;
    font-size: 1.2857142857142858em;
    font-weight: 300;
    color: #333;
    line-height: 40px;
}
.change-pasword-wraper{
    width: 100%;
    height: auto;
    background-color: #fff;
    margin-bottom: 5%;
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    padding: 30px 30px;
    min-height: 600px;
}
.change-pasword-wraper h1 {
    width: 100%;
    height: auto;
    text-align: left;
    font-family: inherit;
    font-size: 2.142857142857143em;
    font-weight: 500;
    color: #009999;
    text-transform: uppercase;
}
.password-container{
    width:100%;
    height:auto;
    margin-bottom:0%;
    margin-top:0%;
}
.change-pasword{
    width:28%;
    height:auto;
    float:left;
    margin-right:2%;
}
.change-submit{
    width:8%;
    height:auto;
    float: left;
    text-align:right;
}
.password-container p{
    font-size: 1em;
    font-family: inherit;
    font-weight: 300;
    color: #666;
    line-height: 24px;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    float: left;
}
.password-container p a{
    font-size: 1em;
    font-family: inherit;
    font-weight: 500;
    color: #3333cc;
}
.change-mail{
    width:32%;
    height:auto;
    float:left;
    margin-right:2%;
}
.statement-container{
    width:100%;
    height:auto;
    padding-top:1%;
}
.statement-title{
    width:100%;
    height:auto;
    margin-bottom:1%;
}
.statement-title-for{
    font-family:inherit;
    font-size:1.1428571428571428em;
    color:#333;
    font-weight:500;
    float:left;
}
.statement-container p{
    font-size: 1em;
    font-family: inherit;
    font-weight: 300;
    color: #666;
    line-height: 24px;
    text-align: left;
    width: 100%;
    float: left;
}
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}
[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 1.35em;
    cursor: pointer;
}
[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 0.8em;
    height: 0.8em;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 4px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    top: .3em;
    left: .275em;
    font-size: 0.8em;
    line-height: 0.8;
    color: #666;
    transition: all .2s;
    font-family: Arial, sans-serif;
}
[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
[type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}
[type="checkbox"]:disabled:not(:checked) + label:before, [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
    color: #999;
}
[type="checkbox"]:disabled + label {
    color: #aaa;
}
.statement-date-container{
    width:100%;
    height:auto;
    margin-top:2%;
    margin-bottom:2%;
}
.statement-date-container p{
    width:auto;
    float:left;
    line-height:50px;
    color:#3333cc;
    font-size:1.1428571428571428em;
    font-family:inherit;
    font-weight:300;
}
.statement-date-container-sel{
    width:15%;
    height:auto;
    float:left;
    margin-left:2%;
}
.statement-date-container-box{
    width: 100%;
    height: 50px;
    border: 1px solid #e5e5e5;
    line-height: 50px;
    padding-left: 5%;
    padding-right:5%;
    background:url(../images/callender.png) no-repeat 95% center;
}
.statement-date-container-sel1{
    width: auto;
    height:auto;
    float:left;
    margin-top:1.5% 
}
.statement-date-container-box1{
    width:50%;
    height: 50px;
    border: 1px solid #e5e5e5;
    line-height: 50px;
    padding-left: 5%;
    padding-right:5%;
}
.date-range {
    width: 100%;
    height: auto;
    text-align:left;
    font-family: inherit;
    font-size: 1.2857142857142858em;
    font-weight:500;
    color: #333;
    line-height: 40px;
}
.change-pasword-wraper p {
    font-size: 1em;
    font-family: inherit;
    font-weight: 300;
    color: #666;
    line-height: 24px;
    text-align: left;
    padding-bottom: 10px;
    width: 100%;
}
.range-wrap{
    width:100%;
    height:auto;
    padding-top:1%;
    padding-bottom:1%;
}
.range-container{
    width:35%;
    float:left;
    height:auto;
}
.range-update{
    width:10%;
    height:auto;
    float:left;
}
.range-container p {
    font-size: 1em;
    font-family: inherit;
    font-weight: 300;
    color: #666;
    line-height:50px;
    text-align: left;
    width: 15%;
    float:left;
}
.range-container-form{
    width:65%;
    height: auto;
    float:left;
}
.spending-wraper{
    width:60%;
    height:auto;
    overflow:inherit;
    float:left;
    margin-top:3%;
    margin-bottom:3%;
}
.spending-container{
    width:100%;
    height:auto;
}
.spending-container-for{
    width:100%;
    height:auto 
}
.spending-dtl{
    width:40%;
    height:auto;
    float:left;
    font-size: 1em;
    font-family: inherit;
    font-weight: 300;
    color: #666;
    line-height:40px;
    text-align:left 
}
.spending-dtl-sub{
    margin-right:10px;
    width:20%;
    height:auto;
    float:left;
    font-size: 1em;
    font-family: inherit;
    font-weight: 300;
    color: #666;
    line-height:40px;
    text-align:left 
}
.spending-dtl-submit {
    width:40%;
    height: 50px;
    float: left;
    font-size: 1em;
    font-family: inherit;
    font-weight: 500;
    color: #fff;
    border-radius: 5px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
}
.spending-title{
    font-size:1.2857142857142858em;
    font-weight:500;
    color:#cc3333;
    text-transform:uppercase;
}
.deposite-wraper{
    width:100%;
    height:auto;
    padding-top:1%;
    padding-bottom:1%;
}
.clear-existing{
    width:100%;
    height:auto;
}
a .existing-information{
    width: auto;
    height:45px;
    float:left;
    line-height:45px;
    padding-left:20px;
    padding-right:20px;
    border:1px solid #009999;
    font-family:inherit;
    font-weight:500;
    color:#009999;
    border-radius:5px;
    font-size: 0.8571428571428571em;
    text-transform:uppercase;
    -webkit-transition: background 2s;
    transition: background 2s;
}
a:hover .existing-information{
    color:#fff;
    background-color:#009999;
}
.information-wraper{
    width:100%;
    height:auto;
    padding-top:1%;
}
.information-container{
    width:60%;
    float:left;
}
.information-for{
    width:100%;
    height:auto;
    margin-bottom:0px;
}
.information-for-brief{
    width:40%;
    height:30px;
    text-align:right;
    float:left;
    font-weight:1em;
    font-family:inherit;
    color:#666;
    display: flex;
    justify-content: right;
    align-items: center;
}
.information-for-sep{
    width:10%;
    height:40px;
    line-height:30px;
    text-align:center;
    font-weight:1em;
    font-family:inherit;
    color:#666;
    float:left;
}
.information-for-dtl{
    width:50%;
    height:auto;
    float:left 
}
.information-wraper p{
    width:100%;
    height:auto;
    font-family:inherit;
    font-weight:300;
    font-size:1em;
    color:#3399cc;
    text-align:left;
    background:url(../images/star.jpg) no-repeat left 6px;
    padding-left:12px;
}
.location-summary{
    width:100%;
    height:auto;
    padding-top:1%;
    padding-bottom:1%;
}
.location-proper{
    width:50%;
    height:auto;
    float:left;
}
.location-proper-name{
    width:100%;
    height:auto;
    text-align:left;
    font-family:inherit;
    font-size:1.2857142857142858em;
    color:#333;
    font-weight:500;
    line-height:30px;
}
.location-proper-for{
    width:100%;
    height:auto;
    text-align:left;
}
.autofunding-wrap{
    width:100%;
    height:auto;
    padding-top:2%;
    padding-bottom:1%;
}
.autofunding-wrap h2{
    width:100%;
    height:auto;
    text-align:left;
    color:#3333cc;
    text-transform:uppercase;
    font-family:inherit;
    font-weight:500;
    font-size:1.7142857142857142em;
}
.autofunding-wrap p{
    width:100%;
    height:auto;
    text-align:left;
    color:#666;
    font-family:inherit;
    font-weight:300;
    font-size:1em;
}
.account-submission{
    width:100%;
    height:auto;
    padding-top:1%;
    padding-bottom:5%;
}
a .account-submit{
    width: auto;
    height:45px;
    float:left;
    line-height:45px;
    padding-left:20px;
    padding-right:20px;
    border:1px solid #3333cc;
    font-family:inherit;
    font-weight:500;
    color:#3333cc;
    border-radius:5px;
    font-size: 0.8571428571428571em;
    text-transform:uppercase;
    -webkit-transition: background 2s;
    transition: background 2s;
    margin-right:10px;
}
a:hover .account-submit{
    color:#fff;
    background-color:#3333cc;
}
.funding-container {
    width: auto;
    height: auto;
}
.account-funding-wrap{
    width:100%;
    height:auto;
    margin-top:10px;
    margin-bottom:5px;
}
.accoiunt-funding{
    width:24%;
    height:auto;
    float:left;
    text-align:left;
    color:#666;
    font-family:inherit;
    font-weight:300;
    font-size:1em;
    line-height:30px;
}
.accoiunt-funding-title{
    width:24%;
    height:auto;
    float:left;
    text-align:left;
    color:#666;
    font-family:inherit;
    font-weight:500;
    font-size:1.1428571428571428em;
}
.funding-wraper {
    width: 100%;
    height: auto;
    overflow: auto;
    float: left;
    margin-top: 1%;
    margin-bottom:1%;
}
.service-charge{
    width:100%;
    height:auto;
    padding-bottom:2%;
}
.service-charge h2{
    width:100%;
    height:auto;
    text-align:left;
    color:#3333cc;
    text-transform:uppercase;
    font-family:inherit;
    font-weight:500;
    font-size:1.4285714285714286em;
}
.service-charge h3{
    width: 100%;
    height: auto;
    font-family: inherit;
    font-size:1.1428571428571428em;
    font-weight:500;
    color: #333;
    line-height: 24px;
    text-align: justify;
    background: url(../images/listing.png) no-repeat left 5px;
    padding-left: 15px;
    margin-top:2%;
}
.service-charge p{
    text-align: justify;
    color:#666;
    font-family:inherit;
    font-weight:300;
    font-size:1em;
    line-height:24px;
    width:100%;
}
.creat{
    display:none
}
.mob-cerate{
    display: none
}
/*ccpay*/
.form-title{
	font-family: inherit;
    font-size:1.7142857142857142em;
    font-weight:500;
    color: #01a2ac;
	line-height:36px;
	text-transform:uppercase;
	}
.total-chrg{
	font-family: inherit;
    font-size: 1.2857142857142858em;
    font-weight:500;
    color: #e32b2b;
	line-height:36px;
	text-transform:uppercase;
	}
.card-info{
	font-family: inherit;
    font-size:1em;
    font-weight:300;
    color: #3399cc;
	line-height:24px;
	background:url(../images/star.jpg) no-repeat left 5px;
	padding-left:20px;
	}	
.pay-form-wraper{
	width:100%;
	height:auto;
	margin-top:50px;
	margin-bottom:10%;
	}	
.form-row{
	width:100%;
	height:auto;
	}	
.form-fields{
	width:15%;
	height:auto;
	float:left;
	text-align:right;
	font-family: inherit;
    font-size:1em;
    font-weight:300;
    color: #666;
	line-height:42px;
	}
.form-colon{
	width:5%;
	height:auto;
	float:left;
	padding-left:5%;
	font-family: inherit;
    font-size:1em;
    font-weight:300;
    color: #666;
	line-height:42px;
	}
.form-inputs-fisrt{
	width:40%;
	height:auto;
	float:left;
	padding-left:5%;
	}
.name-txt{
	width:100%;
	height:42px;
	border:1px solid #e5e5e5;
	padding-left:5%;
	margin-bottom:30px;
	font-family: inherit;
    font-size:1em;
    font-weight:300;
    color: #333333;
	line-height:42px;
	}
.name-txt-2{
	width:100%;
	height:42px;
	border:1px solid #e5e5e5;
	padding-left:9%;
	margin-bottom:30px;
	font-family: inherit;
    font-size:1em;
    font-weight:300;
    color: #333333;
	line-height:42px;
	}	
.form-inputs-second{
	width:70%;
	height:auto;
	float:left;
	padding-left:5%;
	}
.three-inputs{
	width:31.3%;
	height:auto;
	float:left;
	margin-right:3%;
	}
.three-inputs-last{
	margin-right:0;
	float:right;
	}	
.select-box{
	width:100%;
	height:42px;
	border:1px solid #e5e5e5;
	padding-left:4.8%;
	margin-bottom:30px;
	font-family: inherit;
    font-size:1em;
    font-weight:300;
    color: #333333;
	line-height:42px;
	}
.select-box-2{
	width:100%;
	height:42px;
	border:1px solid #e5e5e5;
	padding-left:9%;
	margin-bottom:30px;
	font-family: inherit;
    font-size:1em;
    font-weight:300;
    color: #333333;
	line-height:42px;
	}	
.select-two-1{
	width:49%;
	height:auto;
	float:left;
	}
.select-two-2{
	width:49%;
	height:auto;
	float:right;
	}	
.form-submit{
	width:112px;
	height:46px;
	background:#292cb5;
	border-radius:5px;
	float:right;
	font-family: inherit;
    font-size:1em;
    font-weight:500;
    color: #fff;
	text-transform:uppercase;
	margin-bottom:50px;
	}
.form-submit:hover{
	background:#373ab4;
	}	
input.name-txt::-webkit-input-placeholder {  opacity: 1 !important;
	color:#333;
 	}
input.name-txt::-moz-placeholder {   opacity: 1 !important;
  color:#333;
	}
input.name-txt::-ms-input-placeholder {  opacity: 1 !important;
   color:#333;
	}
input.name-txt::-moz-placeholder {  opacity: 1 !important;
	color:#333;
    }	
input.name-txt-2::-webkit-input-placeholder {  opacity: 1 !important;
	color:#333;
 	}
input.name-txt-2::-moz-placeholder {   opacity: 1 !important;
  color:#333;
	}
input.name-txt-2::-ms-input-placeholder {  opacity: 1 !important;
   color:#333;
	}
input.name-txt-2::-moz-placeholder {  opacity: 1 !important;
	color:#333;
    }
.option-btn{
	margin-left:5px;
	}
.option-btn-outer{
	width:auto;
	height:auto;
	float:left;
	}	
/*echeck*/		
.change-filed{
	float:left;
	}	
.change-btn{
	float:left;
	}
.chng-btn{
	width:150px;
	height:42px;
	background:#3399cc;
	border-radius:5px;
	margin-left:20px;
	font-family: inherit;
    font-size:1em;
    font-weight:500;
    color: #fff;
	text-transform:uppercase;
	cursor:pointer;
	}
.chng-btn:hover{
	background:#3cb3ef;
	}
.if-due{
	width:70%;
	height:auto;
	font-family: inherit;
    font-size:1em;
    font-weight:400;
    color: #666;
	text-align:center;
	margin-bottom:10px;
	}					
@media (min-width: 1023px) and (max-width: 1279px) {
    .container{
        width:95% !important;
        margin:0 auto 
    }
}
@media (min-width: 1280px) and (max-width: 1359px) {
    .container {
        width: 95% !important;
        margin: 0 auto
    }
}
@media (min-width: 1360px) and (max-width: 1399px) {
    .container {
        width: 95% !important;
        margin: 0 auto
    }
}
@media (min-width: 1400px) and (max-width: 1441px) {
    .container {
        width: 95% !important;
        margin: 0 auto
    }
}
@media (min-width: 1441px) and (max-width: 1599px) {
    .container {
        width: 95% !important;
        margin: 0 auto
    }
}
@media (min-width:1600px){
    .container {
        width: 95% !important;
        margin: 0 auto
    }
}
@media (max-width:399px) {
    .log-in-for {
        width: 60%;
        margin-left: 0px;
        height: 40px;
        line-height: 40px;
    }
    .login-container{
        width: 96%;
        left: 0;
        bottom: 10%;
        z-index: 8;
        right: 0;
        margin: auto;
    }
    .container{
        width:99% !important;
        margin:0 auto 
    }
    .copyright{
        width:100%;
        text-align:center;
    }
    .designed{
        width:190px;
        float:none;
        margin:0 auto;
    }
    .quick-links{
        width:100%;
        display:inherit;
    }
    .bottom-logo{
        width:100%;
        text-align:center;
        float:none;
    }
    .footer-top-wrap{
        padding-top:10px;
        padding-bottom:10px;
    }
    .swiper-slide-caption{
        display:none !important;
    }
    .top-link{
        display:none;
    }
    .mob-cerate{
        display: block
    }
    .account{
        display: none
    }
    .logged{
        display:none
    }
    .top-menu{
        padding-top:65px;
    }
    .login-container{
        bottom:5%;
    }
    .login{
        width:99%;
        margin:2px auto;
    }
    .trouble{
        width:100%;
        margin-left:0%;
    }
    .login-for{
        width:60%;
        margin-left:0px;
        height:40px;
        line-height:40px;
    }
    .login-box{
        height:40px;
    }
    .password{
        height:40px;
        border-left:1px solid #fff;
    }
    .overlay nav{
        font-size:20px !important
    }
    .about-main-container{
        width:100%;
    }
    .about-icon{
        width:100%;
        text-align:center;
    }
    .about-main-container p{
        width:100%;
    }
    .inner-banner-caption{
        display:none;
    }
    .about-wraper-main h1{
        font-size:1.5em;
    }
    .registration-container{
        display:inherit;
    }
    .acount-create{
        width:96%;
    }
    .acount-container{
        width:100%;
    }
    #buttons1{
        margin-bottom:2px;
    }
    .bredcum-wraper{
        display:none;
    }
    .get-touch{
        width:100%;
    }
    .address-container{
        width:100%;
    }
    .asgard-wraper{
        position:inherit;
    }
    .asgard-container{
        padding:5px 5px;
    }
    .table-container{
        width:100%;
        overflow:auto;
    }
    .table-flow{
        width:800px;
    }
    .creat{
        display: block
    }
    .trouble h4{
        width:50%;
        float:left;
    }
    .change-pasword-wraper{
        padding:5px 5px;
    }
    .change-mail{
        width:100%;
        margin-right:0px;
        margin-bottom:5px;
    }
    .change-submit{
        width:45%;
    }
    .change-pasword{
        width:100%;
        margin-right:0%;
        margin-bottom:5px;
    }
    .overlay ul li{
        min-height:45px !important
    }
    .banner-caption-title{
        font-size:1.5em;
    }
    .welcome-wraper p{
        width:99%;
    }
    .range-update{
        width:auto
    }
    .range-container{
        width:100%;
    }
    .spending-wraper{
        width:100%;
    }
    .statement-date-container-sel{
        width:auto;
    }
    .information-container{
        width:100%;
    }
    .location-proper{
        width:100%;
    }
    .location-proper-for img{
        max-width:100%;
    }
    a .account-submit{
        margin-bottom:5px;
    }
    .funding-container{
        width:99%;
    }
	.form-fields{width:30%;}
	.form-colon{width:5%;padding-left:5%;}
	.form-inputs-fisrt{width:60%}
	.form-inputs-second{width:100%}
	.three-inputs{width:60%;margin-left:35%}
	.three-inputs-last{margin-right:5%}
	.select-two-1{width:100%}
	.select-two-2{width:100%}
	.option-btn-outer{width:100%;margin-top:5px;}
    .option-btn{margin-left:0;font-size:0.7em;height:25px;line-height:25px;}
	.blue-mob{margin-left:0;font-size:0.7em;height:25px;line-height:25px;}
	
	.change-btn{float:right;margin-top:-20px;margin-bottom:10px;margin-right:5%;}
	
	.if-due{width:100%}
    .column {
        float: left;
        width: 100%;
        padding: 0px;
        max-width: 350px;
    }
    .summary-table {
        width: 100%;
        padding: 0px;
    }
	
}
@media (min-width:400px) and (max-width:529px){
    .log-in-for {
        width: 60%;
        margin-left: 0px;
        height: 40px;
        line-height: 40px;
        margin-top: 5px;
    }
    .login-container{
        /*width: 96%;
        left: 0;
        bottom: 10%;
        z-index: 8;
        right: 0;
        margin: auto;*/
    }
    .container{
        width:99% !important;
        margin:0 auto 
    }
    .quick-links{
        width:100%;
    }
    .bottom-logo{
        width:100%;
        text-align:center;
        float:none;
    }
    .footer-top-wrap{
        padding-top:10px;
        padding-bottom:10px;
    }
    .swiper-slide-caption{
        display:none !important;
    }
    .top-link{
        display:none;
    }
    .mob-cerate{
        display: block
    }
    .account{
        display: none
    }
    .logged{
        display:none
    }
    .top-menu{
        padding-top:65px;
    }
    .login-container{
        bottom:5%;
    }
    .login{
        width:50%;
        float:left
    }
    .trouble{
        width:100%;
        margin-left:0%;
    }
    .login-for{
        width:60%;
        margin-left:0px;
        height:40px;
        line-height:40px;
        margin-top:5px;
    }
    .login-box{
        height:40px;
        padding-left:35px
    }
    .password{
        height:40px;
        padding-left:35px;
    }
    .overlay nav{
        font-size:20px !important
    }
    .about-main-container{
        width:100%;
    }
    .about-icon{
        width:100%;
        text-align:center;
    }
    .about-main-container p{
        width:100%;
    }
    .inner-banner-caption{
        display:none;
    }
    .registration-container{
        display:inherit;
    }
    .acount-create{
        width:96%;
    }
    .acount-container{
        width:100%;
    }
    #buttons1{
        margin-bottom:2px;
    }
    .bredcum-wraper{
        display:none;
    }
    .get-touch{
        width:100%;
    }
    .address-container{
        width:100%;
    }
    .asgard-wraper{
        position:inherit;
    }
    .asgard-container{
        padding:5px 5px;
    }
    .table-container{
        width:100%;
        overflow:auto;
    }
    .table-flow{
        width:800px;
    }
    .creat{
        display: block
    }
    .trouble h4{
        width: auto;
        float:left;
    }
    .trouble h5{
        clear:left
    }
    .change-pasword-wraper{
        padding:5px 5px;
    }
    .change-mail{
        width:100%;
        margin-right:0px;
        margin-bottom:5px;
    }
    .change-submit{
        width:45%;
    }
    .change-pasword{
        width:100%;
        margin-right:0%;
        margin-bottom:5px;
    }
    .overlay ul li{
        min-height:45px !important
    }
    .banner-caption-title{
        font-size:1.5em;
    }
    .welcome-wraper p{
        width:99%;
    }
    .quick-links ul li{
        padding-left:5px;
        padding-right:5px;
    }
    .range-update{
        width:auto
    }
    .range-container{
        width:100%;
    }
    .spending-wraper{
        width:100%;
    }
    .statement-date-container-sel{
        width:auto;
    }
    .information-container{
        width:100%;
    }
    .location-proper{
        width:100%;
    }
    .location-proper-for img{
        max-width:100%;
    }
    a .account-submit{
        margin-bottom:5px;
    }
    .funding-container{
        width:99%;
    }
	.form-fields{width:30%;}
	.form-colon{width:5%;padding-left:5%;}
	.form-inputs-fisrt{width:60%}
	.form-inputs-second{width:100%}
	.three-inputs{width:60%;margin-left:35%}
	.three-inputs-last{margin-right:5%}
	.select-two-1{width:100%}
	.select-two-2{width:100%}
	.option-btn-outer{width:100%;margin-top:5px;}
    .option-btn{margin-left:0;}
	
	.change-btn{float:right;margin-top:-20px;margin-bottom:10px;margin-right:5%;}
	
	.if-due{width:100%}
    .calendar {
        float: left;
        width: 100%;
        padding: 0px;
        max-width: 350px;
    }
}
@media (min-width:530px) and (max-width:630px){
    .log-in-for {
        width: 30%;
        margin-left: 0px;
        height: 40px;
        line-height: 40px;
        margin-top: 5px;
    }
    .container{
        width:99% !important;
        margin:0 auto 
    }
    .quick-links{
        width:100%;
    }
    .bottom-logo{
        width:100%;
        text-align:center;
        float:none;
    }
    .footer-top-wrap{
        padding-top:10px;
        padding-bottom:10px;
    }
    .swiper-slide-caption{
        display:none !important;
    }
    .top-link{
        display:none;
    }
    .mob-cerate{
        display: block
    }
    .account{
        display: none
    }
    .logged{
        display:none
    }
    .top-menu{
        padding-top:65px;
    }
    .login-container{
        bottom:5%;
    }
    .login{
        width:40%;
        float:left
    }
    .trouble{
        width:100%;
        margin-left:0%;
    }
    .login-for{
        width:30%;
        margin-left:0px;
        height:40px;
        line-height:40px;
        margin-top:5px;
    }
    .login-box{
        height:40px;
        padding-left:45px
    }
    .password{
        height:40px;
        padding-left:45px;
    }
    .overlay nav{
        font-size:20px !important
    }
    .about-icon{
        width:100%;
        text-align:center;
        height:76px
    }
    .about-main-container p{
        width:100%;
    }
    .inner-banner-caption{
        display:none;
    }
    .registration-container{
        display:inherit;
    }
    .acount-create{
        width:96%;
    }
    #buttons1{
        margin-bottom:2px;
    }
    .bredcum-wraper{
        display:none;
    }
    .get-touch{
        width:100%;
    }
    .address-container{
        width:100%;
    }
    .asgard-wraper{
        position:inherit;
    }
    .asgard-container{
        padding:5px 5px;
    }
    .table-container{
        width:100%;
        overflow:auto;
    }
    .table-flow{
        width:800px;
    }
    .creat{
        display: block
    }
    .trouble h4{
        width: auto;
        float:left;
    }
    .trouble h5{
        clear:left
    }
    .change-pasword-wraper{
        padding:5px 5px;
    }
    .change-mail{
        width:48%;
        margin-bottom:5px;
    }
    .change-submit{
        width:45%;
    }
    .change-pasword{
        width:48%;
        margin-bottom:5px;
    }
    .overlay ul li{
        min-height:45px !important
    }
    .banner-caption-title{
        font-size:1.5em;
    }
    .welcome-wraper p{
        width:99%;
    }
    .quick-links ul li{
        padding-left:10px;
        padding-right:10px;
    }
    .range-update{
        width:auto
    }
    .range-container{
        width:100%;
    }
    .spending-wraper{
        width:100%;
    }
    .statement-date-container-sel{
        width:auto;
    }
    .information-container{
        width:100%;
    }
    .location-proper{
        width:100%;
    }
    .location-proper-for img{
        max-width:100%;
    }
    a .account-submit{
        margin-bottom:5px;
    }
    .funding-container{
        width:99%;
    }
	.form-fields{width:30%;}
	.form-colon{width:5%;padding-left:5%;}
	.form-inputs-fisrt{width:60%}
	.form-inputs-second{width:100%}
	.three-inputs{width:60%;margin-left:35%}
	.three-inputs-last{margin-right:5%}
	.select-two-1{width:100%}
	.select-two-2{width:100%}
	.option-btn-outer{width:100%;margin-top:5px;}
    .option-btn{margin-left:0;}
	
	.change-btn{float:right;margin-top:-20px;margin-bottom:10px;margin-right:5%;}
	.if-due{width:100%}
}
@media (min-width:631px) and (max-width:736px){
    .log-in-for {
        width: 30%;
        margin-left: 0px;
        height: 40px;
        line-height: 40px;
    }
    .login-container{
        width: 96%;
        left: 0;
        bottom: 10%;
        z-index: 8;
        right: 0;
        margin: auto;
    }
    .container{
        width:99% !important;
        margin:0 auto 
    }
    .quick-links{
        width:100%;
    }
    .bottom-logo{
        width:100%;
        text-align:center;
        float:none;
    }
    .footer-top-wrap{
        padding-top:10px;
        padding-bottom:10px;
    }
    .swiper-slide-caption{
        display:none !important;
    }
    .top-link{
        display:none;
    }
    .mob-cerate{
        display: block
    }
    .account{
        display: none
    }
    .logged{
        display:none
    }
    .top-menu{
        padding-top:65px;
    }
    .login-container{
        bottom:5%;
    }
    .login{
        width:35%;
        float:left
    }
    .trouble{
        width:100%;
        margin-left:0%;
    }
    .login-for{
        width:30%;
        margin-left:0px;
        height:40px;
        line-height:40px;
    }
    .login-box{
        height:40px;
        padding-left:45px
    }
    .password{
        height:40px;
        padding-left:45px;
    }
    .overlay nav{
        font-size:20px !important
    }
    .about-icon{
        width:100%;
        text-align:center;
        height:76px
    }
    .about-main-container p{
        width:100%;
    }
    .inner-banner-caption{
        display:none;
    }
    .registration-container{
        display:inherit;
    }
    .acount-create{
        width:96%;
    }
    #buttons1{
        margin-bottom:2px;
    }
    .bredcum-wraper{
        display:none;
    }
    .get-touch{
        width:100%;
    }
    .address-container{
        width:100%;
    }
    .asgard-wraper{
        position:inherit;
    }
    .asgard-container{
        padding:5px 5px;
    }
    .table-container{
        width:100%;
        overflow:auto;
    }
    .table-flow{
        width:800px;
    }
    .creat{
        display: block
    }
    .trouble h4{
        width: auto;
        float:left;
    }
    .trouble h5{
        clear:left
    }
    .change-pasword-wraper{
        padding:5px 5px;
    }
    .change-mail{
        width:48%;
        margin-bottom:5px;
    }
    .change-submit{
        width:45%;
    }
    .change-pasword{
        width:48%;
        margin-bottom:5px;
    }
    .overlay ul li{
        min-height:45px !important
    }
    .banner-caption-title{
        font-size:1.5em;
    }
    .welcome-wraper p{
        width:99%;
    }
    .quick-links ul li{
        padding-left:10px;
        padding-right:10px;
    }
    .range-update{
        width:auto
    }
    .range-container{
        width:100%;
    }
    .spending-wraper{
        width:100%;
    }
    .statement-date-container-sel{
        width:auto;
    }
    .information-container{
        width:100%;
    }
    .location-proper{
        width:100%;
    }
    .location-proper-for img{
        max-width:100%;
    }
    a .account-submit{
        margin-bottom:5px;
    }
    .funding-container{
        width:99%;
    }
	.form-fields{width:30%;}
	.form-colon{width:5%;padding-left:5%;}
	.form-inputs-fisrt{width:60%}
	.form-inputs-second{width:100%}
	.three-inputs{width:60%;margin-left:35%}
	.three-inputs-last{margin-right:5%}
	.select-two-1{width:100%}
	.select-two-2{width:100%}
	
	.change-btn{float:right;margin-top:-20px;margin-bottom:10px;margin-right:5%;}
	.if-due{width:100%}
}
@media (min-width:737px) and (max-width:939px){
    .log-in-for {
        width: 30%;
        margin-left: 0px;
        height: 40px;
        line-height: 40px;
    }
    .login-container{
        width: 96%;
        left: 0;
        bottom: 10%;
        z-index: 8;
        right: 0;
        margin: auto;
    }
    .container{
        width:99% !important;
        margin:0 auto 
    }
    .quick-links{
        width:100%;
    }
    .bottom-logo{
        width:100%;
        text-align:center;
        float:none;
    }
    .footer-top-wrap{
        padding-top:10px;
        padding-bottom:10px;
    }
    .swiper-slide-caption{
        display:none !important;
    }
    .top-link:nth-child(2n+2){
        margin-right:60px
    }
    .mob-cerate{
        display: block
    }
    .account{
        display: none
    }
    .logged{
        display:none
    }
    .top-menu{
        padding-top:65px;
    }
    .login-container{
        bottom:5%;
    }
    .login{
        width:35%;
        float:left
    }
    .trouble{
        width:100%;
        margin-left:0%;
    }
    .login-for{
        width:30%;
        margin-left:0px;
        height:40px;
        line-height:40px;
    }
    .login-box{
        height:40px;
        padding-left:45px
    }
    .password{
        height:40px;
        padding-left:45px;
    }
    .overlay nav{
        font-size:20px !important
    }
    .about-icon{
        width:100%;
        text-align:center;
        height:76px
    }
    .about-main-container p{
        width:100%;
    }
    .inner-banner-caption{
        display:none;
    }
    .registration-container{
        display:inherit;
    }
    .acount-create{
        width:96%;
    }
    #buttons1{
        margin-bottom:2px;
    }
    .bredcum-wraper{
        display:none;
    }
    .get-touch{
        width:100%;
    }
    .address-container{
        width:100%;
    }
    .asgard-wraper{
        position:inherit;
    }
    .asgard-container{
        padding:5px 5px;
    }
    .table-container{
        width:100%;
        overflow:auto;
    }
    .table-flow{
        width:800px;
    }
    .creat{
        display: block
    }
    .trouble h4{
        width: auto;
        float:left;
    }
    .trouble h5{
        clear:left
    }
    .change-pasword-wraper{
        padding:5px 5px;
    }
    .change-mail{
        width:48%;
        margin-bottom:5px;
    }
    .change-submit{
        width:45%;
    }
    .change-pasword{
        width:48%;
        margin-bottom:5px;
    }
    .overlay ul li{
        min-height:45px !important
    }
    .banner-caption-title{
        font-size:1.5em;
    }
    .welcome-wraper p{
        width:99%;
    }
    .quick-links ul li{
        padding-left:10px;
        padding-right:10px;
    }
    .range-update{
        width:auto
    }
    .range-container{
        width:100%;
    }
    .spending-wraper{
        width:100%;
    }
    .statement-date-container-sel{
        width:auto;
    }
    .information-container{
        width:100%;
    }
    .location-proper-for img{
        max-width:100%;
    }
    a .account-submit{
        margin-bottom:5px;
    }
    .funding-container{
        width:99%;
    }
}
@media (min-width:941px) and (max-width:1023px){
    .log-in-for {
        width: 30%;
        margin-left: 0px;
        height: 40px;
        line-height: 40px;
    }
    .login-container{
        width: 96%;
        left: 0;
        bottom: 10%;
        z-index: 8;
        right: 0;
        margin: auto;
    }
    .top-link{
        padding-right:30px;
    }
    .container{
        width:99% !important;
        margin:0 auto 
    }
    .quick-links{
        width:100%;
    }
    .bottom-logo{
        width:100%;
        text-align:center;
        float:none;
    }
    .footer-top-wrap{
        padding-top:10px;
        padding-bottom:10px;
    }
    .swiper-slide-caption{
        display:none !important;
    }
    .login-container{
        bottom:5%;
    }
    .login{
        width:35%;
        float:left
    }
    .trouble{
        width:100%;
        margin-left:0%;
    }
    .login-for{
        width:30%;
        margin-left:0px;
        height:40px;
        line-height:40px;
    }
    .login-box{
        height:40px;
        padding-left:45px
    }
    .password{
        height:40px;
        padding-left:45px;
    }
    .overlay nav{
        font-size:20px !important
    }
    .about-icon{
        width:100%;
        text-align:center;
        height:76px
    }
    .about-main-container p{
        width:100%;
    }
    .inner-banner-caption{
        display:none;
    }
    .registration-container{
        display:inherit;
    }
    .acount-create{
        width:96%;
    }
    #buttons1{
        margin-bottom:2px;
    }
    .bredcum-wraper{
        display:none;
    }
    .get-touch{
        width:100%;
    }
    .address-container{
        width:100%;
    }
    .asgard-wraper{
        position:inherit;
    }
    .asgard-container{
        padding:5px 5px;
    }
    .table-container{
        width:100%;
        overflow:auto;
    }
    .table-flow{
        width:800px;
    }
    .creat{
        display: block
    }
    .trouble h4{
        width: auto;
        float:left;
    }
    .trouble h5{
        clear:left
    }
    .change-pasword-wraper{
        padding:5px 5px;
    }
    .change-mail{
        width:48%;
        margin-bottom:5px;
    }
    .change-submit{
        width:45%;
    }
    .change-pasword{
        width:48%;
        margin-bottom:5px;
    }
    .overlay ul li{
        min-height:45px !important
    }
    .banner-caption-title{
        font-size:1.5em;
    }
    .welcome-wraper p{
        width:99%;
    }
    .quick-links ul li{
        padding-left:10px;
        padding-right:10px;
    }
    .range-update{
        width:auto
    }
    .range-container{
        width:100%;
    }
    .spending-wraper{
        width:100%;
    }
    .statement-date-container-sel{
        width:auto;
    }
    .information-container{
        width:100%;
    }
    .location-proper-for img{
        max-width:100%;
    }
    a .account-submit{
        margin-bottom:5px;
    }
    .funding-container{
        width:99%;
    }
}
@media (min-width:1024px) and (max-width:1199px){
    .top-call a{
        padding-left:15px;
    }
    .about-main-container p{
        width:87%;
    }
    .about-icon{
        width:13%;
    }
}
.blur-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Black tint */
    backdrop-filter: blur(5px); /* Blur effect */
    z-index: 10002; /* Lower z-index than the panel */
    display: block; /* Initially visible */
}

/* Modern panel styling */
.modern-panel {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Center the panel */
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    padding: 20px;
    width: 90%;
    max-width: 1000px; /* Wider panel */
    z-index: 10003; /* Higher z-index than the blur */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: center;
}

/* Hidden class for closing the panel and blur */
.hidden {
    display: none !important;
}

/* Close button styling (top right) */
.close-button-container {
    position: absolute; /* Takes the button out of the flow and positions it absolutely */
    top: 0px; /* Aligns it 10px from the top */
    right: 0px; /* Aligns it 10px from the right */
}
.close-button {
    background-color: #2452D6; /* blue background for the button */
    border: none; /* Removes default border */
    border-radius: 3px; /* Rounded corners */
    width: 80px; /* Fixed width */
    height: 50px; /* Fixed height */
    color: #ffffff; /* White icon color */
    font-size: 1.5em; /* Adjusts icon size (though span overrides this) */
    cursor: pointer; /* Hand cursor on hover */
    display: flex; /* Centers the icon inside the button */
    justify-content: center; /* Horizontally centers the icon */
    align-items: center; /* Vertically centers the icon */
}
    .close-button:hover {
        background-color: #c82333; /* Darker red on hover */
    }

/* Header styling (NOTICE) */
.notice-header {
    position: relative; /* Establishes a positioning context for the absolute child */
    text-align: center; /* Centers the "NOTICE" text */
    padding: 10px; /* Adds space around the content */
    background-color: #1e3a8a; /* Example background color */
    color: #ffffff; /* White text color */
    font-size: 1.8em; /* Larger text size */
    font-weight: 600; /* Bold text */
    border-radius: 10px 10px 0 0; /* Rounded top corners */
}

/* Body content with darkened tint */
.modern-report-body {
    background-color: rgba(0, 0, 0, 0.05); /* Darkened tint */
    padding: 30px;
    border-radius: 0 0 10px 10px;
    color: #1e3a8a; /* Dark blue for consistency */
    font-size: 1.2em; /* Larger text */
    line-height: 1.6;
}

    .modern-report-body p {
        margin-bottom: 15px;
    }

.modern-report-title {
    font-size: 1.5em; /* Larger and bolder */
    font-weight: 800; /* Extra bold */
    margin-bottom: 15px;
}

.modern-report-body ol {
    padding-left: 30px;
    text-align: left;
}

.modern-report-body li {
    margin-bottom: 15px;
}

/* Style for text after the description (non-bold) */
.description-text {
    font-weight: 400; /* Non-bold */
}

/* Space for additional updates */
.additional-updates {
    margin-top: 30px;
}

.additional-update-title {
    font-size: 1.5em; /* Larger and bolder */
    font-weight: 800; /* Extra bold */
    margin-bottom: 15px;
}

/* Loading progress styling */
.progress {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    color: #1e3a8a;
    font-size: 1.2em;
    z-index: 10004; /* Above the panel */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .modern-panel {
        width: 95%;
    }

    .notice-header {
        font-size: 1.5em;
    }

    .modern-report-body {
        font-size: 1em;
    }

    .modern-report-title, .additional-update-title {
        font-size: 1.3em;
    }
}

.hidden {
    display: none !important;
}