/* Default Styles */

#ManitobaModal .text-bold {
    font-family: 'calibribold';
}
#ManitobaModal .modal-body .body-text {
   font-family: 'calibribold';
}
.body-text-3 {
    margin: 25px 0px 20px;
}
.text-box {
    margin: 10px 0px 20px;
}
.text-regular, .text-bold {
    margin:0px;
}
#ManitobaModal .modalLeftText, #ManitobaModal .text-regular{
    font-family:'calibriregular';
}
#NewfoundlandModal .text-bold , #NewfoundlandModal .modal-title{
    font-family: 'calibribold';
}
#NewfoundlandModal .modal-body .body-text {
   font-family: 'calibribold';
}
#NewfoundlandModal .modalLeftText, #NewfoundlandModal .text-regular, #NewfoundlandModal .ExampleDiv, #NewfoundlandModal .modal-footer{
    font-family:'calibriregular';
}

html {
    -webkit-font-smoothing: antialiased;
}

div.wpcf7 {
    margin: 0;
    padding: 0;
}

div.wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
}

div.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
    border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
    border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
    border: 2px solid #f7e700;
}

span.wpcf7-form-control-wrap {
    position: relative;
}

span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    display: block;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
    position: absolute;
    top: 20%;
    left: 20%;
    z-index: 100;
    border: 1px solid #ff0000;
    background: #fff;
    padding: .2em .8em;
}

span.wpcf7-list-item {
    margin-left: 0.5em;
}

.wpcf7-display-none {
    display: none;
}

div.wpcf7 img.ajax-loader {
    border: none;
    vertical-align: middle;
    margin-left: 4px;
}

div.wpcf7 div.ajax-error {
    display: none;
}

div.wpcf7 .placeheld {
    color: #888;
}

/* Nav Admin */
/* ==========================================================================
   Login Form Styles
   ========================================================================== */

/* Login Form Header */
.login h1 a {
    background: url(images/login-logo.png) no-repeat top center;
    background-size: 320px 113px;
    height: 113px;
    margin: 0 0 0 0;
    width: 320px;
}


/* Login Form */
.login form {
    background: #3aaede;
    margin: 0 0 0 0;
}

.login label {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
}

.login form .input, .login input[type=text] {
    font-size: 14px;
    padding: 10px;
}

.login input.button-primary,
.login input.button-primary:hover {
    background: #d22327;
    color: #FFFFFF;
}


/* Login form Footer */
.login #nav {
    background: #d22327;
    line-height: 32px;
    margin: 0 0 0 0;
    text-shadow: none;
    text-align: center;
}

    .login #nav a:hover {
        background: #d22327;
        color: #FFFFFF !important;
        font-weight: bold;
        text-decoration: none;
    }

    .login #nav a {
        color: #FFFFFF !important;
        font-weight: bold;
        text-decoration: none;
    }

.login #backtoblog a {
    color: #222222 !important;
    display: block !important;
    font-weight: bold;
    text-align: center !important;
    text-decoration: none;
}

    .login #backtoblog a:hover {
        color: #222222 !important;
    }

#reg_passmail {
    color: #ffffff;
}


/* ==========================================================================
   Adminbar Styles
   ========================================================================== */
#wpadminbar a.ab-item,
#wpadminbar > #wp-toolbar span.ab-label,
#wpadminbar > #wp-toolbar span.noticon {
    color: #ffffff;
}

#wpadminbar a, #wpadminbar a:hover, #wpadminbar a img, #wpadminbar a img:hover {
    outline: 0;
    border: 0;
    text-decoration: none;
    background: 0 0;
}

#wpadminbar #wp-admin-bar-nav_admin_bar > .ab-item:before {
    content: url('images/small_logo.png');
}

#wp-admin-bar-cf_admin_bar a,
#wp-admin-bar-cf_admin_bar a:hover {
    background: #222222 !important;
}

#wpadminbar #wp-admin-bar-cf_admin_bar > .ab-item:before {
    content: "\f108";
}

#wpadminbar {
    background: #3aaede;
    color: #ffffff;
}

    #wpadminbar .ab-sub-wrapper,
    #wpadminbar ul,
    #wpadminbar ul li {
        background: 0 0;
        clear: none;
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative;
        text-indent: 0;
        z-index: 99999;
    }

    #wpadminbar .ab-top-menu > li > .ab-item:focus,
    #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
    #wpadminbar .ab-top-menu > li:hover > .ab-item,
    #wpadminbar .ab-top-menu > li.hover > .ab-item {
        background: #3aaede;
        color: #FFFFFF;
    }

    #wpadminbar > #wp-toolbar li:hover span.ab-label,
    #wpadminbar > #wp-toolbar li.hover span.ab-label,
    #wpadminbar > #wp-toolbar a:focus span.ab-label {
        color: #ffffff;
    }

    #wpadminbar .ab-icon:before,
    #wpadminbar .ab-item:before,
    #wpadminbar #adminbarsearch:before {
        color: #ffffff;
    }

    #wpadminbar .ab-submenu .ab-item {
        color: #ffffff;
    }

    #wpadminbar .quicklinks .menupop ul li a,
    #wpadminbar .quicklinks .menupop ul li a strong,
    #wpadminbar .quicklinks .menupop.hover ul li a,
    #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
        color: #ffffff;
    }

        #wpadminbar .quicklinks .menupop ul li a:hover,
        #wpadminbar .quicklinks .menupop ul li a:focus,
        #wpadminbar .quicklinks .menupop ul li a:hover strong,
        #wpadminbar .quicklinks .menupop ul li a:focus strong,
        #wpadminbar .quicklinks .menupop.hover ul li a:hover,
        #wpadminbar .quicklinks .menupop.hover ul li a:focus,
        #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
        #wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
        #wpadminbar li:hover .ab-icon:before,
        #wpadminbar li:hover .ab-item:before,
        #wpadminbar li a:focus .ab-icon:before,
        #wpadminbar li .ab-item:focus:before,
        #wpadminbar li.hover .ab-icon:before,
        #wpadminbar li.hover .ab-item:before,
        #wpadminbar li:hover #adminbarsearch:before {
            color: #ffffff;
        }


    #wpadminbar .ab-top-secondary a,
    #wpadminbar .ab-top-secondary a:hover,
    #wpadminbar .ab-top-secondary .ab-sub-wrapper {
        background: #d22327 !important;
    }



/* Chimera */
/*------------------------------------*\
CONTENTS
\*------------------------------------*/
/*
NOTES
RESETS
BODY/ HTML
TYPOGRAPHY
GLOBALS
PAYMENT FORM
HOME PAGE STYLES
WP STYLE
STRUCTURE
HEADER MAIN
NAVIGATION MAIN
SLIDES
CONTENT
PROMOTIONS PAGE
POSTS
COMMENTS
WP GALLERY
POST/ PAGE NAVIGATION
SIDE BAR
WIDGETS
FOOTER
FOOTER NAVIGATION
ORBIT SLIDER
*/
@font-face {
    font-family: 'museo_sans_500regular';
    src: url('../fonts/MuseoSans_500-webfont.eot');
    src: url('../fonts/MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/MuseoSans_500-webfont.woff') format('woff'), url('../fonts/MuseoSans_500-webfont.ttf') format('truetype'), url('../fonts/MuseoSans_500-webfont.svg#museo_sans_500regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
@font-face {
   font-family: 'calibribold';
   src: url(calibrib.woff);
   src: url(calibrib.woff2);
   font-weight: normal;
   font-style: normal;
}
   
@font-face{
    font-family: 'calibriregular';
    src: url(calibri.woff);
    src: url(calibri.woff2);
    font-weight: normal;
    font-style: normal;
}
*/
@font-face {
    font-family: 'calibriregular';
    src: url('Calibri.eot');
    src: url('Calibri.eot?#iefix') format('embedded-opentype'),
        url('Calibri.woff2') format('woff2'),
        url('Calibri.woff') format('woff'),
        url('Calibri.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'calibribold';
    src: url('Calibri-Bold.eot');
    src: url('Calibri-Bold.eot?#iefix') format('embedded-opentype'),
        url('Calibri-Bold.woff2') format('woff2'),
        url('Calibri-Bold.woff') format('woff'),
        url('Calibri-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/*------------------------------------*\
$NOTES
\*------------------------------------*/





/*------------------------------------*\
$RESET
\*------------------------------------*/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {
    margin: 0;
    padding: 0;
}

img, fieldset {
    border: 0;
}

/* Set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

    /* Remove list stlys on UL in NAV tags */
    nav ul {
        list-style: none;
    }



/* IE 8 img max-width */
@media \0screen {
    img {
        width: auto;
    }
}

/* Prevents iOS text size adjust after orientation change, without disabling user zoom. */
html {
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased; /*-webkit font smoothing */
}



.ApplicationForm .SectionMessage span, .infoBox {
    font-style: italic;
}

.infoBox, .SectionMessage {
    background-color: rgba(0,0,0,0.55) !important;
    color: white !important;
}

/*------------------------------------*\
$BODY/ HTML
\*------------------------------------*/

body {
    font: .81em/150% 'museo_sans_500regular'; /* Base Font Size Set to 12px */
    font-weight: normal;
    font-style: normal;
    word-wrap: break-word;
    color: #000;
    z-index: 10;
    /*background:#fff url('../images/background.png') repeat-x;*/
}

/*------------------------------------*\
$TYPOGRAPHY
\*------------------------------------*/
p {
    margin: 0 0 1.2em;
    padding: 0;
}

small {
    font-size: 87%;
}

blockquote {
    font: italic 110%/130% "Times New Roman", Times, serif;
    padding: 8px 30px 15px;
}

/* Lists */
ul, ol {
    margin: 1em 0 1.4em 24px;
    padding: 0;
    line-height: 140%;
}

li {
    margin: 0 0 .5em 0;
    padding: 0;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    line-height: 1.4em;
    margin: 0 0 20px 0;
    color: #ed353a;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.8em;
}

h3 {
    font-size: 1.6em;
}

h4 {
    font-size: 1.4em;
}

h5 {
    font-size: 1.2em;
}

h6 {
    font-size: 1em;
}

/* Links */
a, a:active,
a:visited {
    color: #1f7bb6;
    text-decoration: none;
}

    a:hover {
        color: #1f7bb6;
    }

    a:hover, a:active {
        outline: none;
    }

.home-link {
    position: relative;
}

.back-home {
    width: 240px;
    line-height: 50px;
    background: rgb(226,226,226);
    background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1)));
    background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
    background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
    -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .3);
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .3);
    text-align: center;
    border-radius: 12px;
    position: absolute;
    right: 0;
    top: 26px;
}

    .back-home:hover {
        background: rgb(246,248,249);
        background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1)));
        background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%);
        background: -o-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%);
        background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%);
        background: linear-gradient(to bottom, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );
    }

.home-link a {
    display: block;
    color: #666666 !important;
    font-size: 1.6em;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

    .home-link a:hover {
        color: #000000 !important;
    }

/* Form Elements */
input, textarea, select, input[type=search], input[type=email] {
    font-size: 100%;
    font-family: inherit;
}

    /* Form Field Style */
    input[type=text], input[type=password], textarea, input[type=search], input[type=email] {
        padding: 6px 10px;
        background: #f5f5f5;
        border: 1px solid #cccccc;
        -webkit-appearance: none;
    }

        input[type=text]:focus, input[type=password]:focus, textarea:focus, input[type=search]:focus, input[type=email]:focus {
            background: #eeeeee;
            outline: none;
        }

    /* Search Input */
    input[type="search"]::-webkit-search-decoration,
    input[type="search"]::-webkit-search-cancel-button {
        display: none;
    }

    /* Form Buttons */
    button, input[type=reset], input[type=submit] {
        padding: 8px 20px;
        background: #222222;
        font-size: 1.1em;
        font-weight: lighter;
        text-transform: uppercase;
        color: #fff;
        line-height: 100%;
        border: none;
        cursor: pointer;
        border-radius: 5px;
    }

        button:not(.navbar-toggle):hover, input[type=reset]:hover, input[type=submit]:hover {
            background: #333;
            color: #fff;
        }

span.wpcf7-not-valid-tip {
    position: absolute;
    top: -7px;
    left: 0;
    height: 27px;
    width: 98%;
    z-index: 100;
    background: #FFF;
    border: 1px solid #ff0000;
    font-size: 10pt;
    color: #616161;
    padding: 2px;
    border-radius: 2px;
}

.promo-form {
    border: 1px solid #ccc;
    padding: 4%;
    background: #fff;
    width: 290px;
    margin: 0 auto;
}



/*------------------------------------*\
$GLOBALS
\*------------------------------------*/
.clear {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

.textleft {
    text-align: left;
}

.textright {
    text-align: right;
}

.textcenter {
    text-align: center;
}

/* clearfix */
.clearfix:after {
    height: 0;
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    font-size: 0;
}

.clearfix {
    display: inline-block;
}

/* clearfix for ie7 */
.clearfix {
    display: block;
    zoom: 1;
}

/*------------------------------------*\
PAYMENT FORM STYLES
\*------------------------------------*/
.payment-form .form-input {
    padding: 6px 10px !important;
    border: 2px solid #cdcdcd !important;
    margin-bottom: 10px;
    background-color: #f5f5f5 !important;
}

    .payment-form .form-input.form-big {
        width: 340px !important;
    }

.payment-form .nav-payment-submit {
    display: block;
    border: 1px solid #9E0000;
    padding: 6px 25px;
    border-bottom: 4px solid #690101;
    cursor: pointer;
    margin: 20px 0 0 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.3em;
    color: #fff;
    background: #CF0000;
    text-shadow: 1px 1px 2px #383838;
    border-radius: 4px;
}

    .payment-form .nav-payment-submit:hover {
        border-bottom: 2px solid #690101;
        margin: 22px 0 0 0;
        background: #CF0000;
    }

.payment-form label {
    display: block;
}

.payment-form .required {
    color: red;
}

.payment-form .error {
    border: 2px solid red !important;
    background: #FEE !important;
}

.payment-form .alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.payment-form .alert-hidden {
    display: none;
}

.payment-form .alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.payment-form .alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.payment-form #amount {
    width: 200px !important;
}


/*------------------------------------*\
HOME PAGE STYLES
\*------------------------------------*/

#payday, #cheques, #prizm, #phone-loan {
    width: 25%;
    height: auto;
    float: left;
    text-align: center;
}

#payday-button, #cheque-button, #prizm-button, #phone-loan-button {
    position: relative;
    width: 25%;
    height: auto;
    float: left;
    text-align: center;
    margin-top: -90px;
    margin-bottom: 10px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

    #payday-button:hover, #cheque-button:hover, #prizm-button:hover, #phone-loan-button:hover {
        -moz-transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -webkit-transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -o-transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -ms-transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    }

#loan-calc-wrapper {
    width: 95%;
    background: #dc2d1f;
    border: 5px solid #fff;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    border-radius: 5px;
    min-height: 100px;
    margin: 0 auto 30px auto;
    padding: 0;
    position: relative;
    color: #fff;
}

    #loan-calc-wrapper .form-header {
        width: 98%;
        margin: 0;
        padding: 5px 1%;
        color: #fff;
        border-bottom: 1px solid #222;
        box-shadow: 0 1px 0 rgba(255,255,255,0.2);
        overflow: hidden;
    }

    #loan-calc-wrapper #title {
        width: 40%;
        margin: 0;
        color: #fff;
        font-size: 1.5em;
        float: left;
    }

    #loan-calc-wrapper #form-message {
        width: 58%;
        padding: 0;
        margin: 0;
        text-align: center;
        display: none;
        float: left;
    }

    #loan-calc-wrapper .labels {
        width: 10%;
        padding: 15px 2%;
        float: left;
        border-right: 1px solid #222;
        box-shadow: 1px 0 0 rgba(255,255,255,0.2);
    }

    #loan-calc-wrapper p {
        margin: 5px 0;
        width: 100%;
        display: block;
        float: left;
        font-size: 1.2em;
        text-shadow: 1px 1px 1px #222;
    }

    #loan-calc-wrapper .form-sliders {
        width: 50%;
        padding: 15px 5%;
        float: left;
    }

#time-slider,
#amount-slider {
    width: 96%;
    float: left;
    margin: 8px 0;
}

#loan-calc-wrapper .value-box {
    width: 8%;
    padding: 10px 0;
    float: left;
}

    #loan-calc-wrapper .value-box input {
        width: 95%;
        margin: 4px 0;
        padding: 5px 2%;
        float: left;
        text-align: center;
    }

    #loan-calc-wrapper .value-box #amount-box {
        width: 57%;
        padding: 5px 10%;
        float: right;
    }

    #loan-calc-wrapper .value-box span {
        width: 10%;
        margin: 4px 0;
        padding: 5px 3%;
        display: block;
        float: left;
    }

#borrow-now {
    width: 15%;
    height: 150px;
    margin: 0;
    padding: 0;
    display: block;
    border-radius: none;
    position: absolute;
    text-indent: -9999px;
    top: -18px;
    right: 0px;
    background: url(../images/buttons/borrow-now.png) no-repeat center center;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

    #borrow-now:hover {
        -moz-transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -webkit-transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -o-transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -ms-transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    }

#home-text {
    border-top: 1px solid #ccc;
    display: block;
    margin-top: .5%;
    padding: 2% 2% 0;
    font-size: 1.2em;
}


/*------------------------------------*\
$STORES STYLES
\*------------------------------------*/
#map-canvas img,
.gmnoprint img,
iframe img {
    width: auto !important;
    max-width: none !important;
}

/*-- Listing --*/
.page-template-tp-stores-php #map-canvas {
    width: 100%;
    height: 350px;
}

.province-list {
    margin: 0 1.5%;
    width: 22%;
    float: left;
}

    .province-list h2 {
        margin: 0 0 5% 0;
        color: #000000 !important;
    }

    .province-list article {
        width: 96%;
        padding: 2%;
        background: #fff;
        background: rgba(255,255,255,0.9);
        border-radius: 5px;
        position: relative;
        box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
        margin-bottom: 10%;
    }

        .province-list article h3 {
            margin: 0 0 5px 0;
            padding: 0 0 5px 0;
            font-size: 1.3em;
            border-bottom: 1px solid #acacac;
        }

            .province-list article h3 a {
                color: #ed353a;
                ;
            }

        .province-list article p {
            margin: 0 0 5px 0;
            color: #555;
        }

    .province-list .read-more {
        position: absolute;
        bottom: -10px;
        right: -10px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        background: url('../images/read-more.png');
        color: #fff;
        text-align: center;
        font-size: 1.4em;
    }

        .province-list .read-more:hover {
        }

/*-- Single --*/
.single-stores {
}

    .single-stores #content {
        background: #fff;
        background: rgba(255,255,255,0.9);
        border-radius: 10px;
        box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    }

        .single-stores #content h1 {
            width: 92%;
            padding: 5px 2%;
            margin: 0 2% 2% 2%;
            border-bottom: 1px solid #ccc;
        }

.store-info {
    width: 41%;
    padding: 5px 2%;
    float: right;
}

    .store-info img {
        border-radius: 5px;
        box-shadow: 0px 0px 5px #747474;
        margin-bottom: 5%;
    }

.store-contact {
    width: 46%;
    margin: 0 0 0 0;
    padding: 5px 2%;
    float: left;
    border-radius: 5px;
}

#hours {
    font-size: 1.5em;
}

.store-contact strong,
.store-info strong {
    display: block;
}

.store-contact p {
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #eee;
}

.store-description {
    width: 96%;
    margin: 20px 2% 0 2%;
    padding: 20px 0 0 0;
    float: left;
    border-top: 1px solid #ccc;
}

.single-stores #map-canvas {
    width: 95%;
    height: 250px;
    margin: 0 auto 20px auto;
    border: 1px solid #ccc;
}

/*------------------------------------*\
$WP STYLES
\*------------------------------------*/
img.alignleft,
img.aligncenter,
img.alignright,
img.alignnone {
    margin-bottom: 15px;
}

.alignleft {
    margin-right: 30px;
    float: left;
}

.alignright {
    margin-left: 30px;
    float: right;
}

.aligncenter {
    margin: 0 auto;
    text-align: center;
    display: block;
}

.wp-caption {
    max-width: 100%;
    margin-bottom: 15px;
    text-align: center;
}

.wp-caption-text {
    margin: 6px 0;
    font-size: 12px;
    font-style: italic;
    line-height: 16px;
}





/*------------------------------------*\
$STRUCTURE
\*------------------------------------*/
/* Sets the width for the site */
.page-width {
    max-width: 1024px;
    margin: 0 auto 0 auto;
}

#page-wrapper {
    min-height: 500px; /* Need for sticky footer */
    z-index: 20;
    /*background:url('../images/top-red.png');*/
    background-size: 100% 406px;
    background-repeat: no-repeat;
}

#header-wrapper {
    z-index: 30;
}

#navigation-main {
    height: 38px;
    background: url('../images/nav-back.png') no-repeat;
    background-position: left bottom;
    line-height: 51px; /* Set to be same as the height to center text vertically */
    z-index: 40;
    padding: 0 0 7px 0;
}

#navigation-main-wrapper {
    height: 45px;
}

#navigation-mobile {
    display: none;
}

#body {
    padding-bottom: 78px; /* must be same height as the footer */
    z-index: 30;
    overflow: hidden;
}


#footer-wrapper {
    z-index: 30;
    background: #fff;
}





/*------------------------------------*\
$HEADER MAIN
\*------------------------------------*/
#header-main {
    height: 115px;
    position: relative;
}

/* Logo */
#site-logo {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: absolute;
    top: 16px;
    left: 0px;
    font: bold 2.250em Arial, Helvetica, sans-serif; /* Font Size Set to 27px */
}

    #site-logo a {
        text-decoration: none;
    }

#site-description {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: absolute;
    top: 54px;
    left: 0px;
    font: normal 1em Arial, Helvetica, sans-serif; /* Font Size Set to 12px */
}

/* Search Form */
#header-main #search-form {
    width: 192px;
    position: absolute;
    right: 0;
    top: 20px;
}

#header-main input[type=search] {
    width: 192px;
    max-width: 192px;
    padding-left: 32px;
    background: #eeeeee url(../images/search.png) no-repeat 8px center;
    color: #a5a099;
    border: solid 1px #ddd;
}

    #header-main input[type=search]:focus {
        color: #333;
    }

.borrow-header.online {
    float: none;
}

.borrow-header {
    float: right;
    margin-top: 58px;
    margin-right: 15px;
    color: #fff !important;
    padding: 10px 25px;
    background: #30AF2A;
    border: 2px solid #E6E6E6;
    box-shadow: 0 -2px 1px 2px #0b9512 inset, 0 5px 5px rgba(0, 7, 1, 0.17), 2px 18px rgba(255, 255, 255, 0.25) inset;
    font-weight: bold;
    font-size: 18px;
    text-shadow: 1px 1px 3px #00400B;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    .borrow-header:hover {
        -moz-transform: scale(1.03) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -webkit-transform: scale(1.03) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -o-transform: scale(1.03) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -ms-transform: scale(1.03) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        transform: scale(1.03) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    }

#page-wrapper {
    margin-top: 195px !important;
}

.headerContainer {
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 200;
}

#header {
    background-color: rgba(0,0,0,0.55);
    box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 10px;
    padding: 10px 15px;
    font-family: 'Open Sans', sans-serif;
    color: white;
    height: 80px;
}

.nav_inner_top {
    text-align: right;
    padding-right: 50px;
    font-size: 8.8px;
}

.nav_inner_left {
    float: left;
    padding: 5px 0px;
}

    .nav_inner_left img {
        width: 250px;
    }

.nav_inner_right {
    float: right;
}

    .nav_inner_right .nav_ul, .nav_inner_right .servicesList {
        margin: 0px;
        list-style: none;
    }

        .nav_inner_right .servicesList, .nav_inner_right .locationsList, .nav_inner_right .sub_locationsList {
            background-color: white;
            position: absolute;
            padding: 0px 15px;
            width: 240px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.25);
            margin-left: 7px;
            top: 100px;
            display: none;
        }

        .nav_inner_right .locationsList {
            width: 119px;
            top: 87px;
            margin-left: 252px;
            z-index: 10;
        }

        .nav_inner_right .sub_locationsList {
            display: block !important;
            width: 197px;
            top: 87px;
            margin-left: 401px;
            z-index: 10;
            box-shadow: 5px 5px 10px rgba(0,0,0,0.25);
        }

        .nav_inner_right .sub_locationsList .alberta, .nav_inner_right .sub_locationsList .britishColumbia, .nav_inner_right .sub_locationsList .novaScotia, .nav_inner_right .sub_locationsList .saskatchewan {
            display: none;
        }

        .nav_inner_right .servicesList li, .nav_inner_right .locationsList li, .nav_inner_right .sub_locationsList li {
            display: block;
            padding: 8px 5px;
        }

        .nav_inner_right .servicesList li a, .nav_inner_right .locationsList li a, .nav_inner_right .sub_locationsList li a {
            color: black;
            font-weight: 400;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
        }

        .nav_inner_right .sub_locationsList li a {
            font-size: 12px;
        }

        .nav_inner_right .nav_ul li {
            display: inline-block;
            font-size: 14px;
            text-align: center;
            padding: 15px 10px;
            cursor: pointer;
            margin: 0px;
        }

        .services_dropdown {
            display: block !important;
        }

        .nav_inner_right .nav_ul li.mobile_link {
            display: none;
        }

            .nav_inner_right .nav_ul .redBtn {
                padding: 15px 20px;
                background-color: #E3292E;
                border-radius: 8px;
            }

            .nav_inner_right .nav_ul li a {
                color: white;
                font-weight: 600;
            }

            .nav_inner_right .nav_ul li:not(:last-child) a, .nav_inner_right .servicesList li a, .nav_inner_right .locationsList li a, .nav_inner_right .sub_locationsList li a {
                transition: 0.25s all ease;
                transition-property: all;
                transition-duration: 0.25s;
                transition-timing-function: ease;
                transition-delay: 0s;
                cursor: pointer;
            }

            .nav_inner_right .nav_ul li:not(.redBtn):hover a, .nav_inner_right .servicesList li:hover a, .nav_inner_right .locationsList li:hover a, .nav_inner_right .sub_locationsList li:hover a {
                color: #e3292e;
            }

            .nav_inner_right .nav_ul .redBtn:hover {
                background-color: #C0191E;
            }

    .nav_inner_right .applyBtn {
        font-weight: 500 !important;
        letter-spacing: 1.5px;
        font-family: 'Montserrat', sans-serif;
    }

.navbar-toggle {
    width: 70px;
    height: 90px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background-color: transparent !important;
    position: relative;
    float: right;
    cursor: pointer;
    top: -10px;
    right: -15px;
    display: block;
}

    .navbar-toggle .icon-bar {
        width: 30px;
        height: 2px;
        margin: -1px 0 0 -15px !important;
        position: absolute;
        left: 50%;
        background-color: #e3292e;
        transition: 0.25s all ease;
    }

    .navbar-toggle.collapsed .icon-bar:nth-child(1) {
        top: 38%;
    }

    .navbar-toggle.collapsed .icon-bar:nth-child(2) {
        top: 50%;
        opacity: 1;
    }

    .navbar-toggle.collapsed .icon-bar:nth-child(3) {
        top: 62%;
    }

    .navbar-toggle.collapsed .icon-bar {
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
    }

    .navbar-toggle .icon-bar:nth-child(1) {
        -webkit-transform: rotate3D(0, 0, 1, 45deg);
        -moz-transform: rotate3D(0, 0, 1, 45deg);
        -ms-transform: rotate3D(0, 0, 1, 45deg);
        -o-transform: rotate3D(0, 0, 1, 45deg);
        transform: rotate3D(0, 0, 1, 45deg);
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    .navbar-toggle .icon-bar:nth-child(2) {
        opacity: 0;
    }

    .navbar-toggle .icon-bar:nth-child(3) {
        -webkit-transform: rotate3D(0, 0, 1, -45deg);
        -moz-transform: rotate3D(0, 0, 1, -45deg);
        -ms-transform: rotate3D(0, 0, 1, -45deg);
        -o-transform: rotate3D(0, 0, 1, -45deg);
        transform: rotate3D(0, 0, 1, -45deg);
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

.footerContainer {
    background-color: #111111;
    padding: 10px 0px;
}

.footer_image::before {
    content: '';
    width: 100%;
    position: absolute;
    height: 150px;
    top: 0px;
    left: 0;
    z-index: 60;
    background: -moz-linear-gradient(top, #fff 0%, #fff 21%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #fff 21%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, #fff 0%, #fff 21%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}

.footer_image::after {
    content: '';
    width: 100%;
    height: 150px;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 65;
    background: -moz-linear-gradient(top, rgba(17,17,17,0) 0%, #111 81%, #111 100%);
    background: -webkit-linear-gradient(top, rgba(17,17,17,0) 0%, #111 81%, #111 100%);
    background: linear-gradient(to bottom, rgba(17,17,17,0) 0%, #111 81%, #111 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00111111', endColorstr='#111111',GradientType=0 );
}

.footer_image {
    min-height: 1000px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    position: relative;
    z-index: 50;
    background-image: url(../images/coffee_background.jpg);
    /* margin-top: -200px; */
    margin-top: 75px;
}

.footerContainer .notice {
    color: #999;
    font-size: 10.5px;
    margin: 0px;
    margin-bottom: 35px;
}

.footer_ul {
    margin-left: 0px;
    margin-right: 0px;
}

.footer_ul li {
    list-style-type: none;
    display: inline-block;
    padding: 0px 12px;
}

.footer_ul li a {
    color: white;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.footer_links {
    float: right;
}

.footer_social {
    float: left;
}

.footer_social .footer_ul li a {
    font-weight: normal;
    font-size: 18.6px;
}

.copyright_section {
    border-top: 1px solid #999;
    color: #797979;
}

.copy_ul {
    list-style: none;
    text-align: center;
    margin: 30px;
}

    .copy_ul li {
        display: inline-block;
        margin: 0px 6px;
    }

@media screen and (max-width: 1065px) {
    .nav_inner_left {
        padding: 12px 0px;
    }

        .nav_inner_left img {
            width: 175px;
        }

    .nav_inner_right .nav_ul li a {
        font-size: 80%;
    }

    .nav_inner_right .locationsList {
        margin-left: 214px;
    }

    .nav_inner_right .sub_locationsList {
        margin-left: 363px;
    }
}

/* @media screen and (max-width: 1180px) {
    .footer_image {
        margin-top: -100px;
    }
} */

@media screen and (max-width: 875px) {
    .nav_inner_left {
        padding: 16px 0px;
    }

        .nav_inner_left img {
            width: 125px;
        }

    .nav_inner_right .nav_ul li a {
        font-size: 60%;
    }

    .nav_inner_right .locationsList {
        margin-left: 134px;
    }

    .nav_inner_right .sub_locationsList {
        margin-left: 283px;
    }
}

@media screen and (max-width: 767px) {
    .footer_social {
        width: 100%;
    }

    .footer_links {
        float: unset;
    }

    .footer_image {
        background-position: -294px center;
    }
}

@media screen and (max-width: 700px) {
    .headerContainer {
        position: absolute;
    }

    /* #page-wrapper {
        margin-top: 135px !important;
    } */

    .nav_inner_right {
        display: block;
        width: 111%;
        background-color: #e3292e;
        margin: -10px -15px;
    }

    .nav_inner_right .nav_ul li {
        display: block;
        font-size: 32px;
    }

    .nav_inner_right .nav_ul li.mobile_hidden {
        display: none;
    }

    .nav_inner_right .nav_ul li.mobile_link {
        display: block;
    }

    .nav_inner_right .nav_ul li:hover {
        transition: ease-in-out 0.25s;
        background-color: #333;
    }

    .nav_inner_right .nav_ul li a {
        color: white !important;
    }

    .nav_inner_right, .nav_inner_top {
        display: none;
    }

    #header {
        background-color: black;
        height: 70px;
    }

    .nav_inner_left {
        padding: 25px 0px;
    }

        .nav_inner_left img {
            width: 170px;
        }

    .hiddenNav {
        display: block;
    }

    .servicesList, .services_dropdown {
        display: none !important;
    }
}

@media screen and (min-width: 701px) {
    .navbar-toggle {
        display: none;
    }
}

/*------------------------------------*\
$SLIDES
\*------------------------------------*/
#mobile-slide {
    display: none;
}

.ie7 #slides-wrapper {
    width: 1024px;
    height: 228px;
}

.ie7 #featured, .ie7 #featured.orbit img, .ie7 .orbit-slide {
    display: block;
    width: 1024px;
    height: 228px;
}

/*------------------------------------*\
$CONTENT
\*------------------------------------*/
#content {
    width: 72%; /* keep a % for responsive design */
    float: left;
    position: relative;
}

/*------------------------------------*\
$PROMOTIONS PAGE
\*------------------------------------*/
.promotions {
    border: 1px solid #c4c4c4;
    -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .2);
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .2);
}

.promotions-content .page-content {
    background: #fff;
    padding: 3%;
    margin-top: -6px;
    overflow: hidden;
}

.promo-wrap {
    width: 78%;
    margin: 0 auto;
}

.promo-double {
    width: 50%;
    height: 180px;
    float: left;
}

.promo-single {
    width: 100%;
    height: 180px;
}

    .promo-double img, .promo-single img {
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

        .promo-double img:hover, .promo-single img:hover {
            -moz-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
            -webkit-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
            -o-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
            -ms-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
            transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        }


/*------------------------------------*\
$POSTS
\*------------------------------------*/
.post {
    min-height: 160px;
    margin-bottom: 30px;
    border-bottom: 1px solid #CCCCCC;
}

/* Post Content */
.post-content {
    min-width: 120px;
    padding-top: 5px;
}

/* Post Title */
.post-title {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 1.8em; /* Font Size Set to 21px */
}

    .post-title a {
    }

/* Post Image */
.post-image {
    line-height: 0px;
    margin-bottom: 15px;
}

    .post-image img {
        border: 1px solid #c4c4c4;
        -webkit-border-radius: 0px 0px 12px 12px;
        border-radius: 0px 0px 12px 12px;
    }

.ie8 .post-image {
    line-height: 0px;
}

.post-image a {
    display: block;
}


/* Post Meta */
.post-meta {
    font: italic 90%/120% Arial, Helvetica, sans-serif;
}

.post-link {
    margin-top: 6px;
    display: block;
}

.post-author {
    margin-right: 10px;
}

.post-category {
    margin-right: 10px;
}

.post-comment {
}

/* display small thumbs on posts */
.post_small_image .post-image {
    margin: 7px 16px 16px 0;
    float: left;
}

.post_small_image .post-content {
    overflow: hidden;
}

/* display large thumbs on posts */
.post_large_image {
    padding: 25px 0 15px;
}

    .post_large_image .post-image {
        margin: 7px 22px 10px 0;
        float: left;
    }

    .post_large_image .post-title {
        margin: 0 0 5px;
        padding: 0;
        font-size: 200%;
    }

/* displays posts in 2 columns */
.post_two_columns .post {
    width: 40%;
    min-height: 460px;
    margin: 5%;
    float: left;
}

.post_two_columns .post-content {
    width: 100%;
}

.post_two_columns .post-title {
    margin: 0 0 5px;
    font-size: 150%;
}

.post_two_columns .post-image {
    float: left;
    margin: 5px 14px 10px 0;
}

.post_two_columns .post-content {
    overflow: hidden;
}

/* post no image */
.post_no_image .post-image {
    display: none;
}

/* post single */
.post-single .post-content {
    margin: 10px 0 30px 0;
}

.post-single .post-meta {
    margin: 0 0 20px;
}

/* Share Bar Styles */
#share-bar {
    margin-top: 10px;
    padding: 8px 8px 3px 8px;
    background-color: #ddd;
    border: 1px solid #ccc;
}

    #share-bar .share {
        margin: 0 10px 0 0;
        float: left;
    }

.share-facebook {
    width: 75px;
}

.share-twitter {
    width: 76px;
}

.share-googleplus {
    width: 59px;
}

.share-pinterest {
    width: 40px;
    max-width: 67px;
}

.share-linkedin {
    max-width: 90px;
}





/*------------------------------------*\
$COMMENTS
\*------------------------------------*/
.commentwrap {
    margin: 10px 0 20px;
    position: relative;
    clear: both;
}

/* Comment Title */
.comment-title, #reply-title {
    margin: 0 0 10px;
    padding: 0;
    font-size: 140%;
}

/* Comment Pagenav */
.commentwrap .pagenav {
    margin: 10px 0;
    border: none;
}

    .commentwrap .pagenav.top {
        margin: 0;
        position: absolute;
        top: 10px;
        right: 0;
    }

/* Comment List */
.commentlist {
    margin: 0 0 30px;
    padding: 5px 0 0;
    border-top: solid 1px #ddd;
}

    .commentlist li {
        margin: 0;
        padding: 15px 0 0;
        position: relative;
        list-style: none;
    }

    .commentlist .comment-author {
        margin: 2px 0 5px;
        padding: 0;
    }

    .commentlist .avatar {
        margin: 0 15px 0 0;
        float: left;
    }

    .commentlist cite {
        font-style: normal;
        font-size: 130%;
    }

        .commentlist cite a {
            text-decoration: none;
        }

    .commentlist .bypostauthor cite {
        padding-left: 18px;
        background: url(images/icon-author-comment.png) no-repeat 0 2px;
    }

    .commentlist .comment-time {
        font-size: 75%;
        text-transform: uppercase;
    }

    .commentlist .commententry {
        min-height: 40px;
        padding-bottom: 5px;
        border-bottom: solid 1px #ddd;
        overflow: hidden;
        position: relative;
        word-wrap: break-word;
    }

    .commentlist ul, .commentlist ol {
        margin: 0 0 0 7%;
        padding: 0;
    }

    /* Reply Link */
    .commentlist .reply {
        position: absolute;
        right: 0;
        top: 8px;
    }

    .commentlist .comment-reply-link {
        font-size: 11px;
        text-transform: uppercase;
        text-decoration: none;
    }

        .commentlist .comment-reply-link:hover {
            text-decoration: none;
        }

/* Comments Form */
#respond {
    margin: 0;
    padding: 10px 0 0;
    position: relative;
    clear: both;
}

    #respond #cancel-comment-reply-link {
        position: absolute;
        top: 20px;
        right: 0;
        font-size: 85%;
        line-height: 100%;
        text-decoration: none;
        padding: 5px 10px;
        display: block;
        color: #fff;
        background: #F30;
    }

        #respond #cancel-comment-reply-link:hover {
            background: #333;
        }

#commentform {
    margin: 15px 0 0;
}

    #commentform input[type=text] {
        width: 206px;
        margin-right: 5px;
    }

    #commentform label {
        font-weight: bold;
    }

        #commentform label small {
            font-weight: normal;
        }

    #commentform textarea {
        height: 140px;
    }

    #commentform input#submit {
        padding: 7px 20px;
    }





/*------------------------------------*\
$WP GALLERY
\*------------------------------------*/
.gallery .gallery-item {
    margin: 1.1% 1.1%;
    border: 6px solid rgba(255,255,255,0.8);
    float: left;
    line-height: 0px;
}

.gallery a {
    border: 1px solid #cccccc;
    display: block;
}

.gallery img {
    width: 100px;
    height: 100px;
}





/*------------------------------------*\
$POST/ PAGE NAVIGATION
\*------------------------------------*/
.post-nav {
    margin: 0 0 30px;
    padding: 15px 0;
    clear: both;
    font-size: 14px;
}

    .post-nav a {
        text-decoration: none;
        display: block;
    }

        .post-nav a:hover {
            text-decoration: none;
        }

    .post-nav .prev {
        float: left;
    }

    .post-nav .next {
        float: right;
    }

.pagination {
    clear: both;
    padding: 20px 0;
    position: relative;
    font-size: 11px;
    line-height: 13px;
}

    .pagination span, .pagination a {
        display: block;
        float: left;
        margin: 2px 2px 2px 0;
        padding: 6px 9px 5px 9px;
        text-decoration: none;
        width: auto;
        color: #fff;
        background: #555;
    }

        .pagination a:hover {
            color: #fff;
            background: #3279BB;
        }

    .pagination .current {
        padding: 6px 9px 5px 9px;
        background: #3279BB;
        color: #fff;
    }





/*------------------------------------*\
$SIDE BAR
\*------------------------------------*/
#side-bar {
    width: 24%; /* keep a % for responsive design */
    margin-top: 20px;
    float: right;
    position: relative;
}

/* Sidebar Right */
.sidebar_right #content {
    float: left;
}

.sidebar_right #side-bar {
    float: right;
    padding-left: 2%;
    text-align: left;
    border-left: 1px dashed #b7b7b7;
}

/* Sidebar left */
.sidebar_left #content {
    float: right;
}

.sidebar_left #side-bar {
    float: left;
    padding-right: 2%;
    text-align: right;
    border-right: 1px dashed #b7b7b7;
}

/* Sidebar None */
.sidebar_none #content {
    width: 100%;
}

.sidebar_none #side-bar {
    display: none;
}



/*------------------------------------*\
$WIDGETS
\*------------------------------------*/
/* base widget styles */
.widget {
    width: 100%;
    margin: 0px 0px 12px 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .widget h3 {
        padding-top: 0px;
        margin-top: 0px;
        font-size: 18px;
        line-height: 24px;
    }

    .widget ul {
        margin: 0;
        padding: 2px 0 0;
    }

    .widget li {
        margin: 0;
        padding: 6px 0;
        list-style: none;
        clear: both;
    }

    .widget ul ul {
        margin: 6px 0 -6px 0px;
        padding: 0;
        border-top: none;
    }

        .widget ul ul li {
            margin: 0;
            padding-left: 10px;
        }

    .widget ul a {
        text-decoration: none;
    }

        .widget ul a:hover {
            text-decoration: underline;
        }

    /* Calendar Widget */
    .widget #wp-calendar caption {
        font-weight: bold;
        padding-bottom: 10px;
    }

    .widget #wp-calendar td {
        width: 31px;
        padding: 4px 2px;
        text-align: center;
    }

    /* Links Widget */
    .widget .links-list img, .widget_links img {
        vertical-align: middle;
    }

/* Recent Comments Widget */
.recent-comments-list .avatar {
    margin-right: 12px;
    float: left;
}

/* Search Widget */
#sidebar #searchform {
    position: static;
}

    #sidebar #searchform #s {
        width: 93%;
    }

/* Facebook Widget */
.cf_facebook_feed {
    height: auto;
}

    .cf_facebook_feed .facebook-profile {
        padding: 5px 5px 5px 5px;
        background: #303030;
        line-height: 50px;
    }

        .cf_facebook_feed .facebook-profile a {
            color: #FFFFFF;
            display: block;
            font-size: 1.1em;
        }

        .cf_facebook_feed .facebook-profile img {
            margin-right: 10px;
        }

    .cf_facebook_feed ul {
        width: 100%;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }

    .cf_facebook_feed li {
        width: 100%;
        margin: 1% 0 1% 0;
        border-bottom: 1px solid #cccccc;
    }

        .cf_facebook_feed li:last-child {
            border-bottom: none;
        }

        .cf_facebook_feed li .facebook-image {
            width: 20%;
            float: left;
        }

        .cf_facebook_feed li img {
            width: 100%;
        }

        .cf_facebook_feed li .content {
            width: 76%;
            float: right;
        }

        .cf_facebook_feed li .content-full {
            width: 100%;
            float: left;
        }

        .cf_facebook_feed li .time-meta {
            color: #adadad;
            font-size: 80%;
        }

        .cf_facebook_feed li p {
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            color: #222222;
            font-size: 85%;
        }

        .cf_facebook_feed li a {
            color: #222222;
            display: block;
        }

    .cf_facebook_feed .visit-wrap {
        margin-top: 16px;
        padding: 5px 5px 5px 5px;
        background: #303030;
        line-height: 20px;
    }

        .cf_facebook_feed .visit-wrap a {
            color: #FFFFFF;
            display: block;
            font-size: 1.1em;
        }

/* Twitter Widget */
.cf_twitter_feed .twitter-profile {
    padding: 5px 5px 5px 5px;
    background: #303030;
    line-height: 50px;
}

    .cf_twitter_feed .twitter-profile a {
        color: #FFFFFF;
        display: block;
        font-size: 1.1em;
    }

    .cf_twitter_feed .twitter-profile img {
        margin-right: 10px;
        background: #FFFFFF;
    }

.cf_twitter_feed li {
    width: 100%;
    margin: 1% 0 1% 0;
    border-bottom: 1px solid #cccccc;
}

    .cf_twitter_feed li:last-child {
        margin: 0;
        padding: 0;
        border: none;
    }

    .cf_twitter_feed li a {
        display: block;
    }

    .cf_twitter_feed li span a {
        display: inline;
    }


.cf_twitter_feed .visit-wrap {
    margin-top: 16px;
    padding: 5px 5px 5px 5px;
    background: #303030;
    line-height: 20px;
}

    .cf_twitter_feed .visit-wrap a {
        color: #FFFFFF;
        display: block;
        font-size: 1.1em;
    }

/* Callout Widget */
.cf_image_callout {
    width: 100%;
}

    .cf_image_callout figure {
        position: relative;
    }
/*
.cf_image_callout figcaption {
	width:96%;
	padding: 5px 0 5px 0;
	background: #222222;
	color: #ffffff;
	position: absolute;
	bottom:10px;
	left:0;
	font-size: 1.1em;
	text-align: center;
	font-style: normal;
}
*/

.infoBox {
    background: #D7D7D7;
}


/*------------------------------------*\
$FOOTER
\*------------------------------------*/
#footer-main {
    margin-top: -110px; /* negative value of footer height */
    clear: both;
    position: relative;
    font-size: 0.833em; /* Font Size Set to 10px */
    text-align: center;
}

.footer-text {
    position: relative;
    text-align: left;
}

.legal {
    text-align: left;
    width: 75%;
}

.disclaimer {
    margin-bottom: 15px;
}

.one {
    width: 50%;
    float: left;
}

    .one a {
        color: #ea3021;
    }

.two {
    width: 50%;
    float: left;
    text-align: right;
}

    .two a {
        color: #848484;
    }

#footer-top {
    height: 51px;
    width: 100%;
    background: url('../images/footer-top.png');
    background-size: 100% 51px;
    background-repeat: no-repeat;
    margin-bottom: 110px;
    margin-top: 10%;
}

#footer-images li {
    display: inline;
    float: left;
}

#footer-images {
    position: absolute;
    right: 0;
    top: -30px;
    z-index: 100;
}

/* Social Media Bar */
.social-media-bar {
    margin: 0 0 0 0;
}

    .social-media-bar li {
        margin: 9px 2px 0 2px;
        float: left;
    }

    .social-media-bar a {
        width: 48px;
        height: 48px;
        display: block;
        text-indent: -9999px;
    }

/* Social Icons */
.i-facebook {
    background: url(../images/facebook.png) no-repeat;
}

.i-twitter {
    background: url(../images/twitter.png) no-repeat;
}

.i-linkedin {
    background: url(../images/linkedin.png) no-repeat;
}

.i-google-plus {
    background: url(../images/google-plus.png) no-repeat;
}

.i-youtube {
    background: url(../images/youtube.png) no-repeat;
}

.i-pinterest {
    background: url(../images/pinterest.png) no-repeat;
}

.i-rss {
    background: url(../images/rss.png) no-repeat;
}




/*------------------------------------*\
$FOOTER NAVIGATION
\*------------------------------------*/
#navigation-footer {
    margin: 10px 10px 10px 10px;
    padding: 0 0 0 0;
    text-align: center;
}

    #navigation-footer li {
        margin: 0 8px 0 8px;
        padding: 0 0 0 0;
        display: inline;
        list-style: none;
    }

    #navigation-footer a {
        font-size: 1.400em; /* Font Size Set to 14px */
        line-height: 100%;
        text-decoration: none;
    }

/*------------------------------------*\
$ORBITS SLIDER
\*------------------------------------*/
/* Container */
div.orbit-wrapper {
    width: 1px;
    height: 1px;
    position: relative;
}

div.orbit {
    width: 1px;
    height: 1px;
    margin-bottom: 17px;
    position: relative;
    overflow: hidden;
}

    div.orbit.with-bullets {
        margin-bottom: 40px;
    }

    div.orbit .orbit-slide {
        max-width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    div.orbit a.orbit-slide {
        border: none;
        display: none;
        line-height: 0;
    }

    div.orbit div.orbit-slide {
        width: 100%;
        height: 100%;
    }

/* Timer */
div.orbit-wrapper div.timer {
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .6;
    cursor: pointer;
    z-index: 31;
}

div.orbit-wrapper span.rotator {
    width: 40px;
    height: 40px;
    background: url('../images/orbit/rotator-black.png') no-repeat;
    display: block;
    position: absolute;
    top: 0;
    left: -20px;
    z-index: 3;
}

div.orbit-wrapper span.mask {
    width: 20px;
    height: 40px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    overflow: hidden;
}

div.orbit-wrapper span.rotator.move {
    left: 0;
}

div.orbit-wrapper span.mask.move {
    width: 40px;
    background: url('../images/orbit/timer-black.png') repeat 0 0;
    left: 0;
}

div.orbit-wrapper span.pause {
    width: 40px;
    height: 40px;
    background: url('../images/orbit/pause-black.png') no-repeat;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    opacity: 0;
}

    div.orbit-wrapper span.pause.active {
        background: url('../images/orbit/pause-black.png') no-repeat 0 -40px;
    }

    div.orbit-wrapper div.timer:hover span.pause,
    div.orbit-wrapper span.pause.active {
        opacity: 1;
    }

/* Caption */
.orbit-caption {
    display: none;
}

.orbit-wrapper .orbit-caption {
    width: 100%;
    padding: 7px 0;
    background: #000;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 13px;
    font-size: 1.3rem;
    text-align: center;
    z-index: 30;
}

/* Directional Nav */
div.orbit-wrapper div.slider-nav {
    display: block;
}

    div.orbit-wrapper div.slider-nav span {
        width: 39px;
        height: 50px;
        margin-top: -25px;
        position: absolute;
        top: 50%;
        cursor: pointer;
        text-indent: -9999px;
        z-index: 30;
    }

        div.orbit-wrapper div.slider-nav span.right {
            background: url('../images/orbit/right-arrow.png');
            background-size: 100%;
            right: 0;
        }

        div.orbit-wrapper div.slider-nav span.left {
            background: url('../images/orbit/left-arrow.png');
            background-size: 100%;
            left: 0;
        }

.lt-ie9 div.orbit-wrapper div.slider-nav span.right {
    background: url('../images/orbit/right-arrow-small.png');
}

.lt-ie9 div.orbit-wrapper div.slider-nav span.left {
    background: url('../images/orbit/left-arrow-small.png');
}

/* Bullet Nav */
ul.orbit-bullets {
    margin-left: -50px;
    padding: 0 0 0 0;
    position: absolute;
    bottom: -40px;
    left: 50%;
    list-style: none;
    z-index: 30;
}

    ul.orbit-bullets li {
        width: 13px;
        height: 12px;
        margin-left: 5px;
        background: url('../images/orbit/bullets.png') no-repeat 4px 0;
        color: #999;
        float: left;
        cursor: pointer;
        text-indent: -9999px;
        overflow: hidden;
    }

        ul.orbit-bullets li.active {
            color: #222;
            background-position: -8px 0;
        }

        ul.orbit-bullets li.has-thumb {
            width: 100px;
            height: 75px;
            background: none;
        }

        ul.orbit-bullets li.active.has-thumb {
            background-position: 0 0;
            border-top: 2px solid #000;
        }

/* Fluid Layout */
div.orbit img.fluid-placeholder {
    width: 100%;
    visibility: hidden;
    position: static;
    display: block;
}

div.orbit, div.orbit-wrapper {
    width: 100% !important;
}

ul.orbit-bullets {
    margin-left: -50px;
    padding: 0;
    position: absolute;
    list-style: none;
    bottom: -20px;
    left: 95%;
    z-index: 30;
}

    ul.orbit-bullets li {
        width: 13px;
        height: 12px;
        margin-left: 5px;
        background: url('../images/orbit/bullets.png') no-repeat 1px 0;
        float: left;
        cursor: pointer;
        color: #999;
        text-indent: -9999px;
        overflow: hidden;
    }

        ul.orbit-bullets li.has-thumb {
            width: 100px;
            height: 75px;
            background: none;
        }

        ul.orbit-bullets li.active {
            background-position: -12px 0;
            color: #222;
        }

            ul.orbit-bullets li.active.has-thumb {
                border-top: 2px solid #000;
                background-position: 0 0;
            }

/* Correct timer in IE */
.lt-ie9 .timer {
    display: none !important;
}

.lt-ie9 div.caption {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    zoom: 1;
}

/* Orbit Loader Styles */
#featured {
    height: 300px;
    background: #f4f4f4;
}

    #featured img {
        display: none;
        border: 1px solid #c4c4c4;
        -webkit-border-radius: 0px 0px 12px 12px;
        border-radius: 0px 0px 12px 12px;
    }

    #featured.orbit {
        background: none;
    }

        #featured.orbit img {
            display: block;
        }


.ie7 #navigation-main .current-menu-item > a,
.ie7 #navigation-main .current_page_item > a,
.ie7 #navigation-main .current_page_parent > a {
    background: none !important;
}

.ie8 #navigation-main .current-menu-item > a,
.ie8 #navigation-main .current_page_item > a,
.ie8 #navigation-main .current_page_parent > a {
    background: none !important;
}

/* Responsive App */
/* Member Page & Application Styles */
.CustomerSite {
    margin-bottom: 45px;
}

div.MemberPageMenu {
    text-align: right;
    margin-top: 20px;
}

#ct100 div:not(.Login) div.Header {
    background-color: #CD1D0E;
}

.ApplicationForm {
    padding: 0 !important;
}

div.ApplicationForm div.SectionHeader {
    color: #fff;
    background-color: #CD1D0E;
    padding: 10px;
    border-right: 1px solid black;
    border-left: 1px solid black;
}

    div.ApplicationForm div.SectionHeader span {
        color: white !important;
        padding: 0 5px;
        font-weight: bold;
    }

.CustomerSite div.SectionTable {
    background-color: #fff;
}

#div_referenceinfo {
    border-bottom: none !important;
}

.loginContainer {
    display: none;
}

.ApplicationForm .RoutingInfo {
    background-color: #fff;
}

@media (max-width: 767px) {
    div.ApplicationForm {
        padding: 15px 0 15px 15px;
    }

        div.ApplicationForm div.SectionTable div.line > div {
            position: relative;
            left: 25%;
            margin-left: -25%;
            width: 100%;
        }
}

div.ApplicationForm div.line > div {
    width: 50%;
    float: left;
    padding: 0px;
}

div.ApplicationForm div.SectionTable div.line > div.single {
    left: 0;
    margin-left: 0;
    width: 100%;
}

div.ApplicationForm input {
    padding: 4px 8px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

    div.ApplicationForm input:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    }

div.ApplicationForm div.SectionButton {
    text-align: center;
    position: unset !important;
}

    div.ApplicationForm div.SectionButton input[type="submit"] {
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.33;
        border-radius: 6px;
        color: #fff;
        background-color: #CD1D0E;
        border-color: #357ebd;
    }

div.MemberPage {
    max-width: 1024px;
    margin: auto;
    margin-bottom: 5%;
}

/* Bootstrap Fixes */
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    font-weight: bold;
}





/* Media Queries */
/* ------------------------------------------ For Devices 1020px and lower ------------------------------------------ */
@media screen and (max-width: 1020px) {

    /* -- Set the Page size -- */
    .page-width {
        width: 100%;
        min-width: 320px;
    }

    #page-wrapper {
        background-size: 100% 306px;
    }

    #top-navigation {
        width: 408px;
    }

    /* -- Video styles -- */
    .video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }

        .video-container iframe, .video-container object, .video-container embed {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    /* -- Image styles -- */
    img {
        max-width: 100%;
        width: auto; /* for ie 8 */
        height: auto;
    }

    #navigation-main a {
        padding: 0 10px;
        font-size: 1em;
    }

    #navigation-main {
        background: url('../images/nav-gradient.jpg') repeat-x left bottom;
    }

    #loan-calc-wrapper .form-sliders {
        width: 25%;
    }

    #loan-calc-wrapper .labels {
        width: 30%;
    }

    .promotions-content .two-third, .promotions-content .one-third {
        width: 100%;
        float: none;
    }

    .footer-text {
        padding: 10px;
    }
}


/* ------------------------------------------ For Devices 836px and lower ------------------------------------------ */
@media screen and (max-width: 836px) {
    #slides-wrapper {
        display: none;
    }

    #mobile-slide {
        width: 95%;
        height: auto;
        display: block;
        margin: 20px auto 0 auto;
        padding: 0;
        position: relative;
        color: #fff;
    }

        #mobile-slide img {
            border: 3px solid #fff;
            box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
            border-radius: 5px;
        }

    #top-navigation {
        display: none;
    }

    #payday, #cheques, #prizm, #phone-loan {
        display: none;
    }

    #payday-button, #cheque-button, #prizm-button, #phone-loan-button {
        margin-top: 0;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }

    .borrow-header {
        display: none;
    }

        .borrow-header.online {
            display: inline;
        }

    .one, .two {
        float: none;
        text-align: left;
        width: 100%;
    }



    /* --  navigation-main-wrapper -- */
    #navigation-main-wrapper {
        /*position: relative;
        top:4px;*/
        /*z-index:90;*/
        height: auto;
        border-bottom: 3px solid #fff;
        box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    }

    #navigation-main .current-menu-item > a,
    #navigation-main .current_page_item > a,
    #navigation-main .current_page_parent > a {
        background: none;
    }

    #navigation-main .first-menu > a, #navigation-main .first-menu > a, #navigation-main .first-menu > a {
        padding-left: 0 !important;
    }

    #navigation-main .last-menu > a, #navigation-main .last-menu > a, #navigation-main .last-menu > a {
        padding-left: 0 !important;
    }

    #page-wrapper {
        min-height: 500px;
        background-size: 100% 280px;
    }

    #CPLA img {
        display: none;
    }

    #footer-top {
        height: 15px;
        background-size: 100% 15px;
    }

    #skype-messenger {
        display: none;
    }

    #site-logo {
        position: relative;
        text-align: center;
    }

    .province-list {
        width: 80%;
        margin: 0 9%;
        text-align: center;
    }

        .province-list h2 {
            margin: 0 0 1% 0;
        }

        .province-list article {
            margin-bottom: 5%;
        }

    .page-id-15 h1 {
        text-align: center;
        margin-bottom: 10px;
    }

    /* --  menu icon -- */
    #menu-icon {
        width: 100%;
        height: 40px;
        background: #424242 url(../images/menu-icon.png) 20px 14px no-repeat;
        border-bottom: 1px solid #404040;
        color: #FFFFFF;
        display: block; /* show menu icon */
        font-weight: bold;
        font-size: 1.2em;
        text-indent: 42px;
        line-height: 42px;
        cursor: pointer;
    }

    #navigation-main {
        display: none;
    }

    /* --  main navigation -- */
    #navigation-mobile {
        width: 100%;
        /*height: auto;*/
        /*clear: both;*/
        /* position: static;*/
        background: #313131;
        display: none; /* visibility will be toggled with jquery */
        z-index: 100;
    }

        #navigation-mobile li {
            width: 100%;
            margin: 0 0 0 0;
            clear: both;
            float: none;
            border-bottom: 1px solid #404040;
            padding: 7px 0;
            text-indent: 42px;
        }

        #navigation-mobile a, #navigation-mobile ul a {
            width: 100%;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            text-indent: 0;
            font-size: 1.1em;
            text-indent: 20px;
            -webkit-transition: none;
            -moz-transition: none;
            -o-transition: none;
            transition: none;
            color: #fff;
        }

        /* -- sub-levels link -- */
        #navigation-mobile ul a, #navigation-mobile .current_page_item ul a, #navigation-mobile ul .current_page_item a, #navigation-mobile .current-menu-item ul a, #navigation-mobile ul .current-menu-item a, #navigation-mobile li:hover > ul a {
            width: 100%;
            height: 30px;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            background: none;
            border-bottom: none;
            -webkit-transition: none;
            -moz-transition: none;
            -o-transition: none;
            transition: none;
            font-size: 1.1em;
            line-height: 30px;
            text-indent: 30px;
        }

        /* --  dropdown  -- */
        #navigation-mobile ul {
            width: 100%;
            height: auto;
            position: static;
            display: block;
            background: none;
            border-bottom: 1px solid #404040;
        }

    /* --  content  -- */
    #content {
        width: 95%;
        margin: 20px auto 0 auto;
        float: none !important;
    }

    .promotions-content #content {
        margin-top: 0;
    }

    /* --  side bar  -- */
    #side-bar {
        width: 99%;
        min-width: 320px;
        margin: 0 auto 0 auto;
        padding: 0 0 0 0;
        float: none !important;
        border: none !important;
    }

    /* --  widget  -- */
    .widget {
        width: 49%;
        float: left;
        margin: 0 auto 12px auto;
        text-align: center;
    }

    #global-sidebar {
        border-top: 1px dashed #b7b7b7;
        padding-right: 0;
        padding-top: 3%;
    }

    #loan-calc-wrapper .form-sliders {
        width: 30%;
    }

    #loan-calc-wrapper .value-box {
        width: 20%;
    }

    #loan-calc-wrapper #borrow-now {
        position: static;
        width: 90%;
        height: auto;
        padding: 20px 0;
        margin: 100px auto 15px auto;
        text-indent: 0;
        overflow: hidden;
        border: 3px solid #eee;
        box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
        background: #5ec558; /* Old browsers */
        background: -moz-linear-gradient(top, #5ec558 0%, #307d2d 99%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ec558), color-stop(99%,#307d2d)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #5ec558 0%,#307d2d 99%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #5ec558 0%,#307d2d 99%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #5ec558 0%,#307d2d 99%); /* IE10+ */
        background: linear-gradient(to bottom, #5ec558 0%,#307d2d 99%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ec558', endColorstr='#307d2d',GradientType=0 ); /* IE6-9 */
    }

    #footer-images {
        top: -6px;
    }
}

/* ------------------------------------------ For Devices 790px and lower ------------------------------------------ */
@media screen and (max-width: 790px) {

    #site-logo {
        top: 5px;
    }

    #top-navigation {
        top: 98px;
        right: 0;
        left: 0;
    }

    #skype-messenger {
        top: 20px;
    }

    #navigation-main a {
        font-size: .8em;
        padding: 0 5px;
    }


    #call-outs-home img {
        max-width: 90%;
    }

    #phone-loan img {
        width: 75%;
    }

    #loan-calc-wrapper #title {
        text-align: center;
        width: 100%;
    }

    #loan-calc-wrapper #form-message {
        width: 100%;
    }
}

/* ------------------------------------------ For Devices 650px and lower ------------------------------------------ */
/*So I was a rookie at responsive, alright?*/
@media screen and (max-width: 650px) {

    .home-link {
        display: none;
    }

    .promo-double {
        width: 100%;
        float: none;
        height: 200px;
    }

    .promo-single {
        height: 200px;
    }
}

/* ------------------------------------------ For Devices 480px and lower ------------------------------------------ */
@media screen and (max-width: 480px) {
    #page-wrapper {
        background: none;
        min-height: 300px;
    }

    #payday-button, #cheque-button, #prizm-button, #phone-loan-button {
        width: 49%;
    }

    #navigation-main-wrapper {
        /*   top:0;
    height:41px;*/
        height: auto;
    }

    #footer-top {
        display: none;
    }

    #footer-main {
        border-top: 2px solid #666666;
        margin-top: -60px;
    }

    #footer-images {
        position: static;
    }

    #footer-images {
        text-align: center;
    }

        #footer-images li {
            background-size: 32px 32px;
            float: none;
            display: inline-block;
            vertical-align: middle;
        }


    .social-media-bar a {
        width: 32px;
        height: 32px;
    }

    #map-footer img {
        width: 85%;
    }

    .legal {
        width: 100%;
    }

    #side-bar {
        width: 97%;
        margin-left: 2%;
    }

    /* -- Fix iPhone size adjust when switching  orientation  -- */
    html {
        -webkit-text-size-adjust: none;
    }

    /* -- Formstyles -- */
    textarea {
        width: 93%;
        line-height: 150%;
    }

    /* --  header  -- */
    #header-main {
        text-align: center;
        background: #c7180a;
        height: 100px;
    }

    /* --  logo  -- */
    #site-logo {
        top: 5px;
        left: 0;
        right: 0;
    }

    #site-description {
        top: 45px;
        left: 0;
        right: 0;
    }

    /* --  social media bar -- */
    .social-media-bar {
        margin: 0 auto 0 auto;
        top: 82px;
        left: 0;
        right: 0;
    }

    /* --  search bar -- */
    #header-main #search-form {
        display: none;
    }

    /* --  slide show  -- */
    div.orbit-wrapper div.slider-nav {
        display: none;
    }

    ul.orbit-bullets li {
        display: none;
    }

    .orbit-wrapper .orbit-caption {
        font-size: 1em;
    }

    /* --  Navigation Footer -- */
    #navigation-footer {
        display: none;
    }

    /* --  share bar  -- */
    #share-bar {
        padding: 10px 0 0 0;
        border-top: 1px solid #cccccc;
    }

    .share {
        width: 60px;
        margin: 0 0;
        float: left;
    }

    .page-width {
        min-width: 310px;
    }

    .disclaimer {
        left: 0;
        right: 0;
        top: 50px;
    }

    .one {
        top: 85px;
    }

    .two {
        top: 110px;
    }

    #page-wrapper {
        height: 570px;
    }

    .footerMobileFix {
        display: block !important;
        background: none !important;
    }
}
/* ------------------------------------------ For Devices 340px and lower ------------------------------------------ */
@media screen and (max-width: 338px) {
    #page-wrapper {
        height: 615px;
    }
}
/* ------------------------------------------ For Devices 320px and lower ------------------------------------------ */
@media screen and (max-width: 320px) {

    #header-main {
        text-align: center;
        background: #c7180a;
        height: 80px;
    }

    #page-wrapper {
        height: 635px;
    }
}

/* Extras */
/* ==========================================================================
   Column Styles
   ========================================================================== */
.one-half {
    width: 48%;
}

.one-third {
    width: 30.66%;
}

.two-third {
    width: 65.33%;
}

.one-fourth {
    width: 22%;
}

.three-fourth {
    width: 74%;
}

.one-half,
.one-third,
.two-third,
.three-fourth,
.one-fourth {
    position: relative;
    margin-right: 3.33%;
    margin-bottom: 20px;
    float: left;
}

.column-last {
    margin-right: 0 !important;
    clear: right;
}

    .column-last:after {
        content: "";
        display: block;
        overflow: hidden;
        clear: both;
    }

/* ==========================================================================
   Button Styles
   ========================================================================== */
.button {
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    padding: 8px 11px;
    color: #555 !important;
    border: 1px solid #dedede;
    border-radius: 3px;
}

    .button.white {
        background: #f9f9f9;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0'); /*  IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0)); /*  WebKit */
        background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0);
        border-color: #dedede #d8d8d8 #d3d3d3;
        text-shadow: 0 1px 0 #fff;
        box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
    }

        .button.white:hover {
            background: #efefef;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f8f8f8'); /*  IE */
            background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#f8f8f8)); /*  WebKit */
            background: -moz-linear-gradient(top, #efefef, #f8f8f8);
            border-color: #c7c7c7 #c3c3c3 #bebebe;
            text-shadow: 0 1px 0 #fdfdfd;
            box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
        }

    .button.grey {
        background: #cacaca;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cacaca', endColorstr='#aeaeae'); /*  IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#cacaca), to(#aeaeae)); /*  WebKit */
        background: -moz-linear-gradient(top, #cacaca, #aeaeae);
        border-color: #b5b5b5 #a1a1a1 #8f8f8f;
        text-shadow: 0 1px 0 #d4d4d4;
        box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7;
    }

        .button.grey:hover {
            background: #bcbcbc;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bcbcbc', endColorstr='#c2c2c2'); /*  IE */
            background: -webkit-gradient(linear, left top, left bottom, from(#bcbcbc), to(#c2c2c2)); /*  WebKit */
            background: -moz-linear-gradient(top, #bcbcbc, #c2c2c2);
            border-color: #989898 #8e8e8e #878787;
            text-shadow: 0 1px 0 #dadada;
            box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;
        }

    .button.yellow {
        background: #feda71;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feda71', endColorstr='#febb4a'); /*  IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#feda71), to(#febb4a)); /*  WebKit */
        background: -moz-linear-gradient(top, #feda71, #febb4a);
        border-color: #f5b74e #e5a73e #d6982f;
        color: #963 !important;
        text-shadow: 0 1px 0 #fedd9b;
        box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395;
    }

        .button.yellow:hover {
            background: #fec354;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fec354', endColorstr='#fecd61'); /*  IE */
            background: -webkit-gradient(linear, left top, left bottom, from(#fec354), to(#fecd61)); /*  WebKit */
            background: -moz-linear-gradient(top, #fec354, #fecd61);
            border-color: #d29a3a #cc9436 #c89133;
            text-shadow: 0 1px 0 #fee1a0;
            box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e;
        }

    .button.green {
        background: #cae285;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cae285', endColorstr='#9fcb57'); /*  IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#cae285), to(#9fcb57)); /*  WebKit */
        background: -moz-linear-gradient(top, #cae285, #9fcb57);
        border-color: #adc671 #98b65b #87aa4a;
        color: #5d7731 !important;
        text-shadow: 0 1px 0 #cfe5a4;
        box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4;
    }

        .button.green:hover {
            background: #b8d872;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8d872', endColorstr='#b9d972'); /*  IE */
            background: -webkit-gradient(linear, left top, left bottom, from(#b8d872), to(#b9d972)); /*  WebKit */
            background: -moz-linear-gradient(top, #b8d872, #b9d972);
            border-color: #8bb14d #83a648 #7d9e45;
            text-shadow: 0 1px 0 #d5e8aa;
            box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295;
        }

    .button.blue {
        background: #abe4f8;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abe4f8', endColorstr='#6fcef3'); /*  IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#abe4f8), to(#6fcef3)); /*  WebKit */
        background: -moz-linear-gradient(top, #abe4f8, #6fcef3);
        border-color: #8dc5da #76b7cf #63abc7;
        color: #42788e !important;
        text-shadow: 0 1px 0 #b6e6f9;
        box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa;
    }

        .button.blue:hover {
            background: #91DBF6;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91DBF6', endColorstr='#94DBF7'); /*  IE */
            background: -webkit-gradient(linear, left top, left bottom, from(#91DBF6), to(#94DBF7)); /*  WebKit */
            background: -moz-linear-gradient(top, #91DBF6, #94DBF7);
            border-color: #7caec0 #68a3ba #5a9cb5;
            text-shadow: 0 1px 0 #bee9fa;
            box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8;
        }

    .button.black {
        background: #5e5e5e;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e5e5e', endColorstr='#434343'); /*  IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#434343)); /*  WebKit */
        background: -moz-linear-gradient(top, #5e5e5e, #434343);
        border-color: #4c4c4c #313131 #1f1f1f;
        color: #fff !important;
        text-shadow: 0 1px 0 #2e2e2e;
        box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686;
    }

        .button.black:hover {
            background: #5A5A5A;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#5B5B5B'); /*  IE */
            background: -webkit-gradient(linear, left top, left bottom, from(#5A5A5A), to(#5B5B5B)); /*  WebKit */
            background: -moz-linear-gradient(top, #5A5A5A, #5B5B5B);
            border-color: #2c2c2c #1c1c1c #101010;
            text-shadow: 0 1px 0 #363636;
            box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383;
        }

#newFooterSection {
    margin-top: 150px;
}