/* ========================================================================= */
/* !RESETS AND DEFAULTS */
/* ========================================================================= */
html,body,div,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,img,ins,kbd,q,samp,var,hr,acronym,dl,dt,dd,ol,ul,li,pre,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;outline:0;font-style:normal;font-weight:400;font-size:100%;vertical-align:baseline;margin:0;padding:0;-webkit-text-size-adjust:100%}em,strong,b,i,a,span,sub,sup{border:0;outline:0;font-size:100%;vertical-align:baseline;margin:0;padding:0}a:focus{outline:0}:focus,:active{outline:none;outline:0}::-moz-focus-inner{outline:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}li{list-style:none}a{text-decoration:none}blockquote:before,blockquote:after,q:before,q:after{content:""}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border-top:1px solid #000;color:#000}input,select{vertical-align:middle}sub{vertical-align:sub;font-size:smaller;line-height:0px}sup{vertical-align:super;font-size:smaller;line-height:0px}input,button,textarea,select,label,img{display:inline-block}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}textarea{resize:none}button,a span{cursor:pointer}button{border:0;text-align:center}.clear{clear:both}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clearfix{display:inline-table}* html .clearfix{height:1%}.clearfix{display:block}* html .clearfix{zoom:1}*:first-child + html .clearfix{zoom:1}#no_ie6{width:100%;height:40px;overflow:hidden;border-bottom:2px solid #000}

/* ========================================================================= */
/* !FONTS (@fontface generated with FontSpring Syntax formatting */
/* ========================================================================= */

    @font-face { font-family: "jack-social"; src: url("../fonts/JackSocial/jack-social.eot"); src: url("../fonts/JackSocial/jack-social.eot?#iefix") format("embedded-opentype"), url("../fonts/JackSocial/jack-social.ttf") format("truetype"), url("../fonts/JackSocial/jack-social.svg#jack-social") format("svg"), url("../fonts/JackSocial/jack-social.woff") format("woff"); font-weight: normal; font-style: normal; }

    @font-face {
        font-family: 'Raleway';
        src: url('../fonts/Raleway/raleway-regular-webfont.eot');
        src: url('../fonts/Raleway/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/Raleway/raleway-regular-webfont.woff') format('woff'),
             url('../fonts/Raleway/raleway-regular-webfont.ttf') format('truetype'),
             url('../fonts/Raleway/raleway-regular-webfont.svg#ralewayregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'Raleway';
        src: url('../fonts/Raleway/raleway-regular-italic-webfont.eot');
        src: url('../fonts/Raleway/raleway-regular-italic-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/Raleway/raleway-regular-italic-webfont.woff') format('woff'),
             url('../fonts/Raleway/raleway-regular-italic-webfont.ttf') format('truetype'),
             url('../fonts/Raleway/raleway-regular-italic-webfont.svg#ralewayitalic') format('svg');
        font-weight: normal;
        font-style: italic;
    }

    @font-face {
        font-family: 'Raleway';
        src: url('../fonts/Raleway/raleway-thin-italic-webfont.eot');
        src: url('../fonts/Raleway/raleway-thin-italic-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/Raleway/raleway-thin-italic-webfont.woff') format('woff'),
             url('../fonts/Raleway/raleway-thin-italic-webfont.ttf') format('truetype'),
             url('../fonts/Raleway/raleway-thin-italic-webfont.svg#ralewaythin_italic') format('svg');
        font-weight: 100;
        font-style: italic;
    }

    @font-face {
        font-family: 'Raleway';
        src: url('../fonts/Raleway/raleway-thin-webfont.eot');
        src: url('../fonts/Raleway/raleway-thin-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/Raleway/raleway-thin-webfont.woff') format('woff'),
             url('../fonts/Raleway/raleway-thin-webfont.ttf') format('truetype'),
             url('../fonts/Raleway/raleway-thin-webfont.svg#ralewaythin') format('svg');
        font-weight: 100;
        font-style: normal;
    }

    @font-face {
        font-family: 'Raleway';
        src: url('../fonts/Raleway/raleway-extralight-webfont.eot');
        src: url('../fonts/Raleway/raleway-extralight-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/Raleway/raleway-extralight-webfont.woff') format('woff'),
             url('../fonts/Raleway/raleway-extralight-webfont.ttf') format('truetype'),
             url('../fonts/Raleway/raleway-extralight-webfont.svg#ralewayextralight') format('svg');
        font-weight:300;
        font-style: normal;
    }

    @font-face {
        font-family: 'Raleway';
        src: url('../fonts/Raleway/raleway-extralight-italic-webfont.eot');
        src: url('../fonts/Raleway/raleway-extralight-italic-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/Raleway/raleway-extralight-italic-webfont.woff') format('woff'),
             url('../fonts/Raleway/raleway-extralight-italic-webfont.ttf') format('truetype'),
             url('../fonts/Raleway/raleway-extralight-italic-webfont.svg#ralewayextralight_italic') format('svg');
        font-weight:300;
        font-style: italic;
    }

    @font-face {
        font-family: 'Raleway';
        src: url('../fonts/Raleway/raleway-light-webfont.eot');
        src: url('../fonts/Raleway/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/Raleway/raleway-light-webfont.woff') format('woff'),
             url('../fonts/Raleway/raleway-light-webfont.ttf') format('truetype'),
             url('../fonts/Raleway/raleway-light-webfont.svg#ralewaylight') format('svg');
        font-weight: 300;
        font-style: normal;
    }

    @font-face {
        font-family: 'Raleway';
        src: url('../fonts/Raleway/raleway-light-italic-webfont.eot');
        src: url('../fonts/Raleway/raleway-light-italic-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/Raleway/raleway-light-italic-webfont.woff') format('woff'),
             url('../fonts/Raleway/raleway-light-italic-webfont.ttf') format('truetype'),
             url('../fonts/Raleway/raleway-light-italic-webfont.svg#ralewaylight_italic') format('svg');
        font-weight: 300;
        font-style: italic;
    }

    @font-face {
        font-family: 'Raleway';
        src: url('../fonts/Raleway/raleway-medium-webfont.eot');
        src: url('../fonts/Raleway/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/Raleway/raleway-medium-webfont.woff') format('woff'),
             url('../fonts/Raleway/raleway-medium-webfont.ttf') format('truetype'),
             url('../fonts/Raleway/raleway-medium-webfont.svg#ralewaymedium') format('svg');
        font-weight: 500;
        font-style: normal;
    }

    @font-face {
        font-family: 'Raleway';
        src: url('../fonts/Raleway/raleway-medium-italic-webfont.eot');
        src: url('../fonts/Raleway/raleway-medium-italic-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/Raleway/raleway-medium-italic-webfont.woff') format('woff'),
             url('../fonts/Raleway/raleway-medium-italic-webfont.ttf') format('truetype'),
             url('../fonts/Raleway/raleway-medium-italic-webfont.svg#ralewaymedium_italic') format('svg');
        font-weight: 500;
        font-style: italic;
    }

    @font-face {
        font-family: 'Raleway';
        src: url('../fonts/Raleway/raleway-semibold-italic-webfont.eot');
        src: url('../fonts/Raleway/raleway-semibold-italic-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/Raleway/raleway-semibold-italic-webfont.woff') format('woff'),
             url('../fonts/Raleway/raleway-semibold-italic-webfont.ttf') format('truetype'),
             url('../fonts/Raleway/raleway-semibold-italic-webfont.svg#ralewaysemibold_italic') format('svg');
        font-weight: 600;
        font-style: italic;
    }

    @font-face {
        font-family: 'Raleway';
        src: url('../fonts/Raleway/raleway-semibold-webfont.eot');
        src: url('../fonts/Raleway/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/Raleway/raleway-semibold-webfont.woff') format('woff'),
             url('../fonts/Raleway/raleway-semibold-webfont.ttf') format('truetype'),
             url('../fonts/Raleway/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
        font-weight: 600;
        font-style: normal;
    }

    @font-face {
        font-family: 'Raleway';
        src: url('../fonts/Raleway/raleway-bold-webfont.eot');
        src: url('../fonts/Raleway/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/Raleway/raleway-bold-webfont.woff') format('woff'),
             url('../fonts/Raleway/raleway-bold-webfont.ttf') format('truetype'),
             url('../fonts/Raleway/raleway-bold-webfont.svg#ralewaybold') format('svg');
        font-weight: 700;
        font-style: normal;
    }

    @font-face {
        font-family: 'Raleway';
        src: url('../fonts/Raleway/raleway-bold-italic-webfont.eot');
        src: url('../fonts/Raleway/raleway-bold-italic-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/Raleway/raleway-bold-italic-webfont.woff') format('woff'),
             url('../fonts/Raleway/raleway-bold-italic-webfont.ttf') format('truetype'),
             url('../fonts/Raleway/raleway-bold-italic-webfont.svg#ralewaybold_italic') format('svg');
        font-weight: 700;
        font-style: italic;
    }

    @font-face {
        font-family: 'Raleway';
        src: url('../fonts/Raleway/raleway-extrabold-webfont.eot');
        src: url('../fonts/Raleway/raleway-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/Raleway/raleway-extrabold-webfont.woff') format('woff'),
             url('../fonts/Raleway/raleway-extrabold-webfont.ttf') format('truetype'),
             url('../fonts/Raleway/raleway-extrabold-webfont.svg#ralewayextrabold') format('svg');
        font-weight: 800;
        font-style: normal;
    }

    @font-face {
        font-family: 'Raleway';
        src: url('../fonts/Raleway/raleway-extrabold-italic-webfont.eot');
        src: url('../fonts/Raleway/raleway-extrabold-italic-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/Raleway/raleway-extrabold-italic-webfont.woff') format('woff'),
             url('../fonts/Raleway/raleway-extrabold-italic-webfont.ttf') format('truetype'),
             url('../fonts/Raleway/raleway-extrabold-italic-webfont.svg#ralewayextrabold_italic') format('svg');
        font-weight: 800;
        font-style: italic;
    }

    @font-face {
        font-family: 'Raleway';
        src: url('../fonts/Raleway/raleway-black-webfont.eot');
        src: url('../fonts/Raleway/raleway-black-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/Raleway/raleway-black-webfont.woff') format('woff'),
             url('../fonts/Raleway/raleway-black-webfont.ttf') format('truetype'),
             url('../fonts/Raleway/raleway-black-webfont.svg#ralewayblack') format('svg');
        font-weight: 900;
        font-style: normal;
    }

    @font-face {
        font-family: 'Raleway';
        src: url('../fonts/Raleway/raleway-black-italic-webfont.eot');
        src: url('../fonts/Raleway/raleway-black-italic-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/Raleway/raleway-black-italic-webfont.woff') format('woff'),
             url('../fonts/Raleway/raleway-black-italic-webfont.ttf') format('truetype'),
             url('../fonts/Raleway/raleway-black-italic-webfont.svg#ralewayblack_italic') format('svg');
        font-weight: 900;
        font-style: italic;
    }

/* ========================================================================= */
/* !UNIVERSAL STYLES */
/* ========================================================================= */
    html, body { font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:300; font-size: 17px; line-height: 164%; color: #686F72; }
    html { /* background:#3C4042; */ background:#fff; }
    body { background:#fff; }
    body.ios { overflow-x:hidden; }

    @media screen and (max-width: 799px) { html, body { /* overflow:auto; */ } }
    .no-js body { background: #3C4042; }

/*
    .js body { background: #fff; }
    .js body:after { display: block; content: ''; width: 100%; height: 100%; background: white url("../images/loading.gif") no-repeat center center; position: fixed; top: 0px; left: 0px; z-index: 1999; -moz-transition:background-color 0.2s; -webkit-transition:background-color 0.2s; -o-transition:background-color 0.2s; -ms-transition:background-color 0.2s; transition:background-color 0.2s;  }
    .js body.ready:after { background-image:none; background-color:transparent; z-index: 0; }
    .js body.ready.gone:after { z-index: -1; }
    .js body.leaving { background: #fff; }
    .js body.ready.gone.leaving:after { background: #fff; z-index: 1999; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; }
*/

/* != JACK SOCIAL ICON FONT STYLES ===== */
    [data-icon]:before { font-family: "jack-social"; content: attr(data-icon); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none !important; speak: none; display: inline-block; text-decoration: none; width: 1em; line-height: 1em; -webkit-font-smoothing: antialiased; }
    [class^="social-"]:before, [class*=" social-"]:before { font-family: "jack-social"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none !important; speak: none; display: inline-block; text-decoration: none; width: 1em; line-height: 1em; -webkit-font-smoothing: antialiased; }
    .social-email:before { content: "a"; }
    .social-email-round:before { content: "E"; }
    .social-facebook:before { content: "d"; }
    .social-facebook-round:before { content: "F"; }
    .social-flickr:before { content: "c"; }
    .social-flickr-round:before { content: "C"; }
    .social-googleplus:before { content: "g"; }
    .social-googleplus-round:before { content: "G"; }
    .social-instagram:before { content: "i"; }
    .social-instagram-round:before { content: "I"; }
    .social-linkedin:before { content: "l"; }
    .social-linkedin-round:before { content: "k"; }
    .social-pinterest:before { content: "P"; }
    .social-pinterest-round:before { content: "n"; }
    .social-rss:before { content: "o"; }
    .social-rss-round:before { content: "R"; }
    .social-sharethis:before { content: "S"; }
    .social-sharethis-round:before { content: "r"; }
    .social-twitter:before { content: "t"; }
    .social-twitter-round:before { content: "T"; }
    .social-vimeo:before { content: "v"; }
    .social-vimeo-round:before { content: "V"; }
    .social-yelp:before { content: "x"; }
    .social-yelp-round:before { content: "X"; }
    .social-youtube:before { content: "y"; }
    .social-youtube-round:before { content: "Y"; }
    .social-youtube2:before { content: "u"; }
    .social-youtube2-round:before { content: "U"; }

/* ========================================================================= */
/* !ELEMENT & LAYOUT STYLES */
/* ========================================================================= */
/* != SELECTION STYLES (Leaving these blank will show no indication of text selection) ===== */
    ::selection { background: #aaa; color: #fff; }
    ::-moz-selection { background: #aaa; color: #fff; }
    ::-webkit-selection { background: #aaa; color: #fff; }

/* != GENERAL ELEMENT STYLES ===== */
/* != DEFAULT WORDPRESS STYLES ===== */
/* != LAYOUT STYLES ===== */
/* ========================================================================= */
/* !NAV STYLES */
/* ========================================================================= */
    #header { position: fixed; top: 0px; left: auto; width: 100%; height: 42px; background:#767676; background: rgba(12, 13, 13, 0.4); background: -moz-linear-gradient(top,  rgba(0,0,0,0.61) 0%, rgba(0,0,0,0.39) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.61)), color-stop(100%,rgba(0,0,0,0.39))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  rgba(0,0,0,0.61) 0%,rgba(0,0,0,0.39) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  rgba(0,0,0,0.61) 0%,rgba(0,0,0,0.39) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  rgba(0,0,0,0.61) 0%,rgba(0,0,0,0.39) 100%); /* IE10+ */background: linear-gradient(to bottom,  rgba(0,0,0,0.61) 0%,rgba(0,0,0,0.39) 100%); /* W3C filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c000000', endColorstr='#63000000',GradientType=0 ); /* IE6-9 */ z-index: 2000; overflow: visible; }
    #header > div { position: relative; }
    #header #logo { width: 100%; max-width: 1090px; height: 70px; position: absolute; top: 0px; left: 50%; margin-left: -545px; }
    #header #logo a { display: block; width: 182px; height: 100%; background: url("../images/logo.png") no-repeat; text-indent: -9999px; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; }

    #header #main-nav { width: 100%; max-width: 1140px; margin: 0 auto; text-align: right; font-size: 0px; }
    #header #main-nav > ul > li { display: inline-block; *zoom: 1; *display: inline; position: relative; }
    #header #main-nav > ul > li > a { display: block; padding: 0 22px; font: 400 12px/42px 'Raleway'; color: #fff; text-transform: uppercase; -webkit-transition: background 0.2s, box-shadow 0.2s; -moz-transition: background 0.2s, box-shadow 0.2s; -o-transition: background 0.2s, box-shadow 0.2s; transition: background 0.2s, box-shadow 0.2s; position: relative; z-index: 500; }
    #header #main-nav > ul > li.current-page-ancestor > a, #header #main-nav > ul > li.current-menu-item > a { background:#000; background: rgba(0, 0, 0, 0.25); }
    #header #main-nav > ul > li ul { position: absolute; font-size: 13px; border-bottom: 2px solid #afbe29; top: 42px; left: 0px; background: #4E4E4E; background: rgba(0, 0, 0, 0.69); width: 150px; padding: 10px 0; display: none; }
    #header #main-nav > ul > li ul li { text-align: left; display: block; }
    #header #main-nav > ul > li ul li a { display: block; padding: 0 20px; line-height: 35px; color: #D9DB5F; -webkit-transition: color 0.15s; -moz-transition: color 0.15s; -o-transition: color 0.15s; transition: color 0.15s; }
    #header #main-nav > ul > li ul li a:hover { color: #fff; }
    #header #main-nav > ul > li ul li.current-menu-item a { background: #afbe29; color: #fff; }
    #header #main-nav > ul > li:hover > a { background: #000; background: rgba(0, 0, 0, 0.5); border-bottom: 2px solid #afbe29; }
    #header #main-nav > ul li:hover ul { display: block; }
    #header #main-nav > ul > li.menu-item-has-children:hover > a { border-bottom: none; }
    #header #main-nav > ul > li.phonenum { display:none; }

    #header #re-nav { display: none; }
    #header #re-nav .re-show { float: right; padding: 0 40px; font: 600 10px/52px 'Raleway'; text-transform: uppercase; color: #fff; letter-spacing: 1px; background: url("../images/re-arrows.png") no-repeat 85px 21px; position: relative; z-index: 5; cursor: pointer; }
    #header #re-nav .re-show.close { background-position: 85px -72px; }
    #header #re-nav > ul { position: relative; background: #000; position: relative; top: -2px; background: rgba(0, 0, 0, 0.8); border-top: 1px solid #000; clear: both; overflow:scroll; }
    #header #re-nav > ul > li { border-bottom: 1px solid #000; }
    #header #re-nav > ul > li > a { display: block; text-align: center; font: 600 15px/50px 'Raleway'; text-transform: uppercase; color: #fff; }
    #header #re-nav > ul > li ul li a { font: 14px/46px 'Raleway'; color: #D9DB5F; display: block; text-align: center; }
    #header #re-nav > ul > li.ex > a { background: url("../images/re-arrows.png") no-repeat 64% -272px; }
    #header #re-nav > ul > li.ex > a.close { background-position: 64% -172px; }
    #header #re-nav > ul > li.ex ul { display: none; }
    #header #re-nav > ul > li.current-menu-item > a { background: rgba(0, 0, 0, 0.4); }
    #header #re-nav > ul > li .current-menu-item a { color: #fff; }
    #header #re-nav > ul > li.current-page-ancestor > a, #header #re-nav > ul > li.current-menu-ancestor ul { background: rgba(0, 0, 0, 0.4); }
    #header #re-nav > ul > li.menu-item-has-children>a:after { content:' +'; font-size:26px; font-weight:200; vertical-align: middle; line-height: 0; }
    #header #re-nav > ul > li.menu-item-has-children>a.clicked:after { content:' -'; }
    #header #re-nav > ul > li.phonenum { display:block; }
    #header #re-nav > ul > li.phonenum a { color:#D9DB5F; font-weight:400; }

    #home-banner, #int-banner { width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; min-height: 200px; position: relative; background-attachment: fixed; background-position: center 0px; overflow: auto; height: 100%; }
    .ios #home-banner, #int-banner  { background-attachment: scroll; background-position:50% 0px !important; }
    #home-banner .wrap, #int-banner .wrap { width: 100%; margin: 0 auto; position: absolute; left: auto; top: 50%; text-align: right; }
    #home-banner .wrap h3, #int-banner .wrap h3 { font: 100 74px/77px 'Raleway'; color: #fff; margin-bottom: 40px; padding: 0 50px; }
    #home-banner .wrap h4, #int-banner .wrap h4 { font: 700 18px/100% 'Raleway'; color: #fff; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 15px; padding: 0 50px; }
    #home-banner .wrap a.btn, #int-banner .wrap a.btn { display: inline-block; *zoom: 1; *display: inline; border: 1px solid #CED356; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; color: #CED356; font: 600 15px/100% 'Raleway'; padding: 10px 20px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; margin: 0 50px; background:none; }
    #home-banner .wrap a.btn:hover, #int-banner .wrap a.btn:hover { background: #ced356; color: #000; }
    #home-banner.noimg, #int-banner.noimg { box-shadow: none; min-height: 145px; background: #fff; height: 145px; padding: 45px 0 0; overflow: hidden; }
    #home-banner.noimg .wrap, #int-banner.noimg .wrap { width: 1140px; background: url("../images/bg-diag-5.png") repeat-x bottom; margin: 0 auto; position: static; }
    #home-banner.noimg .wrap h3, #int-banner.noimg .wrap h3 { color: #676f71; font-family: "Raleway"; font-size: 54px; padding: 45px 0 10px 0; margin-bottom:20px; }

    .js #home-banner .wrap h3, .js #home-banner .wrap h4, .js #home-banner .wrap a.btn { opacity: 0; position: relative; top: 25px; }
    .js #home-banner .wrap h3 { -webkit-transition: all 0.6s ease-out; -webkit-transition-delay: 0.15s; -moz-transition: all 0.6s ease-out 0.15s; -o-transition: all 0.6s ease-out 0.15s; transition: all 0.6s ease-out 0.15s; }
    .js #home-banner .wrap h4 { -webkit-transition: all 0.6s ease-out; -webkit-transition-delay: 0s; -moz-transition: all 0.6s ease-out 0s; -o-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s; }
    .js #home-banner .wrap a.btn { -moz-transition: top 0.4s ease-out 0.7s, opacity 0.4s ease-out 0.7s; -webkit-transition: top 0.4s ease-out 0.7s, opacity 0.4s ease-out 0.7s; -o-transition: top 0.4s ease-out 0.7s, opacity 0.4s ease-out 0.7s; -ms-transition: top 0.4s ease-out 0.7s, opacity 0.4s ease-out 0.7s; transition: top 0.4s ease-out 0.7s, opacity 0.4s ease-out 0.7s; ; top: 0px; }

    .js .ready #home-banner .wrap h3, .js .ready #home-banner .wrap h4, .js .ready #home-banner .wrap a.btn { opacity: 1; top: 0px; }

    #wrap { background: #fff; width: 100%; }

    #content { width: 1140px; margin: 0 auto; padding: 60px 0; }
    #content h5 { font: 700 13px/100% 'Raleway'; color: #afbe29; text-transform: uppercase; letter-spacing: 1px; display: inline-block; *zoom: 1; *display: inline; background: #fff; padding: 0 10px; }

    .home-about { padding: 0 180px 60px; text-align: center; }
    .home-about h2 { font: 700 15px/100% 'Raleway'; color: #afbe29; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 31px; }
    .home-about h3 { font: 100 37px/50px 'Raleway'; color: #686f72; padding-bottom: 45px; }

    #clients .clients-title { background: url("../images/bg-dotted-5.png") repeat-x center center; margin-top: 85px; text-align: center; width: 1140px; margin: 0 auto; }
    #clients ul { width: 960px; margin: 0 auto; font-size: 0px; line-height: 0px; text-align: center; padding: 40px 0 60px; }
    #clients ul li { display: inline-block; *zoom: 1; *display: inline; width: 192px; height:auto; background-position: center center; background-repeat: no-repeat; background-size: contain; vertical-align: text-bottom; line-height:75px; }
    #clients ul li img { width:100%; height:auto;display:inline; vertical-align: middle; }

    hr { width: 100%; margin: 0 auto 25px; border: none; }
    hr.diag-sep { height: 7px; background: url("../images/bg-diag-5.png") repeat; }
    hr.dot-sep { height: 1px; background: url("../images/bg-dotted-3.png") repeat; }

    #from-blog { width: 522px; float: left; margin-left: 50px; }
    #from-blog h5 { text-align: center; margin: 0 auto; width: auto; display: block; }
    #from-blog h4 { font: 100 27px/30px 'Raleway'; color: #1F93CC; padding: 30px 50px 8px; text-align: center; background: url("../images/bg-dotted-3.png") repeat-x bottom left; margin-bottom: 13px; }
    #from-blog .author-date { width: 125px; padding-left: 55px; float: left; text-align: right; font:300 16px/22px 'Raleway'; color: #8B8E91; }
    #from-blog .author-date small { font-size: 12px; text-transform: uppercase; }
    #from-blog .excerpt { width: 300px; float: right; font:300 14px/22px 'Raleway'; color: #686D72; padding: 0 22px 0 0; }
    #from-blog .excerpt .btn { background: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; border: 1px solid #8CD1EF; font-size: 12px; color: #1F93CC; padding: 6px 10px; display: inline-block; *zoom: 1; *display: inline; margin: 10px 0 0; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; }
    #from-blog .excerpt .btn:hover { background: #55BBE9; color: #fff; }

    #tweets { width: 515px; float: right; background: url("../images/bg-cloud.png") no-repeat 361px 31px; }
    #tweets h5 { text-align: center; display: block; margin: 0 105px 38px 0; }
    #tweets div p { background: #E2F5FC; background: rgba(200, 236, 251, 0.5); -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; padding: 25px 30px; font:300 16px/24px 'Raleway'; color: #3E7B95; margin: 0 105px 0 0; }
    #tweets div p a { color: #1F93CC; }
    #tweets div p a:hover { color: #17a6ea; }
    #tweets div .bird { width: 47px; height: 41px; margin: 0 0 0 30px; background: url("../images/sprites.png") no-repeat 0px 0px; }

    .btn { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font: 16px/100% 'Raleway'; padding: 11px 43px 9px 26px; background: url("../images/sprites.png") no-repeat right 14px; }
    .btn.blue { background-color: #55BBE9; -webkit-box-shadow: 0 3px 0px rgba(3, 151, 214, 0.2); -moz-box-shadow: 0 3px 0px rgba(3, 151, 214, 0.2); box-shadow: 0 3px 0px rgba(3, 151, 214, 0.2); color: #fff !important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
    .btn.blue:hover { background-color: #1F93CC; }

/* ========================================================================= */
/* !INTERIOR STYLES */
/* ========================================================================= */
    #content.int { padding: 10px 0; position: relative; }
    #content.int.pfolio { padding-top: 0px; }

    #int-banner { height: 345px; box-shadow: 0 -41px 41px -41px #000 inset; background-attachment: scroll; }
    #int-banner h3 { font-size: 55px; }

    #about-grid { position: absolute; top:200px; left:0px; width:100%; height:326px; background-position:center center; background-repeat: no-repeat; }
    #about-grid + #content { padding-top:370px; }

    .headline { padding: 0px 155px 45px 90px; }
    .headline h3 { text-align: center; font: 100 40px/135% 'Raleway'; color: #1F93CC; }

    #content.int .headline { padding: 0 30px 30px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;  }

    #article, #bio { padding: 20px 50px; clear: both; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;  }

    #article hr, #bio hr, #blog-detail hr { margin-left: -50px; }
    #article .left, #bio .left, #blog-detail .left { float: left; width: 567px; padding-bottom: 70px; }
    #article .right, #bio .right, #blog-detail .right { float: right; width: 419px; text-align: center; padding-bottom: 70px; }
    #article .right h5, #bio .right h5, #blog-detail .right h5 { font-weight: 100; font-size: 28px; line-height: 128%; color: #686f72; padding: 10px 0 30px; text-transform: none; }
    #article .right .btn, #bio .right .btn, #blog-detail .right .btn { display: inline-block; *zoom: 1; *display: inline; margin: 34px 0 0; }
    #article h4.title, #bio h4.title, #blog-detail h4.title { font: 600 15px 'Raleway'; color: #afbe29; text-transform: uppercase; text-align: center; padding: 10px 0; }
    #article p, #bio p, #blog-detail p { padding: 9px 0 20px 0; font-weight:300; }
    #blog-detail p+h4 { padding: 9px 0 20px 0; font-weight:300; margin-bottom:0px; padding:15px 0 0px; }
    #article a, #bio a, #blog-detail a { color: #1F93CC; }
    #article a:hover, #bio a:hover, #blog-detail a:hover { color: #1F93CC; -webkit-transition: color 0.15s; -moz-transition: color 0.15s; -o-transition: color 0.15s; transition: color 0.15s; }

    #blog-detail table { table-layout: fixed;  border-collapse:collapse; width:100%; margin:20px 0 40px 0; border:1px solid #e4e4e4; }
    #blog-detail table tr {}
    #blog-detail table tr td {/*  border:1px solid #CCCCCC; */ padding:4px 8px; font-size:15px; }
    #blog-detail table tr:first-child td  { background:#F4F4F4; }

    #blog-detail span.cost-expectation { background: #EAF7FD; padding: 15px 20px 15px 100px; display: block; }
    #blog-detail span.cost-expectation.step1 { background: #EAF7FD url(../images/cost_1.png) no-repeat 15px 15px; }
    #blog-detail span.cost-expectation.step2 { background: #EAF7FD url(../images/cost_2.png) no-repeat 20px 20px; }
    #blog-detail span.cost-expectation.step3 { background: #EAF7FD url(../images/cost_3.png) no-repeat 20px 20px; }
    #blog-detail span.cost-expectation.step4 { background: #EAF7FD url(../images/cost_4.png) no-repeat 25px 20px; }
    #blog-detail span.cost-expectation.step5 { background: #EAF7FD url(../images/cost_5.png) no-repeat 20px 20px; }

    #blog-detail span.tip { background: #EAF7FD url(../images/tip.png) no-repeat 15px 15px; padding: 15px 20px 15px 100px; display: block; }

    /* Related Pages */
    #rel { padding-bottom:20px; }
    #rel .related-pages, #bio .related-pages, #blog-detail .related-pages { font-size: 0px; background: url("../images/bg-diag-5.png") repeat-x top; padding: 40px 0 0; text-align: center; }
    #rel .related-pages li, #bio .related-pages li, #blog-detail .related-pages li { display: inline-block; *zoom: 1; *display: inline; width: 336px; margin: 0; vertical-align: top; }
    #rel .related-pages li:nth-child(2), #bio .related-pages li:nth-child(2), #blog-detail .related-pages li:nth-child(2) { margin: 0 13px; }
    #rel .related-pages li h4, #bio .related-pages li h4, #blog-detail .related-pages li h4 { font: bold 13px/1 'Raleway'; color: #afbe29; text-align: center; text-transform: uppercase; letter-spacing: 1.5px; /* padding-bottom: 15px; */ }
    #rel .related-pages li h5, #bio .related-pages li h5, #blog-detail .related-pages li h5 { font:300 27px 'Raleway'; color: #1F93CC; text-align: center; text-transform: none; display: block; padding-bottom: 15px; }
    #rel .related-pages li a, #bio .related-pages li a, #blog-detail .related-pages li a { display: block; width: 100%; height: 189px; border: 1px solid #C7C7C7; position: relative; overflow: hidden; box-shadow: 0 3px 0 #E8E8E8; z-index: 2; @include box-sizing(border-box); }
    #rel .related-pages li a .bg, #bio .related-pages li a .bg, #blog-detail .related-pages li a .bg { display: block; width: 100%; height: 100%; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; position: absolute; top: 0px; left: 0px; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: 2; }
    #rel .related-pages li a:hover .bg, #bio .related-pages li a:hover .bg, #blog-detail .related-pages li a:hover .bg { filter: url(../inc/filters.svg#grayscale); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */ }
    #rel .related-pages li a .hover, #bio .related-pages li a .hover, #blog-detail .related-pages li a .hover { position: relative; width: 100%; height: 189px; background: url("../images/bg-related.png") no-repeat center center; font: 600 20px/1 'Raleway'; color: #fff; text-align: center; line-height: 56px; z-index: 2; display: none; }
    #rel .related-pages li a .hover span, #bio .related-pages li a .hover span, #blog-detail .related-pages li a .hover span { display: inline-block; padding: 0 28px 0 0; background: url("../images/sprites.png") no-repeat right -195px; height:50px; margin-top:66px; }
    #rel .related-pages li a:hover .hover, #bio .related-pages li a:hover .hover, #blog-detail .related-pages li a:hover .hover { display: block; }

    #article h3, #bio h3, #blog-detail h3 { font:300 26px/34px 'Raleway'; color: #1F93CC; padding-bottom: 0; }
    #article h5, #bio h5, #blog-detail h5 { font: 700 13px/1 'Raleway'; color: #afbe29; padding: 12px 0 2px; display:block; }
    #article h3, #bio h3, #blog-detail h5+h3 { padding-top:20px; }
    #article ul, #bio ul, #blog-detail ul { padding: 15px 145px 25px 45px; font-weight:300; }
    #article ul li, #bio ul li, #blog-detail ul li, .textimg .text ul li { display: list-item; font-size: 14px; line-height: 21px; list-style-type: disc; margin-bottom: 14px; font-weight:300; }
    #article .services, #bio .services, #blog-detail .services { padding: 0 20px; }
    #article .services li, #bio .services li, #blog-detail .services li { background: url("../images/bg-dotted-3.png") repeat-x bottom; text-align: center; padding: 5px 0 8px; display: block; list-style: none; margin-bottom: 0; line-height: 18px; }


    #article .left img { max-width:100%; height:auto; }
    #article .right #phil { padding:0; margin:0; }
    #article .right #phil li { display:inline-block; *zoom:1; *display:inline; list-style:none; padding:0; margin:0; width:200px; text-align: center; }
    #article .right #phil li img { width:200px; display: block; margin: 0 auto; vertical-align: middle; }

    .pfolio-wrap { max-width: 1140px; margin: 0 auto; text-align: center; font-size: 0px;position:relative;z-index:10 }
    .pfolio-wrap .filter { width: 50%; display: inline-block; *zoom: 1; *display: inline; text-align: right; padding-bottom: 40px; background: url("../images/bg-dotted-3.png") repeat-x bottom; margin-bottom: 35px; }
    .pfolio-wrap .filter h4 { font: 100 20px/37px 'Raleway'; color: #686F72; display: inline-block; *zoom: 1; *display: inline; padding: 0 20px 0 0; }
    .pfolio-wrap .filter .ui-selectmenu { font-size: 16px; text-align: left; overflow: visible; position: relative; top: -5px; }
    .pfolio-wrap .filter .ui-selectmenu .ui-selectmenu-status { border-radius: 4px; border: 1px solid #C7C7C7; line-height: 35px; padding: 0 18px; color: #989898; }
    .pfolio-wrap .filter .ui-selectmenu.ui-state-hover .ui-selectmenu-status { border-color: #acacac; }
    .pfolio-wrap .filter .ui-selectmenu .ui-selectmenu-icon { width: 15px; height: 8px; background: url("../images/sprites.png") no-repeat -100px 0px; right: 27px; top: 22px; }
    .pfolio-wrap #portfolio { font-size: 0px; line-height: 0px; }
    .pfolio-wrap #portfolio li { margin-bottom: 8px; }
    .pfolio-wrap #portfolio li.sm { width: 279px; height: 163px; }
    .pfolio-wrap #portfolio li.sm .hover { line-height: 163px; background-position: -13px -34px; }
    .pfolio-wrap #portfolio li.lg { width: 566px; height: 334px; }
    .pfolio-wrap #portfolio li.lg .hover { line-height: 334px; background-position: bottom right; }
    .pfolio-wrap #portfolio li a { position: relative; display: block; overflow: hidden; }
    .pfolio-wrap #portfolio li .hover { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #55BBE9 url("../images/bg-related.png") no-repeat; z-index: 2; display: none; opacity:0.9 }
    .pfolio-wrap #portfolio li .hover > div { padding: 30px; vertical-align: middle; display: inline-block; font:300 26px/26px 'Raleway'; color: #fff; text-align: center; line-height: 30px !important; }
    .pfolio-wrap #portfolio li .hover small { font: 700 10px/12px 'Raleway'; text-transform: uppercase; display: block; margin-top: 20px; letter-spacing: 1px; }
    .pfolio-wrap #portfolio li .hover span { display: block; background: url("../images/sprites.png") no-repeat right -214px; width: 17px; height: 12px; margin: 12px auto 0; }
    .pfolio-wrap #portfolio li:hover .hover { display: block; }

    .pag {display:none}

    .ui-selectmenu-menu .ui-selectmenu-menu-dropdown { background: #fff; border: 1px solid #C7C7C7; position: relative; top: -3px; padding: 10px 0; width: 258px !important; box-shadow: 0 3px 0 rgba(0, 0, 0, 0.3); }
    .ui-selectmenu-menu .ui-selectmenu-menu-dropdown li { padding: 0 20px; }
    .ui-selectmenu-menu .ui-selectmenu-menu-dropdown li a { border-bottom: 1px solid #C7C7C7; padding: 7px 0 5px; font-size: 14px; color: #989898; }
    .ui-selectmenu-menu .ui-selectmenu-menu-dropdown li a:hover { color: #1F93CC; }
    .ui-selectmenu-menu .ui-selectmenu-menu-dropdown li.ui-corner-bottom a { border-bottom: none; }

    #fit-width .masonry { margin: 0 auto; }

    #team { font-size: 0px; line-height: 0px; padding-bottom:20px; }
    #team li { width: 179px; height: 179px; display: inline-block; *zoom: 1; *display: inline; margin: 0 13px 13px 0; vertical-align: top; }
    #team li.member { background-color: #aeaeae; position: relative; }
    #team li.member a { display: block; width: 100%; height: 179px; position: absolute; overflow: hidden; z-index: 2; top: 0px; left: 0px; }
    #team li.member a .bg { display: block; width: 100%; height: 100%; /* -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; */ position: absolute; top: 0px; left: 0px; z-index: 2; }
    #team li.member a .hover { position: absolute; padding: 0 20px; width:139px; height: 179px; background: #55BBE9; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=96); opacity: 0.96; font: 600 20px/1 'Raleway'; color: #fff; text-align: center; z-index: 2; display: none; }
    #team li.member a .hover div { display: inline-block; padding: 40px 0 0px; font-size: 26px; line-height: 29px; font-weight: 100; }
    #team li.member a .hover div small { line-height: 100%; display: block; width:139px; text-transform: uppercase; font-weight: bold; font-size: 11px; line-height: 14px; padding: 9px 0 9px; min-height: 28px; position: relative;}
    #team li.member a .hover div small:after {  content:''; display:block; background: url("../images/sprites.png") no-repeat -480px -210px; width:20px; height:20px; position: absolute; left:50%; margin: 6px 0 0 -10px; }
    #team li.member a:hover .hover { display: block; }
    #team li.fact { background-repeat: no-repeat; background-position: center center; cursor: default; }
    #team li.fact > div { display: block; width: 100%; height: 179px; position: relative; overflow: hidden; z-index: 2; }
    #team li.fact > div span { font-size: 92px; line-height: 179px; font-weight: 100; vertical-align: middle; color: #fff; text-align: center; display: block; letter-spacing: -5px; -webkit-transition: all, 0.15s; -moz-transition: all, 0.15s; -o-transition: all, 0.15s; transition: all, 0.15s; position: relative;  }
    #team li.fact > div span small { font-size: 42px; position: relative; top: -15px; }
    #team li.fact > div p { position: absolute; left: 0px; font:300 17px/20px 'Raleway'; color: #fff; padding: 0 20px; bottom: -200px; -webkit-transition: bottom, 0.15s; -moz-transition: bottom, 0.15s; -o-transition: bottom, 0.15s; transition: bottom, 0.15s; }
    #team li.fact:hover > div span { -webkit-transform: scale(0.53, 0.53); -moz-transform: scale(0.53, 0.53); -ms-transform: scale(0.53, 0.53); -o-transform: scale(0.53, 0.53); transform: scale(0.53, 0.53); line-height: 82px; left: -40px; }
    #team li.fact:hover > div p { bottom: 20px; }
    #team li.fact2 { background: #FAB72F; -webkit-transition: background, 0.15s; -moz-transition: background, 0.15s; -o-transition: background, 0.15s; transition: background, 0.15s; position: relative; }
    #team li.fact2 > div { display: block; width: 177px; height: 177px; border: 1px solid #FAB72F; position: absolute; overflow: hidden; z-index: 2; left: 0px; top: 0px; }
    #team li.fact2 > div span { font-size: 92px; line-height: 179px; font-weight: 100; vertical-align: middle; color: #fff; text-align: center; display: block; letter-spacing: -5px; -webkit-transition: all, 0.15s; -moz-transition: all, 0.15s; -o-transition: all, 0.15s; transition: all, 0.15s; position: relative; }
    #team li.fact2 > div span small { font-size: 42px; position: relative; top: -15px; }
    #team li.fact2 > div p { position: absolute; left: 0px; font:300 17px/20px 'Raleway'; color: #FAB72F; padding: 0 20px; bottom: -200px; -webkit-transition: bottom, 0.15s; -moz-transition: bottom, 0.15s; -o-transition: bottom, 0.15s; transition: bottom, 0.15s; }
    #team li.fact2:hover { background: #fff; }
    #team li.fact2:hover > div span { -webkit-transform: scale(0.53, 0.53); -moz-transform: scale(0.53, 0.53); -ms-transform: scale(0.53, 0.53); -o-transform: scale(0.53, 0.53); transform: scale(0.53, 0.53); line-height: 82px; left: -40px; color: #FAB72F; }
    #team li.fact2:hover > div p { bottom: 20px; }
    #team li:nth-child(6n) { margin-right: 0px; }

/*
    .clients #logos {list-style:none !important;padding:0 !important}
        .clients #logos li {list-style:none !important;width:260px;padding:10px;height:125px;float:left; text-align:center; padding:30px; box-sizing:border-box; line-height:60px; }
        .clients #logos li img { vertical-align: middle }
*/

    #article.clients { padding:0px; }
    #article.clients #logos { width:1116px; font-size:0px; line-height:0px; padding:0px; margin:0 auto; }
    #article.clients #logos li { width:215px; height:115px; padding:28px 32px; display:inline-block; *zoom:1; *display:inline; margin-bottom:0px; }
    #article.clients #logos li img { display:block; width:215px; height:115px; }


    .clients dl {border-bottom:1px solid #E4E4E4;margin-bottom:30px}
        .clients dl dt {color: #1F93CC;font:300 26px/34px 'Raleway';padding: 15px;cursor:pointer;border-top:1px solid #E4E4E4;position:relative}
        .clients dl dt:hover {background:#FBFBFB;color:#9EAA00}
        .clients dl dt.clicked:hover {background:#fff}
        .clients dl dt span {position:absolute;right:10px;top:0;font:300 60px/70px 'Raleway';}
        .clients dl dd {height:0;overflow:hidden;}
        .clients dl dt.clicked+dd {height:auto}
        .clients dl dd .dd-wrap {padding:0 15px 30px;}
        .clients dl dd span {display:inline-block;width:225px;color:#7A7A7A;font:300 16px/20px 'Raleway';background: url("../images/bg-dotted-3.png") repeat-x bottom;padding:10px 0}
        .clients dl dd .column {margin:0 35px 0 0;}
    h6.dotted-header {width:100%;background: url("../images/bg-dotted-3.png") repeat-x top;text-align:center}
        h6.dotted-header span {display:inline-block;background:#fff;font: 500 12px/18px 'Raleway';color:#afbe29;position:relative;top:-13px;padding:0 10px;text-transform:uppercase}


    #edge-grid { font-size: 0px; line-height: 0px; padding: 25px 0 35px; }
    #edge-grid img { display: inline-block; *zoom: 1; *display: inline; }
    #edge-grid .g1 { float: left; width: 817px; height: 413px; margin-right: 12px; }
    #edge-grid .g2 { width: 121px; height: 200px; margin: 0 12px 12px 0; }
    #edge-grid .g3 { width: 178px; height: 200px; margin-bottom: 12px; }
    #edge-grid .g4 { width: 311px; height: 200px; }

    #article.edge { padding-left: 0px; padding-right: 0px; padding-top:0px; }
    #article.edge .edge-right { float: right; margin: 0 0 40px 60px; }
    #article.edge h5 { clear: both; display:inline-block; *zoom:1; *display:inline;  }
    #article.edge h5.hq { background: url("../images/bg-dotted-3.png") repeat-x bottom; width: 100%; box-sizing:border-box; }
    #article.edge .note { font: 100 32px/44px 'Raleway'; color: #686f72; width: 950px; margin: 0 auto; text-align: center; margin-top: 30px; }

    #edge-grid-2 { font-size: 0px; line-height: 0px; padding: 10px 0 35px; }
    #edge-grid-2 img { display: inline-block; *zoom: 1; *display: inline; }
    #edge-grid-2 .g1 { float: left; margin: 0 0 11px 0; }
    #edge-grid-2 .g2 { float: right; margin: 0 0 11px 0; }
    #edge-grid-2 .g3 { float: left; }
    #edge-grid-2 .g4 { float: right; }
    #edge-grid-2 .g5 { margin: 0 0 0 9px; }



/* ========================================================================= */
/* !PORTFOLIO DETAIL */
/* ========================================================================= */
    #post-nav { float: right; font-size: 0px; margin: 0 0 30px; }
    .single-rabbit #post-nav {margin: 20px 0 30px;}
    #post-nav a { height: 35px; line-height: 35px; border: 1px solid #C7C7C7; border-radius: 4px; display: inline-block; *zoom: 1; *display: inline; vertical-align: top; color: #989898; font-family: "Raleway"; font-size: 14px; margin: 0 0 0 9px; background: url("../images/sprites.png") no-repeat; }
    #post-nav a[rel=next] { width: 50px; background-position: 18px -53px; font-size: 0px; }
    #post-nav a[rel=prev] { width: 50px; background-position: 18px -83px; font-size: 0px; }
    #post-nav a.back { padding: 0 40px 0 20px; background-position: 101px -113px; }
    #post-nav a:hover { border-color: #ACACAC; }

    .blog #post-nav a.back { background-position:88px -113px; }

    #post-nav-bottom {  font-size: 0px; margin: 0 0 30px; margin:0 auto; text-align:center; padding:30px 0; }
    #post-nav-bottom a { height: 35px; line-height: 35px; border: 1px solid #C7C7C7; border-radius: 4px; display: inline-block; *zoom: 1; *display: inline; vertical-align: top; color: #989898; font-family: "Raleway"; font-size: 14px; margin: 0 0 0 9px; background: url("../images/sprites.png") no-repeat; }
    #post-nav-bottom a[rel=next] { width: 50px; background-position: 18px -53px; font-size: 0px; }
    #post-nav-bottom a[rel=prev] { width: 50px; background-position: 18px -83px; font-size: 0px; }
    #post-nav-bottom a.back { padding: 0 40px 0 20px; background-position: 101px -113px; }
    #post-nav-bottom a:hover { border-color: #ACACAC; }


    #post-title { background: url("../images/bg-dotted-3.png") repeat-x bottom; padding: 0 290px 15px 0; }
    #post-title h3 { color: #1F93CC; font-size: 35px; font-weight:200; margin-bottom: 6px; line-height: 40px; }
    #post-title h4 { color: #afbe29; font-size: 11px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; }
    #post-title.bio h3 { font-size: 40px; margin: 0; padding-top: 15px; }
    #post-title.bio h4 { padding-bottom: 15px; }
    #post-title.bio .bio-img { display: block; float: left; width: 91px; height: 91px; border-radius: 50px; margin: 0 30px 0 0; }
    #post-title.bio.blog h3 { font-size: 35px; line-height: 38px; padding-top: 10px; padding-left: 121px; }
    #post-title.bio.blog .details { color: #8B8E91; font-size: 17px; line-height: 22px; font-weight:300; padding-top: 16px; padding-left: 121px; }
    #post-title.bio.blog .details a { color: #8B8E91; }
    #post-title.bio.blog .details a:hover { color: #1F93CC; }
    #post-title.bio.blog .details span { font-size: 12px; display: inline-block; *zoom: 1; *display: inline; padding: 0 8px; }

    #bio-grid { font-size: 0px; line-height: 0px; padding: 25px 0 40px; }
    #bio-grid img { display: inline-block; *zoom: 1; *display: inline; }
    #bio-grid .lg { float: left; width: 750px; height: 372px; margin-right: 17px; }
    #bio-grid .md { width: 373px; height: 179px; margin-bottom: 14px; }
    #bio-grid .sm { width: 179px; height: 179px; }
    #bio-grid .sm + .sm { margin-left: 15px; }

    #bio { float: left; padding: 0 95px 20px 0px; width: 620px; }
    #bio p { padding-bottom: 18px; }
    #bio.blog { padding-top: 30px; }

    #bio-side { width: 373px; float: right; margin-top: 20px; }
    #bio-side h5 { padding: 0px; }
    #bio-side ul { padding-bottom: 40px; }
    #bio-side ul li { font-size: 13px; font-weight:300; height: 36px; background: url("../images/bg-dotted-3.png") repeat-x bottom; }
    #bio-side ul li a { vertical-align: middle; color: #686f72; line-height: 36px; height: 36px; display: block; }
    #bio-side ul li a:hover { color:#1F93CC; }
    #bio-side ul li a span { display: inline-block; *zoom: 1; *display: inline; width: 36px; height: 36px; background: url("../images/img-bio-sm.png") no-repeat; float: left; }
    #bio-side ul li a span.email { background-position: left 11px;}
        #bio-side ul li a:hover span.email  { background-position:-50px 11px; }
    #bio-side ul li a span.twitter { background-position:left -25px; }
        #bio-side ul li a:hover span.twitter  { background-position:-50px -25px; }
    #bio-side ul li a span.linkedin { background-position: 1px -61px; }
        #bio-side ul li a:hover span.linkedin { background-position: -49px -61px; }
    #bio-side ul#rabbits li { display: inline-block; *zoom: 1; *display: inline; width: 174px; }
    #bio-side ul#rabbits li:nth-child(even) { margin-left: 19px; }

    #pfolio { width: 1140px; margin: 0 auto; }
    #pfolio #pf-right { width: 260px; float: right; padding: 70px 0; }
    #pfolio #pf-right h4 { font-size: 13px; font-weight: 700; color: #afbe29; text-transform: uppercase; letter-spacing: 1px; }
    #pfolio #pf-right p { font:300 13px/22px 'Raleway'; color: #686f72; padding: 0 20px 0 0; }
    #pfolio #pf-right p + h4 { padding-top: 35px; }
    #pfolio #pf-right ul li { background: url("../images/bg-dotted-3.png") repeat-x bottom; padding: 4px 0 5px; }
    #pfolio #pf-right ul li a { font-weight:300; font-size: 13px; line-height: 18px; color: #686f72; }
    #pfolio #pf-right ul li a:hover { color: #1F93CC; }
    #pfolio #pf-left { width: 850px; padding: 40px 0; }
    #pfolio #pf-left img { margin-bottom: 20px; }
    #pfolio .subhead { font-size: 14px; font-weight:300; background: url("../images/bg-dotted-3.png") repeat-x bottom; margin: 30px 0 20px; padding: 0 0 5px; }
    /* #pfolio img.web { padding:30px 1px 20px;background:url(../images/bg_portfolio_web.png) top left no-repeat } */
    #pfolio .webimg-top { margin-bottom:0px !important; display:block; }
    #pfolio img.web { border:1px solid #D3D3D3; }

    #pfolio .cs-heading { font:100 47px/56px 'Raleway'; text-align:center; color:#1F93CC; padding:26px 90px 30px; background:url('../images/bg-dotted-3.png') repeat-x bottom center; }

    #pfolio .textimg { padding: 30px 0; }
    #pfolio .textimg .text { padding-top:25px; }
    #pfolio .textimg .text h3 {  font:700 15px/22px 'Raleway'; color:#afbe29; letter-spacing:1px; text-transform: uppercase; padding-bottom:13px; }
    #pfolio .textimg .text p { font-weight:300; margin-bottom:20px; }
    #pfolio .textimg .text p + h3 { margin:20px; }
    #pfolio .textimg .text ul { margin:20px; }
    #pfolio .textimg.right .text { width:486px; padding-left:20px; float:left; }
    #pfolio .textimg.right img { float:right; }
    #pfolio .textimg.left .text { width:478px; padding-right:40px; float:right; }
    #pfolio .textimg.left img { float:left; }

    #pfolio .quote { padding:60px 12%; text-align: center; }
    #pfolio .quote h3 { font:100 32px/44px 'Raleway'; color:#686F72; padding-bottom:22px; }
    #pfolio .quote p { font:300 25px/33px 'Raleway'; color:#1F93CC }
    #pfolio .quote p small { display:block; font:700 13px/22px 'Raleway'; letter-spacing: 1px; color:#afbe29; text-transform: uppercase; }

    #pfolio .vimeo { width:100%; }


/* ========================================================================= */
/* !PROCESS */
/* ========================================================================= */

    .headline.process { background:url('../images/bg-dotted-5.png') repeat-x bottom; }
    .process_copy_container {opacity:0;padding:20px 0 0;width:560px;margin:0 auto; position: relative; top:50px;
-webkit-transition: all .4s ease-in;
-moz-transition: all .4s ease-in;
-ms-transition: all .4s ease-in;
-o-transition: all .4s ease-in;
transition: all .4s ease-in;}
    .process_copy_container.show {opacity:1; top:0px;
-webkit-transition: all .4s ease-in;
-moz-transition: all .4s ease-in;
-ms-transition: all .4s ease-in;
-o-transition: all .4s ease-in;
transition: all .4s ease-in;}
    .process_copy_container .num {float:left;display:inline-block;background:#afbe29;color:#fff;-webkit-border-radius:15px;border-radius:15px;font:500 16px/16px 'Raleway';width:30px;height:24px;text-align:center;padding-top:6px}
    .process_copy_container .process_copy {padding:0 0 0 50px;width:500px}
    .process_copy_container .process_copy p {padding-top:0 !important}
    .headerimg {width:1140px;display:block;margin:0 0 0 -50px}
    .process.p4 {margin-bottom:50px}


/* ========================================================================= */
/* !BLOG */
/* ========================================================================= */
    #blog-tweets { display:none; font-size: 0px; line-height: 0px; width: 572px; float: right; }
    #blog-tweets li { background: #EAF8FF; border-radius: 6px; width: 234px; height: 176px; margin: 0 0 14px; display: inline-block; *zoom: 1; *display: inline; padding: 20px; position: relative; }
    #blog-tweets li .tweet_text { font:300 17px/24px 'Raleway'; color: #676D72; word-break: break-word; }
    #blog-tweets li .tweet_text a { color: #1F93CC; }
    #blog-tweets li .tweet_time { position: absolute; bottom: 16px; left: 20px; font:300 13px/1 'Raleway'; }
    #blog-tweets li .tweet_time a { color: #89B8CC; }
    #blog-tweets li.img { height: 406px; }
    #blog-tweets li.img img { position: relative; left: -8px; top: -8px; }
    #blog-tweets li.img p { padding-top: 29px; }

    #blog { margin: 0 auto; }

    h3#blog-results { color:#1F93CC; font:100 40px/135% 'Raleway'; text-align:center; background: url(../images/bg-dotted-3.png) bottom left repeat-x; padding: 20px 0 40px; margin: 0 0 20px; }
    h3#blog-results strong { font-weight:400; }

    .blog-item { width: 550px; height: 444px; border-radius: 6px; border: 1px solid #E7E7E7; margin-bottom: 16px; display: inline-block; *zoom: 1; *display: inline; background-repeat: no-repeat; background-position: top center; overflow: hidden; vertical-align: top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: relative; }
    .blog-item .clicker { display: block; width: 548px; height: 207px; position: absolute; top: 0px; left: 0px; cursor: pointer; }
    .blog-item.two { margin-left: 14px; }
/*     .search .blog-item:nth-of-type(odd) { margin-right: 18px; } */
    .blog-item .details { height: 1000px; margin-top: 207px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); padding: 40px 22px 0 35px; }
    .blog-item .details h3 { font:300 29px/31px 'Raleway'; text-align: center; background: url("../images/bg-dotted-3.png") repeat-x bottom; padding: 0 0 20px; margin-bottom: 18px; }
    .blog-item .details h3 a { color: #1F93CC; }
    .blog-item .details .author { width: 165px; float: left; font:300 12px/16px 'Raleway'; color: #8B8E91; text-align: right; }
    .blog-item .details .author strong { display: block; font-weight:300; font-size: 14px; margin: 3px 0 6px; }
    .blog-item .details .excerpt { width: 315px; float: right; font:300 14px/22px 'Raleway';  }
    .blog-item.nothb .details { margin-top: 0px; }

    #cats { margin-bottom:30px; padding-bottom:30px; position: relative; top:5px; background:url('../images/bg-dotted-3.png') repeat-x bottom; height:40px; }
    #cats form { width:233px; position: relative; float:left; top:-5px; padding:0 15px; }
    #cats form label { position: absolute; color: #989898; font-family: "Raleway"; font-size: 14px; top: 6px; left: 35px; }
    #cats form input[type=text] { width:173px; padding:0 40px 0 20px; height:37px; line-height:37px;background:#F4F4F4 url("../images/sprites.png") no-repeat right -322px; border:none; border-radius:3px; color: #989898; font-family: "Raleway";font-size: 14px; }

    #showtweets { float:right; height:40px; /* background: url('../images/sprites.png') no-repeat left -437px; */ position: relative; top:-6px;}
    #showtweets #toggle { font:300 14px 'Raleway'; color: #989898; padding:0 0 0 25px; display:inline-block; *zoom:1; *display:inline; line-height:34px; cursor: pointer;  display:none;  }
    #showtweets #toggle.on { background: url('../images/sprites.png') no-repeat left -394px; }
    #showtweets .twitter-link { display:inline-block; *zoom:1; *display:inline; border-radius:3px; border:1px solid #E7E7E7; font:11px/35px 'Raleway'; color:#55BBE9; text-transform: uppercase; padding:0 15px 0 37px; position: relative; margin-left:10px; }
    #showtweets .twitter-link:hover { border-color:#c7c7c7 }
    #showtweets .twitter-link .social-twitter { font-size:34px; position: absolute; left:0px; top:0px; }

    #cats .ui-selectmenu { font-size: 16px; text-align: left; overflow: visible; position: relative; top: -5px; float:left; }
    #cats .ui-selectmenu .ui-selectmenu-status { border-radius: 4px; border: 1px solid #C7C7C7; line-height: 35px; padding: 0 18px; color: #989898; }
    #cats .ui-selectmenu.ui-state-hover .ui-selectmenu-status { border-color: #acacac; }
    #cats .ui-selectmenu .ui-selectmenu-icon { width: 15px; height: 8px; background: url("../images/sprites.png") no-repeat -100px 0px; right: 27px; top: 22px; }

    .older { width: 49%; display: inline-block; *zoom: 1; *display: inline; text-align: right; margin-top: 25px; }
    .older a { display: inline-block; *zoom: 1; *display: inline; height: 37px; line-height: 37px; padding: 0 44px 0 24px; background: #55BBE9 url("../images/sprites.png") right -69px no-repeat; box-shadow: 0 3px 0 rgba(3, 151, 214, 0.19); border-radius: 4px; color: #fff; font-size: 16px; margin-right: 4px; }

    .top { width: 40%; display: inline-block; *zoom: 1; *display: inline; text-align: left; margin-top: 25px; }
    .top a { display: inline-block; *zoom: 1; *display: inline; height: 37px; line-height: 37px; font-size: 14px; margin-left: 10px; color: #989898; padding: 0 16px 0 0; background: url("../images/sprites.png") no-repeat right -143px; }

    #blog-detail { width: 747px; float: left; padding-top: 30px; position: relative; }
    #blog-detail h4 { color: #1F93CC; font-size: 20px; line-height: 130%; margin-bottom: 20px; }
    #blog-detail .ft-img { border-radius: 7px; overflow: hidden; width: 100%; height: 270px; }
    #blog-detail .ft-img img { width:100%; display: block; }
    #blog-detail .blog-share { width: 90px; float: left; font: 700 10px 'Raleway'; color: #C7C7C7; text-transform: uppercase; padding-top: 40px; text-align: center; }
    #blog-detail .blog-share.abs { left:0px !important; margin-top: -313px; }
    #blog-detail .blog-share a { width:30px; display:block; height:30px; font-size:37px; margin:0 auto 6px; }
    #blog-detail .blog-share a span.social-facebook, #blog-detail .blog-share a span.social-twitter { margin-left:-3px; color:#C7C7C7; }
    #blog-detail .blog-share a.em-holder { margin-bottom:20px; }
    #blog-detail .blog-share a span.em { display:block; width:30px; height:30px; background:url('../images/sprites.png') no-repeat 2px -238px; }
    #blog-detail .blog-share .side-comment { display: block; width: 25px; height: 20px; background: url("../images/sprites.png") no-repeat 0 -285px; margin: 8px auto 0; color: #fff; font-size: 11px; font-weight: 600; padding-top: 2px; }
    #blog-detail .sideSpacer { display: none !important; }
    #blog-detail .blog-content { width: 625px; float: right; padding-top: 40px; padding-bottom: 40px; }
    #blog-detail .blog-content img { max-width:100%; height:auto; display: block; margin: 20px 0; }
    #blog-detail .blog-content img.aligncenter { margin: 20px auto; }
    #blog-detail .blog-content img.alignright { float: right; margin: 20px 0 20px 20px; }
    #blog-detail .blog-content .wp-caption { max-width: 100% !important; width: 100% !important; }
    #blog-detail .blog-content .wp-caption img { margin-bottom: 5px; }
    #blog-detail .wp-caption-text { padding-top: 0; font-size: 12px; line-height: 120%; }
    #blog-detail .blog-content h4 + h5 { margin-top: -10px; }
    #blog-detail ul { padding: 15px 45px 25px 45px; }
    #blog-detail ol { padding: 15px 45px 25px 45px; }
    #blog-detail ol li { clear: both; list-style: decimal; }
    #blog-detail ol li h4 { margin: 0 0 10px 0; }

    #blog-side { width: 275px; float: right; padding-top: 30px; }
    #blog-side h5 { padding: 0px; }
    #blog-side .blog-search { padding: 0 0 26px; }
    #blog-side .blog-search input { border: none; border-radius: 3px; background: #f4f4f4 url("../images/sprites.png") no-repeat right -322px; width: 253px; height: 37px; line-height: 37px; font-weight:300; font-size: 14px; color: #989898; padding: 0 12px; }
    #blog-side .tax { margin-bottom:30px; }
    #blog-side .tax li { padding: 0 0 1px; background: url("../images/bg-dotted-3.png") repeat-x bottom; }
    #blog-side .tax li a { height: 33px; line-height: 33px; font-size: 13px; color: #676D72; font-weight:300; display: inline-block; *zoom: 1; *display: inline; padding-right: 14px; background: url("../images/sprites.png") no-repeat right -382px; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; }
    #blog-side .tax li a:hover { padding-right: 20px; color: #1F93CC; }

    #blog-side .related {  }
    #blog-side .related li { background:url('../images/bg-dotted-3.png') repeat-x bottom; padding:16px 0 11px}
    #blog-side .related li h6 { font:200 21px/25px 'Raleway'; }
    #blog-side .related li h6 a {  color:#676D72; -moz-transition:color 0.15s; -webkit-transition:color 0.15s; -o-transition:color 0.15s; -ms-transition:color 0.15s; transition:color 0.15s;  }
    #blog-side .related li h6 a:hover { color:#1f93cc; }
    #blog-side .related li span { font:300 12px/22px 'Raleway'; color:#8B8E91; }

    #comments { clear: both; background:url('../images/bg-dotted-3.png') repeat-x top;  padding:36px 0 0; margin-bottom:40px;}
    #comments h3 { color: #1F93CC; font-family: "Raleway"; font-size: 25px; font-weight:300; }
    #comments #commentList { width:747px; float:left; }
    #comments #commentList h3, #comments #commentList p.nocomments { padding-left:117px; }
    #comments #commentList #comment-list { }
    #comments #commentList #comment-list li { padding:24px 79px 24px 46px; background:url('../images/bg-dotted-3.png') repeat-x bottom; }
    #comments #commentList #comment-list li img { float:left; }
    #comments #commentList #comment-list li a { color: #1F93CC; }
    #comments #commentList #comment-list li .comment { float:right; width:549px; }
    #comments #commentList .comment h4 { color: #8b8d91; font-family: "Raleway"; font-size: 12px; font-weight:300;  }
    #comments #commentList .comment h4 strong { display:inline-block; *zoom:1; *display:inline; font-size:13px; margin-right:4px; }
    #comments #commentList .comment p { font:300 14px/20px 'Raleway'; color:#686F72; }
    #comments .leaveComment { width:355px; float:right; }
    #comments .leaveComment h3 { padding-bottom:14px; }
    #comments .leaveComment p { position: relative; }
    #comments .leaveComment p label { position: absolute; font:300 14px 'Roboto'; color:#989898; top:16px; left:19px; }
    #comments .leaveComment p input[type=text],#comments .leaveComment p textarea { background:#F4F4F4; border:none; font:300 14px 'Roboto'; color:#989898; border-radius:4px; margin:6px 0; padding:0 19px; width:317px; }
    #comments .leaveComment p input[type=text] { height:37px; line-height:37px; }
    #comments .leaveComment p textarea { padding:10px 19px; }
    #comments .leaveComment .btn { }

    #comments.nocomments { padding:36px 20px 0; }
    #comments.nocomments .leaveComment { float:none; }
    #comments.nocomments #commentList { display:none; }

    ul#contact-tabs { text-align: center; border-bottom:1px solid #C7C7C7;  }
    ul#contact-tabs li { display: inline-block; *zoom: 1; *display: inline; border-radius: 3px 3px 0 0; border:1px solid #C7C7C7; position: relative; top:1px; padding:0px; font:16px/36px 'Raleway'; padding:0 26px; background:#F9F9F9; margin:0 6px; margin-top:5px; cursor: pointer; }
    ul#contact-tabs li.active { background:#fff; border-bottom:1px solid #fff; box-shadow:4px 0px 0 rgba(0,0,0,0.04); margin-top:0px; padding-top:5px; color:#8FA41D; }

    .tab-content { display: none; }
    .tab-content p { margin: 30px 0 20px 0; }
    .tab-content p a { color: #1F93CC; }

    .contact-left { width:700px; float:left; }

    .contact-right { width:420px; float:right; }
    .contact-right dl { text-align:center; margin-top:64px; }
    .contact-right dl dt { color: #afbe29; font-family: "Raleway"; font-size: 13px; font-weight: bold; text-transform: uppercase; margin-bottom:5px; }
    .contact-right dl dd { color: #686F72; font-family: "Raleway"; font-size: 26px; font-weight:300; line-height:32px; margin-bottom:28px; }
    .contact-right dl dd a { font-size:36px; color:#C7C7C7; }
    .contact-right dl dd a:hover { color:#686F72; }

    form.contact { width:100%; margin-top:30px; }
    form.contact li { width:350px; display:inline-block; *zoom:1; *display:inline; margin-top:12px; position: relative; }
    form.contact li label { display:block; font-size:18px; font-weight:300; width:100%; padding:0 0 0 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;  }
    form.contact li.comment { width:100%; }
    form.contact li input[type=text], form.contact li textarea { width: 327px; height: 37px; border-radius: 4px; background-color: #F4F4F4; box-shadow: inset 0 1px 2px #E7E7E7; border:none; font:13px/37px 'Raleway'; color:#686F72; }
    form.contact li .error { box-shadow:0 0 0px 1px #55BBE9 inset !important; }
    form.contact li .form-error { font-size: 12px; color: #55BBE9; position: absolute; top: 65px; right: 13px; }
    form.contact li.comment .form-error { top:168px; }
    form.contact li textarea { width:676px; height:127px; line-height:19px; }
    form.contact .gfield_required { display:none; }
    form.contact .gform_footer { text-align:center; }
    form.contact button[type=submit] { width: 137px; height: 37px; border-radius: 4px; background-clip: padding-box; background-color: #55BBE9; box-shadow: 0 3px 0 #D1EBF6; line-height:37px; color:#fff; position: relative; left:-40px; -moz-transition:background-color 0.15s; -webkit-transition:background-color 0.15s; -o-transition:background-color 0.15s; -ms-transition:background-color 0.15s; transition:background-color 0.15s; font-size:16px; font-weight:300; }
    form.contact button[type=submit]:hover { background-color:#1F93CC }
    form.contact .gfield_error .gfield_required { display: inline-block;color: #55BBE9;font-size: 35px;line-height: 0;position: relative;top: 15px;left: 6px; }
    form.contact .validation_message { display:none; }
    form.contact .validation_error { color:#55BBE9; font-size:14px; font-weight:300; }
    #gforms_confirmation_message { padding-top: 60px; font-size: 18px; font-weight:300; color: #55BBE9; }

    #careers { margin:70px 0; border-bottom:1px solid #E0E0E0; }
    #careers>li { border-top:1px solid #E0E0E0; }
    #careers>li h3 { font:300 24px/57px 'Raleway'; color:#1F93CC; cursor: pointer; position: relative; }
    #careers>li h3:hover { background:#FBFBFB; color:#A6B117; }
    #careers>li h3:after { position: absolute; right: 10px; top: -3px; font:300 60px/70px 'Raleway'; content:"+" }
    #careers>li.active h3 { color:#8FA41D; }
    #careers>li.active h3:hover { background:none; }
    #careers>li.active h3:after { content:"-"; top:-8px; }
    #careers>li div { display:none; padding-bottom:40px; }
    #careers>li div p + p { margin-top:10px; }
    #careers>li div p, #careers>li div ul li { font-size:14px; line-height: 20px; font-weight:300; }
    #careers>li div ul { padding:10px 0 10px 20px; }
    #careers>li div ul li { margin:3px 0; display:list-item; list-style: disc; }
    #careers>li div .apply { display:inline-block; margin-top:20px; cursor: pointer; }

    form.gigs { width:100%; margin-top:30px; }
    form.gigs li { width:350px; display:inline-block; *zoom:1; *display:inline; margin-top:12px; position: relative; }
    form.gigs li label { display:block; font-size:18px; font-weight:300; width:100%; padding:0 0 0 5px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;  }
    form.gigs li.comment { width:100%; }
    form.gigs li input[type=text], form.gigs li textarea { width: 327px; height: 37px; border-radius: 4px; background-color: #F4F4F4; box-shadow: inset 0 1px 2px #E7E7E7; border:none; font:13px/37px 'Raleway'; color:#686F72; }
    form.gigs li .error { box-shadow:0 0 0px 1px #55BBE9 inset !important; }
    form.gigs li .form-error { font-size: 12px; color: #55BBE9; position: absolute; top: 65px; right: 13px;  height:20px; }
    form.gigs li.message { width:686px; }
    form.gigs li.message .form-error { right:0px; top:168px; }
    form.gigs li textarea { width:676px; height:127px; line-height:19px; }
    form.gigs li.resume { width:337px; }
    form.gigs li.resume .uploader { width:337px; overflow: visible; }
    form.gigs li.resume .uploader input { height:37px;  cursor: pointer; }
    form.gigs li.resume .uploader .filename { border:none; font-size:12px; margin:0; padding:0 4px; line-height:35px; width:auto; max-width:220px; }
    form.gigs li.resume .uploader .action { float:right; background: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; border: 1px solid #55BBE9; font-size: 12px; color: #1F93CC; padding: 0px 10px; display: inline-block; margin: 10px 0 0; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; font: 12px/35px 'Raleway'; margin:0; height:auto;  text-shadow:none;}
    form.gigs li.resume .uploader.hover .action { background:#55BBE9; color:#fff; }
    form.gigs li.position { display:none; }
    form.gigs .gfield_required { display:none; }
    form.gigs .gform_footer { text-align:center; }
    form.gigs button[type=submit] { width: 137px; height: 37px; border-radius: 4px; background-clip: padding-box; background-color: #55BBE9; box-shadow: 0 3px 0 #D1EBF6; line-height:37px; color:#fff; position: relative; left:-40px; -moz-transition:background-color 0.15s; -webkit-transition:background-color 0.15s; -o-transition:background-color 0.15s; -ms-transition:background-color 0.15s; transition:background-color 0.15s; font-size:16px; font-weight:300; }
    form.gigs button[type=submit]:hover { background-color:#1F93CC }
    form.gigs .gfield_error .gfield_required { display: inline-block;color: #55BBE9;font-size: 35px;line-height: 0;position: relative;top: 15px;left: 6px; }
    form.gigs .validation_message { display:none; }
    form.gigs .validation_error { color:#55BBE9; font-size:14px; font-weight:300; }
    #gforms_confirmation_message { padding-top: 60px; font-size: 18px; font-weight:300; color: #55BBE9; }


    .video-container { position: relative; padding-bottom: 50%; padding-top: 30px; height: 0; overflow: hidden; margin: 30px 0; }
    .video-container iframe,
    .video-container object,
    .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

    .typography-sample { float: left; width: 100%; border-bottom: 1px dotted #cccccc; padding: 15px 0; }
    .typography-sample :first-child { float: left; max-width: 15%; }
    .typography-sample img + p { display: none;}
    #blog-detail .blog-content .typography-sample img { margin: 0; }
    .typography-sample h5,
    .typography-sample p { float: right; margin: 0; width: 85%; }
    .typography-sample br { display: none !important; }


    /*Added Map 5-1-15*/
    .map{  margin: 50px 0 0; border-top: 1px solid #C7C7C7; padding: 50px 0 0 0; text-align: center;}
    .map #map-canvas{width: 100%; height: 385px; }
    .map a.btn{ margin: 30px auto 0; display: inline-block; }

    .map h4{font: bold 13px/1 'Raleway';color: #afbe29;text-align: center;text-transform: uppercase;letter-spacing: 1.5px;}

    .map h5{ font: 300 27px 'Raleway' !important; color: #1F93CC !important; text-align: center !important; text-transform: none !important; display: block !important; padding-bottom: 15px !important;}

/* ========================================================================= */
/* !FOOTER STYLES */
/* ========================================================================= */
    #footer { width: 100%; height: 43px; background-color: #3C4042; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF2E3133', endColorstr='#FF3C4042'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2e3133), color-stop(100%, #3c4042)); background-image: -webkit-linear-gradient(top, #2e3133 0%, #3c4042 100%); background-image: -moz-linear-gradient(top, #2e3133 0%, #3c4042 100%); background-image: -o-linear-gradient(top, #2e3133 0%, #3c4042 100%); background-image: linear-gradient(top, #2e3133 0%, #3c4042 100%); clear: both; }
    #footer .wrap { width: 960px; margin: 0 auto; }
    #footer .wrap .left { float: left; font: 11px/100% 'Raleway'; color: #a4a9ac; text-transform: uppercase; letter-spacing: 1px; padding-top: 20px; }
    #footer .wrap .left a { color: #afbe29; display: inline-block; *zoom: 1; *display: inline; margin-right: 10px; margin-bottom: 5px; }
    #footer .wrap .left a:last-child { margin-right:0px; }
    #footer .wrap .left a:hover { color:#fff; }
    #footer .wrap .left span { display: inline-block; *zoom: 1; *display: inline; margin: 0 20px 5px 0; }
    #footer .wrap .right { float: right; font-size:0px; }
    #footer .wrap .right p { font-size: 9px; text-transform: uppercase; color: #A4A9AC; display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; padding-right: 20px; }
    #footer .wrap .right p a { color: #D4DCE1; }
    #footer .wrap .right p a:hover { color: white; }
    #footer .wrap .right a.sm { background: #494D51; width: 40px; height: 40px; display: inline-block; *zoom: 1; *display: inline; padding: 0px; font-size: 32px; line-height: 0px; vertical-align: middle; padding: 8px 0 0 8px; color: #fff; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; margin:0 0 0 1px; }
    #footer .wrap .right a.sm:hover { background: #afbe29; color:#fff; }

/* ========================================================================= */
/* !FORM STYLES */
/* ========================================================================= */
/* != PLACEHOLDER STYLES = input or textarea - placeholder="whatever" ===== */
    ::-webkit-input-placeholder { color: #A3A3A3; }
    :-moz-placeholder           { color: #A3A3A3; }

    form ul { margin: 0; }
    form ul li { background: none; padding: 5px 0; list-style: none; }
    form ul li div { display: inline-block; vertical-align: top; }
    form ul li ul li { padding: 0; }
    label { width: 150px; line-height: 25px; }
    input[type=text] { width: 250px; padding: 0 5px; line-height: 25px; height: 25px; }
    textarea { width: 250px; height: 100px; padding: 5px; }
    select { width: 260px; }
    input[type=submit] { display: inline-block; cursor: pointer; }

/* infinite scroll */

    #infscr-loading {display:none !important}


	/*!
 * jQuery UI CSS Framework @VERSION
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
/* Layout helpers
----------------------------------*/
    .ui-helper-hidden { display: none; }
    .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }
    .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
    .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
    .ui-helper-clearfix:after { clear: both; }
    .ui-helper-clearfix { zoom: 1; }
    .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); }
    .ui-state-disabled { cursor: default !important; }
    .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
    .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Selectmenu
----------------------------------*/
    .ui-selectmenu { display: block; display: inline-block; position: relative; height: 2.2em; vertical-align: middle; text-decoration: none; overflow: hidden; zoom: 1; }
    .ui-selectmenu-icon { position: absolute; right: 6px; margin-top: -8px; top: 50%; }
    .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; display: none; z-index: 1005; }
    .ui-selectmenu-menu ul { padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
    .ui-selectmenu-open { display: block; }
    .ui-selectmenu-menu-popup { margin-top: -1px; }
    .ui-selectmenu-menu li { padding: 0; margin: 0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
    .ui-selectmenu-menu li a, .ui-selectmenu-status { line-height: 1.4em; display: block; padding: .405em 2.1em .405em 1em; outline: none; text-decoration: none; }
    .ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled { cursor: default; }
    .ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
    .ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
    .ui-selectmenu-status { line-height: 1.4em; }
    .ui-selectmenu-menu li span, .ui-selectmenu-status span { display: block; margin-bottom: .2em; }
    .ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
    .ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
    .ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
    .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display: block; padding: .6em .5em 0; font-weight: bold; }
    .ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }
    * html .ui-selectmenu-menu li { border-color: pink; filter: chroma(color=pink); width: 100%; }
    * html .ui-selectmenu-menu li a { position: relative; }
    * + html .ui-state-disabled, * + html .ui-state-disabled a { color: silver; }


div.selector,div.checker,div.button,div.radio,div.uploader{display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;vertical-align:middle}div.selector:focus,div.checker:focus,div.button:focus,div.radio:focus,div.uploader:focus{outline:0}div.selector,div.selector *,div.radio,div.radio *,div.checker,div.checker *,div.uploader,div.uploader *,div.button,div.button *{margin:0;padding:0}.highContrastDetect{width:0px;height:0px}input.uniform-input,select.uniform-multiselect,textarea.uniform{padding:3px;outline:0}input.uniform-input.active,select.uniform-multiselect.active,textarea.uniform.active{}div.checker input,input[type="search"],input[type="search"]:active{-moz-appearance:none;-webkit-appearance:none}div.selector{background-position:0 -130px;line-height:26px;height:26px;padding:0 0 0 10px;position:relative;overflow:hidden}div.selector span{text-overflow:ellipsis;display:block;overflow:hidden;white-space:nowrap;background-position:right 0;height:26px;line-height:26px;padding-right:25px;cursor:pointer;width:100%;display:block}div.selector.fixedWidth{width:190px}div.selector.fixedWidth span{width:155px}div.selector select{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;border:none;background:none;position:absolute;height:22px;top:2px;left:0px;width:100%}div.selector.active{background-position:0 -156px}div.selector.active span{background-position:right -26px}div.selector.hover,div.selector.focus{background-position:0 -182px}div.selector.hover span,div.selector.focus span{background-position:right -52px}div.selector.hover.active,div.selector.focus.active{background-position:0 -208px}div.selector.hover.active span,div.selector.focus.active span{background-position:right -78px}div.selector.disabled,div.selector.disabled.active{background-position:0 -234px}div.selector.disabled span,div.selector.disabled.active span{background-position:right -104px}div.checker{position:relative}div.checker,div.checker span,div.checker input{width:19px;height:19px}div.checker span{display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;text-align:center;background-position:0 -260px}div.checker span.checked{background-position:-76px -260px}div.checker input{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;border:none;background:none;display:-moz-inline-box;display:inline-block;*display:inline;zoom:1}div.checker.active span{background-position:-19px -260px}div.checker.active span.checked{background-position:-95px -260px}div.checker.hover span,div.checker.focus span{background-position:-38px -260px}div.checker.hover span.checked,div.checker.focus span.checked{background-position:-114px -260px}div.checker.hover.active span,div.checker.focus.active span{background-position:-57px -260px}div.checker.hover.active span.checked,div.checker.focus.active span.checked{background-position:-133px -260px}div.checker.disabled,div.checker.disabled.active{background-position:-152px -260px}div.checker.disabled span.checked,div.checker.disabled.active span.checked{background-position:-171px -260px}div.radio{position:relative}div.radio,div.radio span,div.radio input{width:18px;height:18px}div.radio span{display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;text-align:center;background-position:0 -279px}div.radio span.checked{background-position:-72px -279px}div.radio input{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;border:none;background:none;display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;text-align:center}div.radio.active span{background-position:-18px -18px -279px}div.radio.active span.checked{background-position:-90px -279px}div.radio.hover span,div.radio.focus span{background-position:-36px -36px -279px}div.radio.hover span.checked,div.radio.focus span.checked{background-position:-108px -279px}div.radio.hover.active span,div.radio.focus.active span{background-position:-54px -279px}div.radio.hover.active span.checked,div.radio.focus.active span.checked{background-position:-126px -279px}div.radio.disabled span,div.radio.disabled.active span{background-position:-144px -279px}div.radio.disabled span.checked,div.radio.disabled.active span.checked{background-position:-162px -279px}div.uploader{background-position:0 -297px;height:28px;width:190px;cursor:pointer;position:relative;overflow:hidden}div.uploader span.action{background-position:right -409px;height:28px;line-height:28px;width:82px;text-align:center;float:left;display:inline;overflow:hidden;cursor:pointer}div.uploader span.filename{text-overflow:ellipsis;display:block;overflow:hidden;white-space:nowrap;float:left;cursor:default;height:24px;margin:2px 0 2px 2px;line-height:24px;width:85px;padding:0 10px}div.uploader input{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;border:none;background:none;position:absolute;top:0;right:0;float:right;cursor:default;width:100%;height:100%}div.uploader.active span.action{background-position:right -465px}div.uploader.hover,div.uploader.focus{background-position:0 -353px}div.uploader.hover span.action,div.uploader.focus span.action{background-position:right -437px}div.uploader.hover.active span.action,div.uploader.focus.active span.action{background-position:right -493px}div.uploader.disabled,div.uploader.disabled.active{background-position:0 -325px}div.uploader.disabled span.action,div.uploader.disabled.active span.action{background-position:right -381px}div.button{background-position:0 -641px;height:30px;cursor:pointer;position:relative}div.button a,div.button button,div.button input{opacity:0.01;filter:alpha(opacity=1);-moz-opacity:0.01;display:block;top:0;left:0;right:0;bottom:0;position:absolute}div.button span{display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;line-height:22px;text-align:center;background-position:right -521px;height:22px;margin-left:13px;padding:8px 15px 0 2px}div.button.active{background-position:0 -671px}div.button.active span{background-position:right -551px;cursor:default}div.button.hover,div.button.focus{background-position:0 -701px}div.button.hover span,div.button.focus span{background-position:right -581px}div.button.disabled,div.button.disabled.active{background-position:0 -731px}div.button.disabled span,div.button.disabled.active span{background-position:right -611px;cursor:default}input.uniform-input,select.uniform-multiselect,textarea.uniform{font-size:12px;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;font-weight:normal;color:#777;border-top:solid 1px #aaa;border-left:solid 1px #aaa;border-bottom:solid 1px #C7C7C7;border-right:solid 1px #C7C7C7;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}input.uniform-input.hover,input.uniform-input.focus,select.uniform-multiselect.hover,select.uniform-multiselect.focus,textarea.uniform.hover,textarea.uniform.focus{-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.3);-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.3);box-shadow:0px 0px 4px rgba(0,0,0,0.3);border-color:#999}div.button span{font-weight:bold;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:1px;text-transform:uppercase}div.button.hover span,div.button.focus span{color:#555}div.button.disabled span,div.button.disabled.active span{color:#bbb}div.selector{font-size:12px}div.selector span{color:#666;text-shadow:0 1px 0 #fff}div.selector select{font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:12px}div.selector.disabled span,div.selector.disabled.active span{color:#bbb}div.checker{margin-right:5px}div.radio{margin-right:3px}div.uploader span.action{text-shadow:#fff 0px 1px 0px;background-color:#fff;font-size:11px;font-weight:bold}div.uploader span.filename{color:#777;border-right:solid 1px #bbb;font-size:11px}div.uploader.disabled span.action,div.uploader.disabled.active span.action{color:#aaa}div.uploader.disabled span.filename,div.uploader.disabled.active span.filename{border-color:#ddd;color:#aaa}input.uniform-input,input.uniform-input:focus{background-color:#fff}


@media print {
    #header { position: absolute; }
    #home-banner { background-position:center top !important; height:500px !important; background-attachment: scroll !important; }
}