/*  -------------------------------------------
    PROJECT 
-----------------------------------------------*/

    .ab-btn-pgram {
        display:inline-block;
        font-family: 'PrimaryFont', sans-serif;;
        font-size: 0.85em;

        -webkit-transform: skew(-15deg); 
        -moz-transform: skew(-15deg); 
        -o-transform: skew(-15deg); 
        transform: skew(-15deg);

        border:0;
        -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;

        padding:8px 30px;
        letter-spacing: 1px;
        background:#00457c;
        color: #fff; 
    }
    .ab-btn-pgram:hover {
        background:#ad061b;
        color:#fff;
    }
    .ab-btn-pgram span {
        display:inline-block;
        -webkit-transform: skew(15deg); 
        -moz-transform: skew(15deg); 
        -o-transform: skew(15deg); 
        transform: skew(15deg);
    }
    .ab-btn-pgram-light {
        background:#c6d0e4;
        color: #00457c; 
    }
    .ab-btn-pgram-light:hover {
        background:#00457c;
        color:#fff;
    }

    .ab-btn-pgram-medium { width:200px; text-align: center; }
    .ab-quote-mark { padding-left:50px; font-family:'HeadingsFont', serif; font-size:1.2em;
        background:transparent url("../graphics/quote-mark.png") top left no-repeat; }
    .ab-quote-author { text-align:right; font-size:0.85em; padding-right:5px; }        

    .ab-list-numbers { margin:0; padding:0; list-style:none; }
    .ab-list-numbers>li:nth-child(1) { margin:5px 0px; padding:5px 0px 15px 50px; background:url("../graphics/ab-list-numbers-1.png") top left no-repeat; ); }
    .ab-list-numbers>li:nth-child(2) { margin:5px 0px; padding:5px 0px 15px 50px; background:url("../graphics/ab-list-numbers-2.png") top left no-repeat; ); }
    .ab-list-numbers>li:nth-child(3) { margin:5px 0px; padding:5px 0px 15px 50px; background:url("../graphics/ab-list-numbers-3.png") top left no-repeat; ); }
    .ab-list-numbers>li:nth-child(4) { margin:5px 0px; padding:5px 0px 15px 50px; background:url("../graphics/ab-list-numbers-4.png") top left no-repeat; ); }
    .ab-list-numbers>li:nth-child(5) { margin:5px 0px; padding:5px 0px 15px 50px; background:url("../graphics/ab-list-numbers-5.png") top left no-repeat; ); }

    .ab-sep-line { border-top:1px #333 solid; margin:0; padding:0; clear:both; }

    #ab-home-keybenefits { box-sizing:border-box; width:100%; max-width:760px; padding:0; margin:0 auto; }
    #ab-home-keybenefits .ab-home-kb-box { box-sizing:border-box; width:100%; margin:0; padding:0 15px; text-align: center; }
    #ab-home-keybenefits .ab-home-kb-box img { width:100%; max-width:160px; height:auto; border:0; padding:0; }

    #ab-home-pensionvalues { box-sizing:border-box; width:90%; padding:0; margin:20px auto; }
    #ab-home-pensionvalues .ab-home-pv-box { font-size:0.85em; box-sizing:border-box; background:#fff; width:75%; padding:15px; margin:15px auto; border:2px solid #00427a; text-align:center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
    #ab-home-pensionvalues .ab-home-pv-box h2 { margin:0; }

    #ab-home-pv-purpose, #ab-home-pv-guide { 
        box-sizing:border-box; width:100%; margin:20px 0px; padding:20px;
        background:#dee4f0; border-left:5px solid #00427a; text-align:center;
    } 

    .ab-team-pic { box-sizing:border-box; margin:0; padding:0px 0px 20px 0px; }
    .ab-team-bio { box-sizing:border-box; margin:0; padding:0; }
    .ab-team-sm { margin:0; padding:20px 0px; }
    .ab-team-sm a { background-color:#00457c; width:25px;height:25px; }
    .ab-team-sm a:hover { background-color:#ad091c; }
    .ab-team-quotemark { display:none; box-sizing:border-box; text-align:right; margin:0; padding:0; }
    .ab-team-quote { box-sizing:border-box; color:#00457c; font-family:'HeadingsFont', serif; font-size:1.2em; line-height:150%; margin:0; padding:0; }

    .ab-other-quotemark { display:none; box-sizing:border-box; margin:0; padding:0; }
    .ab-other-quote { box-sizing:border-box; color:#00457c; font-family:'HeadingsFont', serif; font-size:1.25em; line-height:150%; margin:0; padding:0; }

    #ab-page-keybenefits { margin:0; padding:0; }
    #ab-page-keybenefits div { min-height:95px; margin:30px 0px; padding:0px 0px 0px 120px; }
    #ab-page-keybenefits div:nth-child(1) { background:url("../graphics/key-benefits-01-page.png") top left no-repeat; }
    #ab-page-keybenefits div:nth-child(2) { background:url("../graphics/key-benefits-02-page.png") top left no-repeat; }
    #ab-page-keybenefits div:nth-child(3) { background:url("../graphics/key-benefits-03-page.png") top left no-repeat; }
    #ab-page-keybenefits div:nth-child(4) { background:url("../graphics/key-benefits-04-page.png") top left no-repeat; }
    #ab-page-keybenefits div:nth-child(5) { background:url("../graphics/key-benefits-05-page.png") top left no-repeat; }
    #ab-page-keybenefits div:nth-child(6) { background:url("../graphics/key-benefits-06-page.png") top left no-repeat; }

    .ab-radio-group { padding:10px 0px; }
    .ab-radio-group input[type="radio"] { margin-left:20px; }
    .ab-radio-group label { font-weight:bold; }
    .ab-radio-group span { display:block; }

    .ab-list-check { box-sizing:border:box; margin:0; padding:0; list-style:none; }
    .ab-list-check li { 
        box-sizing:border:box; margin:0; padding:5px 0 10px 45px;
        background:url("../graphics/ab-list-check.png") top left no-repeat;
    }


    @media (min-width: 768px) {
        .ab-quote-mark { font-size:1.6em; }
        .ab-quote-author { padding-right:25px; }        

        #ab-home-keybenefits .ab-home-kb-box { width:33%; float:left; }
        #ab-home-pensionvalues .ab-home-pv-box { float:left; width:18%; margin:5px; font-size:0.675em; }
        #ab-home-pv-purpose { width:47%; height:300px; float:left; }
        #ab-home-pv-guide { width:47%; height:300px; float:right; }

        .ab-team-pic { width:200px; float:left; margin:0; padding:0; }
        .ab-team-bio { width:540px; float:left; margin:0; padding:0; }
        .ab-team-quote { font-size:1.4em; }

        .ab-radio-group span { display:inline; }

        .ab-list-check-left { padding-right:20px; }
        .ab-list-check-right { padding-left:20px; }
    }

    @media (min-width: 1024px) {
        #ab-home-pensionvalues .ab-home-pv-box {  font-size:0.85em; }
        #ab-home-pv-purpose { padding:20px 30px; height:250px; }
        #ab-home-pv-guide { padding:20px 30px; height:250px; }

        .ab-team-pic { width:200px; }
        .ab-team-bio { width:790px; }
        .ab-team-quotemark { display:block; width:200px; float:left; margin:0; padding:0; }
        .ab-team-quote { width:790px;  float:left; margin:0; padding:0; }

        .ab-other-quotemark { display:block; float:left; width:50px; margin:0; padding:0; }
        .ab-other-quote { width:950px;  float:left; margin:0; padding:0; }
    }

    @media (min-width: 1366px) {
        .ab-other-quote { font-size:1.6em; }
    }

/*  -------------------------------------------
    CARDS 
-----------------------------------------------*/
    .ab-card-01-left, .ab-card-01-right { 
        box-sizing:border-box; width:100%; margin:20px 0px; padding:20px;
        background:#dee4f0; border-left:5px solid #00427a; text-align:center;
    } 
    @media (min-width: 768px) {
        .ab-card-01-left { width:47%; height:350px; float:left; }
        .ab-card-01-right { width:47%; height:350px; float:right; }
    }

    @media (min-width: 1024px) {
        .ab-card-01-left { padding:20px 30px; height:300px; }
        .ab-card-01-right { padding:20px 30px; height:300px; }
    }

/*  -------------------------------------------
    SECTIONS 
-----------------------------------------------*/
    .ab-container-relative { position:relative; }
    .ab-sec-normal { margin:0; padding:50px 0px; position:relative; }
    .ab-sec-color { background:#dee4f0; margin:0; padding:50px 0px; position:relative; }
    .ab-sec-dark-color { background:#00457c; color:#fff; margin:0; padding:50px 0px; position:relative; }
    .ab-sec-light-color { background:#f3f5f9; color:#00457c; margin:0; padding:50px 0px; position:relative; }

    .sec-bg-01 { margin:0; padding:50px 0px; border:0; position:relative; color:#fff;
        background:#666 }
        .sec-bg-01-txt-right { box-sizing:border-box; padding:0; width:100%; }
        .sec-bg-01-txt-right h2 { color:#fff; }
        .sec-bg-01-txt-right h5 { color:#fff; }
        .sec-bg-01-txt-right p { color:#fff; }

    .sec-bg-02 { margin:0; padding:50px 0px; border:0; position:relative; color:#fff;
        background:#666 }
        .sec-bg-02-txt-right { box-sizing:border-box; padding:0; width:100%; }
        .sec-bg-02-txt-right h2 { color:#fff; }
        .sec-bg-02-txt-right h5 { color:#fff; }
        .sec-bg-02-txt-right p { color:#fff; }

    .sec-bg-04 { margin:0; padding:50px 0px; border:0; position:relative; color:#fff;
        background:#666 }
        .sec-bg-04-txt-right { box-sizing:border-box; padding:0; width:100%; }
        .sec-bg-04-txt-right h2 { color:#fff; }
        .sec-bg-04-txt-right h5 { color:#fff; }
        .sec-bg-04-txt-right p { color:#fff; }


    .ab-sec-narrow { width:100%; padding:0; margin:0; }
    .ab-sub-nav { display:none; }
    @media (min-width: 768px) {
        .sec-bg-01 { background:#666 url("../graphics/sec-bg-01.jpg") top center no-repeat; background-size:cover; }
        .sec-bg-01-txt-right { box-sizing:border-box; padding:0px 20px 20px 40px;width:50%; float:right; }

        .sec-bg-02 { background:#666 url("../graphics/sec-bg-02.jpg") top center no-repeat; background-size:cover; }
        .sec-bg-02-txt-right { box-sizing:border-box; padding:0px 20px 20px 40px;width:50%; float:right; }

        .sec-bg-04 { background:#666 url("../graphics/sec-bg-04.jpg") top center no-repeat; background-size:cover; }
        .sec-bg-04-txt-right { box-sizing:border-box; padding:0px 20px 20px 40px;width:50%; float:right; }
    }

    @media (min-width: 1024px) {
        .ab-sec-narrow { width:600px; float:left; }
        .ab-sub-nav { display:block; width:320px;
            position:absolute; top:-50px; right:0;
            padding:50px 0px 0px 0px; margin:0; border:1px #c3cde0 solid; border-top:0px; 
        }
        .ab-sub-nav h5 { padding:0px 40px 20px 40px; }
        .ab-sub-nav ul { padding:0; margin:0; list-style: none; }
        .ab-sub-nav ul li { padding:0; margin:0; }
        .ab-sub-nav ul li a {
            font-size:0.85em; 
            display:block; padding:20px 50px; margin:0; 
            background:#f3f5f9; color:#454545;
            border-bottom:1px #c3cde0 solid;
        }
        .ab-sub-nav ul li:first-child a { border-top:1px #c3cde0 solid; }
        #ab-sub-nav-sm { margin:0; padding:40px 10px; text-align:center; }
        #ab-sub-nav-sm a { background-color:#00457c; width:25px;height:25px; }
        #ab-sub-nav-sm a:hover { background-color:#ad091c; }

        .ab-sub-nav-btn { margin:0; padding:0px 10px 40px 10px; text-align:center; }
        .ab-sub-nav-btn .ab-btn-pgram {
            background:#fff;
            color: #00457c; 
            border:1px #00457c solid;
        }
        .ab-sub-nav-btn .ab-btn-pgram:hover {
            background:#00457c;
            color:#fff;
        }

    }

/*  -------------------------------------------
    PAGE: TESTIMONIALS 
-----------------------------------------------*/
    #ab-page-testimonials { box-sizing:border-box; margin:0; padding:50px 0px; border:0; position:relative; color:#fff;
        background:#fff }
    #ab-page-testimonials-box { box-sizing:border-box; padding:0; width:100%; }
    #ab-page-testimonials-tabs { box-sizing:border-box; margin:0; padding:0; list-style:none; }
    #ab-page-testimonials-tabs li { box-sizing:border-box; background:#ebebeb; width:33%; height:50px; margin:0; padding:0; float:left; border-top:1px #c6c6c6 solid; border-bottom:1px #c6c6c6 solid; }
    #ab-page-testimonials-tabs li h3 { box-sizing:border-box; margin:0; padding:10px; cursor:pointer; font-size:0.545em; text-align:center; }
    #ab-page-testimonials-tabs li.ab-current-tab { background:transparent; }
    #ab-page-testimonials-tabs li:nth-child(2) { border-left:1px #c6c6c6 solid; border-right:1px #c6c6c6 solid; }
    #ab-page-tab-panels>div { display:none; color:#454545; }
    #ab-page-tab-panels .ab-current-tab-panel { display:block; }
    .ab-quote-btns-previous { cursor:pointer; margin:20px 10px 20px 10px; }
    .ab-quote-btns-next { cursor:pointer; margin:20px 10px 20px 10px; }
    @media (min-width: 768px) {
        #ab-page-testimonials-tabs li h3 { font-size:0.785em; }
    }
    @media (min-width: 1024px) {
        #ab-page-testimonials { height:610px; background:#666 url("../graphics/sec-bg-03.jpg") top center no-repeat; background-size:cover; }
        #ab-page-testimonials-box { position:absolute; top:0; right:0; width:560px; }
    }

/*  -------------------------------------------
    SEARCH BOX (POP-UP)
-----------------------------------------------*/
    #ab-refer-form { 
        display:block;
        position: relative;
        background: #eeeeee;
        padding: 50px 20px;
        width: auto;
        max-width: 500px;
        margin: 20px auto;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px; 
        border-radius: 15px;
    }
    #ab-refer-form div { 

    }
    #ab-refer-form input[type="text"] { display:block; box-sizing: border-box; width:100%; margin:10px 0px; padding:10px 5px; font-size: 0.85em; border:1px #c9c9c9 solid; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; }
    #ab-refer-form input[type="text"]:focus { border:1px #b5985a solid; }
    #ab-refer-form input[type="email"] { display:block; box-sizing: border-box; width:100%; margin:10px 0px; padding:10px 5px; font-size: 0.85em; border:1px #c9c9c9 solid; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; }
    #ab-refer-form input[type="email"]:focus { border:1px #b5985a solid; }
    #ab-refer-form textarea { display:block; box-sizing: border-box; width:100%; height:100px; margin:10px 0px; padding:10px 5px; font-size: 0.85em; border:1px #c9c9c9 solid; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; }
    #ab-refer-form input[type="submit"] { box-sizing: border-box; width:100%;background:#00457c; color:#fff; display:block; margin:10px 0px; padding:10px 5px;  border-radius:5px; outline: none; text-align: center; }
    #ab-refer-form input[type="submit"]:hover { background:#ae0a1f; color:#fff; }

    @media (min-width: 768px) {
    }

/*  -------------------------------------------
    SLICK CROUSEL 
-----------------------------------------------*/
    .slick-dots { left: -5px; }
    .slick-dots li button {
        background:#bac6dd;
        border:0; outline:none;
    }
    .slick-dots li.slick-active button {
        background:#00457c;
        border:0; outline:none;
    }
/*
    .slick-dots li button:hover,
    .slick-dots li button:focus
    {
      background-color: #00457c;
    }
    .slick-dots li button:hover:before,
    .slick-dots li button:focus:before
    {
        opacity: 1;

    }
    .slick-dots li button:before
    {
        opacity: 1;
        background-color: #00457c;
    }
    .slick-dots li button:after
    {
        opacity: 1;
        background-color: #00457c;
    }
    .slick-dots li.slick-active button:before
    {
        opacity: 1;
        background-color: #00457c;
    }
    .slick-dots li.slick-active button:after
    {
        opacity: 1;
        background-color: #00457c;
    }
*/ 
/*  -------------------------------------------
    HOME SECTION: TESTIMONIALS 
-----------------------------------------------*/
    #ab-sec-testimonials { margin:0; padding:50px 0px; background:#666; border:0; }
    #ab-sec-testimonials h3 { color:#fff; margin-top:70px; text-align: center; }
    #ab-sec-testimonials .ab-col-3:first-child h3 { margin-top:0px; }
    #ab-sec-testimonials .ab-btn-pgram-light { margin-top:70px; }
    .ab-home-TA,.ab-home-TB, .ab-home-TC { box-sizing:border-box; padding:0px 20px 10px 20px; color:#fff; text-align:center; border:0; outline:none; }
    .ab-home-TA p,.ab-home-TB p, .ab-home-TC p { text-align:center; outline:none; }
    .ab-home-TA div,.ab-home-TB div, .ab-home-TC div { text-align:center; outline: 0; }
    @media (min-width: 768px) {

    }

    @media (min-width: 1024px) {
        #ab-sec-testimonials h3 { margin-top:0px; }
        #ab-sec-testimonials { height:610px; background:#fff url("../graphics/sec-bg-testimonials.jpg") top center no-repeat; background-size: cover; }
        .ab-home-TA, .ab-home-TB, .ab-home-TC { padding:0px 30px; height:335px;  border:0; outline:none; }
        #ab-sec-testimonials .ab-col-3:nth-child(2) { border-left:1px #fff solid; border-right:1px #fff solid; }
    }

/*  -------------------------------------------
    MESSAGE FORM 
-----------------------------------------------*/
    #ab-sec-message-form { padding:50px 0px; margin:0; background:#ecf0f7; }
    #ab-sec-message-form form input[type="text"] { display:block; box-sizing: border-box; width:100%; margin:10px 0px; padding:10px 5px; font-size: 0.85em; border:1px #c9c9c9 solid; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; }
    #ab-sec-message-form form input[type="text"]:focus { border:1px #dee4f0 solid; }
    #ab-sec-message-form form input[type="email"] { display:block; box-sizing: border-box; width:100%; margin:10px 0px; padding:10px 5px; font-size: 0.85em; border:1px #c9c9c9 solid; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; }
    #ab-sec-message-form form input[type="email"]:focus { border:1px #dee4f0 solid; }
    #ab-sec-message-form form textarea { display:block; box-sizing: border-box; width:100%; height:100px; margin:10px 0px; padding:10px 5px; font-size: 0.85em; border:1px #c9c9c9 solid; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; }
    #ab-sec-message-form-btn { padding-top:10px; text-align:center; }
    @media (min-width: 768px) {
        #ab-sec-message-form-btn { padding:0; text-align:right; }
    }

/*  -------------------------------------------
    SM MENU 
-----------------------------------------------*/
    @media (min-width: 768px) {
        #ab-main-menu { padding-top:15px; }
        .sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
          padding: 13px 0px 3px 0px;
          margin-left:30px;
          border-bottom:5px #fff solid;
        }
        .sm-clean>li>a.ab-nav-vertical {
          padding-top:29px;
        }
        .sm-clean>li>a.ab-nav-current {
          border-bottom:5px #333 solid;
        }

        .sm-clean>li>a.ab-nav-center {
          text-align:center;
        }

        .sm-clean>li>a.ab-nav-vertical {
          padding-top:29px;
        }
        .sm-clean>li:last-child>a { 
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }

    }
    @media (min-width: 1024px) {
        #ab-main-menu { padding-top:35px; }
    }

/*  -------------------------------------------
    FOOTER 
-----------------------------------------------*/
    footer { margin:0; padding:0; color:#454545; background:#dee4f0; }
    footer #ab-footer-sm a { background-color:#00457c; width:34px;height:34px; }
    footer #ab-footer-sm a:hover { background-color:#ad091c; }
    footer #ab-footer-col-a,footer #ab-footer-col-b,footer #ab-footer-col-c { float:left; box-sizing:border-box; margin:0; }
    footer #ab-footer-col-a { width:100%; padding:30px 0px 15px 0px; }
    footer #ab-footer-col-b { width:100%; padding:15px 0px 15px 0px; }
    footer #ab-footer-col-c { width:100%; padding:15px 0px 30px 0px; }
    footer #footer-logo { width:100%; max-width:185px; height:auto; margin:0; padding:0; }
    footer #footer-map { width:100%; max-width:303px; height:auto; margin:0; padding:0; border:1px #454545 solid; }
    #ab-footer-legal { margin:0; padding:15px 0px; font-size:0.785em; color:#454545; background:#afbdd8; }

    @media (min-width: 768px) {
        footer #ab-footer-col-a { width:100%; padding:40px 0px 20px 0px; }
        footer #ab-footer-col-b { width:50%; padding:20px 20px 40px 0px; }
        footer #ab-footer-col-c { width:50%; padding:20px 0px 40px 20px; }
    }

    @media (min-width: 1024px) {
        footer #ab-footer-col-a p,footer #ab-footer-col-b p,footer #ab-footer-col-c p { font-size:0.85em; }
        footer #ab-footer-col-a { width:33%; padding:50px 30px 50px 0px; }
        footer #ab-footer-col-b { width:33%; padding:50px 15px 50px 15px; }
        footer #ab-footer-col-c { width:33%; padding:50px 0px 50px 30px; }
    }

/*  -------------------------------------------
    HEADER:
-----------------------------------------------*/
    header { 
        width:100%; height:70px; background:#fff; z-index:1000; margin:0;  
        padding:5px 0px 0px 0px;
        position:fixed; top:0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; 
    }
    #ab-header-margin { height:80px; margin:0;padding:0; }

    header #ab-header-pre { display:none; margin:0; padding:0; }
    header #ab-header-pre-links { text-align:right; font-size:0.65em; }
    header #ab-header-pre-links a { color:#666; font-weight:bold; display:inline-block; padding:5px 17px 0px 0px; }
    header #ab-header-pre-links a:hover { color:#00457c; }
    header #ab-header-pre-links span.ab-pipe { display:inline-block; width:20px; font-weight:bold; text-align:left; }
    header #ab-header-pre-search-btn { 
        display:block; margin:0;padding:0;width:27px;height:27px; outline: none;
        background:transparent url("../graphics/search-form-button.png") top left no-repeat; 
    }
    header #ab-navigation { margin:0; padding:0px; }
    header #ab-navigation #ab-header-logo { float:left; width:70px;height:60px; margin:0; padding:0; }
    header #ab-navigation #ab-header-logo h1 { margin:0; padding:0; }
    header #ab-navigation #ab-header-logo h1 a { display:block; width:70px;height:60px; background:transparent url("../graphics/logo-sm.png") top left no-repeat; text-indent:-9999px; margin:0; padding:0; outline:none; }
    header #ab-navigation #ab-menu-button { 
        display:block; float:right; margin:10px 0px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
        a#ab-nav-extra {
            display:none; 
            font-family: 'PrimaryFont', sans-serif;;
            font-size: 0.85em;

            -webkit-transform: skew(-15deg); 
            -moz-transform: skew(-15deg); 
            -o-transform: skew(-15deg); 
            transform: skew(-15deg);

            border:0;

            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;

            padding:8px 30px;
            letter-spacing: 1px;
            background:#00457c;
            color: #fff; 
        }
        a#ab-nav-extra:hover {
            background:#ad061b;
            color:#fff;
        }
        a#ab-nav-extra span {
            display:inline-block;
            -webkit-transform: skew(15deg); 
            -moz-transform: skew(15deg); 
            -o-transform: skew(15deg); 
            transform: skew(15deg);
        }
    header #ab-navigation nav { clear:both; margin:0; padding:0; }
    header.ab-header-fixed { background:#fff; }

    @media (min-width: 768px) {
        header { height:117px; }
        #ab-header-margin { height:130px; margin:0;padding:0; }
        header #ab-navigation #ab-header-logo { position:absolute; top:15px; width:117px;height:100px; }
        header #ab-navigation #ab-header-logo h1 a { width:117px;height:100px; background:transparent url("../graphics/logo-md.png") top left no-repeat; }

        header #ab-header-pre { display:block; }
        header #ab-navigation #ab-menu-button { display:none;  }
        a#ab-nav-extra {
            display:inline-block; float:right;
            margin:20px 0px 0px 25px;
        }
        header #ab-navigation nav { clear:none; float:right; margin:0; padding:0; }
        
    }

    @media (min-width: 1024px) {
        header { height:152px; }
        #ab-header-margin { height:160px; margin:0;padding:0; }
        header #ab-navigation #ab-header-logo { position:absolute; top:15px; width:152px;height:130px; }
        header #ab-navigation #ab-header-logo h1 a { width:152px;height:130px; background:transparent url("../graphics/logo.png") top left no-repeat; }
        a#ab-nav-extra {
            margin:40px 0px 0px 25px;
        }
    }

/*  -------------------------------------------
    HOME BANNERS
-----------------------------------------------*/
    .ab-homebanners { height:350px; overflow: hidden; margin:0; padding:0; border:0; }
    .ab-homebanners .ab-homebanner-xx { height:350px; }
    .ab-homebanners .ab-homebanner-01 {
      background:#fff url("../graphics/home-banner-sm-01.jpg") top center no-repeat;
      background-size: cover; margin:0; padding:0; border:0;
    }
    .ab-homebanners .ab-homebanner-02 {
      background:#fff url("../graphics/home-banner-sm-02.jpg") top center no-repeat;
      background-size: cover; margin:0; padding:0; border:0;
    }
    .ab-homebanners .ab-homebanner-03 {
      background:#fff url("../graphics/home-banner-sm-03.jpg") top center no-repeat;
      background-size: cover; margin:0; padding:0; border:0;
    }
    .ab-homebanners .ab-homebanner-layer { height:350px; width:100%; background:rgba(0,0,0,0); }
    .ab-homebanners .ab-homebanners-txt-container { height:350px; width:100%; color:#fff; position:relative; margin:0 auto; padding:0; border:0; }

    .ab-homebanners .ab-homebanners-txt-container h2 { color:#fff; padding:0; margin:5px 0; }
    .ab-homebanners-txt-content { padding-top:100px; }
    .ab-homebanners-txtA { text-align:center;  text-shadow: 0 0 10px #000; }
    .ab-homebanners-txtB { text-align:center; text-shadow: 0 0 10px #000; }
    .ab-homebanners-txtC { text-align:center; text-shadow: 0 0 10px #000; }
    .ab-homebanners-txtD { text-align:center; text-shadow: 0 0 10px #000; }
    .ab-homebanners-txtE { text-align:center; padding-top:20px; }
    .ab-homebanners-txt-content .ab-btn-pgram {
        display:inline-block; 
        -webkit-transform: skew(-15deg); 
        -moz-transform: skew(-15deg); 
        -o-transform: skew(-15deg); 
        transform: skew(-15deg);
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        padding:10px 20px;

        border:2px #fff solid;
        color: #fff; 
        background:transparent;
        font-size:0.765em;
    }
    .ab-homebanners-txt-content .ab-btn-pgram:hover {
        border:2px #dee4f0 solid;
        color: #dee4f0; 
        background:transparent;
    }
    .ab-homebanners-txt-content .ab-btn-pgram span {
        display:inline-block;
        -webkit-transform: skew(15deg); 
        -moz-transform: skew(15deg); 
        -o-transform: skew(15deg); 
        transform: skew(15deg);
    }

    @media (min-width: 768px) {
        .ab-homebanners { height:550px;}
        .ab-homebanners .ab-homebanner-xx { height:550px; }
        .ab-homebanners .ab-homebanner-01 {
          background:#fff url("../graphics/home-banner-01.jpg") top center no-repeat;
        }
        .ab-homebanners .ab-homebanner-02 {
          background:#fff url("../graphics/home-banner-02.jpg") top center no-repeat;
        }
        .ab-homebanners .ab-homebanner-03 {
          background:#fff url("../graphics/home-banner-03.jpg") top center no-repeat;
        }
        .ab-homebanners .ab-homebanner-layer { height:550px; }
        .ab-homebanners .ab-homebanners-txt-container { width:100%; height:550px;}

        .ab-homebanners-txt-content { padding:0; position:absolute; top:200px; right:70px; }
        .ab-homebanners-txtA { text-align:left; padding-left:40px; }
        .ab-homebanners-txtB { text-align:left; padding-left:30px; }
        .ab-homebanners-txtC { text-align:left; padding-left:20px; }
        .ab-homebanners-txtD { text-align:left; padding-left:10px; }
        .ab-homebanners-txtE { text-align:left; padding-left:0px; padding-top:20px; }

    }
    @media (min-width: 1024px) {
        .ab-homebanners { height:700px; }
        .ab-homebanners .ab-homebanner-xx { height:700px; }
        .ab-homebanners .ab-homebanner-layer { height:700px; }
        .ab-homebanners .ab-homebanners-txt-container { width:1000px; height:700px; }
        .ab-homebanners-txt-content { position:absolute; top:250px; right:200px; }
    }


/*  -------------------------------------------
    BANNERS
-----------------------------------------------*/
    .ab-banner-xx { height:300px; background:#ccc; background-size: cover; margin:0; padding:0; border:0; position:relative; }
    .ab-banner-00 { background:#ccc url("../graphics/banner-00.jpg") top center no-repeat; }
    .ab-banner-01 { background:#ccc url("../graphics/banner-01.jpg") top center no-repeat; }
    .ab-banner-02 { background:#ccc url("../graphics/banner-02.jpg") top center no-repeat; }
    .ab-banner-03 { background:#ccc url("../graphics/banner-03.jpg") top center no-repeat; }
    .ab-banner-04 { background:#ccc url("../graphics/banner-04.jpg") top center no-repeat; }

    @media (min-width: 768px) {
        .ab-banner-xx { height:400px; }
    }

    @media (min-width: 1024px) {
        .ab-banner-xx { height:500px; }
    }