/* Keyframes for the fade-in */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fade-in {
    opacity: 0;
    opacity: 1 \9; /*just in case ie*/
    -webkit-animation: fadeIn ease-in 1;
    -moz-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
}

    .fade-in.one {
        -webkit-animation-delay: .3s;
        -moz-animation-delay: .3s;
        animation-delay: .3s;
    }

    .fade-in.two {
        -webkit-animation-delay: .7s;
        -moz-animation-delay: .7s;
        animation-delay: .7s;
    }

    .fade-in.three {
        -webkit-animation-delay: 1.1s;
        -moz-animation-delay: 1.1s;
        animation-delay: 1.1s;
    }


.website-banner {
    /*	margin: 2% 0 0 0;*/
}

.website-banner-mask {
    position: absolute;
    top: 608px;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1920px;
    max-height: 96px;
    height: auto;
    margin: 0;
    z-index: 999;
    /*	background: url(/assets/img/img_mask_main_banner.png) center top no-repeat;*/
}







/* Four Blocks
------------------------- */

.homepage-links {
    font-size: 1.3rem;
    font-weight: bold;
    color: #002776;
}


/* Your Points
------------------------- */

/*.points-bkgd {
	display: block;
	min-height: 565px;
	background: url(/assets/img/img_bkgd_yourpoints.png) center top no-repeat #038fb8;
	/*background-size: cover;*/
}


/*.points-block {
	display: block;
	/*width: 241px;*/
height: auto; position: relative;
/*margin: 0 10px;
}

.points-block img, .points-block p {
	position: relative;
	display: block;
	text-align: center;
	min-height: 109px;
	left: 0;
	right: 0;
	margin: auto;
}

.points-block p {
	z-index: 2;
	color: #fff;
	font-weight: bold;
	font-size: 2.4rem;
}

.points-block h4 {
	font-size: 2rem;
	margin: 40px 0 15px 0;
	color: #fff;
	font-weight: bold;
}*/
/* How it works
------------------------- */
.howitworks-block {
    display: block;
    /*	width: 150px;*/
    height: auto;
    position: relative;
    /*	margin: 0 10px;*/
}

.howitworks-block img, .howitworks-block p {
    position: relative;
    display: block;
    text-align: center;
    max-height: 107px;
    left: 0;
    right: 0;
    margin: auto;
}

.howitworks-block p {
    font-size: 1.2rem;
}

.howitworks-block h3 {
    border-bottom: 5px solid #9c8736;
    max-width: 200px;
    font-size: 2.6rem;
    margin: 12px auto 10px auto;
    padding: 0 0 10px 0;
}

.howitworks-block .btn {
    margin: 15px auto 10px auto;
    padding: 14px 20px 10px;
    background: #0076ce;
    border: none;
    border-radius: 46px;
}

    .howitworks-block .btn:hover {
        background: #002776;
        border: none;
    }


/* Knowledge
------------------------- */

.btn-large {
    padding: 0.5rem 2rem;
    font-size: 2.2rem;
    line-height: 1.5;
    font-family: 'PraxisLT_Bold', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: bold;
}

    .btn-large:hover {
        background-color: #988642 !important;
    }






/* Pagination
------------------------- */

.page-item {
    line-height: 1.25;
    color: #1e3b85;
    /*background-color: #fff;*/
    border: none;
    padding: .5rem .75rem;
    margin: 0 10px;
    border-radius: 25px;
    min-width: 40px;
    text-align: center;
    font-family: 'PraxisLT_Bold', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

    .page-item.active {
        color: #fff;
        background-color: #f2a900;
        border-color: #f2a900;
    }

    .page-item:hover {
        color: #fff;
        background-color: #002776;
        border-color: #002776;
    }



    .page-item:first-child, .page-item:last-child {
        color: #fff;
        border-radius: 25px;
        background-color: #1e3b85;
    }

    .page-item.aspNetDisabled {
        color: #868e96;
        background-color: #fff;
        border-color: #ddd;
    }

.po .form-control, .po h4, .po h5 {
    font-family: 'PraxisLT_Light', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.po {
    font-family: 'Praxis_Regular', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

    .po h1, .po h2, .po h3 {
        font-family: 'Praxis_Bold', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    }

    div.po h2 {
        color: #002776;
    }

    .po p, .po ul, .po ol {
        font-family: 'Praxis_Regular', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    }
.news-date, .news-item h3 {
    color: #002776;
}
.news-copy
{
	color: #000;
}
div.po .readmore-block a {
    color: #000;
}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1!important;background-color:#000}