@charset "UTF-8";
/*
Theme Name: sportschool3
Theme URI: http://underscores.me/
Author: Fitbrand
Author URI: http://fitbrand.nl
Description: Version 3 of the 3sixty5.nl theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sportschool
Tags:

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

sportschool is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments  
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Asides
    ## Comments
# Infinite scroll
# Media
    ## Captions
    ## Galleries
--------------------------------------------------------------*/

/* ==========================================================================
   Normalize.scss settings
   ========================================================================== */

/**
 * Includes legacy browser support IE6/7
 *
 * Set to false if you want to drop support for IE6 and IE7
 */

/* Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *  user zoom.
 * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *  `em` units.
 */

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 6/7/8/9 and Firefox 3.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio, canvas, progress, video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}
/**
 * Prevents 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-color: 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;
}
/**
 * Addresses 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
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 8/9/10.
 * 2. Improves image quality when scaled in IE 7.
 */

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.
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

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.
 * 4. Improves appearance and consistency in all browsers.
 */

button, input, optgroup, select, textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}
/**
 * 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.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *  Known issue: inner spacing remains in IE 6.
 */

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}
/**
 * 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;
}
/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 *  Known issue: excess padding remains in IE 6.
 */

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
 *  (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 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.
 * 3. Corrects text not wrapping in Firefox 3.
 * 4. Corrects alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}
/**
 * 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;
}
/*  Syntax Quick Reference
  --------------------------
  column($ratios: 1, $offset: 0, $cycle: 0, $uncycle: 0, $gutter: $jeet-gutter)
  span($ratio: 1, $offset: 0)
  shift($ratios: 0, $col_or_span: column, $gutter: $jeet-gutter)
  unshift()
  edit()
  center($max_width: 1410px, $pad: 0)
  stack($pad: 0, $align: false)
  unstack()
  align($direction: both)
  cf()
*/

/**
 * Grid settings.
 * All values are defaults and can therefore be easily overidden.
 */

/**
 * List functions courtesy of the wonderful folks at Team Sass.
 * Check out their awesome grid: Singularity.
 */

/**
 * Get  percentage from a given ratio.
 * @param {number} [$ratio=1] - The column ratio of the element.
 * @returns {number} - The percentage value.
 */

/**
 * Work out the column widths based on the ratio and gutter sizes.
 * @param {number} [$ratios=1] - The column ratio of the element.
 * @param {number} [$gutter=$jeet-gutter] - The gutter for the column.
 * @returns {list} $width $gutter - A list containing the with and gutter for the element.
 */

/**
 * Get the set layout direction for the project.
 * @returns {string} $direction - The layout direction.
 */

/**
 * Replace a specified list value with a new value (uses built in set-nth() if available)
 * @param {list} $list - The list of values you want to alter.
 * @param {number} $index - The index of the list item you want to replace.
 * @param {*} $value - The value you want to replace $index with.
 * @returns {list} $list - The list with the value replaced or removed.
 * @warn if an invalid index is supplied.
 */

/**
 * Reverse a list (progressively enhanced for Sass 3.3)
 * @param {list} $list - The list of values you want to reverse.
 * @returns {list} $result - The reversed list.
 */

/**
 * Get the opposite direction to a given value.
 * @param {string} $dir - The direction you want the opposite of.
 * @returns {string} - The opposite direction to $dir.
 * @warn if an incorrect string is provided.
 */

/**
 * Style an element as a column with a gutter.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
 * @param {number} [$cycle=0] - Easily create an nth column grid where $cycle equals the number of columns.
 * @param {number} [$uncycle=0] - Undo a previous cycle value to allow for a new one.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */

/**
 * An alias for the column mixin.
 * @param [$args...] - All arguments get passed through to column().
 */

/**
 * Get the width of a column and nothing else.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */

/**
 * Get the gutter size of a column and nothing else.
 * @param {number} [ratios=1] - A width relative to its container as a fraction.
 * @param {number} [gutter=jeet.gutter] - Specify the gutter width as a percentage of the containers width.
 */

/**
 * An alias for the column-width function.
 * @param [$args...] - All arguments get passed through to column().
 */

/**
 * An alias for the column-gutter function.
 * @param [$args...] - All arguments get passed through to column().
 */

/**
 * Style an element as a column without any gutters for a seamless row.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
 * @param {number} [cycle=0] - Easily create an nth column grid where cycle equals the number of columns.
 * @param {number} [uncycle=0] - Undo a previous cycle value to allow for a new one.
 */

/**
 * Reorder columns without altering the HTML.
 * @param {number} [$ratios=0] - Specify how far along you want the element to move.
 * @param {string} [$col-or-span=column] - Specify whether the element has a gutter or not.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */

/**
 * Reset an element that has had shift() applied to it.
 */

/**
 * View the grid and its layers for easy debugging.
 * @param {string} [$color=black] - The background tint applied.
 * @param {boolean} [$important=false] - Whether to apply the style as !important.
 */

/**
 *  Alias for edit().
 */

/**
 * Horizontally center an element.
 * @param {number} [$max-width=1410px] - The max width the element can be.
 * @param {number} [$pad=0] - Specify the element's left and right padding.
 */

/**
 * Uncenter an element.
 */

/**
 * Stack an element so that nothing is either side of it.
 * @param {number} [$pad=0] - Specify the element's left and right padding.
 * @param {boolean/string} [$align=false] - Specify the text align for the element.
 */

/**
 * Unstack an element.
 */

/**
 * Center an element on either or both axes.
 * @requires A parent container with relative positioning.
 * @param {string} [$direction=both] - Specify which axes to center the element on.
 */

/**
 * Apply a clearfix to an element.
 */

/* Slider */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-loading .slick-list {
    background: #fff url("./ajax-loader.gif") center center no-repeat;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}
.slick-track:before, .slick-track:after {
    content: "";
    display: table;
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
/* Icons */

@font-face {
    font-family: "slick";
    src: url("./fonts/slick.eot");
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal;
}
/* Arrows */

.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: none;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
    opacity: 1;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: 0.25;
}
.slick-prev:before, .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
    left: -25px;
}
[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
}
.slick-prev:before {
    content: "←";
}
[dir="rtl"] .slick-prev:before {
    content: "→";
}
.slick-next {
    right: -25px;
}
[dir="rtl"] .slick-next {
    left: -25px;
    right: auto;
}
.slick-next:before {
    content: "→";
}
[dir="rtl"] .slick-next:before {
    content: "←";
}
/* Dots */

.slick-slider {
    margin-bottom: 30px;
}
.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: black;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    color: black;
    opacity: 0.75;
}
p:last-of-type {
    margin-bottom: 0;
}
.grid {
    *zoom: 1;
    width: auto;
    max-width: 1180px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 40px;
    padding-right: 40px;
}
.grid:before, .grid:after {
    content: '';
    display: table;
}
.grid:after {
    clear: both;
}
@media (max-width: 767px) {
    .grid {
        *zoom: 1;
        width: auto;
        max-width: 1180px;
        float: none;
        display: block;
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    .grid:before, .grid:after {
        content: '';
        display: table;
    }
    .grid:after {
        clear: both;
    }
}
.grid:after {
    content: "";
    display: table;
    clear: both;
}
@media (min-width: 768px) {
    .col-half {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 48.5%;
        margin-left: 0%;
        margin-right: 3%;
    }
    .col-half:before, .col-half:after {
        content: '';
        display: table;
    }
    .col-half:after {
        clear: both;
    }
    .col-half:nth-child(2n) {
        margin-right: 0%;
        float: right;
    }
    .col-half:nth-child(2n+1) {
        clear: both;
    }
}
@media (min-width: 768px) {
    .col-third {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 31.33333%;
        margin-left: 0%;
        margin-right: 3%;
    }
    .col-third:before, .col-third:after {
        content: '';
        display: table;
    }
    .col-third:after {
        clear: both;
    }
    .col-third:nth-child(3n) {
        margin-right: 0%;
        float: right;
    }
    .col-third:nth-child(3n+1) {
        clear: both;
    }
}
@media (min-width: 768px) {
    .col-forth {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 22.75%;
        margin-left: 0%;
        margin-right: 3%;
    }
    .col-forth:before, .col-forth:after {
        content: '';
        display: table;
    }
    .col-forth:after {
        clear: both;
    }
    .col-forth:nth-child(4n) {
        margin-right: 0%;
        float: right;
    }
    .col-forth:nth-child(4n+1) {
        clear: both;
    }
}
.recent-posts-extended ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    margin: 0;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden], template {
    display: none;
}
a {
    background-color: transparent;
}
a:active, a:hover {
    outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b, strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
hr {
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button, select {
    text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled], html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td, th {
    padding: 0;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body, button, input, select, textarea {
    color: #2d2d2d;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
    clear: both;
    text-transform: uppercase;
    white-space: normal;
}
p {
    margin-bottom: 1.5em;
}
dfn, cite, em, i {
    font-style: italic;
}
blockquote {
    margin: 0 1.5em;
}
address {
    margin: 0 0 1.5em;
}
pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}
code, kbd, tt, var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}
abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark, ins {
    background: #fff9c0;
    text-decoration: none;
}
big {
    font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

html {
    box-sizing: border-box;
}
*, *:before, *:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}
body {
    background: #fff;
    /* Fallback for when there is no custom background color defined. */
}
blockquote, q {
    quotes: "" "";
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}
ul, ol {
    margin: 0 0 1.5em 3em;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li>ul, li>ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 1.5em 1.5em;
}
img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}
.more-link, .btn, button, input[type="button"], input[type="reset"], input[type="submit"], form.gf-add-placeholder input[type=submit], .menu-toggle, .widget .gform_wrapper .gform_button, .comment-respond .form-submit input, .comment-reply-link {
    text-transform: uppercase !important;
    background-color: #c09e68;
    color: #fff;
    display: inline-block;
    font-weight: 700 !important;
    text-decoration: none;
    line-height: inherit;
    padding: 11px 20px 12px !important;
    border:0px !important;
}
.more-link:visited, .btn:visited, button:visited, input[type="button"]:visited, input[type="reset"]:visited, input[type="submit"]:visited, form.gf-add-placeholder input[type=submit]:visited, .menu-toggle:visited, .widget .gform_wrapper .gform_button:visited, .comment-respond .form-submit input:visited, .comment-reply-link:visited {
    color: #ffffff;
}
.more-link:hover, .btn:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, form.gf-add-placeholder input[type=submit]:hover, .menu-toggle:hover, .widget .gform_wrapper .gform_button:hover, .comment-respond .form-submit input:hover, .comment-reply-link:hover {
    background-color: #c09e68;
    color: #ffffff; 
    
}
table {
    margin: 0 0 1.5em;
    width: 100%;
}

a.btn, a.more-link {
    text-transform: uppercase;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {
    color: #111;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] {
    padding: 3px;
}
textarea {
    padding-left: 3px;
    width: 100%;
}
.gform_fields {
    padding: 0;
    margin: 0;
    list-style: none;
}
.gform_wrapper {
    margin-top: 30px;
}
form.gf-add-placeholder input, form.gf-add-placeholder select, form.gf-add-placeholder textarea {
    background: #fff;
    width: 100%;
    display: block;
    border: 0px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 17px;
    color: #000;
    padding:0px !important;

    padding-top:12px !important;
    padding-bottom:12px !important;
    
    margin-bottom: 0px;
    -webkit-appearance: none;
    border-radius: 0;
    border-bottom:1px solid #000;
    outline:none !important;
}
@media (min-width: 768px) {
    form.gf-add-placeholder input, form.gf-add-placeholder select, form.gf-add-placeholder textarea {
        width: 90%;
        margin-bottom: 0px;
    }
}

.gform_body li {
    margin-bottom: 0px !important;
}

form.gf-add-placeholder textarea {
    min-height: 100px;
}
form.gf-add-placeholder input[type=submit] {
    width: auto;
    font-size: 16px;
}
form .validation_error, form .validation_message {
    background: #FCE2E3;
    color: #ee575d !important;
    padding: 5px 10px;
    border: #ee575d;
    margin-bottom: 1.5em;
    width: 80%;
}
form .validation_message {
    margin-bottom: .8em;
    margin-top: -1.2em;
}
.gform_confirmation_message {
    font-weight: 700;
    color: white;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

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

a {
    color: #c09e68;
    text-decoration: none;
}
a:visited {
    color: #c09e68;
    text-decoration: none;
}
a:hover, a:focus, a:active {
    color: #c09e68;
    text-decoration: none;
}
a:focus {
    text-decoration: none;
}
a:hover, a:active {
    outline: 0;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
    position: fixed;
    top: 0;
    background-color: #000000;
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 9900;
}
.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    display: block;
}
.main-navigation li.current_page_parent>a {
    color: #c09e68;
}
.main-navigation .current_page_item>a, .main-navigation .current-menu-item>a, .main-navigation .current_page_ancestor>a {
    color: #c09e68;
}
.main-navigation li {
    float: left;
    position: relative;
}
@media (max-width: 767px) {
    .main-navigation li {
        float: none;
    }
}
.main-navigation a {
    display: block;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    color: #ffffff;
    position: relative;
}
.main-navigation li.lang-item {
    float: right;
}
@media (max-width: 767px) {
    .main-navigation li.lang-item {
        float: none;
    }
}
.main-navigation li.lang-item a {
    margin: 0;
    padding: 0;
}
@media (max-width: 767px) {
    .main-navigation li.lang-item a {
        padding-left: 10px;
    }
}
.main-navigation li.lang-item a:after {
    display: none;
}
/* Small menu. */

.menu-toggle {
    box-shadow: none !important;
    border-radius: 0;
    border: 0;
    font-size: 1em;
    display: none;
}
@media screen and (max-width: 768px) {
    .menu-toggle, .main-navigation.toggled .nav-menu {
        display: block;
    }
    .main-navigation ul {
        display: none;
    }
    .main-navigation .sub-menu {
        display: block;
    }
    .sub-menu {
        padding-left: 10px !important;
    }
    a {
        margin-bottom: 5px;
    }
    .nav-menu {
        padding: 10px;
    }
}
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
  
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {
    content: "";
    display: table;
}
.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {
    clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

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

.widget_search .search-submit {
    display: none;
}
.widget-area {
    margin-top: 55px;
}
@media (min-width: 768px) {
    .widget-area {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 31.33333%;
        margin-left: 0%;
        margin-right: 3%;
    }
    .widget-area:before, .widget-area:after {
        content: '';
        display: table;
    }
    .widget-area:after {
        clear: both;
    }
    .widget-area:nth-child(2n) {
        margin-right: 0%;
        float: right;
    }
    .widget-area:nth-child(2n+1) {
        clear: both;
    }
}
.recent-posts-extended {
    background-color: #525252;
    padding: 25px;
    padding-top: 10px;
}
.recent-posts-extended .widget-title {
    color: #c09e68;
    font-size: 44px;
    margin: 0;
}
@media (min-width: 768px) and (max-width: 992px) {
    .recent-posts-extended .widget-title {
        font-size: 30px;
    }
}
.recent-posts-extended .rpwe-title {
    margin-bottom: 0;
    margin-top: 15px;
}
.recent-posts-extended .rpwe-title a {
    color: #e8e7e3;
    font-size: 32px;
    line-height: 36px;
    text-decoration: none;
}
@media (min-width: 768px) and (max-width: 992px) {
    .recent-posts-extended .rpwe-title a {
        font-size: 22px;
        line-height: 24px;
    }
}
.twitter-widget.twitter {
    background: #8C8C8C;
    padding: 35px 30px;
}
.twitter-widget.twitter h4 {
    color: #535353;
    font-size: 28px;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 25px;
    word-break: break-all;
}
.widget .gform_wrapper {
    background-color: #f5f5f5;
    padding: 25px 25px;
}
.widget .gform_wrapper h3 {
    color: #e8e7e3;
    font-size: 32px;
    line-height: 34.104832px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 15px;
}
.widget .gform_wrapper label {
    display: none;
}
.widget .gform_wrapper ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.widget .gform_wrapper input[type="submit"] {
    width: 100%;
}
.widget .gform_wrapper input[type="text"], .widget .gform_wrapper input[type="email"], .widget .gform_wrapper select {
    background-color: #f5f5f5;
    color: #000;
    font-size: 17px;
    line-height: 20px;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
    width: 99%;
    border: 0;
    border-bottom:1px solid #000;
    border-radius: 0;
    margin-bottom: 0px;
}
.widget .gform_wrapper .gform_button {
    box-shadow: none;
    border-radius: 0;
    border: 0;
    font-size: 1em;
}
.widget .gform_wrapper .validation_error, .widget .gform_wrapper .validation_message {
    color: #fff;
    margin-bottom: 10px;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Global site layout
--------------------------------------------------------------*/

body {
    padding-top: 44px;
}
.site-branding {
    padding-top: 10px;
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 100;
}
.site-title a {
    width: 240px;
    height: 178px;
    background-image: url(assets/images/logo.png);
    text-indent: -9999px;
    float: left;
}
@media (max-width: 767px) {
    .site-title a {
        float: none;
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 202px;
        height: 150px;
        background-size: cover;
    }
}
.page-template-page-actie .site-title a {
    display: none;
}
@media (max-width: 767px) {
    .page-template-page-actie .site-title a {
        display: block;
    }
}
.social-links {
    float: right;
    padding-top: 70px;
    display: block;
}
@media (min-width: 768px) and (max-width: 992px) {
    .social-links {
        padding-top: 30px;
    }
}
@media (max-width: 767px) {
    .home .social-links {
        padding-top: 0px;
        margin-top: 0px;
    }
}
.site-footer .social-links {
    float: left;
    padding-top: 30px;
}
.site-footer .social-links li {
    margin-left: 0;
    margin-right: 15px;
}
@media (min-width: 768px) and (max-width: 992px) {
    .site-footer .social-links li {
        margin-right: 5px;
    }
}
@media (max-width: 767px) {
    .site-header .social-links {
        display: none;
    }
}
.social-links a {
    width: 36px;
    height: 36px;
    text-indent: -9999px;
    display: inline-block;
    opacity: 1;
    transition: opacity .2s ease-in-out;
}
.social-links a:hover {
    opacity: .8;
}
@media (min-width: 768px) and (max-width: 992px) {
    .social-links a {
        width: 40px;
        height: 40px;
    }
}
.social-links ul {
    margin: 0;
    padding: 0;
}
.social-links li {
    display: inline;
    margin-left: 13px;
}
@media (max-width: 767px) {
    .social-links li {
        margin-right: 20px;
        margin-left: 0;
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    .social-links li {
        margin-left: 5px;
    }
}
.social-links .icon-instagram {
    background: url(assets/images/instagram.svg);
    background-size: cover;
}
.social-links .icon-facebook {
    background: url(assets/images/facebook.svg);
    background-size: cover;
}
.social-links .icon-twitter {
    background: url(assets/images/twitter.svg);
    background-size: cover;
}
.social-links .icon-linkedin {
    background: url(assets/images/linkedin.svg);
    background-size: cover;
}
.site-header {
    height: auto;

}
.page-id-135 .site-header {
    background-image: url(assets/images/contact.jpg);
}
.blog .site-header, .single .site-header {
    background-image: url(assets/images/blog.jpg);
}
.home .site-header {
    height: auto;
    background-image: none;
}
.page-template-page-fullwidth .site-header, .page-template-page-testimonials .site-header, .page-template-page-actie .site-header {
    height: auto;
    background-image: none;
}
.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 50px;
    width: 50px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 45%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: none;
    z-index: 100;
    box-shadow: none;
    border: 0;
    text-indent: -9999px;
    opacity: 1;
    transition: opacity .2s ease-in-out;
}
.slick-prev:hover, .slick-next:hover {
    opacity: .5;
    box-shadow: none;
}
.slick-prev {
    left: 5%;
    background-image: url(assets/images/arrow-left.png);
}
.slick-prev:hover {
    background: url(assets/images/arrow-left.png);
}
.slick-next {
    right: 5%;
    background-image: url(assets/images/arrow-right.png);
}
.slick-next:hover {
    background: url(assets/images/arrow-right.png);
}
.site-footer {
    background-image: url(assets/images/dark-bg.png);
    background-size: 240px 607px;
    background-repeat: repeat-x;
    background-color: #19191B;
    min-height: 400px;
    padding-top: 72px;
}
@media (max-width: 767px) {
    .site-footer {
        padding-top: 30px;
    }
    .site-footer .col-1, .site-footer .col-2 {
        margin-bottom: 25px;
    }
}
.site-footer h4, .site-footer .widget-title {
    color: #e8e7e3;
    font-size: 32px;
    line-height: 50px;
    text-transform: uppercase;
    margin-bottom: -10px;
    margin-top: 0;
}
.site-footer p {
    color: #949494;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 700;
}
.site-footer p a {
    color: #c09e68;
}
.site-footer p a:hover {
    color: #a08a54;
}
.site-footer .aboutus p {
    color: #dedede;
    text-transform: none;
}
@media (min-width: 768px) {
    .site-footer .col-1 {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 21.72%;
        margin-left: 0%;
        margin-right: 3%;
    }
    .site-footer .col-1:before, .site-footer .col-1:after {
        content: '';
        display: table;
    }
    .site-footer .col-1:after {
        clear: both;
    }
    .site-footer .col-1:nth-child(3n) {
        margin-right: 0%;
        float: right;
    }
    .site-footer .col-1:nth-child(3n+1) {
        clear: both;
    }
}
@media (min-width: 768px) {
    .site-footer .col-2, .site-footer .col-3 {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 36.14%;
        margin-left: 0%;
        margin-right: 3%;
    }
    .site-footer .col-2:before, .site-footer .col-2:after, .site-footer .col-3:before, .site-footer .col-3:after {
        content: '';
        display: table;
    }
    .site-footer .col-2:after, .site-footer .col-3:after {
        clear: both;
    }
    .site-footer .col-2:nth-child(3n), .site-footer .col-3:nth-child(3n) {
        margin-right: 0%;
        float: right;
    }
    .site-footer .col-2:nth-child(3n+1), .site-footer .col-3:nth-child(3n+1) {
        clear: both;
    }
}
.instagram-pics {
    padding: 0;
    margin: 20px 0 0 0;
    list-style: none;
}
.instagram-pics li {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 31.33333%;
    margin-left: 0%;
    margin-right: 3%;
}
.instagram-pics li:before, .instagram-pics li:after {
    content: '';
    display: table;
}
.instagram-pics li:after {
    clear: both;
}
.instagram-pics li:nth-child(3n) {
    margin-right: 0%;
    float: right;
}
.instagram-pics li:nth-child(3n+1) {
    clear: both;
}
.null-instagram-feed p {
    display: none;
}
.site-info {
    background-color: black;
    color: white;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 70px;
}
.site-info a {
    color: white;
    text-decoration: none;
}
/*--------------------------------------------------------------
## Homepage
--------------------------------------------------------------*/

.homepage-slider .slide-item {
    position: relative;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
}
.homepage-slider .slide-text {
    position: absolute;
    left: 0;
    bottom: 65px;
    width: 100%;
    text-align: right;
}
@media (max-width: 767px) {
    .homepage-slider .slide-text {
        bottom: 25px;
    }
}
.homepage-slider h2 {
    font-weight: 800;
    font-size: 80px;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 77px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .homepage-slider h2 {
        font-size: 30px;
        line-height: 36px;
        margin-top: 20px;
        margin-bottom: 10px;
    }
}
.page-template-page-actie .homepage-slider h2 {
    font-size: 40px;
    line-height: 54px;
}
.homepage-slider img {
    margin-left: auto;
    margin-right: auto;
}
.homepage-slider-container {
    position: relative;
    overflow: hidden;
    clear: both;
    margin-bottom: -30px;
}
@media (max-width: 767px) {
    .homepage-slider-container {
        margin-top: 200px;
    }
}
.homepage-slider-arrow {
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    text-align: center;
    z-index: 99;
}
.homepage-slider-arrow a {
    background-image: url(assets/images/arrow-down.png);
    display: inline-block;
    height: 50px;
    width: 50px;
    text-indent: -9999px;
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
}

.home article.type-page, .page-template-page-fullwidth article.type-page, .page-template-page-testimonials article.type-page {

    text-align: center;

    
}
.home article.type-page .entry-content, .page-template-page-fullwidth article.type-page .entry-content, .page-template-page-testimonials article.type-page .entry-content {
    margin: 0;
    overflow: hidden;
}
@media (max-width: 767px) {
    .home article.type-page .entry-content, .page-template-page-fullwidth article.type-page .entry-content, .page-template-page-testimonials article.type-page .entry-content {
        padding-left: 10px;
        padding-right: 10px;
    }
}
.home article.type-page .entry-header, .page-template-page-fullwidth article.type-page .entry-header, .page-template-page-testimonials article.type-page .entry-header {
    display: none;
    height: 0;
    visibility: hidden;
}
.home article.type-page h2, .page-template-page-fullwidth article.type-page h2, .page-template-page-testimonials article.type-page h2 {
   margin-top:20px;
}
@media (max-width: 767px) {
    .home article.type-page h2, .page-template-page-fullwidth article.type-page h2, .page-template-page-testimonials article.type-page h2 {
        margin-top: 30px;
    }
}
.home article.type-page p, .page-template-page-fullwidth article.type-page p, .page-template-page-testimonials article.type-page p {
    max-width: 835px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
}
.actie, .latest-blog {}
.home .actie, .home .latest-blog {
    border-top: 0;
}
.actie p, .latest-blog p {
    margin-top: 0;
}
.actie h2, .latest-blog h2 {
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0px;
}
.actie h2 small, .latest-blog h2 small {
    color: #c09e68;
}
@media (max-width: 767px) {
    .actie h2, .latest-blog h2 {}
}
.actie h2 small, .latest-blog h2 small {
    font-size: 27px;
    font-weight: 400;
    line-height: 30px;
    position: relative;
    display: block;
    margin-bottom: 5px;
}
@media (min-width: 768px) {
    .actie-image {
        text-align: right;
        padding-right: 3%;
    }
}
@media (max-width: 767px) {
    .actie-image {
        margin-bottom: 15px;
    }
}
.twitter {
    background-image: url("assets/images/gray-bg.png");
    background-repeat: repeat-x;
    background-color: #737373;
    padding-top: 50px;
    padding-bottom: 70px;
}
.twitter h3 {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    color: #18181a;
    font-size: 44px;
    line-height: 77px;
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 0;
    word-break: break-all;
    text-transform: capitalize;
}
.twitter .tweet {
    color: white;
    font-size: 28px;
    line-height: 30px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
    word-break: break-all;
}
.twitter .date {
    color: white;
    border-top: 1px solid #7b7b7b;
    width: 90%;
    padding-top: 12px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.95);
    font-weight: 700;
    font-size: 18px;
}
@media (min-width: 768px) {
    .twitter .latesttweet {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 65.66667%;
        margin-left: 0%;
        margin-right: 3%;
    }
    .twitter .latesttweet:before, .twitter .latesttweet:after {
        content: '';
        display: table;
    }
    .twitter .latesttweet:after {
        clear: both;
    }
    .twitter .latesttweet:nth-child(2n) {
        margin-right: 0%;
        float: right;
    }
    .twitter .latesttweet:nth-child(2n+1) {
        clear: both;
    }
}
.twitter .tweetcount {
    padding-top: 10px;
}
@media (min-width: 768px) {
    .twitter .tweetcount {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 31.33333%;
        margin-left: 0%;
        margin-right: 3%;
    }
    .twitter .tweetcount:before, .twitter .tweetcount:after {
        content: '';
        display: table;
    }
    .twitter .tweetcount:after {
        clear: both;
    }
    .twitter .tweetcount:nth-child(2n) {
        margin-right: 0%;
        float: right;
    }
    .twitter .tweetcount:nth-child(2n+1) {
        clear: both;
    }
}
.twitter .count {
    color: white;
    font-size: 88px;
    text-align: right;
    line-height: 47px;
    font-weight: 800;
    margin-bottom: 10px;
    display: block;
}
.twitter .follow {
    color: white;
    font-size: 36px;
    line-height: 60px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
    display: block;
    text-align: right;
}
.twitter .btn, .twitter button, .twitter input[type="button"], .twitter input[type="reset"], .twitter input[type="submit"], .twitter form.gf-add-placeholder input[type=submit], form.gf-add-placeholder .twitter input[type=submit], .twitter .menu-toggle, .twitter .widget .gform_wrapper .gform_button, .widget .gform_wrapper .twitter .gform_button, .twitter .comment-respond .form-submit input, .comment-respond .form-submit .twitter input, .twitter .comment-reply-link {
    float: right;
}
.twitter-widget.twitter .btn, .twitter-widget.twitter button, .twitter-widget.twitter input[type="button"], .twitter-widget.twitter input[type="reset"], .twitter-widget.twitter input[type="submit"], .twitter-widget.twitter form.gf-add-placeholder input[type=submit], form.gf-add-placeholder .twitter-widget.twitter input[type=submit], .twitter-widget.twitter .menu-toggle, .twitter-widget.twitter .widget .gform_wrapper .gform_button, .widget .gform_wrapper .twitter-widget.twitter .gform_button, .twitter-widget.twitter .comment-respond .form-submit input, .comment-respond .form-submit .twitter-widget.twitter input, .twitter-widget.twitter .comment-reply-link {
    float: none;
}
/*--------------------------------------------------------------
## Layout elements
--------------------------------------------------------------*/

.testimonials {
    background-repeat: repeat-x;
    background-color: #686868;
    min-height: 500px;
    padding-top: 59px;
    padding-bottom: 25px;
    border-bottom: 5px solid #c09e68;
    text-align: center;
}
@media (max-width: 767px) {
    .testimonials .testimonial {
        margin-bottom: 25px;
    }
}
.testimonials .wp-post-image {}
.testimonials h3 {
    font-size: 32px;
    line-height: 44px;
    text-transform: uppercase;
    color: #c09e68;
    margin-top: 20px;
    margin-bottom: 10px;
}
.testimonials p {
    margin: 0;
    color: #ffffff;
    font-weight: 700;
}
.testimonials .readmore {
    padding-top: 40px;
    clear: both;
    overflow: hidden;
}
.testimonials-list img {
    
}
.testimonials-list .testimonial {
    padding-top: 50px;
    padding-bottom: 50px;
}
.testimonials-list .testimonial .grid {
    max-width: 900px;
}
.testimonials-list .testimonial h3 {
    font-size: 38px;
    line-height: 44px;
    text-transform: uppercase;
    color: #c09e68;
    margin-top: 20px;
    margin-bottom: 10px;
}
.testimonials-list .testimonial p {
    margin: 0;
    color: #000;
    font-weight: 500;
}
.testimonials-list .testimonial:nth-child(odd) {
    background-color:#f5f5f5;
}
.testimonials-list .testimonial:nth-child(odd) .testimonial-image img {
    float: right;
    margin-right: 5%;
}
@media (max-width: 767px) {
    .testimonials-list .testimonial:nth-child(odd) .testimonial-image img img {
        float: none;
        margin: 0 0 20px 0;
    }
}
.testimonials-list .testimonial:nth-child(even) {
    background-color:#fff;
}
.testimonials-list .testimonial:nth-child(even) h3 {
    color: white;
}
@media (max-width: 767px) {
    .testimonials-list .testimonial:nth-child(even) .testimonial-image img {
        float: none;
        margin: 0 0 20px 0;
    }
}
@media (min-width: 768px) {
    .testimonials-list .testimonial:nth-child(even) .testimonial-image {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 48.5%;
        margin-left: 0%;
        margin-right: 3%;
        position: relative;
        left: 51.5%;
    }
    .testimonials-list .testimonial:nth-child(even) .testimonial-image:before, .testimonials-list .testimonial:nth-child(even) .testimonial-image:after {
        content: '';
        display: table;
    }
    .testimonials-list .testimonial:nth-child(even) .testimonial-image:after {
        clear: both;
    }
    .testimonials-list .testimonial:nth-child(even) .testimonial-image:nth-child(2n) {
        margin-right: 0%;
        float: right;
    }
    .testimonials-list .testimonial:nth-child(even) .testimonial-image:nth-child(2n+1) {
        clear: both;
    }
    .testimonials-list .testimonial:nth-child(even) .testimonial-image img {
        float: left;
        margin-left: 5%;
    }
}
@media (min-width: 768px) {
    .testimonials-list .testimonial:nth-child(even) .testimonial-text {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 48.5%;
        margin-left: 0%;
        margin-right: 3%;
        position: relative;
        left: -51.5%;
    }
    .testimonials-list .testimonial:nth-child(even) .testimonial-text:before, .testimonials-list .testimonial:nth-child(even) .testimonial-text:after {
        content: '';
        display: table;
    }
    .testimonials-list .testimonial:nth-child(even) .testimonial-text:after {
        clear: both;
    }
    .testimonials-list .testimonial:nth-child(even) .testimonial-text:nth-child(2n) {
        margin-right: 0%;
        float: right;
    }
    .testimonials-list .testimonial:nth-child(even) .testimonial-text:nth-child(2n+1) {
        clear: both;
    }
}
@media (max-width: 767px) {
    .testimonial-image img {
        float: none !important;
        margin: 0 0 10px 0 !important;
    }
}
.photo-slider {
    margin-bottom: 0;
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
    display: block;
}
.hentry {
    margin: 0 0 1.5em;
}
.byline, .updated:not(.published) {
    display: none;
}
.single .byline, .group-blog .byline {
    display: inline;
}
.page-content, .entry-content, .page-links {
    clear: both;
    margin: 0;
}
@media (min-width: 768px) {
    .default-content-area {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 65.66667%;
        margin-left: 0%;
        margin-right: 3%;
    }
    .default-content-area:before, .default-content-area:after {
        content: '';
        display: table;
    }
    .default-content-area:after {
        clear: both;
    }
    .default-content-area:nth-child(2n) {
        margin-right: 0%;
        float: right;
    }
    .default-content-area:nth-child(2n+1) {
        clear: both;
    }
}
.default-content-area .entry-title {
    text-shadow: 1px 1.7px 2px rgba(0, 0, 0, 0.75);
    color: #e8e7e3;
    font-size: 68px;
    line-height: 70px;
    margin-top: 50px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .default-content-area .entry-title {
        font-size: 50px;
        margin-top: 30px;
    }
}
.default-content-area blockquote {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    border-left: 5px solid #c09e68;
    margin-left: 0;
    padding-left: 20px;
}
.default-content-area h2 {
    font-size: 48px;
    line-height: 44px;
    margin-bottom: 35px;
}
.default-content-area .entry-content a {
    color: #c09e68;
}
.default-content-area .entry-content ul, .default-content-area .entry-content ol {
    margin-left: 0em;
}
.default-content-area .entry-content ul li, .default-content-area .entry-content ol li {
    margin-bottom: 0.5em;
}
/* blog */

.blog .site-content, .single .site-content, .archive .site-content, .search-results .site-content {
    background-color: #fff;
}
.archive .page-title, .search-results .page-title {
    color: #c09e68;
    text-align: center;
    margin-bottom: -10px;
}
article.post .entry-title {
   
    line-height: 46px;
    text-align: center;
    margin-bottom: 0px;
}
article.post .entry-title a {
    color: #000;
    text-decoration: none;
    font-size: 42px !important;
    line-height: 50px !important;
    
}

.posts-navigation .nav-links a {
    text-transform: uppercase;
}
article.post .entry-meta {
    text-align: center;
    color: #000;
    border-bottom: 1px solid #393939;
    padding-bottom: 20px;
}
article.post .entry-meta a {
    color: #c09e68;
    text-decoration: none;
}
article.post .entry-meta .posted-on {
    margin-right: 20px;
}
article.post .entry-meta .byline {
    display: none;
}
article.post .more-link {
    color: #fff;
    text-decoration: none;
    display:inline-block;
    margin-bottom:7px;
}
article.post .entry-footer {
    border-top: 1px solid #bbb;
    margin-top: 10px;
    padding-top: 10px;
    color: #000;
    clear: both;
    overflow: hidden;
}
article.post .entry-footer a {
    color: #000;
    text-decoration: none;
}
article.post .tags-links {
    float: left;
}
article.post .comments-link {
    float: right;
}
.post-navigation {
    
    padding: 0px;
}
.post-navigation a {
    color: #c09e68;
    text-decoration: none;
    font-weight: 700;
}
/* latest blog section */

.latest-blog a.btn, .latest-blog a.menu-toggle, .latest-blog .widget .gform_wrapper a.gform_button, .widget .gform_wrapper .latest-blog a.gform_button, .latest-blog a.comment-reply-link {
    margin-top: 20px;
}
.page-intro-left img {
    border-radius: 50%;
    max-width: 380px;
    margin-top: 60px;
}
@media (max-width: 767px) {
    .page-intro-left img {
        max-width: 80%;
    }
}
.page-intro-right {
    text-align: left;
    padding-bottom: 20px;
}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/

.blog .format-aside .entry-title, .archive .format-aside .entry-title {
    display: none;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
.comment-respond {
    background-color: #8C8C8C;
    padding: 20px;
    margin-bottom: 20px;
}
.comment-respond input, .comment-respond textarea {
    border-radius: 0;
}
.comment-respond h3 {
    margin-bottom: -15px;
}
.comment-respond label {
    display: block;
}
.comment-respond .form-allowed-tags {
    display: none;
}
.comment-respond p {
    margin-top: 10px;
    margin-bottom: 0;
}
.comment-respond .form-submit input {
    box-shadow: none;
    border: 0;
    font-size: 1em;
    text-shadow: none;
}
.comments-area .comments-title {
    color: #c09e68;
    font-size: 24px;
}
.comments-area li>ul, .comments-area li>ol {
    margin-left: 0em;
}
.comment-list {
    padding: 0;
    margin: 0;
    list-style: none;
    color: white;
}
.comment-body {
    border-bottom: 1px solid #393939;
    margin-bottom: 30px;
    padding-bottom: 20px;
}
.comment-reply-link {
    font-size: .75em;
    margin-top: 5px;
}
.comment-meta {
    background-color: #2d2d30;
    padding: 20px 15px 15px;
    clear: both;
    overflow: hidden;
}
.comment-author {
    float: left;
}
.comment-author img {
    float: left;
    margin-right: 10px;
    margin-top: -5px;
}
.comment-metadata {
    float: right;
}
.comment-metadata a {
    color: white;
    text-decoration: none;
}
.logged-in-as a {
    color: #c09e68;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
    display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
/* Make sure embeds and iframes fit their containers. */

embed, iframe, object {
    max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
.wp-caption-text {
    text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
    margin-bottom: 1.5em;
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}
.gallery-caption {
    display: block;
}
.main-navigation a.lang_sel_sel::after {
    border: 0px !important;
}
#lang_sel a {
    color: #444444;
    font-size: 11px !important;
    text-transform: none !important;
    line-height: 24px;
    font-weight: 400 !important;
}
::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #000 !important;
}
:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #000 !important;
    opacity: 1;
}
::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #000 !important;
    opacity: 1;
}
:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000 !important;
}
::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #000 !important;
}
.page-template-default #masthead {
    height: 800px;
    background-size: cover;
}
.page-template-page-full .site-content {
    background-image: none !important;
    background-size: auto 700px !important;
    background-color: #212123 !important;
}
@media (max-width: 771px) {
    .page-template-default #masthead {
        height: 500px;
    }
}
@media (max-width: 562px) {
    .page-template-default #masthead {
        height: 350px;
    }
}
@media (max-width: 368px) {
    .page-template-default #masthead {
        height: 229px;
    }
}
.mobile-flag-container {
    display: none;
}
@media (max-width: 763px) {
    li.menu-item-language {
        display: none;
    }
    .mobile-flag-container {
        display: block;
        position: fixed;
        top: 21px;
        right: 10px;
        z-index: 999999;
    }
    .mobile-flag-container img {
        width: 30px;
    }
    .mobile-flag-container a {
        display: inline-block;
        padding-left: 7px;
    }
}
.error-content {
    background-image: url("assets/images/home-intro-bg.png");
    text-align: center;
    color: #ffffff;
    background-color: #1f1f20;
    border-top: 2px solid #272727;
    border-bottom: 5px solid #c09e68;
    padding-bottom: 45px;
    padding-top: 30px;
}
.error-content .entry-content {
    margin: 0;
    overflow: hidden;
}
@media (max-width: 767px) {
    .error-content .entry-content {
        padding-left: 10px;
        padding-right: 10px;
    }
}
.widget_tag_cloud {
    padding-top: 32px;
}
.widget_tag_cloud h2 {
    display: none;
}
.tagcloud {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.tagcloud a {
    color: #c09e68;
    text-decoration: none;
    font-weight: 600;
}
.search-form {
    margin-top: 32px;
    display: block;
    padding: 16px;
}
.search-form input[type="search"] {
    background: #777777;
    width: 100%;
    max-width: 500px;
    display: block;
    border: 0;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 1.625rem;
    color: white;
    padding: 8px 10px 7px;
    margin-bottom: 0.8em;
    -webkit-appearance: none;
    border-radius: 0;
    margin-left: auto;
    margin-right: auto;
}
.search-form input[type="submit"] {
    box-shadow: none;
    border: 0;
}