/*  */

/*.container { margin: 0 auto; width: 82%; max-width: 1600px; }*/
.container { margin: 0 auto; }

.has_asset { background: url(/css/site/cssimg/assets/assets.png) no-repeat; background-size: 400px 400px; }
.lt-ie9 .has_asset { background: url(/css/site/cssimg/assets/assets_ie.png) no-repeat; }


/* HEADERS */

    /* Primary */

    .primary { padding-top: 30px; position: relative; }

    .primary nav { padding: 26px 0 0 80px; float: left; }
    .primary nav li { display: inline-block; vertical-align: bottom; margin-left: 40px; }
        .primary nav li a { position: relative; display: block; font-size: 18px; line-height: 20px; color: #666; font-family: 'titilliumweb_semibold', Arial, Tahoma, Helvetica, sans-serif; text-decoration: none; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
        .primary nav li a:hover { color: #bc272d; }
        .primary nav li a span { display: block; font-family: 'titilliumweb_light', Arial, Tahoma, Helvetica, sans-serif; color: #666; }
        .primary nav li a em { position: absolute; bottom: -50px; left: 50%; margin-left: -10px; width: 0px; height: 0px; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #bf353a transparent; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; opacity: 0; }
        .primary nav li a:hover em, .primary nav .active a em { bottom: -15px; opacity: 1; }


    .primary .mobile_nav { display: block; position: absolute; top: 86px; left: 0; width: 100%; padding: 0 20px 30px 20px; background: #fcfcfc; z-index: 1000; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.5); -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.5); box-shadow: 0 2px 2px rgba(0,0,0,0.5); }
    .primary .mobile_nav ul { border-top: #ccc 1px solid; border-bottom: #ccc 1px solid; padding: 20px 0 30px 0; }
        .primary .mobile_nav li { display: block; margin: 0; }
            .primary .mobile_nav li a { display: block; margin: 0; line-height: 40px; }
                .primary .mobile_nav li a em { display: none; }
                .primary .mobile_nav li a span { display: inline; }


    .primary nav .contact_us { display: none !important; }
    .primary .mobile_nav .contact_us { display: block !important; margin: 30px 0 0 20px; }


    .primary .contact_us { color: #666; font-size: 18px; line-height: 22px; margin-left: 20px; }
        .primary .contact_us span { display: block; color: #000; font-size: 21px; line-height: 22px; }


    .primary .mobile_nav_toggle { display: none !important; color: #666; width: 51px; height: 51px; text-indent: -9999px; background-position: -153px -232px; margin: 0; position: relative; top: -3px; }
        .primary .mobile_nav_toggle a { display: block; width: 51px; height: 51px; }
        .primary .mobile_nav_toggle.active { background-position: -153px -283px; }



    /* MASTHEAD */

    .masthead { position: relative; margin-top: 20px; min-height: 450px; }

        .masthead .section { min-height: 450px; height: auto !important; height: 450px; position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; z-index: 0; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; }


        .masthead .section .claim {
            opacity: 0; /*left: -100px;*/
            -webkit-transform: translate3d(-100px,0,0);
            -moz-transform: translate3d(-100px,0,0);
            -o-transform: translate3d(-100px,0,0);
            transform: translate3d(-100px,0,0);
            -webkit-transition: all .5s ease-out;
            -moz-transition: all .5s ease-out;
            -o-transition: all .5s ease-out;
            transition: all .5s ease-out;
        }
        .masthead .section .call_to_action {
            opacity: 0;
            -webkit-transform: translate3d(100px,0,0);
            -moz-transform: translate3d(100px,0,0);
            -o-transform: translate3d(100px,0,0);
            transform: translate3d(100px,0,0);
            -webkit-transition: all .5s ease-out;
            -moz-transition: all .5s ease-out;
            -o-transition: all .5s ease-out;
            transition: all .5s ease-out;
        }

            .masthead .section.active { opacity: 1; z-index: 11; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; }
            .masthead .section.bg_active { z-index: 10; }
                .masthead .section.active .claim {
                    opacity: 1;
                    -webkit-transform: translate3d(0,0,0);
                    -moz-transform: translate3d(0,0,0);
                    -o-transform: translate3d(0,0,0);
                    transform: translate3d(0,0,0);
                }
                .masthead .section.active .call_to_action {
                    opacity: 1;
                    -webkit-transform: translate3d(0,0,0);
                    -moz-transform: translate3d(0,0,0);
                    -o-transform: translate3d(0,0,0);
                    transform: translate3d(0,0,0);
                }

            .masthead .section.section_out { opacity: 0; z-index: 1; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; }
                .masthead .section.out .claim {
                    opacity: 0;
                    -webkit-transform: translate3d(-100px,0,0);
                    -moz-transform: translate3d(-100px,0,0);
                    -o-transform: translate3d(-100px,0,0);
                    transform: translate3d(-100px,0,0);
                }

                .masthead .section.out .call_to_action {
                    opacity: 0;
                    -webkit-transform: translate3d(100px,0,0);
                    -moz-transform: translate3d(100px,0,0);
                    -o-transform: translate3d(100px,0,0);
                    transform: translate3d(100px,0,0);
                }



        .masthead .section .container { padding: 4em 0 0 0; position: relative; }


        .masthead .section .claim { float: left; width: 55%; padding-left: 20px; position: relative; }
            .masthead .section .claim h2 { font-size: 40px; line-height: 40px; color: #fff; }
                .masthead .partners .claim h2 { font-size: 60px; line-height: 50px; }


            .masthead .section .claim ul { list-style: none; color: #deffd9; margin: 20px 0 0 0; padding: 0; }
                .masthead .section .claim ul li { font-size: 18px; line-height: 18px; position: relative; padding-left: 30px; margin-bottom: 10px; }
                    .masthead .section .claim ul li span { display: block; width: 24px; height: 22px; background-position: 0 -330px; position: absolute; top: 0; left: 0; }
                    .masthead .partners .claim ul li span { background-position: -22px -330px; }


        .masthead .section .call_to_action { position: absolute; right: 0; bottom: 0; width: 15%; margin: 0; padding: 0; }
            .masthead .section .call_to_action li { list-style: none; margin-bottom: 10px; }
                .masthead .section .call_to_action li:last-child { margin-bottom: 0; }

            /*.masthead .section*/ .call_to_action a, .call_to_action button { position: relative; display: block; padding: 20px; font-size: 18px; line-height: 18px; font-family: 'titilliumweb_semibold', Arial, Tahoma, Helvetica, sans-serif; background: #006699; background: rgba(0, 102, 153, 0.8); color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.5); text-decoration: none; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }

            /*.masthead .section*/ .call_to_action a:hover, .call_to_action button:hover, .call_to_action button:focus, .call_to_action a.active { background: #92c600; background: rgba(146, 198, 0, 0.8); color: #fff799; }

            /*.masthead .section*/ .call_to_action a span, .call_to_action button span, .call_to_action a.reverse span { width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent rgba(0, 102, 153, 0.8); position: absolute; top: 50%; margin-top: -10px; right: -10px; opacity: 0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }

            /*.masthead .section*/ .call_to_action a:hover span, .call_to_action button:hover span, .call_to_action button:focus span, .call_to_action a.active span { border-color: transparent transparent transparent rgba(146, 198, 0, 0.8); opacity: 1; }

            /*.masthead .section*/ .call_to_action a em { font-style: normal; }

        /*
        .masthead .what_we_do { background: #082861 url(/images/about.jpg) 50% 0 no-repeat; }
        .masthead .merchants { background: #1f3540 url(/images/merchants.jpg) 50% 0 no-repeat; }
        .masthead .financial_institutions { background: #2c6a91 url(/images/financial.jpg) 50% 0 no-repeat; }
        .masthead .partners { background: #000717 url(/images/partnership.jpg) 50% 0 no-repeat; }
        */

        .masthead .what_we_do, .masthead .merchants, .masthead .financial_institutions, .masthead .partners { background: #2d3e3f url(/css/site/cssimg/bg/kv.jpg) 50% 0 no-repeat; }


            .masthead .partners .claim ul span { display: inline-block; width: 20px; height: 20px; background-position: -24px -330px; }

        .masthed_nav_container { position: absolute; bottom: -10px; left: 0; width: 100%; z-index: 12; }
            .masthed_nav { padding: 0; }
            .masthed_nav li { display: inline-block; list-style: none; width: 220px; margin-right: 1%; vertical-align: bottom; }

                .masthed_nav li a span { width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #fff transparent; position: absolute; top: -10px; left: 15px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; opacity: 0;
                    -webkit-transform: translateZ(0);
                    -moz-transform: translateZ(0);
                    -o-transform: translateZ(0);
                    transform: translateZ(0);
                }

                .masthed_nav li a:hover span, .masthed_nav li.active a span { border-color: transparent transparent rgba(0, 102, 153, 0.8) transparent; opacity: 1; }


                .masthed_nav li a { position: relative; display: block; padding: 25px 20px 10px 20px; font-size: 18px; line-height: 18px; font-family: 'titilliumweb_semibold', Arial, Tahoma, Helvetica, sans-serif; background: #fbfbfb; color: #666; text-decoration: none; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;
                    -webkit-transform: translateZ(0);
                    -moz-transform: translateZ(0);
                    -o-transform: translateZ(0);
                    transform: translateZ(0);
                }

                .masthed_nav li a:hover, .masthed_nav .active a { background: #006699; background: rgba(0, 102, 153, 0.8); color: #fff; padding: 20px 20px 15px 20px; }
                .masthed_nav li a em { font-style: normal; }


    .secondary_empty { display: block; width: 100%; height: 11px; background: url(/css/site/cssimg/bg/secondary_bg_empty.png) repeat-x; position: relative; top: -5px; left: 0; z-index: 12; }
    .masthead .secondary_empty, .masthead_small .secondary_empty { position: absolute; }

    .masthead_small .secondary { background: #b81f25; background: rgba(184, 31, 37, 0.9); position: relative; top: -5px; left: 0; z-index: 10; box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2); }
    .masthead_small .secondary nav { text-align: center; }
        .masthead_small .secondary nav li { display: inline-block; }
            .masthead_small .secondary nav li a { display: block; color: #fff; font-size: 14px; line-height: 14px; text-shadow: 0 1px 1px rgba(0,0,0,0.5); padding: 17px 0; }
            .masthead_small .secondary nav li a span { display: inline-block; width: 4px; height: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background: #fff; vertical-align: middle; margin: 0 7px; box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2); }
            .masthead_small .secondary nav .first-item a span { display: none; }

            .masthead_small .secondary nav .active a { color: #fcffc5; text-decoration: underline; }





    .features { text-align: center; padding: 0; margin: 0; }
        .features li { display: inline-block; list-style: none; margin-left: 100px; }
            .lt-ie9 .features li { display: inline; zoom: 1; margin-left: 0; }
        .features .first-child { margin-left: 0; }


    .masthead_small { position: relative; margin-top: 20px; padding-top: 160px; background: url(/css/site/cssimg/bg/small_header.jpg) 50% 0 no-repeat; }

    .has_secondary_nav { background: none; }
    .has_secondary_nav .secondary { margin-bottom: -48px; }
    .has_secondary_nav .head_bg { position: relative; background: url(/css/site/cssimg/bg/small_header.jpg) 50% 0 no-repeat; }



    /* Stupid browsers */
    .lt-ie9 .call_to_action a span,
    .lt-ie9 .masthed_nav a span  { display: none; }
    /**/



    /* Heading icons */

    .h_news, .lt-ie9 .h_news { display: inline-block; width: 51px; height: 51px; background-position: -306px -130px; vertical-align: middle; margin: 0 10px 5px 0; }



    /* Listings */

    .listing { list-style: none; padding: 0; margin: 50px 0 0 0; }
        .listing li { margin: 0 0 6% 0; }
        .listing li .meta { margin: 0; }
        .listing li a { font-size: 30px; line-height: 30px; color: #666; display: block; }


/* FOOTER */


footer .inner { padding: 30px 20px; margin-top: 30px; }

    footer li { display: inline-block; vertical-align: bottom; }
        footer li a { display: block; }
        footer li a em { position: absolute; top: 0; left: 0; display: block; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }


    footer .internal a { padding: 5px 0 10px 60px; font-size: 18px; line-height: 20px; color: #666; font-family: 'titilliumweb_semibold', Arial, Tahoma, Helvetica, sans-serif; position: relative; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; text-decoration: none; }
        footer .internal a span { display: block; font-family: 'titilliumweb_light', Arial, Tahoma, Helvetica, sans-serif; color: #666; }
        footer .internal a em { width: 51px; height: 51px; }
        footer .internal a:hover { color: #99cc00; }


    footer .internal .c_news {  }
        footer .internal .c_news .a { background-position: 0 -130px; }
        footer .internal .c_news .b { opacity: 0; background-position: 0 -181px; }

        footer .internal .c_news a:hover .a { opacity: 0; }
        footer .internal .c_news a:hover .b { opacity: 1; }

        /* Stupid browsers */
        .lt-ie9 footer .b { display: none; }
        /**/

    footer .internal .c_blog { margin-left: 30px; }
        footer .internal .c_blog .a { background-position: -51px -130px; }
        footer .internal .c_blog .b { opacity: 0; background-position: -51px -181px; }

        footer .internal .c_blog a:hover .a { opacity: 0; }
        footer .internal .c_blog a:hover .b { opacity: 1; }



    footer .external li { margin-left: 12px; }
    footer .external a { position: relative; width: 49px; height: 49px; }
    footer .external a em { width: 49px; height: 49px; }
        footer .external .fb .a { background-position: 0 -232px; }
        footer .external .fb .b { opacity: 0; background-position: 0 -281px; }

        footer .external .fb a:hover .a { opacity: 0; }
        footer .external .fb a:hover .b { opacity: 1; }

        footer .external .tw .a { background-position: -49px -232px; }
        footer .external .tw .b { opacity: 0; background-position: -49px -281px; }

        footer .external .tw a:hover .a { opacity: 0; }
        footer .external .tw a:hover .b { opacity: 1; }

        footer .external .rss .a { background-position: -98px -232px; }
        footer .external .rss .b { opacity: 0; background-position: -98px -281px; }

        footer .external .rss a:hover .a { opacity: 0; }
        footer .external .rss a:hover .b { opacity: 1; }



    footer .copy { clear: both; margin-top: 30px; }
    footer .copy a { font-family: 'titilliumweb_semibold', Arial, Tahoma, Helvetica, sans-serif; }


.brd_round  { border: 1px solid #e5e5e5; }

.brd_t      { border-top: 1px solid #e2e2e2; }
.brd_r      { border-right: 1px solid #f2f2f2; }
.brd_l      { border-left: 1px solid #f2f2f2; }
.brd_b      { border-bottom: 1px solid #f2f2f2; }
.brd_r_dot  { border-right: 1px dotted #848484; }
.brd_trans  { border-color: transparent; }
.brd_0      { border: none !important; }

.brd_radius                   { -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }