/* CSS Document */

/* Body and Universal Reset */

* {
    margin  : 0;
    padding : 0;
}

html, body {
    min-height : 100%;
    background : #111111;
}

#wrapper {
    background : url(//d25w4yby8gyv0a.cloudfront.net/images/backgrounds/footer_bg.png) no-repeat bottom center #111111;
    min-height : 100%
}

#contentTopCover {
    background : #fff;
    height     : 48px;
    position   : absolute;
    width      : 50%;
    right      : 0;
    margin     : -80px 0 0 0;
    border-top : 32px solid #2D2D2D;
}

.no_sidebar #contentTopCover, .no_sidebar #pageHeading, .contact #contentTopCover, .contact #pageHeading {
    width : 100% !important;
    left  : auto;
}

#portfolio-viewPage #pageHeading {
    width: 30% !important;
}

#popupWindowCaller {
    display : none;
}

.clear {
    clear  : both;
    height : 1px;
}

img {
    border : none;
}

::selection {
    background : #393e42;
    color      : #FFF;
}

::-moz-selection {
    background : #393E42;
    color      : #FFF;
}

/* Defaults */

.inner {
    padding : 0 20px;
}

.rounded {
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    -o-border-radius      : 4px;
    -ms-border-radius     : 4px;
    border-radius         : 4px;
}

.transition {
    -moz-transition    : all linear 0.2s;
    -webkit-transition : all linear 0.2s;
    -o-transition      : all linear 0.2s;
    transition         : all linear 0.2s;
}

#content ul.noContent li:before, #content .noContent ul li:before, #content .flexslider ul li:before {
    content : '';
}

#content ul.noContent li, #content .noContent ul li, #content .flexslider ul li {
    text-indent : 0;
    margin-left : 0;
}

/* Typography */

/* Header */

#topWrapper {
    background : url(//d25w4yby8gyv0a.cloudfront.net/images/backgrounds/header_bg.png) no-repeat top center #1E1E1E;
    border-top : 2px solid #F25F33;
}

#headerWrapper {
    border-bottom : 1px solid #323232;
    /* padding:42px 0 0 0; */
    padding       : 26px 0 0 0;
    height        : 83px;
}

#header {
}

#header_top {
    height: 63px;
    float: left;
    width: 100%;
    display: block;
}

#header_fill.filler {
    height: 65px;
}

.sticky {
    position: fixed;
    width: 100%;
    background: #1E1E1E;
    z-index: 999;
    top: 0;
    left: 0;
    height: 65px;
    border-bottom: 1px solid #373737;
    border-top: 3px solid #EC5C33;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}

.sticky23 {
    -webkit-transition : width linear 0.4s;
    -moz-transition    : width linear 0.4s;
    -o-transition      : width linear 0.4s;
    transition         : width linear 0.4s;
}

.sticky #navigation {
    float: right;
}

.sticky #mainNav {
    padding-top: 0;
    margin-right: 40px;
}

.sticky #mainNav > li > a {
    padding: 23px 20px 24px;
}

.sticky #mainNav > li {
    margin-left: 0;
}

.sticky #mainNav > li > a:hover, .sticky #mainNav li.current > a, .sticky #mainNav > li:hover > a {
    background: #111;
}

.sticky #mainNav > li.contact {
    margin-top: 15px;
}

.sticky #mainNav li:hover ul, .sticky #mainNav li.sfHover ul {
    top: 64px;
}

.sticky #mainNav li.contact:hover ul, .sticky #mainNav li.sfHover.contact ul {
    top: 49px;
}

.sticky #mainNav li li.sfHover ul {
    top: 0px;
}

/* Global Sub Nav Header */
.global_subnav {
    position: absolute;
    right: 0;
    top: -12px;
    color: #999999;
}

.global_subnav a {
    color: #999999;
    font-size: 11px;
    text-transform: uppercase;
}

.sticky .global_subnav {
    display: none;
}

#header .sticky a.logo {
    background-size: 100% auto;
    height: 42px;
    width: 96px;
    margin: 10px 0 0 40px;
}

#header a.logo {
    margin      : 0px 0px 15px 0px;
    padding     : 0px;
    text-indent : -9999px;
    height      : 62px;
    width       : 137px;
    display     : block;
    position    : relative;
    background  : url(//d25w4yby8gyv0a.cloudfront.net/images/logos/nbm.png) top left no-repeat;

    background-size: 100% auto;
}

.featureBanner {
    margin-top : 0;
}

#pageHeading {
    /*padding : 40px 0 89px;*/
    padding: 70px 0 119px;
}

#homePage #pageHeading {
    height : 296px;
    text-align: center;
}

#homePage #pageHeading h1 {
    font-size: 34px;
}

/* Main Navigation */

#mainNav {
    height      : 30px;
    padding-top : 40px;
    float       : right;
}

#mainNav li, #portfolioCategories ul li {
    list-style : none;
    float      : left;
    position   : relative;
}

#mainNav > li {
    margin : 0 0 0 0;
}

#mainNav > li.first {
    margin-left : 0;
}

#mainNav li a {
    padding     : 7px 15px;
    background  : #3B3B39;
    color       : #FFFFFF;
    display     : block;
    font-weight : 300;
    font-size   : 13px;
    line-height : 18px;
    -webkit-transition : color linear 0.2s, border linear 0.2s, background linear 0.2s;
    -moz-transition    : color linear 0.2s, border linear 0.2s, background linear 0.2s;
    -o-transition      : color linear 0.2s, border linear 0.2s, background linear 0.2s;
    -ms-transition     : color linear 0.2s, border linear 0.2s, background linear 0.2s;
    transition         : color linear 0.2s, border linear 0.2s, background linear 0.2s;
}

#mainNav > li > a {
    height             : 16px;
    background         : none;
    padding            : 7px 15px 20px;
    font-size          : 15px;
}

#mainNav li a:hover, #mainNav li.current > a {
    color      : #EC5C33;
    background : #2D2D2B;
}

#mainNav > li > a:hover, #mainNav li.current > a, #mainNav > li:hover > a {
    border-bottom : 1px solid #EC5C33;
    background    : none;
}

#mainNav > li.contact {
    padding : 4px 0 0;
    margin-left: 23px;
}

#mainNav > li.contact > a, #mainNav > li.contact > a:active, #mainNav > li.contact > a:link {
    background : #EC5C33 !important;
    border     : none;
    padding    : 5px 10px 4px;
    color      : #fff;
    line-height: 15px;
}

#mainNav > li.contact > a {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

#mainNav > li.contact > a:hover {
    background : #5B5B5B !important;
    color      : #fff;
}

#mainNav > li.contact span {
    background : url(//d25w4yby8gyv0a.cloudfront.net/images/backgrounds/contact_link_bottom.png) no-repeat top right;
    height     : 8px;
    display    : block;
    margin     : 5px 0 0 0;
}

#mainNav > li.contact a:hover span {
    background-position : bottom right;
}

#mainNav ul, #portfolioCategories ul ul {
    position : absolute;
    width    : 220px; /* left offset of submenus need to match (see below) */
    top      : -999px;
}

#mainNav ul li, #portfolioCategories ul ul li {
    width : 100%;
}

#mainNav li:hover, #portfolioCategories ul li:hover {
    visibility : inherit; /* fixes IE7 'sticky bug' */
}

#mainNav li:hover ul, #mainNav li.sfHover ul, #portfolioCategories ul li:hover ul, #portfolioCategories ul li.sfHover ul {
    left    : 0;
    top     : 44px; /* match top ul list item height */
    z-index : 99;
}

#mainNav li:hover li ul, #mainNav li.sfHover li ul, #portfolioCategories ul li:hover li ul, #portfolioCategories ul li.sfHover li ul {
    top : -999em;
}

#mainNav li li:hover ul, #mainNav li li.sfHover ul {
    left : 220px; /* match ul width */
    top  : 0;
}

#mainNav li li:hover li ul, #mainNav li li.sfHover li ul {
    top : -999em;
}

#mainNav li li li:hover ul, #mainNav li li li.sfHover ul {
    left : 220px; /* match ul width */
    top  : 0;
}

#mainNav ul li a {
    margin        : 0 0 0 0;
    border-bottom : 1px solid #444444;
    font-family   : Arial, Helvetica, sans-serif;
    font-size     : 12px;
    padding       : 10px 15px;
}

/* ================================= */
/* Mobile Navigation */
/* ================================= */

/* Resets for container */
#mobile_nav {
    position : absolute;
    top      : 0;
    z-index  : 9999;
    right    : 0;
    width    : 40%;
    float    : left;
    margin   : 0;
    padding  : 0;
}

/* Background colour for menu and active icon/button */
html.mobile_nav_is_active,
#mobile_nav .mobile_nav_wrap,
#mobile_nav #mobile_nav_launch.active_mobile_launch {
    background-color : #363A39;
}

#mobile_nav .mobile_nav_wrap,
#mobile_nav ul li,
#mobile_nav ul li a {
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    box-sizing         : border-box;
}

/* Style the icon/button */
#mobile_nav #mobile_nav_launch {
    height: 49px !important;
    width: 57px !important;
    line-height: 21px;
    position: relative;
    top: 21px;
    right: 17%;
    border-radius: 0;
    background: #363A39 url(//d25w4yby8gyv0a.cloudfront.net/images/buttons/nav.png) center center no-repeat;
    background-size: 190% 70%;
    text-indent: -9999px;
    float: right;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
    z-index: 99;
}

/* Actual Menu Wrapper - Important stuff */
#mobile_nav .mobile_nav_wrap {
    position: fixed;
    width: 80%;
    float: left;
    right: -80%;
    box-shadow: inset 3px 0px 6px #111;
    height: 100%;
    z-index: 98;
    overflow: auto;
    display: block;
    border-top: 2px solid #F25F33;
    padding: 0 0 0 5px;
    -webkit-overflow-scrolling: touch;
}

#mobile_nav .mobile_nav_wrap_active {
    right : 0;
}

html,
#mobile_nav .mobile_nav_wrap {
    -webkit-transition : right 0.2s linear;
    -moz-transition    : right 0.2s linear;
    transition         : right 0.2s linear;
}

html {
    position : relative !important;
    width    : 100%;
    right    : 0;
}

html.mobile_nav_is_active {
    right : 80%;
}

html.mobile_nav_is_active,
html.mobile_nav_is_active body {
    /* overflow : hidden; */
    position : relative;
    height   : 100%;
}

#mobile_nav ul {
    float         : none;
    position      : relative;
    overflow      : auto;
    visibility    : visible;
    top           : 0;
    left          : 0;
    display       : block;
    width         : 100%;
    list-style    : none;
    margin        : 0 auto !important;
    padding       : 0 !important;
    border-top    : 5px solid #363a39;
    border-bottom : 5px solid #363a39;
}

#mobile_nav ul li {
    width         : 100%;
    display       : block;
    padding       : 0 25px;
    float         : left;
    width         : 100%;
    border-bottom : 1px solid #444;
}

#mobile_nav ul li a {
    color       : #fff;
    font-size   : 18px;
    display     : block;
    float       : left;
    width       : 100%;
    font-weight : bold;
    padding     : 12px 20% 12px 0;
    position: relative;
}

#mobile_nav ul li a:active {
    text-shadow : -1px -1px 0 #111;
}

#mobile_nav ul ul {
    padding-left : 20px;
}

#mobile_nav .mobile_nav_wrap > ul > li > ul {
    display: none; /* HIDE INITIALLY */
}

#mobile_nav ul ul li {
    border-bottom: 0;
    padding: 0 0 0 20px;
}

#mobile_nav ul ul li a {
    font-weight  : normal;
    font-size    : 13px;
}

span.mobile_nav_down_more {
    position: absolute;
    height: 100%;
    width: 20%;
    text-align: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    z-index: 999;
    right: 0;
    top: 0;
    padding: 10px 0 0;
    outline: none;
}

/* Sidebar */

#sidebar {
    background : #5B5B5B;
    min-height : 300px;
    /* top:320px; */
    top        : -120px;
    margin-bottom:-120px;
    color      : #fff;
    display    : block;
}

.requestProposal {
    color       : #fff;
    font-family : 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size   : 28px;
    line-height : 42px;
    margin      : -130px -28px 0 0;
    display     : block;
    height      : 260px;
    position    : relative;
}

.requestProposal:hover {
    color       : #fff;
    text-shadow : -1px -1px 0 #D03C22;
}

.requestProposal * {
    position : absolute;
}

.requestProposal span.content {
    margin : 78px 0 0 47px;
}

.requestProposal span.description {
    font-size   : 14px;
    display     : block;
    line-height : 20px;
}

.requestProposal .circle {
    display : block;
}

.requestProposal .largeCircle {
    height                : 260px;
    width                 : 260px;
    -moz-border-radius    : 130px;
    -webkit-border-radius : 130px;
    -o-border-radius      : 130px;
    -ms-border-radius     : 130px;
    border-radius         : 130px;
    margin                : 0;
    right                 : 0;
    background            : url(//d25w4yby8gyv0a.cloudfront.net/images/backgrounds/request_proposal_bg.png) no-repeat bottom right #EB5C32;
}

.requestProposal .smallCircle {
    width                 : 46px;
    height                : 46px;
    bottom                : 0;
    -moz-border-radius    : 23px;
    -webkit-border-radius : 23px;
    -o-border-radius      : 23px;
    -ms-border-radius     : 23px;
    border-radius         : 23px;
    background            : #EB5C32;
}

.requestProposal:hover .smallCircle {
    border                : 2px solid #F5864A;
    height                : 236px;
    width                 : 236px;
    -moz-border-radius    : 120px;
    -webkit-border-radius : 120px;
    -o-border-radius      : 120px;
    -ms-border-radius     : 120px;
    border-radius         : 120px;
}

.sidebarBox {
    padding     : 0 30px 15px;
    margin      : 40px 0 0 0;
    font-family : 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight: 300;
}

.sidebarBoxTitle {
    font-size      : 22px;
    margin         : 0 0 20px 0;
    text-transform : uppercase;
    line-height    : 22px;
}

#featuredBlog {
    background : url(//d25w4yby8gyv0a.cloudfront.net/images/backgrounds/blog_folder.png) no-repeat bottom right;
}

.featuredBlogHeading {
    font-size   : 14px;
    font-weight : 300;
}

#featuredBlog a {
    color : #fff;
}

#featuredBlog a.readMore {
    text-decoration : underline;
}

#featuredBlog a:hover {
    color : #EC5C33;
}

.sidebarSearch input, .sidebarSearch select {
    margin-bottom : 10px;
}

/* Sub Nav */

#content ul#subNav {
    background : #373737;
    margin     : -80px 0 0;
    padding    : 15px 10px 155px;
}

#content ul#subNav li.subNavHeading {
    font-family   : 'Titillium Web', Arial, Helvetica, sans-serif;
    font-size     : 20px;
    line-height   : 22px;
    font-weight: 300;
    border-bottom : 1px solid #4F4F4F;
    padding       : 0;
    margin        : 0 0 14px 0;
}

#subNav li.subNavHeading a {
    padding       : 0 13px 8px;
    border-bottom : 1px solid #1c1c1c;
}

#subNav li.subNavHeading a:hover {
    color : #fff;
}

#content ul#subNav li {
    padding : 0 13px 6px;
    margin  : 0;
}

#subNav a {
    color   : #B4B4B4;
    display : block;
}

#subNav a:hover, #subNav li.down a {
    color       : #EC5C33;
    text-shadow : -1px -1px 0 #1c1c1c;
}

#content ul#subNav li.child {
    padding-left : 37px;
    font-size    : 12px;
    text-indent  : -12px;
}

#content ul#subNav li.child a:before {
    content      : "\203A";
    margin-right : 7px;
}

#content ul#subNav li.childChild {
    padding-left : 47px;
}

/* Content */

#contentWrapper {
    background : #fff;
    padding    : 0 0 1px 0;
}

#contentInnerTopCover {
    background : #fff;
    height     : 48px;
    margin-top : -80px;
    border-top : 32px solid #2D2D2D;
}

#content p, #content table, #content ul, #content ol {
    margin : 0 0 18px 0;
}

#content ul, #content ol {
    margin-left : 18px;
}

#copy {
    margin-top : -80px;
}

/* Home */

#content #homeNav li {
    margin      : 0;
    text-indent : 0;
}

.grey_background {
    background : #eee;
    display    : block;
    float      : left;
    width      : 100%;
}

#homeNav a {
    display    : block;
    background : #EEEEEE;
    padding    : 5px 10px;
}

#homeBanner {
    margin     : -470px -50px 40px -75px;
    background : none;
    min-height : 470px;
}

#homeBanner .homeBannerBackground {
    height             : 100%;
    width              : 100%;
    left               : 25px;
    top                : 25px;
    padding            : 0 0 25px 0;
    position           : absolute;
    -webkit-box-sizing : border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing    : border-box; /* Firefox, other Gecko */
    -ms-box-sizing    : border-box; /* IE8 & 9 */
    box-sizing         : border-box; /* Opera/IE 8+ */
}

#homeBanner .homeBannerBackground div {
    /*background         : #373737;
    border-bottom      : 5px solid #EC5C33;*/
    height             : 100%;
    width              : 100%;
    -webkit-box-sizing : border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing    : border-box; /* Firefox, other Gecko */
    -ms-box-sizing    : border-box; /* IE8 & 9 */
    box-sizing         : border-box; /* Opera/IE 8+ */
}

#homeBanner .homeBannerImageWrapper {
    margin : 0;
    float: left;
    position: relative;
    width: 100%;
    height: 470px;
    overflow-y: hidden;
}

#homeBanner .homeBannerImageWrapper img {
    position: absolute;
    top: 0;
}

#homeBanner .banner_text {
    top: 0;
    position: absolute;

}

#homeBanner h1 {
    color       : #FFFFFF;
    font-size   : 28px;
    font-family : 'Titillium Web', Arial, Helvetica, sans-serif;
    line-height : 34px;
    font-weight: 400;
    margin      : 130px 0 10px;
}

#homeBanner .button {
    padding: 12px 23px !important;
    font-size: 12px;
    border-color     : #282828 !important;
}

.homeSectionOverview {
    margin-bottom:15px;
}

#content .homeSectionOverview p {
    margin-bottom : 5px;
}

.latestFeaturedItem h3 a:hover {
    color: #313131;
}

.servicesOverview {
    padding-top : 20px;
}

.latestFeaturedItem {
    padding: 0 0 30px;
}

.featuredServices a {
    height                : 190px;
    overflow              : hidden;
    -moz-border-radius    : 95px;
    -webkit-border-radius : 95px;
    -o-border-radius      : 95px;
    -ms-border-radius     : 95px;
    border-radius         : 95px;
    background            : #373737;
}

.featuredServices {
    margin-bottom : 20px;
}

.featuredServices a, .featuredServices span {
    display : block;
}

.featuredServices a, .featuredServices a > span {
    height : 190px;
}

.featuredServices a:hover {
    background : #EC5C33;
}

.featuredServices a > span {
    color       : #fff;
    text-align  : center;
    font-family : 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight: 300;
    position    : relative;
    overflow    : hidden;
}

.featuredServices span span {
    padding : 69px 0 0 0;
}

.featuredServices span.featuredServiceTitle {
    font-size   : 17px;
    font-weight : 300;
    line-height : 22px;
}

.featuredServices span.featuredServiceContent {
    font-size : 14px;
    padding   : 0 20px;
    color     : #fff;
}

.featuredServices a:hover span.featuredServiceTitle {
    margin : -190px 0 0 0;
}

.featuredServices i {
    font-size : 80px;
    bottom    : -10px;
    left      : 0;
    width     : 100%;
    position  : absolute;
}

.featuredServiceSocial i {
    bottom : -10px;
}

.latestFeaturedItem h3, .latestFeaturedItem h3 a {
    color       : #898989;
    font-size   : 22px;
    font-weight : normal;
}

.homeSectionOverview h3, .latestFeaturedItem h3 {
    padding: 0 0 1px;
}

.latestFeaturedItem a {
    color : #181818;
}

.latestFeaturedItem a.tweetTime {
    color : #898989;
}

#content ul#latestClients, #content ul#latestClients li {
    margin  : 0;
    padding : 0;
}

/* Portfolio */

#portfolioCategories {
    color: #fff;
    display: block;
    float: right;
    margin: -59px 20px 0 0;
    background: #2D2D2D;
    /*padding: 10px 20px;*/
    cursor: pointer;
}

#portfolioCategories ul {
}

#portfolioCategories ul li .downArrow {
    display: inline-block;
    padding: 10px;
    background: #EC5C33;
    margin: -10px -15px -10px 10px;
    color: #1E1E1E;
}

#portfolioCategories > ul > li {
    padding: 10px 15px;
}

#portfolioCategories ul ul {
    width: 174px;
}

#portfolioCategories ul li:hover ul, #portfolioCategories ul li.sfHover ul {
    left: 0;
    top: 40px;
}

#portfolioCategories ul ul {
    display: none;
}

#portfolioCategories ul ul li a {
    background: #2D2D2D;
    padding: 8px 8px 8px 15px;
    display: block;
    color: #fff;
}

#portfolioCategories ul ul li a:hover {
    background: #373737;
}

.featuredItem {
    width    : 30%;
    margin   : 0 3.5% 20px 0;
    float    : left;
    position : relative;
    -webkit-transition : box-shadow 0.2s ease-in, top 0.05s linear, opacity linear 0.2s;
    -moz-transition    : box-shadow 0.2s ease-in, top 0.05s linear, opacity linear 0.2s;
    -o-transition      : box-shadow 0.2s ease-in, top 0.05s linear, opacity linear 0.2s;
    transition         : box-shadow 0.2s ease-in, top 0.05s linear, opacity linear 0.2s;
    background: #fff;
    overflow:hidden;
    max-width:227px;
}

.featureItems {
    margin-top: 20px;
}

.featureItems:hover .featuredItem img.original {
    opacity: 0.5;
}

.featureItems .featuredItem img.original {
    -webkit-transition : opacity linear 0.2s;
    -moz-transition    : opacity linear 0.2s;
    -o-transition      : opacity linear 0.2s;
    transition         : opacity linear 0.2s;
}

.featureItems .featuredItem img.original {
    max-width: 110%;
}

.featureItems .featuredItem:hover img.original {
    opacity: 1 !important;
}

#portfolioPage .featuredItem {
    width    : 23%;
    margin   : 20px 2.6% 20px 0;
}

.featuredItem:hover {
    -webkit-box-shadow : 2px 2px 15px rgba(0, 0, 0, 0.4);
    -moz-box-shadow    : 2px 2px 15px rgba(0, 0, 0, 0.4);
    -o-box-shadow      : 2px 2px 15px rgba(0, 0, 0, 0.4);
    box-shadow         : 2px 2px 15px rgba(0, 0, 0, 0.4);
    top: -5px;
}

/*.js .portfolioLogo {
	display:none;
}*/

.portfolioLogo:hover {
    -webkit-box-shadow : 2px 2px 15px rgba(0, 0, 0, 0.4);
    -moz-box-shadow    : 2px 2px 15px rgba(0, 0, 0, 0.4);
    -o-box-shadow      : 2px 2px 15px rgba(0, 0, 0, 0.4);
    box-shadow         : 2px 2px 15px rgba(0, 0, 0, 0.4);
    top: -5px;
}

.portfolioLogo:hover img.original {
    opacity: 1;
}

.featuredItem.omega {
    margin-right : 0 !important;
}

.featuredItemDesc a {
    -webkit-transition : color 0.2s ease-in;
    -moz-transition    : color 0.2s ease-in;
    -o-transition      : color 0.2s ease-in;
    transition         : color 0.2s ease-in;
}

.featuredItemDesc a, .featuredItemDesc span, .featuredItemDesc p {
    display : block;
    padding : 0 14px 12px;
    margin  : 0 !important;
}

.featuredItemImg {
    position : relative;
    overflow:hidden;
    display  : block;
}

.featuredItemImgHover {
    position : absolute;
    height   : 100%;
    opacity  : 0;
    bottom   : 0;
    width    : 100%;
    background: url(//d25w4yby8gyv0a.cloudfront.net/images/backgrounds/portfolio_hover.png) repeat center;
    -webkit-transition : opacity linear 0.2s;
    -moz-transition    : opacity linear 0.2s;
    -o-transition      : opacity linear 0.2s;
    transition         : opacity linear 0.2s;
}

.featuredItem:hover .featuredItemImgHover {
    opacity : 1;
}

.featuredItemDesc {
    background : #FFF;
    border-bottom: 1px solid #ddd;
    padding: 3px 0;
}

.featuredItem:hover .featuredItemDesc {
    background : #313131;
    color      : #fff;
    border-bottom: 1px solid #313131;
}

.featuredItem {
    font-size: 11px;
}

.featuredItemDesc h3 {
    font-size : 16px;
    margin    : 0;
}

.featuredItemDesc h3 a, .featuredItemDesc h3 {
    color   : #111111;
    padding : 10px 14px 1px;
}

.featuredItemDesc h3 a {
    margin : -8px -14px -3px !important;
}

.featuredItem:hover a, .featuredItem:hover h3 {
    color : #fff;
}

#content .portfolioLogo {
    margin      : 0 2% 20px 0;
    overflow    : hidden;
    width       : 15%;
    line-height : 59px;
    float       : left;
    position    : relative;
    text-align  : center;
}

.portfolioLogo .inner {
    padding : 5px;
    border  : 1px solid #DEDEDE;
}

.portfolioLogo .inner, .portfolioLogo .inner a {
    height:80px;
    line-height:80px;
    display:block;
}

.portfolioLogo .inner:hover {
    border-color : #313131;
}

.portfolioLogo:hover img, .portfolioLogo a:hover img {
    opacity : 0.7;
}

.portfolioViewContent {
    margin: 15px 0 55px;
}

.pagePrev, .pageNext {
    font-family : 'Titillium Web', Arial, Helvetica, sans-serif;
    background  : #2D2D2D;
    color       : #fff;
    top         : 420px;
    width       : 22px;
    padding     : 8px 10px 8px 2px;
    font-size   : 16px;
    overflow    : hidden;
    white-space : nowrap;
    position    : fixed;
    z-index     : 10;
    font-weight: 300;
}

.portfolioImageHolder_mobile {
    margin: -410px 0 28px 50px;
    width: 223px;
    height: 441px;
    position: relative;
    background: url(//d25w4yby8gyv0a.cloudfront.net/images/backgrounds/iphone-bg.png) no-repeat center center;
    padding: 64px 27px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

.portfolioImageOverflow_mobile {
    height: 304px;
    width: 168px;
    overflow: hidden;
}

.portfolioImageHolder_mobile img {
    width: 145%;
    height: auto;
    left: -22%;
    position: relative;
}

.pagePrev {
    left                               : 0;
    -webkit-border-top-right-radius    : 8px;
    -webkit-border-bottom-right-radius : 8px;
    -moz-border-radius-topright        : 8px;
    -moz-border-radius-bottomright     : 8px;
    border-top-right-radius            : 8px;
    border-bottom-right-radius         : 8px;
}

.pageNext {
    right                             : 0;
    padding-right                     : 2px;
    padding-left                      : 10px;
    -webkit-border-top-left-radius    : 8px;
    -webkit-border-bottom-left-radius : 8px;
    -moz-border-radius-topleft        : 8px;
    -moz-border-radius-bottomleft     : 8px;
    border-top-left-radius            : 8px;
    border-bottom-left-radius         : 8px;
}

.pagePrev:hover, .pageNext:hover {
    background : #EC5C33;
    color      : #fff;
    width      : 72px;
}

.pagePrev span, .pageNext span span {
    font-size : 21px;
    margin    : 0 9px;
}

.portfolioImageHolder {
    background: url(//d25w4yby8gyv0a.cloudfront.net/images/backgrounds/browser-mac.png) no-repeat top left;
    width: 736px;
    position: relative;
    float: right;
    -webkit-border-top-left-radius  : 5px;
    -webkit-border-top-right-radius : 5px;
    -moz-border-top-left-radius     : 5px;
    -moz-border-top-right-radius    : 5px;
    border-top-left-radius          : 5px;
    border-top-right-radius         : 5px;

    -moz-box-shadow : 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow : 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow : 0 0 10px rgba(0, 0, 0, 0.2);
    margin: 0 -80px 40px 0;
}

.firstPortfolioItem {
    margin-top: -170px;
}

.portfolioImageHolder .portfolioWebsite {
    height: 25px;
    left: 0;
    text-align: left;
    padding-left: 60px;
    padding-top: 7px;
    font-size: 10px;
}

.portfolioImageHolder .portfolioWebsite a,
.portfolioImageHolder .portfolioWebsite a:visited,
.portfolioImageHolder .portfolioWebsite a:active {
    color: #555;
}

.portfolioImageHolder .portfolioWebsite a:hover {
    color: #000;
}

.portfolioImageHolder .portfolioImageOverflow {
    width: 734px;
    height: 615px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ccc;
    border-top: 0;
    background: #fff url(//d25w4yby8gyv0a.cloudfront.net/images/icons/portfolio-loader.gif) no-repeat center center;
}

.portfolioImageHolder img {
    position: absolute;
    top: 0;
    left: -25%;
    max-width: 150%;
}

.portfolioRight {
    float: right;
    margin: -90px 0;
}

.portfolioPageBanner {
    position: absolute;
    top: -293px;
    right: 0;
}

.porfolioLastImage {
    margin-bottom: 0;
}

.portfolioCallout {
    text-align: center;
    border: 1px solid #ccc;
    color: #aaa;
    border-left: 0;
    border-right: 0;
    font-size: 20px;
    line-height: 22px;
    padding: 25px 0;
    margin-top: 40px !important;
    text-transform:uppercase;
}

/* Our Team */
.teamBlurb {
    padding-top : 40px;
    width: 31%;
    position:relative;
    float:left;
}

.teamMemberHover {
    position   : absolute;
    top        : 0;
    left       : 0;
    -ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter     : alpha(opacity = 0);
    opacity    : 0;
}

.featuredItem:hover .teamMemberHover {
    -ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter     : alpha(opacity = 100);
    opacity    : 1;
}

/* Blog */

.displaying {
    text-align : center;
}

.nextprevnav {
    display    : block;
    text-align : center;
    margin     : 18px 0 0 0;
}

.blogListingThumb {
    float : left;
    border: 0px solid #ccc;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

.featureBoxEmbelish, .featureBoxEmbelish2 {
    border: 1px solid #D7D7D7;
    background: #fff;
    width: 94%;
    height: 3px;
    float: left;
    margin-left: 3%;
    border-top: 0;
}

.featureBoxEmbelish2 {
    width: 90%;
    margin-left: 5%;
}

.blogListingContainerWImage {
    margin-left : 150px;
    min-height  : 128px;
}

.blogListingOuter {
    float: left;
    width: 100%;
    display: block;
}

.blogListingWrap {
    padding: 40px 0;
    display: block;
    float: left;
    width: 100%;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
}

.blogListingWrap_first {
    padding: 30px 0 40px;
}

#content .blogListingContainer p {
    margin : 0 0 10px 0;
}

.blogDate {
    color : #ccc;
}

.blogAddThisTop {
    float : right;
    min-width:125px;
}

.nextprevnav {
    display     : block;
    margin      : -8px 0 18px;
    font-weight : bold;
}

.nextprevnav * {
    margin : 0 5px;
}

.nextprevnav .nextprevcurrentpage {
    text-decoration : underline;
}

.nextprevnav .small_button {
    font-size   : 22px;
    padding     : 0 5px 5px !important;
    width       : 18px;
    text-align  : center;
    line-height : 16px !important;
}

/* Contact Us */

.contact #copy {
    margin-top : 16px;
}

#mapWrapper {
    position      : relative;
    margin-bottom : 1px;
    top    : -48px;
    margin-bottom:-47px;
}

#mapContainer {
    position : absolute;
    height   : 100%;
    width    : 100%;
}

.contact #contactForm, #footer-contact-form-container {
    background : #EBEBEB;
    background : RGBA(235, 235, 235, .7);
}

/* Footer Contact Us */
#footer-contact-form-container {
    margin-bottom:1px;
    padding:15px 0;
}

#footer-contact-form {
    padding-left:20px;
}

#footer-contact-form .form_field {
    width : 80%;
}

#footer-contact-form .comments {
    width:91%;
}

#footer-contact-form .imageVerification input {
    width:44%!important;
}

/* Footer */

#footerContact {
    border-top     : 1px solid #EBEBEB;
    border-bottom  : 1px solid #C7C5C5;
    text-align     : center;
    font-family    : 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight: 300;
    letter-spacing : 5px;
    color          : #C2C2C2;
    line-height    : 36px;
    text-transform : uppercase;
}

#footerContact a {
    color : #C2C2C2;
}

#footerContact span {
    display : inline;
}

#connectFooter {
    background  : #313131;
    height      : 56px;
    line-height : 56px;
    color       : #fff;
    font-family : 'Titillium Web', Arial, Helvetica, sans-serif;
    font-size   : 14px;
    padding: 10px 0;
    font-weight: 300;
}

.socialConnect a {
    color                 : #fff !important;
    background            : #395AA2;
    width                 : 32px;
    height                : 32px;
    display               : inline-block;
    margin                : 0 0 0 10px;
    line-height           : 33px;
    text-align            : center;
    -moz-border-radius    : 16px;
    -webkit-border-radius : 16px;
    -o-border-radius      : 16px;
    -ms-border-radius     : 16px;
    border-radius         : 16px;
    /* border-left:1px solid #6b8fdd;
    border-top:1px solid #6b8fdd;*/
    text-shadow           : none;
    -ms-transition        : background linear 0.2s;
    -o-transition         : background linear 0.2s;
    -moz-transition       : background linear 0.2s;
    -webkit-transition    : background linear 0.2s;
    transition            : background linear 0.2s;
}

.socialConnect a.twitter {
    background  : #3CAEE5;
    line-height : 32px;
}

.socialConnect a.twitter:hover {
    background : #4cd6ff;
}

.socialConnect a.googlePlus {
    background  : #DD4B39;
    line-height : 32px;
}

.socialConnect a.googlePlus:hover {
    background : #E74B37;
}

.socialConnect a.instagram {
    background  : #B4906C;
    line-height : 32px;
}

.socialConnect a.instagram:hover {
    background : #AD7F5E;
}


.socialConnect a:hover {
    background : #4082d3;
}

#subscribeForm #subscribeThankyou {
    position    : absolute;
    top         : 0;
    right       : 0;
    width       : 100%;
    line-height : 54px;
    background  : #313131;
}

#subscribeForm input[type="text"],
#subscribeForm input[type="submit"] {
    -moz-border-radius    : 16px;
    -webkit-border-radius : 16px;
    -o-border-radius      : 16px;
    -ms-border-radius     : 16px;
    border-radius         : 16px;

}

#subscribeForm input[type="text"] {
    width                 : 44%;
    background-color      : #4B4B4B;
    border                : none !important;
    font-size             : 11px;
}

#subscribeForm input[type="text"] {
    margin              : 0 2% 0 0;
    padding             : 6px 12px;
    color               : #B2B2B2;
    -webkit-box-shadow  : none !important;
    -moz-box-shadow     : none !important;
    box-shadow          : none !important;
    background-position : right 2px !important;
}

#subscribeForm input[type="text"]:focus {
    -webkit-box-shadow : #B2B2B2 0 0 5px !important;
    -moz-box-shadow    : #B2B2B2 0 0 5px !important;
    box-shadow         : #B2B2B2 0 0 5px !important;
}

#subscribeForm input[type="submit"] {
    text-align       : center;
    padding: 7px 19px !important;

    border-bottom: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
}

#footerMenus {
    padding : 50px 0;
}

#footerMenus li {
    list-style : none;
    font-size  : 11px;
    padding: 1px 0;
}

#footerMenus li.footerNavHeading {
    font-family : 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size   : 14px;
    padding: 0 0 4px;
}

#footerMenus a {
    color : #B2B2B2;
}

#footerMenus a:hover, #footer a:hover {
    color : #EC5C33;
}

#footerMenus a:hover img, #footer a:hover img {
    -ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter     : alpha(opacity = 70);
    opacity    : 0.7;
}

#footerLogos li {
    display : inline;
    margin  : 0 28px 0 0;
}

#footerLogos li.last {
    margin : 0;
}

#footer {
    clear      : both;
    color      : #8B8B8B;
    font-size  : 11px;
    border-top : 1px solid #444444;
    padding    : 30px 0;
}

.footerCopy {
    margin : 20px 0;
}

#footer ul {
    display : inline;
}

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

#footer a {
    color : #8B8B8B;
}

#footer span {
    white-space : nowrap;
}

/* Sitemap */
#content ul.sitemap {
    list-style : none;
    margin     : 0px;
    padding    : 0px;
}

ul.sitemap li a {
    padding : 5px 0px 3px;
    display : block;
}

ul.sitemap a:hover {
    color : #000;
}

ul.sitemap li.sitemapHeading > a {
    font-size     : 16px;
    padding       : 10px 5px;
    margin        : 0px 0px 0px;
    border-bottom : 1px solid #dddddd;
    font-weight   : bold;
    display       : block;
}

ul.sitemap li.sitemapHeading > a:hover {
    background    : #eee;
    border-bottom : 1px solid #aaa;
}

/* Breadcrumbs */

#content  ul#breadcrumbs {
    list-style : none;
    margin     : 0 0 20px 20px;
    padding    : 5px 0 8px;
}

#content  .grid_24 ul#breadcrumbs {
    margin-left: 0;
}

.contact #content  ul#breadcrumbs {
    margin-top     : -48px;
}


#content ul#breadcrumbs li {
    display   : inline;
    padding   : 0px 3px 0 0;
    margin    : 0;
    color     : #B4B4B4;
    font-size : 11px;
}

#portfolio-viewPage #content ul#breadcrumbs li:last-of-type, #portfolio-viewPage #content ul#breadcrumbs li:nth-last-child(2) .breadcrumbDivider {
    display:none;
}

#content ul#breadcrumbs li a {
    padding : 0px 3px 0 0;
    color   : #B4B4B4;
}

#content ul#breadcrumbs li a:hover {
    color : #fff;
}

.breadcrumbDivider {
    font-size : 14px;
}

/* FAQs */
.faqs > li > h3 {
    font-size    : 18px;
    color        : #252525;
    font-weight  : 300;
    margin       : 0 0 15px 0;
    line-height  : 23px;
    border-bottom: 1px solid #EEE;
    padding      : 0 0 10px;
}

.faqs .faq_content {
    margin           : -15px 0px 0px 25px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #EEE;
    padding          : 20px 0 10px 25px;
}


/* Online Enquiry Form */

#contactForm {
    background : #EBEBEB;
    padding    : 15px;
    margin     : 0 0 20px 0;
}

.required_fields_heading {
    font-size : 11px;
}

.form_required i, .required_fields_heading i {
    color : #EC5C33;
}

.form_label, form_required, .form_field {
    margin : 6px 0;
}

.form_label {
    width   : 20%;
    padding : 7px 0 0 0;
    clear   : both;
}

.form_required {
    width   : 5%;
    padding : 10px 0 0 0;
}

.form_field {
    width : 75%;
}

input, textarea, select {
    font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size   : 12px;
    outline     : none;
}

input[type="text"], input[type="email"], input[type="number"], input[type="url"], input[type="password"], input.textinput, input.textinputhover, textarea, select {
    width                 : 96%;
    font-size             : 14px;
    -webkit-border-radius : 3px;
    -moz-border-radius    : 3px;
    border-radius         : 3px;
    padding               : 7px 9px;
    background-color      : #ffffff;
    border                : 1px solid #cccccc;
    -webkit-box-shadow    : inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow       : inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow            : inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition    : border linear .2s, box-shadow linear .2s;
    -moz-transition       : border linear .2s, box-shadow linear .2s;
    -o-transition         : border linear .2s, box-shadow linear .2s;
    transition            : border linear .2s, box-shadow linear .2s;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="url"]:focus, input[type="password"]:focus, .textinputhover, textarea:focus, select:focus {
    border             : 1px solid #EC5C33 !important;
    -webkit-box-shadow : inset 0 1px 1px rgba(0, 0, 0, 0.075), #EC5C33 0 0 4px !important;
    -moz-box-shadow    : inset 0 1px 1px rgba(0, 0, 0, 0.075), #EC5C33 0 0 4px !important;
    box-shadow         : inset 0 1px 1px rgba(0, 0, 0, 0.075), #EC5C33 0 0 4px !important;
}

#wrapper .errorInput {
    background         : url(//d25w4yby8gyv0a.cloudfront.net/images/icons/error.png) no-repeat right 3px #fff;
    -webkit-box-shadow : #E59595 0 0 4px !important;
    -moz-box-shadow    : #E59595 0 0 4px !important;
    box-shadow         : #E59595 0 0 4px !important;
    border             : 1px solid #CC0000;
}

.imageVerification * {
    vertical-align : middle;
    margin         : 0 5px 0 0;
}

.imageVerification input {
    width : 25%;
}

.errorText {
    color : #CC0000;
}

input.hintText {
    color : #999999;
}

table.invisibleTable tr:hover .mceLayout td {
    border-top : 1px solid #ccc;
}

table.invisibleTable tr .mceLayout td table {
    margin : 10px 0 5px !important;
}

/***** BUTTONS *****/

input[type="submit"], button, .button, .small_button {
    padding               : 8px 24px !important;
    background-color      : #eb5c32;
    background-image      : -moz-linear-gradient(top, #eb5c32, #c95733);
    background-image      : -webkit-gradient(linear, 0 0, 0 100%, from(#eb5c32), to(#c95733));
    background-image      : -webkit-linear-gradient(top, #eb5c32, #c95733);
    background-image      : -o-linear-gradient(top, #eb5c32, #c95733);
    background-image      : linear-gradient(to bottom, #eb5c32, #c95733);
    background-repeat     : repeat-x;
    filter                : progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffffff', endColorstr = '#ffe6e6e6', GradientType = 0);
    border-color          : #e6e6e6 #e6e6e6 #bfbfbf;
    border-color          : rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color     : #e6e6e6;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter                : progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border                : 1px solid #ab502c;
    *border               : 0;
    border-bottom-color   : #a2a2a2;
    display               : inline-block;
    font-size             : 12px;
    line-height           : 20px;
    *line-height          : 20px;
    line-height           : normal !important;
    -webkit-border-radius : 2px; -moz-border-radius : 2px; -o-border-radius : 2px; -ms-border-radius : 2px;
    border-radius         : 2px;
    color                 : #fff !important;
    text-shadow           : 0 1px 1px rgba(, 0, 0, 0.4);
    font-weight           : normal;
    cursor                : pointer;
    -webkit-box-shadow    : inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow       : inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow            : inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    width                 : auto !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 11px;
    font-weight: bold;
}

#sidebar input[type="submit"] {
    border-bottom-color: #888;
}

.small_button {
    padding   : 4px 12px !important;
    font-size : 11px;
    box-shadow: none;
    background-image: none;
    border                : 1px solid #c25430;
}

input[type="submit"]:hover, button:hover, .button:hover, .small_button:hover {
    color               : #fff !important;
    background-color    : #c95733;
    *background-color   : #c95733;
    text-decoration     : none;
    background-color    : #c95733;
    *background-color   : #c95733;
    /* Buttons in IE7 don't get borders, so darken on hover */
    background-position : 0 -15px;
    -webkit-transition  : background-position 0.1s linear;
    -moz-transition     : background-position 0.1s linear;
    -o-transition       : background-position 0.1s linear;
    transition          : background-position 0.1s linear;
}

input[type="submit"]:active, button:active, .button:active, .small_button:active {
    background-color   : #ab502c;
    background-color   : #ab502c   \9;
    background-image   : none;
    color: #eee;
    outline            : 0;
    -webkit-box-shadow : inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow    : inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow         : inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.small_button, .small_button:hover {
    -webkit-transition: background linear 0.2s;
    -moz-transition: background linear 0.2s;
    -o-transition: background linear 0.2s;
    transition: background linear 0.2s;
}

/***** Error / Info / Caution Boxes *****/

.error_box, .info_box {
    margin       : 0 0 15px 0;
    padding      : 15px;
    border-width : 3px;
    border-style : solid;
}

.error_box {
    border-color     : #CC0000;
    background-color : #f3d8d8;
    color            : #CC0000;
}

.info_box {
    border-color     : #6ACE5E;
    background-color : #CDF5C8;
    color            : #358F2A;
}

#content .error_box ul, .error_box ul {
    margin-bottom : 0;
    list-style:none;
}

.info_box i {
    margin : 0 8px 0 0;
}

/***** Icons *****/

.small-icon {
    font-size : 14px;
}

.medium-icon {
    font-size      : 22px;
    vertical-align : middle;
}

.large-icon {
    font-size      : 35px;
    vertical-align : middle;
}

/* Classes Reserved for the TinyMCE Editor  */

.editor {
    width : 100%;
}

.mini_editor { } 

/* Pace Plugin */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace .pace-progress {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 12px;
  background: #ff6438;

  -webkit-transition: -webkit-transform .3s, width 1s;
  -moz-transition: width 1s;
  -o-transform: width 1s;
  transition: transform .3s, width 1s;

  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);

  pointer-events: none;
}

.pace.pace-active .pace-progress {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.alert_banner {
    display:block; 
    float:left; 
    width: 100%; 
    background:#F9C506; 
    color:#FFF; 
    text-align:center; 
    font-size: 14px; 
    font-weight:bold; 
    padding: 8px 0;
}

.alert_banner a {
    color:#FFF; 
    text-decoration:underline;
}

@media (max-width:767px) {
    .alert_banner {
        display: none;
    }
}