/*-----------------------------------------------------------------------------------
	Theme Name: Aware
	Theme URI: http://www.designcirc.us
	Description: Aware is a uniquely responive portfolio theme for freelancers, web designers, photographers and videographers alike. Now you can take your awesomely interactive portfolio with you in your pocket.
	Author: Andre Gagnon
	Author URI: http://www.designcirc.us
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.19
	
	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)
-----------------------------------------------------------------------------------*/
@import url('css/reset.css');
/*import reset stylesheet */
@font-face {
    font-family: 'RalewayThin';
    src: url('fonts/Raleway-Thin-webfont.eot');
    src: url('fonts/Raleway-Thin-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-Thin-webfont.woff') format('woff'),
        url('fonts/Raleway-Thin-webfont.ttf') format('truetype'),
        url('fonts/Raleway-Thin-webfont.svg#RalewayThin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RalewayExtraLight';
    src: url('fonts/Raleway-ExtraLight-webfont.eot');
    src: url('fonts/Raleway-ExtraLight-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-ExtraLight-webfont.woff') format('woff'),
        url('fonts/Raleway-ExtraLight-webfont.ttf') format('truetype'),
        url('fonts/Raleway-ExtraLight-webfont.svg#RalewayExtraLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RalewayLight';
    src: url('fonts/Raleway-Light-webfont.eot');
    src: url('fonts/Raleway-Light-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-Light-webfont.woff') format('woff'),
        url('fonts/Raleway-Light-webfont.ttf') format('truetype'),
        url('fonts/Raleway-Light-webfont.svg#RalewayLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RalewayRegular';
    src: url('fonts/Raleway-Regular-webfont.eot');
    src: url('fonts/Raleway-Regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-Regular-webfont.woff') format('woff'),
        url('fonts/Raleway-Regular-webfont.ttf') format('truetype'),
        url('fonts/Raleway-Regular-webfont.svg#RalewayRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RalewayMedium';
    src: url('fonts/Raleway-Medium-webfont.eot');
    src: url('fonts/Raleway-Medium-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-Medium-webfont.woff') format('woff'),
        url('fonts/Raleway-Medium-webfont.ttf') format('truetype'),
        url('fonts/Raleway-Medium-webfont.svg#RalewayMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RalewaySemiBold';
    src: url('fonts/Raleway-SemiBold-webfont.eot');
    src: url('fonts/Raleway-SemiBold-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-SemiBold-webfont.woff') format('woff'),
        url('fonts/Raleway-SemiBold-webfont.ttf') format('truetype'),
        url('fonts/Raleway-SemiBold-webfont.svg#RalewaySemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RalewayBold';
    src: url('fonts/Raleway-Bold-webfont.eot');
    src: url('fonts/Raleway-Bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-Bold-webfont.woff') format('woff'),
        url('fonts/Raleway-Bold-webfont.ttf') format('truetype'),
        url('fonts/Raleway-Bold-webfont.svg#RalewayBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RalewayExtraBold';
    src: url('fonts/Raleway-ExtraBold-webfont.eot');
    src: url('fonts/Raleway-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-ExtraBold-webfont.woff') format('woff'),
        url('fonts/Raleway-ExtraBold-webfont.ttf') format('truetype'),
        url('fonts/Raleway-ExtraBold-webfont.svg#RalewayExtraBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RalewayHeavy';
    src: url('fonts/Raleway-Heavy-webfont.eot');
    src: url('fonts/Raleway-Heavy-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-Heavy-webfont.woff') format('woff'),
        url('fonts/Raleway-Heavy-webfont.ttf') format('truetype'),
        url('fonts/Raleway-Heavy-webfont.svg#RalewayHeavy') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*-----------------------------------------------------------------------------------*/
/*  Preloader Styles
/*-----------------------------------------------------------------------------------*/
div#preloaded-images {
    position: absolute;
    overflow: hidden;
    left: -9999px;
    top: -9999px;
    height: 1px;
    width: 1px;
}
/*-----------------------------------------------------------------------------------*/
/*  *General Site Styles
/*-----------------------------------------------------------------------------------*/
/* #General Wordpress Styles
================================================== */
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    text-align: center;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 15px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
em {
    font-style: italic;
    font-style: normal;
}
.wp-caption {
    max-width: 100%;
    padding: 5px 0 20px;
}
.wp-caption.alignnone {
    margin: 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text, .gallery-caption {
    font-size: 11px;
    font-style: italic;
    line-height: 17px;
    margin: 0;
    padding: 5px 0 0;
    text-align: left;
}
blockquote {
    quotes: "\201c""\201d""\2018""\2019";
    padding-left: 20px;
    border-left: 1px solid #dcdcdc;
    margin: 0px 0 20px 10px;
    line-height: 18px;
    font-size: 12px;
    background: #FAFAFA;
}
.sticky {
    /*This theme doesn't use sticky posts */
}
.bypostauthor {
    border: 3px;
}
/* #General Theme Styles
================================================== */
img.scale-with-grid {
    max-width: 100% !important;
    height: auto !important;
}
.alert {
    /* For Non-Javascript Enabled Browsers */
    background: #ffffff;
    text-align: center;
    padding: 5px 0px;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: .9;
}
.alert p {
    font-size: 24px;
    color: #666;
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    margin-left: -30px;
    margin-top: -18px;
}
html, body {
    height: auto;
}
body {
    margin: 0;
    overflow-x: hidden;
    font-size: 13px;
    line-height: 18px;
    -webkit-font-smoothing: antialiased;
    /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    font-family: "RalewayRegular", Arial, Helvetica, sans-serif;
}
.mainbody {
    z-index: 1;
}
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}
strong {
    font-family: "RalewayBold";
    font-weight: normal;
}
.nomargin {
    margin: 0;
}
.divider.nomargin {
    height: 1px;
    margin: 0;
}
.button, a.button, a.more-link {
    background-color: #222;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-style: normal;
    font-family: "RalewayBold";
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1;
    padding: 8px 10px 9px;
    position: relative;
    text-decoration: none;
    font-size: 10px;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    border: none;
}
.button:hover, a.button:hover, a.more-link:hover {
    color: #fff;
}
.button.custom:hover, a.button.custom:hover {
    background: #222 !important;
}
a.more-link, a.button, .button {
    margin-top: 10px;
}
.lightboxhover h1, .lightboxhover h2, .lightboxhover h3, .lightboxhover h4, .lightboxhover h5, .lightboxhover h6, .lightboxhover p {
    padding-top: 8px;
}
.currentTextHolder, .pp_description {
    line-height: 18px !important;
    font-size: 12px;
    text-transform: uppercase;
}
.pp_nav p {
    margin: 0 10px;
}
div.light_square .pp_description {
    margin: 3px 85px 0 0;
}
.widget ul li {
    list-style-type: none;
    margin-left: auto;
    margin-bottom: 8px;
}
/* #Button Sizes
================================================== */
.button.small {
    font-size: 10px;
}
.button.medium {
    font-size: 12px;
    padding: 10px 12px 11px;
}
.button.large {
    font-size: 14px;
    padding: 12px 14px 13px;
}
.button.huge {
    font-size: 18px;
    padding: 14px 16px 15px;
}
/* #Button Colors
================================================== */
.button.red {
    background: #C60108;
}
.button.orange {
    background: #E97F02;
}
.button.yellow {
    background: #ECBA09;
}
.button.green {
    background: #8FBE00;
}
.button.blue {
    background: #00A8C6;
}
.button.purple {
    background: #490A3D;
}
.button.purple:hover, .button.blue:hover, .button.green:hover, .button.yellow:hover, .button.orange:hover, .button.red:hover {
    background: #222;
}
/* #Text Boxes
================================================== */
input, textarea, button, select, option {
    border-radius: 0;
}
input#s {
    padding: 10px 10px 10px 24px;
    border-style: solid;
    border-width: 1px;
    font-size: 10px;
    width: 85%;
    max-width: 300px;
    margin: 0;
    background: #FFF url(./images/icons/searchWhite.jpg) no-repeat 4px 7px;
    background-size: 16px;
}
input[type=text], input[type=email], textarea {
    margin: 0 0 20px 0;
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    width: 90%;
    padding: 10px;
}
div.widget select {
    font: inherit;
    padding: 5px;
    width: 85%;
    max-width: 300px;
    margin: 0;
    color: #555;
}
/* #Divider Styling
================================================== */
.divider {
    margin: 10px 0 40px 0;
    text-align: center;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    height: 6px;
}
.divider.slim {
    margin: 0 0 20px 0;
}
.divider span {
    padding: 5px 10px;
    color: #fff;
    height: 12px;
    margin-bottom: -10px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#top_panel .divider span, #footer .divider span {
    background: #fff;
    color: #555;
}
/*-----------------------------------------------------------------------------------*/
/*	*Lists, Etc.
/*-----------------------------------------------------------------------------------*/
/* #Lists
================================================== */
ul, ol {
    margin-bottom: 20px;
}
ul {
    list-style: none outside;
}
ol {
    list-style: decimal;
}
ol, ul.square, ul.circle, ul.disc {
    margin-left: 30px;
}
ul.square {
    list-style: square outside;
}
ul.circle {
    list-style: circle outside;
}
ul.disc {
    list-style: disc outside;
}
ul ul, ul ol, ol ol, ol ul {
    margin: 4px 0 5px 30px;
    font-size: 90%;
}
ul ul li, ul ol li, ol ol li, ol ul li {
    margin-bottom: 6px;
}
li {
    line-height: 18px;
    margin-bottom: 12px;
}
ul.large li {
    line-height: 21px;
}
li p {
    line-height: 21px;
}
/*-----------------------------------------------------------------------------------*/
/*  *Dropdown Navigation
/*-----------------------------------------------------------------------------------*/
/* #Essential Styles
================================================== */
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
    z-index: 10;
}
.sf-menu {
    line-height: 1.0;
}
.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 10em;
    /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
    width: 100%;
}
.sf-menu li:hover {
    visibility: inherit;
    /* fixes IE7 'sticky bug' */
}
.sf-menu li {
    float: left;
    position: relative;
}
.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    left: 0;
    top: 2.5em;
    /* match top ul list item height */
    z-index: 99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
    left: 10.8em;
    top: -10px;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
    left: 10em;
    /* match ul width */
    top: 0;
}
.sub-menu {
    z-index: 3;
}
#footer ul.sub-menu {
    background: none;
}
svg.search-icon {
    width: 16px;
    height: 16px;
}
.is-form-style input.is-search-input {
    font-family: "RalewayRegular";
}
.is-form-style input.is-search-submit, .is-search-icon,
.is-form-style input.is-search-submit, .is-search-icon:hover,
.is-form-style.is-form-style-3 input.is-search-input {
    background: white;
    border: 0 !important;
}
.is-form-style input.is-search-submit, .is-search-icon {
    cursor: pointer;
}
.is-mobile-search-form {
    border: solid 1px #e3e3e3 !important;
    margin-bottom: 20px;
}
.is-mobile-search-form .is-search-icon {
    padding-top: 10px!important;
    text-align: right;
    padding-right: 3px;
}
.is-mobile-search-form .is-search-icon svg {
    width: 16px;
    height: 16px;
}
@media all and (min-width:768px){
    .is-mobile-search-form {
        display: none;
    }
}
/* #Basic Menu Layout
================================================== */
.sf-menu {
    float: left;
    margin-bottom: 30px;
}
.sf-menu a {
    padding: .75em 1em;
    text-decoration: none;
    padding-left: 0;
}
.sf-menu li ul, .sf-menu li li ul {
    border-style: solid;
    border-width: 1px;
}
.sf-menu li li a, .sf-menu li li a:visited {
    padding-left: 1.25em;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    outline: 0;
}
.sf-menu ul li a {
    padding: 15px 15px;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    margin: 0;
}
/* #Menu Arrows
================================================== */
.sf-menu a.sf-with-ul {
    padding-right: 2.25em;
    min-width: 1px;
    /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
    position: absolute;
    display: block;
    right: .75em;
    top: 1.05em;
    /* IE6 only */
    width: 10px;
    height: 10px;
    text-indent: -999em;
    overflow: hidden;
}
a>.sf-sub-indicator {
    /* give all except IE6 the correct values */
    top: .8em;
    background-position: 0 -100px;
    /* use translucent arrow for modern browsers*/
}
.sf-menu li li a .sf-sub-indicator {
    top: 1em;
}
/* apply hovers to modern browsers */
a:focus>.sf-sub-indicator, a:hover>.sf-sub-indicator, a:active>.sf-sub-indicator, li:hover>a>.sf-sub-indicator, li.sfHover>a>.sf-sub-indicator {
    background-position: -10px -100px;
    /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
    background-position: -10px 0;
}
.sf-menu ul a>.sf-sub-indicator {
    background-position: 0 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus>.sf-sub-indicator, .sf-menu ul a:hover>.sf-sub-indicator, .sf-menu ul a:active>.sf-sub-indicator, .sf-menu ul li:hover>a>.sf-sub-indicator, .sf-menu ul li.sfHover>a>.sf-sub-indicator {
    background-position: -10px 0;
    /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul.sf-shadow-off {
    background: transparent;
}
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
    width: 100%;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul {
    left: 100%;
    /* match ul width */
    top: 0;
}
/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator {
    background-position: -10px 0;
}
/* IE6 gets solid image only */
.sf-vertical a>.sf-sub-indicator {
    background-position: 0 0;
}
/* use translucent arrow for modern browsers*/
/* hover arrow direction for modern browsers*/
.sf-vertical a:focus>.sf-sub-indicator, .sf-vertical a:hover>.sf-sub-indicator, .sf-vertical a:active>.sf-sub-indicator, .sf-vertical li:hover>a>.sf-sub-indicator, .sf-vertical li.sfHover>a>.sf-sub-indicator {
    background-position: -10px 0;
    /* arrow hovers for modern browsers*/
}
/* #Navigation Styles
================================================== */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 10;
}
.sf-menu {
    line-height: 1.0;
}
.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 14em;
    /* left offset of submenus need to match (see below) */
}
.sf-menu ul li, .sf-menu ul li li {
    width: 100%;
    font-size: 12px;
}
/* Search Icon flush with right column edge */
.sf-menu > li:last-child a {
    margin-right: -1.5em;
}
ul.sf-menu li ul.sub-menu li a {
    font-size: 11px !important;
}
.sf-menu ul li:last-child a {
    border-bottom: none;
}
.sf-menu li:hover {
    visibility: inherit;
    /* fixes IE7 'sticky bug' */
}
.sf-menu li {
    float: left;
    position: relative;
}
.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    left: 0;
    top: 5em;
    /* match top ul list item height */
    z-index: 99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
    left: 14em;
    /* match ul width */
    top: 0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
    left: 10em;
    /* match ul width */
    top: 0;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
    padding-right: 2.25em;
    min-width: 1px;
    /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
    position: absolute;
    display: block;
    right: .75em;
    top: 1.05em;
    /* IE6 only */
    width: 10px;
    height: 15px;
    text-indent: -999em;
    overflow: hidden;
}
a>.sf-sub-indicator {
    /* give all except IE6 the correct values */
    top: 1em;
    background-position: 0 -100px;
    /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus>.sf-sub-indicator, a:hover>.sf-sub-indicator, a:active>.sf-sub-indicator, li:hover>a>.sf-sub-indicator, li.sfHover>a>.sf-sub-indicator {
    background-position: -10px -100px;
    /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
    background-position: -12px 0;
}
.sf-menu ul a>.sf-sub-indicator {
    background-position: 0 5px;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus>.sf-sub-indicator, .sf-menu ul a:hover>.sf-sub-indicator, .sf-menu ul a:active>.sf-sub-indicator, .sf-menu ul li:hover>a>.sf-sub-indicator, .sf-menu ul li.sfHover>a>.sf-sub-indicator {
    background-position: -10px 5px;
    /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {}
.sf-shadow ul.sf-shadow-off {
    background: transparent;
}
/*** NAVIGATION SKIN ***/
.sf-menu {
    float: right;
}
.sf-menu a {
    padding: .75em 1em 32px 1em;
    margin: 0px 1px;
    text-decoration: none;
}
.sf-menu ul li {
    font-weight: normal;
}
.sf-menu .sfHover ul li a, .sf-menu .sfHover ul li li a {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active, .sf-menu ul li li a:focus, .sf-menu ul li li a:hover, .sf-menu ul li li a:active {
    -moz-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}
.navcontainer {
    z-index: 10;
}
/*-----------------------------------------------------------------------------------*/
/*  *Typography
/*-----------------------------------------------------------------------------------*/
/* #Site Wide Typography
================================================== */
p, ul {
    font-size: 12px;
    line-height: 23px;
    margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
    p, ul, .wp-synhighlighter-inner span {
        font-size: 14px;
        line-height: 26px;
    }
    p, ul {
        margin-bottom: 16px;
    }
    .blogpost h2 {
        margin-top: 16px;
        display: inline-block;
    }
    div {
        max-height: 999999px;
    }
}
#ajaxcontainer p, .newspost p, #footer ul, .widget ul, .widget p {
    font-size: 11px;
    line-height: 18px;
}
p a, a {
    text-decoration: none;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}
h1 {
    margin: 0;
    padding: 0;
    font-size: 26px;
    /*font-weight: 700;*/
    line-height: 26px;
    margin-bottom: 20px;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}
h2 {
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 10px;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}
.blogpost h2 {
    color: #222;
    font-size: 18px;
    line-height: 26px;
    font-weight: normal;
}
.blogpost h2 a {
    color: #BD4825;
}
h3 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 20px;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}
body.category div.pagename h3, body.page div.container h3, body.search-results div.container h3 {
    font-size: 25px;
    font-weight: 500;
    line-height: 1.25;
}
body.search-results div.container h3 {
    margin: 0 0 14px;
}
body.page div.container h3.entry-title {
    font-weight: normal;
}
h4 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    color: #222;
    line-height: 16px;
    margin: 20px 0 6px;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}
body.page div.container h4, body.archive aside.example h4 {
    font-size: 16px;
    font-family: "RalewayRegular";
    font-weight: normal;
}
body.home .flexslider h4, body.archive .example h4.thumbnailtitle {
    text-align: center;
}
h5 {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    color: #222;
    line-height: 14px;
    margin-bottom: 12px;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}
/* #Site Wide Specifics
================================================== */
p img {
    margin: 0;
}
p.lead {
    font-size: 21px;
    line-height: 27px;
}
em {
    font-style: italic;
    font-style: normal;
}
strong {
    font-weight: normal;
    font-family: "RalewayBold";
}
small {
    font-size: 80%;
}
/* #Blockquotes
================================================== */
blockquote {
    margin: 16px 0;
    padding: 12px 20px 12px 19px;
    border-left-width: 1px;
    border-left-style: solid;
    clear: both;
}
blockquote cite {
    display: block;
    font-size: 12px;
}
blockquote cite:before {
    content: "\2014 \0020";
}
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {
    color: #555;
}
blockquote p:first-child {
    font-size: 16px;
    line-height: 22px;
}
blockquote ul li {
    margin-bottom: 4px;
}
blockquote h4 {
    font-size: 10px;
    font-family: "RalewayRegular", arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0 0 8px 0;
    font-weight: 400;
}
hr {
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    margin: 0 0 20px 0;
    padding: 0;
    height: 1;
}
/*-----------------------------------------------------------------------------------*/
/*  *Header, Logo and Navigation
/*-----------------------------------------------------------------------------------*/
/* #Intro
================================================== */
.intro {
    padding-bottom: 25px;
    padding-top: 30px;
    z-index: 1;
    /*Stupid ie7 */
}
.intro h1 {
    font-weight: normal;
    z-index: 1;
    /*Stupid ie7 */
}
/* #Basic Navigation
================================================== */
#nav {
    list-style-type: none;
}
#nav li {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}
/*-----------------------------------------------------------------------------------*/
/*  *Tooltips
/*-----------------------------------------------------------------------------------*/
.tooltip img {
    border: none;
}
.tooltip a:link, .tooltip a:visited {
    position: relative;
    text-decoration: none;
}
.tooltip {
    font-size: 10px;
    font-family: "RalewayBold" !important;
    width: 150px;
    position: absolute;
    bottom: 100%;
    margin: 0 0 18px 0;
    /*25px for ie */
    padding: 15px;
    cursor: default;
    display: block;
    visibility: hidden;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    line-height: 1.5;
    opacity: 0;
    z-index: 999;
    transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}
.tooltip:after {
    content: "";
    position: absolute !important;
    bottom: -14px;
    z-index: 100;
    border: 0 solid #222;
    border: 0 solid rgba(0, 0, 0, .9);
    border-bottom: 14px solid transparent;
    width: 100%;
}
.tooltip:before {
    content: "";
    position: absolute !important;
    border: 0 solid #222;
    border: 0 solid rgba(0, 0, 0, .9);
    bottom: -14px;
    z-index: 100;
}
.tooltip.left:after {
    border-left-width: 14px;
    left: 0;
}
.tooltip.right {
    left: -155px;
}
.tooltip.right:after {
    border-right-width: 14px;
    right: 0;
}
.tooltip.center {
    border-radius: 5px;
}
.tooltip.center:after {
    border-left-width: 10px;
    width: 50%;
    left: 50%;
}
.tooltip.center:before {
    border-right-width: 10px;
    border-bottom: 14px solid transparent;
    width: 50%;
    right: 50%;
}
/* #Tooltip Hover CSS3 effects (with fallback)
================================================== */
a:hover .tooltip {
    text-decoration: none;
    visibility: visible;
    opacity: 1;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.tooltip.black {
    color: #fff;
    background: #000;
}
/* #Other Bubbles
================================================== */
.widget li.recentcomments, .darkbubble, .lightbubble {
    font-size: 12px;
    width: auto;
    position: relative;
    margin: 0 0 16px 0;
    /*25px for ie */
    cursor: default;
    display: block;
    visibility: visible;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    line-height: 1.5;
    opacity: 1;
    z-index: 9;
    left: auto;
    transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}
.darkbubble {
    color: #fff !important;
}
.darkbubble:after {
    content: "";
    position: absolute !important;
    bottom: -14px;
    z-index: 100;
    border-bottom: 14px solid transparent;
    width: 100%;
    border-right-width: 14px;
    right: 0;
}
.darkbubble p, .darkbubble p a {
    font-size: 10px;
    color: #fff;
    margin: 0;
}
.darkbubble h3. a {
    font-size: 26px;
    line-height: 28px;
}
.darkbubble:before {
    content: "";
    position: absolute !important;
    bottom: -14px;
    z-index: 100;
}
.lightbubble {
    background: #e3e3e3;
    background: rgba(0, 0, 0, .05);
    color: #555 !important;
}
.lightbubble:after {
    content: "";
    position: absolute !important;
    bottom: -14px;
    z-index: 100;
    border: 0 solid #e3e3e3;
    border: 0 solid rgba(0, 0, 0, .05);
    border-bottom: 14px solid transparent;
    width: 100%;
    border-right-width: 14px;
    right: 0;
}
.darkbubble.left:after, .lightbubble.left:after {
    border-left-width: 14px;
    left: 0;
    border-right-width: 0;
}
#footer .widget li.recentcomments {
    background: #111;
    background: rgba(0, 0, 0, .25);
    color: #fff !important;
}
.widget li.recentcomments:after {
    content: "";
    position: absolute !important;
    bottom: -14px;
    z-index: 100;
    border-bottom: 14px solid transparent;
    width: 100%;
    border-left-width: 14px;
    left: 0;
}
.widget li.recentcomments:before {
    content: "";
    position: absolute !important;
    bottom: -14px;
    z-index: 100;
}
#footer .widget li.recentcomments:after {
    content: "";
    position: absolute !important;
    bottom: -14px;
    z-index: 100;
    border: 0 solid #111;
    border: 0 solid rgba(0, 0, 0, .25);
    border-bottom: 14px solid transparent;
    width: 100%;
    border-left-width: 14px;
    left: 0;
}
#footer .widget li.recentcomments:before {
    content: "";
    position: absolute !important;
    border: 0 solid #111;
    border: 0 solid rgba(0, 0, 0, .25);
    bottom: -14px;
    z-index: 100;
}
#footer .recent-project ul li a {
    min-height: 48px;
}
/*-----------------------------------------------------------------------------------*/
/*  *Page Styling
/*-----------------------------------------------------------------------------------*/
.pagename {
    padding-bottom: 14px;
    padding-top: 22px;
}
body.category div.pagename h3, body.page div.pagename h3, body.single-portfolio div.pagename h3, .pagename h3 {
    margin-bottom: 8px;
    font-weight: normal;
    font-size: 20px;
    font-family: "RalewayRegular", Arial, Helvetica, sans-serif;
    text-transform: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    letter-spacing: 1px;
}
.content {
    padding-top: 30px;
    border-top-width: 1px;
    border-top-style: solid;
}
.contentwrap {
    margin-bottom: 30px;
}
/*-----------------------------------------------------------------------------------*/
/*  *Blog Styling
/*-----------------------------------------------------------------------------------*/
.blogpost {
    padding-top: 30px;
    border-top-width: 1px;
    border-top-style: solid;
    position: relative;
    display: block;
    /* For stupid ie7 */
}
.blogwrap {
    margin-bottom: 30px;
}
h5.tags {
    margin-bottom: 20px;
    font-weight: normal;
    color: #666;
}
.edit-post {
    float: right;
}
.blogpost h3.blogtitle, .blogpost h3.blogtitle a {
    margin: 0 0 20px;
    text-decoration: none;
    font-weight: normal;
}
.blogpost .featuredimage {
    margin: 10px 0;
}
.blogpost.portfolio .featuredimage {
    margin: 0 0 20px 0;
}
.blogpost.portfolio div.divider {
    margin-bottom: 15px;
}
.blogpost.portfolio h3 {
    line-height: 16px;
    margin: 16px 0 6px 0;
}
.darkbubble.date h3 {
    color: #CCC;
    display: block;
    float: left;
    margin-right: 5px;
    margin-bottom: 0;
    font-size: 26px;
}
.darkbubble.date p {
    font-size: 10px;
    line-height: 10px;
    color: #999;
    margin: -3px 0 5px;
    display: block;
    float: left;
    text-transform: uppercase;
}
.blogpost .smalldetails {
    font-size: 10px;
    margin-bottom: 0;
}
.darkbubble p.smalldetails, .darkbubble p.smalldetails a, .blogpost p.smalldetails {
    line-height: 14px;
    margin-bottom: 10px;
}
.blogpost .tags {
    margin-top: 20px;
}
.mobiledetails {
    display: none;
}
.mobiledetails p, .mobiledetails p a {
    font-size: 10px;
    display: inline-block;
    line-height: 14px;
}
.mobiledetails p {
    max-width: 80%;
}
.mobiledetails br {
    display: none;
}
.fulldetails {
    display: block;
}
.fulldetails .darkbubble {
    margin: 5px 0 10px;
}
.homeblogitem {
    margin-bottom: 30px;
}
.homeblogimage {
    margin-bottom: 10px;
}
/*-----------------------------------------------------------------------------------*/
/*	*Blog Comments
/*-----------------------------------------------------------------------------------*/
/* #Comments
================================================== */
.commentsheader {
    width: auto;
    padding-top: 25px;
    border-top: #dcdcdc 1px solid;
}
.comment {
    width: auto;
}
.singlecomment {
    padding: 30px;
    border-width: 1px;
    border-style: solid;
}
.listcomments {
    margin: 0;
    padding: 0 0 20px 0;
    list-style: none;
    width: auto;
}
.commentsform {
    width: auto;
}
.commentsmetadata {
    font-size: 10px;
    font-style: italic;
}
.name {
    font-size: 18px;
    margin: 0 0 15px;
    padding: 0 0 12px 0;
    border-bottom: 1px solid #dcdcdc;
}
.name a, .name {
    font-family: "RalewayBold";
    font-weight: normal;
}
.name a:hover {
    text-decoration: none;
}
.name strong {
    font-weight: normal;
}
.listcomments .children .name {
    font-family: "RalewayBold";
    font-weight: normal;
}
.listcomments .children {
    margin-left: 30px;
    margin-bottom: 30px;
}
.listcomments li {
    list-style-type: none;
}
.listcomments .children .comment {
    margin: 30px 0 0 0px;
    padding: 0;
    background: none;
}
#commentsubmit span {
    color: #c85849;
}
#commentsubmit label {
    margin: 0 0 6px;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
}
#commentsubmit input[type=text], #commentsubmit textarea {
    padding: 10px;
    margin: 0 0 20px 0;
    border-width: 1px;
    border-style: solid;
    font-size: 12px;
}
#commentsubmit input[type=text] {
    width: 275px;
}
#commentsubmit input[type=text]#url {
    width: 95%;
}
#commentsubmit input[type=submit] {
    border: none;
}
#commentsubmit textarea {
    width: 95%;
}
#commentsubmit #submit {
    padding: 10px;
    margin: 0 0 20px 0;
    border: inherit;
    width: inherit;
    font-family: inherit;
    color: inherit;
    font-size: inherit;
    font-style: inherit;
}
.reply a {
    font-size: 12px;
    line-height: 11px;
    margin: 2px 6px 0 0;
    padding: 0 0 0 15px;
    float: right;
}
#commentsubmit input:focus, #commentsubmit textarea:focus {
    border-style: solid;
    border-width: 1px;
    outline: 0;
}
.gallery-title {
    font-size: 1.08em;
    text-transform: uppercase;
}
.cancel-reply p a, .navigation-comments p a {
    padding: 5px 12px;
    background: #555;
    color: #fff;
}
.cancel-reply p a {
    padding: 2px 6px;
    float: right;
    font-size: 10px;
}
/*-----------------------------------------------------------------------------------*/
/*	*Contact Forms
/*-----------------------------------------------------------------------------------*/
#contactform {
    margin-bottom: 30px;
}
textarea {
    overflow: hidden;
}
.contactsubmit span {
    color: #c85849;
}
.contactsubmit select {
    font-family: Arial, Helvetica, sans-serif;
}
.contactsubmit .formrow {
    height: 90px;
}
.contactsubmit .messagerow {
    padding-bottom: 15px;
}
.contactsubmit label {
    margin: 0 0 6px;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
}
.contactsubmit input[type=text], .contactsubmit textarea, .contactsubmit select {
    padding: 10px;
    margin: 0;
    border-width: 1px;
    border-style: solid;
    font-size: 12px;
}
.contactsubmit input[type=text] {
    width: 100%;
    box-sizing: border-box;
}
.contactsubmit select {
    width: 100%;
    height: 35px;
}
input[type=submit] {
    border: none;
    -webkit-appearance: none;
}
.contactsubmit textarea {
    width: 100%;
    box-sizing: border-box;
}
.contactsubmit #submitInquiry {
    padding: 10px;
    margin: 0 0 20px 0;
    border: inherit;
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
    color: inherit;
    font-size: inherit;
    font-style: inherit;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}
.contactsubmit #submitInquiry:hover {
    background-color: #BD4825;
    color: #FFF;
}
#contactform p.error {
	color: #B74327;
}
.contactsubmit input:focus, .contactsubmit textarea:focus {
    border-width: 1px;
    border-style: solid;
    outline: 0;
}
.contactsubmit .radiobutton {
    margin-left: 10px;
    display: block;
    margin-right: 0;
    width: 100px;
    float: left;
    line-height: 30px;
    height: 45px;
    font-size: 12px;
    text-transform: none;
}
.contactsubmit input[type="radio"] {
    font-size: 12px;
    display: inline;
    float: left;
    width: 15px;
    margin: 0;
    margin-top: 8px;
    margin-right: 5px;
}
.contactsubmit label.error {
    font-size: 10px;
    color: #c85849;
    text-transform: none;
}
.errors {
    color: #BD4825;
    background: #fbd3c7;
    padding: 10px;
}
h4.errors {
    margin-bottom: 0;
    padding-bottom: 0;
}
p.errors {
    padding-top: 0;
}
p.loading {
    display: none;
}
.contactcontent {
    margin-bottom: 30px;
}
div.tkey, div.tval, div.tkey_wide, div.tval_wide {
    float: left;
    display: block;
    margin-bottom: 6px;
}
div.tkey_wide, div.tval_wide {
    margin-bottom: 12px;
}
div.tkey, div.tkey_wide {
    width: 50px;
    font-family: "RalewayBold";
    font-weight: normal;
    display: block;
    clear: left;
}
div.tval, div.tkey_wide {
    width: 150px;
    display: block;
    clear: right;
}
div.tkey_wide {
    width: 150px;
}
div.tval_wide {
    width: 450px;
    min-height: 18px;
}
div.textwidget div.divider {
    margin: 0 0 10px 0;
}
.google-captcha-notice {
    display: none;
}
/*-----------------------------------------------------------------------------------*/
/*  *Pagination
/*-----------------------------------------------------------------------------------*/
.pagination_container {
    padding: 15px 0 8px 0;
    border-top-width: 1px;
    border-top-style: solid;
}
.older {
    float: left;
}
.newer {
    float: right;
    margin-right: 275px;
}
#pagination {
    min-height: 20px;
    line-height: 10px;
    font-size: 0;
}
#pagination li {
    border: 0 none;
    font-size: 11px;
    list-style: none outside none;
    margin: 0 5px 0 0;
    padding: 0;
    display: inline-block;
}
#pagination a {
    font-size: 10px;
    font-family: "RalewayBold";
    font-weight: normal;
}
#pagination .previous-off, #pagination .next-off {
    display: none;
}
#pagination .next a, #pagination .previous a {
    font-family: "RalewayBold";
    font-weight: normal;
}
#pagination .active {
    display: inline-block;
    font-family: "RalewayBold";
    font-weight: normal;
    padding: 6px 10px 7px 10px;
    text-align: center;
    min-width: 32px;
    box-sizing: border-box;
    vertical-align: top;
}
#pagination a:link, #pagination a:visited {
    display: block;
    float: left;
    padding: 6px 10px 7px 10px;
    text-decoration: none;
    min-width: 32px;
    box-sizing: border-box;
    text-align: center;
}
#pagination a:hover {
    border: 0 none;
    display: block;
    float: left;
    font-family: "RalewayBold";
    font-weight: normal;
    padding: 6px 10px 7px 10px;
}
/*-----------------------------------------------------------------------------------*/
/*  *Widget Styling
/*-----------------------------------------------------------------------------------*/
.widget {
    margin-bottom: 20px;
}
.widget a {
    text-decoration: none;
}
body.single-portfolio h3, body.page div.widget h3, #footer div.widget h3, body.page div.widget h2, body.page div.widget h4, body.archive div.widget h4, div.widget h4.widget-title {
    font: normal normal 10px/12px "RalewayRegular", arial, sans-serif;
    font-size: 10px;
    margin: 0;
    padding: 0;
    margin-bottom: 8px;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-shadow: none;
}
body.single-portfolio h3 {
    margin: 0;
}
.widget ul.children {
    margin: 0;
    margin-left: 20px;
}

/* #Twitter Widget
================================================== */
div.twitter-tweet {
    display: block;
    clear: both;
    margin: 5px 5px 0 0;
    padding: 5px 0 0 57px;
    font-size: 11px;
    position: relative;
    line-height: 16px;
    min-height: 71px;
}
div.twitter-tweet img {
    position: absolute;
    left: 0;
    top: 7px;
}
div.twitter-actions {
    position: absolute;
    left: 0;
    bottom: 5px;
    margin-top: 4px;
}
div.twitter-actions a {
    width: 16px;
    height: 16px;
    display: inline-block;
    overflow: hidden;
    line-height: 100px;
    float: left;
    opacity: .5;
}
div.twitter-actions a:hover {
    opacity: 1;
}
div.twitter-actions a:nth-child(4n+1) {
    background: #FFF url(images/sprites/twittersprite.png) no-repeat -3px -55px;
}
div.twitter-actions a:nth-child(4n+2) {
    background: #FFF url(images/sprites/twittersprite.png) no-repeat -23px -55px;
}
div.twitter-actions a:nth-child(4n+3) {
    background: #FFF url(images/sprites/twittersprite.png) no-repeat -40px -55px;
}
div.twitter-date {
    width: 50px;
    font-size: 10px;
    line-height: 20px;
}
div.twImage {
    position: absolute;
    bottom: 13px;
    left: 0;
    height: 120px;
    width: 215px;
    background-size: cover;
    display: none;
}
.twCon {
    position: relative;
    display: inline;
}
/* #News Widget
================================================== */
.newspost.columns {
    margin-bottom: 20px;
}
.widget h4.posttitle,
.widget .newspost h4 {
    font-size: 12px;
    font-family: "RalewayBold";
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    line-height: 16px;
}
.news-widget-item {
    margin-bottom: 40px;
}
.news-widget-item h5, .news-widget-item h5 a {
    font-size: 10px;
    font-weight: normal;
}
/* #List Pages Widget
================================================== */
.widget_pages ul.children {
    margin-left: 0;
    margin-top: 10px;
}
.widget_pages ul.children li {
    padding-bottom: 0;
    border-bottom: none;
}
/* #RSS Widget
================================================== */
ul li a.rsswidget {
    font-size: 13px;
    font-family: "RalewayBold";
    font-weight: normal;
    margin-bottom: 10px;
    display: block;
}
a.rsswidget img {
    vertical-align: middle;
    margin-right: 10px;
}
span.rss-date {
    display: block;
    margin-bottom: 10px;
    font-size: 10px;
    font-family: "RalewayBold";
    font-weight: normal;
}
.rssSummary {
    margin-bottom: 10px;
}
#footer .widget_rss li, #footer .widget_recent_entries li {
    border-bottom: 1px solid #333;
}
#footer .widget_rss ul, #footer .widget_recent_entries ul {
    border-top: 1px solid #333;
}
.widget ul ul {
    margin: 0;
    font-size: 100%;
}
/* #Calendar Widget
================================================== */
#wp-calendar caption {
    width: 100%;
    text-align: center;
    padding: 7px 2px;
    margin-bottom: 7px;
    font-size: 10px;
}
#footer #wp-calendar caption {
    background: #333;
    color: #ccc;
}
#wp-calendar {
    border-collapse: collapse;
    width: 100%;
    text-align: center;
}
#footer #wp-calendar {
    color: #ccc;
}
#wp-calendar thead th {
    font-family: "RalewayBold";
    font-weight: normal;
}
#wp-calendar tbody td {
    padding: 5px 0;
}
#wp-calendar #today {
    color: #000;
}
#footer #wp-calendar #today {
    color: #fff;
}
#wp-calendar a {
    padding: 2px 0;
    font-family: "RalewayBold";
    font-weight: normal;
}
#wp-calendar tfoot td {
    padding: 3px 0;
}
#wp-calendar #next {
    text-align: right;
    padding-right: 10px;
}
#footer #wp-calendar #prev a {
    color: #ccc;
}
#calendar_wrap {
    display: block;
    width: 100%;
    padding: 0 1px 1px 0;
}
/* #Custom Project Widget
================================================== */
.ag_projects_widget .hover {
    margin-bottom: 10px;
}
.ag_projects_widget h3 a, .ag_projects_widget h3 {
    font-size: 13px;
    font-family: "RalewayBold";
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
    margin-bottom: 10px;
}
/* #Custom Recent Project Widget (portfolio single)
================================================== */
#ag_recentprojects_widget-3 .recent-project ul li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 3px solid #FFF;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    border-radius: 30px;
    overflow: hidden;
    line-height: 0;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}
#ag_recentprojects_widget-3 strong, #ag_recentprojects_widget-3 span {
    display: none;
}
#ag_recentprojects_widget-3 ul li a {
    line-height: 0;
}
/* #Custom Recent Project Widget (home footer)
================================================== */
#footer .recent-project {
    border-radius: 0;
    box-shadow: none;
}
#footer .recent-project img {
    border-radius: 27px;
    margin: -8px 14px 5px 0 !important;
}
.recent-project a.hover {
    background: none;
    display: block;
}
#footer .recent-project ul {
    padding-top: 8px;
}
#footer .recent-project ul li {
    min-width: 180px;
    clear: both;
    min-height: 60px;
}
#footer .recent-project ul li img {
    width: 48px;
    height: 48px;
    margin: 4px 7px 0 0;
}
#footer .recent-project {
    border: 0;
}
/*-----------------------------------------------------------------------------------*/
/*  *Sidebar Styling
/*-----------------------------------------------------------------------------------*/
/* #Sidebar Widgets
================================================== */
.sidebar .widget_nav_menu ul, .widget_rss ul, .widget_recent_entries ul {
    border-top-width: 1px;
    border-top-style: solid;
    list-style-type: none;
    margin: 20px 0 30px;
    padding: 0;
    width: 100%;
}
.sidebar .widget_nav_menu ul ul, .widget_rss ul ul, .widget_recent_entries ul ul, .widget_recent_comments ul ul {
    border-top-width: 1px;
    border-top-style: solid;
    list-style-type: none;
    margin: 10px 0 30px;
    padding: 0;
    width: 100%;
}
.sidebar .widget_nav_menu ul li, .widget_rss ul li, .widget_recent_entries ul li {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding: 10px 0;
    width: auto;
    margin-bottom: 0;
}
.sidebar .widget_nav_menu ul li a, .widget_rss ul li a, .widget_recent_entries ul li a, .widget_recent_comments ul li a {
    padding: 0;
}
.sidebar .widget ul li a {
    padding: 0;
}
/*-----------------------------------------------------------------------------------*/
/*  *Top Scroll Button
/*-----------------------------------------------------------------------------------*/
.top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    cursor: pointer;
    z-index: 20;
}
.top a {
    text-decoration: none;
}
.top .scroll {
    visibility: hidden;
    opacity: 0;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.top a:hover .scroll p, .top a:hover .scroll, .top:hover .scroll {
    display: block;
    float: left;
    text-align: center;
    text-decoration: none;
    visibility: visible;
    opacity: .95;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
/*-----------------------------------------------------------------------------------*/
/*  *Footer and Top Panel
/*-----------------------------------------------------------------------------------*/
#footer {
    padding-top: 50px;
    position: relative;
    padding-bottom: 50px;
    margin-bottom: 0;
}
#top_panel a, #footer a {
    color: #fff;
}
#top_panel {
    width: 100%;
    font-size: 10px;
}
#top_panel a, #footer a {
    color: #fff;
}
#top_panel_button {
    width: 100%;
    padding-top: 5px;
    height: 5px;
    cursor: pointer;
}
#toggle_button {
    position: absolute;
    right: 0;
    margin-right: 20px;
    margin-bottom: -30px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
}
#toggle_button.uparrow {
    background: #222 url(images/downarrow.png) 15px 35px no-repeat;
    margin-top: -30px;
    padding-bottom: 10px;
}
#toggle_button.downarrow {
    background: #222 url(images/uparrow.png) 15px 35px no-repeat;
    margin-bottom: -30px;
    padding-bottom: 10px;
}
#top_panel #top_panel_content {
    display: none;
    z-index: 100;
}
#top_panel h1, #top_panel h2,
#top_panel h1 a, #top_panel h2 a,
#top_panel h3, #top_panel .ag_projects_widget h3,
#top_panel h4, #top_panel h3 a, #top_panel h4 a,
#top_panel .blogpost h2 a,
#footer h1, #footer h2,
#footer h1 a, #footer h2 a,
#footer h3, #footer .ag_projects_widget h3,
#footer h4, #footer h3 a, #footer h4 a,
#footer .blogpost h2 a {
    color: #fff;
}
#top_panel h5, #top_panel h5 a,
#footer h5, #footer h5 a {
    color: #dcdcdc;
}
#top_panel .button, #top_panel a.button, #top_panel a.more-link,
#footer .button, #footer a.button, #footer a.more-link {
    background: #f2f2f2 !important;
    color: #555 !important;
}
.topcontent {
    padding: 20px 0 1px 0;
}
#top_panel input[type=text], #top_panel textarea,
#footer input[type=text], #footer textarea {
    background: #333;
    color: #fff;
    border-color: #444;
}
#top_panel input#s, #footer input#s {
    background: #333;
    color: #fff;
    border-color: #444;
}
/*-----------------------------------------------------------------------------------*/
/*  *Shortcode Styles
/*-----------------------------------------------------------------------------------*/
/* #Column Shortcodes
================================================== */
.one_half {
    width: 48%;
}
.one_third {
    width: 30.66%;
}
.two_third {
    width: 65.33%;
}
.one_fourth {
    width: 22%;
}
.three_fourth {
    width: 74%;
}
.one_fifth {
    width: 16.8%;
}
.two_fifth {
    width: 37.6%;
}
.three_fifth {
    width: 58.4%;
}
.four_fifth {
    width: 79.2%
}
.one_sixth {
    width: 13.33%;
}
.five_sixth {
    width: 82.67%;
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
    margin-right: 4%;
    margin-bottom: 10px;
    float: left;
}
.one_third>p:nth-child(1) {
    display: none;
}
#top_panel .one_half,
#top_panel .one_third,
#top_panel .two_third,
#top_panel .three_fourth,
#top_panel .one_fourth,
#top_panel .one_fifth,
#top_panel .two_fifth,
#top_panel .three_fifth,
#top_panel .four_fifth,
#top_panel .one_sixth,
#top_panel .five_sixth {
    margin-right: 3%;
    margin-bottom: 0;
}
.column-last {
    margin-right: 0 !important;
    clear: right;
}
/* #Tabs (activate in tabs.js)
================================================== */
ul.tabs {
    display: block;
    margin: 0 0 20px 0;
    padding: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
ul.tabs li {
    display: block;
    width: auto;
    height: 30px;
    padding: 0;
    float: left;
    margin-bottom: 0;
    margin-left: 0;
    list-style-type: none;
}
ul.tabs li a {
    display: block;
    text-decoration: none;
    width: auto;
    height: 29px;
    padding: 0px 20px;
    line-height: 30px;
    border-style: solid;
    border-width: 1px 1px 0 0;
    margin: 0;
    font-size: 13px;
}
ul.tabs li a.active {
    height: 30px;
    position: relative;
    top: -4px;
    padding-top: 4px;
    border-left-width: 1px;
    margin: 0 0 0 -1px;
    border-bottom: none;
}
ul.tabs li:first-child a.active {
    margin-left: 0;
}
ul.tabs li:first-child a {
    border-width: 1px 1px 0 1px;
}
ul.tabs-content {
    margin: 0;
    display: block;
}
ul.tabs-content br {
    display: none;
}
ul.tabs-content li br {
    display: inline;
}
ul.tabs-content>li {
    display: none;
    margin-left: 0;
    list-style-type: none;
}
ul.tabs-content>li.active {
    display: block;
}
/* Clearfixing tabs for beautiful stacking */
ul.tabs:before, ul.tabs:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
ul.tabs:after {
    clear: both;
}
ul.tabs {
    zoom: 1;
}
ul li {
    list-style-type: square;
    margin-left: 15px;
}
/* #Misc
================================================== */
.remove-bottom {
    margin-bottom: 0 !important;
}
.half-bottom {
    margin-bottom: 10px !important;
}
.add-bottom {
    margin-bottom: 20px !important;
}
.aligncenter {
    text-align: center;
}
/*-----------------------------------------------------------------------------------*/
/*  *Sliders
/*-----------------------------------------------------------------------------------*/
/* #Thumbnail Slider
================================================== */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {
    outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    width: 100%;
    margin: 0;
    padding: 0;
}
.flexslider .slides>li {
    display: none;
    margin-bottom: 0;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
    max-width: 100%;
    display: block;
}
.flex-pauseplay span {
    text-transform: capitalize;
}
ul.slides li {
    list-style-type: none;
    margin: 0;
}
/* Clearfix for the .slides element */
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .slides {
    display: block;
}
* html .slides {
    height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides>li:first-child {
    display: block;
}
/* Browser Resets */
.flex-container a:active, .flexslider a:active {
    outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    width: 100%;
    margin: 0;
    padding: 0;
}
.flexslider .slides>li {
    display: none;
    margin-bottom: 0;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
    max-width: 100%;
    display: block;
}
.flex-pauseplay span {
    text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .slides {
    display: block;
}
* html .slides {
    height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides>li:first-child {
    display: block;
}
#slider {
    margin-bottom: 36px;
    display: none;
}
.slideshowcontainer {
    margin-bottom: 70px;
}
.slideshow {
    margin-bottom: 40px;
    position: relative;
}
.portfolioitem {
    background: #212121;
}
.flexslider .slides li a {
    display: block;
    background: #333;
}
.thumbnailtitle {
    color: #fff;
    padding-top: 10%;
    padding-left: 10%;
    width: 80%;
    font-family: "RalewayBold";
    font-weight: normal;
    z-index: auto;
    cursor: pointer;
    position: absolute;
    top: 0;
}
.flexslider ul {
    position: relative;
    top: 0;
    left: 0;
}
.flexslider .slides li {
    background: #FFF;
}
.flexslider .slides li a img {
    background: #FFF;
    /* border: 1px solid #FFF; */
    border-bottom: 0;
}
/* #Project (WMU) Slider
================================================== */
.wmuSliderWrapper {
    overflow: hidden;
}
.wmuSlider {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}
.wmuSlider img {
    position: relative;
    z-index: 1;
}
.wmuSlider span {
    display: block;
    overflow: hidden;
}
.wmuSliderPrev, .wmuSliderNext {
    position: absolute;
    width: 40px;
    height: 80px;
    text-indent: -9999px;
    background: url(./images/slider-sprite.png) no-repeat 0 0;
    top: 50%;
    margin-top: -40px;
    z-index: 2;
    cursor: pointer;
}
.wmuSliderPrev {
    background-position: 100% 0;
    left: 8px;
}
.wmuSliderNext {
    right: 8px;
}
.wmuSliderPagination {
    z-index: 2;
    position: absolute;
    right: 10px;
    top: 10px;
}
.wmuSliderPagination li {
    float: left;
    margin: 0 5px 0 0;
    list-style-type: none;
}
.wmuSliderPagination a {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 10px;
    background: url(./images/slider-sprite.png) no-repeat 0 -80px;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -moz-opacity: 0.7 !important;
    filter: alpha(opacity=70) !important;
    opacity: 0.7 !important;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.wmuSliderPagination a.wmuActive {
    background-position: -10px -80px;
}
.wmuSlider .wmuLoading {
    position: absolute;
    width: 200px;
    text-align: center;
    height: 20px;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -100px;
    z-index: 0;
}
.wmuSliderPrev, .wmuSliderNext {
    /* default opacity */
    -moz-opacity: 0.0;
    filter: alpha(opacity=00);
    opacity: 0.0;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.iphone .wmuSliderPrev, .iphone .wmuSliderNext {
    /* default opacity */
    -moz-opacity: 1.0;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.wmuSlider a.wmuSliderNext:hover, .wmuSlider a.wmuSliderPrev:hover, .wmuSliderPagination:hover a {
    /* hover opacity */
    -moz-opacity: 1.0 !important;
    filter: alpha(opacity=100) !important;
    opacity: 1.0 !important;
}
.wmuSlider:hover .wmuSliderPrev {
    left: 0;
}
/* hover position */
.wmuSlider:hover .wmuSliderNext {
    right: 0;
}
/* hover position */
.wmuSlider:hover .wmuSliderNext, .wmuSlider:hover .wmuSliderPrev {
    -moz-opacity: 0.7 !important;
    filter: alpha(opacity=70) !important;
    opacity: 0.7 !important;
}
/*-----------------------------------------------------------------------------------*/
/*  *Page Styles
/*-----------------------------------------------------------------------------------*/
.logo h1 {
    line-height: 28px;
    font-size: 28px;
    margin: 0;
    padding: 0;
}
#ajaxcontainer {
    display: none;
    width: 100%;
}
#ajaxcontainer .darkbubble {
    margin-right: 15px;
}
.ajaxslider {
    min-height: 1px;
}
.ajaxcontent {
    padding-top: 0;
}
#ajaxouter {
    padding-bottom: 60px;
    border-bottom: 1px solid gainsboro;
    margin-bottom: 10px;
}
.ajaxloading {
    width: 80px;
    height: 10px;
    display: block;
    margin: auto;
    z-index: 999;
    opacity: .25;
}
.loadingcontainer {
    height: 30px;
}
.homecontent {
    margin-bottom: 30px;
}
/* #Portfolio Filter
================================================== */
.filter li a {
    color: #999;
    text-decoration: none;
    margin-bottom: 1px;
    padding: 3px 9px 3px 12px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
}
ul.filter li {
    list-style: none;
    float: left;
    margin-right: 0px;
    margin-left: 0;
    /*background:url(./images/slash.png) left center no-repeat;*/
}
ul.filter li:first-child {
    background: none;
}
.filter li a:hover, .filter li.active a {
    text-decoration: none;
}
.filter {
    min-height: 10px;
}
/* #Ajax Styles
================================================== */
#ajax-nav ul li {
    list-style-type: none;
    display: block;
    margin: 0;
    margin-right: 5px;
    position: absolute;
}
.entry-content, .entry-title {
    padding-right: 25px;
}
.entry-title, .entry-title a {
    margin-bottom: 0;
    text-decoration: none;
}
p.entry-details, p.entry-details a {
    color: #777;
    font-size: 10px;
}
#ajax-nav {
    height: 24px;
    padding: 14px 0 0 0;
}
#next-port {
    display: block;
    position: absolute;
    width: 19px;
    height: 19px;
    background-position: 0 0;
    background: url(./images/nextp.png);
    text-indent: -1999px;
    overflow: hidden;
    margin: 0;
    right: -35px;
    top: 50%;
    margin-top: -40px;
    moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -moz-transition: none;
}
#prev-port {
    display: block;
    position: absolute;
    width: 19px;
    height: 19px;
    background-position: 0 0;
    background: url(./images/prevp.png);
    text-indent: -1999px;
    overflow: hidden;
    margin: 0;
    left: -35px;
    top: 50%;
    margin-top: -40px;
    moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -moz-transition: none;
}
a.portfolio-close {
    display: block;
    position: absolute;
    margin: 0px;
    width: 19px;
    height: 19px;
    text-indent: -9999px;
    background: url(./images/xout.gif);
    background-position: 0 0;
    right: 0;
    top: 0;
    opacity: .2;
    moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -moz-transition: none;
}
a.portfolio-close:hover, #prev-port:hover, #next-port:hover {
    background-position: 0 -19px;
    opacity: .6;
}
.portfolioitem {
    position: relative;
}
.disable {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    opacity: 0;
    /* border: 1px solid #FFF; */
}
select.dropdownmenu {
    display: none;
    padding: 10px;
    margin: 20px 0 5px;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: #e3e3e3;
    font-family: "RalewayRegular";
}
/* #Fill In BG last
================================================== */
body {
    background: #222;
}
/* #Discipline Explanations
================================================== */
#doescon {
    overflow: hidden;
    display: block;
    position: absolute;
    opacity: 0;
    box-sizing: border-box;
    height: 0;
}
#does {
    color: #CCC;
    color: rgba(255, 255, 255, 0.75);
    padding-bottom: 20px;
}
#does h1, #does h2 a {
    color: #FFF;
    word-break: break-word;
}
#does h1 {
    font: normal normal 48px/50px "RalewayThin";
    padding: 24px 0 0 14px;
    text-shadow: 0 0 1px #FFF;
}
#does h2 {
    margin-bottom: 6px;
    font-weight: normal;
    line-height: 11px;
}
#does aside a h2 {
    line-height: 20px;
}
#does img {
    width: 216px;
    height: 180px;
    background: #FFF;
    border: none;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    z-index: 1;
    position: absolute;
    top: 0;
}
#does img:hover {
    opacity: 0 !important;
}
#does nav.icons {
    float: right;
    margin: 36px 14px 0 0;
}
#does nav.icons ul {
    list-style: none;
}
#does nav.icons ul li {
    display: inline-block;
    margin: 0 0 0 5px;
}
#does h2 a {
    font-size: 11px;
    font-family: "RalewayExtraBold";
    letter-spacing: 1px;
    text-transform: uppercase;
}
#does h1 span {
    font-family: "RalewayBold";
    font-weight: normal;
}
#does nav.icons ul li a span {
    display: none;
}
#does nav.icons ul li a {
    display: block;
    width: 30px;
    height: 30px;
    opacity: .2;
}
#does nav.icons ul li a:hover, #does nav.icons ul li a.selected {
    opacity: 1;
}
#does aside {
    width: 222px;
    float: left;
    margin: 0 0 14px 10px;
    position: relative;
}
#does aside>a {
    display: block;
    width: 216px;
    height: 180px;
    margin: 0 0 7px;
    opacity: 1;
}
#does aside>a h2 {
    z-index: 0;
    color: #FFF;
    padding: 10px;
    position: absolute;
    width: 196px;
}
#does aside p {
    font: normal normal 11px/18px "RalewayRegular";
}
#does aside.description {
    margin-left: 14px;
    width: 212px;
    margin-right: 10px;
}
#does aside.description p {
    font: normal normal 16px/24px "RalewayLight";
}
#does aside.description p a {
    font-family: "RalewayRegular";
}
#does div.close {
    position: absolute;
    bottom: 7px;
    right: 17px;
}
#does div.close a {
    width: 19px;
    height: 19px;
    background: url(./images/xout_white.png) no-repeat;
    display: block;
}
#does div.close a:hover {
    background-position: left bottom;
}
#does div.close a span {
    display: none;
}
#does a.print {
    background: url(./images/discs/print_m.png) no-repeat;
}
#does a.strategy {
    background: url(./images/discs/strategy_m.png) no-repeat;
}
#does a.motion {
    background: url(./images/discs/motion_m.png) no-repeat;
}
#does a.digital {
    background: url(./images/discs/digital_m.png) no-repeat;
}
#does a.identity {
    background: url(./images/discs/identity_m.png) no-repeat;
}
#does a.environmental {
    background: url(./images/discs/environmental_m.png) no-repeat;
}
img.doesicon {
    vertical-align: middle;
    margin: 0 8px 8px 0;
}
div.sixteen.columns.short {
    height: 1px;
}
div.pagename.nopad {
    padding-bottom: 0;
}
#does {
    background-color: #222;
}
.dsvc_print aside>a {
    background-color: #A78675;
}
.dsvc_strategy aside>a {
    background-color: #4D5968;
}
.dsvc_motion aside>a {
    background-color: #8A414C;
}
.dsvc_digital aside>a {
    background-color: #5C4D43;
}
.dsvc_identity aside>a {
    background-color: #5E665E;
}
.dsvc_environmental aside>a {
    background-color: #82707E;
}
#does p a {
    color: #FFF;
    font-family: "RalewayMedium";
}
div.pagename h3 {
    cursor: pointer;
}

/* Prevent .one_third from staggering  */
div.newsletter-archive p {
    display: none;
}
/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 1030px) {

    #next-port {
        margin: 0;
        right: 0;
        top: 46px;
    }
    #prev-port {
        margin: 0;
        right: 0;
        left: auto;
        top: 24px;
    }
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

    .container .item, .container .postphoto {
        width: 192px;
        height: 137px;
    }
    .wmuSlider span {
        width: 508px !important;
    }
    .top {
        display: none;
    }
    .darkbubble.date h3 {
        font-size: 30px;
        margin: 0 0 0px 0;
    }
    .darkbubble.date p {}
    #does aside, #does aside.description {
        width: 95%;
    }
    #does aside>a {
        float: left;
        clear: both;
        margin-right: 20px;
    }
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

    .container .item, .container .postphoto {
        width: 150px;
        height: 110px;
    }
    .wmuSlider span {
        width: 300px !important;
    }
    .top {
        display: none !important;
    }
    h1 {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 0;
    }
    .recent-project ul li strong, .recent-project ul li span {
        display: none;
    }
    #footer .recent-project ul li {
        clear: none;
        min-height: 0;
        min-width: 0;
        float: left;
    }
    .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
        width: 100%;
    }
    select.dropdownmenu {
        display: block;
        font-size: 14px !important;
        height: 36px;
        line-height: 1;
    }
    .nav {
        display: none;
    }
    a.portfolio-close {
        top: -24px;
        right: 0;
    }
    #ajaxcontainer .darkbubble {
        margin-right: 0;
    }
    #next-port {
        margin: 0;
        right: 24px;
        top: -24px
    }
    #prev-port {
        margin: 0;
        right: 46px;
        left: auto;
        top: -24px;
    }
    .mobiledetails {
        display: inline;
    }
    .mobiledetails {
        display: inline;
    }
    .fulldetails {
        display: none;
    }
    .blogpost h3.blogtitle, .blogpost h3.blogtitle a {
        margin-bottom: 10px;
    }
    .wmuSliderPrev, .wmuSliderNext {
        /* default opacity */
        -moz-opacity: 1.0;
        filter: alpha(opacity=100);
        opacity: 1;
    }
    .intro {
        padding: 0 10px 0 0;
    }
    ul.filter li {
        margin-right: 3px;
        margin-bottom: 3px;
        padding: 5px;
        width: 45.5%;
    }
    .slideshow.container {
        margin-top: 10px;
    }
    .widget h4.posttitle,
    .widget .newspost h4 {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    #social {
        float: left;
    }
    #does aside, #does aside.description {
        width: 95%;
    }
    #does aside>a {
        float: left;
        clear: both;
        margin-right: 20px;
    }
    #does aside.description p {
        padding-left: 0;
    }
    #does aside p {
        padding-left: 235px;
    }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    .container .item, .container .postphoto {
        width: 210px;
        height: 155px;
    }
    .wmuSlider span {
        width: 420px !important;
    }
    .top {
        display: none;
    }
    .recent-project ul li strong, .recent-project ul li span {
        display: none;
    }
    body.home span.darkbubble {
        clear: both;
        position: absolute;
        top: 320px;
        font-size: 30px;
    }
    #does aside, #does aside.description {
        width: 95%;
    }
    #does h1 {
        padding-top: 0;
        font-size: 40px;
    }
    #does nav.icons {
        float: none;
        margin-left: 10px;
    }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    #does nav.icons {
        float: none;
        margin-left: 10px;
    }
    #does h1 {
        padding-top: 0;
        font-size: 40px;
    }
    #does aside p, #does h2 {
        padding-left: 0;
        clear: both;
    }
    #does aside, #does aside.description {
        margin: 0 10px;
        width: 90%;
    }
    #footer .recent-project ul li:nth-child(4) {
        clear: both;
    }
    ;
}
/* era404 Custom Styles */
/* Hide Author and Comments Divs */
.hidesection {
    display: none;
}
/*----------------------------------------------------------*/
/* TOP DRAWER/PANEL ICONS */
/*----------------------------------------------------------*/
.panelModule {
    width: 200px;
    float: right;
}
.panelModule p {
    font-size: 9px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 1.75em;
}
#top_panel input#s {
    width: 155px;
    padding: 3px 3px 3px 18px;
    margin-top: 2px;
    background: #333333 url(./images/icons/searchGrey.jpg) no-repeat 0 1px;
}
/*----------------------------------------------------------*/
/* FOOTER */
/*----------------------------------------------------------*/
#ag_news_widget-2 ul, #menu-skills-1 {
    margin: 16px 0 0 0;
}
#ag_news_widget-2 ul li {
    line-height: 14px;
    margin-bottom: 14px;
}
#ag_news_widget-2 span {
    font-size: .9em;
    padding-top: 2px;
    display: inline-block;
}
#hardfooter {
    width: 100%;
    position: absolute;
    padding-bottom: 20px;
}
#legal {
    float: left;
    margin-top: 7px;
    text-align: left;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 1px;
    line-height: 11px;
}
#disciplines {
    width: 160px;
    margin: 0 90px 0 0;
    float: left;
}
#social {
    width: 185px;
    margin: 0;
    float: right;
}
.sprite {
    width: 20px;
    height: 19px;
    overflow: hidden;
    float: left;
    background-position: 0 0;
    background-repeat: no-repeat;
    /* for IE */
    filter: alpha(opacity=20);
    /* CSS3 standard */
    opacity: 0.2;
    margin: 3px;

}
.sprite:hover {
    background-position: 0 19px;
    /* for IE */
    filter: alpha(opacity=100);
    /* CSS3 standard */
    opacity: 1.0;
}
.sprite a {
    display: block;
    overflow: hidden;
    height: 20px;
}
.sprite a span {
    display: none;
}
/*for footer*/
.print {
    background: url(./images/sprites/print.png);
}
/* Prevent conflict with home discipline selector */
.panelModule .strategy, #footer .strategy {
    background: url(./images/sprites/strategy.png);
}
.threed {
    background: url(./images/sprites/3d.png);
}
.digital {
    background: url(./images/sprites/digital.png);
}
.identity {
    background: url(./images/sprites/identity.png);
}
.environmental {
    background: url(./images/sprites/environmental.png);
}
/*for portfolio items*/
.dprn {
    background: url(./images/discs/print_s.png);
}
.dstr {
    background: url(./images/discs/strategy_s.png);
}
.dmot {
    background: url(./images/discs/motion_s.png);
}
.ddig {
    background: url(./images/discs/digital_s.png);
}
.did {
    background: url(./images/discs/identity_s.png);
}
.denv {
    background: url(./images/discs/environmental_s.png);
}
ul.sf-menu li:nth-child(3) ul.sub-menu li a span {
    width: 24px;
    height: 20px;
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 10px;
}
ul.sf-menu li:nth-child(3) ul.sub-menu li a {
    padding-left: 40px;
}
ul.sf-menu li:nth-child(3) ul.sub-menu li:nth-child(1) a span {
    background: transparent url(./images/discs/print_s.png) no-repeat left top;
}
ul.sf-menu li:nth-child(3) ul.sub-menu li:nth-child(2) a span {
    background: transparent url(./images/discs/identity_s.png) no-repeat left top;
}
ul.sf-menu li:nth-child(3) ul.sub-menu li:nth-child(3) a span {
    background: transparent url(./images/discs/digital_s.png) no-repeat left top;
}
ul.sf-menu li:nth-child(3) ul.sub-menu li:nth-child(4) a span {
    background: transparent url(./images/discs/strategy_s.png) no-repeat left top;
}
ul.sf-menu li:nth-child(3) ul.sub-menu li:nth-child(5) a span {
    background: transparent url(./images/discs/motion_s.png) no-repeat left top;
}
ul.sf-menu li:nth-child(3) ul.sub-menu li:nth-child(6) a span {
    background: transparent url(./images/discs/environmental_s.png) no-repeat left top;
}
.sprite-active {
    /* for IE */
    filter: alpha(opacity=100);
    /* CSS3 standard */
    opacity: 1.0;
}
/***/
.facebook {
    background: url(./images/sprites/facebook.png);
}
.flickr {
    background: url(./images/sprites/flickr.png);
}
.instagram {
    background: url(./images/sprites/instagram.png);
}
.bluesky {
    background: url(./images/sprites/bluesky.png);
}
.twitter {
    background: url(./images/sprites/twitter.png);
}
.youtube {
    background: url(./images/sprites/youtube.png);
}
.linkedin {
    background: url(./images/sprites/linkedin.png);
}
.google {
    background: url(./images/sprites/google.png);
}
.pinterest {
    background: url(./images/sprites/pinterest.png);
}
.dribbble {
    background: url(./images/sprites/dribbble.png);
}
img.rl {
    padding-right: 8px;
}
/*----------------------------------------------------------*/
/* FOUNDATION HACKS */
/*----------------------------------------------------------*/
img {
    max-width: 100%;
    height: auto;
}
img.fixed48 {
    width: 54px !important;
    height: 54px !important;
}
.shorthead {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: -15px !important;
}
.newspost h4 {
    margin-top: 0;
    line-height: 1.25;
}
#nav_menu-2 h3.widget-title {
    margin-bottom: 15px;
}
body.home div.homeblogitem h4.posttitle a {
    font-family: "RalewayBold", arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    color: #444;
    margin-bottom: 8px;
}
h4.thumbnailtitle {
    margin-top: 0;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0;
}
div.flexslider h4.thumbnailtitle, aside.example h4.thumbnailtitle {
    padding-top: 52%;
    padding-left: 0;
    width: 100%;
}
aside.example h4.thumbnailtitle {
    position: relative;
    margin: 0 auto;
    display: block;
    max-width: 95%;
}
.circular {
    position: absolute;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    overflow: hidden;
    left: 50%;
    margin-left: -27px;
    top: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 54px 54px;
}
#does .circular {
    top: 44px;
}
.sn_mobile_placeholder {
    float: left;
    margin-right: 26px;
}
.googleplus {
    position: relative;
    padding-bottom: 5px;
    /* - use this to position your share icon on your page -  */
}
.googlehider {
    opacity: 0;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 0;
    left: 57px;
    z-index: 3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}
.mygoogle {
    position: absolute;
    top: 0;
    left: 57px;
    z-index: 2;
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 959px) {
    #disciplines {
        width: 160px;
        margin: 0 30px 0 0;
    }
}
@media only screen and (max-width: 767px) {
    #disciplines {
        width: 160px;
        margin: 0;
    }
    #social {
        float: left;
    }
    #legal {
        width: 420px;
    }
    .panelModule {
        float: none;
        clear: both;
        width: 500px;
        margin-bottom: 10px;
    }
    #top_panel input#s {
        width: 100%;
    }
    body.home span.darkbubble {
        clear: both;
        position: absolute;
        top: 175px;
        font-size: 30px;
    }
    .entry-content, .entry-title {
        padding: 50px 25px 0 0;
    }
}

@media only screen and (max-width: 485px) {
    #legal {
        width: 260px;
        line-height: 12px;
    }
    .panelModule {
        float: none;
        clear: both;
        width: 500px;
        margin-bottom: 10px;
    }
    #top_panel input#s {
        width: 100%;
    }
    body.home span.darkbubble {
        clear: both;
        position: absolute;
        top: 110px;
        font-size: 30px;
    }
    body.home .entry-content, body.home .entry-title {
        padding: 80px 25px 0 0;
    }
    body.home .entry-content p {
        padding-top: 12px;
    }
    .container .three.columns.nopadding {
        width: 100% !important;
        height: auto;
        margin-bottom: 10px !important;
    }
}

.wmuSliderWrapper span a img {
    display: none;
}
.wmuSliderWrapper span {
    height: 350px;
}
acronym {
    margin-left: -110px;
    cursor: help;
    position: absolute;
}
.glossary {
    padding: 10px 10px 10px 120px;
    position: relative;
    background: #fbfbfb;
    border: 1px solid #EEE;
}
/* Style Changes for About Team */
body.page-id-1057 div.content h3 {
    margin-bottom: 0;
}
body.page-id-1057 div.content h4 {
    margin: 5px 0 15px;
    color: #777;
    text-transform: uppercase;
    font-size: 13px;
    font-family: "RalewayRegular", arial, sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
}
.pagelinks {
    margin: 0 0 10px 0;
    clear: both;
    display: block;
    overflow: hidden;
}
.permalink {
    clear: both;
}
.pagelinks>span, .pagelinks a {
    font-family: "RalewayBold", arial, sans-serif;
    font-size: 10px;
    line-height: 1.8;
    padding: 6px 10px 7px 10px;
}
.pagelinks>span {
    background: #222;
    color: #FFF;
    margin: 0 5px 0 0;
    float: left;
}
.pagelinks a {
    margin: 0 5px 0 0;
    background: none repeat scroll 0 0 #DCDCDC;
    color: #222;
    float: left;
}
.pagelinks a:hover {
    background: #222;
    color: #FFF;
}
.pagelinks a:last-child:after {
    content: " \00BB";
}
/* User Defined Styles (Formerly handled by theme) */
.nav {
    padding-top: 30px;
}
.logo h1 {
    padding-top: 10px;
}
.sf-menu a {
    padding-bottom: 32px;
}
#wpadminbar {
    display: none;
}
html {
    margin-top: 0 !important;
}
* html body {
    margin-top: 0 !important;
}
.sitecontainer {
    background-position: center top;
    background-repeat: repeat;
}
.button:hover, a.button:hover, a.more-link:hover, #footer .button:hover, #footer a.button:hover, #footer a.more-link:hover, .cancel-reply p a:hover, #does p a.button {
    background: none repeat scroll 0 0 #BD4825 !important;
    color: #FFF !important;
}
.button, a.button, a.more-link, #footer .button, #footer a.button, #footer a.more-link, .cancel-reply p a {
    background: none repeat scroll 0 0 #BD4825;
    color: #FFFFFF;
    font-family: "RalewaySemiBold" !important;
    font-weight: normal !important;
}
a.more-link {
    display: table;
}
p a, a {
    color: #BD4825;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, p a:hover, #footer h1 a:hover, #footer h2 a:hover, #footer h3 a:hover, #footer h3 a:hover, #footer h4 a:hover, #footer h5 a:hover, a:hover, #footer a:hover, .blogpost h2 a:hover, .blogpost .smalldetails a:hover {
    color: #BD4825;
}
*::-moz-selection {
    background: none repeat scroll 0 0 #BD4825;
    color: #FFFFFF;
}
.recent-project:hover {
    border-color: #BD4825 !important;
}
h1, h2, h1 a, h2 a, .blogpost h2 a, h3, .ag_projects_widget h3, h3 a, .aj_projects_widget h3 a {
    font-family: "RalewayRegular", arial, sans-serif;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
}
h5, h5 a, .widget h3, .widget h2, .widget h4 {
    font-family: "RalewayRegular", arial, sans-serif;
}
h4, h4 a, .footer .note h4, .footer h4.subheadline, .newspost h4 {
    font-family: "RalewayRegular", arial, sans-serif;
}
body, input, p, ul, ol, .button, .ui-tabs-vertical .ui-tabs-nav li a span.text, .footer p, .footer ul, .footer ol, .footer.button, .credits p, .credits ul, .credits ol, .credits.button, .footer textarea, .footer input, .testimonial p, .contactsubmit label, .contactsubmit input[type="text"], .contactsubmit textarea {
    font-family: "RalewayRegular", arial, sans-serif;
}
.container .three.columns.nopadding {
    width: 188px;
    padding: 0;
    margin: 2px;
}
tt {
    font-family: monospace;
}
div.twitter-tweet a {
    text-overflow: ellipsis;
    max-width: 160px;
    display: inline-block;
    overflow: hidden;
    vertical-align: bottom;
}
div.wp-synhighlighter-expanded {
    display: none;
}
div.wp-synhighlighter-inner {
    background-color: #F9F9F9;
    border-color: #F5F5F5;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container .three.columns.nopadding {
        width: 148px;
        margin: 2px;
    }
}
@media only screen and (max-width: 767px) {
    .container .three.columns.nopadding {
        width: 146px;
        margin: 2px;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container .three.columns.nopadding {
        width: 201px;
        margin: 2px;
    }
}
code {
    font-family: monospace;
    color: #2f2f2f;
}
pre {
    font-family: monospace;
    border-radius: .25rem;
    padding: 10px;
    box-sizing: border-box;
    overflow-x: auto;
    width: 100%;
    background-color: #F9F9F9 !important;
    margin-bottom: 1rem;
}
pre > code {
    background-color: #F9F9F9 !important;
}