/* @override http://www.protoscape.com/presentcreative/wp-content/themes/wall-street/style.css?ver=1.1.10 */

/*
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
-------------------------------------------------------------- */

@import url(https://fonts.googleapis.com/css?family=Dosis:400,500,600,700,800,300,200);

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: 'Dosis', sans-serif;
    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;
    /*margin-top: 36.0% !important;*/
}
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: 'Dosis', 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: 'Dosis', sans-serif;
    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;
    margin-right: 20px;
}
.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.4em;
    padding: 0;
    font-family: 'Dosis', sans-serif !important;
    font-weight: 500;
    color: white !important;
}
.main-navigation a:hover {
	 color: #272727 !important;
	
}
.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 {
	color: #fd862a !important;
}

/* 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: 100%;
    /*width:94%;
    padding:0 3%;*/
}
#menu-wrap.stuck {
    position:fixed;
    top:0;
    z-index:100;
    width: 94%;
}
.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: 'Dosis', sans-serif;
    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 ;
    margin-top: 1.5em;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    font-size: 1.5em;
    font-family: 'Dosis', sans-serif;
    color: #ff872a !important;
}
.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: 94%;
    max-width: 100%;
    overflow: hidden;
    /*position: absolute;*/
    
    top: 0;
    padding: 0 3%;
   left: 0;
    max-height: 510px;
}
#home-slider .flex-direction-nav {
    display: none;
}
#home-slider {
	margin: auto;
    max-width: 1280px;
    max-height: 510px;
    overflow: hidden;
    -webkit-box-shadow: 0px -10px 24px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px -10px 24px 0px rgba(0,0,0,0.75);
box-shadow: 0px -10px 24px 0px rgba(0,0,0,0.75);
}
#home-slider .flex-caption {
	bottom:0;
	top: 0!important;
}

.flex-control-nav a.flex-active { background: #f17300;opacity:0.9; cursor: default;}

#home-slider div.flexslider.home-slider ul.slides li.flex-active-slide {
	   max-height: 510px;
}

#home-slider div.flexslider.home-slider {
	   max-height: 510px;
}	

p.slider-caption {
	margin-bottom: 0 !important;
}


#home-slider .flex-caption .slider-caption {
    font-size: 1.4em;
    font-style: italic;
}

.flex-caption .home-slide-title {
    font-size: 4.5em;
    text-transform: uppercase;
    margin-bottom: 0.1em;
    font-family: 'Dosis', sans-serif;
}
.flex-caption .home-slide-title a {
    text-decoration: none;
}
.flex-caption .slider-caption {
    padding-left: 20%;
    font-family: 'Dosis', sans-serif;
    font-weight: 600;
    font-size: 2em !important;
    color: white !important;
    margin-bottom: 25px;
}

body {
	background: #717276;
}

#content {
	background: white;
	-webkit-box-shadow: 0px 10px 24px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 24px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 10px 24px 0px rgba(0,0,0,0.75);
    /*box-shadow: 0px -25px 24px 0px rgba(0,0,0,0.75);*/
   z-index: 50;
   
}

#colophon {
    width: 94%;
    padding: 0 3%;
}
.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%;*/
    width: 100%;
    /*padding: 0 3%;*/
    max-width: 1280px;
    margin: 0 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;
    margin-left: 20px;
}
h1.site-title a {
}
h1.site-title a:hover {
    opacity:0.9;
}
h1.site-title img {
    float: left;
}
.home.has-home-slideshow h1.site-title img {
    max-height: 100%;
}
.home.has-home-slideshow .stuck h1.site-title img {
    max-height: 100%;
}
h1.site-title img:hover {
    opacity: 0.9;
}
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%;
    max-width: 1280px;
    padding-left: 0px;
    padding-right: 0px;
}
.no-sidebar #primary {
    width: 100%;
}

.entry-content {

}
#secondary {
    float: left;
    width: 20%;
    margin-left: 5%;
}
#secondary .widget {
    margin-bottom: 3em;
}
#masthead {
	 background: url(http://www.protoscape.com/presentcreative/wp-content/uploads/2016/05/header_background_skinny.png) repeat-x !important;
    /*margin:  auto;*/
    width: 100%;
    border-top: 5px solid #F17400!important;
    max-width: 1280px;

}

.home #masthead {
    -webkit-box-shadow: 0px -10px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px -10px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px -10px 10px 0px rgba(0,0,0,0.75);
}

#masthead-wrap {
    /*width: 94%;*/
    float: left;
}
.home #masthead-wrap {
    margin-bottom: 0;
}
.site-branding {
    float: left;  
    margin-top: 3px;
}

.stuck .site-branding h1.site-title a img.sitetitle {

}


.has-home-slideshow .site-branding {
    top: 1.5em;
    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 {
  
}
#services-section article:hover .entry-image img {
  
}
#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);}
}

/* Protoscape changes 
----------------------------------------------- */
/* general stuff */
#page{
	margin-bottom: 0;
}

/* home page */
#title {
	text-transform: uppercase;
	text-align: center;
	padding-top: 60px;
}

#title h2 {
	font-family: 'Dosis', sans-serif;
	font-weight: 40000;
	border-bottom: 4px solid orange;
	border-color: #f17300;
	font-size: 3.5em;
	display: inline-block;
}

h2.section-title a {
	font-family: 'Dosis', sans-serif;
	font-weight: 400;
	border-bottom: 4px solid orange;
	border-color: #f17300;
	font-size: .9em;
	display: inline-block;
}

#menu-wrap {
	color: white;
	border-top: 0px !important;
	z-index: 200;
	position: relative;
}

.has-home-slideshow #menu-wrap {
}

#menu-wrap.stuck {
	background: #717276 !important;
    max-width: 1280px;
}


#whatwedo {
	position: relative;
	width: 100%;
	padding-top: 1em;
   text-align: center;
   background: white !important;
   z-index: 20;
}

#whatwedo p {
	width: 990px;
	margin: 0 auto;
}

/*#whatwedo a img {
	margin-left: 20px;
	margin-right: 20px;
}*/

#whatwedo #button {
	width: 215px;
	margin: auto;
	margin-top: 50px;
	padding-bottom: 60px;
}

#whatwedo #button a {
	background: #fd872a;
	font-family: 'Dosis', sans-serif;
	color: white;
	font-size: 27px;
	padding: 10px;
	text-transform: uppercase;
	border-bottom: 4px solid silver;
}

#serviceshome {
	position: relative;
	width: 100%;
	padding-top: 3em;
	padding-bottom: 60px;
   text-align: center;
}

#serviceshome p {
	width: 1200px;
	margin: 0 auto;
}

#serviceshome img {
	padding: 1%;
   max-width: 98%;
}

#serviceshome #button {
	width: 190px;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 60px;
}

#serviceshome #button a {
	background: #fd872a;
	font-family: 'Dosis', sans-serif;
	color: white;
	font-size: 27px;
	padding: 10px;
	text-transform: uppercase;
	border-bottom: 4px solid silver;
}

#clients {
	position: relative;
	width: 100%;
	padding-top: 50px;
	background: #616266;
	border-bottom: 5px solid #f17300;
}

#clients p {
	width: 1000px;
	margin: 0 auto;
}

#clients #button {
	width: 180px;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 50px;
}

#clients #button a {
	background: #2b2d2e;
	font-family: 'Dosis', sans-serif;
	color: #f17200;
	font-size: 27px;
	padding: 10px;
	text-transform: uppercase;
	border: 2px solid silver;
}

#testimonials {
	position: relative;
	/*width: 1000px;*/
	margin: 0 auto;
}

#testimonials #quotes{
	color: #717377;
	font: 27px 'Dosis', sans-serif;
	font-weight: 300 !important;
	margin-bottom: 10px;
    padding-left: 210px;
}

#testimonials div.quotes{
	color: #717377;
	font: 27px 'Dosis', sans-serif;
	font-weight: 300 !important;
	margin-bottom: 10px;
		padding-left: 210px;
}

#testimonials img {
	float: left;
	margin-right: 40px;
}

#testimonials img.fancyquotes {
	margin-right: 6px;
	float: left!important;
}

#testimonials #name{
	background: url(http://www.protoscape.com/presentcreative/wp-content/uploads/2016/01/nameline.png) no-repeat;
	padding-top: 10px;
	margin-top: 15px;
	color: #000;
 	font-family: 'Share', cursive;
	text-transform: uppercase;
	margin-bottom: 1px;
}
#testimonials div.name{
	background: url(http://www.protoscape.com/presentcreative/wp-content/uploads/2016/01/nameline.png) no-repeat;
	padding-top: 10px;
	margin-top: 15px;
	color: #000;
 	font-family: 'Share', cursive;
	text-transform: uppercase;
	margin-bottom: 1px;
}

#testimonials #company {
	font: italic 24px 'Dosis', sans-serif;
	color: #898c91;
}

#testimonials div.company {
	font: italic 24px 'Dosis', sans-serif;
	color: #898c91;
}

#testimonials #line {
	border-bottom: 2px solid #dededd;
	padding-bottom: 30px;
	margin-bottom: 50px;
}

#testimonials div.line {
	border-bottom: 2px solid #dededd;
	padding-bottom: 30px;
	margin-bottom: 50px;
}

#testimonials #button {
	width: 250px;
	margin: auto;
	margin-top: 20px;
	padding-bottom: 60px;
}

#testimonials #button a {
	background: #fd872a;
	font-family: 'Dosis', sans-serif;
	color: white;
	font-size: 27px;
	padding: 10px;
	text-transform: uppercase;
	border-bottom: 4px solid silver;
}

#quote {
	height: 400px;
	background: #ff872a url(http://www.protoscape.com/presentcreative/wp-content/uploads/2016/02/quote_bckgrnd.png) no-repeat;
	border-top: 5px solid #606165;
}

#quote p{
	color: #fff;
	font: 20px 'Dosis', sans-serif;
	margin-bottom: 10px;
	font-weight: 300 !important;
	width: 500px;
	margin: auto;
}

#quote #title h2 {
	font-family: 'Dosis', sans-serif;
	font-weight: 40000;
	border-bottom: none;
	margin-top: 20px;
	font-size: 3.5em;
	display: inline-block;
	color: #feffff;
}

#quote #button {
	width: 150px;
	margin: auto;
	margin-top: 40px;
	padding-bottom: 60px;
}

#quote #button a {
	background: #cd6c20;
	font-family: 'Dosis', sans-serif;
	color: white;
	font-size: 27px;
	padding: 10px;
	text-transform: uppercase;
	border: 2px solid #ffc497;
}

/* Google Slides Responsive Design */
.google-slides-container{
position: relative;
width: 100%;
padding-top: 60%;
overflow: hidden;

}

.google-slides-container iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin-top: 5px;
}

/* posts */

#images {
	background: url(http://presentcreative.com/ios/images/posts_bar.png) no-repeat center top;
	padding-top: 30px;
	/*width: 1020px;*/
	margin: auto;
   text-align: center;
}

#images img {
	padding: 1% 2%;
   max-width: 96%;
}

#grey #button a {
	color: #ff872a;
}

#postquote {
	height: 400px;
	background: #ff872a url(http://www.protoscape.com/presentcreative/wp-content/uploads/2016/02/quote_bckgrnd.png) no-repeat;
	border-top: 5px solid white;
	margin-top: -15px;
}

#postquote p{
	color: #fff !important;
	font: 20px 'Dosis', sans-serif;
	margin-bottom: 10px;
	font-weight: 300 !important;
	max-width: 500px !important;
	margin: auto;
	text-align: center;
	background: none !important;
}

.entry-header {
	text-align: center;
	margin-top: 15px;
}

.entry-content p.head{
	font: 20px 'Dosis', sans-serif;
	width: 850px;
	margin: auto;
	padding-bottom: 20px;
	margin-bottom: 25px;
	background: url(http://www.protoscape.com/presentcreative/wp-content/uploads/2016/02/post_break.png) no-repeat center bottom;
}

h1.entry-title  {
	font-family: 'Dosis', sans-serif;
	font-weight: 400;
	border-bottom: 4px solid orange;
	border-color: #f17300;
	display: inline-block;
}

.entry-meta {
	display: none;
}

#postquote #title h2 {
	font-family: 'Dosis', sans-serif;
	font-weight: 400;
	border-bottom: none;
	margin-top: 10px;
	font-size: 3.5em;
	display: inline-block;
	color: #feffff;
}

#postquote #button {
	width: 150px;
	margin: auto;
	margin-top: 40px;
	padding-bottom: 60px;
}

#postquote #button a {
	background: #cd6c20;
	font-family: 'Dosis', sans-serif;
	color: white;
	font-size: 27px;
	padding: 10px;
	text-transform: uppercase;
	border: 2px solid #ffc497;
}

.post #button {
	clear: both;
	padding-top: 40px;
	padding-bottom: 60px;
	text-align: center;
}

.post #button a {
	background: #2b2d2e;
	font-family: 'Dosis', sans-serif;
	color: white;
	font-size: 27px;
	padding: 10px;
	text-transform: uppercase;
	border: 2px solid #88898c;
}


#grey {
	background-color: #5e5e62;
	margin-top: 30px;
	padding-bottom: 40px;
	padding-top: 40px;
}

#post #grey p {
	width: 1000px;
	margin: 0 auto;
	 padding-left: 30px;
    padding-right: 30px;
}

#grey img.alignleft {
	margin-right: 20px;
}

#grey img.alignright {
	margin-right: 20px;
}

#grey img.aligncenter.size-full {
	border-top: 5px solid #fd872a;
	margin-top: -40px;
	padding-bottom: 10px;
}

.hentry {
	margin-bottom: 0;
}

nav.navigation.post-navigation {
	margin-top: -140px;
}

div.nav-previous a {
	background: none;
	color: #ff872a;
	font-size: 23px;
	border: none;
	text-transform: uppercase;
}

div.nav-next a {
	background: none;
	color: #ff872a;
	font-size: 23px;
	border: none;
	text-transform: uppercase;
}



/* pages */
#page p {
	font: 24px 'Dosis', sans-serif;
	max-width: 750px;
	margin: auto;
	color: #616266;
	background: url(http://presentcreative.com/ios/images/grey_bar.png) no-repeat center bottom;
	/*padding-bottom: 30px;*/
}

.head_text {
    padding-bottom: 30px;
    text-align: center;
}

.home #page p {
	max-width: 100%;
	background: none;
}

#page #grey p {
	color: white;
	/*margin-left: 60px;
	margin-right: 60px;*/
   margin: 0 4.7%;
	margin-bottom: 10px;
	max-width: 1200px;
	background: none;
	padding-bottom: 20px;
}

#page #grey #chunk p {
	margin-bottom: 30px;
	margin-top: 20px;
	padding-bottom: 90px;
	border-bottom: 2px solid;
	border-color: #b1b1b1;
}

#page #grey span {
	color: #ff872a;
	text-transform: uppercase;
	font: 30px 'Dosis';
}

#page #grey em {
	font-size:25px;
	font-family: 'Dosis', sans-serif;
	font-weight: 200;
	padding-bottom: 5px;
	border-bottom: 2px solid;
	border-color: #b1b1b1;
}

/* about */
.page-id-1227 #page #grey p {
	padding-bottom: 5px;
}

.page-id-1227 #grey img {
	padding-bottom: 170px;
}

.page-id-1227 #grey img.alignleft {
	margin-right: 40px;
}

.page-id-1227 #grey img.alignright {
	margin-left: 40px;
}
/* clients */

.page-id-1228 #grey img.aligncenter.size-full.wp-image-240 {
	border-top: 0;
	margin-top: 20px;
}

.page-id-1228 #testimonials p {
	background: none;
	max-width: 100%;
	display: inline;
}

.page-id-1228 #testimonials img {
	/*margin-top: 40px;*/
}

.page-id-1228 #testimonials img.fancyquotes {
	margin-top: 7px;
}

.page-id-1228 #quotes p {
	display: inline;
}

/* contact */
#contactinfo {
	float: left;
	margin: 0 auto;
    padding: 0 5%;
    width: 40%;
    text-align: left;
}

#contactinfo h4 {
	color: white;
	font: 30px 'Dosis', sans-serif;
	margin-left: 60px;
	background: url(http://presentcreative.com/ios/images/about_bar.png) no-repeat 0 bottom;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#contactinfo  h5 {
	color: #ff872a;
	font: 30px 'Dosis', sans-serif;
	padding-bottom: 10px;
	margin: 0 4.7%;
	/*text-transform: uppercase;
	text-align: center;*/
}

#contactform {
	width: 40%;
	float: left;
    padding: 0 5%;
    margin: 0 auto;
}

.contact_us {
	width: 450px;
   margin: 0 auto !important;
   float: none !important;
}

#contactform  h5 {
	color: #ff872a;
	font: 30px 'Dosis', sans-serif;
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
	text-align: center;
}

#contact-jobs {
    margin: 0 auto;
    text-align: center;
    
}
div.ninja-forms-required-items {
	display: none;
}

#ninja_forms_field_1 {
	font: 20px 'Dosis', sans-serif;
	color: #c4c4c4;
	border: 2px solid;
}

#ninja_forms_field_2 {
	font: 20px 'Dosis', sans-serif;
	color: #c4c4c4;
	border: 2px solid;
}

#ninja_forms_field_3 {
	font: 20px 'Dosis', sans-serif;
	color: #c4c4c4;
	border: 2px solid;
}

#ninja_forms_field_5 {
	font: 20px 'Dosis', sans-serif;
	color: #c4c4c4;
	border: 2px solid;
	height: 40px;
}

#nf_submit_1 {
	text-align: center;
}

#ninja_forms_field_4 {
	background: #303133;
	color: #ff8728;
	font: 30px 'Dosis', sans-serif;
	text-transform: uppercase;
	text-shadow: none;
	box-shadow: none;
	border-radius: 0;
	border: 2px solid #c4c4c4;
	padding-top: 10px;
}

#ninja_forms_field_8_div_wrap ul {
    font: 23px 'Dosis', sans-serif;
    
}

#ninja_forms_field_10 {
	background: #303133;
	color: #ff8728;
	font: 30px 'Dosis', sans-serif;
	text-transform: uppercase;
	text-shadow: none;
	box-shadow: none;
	border-radius: 0;
	border: 2px solid #c4c4c4;
	padding-top: 10px;
}

#nf_processing_1 {
	text-align: center;
}

#nf_submit_6 {
	text-align: center;
}

#end {
	clear: both;
}

#google {
	background: #c4c4c4;
	width: 450px;
	height: 350px;
	padding: 2px;
	margin-left: 60px;
}

#social {
	width: 100%;
	display: inline-block;
	background: #ff8728;
	height: 80px;
	padding-top: 30px;
	border-top: 5px solid white;
	margin-top: -40px;
	position: relative;
	z-index: 150;
}

#social p {
	background: none;
}

#sociallinks {
	margin: auto;
	width: 215px;
}

#sociallinks img.alignleft {
	margin-right: 15px;
	margin-left: 15px;
}

/* services */
#section {
	min-height: 330px;
	border-bottom: 2px solid #d1d1d2;
	margin-left: 3.1%;
	margin-right: 3.1%;
}

#section img.alignleft {

	float: left;
}

#section h3 {
	clear: none;
	color: #fc8a2a;
	font: 25px 'Dosis', sans-serif;
	text-transform: uppercase;
	border-bottom: 2px solid #d1d1d2;
	display: inline;
}
#section p {
	margin-top: 20px;
   padding-bottom: 0px !important;
}

.page-id-1229 #colophon.site-footer {
	margin-top: -40px !important;
	z-index: 100;
	position: relative;
}

.page-id-1229 #widget-2 aside.widget span.widget-title-container h3.widget-title  {
	margin-top: 5px;
}

.page-id-1229 #postquote {
	display: none;
}

.page-id-1239 #postquote {
	display: none;
}

.page-id-1239 #colophon.site-footer {
	margin-top: -40px !important;
	z-index: 100;
	position: relative;
}

.page-id-1239 #widget-2 aside.widget span.widget-title-container h3.widget-title  {
	margin-top: 5px;
}

/* testimonials */
.tstm_section {
	/*min-height: 330px;
	border-bottom: 2px solid #d1d1d2;*/
	margin-left: 3.1%;
	margin-right: 3.1%;
}



/* footer */

#colophon.site-footer {
	padding: 0;
	/*width: 1280px;*/
	margin: auto;
	font-family: 'Dosis', sans-serif;
	text-align: center;
	-webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
    width: 100%;
    /*width: 94%;
    max-width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    padding: 0 3%;*/
}

#footer-widgets h3.widget-title{
	text-align: center;
	font-family: 'dosis', sans-serif;
	margin-bottom: 0px;
}

ul#menu-footer-menu.menu {
	max-width: 202px;
	margin: auto;
}

ul#menu-footer-menu.menu a {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	color: white;
	text-transform: uppercase;
}

#widget-2 aside.widget div.textwidget {
	clear: both;
	text-transform: uppercase;
	font: 10px 'Open Sans', sans-serif;
}

#colophon div.site-info {
	display: none;	
}

#qt_txt {
    color: white;
}

#foot img {
    padding-top: 20px;
}

#foot h1{
    color: white;
    font-family: 'Dosis', sans-serif; 
}



#client_icons {
    margin-left: 50px;
}



#icon_grid{
    padding: 0px 20px 30px;
    padding-bottom: 20px;
    overflow: auto;
    text-align: center;
}

div.client_icon {
	margin: 1%;
	position: relative;
	width: 214px;
	height: 214px;
	overflow: hidden;
   display: -moz-inline-stack;
    display: inline-block;

	}	
	
div.client_icon img {
		width: 214px;
		height: 214px;
		position: absolute;
		top: 0;
		left: 0;
		text-align: center;
		background: #fff;
}
		
div.client_icon img.client_bw {
		z-index: 10;
		}		
		
div.client_icon:hover img.client_bw {
	display: none;
	}

.ind_icon {
    padding: 2% 3.5%;
    vertical-align: bottom;
    
}

#vid_player{
    text-align: center;
}

#vid_gallery {
    margin: auto;
    text-align: center;
    max-height: 900px;
    max-width: 800px;
    overflow: auto;
}

.epyt-gallery {
    max-width: 800px;
    max-height: 900px;
}

.epyt-gallery-allthumbs {
    max-width: 100%;
    margin: 0 auto;
}

.epyt-gallery-list {
    max-width: 100%;
    margin: 0 auto !important;
}

#_ytid_18298 {
    max-width: 80% !important;
}

#all {
    -webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.75);
    max-width: 1280px;
    margin: 0 auto;
    /*padding 0 3%;*/
    width: 94%;
    z-index: 99999999;
}

.slider-caption {
    padding-top: 3%;    
}

.quote-button {
    padding-top: 30px !important;
}

/* =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;
    }

    body.home {
        margin-top: 0px !important;
    }
    .main-navigation {
        width:100%;
    }
    .main-navigation ul {
    margin-right: 0;
}
    .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:100%;
    }

    .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;
        width: 100%;
    }
    .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%;
        color: white;
        font-family: 'Dosis', sans-serif;
        text-transform: uppercase;
    }
    .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;
    }
    
    .quote_block {
        display: inline-block;
    }
    
    #testimonials div.quotes {
        padding-left: 35px;
    }
 
    .page-id-1227 #grey img {
       padding-bottom: 50px;
    }
    
    div.client_icon {
        width: 148px;
        height: 148px;
    }
    
    div.client_icon img {
        width: 148px;
        height: 148px;        
    }
    
    #contactform {
        width: 98%;
        margin: 0 auto;
        float: none;
        padding: 0;
    }
    
    #contactinfo {
        width: 98%;
        margin: 0 auto;
        float: none;
        padding: 0;      
    }
    
    div#button.post-button a {
        font-size: 23px;
    }
}

/* 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);
    }