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

    main { margin:0; padding:0; }
    main p { font-family: 'PrimaryFontLight', sans-serif; font-size:1.25em; }

    footer { box-sizing: border-box; margin:0; padding:0; }

    footer #ab-footer-contact { box-sizing: border-box; width:100%; background:#e5f0f1; padding:30px 0px; margin:0; }
    footer #ab-footer-contact form { box-sizing: border-box; width:100%; margin:0;padding:0; }
    footer #ab-footer-contact form label { box-sizing: border-box; width:100%; font-size: 0.85em;  }
    footer #ab-footer-contact form input[type="text"]{ box-sizing: border-box; width:100%; font-size:0.85em; background:transparent; padding:10px; margin:3px 0px; border:1px #666 solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
    footer #ab-footer-contact form input[type="email"]{ box-sizing: border-box; width:100%; font-size:0.85em; background:transparent; padding:10px; margin:3px 0px; border:1px #666 solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
    footer #ab-footer-contact form textarea { box-sizing: border-box; width:100%; height:125px; font-size:0.85em; background:transparent; padding:10px; margin:3px 0px; border:1px #666 solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
    footer #ab-footer-contact form input[type="submit"] { background:#f4f4f4; color:#000; border:1px #666 solid;  margin:10px 0px 0px 0px;}
    footer #ab-footer-contact form input[type="submit"]:hover { background:#002f5f; color:#fff; border:1px #fff solid; }

    footer #ab-footer-legal { box-sizing: border-box; width:100%; background:#fff; text-align:center; color:#333; padding:30px 0px; margin:0; }
    footer #ab-footer-legal h3 { color:#333; }
    footer #ab-footer-legal a { color:#333; text-decoration: none; outline: none; }
    footer #ab-footer-legal a:hover { color:#000; }

    footer #ab-footer-sm { margin:0; padding:20px 0 0 0; }
    footer #ab-footer-sm a img { margin:10px; padding:0; }

    footer #ab-footer-copyright { box-sizing: border-box; font-size:0.765em; width:100%; background:#333; text-align:center; color:#fff; padding:10px; margin:0; }
    footer #ab-footer-copyright a { color:#fff; text-decoration:none; }
    footer #ab-footer-copyright a:hover { text-decoration:underline; }


    h2 { font-size:2.0em; }
    .ab-whoweare-txt-box { box-sizing: border-box; padding:10px; }
    .ab-whoweare-txt-box p { line-height:150%; }

    .ab-instagrm-btn { display:inline-block; box-sizing:border-box; height:35px; margin:0; border:0; border-radius:10px; 
         padding:5px 10px 10px 45px; background:url("../graphics/instagram-logo.png") top left no-repeat; 
        font-size:1.2em; text-transform:uppercase; }
    .ab-instagrm-btn:hover { color:#000; font-weight:bold; }

    @media (min-width: 768px) {
        h2 { font-size:2.6em; }

        footer #ab-footer-main-content { width:33%; float:left; padding:0; margin:0; }
        footer #ab-footer-main-contact { display:block; width:33%; float:left; padding:0; margin:0; }


        .sm-clean a.ab-not-home { color:#000; padding-right:0; margin-left:15px;margin-right:10px; }
/*        .sm-clean a.ab-not-home:last-child { margin-right:0px; }
*/

        .sm-clean a.ab-not-home:active, .sm-clean a.ab-not-home:focus, .sm-clean a.ab-not-home:hover { color:#000; }
        .sm-clean a.ab-not-home span.sub-arrow {
           display:none;width:0;border:0;margin:0;padding:0; }


        .sm-clean li a.ab-not-home { padding-left:0; }
        .sm-clean li.ab-current a.ab-not-home { padding-left:0; }

        .ab-whoweare-txt-box { padding:25px; }
    }


    @media (min-width: 1024px) {
        .sm-clean a.ab-not-home { margin-left:25px;margin-right:20px; }
/*
        footer #ab-footer-main-content { width:60%; float:left; padding:0; margin:0; }
        footer #ab-footer-main-contact { width:40%; float:left; padding:0; margin:0; }
*/

        .ab-whoweare-txt-box { padding:50px; }
        .ab-whoweare-txt-box p { line-height:200%; }
      }




/*  -------------------------------------------
    LOGO
-----------------------------------------------*/
.mj-logo-cover { display:block; height:75px; width:auto; margin:0 0 15px 0; }

@media (min-width: 768px) {
    .mj-logo-cover { display:block; height:125px; width:auto; }
}


@media (min-width: 1024px) {
    .mj-logo-cover { display:block; height:150px; width:auto; }
}
/*  -------------------------------------------
    FOOTER MAP
-----------------------------------------------*/
    #footer-map { width:100%; height:200px; }

    @media (min-width: 768px) {
        #footer-map { width:100%; height:300px; }
    }

    @media (min-width: 1024px) {
        #footer-map { width:100%; height:400px; }
    }

/*  -------------------------------------------
    SMARTMENUS
-----------------------------------------------*/
    @media (min-width: 768px) {
      .sm-clean > li > ul:before,
      .sm-clean > li > ul:after {
        content: '';
        position: absolute;
        top: -18px;
        left: 30px;
        width: 0;
        height: 0;
        overflow: hidden;
        border-width: 9px;
        border-style: dashed dashed solid dashed;
        border-color: transparent transparent #00457c transparent;
      }
      .sm-clean > li > ul:after {
        top: -16px;
        left: 31px;
        border-width: 8px;
        border-color: transparent transparent #00457c transparent;
      }
      .sm-clean ul {
        border: 0px solid #bbbbbb;
        padding: 5px 0px 0px 0px;
        background: #00457c;
        -webkit-border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        -ms-border-radius: 0px !important;
        -o-border-radius: 0px !important;
        border-radius: 0px !important;
        -webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
      }
      .sm-clean ul li {
            border-top:1px #00457c solid;
        }
      .sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {
        border: 0 !important;

        padding: 10px 20px;
        color: #555555;
        background: #f7f8fa;
      }
      .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {
        background: #fff;
        color: #000;
        font-weight:normal;
      }
      .sm-clean ul a.current {
        color: #00457c;
      }
      .sm-clean ul a.disabled {
        background: white;
        color: #cccccc;
      }
      .sm-clean ul a.has-submenu {
        padding-right: 20px;
      }
      .sm-clean ul a span.sub-arrow {
        right: 8px;
        top: 50%;
        margin-top: -5px;
        border-width: 5px;
        border-style: dashed dashed dashed solid;
        border-color: transparent transparent transparent #fff;
      }

    }


/*  -------------------------------------------
    HEADER:
-----------------------------------------------*/
    header { 
        width:100%; background:#fff; z-index:1000; margin:0; padding:0; 
        position:fixed; top:0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; 
    }
    header.home { background:transparent; color:#fff; }

    .ab-container-header {         
        box-sizing: border-box; 
        width:100%; margin:0 auto; padding:0px 10px; }

    header #ab-navigation { box-sizing: border-box; margin:0; padding:10px 0 0 0; }
    header #ab-navigation #ab-header-logo { float:left; width:225px;height:55px; margin:0; padding:0; }
    header #ab-navigation #ab-header-logo h1 { margin:0; padding:0; }
    header #ab-navigation #ab-header-logo h1 div { font-size:0.40em; font-weight:bold; }
    header #ab-navigation #ab-header-logo h1 a { display:block; width:225px;height:55px; margin:0; padding:5px 0 0 0; outline:none; }
    header #ab-navigation #ab-menu-button { display:block; float:right;  }
    header #ab-navigation nav { clear:both; margin:0; padding:0; }

    header #ab-navigation #ab-header-sm { display:none; margin:0; padding:10px 0 0 20px; float:right; }
    header #ab-navigation #ab-header-sm a img { margin:0 0 0 10px; padding:0; }

    #ab-header-margin { height:70px; margin:0;padding:0; }

    header.ab-header-fixed { background:#fff; }
    header.ab-header-fixed-home { background:#666666; }

    @media (min-width: 768px) {
        header.home { border-bottom:1px solid; border-color: rgba(255, 255, 255, 0.5); }
        header #ab-navigation { padding:15px 0 0 0; }
        header #ab-navigation #ab-menu-button { display:none;  }
        header #ab-navigation nav { clear:none; float:right; margin:0; padding:0; }
        
        header #ab-navigation #ab-header-sm { display:block; }
        
        #ab-header-margin { height:70px; margin:0;padding:0; }
    }

    @media (min-width: 1024px) {
        .ab-container-header { padding:0px 25px; }
        header #ab-navigation nav { padding:0; }
    }
    @media (min-width: 1280px) {
        .ab-container-header { padding:0px 75px; }
    }

/*  -------------------------------------------
    SECTIONS
-----------------------------------------------*/
    .ab-sec-normal { padding:30px 0px; margin:0; }
    .ab-sec-grey { padding:30px 0px; margin:0; background:#eff0f2; }
    .ab-sec-color { padding:30px 0px; margin:0; background:#e5f0f1; }

    .ab-sec-columns { padding:0; margin:0; }
    .ab-sec-columns h2 { font-size:1.8em; }
    .ab-sec-columns h3 { font-size:1.4em; }
    .ab-sec-columns p { line-height:200%; }
    .ab-sec-columns .ab-sec-columns-txt {
        box-sizing: border-box; margin:0; 
        padding:10px; 
    }
    @media (min-width: 768px) {
        .ab-sec-normal { padding:50px 0px; }
        .ab-sec-grey { padding:50px 0px; }
        .ab-sec-color { padding:50px 0px; }
        .ab-sec-columns .ab-sec-columns-txt { padding:25px; }
    }

    @media (min-width: 1024px) {
        .ab-sec-columns .ab-sec-columns-txt { padding:75px 75px 10px 75px; }
    }

/*  -------------------------------------------
    PARALLAX SECTIONS
-----------------------------------------------*/
    .ab-sec-parallax { padding:50px 0px; margin:0; color:#fff; }
    .ab-sec-parallax h2 { color:#fff; }
    .ab-sec-parallax h2.extralarge { font-size:2.5em; font-weight:bold; }
    .ab-sec-parallax h3 { color:#fff; font-size:1.8em; font-weight:bold; }
    .ab-sec-parallax p { font-family: 'PrimaryFontLight', sans-serif; color:#fff; }
    .ab-sec-parallax p.ab-txt-highlight { color:#fff; }
    .ab-sec-parallax-a { min-height: 500px; 
        background: url("../graphics/parallax-a-small.jpg") top right no-repeat; }
    .ab-sec-parallax-b { min-height: 650px; background: transparent; }
    .ab-sec-parallax-c { min-height: 650px; background: transparent; }
    .ab-sec-parallax-d { min-height: 650px; background: transparent; }

    @media (min-width: 768px) {
        .ab-sec-parallax { padding:75px 0px; margin:0; }
        .ab-sec-parallax h2.extralarge { font-size:2.75em; }
        .ab-sec-parallax h3 { font-size:2.0em; }
        .ab-sec-parallax-a { background: transparent; }
     }

    @media (min-width: 1024px) {
        .ab-sec-parallax h2.extralarge { font-size:3.5em; }
        .ab-sec-parallax h3 { font-size:2.0em; }
    }

/*  -------------------------------------------
    TESTIMONIAL SECTIONS
-----------------------------------------------*/
    .ab-sec-testimonials { padding:10px; margin:0; background:#f6f6f6; }
    .ab-testimonial { box-sizing:border-box; padding:15px; margin:5px 0px; background:#fff; }

    @media (min-width: 768px) {
        .ab-testimonial { position:relative; height:300px; padding:15px; margin:10px; }
        .ab-testimonial p { color:#666; font-size:0.85em; line-height:200%; }
        .ab-testimonial h3 { position:absolute; bottom:20px; }
    }

    @media (min-width: 1024px) {
        .ab-sec-testimonials { padding:35px 35px; }
        .ab-testimonial { position:relative; height:325px; padding:50px; margin:40px; }
        .ab-testimonial h3 { position:absolute; bottom:30px; }
    }