/*
Theme Name: Wall Street
Theme URI: http://graphpaperpress.com/themes/wall-street/
Author: Graph Paper Press
Author URI: http://graphpaperpress.com/
Description: Wall Street is a responsive WordPress business theme for savvy entrepreneurs and startups.
Version: 1.1.10
License: GNU General Public License, V2
License URI: license.txt
Text Domain: wallstreet
Domain Path: /languages/
Tags: black, white, light, dark, right-sidebar, fluid-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Wall Street is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/


/* =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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
html {
    font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
    background: #fff;
}
body.home {
    border-top: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}
ol, ul {
    list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
a:focus {
    outline: thin dotted;
}
a:hover,
a:active {/* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
    outline: 0;
}
a img {
    border: 0;
}


/* =Global
----------------------------------------------- */

body,
button,
input,
select,
textarea {
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.8;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    clear: both;
}
h1 {
    font-size: 2em; /* 32px */
    margin-bottom: 0.5em; /* 24px */
    line-height: 1.5; /* 48px */
}
h2 {
    font-size: 1.5em; /* 24px */
    margin-bottom: 1em; /* 24px */
    line-height: 1; /* 24px */
}
h3 {
    font-size: 1.25em; /* 20px */
    margin-bottom: 1.2em; /* 24px */
    line-height: 1.2; /* 24px */
    margin-top: 1.5em;
}
h4 {
    font-size: 1.125em; /* 18px */
    margin-bottom: 1.333em; /* 24px */
    line-height: 1.333; /* 24px */
}

h5, h6 {
    font-size: 1em; /* 16px */
    margin-bottom: 1.5em; /* 24px */
    line-height: 1.5; /* 24px */
}
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

/* Text elements */
p {
    margin-bottom: 1.5em;
}
ul, ol {
    margin: 0 0 1.5em 1.2em;
}
ul {
    list-style: square;
}
ol {
    list-style: decimal;
}
li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 1.5em 1.5em;
}
b, strong {
    font-weight: bold;
}
dfn, cite, em, i {
    font-style: italic;
}
blockquote {
    margin: 0;
    font-style: italic;
    font-size: 1.5em;
}
address {
    margin: 0 0 1.5em;
}
pre {
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}
code, kbd, tt, var {
    font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
    cursor: help;
}
mark, ins {
    text-decoration: none;
}
sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}
small {
    font-size: 75%;
}
big {
    font-size: 125%;
}
figure {
    margin: 0;
}
table {
    margin: 0 0 1.5em;
    width: 100%;
}
th {
    font-weight: bold;
}
img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
}
button,
input,
select,
textarea {
    font-size: 100%; /* Corrects font size not being inherited in all browsers */
    margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: baseline; /* Improves appearance and consistency in all browsers */
    *vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
    line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border-radius: 3px;
    cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
    -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    padding: .6em 1em .4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
    padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
    -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
    -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {/* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    border: 0;
    padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    border-radius: 0;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
    padding: 6px;
}
textarea {
    overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
    padding-left: 3px;
    vertical-align: top; /* Improves readability and alignment in all browsers */
    width: 98%;
}

/* Links */
a {
    text-decoration: none;
    -webkit-transition: color 0.07s ease-in;
    -moz-transition: color 0.07s ease-in;
    -o-transition: color 0.07s ease-in;
    transition: color 0.07s ease-in;
}
a:visited {

}
a:hover,
a:focus,
a:active {
    -webkit-transition: color 0.07s ease-in;
    -moz-transition: color 0.07s ease-in;
    -o-transition: color 0.07s ease-in;
    transition: color 0.07s ease-in;
}

/* Alignment */
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}

/* Text meant only for screen readers */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    border-radius: 3px;
    clip: auto !important;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar */
}

/* Clearing */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: '';
    display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}


/* =Menu
----------------------------------------------- */

.main-navigation {
    clear: both;
    display: block;
    float: right;
    clear: right;
}
.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    float: right;
    font-size: 1em;
}
.main-navigation li {
    float: left;
    position: relative;
    text-transform: uppercase;
    margin-left: 1.5em;
}
.main-navigation a {
    display: block;
    text-decoration: none;
    font-size: 1.2em;
    padding:1em 0;
}
.main-navigation a:hover {
}
.main-navigation ul ul {
    display: none;
    float: left;
    left: 0;
    position: absolute;
    top: 4em;
    z-index: 99999;
}
.main-navigation ul ul ul {
    left: 100%;
    top: 0;
}
.main-navigation ul ul a {
    width: 200px;
    padding: 0.5em 1em;
}
.main-navigation ul ul li {
    padding: 0;
    margin-left: 0;
    font-size: 0.9em;
}
.main-navigation li:hover > a {
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
    display: block;
}
.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
}

/* Small menu */
.menu-toggle {
    cursor: pointer;
    display: none;
    text-align:center;
    margin-top:0.5em;
}

@media screen and (max-width: 767px) {
    .menu-toggle,
    .main-navigation.toggled .nav-menu {
        display: block;
        text-align:center;
    }

    .main-navigation ul {
        display: none;
    }

}

.navigation {
    float: left;
    width: 100%;
}

#menu-wrap {
    float:left;
    width:94%;
    padding:0 3%;
}
#menu-wrap.stuck {
    position:fixed;
    top:0;
    z-index:100;
}
.admin-bar #menu-wrap.stuck {
    margin-top:28px;
}
.home .stuck .sitetitle {
    max-height:30px;
}
.has-home-slideshow #menu-wrap.stuck .site-branding {
    position:relative;
    top:0;
    left:0;
}


}
ul.nav-menu li.twitter a,
ul.nav-menu li.facebook a,
ul.nav-menu li.feed a,
ul.nav-menu li.vimeo a,
ul.nav-menu li.googleplus a,
ul.nav-menu li.pinterest a,
ul.nav-menu li.wordpress a,
ul.nav-menu li.youtube a,
ul.nav-menu li.dribble a,
ul.nav-menu li.flickr a,
ul.nav-menu li.instagram a {
    width: 16px;
    height: 16px;
    overflow: hidden;
    display: block;
}

ul.nav-menu li.twitter a,
ul.nav-menu li.facebook a,
ul.nav-menu li.feed a,
ul.nav-menu li.vimeo a,
ul.nav-menu li.wordpress a,
ul.nav-menu li.googleplus a,
ul.nav-menu li.pinterest a,
ul.nav-menu li.youtube a,
ul.nav-menu li.dribble a,
ul.nav-menu li.flickr a,
ul.nav-menu li.instagram a {
    width: 16px;
    height: 16px;
    overflow: hidden;
    display: block;
}

li.twitter a:before,
li.facebook a:before,
li.feed a:before,
li.vimeo a:before,
li.wordpress a:before,
li.googleplus a:before,
li.pinterest a:before,
li.youtube a:before,
li.dribble a:before,
li.flickr a:before,
li.instagram a:before,
.menu-toggle:before {
    font-family: 'Genericons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    text-shadow: none;
}

li.wordpress a:before {
    content: '\f205';
}
li.pinterest a:before {
    content: '\f209';
}
li.googleplus a:before {
    content: '\f206';
}
li.facebook a:before {
    content: '\f203';
}
li.feed a:before {
    content: '\f413';
}
li.twitter a:before {
    content: '\f202';
}
li.vimeo a:before {
    content: '\f212';
}
li.youtube a:before {
    content: '\f213';
}
li.dribble a:before {
    content: '\f201';
}
li.flickr a:before {
    content: '\f211';
}
li.instagram a:before {
    content: '\f215';
}
/* =Content
----------------------------------------------- */

.sticky {
}
.hentry {
    margin: 0 0 3.5em;
}
.byline,
.updated {
    display: none;
}
.single .byline,
.group-blog .byline {
    display: inline;
    font-style: italic;
}
.author, .vcard {
    font-style: normal;
}
.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}
.archive .entry-content {
    margin: 1.5em 0 0;
}
.team-page .entry-content {
    margin-top: 0.5em;
}
.page-links {
    clear: both;
    margin: 0 0 1.5em;
}


/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}


/* =Media
----------------------------------------------- */

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 1.2% auto 0;
    max-width: 98%;
}
.wp-caption-text {
    text-align: center;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
.site-main .gallery {
    margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-main .gallery a img {
    border: none;
    height: auto;
    max-width: 90%;
}
.site-main .gallery dd {
    margin: 0;
}
.site-main .gallery-columns-4 .gallery-item {
}
.site-main .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
    max-width: 100%;
}


/* =Navigation
----------------------------------------------- */

.site-main [class*="navigation"] {
    margin: 2em 0 3em;
    overflow: hidden;
}
[class*="navigation"] .nav-previous {
    float: left;
    width: 50%;
}
[class*="navigation"] .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}


/* =Comments
----------------------------------------------- */

.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
}


/* =Widgets
----------------------------------------------- */

.widget {
    margin: 0 0 1.5em;
}
.widget ul,
.widget ol {
    list-style: none;
    margin: 0;
}

/* Make sure select elements fit in widgets */
.widget select {
    max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
    display: none;
}


/* =Infinite Scroll
----------------------------------------------- */

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {/* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
    display: block;
}


.homepage-section {
    margin-bottom: 2em;
    float: left;
    width: 100%;
    overflow:hidden;
}
.error404 .search-form {
    margin-bottom: 3em;
}
#homewidgets {
    width: 94%;
    float: left;
    padding: 4em 3% 2em 3%;
    text-align: center;
}
#homewidgets .widget {
    margin: 2em 0 4em 0;
}
.action-button .button, .slide-button .button, .nav-links a, .slide-button a {
    padding: 0.5em 1.5em;
    margin-top: 1.5em;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    font-size: 1.5em;
}
.slide-button {
    float: right;
    position: relative;
    opacity: 0;
}
.slide-button a {
    margin-top: 0;
}
.action-button .button:hover, .slide-button .button:hover, .slide-button a:hover {
}
.nav-links a {
    font-size: 1em;
    text-transform: none;
    margin: 0;
    border: 0;
    padding: 0.8em 1.5em;
}
.nav-links a:hover {
}
.widget_actionwidget {
}
#homewidgets .widget-title {
    text-transform: uppercase;
    font-size: 4em;
    margin-bottom: 0.2em;
}
.widget_actionwidget .action-text {
}
.widget_actionwidget h3.button-title {
    margin: 0;
    padding: 0;
}
#custom-header-image {
    width:100%;
    float:left;
}
#custom-header-image img {
    float:left;
    width:100%;
}
#home-slider-wrap {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
#home-slider .flex-direction-nav {
    display: none;
}
#home-slider {
    float: left;
    width: 100%;
    max-height: 100%;
    overflow: hidden;
}
#home-slider .flex-caption .slider-caption {
    font-size: 2.5em;
    text-align: center;
    color: #464a76;
    text-transform: uppercase;
}

.flex-caption .home-slide-title {
    font-size: 5em;
    text-transform: uppercase;
    margin-bottom: 0.8em;
}
.flex-caption .home-slide-title a {
    text-decoration: none;
}
.flex-caption .slider-caption {
    padding-left: -150%;
}
#content {
}

#colophon {
    width: 94%;
    padding: 0 3%;
    float: left;
}
.site-info {
    float: left;
    width: 100%;
    font-size: 0.9em;
    padding: 1em 0;
}
.site-info a {
}
.one div.widget {
    width: 100%;
    float: left;
}
.two div.widget {
    width: 49%;
    float: left;
    margin-right: 2%;
}

.three div.widget {
    width: 32%;
    float: left;
    margin-right: 2%;
}
.two div#widget-2, .three div#widget-3 {
    margin-right: 0;
}
#colophon h3.widget-title {
    text-transform: uppercase;
    font-size: 2em;
}
#page {
    width:94%;
    padding: 0 3%;
    max-width: 1280px;
    margin: 3em auto 4em auto;
    overflow:hidden;
    clear:left;
    display:block;
}
.home #page {
    margin-top:0;
}
h2.section-title, h1.archive-title {
    margin: 1em 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 4em;
}
h2.section-title a, h1.archive-title a {
}
h2.section-title a:hover, h1.archive-title a:hover {
}
.section-title-top {
    font-size: 0.5em;
    margin-bottom: 1em;
    display: inline-block;
    padding: 5px 0;
    text-transform: none;
    font-style: italic;
}
.section-title-top p {
    margin-bottom: 0;
    font-size: 0.5em;
    line-height: 1.5em;
}
.section-title-name {
    clear: left;
    display: block;
}
/* Work Section */
.hover-overlay {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
}
.hover-overlay:hover {
    opacity: 1;
}
.hover-overlay .hover-link {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
}
.hover-overlay .post-meta {
    padding: 0 0 5% 10%;
    bottom: 0;
    position: absolute;
    z-index: 2;
    text-align: left;
}
.hover-overlay .entry-title {
    font-size: 1.5em;
    margin-bottom: 0;
    text-transform: uppercase;
}
.hover-overlay .entry-title a, .hover-overlay .post-categories a {
    text-decoration: none;
}
.hover-overlay .entry-title a:hover, .hover-overlay .post-categories a:hover {
}
.hover-overlay .post-categories {
    font-size: 0.8em;
}
.entry-image, .entry-image img {
    margin: 0 auto;
    display: block;
    width: auto;
}

#work-section article .entry-image, #work-section article .entry-image img {
    width: 100%;
    float: left;
    height: auto;
    margin-bottom: 0;
}
.archive .entry-image, .grid-3 .entry-image {
    margin-bottom: 1.5em;
    position: relative;
}

/* Services Section */
#services-section .wrapper {
    width: 100%;
    float: left;
    position: relative;
}
#services-section article {
    border-right: 0;
    border-top: 0;
}
#services-section .entry-title {
    text-align: center;
    font-size: 1.4em;
    margin: 1em 0;
}
#services-section .entry-title a {
    text-decoration: none;
}
#services-section .entry-title a:hover {
}
#services-section article .entry-image {

}
#services-section article .entry-image img {
    display: block;
    margin: 0 auto;
}

/* Clients Section */
#clients-section article {
    width: 18%;
    float: left;
    margin-right: 2.5%;
}
#clients-section article:nth-of-type(5n+5) {
    margin-right: 0;
}
#clients-section .entry-image img {
    margin: 0 auto;
    display: block;
    width: auto;
    float: none;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    opacity: 0.7;
}
#clients-section .entry-image img:hover {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    opacity: 1;
}

/* Testimonials */
#testimonials-section article {
    float: left;
    width: 100%;
    margin-top: 3em;
    margin-bottom: 0;
}
#testimonials-section article .entry-title a {
    text-decoration: none;
}
#testimonials-section article .entry-image {
    width: 35%;
    float: right;
}

#testimonials-section article .entry-image img {
    float: left;
    width: 100%;
    height: auto;
}
#testimonials-section article:nth-child(even) .entry-image {
    float: left;
    margin-left: -20%;
}

#testimonials-section article .entry-title {
    text-align: right;
    margin-bottom: 0;
    margin-right:5%;
}
#testimonials-section article .post-meta {
    float: left;
    width: 65%;
    position: relative;
}

#testimonials-section article:nth-child(even) .post-meta {
    float: right;
    width: 65%;
    position: relative;
}
#testimonials-section article .testimonial-text {
    padding: 10%;
    border-radius: 100%;
    width: 58%;
    margin-left: 10%;
    text-align: center;
}
#testimonials-section article:nth-child(even) .testimonial-text {
    margin-right: 10%;
    margin-left: 0;
    float: right;
}
#testimonials-section article .testimonial-text p {
    font-style: italic;
    font-size: 1.5em;
}
#testimonials-section article .testimonial-bubble {
    border-radius: 100%;
    padding: 40px;
    bottom: 3%;
    right: 6%;
    position: absolute;
}
#testimonials-section article:nth-child(even) .testimonial-bubble {
    left: 6%;
    right: auto;
}
#testimonials-section article .testimonial-small-bubble {
    border-radius: 100%;
    padding: 20px;
    bottom: -2%;
    right: 0%;
    position: absolute;
}
#testimonials-section article:nth-child(even) .testimonial-small-bubble {
    left: 0;
    right: auto;
}

h1.site-title {
    margin-bottom: 0;
    text-transform: uppercase;
}
h1.site-title a {
}
h1.site-title a:hover {
    opacity:0.8;
}
h1.site-title img {
    max-height: 30px;
    float: left;
}
.home.has-home-slideshow h1.site-title img {
    max-height: 100%;
    opacity: 0.5;
}
.home.has-home-slideshow .stuck h1.site-title img {
    max-height:30px;
}
h1.site-title img:hover {
    opacity: 0.8;
}
h1.entry-title, h1.page-title {
    font-size: 3em;
    margin-bottom: 0;
    text-transform: uppercase;
}
.archive article, .search article, .grid-3 article {
    text-align: center;
}
.archive h1.entry-title, .search article h1.entry-title, .grid-3 article h1.entry-title {
    margin-bottom: 0.2em;
    font-size: 1.5em;
}
.archive h1.entry-title a, .search h1.entry-title a, .grid-3 h1.entry-title a {
}
.archive h1.entry-title a:hover, .search h1.entry-title a:hover, .grid-3 h1.entry-title a:hover {
}
.archive h1.page-title, .search h1.page-title, .grid-3 h1.page-title {
    margin: 0 0 1em 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 4em;
    line-height: 1;
}
.entry-meta {
    font-size: 0.8em;
    font-style: italic;
}
footer.entry-meta {
    padding: 1em 0;
}
.footer-entry-wrap {
    float: left;
    padding-top: 0.5em;
}
.entry-meta a {
    font-style: normal;
    text-transform: uppercase;
}
.archive footer.entry-meta {
    display: none;
}
#primary {
    float: left;
    width: 75%;
}
.home #primary {
    width: 100%;
}
.no-sidebar #primary {
    width: 100%;
}
#secondary {
    float: left;
    width: 20%;
    margin-left: 5%;
}
#secondary .widget {
    margin-bottom: 3em;
}
#masthead {
    margin: 0 auto;
    width: 100%;
    max-width: 1280px;
}
#masthead-wrap {
    width: 94%;
    float: left;
}
.home #masthead-wrap {
    margin-bottom: 0;
}
.site-branding {
    float: left;
    margin-top:1em;
}
.stuck .site-branding {
    margin-top:1em;
}
.has-home-slideshow .site-branding {
    position: absolute;
    top: 3em;
    left: 3%;
    z-index: 10;
}
.site-description {
    font-size: 1em;
    display: none;
}
#secondary h1.widget-title {
    text-transform: uppercase;
    font-size: 1.5em;
}

.single-format-image .entry-image {
    float: left;
    width: 70%;
    margin-right: 3%;
    position: relative;
}
.entry-image.fullscreen {
    width: 100%;
}
.entry-image.fullscreen .featured-image-caption {
    display: none;
}
.entry-image.fullscreen img {
    max-height: 100%;
}
.image-fullscreen, .flex-full-screen {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    cursor: pointer;
}
.image-fullscreen:hover, .flex-full-screen:hover {
}
.entry-image.fullscreen .image-fullscreen:hover, .flexslider.flexslider-fullscreen .flex-full-screen:hover {
    background: transparent;
}
.featured-image-caption {
    font-style: italic;
    padding: 0.5em 3%;
    float: left;
    width: 94%;
    position: absolute;
    bottom: 0;
}
.image-entry-content {
    float: right;
    width: 27%;
}

.single-format-gallery .flexslider {
    margin-bottom: 2em;
}
.single-format-gallery .flexslider .slides {
    float: left;
    width: 70%;
    margin-right: 3%;
}
.flexslider.flexslider-fullscreen {
    margin: 0;
    height: 100% !important;
}
.flexslider.flexslider-fullscreen .flex-caption, .flexslider.flexslider-fullscreen .flexslider-grid {
    display: none;
}
.flexslider.flexslider-fullscreen .slides, .single-format-gallery .flexslider.flexslider-fullscreen .flex-direction-nav {
    width: auto;
}
.flexslider.flexslider-fullscreen .slides img {
    width: auto;
    max-height: 100%;
    margin: 0 auto;
}
.flexslider-fullscreen .slides:after {
    width: 100%;

 }
.flexslider-fullscreen, .flexslider-fullscreen .slides, .flexslider-fullscreen .slides li, .flexslider-fullscreen .slides li img {

    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;
}
.flexslider-fullscreen .flex-direction-nav {
    position: static !important;
}
.single-format-gallery .flexslider .flexslider-grid {
    float: right;
    width: 27%;
    margin: 0;
    list-style: none;
    overflow-x: hidden;
    overflow-y: auto;
}
.single-format-gallery .flexslider .flexslider-grid li {
    margin-bottom: 8%;
    width: 25%;
    margin-right: 8%;
}
.single-format-gallery .flexslider .flexslider-grid li:hover {
    cursor: pointer;
    opacity: 0.8;
}
.single-format-gallery .flexslider .flexslider-grid li img {
    width: 100%;
    height: auto;
    float: left;
}
.single-format-gallery .flexslider .flex-direction-nav {
    width: 70%;
    position: absolute;
    top: 47%;
}

span.post-format-icon {
    position: absolute;
    left: 0;
    padding: 0.5em;
    top: 0;
    line-height: 1em;
    z-index: 2;
    display: none;
}
.blog-category span.post-format-icon, .portfolio-category span.post-format-icon, .blog-page span.post-format-icon {
    display: block;
}
.portfolio-category .entry-content {
    display: none;
}

.archive .portfolio-category article {
    margin-bottom: 2%;
}


/* Blog Section */
#blog-section article, #primary.blog-page-list article {
    float: left;
    width: 100%;
    margin: 0;
    text-align: left;
}
#primary.blog-page-list article {
    margin-bottom: 3em;
}
#blog-section .entry-image, #primary.blog-page-list .entry-image {
    float: left;
    width: 45%;
    margin-right: 5%;
    position: relative;
}

#blog-section .entry-image img, #primary.blog-page-list .entry-image img {
    width: 100%;
    height: auto;
}
#blog-section .entry-content, #primary.blog-page-list .entry-content {
    float: left;
    width: 50%;
    margin: 0;
    position:relative;
}

#blog-section .entry-title, #primary.blog-page-list .entry-title {
    text-transform: uppercase;
    font-size: 2.5em;
    margin: 0 0 0.5em 0;
}
#blog-section .entry-title a {
}
#blog-section .entry-title a:hover {
}
#blog-section .entry-meta, #primary.blog-page-list .entry-meta {
    margin-bottom: 1em;
}
/*******************************
COLUMN
*******************************/
#work-section article {
    margin: 0 2% 2% 0;
}
#services-section article {
    width: 24%;
    padding: 4%;
    margin-bottom: 2%;
}
#services-section article:hover {
}
#services-section article .entry-image img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: grayscale(0%);
}
#services-section article:hover .entry-image img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: grayscale(0);
}
#services-section article:hover .entry-title a {
}
#services-section article p {
    margin-bottom: 0;
}
#work-section article:nth-of-type(3n+3), #services-section article:nth-of-type(3n+3) {
    margin-right: 0;
}

.fullwidth .article {
    display: inline-block;
    width: 100% !important;
    margin-left: 0 !important;
}
/* grid4 col */
.grid-4 article {
    display: inline-block;
    width: 25%; /* 256px / 1024px */
}
/* grid3 col */
.grid-3 .col {
    display: inline-block;
    width: 33.333333333333333%; /* 341.3333333px / 1024px */
}
/* grid2 col */
.grid-2 .col {
    display: inline-block;
    width: 50%; /* 512px / 1024px */
}
/* clear col */
.grid-4 article:nth-of-type(4n+1),
.grid-3 article:nth-of-type(3n+1),
.grid-2 article:nth-of-type(2n+1) {
}

.grid-3 .col, .grid-3 article {
    vertical-align: top;
    float: left;
    margin: 0 2% 5% 0;
    padding: 0;
    width: 32%;
    position: relative;
}

.grid-3 .col:nth-of-type(3n+3), .grid-3 article:nth-of-type(3n+3) {
    margin-right: 0;
}
.grid-3 .col:nth-of-type(3n+1), .grid-3 article:nth-of-type(3n+1) {
    clear: left;
}

/* 11. Comments
-------------------------------------------------------------- */
#comments-title {
    padding: 8px 4px;
    text-transform: uppercase;
    font-size: .9em;
}
article.comment {
    display: block;
}
#respond input[type=text] {
    display: block;
    width: 40%;
}
#respond textarea {
    display: block;
    margin: 0 0 1em;
    width: 60%;
}
#respond .form-allowed-tags {
    clear: both;
    width: 60%;
}
#respond .form-allowed-tags {
    display: none;
}
.commentlist {
    margin: 0;
    list-style-type: none;
}
.commentlist li {
    position: relative;
    float: left;
    width: 100%;
}
.comment {
    max-width: 100%;
    overflow: hidden;
    display: block;
}
article.comment {
    margin: 20px 0 0;
    padding-bottom: 20px;
}
.comment header {
    font-size: 1.2em;
}
.comment footer {
    float: left;
    width: 75%;
    font-size: .8em;
}
.comment .reply {
    float: right;
    font-size: .9em;
    width: 25%;
    text-align: right;
}
.comment-content {
    clear: both;
    padding-top: 2em;
}
.commentmetadata {
    text-transform: uppercase;
}
.pinglist {
    margin: 20px 0 40px 52px;
    list-style-type: decimal;
}
#commentform {
    margin-top: 20px;
}
.comment-list {
    margin-left: 0;
    list-style:none;
}
.children {
    list-style-type: none;
    margin-left: 55px;
}
#primary .commentlist ul {
    margin-bottom: 0;
}
.comment .avatar {
    float: left;
    margin: 0 1em .5em 0;
}
.comment-author {
    display: inline;
    margin-right: 5px;
}
.comment-author cite {
    font-weight: bold;
}
.comment-meta {
    display: block;
    font-size: 11px;
}
.comment-body {
    margin: 0 0 10px 0;
}
.comment-reply-link {
    font-size: .8em;
    padding: 3px;
    text-transform: uppercase;
}
#cancel-comment-reply-link {
}
#respond {
    padding-bottom: 35px;
}
#respond h3 {
    font-size: 14px;
    font-weight: bold;
}
.nocomments {
    text-align: center;
    padding: 20px;
}
.comment-body ul {
    list-style-type: disc;
}
.comment-body ol {
    list-style-type: decimal;
}
#commentform label small {
    font-size: 12px;
}
.comment-author-admin article {
    padding: 1em 0;
}
.comment-author-admin footer {
    left: 1em;
}

/* Preloader */
#preloader {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #FFF;
    z-index: 999;
}

#spinner {
    position: relative;
    height: 35px;
    width: 35px;
    top: 50%;
    margin-bottom: -12px;
    margin: 0 auto;
    border: 3px solid rgba(226, 226, 226, 0.75);
    border-radius: 100%;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
}
#spinner:before {
    content: "";
    display: block;
    position: absolute;
    left: -3px;
    top: -3px;
    height: 100%;
    width: 100%;
    border-top: 3px solid rgba(0,0,0,1);
    border-left: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-right: 3px solid transparent;
    border-radius: 100%;
}
@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
}

/* =Responsiveness: Readers
----------------------------------------------- */

@media screen and (max-width: 768px) {

}

/* =Responsiveness: Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {

}


/* =Responsiveness: Mobile (Portrait)
================================================== */


/* =Responsiveness: Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (max-width: 767px) {

    body {
        font-size: 13px;
    }

    .main-navigation {
        width:100%;
    }
    .archive h1.page-title, .search h1.page-title, .grid-3 h1.page-title, h2.section-title, h1.archive-title {
        font-size:2.5em;
    }

    .grid-3 .col, .grid-3 article  {
        width: 100%;
        margin-right:0;
    }

    #footer-widgets .widget {
        width:100%;
        margin-right:0;
    }
    .main-navigation a {
        padding:0;
    }
    #home-slider .home-slide-title {
        font-size:1.5em;
    }
    .slide-button a {
        font-size:0.9em;
    }
    #home-slider .flex-caption .slider-caption {
        display:none;
    }

    #home-slider .flex-caption {
        width:94%;
    }

    .has-home-slideshow h1.site-title img {
        max-height:70px;
    }

    #testimonials-section article .entry-image, #testimonials-section article:nth-child(even) .entry-image, #testimonials-section article .post-meta, #testimonials-section article:nth-child(even) .post-meta {
        width:48%;
        font-size:0.8em;
        margin:0;
        margin-bottom:1em;
    }
    #testimonials-section article .testimonial-text, #testimonials-section article:nth-child(even) .testimonial-text  {
        margin:0;
        width:100%;
        padding:0;
        background:transparent !important;
    }
    .home.has-home-slideshow h1.site-title img {
        max-height:50px;
    }
    #testimonials-section article .testimonial-bubble, #testimonials-section article .testimonial-small-bubble {
        display:none;
    }
    #testimonials-section article .post-meta {
        margin-top:2em;
    }

    #blog-section .entry-image, #primary.blog-page-list .entry-image, #blog-section .entry-content, #primary.blog-page-list .entry-content {
        width:100%;
        margin:0 0 1em 0;
    }

    #services-section article {
        width:92%;
        margin:0;
    }

    #homewidgets .widget-title {
        font-size:2.5em;
    }

    .image-entry-content, .single-format-image .entry-image, .single-format-gallery .flexslider .flexslider-grid, .single-format-gallery .flexslider .slides {
        margin:0;
        width:100%;
        margin-bottom:1em;
    }
    .single-format-gallery .flexslider .flex-direction-nav {
        width:100%;
    }
    #services-section article {
        margin-bottom:1em;
    }

    #respond input[type=text], #respond textarea {
        width:96%;
    }
    h1.entry-title, h1.page-title {
        font-size:2.5em;
    }

    .main-navigation li {
        width:100%;
        margin:0.5em 0;
    }
    .main-navigation ul ul {
        position:relative;
        display:block;
        box-shadow:none !important;
        -webkit-box-shadow:none !important;
        -moz-box-shadow:none !important;
        top:0;
        border:0 !important;
    }
    #menu-wrap.stuck {
        position:relative;
    }
    .main-navigation ul ul ul {
        left:auto;
    }
    .main-navigation ul ul a {
        width:auto;
    }
    .main-navigation ul ul li {
        padding:0;
        margin-left:0;
    }
    .main-navigation ul ul {
        width:100%;
    }
    .menu-toggle,
    .main-navigation.toggled .nav-menu {
        width:100%;
    }
    .single.has-sidebar #content #primary, .archive.has-sidebar #content #primary, .single.has-sidebar #content #secondary, .archive.has-sidebar #content #secondary, .page.has-sidebar #content #primary, .page.has-sidebar #content #secondary {
        width: 100%;
        margin: 0;
    }
    h2.section-title {
        margin: 0.5em 0;
    }

}

/* Parallax effect for non touch sceen devices only */
    body.non-touch-screen #home-slider-wrap {
        position: fixed;
    }
    /* in view animations */
    body.non-touch-screen #testimonials-section article .entry-image {
        margin-right: -20%;
        opacity:0;
    }
    body.non-touch-screen #testimonials-section article.in-view .entry-image {
        opacity:1;
        margin-right:-3%;
         transition: all 0.4s ease-in;
        -webkit-transition: all 0.4s ease-in;
        -moz-transition: all 0.4s ease-in;
        -o-transition: all 0.4s ease-in;
     }

    body.non-touch-screen #testimonials-section article.in-view:nth-child(even) .entry-image {
        margin-left:-3%;
        opacity:1;
        transition: all 0.4s ease-in;
        -webkit-transition: all 0.4s ease-in;
        -moz-transition: all 0.4s ease-in;
        -o-transition: all 0.4s ease-in;
     }

    body.non-touch-screen #testimonials-section article .post-meta {
        opacity:0;
    }
    body.non-touch-screen #testimonials-section article.in-view .post-meta {
        opacity:1;
        transition: all 0.4s ease-in;
        -webkit-transition: all 0.4s ease-in;
        -moz-transition: all 0.4s ease-in;
        -o-transition: all 0.4s ease-in;
    }
    body.non-touch-screen #blog-section .entry-image,
    body.non-touch-screen #primary.blog-page-list .entry-image {
        left:-100px;
    }
    body.non-touch-screen #blog-section .in-view .entry-image,
    body.non-touch-screen #primary.blog-page-list .in-view .entry-image {
        left:0;
        transition: left 0.3s ease-in;
        -webkit-transition: left 0.3s ease-in;
        -moz-transition: left 0.3s ease-in;
        -o-transition: left 0.3s ease-in;
    }
    body.non-touch-screen #blog-section .entry-content,
    body.non-touch-screen #primary.blog-page-list .entry-content {
        right:-150px;
    }
    body.non-touch-screen #blog-section .in-view .entry-content,
    body.non-touch-screen #primary.blog-page-list .in-view .entry-content {
        right:0;
        transition: right 0.2s ease-in;
        -webkit-transition: right 0.2s ease-in;
        -moz-transition: right 0.2s ease-in;
        -o-transition: right 0.2s ease-in;
    }

    body.non-touch-screen #testimonials-section article {
        opacity:0;
    }
    body.non-touch-screen #testimonials-section article.in-view {
        opacity:1;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
    }

    body.non-touch-screen .in-view {
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
    }

    body.non-touch-screen.home article,
    body.non-touch-screen.archive article,
    body.non-touch-screen .blog-page article,
    body.non-touch-screen .action-button,
    body.non-touch-screen .team-page article {
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -moz-opacity: 0;
        opacity: 0;
        -moz-transform: scale(0.01);
        -webkit-transform: scale(0.01);
        -o-transform: scale(0.01);
        -ms-transform: scale(0.01);
        transform: scale(0.01);
    }
    body.non-touch-screen #primary.blog-page-list article,
    body.non-touch-screen #blog-section article {
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    body.non-touch-screen article.in-view,
    body.non-touch-screen .action-button.in-view,
    body.non-touch-screen .team-page article.in-view {
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -moz-opacity: 1;
        opacity: 1;
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }