/*
Theme Name: Konvers
Theme URI: http://konvers.guuthemes.com
Author: GuuThemes
Author URI: http://guuthemes.com/
Description: A Creative Multi-Purpose WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: light, responsive-layout, theme-options, translation-ready, photoblogging
*/

/* Table of Contents
==================================================

1	- Normalize
2	- Base
3	- Grid
4	- WordPress Specific CSS
5	- Homepage
6 	- Header Global
7	- Navigation
8	- Social Icons
9	- Uber Area (Header)
10	- Buttons
11	- Latest Tweet
12	- Quotes
13	- Google Map
14	- Forms
15	- Contact Details
16	- Client Logos
17	- Portfolio
18	- Blog
19	- Team Members
20	- Services
21	- Page
22	- Footer Global
23	- 404 Page
24	- Widgets (Additional Styling)
25	- Media Queries

================================================== */

/*----------------------------------------------*/
/*  1 - Normalize
/*----------------------------------------------*/

/*! normalize.css v3.0.1 (Custom Build) | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    /* 1 */
    /* 2 */
    /* 2 */
    font-family: sans-serif;
}

/**
 * Remove default margin.
 */

body {
    margin: 0
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
    /* 1 */
    /* 2 */
    display: inline-block;
    vertical-align: baseline;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
    /* 1 */
    /* 2 */
    /* 3 */
    color: inherit;
    font: inherit;
    margin: 0;
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    /* 3 */
    cursor: pointer;
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
    line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    /* 1 */
    /* 2 */
    box-sizing: border-box;
    padding: 0;
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -moz-box-sizing: content-box;
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    /* 1 */
    /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    /* 1 */
    /* 2 */
    border: 0;
    padding: 0;
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
    font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
    padding: 0;
}

/*----------------------------------------------*/
/*  2 - Base
/*----------------------------------------------*/

/* General
------------------------------------------------*/

* {
    box-sizing: border-box;
}

html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    height: 100%;
}

body {
    -webkit-text-size-adjust: 100%;
    background-color: #fff;
    color: #303030;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.8;
    margin: 0;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

img {
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.page-content {
    padding: 130px 0 240px 0;
    position: relative;
}

.agency-style-one .page-content,
.agency-style-two .page-content,
.agency-style-three .page-content {
    padding: 0;
}

.portfolio-style-one .page-content {
    padding: 10px 0 240px 0;
}

.agency-style-four .page-content,
.portfolio-style-one .page-content {
    padding: 10px 0;
}

.blog-style-one .page-content,
.photography-style-one .page-content {
    padding: 0 0 10px 0;
}

/* Typography
------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #303030;
    letter-spacing: 2px;
    margin: 0;
    text-transform: uppercase;
}

h1 {
    font-size: 38px;
    font-weight: 700;
    line-height: 46px;
    margin-bottom: 30px;
    margin-top: 20px;
}

h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    margin-bottom: 30px;
    margin-top: 20px;
}

h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 20px;
    margin-top: 20px;
}

h4 {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 20px;
    margin-top: 10px;
}

h5 {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 10px;
    margin-top: 10px;
}

h6 {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
}

p {
    margin-bottom: 30px;
    margin-top: 0;
}

/* Links
------------------------------------------------*/

a {
    -moz-transition: color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out;
    color: #9b9b9b;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}

a:hover {
    color: #303030;
}

/* Blockquotes
------------------------------------------------*/

blockquote {
    border-left: 2px solid;
    font-size: 25px;
    font-style: italic;
    line-height: 33px;
    margin-bottom: 10px;
    margin-top: 20px;
    padding-left: 30px;
}

cite {
    display: block;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-align: right;
    text-transform: uppercase;
}

/* List Items
------------------------------------------------*/

ul,
ol {
    list-style-position: inside;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 20px;
}

li {
    padding-bottom: 10px;
}

dl {
	margin-bottom: 30px;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 40px;
}

/* Clearfix
------------------------------------------------*/

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

/* Item Specific Clearing
------------------------------------------------*/

.c4.clearcol {
    clear: both;
}

/* Text Highlight
------------------------------------------------*/

::-moz-selection {
    background: #303030;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #303030;
    color: #fff;
    text-shadow: none;
}

/* Dropcap
------------------------------------------------*/

.dropcap {
    float: left;
    font-size: 57px;
    font-weight: 600;
    line-height: 48px;
    margin: 10px 3px 0 0;
}

/*----------------------------------------------*/
/*  3 - Grid
/*----------------------------------------------*/

/* Clearfix for Grid
------------------------------------------------*/

.row:before,
.row:after,
.clearfix:before,
.clearfix:after {
    content: '';
    display: table;
}

.row:after,
.clearfix:after {
    clear: both;
}

.row,
.clearfix {
    zoom: 1;
}

/* Default Grid
------------------------------------------------*/

.grid {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}

.grid-container {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
    margin: 0 auto;
    max-width: 1200px;
    padding: 80px 0 60px 0;
    width: 100%;
}

.contact .grid-container {
    padding: 0 0 60px 0;
}

.wfull {
    max-width: 100%;
    width: 100%;
}

.w320 {
    max-width: 320px;
}

.w640 {
    max-width: 640px;
}

.w960 {
    max-width: 960px;
}

.row {
    margin-bottom: 20px;
    width: 100%;
}

.row .row {
    margin: 0 -20px;
    width: auto;
}

.row .row.add-margin {
    margin: 0 0;
}

.c1 {
    width: 8.33%;
}

.c2 {
    width: 16.66%;
}

.c3 {
    width: 25%;
}

.c4 {
    width: 33.33%;
}

.c5 {
    width: 41.66%;
}

.c6 {
    width: 50%;
}

.c7 {
    width: 58.33%;
}

.c8 {
    width: 66.66%;
}

.c9 {
    width: 75%;
}

.c10 {
    width: 83.33%;
}

.c11 {
    width: 91.66%;
}

.c12 {
    width: 100%;
}

.c1,
.c2,
.c3,
.c4,
.c5,
.c6,
.c7,
.c8,
.c9,
.c10,
.c11,
.c12 {
    float: left;
    min-height: 1px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}

/* Column Spacers
------------------------------------------------*/

.sp1 {
    margin-left: 8.33%;
}

.sp2 {
    margin-left: 16.66%;
}

.sp3 {
    margin-left: 25%;
}

.sp4 {
    margin-left: 33.33%;
}

.sp5 {
    margin-left: 41.66%;
}

.sp6 {
    margin-left: 50%;
}

.sp7 {
    margin-left: 58.33%;
}

.sp8 {
    margin-left: 66.66%;
}

.sp9 {
    margin-left: 75%;
}

.sp10 {
    margin-left: 83.33%;
}

.sp11 {
    margin-left: 91.66%;
}

/* Media query for 960 Screens - sets nested grids to 100%
---------------------------------------------------------------*/

@media only screen and (max-width: 960px) { 
    .row .row .c1,
    .row .row .c2,
    .row .row .c3,
    .row .row .c4,
    .row .row .c5,
    .row .row .c6,
    .row .row .c7,
    .row .row .c8,
    .row .row .c9,
    .row .row .c10,
    .row .row .c11,
    .row .row .c12 {
        width: 100%;
    }

    .row .row > div:last-child {
        margin-bottom: 0;
    }
}

/* Media query for iPad and tablets
------------------------------------------------*/

@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation: portrait) { 
    .row {
        margin-bottom: 0;
    }

    .c1,
    .c2,
    .c3,
    .c4,
    .c5,
    .c6,
    .c7,
    .c8,
    .c9,
    .c10,
    .c11,
    .c12 {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
}

/*----------------------------------------------*/
/*  4 - WordPress Specific Styles
/*----------------------------------------------*/

.widget_meta ul li {
    list-style: none;
    padding: 8px 0 0 0;
}

.widget_archive ul li {
    list-style: none;
    padding: 8px 0 0 0;
}

.widget_pages ul li {
    list-style: none;
    padding: 7px 0 0 0;
}

.widget_calendar {
    float: left;
}

.widget_calendar table {
    width: 100%;
}

#wp-calendar {
    width: 100%;
}

#wp-calendar caption {
    color: #333;
    font-size: 12px;
    margin-bottom: 15px;
    margin-top: 10px;
    text-align: right;
}

#wp-calendar thead {
    font-size: 10px;
}

#wp-calendar thead th {
    padding-bottom: 10px;
    text-align: center;
}

#wp-calendar tbody {
    color: #aaa;
}

#wp-calendar tbody td {
    background: #f5f5f5;
    border: 1px solid #999;
    padding: 8px;
    text-align: center;
}

#wp-calendar tbody td:hover {
    background: #fff;
}

#wp-calendar tbody .pad {
    background: none;
}

#wp-calendar tfoot #next {
    font-size: 10px;
    text-align: right;
    text-transform: uppercase;
}

#wp-calendar tfoot #prev {
    font-size: 10px;
    padding-top: 10px;
    text-transform: uppercase;
}

.widget_categories ul li {
    list-style: none;
    padding: 8px 0 0 0;
}

#recentcomments li {
    list-style: none;
    padding: 8px 0 0 0;
}

.widget_recent_entries ul li {
    list-style: none;
    padding: 8px 0 0 0;
}

/* Default Comment Form Styles */

.alignleft,
.alignleft img {
    float: left;
    margin-bottom: 1.5em;
    margin-right: 1.5em;
}

.alignright,
.alignright img {
    float: right;
    margin-bottom: 1.5em;
    margin-left: 1.5em;
}

.aligncenter,
.aligncenter img {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignnone,
img.alignnone {
    margin-bottom: 60px;
}

.wp-caption {
    max-width: 100%;
}

.wp-caption img {
    border: 0 none;
    margin: 0;
    padding: 0;
}

.wp-caption p.wp-caption-text {
    background-color: #333;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    margin-top: 10px;
    padding: 6px;
}

.wp-caption.alignleft {
    margin-bottom: 1.1em;
    margin-right: 1.1em;
    text-align: left;
}

.wp-caption.alignright {
    margin-bottom: 1.1em;
    margin-left: 1.1em;
    text-align: right;
}

.wp-caption.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.gallery-caption {
    padding: 9px;
}

.bypostauthor {}

.sticky {}

/*----------------------------------------------*/
/*  5 - Homepage
/*----------------------------------------------*/

/* Introduction Area
------------------------------------------------*/

.intro-area {
    -webkit-background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 40vh;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 0;
}

.intro-container {
    display: table;
    height: 100%;
    position: absolute;
    width: 100%;
}

.intro-container .vertical-align {
    display: table-cell;
    vertical-align: middle;
}

.intro-statement p {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 35px;
}

.intro-statement p:last-of-type {
    margin-bottom: 0;
}

/* Agency (Style #1)
------------------------------------------------*/

.agency-style-one .homepage-portfolio,
.agency-style-one .homepage-services,
.agency-style-one .homepage-team,
.agency-style-one .homepage-news {
    background-color: #fff;
}

.introduction-container {
    background: rgba(236, 236, 236, 0.3);
    padding: 130px 0;
}

.introduction hr {
    background-color: #000;
    border: none;
    height: 4px;
    margin-bottom: 40px;
    margin-left: 0;
    width: 50%;
}

.introduction-title {
    color: #303030;
    font-family: "Josefin Sans", "sans-serif";
    font-size: 64px;
    font-weight: 600;
    letter-spacing: 3px;
    line-height: 77px;
}

.introduction-statement {
    margin-bottom: 60px;
}

.introduction-statement p {
    color: #646464;
    font-family: "Merriweather", "serif";
    font-size: 24px;
    letter-spacing: .5px;
    line-height: 36px;
}

.homepage-portfolio,
.homepage-services,
.homepage-team,
.homepage-news {
    padding: 130px 0;
}

.homepage-contact {
    padding: 130px 0 0 0;
}

.homepage-tweet,
.homepage-quote-one,
.homepage-quote-two {
    padding: 130px 0;
    background-color: #303030;
}

.homepage-contact {
    background-color: #303030;
}

/* Agency (Style #2)
------------------------------------------------*/

.agency-style-two .homepage-portfolio,
.agency-style-two .homepage-services,
.agency-style-two .homepage-team,
.agency-style-two .homepage-news {
    background-color: #f7f7f7
}

.title-container [class^="icon-"] {
    font-size: 48px;
    position: relative;
    top: -10px;
}

.title-container h1 {
    color: #303030;
    font-size: 48px;
    letter-spacing: 3px;
    line-height: 58px;
    margin-bottom: 20px;
    margin-top: 0;
}

.title-container p {
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    font-style: italic;
    letter-spacing: .5px;
    line-height: 25px;
    margin-bottom: 0;
    padding-right: 20px;
}

.project-item .details {
    padding: 40px 30px
}

.project-item .details .client-name {
    color: rgba(0, 0, 0, 0.4);
    font-size: 14px;
    font-style: italic;
    line-height: 18px;
    margin-bottom: 0;
}

.project-item .details p span {
    color: #303030;
    font-family: "Josefin Sans", "sans-serif";
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2px;
    margin-left: 3px;
    text-transform: uppercase;
}

.project-item .details h2 {
    font-size: 30px;
    letter-spacing: 1.5px;
    line-height: 37px;
    margin-bottom: 40px;
    margin-top: 0;
}

.project-item .details h2 a {
    color: #303030;
}

.agency-style-two .project-item,
.agency-style-two .service-item,
.agency-style-two .team-member,
.agency-style-two .news-item {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    transition: all .2s ease-in-out;
}

.agency-style-two .project-item:hover,
.agency-style-two .service-item:hover,
.agency-style-two .team-member:hover,
.agency-style-two .news-item:hover {
    -moz-transform: translate(-2px, -2px);
    -ms-transform: translate(-2px, -2px);
    -o-transform: translate(-2px, -2px);
    -webkit-transform: translate(0, -2px);
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    transform: translate(0, -2px);
}

.agency-style-two .service-item .details {
    padding: 60px 30px 40px 30px;
}

.team-member .details,
.news-item .details {
    padding: 40px 30px;
}

.team-member .details p,
.news-item .details p {
    font-size: 14px;
    line-height: 25px;
}

/* Agency (Style #3)
------------------------------------------------*/

.agency-style-three .introduction-container,
.agency-style-three .homepage-portfolio,
.agency-style-three .homepage-services,
.agency-style-three .homepage-team,
.agency-style-three .homepage-news {
    background-color: #fff;
    text-align: center;
}

.agency-style-three .introduction-container {
    margin-bottom: -20px;
    padding: 130px 0 0 0;
}

.agency-style-three .introduction-title {
    font-size: 48px;
    letter-spacing: 10px;
    line-height: 59px;
}

.agency-style-three .introduction hr {
    height: 2px;
    margin-left: 20%;
    width: 60%;
}

.agency-style-three .introduction-statement p {
    color: #666;
    font-size: 24px;
    letter-spacing: .5px;
    line-height: 36px;
}

.agency-style-three .service-items {
    margin-top: 130px;
}

.agency-style-three .service-item hr {
    margin-left: 20%;
}

.agency-style-three .team-members {
    margin-top: 130px;
}

.agency-style-three .team-member {
    margin-bottom: 20px;
}

.agency-style-three .team-member hr {
    margin-left: 20%;
}

.agency-style-three .news-items {
    margin-top: 130px;
}

.agency-style-three .news-item {
    margin-bottom: 20px;
}

.agency-style-three .news-item hr {
    margin-left: 20%;
}

/* Agency (Style #4)
------------------------------------------------*/

.agency-style-four .homepage-portfolio,
.agency-style-four .homepage-news {
    padding: 0;
}

.agency-style-four .intro-area {
    margin-bottom: 10px;
}

.agency-style-four .news-items .c3,
.agency-style-four .homepage-portfolio .c6 {
    padding-left: 0;
    padding-right: 0;
}

.agency-style-four .homepage-contact .row {
    margin-bottom: 0;
}

.agency-style-four .project-item.style-five .details {
    width: 60%;
}

.agency-style-four .homepage-tweet,
.agency-style-four .homepage-quote-one {
    background: none;
    padding: 80px 0;
}

.agency-style-four .homepage-tweet [class^="icon-"],
.agency-style-four #latest-tweet p,
.agency-style-four .quotes blockquote p,
.agency-style-four .homepage-quote-one [class^="icon-"] {
    color: #303030;
}

.agency-style-four #latest-tweet ul {
    margin: 20px 0 0 0;
}

.agency-style-four #latest-tweet .interact {
    display: none;
}

.agency-style-four #latest-tweet .timePosted,
.agency-style-four .quotes cite {
    color: #9b9b9b;
}

.agency-style-four .quotes {
    height: 250px;
}

.agency-style-four .news-item {
    margin-bottom: 0;
    position: relative;
}

.agency-style-four .news-item .item-overlay {
    -webkit-background-clip: padding-box;
    background: rgba(51, 51, 51, 0.6);
    background-clip: padding-box;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

.agency-style-four .news-item .details {
    display: table;
    height: 100%;
    left: 30px;
    padding: 0 80px 0 0;
    position: absolute;
    width: 100%;
}

.agency-style-four .news-item .details .vertical-align {
    display: table-cell;
    vertical-align: middle;
}

.agency-style-four .news-item .details p,
.agency-style-four .news-item .details span,
.agency-style-four .news-item .details h2 a {
    color: #fff;
}

.agency-style-four .news-item .details h2 {
    margin-bottom: 20px;
}

.agency-style-four .news-item .details p {
    font-family: "Josefin Sans", "sans-serif";
    font-style: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.agency-style-four .author-avatar img {
    background-clip: padding-box;
    border: 2px solid #fff;
    border-radius: 100px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.6);
    height: auto;
    margin-bottom: 30px;
    max-width: 80px;
}

/* Blog Style
------------------------------------------------*/

.latest-post {
    height: 0;
    overflow: hidden;
    padding-bottom: 99.3%;
    position: relative;
}

.latest-post.full {
    padding-right: 10px;
}

.latest-post.half {
    padding-bottom: 49.24%;
}

.latest-post.half > img,
.latest-post.half .rippler img {
    -moz-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    -o-transform: translateY(-25%);
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
}

.latest-post > img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.latest-post > img {
    height: auto;
}

@media only screen and (max-width: 768px), handheld, only screen and (max-device-width: 768px) and (orientation: portrait) { 
    .latest-post.half {
        padding-bottom: 100%;
    }

    .latest-post.half > img,
    .latest-post.half .rippler > img {
        transform: none;
    }
}

.posts .c6,
.posts .c3 {
    margin: 0;
    padding: 0;
}

.posts .row {
    margin: 0;
}

.posts .c3 {
    margin-bottom: 0;
    padding-right: 10px;
    padding-top: 10px;
}

.posts .c6 {
    margin-top: 10px;
    padding-right: 0;
}

.posts .c3.no-pad {
    padding-right: 0;
}

.posts .c3.no-pad .latest-post {
    padding-bottom: 97.7%;
}

.post-details {
    bottom: 40px;
    left: 40px;
    position: absolute;
    width: 50%;
    z-index: 200;
}

.post-details h2,
.post-details h3,
.post-details h4 {
    color: #fff;
    font-family: "Josefin Sans", "sans-serif";
    margin-bottom: 10px;
    margin-top: 20px;
}

.c3 .post-details h4 {
    margin-bottom: 10px;
    margin-top: 15px;
}

.post-details h2 {
    font-size: 48px;
    letter-spacing: 2px;
    line-height: 58px;
}

.post-details h3 {
    font-size: 36px;
    letter-spacing: 2px;
    line-height: 47px;
}

.post-details h4 {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 29px;
}

.post-details .post-by,
.post-details .post-date-cat {
    color: #fff;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 0;
}

.post-details .post-date-cat {
    font-style: italic;
}

.post-details .post-by {
    font-family: "Merriweather", "serif";
    font-style: italic;
}

.post-details .post-by span {
    font-family: "Josefin Sans", "sans-serif";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 2px;
    padding-left: 8px;
    text-transform: uppercase;
}

.c3 .post-details .post-by,
.c3 .post-details .post-date-cat {
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0;
}

.c3 .post-details .post-by span,
.c3 .post-details .post-date-cat span {
    font-family: "Josefin Sans", "sans-serif";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
}

.post-details .post-type {
    margin-bottom: 20px;
}

.c3 .post-details .post-type {
    margin-bottom: 10px;
}

.latest-post img,
.latest-post.half img {
    opacity: 0;
    transition: opacity .5s ease-in;
}

.post-details a {
    color: #fff;
}

.post-details p a {
    border-bottom: 1px dotted;
    font-weight: bold;
    padding-bottom: 2px;
    padding-right: 4px;
}

.post-details hr {
    background-color: #fff;
    border: none;
    height: 2px;
    margin-bottom: 20px;
    margin-left: 0;
    width: 50%;
}

.c3 .post-details hr {
    margin-bottom: 12px;
}

/*----------------------------------------------*/
/*  6 - Header Global
/*----------------------------------------------*/

.header-global .row {
    margin-bottom: 0;
}

.logo.header h1 {
    border: none;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 35px;
    margin-bottom: 0;
    margin-top: 30px;
    text-transform: uppercase;
}

.logo.header h1 a {
    color: #fff;
}

.image-logo img {
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    float: left;
    text-indent: -9999px;
    transition: all 0.4s ease-in-out;
}

/* Header Top Bar
------------------------------------------------*/

.header-top {
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    background-color: rgba(51, 51, 51, 0);
    left: 0;
    overflow: visible;
    padding: 20px 0 20px 0;
    position: fixed;
    top: 0;
    transition: all 0.4s ease-in-out;
    width: 100%;
    z-index: 7000;
}

.header-top-dark,
.mobile {
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    background-color: #333333;
    left: 0;
    overflow: visible;
    padding: 10px 0 25px 0;
    position: fixed;
    top: 0;
    transition: all 0.4s ease-in-out;
    width: 100%;
    z-index: 7000;
}

.header-top-dark .image-logo img {
    max-width: 180px!important;
}

.mobile .image-logo img {
    max-width: 180px!important;
}

/* Custom Headers
------------------------------------------------*/

.custom-header {
    text-align: center;
}

.custom-header {
    -webkit-background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 50vh;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 0;
}

.custom-header.large {
    height: 70vh;
}

.home .custom-header {
    height: 100vh;
    text-align: center;
}

.single-portfolio .custom-header .project-type {
    background: none;
    border: 2px solid #fff;
    display: inline-block;
    margin-bottom: 40px;
    margin-left: 5px;
    margin-right: 5px;
    opacity: .4;
    padding: 15px 30px 11px 30px;
}

.single-portfolio .custom-header .project-type span {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 18px;
    text-transform: uppercase;
}

.custom-heading-container {
    height: 100%;
    position: relative;
    z-index: 200;
}

.custom-headings {
    display: table;
    height: 100%;
    position: absolute;
    width: 100%;
}

.custom-headings .vertical-align {
    display: table-cell;
    vertical-align: middle;
}

.custom-headings p {
    color: #fff;
    font-size: 18px;
    font-style: italic;
    line-height: 23px;
}

.custom-headings p span {
    font-family: "Josefin Sans", "sans-serif";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 2px;
    padding-left: 8px;
    text-transform: uppercase;
}

.custom-headings a {
    color: #fff;
}

.custom-headings p a {
    border-bottom: 1px dotted;
    font-weight: bold;
    padding-bottom: 2px;
    padding-left: 4px;
}

.custom-headings hr {
    background-color: #fff;
    border: none;
    height: 4px;
    margin-bottom: 30px;
    text-align: center;
    width: 50%;
}

.header-pattern {
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}

.header-color-overlay {
    background-color: #333333;
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}

.custom-headings [class*="ion-"] {
    color: #333;
    display: block;
    font-size: 40px;
    margin-bottom: 10px;
}

.page-title {
    color: #fff;
    font-size: 72px;
    font-weight: 700;
    letter-spacing: 10px;
    line-height: 83px;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
}

.page-subtitle {
    border-bottom: none;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 2px;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 0;
}

.page-subtitle span {
    font-weight: bold;
}

.header-post-title,
.header-project-title {
    color: #fff;
    font-size: 72px;
    font-weight: 700;
    letter-spacing: 10px;
    line-height: 83px;
    margin-bottom: 20px;
    margin-top: 0;
    padding-bottom: 0;
}

.profile-image {
    display: inline-block;
}

.profile-image img {
    background-clip: padding-box;
    border: 3px solid #fff;
    border-radius: 100px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.6);
    height: auto;
    margin-bottom: 30px;
    max-width: 80px;
}

.bkg-video {
    height: 100vh;
    width: 100%;
    z-index: 200;
}

/*----------------------------------------------*/
/*  7 - Navigation
/*----------------------------------------------*/

/* Main Navigation
------------------------------------------------*/

.guumenu {
    background: none;
    float: right;
    list-style: none;
    margin: 20px 20px 0 0;
    padding: 0;
    position: relative;
}

.guumenu li {
    float: left;
    letter-spacing: 1px;
    padding-bottom: 0;
    text-transform: uppercase;
}

.guumenu a {
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    cursor: pointer;
    display: inline-block;
    outline: none;
    transition: all .3s linear;
    z-index: 10;
}

.guumenu a:after {
    background: transparent;
    content: '';
    display: block;
    height: 2px;
    transition: width .3s ease, background-color .3s ease;
    width: 0;
}

.guumenu a:hover:after {
    width: 100%;
}

.guumenu > li > a {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin-left: 20px;
    padding: 20px 15px;
    text-decoration: none;
}

.guumenu > li > a:last-of-type {
    padding: 20px 0 20px 15px;
}

.guumenu > li:hover > a,
.guumenu > li.active > a {
    color: #ddd;
}

.guumenu > li.current-menu-item > a:after {
    content: '';
    display: block;
    height: 2px;
    width: 100%;
}

/* Dropdown
------------------------------*/

.guumenu ul.dropdown,
.guumenu ul.dropdown li ul.dropdown {
    background: #333;
    display: none;
    list-style: none;
    margin: 0;
    min-width: 180px;
    padding: 0;
    padding-bottom: 10px;
    position: absolute;
    z-index: 99;
}

.guumenu ul.dropdown {
    margin-left: 10px;
    top: 65px;
}

.guumenu ul.dropdown li ul.dropdown {
    left: 100%;
    top: inherit;
}

.guumenu ul.dropdown li {
    clear: both;
    font-size: 12px;
    width: 100%;
}

.guumenu ul.dropdown li a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    color: #999;
    display: inline-block;
    float: left;
    padding: 10px 24px 0;
    text-decoration: none;
    width: 100%;
}

.guumenu ul.dropdown li:hover > a {
    background: none;
    color: #fff;
}

.guumenu ul.dropdown a:after {
    display: none;
}

/* Dropdowns to left side
------------------------------*/

.guumenu ul.dropdown li ul.dropdown.left {
    left: auto;
    right: 100%;
}

/* Submenu Indicator
------------------------------*/

.guumenu .indicator {
    float: right;
    font-size: 14px;
    left: 5px;
    position: relative;
    top: -2px;
}

.guumenu ul li .indicator {
    font-size: 12px;
    left: 10px;
    top: 1px;
}

/* Right Alignment (Menu item)
------------------------------*/

.guumenu > li.right {
    float: right;
}

.guumenu > li.right > .dropdown {
    right: 0;
}

.guumenu > li.jsright {
    float: right;
}

.guumenu > li.jsright.last > .dropdown {
    right: 0;
}

/* Collapsible Menu
------------------------------*/

.guumenu > li.showhide {
    background: none;
    color: #999;
    cursor: pointer;
    display: none;
    height: 50px;
    width: 100%;
}

.guumenu > li.showhide span.title {
    float: left;
    margin: 15px 0 0 25px;
}

.guumenu > li.showhide span.icon {
    float: right;
    margin: 17px 0;
}

.guumenu > li.showhide .icon em {
    background: #fff;
    display: block;
    height: 2px;
    margin-bottom: 3px;
    width: 20px;
}

/* Responsiveness
------------------------------*/

@media (max-width: 1024px) { 
    .guumenu {
background: none;
        width: 100%;
        float: none;
background: transparent;
    }

    .guumenu > li.showhide span.title {
        margin: 15px 0 0 0;
    }

    .guumenu > li {
        display: block;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .guumenu > li > a {
        margin-left: 0;
        padding: 15px 20px 15px 0;
    }

    .guumenu > li > a:after {
        display: none;
    }

    .guumenu > li > a:last-of-type {
        padding: 15px 20px 15px 0
    }

    .guumenu a {
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .guumenu ul.dropdown,
    .guumenu ul.dropdown li ul.dropdown {
        width: 100%;
        left: 0;
        position: static;
        border: none;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .guumenu ul.dropdown li {
        border: none;
    }

    .guumenu ul.dropdown > li > a {
        padding-left: 40px;
    }

    .guumenu > li > ul.dropdown > li > a {
        padding-left: 20px;
    }

    .guumenu > li > ul.dropdown > li > ul.dropdown > li > a {
        padding-left: 40px;
    }

    .guumenu > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li > a {
        padding-left: 60px;
    }
}

/* Single Portfolio Navigation
------------------------------------------------*/

.project-nav {
    display: inline-block;
    list-style: none;
    margin: 100px 0 0 0;
    position: relative;
    text-align: center;
    width: 100%;
}

.project-nav .back,
.project-nav .next,
.project-nav .prev {
    display: inline-block;
}

.project-nav .prev {
    left: 0;
    position: absolute;
}

.project-nav .next {
    position: absolute;
    right: 0;
}

.project-nav .back {
    border-bottom: 1px dotted black;
    font-family: "Josefin Sans", "sans-serif";
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 10px;
    text-transform: uppercase;
    transition: border-color .3s ease-in-out;
}

.project-nav .back:hover {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
}

.project-nav .back a,
.project-nav .next a,
.project-nav .prev a {
    color: #303030
}

.project-nav .back a:hover,
.project-nav .next a:hover,
.project-nav .prev a:hover {
    color: #666;
}

.project-nav [class^="icon-"] {
    font-size: 40px;
    line-height: 30px;
}

/* Single Post Navigation (Custom)
--------------------------------------------------*/

.previous-post-link p,
.next-post-link p,
.previous-post-link h3 a,
.next-post-link h3 a {
    color: #fff;
}

.previous-post-link p,
.next-post-link p {
    font-size: 14px;
    font-style: italic;
    letter-spacing: .5px;
    line-height: 19px;
    margin-bottom: 10px;
    margin-top: 30px;
}

.previous-post-link h3,
.next-post-link h3 {
    margin-bottom: 0;
    margin-top: 0;
}

.next-post-link.alt h3 {
    font-size: 64px;
    letter-spacing: 5px;
    line-height: 75px;
    margin-top: 40px;
}

.previous-post-link .std-button,
.next-post-link .std-button {
    border: 2px solid #fff;
    color: #fff;
}

.c6.previous-post-link {
    float: left;
    padding-right: 0;
    position: relative;
}

.c6.next-post-link {
    float: right;
    padding-left: 0;
    position: relative;
}

.previous-post-container,
.next-post-container {
    bottom: 40px;
    position: absolute;
}

.next-post-link.alt .next-post-container {
    bottom: 100px;
    left: 30px;
    padding-right: 0;
}

.previous-post-container {
    left: 40px;
    padding-right: 40px;
}

.next-post-container {
    left: 40px;
    padding-right: 40px;
}

.previous-post-link .std-button,
.next-post-link .std-button {
    background: none;
    border: 2px solid #fff;
    color: #fff;
}

/* Post Index/Archives/Search Results Navigation
------------------------------------------------*/

.blog-nav {
    display: inline-block;
    font-family: "Josefin Sans", "sans-serif";
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 19px;
    list-style: none;
    margin: 100px 0 0 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.blog-nav .page-numbers {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
    font-size: 20px;
    padding: 10px 10px 3px 10px;
    transition: all .3s ease-in-out;
}

.blog-nav .page-numbers:hover {
    border-bottom: 1px dotted black;
}

.blog-nav .page-numbers.current {
    border-bottom: none;
}

.blog-nav .prev.page-numbers,
.blog-nav .next.page-numbers {
    border: none;
    display: inline-block;
    padding: 0;
    text-decoration: none;
}

.blog-nav .prev.page-numbers:before {
    content: '\e015';
    font-family: "guu-custom-icons";
    font-size: 40px;
    font-weight: normal;
    left: 0;
    line-height: 0;
    position: absolute;
}

.blog-nav .next.page-numbers:before {
    content: '\e014';
    font-family: "guu-custom-icons";
    font-size: 40px;
    font-weight: normal;
    line-height: 0;
    position: absolute;
    right: 0;
}

.blog-nav .prev.page-numbers,
.blog-nav .next.page-numbers {
    color: #303030;
}

.blog-nav .prev.page-numbers:hover,
.blog-nav .next.page-numbers:hover {
    color: #666;
}

/*----------------------------------------------*/
/*  8 - Social Icons
/*----------------------------------------------*/

/* General
------------------------------------------------*/

.social-icons {
    border: 0;
    display: inline-block;
    margin: 10px 0 0 0;
    padding: 0;
    text-transform: uppercase;
}

.social-icons a {
    display: block;
    position: relative;
    z-index: 1;
}

.social-icons > li {
    display: inline-block;
    float: left;
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    margin-right: 10px;
    white-space: nowrap;
}

.social-icons > li:first-child {
    padding-left: 0;
}

.social-icons > li:last-child {
    margin-right: 0;
    padding-right: 0;
}

.social-icons li a {
    padding: 0 7px;
}

.social-icons li a [class^="icon-"] {
    -moz-transition: color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out;
    color: #fff;
    font-size: 25px;
    transition: color 0.3s ease-in-out;
}

.social-icons li a:hover > [class^="icon-"] {
    color: #666;
}

/* Team Members
------------------------------------------------*/

.member-social-icons {
    border: 0;
    display: inline-block;
    margin: 10px 0 0 0;
    padding: 0;
    text-transform: uppercase;
}

.member-social-icons a {
    display: block;
    position: relative;
    z-index: 1;
}

.member-social-icons > li {
    display: inline-block;
    float: left;
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    margin-right: 10px;
    white-space: nowrap;
}

.member-social-icons > li:first-child {
    padding-left: 0;
}

.member-social-icons > li:last-child {
    margin-right: 0;
    padding-right: 0;
}

.member-social-icons li {
    padding: 0 7px;
}

.member-social-icons li a [class^="icon-"] {
    -moz-transition: color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out;
    color: #303030;
    font-size: 20px;
    transition: color 0.3s ease-in-out;
}

.member-social-icons li a:hover > [class^="icon-"] {
    color: #666;
}

/* Footer
------------------------------------------------*/

.footer-global .social-icons {
    margin: 0;
}

.footer-global .social-icons li a .fa {
    -moz-transition: color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out;
    color: #ddd;
    font-size: 20px;
    transition: color 0.3s ease-in-out;
}

.footer-global .social-icons li a:hover > .fa {
    color: #fff;
}

/* Share Icons
------------------------------------------------*/

.share-icons a {
    display: inline-block;
    margin-top: -20px;
}

.share-icons a [class^="icon-"] {
    -moz-transition: color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out;
    color: #303030;
    font-size: 25px;
    margin-right: 20px;
    transition: color 0.3s ease-in-out;
}

.share-icons a:hover > [class^="icon-"] {
    color: #9b9b9b;
}

/*----------------------------------------------*/
/*  9 - Uber Area (Header)
/*----------------------------------------------*/

.uber-title {
    color: #fff;
    font-size: 72px;
    font-weight: 700;
    letter-spacing: 10px;
    line-height: 88px;
    margin-bottom: 0;
    margin-top: 0;
}

.uber-subtitle {
    border-bottom: none;
    color: #fff;
    font-size: 36px;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 45px;
    margin-bottom: 0;
    margin-top: 10px;
    text-transform: none;
}

.uber-subtitle span {
    font-weight: bold;
}

.blog-style-one .uber-subtitle {
    font-size: 20px;
    font-weight: normal;
    line-height: 20px;
    text-transform: uppercase;
}

/*----------------------------------------------*/
/*  10 - Buttons
/*----------------------------------------------*/

/* Standard Button
------------------------------------------------*/

.std-button {
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    border: 2px solid #303030;
    border-radius: 0;
    color: #303030;
    display: inline-block;
    font-family: "Josefin Sans", "sans-serif";
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 14px;
    padding: 15px 24px 12px 24px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
}

.std-button:hover {
    background-color: none;
    border: 2px solid #666;
    color: #666;
}

.std-button.rounded-button {
    border-radius: 40px;
}

.std-button.lg-btn {
    font-size: 16px;
    line-height: 16px;
    padding: 19px 30px 16px 30px;
}

/* Header Button
------------------------------------------------*/

.header-button {
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    border: 2px solid #fff;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-family: "Josefin Sans", "sans-serif";
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 16px;
    margin-top: 40px;
    padding: 19px 30px 16px 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
}

.header-button:hover {
    background-color: none;
    border: 2px solid #666;
    color: #666;
}

.header-button.rounded-button {
    border-radius: 40px;
}

.header-button.nm-btn {
    font-size: 14px;
    line-height: 14px;
    padding: 13px 24px 10px 24px;
}

/* Scroll Arrow
--------------------------------------------------*/

.scroll-arrow {
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    bottom: 60px;
    display: inline-block;
    height: 15px;
    opacity: .6;
    position: relative;
    transition: all 0.3s ease-in-out;
    width: 46px;
    z-index: 200;
}

.scroll-arrow:hover {
    bottom: 65px;
    opacity: 1;
}

/* Back To Top
--------------------------------------------------*/

.back-to-top {
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    background: rgba(0, 0, 0, 0.8) url(assets/img/back_top_arrow.svg) no-repeat center 50%;
    border-radius: 200px;
    bottom: 40px;
    display: inline-block;
    height: 40px;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    right: 10px;
    text-indent: 100%;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    visibility: hidden;
    white-space: nowrap;
    width: 40px;
    z-index: 200;
}

.back-to-top.bt-is-visible,
.back-to-top.bt-fade-out,
.no-touch .back-to-top:hover {
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

.back-to-top.bt-is-visible {
    opacity: 1;
    visibility: visible;
}

.back-to-top.bt-fade-out {
    opacity: .5;
}

.no-touch .back-to-top:hover {
    background-color: black;
    opacity: 1;
}

/*----------------------------------------------*/
/*  11 - Latest Tweet
/*----------------------------------------------*/

.homepage-tweet [class^="icon-"] {
    color: #fff;
    font-size: 42px;
}

#latest-tweet ul {
    list-style: none;
    margin: 20px 0 30px 0;
    padding: 0;
}

#latest-tweet p {
    color: #fff;
}

#latest-tweet .tweet {
    font-size: 36px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 47px;
    margin: 0 0 30px 0;
    padding: 0;
}

#latest-tweet a {
    color: #9b9b9b;
}

#latest-tweet a:hover {
    color: #666;
}

#latest-tweet .timePosted {
    color: #fff;
    display: block;
    font-family: "Josefin Sans", "sans-serif";
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 19px;
    margin-bottom: 30px;
    margin-top: 5px;
    text-transform: uppercase;
}

#latest-tweet .interact {
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

#latest-tweet .interact a {
    color: #fff;
    margin-left: 8px;
    padding: 0;
}

#latest-tweet .interact a:hover {
    color: #9b9b9b;
}

#latest-tweet .interact a:first-child {
    margin-left: 0;
}

#latest-tweet .interact a:not(:last-of-type):after {
    color: #9b9b9b;
    content: "/";
    margin-left: 8px;
}

.tweet-follow.std-button {
    background: none;
    border: 2px solid #fff;
    color: #fff;
}

/*----------------------------------------------*/
/*  12 - Quotes
/*----------------------------------------------*/

.homepage-quote-one [class^="icon-"],
.homepage-quote-two [class^="icon-"] {
    color: #fff;
    font-size: 42px;
}

.quotes blockquote {
    border: none;
    margin: 0;
    padding: 0;
}

.quotes {
    height: 250px;
    padding: 0;
}

.quotes li {
    list-style: none;
    margin: 0;
    padding: 0 0 20px 0;
}

.quotes blockquote p {
    color: #fff;
    font-family: "Merriweather", "serif";
    font-size: 36px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 47px;
    margin: 15px 0 30px 0;
    padding: 0;
}

.quotes cite {
    color: #fff;
    display: block;
    font-family: "Josefin Sans", "sans-serif";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 19px;
    margin-bottom: 30px;
    margin-top: 5px;
    text-align: left;
    text-transform: uppercase;
}

/*----------------------------------------------*/
/*  13 - Google Map
/*----------------------------------------------*/

/* Default
------------------------------------------------*/

#map-default {
    height: 500px;
    position: relative;
    width: 100%;
}

#map-default [class^="icon-"] {
    color: #666;
    font-size: 70px;
    height: 70px;
    left: -5px;
    position: absolute;
    top: -45px;
}

/* Contact Page (Additional Styling)
------------------------------------------------*/

.contact .style-one #map-default,
.contact .style-two #map-default,
.contact .style-three #map-default {
    margin-top: 130px;
}

.contact .style-four #map-default {
    margin-bottom: 100px;
}

/*----------------------------------------------*/
/*  14 - Forms
/*----------------------------------------------*/

/* Default Form
------------------------------------------------*/

.wpcf7-form {
    margin-bottom: 20px;
    margin-top: 5px;
    text-align: left;
}

.wpcf7-form fieldset {
    margin-bottom: 20px;
}

.wpcf7-form input[type=text],
.wpcf7-form input[type=password],
.wpcf7-form input[type=email],
.wpcf7-form textarea,
.wpcf7-form select {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #eee;
    border: none;
    border-radius: 3px;
    box-sizing: border-box;
    color: #333;
    display: block;
    font-size: 14px;
    font-style: italic;
    line-height: 1.3;
    margin: 0;
    margin-bottom: 20px;
    outline: none;
    padding: 15px;
    width: 100%;
}

.wpcf7-form select {
    padding: 0;
}

.wpcf7-form input[type=text]:focus,
.wpcf7-form input[type=password]:focus,
.wpcf7-form input[type=email]:focus,
.wpcf7-form textarea:focus {
    background-color: #ddd;
    color: #333;
}

.wpcf7-form textarea {
    min-height: 150px;
}

.wpcf7-form label,
.wpcf7-form legend {
    display: block;
    font-size: 12px;
    font-weight: 700;
}

.wpcf7-form select {
    padding: 6px;
    width: 220px;
}

.wpcf7-form input[type=checkbox] {
    display: inline;
}

.wpcf7-form label span,
.wpcf7-form legend span {
    color: #444;
    font-size: 12px;
    font-weight: 400;
}

.wpcf7-form input.error,
.wpcf7-form textarea.error {
    margin-bottom: 6px;
}

.wpcf7-form .wpcf7-submit {
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    border: 2px solid #333;
    color: #333;
    display: inline-block;
    font-family: "Josefin Sans", "sans-serif";
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 14px;
    margin-top: 30px;
    padding: 15px 24px 12px 24px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
}

.wpcf7-form .wpcf7-submit:hover {
    border: 2px solid;
    color: #999;
}

.wpcf7-form .wpcf7-submit.lg-btn {
    font-size: 16px;
    line-height: 16px;
    padding: 19px 30px 16px 30px;
}

.wpcf7-form ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
}

.wpcf7-form :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
}

.wpcf7-form ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
}

.wpcf7-form :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
}

.wpcf7-form .wpcf7-response-output {
    border: none;
    margin: 20px 0 0 0;
    padding: 0;
}

.wpcf7-form .wpcf7-validation-errors,
.wpcf7-form .wpcf7-not-valid-tip {
    color: #c33;
}

.wpcf7-form .wpcf7-mail-sent-ok {
    color: #afdd58;
}

.wpcf7 img.ajax-loader {
    color: #ddd;
    margin-left: 0;
    margin-top: 20px;
    width: 20px;
}

/* Homepage Form
------------------------------------------------*/

.contact-form.homepage .wpcf7-form {
    margin-bottom: 20px;
    margin-top: 5px;
    padding-bottom: 80px;
    text-align: left;
}

.contact-form.homepage .wpcf7-form fieldset {
    margin-bottom: 20px;
}

.contact-form.homepage .wpcf7-form input[type=text],
.contact-form.homepage .wpcf7-form input[type=password],
.contact-form.homepage .wpcf7-form input[type=email],
.contact-form.homepage .wpcf7-form textarea,
.contact-form.homepage .wpcf7-form select {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: none;
    border-bottom: 2px solid #999;
    border-radius: 0;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-family: "Josefin Sans", "sans-serif";
    font-size: 30px;
    font-style: normal;
    line-height: 1.3;
    margin: 0;
    margin-bottom: 20px;
    outline: none;
    padding: 15px 0 15px 0;
    width: 100%;
}

.contact-form.homepage .wpcf7-form select {
    padding: 0;
}

.contact-form.homepage .wpcf7-form input[type=text]:focus,
.contact-form.homepage .wpcf7-form input[type=password]:focus,
.contact-form.homepage .wpcf7-form input[type=email]:focus,
.contact-form.homepage .wpcf7-form textarea:focus {
    background-color: #333333;
    color: #fff;
}

.contact-form.homepage .wpcf7-form textarea {
    max-height: 220px;
}

.contact-form.homepage .wpcf7-form label,
.contact-form.homepage .wpcf7-form legend {
    display: block;
    font-size: 12px;
    font-weight: 700;
}

.contact-form.homepage .wpcf7-form select {
    padding: 6px;
    width: 220px;
}

.contact-form.homepage .wpcf7-form input[type=checkbox] {
    display: inline;
}

.contact-form.homepage .wpcf7-form label span,
.contact-form.homepage .wpcf7-form legend span {
    color: #444;
    font-size: 12px;
    font-weight: 400;
}

.contact-form.homepage .wpcf7-form input.error,
.contact-form.homepage .wpcf7-form textarea.error {
    margin-bottom: 6px;
}

.contact-form.homepage .wpcf7-form .submit {
    margin-top: 20px;
}

.contact-form.homepage .submit.std-button {
    background: none;
    border: 2px solid #fff;
    color: #fff;
}

.contact-form.homepage .submit.std-button.lg-btn {
    font-size: 16px;
    line-height: 16px;
    padding: 19px 30px 16px 30px;
}

.contact-form.homepage .submit.std-button:hover {
    background: none;
    border: 2px solid #666;
    color: #666;
}

.contact-form.homepage .wpcf7-form ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #fff;
    text-transform: uppercase;
}

.contact-form.homepage .wpcf7-form :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
    text-transform: uppercase;
}

.contact-form.homepage .wpcf7-form ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
    text-transform: uppercase;
}

.contact-form.homepage .wpcf7-form :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #fff;
    text-transform: uppercase;
}

.contact-form.homepage .wpcf7-form .wpcf7-response-output {
    border: none;
    margin: 20px 0 0 0;
    padding: 0;
}

.contact-form.homepage .wpcf7-form .wpcf7-validation-errors,
.contact-form.homepage .wpcf7-form .wpcf7-not-valid-tip {
    color: #c33;
    font-style: italic;
}

.contact-form.homepage .wpcf7-form .wpcf7-mail-sent-ok {
    color: #afdd58;
    font-style: italic;
}

.contact-form.homepage .wpcf7 img.ajax-loader {
    color: #999;
    margin-left: 0;
    margin-top: 20px;
    width: 20px;
}

/* Contact Page (Style Specific)
------------------------------------------------*/

.contact .introduction-title {
    font-size: 48px;
    font-weight: 600;
    letter-spacing: 3px;
    line-height: 59px;
    margin-top: 0;
}

.contact .introduction-subtitle {
    color: #9b9b9b;
    font-family: "Merriweather", "serif";
    font-size: 24px;
    font-weight: normal;
    letter-spacing: .5px;
    line-height: 36px;
    margin-bottom: 30px;
    margin-top: 0;
    text-transform: none;
}

.contact .page-content hr {
    background-color: #303030;
    border: none;
    height: 4px;
    margin-bottom: 40px;
}

.contact .style-three hr {
    margin-bottom: 60px;
}

/* Style One
------------------*/

.contact .style-one .contact-form {
    margin-top: -15px;
}

.contact .style-one .contact-form .wpcf7-form input[type=text],
.contact .style-one .contact-form .wpcf7-form input[type=password],
.contact .style-one .contact-form .wpcf7-form input[type=email],
.contact .style-one .contact-form .wpcf7-form textarea,
.contact .style-one .contact-form .wpcf7-form select {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: none;
    border-bottom: 2px solid #303030;
    border-radius: 0;
    box-sizing: border-box;
    color: #303030;
    display: block;
    font-family: "Josefin Sans", "sans-serif";
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.3;
    margin: 0;
    margin-bottom: 20px;
    outline: none;
    padding: 15px 0 15px 0;
    width: 100%;
}

.contact .style-one .contact-form .wpcf7-form select {
    padding: 0;
}

.contact .style-one .contact-form .wpcf7-form input[type=text]:focus,
.contact .style-one .contact-form .wpcf7-form input[type=password]:focus,
.contact .style-one .contact-form .wpcf7-form input[type=email]:focus,
.contact .style-one .contact-form .wpcf7-form textarea:focus {
    background-color: rgba(221, 221, 221, 0.2);
    color: #303030;
}

.contact .style-one .contact-form .wpcf7-form textarea {
    min-height: 220px;
}

.contact .style-one .contact-form .wpcf7-form label,
.contact .style-one .contact-form .wpcf7-form legend {
    display: block;
    font-size: 12px;
    font-weight: 700;
}

.contact .style-one .contact-form .wpcf7-form select {
    padding: 6px;
    width: 220px;
}

.contact .style-one .contact-form .wpcf7-form input[type=checkbox] {
    display: inline;
}

.contact .style-one .contact-form .wpcf7-form label span,
.contact .style-one .contact-form .wpcf7-form legend span {
    color: #444;
    font-size: 12px;
    font-weight: 400;
}

.contact .style-one .contact-form .wpcf7-form input.error,
.contact .style-one .contact-form .wpcf7-form textarea.error {
    margin-bottom: 6px;
}

.contact .style-one .contact-form .wpcf7-form .submit {
    margin-top: 20px;
}

.contact .style-one .contact-form .wpcf7-form ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #303030;
    text-transform: uppercase;
}

.contact .style-one .contact-form .wpcf7-form :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #303030;
    text-transform: uppercase;
}

.contact .style-one .contact-form .wpcf7-form ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #303030;
    text-transform: uppercase;
}

.contact .style-one .contact-form .wpcf7-form :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #303030;
    text-transform: uppercase;
}

/* Style Two / Three / Four
--------------------------------*/

.contact .style-two .contact-form .wpcf7-form input[type=text],
.contact .style-two .contact-form .wpcf7-form input[type=password],
.contact .style-two .contact-form .wpcf7-form input[type=email],
.contact .style-two .contact-form .wpcf7-form textarea,
.contact .style-two .contact-form .wpcf7-form select,
.contact .style-three .contact-form .wpcf7-form input[type=text],
.contact .style-three .contact-form .wpcf7-form input[type=password],
.contact .style-three .contact-form .wpcf7-form input[type=email],
.contact .style-three .contact-form .wpcf7-form textarea,
.contact .style-three .contact-form .wpcf7-form select,
.contact .style-four .contact-form .wpcf7-form input[type=text],
.contact .style-four .contact-form .wpcf7-form input[type=password],
.contact .style-four .contact-form .wpcf7-form input[type=email],
.contact .style-four .contact-form .wpcf7-form textarea,
.contact .style-four .contact-form .wpcf7-form select {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #eee;
    border: none;
    border-radius: 3px;
    box-sizing: border-box;
    color: #999;
    display: inline-block;
    font-family: "Josefin Sans", "sans-serif";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 18px;
    margin: 0;
    outline: none;
    padding: 20px 15px 16px 15px;
    text-transform: uppercase;
    width: 100%;
}

.contact .style-two .contact-form .wpcf7-form select,
.contact .style-three .contact-form .wpcf7-form select,
.contact .style-four .contact-form .wpcf7-form select {
    padding: 0;
}

.contact .style-two .contact-form .wpcf7-form input[type=text]:focus,
.contact .style-two .contact-form .wpcf7-form input[type=password]:focus,
.contact .style-two .contact-form .wpcf7-form input[type=email]:focus,
.contact .style-two .contact-form .wpcf7-form textarea:focus,
.contact .style-three .contact-form .wpcf7-form input[type=text]:focus,
.contact .style-three .contact-form .wpcf7-form input[type=password]:focus,
.contact .style-three .contact-form .wpcf7-form input[type=email]:focus,
.contact .style-three .contact-form .wpcf7-form textarea:focus,
.contact .style-four .contact-form .wpcf7-form input[type=text]:focus,
.contact .style-four .contact-form .wpcf7-form input[type=password]:focus,
.contact .style-four .contact-form .wpcf7-form input[type=email]:focus,
.contact .style-four .contact-form .wpcf7-form textarea:focus {
    background-color: #ddd;
    color: #303030;
}

.contact .style-two .contact-form .wpcf7-form textarea,
.contact .style-three .contact-form .wpcf7-form textarea,
.contact .style-four .contact-form .wpcf7-form textarea {
    min-height: 300px;
}

.contact .style-two .contact-form .wpcf7-form label,
.contact .style-two .contact-form .wpcf7-form legend,
.contact .style-three .contact-form .wpcf7-form label,
.contact .style-three .contact-form .wpcf7-form legend,
.contact .style-four .contact-form .wpcf7-form label,
.contact .style-four .contact-form .wpcf7-form legend {
    display: block;
    font-size: 12px;
    font-weight: 700;
}

.contact .style-two .contact-form .wpcf7-form select,
.contact .style-three .contact-form .wpcf7-form select,
.contact .style-four .contact-form .wpcf7-form select {
    padding: 6px;
    width: 220px;
}

.contact .style-two .contact-form .wpcf7-form input[type=checkbox],
.contact .style-three .contact-form .wpcf7-form input[type=checkbox],
.contact .style-four .contact-form .wpcf7-form input[type=checkbox] {
    display: inline;
}

.contact .style-two .contact-form .wpcf7-form label span,
.contact .style-two .contact-form .wpcf7-form legend span,
.contact .style-three .contact-form .wpcf7-form label span,
.contact .style-three .contact-form .wpcf7-form legend span,
.contact .style-four .contact-form .wpcf7-form label span,
.contact .style-four .contact-form .wpcf7-form legend span {
    color: #444;
    font-size: 12px;
    font-weight: 400;
}

.contact .style-two .contact-form .wpcf7-form input.error,
.contact .style-two .contact-form .wpcf7-form textarea.error,
.contact .style-three .contact-form .wpcf7-form input.error,
.contact .style-three .contact-form .wpcf7-form textarea.error,
.contact .style-four .contact-form .wpcf7-form input.error,
.contact .style-four .contact-form .wpcf7-form textarea.error {
    margin-bottom: 6px;
}

.contact .style-two span.wpcf7-not-valid-tip,
.contact .style-three span.wpcf7-not-valid-tip,
.contact .style-four span.wpcf7-not-valid-tip {
    margin-top: 10px;
}

.contact .style-two .contact-form .wpcf7-form ::-webkit-input-placeholder,
.contact .style-three .contact-form .wpcf7-form ::-webkit-input-placeholder,
.contact .style-four .contact-form .wpcf7-form ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #9b9b9b;
    text-transform: uppercase;
}

.contact .style-two .contact-form .wpcf7-form :-moz-placeholder,
.contact .style-three .contact-form .wpcf7-form :-moz-placeholder,
.contact .style-four .contact-form .wpcf7-form :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #9b9b9b;
    text-transform: uppercase;
}

.contact .style-two .contact-form .wpcf7-form ::-moz-placeholder,
.contact .style-three .contact-form .wpcf7-form ::-moz-placeholder,
.contact .style-four .contact-form .wpcf7-form ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #9b9b9b;
    text-transform: uppercase;
}

.contact .style-two .contact-form .wpcf7-form :-ms-input-placeholder,
.contact .style-three .contact-form .wpcf7-form :-ms-input-placeholder,
.contact .style-four .contact-form .wpcf7-form :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #9b9b9b;
    text-transform: uppercase;
}

.contact .style-three .contact-form {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
    padding: 60px;
}

/*----------------------------------------------*/
/*  15 - Contact Details
/*----------------------------------------------*/

/* Homepage / Contact Page
------------------------------------------------*/

.contact-title.homepage {
    color: #fff;
    font-size: 40px;
    letter-spacing: 2px;
    line-height: 47px;
}

.contact .contact-title {
    color: #303030;
    font-size: 30px;
    margin-bottom: 10px;
}

.contact-address.homepage {
    color: #fff;
    font-size: 25px;
    font-style: italic;
    line-height: 40px;
}

.contact-address.homepage .contact-email,
.contact-address.homepage .contact-telephone,
.contact-address.homepage .contact-mobile,
.contact .contact-address .contact-email,
.contact .contact-address .contact-telephone,
.contact .contact-address .contact-mobile {
    font-style: normal;
}

.contact-address.homepage .contact-email,
.contact .contact-address .contact-email {
    -moz-transition: border-color 0.3s ease-in-out;
    -webkit-transition: border-color 0.3s ease-in-out;
    border-bottom: 1px dotted #9b9b9b;
    display: inline-block;
    margin-bottom: 25px;
    padding-bottom: 0;
    transition: border-color 0.3s ease-in-out;
}

.contact-address.homepage .contact-email:hover,
.contact .contact-address .contact-email:hover {
    border-bottom: 1px dotted #666;
}

.contact-address.homepage .contact-email a {
    color: #9b9b9b;
}

.contact-address.homepage .contact-email a:hover {
    color: #666;
}

.contact-address.homepage li,
.contact .contact-address li {
    list-style: none;
    margin-bottom: 10px;
}

.contact-address.homepage ul,
.contact .contact-address ul {
    margin: 0;
    padding: 0;
}

.contact .contact-address {
    font-size: 22px;
    line-height: 43px;
}

.contact .style-three .contact-address,
.contact .style-four .contact-address {
    font-size: 19px;
    line-height: 35px;
}

/* Footer
------------------------------------------------*/

.contact-info.footer {
    margin-top: 30px;
}

.contact-info.footer .mail-title,
.contact-info.footer .call-title,
.contact-info.footer .find-title {
    color: #fff;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 12px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.contact-info.footer .details {
    float: left;
}

.contact-info.footer li {
    float: left;
    list-style-image: none;
    list-style-type: none;
    margin-right: 100px;
    text-align: left;
    white-space: nowrap;
}

.contact-info.footer li:last-of-type {
    margin-right: 0;
}

.contact-info.footer li a {
    text-decoration: underline;
}

.contact-info.footer ul {
    display: inline-block;
}

.contact-info.footer ul li [class^="icon-"] {
    color: #fff;
    float: left;
    font-size: 40px;
    margin-right: 25px;
    margin-top: 0;
}

.contact-info.footer p {
    color: #9b9b9b;
    font-size: 14px;
    margin-bottom: 0;
}

/*----------------------------------------------*/
/*  16 - Client Logos
/*----------------------------------------------*/

.client-logos {
    list-style: none;
    margin-top: 60px;
    text-align: center;
}

.client-logos img {
    height: auto;
    max-width: 100%;
}

.client-logos li {
    display: inline-block;
    padding: 20px 60px 20px 60px;
}

.logos-title {
    margin-top: 100px;
    text-align: center;
}

/*----------------------------------------------*/
/*  17 - Portfolio
/*----------------------------------------------*/

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

.portfolio-filter {
    margin-bottom: 40px;
    margin-top: 40px;
}

.portfolio-filter .filter {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.filter li {
    float: left;
    list-style: none;
    margin-right: 10px;
}

.filter .filter-button {
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    border: 2px solid #303030;
    border-radius: 0;
    color: #303030;
    display: inline-block;
    font-family: "Josefin Sans", "sans-serif";
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 14px;
    padding: 15px 24px 12px 24px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
}

.filter .filter-button:hover {
    background-color: none;
    border: 2px solid #666;
    color: #666;
}

.filter-button.rounded-button {
    border-radius: 40px;
}

.filter-button.lg-btn {
    font-size: 16px;
    line-height: 16px;
    padding: 19px 30px 16px 30px;
}

/* Single Project
------------------------------------------------*/

.single-portfolio .project-type {
    background: none;
    border: 2px solid #303030;
    display: inline-block;
    font-family: "Josefin Sans", "sans-serif";
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 18px;
    margin-bottom: 30px;
    margin-right: 10px;
    opacity: .4;
    padding: 15px 30px 11px 30px;
    text-transform: uppercase;
}

.single-project img {
    margin: 0;
}

.single-project .video-frame,
.single-project .audio-frame {
    margin-bottom: 60px;
}

.project-title {
    font-size: 72px;
    font-weight: 600;
    letter-spacing: 5px;
    line-height: 83px;
}

.project-description p:first-child {
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 30px;
}

.project-details {
    font-family: "Josefin Sans", "sans-serif";
    font-size: 16px;
    letter-spacing: 1.5px;
    line-height: 27px;
    list-style: none;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.project-details li span {
    color: #333;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.project-brief {
    color: rgba(0, 0, 0, 0.6);
    font-family: "Josefin Sans", "sans-serif";
    font-size: 30px;
    letter-spacing: 1.5px;
    line-height: 41px;
    margin-bottom: 40px;
}

.project-client-quote blockquote {
    border-left: none;
    color: rgba(0, 0, 0, 0.4);
    font-size: 18px;
    letter-spacing: .5px;
    line-height: 29px;
    margin-bottom: 30px;
    margin-top: -20px;
    padding: 0;
}

.project-client-quote cite {
    color: #303030;
    font-family: "Josefin Sans", "sans-serif";
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 19px;
}

.portfolio-thumb {
    margin-bottom: 40px;
    position: relative;
}

.portfolio-thumb .image-caption {
    bottom: 40px;
    color: #fff;
    font-size: 14px;
    font-style: italic;
    line-height: 18px;
    position: absolute;
    right: 40px;
}

.custom-divider {
    background-color: #303030;
    border: none;
    height: 4px;
    margin-bottom: 60px;
    margin-left: 0;
    width: 50%;
}

.view-project {
    margin-top: 40px;
}

.view-project.alt {
    margin-top: 15px;
    text-align: right;
}

/* Isotope
------------------------------------------------*/

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

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    -moz-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    /* change duration value to whatever you like */
    transition-duration: 0.6s;
}

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

.isotope .isotope-item {
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: top, left, opacity;
    -webkit-transition-property: -webkit-transform, opacity;
    margin-bottom: 40px;
    transition-property: transform, opacity;
}

/* Homepage Styling
------------------------------------------------*/

.project {
    height: 0;
    overflow: hidden;
    padding-bottom: 99.3%;
    position: relative;
}

.project.full {
    padding-right: 11px;
}

.project.half {
    padding-bottom: 49.20%;
}

.project > div,
.project > img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.project > img {
    height: auto;
}

@media only screen and (max-width: 768px), handheld, only screen and (max-device-width: 768px) and (orientation: portrait) { 
    .project.half {
        padding-bottom: 100%;
    }

    .project.half > img,
    .project.half .ripplerdippler > img {
        transform: none;
    }
}

.projects .c6 {
    margin: 0;
    padding: 0;
}

.projects .row {
    margin: 0;
}

.projects .c3 {
    margin-bottom: 0;
    padding: 10px 10px 0 0;
}

.projects .c3.no-pad {
    padding-right: 0;
}

.c3.no-pad .project {
    padding-bottom: 97.7%;
}

.projects .c6 {
    margin-top: 10px;
    padding-right: 0;
}

.project-overview {
    bottom: 30px;
    left: 30px;
    position: absolute;
    width: 50%;
    z-index: 200;
}

.project-overview h2,
.project-overview h3,
.project-overview h4 {
    color: #fff;
    font-family: "Josefin Sans", "sans-serif";
    margin-bottom: 10px;
    margin-top: 0;
}

.photography-style-one .project-overview h2,
.photography-style-one .project-overview h3,
.photography-style-one .project-overview h4 {
    margin-bottom: 0;
}

.project-overview h2 {
    font-size: 48px;
    letter-spacing: 10px;
    line-height: 58px;
}

.project-overview h3 {
    font-size: 36px;
    letter-spacing: 2px;
    line-height: 47px;
}

.project-overview h4 {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 29px;
}

.project-overview .project-type,
.project-overview .client-name {
    color: #fff;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 25px;
}

.project-overview .project-type {
    font-family: "Merriweather", "serif";
    font-style: italic;
}

.project-overview .client-name {
    font-family: "Josefin Sans", "sans-serif";
    text-transform: uppercase;
}

.project-overview .project-type span,
.project-overview .client-name span {
    font-family: "Josefin Sans", "sans-serif";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
}

.c3 .project-overview .project-type span,
.c3 .project-overview .client-name span {
    font-family: "Josefin Sans", "sans-serif";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
}

.project-overview .project-type {
    margin-bottom: 20px;
}

.c3 .project-overview .project-type {
    margin-bottom: 10px;
}

.project-overview .client-name {
    margin-bottom: 0;
}

.c6 .project .overlay-color {
    background: rgba(51, 51, 51, 0.6);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 99.3%;
}

.c6 .project.half .overlay-color {
    background: none;
}

.post-excerpt img,
.project img,
.project.half img,
.project-item img,
.service-item img,
.team-member img,
.news-item img {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ() scale(1, 1);
    opacity: 0;
    transition: opacity .5s ease-in;
}

.project .image-placeholder,
.project.half .image-placeholder,
.project-item .image-placeholder,
.team-member .image-placeholder,
.news-item .image-placeholder,
.post-excerpt .image-placeholder {
    opacity: 1;
}

.project-item img {
    width: 100%;
}

.project img,
.latest-post img {
    width: 100%;
}

.latest-project-badge {
    color: #fff;
    display: inline-block;
    font-family: "Josefin Sans", "sans-serif";
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 4px;
    line-height: 20px;
    padding: 26px 40px 20px 40px;
    position: absolute;
    right: 11px;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    z-index: 200;
}

.latest-project-badge {
    background-color: rgba(140, 190, 178, 0.8);
}

.portfolio .full-width.c6 {
    padding-left: 0;
    padding-right: 0;
}

/* Style #1
------------------------------*/

/* Style #2
------------------------------*/

.project-item.style-two {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    text-align: center;
    transition: all .2s ease-in-out;
}

.project-item.style-two:hover {
    -moz-transform: translate(-2px, -2px);
    -ms-transform: translate(-2px, -2px);
    -o-transform: translate(-2px, -2px);
    -webkit-transform: translate(0, -2px);
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    transform: translate(0, -2px);
}

.project-item.style-two .details {
    padding: 40px 30px;
}

.project-item.style-two .details h2 {
    color: #303030;
    font-size: 24px;
    letter-spacing: 3px;
    line-height: 29px;
    margin-bottom: 10px;
}

.project-item.style-two .details .client-name {
    color: rgba(0, 0, 0, 0.4);
    font-size: 12px;
    font-style: italic;
    line-height: 15px;
    margin-bottom: 0;
}

.c3 .project-item.style-two .details {
    padding: 20px 30px 20px 30px
}

.c3 .project-item.style-two .details h2 {
    font-size: 14px;
    letter-spacing: 1.5px;
    line-height: 18px;
    margin-bottom: 0;
}

.c3 .project-item.style-two .details .client-name {
    display: none;
}

/* Style #3
------------------------------*/

.c3.full-width .project-item.style-three,
.c6.full-width .project-item.style-three {
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin-bottom: 0;
    overflow: hidden;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
}

/* Style #4
------------------------------*/

.single-portfolio .style-four .project-client-quote blockquote {
    margin-top: 50px;
}

.single-portfolio .style-four .project-details li {
    padding-bottom: 0;
}

.single-portfolio .style-four .project-brief {
    color: #303030;
    font-family: "Merriweather", "serif";
    font-size: 36px;
    letter-spacing: 1.5px;
    line-height: 47px;
    margin-bottom: 40px;
}

.single-portfolio .style-four .custom-divider {
    margin-bottom: 40px;
}

.single-portfolio .style-four .single-project {
    margin-top: 60px;
}

/* Style #5
------------------------------*/

.project-item.style-five {
    height: 100%;
    position: relative;
}

.project-item.style-five .details h2,
.project-item.style-five .details h2 a,
.project-item.style-five .details p,
.project-item.style-five .details p span {
    color: #fff;
}

.project-item.style-five .details h2 {
    font-size: 48px;
    font-weight: 600;
    letter-spacing: 10px;
    line-height: 58px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.project-item.style-five .project-overlay {
    -webkit-background-clip: padding-box;
    background: rgba(51, 51, 51, 0.6);
    background-clip: padding-box;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

.project-item.style-five .details {
    display: table;
    height: 100%;
    left: 60px;
    position: absolute;
    width: 100%;
}

.project-item.style-five .details .project-type {
    font-size: 14px;
    font-style: italic;
    line-height: 18px;
    margin-bottom: 0;
}

.project-item.style-five .details .client-name {
    font-family: "Josefin Sans", "sans-serif";
    font-style: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.project-item.style-five .details .vertical-align {
    display: table-cell;
    vertical-align: middle;
}

.single-portfolio .style-five .project-brief {
    color: #666;
    font-family: "Merriweather", "serif";
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 35px;
    margin-bottom: 60px;
}

.single-portfolio .style-five .custom-divider {
    margin-bottom: 40px;
}

.single-portfolio .style-five .project-client-quote blockquote {
    margin-top: 20px;
}

.single-portfolio .style-five .project-details {
    margin-top: 20px;
}

.single-portfolio .style-five .view-project {
    margin-top: 10px;
}

/* Style #6
------------------------------*/

.project-item.style-six {
    height: 100%;
    margin-bottom: 40px;
    position: relative;
    text-align: center;
}

.project-item.style-six .details h2,
.project-item.style-six .details h2 a,
.project-item.style-six .details p,
.project-item.style-six .details p span {
    color: #fff;
}

.project-item.style-six .details h2 {
    font-size: 48px;
    font-weight: 600;
    letter-spacing: 10px;
    line-height: 58px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.project-item.style-six .project-overlay {
    -webkit-background-clip: padding-box;
    background: rgba(51, 51, 51, 0.6);
    background-clip: padding-box;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

.project-item.style-six .details {
    display: table;
    height: 100%;
    position: absolute;
    width: 100%;
}

.project-item.style-six .project-types {
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
}

.project-item.style-six .details .project-type {
    background: rgba(153, 216, 210, 0.8);
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0;
    margin-left: 5px;
    margin-right: 5px;
    padding: 20px 40px 17px 40px;
}

.project-item.style-six .details .client-name {
    font-family: "Josefin Sans", "sans-serif";
    font-style: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.project-item.style-six .details .vertical-align {
    display: table-cell;
    vertical-align: middle;
}

/* Style #7
------------------------------*/

.project-item.style-seven {
    height: 100%;
    margin-bottom: 40px;
    position: relative;
    text-align: center;
}

.project-item.style-seven .details h2,
.project-item.style-seven .details h2 a,
.project-item.style-seven .details p,
.project-item.style-seven .details p span {
    color: #fff;
}

.project-item.style-seven .details h2 {
    font-size: 48px;
    font-weight: 600;
    letter-spacing: 10px;
    line-height: 58px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.project-item.style-seven .project-overlay {
    -webkit-background-clip: padding-box;
    background: rgba(51, 51, 51, 0.6);
    background-clip: padding-box;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

.project-item.style-seven .details {
    display: table;
    height: 100%;
    position: absolute;
    width: 100%;
}

.project-item.style-seven .details .project-type {
    background: none;
    border: 2px solid #fff;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 20px;
    margin-left: 5px;
    margin-right: 5px;
    opacity: .4;
    padding: 15px 30px 11px 30px;
}

.project-item.style-seven .details .client-name {
    font-family: "Josefin Sans", "sans-serif";
    font-style: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.project-item.style-seven .details .vertical-align {
    display: table-cell;
    vertical-align: middle;
}

/*----------------------------------------------*/
/*  18 - Blog
/*----------------------------------------------*/

/* General
------------------------------------------------*/

.news-item {
    margin-bottom: 40px;
}

.news-item .details .date-posted,
.news-item .details .post-by {
    color: rgba(0, 0, 0, 0.4);
    font-size: 14px;
    font-style: italic;
    line-height: 18px;
    margin-bottom: 20px;
}

.news-item .details p span {
    color: #303030;
    font-family: "Josefin Sans", "sans-serif";
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2px;
    margin-left: 3px;
    text-transform: uppercase;
}

.news-item .details h2 a {
    color: #303030;
}

.news-item h2 {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 1.5px;
    line-height: 37px;
    margin-bottom: 10px;
    margin-top: 0;
    text-transform: uppercase;
}

.news-item hr {
    background-color: #badad7;
    border: none;
    height: 2px;
    margin-bottom: 30px;
    margin-left: 0;
    width: 60%;
}

.post-overview {
    padding: 40px 300px 90px 40px;
}

.with-sidebar .post-overview {
    padding: 40px 40px 80px 40px;
}

/* Blog Index / Search Index / Archive Index
------------------------------------------------*/

.blog .style-one .post-excerpt,
.search-results .style-one .post-excerpt,
.archive .style-one .post-excerpt {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 40px;
}

.blog .style-two .post-excerpt,
.search-results .style-two .post-excerpt,
.archive .style-two .post-excerpt {
    background: none;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 60px;
}

.blog .style-two .post-excerpt .meta-details p,
.search-results .style-two .post-excerpt .meta-details p,
.archive .style-two .post-excerpt .meta-details p {
    color: rgba(0, 0, 0, 0.4);
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 0;
}

.blog .style-two .post-excerpt .meta-details p span,
.search-results .style-two .post-excerpt .meta-details p span,
.archive .style-two .post-excerpt .meta-details p span {
    color: #303030;
    font-family: "Josefin Sans", "sans-serif";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1.5px;
    line-height: 14px;
    text-transform: uppercase;
}

.blog .style-two .post-excerpt .date-stamp,
.search-results .style-two .post-excerpt .date-stamp,
.archive .style-two .post-excerpt .date-stamp {
    color: rgba(0, 0, 0, 0.4);
    font-family: "Josefin Sans", "sans-serif";
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 24px;
}

.blog .style-two .post-excerpt h2,
.search-results .style-two .post-excerpt h2,
.archive .style-two .post-excerpt h2 {
    font-size: 24px;
    letter-spacing: 3px;
    line-height: 29px;
    margin-bottom: 30px;
}

.blog .style-two .meta-container,
.blog .style-two.with-sidebar .meta-container,
.search-results .style-two .meta-container,
.archive .style-two .meta-container {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    padding: 40px 20px;
    position: relative;
    text-align: center;
    transition: all .2s ease-in-out;
}

.blog .style-two .meta-container:hover,
.blog .style-two.with-sidebar .meta-container:hover,
.search-results .style-two .meta-container:hover,
.archive .style-two .meta-container:hover {
    -moz-transform: translate(-2px, -2px);
    -ms-transform: translate(-2px, -2px);
    -o-transform: translate(-2px, -2px);
    -webkit-transform: translate(0, -2px);
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    transform: translate(0, -2px);
}

.blog .style-two .post-thumbnail,
.search-results .style-two .post-thumbnail,
.archive .style-two .post-thumbnail {
    margin-bottom: 40px;
}

/* Single Blog Post (Style Specific)
------------------------------------------------*/

.post-single {
    margin-bottom: 30px;
    padding-bottom: 0;
}

/* Style #1
------------------*/

.single-post .style-one.with-sidebar .post-single {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 40px;
}

.single-post .style-one .post-single {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 40px;
    overflow: hidden;
    padding: 100px 0;
}

.single-post .style-one .custom-excerpt {
    font-family: "Josefin Sans", "sans-serif";
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 35px;
    text-transform: uppercase;
}

.single-post .style-one .alignnone img,
.single-post .style-one img.alignnone {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    left: -13em;
    margin-top: 10px;
    max-width: 100%;
    max-width: 100vw;
    position: relative;
    right: -13em;
    width: auto;
    width: calc(100% + 26em);
}

.single-post .style-one .wp-caption-text {
    display: none
}

.single-post .style-one blockquote {
    border: none;
    color: rgba(0, 0, 0, 0.4);
    float: right;
    font-size: 30px;
    line-height: 41px;
    margin: 0 0 5px 40px;
    padding: 0;
    text-align: right;
    width: 260px;
}

.single-post .style-one.with-sidebar .post-single {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 60px;
    overflow: hidden;
    padding: 80px 60px;
}

/* Style #2
------------------*/

.single-post .style-two .post-single {
    margin-bottom: 100px;
    overflow: hidden;
}

.single-post .style-two .title-date {
    padding: 0 60px;
    text-align: center;
}

.single-post .style-two .title-date span {
    color: #303030;
    font-weight: 600;
}

.single-post .style-two .title-date h1 {
    font-size: 72px;
    letter-spacing: 5px;
    line-height: 83px;
}

.single-post .style-two .title-date hr {
    background-color: #303030;
    border: none;
    height: 4px;
    margin-bottom: 60px;
    text-align: center;
    width: 50%;
}

.single-post .style-two .title-date p {
    color: #666;
    font-size: 18px;
    font-style: italic;
    line-height: 23px;
}

.single-post .style-two .title-date a {
    border-bottom: 1px dotted;
    color: #303030;
    padding-bottom: 2px;
}

.single-post .style-two .custom-excerpt {
    font-family: "Josefin Sans", "sans-serif";
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 35px;
}

.single-post .style-two .alignnone img,
.single-post .style-two img.alignnone {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    left: -13em;
    margin-top: 10px;
    max-width: 100%;
    max-width: 100vw;
    position: relative;
    right: -13em;
    width: auto;
    width: calc(100% + 26em);
}

.single-post .style-two .wp-caption-text {
    display: none;
}

.single-post .style-two blockquote {
    border: none;
    color: rgba(0, 0, 0, 0.4);
    float: right;
    font-size: 30px;
    line-height: 41px;
    margin: 0 0 5px 40px;
    padding: 0;
    text-align: right;
    width: 260px;
}

/* Style #3
------------------*/

.single-post .style-three .post-single {
    margin-bottom: 100px;
    overflow: hidden;
}

.single-post .style-three .title-excerpt {
    padding: 0;
}

.single-post .style-three .title-excerpt .author-avatar {
    float: left;
    margin-right: 20px;
}

.single-post .style-three .title-excerpt .author-name {
    font-family: "Josefin Sans", "sans-serif";
    font-size: 18px;
    font-style: normal;
    letter-spacing: 2px;
    line-height: 22px;
    margin-left: 3px;
    text-transform: uppercase;
}

.single-post .style-three .title-excerpt span {
    color: #303030;
    font-weight: 600;
}

.single-post .style-three .title-excerpt h1 {
    border-top: 2px solid #ddd;
    font-size: 72px;
    letter-spacing: 5px;
    line-height: 83px;
    margin-top: 60px;
    padding-top: 60px;
}

.single-post .style-three .title-excerpt hr {
    background-color: #303030;
    border: none;
    height: 6px;
    margin-bottom: 60px;
    margin-left: 0;
    width: 50%;
}

.single-post .style-three .title-excerpt a {
    border-bottom: 1px dotted;
    color: #303030;
    padding-bottom: 2px;
}

.single-post .style-three .title-excerpt p {
    color: #9b9b9b;
    font-size: 18px;
    font-style: italic;
    line-height: 23px;
    margin-bottom: 10px;
}

.single-post .style-three .title-excerpt p:first-of-type {
    padding-top: 10px;
}

.single-post .style-three .custom-excerpt p {
    color: #303030;
    font-family: "Josefin Sans", "sans-serif";
    font-size: 36px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 1.5px;
    line-height: 47px;
    margin-bottom: 40px;
}

.single-post .style-three .alignnone img,
.single-post .style-three img.alignnone {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    left: 0;
    margin-top: 10px;
    max-width: 100%;
    max-width: 100vw;
    position: relative;
    right: -30em;
    width: auto;
    width: calc(100% + 30em);
}

.single-post .style-three .wp-caption-text {
    display: none;
}

.single-post .style-three blockquote {
    border: none;
    color: rgba(0, 0, 0, 0.4);
    float: right;
    font-size: 30px;
    line-height: 41px;
    margin: 0 0 5px 40px;
    padding: 0;
    text-align: right;
    width: 260px;
}

.single-post .style-three .tall-featured-image {
    position: relative;
}

.single-post .style-three .tall-featured-image .tall-featured-caption {
    bottom: 100px;
    color: #fff;
    font-size: 30px;
    font-style: italic;
    left: 60px;
    line-height: 41px;
    padding-right: 100px;
    position: absolute;
}

.single-post .style-three .tall-featured-image img {
    -o-object-fit: cover;
    height: 2000px;
    object-fit: cover;
    width: 100%;
}

/* Featured / Latest Article Badges
------------------------------------------------*/

.featured-article-badge-sml,
.latest-article-badge-sml {
    color: #fff;
    display: inline-block;
    font-family: "Josefin Sans", "sans-serif";
    font-size: 15px;
    font-weight: 700;
    left: 0;
    letter-spacing: 3px;
    line-height: 20px;
    padding: 22px 35px 16px 35px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 100%;
    z-index: 200;
}

.spacer {
    background: transparent;
    height: 40px;
    margin-bottom: 20px;
}

.featured-article-badge-std,
.latest-article-badge-std {
    bottom: 0;
    color: #fff;
    display: inline-block;
    font-family: "Josefin Sans", "sans-serif";
    font-size: 18px;
    font-weight: 700;
    left: 0;
    letter-spacing: 4px;
    line-height: 20px;
    padding: 26px 40px 20px 40px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    z-index: 200;
}

.featured-article-badge-lg {
    bottom: 0;
    color: #fff;
    display: inline-block;
    font-family: "Josefin Sans", "sans-serif";
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 4px;
    line-height: 20px;
    padding: 26px 40px 20px 40px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    z-index: 200;
}

.latest-article-badge-lg {
    color: #fff;
    display: inline-block;
    font-family: "Josefin Sans", "sans-serif";
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 4px;
    line-height: 20px;
    padding: 26px 40px 20px 40px;
    position: absolute;
    right: 10px;
    text-align: center;
    text-transform: uppercase;
    z-index: 200;
}

.blog-style-one .latest-post .latest-article-badge-lg {
    right: 10px;
}

.featured-article-badge-sml,
.featured-article-badge-std,
.featured-article-badge-lg {
    background-color: rgba(140, 190, 178, 0.8);
}

.latest-article-badge-sml,
.latest-article-badge-std,
.latest-article-badge-lg {
    background-color: rgba(140, 190, 178, 0.6);
}

.single-post .page-content .featured-article-badge-lg,
.single-post .page-content .latest-article-badge-lg {
    color: #fff;
    display: inline-block;
    font-family: "Josefin Sans", "sans-serif";
    font-size: 18px;
    font-weight: 700;
    height: 65px;
    letter-spacing: 4px;
    line-height: 20px;
    padding: 26px 40px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    z-index: 200;
}

.single-post .custom-header .featured-article-badge-lg,
.single-post .custom-header .latest-article-badge-lg {
    bottom: -1px;
    color: #fff;
    display: block;
    font-family: "Josefin Sans", "sans-serif";
    font-size: 18px;
    font-weight: 700;
    height: 65px;
    left: 0;
    letter-spacing: 4px;
    line-height: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 26px 40px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    width: 330px;
    z-index: 200;
}

/* Post Excerpt
------------------------------------------------*/

.post-excerpt .date-stamp,
.post-single .date-stamp {
    color: #ddd;
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.post-excerpt h2,
.post-single h2 {
    margin-bottom: 10px;
    padding-bottom: 0;
}

.post-excerpt h2 a,
.post-single h2 a {
    color: #303030;
}

.post-excerpt h2 a:hover,
.post-single h2 a:hover {
    color: #999;
}

.post-excerpt .meta-details .fa,
.post-excerpt .meta-details [class*="ion-"],
.post-excerpt .meta-details [class*="el-"],
.post-single .meta-details .fa,
.post-single .meta-details [class*="ion-"],
.post-single .meta-details [class*="el-"] {
    padding: 0 5px;
}

.post-excerpt .meta-details p,
.post-single .meta-details p {
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    letter-spacing: .2px;
    margin-bottom: 10px;
}

.post-excerpt .meta-details span,
.post-single .meta-details span {
    margin-left: 3px;
}

.post-excerpt .post-cat,
.post-single .post-cat {
    color: #999;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    text-transform: lowercase;
}

.post-excerpt .post-cat span a,
.post-single .post-cat span a {
    color: #303030;
    font-style: normal;
    letter-spacing: 1px;
    margin-left: 2px;
}

.post-excerpt .post-cat span a:hover,
.post-single .post-cat span a:hover {
    color: #666;
}

.post-excerpt .meta-details a,
.post-single .meta-details a {
    border-bottom: 1px dotted;
    color: #303030;
    font-weight: 700;
    padding-bottom: 2px;
}

.post-excerpt .meta-details a:hover,
.post-single .meta-details a:hover {
    color: #666;
}

.post-excerpt .post-thumbnail,
.post-single .post-thumbnail {
    list-style: none;
    overflow: hidden;
    position: relative;
}

.post-excerpt .post-thumbnail img,
.post-single .post-thumbnail img,
.post-excerpt .video-frame {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    overflow: hidden;
    width: 100%;
}

/* Author Avatar
------------------------------------------------*/

.blog-single-header .author-avatar {
    margin-bottom: 10px;
}

.author-avatar img {
    border-radius: 100px;
    display: inline-block;
    height: auto;
    max-width: 100%;
    opacity: 1;
    vertical-align: bottom;
}

.post-excerpt .author-avatar,
.post-single .author-avatar {
    border-radius: 100px;
    height: auto;
    margin-bottom: 30px;
    max-width: 100%;
}

.avatar img {
    border-radius: 100px;
    display: inline-block;
    height: auto;
    margin-bottom: 30px;
    max-width: 100%;
}

/* Post Tags
------------------------------------------------*/

.post-tags {
    margin-bottom: 60px;
}

.post-tags a {
    color: #303030;
    display: inline-block;
    font-family: "Josefin Sans", "sans-serif";
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 14px;
    margin-right: 5px;
    margin-top: 12px;
    padding: 15px 24px 12px 24px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
}

.post-tags a::before {
    content: "#";
}

.post-tags a:hover {
    color: #9b9b9b;
    position: relative;
}

/* Author Bio
------------------------------------------------*/

.author-bio {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
    float: left;
    margin-bottom: 40px;
    max-width: 100%;
    padding: 40px 0;
    width: 100%;
}

.author-bio p {
    margin-top: 20px;
}

.about-author {
    color: #999;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
}

.about-author span {
    color: #303030;
    font-family: "Josefin Sans", "sans-serif";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 22px;
    margin-left: 4px;
    text-transform: uppercase;
}

.author-description {
    color: #666;
    font-size: 15px;
    line-height: 27px;
}

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

#comments {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
    display: inline-block;
    margin: -20px 0 40px 0;
    padding: 80px 0;
    width: 100%;
}

#comments h1 {
    margin-bottom: 10px;
}

#comments hr {
    background-color: #000;
    border: none;
    height: 2px;
    margin-bottom: 20px;
    width: 50%;
}

#comments h4 {
    border-bottom: #ddd 2px solid;
    display: block;
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 20px;
}

.style-one.with-sidebar #comments {
    padding: 60px 0;
}

.comments-info {
    color: #999;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
}

.comments-info span {
    color: #303030;
    font-family: "Josefin Sans", "sans-serif";
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    margin-left: 3px;
    text-transform: uppercase;
}

.comments-count {
    margin-bottom: 80px;
    text-align: center;
}

.comments-list {
    padding: 40px 60px 40px 0;
}

.style-one.with-sidebar .comments-list {
    padding: 40px 60px 40px 30px;
}

.comment {
    display: inline-block;
    margin-top: 10px;
    padding-top: 30px;
}

.comment .comment-entry,
.comment .comment-meta {
    float: right;
    width: 100%;
}

.comment .comment-entry {
    color: #666;
    font-size: 15px;
    line-height: 27px;
}

.comment .comment-meta {
    margin-bottom: 20px;
}

.comment:first-child {
    border-top: 0;
    margin: 0;
    padding: 0;
}

.comment .children {
    padding-left: 60px;
}

.comment .children .children .comment-entry,
.comment .children .children .comment-meta,
.comment .children .comment-entry,
.comment .children .comment-meta {
    width: 100%;
}

.comment .children .comment {
    margin-top: 10px;
    padding-top: 30px;
}

.comment .children .comment {
    position: relative;
}

.comment .author {
    margin-bottom: 5px;
    margin-top: 0;
}

.comment .author a {
    border-bottom: none;
    color: #303030;
    font-size: 16px;
    margin: 10px 0;
    padding-bottom: 0;
    text-transform: uppercase;
}

.comment .author a:hover {
    color: #999;
}

.comment .avatar {
    border-radius: 100px;
    display: block;
    float: right;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

.comment > div {
    display: inline-block;
}

.comment .date {
    color: #999;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
}

.comment .date {
    margin-bottom: 0;
}

.comment .date span {
    color: #303030;
    font-family: "Josefin Sans", "sans-serif";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    margin-left: 5px;
    text-transform: uppercase;
}

.comment-reply-link {
    border-bottom: 1px dotted;
    color: #303030;
    font-family: "Josefin Sans", "sans-serif";
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 14px;
    padding-bottom: 2px;
    text-transform: uppercase;
}

.comment-reply-link:hover {
    color: #999;
}

.comment-moderate {
    float: left;
}

#respond {
    display: inline-block;
    margin-bottom: 20px;
    margin-left: 0;
    margin-top: 80px;
    padding: 0 80px;
    width: 100%;
}

#respond h3 {
    color: #303030;
    font-size: 38px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 46px;
    margin-bottom: 0;
    margin-top: 20px;
    padding-bottom: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

#respond h3:after {
    border-bottom: 2px solid #000;
    bottom: -10px;
    content: '';
    left: 25%;
    position: absolute;
    width: 50%;
}

#respond p {
    color: #999;
    font-style: italic;
    font-weight: 400;
    text-transform: lowercase;
}

.style-one.with-sidebar #respond {
    padding: 0 60px;
}

/* Comment Form
------------------------------------------------*/

.comment-form {
    margin-bottom: 20px;
    margin-top: 80px;
    text-align: left;
}

.comment-form .c4 {
    padding-left: 0;
    padding-right: 20px;
}

.comment-form .c4:last-of-type {
    padding-left: 0;
    padding-right: 0;
}

.comment-form .c12 {
    padding-left: 0;
    padding-right: 0;
}

.comment-form fieldset {
    margin-bottom: 20px;
}

.comment-form input[type=text],
.comment-form input[type=password],
.comment-form input[type=email],
.comment-form input[type=url],
.comment-form textarea,
select {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #eee;
    border: none;
    border-radius: 3px;
    box-sizing: border-box;
    color: #999;
    display: inline-block;
    font-family: "Josefin Sans", "sans-serif";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 18px;
    margin: 0;
    margin-bottom: 20px;
    outline: none;
    padding: 15px 15px 11px 15px;
    text-transform: uppercase;
    width: 100%;
}

.comment-form textarea {
    margin-bottom: 0;
}

.comment-form select {
    padding: 0;
}

.comment-form input[type=text]:focus,
.comment-form input[type=password]:focus,
.comment-form input[type=email]:focus,
.comment-form input[type=url]:focus,
.comment-form textarea:focus {
    background-color: #ddd;
    color: #303030;
}

.comment-form textarea {
    min-height: 300px;
}

.comment-form label,
.comment-form legend {
    display: block;
    font-size: 12px;
    font-weight: 700;
}

.comment-form select {
    padding: 6px;
    width: 220px;
}

.comment-form input[type=checkbox] {
    display: inline;
}

.comment-form label span,
.comment-form legend span {
    color: #444;
    font-size: 12px;
    font-weight: 400;
}

.comment-form input.error,
.comment-form textarea.error {
    margin-bottom: 6px;
}

.comment-form #submit {
    display: inline-block;
    font-style: normal;
    letter-spacing: 1px;
    line-height: 14px;
    margin-top: 30px;
    padding: 15px 24px 12px 24px;
    text-decoration: none;
    text-transform: uppercase;
}

.comment-form ::-webkit-input-placeholder {
    color: #999;
}

.comment-form :-moz-placeholder {
    color: #999;
}

.comment-form ::-moz-placeholder {
    color: #999;
}

.comment-form :-ms-input-placeholder {
    color: #999;
}

.comment-form-comment {
    margin-bottom: 0;
}

.comment-form .email-notice {
    color: #999;
    font-size: 12px;
}

/* Posts Not Found
------------------------------------------------*/

.posts-not-found h1 {
    margin-top: 0;
}

.posts-not-found hr {
    background-color: #303030;
    border: none;
    height: 4px;
    margin-bottom: 30px;
    margin-left: 0;
    width: 50%;
}

.posts-not-found p {
    margin-bottom: 40px;
}

/*----------------------------------------------*/
/*  19 - Team Members
/*----------------------------------------------*/

.team-member h2 {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 1.5px;
    line-height: 37px;
    margin-bottom: 5px;
    margin-top: 0;
    text-transform: uppercase;
}

.team-member hr {
    background-color: #badad7;
    border: none;
    height: 2px;
    margin-bottom: 30px;
    margin-left: 0;
    width: 60%;
}

.team-members {
    margin-top: 60px;
}

.team-member {
    margin-bottom: 40px;
}

.member-name {
    border-bottom: none;
    font-weight: 400;
    margin-bottom: 0;
    padding-bottom: 10px;
}

.member-role {
    color: rgba(0, 0, 0, 0.4);
    font-style: italic;
    letter-spacing: .5px;
    line-height: 20px;
    margin-bottom: 20px;
}

/*----------------------------------------------*/
/*  20 - Services
/*----------------------------------------------*/

.service-item {
    margin-bottom: 40px;
}

.service-item [class^="icon-"] {
    color: #303030;
    font-size: 60px;
    margin-bottom: 10px;
}

.service-item h2 {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 1.5px;
    line-height: 37px;
    margin-bottom: 20px;
    margin-top: 0;
    text-transform: uppercase;
}

.service-item hr {
    background-color: #badad7;
    border: none;
    height: 2px;
    margin-bottom: 30px;
    margin-left: 0;
    width: 60%;
}

.service-item .details p {
    font-size: 14px;
    line-height: 25px;
}

/*----------------------------------------------*/
/*  21 - Page
/*----------------------------------------------*/

.page-template-default .alignnone img,
.page-template-default img.alignnone {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    left: -12.9em;
    margin-top: 10px;
    max-width: 100%;
    max-width: 100vw;
    position: relative;
    right: -12.9em;
    width: auto;
    width: calc(100% + 25.9em);
}

.page-template-default blockquote {
    border: none;
    color: rgba(0, 0, 0, 0.4);
    float: left;
    font-size: 30px;
    line-height: 41px;
    margin: 0 40px 5px 0;
    padding: 0;
    text-align: left;
    width: 260px;
}

/* Services / About Page
------------------------------------------------*/

.services .service-item,
.about .team-member {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    text-align: center;
    transition: all .2s ease-in-out;
}

.services .service-item:hover,
.about .team-member:hover {
    -moz-transform: translate(-2px, -2px);
    -ms-transform: translate(-2px, -2px);
    -o-transform: translate(-2px, -2px);
    -webkit-transform: translate(0, -2px);
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    transform: translate(0, -2px);
}

.services .service-item .details {
    padding: 60px 30px 40px 30px;
}

.about .team-member hr,
.services .service-item hr {
    margin-left: 20%;
}

/* Services
------------------*/

.services .introduction-image {
    margin-bottom: 80px;
}

.services .introduction-title {
    font-size: 48px;
    font-weight: 600;
    letter-spacing: 3px;
    line-height: 59px;
    margin-top: 0;
}

.services .small-divider {
    background-color: #303030;
    border: none;
    height: 4px;
    margin-bottom: 40px;
    margin-left: 0;
    width: 70%;
}

.services .introduction-subtitle {
    color: #9b9b9b;
    font-family: "Merriweather", "serif";
    font-size: 24px;
    font-weight: normal;
    letter-spacing: .5px;
    line-height: 36px;
    margin-bottom: 30px;
    text-transform: none;
}

.services .services-grid {
    margin-top: 80px;
}

.services p:first-child {
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 30px;
}

/* About
------------------*/

.about .introduction-image {
    margin-bottom: 80px;
}

.about .introduction-title {
    font-size: 48px;
    font-weight: 600;
    letter-spacing: 3px;
    line-height: 59px;
    margin-top: 0;
}

.about .small-divider {
    background-color: #303030;
    border: none;
    height: 4px;
    margin-bottom: 40px;
    margin-left: 0;
    width: 70%;
}

.about .introduction-subtitle {
    color: #9b9b9b;
    font-family: "Merriweather", "serif";
    font-size: 24px;
    font-weight: normal;
    letter-spacing: .5px;
    line-height: 36px;
    margin-bottom: 30px;
    text-transform: none;
}

.about .team-grid {
    margin-top: 80px;
}

.about p:first-child {
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 30px;
}

/*----------------------------------------------*/
/*  22 - Footer Global
/*----------------------------------------------*/

.footer-global[role="contentinfo"] {
    background-color: #303030;
    color: #fff;
    padding-bottom: 20px;
    padding-top: 60px;
    text-align: center;
}

.footer-global[role="contentinfo"] a {
    color: #9b9b9b;
}

.footer-global[role="contentinfo"] a:hover {
    color: #666;
}

.footer-global[role="contentinfo"] .logo.footer h1 {
    border: none;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 35px;
    margin-bottom: 30px;
    margin-top: 0;
    text-transform: uppercase;
}

.footer-global[role="contentinfo"] .logo.footer h1 a {
    color: #fff;
}

.footer-global[role="contentinfo"] .image-logo img {
    float: none;
    margin-bottom: 50px;
}

.copyright-info {
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    margin-top: 10px;
    text-transform: uppercase;
}

/*----------------------------------------------*/
/*  23 - 404 Page
/*----------------------------------------------*/

.error404 hr {
    background-color: #303030;
    border: none;
    height: 4px;
    margin-bottom: 30px;
    margin-left: 0;
    width: 50%;
}

.error404 p {
    margin-bottom: 40px;
}

/*----------------------------------------------*/
/*  24 - Widgets (Additional Styling)
/*----------------------------------------------*/

.widget {
    clear: both;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 40px;
    text-align: left;
}

.widget ul {
    list-style: none;
    margin-left: 0;
}

.widget ul li {
    border-bottom: 1px solid #dddddd;
    font-size: 14px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    padding-top: 0;
}

.widget ul a {
    color: #666;
}

.widget ul a:hover {
    color: #303030;
}

.widget-thumb {
    float: left;
    margin-right: 20px;
}

.widget-thumb img {
    border: 1px solid #fff;
    border-radius: 1px;
    vertical-align: bottom;
}

.tagcloud a {
    display: inline-block;
    padding-bottom: 6px;
    padding-right: 5px;
}

.post-widget {
    margin-top: 30px;
}

.post-date {
    color: #dddddd;
    display: block;
    font-size: 9px;
    font-style: normal;
    font-weight: 700;
    margin: 2px 0 5px 0;
    text-transform: uppercase;
}

.widget-excerpt a {
    font-size: 13px;
    text-transform: uppercase;
}

.sidebar h4.widget-title {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 29px;
    margin-bottom: 0;
    padding-bottom: 15px;
}

.sidebar hr {
    background-color: #badad7;
    border: none;
    height: 2px;
    margin-bottom: 30px;
    margin-left: 0;
    margin-top: -5px;
}

.sidebar .widget ul {
    margin-top: 0;
}

/* Search Bar
------------------------------------------------*/

.searchbar input[type="text"],
.searchbar input[type="password"],
.searchbar input[type="email"],
.searchbar textarea,
.searchbar select {
    background: none;
    border: 2px solid #303030;
    color: #303030;
    display: block;
    float: left;
    font-size: 14px;
    font-style: italic;
    line-height: 1.3;
    margin-bottom: 40px;
    outline: none;
    padding: 13px;
    width: 100%;
}

.searchbar input[type="text"]:focus,
.searchbar input[type="password"]:focus,
.searchbar input[type="email"]:focus,
.searchbar textarea:focus {
    border: 2px solid #303030;
    color: #303030;
}

.searchbar ::-webkit-input-placeholder {
    color: #9b9b9b;
}

.searchbar :-moz-placeholder {
    color: #9b9b9b;
}

.searchbar ::-moz-placeholder {
    color: #9b9b9b;
}

.searchbar :-ms-input-placeholder {
    color: #9b9b9b;
}

.searchbar .input-prepend {
    position: relative;
}

.searchbar [class^="icon-"] {
    color: #303030;
    font-size: 20px;
    position: absolute;
    right: 13px;
    top: 13px;
}

/*----------------------------------------------*/
/*  25 - Media Queries
/*----------------------------------------------*/

@media only screen and (max-width: 1950px) { 
    
    .uber-title,
    .page-title {
        font-size: 60px;
        line-height: 70px;
        letter-spacing: 6px;
        margin-top: 0;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

}

@media only screen and (max-width: 1670px) { 
    
    .header-global .social-icons > li {
        padding: 0 20px 0 0;
    }

}

@media (max-width: 1366px) { 
    
    .guumenu > li > a {
        margin-left: 10px;
        padding: 20px 10px;
        font-size: 12px;
        color: #fff;
        text-decoration: none;
        display: inline-block;
    }

    .guumenu ul.dropdown li {
        font-size: 11px;
    }

    .guumenu ul.dropdown {
        top: 50px;
        left: 75px;
    }

    .guumenu ul.dropdown li a {
        padding: 15px 18px 0;
    }

    .uber-title,
    .page-title,
    .introduction-title,
    .agency-style-three .introduction-title,
    .header-post-title,
    .header-project-title,
    .about .introduction-title,
    .services .introduction-title,
    .contact .introduction-title {
        font-size: 45px;
        line-height: 55px;
        letter-spacing: 6px;
        margin-top: 0;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .project-title {
        font-size: 55px;
        line-height: 65px;
    }

    .single-post .style-two .title-date h1,
    .single-post .style-three .title-excerpt h1 {
        font-size: 50px;
        line-height: 55px;
        margin-bottom: 20px;
    }

    .profile-image img {
        max-width: 70%;
        margin-bottom: 15px;
    }

    .custom-headings hr,
    .single-post .style-two .title-date hr {
        margin-bottom: 20px;
        height: 2px;
    }

    .single-post .style-two .title-date hr {
        margin-bottom: 30px;
    }

    .custom-headings p,
    .single-post .style-two .title-date p,
    .single-post .style-three .title-excerpt p {
        font-size: 16px;
        line-height: 26px;
    }

    .custom-headings p span,
    .single-post .style-two .title-date p span,
    .single-post .style-three .title-excerpt p span,
    .single-post .style-three .title-excerpt p .author-name {
        font-size: 16px;
    }

    .blog-style-one .posts .c6,
    .photography-style-one .projects .c6,
    .portfolio-style-one .projects .c6 {
        width: 100%;
    }

    .latest-post.full,
    .project.full {
        padding-right: 0;
    }

    .blog-style-one .latest-post .latest-article-badge-lg,
    .photography-style-one .project.full .latest-project-badge,
    .portfolio-style-one .project.full .latest-project-badge {
        right: 0;
    }

    .photography-style-one .project.full .latest-project-badge,
    .portfolio-style-one .project.full .latest-project-badge {
        font-size: 15px;
        height: 52px;
        width: 260px;
        padding: 18px 20px 10px 20px;
    }

    .photography-style-one .project-overview,
    .portfolio-style-one .project-overview {
        width: 80%;
    }

    .photography-style-one .project-overview .project-type {
        line-height: 17px;
        margin-bottom: 20px;
    }

    .blog-nav .prev.page-numbers:before {
        left: 20px;
    }

    .blog-nav .next.page-numbers:before {
        right: 20px;
    }

    .single-post .custom-header .featured-article-badge-lg,
    .single-post .custom-header .latest-article-badge-lg,
    .single-post .style-three .featured-article-badge-lg,
    .single-post .style-three .latest-article-badge-lg {
        font-size: 15px;
        height: 50px;
        width: 260px;
        padding: 18px 20px 10px 20px;
    }

    .single-post .style-three .tall-featured-image .tall-featured-caption {
        font-size: 20px;
        line-height: 30px;
        bottom: 40px;
        left: 30px;
    }

    .single-post .style-one .custom-excerpt,
    .single-post .style-two .custom-excerpt,
    .single-post .style-three .title-excerpt .custom-excerpt p,
    .project-brief {
        font-size: 22px;
        line-height: 33px;
    }

    .single-post .next-post-link.alt .next-post-container {
        bottom: 60px;
    }

    .single-post .next-post-link.alt h3 {
        font-size: 35px;
        line-height: 45px;
        margin-top: 30px;
    }

    .project-item.style-five .details h2,
    .project-overview h2,
    .project-overview h3 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: 7px;
        margin-bottom: 10px;
    }

    .project-overview h4 {
        font-size: 18px;
        letter-spacing: 1px;
        line-height: 29px;
    }

    .intro-statement p {
        font-size: 20px;
        line-height: 30px;
    }

    .c8.comments-alt {
        width: 83.33%;
    }

    .comments-alt .comment .avatar {
        width: 60px;
    }

    .comments-alt .c2 {
        padding-right: 0;
    }

    .comments-alt #comments {
        padding: 60px 20px;
    }

    .comments-alt #respond {
        margin-top: 30px;
        padding: 0 20px;
    }

    .comments-alt .comment-form input[type=text],
    .comments-alt .comment-form input[type=password],
    .comments-alt .comment-form input[type=email],
    .comments-alt .comment-form input[type=url],
    .comments-alt .comment-form textarea,
    .comments-alt select {
        font-size: 11px;
        letter-spacing: .5px;
    }

}

@media (max-width: 1024px) { 
    
    body {
        font-size: 15px;
        line-height: 1.9;
    }

    .page-content {
        padding: 60px 0 130px 0;
    }

    .grid-container,
    .rounded-container {
        max-width: 970px;
    }

    .guumenu > li > a {
        margin-left: 0;
        padding: 20px 15px;
        font-size: 14px;
        color: #fff;
        text-decoration: none;
        display: inline-block;
    }

    .guumenu ul.dropdown li {
        font-size: 12px;
    }

    .guumenu ul.dropdown {
        top: 65px;
        left: 95px;
    }

    .guumenu ul.dropdown li a {
        padding: 10px 24px 0;
    }

    .guumenu > li.current-menu-item > a:after {
        height: 0;
    }

    .header-button {
        padding: 12px 20px 9px 20px;
        font-size: 12px;
        line-height: 14px;
    }

    .homepage-portfolio,
    .homepage-services,
    .homepage-team,
    .homepage-news,
    .homepage-tweet,
    .homepage-quote-one,
    .homepage-quote-two,
    .introduction-container {
        padding: 60px 0;
    }

    .agency-style-three .introduction-container,
    .homepage-contact {
        padding: 60px 0 0 0;
    }

    .agency-style-three .homepage-portfolio {
        padding: 0 0 60px 0;
    }

    .introduction hr {
        margin-bottom: 20px;
    }

    .introduction-statement p,
    .intro-statement p,
    .agency-style-three .introduction-statement p,
    .single-portfolio .style-four .project-brief,
    .single-portfolio .style-five .project-brief {
        font-size: 20px;
        line-height: 32px;
    }

    .intro-statement p {
        margin-bottom: 15px;
    }

    .title-container h1,
    .contact-title.homepage {
        font-size: 35px;
    }

    #latest-tweet .tweet,
    .quotes blockquote p {
        font-size: 30px;
        line-height: 41px;
    }

    .project-item .details h2,
    .service-item h2,
    .team-member h2,
    .news-item h2,
    .post-excerpt h2,
    .post-single h2 {
        font-size: 25px;
        line-height: 30px;
    }

    .project-item.style-six .details h2,
    .project-item.style-seven .details h2 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: 7px;
        margin-bottom: 10px;
    }

    .project-item.style-six .details .project-type {
        font-size: 12px;
        padding: 20px 20px 15px 20px;
    }

    .project-item.style-seven .details .project-type {
        font-size: 12px;
        padding: 15px 15px 10px 15px;
        margin-bottom: 10px;
    }

    .single-portfolio .custom-header .project-type {
        padding: 15px 26px 11px 25px;
    }

    .single-portfolio .custom-header .project-type span {
        font-size: 12px;
    }

    .single-portfolio .project-type {
        font-size: 12px;
        padding: 12px 20px 9px 20px;
    }

    .contact-address.homepage,
    .contact-form.homepage .wpcf7-form input[type=text],
    .contact-form.homepage .wpcf7-form input[type=email],
    .contact-form.homepage .wpcf7-form textarea,
    .contact .style-one .contact-form .wpcf7-form input[type=text],
    .contact .style-one .contact-form .wpcf7-form input[type=password],
    .contact .style-one .contact-form .wpcf7-form input[type=email],
    .contact .style-one .contact-form .wpcf7-form textarea,
    .contact .style-one .contact-form .wpcf7-form select {
        font-size: 20px;
        line-height: 35px;
    }

    .agency-style-four .project-item.style-five .details {
        width: 90%;
    }

    .agency-style-four .author-avatar img {
        max-width: 60px;
    }

    .news-item .details .date-posted,
    .news-item .details .post-by {
        margin-bottom: 10px;
    }

    .agency-style-four .news-items .c3,
    .photography-style-one .projects .c3,
    .portfolio-style-one .projects .c3 {
        width: 100%;
        padding-right: 0;
    }

    .project-item.style-five .details {
        left: 0;
    }

    .blog-style-one .posts .c3 {
        width: 100%;
    }

    .blog-style-one .posts .c3 {
        padding-right: 0;
    }

    .post-details h2,
    .post-details h3,
    .project-overview h2,
    .project-overview h3 {
        font-size: 28px;
        line-height: 35px;
    }

    .filter .filter-button,
    .std-button,
    .wpcf7-form .wpcf7-submit {
        font-size: 12px;
        padding: 12px 20px 9px 20px;
    }

    .wpcf7-form .wpcf7-submit {
        margin-top: 10px;
    }

    .client-logos li {
        padding: 20px;
    }

    .client-logos img {
        max-width: 80%;
    }

    .blog .style-one .blog-nav .prev.page-numbers:before {
        left: 0;
    }

    .blog .style-one .blog-nav .next.page-numbers:before {
        right: 0;
    }

    .blog .style-two .post-excerpt h2,
    .search-results .style-two .post-excerpt h2,
    .archive .style-two .post-excerpt h2n {
        word-wrap: break-word;
    }

    .single-post .style-two .title-date h1,
    .single-post .style-three .title-excerpt h1 {
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 20px;
    }

    .single-post .style-one blockquote,
    .single-post .style-two blockquote,
    .single-post .style-three blockquote {
        font-size: 22px;
        line-height: 30px;
        margin: 0;
        width: 100%;
    }

    .single-post .next-post-link.alt h3 {
        font-size: 30px;
        line-height: 35px;
    }

    .c8.comments-alt {
        width: 91.66%;
    }

    .comments-alt .comment .avatar {
        width: 60px;
    }

    .comments-alt .c2 {
        padding-right: 0;
    }

    .comments-alt #comments {
        padding: 60px 20px;
    }

    .comments-alt #respond {
        margin-top: 30px;
        padding: 0 20px;
    }

    .comments-alt .comment-form input[type=text],
    .comments-alt .comment-form input[type=password],
    .comments-alt .comment-form input[type=email],
    .comments-alt .comment-form input[type=url],
    .comments-alt .comment-form textarea,
    .comments-alt select {
        font-size: 11px;
        letter-spacing: .5px;
    }

    .comment-form .c4 {
        width: 100%;
        padding-right: 0;
    }

    .row .row.nav {
        width: auto;
        margin: 0 0;
    }

    .mobile {
        position: relative;
        -o-transition-property: none;
        -moz-transition-property: none;
        -ms-transition-property: none;
        -webkit-transition-property: none;
        transition-property: none;
    }

    .mobile .c2 {
        margin-bottom: 10px;
    }

    .mobile .c10 {
        margin-bottom: 5px;
        float: none;
        width: 100%;
    }

    .mobile .c4 {
        margin-bottom: 0;
    }

    .header-top .c4 {
        display: none;
    }

    .logo.header {
        margin-left: 0;
    }

    .social-icons .tooltip span {
        display: none;
    }

    .dropcap {
        float: left;
        font-size: 50px;
        line-height: 48px;
        font-weight: 600;
        margin: 7px 3px 0 0;
    }

    .uber-title,
    .page-title,
    .introduction-title,
    .agency-style-three .introduction-title,
    .header-post-title,
    .header-project-title,
    .about .introduction-title,
    .services .introduction-title,
    .contact .introduction-title {
        font-size: 30px;
        line-height: 35px;
        letter-spacing: 6px;
        margin-top: 0;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .about p:first-child {
        letter-spacing: .5px;
        line-height: 28px;
    }

    .about .small-divider,
    .services .small-divider {
        margin-bottom: 25px;
    }

    .about .introduction-subtitle,
    .services .introduction-subtitle,
    .contact .introduction-subtitle {
        font-size: 20px;
        line-height: 30px;
    }

    .page-template-default .alignnone img,
    .page-template-default img.alignnone {
        width: calc(100% + 24.3em);
        left: -12.1em;
        right: -13em;
    }

    .uber-subtitle,
    .page-subtitle {
        font-size: 20px;
        line-height: 25px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .post-overview {
        padding: 40px 40px 90px 40px;
    }

    .back-to-top {
        height: 40px;
        width: 40px;
        right: 30px;
        bottom: 30px;
    }

}

@media (max-width: 768px) { 
    
    .grid-container,
    .rounded-container {
        max-width: 710px;
    }

    .single-post .style-one .post-single {
        padding: 100px 30px;
    }

    .title-container {
        margin-bottom: 30px;
    }

    .team-member img,
    .news-item img {
        width: 100%;
    }

    .agency-style-three .project-item img {
        width: 94%;
    }

    .team-members .c4,
    .news-items .c4 {
        margin-bottom: 0;
    }

    .footer-global[role="contentinfo"] {
        text-align: left;
    }

    .footer-global .social-icons {
        width: 100%;
    }

    .footer-global .social-icons li a {
        padding: 0 14px 0 0;
    }

    .contact-info.footer li {
        margin-right: 50px;
    }

    .contact-form {
        margin-top: 30px;
    }

    .sidebar {
        margin-top: 60px;
    }

    .single-post .style-two .title-date h1,
    .single-post .style-three .title-excerpt h1 {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 10px;
    }

    .single-post .style-three .title-excerpt .author-avatar {
        float: none;
        margin-bottom: 15px;
    }

    .comments-alt #comments {
        padding: 40px 0;
    }

    .single-post .style-one .alignnone img,
    .single-post .style-one img.alignnone {
        width: calc(100% + 26em);
        left: -4em;
        right: -13em;
    }

    .single-post .style-two .alignnone img,
    .single-post .style-two img.alignnone {
        width: calc(100% + 26em);
        left: -3em;
        right: -13em;
    }

    .single-post .style-three .tall-featured-image {
        display: none;
    }

    .c8.comments-alt {
        width: 100%;
    }

    .page-template-default .alignnone img,
    .page-template-default img.alignnone {
        width: calc(100% + 2.7em);
        left: -1.3em;
        right: -13em;
    }

    .comments-list {
        padding: 40px 30px 40px 30px;
    }

    .c6.previous-post-link {
        padding-right: 20px;
        margin-bottom: 20px;
    }

    .c6.next-post-link {
        padding-left: 20px;
    }

    .view-project.alt {
        text-align: left;
        margin-bottom: 30px;
    }

    .project-client-quote {
        margin-top: 60px;
    }

    .photography-style-one .project.full .latest-project-badge {
        font-size: 15px;
        height: 52px;
        width: 260px;
        padding: 18px 20px 10px 20px;
    }

    .project-overview {
        width: 100%;
    }

    h1.page-title {
        color: #fff;
    }

    .page-title {
        border-bottom: none;
    }

    .client-logos li {
        padding: 10px 10px 10px 0;
    }

    .filter li {
        float: none;
        margin-bottom: 10px;
        padding-bottom: 0;
    }

    .quotes blockquote p,
    #latest-tweet .tweet {
        font-size: 25px;
        line-height: 35px;
    }

    .post-excerpt .author-avatar,
    .post-single .author-avatar {
        margin-bottom: 30px;
    }

    .footer-global[role="contentinfo"] .image-logo img {
        float: left;
    }

    .copyright-info {
        text-align: left;
    }

    .pagination {
        float: left;
    }

    .author-bio {
        margin: 20px 0 40px 0;
        padding: 20px 20px 20px 0;
    }

    .author-bio img {
        width: 130px;
        margin-bottom: 15px;
    }

    .comment .avatar {
        float: left;
        margin-bottom: 30px;
        width: 60px;
    }

    .comment-form .c4 {
        padding-right: 0;
    }

    .pager {
        margin-top: 20px;
    }

    .pager .next a {
        float: left;
        clear: both;
    }

    .flex-direction-nav a {
        display: none;
    }

    .project-icons {
        margin-top: 20px;
    }

    .custom-header,
    .homepage-tweet,
    .homepage-quote-one,
    .homepage-quote-two {
        background-attachment: scroll!important;
    }

    .agency-style-four .news-items .c3 {
        width: 100%;
    }

    .agency-style-four .author-avatar img {
        max-width: 50px;
    }

    .agency-style-four .news-item .details h2 {
        font-size: 30px;
        line-height: 35px;
    }

    .news-item .details .date-posted,
    .news-item .details .post-by {
        margin-bottom: 20px;
    }

    .back-to-top {
        right: 20px;
        bottom: 20px;
    }

}

@media (max-width: 667px) { 
    
    .grid-container,
    .rounded-container {
        max-width: 620px;
    }

    .custom-header.large {
        height: 110vh;
    }

    .profile-image img {
        width: 50%;
    }

    .page-subtitle {
        display: none;
    }

    .intro-area {
        height: 60vh;
    }

    .intro-statement p {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .introduction-title,
    #comments h1,
    #respond h3 {
        font-size: 25px;
        line-height: 30px;
    }

    #comments hr {
        margin-bottom: 10px;
    }

    .comment .avatar {
        float: left;
    }

    .comment .avatar {
        width: 60px;
        margin-bottom: 20px;
    }

    .comment .children {
        padding-left: 20px;
    }

    .introduction-statement p,
    .intro-statement p,
    .agency-style-three .introduction-statement p {
        font-size: 15px;
        line-height: 26px;
    }

    .title-container h1,
    .contact-title.homepage {
        font-size: 30px;
        margin-bottom: 0;
    }

    .isotope .isotope-item {
        margin-bottom: 20px;
    }

    .filter .filter-button,
    .std-button,
    .post-tags a {
        font-size: 12px;
        padding: 12px 20px 9px 20px;
    }

    .project-item .details h2 {
        margin-bottom: 20px;
    }

    .blog-style-one .featured-article-badge-lg,
    .blog-style-one .latest-article-badge-lg,
    .scroll-arrow {
        display: none;
    }

    .blog-style-one .post-details {
        left: 20px;
        width: 80%;
    }

    .client-logos li {
        padding: 10px;
    }

    .client-logos img {
        max-width: 70%;
    }

    .blog .style-one .blog-nav .prev.page-numbers:before {
        left: 0;
    }

    .blog .style-one .blog-nav .next.page-numbers:before {
        right: 0;
    }

    .blog .style-two .blog-nav .prev.page-numbers:before {
        left: 20px;
    }

    .blog .style-two .blog-nav .next.page-numbers:before {
        right: 20px;
    }

    .single-post .style-one .custom-excerpt {
        font-size: 18px;
        line-height: 29px;
    }

    .single-post .style-one blockquote,
    .single-post .style-two blockquote,
    .single-post .style-three blockquote,
    .page-template-default blockquote {
        font-size: 22px;
        line-height: 30px;
        margin: 0;
        width: 100%;
    }

    .share-icons h4 {
        font-size: 15px;
    }

    .single-post .style-two .title-date {
        padding: 0;
    }

    .project-item.style-six .details .project-type,
    .project-item.style-seven .details .project-type {
        display: none;
    }

    .single-portfolio .custom-header .project-type {
        padding: 12px 28px 9px 25px;
    }

    .project-title {
        font-size: 45px;
        line-height: 55px;
    }

    .contact .style-three .contact-form {
        padding: 30px;
    }

    .page-template-default .alignnone img,
    .page-template-default img.alignnone {
        width: calc(100% + 2.7em);
        left: -1.4em;
        right: -13em;
    }

    .single-post .next-post-link.alt .next-post-container {
        bottom: 20px;
    }

    .single-post .next-post-link.alt h3 {
        display: none;
    }

}

@media (max-width: 479px) { 
    
    .grid-container,
    .rounded-container {
        max-width: 340px;
    }

    .uber-title,
    .page-title,
    .introduction-title,
    .project-item .details h2,
    .service-item h2,
    .team-member h2,
    .news-item h2 {
        font-size: 20px;
        line-height: 25px;
    }

    #latest-tweet .tweet,
    .quotes blockquote p {
        font-size: 20px;
        line-height: 30px;
        word-wrap: break-word;
    }

    .author-info {
        float: left;
        clear: both;
    }

    .post-tags {
        margin-top: 20px;
    }

    .contact-info.footer li {
        margin-bottom: 30px;
    }

    .project-item.style-five .details h2,
    .agency-style-four .news-item .details h2,
    .project-item.style-six .details h2,
    .project-item.style-seven .details h2,
    .project-overview h2,
    .project-overview h3,
    .project-overview h4 {
        font-size: 20px;
        line-height: 25px;
        letter-spacing: 5px;
        margin-bottom: 15px;
    }

    .project-item .details .client-name {
        font-size: 12px;
        line-height: 14px;
    }

    .intro-area {
        height: 40vh;
    }

    .intro-statement p {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 10px;
    }

    .single-post .style-one .post-single {
        padding: 60px 10px;
    }

    .single-post .style-one blockquote,
    .single-post .style-two blockquote,
    .single-post .style-three blockquote {
        margin: 0;
    }

    .comments-list {
        padding: 20px 10px;
    }

    .comment .children {
        padding-left: 10px;
    }

    #respond {
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: 0;
        padding: 0 30px;
    }

    .portfolio-thumb .image-caption {
        position: absolute;
        bottom: 20px;
        left: 15px;
        font-size: 12px;
        line-height: 16px;
    }

    .project-title {
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 20px;
    }

    .single-portfolio .project-type {
        margin-bottom: 20px;
    }

    .single-portfolio .custom-header .project-type {
        margin-bottom: 25px;
    }

    .contact .style-three .contact-form {
        padding: 20px;
    }

    .contact .style-one .contact-form {
        margin-top: 20px;
    }

    .page-template-default .alignnone img,
    .page-template-default img.alignnone {
        width: calc(100% + 2.7em);
        left: -1.35em;
        right: -13em;
    }
    
    .previous-post-link h3,
    .next-post-link h3,
    .previous-post-link p,
    .next-post-link p {
        display: none;
    }
    
    .previous-post-container,
    .next-post-container {
        bottom: 60px;
    }

}

@-moz-document url-prefix() { 
    
    .posts .c6,
    .photography-style-one .c6 {
        margin-top: -20px;
        margin-bottom: 30px;
    }

    .photography-style-one .c3,
    .posts .c3 {
        margin-top: -30px;
        margin-bottom: 30px;
        padding: 10px 11px 0 0;
    }

    .projects .c3 {
        padding: 10px 11px 0 0;
    }

}