/*----------------------------------------------------------------------------------------

    Theme Name: Epical
    Theme URI: http://www.themeworkers.com
    Description: A minimalistic and bold theme for your business or portfolio
    Author: ThemeWorkers
    Author URI: http://www.themeworkers.com
    Version: 1.3
    License: GNU General Public License - Version 3.0
    License URI: http://www.gnu.org/licenses/gpl.html

    Tags: white, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, flexible-width, custom-colors, custom-menu, editor-style, featured-images, full-width-template, post-formats, theme-options, threaded-comments, translation-ready

------------------------------------------------------------------------------------------

    Table of Contents:

    1   CSS Reset & Clearfix
    2   General Styles
    3   Navigation
    4   Header
    5   Main Content
    6   Post Content
    7   Comments
    8   Forms
    9   Widgets
    10  Footer
    11  Homepage Template
    12  Portfolio Template
    13  Contact Template
    14  Shortcodes
    15  FlexSlider
    16  Isotope
    17  Tipsy
    18  DevNow Custom CSS
    18a DevNow Work Overrides
    18b DevNow Post Content Overrides

----------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
/*  1   CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/reset/                */
/*--------------------------------------------------------------------------------------*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

#content p,
#content div,
#content table {
	font-size: 16px;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

input, textarea, button {
  -webkit-border-radius: 0;
}

/* Hides from IE-mac \*/

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* End hide from IE-mac */

*:first-child+html .clearfix {
    zoom: 1;
    /* IE7 */
}
/*--------------------------------------------------------------------------------------*/
/*  2   General Styles                                                                  */
/*--------------------------------------------------------------------------------------*/

body {
    background: #fff;
    font: 14px/24px Arial, Helvetica, sans-serif;
    color: #111111;
}

html,
body {
    height: 100%;
}

#container {
    min-height: 850px;
}

p,
ul,
ol,
pre,
table,
address,
.single-post .entry-content,
.comment-meta .comment-date,
#commentform .comment-field,
.contact-title {
    margin-bottom: 20px;
}

.player-container,
.blog .entry-right .post-thumb,
.single-post .entry-right .post-thumb,
.archive .entry-right .post-thumb,
.blog .gallery-slider,
.single-post .gallery-slider,
.archive .gallery-slider,
.blog .entry-quote,
.single-post .entry-quote,
.archive .entry-quote,
.blog .entry-right .entry-status,
.single-post .entry-right .entry-status,
.archive .entry-right .entry-status,
.accordion-container,
.callout-box,
.maps-shortcode,
.message-box,
.skillgroup,
.shortcode-slider,
.tabgroup,
.results-list ol li,
.commentlist .comment-container {
    margin-bottom: 30px;
}

address,
cite,
dfn,
em,
var,
.wp-caption-text {
    font-style: italic;
}

abbr[title],
acronym[title],
dfn[title] {
    border-bottom: 1px dotted #999;
    cursor: help;
}

code,
kbd,
pre,
samp,
var {
    background: #f4f4f4;
    font: 14px/20px Consolas, Monaco, "Andale Mono", Courier, "Courier New", monospace;
    color: #9d9d9d;
    display: block;
    margin: 0 0 28px 0;
    padding: 20px 30px;
}

del {
    text-decoration: line-through;
}

hr {
    height: 1px;
    margin: 40px 0;
    border: 0;
    border-bottom: 1px solid #e7e7e7;
}

ins {
    text-decoration: underline;
}

pre {
    margin: 28px 0;
    clear: both;
    white-space: pre;
}

small {
    font-size: 13px;
}

strong,
b,
#hidden-area .inner a {
    font-weight: bold;
}

sub {
    font-size: 11px;
    vertical-align: bottom;
}

sup {
    font-size: 11px;
    vertical-align: top;
}

table {
    width: 100%;
    text-align: left;
    line-height: 20px;
    padding: 0 5px;
    border: 1px solid #e7e7e7;
}

th,
td {
    text-align: center;
    padding: 5px;
    border: 1px solid #e7e7e7;
    vertical-align: middle;
}

th {
    background: #f4f4f4;
}

#footer table,
#footer th,
#footer td {
    border: 1px solid #434343;
}

#footer th {
    background: #222;
    color: #fff;
}

.no-margin,
.last {
    margin-right: 0 !important;
}

.clear {
    width: 100%;
    height: 0;
    font-size: 0;
    line-height: 0;
    clear: both;
}

dl dt,
.gallery-caption,
.left {
    float: left;
}

.right {
    float: right;
}

.alignleft {
    float: left;
    margin: 20px 20px 20px 0;
}

.alignright {
    float: right;
    margin: 20px 0 20px 20px;
}

.aligncenter {
    display: block;
    margin: 20px auto;
    clear: both;
}

.alignnone {
    display: block;
    margin: 20px 0;
}

.gallery img {
    border: 5px solid #f4f4f4 !important;
}

.wp-caption {
    background: #f4f4f4;
    text-align: center;
    padding: 5px 0;
}

.wp-caption-text {
    font-size: 13px;
    line-height: 20px;
    margin: 9px 0 4px 0;
}

img,
a img {
    max-width: 100%;
    /* Responsive */

    height: auto;
    /* Responsive */
}

a img,
.post-thumb img,
.image-container img,
.staff-member .staff-photo img {
    vertical-align: bottom;
}

.sticky {}

blockquote {
    background: #f4f4f4;
    font: 300 18px/30px 'Roboto';
    color: #9d9d9d;
    text-align: right;
    margin: 0 0 28px 0;
    padding: 35px 30px 17px 30px;
}

.entry-content blockquote {
    margin: 28px 0;
}

a {
    color: #30a4e7;
    text-decoration: none;
    transition: color .2s linear, background-color .1s linear;
    -moz-transition: color .2s linear, background-color .1s linear;
    -webkit-transition: color .2s linear, background-color .1s linear;
    -ms-transition: color .2s linear, background-color .1s linear;
    -o-transition: color .2s linear, background-color .1s linear;
}

a:hover,
.entry-comments a:hover,
.entry-meta a:hover {
    color: #3b3c41;
    text-decoration: none;
}

#hidden-area .inner a:hover,
.entry-title a:hover,
.entry-status .entry-title a:hover,
#entry-share .share-text:hover,
.comment-meta .comment-date a:hover,
.commentlist .bypostauthor > div > .comment-content .comment-date a:hover,
.comment .comment-meta .fn a:hover,
.commentlist .bypostauthor > div > .comment-content .comment-meta .fn a:hover,
.comment .comment-body .reply-to:hover,
.commentlist .bypostauthor > div > .comment-content .comment-body a:hover,
#blog-navigation a:hover,
.accordion-title:hover h5,
.toggle-title:hover h5,
#footer a:hover {
    color: #30a4e7;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto';
    font-weight: 700;
	font-weight: 500; /* bws */
    color: #3b3c41;
}

h1 {
    font-size: 30px;
    line-height: 38px;
    letter-spacing: -2px;
    margin: 0 0 20px 0;
}

h2 {
    font-size: 26px;
    line-height: 34px;
    letter-spacing: -1px;
    margin: 0 0 16px 0;
}

h3 {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -1px;
    margin: 0 0 12px 0;
}

h4 {
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 10px 0;
}

h5 {
    font-size: 15px;
    line-height: 26px;
    margin: 0 0 8px 0;
}

h6 {
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 8px 0;
}
/*--------------------------------------------------------------------------------------*/
/*  3   Navigation                                                                      */
/*--------------------------------------------------------------------------------------*/

#menu-top-1 {
    background: #939598;
    margin-bottom: -1px;
}

#menu-top-1 .menu-item {
    font-weight: 300;
    color: white;
    font-family: Roboto;
    border-bottom: solid thin white;
}

#menu-top-1 .menu-item a {
    color: #ffffff;
    padding: 10px 20px 10px 20px;
}

#menu-container {
    float: right;
    position: relative;
}

#mobile-menu {
    display: none;
    position: absolute;
    top: 1em;
    right: 1em;
    border: solid 0px #FFFFFF;
    /*border-radius: 5px;*/
    padding: 5px;
}

#tb {
    display: none;
}

#mobile-menu:before {
    content: "";
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    /*
    width: 1.5em;
    height: 0.25em;
    border-top: 0.7em double #000;
    border-bottom: 0.25em solid #000;
    */
}

#mobile-menu span {
    margin-left: 22px;
    font-size: 20px !important;
    color: #000 !important;
}

#mobile-menu i.fa {
    color: #000 !important;
}

#slider {
    display: none;
}

#slider a {
    width: 100%;
    display: block;
}

.select-menu,
.mobile-select {
    display: none;
    /* Hide responsive menu by default */
}

#primary-nav ul {
    list-style: none;
    position: relative;
    margin: -7px 0 0 0;
    /* Border-top 7px */

    padding: 0;
    z-index: 999;
}

#primary-nav ul li {
    text-align: center;
    float: left;
    position: relative;
}

#primary-nav ul li a {
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 16px;
    color: #333;
    display: block;
    padding: 33px 16px;
    border-top: 7px solid #3b3c41;
}

#primary-nav ul li a:hover,
#primary-nav ul li.sfHover > a,
#primary-nav ul li.current-cat > a,
#primary-nav ul li.current_page_item > a,
#primary-nav ul li.current-menu-item > a,
#primary-nav ul li.current-menu-parent > a,
#primary-nav ul li.current-menu-ancestor > a {
    color: #333;
    border-top: 7px solid #30a4e7;
}

#primary-nav ul li:hover {
    visibility: inherit;
    /* Fix IE7 sticky bug */
}
/*  Dropdown Menu ---------------------------------------------*/

#primary-nav ul ul {
    background: #333;
    width: 200px;
    position: absolute;
    top: -9999em;
    margin: 0;
    z-index: 999;
    border-top: 2px solid #30a4e7;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

#primary-nav ul ul ul {
    background: #333;
    padding-top: 0;
}

#primary-nav ul ul li {
    width: 100%;
    text-align: left;
    float: none;
    border-top: 1px solid #454545;
    border-bottom: 1px solid #232323;
}

#primary-nav ul ul li:first-child {
    border-top: none;
}

#primary-nav ul ul li:last-child {
    border-bottom: none;
}

#primary-nav ul ul li a,
#primary-nav ul ul li.current-cat > a,
#primary-nav ul ul li.current_page_item > a,
#primary-nav ul ul li.current-menu-item > a,
#primary-nav ul ul li.current-menu-parent > a,
#primary-nav ul ul li.current-menu-ancestor > a {
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 13px;
    color: #000;
    padding: 4px 22px 5px 15px;
    border: none;
}

#primary-nav ul ul li a:hover,
#primary-nav ul ul li.sfHover > a {
    color: #fff;
    border: none;
}

#primary-nav ul li:hover ul,
#primary-nav ul li.sfHover ul {
    top: 97px;
}
/*  Hide dropdown menus (4 levels) */

#primary-nav ul li:hover li ul,
#primary-nav ul li.sfHover li ul,
#primary-nav ul li li:hover li ul,
#primary-nav ul li li.sfHover li ul,
#primary-nav ul li li li:hover li ul,
#primary-nav ul li li li.sfHover li ul {
    top: -9999em;
}
/*  Display dropdown menus (4 levels) */

#primary-nav ul li li:hover ul,
#primary-nav ul li li.sfHover ul,
#primary-nav ul li li li:hover ul,
#primary-nav ul li li li.sfHover ul,
#primary-nav ul li li li li:hover ul,
#primary-nav ul li li li li.sfHover ul {
    top: -2px;
    left: 201px;
}
/*--------------------------------------------------------------------------------------*/
/*  4   Header                                                                          */
/*--------------------------------------------------------------------------------------*/

#container {
    margin-top: 135px; /** CHANGE DURING EVENTS TO 185px **/
    position: relative;
}

#top {
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
    border-top: 7px solid #3b3c41;
    position: fixed;
    z-index: 201;
    top: 0px; /** CHANGE DURING EVENTS TO 50px **/
    background: rgba(255, 255, 255, 0.95);
}

#top.shadow {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);
}
/**
.page-template-template-home-slider-php #top,
.page-template-template-contact-map-php #top { border-bottom:none; }
**/

.page-template-template-home-slider-php #container,
.page-template-template-contact-map-php #container {
    margin-top: 97px;
}

#top_inner {
    width: 940px;
    height: 90px;
    margin: 0 auto;
}

#logo {
    margin-top: 30px;
}

#logo a {
    font-family: 'Roboto';
    font-weight: 900;
    font-size: 36px;
    color: #3b3c41;
}

#header {
    background: url(images/bg-divider.png) 0 bottom repeat-x;
    width: 940px;
    margin: 0 auto 40px auto;
    padding-bottom: 57px;
}

#header .page-title {
    font: 900 65px/70px 'Roboto';
    letter-spacing: -3px;
    text-transform: uppercase;
    margin-bottom: 0;
}

#header .page-tagline,
#home-intro .home-tagline {
    font: 300 26px/36px 'Roboto';
    letter-spacing: -1px;
}
/*  Hidden Area -----------------------------------------------*/

#hidden-area {
    background: #3b3c41;
    color: #fff;
    position: relative;
    /* Absolute positioning of the open/close button */
}

#hidden-area .inner {
    display: none;
    /* Hide the content by default */

    padding: 10px 0 24px 0;
}

#hidden-area .hidden-button {
    background: url(images/btn-hidden-show.png) no-repeat;
    width: 45px;
    height: 45px;
    position: absolute;
    right: 0;
    bottom: -45px;
}

#hidden-area.open .hidden-button {
    background: url(images/btn-hidden-close.png) no-repeat;
}
/*--------------------------------------------------------------------------------------*/
/*  5   Main Content                                                                    */
/*--------------------------------------------------------------------------------------*/

.inner {
    width: 940px;
    margin: 0 auto;
}

#content {
    background: #FFF;
    position: relative;
    z-index: 10;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

.page-template-template-sitemap-php #content {
    margin-bottom: 62px;
}

#main {
    width: 680px;
}

#sidebar {
    width: 220px;
}

.entry-content ul,
.comment-body ul {
    list-style-type: disc;
    padding-left: 54px;
}

.entry-content ul ul,
.comment-body ul ul {
    list-style-type: circle;
}

.entry-content ol,
.comment-body ol,
#pinglist ol,
.widget ol {
    list-style-type: decimal;
    padding-left: 54px;
}

.widget ol {
    padding-left: 25px;
}

.entry-content ul ul,
.comment-body ul ul,
.entry-content ol ol,
.comment-body ol ol,
.widget ol ol {
    margin: 0;
    padding-left: 25px;
}

.tw-widget-twitter ul,
.pricing-column .pricing-features ul,
.list-check ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#hidden-area .hidden-button,
#to-top:hover,
.share-container,
#commentform .form-label label,
#commentform .form-submit #submit,
.accordion-title,
.toggle-title,
.button,
.message-box .close {
    cursor: pointer;
}

.player-container {
    background: url(images/loading.gif) center center no-repeat;
    /* Loading image */

    position: relative;
    z-index: 0 !important;
}

.player-container iframe {
    background: url(images/loading.gif) center center no-repeat;
    /* Loading image */

    float: left;
    z-index: 0 !important;
}
/*  Search Results --------------------------------------------*/

.results-list h3 {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0;
}

.results-list ol li {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 21px;
}

.results-list ol li:last-child {
    margin: 0;
    padding: 0;
    border-bottom: none;
}

.search-result {
    margin-left: 80px;
}

.search-highlight {
    background: #fae531;
    /* Highlight search keywords */
}

.search-icon {
    width: 60px;
    height: 60px;
}

.search-icon.page {
    background: url(images/icon-search-page.png) no-repeat;
}

.search-icon.post {
    background: url(images/icon-search-post.png) no-repeat;
}

.search-icon.portfolio {
    background: url(images/icon-search-portfolio.png) no-repeat;
}

.search-results .search-form #search-field,
.search-no-results .search-form #search-field {
    width: 884px;
    margin-bottom: 40px;
}
/*  404 -------------------------------------------------------*/

.error404 #content {
    text-align: center;
}

.error-page-title {
    font: 900 200px/280px 'Roboto';
}

.error-page-subtitle {
    font: 900 24px/32px 'Roboto';
}

.error-page-text {
    font-size: 16px;
}
/*  Main Elements ---------------------------------------------*/

.flex-control-paging li a,
.entry-author .avatar,
.comment .avatar,
.dropcap.color,
.random-fact .icons-container,
.service-container.small .icons-container,
.service-container.normal .icons-container,
.portfolio-container.circle .portfolio-project .project-background,
.portfolio-container.circle .portfolio-project img,
.list-check ul li:before {
    /*border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;*/
}

.entry-tags a,
.tagcloud a,
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select,
.button,
#commentform .form-submit #submit,
.portfolio-container.rectangle .portfolio-project .project-background,
.portfolio-container.rectangle .portfolio-project img,
.filter-portfolio .filter-span,
.dribbble-list li .post-thumb,
.dribbble-list li img,
.flickr-list li .post-thumb,
.flickr-list li img,
.tw_widget_recent_work ul li .post-thumb,
.tw_widget_recent_work ul li img,
.callout-box,
.message-box,
.tipsy-inner {
    /* border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px; */
}

.blog #main .hentry.last,
.archive #main .hentry.last,
#related-posts ul,
.single-post #content,
.single-portfolio #content,
.entry-status .status-content p,
.service-container p,
.results-list ol,
.results-list ol li p,
#sitemap-container ul.children,
#sitemap-container .one-third,
.widget ul.children,
.widget ul.sub-menu,
.widget ul ul,
.tw-widget-twitter ul li:last-child,
.tw_widget_recent_posts ul,
.tw_widget_recent_posts ul li:last-child,
.tw_widget_recent_posts .entry-date {
    margin-bottom: 0 !important;
}

.blog #main .post-thumb,
.archive #main .post-thumb,
#related-posts ul li .post-thumb,
.recent-posts .blog-item .post-thumb,
.staff-member .staff-photo,
.dribbble-list li .post-thumb,
.flickr-list li .post-thumb,
.tw_widget_recent_posts ul li .post-thumb,
.tw_widget_recent_work ul li .post-thumb,
.comment,
.commentlist #respond {
    position: relative;
}
/*  Fonts -----------------------------------------------------*/

.button,
.skill-name span,
.entry-tags a,
.tagcloud a,
.entry-quote .quote-author,
#blog-navigation a,
#comments .comment-title sup,
#commentform .form-submit #submit,
.staff-member .staff-info .staff-position {
    font-family: 'Roboto';
    font-weight: 300;
}

.more-link,
.love-it-wrapper .love-count,
.share-container .share-text,
#related-projects h3,
#commentform .form-label.required label,
.widget-title,
#project-meta ul li span,
.callout-box h4,
.message-box span,
.random-fact .number,
.skill-perc,
.staff-member .staff-info h3 strong,
.ui-tabs .ui-tabs-nav li a,
.comment .comment-meta .fn,
.comment .comment-meta .fn a,
.filter-portfolio .filter-span {
    font-family: 'Roboto';
    font-weight: 700;
}

.dropcap,
.post-thumb .overlay-view span {
    font-family: 'Roboto';
    font-weight: 900;
}
/*  Primary Colors --------------------------------------------*/

.blog #main .post-thumb,
.archive #main .post-thumb,
#related-posts ul li .post-thumb,
.recent-posts .blog-item .post-thumb,
.staff-member .staff-photo,
.gallery-slider .flex-direction-nav a:hover,
#commentform .form-submit #submit,
#contact-form #submit,
.filter-portfolio ul li a:hover,
.filter-portfolio ul li a.current,
.filter-portfolio ul li a.refresh.current:hover,
.portfolio-pagination .current,
.accordion-title:hover .plus,
.accordion-title.ui-state-active .plus,
.toggle-title:hover .plus,
.toggle-title.active .plus,
.dropcap.color,
.lightbox-container,
.service-container.small .icons-container,
.skill-perc,
.button.standard,
.button.black:hover,
.service-container .button,
.tw_widget_twitter .button,
.dribbble-list li .post-thumb,
.flickr-list li .post-thumb,
.tw_widget_recent_posts ul li .post-thumb,
.tw_widget_recent_work ul li .post-thumb,
#footer .tw-widget-twitter .button:hover,
.list-check ul li:before {
    background-color: #30a4e7;
}

#header .page-tagline,
#home-intro .home-tagline,
.entry-meta,
.entry-meta a,
.intro,
#related-posts ul li .entry-date,
.recent-posts .entry-date,
.comment .comment-body .reply-to,
.comment-meta .comment-date a,
.testimonial-normal .testimonial-content p,
.testimonial-normal .testimonial-info span,
.testimonial-large .testimonial-content,
#project-heading .entry-tagline,
.staff-member .staff-info .staff-position,
.results-list em,
#sidebar .tw_widget_recent_posts .entry-date,
.tw-widget-twitter ul li .timestamp a,
.latest-tweet .timestamp a,
#sidebar .widget_archive,
#contact-widgets .widget_archive,
#sidebar .widget_categories,
#contact-widgets .widget_categories,
#sidebar .widget_recent_entries ul li .post-date,
#contact-widgets .widget_recent_entries ul li .post-date,
#sidebar .widget_rss ul li .rss-date,
#contact-widgets .widget_rss ul li .rss-date {
    color: #a5a9aa;
}
/*  IE8 Responsive Fix ----------------------------------------*/

.portfolio-project img,
#related-posts ul li img {
    width: 100%\0/;
}
/* Make the images responsive in IE8 */
/*--------------------------------------------------------------------------------------*/
/*  6   Post Content                                                                    */
/*--------------------------------------------------------------------------------------*/

#single-post-sidebar-content .yarpp-related {
  margin-top: 0px;
}

@media (max-width: 767px) {
  #single-post-sidebar-content {
    display: none;
  }
}

#single-post-sidebar-content li {
  margin-bottom: 14px;
  line-height: 1.2;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  #single-post-sidebar-content li {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 10px;
  }
}

.yarpp-related li a {
  font-weight: normal !important;
}

#main.blog-full {
    width: 100%;
    /* Full width blog */
}

.blog #main .hentry,
.archive #main .hentry {
    background: url(images/bg-border.png) 0 bottom repeat-x;
    margin-bottom: 50px;
    padding: 0 0 30px 0;
}

.blog #main .hentry.last,
.archive #main .hentry.last {
    background: none;
    padding: 0;
}

.more-link {
    font-size: 16px;
}
/*  Entry Meta ------------------------------------------------*/

.entry-left {
    width: 140px;
    font-family: 'Roboto';
    text-align: right;
    padding-bottom: 27px;
}

.entry-left .entry-date .day {
    font-weight: 700;
    font-size: 72px;
    letter-spacing: -2px;
    display: block;
    margin-bottom: 20px;
    padding-top: 20px;
}

.entry-left .entry-date .day,
.entry-left .entry-date .month-year {
    color: #3b3c41;
}

.entry-tags a,
.tagcloud a {
    background-color: #d8d8d8;
    font-size: 13px !important;
    color: #fff;
    display: inline-block;
    margin: 0 0 4px 4px;
    padding: 0 8px;
}

#footer .tagcloud a {
    background-color: #171717;
    color: #6a6a6a;
}

.entry-tags a:hover,
.tagcloud a:hover {
    background-color: #30a4e7 !important;
    color: #fff !important;
}

.entry-comments a,
.entry-comments span {
    height: 49px;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    display: block;
    padding-top: 5px;
}

.entry-tags,
.entry-comments {
    margin-top: 0px;
}

.entry-meta {
    font-weight: bold;
    margin-bottom: 25px;
    display: none;
    /* Hide entry meta by default */
}

.entry-right {
    width: 760px;
    /* Full width blog */
}

.blog-sidebar .entry-right {
    width: 500px;
    /* Blog with sidebar */
}
/*  Entry Content ---------------------------------------------*/

.entry-title,
.entry-title a {
    font: 700 34px/42px 'Roboto';
    color: #3b3c41;
    letter-spacing: -1px;
    margin: 0 0 17px 0;
}

.intro {
    font: 300 17px/30px 'Roboto';
    margin-bottom: 23px;
}

.entry-bottom,
.service-container.small .heading {
    margin-bottom: 8px;
}
/*  Post Format Quote -----------------------------------------*/

.entry-quote blockquote {
    background: #3b3c41;
    margin: 0;
    padding: 41px 50px;
}

.entry-quote a,
.entry-quote .quote-content {
    font: 300 24px/36px 'Roboto';
    color: #f2f2f2;
}

.entry-quote a:hover {
    color: #c3c3c3;
}

.entry-quote .quote-author {
    color: #989898;
}
/*  Post Format Status ----------------------------------------*/

.entry-status {
    background: #fff;
    border: 1px solid #e7e7e7;
}

.entry-status .status-wrap {
    background: url(images/pink-line.png) 42px 0 repeat-y;
    padding: 43px 0 42px 0;
}

.entry-status .status-content {
    background: url(images/blue-line.png) repeat;
}

.entry-status .status-box {
    padding: 3px 50px 0 80px;
}

.entry-status .entry-title,
.entry-status .entry-title a {
    font: 300 28px/28px 'Roboto';
    color: #111111;
    margin: 0 0 33px 0;
}

.entry-status .status-content p {
    line-height: 28px;
}
/*  Like It ---------------------------------------------------*/

#entry-like {
    margin-top: 9px;
}

.love-it-wrapper .love-it {
    background: url(images/heart.png) 0 0 no-repeat;
    padding-left: 22px;
}

.love-it-wrapper .love-it:hover,
.love-it-wrapper .love-it.loved,
.love-it-wrapper .loved {
    background: url(images/heart.png) 0 -20px no-repeat;
    padding-left: 22px;
}

.love-it-wrapper .love-count {
    color: #3b3c41;
}
/*  Share Post ------------------------------------------------*/

.share-container .share-text {
    background: url(images/icon-share.png) 0 0 no-repeat;
    font-size: 16px;
    color: #3b3c41;
    padding: 8px 0 8px 5px;
    transition: color .2s linear;
    -moz-transition: color .2s linear;
    -webkit-transition: color .2s linear;
    -ms-transition: color .2s linear;
    -o-transition: color .2s linear;
}

.share-container .share-text.selected {
    background-position: 0 -40px;
    margin-right: 10px;
}

.share-container .share-text span {
    margin-left: 15px;
}
/*  Entry Author ----------------------------------------------*/

.entry-author {
    margin-bottom: 18px;
    padding-top: 42px;
    border-top: 6px solid #e7e7e7;
}

.entry-author .avatar {
    float: left;
    border: 3px solid #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

.entry-author .author-info {
    margin-left: 90px;
}

.entry-author .author-title {
    font-size: 20px;
    font-weight: normal;
}
/*  Related Posts ---------------------------------------------*/

#related-posts {
    margin: 0 0 30px 180px;
    padding-top: 25px;
    border-top: 6px solid #e7e7e7;
    overflow: hidden;
}

#related-posts ul {
    margin-left: -20px;
    /* Full width blog */
}

.blog-sidebar #related-posts ul {
    margin-left: -40px;
    /* Blog with sidebar */
}

#related-posts ul li {
    width: 175px;
    margin: 20px 0 0 20px;
    /* Full width blog */
}

.blog-sidebar #related-posts ul li {
    width: 230px;
    margin: 20px 0 0 40px;
    /* Blog with sidebar */
}

#related-posts ul li .post-thumb,
.recent-posts .post-thumb,
.tw_widget_recent_posts ul li {
    margin: 0 0 12px 0;
}

#related-posts .no-image {
    width: 100%;
    height: 130px;
    /* Full width blog */
}

.blog-sidebar #related-posts .no-image {
    width: 100%;
    height: 170px;
    /* Blog with sidebar */
}

.no-image.gallery {
    background: #f4f4f4 url(images/icon-gallery.png) 50% 50% no-repeat;
}

.no-image.quote {
    background: #f4f4f4 url(images/icon-quote.png) 50% 50% no-repeat;
}

.no-image.standard {
    background: #f4f4f4 url(images/icon-standard.png) 50% 50% no-repeat;
}

.no-image.status {
    background: #f4f4f4 url(images/icon-status.png) 50% 50% no-repeat;
}

.no-image.video {
    background: #f4f4f4 url(images/icon-video.png) 50% 50% no-repeat;
}

#footer .no-image.gallery {
    background: #171717 url(images/icon-gallery.png) 50% 50% no-repeat;
}

#footer .no-image.quote {
    background: #171717 url(images/icon-quote.png) 50% 50% no-repeat;
}

#footer .no-image.standard {
    background: #171717 url(images/icon-standard.png) 50% 50% no-repeat;
}

#footer .no-image.status {
    background: #171717 url(images/icon-status.png) 50% 50% no-repeat;
}

#footer .no-image.video {
    background: #171717 url(images/icon-video.png) 50% 50% no-repeat;
}

#related-posts ul li .post-thumb .overlay-view span,
.recent-posts .blog-item .post-thumb .overlay-view span {
    font-size: 18px;
    letter-spacing: 0;
}

#related-posts ul li .entry-title,
#related-posts ul li .entry-title a,
.recent-posts .entry-title,
.recent-posts .entry-title a,
.tw_widget_recent_posts .entry-title,
.tw_widget_recent_posts .entry-title a {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0;
    margin: 0;
}

#related-posts ul li .entry-date,
.recent-posts .entry-date,
.tw_widget_recent_posts .entry-date {
    display: block;
    margin-bottom: 6px;
}

.blog-sidebar #related-posts .clear-row {
    clear: both;
}
/*  Blog Navigation -------------------------------------------*/

#blog-navigation {
    background: url(images/bg-border.png) 0 top repeat-x;
    margin: 22px 0 0 0;
    padding: 52px 0 0 180px;
}

#blog-navigation a {
    color: #3b3c41;
}
/*  Post Navigation -------------------------------------------*/

#post-navigation.blog {
    margin: -41px 0 0 0;
}

#post-navigation a {
    background: url(images/sprite.png) 0 0 no-repeat;
    background-color: #fff;
    width: 48px;
    height: 48px;
    display: inline-block;
    float: left;
    border: 1px solid #e7e7e7;
    text-indent: -9999px;
    transition: background-color .1s linear;
    -moz-transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -ms-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
}

#post-navigation a[rel="prev"] {
    background-position: 0 0;
}

#post-navigation a[rel="next"] {
    background-position: -48px 0;
    margin-left: 1px;
}

#post-navigation a[rel="prev"]:hover,
#post-navigation a[rel="next"]:hover {
    background-color: #f8f8f8;
}
/*  Overlay ---------------------------------------------------*/

.overlay-view {
    position: absolute;
    top: 40%;
    z-index: 100;
    opacity: 0;
    filter: alpha(opacity=0);
    /* IE8 */
}

.post-thumb .overlay-view,
.staff-photo .overlay-view {
    width: 100%;
    text-align: center;
}

.post-thumb .overlay-view span {
    font-size: 40px;
    color: #fff;
    letter-spacing: -1px;
    text-transform: uppercase;
    padding-top: 5px;
    border-top: 4px solid #fff;
}
/*--------------------------------------------------------------------------------------*/
/*  7   Comments                                                                        */
/*--------------------------------------------------------------------------------------*/

#comments-container {
    margin: 25px 0 0 0;
}

#comments {
    background: #f4f4f4;
    padding: 0 0 30px 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}

#comments .comment-title {
    font-family: 'Roboto';
    font-size: 46px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0;
    margin: 65px 0 45px 180px;
}

#comments .comment-title sup {
    font-size: 26px;
    color: #7f8283;
    position: relative;
    top: -15px;
}

.commentlist .children li {
    margin: 0 0 0 70px;
}

.comment .avatar {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 74px;
    border: 3px solid #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
}

.comment .comment-content {
    background: #fff;
    position: relative;
    margin-left: 180px;
    padding: 24px 30px 12px 30px;
    border: 1px solid #e8e8e8;
}

.comment .comment-content:after {
    background: url(images/bg-comment-bottom.png) no-repeat;
    width: 30px;
    height: 25px;
    position: absolute;
    top: -1px;
    left: -30px;
    content: "";
}

.comment .comment-meta .fn,
.comment .comment-meta .fn a {
    font-size: 17px;
    font-style: normal;
    color: #3b3c41;
}

.comment .comment-reply-link {
    background: url(images/sprite.png) -114px -48px no-repeat;
    width: 15px;
    height: 12px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    text-indent: -9999px;
}

.comment .comment-reply-link:hover {
    background-position: -114px -60px;
}
/*  Author Styling --------------------------------------------*/

.commentlist .bypostauthor > div > .comment-content {
    background: #1f2022;
    border: none;
}

.commentlist .bypostauthor > div > .comment-content:after {
    background: url(images/bg-comment-bottom-author.png) no-repeat;
    top: 0;
}

.commentlist .bypostauthor > div > .comment-content .comment-body {
    color: #bababa;
}

.commentlist .bypostauthor > div > .comment-content .comment-body a,
.commentlist .bypostauthor > div > .comment-content .comment-meta .fn,
.commentlist .bypostauthor > div > .comment-content .comment-meta .fn a {
    color: #fff;
}

.commentlist .bypostauthor > div > .comment-content .comment-body code,
.commentlist .bypostauthor > div > .comment-content .comment-body blockquote,
#footer blockquote {
    background: #4d4e50;
    color: #bcbdbd;
}

.commentlist .bypostauthor > div > .comment-content .comment-date a,
.commentlist .bypostauthor > div > .comment-content .comment-body .reply-to {
    color: #919191;
}

.commentlist .bypostauthor > div > .comment-content .comment-reply-link {
    background: url(images/sprite.png) -129px -48px no-repeat;
}

.commentlist .bypostauthor > div > .comment-content .comment-reply-link:hover {
    background-position: -129px -60px;
}
/*  Respond Form ----------------------------------------------*/

#respond {
    margin: 53px 0 90px 0;
}

#respond.closed {
    margin: 53px 0 80px 0;
}

#respond #reply-title {
    font: 700 36px/44px 'Roboto';
    letter-spacing: 0;
    margin: 0 0 31px 180px;
}

.commentlist #respond {
    margin: 45px 0 50px 0;
}

.commentlist #respond .inner {
    width: auto;
}

#cancel-comment-reply-link {
    background: #f4f4f4 url(images/sprite.png) -96px 0 no-repeat;
    width: 48px;
    height: 48px;
    display: block;
    position: absolute;
    top: -5px;
    right: 0;
    border: 1px solid #dcdcdc;
    text-indent: -9999px;
    transition: background .1s linear;
    -moz-transition: background .1s linear;
    -webkit-transition: background .1s linear;
    -ms-transition: background .1s linear;
    -o-transition: background .1s linear;
}

#cancel-comment-reply-link:hover {
    background-color: #efefef;
}
/*  Pings -----------------------------------------------------*/

#pinglist {
    margin: 60px 0 0 180px;
}

#comments #pinglist .comment-title {
    font-size: 36px;
    margin: 0 0 23px 0;
}
/*--------------------------------------------------------------------------------------*/
/*  8   Forms                                                                           */
/*--------------------------------------------------------------------------------------*/

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
    background-color: #f0f0f0;
    font: 14px/1em Arial, Helvetica, sans-serif;
    color: #5e5e5e;
    margin: 0;
    /* padding: 16px 14px 15px 18px; */
    padding: 8px 7px 7px 9px;
    border: 1px solid #f0f0f0;
    transition: background-color .1s linear;
    -moz-transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -ms-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
}

select {
    padding: 15px 14px 14px 18px;
}

textarea {
    line-height: 22px;
    overflow: auto;
    resize: vertical;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {
    background-color: #fff !important;
    color: #3b3c41 !important;
    border: 1px solid #dbdbdb !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

input.error[type="text"],
input.error[type="password"],
textarea.error {
    border: 1px solid #fcb9ae !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.error,
.error-message {
    color: #de5959;
    /* For the non-Javascript users */
}
/*  Footer Styles ---------------------------------------------*/

#footer input[type="text"],
#footer input[type="password"],
#footer input[type="email"],
#footer textarea,
#footer select {
    color: #585858;
}

#footer input[type="text"],
#footer input[type="password"],
#footer input[type="email"],
#footer textarea,
#footer select,
#footer input[type="text"]:focus,
#footer input[type="password"]:focus,
#footer input[type="email"]:focus,
#footer textarea:focus,
#footer select:focus {
    background-color: #171717 !important;
    border: 1px solid #171717 !important;
}

#footer input[type="text"]:focus,
#footer input[type="password"]:focus,
#footer input[type="email"]:focus,
#footer textarea:focus,
#footer select:focus {
    color: #fff !important;
}
/*  Comment Form ----------------------------------------------*/

.commentlist .depth-1 #commentform input[type="text"],
.commentlist .depth-1 #commentform input[type="email"],
.commentlist .depth-1 #commentform textarea {
    background-color: #e6e6e6 !important;
    border: 1px solid #e6e6e6 !important;
}

.commentlist .depth-1 #commentform input[type="text"]:focus,
.commentlist .depth-1 #commentform input[type="email"]:focus,
.commentlist .depth-1 #commentform textarea:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

#commentform .form-label {
    width: 140px;
    font-family: 'Roboto';
    font-weight: 300;
    text-align: right;
    margin: 13px 40px 0 0;
}

.comment-navigation,
#commentform .form-submit {
    margin-left: 180px;
}

.comment-navigation {
    margin-bottom: 23px;
}

#commentform .form-submit #submit {
    background-image: url(http://developmentnow.imgix.net/wp-content/themes/epical/images/icon-comment-button.png?auto=format);
    background-position: 150% 150%;
    background-repeat: no-repeat;
    width: 100%;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin: 10px 0 20px 0;
    display: block;
    padding: 11px 30px 10px 30px;
    border: none;
    transition: background-color .1s linear;
    -moz-transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -ms-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
}

#comments-container .inner hr {
    margin: 0;
}
/*  Comment Form (5 levels) -----------------------------------*/

#commentform input[type="text"],
#commentform input[type="email"],
#commentform textarea,
.commentlist .depth-1 #commentform input[type="text"],
.commentlist .depth-1 #commentform input[type="email"],
.commentlist .depth-1 #commentform textarea {
    width: 726px;
}

.commentlist .children .depth-2 #commentform input[type="text"],
.commentlist .children .depth-2 #commentform input[type="email"],
.commentlist .children .depth-2 #commentform textarea {
    width: 656px;
}

.commentlist .children .depth-3 #commentform input[type="text"],
.commentlist .children .depth-3 #commentform input[type="email"],
.commentlist .children .depth-3 #commentform textarea {
    width: 586px;
}

.commentlist .children .depth-4 #commentform input[type="text"],
.commentlist .children .depth-4 #commentform input[type="email"],
.commentlist .children .depth-4 #commentform textarea {
    width: 516px;
}
/*--------------------------------------------------------------------------------------*/
/*  9   Widgets                                                                         */
/*--------------------------------------------------------------------------------------*/

.widget {
    margin: 0 0 40px 0;
}

#contact-widgets .widget {
    margin: 40px 0 0 0;
}

.widget-title {
    font-size: 16px;
    letter-spacing: 0;
    margin: 0 0 10px 0;
}
/*  Default Widgets -------------------------------------------*/

.widget ul li,
#sitemap-container ul li {
    background: url(images/list-plus.png) 4px 7px no-repeat;
    padding: 0 0 0 25px;
}

.tw_widget_dribbble .widget-title,
.tw_widget_flickr .widget-title,
.tw_widget_recent_posts .widget-title,
.tw_widget_recent_work .widget-title,
.tw_widget_social .widget-title,
.widget_search .widget-title,
.widget_tag_cloud .widget-title {
    margin: 0 0 17px 0;
}

.widget_recent_entries .widget-title,
.widget_recent_comments .widget-title {
    margin: 0 0 3px 0;
}

.widget_recent_entries,
.widget_recent_comments {
    margin: 0 0 27px 0;
}

.widget_recent_entries ul li,
.widget_recent_comments ul li {
    padding: 7px 0 7px 25px;
    border-bottom: 1px solid #e7e7e7;
}

.widget_recent_entries ul li {
    background: url(images/list-plus.png) 4px 14px no-repeat;
}

.widget_recent_comments ul li {
    background: url(images/bg-comment-widget.png) 0 14px no-repeat;
}

.widget_recent_entries ul li:last-child,
.widget_recent_comments ul li:last-child {
    border-bottom: none !important;
}

.widget_recent_entries ul li .post-date,
.widget_rss ul li .rss-date {
    display: block;
}

.widget_rss a img {
    vertical-align: middle;
}

#sidebar .search-form #search-field {
    width: 164px;
}
/*  Footer */

#footer .widget ul li {
    background: url(images/list-plus-footer.png) 4px 7px no-repeat;
}

#footer .widget_recent_entries ul li,
#footer .widget_recent_comments ul li {
    border-bottom: 1px solid #434343;
}

#footer .widget_recent_entries ul li {
    background: url(images/list-plus-footer.png) 4px 14px no-repeat;
}

#footer .widget_recent_comments ul li {
    background: url(images/bg-comment-widget-footer.png) 0 14px no-repeat;
}
/*  Custom */

.tw_widget_dribbble ul li,
.tw_widget_flickr ul li,
.tw_widget_recent_posts ul li,
.tw_widget_recent_work ul li,
.tw_widget_twitter ul li,
#sidebar .gallery-slider ul li,
#footer .gallery-slider ul li {
    background: none !important;
    padding: 0 !important;
}
/*  Dribbble / Flickr / Recent Work ---------------------------*/

.dribbble-list,
.flickr-list,
.tw_widget_recent_work ul {
    margin: 0 -4px -4px 0;
}

.dribbble-list li,
.flickr-list li,
.tw_widget_recent_work ul li {
    margin: 0 4px 4px 0;
}

.dribbble-list li,
.dribbble-list li img,
.flickr-list li,
.flickr-list li img,
.tw_widget_recent_work ul li {
    width: 68px;
    height: 68px;
}

.dribbble-list img,
.flickr-list img,
.tw_widget_recent_posts ul li img,
.tw_widget_recent_work ul li img {
    transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -webkit-transition: opacity .2s linear;
    -ms-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
}

.overlay-icon {
    background: url(images/bg-plus.png) no-repeat;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -5px;
    opacity: 0;
    filter: alpha(opacity=0);
    /* IE8 */

    z-index: 100;
}

.dribbble-list a:hover img,
.flickr-list a:hover img,
.tw_widget_recent_posts ul li a:hover img,
.tw_widget_recent_work ul li a:hover img {
    opacity: 0;
    filter: alpha(opacity=0);
    /* IE8 */
}

.dribbble-list a:hover .overlay-icon,
.flickr-list a:hover .overlay-icon,
.tw_widget_recent_posts ul li a:hover .overlay-icon,
.tw_widget_recent_work ul li a:hover .overlay-icon {
    opacity: 1;
    filter: alpha(opacity=100);
    /* IE8 */
}
/*  Recent Posts ----------------------------------------------*/

.tw_widget_recent_posts ul li .post-thumb,
.tw_widget_recent_posts .no-image {
    width: 60px;
    height: 60px;
}

.tw_widget_recent_posts .post-right {
    margin-left: 70px;
}
/*  Search ----------------------------------------------------*/

.search-form #search-field {
    background-image: url(images/bg-search-widget.png);
    background-position: 15px 50%;
    background-repeat: no-repeat;
    padding: 16px 14px 15px 40px;
}

#footer .search-form #search-field {
    background-image: url(images/bg-search-widget-footer.png);
}

#footer .one-third .search-form #search-field {
    width: 239px;
}

#footer .one-fourth .search-form #search-field {
    width: 158px;
}
/*  Twitter ---------------------------------------------------*/

.tw-widget-twitter ul li {
    margin-bottom: 16px;
}

.tw-widget-twitter ul li .timestamp {
    display: block;
}

#footer .tw-widget-twitter .button {
    background-color: #171717 !important;
    color: #6a6a6a;
}
/*--------------------------------------------------------------------------------------*/
/*  10  Footer                                                                          */
/*--------------------------------------------------------------------------------------*/

#footer {
    background: #222;
    overflow: hidden;
    z-index: 1;
    position: relative;
}

#footer,
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
    color: #878787;
}

#footer .one-third,
#footer .one-fourth,
#contact-widgets .one-half,
#contact-widgets .one-third {
    margin: 0 3% 0 0;
}

#footer-widgets {
    width: 940px;
    margin: 0 auto;
    padding: 52px 0 10px 0;
}

#footer-prestige {
  background: #121212;
  padding: 50px 0 25px;
}
#footer-prestige #prestige-logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

#footer-prestige #prestige-logos div {
  height: 100px;
  padding: 0 25px 25px;
}

#footer-prestige #prestige-logos div.clutch-widget {
  height: 50px;
  width: 200px;
  overflow: hidden;
}

#footer-prestige #prestige-logos div.clutch-widget iframe {
  display: inline-block;
}

#footer-prestige #prestige-logos img {
  height: 100px;
}

#footer-prestige #prestige-logos #inc-profile img {
  height: 100px;
  margin-top: -4px;
}

#footer-bottom {
    background: #121212;
    color: #8a8a8a;
    padding: 25px 0;
}

#footer a,
#footer .widget-title,
#hidden-area .inner a {
    color: #fff;
}
/*  To Top Button ---------------------------------------------*/

#to-top {
    background: #333 url(images/sprite.png) -64px -48px no-repeat;
    width: 50px;
    height: 40px;
    display: none;
    position: fixed;
    /* Stick the button to the bottom of the page */

    right: 20px;
    bottom: 0;
    z-index: 2000;
    /*border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;*/
}

#to-top:hover {
    background-color: #000;
}
/*  Callout Box -----------------------------------------------*/

#callout-footer {
    position: relative;
    background-color: #30a4e7;
    text-align: center;
    padding: 54px 0 50px 0;
    z-index: 1;
}

#callout-footer h2 {
    font: 700 32px/40px 'Roboto';
    color: #fff;
    margin-bottom: 9px;
}

#callout-footer p {
    font: 300 16px/24px 'Roboto';
    color: #fff;
    opacity: 0.8;
}

#callout-footer .button:hover {
    background-color: #fff !important;
    color: #3b3c41 !important;
}
/*--------------------------------------------------------------------------------------*/
/*  11  Homepage Template                                                               */
/*--------------------------------------------------------------------------------------*/

.page-template-template-home-slider-php #content {
    padding-top: 70px;
}
/*
*.forcefullwidth_wrapper_tp_banner {
*   position:fixed !important;
*   z-index:1;
*   top:97px;
*}
*/

#home-intro {
    text-align: center;
    margin-bottom: 56px;
    padding-bottom: 45px;
    border-bottom: 1px solid #e7e7e7;
}

#home-intro .home-title {
    font: 700 36px/44px 'Roboto';
    letter-spacing: -1px;
    margin-bottom: 9px;
}

  #home-section-actions {
    margin-top: 30px;
  }
  #home-section-actions a {
    display: inline-block;
    font-size: 28px;
    width: 100px;
    text-align: center;
    color: white;
    background: #335186;
    border: 4px solid #335186;
    padding: 20px 40px;
    margin-bottom: 18px;
  }
  #home-section-actions a:hover {
    background: transparent;
  }
  @media (min-width: 480px) {
    #home-section-actions a:first-child {
      margin-right: 36px;
    }
  }

.tp-bullets {
    z-index: 200 !important;
}
/*--------------------------------------------------------------------------------------*/
/*  12  Portfolio Template                                                              */
/*--------------------------------------------------------------------------------------*/

.portfolio-container {
    overflow: hidden;
}

.portfolio-container.col-third {
    margin: -29px -29px 0 0;
}

.portfolio-container.col-fourth {
    margin: -28px -28px 0 0;
}

.portfolio-project {
    float: left;
    position: relative;
}

.portfolio-project,
.portfolio-project a {
    display: block;
}

.portfolio-project.col-third {
    width: 294px;
    height: 294px;
    margin: 29px 29px 0 0;
}

.portfolio-project.col-fourth {
    width: 214px;
    height: 214px;
    margin: 28px 28px 0 0;
}
/*  Project Overlay -------------------------------------------*/

.portfolio-project .project-background {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    /* IE8 */
}

.portfolio-project .project-info {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 40%;
    left: 0;
    z-index: 100;
    opacity: 0;
    filter: alpha(opacity=0);
    /* IE8 */
}

.portfolio-project .project-info h2 {
    color: #fff;
    margin: 0;
    padding: 0 20px;
}

.portfolio-project .project-info span {
    color: #fff;
    opacity: 0.65;
    padding: 0 20px;
}
/*  3 Columns */

.portfolio-project.col-third .project-info h2 {
    font: 700 24px/32px 'Roboto';
}

.portfolio-project.col-third .project-info span {
    font: 300 15px/24px 'Roboto';
}
/*  4 Columns */

.portfolio-project.col-fourth .project-info h2 {
    font: 700 18px/26px 'Roboto';
    letter-spacing: 0;
}

.portfolio-project.col-fourth .project-info span {
    font: 300 15px/24px 'Roboto';
}
/*  Filter ----------------------------------------------------*/

.filter-portfolio {
    margin: 0 0 22px 0;
}

.filter-portfolio .filter-span {
    background: #3b3c41;
    font-size: 17px;
    color: #fff;
    margin-right: -28px;
    padding: 7px 45px 7px 17px;
}

.filter-portfolio ul li {
    float: left;
    margin: 0 5px 8px 0;
    /* Skew */

    transform: skew(-20deg, 0deg);
    -moz-transform: skew(-20deg, 0deg);
    -webkit-transform: skew(-20deg, 0deg);
    -ms-transform: skew(-20deg, 0deg);
    -o-transform: skew(-20deg, 0deg);
}

.filter-portfolio ul li a,
.filter-portfolio ul li a.refresh.current {
    background: #efefef !important;
    height: 22px;
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 17px;
    color: #30a4e7;
    display: block;
    padding: 7px 19px 9px 19px;
}

.filter-portfolio ul li a span {
    display: inline-block;
    /* Skew */

    transform: skew(20deg, 0deg);
    -moz-transform: skew(20deg, 0deg);
    -webkit-transform: skew(20deg, 0deg);
    -ms-transform: skew(20deg, 0deg);
    -o-transform: skew(20deg, 0deg);
}

.filter-portfolio ul li a:hover,
.filter-portfolio ul li a.current,
.filter-portfolio ul li a.refresh.current:hover {
    color: #fff;
}
/*  Single Portfolio ------------------------------------------*/

#project-heading {
    background: url(images/bg-divider.png) left bottom repeat-x;
    margin: 30px 0 33px 0;
    padding-bottom: 49px;
}

#project-heading h1 {
    font-size: 46px;
    line-height: 52px;
    margin-bottom: 6px;
}

#project-heading .entry-tagline {
    font: 300 22px/30px 'Roboto';
    letter-spacing: -1px;
}

#portfolio-left {
    width: 590px;
    margin: 0 50px 32px 0;
}

#portfolio-right {
    width: 300px;
    margin-bottom: 60px;
}

#project-meta ul {
    margin: -14px 0 0 0;
}

#project-meta ul li {
    background: url(images/bg-dots.png) 0 bottom repeat-x;
    padding: 14px 0;
}

#project-meta ul li:last-child {
    background: none;
}
/*  Post Navigation -------------------------------------------*/

#post-navigation.portfolio {
    background: url(images/bg-dots.png) 0 top repeat-x;
    margin: 0;
    padding-top: 41px;
}
/*  Testimonial -----------------------------------------------*/

.testimonial-large,
#related-projects,
.random-fact,
.latest-tweet {
    text-align: center;
}

.testimonial-large .testimonial-content {
    background: url(images/bg-blockquote.png) 50% top no-repeat;
    font: 300 20px/32px 'Roboto';
    padding-top: 64px;
}

.testimonial-large .testimonial-info {
    font: 700 18px/30px 'Roboto';
    margin: 34px 0 0 0;
}

.single-portfolio .testimonial-large {
    background-color: #222;
    padding: 60px 0 52px 0;
}

.single-portfolio .testimonial-large .testimonial-content,
.single-portfolio .testimonial-large .testimonial-info {
    color: #878787;
}

.single-portfolio .testimonial-large .testimonial-content {
    background: url(images/bg-blockquote-portfolio.png) 50% top no-repeat;
    font: 300 24px/36px 'Roboto';
}
/*  Related Projects ------------------------------------------*/

#related-projects {
    margin: 0 0 90px 0;
}

#related-projects .inner {
    padding-top: 53px;
    border-top: 1px solid #e7e7e7;
}

#related-projects h3 {
    margin-bottom: 42px;
}
/*  Pagination ------------------------------------------------*/

.portfolio-pagination {
    width: 100%;
    text-align: center;
    margin: 60px 0 0 0;
}

.portfolio-pagination a,
.portfolio-pagination .current {
    width: 30px;
    height: 30px;
    font: 700 14px/32px 'Roboto';
    color: #3b3c41;
    display: inline-block;
    margin: 0 1px;
    transition: background-color .1s linear;
    -moz-transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -ms-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
}

.portfolio-pagination a:hover {
    background-color: #3b3c41;
    color: #fff;
}

.portfolio-pagination .current {
    color: #fff;
}

#single-portfolio-sidebar-content ul li {
  margin-bottom: 18px;
}
#single-portfolio-sidebar-content ul li h4 {
  line-height: 1.2;
  margin-bottom: 4px;
}

#single-portfolio-sidebar-content ul li div {
  font-size: 14px;
  line-height: 1.4;
}
#sidebar-contact {
  border-top: 1px solid #ddd;
  padding-top: 20px;
}

#sidebar-contact h4 {
  margin-bottom: 2px;
  line-height: 1.2;
}
#sidebar-contact p {
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 1.4;
}

@media (max-width: 767px) {
  #single-portfolio-sidebar-content {
    display: none;
  }
}


/*--------------------------------------------------------------------------------------*/
/*  13  Contact Template                                                                */
/*--------------------------------------------------------------------------------------*/

#contact-widgets {
    margin-top: 50px;
    border-top: 1px solid #e7e7e7;
}
/*  Google Maps -----------------------------------------------*/

#map-container {
    height: 500px;
    position: relative;
    margin-bottom: 54px;
}

#map-container .inner {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -470px;
}

#map_canvas {
    height: 500px;
}

#map-info {
    background: #fff;
    width: 410px;
    font-size: 16px;
    position: absolute;
    top: 60px;
    left: 0;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

#map-info .contact-container {
    padding: 26px 35px 12px 35px;
}

#map-info h1 {
    font: 700 36px/44px 'Roboto';
    letter-spacing: -2px;
    margin-bottom: 24px;
}

#map-info .contact-container .contact-address {
    font-size: 20px;
    line-height: 20px;
    color: #3b3c41;
    margin-right: 17px;
}

#map-info .contact-container .contact-mail {
    font-size: 14px;
    line-height: 14px;
    color: #3b3c41;
    margin-right: 14px;
}

#map-info .contact-container .contact-phone {
    font-size: 18px;
    line-height: 18px;
    color: #3b3c41;
    margin-right: 14px;
}

#map-info .directions-container {
    padding: 10px 35px;
    border-top: 1px solid #e7e7e7;
}

#map_canvas img,
.maps-shortcode img {
    max-width: none !important;
}
/*  Contact Form ----------------------------------------------*/

h2 small {
  display:block;
  font-size: 55%;
  line-height: 1.4;
}

#contact-form input.error[type="text"],
#contact-form textarea.error {
  border: 2px solid red !important;
}

.contact-title {
    font: 700 46px/54px 'Roboto';
}

#contact-form .col-half {
    width: 456px;
    margin-right: 28px;
}

#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form textarea {
    /* width: 422px; */
    width: 436px;

	/* bws */

	width: 100% !important;
	box-sizing: border-box;

}

#contact-form textarea {
    height: 192px;
}

#contact-form #submit {
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    font-weight: 700;
    margin: 0;
    padding: 11px 30px 10px 30px;
    background-color: #335186 !important;
}

#contact-form #submit:hover,
#commentform .form-submit #submit:hover {
    background-image: none;
    text-indent: 0;
    /* Display button text */
}
/*--------------------------------------------------------------------------------------*/
/*  14  Shortcodes                                                                      */
/*--------------------------------------------------------------------------------------*/

.gap {
    width: 100%;
    display: block;
    margin: 0;
}
/*  Accordion / Toggle ----------------------------------------*/

.accordion,
.toggle {
    background-color: #f4f4f4;
    margin: 0 0 1px 23px;
}

.accordion-title,
.toggle-title {
    position: relative;
    /* Absolute positioning of the plus and minus icon */
}

.accordion-title h5,
.toggle-title h5 {
    font: 700 15px/26px 'Roboto';
    margin: 0 !important;
    padding: 6px 16px;
}

.accordion-title .plus,
.toggle-title .plus {
    background-color: #3b3c41;
    background-image: url(images/bg-plus.png);
    background-repeat: no-repeat;
    background-position: 6px 14px;
    width: 22px;
    height: 38px;
    position: absolute;
    left: -23px;
    transition: background-color .1s linear;
    -moz-transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -ms-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
}

.accordion-title.ui-state-active .plus,
.toggle-title.active .plus {
    background-image: url(images/bg-minus.png);
    background-repeat: no-repeat;
    background-position: 6px 18px;
}

.inner-content {
    padding: 10px 16px 18px 16px;
}
/*  Buttons ---------------------------------------------------*/

.button {
    color: #fff;
    margin: 10px 0;
    display: inline-block;
    border: none;
    transition: background-color .1s linear;
    -moz-transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -ms-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
}

.button.rounded {
    /*border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;*/
}

.button.small {
    font-size: 13px;
    padding: 5px 10px 6px 10px;
}

.button.medium {
    font-size: 15px;
    font-weight: 700;
    padding: 8px 24px 9px 24px;
}

.button.large {
    font-size: 22px;
    font-weight: 700;
    padding: 12px 30px;
}
/*  Button Icons */

.button.small span[class*="fa-"] {
    margin-right: 8px;
}

.button.medium span[class*="fa-"] {
    margin-right: 14px;
}

.button.large span[class*="fa-"] {
    margin-right: 18px;
}
/*  Button Colors */

.button.black {
    background-color: #3b3c41;
}

.button.light-blue {
    background-color: #30a4e7;
}

.button.dark-blue {
    background-color: #00617d;
}

.button.light-green {
    background-color: #7ad095;
}

.button.dark-green {
    background-color: #259349;
}

.button.grey {
    background-color: #b9b9b9;
}

.button.orange {
    background-color: #feb040;
}

.button.pink {
    background-color: #f896af;
}

.button.light-purple {
    background-color: #d46f9e;
}

.button.dark-purple {
    background-color: #886284;
}

.button.red {
    background-color: #f46551;
}

.button.yellow {
    background-color: #fcdd38;
    color: #666;
}
/*  Button Hovers */

.button:hover,
.button.standard:hover,
#commentform .form-submit #submit:hover,
#contact-form #submit:hover,
.service-container .button:hover,
.tw_widget_twitter .button:hover {
    background-color: #3b3c41 !important;
    color: #fff !important;
}

.service-container .button,
.tw_widget_twitter .button {
    margin: 22px 0 0 0;
}
/*  Callout Box -----------------------------------------------*/

.callout-box {
    background: #f4f4f4;
    position: relative;
    /* Absolute positioning of the button */

    padding: 24px 25px 23px 25px;
    border: 1px solid #e1e1e1;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.callout-box h4 {
    font-size: 22px;
    line-height: 30px;
    color: #30a4e7;
    display: block;
    margin: 0 0 5px 0;
}

.callout-box .detail {
    width: 75%;
}

.callout-box .right {
    width: 25%;
}

.callout-box .button {
    position: absolute;
    top: 50%;
    right: 25px;
    margin-top: -22px;
}
/*  Column ----------------------------------------------------*/

.one-half {
    width: 48.5%;
}

.one-third {
    width: 31.33%;
}

.two-third {
    width: 65.66%;
}

.one-fourth {
    width: 22.75%;
}

.three-fourth {
    width: 74.25%;
}

.one-fifth {
    width: 17.6%;
}

.two-fifth {
    width: 38.2%;
}

.three-fifth {
    width: 58.8%;
}

.four-fifth {
    width: 79.4%;
}

.one-sixth {
    width: 14.16%;
}

.five-sixth {
    width: 82.83%;
}

.one-half,
.one-third,
.two-third,
.one-fourth,
.three-fourth,
.one-fifth,
.two-fifth,
.three-fifth,
.four-fifth,
.one-sixth,
.five-sixth {
    margin: 0 3% 30px 0;
    float: left;
}

.column-last {
    margin: 0 0 30px 0 !important;
    clear: right;
}
/*  Divider ---------------------------------------------------*/

hr.dashed {
    border-bottom: 1px dashed #e7e7e7;
}

hr.dotted {
    background: url(images/bg-border.png) repeat-x;
    height: 7px;
    border: none;
}

hr.single {
    border-bottom: 1px solid #e7e7e7;
}
/*  Dropcap ---------------------------------------------------*/

.dropcap,
.maps-shortcode .gmap_marker strong {
    display: block;
}

.dropcap.big {
    font-size: 46px;
    margin: 13px 10px 0 0;
}

.dropcap.color {
    width: 36px;
    height: 36px;
    font-size: 28px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    margin: 7px 10px 0 0;
}
/*  Heading ---------------------------------------------------*/

.section-title {
    background: url(images/bg-section-title.png) 0 50% repeat-x;
    font: 700 20px/26px 'Roboto';
    letter-spacing: 0;
    margin: 0 0 21px 0;
}

.section-title span {
    background: #fff;
    padding-right: 20px;
}
/*  Lightbox --------------------------------------------------*/

.lightbox-container {
    max-width: 100%;
    position: relative;
}

.lightbox-container .overlay-view {
    left: 50%;
    margin: -14px 0 0 -17px;
    z-index: 100;
}

.lightbox-container .overlay-view span {
    width: 34px;
    height: 34px;
    display: block;
}

.lightbox-container .overlay-view .image {
    background-image: url(images/lightbox-image.png);
}

.lightbox-container .overlay-view .video {
    background-image: url(images/lightbox-video.png);
}
/*  Message Box -----------------------------------------------*/

.message-box {
    position: relative;
    /* Absolute positioning of the close button */

    padding: 18px 25px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.message-box span {
    display: block;
    margin-bottom: 10px;
}

.message-box.error {
    background: #fee2e1;
    color: #c22818;
    border: 1px solid #f8c7c7;
}

.message-box.info {
    background: #daf1f9;
    color: #2f6578;
    border: 1px solid #b4dff0;
}

.message-box.success {
    background: #eef9d6;
    color: #577a35;
    border: 1px solid #c5e0a3;
}

.message-box.warning {
    background: #fdf7d9;
    color: #8c6618;
    border: 1px solid #f1e09c;
}

.message-box .close {
    font-size: 18px;
    position: absolute;
    top: 17px;
    right: 25px;
    opacity: 0.4;
    filter: alpha(opacity=40);
    /* IE8 */
}

.message-box .close:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    /* IE8 */
}
/*  Pricing Table ---------------------------------------------*/

.entry-content .pricing-table {
    list-style: none;
    margin: 10px 0 30px 0;
    padding: 0;
}

.pricing-table .pricing-column {
    text-align: center;
    border-right: 1px solid #fff;
}

.pricing-table .pricing-column:last-child {
    border-right: none;
}

.pricing-column .pricing-header {
    background-color: #787878;
    color: #fff;
}

.pricing-column .pricing-header .title {
    background-color: rgba(0, 0, 0, 0.2);
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 300;
    display: block;
    padding: 7px 0 5px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.pricing-column .pricing-header div {
    padding: 36px 0 19px 0;
}

.pricing-column .pricing-header .price {
    font-family: 'Roboto';
    font-size: 42px;
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
}

.pricing-column .pricing-features ul li {
    color: #6d6d6d;
    padding: 9px 10px 8px 10px;
}

.pricing-column .pricing-features ul li,
.pricing-column .pricing-button {
    background: #f7f7f7;
}

.pricing-column .pricing-features ul li:nth-child(2n) {
    background: #f0f0f0;
    /* Select every second item */
}

.pricing-column .pricing-button {
    padding: 26px 0;
}
/*  Column Sizes */

.pricing-table .pricing-column.half {
    width: 49.85%;
}

.pricing-table .pricing-column.third {
    width: 33.18%;
}

.pricing-table .pricing-column.fourth {
    width: 24.85%;
}

.pricing-table .pricing-column.fifth {
    width: 19.85%;
}
/*  Featured Table */

.pricing-column.featured {
    margin-top: -10px;
}

.pricing-column.featured .pricing-header {
    background-color: #30a4e7;
}

.pricing-column.featured .pricing-header .title {
    font-size: 20px;
    padding: 12px 0 10px 0;
}

.pricing-column.featured .pricing-header div {
    padding: 34px 0 19px 0;
}

.pricing-column.featured .pricing-header .price {
    font-size: 48px;
    margin-bottom: 12px;
}
/*  Random Facts ----------------------------------------------*/

.random-fact .icons-container {
    background: #d8d8d8;
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 120px;
    margin: 0 auto 20px auto;
}

.random-fact span[class*="fa-"] {
    font-size: 42px;
    color: #fff;
}

.random-fact .number {
    font-size: 24px;
    display: block;
    margin-bottom: 10px;
}
/*  Recent Posts ----------------------------------------------*/

.recent-posts-container {
    width: 100%;
}

.recent-posts-container ul {
    list-style: none !important;
    margin: 0 0 0 -28px;
    padding: 0 !important;
}

.recent-posts .blog-item {
    width: 214px;
    margin: 0 0 0 28px;
}

.recent-posts .no-image {
    width: 100%;
    height: 159px;
}
/*  Service ---------------------------------------------------*/

.service-container.small .icons-container,
.service-container.normal .icons-container,
.service-container.large {
    text-align: center;
}
/*  Small Icons */

.service-container.small h2,
.service-container.normal h2 {
    font: 700 15px/22px 'Roboto';
    letter-spacing: 0;
    margin: 0 0 12px 0 !important;
    padding-top: 10px;
}

.service-container.small .icons-container {
    width: 40px;
    height: 40px;
    margin: 0 10px 0 0;
}

.service-container.small .icons-container.upload {
    line-height: 46px;
}

.service-container.normal .icons-container.upload {
    line-height: 96px;
}

.service-container.small .icon {
    font-size: 20px;
    color: #fff;
    line-height: 40px;
}
/*  Normal Icons */

.service-container.normal .icons-container {
    width: 75px;
    height: 75px;
    border: 1px solid #d2d2d2;
}

.service-container.normal .icon {
    font-size: 34px;
    line-height: 75px;
}

.service-container.normal .service-content {
    margin-left: 95px;
}

.service-container.normal h2 {
    padding: 0;
}
/*  Large Icons */

.service-container.large h2 {
    font: 700 22px/30px 'Roboto';
    margin: 0 0 20px 0 !important;
}

.service-container.large .icons-container {
    margin: 0 0 12px 0;
}

.service-container.large .icon {
    font-size: 56px;
    color: #30a4e7;
    line-height: 60px;
}

.service-container.large img {
    margin: 0 auto;
    /* Custom uploaded image */
}

.service-container .button {
    margin-top: 20px !important;
}
/*  Skill -----------------------------------------------------*/

.skill {
    background: #f4f4f4;
    height: 45px;
    position: relative;
    /* Absolute positioning of the percentage */

    margin-bottom: 1px;
    padding-left: 51px;
    /* Display the percentage div */
}

.skill-perc {
    width: 50px;
    height: 34px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 11px;
}

.skill-name {
    background: #444;
    height: 34px;
    padding-top: 11px;
}

.skill-perc,
.skill-name span {
    color: #fff;
}

.skill-name span {
    padding-left: 10px;
}
/*  Social Icons ----------------------------------------------*/

a.social,
.share-button a {
    background: url(images/social-sprite.png) 0 0 no-repeat;
    background-color: #f4f4f4;
    width: 40px;
    height: 40px;
    display: inline-block;
    margin: 0 1px 1px 0;
    text-indent: -9999px;
    transition: background .2s linear;
    -moz-transition: background .2s linear;
    -webkit-transition: background .2s linear;
    -ms-transition: background .2s linear;
    -o-transition: background .2s linear;
}

.share-button a {
    margin: 0 0 -8px 0;
}

#footer .social {
    background-color: #171717;
}

#sidebar .social,
#footer .social {
    float: left;
}

.social.behance {
    background-position: 0 0;
}

.social.behance:hover {
    background-position: 0 -40px;
    background-color: #1f70ee !important;
}

.social.blogger {
    background-position: -40px 0;
}

.social.blogger:hover {
    background-position: -40px -40px;
    background-color: #ff6a0d !important;
}

.social.deviantart {
    background-position: -80px 0;
}

.social.deviantart:hover {
    background-position: -80px -40px;
    background-color: #cfdd20 !important;
}

.social.dribbble {
    background-position: -120px 0;
}

.social.dribbble:hover {
    background-position: -120px -40px;
    background-color: #ea4c89 !important;
}

.social.evernote {
    background-position: -160px 0;
}

.social.evernote:hover {
    background-position: -160px -40px;
    background-color: #6bb130 !important;
}

.social.facebook,
.share-button.facebook a {
    background-position: -200px 0;
}

.social.facebook:hover,
.share-button.facebook a:hover {
    background-position: -200px -40px;
    background-color: #6190ec !important;
}

.social.flickr {
    background-position: -240px 0;
}

.social.flickr:hover {
    background-position: -240px -40px;
    background-color: #ececec !important;
}

.social.forrst {
    background-position: -280px 0;
}

.social.forrst:hover {
    background-position: -280px -40px;
    background-color: #5b9a68 !important;
}

.social.googleplus,
.share-button.googleplus a {
    background-position: -320px 0;
}

.social.googleplus:hover,
.share-button.googleplus a:hover {
    background-position: -320px -40px;
    background-color: #cf3b28 !important;
}

.social.grooveshark {
    background-position: -360px 0;
}

.social.grooveshark:hover {
    background-position: -360px -40px;
    background-color: #f77f00 !important;
}

.social.lastfm {
    background-position: -400px 0;
}

.social.lastfm:hover {
    background-position: -400px -40px;
    background-color: #dc1303 !important;
}

.social.linkedin {
    background-position: -440px 0;
}

.social.linkedin:hover {
    background-position: -440px -40px;
    background-color: #24a9da !important;
}

.social.myspace {
    background-position: -480px 0;
}

.social.myspace:hover {
    background-position: -480px -40px;
    background-color: #111 !important;
}

.social.paypal {
    background-position: -520px 0;
}

.social.paypal:hover {
    background-position: -520px -40px;
    background-color: #4c94de !important;
}

.social.pinterest,
.share-button.pinterest a {
    background-position: -560px 0;
}

.social.pinterest:hover,
.share-button.pinterest a:hover {
    background-position: -560px -40px;
    background-color: #cb2027 !important;
}

.social.skype {
    background-position: -600px 0;
}

.social.skype:hover {
    background-position: -600px -40px;
    background-color: #63d5ff !important;
}

.social.tumblr {
    background-position: -640px 0;
}

.social.tumblr:hover {
    background-position: -640px -40px;
    background-color: #5c88af !important;
}

.social.twitter,
.share-button.twitter a {
    background-position: -680px 0;
}

.social.twitter:hover,
.share-button.twitter a:hover {
    background-position: -680px -40px;
    background-color: #4fd7dc !important;
}

.social.vimeo {
    background-position: -720px 0;
}

.social.vimeo:hover {
    background-position: -720px -40px;
    background-color: #1ab7ea !important;
}

.social.youtube {
    background-position: -760px 0;
}

.social.youtube:hover {
    background-position: -760px -40px;
    background-color: #cd2525 !important;
}
/*  Staff Member ----------------------------------------------*/

.staff-member {
    max-width: 100%;
    /* Make the container responsive */
}

.staff-member .staff-photo {
    margin: 0 0 20px 0;
}

.staff-member .staff-photo .overlay-view span {
    background: url(images/icon-mail-staff.png) no-repeat;
    width: 40px;
    height: 27px;
    display: block;
    margin: -11px auto 0 auto;
    text-indent: -9999px;
}

.staff-member .staff-info h3 {
    font: 300 18px/26px 'Roboto';
    letter-spacing: 0;
    margin: 0 0 3px 0;
}

.staff-member .staff-info .staff-position {
    font-size: 15px;
    margin-bottom: 17px;
}

.staff-member hr {
    margin: 0 0 18px 0;
}

.staff-social {
    margin-top: 17px;
}
/*  Tabs ------------------------------------------------------*/

.ui-tabs {
    position: relative;
    /* Prevents IE scroll bug */

    padding: 0 .2em;
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #e7e7e7;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
    background: #f4f4f4;
    color: #999;
    float: left;
    padding: 10px 19px 8px 20px;
    border-top: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}

.ui-tabs .ui-tabs-nav li:first-child a {
    border-left: 1px solid #e7e7e7;
}

.ui-tabs .ui-tabs-nav li.ui-state-active a {
    background: #fff;
    color: #3b3c41;
    padding: 8px 19px 9px 20px;
    border-bottom: none;
    border-top: 3px solid #30a4e7;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    cursor: text;
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    padding: 18px 20px;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
}

.ui-tabs .ui-tabs-hide {
    display: none !important;
}
/*  Testimonial -----------------------------------------------*/

.testimonial-normal .testimonial-content {
    font: 300 15px/26px 'Roboto';
    position: relative;
    margin-bottom: 34px;
    padding: 24px;
    border: 3px solid #e7e7e7;
}

.testimonial-normal .testimonial-content:after {
    background: url(images/bg-testimonial-bottom.png) no-repeat;
    width: 27px;
    height: 34px;
    position: absolute;
    bottom: -34px;
    left: -3px;
    content: "";
}

.testimonial-normal .testimonial-info {
    font: 700 15px/20px 'Roboto';
}

.testimonial-normal .testimonial-info span {
    font-weight: 300;
    display: block;
}
/*  Footer */

#footer .testimonial-normal .testimonial-content {
    border: 3px solid #434343;
}

#footer .testimonial-normal .testimonial-content:after {
    background: url(images/bg-testimonial-bottom-footer.png) no-repeat;
}

#footer .testimonial-normal .testimonial-content p,
#footer .testimonial-normal .testimonial-info span {
    color: #878787;
}
/*  Twitter ---------------------------------------------------*/

.latest-tweet .fa-twitter {
    font-size: 36px;
    color: #30a4e7;
}

.latest-tweet .tweet {
    font: 300 20px/32px 'Roboto';
    display: block;
    margin: 20px 0 10px 0;
}

.latest-tweet .tweet a {
    font-weight: 700;
}
/*  Unordered List --------------------------------------------*/

.list-check ul li:before {
    background-image: url(images/list-check.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 18px;
    height: 18px;
    display: inline-block;
    float: left;
    content: '';
    margin: 3px 0 0 -25px;
}

.list-check ul li {
    margin: 0 0 3px 0;
    padding: 0 0 0 25px;
}
/*--------------------------------------------------------------------------------------*/
/*  15  FlexSlider - http://www.woothemes.com/flexslider/                               */
/*--------------------------------------------------------------------------------------*/

#home-slider,
.gallery-slider {
    position: relative;
}
/*  Browser Resets */

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    list-style: none !important;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
}
/*  FlexSlider Necessary Styles */

.flexslider {
    margin: 0;
    padding: 0;
}
/*  Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}

.flexslider .slides img {
    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;
}
/*  FlexSlider Default Theme */

.flexslider {
    position: relative;
    margin: 0;
    zoom: 1;
}

.flex-viewport {
    max-height: 2000px;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    zoom: 1;
}

.carousel li {
    margin-right: 5px;
}
/*  Direction Navigation --------------------------------------*/

.flex-direction-nav {
    *height: 0;
}

.flex-direction-nav a {
    display: block;
    position: absolute;
    cursor: pointer;
    text-indent: -9999px;
}
/*  Control Navigation ----------------------------------------*/

.flex-control-nav li {
    display: inline-block;
    margin: 0 3px;
}

.flex-control-paging li a {
    background: #fff;
    width: 12px;
    height: 12px;
    display: block;
    position: relative;
    z-index: 100;
    border: 2px solid #dfdfdf;
    cursor: pointer;
    text-indent: -9999px;
}

.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active {
    border: 2px solid #30a4e7;
}

.flex-control-paging li a.flex-active {
    cursor: default;
}

.slider-loading {
    background: url(images/loading.gif) center center no-repeat;
    min-height: 100px;
    /* Loading Image */
}
/*  Homepage Slider -------------------------------------------*/

#home-slider .flexslider .slides > li {
    position: relative;
}

#home-slider .flex-direction-nav a {
    width: 46px;
    height: 54px;
    top: 50%;
    margin-top: -27px;
    z-index: 100;
}

#home-slider .flex-direction-nav .flex-prev {
    background: rgba(0, 0, 0, 0.3) url(images/slider-left.png) no-repeat;
    left: 0;
    /*border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;*/
}

#home-slider .flex-direction-nav .flex-prev:hover {
    background: rgba(0, 0, 0, 0.3) url(images/slider-left.png) 16px 0 no-repeat;
    padding-left: 16px;
    transition: .1s ease-in;
    -moz-transition: .1s ease-in;
    -webkit-transition: .1s ease-in;
    -ms-transition: .1s ease-in;
    -o-transition: .1s ease-in;
}

#home-slider .flex-direction-nav .flex-next {
    background: rgba(0, 0, 0, 0.3) url(images/slider-right.png) no-repeat;
    right: 0;
    /*border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;*/
}

#home-slider .flex-direction-nav .flex-next:hover {
    padding-right: 16px;
    transition: .1s ease-in;
    -moz-transition: .1s ease-in;
    -webkit-transition: .1s ease-in;
    -ms-transition: .1s ease-in;
    -o-transition: .1s ease-in;
}

#home-slider .flex-control-nav {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: -41px;
}
/*  Caption */

#home-slider .flex-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    margin: 0 auto;
}

#home-slider .flex-caption {
    width: 100%;
    max-width: 940px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 2000;
}

#home-slider .flex-caption .caption-inner {
    width: 940px;
    position: absolute;
    left: 0;
    bottom: 80px;
}

#home-slider .caption-col {
    width: 100%;
}

#home-slider .flex-caption h1 {
    background-color: #3b3c41;
    font: 700 50px/56px 'Roboto';
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    margin: 0;
    padding: 12px 24px 9px 22px;
    transition: background-color .1s linear;
    -moz-transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -ms-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
}

#home-slider .flex-caption a:hover h1 {
    background-color: #30a4e7;
}

#home-slider .flex-caption h2 {
    background-color: #30a4e7;
    font: 300 30px/38px 'Roboto';
    color: #fff;
    display: inline-block;
    margin: 0 0 1px 0;
    padding: 8px 23px 6px 22px;
}
/*  Blog / Portfolio / Shortcode Slider -----------------------*/

.gallery-slider .flex-direction-nav {
    position: absolute;
    right: 10px;
    bottom: 42px;
    z-index: 100;
}

.gallery-slider .flex-direction-nav a {
    width: 32px;
    height: 32px;
}

.gallery-slider .flex-direction-nav .flex-prev {
    background: #1e2021 url(images/sprite.png) 0 -48px no-repeat;
    right: 33px;
}

.gallery-slider .flex-direction-nav .flex-next {
    background: #1e2021 url(images/sprite.png) -32px -48px no-repeat;
    right: 0;
}
/*--------------------------------------------------------------------------------------*/
/*  16  Isotope - http://isotope.metafizzy.co/                                          */
/*--------------------------------------------------------------------------------------*/
/*  Isotope Filtering -----------------------------------------*/

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
/*  CSS3 Transitions ------------------------------------------*/

.isotope,
.isotope .isotope-item {
    transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -webkit-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
}

.isotope {
    transition-property: height, width;
    -moz-transition-property: height, width;
    -webkit-transition-property: height, width;
    -o-transition-property: height, width;
}

.isotope .isotope-item {
    transition-property: transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -webkit-transition-property: -webkit-transform, opacity;
    -o-transition-property: top, left, opacity;
}
/*  Disabling CSS3 Transitions --------------------------------*/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    transition-duration: 0s;
    -moz-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
}
/*--------------------------------------------------------------------------------------*/
/*  17  Tipsy - http://onehackoranother.com/projects/jquery/tipsy/                      */
/*--------------------------------------------------------------------------------------*/

.tipsy {
    font-size: 12px;
    position: absolute;
    padding: 5px;
    z-index: 100000;
}

.tipsy-inner {
    background: #3b3c41;
    max-width: 200px;
    color: #fff;
    text-align: center;
    padding: 4px 15px 5px 15px;
    border: 1px solid #3b3c41;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

.tipsy-arrow {
    width: 0;
    height: 0;
    line-height: 0;
    position: absolute;
    border: 5px dashed #3b3c41;
}

.tipsy-arrow-s {
    border-top-color: #3b3c41;
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-right-color: transparent;
    border-bottom: none;
    border-left-color: transparent;
}

.image-container,
.gallery-slider {
    background: url(images/bg-divider.png) left bottom repeat-x;
}
/*--------------------------------------------------------------------------------------*/
/*  18  DevNow Custom CSS                                                               */
/*--------------------------------------------------------------------------------------*/

#primary-nav ul li a:hover,
#primary-nav ul li.sfHover > a,
#primary-nav ul li.current-cat > a,
#primary-nav ul li.current_page_item > a,
#primary-nav ul li.current-menu-item > a,
#primary-nav ul li.current-menu-parent > a,
#primary-nav ul li.current-menu-ancestor > a {
    color: #000;
    border-top:7px solid #939598;
}

#primary-nav ul ul { border-top:2px solid #939598; }

#home-sections {
margin-top: -37px;
margin-bottom: 50px;
}

.home-section,
.single-header-feature {
    width: 100%;
	/* bws was 512px */
    height: 412px;
    background-color: black;
    position: relative;
    background-position: center center;
    background-size: cover;
}

.home-section-content {
    position: absolute;
}
/* TEMP styles until all content is in place */


.inline-contact-form h2 {
    padding-bottom: 25px;
	color: white;
}
.inline-contact-form {
	background-color: #939598;
	text-align:center;
	z-index:1;
	margin-bottom:28px;
}
.inline-contact-form > div {
	padding:28px;
}
.inline-contact-form .col-half {
	width: 428px !important;
}

.single-header-feature {
    background-size: cover;
}

#averydennison-feature {
    background-image: url(http://developmentnow.com/wp-content/uploads/2015/04/averydennisoncolourswatch.jpg);
}

#timewarnercable-feature {
    background-image: url(http://developmentnow.com/wp-content/uploads/2015/04/timewarnercable.jpg);
}

#netop-feature {
    background-image: url(http://developmentnow.com/wp-content/uploads/2015/04/visionmebynetop.jpg);
}
/* end TEMP */

.home-top {
    height: 91vh;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.home-top .home-section-content {
    position: relative;
    /*align-self: flex-start;*/
    text-align: center;
    /*width: 70%; */ /* DISABLED FOR FLEXBOX */
    /*height: 50%;*/ /* DISABLED FOR FLEXBOX */
    /*margin: auto;*/ /* DISABLED FOR FLEXBOX */
    /*top: 0;*/ /* DISABLED FOR FLEXBOX */
    /*left: 0;*/ /* DISABLED FOR FLEXBOX */
    /*bottom: 0;*/ /* DISABLED FOR FLEXBOX */
    /*right: 0;*/ /* DISABLED FOR FLEXBOX */
    text-shadow: 0px 0px 10px rgba(0,0,0,1);
    -webkit-text-shadow: 0px 0px 10px rgba(0,0,0,1);
    -moz-text-shadow: 0px 0px 10px rgba(0,0,0,1);
}

.home-top .home-dark-overlay {
    background-color: rgba(0,0,0,0.4);
    position: absolute;
    width: 100%;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.home-top h1 {
    font-size: 65px;
    font-weight: bold;
    line-height: 70px;
    color: white;
}

.home-top h4 {
    font-size: 24px;
    font-weight: normal;
    line-height: 35px;
    color: white;
}

.single-header-feature .single-header-content {
    position: absolute;
}

.home-feature .home-section-content,
.single-header-feature .single-header-content {
    left: 0;
    bottom: 0;
}

.home-feature > a,
.home-feature h2,
.single-header-feature h2 {
    font-size: 50px;
    text-transform: uppercase;
}

.home-feature > a {
    font-weight: bolder;
    text-align: center;
    color: rgba(255, 255, 255, 0);
    position: absolute;
    width: 100%;
    padding-top: 175px;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.home-feature > a:hover {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(51,81,134,0.4);
}

.home-feature h2,
.single-header-feature h2,
.home-feature h3,
.single-header-feature h3 {
    margin: 0;
}

.home-feature h3,
.single-header-feature h3 {
    display: inline-block;
    background-color: #929497;
    color: white;
    font-weight: lighter;
    font-size: 25px;
    padding: 10px 25px;
}

.home-feature h2,
.single-header-feature h2 {
    display: inline-block;
    background-color: #3b3c41;
    color: white;
    padding: 20px 25px;
    line-height: 50px;
}

.single-header-feature {
    margin-top: -37px;
    margin-bottom: 0;
}

.single-header-feature a {
    color: #fff;
}

.single-header-feature a:hover {
    color: #3b3c41;
}

.post-item {
    height: 295px;
    min-height: 295px;
    margin-bottom: 37px;
    width: 100%;
}

.post-item .post-item-image,
.post-item .post-item-info {
    height: 100%;
}

.post-item .post-item-image {
    width: 295px;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-position: center center;
}

.post-item .post-item-info {
    background-color: #939598;
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.post-item .post-item-image.right-info {
    float: right;
}

.post-item .post-item-image.left-info {
    float: left;
}

.post-item .post-item-info h2 {
    color: #fff !important;
}

.post-item .post-item-info-centering {
    width: 90%;
}

.post-item .post-item-info-centering p {
    margin-bottom: 0;
}

.post-item .post-item-info-centering a {
    color: #fff;
    font-weight: bold;
}

.post-item .post-item-info-centering a:hover {
    color: #3b3c41;
}

.post-item .post-item-info-centering .post-item-excerpt {
    margin-bottom: 16px;
}

.post-item .post-item-info-centering .month-year {
    font-size: 14px;
}

.post-item .post-item-info-centering .post-entry-tags {
    font-size: 12px !important;
    font-weight: normal;
    color: #fff;
}

.post-item .post-item-image a {
    text-align: center;
    font-weight: bolder;
    font-size: 50px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0);
    position: absolute;
    width: 100%;
    padding-top: 137px;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.post-item .post-item-image a:hover {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(51,81,134,0.4);
}

#callout-footer.contact-form-footer {
    padding-top: 25px;
    padding-bottom: 25px;
}

#callout-footer.contact-form-footer h2 {
    padding-bottom: 25px;
}

#callout-footer.contact-form-footer #submit {
    width: 100%;
}

#devnow-social {
    width: 100%;
    background-color: #222222;
    text-align: center;
    font-size: 30px;
    padding: 25px 0px;
}

#devnow-social a, #devnow-social i.fa {
    color: white !important;
    -moz-transition: color .2s linear, background-color .1s linear;
    -webkit-transition: color .2s linear, background-color .1s linear;
    -ms-transition: color .2s linear, background-color .1s linear;
    -o-transition: color .2s linear, background-color .1s linear;
}

#devnow-social a:not(:last-child) {
    margin-right: 100px;
}

.map-fluid-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */

    height: 0;
}

.map-fluid-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

#mobile-logo-slider {
    display: none;
}

#logo img {
    width: 242px;
}

#project-heading {
    padding-bottom: 0;
    background: none;
}

.image-container,
.gallery-slider {
    padding-bottom: 49px;
    border-bottom: 1px solid #e7e7e7;
    background: none;
}

#header {
    padding: 0;
    margin: 0;
    border: none;
    display: none;
}

.image-container,
.gallery-slider {
    margin-bottom: 33px;
}

#primary-nav ul li a,
#header .page-title,
.portfolio .entry-title {
    text-transform: none;
    font-weight: 300;
}

#home-intro .home-title,
.portfolio-project.col-third .project-info h2,
.intro,
.entry-content h4,
.entry-title,
.entry-title a {
    font-weight: 400;
}

#home-slider .flex-caption h1,
#callout-footer h2,
#callout-footer .inner p,
.service-container.large h2,
.section-title,
.widget-title,
.service-container.normal h2,
.button,
.post-thumb .overlay-view span {
    text-transform: none;
    font-weight: 500 !important;
}

.portfolio-project.col-third .project-info h2 {
    margin-top: 15px;
}

#footer-widgets {
    display: none;
}

.portfolio .rev_slider_wrapper {
    padding: 0px 0px 49px 0px !important;
    background: none !important;
    border-bottom: 1px solid rgb(231, 231, 231);
    margin: 0px auto 33px !important;
}

.portfolio .tparrows {
    Margin-top: -40px !important;
}

.home .tp-bgimg.defaultimg,
.home .slot {
    -webkit-filter: blur(2px);
}

.large_bold_white {
    font-size: 35px;
    font-family: Roboto;
    font-weight: 800;
    line-height: 60px;
    color: #ffffff;
    text-shadow: rgba(0, 0, 0, 0.498039) 0px 2px 5px;
}

.large_bold_black {
    font-size: 35px;
    font-family: Roboto;
    font-weight: 700;
    line-height: 60px;
    color: #000000;
    text-shadow: rgba(0, 0, 0, 0.25) 0px 2px 5px;
}

.staff-info strong {
    font-weight: lighter !important;
}

.page-template-template-portfolio-php #content {
    margin-bottom: 50px;
}

..blog #content {
    margin-bottom: 40px;
}

.swipe {
    text-align: center;
    overflow: hidden;
    visibility: hidden;
    position: relative;
}

.swipe-wrap {
    overflow: hidden;
    position: relative;
}

.swipe-wrap > div {
    float: left;
    width: 100%;
    position: relative;
}

.swipe nav {
    display: block;
    position: relative;
    width: 100%;
    /*
    bottom: 10px;
*/

    margin-top: -35px;
}

.swipe nav #position {
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.swipe nav #position li {
    display: inline-block;
    width: 10px;
    height: 10px;
    /*border-radius: 10px;*/
    /*
background: #141414;
box-shadow: inset 0 1px 3px black,0 0 1px 1px #202020;
*/

    background: #aaaaaa;
    opacity: 0.7;
    /*
box-shadow: 0 0 4px #555555 inset;
*/

    margin: 0 2px;
    cursor: pointer;
}

.swipe nav #position li.on {
    opacity: 0.9;
    /*box-shadow: inset 0 1px 3px -1px #28b4ea,0 1px 2px rgba(0,0,0,.5);*/
    /*
background-color: #1293dc;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#1293dc),color-stop(100%,#0f6297));
background-image: -webkit-linear-gradient(top,#1293dc,#0f6297);
background-image: -moz-linear-gradient(top,#1293dc,#0f6297);
background-image: -ms-linear-gradient(top,#1293dc,#0f6297);
background-image: -o-linear-gradient(top,#1293dc,#0f6297);
background-image: linear-gradient(top,#1293dc,#0f6297);
*/

    background: #eee;
    /*
box-shadow: 0 0 4px #aaaaaa inset;
*/
}

.iframe-rwd {
    position: relative;
    padding-bottom: 65.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.iframe-rwd iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#contact-form #submit {
    background-color: rgb(147, 149, 152);
    background-image: url(http://developmentnow.imgix.net/wp-content/themes/epical/images/icon-comment-button.png?auto=format);
    background-position: 150% 150%;
    background-repeat: no-repeat;
}

.blog #content {
    padding-bottom: 45px;
}

.month-year {
    font-size: 20px;
}

.search #content,
.archive #content {
    padding-bottom: 50px;
}

.single-portfolio .swipe {
    margin-bottom: 25px;
}

.staff-member .staff-photo img {
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    filter: grayscale(1);
}

.scroll {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    -webkit-transition: ease-in 0.5s;
    -moz-transition: ease-in 0.5s;
    -o-transition: ease-in 0.5s;
    transition: ease-in 0.5s;
}

.not-scroll {
    -webkit-transition: ease-out 0.3s;
    -moz-transition: ease-out 0.3s;
    -o-transition: ease-out 0.3s;
    transition: ease-out 0.3s;
}
.dn_callout {
    text-align: center;
}
.dn_callout i {
    display: block;
    font-size: 40px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.dn_callout .dn_callout_copy {
    text-align: left;
}
/*--------------------------------------------------------------------------------------*/
/*  18a  DevNow Work Overrides                                                          */
/*--------------------------------------------------------------------------------------*/

#menu-top-1 .sub-menu {
    margin-bottom: 0px;
}

#menu-top-1 .sub-menu li {
    border-bottom: none;
    border-top: solid thin white;
}

.work-item {
    height: 295px;
    min-height: 295px;
    margin-bottom: 37px;
    width: 100%;
}

.work-item .work-item-image,
.work-item .work-item-info {
    height: 100%;
    text-align: center;
}

.work-item .work-item-image {
    overflow: hidden;
/*    position: relative; */
    background-size: cover;
    background-position: center center;
}

.work-item .work-item-info {
    width: 295px;
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.work-item .work-item-info.right-info {
    float: right;
}

.work-item .work-item-info.left-info {
    float: left;
}

.work-item .work-item-info h2 {
    color: #fff !important;
}

.work-item .work-item-info-centering {
    width: 80%;
}

.work-item .work-item-image a {
    font-weight: bolder;
    font-size: 50px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0);
    position: absolute;
    width: 100%;
    padding-top: 137px;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.work-item .work-item-image a:hover {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(51,81,134,0.4);
}
.single-portfolio h5 {
    margin-bottom: 15px;
}
.single-portfolio blockquote {
    margin-bottom: 15px !important;
}
.single-portfolio .wp-caption {
    max-width: 100% !important;
}

/*  Filter ----------------------------------------------------*/

.page-template-template-work-php .filter-portfolio {
    margin-bottom: 9px;
}

.page-template-template-work-php .filter-portfolio ul li {
    /* Skew */

    transform: skew(0deg, 0deg);
    -moz-transform: skew(0deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
}

.page-template-template-work-php .filter-portfolio ul li a span {
    /* Skew */

    transform: skew(0deg, 0deg);
    -moz-transform: skew(0deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
}

.page-template-template-work-php .filter-portfolio ul li a,
.page-template-template-work-php .filter-portfolio ul li a.refresh.current {
    font-weight: normal;
    color: white;
}

.page-template-template-work-php .filter-portfolio ul li a {
    background: #929497 !important;
}

.page-template-template-work-php .filter-portfolio ul li a.refresh.current,
.page-template-template-work-php .filter-portfolio ul li a.current,
.page-template-template-work-php .filter-portfolio ul li a:hover,
.page-template-template-work-php .filter-portfolio ul li a.current:hover,
.page-template-template-work-php .filter-portfolio ul li a.refresh.current:hover {
    background: #3b3c41 !important;
}
/*--------------------------------------------------------------------------------------*/
/*  18b   DevNow Post Content Overrides                                                 */
/*--------------------------------------------------------------------------------------*/

#content h3 {
    display: table;
    white-space: nowrap;
    text-transform: none;
    font-weight: 500 !important;
    width: 98.6%;
}
#content h3:before,
#content h3:after {
    border-top: 1px solid #ddd;
    display: table-cell;
    position: relative;
    top: 0.7em;
    width: 100%;
}
#content h3:after {
    left: 1.75%;
    content: '';
}

#content iframe {
  width: 100% !important;
}

#content .staff-info h3 {
        display: block;
        white-space: normal;
    }
#content .staff-info h3:after {
    border-top: none;
    display: block;
    position: relative;
    top: 0;
}
#content .staff-info h3:after {
    left: 0;
    content: '';
}

.blog #main .hentry.post-item,
.archive #main .hentry.post-item {
    background: none;
    margin-bottom: 37px;
    padding: 0;
}

.blog #main .hentry.post-item.last,
.archive #main .hentry.post-item.last {
    background: none;
    padding: 0;
}

.blog #content,
.search #content,
.archive #content {
    padding-bottom: 0 !important;
}

#blog-navigation {
    padding: 52px 0px !important;
}

/*  Respond Form ----------------------------------------------*/

#respond {
    margin: 25px 0 30px 0 !important;
}

#respond.closed {
    margin: 25px 0 !important;
}

#respond #reply-title,
#comments .comment-title {
    font: 700 36px/44px 'Roboto' !important;
    letter-spacing: 0 !important;
    margin: 25px 0 !important;
    text-align: center !important;
}

#respond.closed #reply-title {
    margin: 0 !important;
}

.comment .comment-content {
    margin-left: 0;
}

.commentlist #respond {
    margin: 25px 0 !important;
}

.commentlist #respond .inner {
    width: auto;
}

#commentform .form-label {
    width: 60px;
}

#commentform input[type="text"],
#commentform input[type="email"],
#commentform textarea,
.commentlist .depth-1 #commentform input[type="text"],
.commentlist .depth-1 #commentform input[type="email"],
.commentlist .depth-1 #commentform textarea {
    width: 806px;
}

.comment-navigation,
#commentform .form-submit {
    margin-left: 0px;
}
/*** Responsive ***/
/*--------------------------------------------------------------------------------------*/
/*  1   Smaller than standard 960                                                       */
/*--------------------------------------------------------------------------------------*/

@media only screen and (max-width: 959px) {
    .home-top .home-section-content {
        /*width: 90%;*/ /* DISABLED FOR FLEXBOX */
    }
    .post-item {
        line-height: 20px;
    }
    .post-item p {
        font-size: 12px;
    }
    .post-item h2 {
        font-size: 20px;
        line-height: 25px;
    }
}
/*--------------------------------------------------------------------------------------*/
/*  2   Tablet Portrait Size to standard 960                                            */
/*--------------------------------------------------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 959px) {
    #home-sections {
        margin-top: -1px;
    }
    .home-top {
        height: 86vh;
    }
    .home-top .home-section-content {
        /*height: 40%;*/ /* DISABLED FOR FLEXBOX */
    }
    .home-top h1 {
        font-size: 50px;
        line-height: 50px;
    }
    .home-top h4 {
        font-size: 18px;
        line-height: 35px;
    }
    .home-feature .home-section-content {
        left: 0;
        bottom: 0;
    }
    .home-feature > a,
    .home-feature h2,
    .single-header-feature h2 {
        font-size: 40px;
    }
    .home-feature > a {
        padding-top: 20%;
    }
    .home-feature > a:hover {
        color: rgba(255, 255, 255, 1);
        background-color: rgba(51,81,134,0.4);
    }
    .home-feature h3,
    .single-header-feature h3 {
        font-size: 20px;
        padding: 10px 25px;
    }
    .home-feature h2,
    .single-header-feature h2 {
        padding: 20px 25px;
    }
    .page-template-template-work-php #content {
        margin-top: 180px; /** CHANGE DURING EVENTS TO 230px **/
    }
    .page-template-template-work-php .filter-portfolio {
        padding: 0;
    }
    .single #container {
        margin-top: 179px; /** CHANGE DURING EVENTS TO 229px **/
    }
    .single #content,
    .page-template-template-contact-php {
        padding-top: 0px !important;
    }
}
/*--------------------------------------------------------------------------------------*/
/*  3   All Mobile Sizes                                                                */
/*--------------------------------------------------------------------------------------*/

@media only screen and (max-width: 960px) {
  #content h3 {
      display: block;
      white-space: normal;
  }
  #content h3:before,
  #content h3:after {
      border-top: none;
      display: block;
      position: relative;
      top: 0;
  }
  #content h3:after {
      left: 0;
      content: '';
  }
}

@media only screen and (max-width: 767px) {
    #logo {
        margin-top: 20px;
    }
    body,
    #portfolio-left .intro {
        line-height: 18px;
    }
    #callout-footer h2 {
        font: 700 24px/32px 'Roboto' !important;
    }
    #random-staff-section .one-fourth {
        width: 45%;
    }
    #random-staff-section .one-fourth:nth-child(odd) {
        margin-right: 30px;
    }
    .logo-fourths .one-fourth {
        width: 40%;
        opacity: 0.5;
    }
    .logo-fourths .one-fourth:nth-child(1),
    .logo-fourths .one-fourth:nth-child(3),
    .logo-fourths .one-fourth:nth-child(6),
    .logo-fourths .one-fourth:nth-child(8),
    .logo-fourths .one-fourth:nth-child(11),
    .logo-fourths .one-fourth:nth-child(13) {
        margin-right: 60px;
    }
    .logo-fourths .one-fourth,
    .logo-fourths .column-last {
        margin-bottom: -10px !important;
    }
    .mantras .one-fourth {
        width: 50%;
    }
    .page-template-template-work-php #content {
        margin-top: 0px;
    }
    .page-template-template-work-php .filter-portfolio {
        padding: 0;
    }
    .blog #content,
    .search #content,
    .archive #content {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
}
/*--------------------------------------------------------------------------------------*/
/*  4   Mobile Landscape Size to Tablet Portrait                                        */
/*--------------------------------------------------------------------------------------*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .home-top {
        height: 94vh
    }
    .home-top .home-section-content {
        /*height: 30%;*/ /* DISABLED FOR FLEXBOX */
    }
    .home-top h1 {
        font-size: 40px;
        line-height: 40px;
    }
    .home-top h4 {
        font-size: 15px;
        line-height: 25px;
    }
    .home-feature .home-section-content {
        left: 0;
        bottom: 0;
    }
    .home-feature > a,
    .home-feature h2,
    .single-header-feature h2 {
        font-size: 35px;
    }
    .home-feature > a {
        padding-top: 25%;
    }
    .home-feature > a:hover {
        color: rgba(255, 255, 255, 1);
        background-color: rgba(51,81,134,0.4);
    }
    .home-feature h3,
    .single-header-feature h3 {
        font-size: 20px;
        padding: 10px 25px;
    }
    .home-feature h2,
    .single-header-feature h2 {
        padding: 20px 25px;
    }
    .page-template-template-work-php .portfolio-container {
        margin-bottom: -50px;
    }
    .page-template-template-work-php .filter-portfolio ul li a,
    .page-template-template-work-php .filter-portfolio ul li a.refresh.current {
        padding: 9px 19px 5px 19px;
    }
    .work-item {
        height: 300px;
        min-height: 300px;
        position: relative;
    }
    .work-item .work-item-info {
        height: 100px;
        width: 100%;
        position: absolute;
        bottom: 0;
    }
    .work-item .work-item-info.right-info,
    .work-item .work-item-info.left-info {
        float: none;
    }
    .work-item .work-item-image {
        height: 200px;
    }
    .work-item .work-item-image a,
    .post-item .post-item-image a {
        font-size: 35px;
        padding-top: 99px;
    }
    .blog #container,
    .archive #container {
        margin-top: 122px;
    }
    .post-item {
        height: auto;
        position: relative;
    }
    .post-item .post-item-image {
        height: 200px;
        width: 100%;
    }
    .post-item .post-item-image.right-info,
    .post-item .post-item-image.left-info {
        float: none;
    }
    .post-item .post-item-info {
        padding: 20px 0px;
    }
    iframe {
        width: 100% !important;
    }
}
/*--------------------------------------------------------------------------------------*/
/*  5   Mobile Portrait Size to Mobile Landscape Size                                   */
/*--------------------------------------------------------------------------------------*/

@media only screen and (max-width: 479px) {
    #home-sections {
        margin-top: -41px;
    }
    .home-section,
    .single-header-feature {
        height: 350px;
        background-size: cover;
    }
    .home-top {
        height: 94vh;
        background-position: bottom right !important;
    }
    .home-top .home-section-content {
        height: auto;
        /*height: 45%;*/ /* DISABLED FOR FLEXBOX */
    }
    .home-top .home-dark-overlay {
        background-color: rgba(0,0,0,0.4);
    }
    .home-top h1 {
        font-size: 28px;
        line-height: 38px;
        letter-spacing: 1px;
    }
    .home-top h4 {
        font-size: 16px;
        line-height: 31px;
    }
    .home-feature,
    .single-header-feature {
        height: 180px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .home-feature .home-section-content,
    .single-header-feature .single-header-content,
    .home-feature h2,
    .home-feature h3,
    .single-header-feature,
    .single-header-feature h2,
    .single-header-feature h3 {
        width: 100%;
    }
    .home-feature > a {
        font-size: 25px;
        padding-top: 15%;
    }
    .home-feature > a:hover {
        color: rgba(255, 255, 255, 1);
        background-color: rgba(51,81,134,0.4);
    }
    .home-feature h2,
    .home-feature h3,
    .single-header-feature h2,
    .single-header-feature h3 {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        display: block;
    }
    .home-feature h3,
    .single-header-feature h3 {
        font-weight: normal;
        letter-spacing: 0px;
        font-size: 18px;
        padding: 0px;
        background-color: rgba(146, 148, 151, 0.8);
        line-height: 25px;
        padding: 10px 0;
    }
    .single-post .single-header-feature h3 {
        font-size: 12px;
        line-height: 20px;
    }
    .home-feature h2,
    .single-header-feature h2 {
        letter-spacing: 0px;
        font-size: 15px;
        padding: 0px;
        background-color: rgba(56, 60, 65, 0.8);
    }
    .single-header-feature h2 {
        line-height: 20px;
        text-align: center;
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .single-post .single-header-feature h2 {
        /* margin-bottom: 32px; */
    }
    .single-post .single-header-feature h3 {
        position: absolute;
        bottom: -8px;
    }
    #devnow-social a:not(:last-child) {
        margin-right: 50px;
    }
    .section-title {
        background: none;
    }
    .page-template-template-work-php #content {
        margin-top: -16px;
    }
    .page-template-template-work-php .portfolio-container {
        margin-top: -14px;
        margin-bottom: -30px;
    }
    .page-template-template-work-php .filter-portfolio ul li a,
    .page-template-template-work-php .filter-portfolio ul li a.refresh.current {
        padding: 9px 19px 5px 19px;
    }
    .work-item {
        height: 300px;
        min-height: 300px;
        position: relative;
        margin-bottom: 10px;
    }
    .work-item .work-item-info {
        height: 80px;
        width: 100%;
        position: absolute;
        bottom: 0;
    }
    .work-item .work-item-info.right-info,
    .work-item .work-item-info.left-info {
        float: none;
    }
    .work-item .work-item-info h2 {
        margin-bottom: 0;
        margin-top: -6px;
        font-size: 20px;
    }
    .work-item .work-item-info-centering {
        width: 100%;
    }
    .work-item .work-item-image {
        height: 220px;
    }
    .work-item .work-item-image a,
    .post-item .post-item-image a {
        font-size: 25px;
        padding-top: 99px;
    }
    .blog #container,
    .archive #container {
        margin-top: 105px;
    }
    .post-item {
        height: auto;
        position: relative;
        margin-bottom: 10px !important;
    }
    .post-item .post-item-image {
        height: 220px;
        width: 100%;
    }
    .post-item .post-item-image.right-info,
    .post-item .post-item-image.left-info {
        float: none;
    }
    .post-item .post-item-info {
        padding: 20px 0px;
    }
    .post-item .post-item-excerpt a,
    .post-item .author-title,
    .post-item .author-title span.month-year {
        font-size: 12px;
    }
    .force-text, iframe {
        width: 100% !important;
    }
}
/*--------------------------------------------------------------------------------------*/
/*  6   A short time where it's almost a tablet                                         */
/*--------------------------------------------------------------------------------------*/

@media only screen and (min-width: 960px) and (max-width: 1214px) {
    .home-top .home-section-content {}
    .home-top h1 {
        font-size: 52px;
        line-height: 60px;
    }
    .home-top h4 {
        font-size: 18px;
        line-height: 35px;
    }
}


figure.client-testimonial {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background: #f0f0f0;
  font: 300 18px/30px 'Roboto';
  color: #333;
  margin: 0 0 28px 0;
  padding: 16px;
}
figure.client-testimonial blockquote {
  background: none;
  padding: 0px;
  color: #333;
  margin-bottom: 15px !important
}
figure.client-testimonial blockquote strong {
  font-weight: 500;
}
figure.client-testimonial img {
  width: 200px;
  height: 200px;
  margin-bottom: 16px;
  min-width: 200px;
}
figure.client-testimonial figcaption {
  line-height: 1.3;
  text-align: right;
}
@media (min-width: 760px) {
  figure.client-testimonial {
    flex-wrap: nowrap;
    padding: 16px 24px 16px 16px;
  }
  figure.client-testimonial img {
    margin-right: 24px;
    margin-bottom: 0px;
  }
  figure.client-testimonial figcaption {
    padding-right: 16px;
  }
}



/*  ABOUT PAGE */

@media (min-width: 960px) {
  div.sbi_photo_wrap {
    padding: 0 10px;
  }
  div.sbi_item:first-child div.sbi_photo_wrap {
    padding-left: 0px;
  }
  div.sbi_item:last-child div.sbi_photo_wrap {
    padding-right: 0px;
  }
}
@media (min-width: 760px) {
  #what-we-do div.column-last {
    padding-top: 49px;
  }
}
.staff-member {
  width: 100%;
}
#team-container div.one-third {
  text-align: center;
  margin-left: 0 !important;
}

.entry-content #what-we-do li {
  font-size: 20px;
  text-indent: -6px;
  margin-left: 0px;
}
.entry-content #what-we-do li:before {
  content: "\2022";
  color: #999;
}
#what-we-do div.one-third {
  margin-bottom: 0px;
}

#content .entry-content #how-we-do-it {
  margin-top: 45px;
}
#content .entry-content #how-we-do-it p {
  font-size: 22px;
  line-height: 30px;
}
#content .entry-content #how-we-do-it a {
  display: block;
  margin-top: 16px;
  font-size: 22px;
  font-weight: bold;
}
#how-we-do-it div.one-third img {
  margin-top: 8px;
}
@media (min-width: 760px) {
  #content .entry-content #how-we-do-it a {
    margin-top: 16px;
    padding-right: 30px;
    text-align: right;
  }
}

#in-the-news .news-item {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}
#in-the-news .news-item .news-item-image {
  padding-right: 16px;
  min-width: 60px;
}
#in-the-news .news-item .news-item-image img {
  width: 60px;
}
#in-the-news .news-item .news-item-text {
  font-size: 16px;
  line-height: 20px;
}
@media (min-width: 760px) {
  #in-the-news .news-item .news-item-image {
    padding-right: 20px;
    min-width: 70px;
  }
  #in-the-news .news-item .news-item-image img {
    width: 70px;
  }
  #in-the-news .news-item .news-item-text {
    font-size: 20px;
    line-height: 25px;
  }
}

#team-container .one-half {
  margin: 0px;
}
#team-container:after {
  content: "";
  display: table;
  clear: both;
}



/*** other crap ****/

#temphello {
    text-align: center;
    padding: 200px 0;
    min-height: 80px;
    z-index: 10008;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font: 300 26px/36px 'Roboto';
    letter-spacing: -1px;
    background: #eee;
    color: #555;
    background-image: url(images/dust.png);
    background-position: initial initial;
    background-repeat: initial initial;
}

.honey {
    position: absolute;
    top: -10000px;
}


#content .inner { padding-top:40px; }