/*
 * Theme Name: Slavery & Justice Report
 * Description: Custom theme base developed by Jake and Co.
 * Version: 1.0.0
 * Author: Jake and Co.
 * Author URI: http://jakeandco.com
*/

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

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

html
{
    font-family: sans-serif; /* 1 */

        -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body
{
    margin: 0;
}

/* 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,
menu,
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
{
    display: inline-block; /* 1 */

    vertical-align: baseline; /* 2 */
}

/**
 * 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/10/11, Safari, and Firefox < 22.
 */

[hidden],
template
{
    display: none;
}

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

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

a
{
    background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

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: .67em 0;
}

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

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

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

.essay-section .text-holder .decorated-text sup
{
    font-size: 16px;
}

sup
{
    top: -.5em;
}

sub
{
    bottom: -.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
{
    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
{
    font: inherit; /* 2 */

    margin: 0; /* 3 */

    color: inherit; /* 1 */
}

/**
 * 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']
{
    cursor: pointer; /* 3 */

    -webkit-appearance: button; /* 2 */
}

/**
 * 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
{
    padding: 0;

    border: 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']
{
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

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

input[type='search']
{
    box-sizing: content-box; /* 2 */

    -webkit-appearance: textfield; /* 1 */
}

/**
 * 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
{
    margin: 0 2px;
    padding: .35em .625em .75em;

    border: 1px solid #c0c0c0;
}

/**
 * 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
{
    padding: 0; /* 2 */

    border: 0; /* 1 */
}

/**
 * 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-spacing: 0;
    border-collapse: collapse;
}

td,
th
{
    padding: 0;
}

@font-face
{
    font-family: 'vtc_marsha';
    font-weight: 700;
    font-style: normal;

    src: url('fonts/VTCMarsha-Bold.eot');
    src: url('fonts/VTCMarsha-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/VTCMarsha-Bold.woff') format('woff'), url('fonts/VTCMarsha-Bold.woff2') format('woff2');
}

@font-face
{
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;

    src: url('fonts/icomoon.eot?b9ynrz');
    src: url('fonts/icomoon.eot?b9ynrz#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?b9ynrz') format('truetype'), url('fonts/icomoon.woff?b9ynrz') format('woff'), url('fonts/icomoon.svg?b9ynrz#icomoon') format('svg');
    font-display: block;
}

[class^='icon-'],
[class*=' icon-']
{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1; /* Better Font Rendering =========== */

    text-transform: none;

    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-left:before
{
    content: '\e900';
}

.icon-arrow-right:before
{
    content: '\e901';
}

.navigation,
.post-list
{
    margin: 0;
    padding: 0;

    list-style: none;
}

.clearfix:after,
dl:after,
.widget:after,
.search-form:after,
.post-password-form p:after,
.navigation-single:after,
.container:after
{
    display: block;
    clear: both;

    content: '';
}

.ellipsis
{
    overflow: hidden;

    white-space: nowrap; /* 1 */
    text-overflow: ellipsis; /* 2 */
}

html
{
    box-sizing: border-box;
}

*,
*:before,
*:after
{
    box-sizing: inherit;
}

*
{
    max-height: 1000000px;
}

body
{
    font: 24px/1.5 'acumin-pro', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    min-width: 320px;

    color: #000;
    background: #f1f1f1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img
{
    max-width: 100%;
    height: auto;

    vertical-align: top;
}

.gm-style img
{
    max-width: none;
}

ul,
ol,
dl,
p,
h1,
h2,
h3,
h4,
h5,
h6,
address,
form,
table,
blockquote,
applet,
embed,
object,
iframe,
frameset
{
    margin: 0 0 1.5em;
}

blockquote
{
    margin-left: 1.5em;
    padding-left: .5em;

    border-left: 4px solid #b2b2b2;
}

th,
td
{
    padding: .5em;

    text-align: left;
    vertical-align: top;

    border: 1px solid #b2b2b2;
}

th
{
    text-align: center;
    vertical-align: middle;
}

ul,
ol
{
    padding-left: 3em;
}

ul ul,
ul ol,
ol ul,
ol ol
{
    margin: 0;
    padding-left: 3em;
}

ul
{
    list-style-type: disc;
}

dl dt
{
    font-weight: bold;

    float: left;
    clear: left;

    padding-right: .3em;
}

dl dd
{
    overflow: hidden;
}

pre
{
    max-width: 100%;
}

form,
fieldset
{
    margin: 0;
    padding: 0;

    border-style: none;
}

input[type='text'],
input[type='tel'],
input[type='email'],
input[type='search'],
input[type='password'],
textarea
{
    box-sizing: border-box;
    padding: .4em .7em;

    border: 1px solid #b2b2b2;
    -webkit-border-radius: 0;

    -webkit-appearance: none;
}

input[type='text']:focus,
input[type='tel']:focus,
input[type='email']:focus,
input[type='search']:focus,
input[type='password']:focus,
textarea:focus
{
    border-color: #000;
}

input[type='text']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder
{
    color: #b2b2b2;
}

input[type='text']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='search']::-moz-placeholder,
input[type='password']::-moz-placeholder,
textarea::-moz-placeholder
{
    opacity: 1;
    color: #b2b2b2;
}

input[type='text']:-moz-placeholder,
input[type='tel']:-moz-placeholder,
input[type='email']:-moz-placeholder,
input[type='search']:-moz-placeholder,
input[type='password']:-moz-placeholder,
textarea:-moz-placeholder
{
    color: #b2b2b2;
}

input[type='text']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
textarea:-ms-input-placeholder
{
    color: #b2b2b2;
}

input[type='text'].placeholder,
input[type='tel'].placeholder,
input[type='email'].placeholder,
input[type='search'].placeholder,
input[type='password'].placeholder,
textarea.placeholder
{
    color: #b2b2b2;
}

select
{
    -webkit-border-radius: 0;
}

textarea
{
    resize: vertical;
    vertical-align: top;
}

button,
input[type='button'],
input[type='reset'],
input[type='file'],
input[type='submit']
{
    cursor: pointer;

    -webkit-border-radius: 0;

    -webkit-appearance: none;
}

.wp-section
{
    padding: 60px 0;
}

#content h1,
#content .h1,
#content h2,
#content .h2,
#content h3,
#content .h3,
#content h4,
#content .h4,
#content h5,
#content .h5,
#content h6,
#content .h6,
#sidebar h1,
#sidebar .h1,
#sidebar h2,
#sidebar .h2,
#sidebar h3,
#sidebar .h3,
#sidebar h4,
#sidebar .h4,
#sidebar h5,
#sidebar .h5,
#sidebar h6,
#sidebar .h6
{
    word-break: break-all;

    color: #000;
}

#content
{
    width: 100%;
}

#content:only-child
{
    float: none;

    width: 100%;
}

#sidebar
{
    width: 100%;
}

#sidebar #wp-calendar
{
    width: 100%;
}

.widget
{
    margin-bottom: 1.5em;
}

.widget ul
{
    padding-left: 2em;
}

.widget select
{
    min-width: 150px;
}

.comment-form label
{
    display: block;

    padding-bottom: 4px;
}

.comment-form textarea
{
    overflow: auto;

    height: 120px;
    min-height: 120px;
    margin: 0;
}

.comment-form textarea,
.comment-form input[type='text']
{
    width: 100%;
    max-width: 300px;
    margin: 0 4px 0 0;
}

.comment-form input[type='submit']
{
    display: block;
    float: none;
}

.post-password-form label
{
    display: block;

    margin-bottom: 4px;
}

.post-password-form input[type='password']
{
    width: 100%;
    max-width: 300px;
    margin: 0 4px 0 0;
}

.search-form
{
    margin-bottom: 15px;
}

.search-form input
{
    float: left;

    height: 2em;
}

.search-form input[type='search']
{
    width: 150px;
    margin: 0 4px 0 0;
}

.post-password-form input
{
    float: left;

    height: 2em;
}

.post-password-form input[type='password']
{
    width: 150px;
}

.comment-form input[type='submit'],
.post-password-form input[type='submit'],
.search-form input[type='submit']
{
    height: 2em;
    padding: 0 .5em;

    color: #fff;
    border: none;
    background: #000;
}

.comment-form input[type='submit']:hover,
.post-password-form input[type='submit']:hover,
.search-form input[type='submit']:hover
{
    opacity: .8;
}

.commentlist
{
    margin: 0 0 1.5em;
}

.commentlist .edit-link
{
    margin: 0;
}

.commentlist .avatar-holder
{
    float: left;

    margin: 0 1.5em 4px 0;
}

.commentlist-item .commentlist-item
{
    padding: 0;
}

.comment,
.commentlist-holder
{
    overflow: hidden;
}

.commentlist-item .commentlist-item,
.commentlist-item + .commentlist-item
{
    padding-top: 1.5em;
}

.widget_calendar #next
{
    text-align: right;
}

.gallery-item dt
{
    float: none;

    padding: 0;
}

.navigation,
.navigation-comments
{
    position: relative;

    margin-bottom: 1.5em;

    vertical-align: middle;
}

.navigation .screen-reader-text,
.navigation-comments .screen-reader-text
{
    position: absolute;
    left: -99999px;
}

.navigation .page-numbers,
.navigation-comments .page-numbers
{
    display: inline-block;

    padding: 0 .4em;

    vertical-align: middle;
}

.navigation .next,
.navigation .prev,
.navigation-comments .next,
.navigation-comments .prev
{
    display: inline-block;

    max-width: 48%;
    margin: 0 0 10px;
    padding: .4em;

    vertical-align: middle;
    text-decoration: none;

    color: #fff;
    background: #000;
}

.navigation .next:hover,
.navigation .prev:hover,
.navigation-comments .next:hover,
.navigation-comments .prev:hover
{
    opacity: .8;
}

.navigation-single
{
    margin-bottom: 1.5em;
}

.navigation-single .next,
.navigation-single .prev
{
    float: left;

    max-width: 48%;

    vertical-align: middle;
    text-decoration: none;

    color: #fff;
    background: #000;
}

.navigation-single .next:hover,
.navigation-single .prev:hover
{
    opacity: .8;
}

.navigation-single .next a,
.navigation-single .prev a
{
    display: block;

    padding: .4em;

    text-decoration: none;

    color: inherit;
}

.navigation-single .next
{
    float: right;
}

.wp-caption
{
    clear: both;

    max-width: 100%;
    margin-bottom: 1.5em;
    padding: .4em;

    border: 1px solid #b2b2b2;
}

.wp-caption img
{
    margin: 0;

    vertical-align: top;
}

.wp-caption p
{
    margin: .4em 0 0;
}

div.aligncenter
{
    margin: 0 auto 1.5em;
}

img.aligncenter
{
    display: block;

    margin: 0 auto;
}

.alignleft
{
    float: left;

    margin: 0 1.5em 4px 0;
}

.alignright
{
    float: right;

    margin: 0 0 4px 1.5em;
}

.mejs-container
{
    margin-bottom: 1.5em;
}

.wp-caption-text,
.gallery,
.alignnone,
.gallery-caption,
.sticky,
.bypostauthor
{
    height: auto;
}

#wp-calendar tbody td
{
    text-align: center;
}

#wp-calendar td,
#wp-calendar th
{
    border: 1px solid #b2b2b2;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.h
{
    font-family: inherit;
    font-weight: bold;

    margin: 0 0 .5em;

    color: inherit;
}

h1,
.h1
{
    font-family: 'vtc_marsha', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.2;

    margin: 0;

    text-transform: uppercase;
}

h2,
.h2
{
    font-family: 'vtc_marsha', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.137;

    margin: 0;

    text-transform: uppercase;
}

h3,
.h3
{
    font-family: 'vtc_marsha', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.275;

    margin: 0;

    text-transform: uppercase;

    color: #1c1b1b;
}

h4,
.h4
{
    font-family: 'acumin-pro', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-size: 26px;
    font-weight: 300;
    line-height: 1.2;

    margin: 0;

    color: #fff;
}

h5,
.h5
{
    font-family: 'vtc_marsha', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.308;

    margin: 0;

    text-transform: uppercase;

    color: #a37b17;
}

h6,
.h6
{
    font-family: 'acumin-pro', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;

    margin: 0;

    color: #fff;
}

sup
{
    font-family: 'vtc_marsha', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-size: 16px;
    font-weight: 700;

    text-transform: uppercase;

    color: #a37b17;
}

sup a
{
    color: #a37b17;
}

sup a:hover
{
    color: #e4b43c;
}

p
{
    margin: 0 0 1em;
}

a,
button
{
    -webkit-transition: color .3s linear, background .3s linear, opacity .3s linear;
            transition: color .3s linear, background .3s linear, opacity .3s linear;
}

a
{
    text-decoration: none;

    color: #a37b17;
}

a:hover,
a:focus
{
    text-decoration: none;
}

html.magnifying > body
{
    overflow-x: hidden !important;
}

.magnify,
.magnify > .magnify-lens,
.magnify-mobile,
.lens-mobile
{
    float: none;
    overflow: visible;
    /* Reset */

    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 0;

    -webkit-transition: none;
            transition: none;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    -webkit-animation: none;
            animation: none;
    text-indent: 0;

    opacity: 1;
    border: none;
    outline: none;
}

.magnify
{
    position: relative;
    z-index: inherit;

    display: inline-block;

    width: auto;
    height: auto;

    box-shadow: none;
}

.magnify > .magnify-lens
{
    /* Magnifying lens */
    position: absolute;
    z-index: 99;

    display: none;

    width: 200px;
    height: 200px;

    cursor: none;

    border-radius: 100%; /* Multiple box shadows to achieve the glass lens effect */
    box-shadow: 0 0 0 7px rgba(255, 255, 255, .85), 0 0 7px 7px rgba(0, 0, 0, .25), inset 0 0 40px 2px rgba(0, 0, 0, .25);
}

.magnify > .magnify-lens.loading
{
    opacity: .8;
    background: #333 !important;
}

.magnify > .magnify-lens.loading:after
{
    font: italic normal 16px/1 Calibri, sans-serif;
    /* Loading text */

    position: absolute;
    top: 50%;
    left: 0;

    width: 100%;
    margin-top: -8px;

    content: 'Loading...';
    text-align: center;
    letter-spacing: 1px;
    text-transform: none;

    color: #fff;
    text-shadow: 0 0 2px rgba(51, 51, 51, .8);
}

.fancybox-caption,
.fancybox-navigation,
.fancybox-toolbar,
.fancybox-infobar,
.fancybox-button,
.fancybox-bg
{
    display: none !important;
}

.compensate-for-scrollbar
{
    margin: 0 !important;
}

.fancybox-active
{
    overflow: hidden;
}

.fancybox-container
{
    position: fixed;
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block !important;
    visibility: hidden;

    -webkit-transition: opacity .3s linear, visibility .3s linear;
            transition: opacity .3s linear, visibility .3s linear;

    opacity: 0;
    outline: none;
}

.fancybox-active .fancybox-container
{
    visibility: visible;

    opacity: 1;
}

.fancybox-inner
{
    display: block;
}

.fancybox-slide
{
    display: block;
}

.fancybox-stage
{
    display: block;
}

.popup-holder
{
    position: relative;

    overflow: hidden;

    height: 0;
}

.lightbox-demo
{
    font-size: 16px;
    font-weight: 300;
    line-height: 1.438;

    position: relative;

    display: block !important;
    overflow: hidden;
    overflow-y: auto;

    height: 100vh;
    padding: 40px 0;

    color: #fff;
    background: #1c1b1b;
}

.lightbox-demo .lightbox-content
{
    position: relative;

    padding: 0 60px;
}

.lightbox-demo .number
{
    font-family: 'vtc_marsha', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;

    position: absolute;
    top: 1px;
    left: 25px;

    color: #a37b17;
}

.lightbox-demo .close
{
    line-height: 1;

    position: absolute;
    top: 1px;
    right: 25px;

    display: block;

    width: 14px;
    height: 21px;

    color: #a37b17;
    outline: none;

    -webkit-appearance: none;
}

.lightbox-demo .close:hover:before,
.lightbox-demo .close:hover:after
{
    background: #e4b43c;
}

.lightbox-demo .close:before,
.lightbox-demo .close:after
{
    position: absolute;
    top: 50%;
    right: -5px;
    left: -5px;

    height: 2px;

    content: '';
    -webkit-transition: background .3s linear;
            transition: background .3s linear;
    -webkit-transform: translateY(-50%) rotate(56deg);
        -ms-transform: translateY(-50%) rotate(56deg);
            transform: translateY(-50%) rotate(56deg);

    background: #a37b17;
}

.lightbox-demo .close:after
{
    -webkit-transform: translateY(-50%) rotate(-56deg);
        -ms-transform: translateY(-50%) rotate(-56deg);
            transform: translateY(-50%) rotate(-56deg);
}

.lightbox-demo p
{
    margin: 0;
}

.lightbox-demo p a:hover
{
    opacity: .8;
}

#header
{
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0;
    left: 0;

    min-width: 320px;

    pointer-events: none;
}

#header .container
{
    max-width: 100%;
    padding: 0 30px;
}

.nav-holder
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 50px;
    height: 44px;
    margin: 0 0 0 auto;
    padding: 10px;

    pointer-events: auto;

    color: #fff;
    background: #a37b17;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.home-page .nav-holder
{
    background: transparent;
}

.nav-holder .w-100
{
    width: 100%;
}

.nav-active
{
    overflow: hidden;
}

.resize-active *
{
    -webkit-transition: none !important;
            transition: none !important;
}

.nav-drop
{
    position: fixed;
    z-index: 9999;
    top: -100vh;
    right: 0;
    left: 0;

    visibility: hidden;
    overflow: hidden;
    overflow-y: auto;

    height: 100vh;

    -webkit-transition: top .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
            transition: top .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
    pointer-events: auto;

    opacity: 0;
    color: #fff;
    background: #1c1b1b;
}

.nav-drop:before
{
    position: fixed;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;

    width: 15px;

    content: '';

    background: #a37b17;
}

.nav-active .nav-drop
{
    top: 0;

    visibility: visible;

    opacity: 1;
}

.nav-drop .text-logo
{
    color: #a37b17;
}

.nav-drop .text-logo .color
{
    color: #fff;
}

.nav-drop a
{
    color: #fff;
}

.nav-drop a:hover
{
    color: #a37b17;
}

.nav-drop .nav-holder
{
    margin-bottom: 35px;

    background: #a37b17;
}

.nav-drop .nav-opener:before
{
    top: 50%;

    height: 2px;

    -webkit-transform: translateY(-50%) rotate(59deg);
        -ms-transform: translateY(-50%) rotate(59deg);
            transform: translateY(-50%) rotate(59deg);
}

.nav-drop .nav-opener:after
{
    top: 50%;

    height: 2px;

    -webkit-transform: translateY(-50%) rotate(-59deg);
        -ms-transform: translateY(-50%) rotate(-59deg);
            transform: translateY(-50%) rotate(-59deg);
}

.nav-drop .nav-opener span
{
    opacity: 0;
}

.nav-drop .logo-holder
{
    font-size: 0;
    line-height: 0;

    margin: 0;
}

.nav-opener
{
    position: relative;

    display: block;

    width: 30px;
    height: 24px;
    margin: 0 auto;
}

.nav-opener:before,
.nav-opener:after
{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;

    height: 1px;

    content: '';

    background: #fff;
}

.nav-opener:after
{
    top: 100%;

    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
}

.nav-opener span
{
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;

    height: 8px;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.text-logo
{
    font-family: 'vtc_marsha', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;

    display: inline-block;

    vertical-align: top;
    letter-spacing: .45px;
    text-transform: uppercase;

    color: #a37b17;
}

.text-logo .color
{
    color: #000;
}

.nav-drop-holder
{
    max-width: 987px;
    margin: 0 auto;
}

.nav-header
{
    font-size: 16px;
    font-weight: 300;
    line-height: 1.25;

    padding: 30px 0;

    text-align: center;
    letter-spacing: .4px;

    border-bottom: 1px solid #b2b2b2;
}

.nav-header h4,
.nav-header .h4
{
    margin: 0 0 5px;

    letter-spacing: .75px;
}

.nav-header h6,
.nav-header .h6
{
    margin: 0 0 10px;

    letter-spacing: .5px;
}

.nav-header p
{
    margin: 0 0 5px;
}

.nav-cols
{
    position: relative;

    padding: 30px 0 110px;
}

.nav-cols .top,
.nav-cols .bottom
{
    width: 100%;
}

.nav-cols .logo
{
    position: absolute;
    bottom: 20px;
    left: 10px;

    width: 161px;
}

.nav-cols h5,
.nav-cols .h5
{
    line-height: 1.6;

    margin: 0 0 5px;

    letter-spacing: .65px;
    text-transform: uppercase;

    color: #a37b17;
}

.nav-cols h5 a,
.nav-cols .h5 a
{
    position: relative;

    display: block;

    padding: 0 25px 0 0;

    color: #a37b17;
}

.nav-cols h5 a:before,
.nav-cols h5 a:after,
.nav-cols .h5 a:before,
.nav-cols .h5 a:after
{
    position: absolute;
    top: 50%;
    right: 0;

    width: 14px;
    height: 4px;

    content: '';
    -webkit-transition: opacity .3s linear;
            transition: opacity .3s linear;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    background: #a37b17;
}

.nav-cols h5 a:after,
.nav-cols .h5 a:after
{
    right: 5px;

    width: 4px;
    height: 14px;
}

.nav-cols h4,
.nav-cols .h4
{
    line-height: 1.533;

    margin: 0 0 4px;
}

.nav-cols h6,
.nav-cols .h6
{
    margin: 0 0 10px;
}

.nav-cols p
{
    margin: 0 0 11px;
}

.nav-cols .open-close
{
    margin: 0 0 5px;
}

.nav-cols .open-close.active .opener:after
{
    opacity: 0;
}

.nav-cols .open-close:last-child
{
    margin: 0;
}

.nav-cols .open-close:last-child .navigation > li:last-child
{
    margin: 0 0 25px;
}

.navigation
{
    font-size: 16px;
    font-weight: 300;
    line-height: 1.188;

    margin: 0 0 40px;

    letter-spacing: .4px;
}

.navigation > li
{
    margin: 0 0 15px;
}

#wrapper
{
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5;

    position: relative;

    overflow: hidden;

    width: 100%;

    background: #f1f1f1;
}

#wrapper.gold-bar:before
{
    background: #a37b17;
}

#wrapper:before
{
    position: fixed;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 0;

    width: 15px;

    content: '';

    background: #b2b2b2;
}

.home-page #wrapper:before
{
    background: #a37b17;
}

.container
{
    max-width: 1292px;
    margin: 0 auto;
    padding: 0 30px;
}

.intro-section
{
    position: relative;
    z-index: 1;

    min-height: 100vh;

    background: #000;
}

.intro-section .container
{
    max-width: 100%;
    padding: 0 15px 0 30px;
}

.bg-block
{
    position: relative;

    height: 0;
    margin: 0 0 0 15px;
    padding-top: 75%;
}

.bg-block .bg-stretch
{
    background-color: #a37b17;

    background-blend-mode: multiply;
}

.bg-stretch
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background-position: center;
    background-size: cover;
}

.intro-wrap-holder
{
    margin: -2px 0 0;
}

.intro-wrap
{
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;

    padding: 30px 0 20px;

    letter-spacing: .45px;

    color: #fff;
}

.intro-wrap .top,
.intro-wrap .bottom
{
    width: 100%;
}

.intro-wrap h5,
.intro-wrap .h5
{
    margin: 0 0 10px;

    letter-spacing: 1px;
    text-transform: uppercase;
}

.intro-wrap h1,
.intro-wrap .h1
{
    margin: 0 0 10px;

    text-transform: uppercase;
}

.link-holder
{
    margin: 0 0 15px;
    padding: 0 2px;
}

.link-holder a
{
    font-size: 16px;
    line-height: 1;

    display: inline-block;

    vertical-align: top;

    color: #a37b17;
}

.link-holder a:hover
{
    color: #e4b43c;
}

.logo
{
    width: 125px;
}

.visual-section
{
    padding: 90px 0 50px;

    color: #fff;
    background: #000;
}

.visual-section.alt-style
{
    padding: 90px 0 10px;

    color: #000;
    background: transparent;
}

.visual-section.alt-style .text-holder
{
    font-size: 20px;
    line-height: 1.5;
}

.visual-section.alt-style .text-holder a
{
    color: #000;
}

.visual-section.alt-style .text-holder p
{
    margin: 0;
}

.visual-section.alt-style .text-logo .color
{
    color: #000;
}

.visual-section.alt-style h2,
.visual-section.alt-style .h2
{
    margin: 0 0 15px;

    color: #a37b17;
}

.visual-section.alt-style-2
{
    padding: 90px 0 10px;

    color: #1c1b1b;
    background: transparent;
}

.visual-section.alt-style-2 .text-holder
{
    font-size: 16px;
    font-weight: 300;

    letter-spacing: .4px;
}

.visual-section.alt-style-2 .text-holder a
{
    color: #1c1b1b;
}

.visual-section.alt-style-2 .text-holder p
{
    margin: 0;
}

.visual-section.alt-style-2 .text-logo .color
{
    color: #000;
}

.visual-section.alt-style-2 h2,
.visual-section.alt-style-2 .h2
{
    margin: 0;

    color: #1c1b1b;
}

.visual-section .logo-holder
{
    font-size: 0;
    line-height: 0;

    margin: 0 0 30px;
}

.visual-section .text-logo .color
{
    color: #fff;
}

.visual-section .h2,
.visual-section h2
{
    margin: 0;

    letter-spacing: 2px;
    text-transform: uppercase;

    color: #fff;
}

.visual-section .h2 a,
.visual-section h2 a
{
    color: #fff;
}

.visual-section .h2 a:hover,
.visual-section h2 a:hover
{
    opacity: .8;
}

.visual-section .h2.with,
.visual-section h2.with
{
    margin: 0 0 30px;
}

.visual-section .text-holder
{
    font-size: 16px;
    font-weight: 300;

    letter-spacing: .4px;
}

.visual-section .text-holder a
{
    color: #fff;
}

.visual-section .text-holder a:hover
{
    color: #a37b17;
}

.visual-section .name
{
    font-family: 'vtc_marsha', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;

    display: block;

    margin: 0;

    letter-spacing: .38px;
    text-transform: uppercase;
}

.visual-section p
{
    margin: 0;
}

.post-list
{
    color: #1c1b1b;
}

.post-list > li
{
    margin: 0;
    padding: 40px 0;

    border-bottom: 1px solid #a37b17;
}

.post-list p
{
    margin: 0;
}

.post-list .name
{
    font-size: 19px;
    font-weight: 300;

    display: block;

    margin: 0 0 10px;

    letter-spacing: .48px;
}

.post-list h3,
.post-list .h3
{
    font-size: 22px;
    font-weight: 700;
    line-height: 1.433;

    margin: 0 0 10px;

    letter-spacing: .75px;
    text-transform: uppercase;

    color: #1c1b1b;
}

.post-list h3 a,
.post-list .h3 a
{
    color: #000;
}

.post-list h3 a:hover,
.post-list .h3 a:hover
{
    color: #a37b17;
}

.post-list h3 .icon,
.post-list .h3 .icon
{
    font-size: 10px;
    line-height: 1;

    position: relative;
    top: -6px;

    margin: 0 0 0 10px;
}

.text-section
{
    padding: 50px 0 40px;
}

.text-section.alt-style
{
    padding: 20px 0 80px;
}

.text-section.alt-style .text-holder p
{
    margin: 0;
}

.text-section .text-holder p
{
    margin: 0 0 20px;
}

.essay-section
{
    line-height: 1.458;

    padding: 50px 0;
}

.essay-section .container
{
    max-width: 1022px;
}

.essay-section .text-holder
{
    max-width: 710px;
}

.essay-section .text-holder p
{
    margin: 0 0 30px;
}

.essay-section .text-holder .decorated-text p
{
    margin: 0 0 20px;
}

.essay-section .text-holder .big-text p
{
    margin: 0;
}

.essay-section .big-text
{
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;

    margin: 0 0 50px;

    color: #a37b17;
}

.essay-section h3,
.essay-section .h3
{
    margin: 0 0 20px;

    letter-spacing: 1px;
    text-transform: uppercase;

    color: #1c1b1b;
}

.essay-section .decorated-text
{
    font-size: 16px;
    font-weight: 600;
    line-height: 1.75;

    margin: 0 0 50px;
    padding: 30px 0;

    color: #a37b17;
    border-top: 2px solid #a37b17;
    border-bottom: 2px solid #a37b17;
}

.essay-section .decorated-text .name,
.essay-section .decorated-text .book
{
    margin: 0;
}

.zoom-section
{
    padding: 60px 0;

    background: #fff;
}

.zoom-section .container
{
    max-width: 1035px;
}

.zoom-section .img-holder
{
    max-width: 645px;
    margin: 0 auto 20px;
}

.zoom-section .text-holder
{
    font-size: 16px;
    line-height: 1.563;

    max-width: 600px;
    margin: 0 auto;

    color: #000;
}

.zoom-section p
{
    margin: 0 0 20px;
}

.link-text-holder .link-text
{
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;

    position: relative;

    display: inline-block;

    padding: 0 23px 6px 0;

    vertical-align: top;

    color: #a37b17;
}

.link-text-holder .link-text .icon
{
    font-size: 8px;
    font-weight: 700;
    line-height: 1;

    position: absolute;
    top: 6px;
    right: 1px;
}

.link-text-holder .link-text:before
{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    height: 2px;

    content: '';
    -webkit-transition: background .3s linear;
            transition: background .3s linear;

    background: #a37b17;
}

.link-text-holder .link-text:hover
{
    color: #e4b43c;
}

.link-text-holder .link-text:hover:before
{
    background: #e4b43c;
}

.image-section
{
    padding: 60px 0;

    background: #fff;
}

.image-section .container
{
    max-width: 1312px;
}

.image-section .img-holder
{
    max-width: 1189px;
    margin: 0 -30px 30px;
}

.image-section .text-holder
{
    font-size: 16px;
    font-weight: 300;
    line-height: 1.75;

    max-width: 920px;
    margin: 0 auto;

    color: #000;
}

.image-section .text-holder p
{
    margin: 0;
}

.image-section .text-holder .text-wrap
{
    max-width: 745px;
}

#footer
{
    position: relative;
    z-index: 12;

    overflow: hidden;

    padding: 60px 0 20px;

    color: #fff;
    background: #000;
}

#footer .container .col + .col
{
    text-align: right;
}

#footer .container .col + .col .footer-nav-wrap
{
    margin: 0 0 0 auto;
}

#footer .container .col + .col .footer-nav-wrap .nav-wrap
{
    padding: 0 30px 0 0;
}

#footer .container .col + .col .footer-nav-wrap .nav-wrap .icon
{
    right: 0;
    left: auto;
}

.footer-nav-wrap
{
    font-size: 16px;
    font-weight: 300;
    line-height: 1.438;

    max-width: 250px;
    margin: 0 0 40px;

    letter-spacing: .4px;
}

.footer-nav-wrap .title
{
    font-family: 'vtc_marsha', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-size: 14px;
    font-weight: 700;

    display: block;

    margin: 0;
    padding: 0 30px 7px 0;

    letter-spacing: .35px;
    text-transform: uppercase;

    color: #fff;
}

.footer-nav-wrap .nav-wrap
{
    position: relative;

    padding: 0 0 0 30px;
}

.footer-nav-wrap .icon
{
    font-size: 10px;
    line-height: 1;

    position: absolute;
    top: 4px;
    left: 0;
}

.footer-nav-wrap h5,
.footer-nav-wrap .h5
{
    line-height: 1.192;

    margin: 0 0 5px;

    letter-spacing: .63px;
    text-transform: uppercase;
    word-break: break-all;
}

.footer-nav-wrap h5 a,
.footer-nav-wrap .h5 a
{
    color: #a37b17;
}

.footer-nav-wrap h5 a:hover,
.footer-nav-wrap .h5 a:hover
{
    color: #e4b43c;
}

.footer-nav-wrap .name
{
    font-weight: 600;
}

.footer-nav-wrap p
{
    margin: 0;
}

.footer-nav-wrap p a
{
    color: #fff;
}

.footer-nav-wrap p a:hover
{
    opacity: .8;
}

@media (min-width: 480px)
{
    .bg-block
    {
        padding-top: 45%;
    }

    #footer
    {
        padding: 50px 0 40px;
    }

    #footer .container
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        max-width: 1208px;

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    #footer .container .col
    {
        width: 50%;
        padding: 0 5px 0 0;
    }

    #footer .container .col + .col
    {
        padding: 0 0 0 5px;
    }

    #footer .container .col + .col .footer-nav-wrap .nav-wrap
    {
        padding: 35px 0 0;
    }

    .footer-nav-wrap
    {
        margin: 0;
    }

    .footer-nav-wrap .title
    {
        padding: 0 0 7px;
    }

    .footer-nav-wrap .nav-wrap
    {
        padding: 35px 0 0;
    }

    .footer-nav-wrap .icon
    {
        font-size: 16px;
    }

    .footer-nav-wrap p
    {
        margin: 0 0 5px;
    }
}

@media (min-width: 768px)
{
    .wp-section
    {
        padding: 80px 0 60px;
    }

    .commentlist-item .commentlist-item
    {
        padding: 0 0 0 2em;
    }

    h1,
    .h1
    {
        font-size: 54px;
    }

    h2,
    .h2
    {
        font-size: 55px;
    }

    h3,
    .h3
    {
        font-size: 35px;
    }

    h4,
    .h4
    {
        font-size: 28px;
    }

    h5,
    .h5
    {
        font-size: 22px;
    }

    sup
    {
        font-size: 18px;
    }

    .fancybox-active
    {
        overflow: visible;
    }

    .fancybox-container
    {
        z-index: 9;
        top: 50%;
        bottom: auto;
        left: auto;

        width: 350px;

        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }

    .lightbox-demo
    {
        height: auto;
        padding: 30px 0;
    }

    .lightbox-demo .lightbox-content
    {
        overflow: hidden;
        overflow-y: auto;

        max-height: 300px;
        padding: 0 40px;
    }

    .lightbox-demo .number
    {
        left: 16px;
    }

    .lightbox-demo .close
    {
        right: 15px;
    }

    .nav-holder
    {
        width: 60px;
        height: 60px;
        padding: 15px 10px;
    }

    .nav-drop .nav-holder
    {
        margin-bottom: 25px;
    }

    .nav-header
    {
        padding: 60px 0 50px;
    }

    .nav-header h4,
    .nav-header .h4
    {
        margin: 0 0 8px;
    }

    .nav-header h6,
    .nav-header .h6
    {
        margin: 0 0 14px;
    }

    .nav-header p
    {
        margin: 0 0 12px;
    }

    .nav-cols
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        margin: 0 -40px;
        padding: 68px 0;

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .nav-cols .col
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        width: 50%;
        padding: 0 40px;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .nav-cols .col + .col
    {
        border-left: 1px solid #b2b2b2;
    }

    .nav-cols .logo
    {
        position: static;

        margin: 0 0 25px 15px;
    }

    .nav-cols h5,
    .nav-cols .h5
    {
        margin: 0 0 7px;
    }

    .nav-cols h5 a,
    .nav-cols .h5 a
    {
        display: inline;

        margin: 0;

        pointer-events: none;
    }

    .nav-cols h5 a:before,
    .nav-cols h5 a:after,
    .nav-cols .h5 a:before,
    .nav-cols .h5 a:after
    {
        display: none;
    }

    .nav-cols .open-close
    {
        margin: 0 0 65px;
    }

    .navigation
    {
        margin: 0;
    }

    .navigation > li
    {
        margin: 0 0 30px;
    }

    #wrapper
    {
        font-size: 22px;
    }

    .container
    {
        padding: 0 50px;
    }

    .intro-section .container
    {
        padding: 0 40px;
    }

    .bg-block
    {
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 400px;

        height: auto;
        margin: 0;
        padding-top: 0;
    }

    .intro-wrap-holder
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        margin: 0;

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .intro-wrap
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        min-height: 100vh;
        padding: 100px 0 40px;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .intro-wrap h5,
    .intro-wrap .h5
    {
        margin: 0 0 15px;
    }

    .intro-wrap h1,
    .intro-wrap .h1
    {
        margin: 0 0 15px;
    }

    .intro-wrap .text-holder
    {
        padding: 10px 0 5px;
    }

    .intro-text-holder
    {
        width: 360px;
        padding: 0 15px 0 0;
    }

    .link-holder
    {
        margin: 0 0 20px;
    }

    .visual-section
    {
        padding: 80px 0 72px;
    }

    .visual-section.alt-style
    {
        padding: 98px 0 1px;
    }

    .visual-section.alt-style .logo-holder
    {
        margin: 0 0 47px;
        padding-left: 5px;
    }

    .visual-section.alt-style .text-holder
    {
        font-size: 22px;
    }

    .visual-section.alt-style .text-holder .text-wrap
    {
        max-width: 728px;
    }

    .visual-section.alt-style h2,
    .visual-section.alt-style .h2
    {
        margin: 0 0 20px;
    }

    .visual-section.alt-style-2
    {
        padding: 98px 0 10px;
    }

    .visual-section.alt-style-2 .logo-holder
    {
        margin: 0 0 52px;
        padding-left: 5px;
    }

    .visual-section.alt-style-2 .text-holder .text-wrap
    {
        max-width: 728px;
    }

    .visual-section .logo-holder
    {
        margin: 0 0 50px;
        padding: 0 60px 0 0;
    }

    .visual-section .h2.with,
    .visual-section h2.with
    {
        margin: 0 0 40px;
    }

    .visual-section .name
    {
        margin: 0 0 6px;
    }

    .visual-section p
    {
        margin: 0 0 4px;
    }

    .post-list > li
    {
        padding: 60px 0;
    }

    .post-list .name
    {
        margin: 0 0 15px;
    }

    .post-list h3,
    .post-list .h3
    {
        font-size: 28px;

        margin: 0 0 16px;
    }

    .post-list h3 .icon,
    .post-list .h3 .icon
    {
        font-size: 12px;

        top: -5px;

        margin: 0 0 0 15px;
    }

    .text-section
    {
        padding: 60px 0 50px;
    }

    .text-section.alt-style
    {
        padding: 25px 0 100px;
    }

    .text-section .text-holder p
    {
        margin: 0 0 25px;
    }

    .essay-section
    {
        padding: 70px 0;
    }

    .essay-section .text-holder p
    {
        margin: 0 0 50px;
    }

    .essay-section .text-holder .decorated-text p
    {
        margin: 0 0 28px;
    }

    .essay-section .big-text
    {
        font-size: 26px;

        margin: 0 0 50px;
    }

    .essay-section .decorated-text
    {
        padding: 40px 25px;
    }

    .image-section .img-holder
    {
        margin: 0 0 30px;
    }

    #footer
    {
        padding: 60px 0 50px;
    }

    #footer .container .col + .col
    {
        text-align: left;
    }

    #footer .container .col + .col .footer-nav-wrap .nav-wrap
    {
        padding: 0 60px 0 0;
    }

    .footer-nav-wrap
    {
        max-width: 285px;
    }

    .footer-nav-wrap .nav-wrap
    {
        padding: 0 0 0 60px;
    }

    .footer-nav-wrap .icon
    {
        top: 5px;
    }

    .footer-nav-wrap h5,
    .footer-nav-wrap .h5
    {
        margin: 0 0 7px;
    }

    .footer-nav-wrap p
    {
        margin: 0 0 11px;
    }
}

@media (min-width: 1024px)
{
    .wp-section
    {
        padding: 100px 0 60px;
    }

    #content
    {
        float: left;

        width: 60%;
        padding: 0 15px 0 0;
    }

    #sidebar
    {
        float: right;

        width: 40%;
        padding: 0 0 0 15px;
    }

    h1,
    .h1
    {
        font-size: 74px;
    }

    h2,
    .h2
    {
        font-size: 70px;
    }

    h3,
    .h3
    {
        font-size: 40px;
    }

    h4,
    .h4
    {
        font-size: 30px;
    }

    h5,
    .h5
    {
        font-size: 24px;
    }

    h6,
    .h6
    {
        font-size: 20px;
    }

    sup
    {
        font-size: 20px;
    }

    #header .container
    {
        padding: 0 35px;
    }

    .nav-holder
    {
        width: 70px;
        height: 80px;
        padding: 20px 10px;
    }

    .nav-drop .nav-holder
    {
        margin-bottom: 17px;
        padding: 16px 10px;
    }

    .nav-opener
    {
        width: 38px;
        height: 31px;
    }

    .nav-opener span
    {
        height: 12px;
    }

    .nav-cols
    {
        margin: 0 -50px;
    }

    .nav-cols .col
    {
        padding: 0 50px;
    }

    .nav-cols .logo
    {
        margin: 0 0 53px 15px;
    }

    .nav-cols .open-close
    {
        margin: 0 0 84px;
    }

    .navigation > li
    {
        margin: 0 0 45px;
    }

    #wrapper
    {
        font-size: 24px;
    }

    .intro-section .container
    {
        padding: 0 50px;
    }

    .bg-block
    {
        left: 500px;
    }

    .intro-wrap
    {
        font-size: 18px;
    }

    .intro-wrap h5,
    .intro-wrap .h5
    {
        margin: 0 0 20px;
    }

    .intro-wrap h1,
    .intro-wrap .h1
    {
        margin: 0 0 20px;
    }

    .intro-wrap .text-holder
    {
        padding: 20px 0 10px;
    }

    .intro-text-holder
    {
        width: 450px;
        padding: 0 40px 0 0;
    }

    .link-holder
    {
        margin: 0 0 25px;
    }

    .visual-section.alt-style .text-holder
    {
        font-size: 24px;
    }

    .visual-section.alt-style h2,
    .visual-section.alt-style .h2
    {
        line-height: 1.413;

        margin: 0 0 55px;
        padding: 0 60px 0 0;
    }

    .visual-section .logo-holder
    {
        margin: 0 0 76px;
        padding: 0 80px 0 0;
    }

    .visual-section .h2.with,
    .visual-section h2.with
    {
        max-width: 960px;
        margin: 0 0 60px;
    }

    .visual-section .text-holder
    {
        max-width: 816px;
        margin: 0 auto;
    }

    .post-list > li
    {
        padding: 92px 118px 70px 0;
    }

    .post-list .name
    {
        margin: 0 0 26px;
    }

    .post-list h3,
    .post-list .h3
    {
        font-size: 30px;
    }

    .post-list h3 .icon,
    .post-list .h3 .icon
    {
        font-size: 16px;

        top: -4px;

        margin: 0 0 0 23px;
    }

    .text-section
    {
        padding: 114px 0 116px;
    }

    .text-section .container
    {
        max-width: 916px;
    }

    .text-section.alt-style
    {
        padding: 19px 0 130px;
    }

    .text-section.alt-style .text-holder
    {
        max-width: 824px;
    }

    .text-section .text-holder
    {
        max-width: 720px;
    }

    .text-section .text-holder p
    {
        margin: 0 0 34px;
    }

    .essay-section
    {
        padding: 80px 0 60px;
    }

    .essay-section .big-text
    {
        font-size: 30px;
    }

    .essay-section h3,
    .essay-section .h3
    {
        margin: 0 0 30px;
    }

    .essay-section .decorated-text
    {
        padding: 41px 32px 53px;
    }

    .zoom-section
    {
        padding: 70px 0 64px;
    }

    .zoom-section .container
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .zoom-section .img-holder
    {
        width: 575px;
        margin: 0;
    }

    .zoom-section .text-holder
    {
        font-size: 18px;

        width: calc(100% - 575px);
        margin: 0;
        padding: 0 0 0 50px;
    }

    .image-section
    {
        padding: 80px 0;
    }

    .image-section .img-holder
    {
        margin: 0 0 40px;
    }

    .image-section .text-holder
    {
        font-size: 18px;

        max-width: 720px;
    }

    #footer
    {
        padding: 104px 0 90px;
    }

    #footer .container .col + .col .footer-nav-wrap .nav-wrap
    {
        padding: 0 75px 0 0;
    }

    #footer .container .col + .col .footer-nav-wrap .nav-wrap .icon
    {
        right: 30px;
        left: auto;
    }

    .footer-nav-wrap
    {
        max-width: 318px;
    }
}

@media (min-width: 1200px)
{
    #content
    {
        width: 65%;
    }

    #sidebar
    {
        width: 35%;
    }

    h1,
    .h1
    {
        font-size: 90px;
    }

    h2,
    .h2
    {
        font-size: 80px;
    }

    h5,
    .h5
    {
        font-size: 26px;
    }

    .fancybox-container
    {
        width: 403px;
    }

    .lightbox-demo
    {
        padding: 28px 0 36px 0;
    }

    .lightbox-demo .lightbox-content
    {
        padding: 0 105px 0 55px;
    }

    .lightbox-demo .number
    {
        left: 23px;
    }

    .lightbox-demo .close
    {
        right: 55px;
    }

    #header .container
    {
        padding: 0 77px;
    }

    .nav-holder
    {
        width: 75px;
        height: 90px;
    }

    .nav-drop .nav-holder
    {
        height: 83px;
    }

    .nav-drop .nav-opener
    {
        width: 40px;
        height: 36px;
    }

    .nav-drop .logo-holder
    {
        padding: 0 0 0 16px;
    }

    .nav-header
    {
        padding: 95px 0 71px;
    }

    .nav-cols
    {
        margin: 0 -105px;
    }

    .nav-cols .col
    {
        padding: 0 105px;
    }

    .home-page #wrapper:before
    {
        width: 19px;
    }

    .intro-section .container
    {
        padding: 0 88px;
    }

    .bg-block
    {
        left: 568px;
    }

    .intro-wrap
    {
        padding: 131px 0 48px;
    }

    .intro-wrap h1,
    .intro-wrap .h1
    {
        margin: 0 0 25px;

        letter-spacing: 3px;
    }

    .intro-wrap .text-holder
    {
        padding: 36px 0 9px;
    }

    .intro-text-holder
    {
        width: 480px;
        padding: 0 46px 0 0;
    }

    .visual-section.alt-style .text-holder
    {
        max-width: 918px;
    }

    .visual-section.alt-style-2 .text-holder
    {
        max-width: 918px;
    }

    .visual-section .text-holder
    {
        max-width: 926px;
    }

    .text-section .container
    {
        max-width: 1032px;
    }

    .text-section.alt-style .container
    {
        max-width: 1026px;
    }

    .essay-section
    {
        padding: 147px 0 80px;
    }

    .essay-section .text-holder p
    {
        margin: 0 0 60px;
    }

    .essay-section .big-text
    {
        margin: 0 -100px 121px 0;
    }

    .essay-section h3,
    .essay-section .h3
    {
        margin: 0 0 39px;
    }

    .essay-section .decorated-text
    {
        margin: 98px 0 89px;
    }

    .zoom-section .img-holder
    {
        width: 645px;
    }

    .zoom-section .text-holder
    {
        width: calc(100% - 645px);
        padding: 52px 0 0 96px;
    }

    .zoom-section .text-wrap
    {
        margin: 0 -120px 0 0;
    }

    .image-section
    {
        padding: 95px 0 114px;
    }

    .image-section .img-holder
    {
        margin: 0 0 59px;
    }

    .image-section .text-holder
    {
        max-width: 920px;
    }

    .footer-nav-wrap .icon
    {
        left: 3px;
    }
}

@media (max-width: 1023px)
{
    iframe
    {
        width: 100%;
    }
}

@media (max-width: 767px)
{
    .navigation .page-numbers,
    .navigation-comments .page-numbers
    {
        padding: 0 3px;
    }

    .navigation .next,
    .navigation .prev,
    .navigation-comments .next,
    .navigation-comments .prev
    {
        padding: .2em;
    }

    .navigation-single .next a,
    .navigation-single .prev a
    {
        padding: .2em;
    }
}

@media (max-width: 479px)
{
    .footer-nav-wrap .same-height
    {
        height: auto !important;
    }
}