@font-face {
    font-family: 'BankerSquareExtraBold';
    src: url('fonts/BankerSquare-Bold-webfont.eot');
    src: url('fonts/BankerSquare-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/BankerSquare-Bold-webfont.woff') format('woff'), url('fonts/BankerSquare-Bold-webfont.ttf') format('truetype'), url('fonts/BankerSquare-Bold-webfont.svg#glyphicons_halflingsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
    font-family: Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
    font-size: 12px;
    background: #FFFFFF url(images/bkrnd.jpg);
    background-repeat: no-repeat;
    background-position: center 140px;
    background-attachment: fixed;
    background-size: auto;
    background-color: #FFFFFF; /* COLOR 1 Set this as the background/header color for the site */
}

html {
    height: 100%;
}



h2 {
    vertical-align: middle;
    line-height: 35px;
    color: #a12c25;
    font-family: 'bankersquareextrabold' !important, Arial, sans-serif;
    font-size: 1.5em;
    text-transform: uppercase;
}

    h2 small {
        text-transform: none;
        font-family: Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
    }

/*Button-------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------*/

.btn-primary {
    border: 0px solid;
    overflow: hidden;
    position: relative;
    background-color: #ea1740; /*#00529b;*/
    background-image: -khtml-gradient(linear, left top, left bottom, from(#f7cf55), to(#eaaf26));
    background-image: -moz-linear-gradient(top, #ea1740, #ea1740);
    background-image: -ms-linear-gradient(top, #ea1740, #eaaf26);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7cf55), color-stop(100%, #eaaf26));
    background-image: -webkit-linear-gradient(top, #ea1740, #ea1740);
    background-image: -o-linear-gradient(top, #ea1740, #ea1740);
    background-image: linear-gradient(#ea1740, #ea1740);
}

    .btn-primary span {
        z-index: 20;
    }

    .btn-primary:after {
        background: #fff;
        content: "";
        height: 155px;
        right: -95px;
        opacity: .2;
        position: absolute;
        top: -50px;
        width: 50px;
        -webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
        transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        z-index: 100;
    }

    .btn-primary:hover {
        background-color: #00428b;
    }

        .btn-primary:hover:after {
            right: 120%;
            color: #FFFFFF;
            background-color: #FFFFFF;
            -webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
            transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
        }

/*HEADER--------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------*/

/*HEADER--------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------*/
header {
    background: rgba(7, 49, 67, 0.0);
    padding-top: 1px;
    padding-bottom: 1px;
    border-bottom: none;
    border: none;
    box-shadow: none;
    height: 180px;
    text-align: center;
}

    header .logo {
        display: none;
    }

#genericLargeLogo {
    height: 167px;
    background-position: 0px 2px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    margin-top: 15px;
}

/* White BKRND */
div#payment {
    background-color: #FFFFFF;
}

div#confirmPayment {
    background-color: #FFFFFF;
}

div#receipt {
    background-color: #FFFFFF;
}

article .container {
    height: 100%
}

.well {
    background-color: #FFFFFF;
    border-color: #1863ae; /* COLOR 2 Set this as an accent color around the borders of the boxes/sections throughout the site */
    border-style: solid;
    border-radius: 4px;
    border-width: 2px;
}

    .well .well {
        background: #FFFFFF;
        border: none;
    }

#homeWelcomeMessage {
    font-size: unset;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .borderradius .onoffswitch-inner::before {
    background-color: #0000b0;
    background-image: none;
}

.wizard li.selected {
    background-color: #1863ae;
}

/* For medium screens */
@media (min-width: 768px) and (max-width: 979px) {
    header {
        display: block;
        height: 140px;
    }

        header .logo {
            display: none;
        }

    #genericLargeLogo {
        height: 111px;
        background-position: 0px 2px;
        margin-left: auto;
        margin-right: auto;
        float: none;
        margin-top: 15px;
    }
}

/* For small screens */
@media (max-width: 767px) {
    header {
        display: block;
        height: 140px;
    }

        header .logo {
            display: none;
        }

    #genericLargeLogo {
        height: 111px;
        background-position: 0px 2px;
        margin-left: auto;
        margin-right: auto;
        float: none;
        margin-top: 15px;
    }

        header .cancelLnk {
            margin: 45px 15px 0 0;
            font-size: 1.2em;
        }
}