.ModuleContainer

{

    height: 100%;

}

.header-slogan

{

    font-size: 18px;

    margin-top: -15px;

    font-weight: 100;

}
.row-bottom-zero {
    margin-bottom: -20px;
}
@media screen and (max-device-width: 640px){

    .header-slogan

    {

        font-size: 15px;
        letter-spacing: 0.1px;
        margin-top: -15px;
        font-weight: 500;

    }

    h3

    {

        font-size: 1.2em;

    }
    .row-bottom-zero {
    margin-bottom: 0px;
}

}





/*  Loader  */

#loader-wrapper {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 10000;

    background-color: #ECF0F1;

}

#loader {

    display: block;

    position: relative;

    left: 50%;

    top: 50%;

    width: 150px;

    height: 150px;

    margin: -75px 0 0 -75px;



    border: 3px solid transparent;

    border-top-color: rgba(227, 0, 0, 0.98);

    border-radius: 50%;

    z-index: 1500;



    -webkit-animation: spin 2s linear infinite;

    animation: spin 2s linear infinite;

}

#loader:before {

    content: "";

    position: absolute;

    top: 5px;

    left: 5px;

    right: 5px;

    bottom: 5px;

    border: 3px solid transparent;

    border-top-color: #003c8b;

    border-radius: 50%;



    -webkit-animation: spin 3s linear infinite;

    animation: spin 3s linear infinite;

}

#loader:after {

    content: "";

    position: absolute;

    top: 15px;

    left: 15px;

    right: 15px;

    bottom: 15px;

    border: 3px solid transparent;

    border-top-color: #e3e261;

    border-radius: 50%;



    -webkit-animation: spin 1.5s linear infinite;

    animation: spin 1.5s linear infinite;

}

@-webkit-keyframes spin {

    0%   {

        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */

        -ms-transform: rotate(0deg);  /* IE 9 */

        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */

    }

    100% {

        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */

        -ms-transform: rotate(360deg);  /* IE 9 */

        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */

    }

}

@keyframes spin {

    0%   {

        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */

        -ms-transform: rotate(0deg);  /* IE 9 */

        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */

    }

    100% {

        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */

        -ms-transform: rotate(360deg);  /* IE 9 */

        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */

    }

}



#loader-wrapper .loader-section {

    position: fixed;

    top: 65px;

    width: 51%;

    height: 100%;

    z-index: 1000;

    -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */

    -ms-transform: translateX(0);  /* IE 9 */

    transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */

}



#loader-wrapper .loader-section.section-left {

    left: 0;

}



#loader-wrapper .loader-section.section-right {

    right: 0;

}



/* Loaded */

.loaded #loader-wrapper .loader-section.section-left {

    -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */

    -ms-transform: translateX(-100%);  /* IE 9 */

    transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */



    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);

    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);

}



.loaded #loader-wrapper .loader-section.section-right {

    -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */

    -ms-transform: translateX(100%);  /* IE 9 */

    transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */



    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);

    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);

}



.loaded #loader {

    opacity: 0;

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}

.loaded #loader-wrapper {

    visibility: hidden;



    -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */

    -ms-transform: translateY(-100%);  /* IE 9 */

    transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */



    -webkit-transition: all 0.3s 1s ease-out;

    transition: all 0.3s 1s ease-out;

}

#LoadingBogos,#LoadingBundles,#LoadingCross,#LoadingDiscounts,#LoadingSpendx

{

    display: none;

}

.navbar-nav > li > a

{

    color : #FFFFFF;

}

.navbar-nav > li > a:hover

{

    color : #000000;

}

.navbar-nav > li > a:visited

{

    border-bottom :1px solid #000000;

}



.button-checked

{

    background-color: #404040 !important;

}


.top-padding{

}













/*
Shimmer css

*/

@import url('http://fonts.googleapis.com/css?family=Alegreya+Sans:300');
/*body{
    background: #000;
}
*/
.shimmer{
    /* styling stuff */
    font-family:"Alegreya Sans";
    font-weight:300;
    font-size:3em;
    margin:0 auto;
    padding: 0 20px;
       margin-top:-15px;
    text-align: center;
    color: rgba(255,255,255,0.1);
}
.shimmer {
    /* the shimmer magic */
    background: -webkit-gradient(linear,left top,right top,from(#222),to(#222),color-stop(.5,#fff));
    background: -moz-gradient(linear,left top,right top,from(#222),to(#222),color-stop(.5,#fff));
    background: gradient(linear,left top,right top,from(#222),to(#222),color-stop(.5,#fff));
    -webkit-background-size: 125px 100%;
    -moz-background-size: 125px 100%;
    background-size: 125px 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-animation-name: shimmer;
    -moz-animation-name: shimmer;
    -webkit-animation-name: shimmer;
    animation-name: shimmer;
    -webkit-animation-durations: 500ms;
    -moz-animation-duration: 500ms;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: #222;
}

@-moz-keyframes shimmer {
    0% {
        background-position: top left;
    }

    100% {
        background-position: top right;
    }
}

@-webkit-keyframes shimmer {
    0% {
        background-position: top left;
    }

    100% {
        background-position: top right;
    }
}

@-o-keyframes shimmer {
    0% {
        background-position: top left;
    }

    100% {
        background-position: top right;
    }
}

@-ms-keyframes shimmer {
    0% {
        background-position: top left;
    }

    100% {
        background-position: top right;
    }
}

@keyframes shimmer {
    0% {
        background-position: top left;
    }

    100% {
        background-position: top right;
    }
}