/*
  Theme Name: Blogic
  Theme URI: http://demo.pressmates.net/blogic
  Author: PressMates
  Author URI: http://www.pressmates.net
  Description: Blogic is elegant, clean, fully responsive, lightweight, highly customizable and simple blogging WordPress theme made for those authors who cherish fast, smooth and easy writing and publishing. Try it out and, believe us, you will see that Blogic is your logical blogging theme choice!
  Version: 1.0.4
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
  Text Domain: blogic
  Tags: responsive-layout, white, one-column, two-columns, three-columns, right-sidebar, custom-colors, custom-menu, featured-images, post-formats, sticky-post, translation-ready
*/

@charset "UTF-8";

/*------------------------------------*\
    #Blogic - Table of contents
\*------------------------------------*/
/*
  1. Viewport
  2. Normalize
  3. Reset CSS
  4. Box sizing
  5. Shared
  6. Selection
  7. Fonts
  8. Base page (Inuit styles)
  9. Headings
  10. Type
  11. Links
  12. Paragraphs
  13. Images
  14. Lists
  15. Buttons
  16. Tableize
  17. Justifize
  18. Flag
  19. Media
  20. Container
  21. Embedded
  22. Icons
  23. List bare
  24. List inline
  25. Objects box
  26. Objects layout
  27. Objects layout whitespace fix
  28. Objects pack
  29. Objects layout bottom gutters
  30. Preloader
  31. Header main
  32. Main navigation
  33. Owl carousel
  34. Home hero slider
  35. Animations
  36. Back to top
  37. Table
  38. Figure
  39. Inputs
  40. Buttons
  41. Flexslider
  42. Widgets
  43. Site logo
  44. About author
  45. Offered posts
  46. Comments area
  47. Subscribe
  48. Tooltip
  49. Jquery ui
  50. Radio buttons
  51. Masonry
  52. Posts
  53. Post font changes
  54. Distraction
  55. Magnific popup source
  56. Magnific popup custom
  57. Map
  58. Kudos
  59. Inner article footer
  60. Footer main
  61. Night mode
  62. Search results
  63. Error page
  64. Shame
  65. Spacing
  66. Spacing responsive
  67. Widths
  68. Widths responsive
  69. Clearfix
  70. Helpers
  71. Type
  72. Colors
  73. Generic-responsive
  74. Print
  75. Screen Reader
 */
/*!
 * inuitcss, by @csswizardry
 *
 * github.com/inuitcss | inuitcss.com
 */
/*------------------------------------*\
    1. Viewport
\*------------------------------------*/
@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

/*------------------------------------*\
    2. Normalize
\*------------------------------------*/
/*! 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,
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: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
    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 {
    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.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}

input[type=submit]:hover {
    background: #000;
    color: #fff;
}
.night-mode input[type=submit]:hover {
    color: #fff;
    background: #5e6568;
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

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

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
    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"] {
    -webkit-appearance: textfield;
    /* 1 */
    box-sizing: content-box;
    /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    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;
}

/*------------------------------------*\
    3. Reset CSS
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
    margin: 0;
    padding: 0;
}

/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
    cursor: help;
}

/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
    text-decoration: none;
}

/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
    border-bottom: 1px solid;
}

audio,
canvas,
img,
svg,
video {
    vertical-align: middle;
    /* Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */
}

table {
    width: 100%;
}

[contenteditable] {
    outline: none;
}

input,
textarea {
    border-radius: 0;
    /* remove input border radius on mobile safari and mobile firefox */
}

select,
input,
textarea,
button {
    font-size: 17px;
    font-size: 1rem;
    /* font size for html element MUST be set to 10px for this to work */
    margin: 0;
    /* Address margins set differently in IE 6/7, Firefox 3+, Safari 5, and Chrome */
}

select:focus,
input:focus,
textarea:focus,
button:focus {
    outline: none;
}

textarea {
    resize: vertical;
    /* Allow only vertical resizing of textareas */
    vertical-align: top;
    /* Improve readability and alignment in all browsers */
}

input[type="radio"] {
    vertical-align: text-bottom;
}

iframe{
    max-width: 100%;
    border: none;
}
/*------------------------------------*\
    4. Box sizing
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

/*------------------------------------*\
    5. Shared
\*------------------------------------*/
/**
 * Where `margin-bottom` is concerned,this value will be the same as the
 * base line-height. This allows us to keep a consistent vertical rhythm.
 * As per: csswizardry.com/2012/06/single-direction-margin-declarations
 */
h1, h2, h3, h4, h5, h6,
ul, ol, dl,
blockquote, p, address,
hr,
table,
fieldset, figure,
pre,
.layout.two-columns {
    margin-bottom: 28px;
    margin-bottom: 1.64706rem;
}

/**
 * Where `margin-left` is concerned we want to try and indent certain elements
 * by a consistent amount. Define that amount once,here.
 */
ul, ol, dd {
    margin-left: 56px;
    margin-left: 3.29412rem;
}

/*------------------------------------*\
    6. Selection
\*------------------------------------*/
select{
    color: #000;
}
::-moz-selection {
    background: rgba(50, 155, 221, 0.7);
    color: #fff;
    text-shadow: none;
}

::selection {
    background: rgba(50, 155, 221, 0.7);
    color: #fff;
    text-shadow: none;
}

/*------------------------------------*\
    7. Fonts
\*------------------------------------*/
/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
    font-family: 'FontAwesome';
    src: url("layouts/fonts/fontawesome-webfont.eot");
    src: url("layouts/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("layouts/fonts/fontawesome-webfont.woff") format("woff"), url("layouts/fonts/fontawesome-webfont.ttf") format("truetype"), url("layouts/fonts/fontawesome-webfont.svg#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    text-rendering: optimizeLegibility;
    -webkit-perspective: 1000px;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-fw {
    width: 1.28571429em;
    text-align: center;
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none;
}

.fa-ul > li {
    position: relative;
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: 0.14285714em;
    text-align: center;
}

.fa-li.fa-lg {
    left: -1.85714286em;
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eeeeee;
    border-radius: .1em;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.fa.pull-left {
    margin-right: .3em;
}

.fa.pull-right {
    margin-left: .3em;
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
    filter: none;
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #ffffff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
    content: "\f000";
}

.fa-music:before {
    content: "\f001";
}

.fa-search:before {
    content: "\f002";
}

.fa-envelope-o:before {
    content: "\f003";
}

.fa-heart:before {
    content: "\f004";
}

.fa-star:before {
    content: "\f005";
}

.fa-star-o:before {
    content: "\f006";
}

.fa-user:before {
    content: "\f007";
}

.fa-film:before {
    content: "\f008";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-th:before {
    content: "\f00a";
}

.fa-th-list:before {
    content: "\f00b";
}

.fa-check:before {
    content: "\f00c";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
    content: "\f00d";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-power-off:before {
    content: "\f011";
}

.fa-signal:before {
    content: "\f012";
}

.fa-gear:before,
.fa-cog:before {
    content: "\f013";
}

.fa-trash-o:before {
    content: "\f014";
}

.fa-home:before {
    content: "\f015";
}

.fa-file-o:before {
    content: "\f016";
}

.fa-clock-o:before {
    content: "\f017";
}

.fa-road:before {
    content: "\f018";
}

.fa-download:before {
    content: "\f019";
}

.fa-arrow-circle-o-down:before {
    content: "\f01a";
}

.fa-arrow-circle-o-up:before {
    content: "\f01b";
}

.fa-inbox:before {
    content: "\f01c";
}

.fa-play-circle-o:before {
    content: "\f01d";
}

.fa-rotate-right:before,
.fa-repeat:before {
    content: "\f01e";
}

.fa-refresh:before {
    content: "\f021";
}

.fa-list-alt:before {
    content: "\f022";
}

.fa-lock:before {
    content: "\f023";
}

.fa-flag:before {
    content: "\f024";
}

.fa-headphones:before {
    content: "\f025";
}

.fa-volume-off:before {
    content: "\f026";
}

.fa-volume-down:before {
    content: "\f027";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-qrcode:before {
    content: "\f029";
}

.fa-barcode:before {
    content: "\f02a";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-book:before {
    content: "\f02d";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-print:before {
    content: "\f02f";
}

.fa-camera:before {
    content: "\f030";
}

.fa-font:before {
    content: "\f031";
}

.fa-bold:before {
    content: "\f032";
}

.fa-italic:before {
    content: "\f033";
}

.fa-text-height:before {
    content: "\f034";
}

.fa-text-width:before {
    content: "\f035";
}

.fa-align-left:before {
    content: "\f036";
}

.fa-align-center:before {
    content: "\f037";
}

.fa-align-right:before {
    content: "\f038";
}

.fa-align-justify:before {
    content: "\f039";
}

.fa-list:before {
    content: "\f03a";
}

.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b";
}

.fa-indent:before {
    content: "\f03c";
}

.fa-video-camera:before {
    content: "\f03d";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
    content: "\f03e";
}

.fa-pencil:before {
    content: "\f040";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-adjust:before {
    content: "\f042";
}

.fa-tint:before {
    content: "\f043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044";
}

.fa-share-square-o:before {
    content: "\f045";
}

.fa-check-square-o:before {
    content: "\f046";
}

.fa-arrows:before {
    content: "\f047";
}

.fa-step-backward:before {
    content: "\f048";
}

.fa-fast-backward:before {
    content: "\f049";
}

.fa-backward:before {
    content: "\f04a";
}

.fa-play:before {
    content: "\f04b";
}

.fa-pause:before {
    content: "\f04c";
}

.fa-stop:before {
    content: "\f04d";
}

.fa-forward:before {
    content: "\f04e";
}

.fa-fast-forward:before {
    content: "\f050";
}

.fa-step-forward:before {
    content: "\f051";
}

.fa-eject:before {
    content: "\f052";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-minus-circle:before {
    content: "\f056";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-crosshairs:before {
    content: "\f05b";
}

.fa-times-circle-o:before {
    content: "\f05c";
}

.fa-check-circle-o:before {
    content: "\f05d";
}

.fa-ban:before {
    content: "\f05e";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-arrow-up:before {
    content: "\f062";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-mail-forward:before,
.fa-share:before {
    content: "\f064";
}

.fa-expand:before {
    content: "\f065";
}

.fa-compress:before {
    content: "\f066";
}

.fa-plus:before {
    content: "\f067";
}

.fa-minus:before {
    content: "\f068";
}

.fa-asterisk:before {
    content: "\f069";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-leaf:before {
    content: "\f06c";
}

.fa-fire:before {
    content: "\f06d";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-plane:before {
    content: "\f072";
}

.fa-calendar:before {
    content: "\f073";
}

.fa-random:before {
    content: "\f074";
}

.fa-comment:before {
    content: "\f075";
}

.fa-magnet:before {
    content: "\f076";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-retweet:before {
    content: "\f079";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-folder-open:before {
    content: "\f07c";
}

.fa-arrows-v:before {
    content: "\f07d";
}

.fa-arrows-h:before {
    content: "\f07e";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\f080";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-camera-retro:before {
    content: "\f083";
}

.fa-key:before {
    content: "\f084";
}

.fa-gears:before,
.fa-cogs:before {
    content: "\f085";
}

.fa-comments:before {
    content: "\f086";
}

.fa-thumbs-o-up:before {
    content: "\f087";
}

.fa-thumbs-o-down:before {
    content: "\f088";
}

.fa-star-half:before {
    content: "\f089";
}

.fa-heart-o:before {
    content: "\f08a";
}

.fa-sign-out:before {
    content: "\f08b";
}

.fa-linkedin-square:before {
    content: "\f08c";
}

.fa-thumb-tack:before {
    content: "\f08d";
}

.fa-external-link:before {
    content: "\f08e";
}

.fa-sign-in:before {
    content: "\f090";
}

.fa-trophy:before {
    content: "\f091";
}

.fa-github-square:before {
    content: "\f092";
}

.fa-upload:before {
    content: "\f093";
}

.fa-lemon-o:before {
    content: "\f094";
}

.fa-phone:before {
    content: "\f095";
}

.fa-square-o:before {
    content: "\f096";
}

.fa-bookmark-o:before {
    content: "\f097";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a";
}

.fa-github:before {
    content: "\f09b";
}

.fa-unlock:before {
    content: "\f09c";
}

.fa-credit-card:before {
    content: "\f09d";
}

.fa-rss:before {
    content: "\f09e";
}

.fa-hdd-o:before {
    content: "\f0a0";
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-hand-o-right:before {
    content: "\f0a4";
}

.fa-hand-o-left:before {
    content: "\f0a5";
}

.fa-hand-o-up:before {
    content: "\f0a6";
}

.fa-hand-o-down:before {
    content: "\f0a7";
}

.fa-arrow-circle-left:before {
    content: "\f0a8";
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
}

.fa-arrow-circle-up:before {
    content: "\f0aa";
}

.fa-arrow-circle-down:before {
    content: "\f0ab";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-wrench:before {
    content: "\f0ad";
}

.fa-tasks:before {
    content: "\f0ae";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-briefcase:before {
    content: "\f0b1";
}

.fa-arrows-alt:before {
    content: "\f0b2";
}

.fa-group:before,
.fa-users:before {
    content: "\f0c0";
}

.fa-chain:before,
.fa-link:before {
    content: "\f0c1";
}

.fa-cloud:before {
    content: "\f0c2";
}

.fa-flask:before {
    content: "\f0c3";
}

.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4";
}

.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5";
}

.fa-paperclip:before {
    content: "\f0c6";
}

.fa-save:before,
.fa-floppy-o:before {
    content: "\f0c7";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
    content: "\f0c9";
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-list-ol:before {
    content: "\f0cb";
}

.fa-strikethrough:before {
    content: "\f0cc";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-magic:before {
    content: "\f0d0";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-google-plus:before {
    content: "\f0d5";
}

.fa-money:before {
    content: "\f0d6";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-columns:before {
    content: "\f0db";
}

.fa-unsorted:before,
.fa-sort:before {
    content: "\f0dc";
}

.fa-sort-down:before,
.fa-sort-desc:before {
    content: "\f0dd";
}

.fa-sort-up:before,
.fa-sort-asc:before {
    content: "\f0de";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-linkedin:before {
    content: "\f0e1";
}

.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2";
}

.fa-legal:before,
.fa-gavel:before {
    content: "\f0e3";
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4";
}

.fa-comment-o:before {
    content: "\f0e5";
}

.fa-comments-o:before {
    content: "\f0e6";
}

.fa-flash:before,
.fa-bolt:before {
    content: "\f0e7";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-umbrella:before {
    content: "\f0e9";
}

.fa-paste:before,
.fa-clipboard:before {
    content: "\f0ea";
}

.fa-lightbulb-o:before {
    content: "\f0eb";
}

.fa-exchange:before {
    content: "\f0ec";
}

.fa-cloud-download:before {
    content: "\f0ed";
}

.fa-cloud-upload:before {
    content: "\f0ee";
}

.fa-user-md:before {
    content: "\f0f0";
}

.fa-stethoscope:before {
    content: "\f0f1";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-bell-o:before {
    content: "\f0a2";
}

.fa-coffee:before {
    content: "\f0f4";
}

.fa-cutlery:before {
    content: "\f0f5";
}

.fa-file-text-o:before {
    content: "\f0f6";
}

.fa-building-o:before {
    content: "\f0f7";
}

.fa-hospital-o:before {
    content: "\f0f8";
}

.fa-ambulance:before {
    content: "\f0f9";
}

.fa-medkit:before {
    content: "\f0fa";
}

.fa-fighter-jet:before {
    content: "\f0fb";
}

.fa-beer:before {
    content: "\f0fc";
}

.fa-h-square:before {
    content: "\f0fd";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-laptop:before {
    content: "\f109";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b";
}

.fa-circle-o:before {
    content: "\f10c";
}

.fa-quote-left:before {
    content: "\f10d";
}

.fa-quote-right:before {
    content: "\f10e";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-circle:before {
    content: "\f111";
}

.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-folder-o:before {
    content: "\f114";
}

.fa-folder-open-o:before {
    content: "\f115";
}

.fa-smile-o:before {
    content: "\f118";
}

.fa-frown-o:before {
    content: "\f119";
}

.fa-meh-o:before {
    content: "\f11a";
}

.fa-gamepad:before {
    content: "\f11b";
}

.fa-keyboard-o:before {
    content: "\f11c";
}

.fa-flag-o:before {
    content: "\f11d";
}

.fa-flag-checkered:before {
    content: "\f11e";
}

.fa-terminal:before {
    content: "\f120";
}

.fa-code:before {
    content: "\f121";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-crop:before {
    content: "\f125";
}

.fa-code-fork:before {
    content: "\f126";
}

.fa-unlink:before,
.fa-chain-broken:before {
    content: "\f127";
}

.fa-question:before {
    content: "\f128";
}

.fa-info:before {
    content: "\f129";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-superscript:before {
    content: "\f12b";
}

.fa-subscript:before {
    content: "\f12c";
}

.fa-eraser:before {
    content: "\f12d";
}

.fa-puzzle-piece:before {
    content: "\f12e";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-microphone-slash:before {
    content: "\f131";
}

.fa-shield:before {
    content: "\f132";
}

.fa-calendar-o:before {
    content: "\f133";
}

.fa-fire-extinguisher:before {
    content: "\f134";
}

.fa-rocket:before {
    content: "\f135";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-anchor:before {
    content: "\f13d";
}

.fa-unlock-alt:before {
    content: "\f13e";
}

.fa-bullseye:before {
    content: "\f140";
}

.fa-ellipsis-h:before {
    content: "\f141";
}

.fa-ellipsis-v:before {
    content: "\f142";
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-ticket:before {
    content: "\f145";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-minus-square-o:before {
    content: "\f147";
}

.fa-level-up:before {
    content: "\f148";
}

.fa-level-down:before {
    content: "\f149";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-pencil-square:before {
    content: "\f14b";
}

.fa-external-link-square:before {
    content: "\f14c";
}

.fa-share-square:before {
    content: "\f14d";
}

.fa-compass:before {
    content: "\f14e";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
    content: "\f150";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
    content: "\f151";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
    content: "\f152";
}

.fa-euro:before,
.fa-eur:before {
    content: "\f153";
}

.fa-gbp:before {
    content: "\f154";
}

.fa-dollar:before,
.fa-usd:before {
    content: "\f155";
}

.fa-rupee:before,
.fa-inr:before {
    content: "\f156";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
    content: "\f157";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
    content: "\f158";
}

.fa-won:before,
.fa-krw:before {
    content: "\f159";
}

.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a";
}

.fa-file:before {
    content: "\f15b";
}

.fa-file-text:before {
    content: "\f15c";
}

.fa-sort-alpha-asc:before {
    content: "\f15d";
}

.fa-sort-alpha-desc:before {
    content: "\f15e";
}

.fa-sort-amount-asc:before {
    content: "\f160";
}

.fa-sort-amount-desc:before {
    content: "\f161";
}

.fa-sort-numeric-asc:before {
    content: "\f162";
}

.fa-sort-numeric-desc:before {
    content: "\f163";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-youtube-square:before {
    content: "\f166";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-xing:before {
    content: "\f168";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-youtube-play:before {
    content: "\f16a";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-adn:before {
    content: "\f170";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-bitbucket-square:before {
    content: "\f172";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-long-arrow-down:before {
    content: "\f175";
}

.fa-long-arrow-up:before {
    content: "\f176";
}

.fa-long-arrow-left:before {
    content: "\f177";
}

.fa-long-arrow-right:before {
    content: "\f178";
}

.fa-apple:before {
    content: "\f179";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-android:before {
    content: "\f17b";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-trello:before {
    content: "\f181";
}

.fa-female:before {
    content: "\f182";
}

.fa-male:before {
    content: "\f183";
}

.fa-gittip:before,
.fa-gratipay:before {
    content: "\f184";
}

.fa-sun-o:before {
    content: "\f185";
}

.fa-moon-o:before {
    content: "\f186";
}

.fa-archive:before {
    content: "\f187";
}

.fa-bug:before {
    content: "\f188";
}

.fa-vk:before {
    content: "\f189";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-arrow-circle-o-right:before {
    content: "\f18e";
}

.fa-arrow-circle-o-left:before {
    content: "\f190";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
    content: "\f191";
}

.fa-dot-circle-o:before {
    content: "\f192";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-turkish-lira:before,
.fa-try:before {
    content: "\f195";
}

.fa-plus-square-o:before {
    content: "\f196";
}

.fa-space-shuttle:before {
    content: "\f197";
}

.fa-slack:before {
    content: "\f198";
}

.fa-envelope-square:before {
    content: "\f199";
}

.fa-wordpress:before {
    content: "\f19a";
}

.fa-openid:before {
    content: "\f19b";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
    content: "\f19c";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
    content: "\f19d";
}

.fa-yahoo:before {
    content: "\f19e";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-reddit:before {
    content: "\f1a1";
}

.fa-reddit-square:before {
    content: "\f1a2";
}

.fa-stumbleupon-circle:before {
    content: "\f1a3";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-delicious:before {
    content: "\f1a5";
}

.fa-digg:before {
    content: "\f1a6";
}

.fa-pied-piper:before {
    content: "\f1a7";
}

.fa-pied-piper-alt:before {
    content: "\f1a8";
}

.fa-drupal:before {
    content: "\f1a9";
}

.fa-joomla:before {
    content: "\f1aa";
}

.fa-language:before {
    content: "\f1ab";
}

.fa-fax:before {
    content: "\f1ac";
}

.fa-building:before {
    content: "\f1ad";
}

.fa-child:before {
    content: "\f1ae";
}

.fa-paw:before {
    content: "\f1b0";
}

.fa-spoon:before {
    content: "\f1b1";
}

.fa-cube:before {
    content: "\f1b2";
}

.fa-cubes:before {
    content: "\f1b3";
}

.fa-behance:before {
    content: "\f1b4";
}

.fa-behance-square:before {
    content: "\f1b5";
}

.fa-steam:before {
    content: "\f1b6";
}

.fa-steam-square:before {
    content: "\f1b7";
}

.fa-recycle:before {
    content: "\f1b8";
}

.fa-automobile:before,
.fa-car:before {
    content: "\f1b9";
}

.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba";
}

.fa-tree:before {
    content: "\f1bb";
}

.fa-spotify:before {
    content: "\f1bc";
}

.fa-deviantart:before {
    content: "\f1bd";
}

.fa-soundcloud:before {
    content: "\f1be";
}

.fa-database:before {
    content: "\f1c0";
}

.fa-file-pdf-o:before {
    content: "\f1c1";
}

.fa-file-word-o:before {
    content: "\f1c2";
}

.fa-file-excel-o:before {
    content: "\f1c3";
}

.fa-file-powerpoint-o:before {
    content: "\f1c4";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
    content: "\f1c5";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
    content: "\f1c6";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
    content: "\f1c7";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8";
}

.fa-file-code-o:before {
    content: "\f1c9";
}

.fa-vine:before {
    content: "\f1ca";
}

.fa-codepen:before {
    content: "\f1cb";
}

.fa-jsfiddle:before {
    content: "\f1cc";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
    content: "\f1cd";
}

.fa-circle-o-notch:before {
    content: "\f1ce";
}

.fa-ra:before,
.fa-rebel:before {
    content: "\f1d0";
}

.fa-ge:before,
.fa-empire:before {
    content: "\f1d1";
}

.fa-git-square:before {
    content: "\f1d2";
}

.fa-git:before {
    content: "\f1d3";
}

.fa-hacker-news:before {
    content: "\f1d4";
}

.fa-tencent-weibo:before {
    content: "\f1d5";
}

.fa-qq:before {
    content: "\f1d6";
}

.fa-wechat:before,
.fa-weixin:before {
    content: "\f1d7";
}

.fa-send:before,
.fa-paper-plane:before {
    content: "\f1d8";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
    content: "\f1d9";
}

.fa-history:before {
    content: "\f1da";
}

.fa-genderless:before,
.fa-circle-thin:before {
    content: "\f1db";
}

.fa-header:before {
    content: "\f1dc";
}

.fa-paragraph:before {
    content: "\f1dd";
}

.fa-sliders:before {
    content: "\f1de";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-share-alt-square:before {
    content: "\f1e1";
}

.fa-bomb:before {
    content: "\f1e2";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
    content: "\f1e3";
}

.fa-tty:before {
    content: "\f1e4";
}

.fa-binoculars:before {
    content: "\f1e5";
}

.fa-plug:before {
    content: "\f1e6";
}

.fa-slideshare:before {
    content: "\f1e7";
}

.fa-twitch:before {
    content: "\f1e8";
}

.fa-yelp:before {
    content: "\f1e9";
}

.fa-newspaper-o:before {
    content: "\f1ea";
}

.fa-wifi:before {
    content: "\f1eb";
}

.fa-calculator:before {
    content: "\f1ec";
}

.fa-paypal:before {
    content: "\f1ed";
}

.fa-google-wallet:before {
    content: "\f1ee";
}

.fa-cc-visa:before {
    content: "\f1f0";
}

.fa-cc-mastercard:before {
    content: "\f1f1";
}

.fa-cc-discover:before {
    content: "\f1f2";
}

.fa-cc-amex:before {
    content: "\f1f3";
}

.fa-cc-paypal:before {
    content: "\f1f4";
}

.fa-cc-stripe:before {
    content: "\f1f5";
}

.fa-bell-slash:before {
    content: "\f1f6";
}

.fa-bell-slash-o:before {
    content: "\f1f7";
}

.fa-trash:before {
    content: "\f1f8";
}

.fa-copyright:before {
    content: "\f1f9";
}

.fa-at:before {
    content: "\f1fa";
}

.fa-eyedropper:before {
    content: "\f1fb";
}

.fa-paint-brush:before {
    content: "\f1fc";
}

.fa-birthday-cake:before {
    content: "\f1fd";
}

.fa-area-chart:before {
    content: "\f1fe";
}

.fa-pie-chart:before {
    content: "\f200";
}

.fa-line-chart:before {
    content: "\f201";
}

.fa-lastfm:before {
    content: "\f202";
}

.fa-lastfm-square:before {
    content: "\f203";
}

.fa-toggle-off:before {
    content: "\f204";
}

.fa-toggle-on:before {
    content: "\f205";
}

.fa-bicycle:before {
    content: "\f206";
}

.fa-bus:before {
    content: "\f207";
}

.fa-ioxhost:before {
    content: "\f208";
}

.fa-angellist:before {
    content: "\f209";
}

.fa-cc:before {
    content: "\f20a";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
    content: "\f20b";
}

.fa-meanpath:before {
    content: "\f20c";
}

.fa-buysellads:before {
    content: "\f20d";
}

.fa-connectdevelop:before {
    content: "\f20e";
}

.fa-dashcube:before {
    content: "\f210";
}

.fa-forumbee:before {
    content: "\f211";
}

.fa-leanpub:before {
    content: "\f212";
}

.fa-sellsy:before {
    content: "\f213";
}

.fa-shirtsinbulk:before {
    content: "\f214";
}

.fa-simplybuilt:before {
    content: "\f215";
}

.fa-skyatlas:before {
    content: "\f216";
}

.fa-cart-plus:before {
    content: "\f217";
}

.fa-cart-arrow-down:before {
    content: "\f218";
}

.fa-diamond:before {
    content: "\f219";
}

.fa-ship:before {
    content: "\f21a";
}

.fa-user-secret:before {
    content: "\f21b";
}

.fa-motorcycle:before {
    content: "\f21c";
}

.fa-street-view:before {
    content: "\f21d";
}

.fa-heartbeat:before {
    content: "\f21e";
}

.fa-venus:before {
    content: "\f221";
}

.fa-mars:before {
    content: "\f222";
}

.fa-mercury:before {
    content: "\f223";
}

.fa-transgender:before {
    content: "\f224";
}

.fa-transgender-alt:before {
    content: "\f225";
}

.fa-venus-double:before {
    content: "\f226";
}

.fa-mars-double:before {
    content: "\f227";
}

.fa-venus-mars:before {
    content: "\f228";
}

.fa-mars-stroke:before {
    content: "\f229";
}

.fa-mars-stroke-v:before {
    content: "\f22a";
}

.fa-mars-stroke-h:before {
    content: "\f22b";
}

.fa-neuter:before {
    content: "\f22c";
}

.fa-facebook-official:before {
    content: "\f230";
}

.fa-pinterest-p:before {
    content: "\f231";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-server:before {
    content: "\f233";
}

.fa-user-plus:before {
    content: "\f234";
}

.fa-user-times:before {
    content: "\f235";
}

.fa-hotel:before,
.fa-bed:before {
    content: "\f236";
}

.fa-viacoin:before {
    content: "\f237";
}

.fa-train:before {
    content: "\f238";
}

.fa-subway:before {
    content: "\f239";
}

.fa-medium:before {
    content: "\f23a";
}

/*------------------------------------*\
    8. Base page
\*------------------------------------*/
/**
 * High-, page-level styling.
 *
 * 1. Set the default `font-size` and `line-height` for the entire project,
 *    sourced from our default variables. The `font-size` is calculated to exist
 *    in ems, the `line-height` is calculated to exist unitlessly.
 * 2. Force scrollbars to always be visible to prevent awkward ‘jumps’ when
 *    navigating between pages that do/do not have enough content to produce
 *    scrollbars naturally.
 * 3. Ensure the page always fills at least the entire height of the viewport.
 * 4. Prevent certain mobile browsers from automatically zooming fonts.
 * 5. Fonts on OSX will look more consistent with other systems that do not
 *    render text using sub-pixel anti-aliasing.
 */
html {
    font-size: 1.0625em;
    /* [1] */
    line-height: 1.64706;
    /* [1] */
    background-color: #fff;
    color: #2d3031;
    overflow-y: scroll;
    /* [2] */
    min-height: 100%;
    /* [3] */
    -webkit-text-size-adjust: 100%;
    /* [4] */
    -ms-text-size-adjust: 100%;
    /* [4] */
    -moz-osx-font-smoothing: grayscale;
    /* [5] */
    -webkit-font-smoothing: antialiased;
    /* [5] */
}

html {
    font-family: "Ubuntu", serif;
    overflow-x: hidden;
}

body {
    /*padding-top: 111px;*/
    transition: background-color .3s ease;
}

body.font-sans{
    font-family: "Roboto", sans-serif;
    font-weight: 300;
}

body.sticky-header {
    padding-top: 111px;
}

.scrolled_page body {
    padding-top: 81px;
}

body.inner.sticky-header {
    padding-top: 81px;
}

@media screen and (max-width: 768px) {
    body.sticky-header {
        padding-top: 61px !important;
    }
}

@media screen and (max-width: 480px) {
    body.sticky-header {
        padding-top: 53px !important;
    }
}

.site-main {
    transition: height 0.5s cubic-bezier(0.76, 0.17, 0.33, 0.95);
}

.homepage .content-area {
    padding-bottom: 130px;
}

@media screen and (max-width: 1024px) {
    .homepage .content-area {
        padding-bottom: 100px;
    }
}

.grid .content-area {
    padding: 90px 0;
    border-bottom: 1px solid #e5e5e5;
}

@media screen and (max-width: 1024px) {
    .grid .content-area {
        padding: 50px 0;
    }
}

.dropcap {
    position: relative;
    text-transform: capitalize;
    float: left;
    font-size: 55px;
    padding-right: 5px;
    line-height: 1;
    font-family: "Ubuntu", cursive;
    color: #a79f82;
}

span.dropcap {
    display:block;
    text-transform: capitalize;
    float: left;
    font-size: 56px;
    padding-right: 5px;
    line-height: 1;
    font-family: "Ubuntu", cursive;
    color: #a79f82;
}

.home span.dropcap,
.blog span.dropcap,
.search span.dropcap,
.archive span.dropcap {
    font-size: 49px;
}

.emphasized span.dropcap {
    font-size: 69px;
}

@-moz-document url-prefix() {
    .dropcap:first-letter {
        margin-top: 10px;
    }
}

.emphasized {
    font-size: 27px;
    font-size: 1.58824rem;
    line-height: 1.03704;
    line-height: 1.3;
    font-family: "Ubuntu", sans-serif;
    margin-bottom: 55px;
}

.emphasized + h2 {
    padding-top: 0 !important;
}

.emphasized.font-sans.font-sans {
    font-family: "Ubuntu", sans-serif !important;
}

.strong-emphasized {
    font-family: "Ubuntu", cursive;
    font-size: 25px;
    font-size: 1.47059rem;
    line-height: 1.12;
    line-height: 1.4;
    padding: 20px 0;
    font-weight: 400;
    max-width: calc(100% + 230px);
}

.highlighted {
    display: inline-block;
    padding: 0 3px;
    background-color: #ebe7da;
}

.night-mode .highlighted {
    color: black;
}

ul, ol {
    list-style-type: none;
    margin-left: 0;
}

ul li, ol li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
}

ul li:before, ol li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 9px;
    height: 9px;
    display: block;
    border: 2px solid #a79f82;
    border-radius: 50%;
}

ul li ul, ul li ol, ol li ul, ol li ol {
    padding-top: 15px;
}

ul li li, ol li li {
    padding-left: 37px;
}

ul li li:before, ol li li:before {
    width: 9px;
    height: 2px;
    border-radius: 0;
    border: none;
    background-color: #a79f82;
    top: 12px;
    left: 17px;
}

ol {
    counter-reset: item;
}

ol li:before {
    border: none;
    border-radius: 0;
    content: counters(item, ".") ".";
    counter-increment: item;
    top: auto;
    color: #a79f82;
    width:auto;
}

ol li li {
    padding-left: 65px;
}
ol li li li{
    padding-left: 85px;
}
ol li li li li{
    padding-left: 110px;
}


ol li li:before {
    content: counters(item, ".") ".";
    width: auto;
    height: auto;
    background-color: transparent;
    top: auto;
    left: 15px;
}

.list-reset {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0;
}

.list-reset ul, .list-reset ol {
    padding-top: 0;
}

.list-reset li {
    padding-left: 0;
    margin-bottom: 0;
}

.list-reset li:before {
    content: '';
    display: none;
    position: static;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    border: none;
    border-radius: 0;
    color: transparent;
}

.list-reset li li {
    padding-left: 0;
}

.list-reset li li:before {
    display: none;
    background-color: transparent;
    top: auto;
    left: auto;
    position: static;
    width: auto;
    height: auto;
}

blockquote {
    padding-top: 50px;
    position: relative;
    background-image: url("layouts/images/quote.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
}

blockquote p {
    margin-bottom: 20px;
    font-size: 25px;
    font-size: 1.47059rem;
    line-height: 1.12;
    font-family: "Ubuntu", cursive;
    line-height: 1.4;
}

blockquote cite {
    color: #a79f82;
    display: block;
    font-style: normal;
    padding-left: 35px;
    position: relative;
}

blockquote cite:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 25px;
    height: 1px;
    background-color: #a79f82;
}

/*------------------------------------*\
    9. Headings
\*------------------------------------*/
/**
 * Headings 1–6, with corresponding Greek-alphabet abstract classes for double-
 * stranded heading hierarchy: csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css
 */
h1,
.alpha {
    font-size: 36px;
    font-size: 2.11765rem;
    line-height: 1.55556;
}

h2,
.beta {
    font-size: 30px;
    font-size: 1.76471rem;
    line-height: 1.86667;
}

h3,
.gamma {
    font-size: 24px;
    font-size: 1.41176rem;
    line-height: 1.16667;
}

h4,
.delta {
    font-size: 20px;
    font-size: 1.17647rem;
    line-height: 1.4;
}

h5,
.epsilon {
    font-size: 16px;
    font-size: 0.94118rem;
    line-height: 1.75;
}

h6,
.zeta {
    font-size: 14px;
    font-size: 0.82353rem;
    line-height: 2;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #2d3031;
    font-family: "Ubuntu", cursive;
    font-weight: 400;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    letter-spacing: -1px;
}

.font-serif .entry-content h1,
.font-serif .entry-content h2,
.font-serif .entry-content h3,
.font-serif .entry-content h4,
.font-serif .entry-content h5,
.font-serif .entry-content h6 {
    font-family: "Ubuntu", cursive;
    font-weight: 400;
}

h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
    color: inherit;
    font-weight: 400;
}

.font-sans h1 > a,
.font-sans h2 > a,
.font-sans h3 > a,
.font-sans h4 > a,
.font-sans h5 > a,
.font-sans h6 > a {
    font-weight: 700;
}

.night-mode h1,
.night-mode h2,
.night-mode h3,
.night-mode h4,
.night-mode h5,
.night-mode h6 {
    color: white;
}

.night-mode h1 > a,
.night-mode h2 > a,
.night-mode h3 > a,
.night-mode h4 > a,
.night-mode h5 > a,
.night-mode h6 > a {
    color: inherit;
}

h1, .h1 {
    font-size: 35px;
    font-size: 2.059rem;
    line-height: 1.01818;
}
@media screen and (min-width: 1024px) {
    h1, .h1 {
        font-size: 55px;
        font-size: 3.23529rem;
        line-height: 1.01818;
    }
}

h2, .h2 {
    font-size: 25px;
    font-size: 1.47059rem;
    line-height: 1.12;
    font-weight: 400;
}

.home-page-default h2, .home-page-default .h2 {
    font-size: 35px;
    font-size: 2.05882rem;
    line-height: 1.6;
    font-family: "Ubuntu", cursive;
    font-weight: 400;
}

.home-page-second h2, .home-page-second .h2,
.post .entry-title {
    font-size: 43px;
    font-size: 2.52941rem;
    line-height: 1.30233;
    font-family: "Ubuntu", cursive;
    font-weight: 400;
}

.night-mode h2, .night-mode .h2 {
    color: #c9d2d4;
}

.post h2.font-sans.font-sans, .post .h2.font-sans.font-sans {
    font-family: "Ubuntu", sans-serif !important;
}

h3, .h3 {
    font-size: 23px;
    font-size: 1.35294rem;
    line-height: 1.21739;
}

h4, .h4 {
    font-size: 20px;
    font-size: 1.17647rem;
    line-height: 1.4;
}

h5, .h5 {
    font-size: 18px;
    font-size: 1.05882rem;
    line-height: 1.55556;
}

h6, .h6 {
    font-size: 16px;
    font-size: 0.94118rem;
    line-height: 1.75;
}

/*------------------------------------*\
    10. Type
\*------------------------------------*/
/**
 * Horizontal rules.
 */
hr {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    height: 1px;
    margin-bottom: 28px;
}

.text-line, .comment-respond .comment-reply-title, .comments-area .comments-title {
    position: relative;
    display: block;
}

.comment-respond .comment-reply-title small{
    display: inline-block;
    background-color: white;
    z-index: 2;
    position: relative;
    padding-right: 20px;
    margin-left: -10px;
    padding-left: 10px;
}

.text-line span, .comment-respond .comment-reply-title span, .comments-area .comments-title span {
    display: inline-block;
    background-color: white;
    z-index: 2;
    position: relative;
    padding-right: 20px;
}

.night-mode .text-line span, .night-mode .comment-respond .comment-reply-title span, .comment-respond .night-mode .comment-reply-title span, .night-mode .comments-area .comments-title span {
    background-color: #2d3031;
}

.text-line:before, .comment-respond .comment-reply-title:before, .comments-area .comments-title:before {
    position: absolute;
    content: '';
    top: 50%;
    height: 1px;
    width: 100%;
    left: 0;
    display: block;
    z-index: 1;
    background-color: #e5e5e5;
}

.night-mode .text-line:before, .night-mode .comment-respond .comment-reply-title:before, .comment-respond .night-mode .comment-reply-title:before, .night-mode .comments-area .comments-title:before {
    background-color: white;
    opacity: .1;
}

blockquote cite, .site-header .site-branding .site-description, .site-header__now-reading h2, .site-header__next-reading h2, .site-header__now-reading p, .site-header__next-reading p, .site-header__search-input, .site-header__free-mode a, .site-header__reset-button, .tooltip-wrap.site-header__prev-article .tooltip a, .tooltip-wrap.site-header__next-article .tooltip a, .main-navigation .menu a, .home-hero-slider .owl-item__info a, table th, figure figcaption, .popular-posts-widget time, .widget_twitter_feed .tp_recent_tweets-wrap h3, .widget_twitter_feed .tp_recent_tweets-follow, .widget_categories > ul > li span, .widget_archive > ul > li span, .widget_calendar table th, .widget_calendar table td, .widget_recent_entries span, .about-author__upperheading, .about-author__social li, .offered-posts__content .related-date, .offered-posts__fake-link, .comments-area .comments-title, .comments-area .comment-metadata time, .comments-area .reply a, .comment-respond h3, .subscribe-v1 .btn, .subscribe-v1 .comment-form .form-submit .submit, .comment-form .form-submit .subscribe-v1 .submit, .most-popular-post__content p, .styled-radiobutton--font + label, .post .featured-image a .fake-link, .post .featured-image a .featured-image__foot, .kudo_text > span, .inner-article-footer__tags span, .post .entry-footer .inner-article-footer__tags a, .night-mode .post .entry-footer .inner-article-footer__tags a, .Ubuntu-spacing, .post .entry-category a, .post .entry-meta, .post .entry-footer a, .entry-footer .post__share span, .widget:not(.widget_twitter_feed) ul {
    font-size: 13px;
    font-weight: 400;
    color: #878b90;
    font-family: "Ubuntu", sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/*------------------------------------*\
    11. Links
\*------------------------------------*/
a {
    font-weight: 700;
    text-decoration: underline;
    transition: all .25s ease;
}

.night-mode a {
    color: #c9d2d4;
}

.night-mode a:hover {
    color: #a79f82;
}

a:hover {
    color: #a79f82;
}

@media screen and (max-width: 480px) {
    .btn-image--openpopup {
        width: calc(100% + 30px);
        margin-left: -15px;
    }
    .single .featured-image .btn-image--openpopup {
        max-width: calc(100% + 30px);
    }
}

@media screen and (min-width: 481px) and (max-width: 650px) {
    .btn-image--openpopup {
        width: calc(100% + 56px);
        margin-left: -28px;
    }
    .single .featured-image .btn-image--openpopup {
        max-width: calc(100% + 56px);
    }
}

@media screen and (min-width: 651px) and (max-width: 1024px) {
    .single .featured-image .btn-image--openpopup {
        max-width: calc(100% + 56px);
        width: calc(100% + 56px);
        margin-left: -28px;
    }
}
.format-gallery .btn-image--openpopup:before, .format-gallery .btn-gallery--openpopup:before {
    display: none;
}
.btn-image--openpopup, .btn-gallery--openpopup, .single .format-image .btn-image--openpopup, .single .format-gallery .btn-gallery--openpopup {
    position: relative;
    display: inline-block;
    max-width: 100%;
}

.btn-image--openpopup:before, .btn-gallery--openpopup:before, .single .format-image .btn-image--openpopup:before, .single .format-gallery .btn-gallery--openpopup:before {
    content: '';
    display: block;
    position: absolute;
    right: 20px;
    bottom: 20px;
    left: auto;
    top: auto;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.3);
    width: 32px;
    height: 32px;
    opacity: 0;
    transition: all .2s ease;
    background-image: url("layouts/images/icon-plus-white.svg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 12px 12px;
    -moz-transform: scale(1.8, 1.8);
    -ms-transform: scale(1.8, 1.8);
    -webkit-transform: scale(1.8, 1.8);
    transform: scale(1.8, 1.8);
}

.btn-image--openpopup:hover:before, .btn-gallery--openpopup:hover:before, .single .format-image .btn-image--openpopup:hover:before, .single .format-gallery .btn-gallery--openpopup:hover:before {
    opacity: 1;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    z-index: 2;
}

a {
    color: #2d3031;
}

a:hover {
    text-decoration: underline;
}

.post .entry-author a{
    color: #2d3031;
    text-decoration: none;
    font-weight: normal;
}
.comment-count a,
.list-reset a {
    color: #878b90;
    text-decoration: none;
    font-weight: normal;
}

.post .entry-author a:hover,
.comment-count a:hover {
    color:#a79f82;
}

/*------------------------------------*\
    12. Paragraphs
\*------------------------------------*/
/**
 * The `.lede` class is used to make the introductory text (usually a paragraph)
 * of a document slightly larger: en.wikipedia.org/wiki/Lede_(news)
 */
.lede {
    font-size: 22.1px;
    font-size: 1.3rem;
    line-height: 1.26697;
}

/*------------------------------------*\
    13. Images
\*------------------------------------*/
/**
 * 1. Fluid images for responsive purposes.
 * 2. Offset `alt` text from surrounding copy.
 * 3. Setting `vertical-align` removes the whitespace that appears under `img`
 *    elements when they are dropped into a page as-is. Safer alternative to
 *    using `display: block;`.
 */
img {
    max-width: 100%;
    /* [1] */
    font-style: italic;
    /* [2] */
    vertical-align: middle;
    /* [3] */
    height: auto;
}

/*------------------------------------*\
    14. Lists
\*------------------------------------*/
/**
 * Remove extra vertical spacing when nesting lists.
 */
li > ul,
li > ol {
    margin-bottom: 0;
}

/*------------------------------------*\
    15. Buttons
\*------------------------------------*/
.btn, .comment-form .form-submit .submit {
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    /* http://compass-style.org/reference/compass/css3/user_interface/ */
    background: none;
    border: none;
    display: inline-block;
    line-height: normal;
    margin: 0;
    /* remove margin for some browsers */
    padding: 0;
    /* remove padding in Firefox */
    text-decoration: none;
    text-shadow: none;
    vertical-align: middle;
    white-space: nowrap;
}

.btn:hover, .comment-form .form-submit .submit:hover {
    cursor: pointer;
    text-decoration: none;
}

.btn--full {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    /* force 100% width for <button> */
}

/*------------------------------------*\
    16. Tableize
\*------------------------------------*/
/**
 * The `.tableize__content` serves as container for cell content. If you need
 * width or padding set on a cell, make sure you set it to `.tableize__content`
 * instead since that is what makes the whole thing work. That being said
 * `.tableize__content` is optional.

   <div class="tableize">
     <div class="tableize__cell">
       <div class="tableize__content">
         cell content
       </div>
     </div>
     <div class="tableize__cell">
       <div class="tableize__content">
         cell content
       </div>
     </div>
   </div>
 */
.tableize {
    display: table;
    width: 100%;
}

/**
 * Tableize cell.
 */
.tableize__cell {
    display: table-cell;
    vertical-align: top;
}

/**
 * Filler cell. There is no need for using this class if parent `.tableize`
 * has `.tableize--fixed` modifier.
 *
 * 1. Fills the rest of the row when one or more cells have fixed width.
 */
.tableize__cell--fill {
    width: 100%;
    /* [1] */
}

/**
 * Middle tableize aligns tableize cell to their middles.
 */
.tableize--middle > .tableize__cell {
    vertical-align: middle;
}

/**
 * Bottom tableize aligns tableize cell to their bottom.
 */
.tableize--bottom > .tableize__cell {
    vertical-align: bottom;
}

/**
 * Fixed tableize makes:
 * - all cells occupy equal width or
 * - if one (or more) cells are fixed (or percentage base) width
 *   the remaining columns will occupy rest of the available space.
 *
 * More info about `table-layout: fixed;` at
 * http://css-tricks.com/fixing-tables-long-strings/
 */
.tableize--fixed {
    table-layout: fixed;
}

/**
 * Full height tableize.
 */
.tableize--full {
    height: 100%;
}

.tableize--full > .tableize__cell,
.tableize--full > .tableize__cell > .tableize__content {
    height: inherit;
}

/*------------------------------------*\
    17. Justifize
\*------------------------------------*/
/*
    http://www.css-101.org/articles/responsive-boxes/magic-boxes.php

    <div class="justifize">
      <div class="justifize__box">
        justifize box content
      </div>
      <div class="justifize__box">
        justifize box content
      </div>
      <div class="justifize__box">
        justifize box content
      </div>
    </div>
*/
.justifize {
    font-size: 1px;
    /* IE 9, 10, 11 FIX */
    text-align: justify;
}

.justifize:after {
    content: "";
    display: inline-block;
    width: 100%;
}

.justifize__box {
    font-size: 17px;
    font-size: 1rem;
    /* font size for html element MUST be set to 10px for this to work */
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.justifize--top .justifize__box {
    vertical-align: top;
}

.justifize--bottom .justifize__box {
    vertical-align: bottom;
}

/*------------------------------------*\
    18. Flag
\*------------------------------------*/
/**
 * The flag object is a design pattern similar to the media object, however it
 * utilises `display: table[-cell];` to give us control over the vertical
 * alignments of the text and image. csswizardry.com/2013/05/the-flag-object
 */
/**
 * 1. Allows us to control vertical alignments
 * 2. Force the object to be the full width of its parent. Combined with [1],
 *    this makes the object behave in a quasi-`display: block;` manner.
 */
.flag {
    display: table;
    /* [1] */
    width: 100%;
    /* [2] */
}

/**
 * Items within a flag object. There should only ever be one of each.
 *
 * 1. Default to aligning content to their middles.
 */
.flag__img,
.flag__body {
    display: table-cell;
    vertical-align: middle;
    /* [1] */
}

/**
 * Flag images have a space between them and the body of the object.
 */
.flag__img {
    padding-right: 28px;
}

.flag__img > img {
    display: block;
    max-width: none;
}

/**
 * The container for the main content of the flag object.
 *
 * 1. Forces the `.flag__body` to take up all remaining space.
 */
.flag__body {
    width: 100%;
    /* [1] */
}

.flag__body,
.flag__body > :last-child {
    margin-bottom: 0;
}

/**
 * Tiny flags.
 */
.flag--tiny {
    /**
   * Tiny reversed flags.
   */
}

.flag--tiny > .flag__img {
    padding-right: 7px;
}

.flag--tiny.flag--rev > .flag__img {
    padding-right: 0;
    padding-left: 7px;
}

/**
 * Small flags.
 */
.flag--small {
    /**
   * Small reversed flags.
   */
}

.flag--small > .flag__img {
    padding-right: 14px;
}

.flag--small.flag--rev > .flag__img {
    padding-right: 0;
    padding-left: 14px;
}

/**
 * Large flags.
 */
.flag--large {
    /**
   * Large reversed flags.
   */
}

.flag--large > .flag__img {
    padding-right: 56px;
}

.flag--large.flag--rev > .flag__img {
    padding-right: 0;
    padding-left: 56px;
}

/**
 * Huge flags.
 */
.flag--huge {
    /**
   * Huge reversed flags.
   */
}

.flag--huge > .flag__img {
    padding-right: 112px;
}

.flag--huge.flag--rev > .flag__img {
    padding-right: 0;
    padding-left: 112px;
}

/**
 * Reversed flag objects have their image-content to the right, and text-content
 * to the left.
 *
 * 1. Swap the rendered direction of the object…
 * 2. …and reset it.
 * 3. Reassign margins to the correct sides.
 */
.flag--rev {
    direction: rtl;
    /* [1] */
}

.flag--rev > .flag__img,
.flag--rev > .flag__body {
    direction: ltr;
    /* [2] */
}

.flag--rev > .flag__img {
    padding-right: 0;
    /* [3] */
    padding-left: 28px;
    /* [3] */
}

/**
 * Flush flag objects have no space between the image- and text-content.
 */
.flag--flush > .flag__img {
    padding-right: 0;
    padding-left: 0;
}

/**
 * Vertically top aligned flag objects.
 */
.flag--top > .flag__img,
.flag--top > .flag__body {
    vertical-align: top;
}

/**
 * Vertically bottom aligned flag objects.
 */
.flag--bottom > .flag__img,
.flag--bottom > .flag__body {
    vertical-align: bottom;
}

/**
 * Responsive flag objects.
 *
 * There is a very pragmatic, simple implementation of a responsive flag
 * object, which simply places the text-content beneath the image-content.
 *
 * We use a `max-width` media query because:
 *
 * a) it is the least verbose method in terms of amount of code required.
 * b) the flag object’s default state is image-next-to-text, so its stacked
 *    state is the exception, rather than the rule.
 */
@media screen and (max-width: 720px) {
    .flag--responsive {
        /**
     * Disable reversal of content because there is no concept of
     * ‘reversed’ in a stacked layout.
     */
        direction: ltr;
        /**
     * Rework the spacings on regular flag objects.
     */
        /**
     * Tiny responsive flags.
     *
     * Take a little more heavy-handed approach to reworking
     * spacings on flags that are also tiny flags in their regular
     * state.
     */
        /**
     * Small responsive flags.
     *
     * Take a little more heavy-handed approach to reworking
     * spacings on flags that are also small flags in their regular
     * state.
     */
        /**
     * Large responsive flags.
     *
     * Take a little more heavy-handed approach to reworking
     * spacings on flags that are also large flags in their regular
     * state.
     */
        /**
     * Huge responsive flags.
     *
     * Take a little more heavy-handed approach to reworking
     * spacings on flags that are also huge flags in their regular
     * state.
     */
    }

    .flag--responsive,
    .flag--responsive > .flag__img,
    .flag--responsive > .flag__body {
        display: block;
    }

    .flag--responsive > .flag__img {
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 28px;
    }

    .flag--responsive.flag--tiny > .flag__img {
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 7px;
    }

    .flag--responsive.flag--small > .flag__img {
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 14px;
    }

    .flag--responsive.flag--large > .flag__img {
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 56px;
    }

    .flag--responsive.flag--huge > .flag__img {
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 112px;
    }
}

/*------------------------------------*\
    19. Media
\*------------------------------------*/
/**
 * Place any image- and text-like content side-by-side, as per:
 * stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
 */
.media {
    display: block;
}

.media__img {
    float: left;
    margin-right: 28px;
}

.media__img > img {
    display: block;
}

.media__body {
    overflow: hidden;
    display: block;
}

.media__body,
.media__body > :last-child {
    margin-bottom: 0;
}

/*------------------------------------*\
    20. Container
\*------------------------------------*/
.container, .site-content {
    margin: 0 auto;
    max-width: 1416px;
    padding-left: 28px;
    padding-right: 28px;
}

@media screen and (max-width: 480px) {
    .container, .site-content {
        max-width: 1390px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.site-content {
    padding-top: 60px;
    padding-bottom: 130px;
}

@media screen and (max-width: 1024px) {
    .site-content {
        padding-bottom: 50px;
        padding-top: 40px;
    }
}

@media screen and (min-width: 1025px) {
    .site-content {
        border-bottom: 1px solid #e5e5e5;
    }
}

.grid .site-content, .homepage .site-content {
    padding-top: 0;
    padding-bottom: 0;
}

.container--large {
    max-width: 1800px;
    padding-left: 0;
    padding-right: 0;
}

.container--small {
    max-width: 1068px;
}

.container--indented {
    padding: 0 115px;
    position: relative;
}

@media screen and (max-width: 900px) {
    .container--indented{
        padding: 0;
    }
    .container--outdent {
        margin: 0 0 1.64706rem;;
    }
}

@media screen and (max-width: 768px) {
    .content-area {
        margin-bottom: 40px;
    }
}

/*------------------------------------*\
    21. Embedded
\*------------------------------------*/
/*
    BASED ON https://github.com/suitcss/components-flex-embed/blob/master/flex-embed.css, mashed up with http://www.mademyday.de/css-height-equals-width-with-pure-css.html

    <div class="embedded">
      [iframe|object|embed]
    </div>
*/
.embedded {
    display: block;
    overflow: hidden;
    position: relative;
    /**
   * Descendant: media element
   *
   * Utility of the component is improved by provide an explicit descendant
   * class. However, it will work automatically for iframes, embeds, and objects
   * to account for times when you cannot modify the attributes for 3rd party
   * widget code.
   */
    /**
   * A pseudo-element shunt is used to provide support for `max-height`. The
   * `max-height` property has no affect when using a percentage-padding to set
   * the aspect ratio.
   */
}

.embedded .embedded__item,
.embedded video,
.embedded iframe,
.embedded embed,
.embedded object {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.embedded:before {
    content: "";
    display: block;
    padding-bottom: 100%;
    /* initial ratio of 1:1*/
    width: 100%;
}

/**
 * Modifier: 3:1 aspect ratio
 */
.embedded--3by1:before {
    padding-bottom: 33%;
}

/**
 * Modifier: 2:1 aspect ratio
 */
.embedded--2by1:before {
    padding-bottom: 50%;
}

/**
 * Modifier: 16:9 aspect ratio
 */
.embedded--16by9:before {
    padding-bottom: 56.25%;
}

/**
 * Modifier: 4:3 aspect ratio
 */
.embedded--4by3:before {
    padding-bottom: 75%;
}

.embedded--center .embedded__item,
.embedded--center video,
.embedded--center iframe,
.embedded--center embed,
.embedded--center object {
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

/*------------------------------------*\
    22. Icons
\*------------------------------------*/
.icon {
    display: inline-block;
    fill: currentColor;
    height: 21px;
    vertical-align: middle;
    width: 20px;
}

.icon-eye {
    width: 28px;
    height: 19px;
}

.icon-menu {
    width: 24px;
    height: 12px;
}

.icon-back-to-top {
    width: 50px;
    height: 50px;
}

.icon-arrows {
    width: 11px;
    height: 20px;
}

.icon-arrows-small {
    width: 7px;
    height: 12px;
}

.icon-share {
    width: 22px;
    height: 23px;
}

.icon-plus, .icon-minus {
    width: 12px;
    height: 12px;
}

.icon-logo-small {
    width: 47px;
    height: 40px;
}

/*------------------------------------*\
    23. List bare
\*------------------------------------*/
/**
 * The list-bare object simply removes any indents and bullet points from lists.
 */
.list-bare {
    margin: 0;
    padding: 0;
    list-style: none;
}

/*------------------------------------*\
    24. List inline
\*------------------------------------*/
/**
 * The list-inline object simply displays a list of items in one line.
 */
.list-inline {
    margin: 0;
    padding: 0;
    list-style: none;
}

.list-inline > li {
    display: inline-block;
}

/**
 * Comma delimited list to semantically mark up lists of tags, etc.
 *
 * N.B. This component requires that you remove the whitespace between LIs.
 *      The simplest (and valid) way to achieve this is by omitting the
 *      closing `</li>` tag.
 */
.list-inline--delimited > li + li:before {
    content: ", ";
}

/*------------------------------------*\
    25. Objects box
\*------------------------------------*/
/**
 * The box object simply boxes off content.
 */
/**
 * 1. So we can apply the `.box` class to naturally-inline elements.
 */
.box {
    display: block;
    /* [1] */
    padding: 28px;
}

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

/*------------------------------------*\
    26. Objects layout
\*------------------------------------*/
/**
 * The inuitcss layout system uses `box-sizing: border-box;` and
 * `display: inline-block;` to create an extremely powerful, flexible
 * alternative to the traditional grid system. Combine the layout items with
 * the widths found in `trumps.widths`.
 */
/**
 * Begin a layout group.
 */
.layout {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: -28px;
}

/**
 * 1. Cause columns to stack side-by-side.
 * 2. Space columns apart.
 * 3. Align columns to the tops of each other.
 * 4. Full-width unless told to behave otherwise.
 * 5. Required to combine fluid widths and fixed gutters.
 */
.layout__item {
    display: inline-block;
    /* [1] */
    padding-left: 28px;
    /* [2] */
    vertical-align: top;
    /* [3] */
    width: 100%;
    /* [4] */
}

/**
 * Layouts with tiny gutters.
 */
.layout--tiny {
    margin-left: -7px;
}

.layout--tiny > .layout__item {
    padding-left: 7px;
}

/**
 * Layouts with small gutters.
 */
.layout--small {
    margin-left: -14px;
}

.layout--small > .layout__item {
    padding-left: 14px;
}

/**
 * Layouts with large gutters.
 */
.layout--large {
    margin-left: -56px;
}

.layout--large > .layout__item {
    padding-left: 56px;
}

/**
 * Layouts with huge gutters.
 */
.layout--huge {
    margin-left: -112px;
}

.layout--huge > .layout__item {
    padding-left: 112px;
}

/**
 * Layouts with no gutters.
 */
.layout--flush {
    margin-left: 0;
}

.layout--flush > .layout__item {
    padding-left: 0;
}

/**
 * Reversed rendered order of layout items, e.g. items 1, 2, 3, 4 in your
 * markup will display in order 4, 3, 2, 1 on your page.
 */
.layout--rev {
    direction: rtl;
    text-align: left;
}

.layout--rev > .layout__item {
    direction: ltr;
    text-align: left;
}

/**
 * Align layout items to the vertical centers of each other.
 */
.layout--middle > .layout__item {
    vertical-align: middle;
}

/**
 * Align layout items to the vertical bottoms of each other.
 */
.layout--bottom > .layout__item {
    vertical-align: bottom;
}

/**
 * Make the layout items fill up from the right hand side.
 */
.layout--right {
    text-align: right;
}

.layout--right > .layout__item {
    text-align: left;
}

/**
 * Make the layout items fill up from the center outward.
 */
.layout--center {
    text-align: center;
}

.layout--center > .layout__item {
    text-align: left;
}

/**
 * Cause layout items to take up a non-explicit amount of width.
 */
.layout--auto > .layout__item {
    width: auto;
}

/*------------------------------------*\
    27. Objects layout whitespace fix
\*------------------------------------*/
/**
 * The inuitcss layout system uses `display: inline-block;` means that
 * the layout items need their whitespace removing in order for them
 * to work correctly.
 *
 * This extension is based on the font size zero method.
 * Use it only if you can't remove whitespace directly in your HTML.
 *
 * 1. Remove whitespace between child element.
 * 2. Restore font-size to `$inuit-base-font-size` using `font-size` mixin.
 */
.layout {
    font-size: 0;
    /* [1] */
}

.layout__item {
    font-size: 17px;
    font-size: 1rem;
    /* [2] */
}

/*------------------------------------*\
    28. Objects pack
\*------------------------------------*/
/**
 * The pack object simply causes any number of elements pack up horizontally to
 * automatically fill an equal, fluid width of their parent.
 */
/**
 * 1. Fill all available space.
 * 2. Cause children to be automatically equally sized.
 */
.pack {
    width: 100%;
    /* [1] */
    display: table;
    table-layout: fixed;
    /* [2] */
}

/**
 * Cause children to adopt table-like structure.
 */
.pack__item {
    display: table-cell;
    /**
   * All items are aligned to the middles of each other.
   */
}

.pack--middle > .pack__item {
    vertical-align: middle;
}

/**
 * Reversed order packs.
 */
.pack--rev {
    direction: rtl;
}

.pack--rev > .pack__item {
    direction: ltr;
}

/*------------------------------------*\
    29. Objects layout bottom gutters
\*------------------------------------*/
/**
 * This extension uses an `:after` pseudo element with negative top margin
 * applied to `.layout` object to negate layout items bottom margin.
 */
/**
 * Default layout.
 *
 * 1. Make sure `:after` pseudo element takes the whole width of its parent.
 * 2. Negate layout item's bottom margin.
 */
.layout:after {
    content: "";
    display: block;
    /* [1] */
    margin-top: -28px;
    /* [2] */
}

.layout__item {
    margin-bottom: 28px;
}

/**
 * Layouts with tiny gutters.
 */
.layout--tiny:after {
    margin-top: -7px;
}

.layout--tiny > .layout__item {
    margin-bottom: 7px;
}

/**
 * Layouts with small gutters.
 */
.layout--small:after {
    margin-top: -14px;
}

.layout--small > .layout__item {
    margin-bottom: 14px;
}

/**
 * Layouts with large gutters.
 */
.layout--large:after {
    margin-top: -56px;
}

.layout--large > .layout__item {
    margin-bottom: 56px;
}

/**
 * Layouts with huge gutters.
 */
.layout--huge:after {
    margin-top: -112px;
}

.layout--huge > .layout__item {
    margin-bottom: 112px;
}

/**
 * Layouts with no gutters.
 */
.layout--flush:after {
    margin-top: 0;
}

.layout--flush > .layout__item {
    margin-bottom: 0;
}

/*------------------------------------*\
    30. Preloader
\*------------------------------------*/
.preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 10000;
    top: 0;
    left: 0;
    font-family: "Ubuntu", cursive;
    font-weight: 400;
    font-size: 24px;
}

.font-sans .preloader{
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
}

.preloader > div {
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.preloader-content{
    text-align: center;
}

.preloader-content img{
    max-width: 250px;
    max-height: 100px;
}

.preloader-blink {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1.5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

.la-line-scale-pulse-out,
.la-line-scale-pulse-out > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.la-line-scale-pulse-out {
    display: block;
    font-size: 0;
    color: #fff;
}

.la-line-scale-pulse-out.la-dark {
    color: #333;
}

.la-line-scale-pulse-out > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}

.la-line-scale-pulse-out {
    width: 40px;
    height: 32px;
}

.la-line-scale-pulse-out > div {
    width: 4px;
    height: 32px;
    margin: 2px;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 0;
    -webkit-animation: line-scale-pulse-out 0.9s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
    -moz-animation: line-scale-pulse-out 0.9s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
    -o-animation: line-scale-pulse-out 0.9s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
    animation: line-scale-pulse-out 0.9s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
}

.la-line-scale-pulse-out > div:nth-child(3) {
    -webkit-animation-delay: -.9s;
    -moz-animation-delay: -.9s;
    -o-animation-delay: -.9s;
    animation-delay: -.9s;
}

.la-line-scale-pulse-out > div:nth-child(2),
.la-line-scale-pulse-out > div:nth-child(4) {
    -webkit-animation-delay: -.7s;
    -moz-animation-delay: -.7s;
    -o-animation-delay: -.7s;
    animation-delay: -.7s;
}

.la-line-scale-pulse-out > div:nth-child(1),
.la-line-scale-pulse-out > div:nth-child(5) {
    -webkit-animation-delay: -.5s;
    -moz-animation-delay: -.5s;
    -o-animation-delay: -.5s;
    animation-delay: -.5s;
}

.la-line-scale-pulse-out.la-sm {
    width: 20px;
    height: 16px;
}

.la-line-scale-pulse-out.la-sm > div {
    width: 2px;
    height: 16px;
    margin: 1px;
    margin-top: 0;
    margin-bottom: 0;
}

.la-line-scale-pulse-out.la-2x {
    width: 80px;
    height: 64px;
}

.la-line-scale-pulse-out.la-2x > div {
    width: 8px;
    height: 64px;
    margin: 4px;
    margin-top: 0;
    margin-bottom: 0;
}

.la-line-scale-pulse-out.la-3x {
    width: 120px;
    height: 96px;
}

.la-line-scale-pulse-out.la-3x > div {
    width: 12px;
    height: 96px;
    margin: 6px;
    margin-top: 0;
    margin-bottom: 0;
}

/*
 * Animation
 */
@-webkit-keyframes line-scale-pulse-out {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1);
    }
    50% {
        -webkit-transform: scaley(0.3);
        transform: scaley(0.3);
    }
    100% {
        -webkit-transform: scaley(1);
        transform: scaley(1);
    }
}

@-moz-keyframes line-scale-pulse-out {
    0% {
        -moz-transform: scaley(1);
        transform: scaley(1);
    }
    50% {
        -moz-transform: scaley(0.3);
        transform: scaley(0.3);
    }
    100% {
        -moz-transform: scaley(1);
        transform: scaley(1);
    }
}

@-o-keyframes line-scale-pulse-out {
    0% {
        -o-transform: scaley(1);
        transform: scaley(1);
    }
    50% {
        -o-transform: scaley(0.3);
        transform: scaley(0.3);
    }
    100% {
        -o-transform: scaley(1);
        transform: scaley(1);
    }
}

@keyframes line-scale-pulse-out {
    0% {
        -webkit-transform: scaley(1);
        -moz-transform: scaley(1);
        -o-transform: scaley(1);
        transform: scaley(1);
    }
    50% {
        -webkit-transform: scaley(0.3);
        -moz-transform: scaley(0.3);
        -o-transform: scaley(0.3);
        transform: scaley(0.3);
    }
    100% {
        -webkit-transform: scaley(1);
        -moz-transform: scaley(1);
        -o-transform: scaley(1);
        transform: scaley(1);
    }
}

/*------------------------------------*\
    31. Header main
\*------------------------------------*/
.site-header {
    height: 111px;
    width: 100%;
    background-color: white;
    position: relative;
    z-index: 100;
    transition: background-color .3s ease, height .2s ease;
}

.admin-bar .site-header {
    margin-top: 32px;
}
@media screen and (max-width: 768px) {
    .admin-bar .site-header {
        margin-top: 46px;
    }
}

.sticky-header .site-header {
    position: fixed;
    left: 0;
    top: 0;
}

.night-mode .site-header {
    background-color: #2d3031;
}

.scrolled_page .site-header {
    height: 81px;
}

.inner .site-header {
    height: 81px;
}

.site-header:after {
    content: '';
    display: block;
    height: 1px;
    width: calc(100% - 100px);
    position: absolute;
    border-bottom: 1px solid #e5e5e5;
    transition: all .25s ease;
    z-index: 1;
    left: 50%;
    bottom: 0;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.scrolled_page .site-header:after, .active-search .site-header:after {
    width: 100%;
}

.night-mode .site-header:after {
    border-bottom-color: white;
    opacity: .1;
}

@media screen and (max-width: 1416px) {
    .site-header:after {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .site-header {
        height: 61px !important;
    }
}

@media screen and (max-width: 480px) {
    .site-header {
        height: 53px !important;
    }
}

.active-search .site-header .site-branding, .active-search .site-header .site-header__now-reading, .active-search .site-header .site-header__next-reading, .active-search .site-header .site-header__function-panel, .active-search .site-header .main-navigation {
    opacity: 0 !important;
    visibility: hidden;
    transition: all .2s ease !important;
}

.site-header .site-branding {
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: all 0.7s cubic-bezier(0.76, 0.17, 0.33, 0.95);
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    z-index: 2;
    overflow: hidden;
    white-space: nowrap;
    max-width: calc(100% - 150px);
}

.single .site-header .site-branding {
    max-width: calc(100% - 250px);
}

/*
@media screen and (max-width: 480px) {

    .site-header .site-branding {
        left: 50%;
        -moz-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
        max-width: calc(100% - 150px);
    }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
    .site-header .site-branding {
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: calc(100% - 300px);
    }
}

@media screen and (min-width: 768px) {
    .site-header .site-branding {
        max-width: calc(100% - 240px);
    }
    .single .site-header .site-branding {
        max-width: calc(100% - 380px);
    }
}

@media screen and (min-width: 1024px) {
    .single .site-header .site-branding {
        max-width: calc(100% - 450px);
    }
}

@media screen and (min-width: 1416px) {
    .site-header .site-branding {
        max-width: calc(100% - 320px);
    }
    .single .site-header .site-branding {
        max-width: calc(100% - 450px);
    }
}

@media screen and (min-width: 1501px) {
    .single .site-header .site-branding {
        max-width: 360px;
    }
}
*/
.site-header .site-branding h1, .site-header .site-branding h2, .site-header .site-branding p {
    font-size: 25px;
    font-size: 1.471rem;
    line-height: 1.6;
    margin-bottom: 0;
    text-align: center;
    font-family: "Ubuntu", cursive;
}

.page .site-branding p.site-title {
    text-align: center;
}

.page .featured-image {
    margin-bottom: 28px;
}

.site-branding p.site-title {
    margin-bottom: 0;
    text-align: center;
}

.site-branding p.site-title a {
    font-size: 25px;
    font-size: 1.471rem;
    line-height: 1.6;
    margin-bottom: 0;
    text-align: center;
    font-family: "Ubuntu", cursive;
    font-weight: normal;
}

@media screen and (min-width: 1023px) {
    .site-header .site-branding h1, .site-header .site-branding h2, .site-header .site-branding p, .site-branding p.site-title a {
        font-size: 35px;
        font-size: 2.05882rem;
    }
}

.font-sans .site-branding p.site-title a, .font-sans .site-header .site-branding h1, .font-sans .site-header .site-branding h2, .site-header .site-branding p {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
}

.site-header .site-branding .site-description {
    transition: font-size .3s ease .7s;
    margin-bottom: 0;
    text-align: center;
}

.has-img-logo .site-header .site-branding .site-description {
    display: none;
}

@media screen and (max-width: 768px) {
    .site-header .site-branding .site-description {
        font-size: 0;
    }
}

.site-header .site-branding a {
    text-decoration: none;
    transition: color .2s ease;
}
/*
.site-header .site-branding a img {
    max-height: 111px;
}

.scrolled_page .site-header .site-branding a img {
    max-height: 81px;
}

.has-img-logo .site-header .site-branding h1, .has-img-logo .site-header .site-branding h2{
    line-height: 1;
}

@media screen and (max-width: 768px) {
    .site-header .site-branding a img, .scrolled_page .site-header .site-branding a img {
        max-height: 60px;
    }
}

@media screen and (max-width: 480px) {
    .site-header .site-branding a img, .scrolled_page .site-header .site-branding a img {
        max-height: 52px;
    }
}
*/
.night-mode .site-header .site-branding a:hover {
    color: #878b90 !important;
}

.site-header .site-branding span {
    display: inline-block;
    transition: font-size .3s ease;
}

.site-header .site-branding .site-title--double {
    position: relative;
}

.site-header .site-branding .site-title--double img {
    transition: all .2s ease;
}

.site-header .site-branding .site-title--double img + img {
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.scrolled_page .site-header .site-branding {
    left: 125px;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.scrolled_page .site-header .site-branding a {
    color: #a79f82;
}

.night-mode .site-header .site-branding a {
    color: #a79f82;
}

.scrolled_page .site-header .site-branding .site-description {
    font-size: 0;
    transition: font-size .2s ease;
}

.scrolled_page .site-header .site-branding .site-title--double {
    position: relative;
}

.scrolled_page .site-header .site-branding .site-title--double img:first-child {
    opacity: 0;
}

.scrolled_page .site-header .site-branding .site-title--double img + img {
    opacity: 1;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0;
}

.scrolled_page .site-header .site-branding:hover a {
    color: #2d3031;
}
@media screen and (max-width: 480px) {
    .single .site-title-branding {
        display: none!important;
    }
}

@media screen and (max-width: 1416px) {
    .scrolled_page .site-header .site-branding {
        left: 98px;
    }
}

@media screen and (max-width: 768px) {
    .scrolled_page .site-header .site-branding {
        left: 60px;
    }
}

@media screen and (max-width: 480px) {
    .scrolled_page-inner.inner .site-header .site-branding a {
        color: #2d3031;
    }

    .night-mode.scrolled_page-inner.inner .site-header .site-branding a {
        color: #a79f82;
    }

    .scrolled_page-inner.inner .site-header .site-branding span {
        font-size: 25px;
        font-size: 1.47059rem;
        line-height: 1.12;
    }
}

.dist-mode.scrolled_page-inner.inner .site-header .site-branding {
    -moz-transform: scale(0) !important;
    -ms-transform: scale(0) !important;
    -webkit-transform: scale(0) !important;
    transform: scale(0) !important;
}

@media screen and (max-width: 768px) {
    .site-header {
        height: 61px;
    }

    .site-header .site-title {
        font-size: 25px;
        font-size: 1.47059rem;
        line-height: 1.12;
    }
}

@media screen and (max-width: 480px) {
    .site-header {
        height: 53px;
    }
}

.site-header__top-line {
    width: 0;
    height: 4px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #a79f82;
    transition: all .5s ease;
}

@media screen and (max-width: 768px) {
    .site-header__top-line {
        height: 3px;
    }
}

.site-header__now-reading, .site-header__next-reading {
    position: absolute;
    left: 50%;
    top: 0;
    -moz-transform: translate(-50%, -200%);
    -ms-transform: translate(-50%, -200%);
    -webkit-transform: translate(-50%, -200%);
    transform: translate(-50%, -200%);
    transition: all 0.7s cubic-bezier(0.76, 0.17, 0.33, 0.95);
    transition-duration: .1s;
    opacity: 0;
    z-index: 2;
}

.site-header__now-reading h2, .site-header__next-reading h2, .site-header__now-reading p, .site-header__next-reading p, .site-header__next-reading p a {
    font-weight: 400;
    color: #878b90;
    white-space: nowrap;
    margin-bottom: 0;
}

.site-header__now-reading span, .site-header__next-reading span {
    letter-spacing: 1px;
    font-weight: 700;
    color: #2d3031;
    position: relative;
    display: inline-block;
    margin-left: 41px;
    transition: color .3s ease;
}

.night-mode .site-header__now-reading span, .night-mode .site-header__next-reading span {
    color: white;
}

.site-header__now-reading span:before, .site-header__next-reading span:before {
    content: '';
    position: absolute;
    left: -21px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 30px;
    background-color: #e5e5e5;
    display: block;
    transition: all .3s ease;
}

.night-mode .site-header__now-reading span:before, .night-mode .site-header__next-reading span:before {
    background-color: white;
    opacity: .1;
}

@media screen and (max-width: 1199px) {
    .site-header__now-reading, .site-header__next-reading {
        display: none;
    }
}

.scrolled_page-inner.inner .site-header__now-reading {
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    transition-duration: .3s;
    transition-delay: .3s;
    opacity: 1;
}

.scrolled_page-inner.inner.show-next-article .site-header__now-reading {
    -moz-transform: translate(-50%, -200%);
    -ms-transform: translate(-50%, -200%);
    -webkit-transform: translate(-50%, -200%);
    transform: translate(-50%, -200%);
    transition-delay: 0s;
    opacity: 0;
}

.site-header__next-reading a {
    text-decoration: none;
}

.site-header__next-reading a:hover span {
    transition: color .2s ease;
    color: #a79f82;
}

.scrolled_page-inner.inner.show-next-article .site-header__next-reading {
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    transition-duration: .3s;
    transition-delay: .3s;
    opacity: 1;
}

.site-header__search {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.active-search .site-header__search {
    width: 100%;
    right: 0;
}

.dist-mode .site-header__search {
    z-index: -1;
}

.site-header__search-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .2s ease;
    cursor: pointer;
    z-index: 2;
    padding: 20px 0 20px 15px;
}

@media screen and (min-width: 768px) {
    .site-header__search-icon {
        right: 22px;
    }
}

@media screen and (min-width: 1200px) {
    .site-header__search-icon {
        right: 50px;
    }
}

.site-header__search-icon:hover, .night-mode .site-header__search-icon:hover {
    color: #a79f82;
}

.night-mode .site-header__search-icon {
    color: white;
}

.dist-mode .site-header__search-icon {
    -moz-transform: scale(0) !important;
    -ms-transform: scale(0) !important;
    -webkit-transform: scale(0) !important;
    transform: scale(0) !important;
    transition-delay: .3s !important;
}

.dist-pause .site-header__search-icon {
    transition-delay: .3s !important;
}

.active-search .site-header__search-icon--search {
    visibility: hidden;
    opacity: 0;
}

.site-header__search-icon--close {
    visibility: hidden;
    opacity: 0;
}

.active-search .site-header__search-icon--close {
    visibility: visible;
    opacity: 1;
}

.search-mask {
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: white;
    opacity: .9;
}

.night-mode .search-mask {
    background-color: black;
}

.site-header__search-input {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
    border: none !important;
    letter-spacing: 0;
    font-size: 17px !important;
    padding: 0 120px 0 50% !important;
    margin-bottom: 0 !important;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    border-bottom: none !important;
    text-transform: none;
    transition: all 0.7s cubic-bezier(0.76, 0.17, 0.33, 0.95);
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.active-search .site-header__search-input {
    visibility: visible;
    opacity: 1;
    padding: 0 120px 0 50px !important;
}

@media screen and (max-width: 480px) {
    .active-search .site-header__search-input {
        padding: 0 50px 0 15px !important;
    }
}

.site-header__function-panel {
    position: absolute;
    right: 50px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

.single .site-header__function-panel {
    right: 45px;
}

@media screen and (min-width: 768px) {
    .site-header__function-panel {
        right: 60px;
    }

    .single .site-header__function-panel {
        right: 62px;
    }
}

@media screen and (min-width: 1200px) {
    .site-header__function-panel {
        right: 100px;
    }

    .single .site-header__function-panel {
        right: 110px;
    }
}

.site-header__function-panel a {
    color: #878b90;
}

.site-header__function-panel .site-header__font-setup a{
    color: #2d3031;
}

.single .site-header__function-panel .site-header__font-setup a, .single.night-mode .site-header__function-panel .site-header__font-setup a{
    color: #878b90;
}

.night-mode .site-header__function-panel .site-header__font-setup a{
    color: #ffffff;
}

.single.night-mode .site-header__function-panel .site-header__font-setup a:hover {
    color: #ffffff;
}

.site-header__function-panel .tooltip-wrap {
    -moz-transform: translate(0, -400%);
    -ms-transform: translate(0, -400%);
    -webkit-transform: translate(0, -400%);
    transform: translate(0, -400%);
    transition: transform 0.1s cubic-bezier(0.76, 0.17, 0.33, 0.95);
}

.scrolled_page-inner.inner .site-header__function-panel .tooltip-wrap, .home .site-header__function-panel .tooltip-wrap, .page .site-header__function-panel .tooltip-wrap, .archive .site-header__function-panel .tooltip-wrap, .category .site-header__function-panel .tooltip-wrap, .search .site-header__function-panel .tooltip-wrap {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    transition: transform 0.3s cubic-bezier(0.76, 0.17, 0.33, 0.95);
}

.dist-mode .site-header__function-panel {
    z-index: 2;
}

.scrolled_page-inner.inner .site-header__share {
    transition-delay: 1s !important;
}

.dist-mode.scrolled_page-inner.inner .site-header__share {
    -moz-transform: scale(0) !important;
    -ms-transform: scale(0) !important;
    -webkit-transform: scale(0) !important;
    transform: scale(0) !important;
    transition-delay: 0s !important;
}

.site-header__share .tooltip {
    padding: 0 10px;
}

.site-header__share .tooltip a {
    padding: 20px;
    display: block;
}

@media screen and (max-width: 1199px) {
    .site-header__free-mode {
        display: none !important;
    }
}

.scrolled_page-inner.inner .site-header__free-mode {
    transition-delay: .8s !important;
}

.dist-mode.scrolled_page-inner.inner .site-header__free-mode {
    transition-delay: .3s !important;
    -moz-transform: translateX(170px);
    -ms-transform: translateX(170px);
    -webkit-transform: translateX(170px);
    transform: translateX(170px);
}

@media screen and (min-width: 1200px) {
    .dist-mode.scrolled_page-inner.inner .site-header__free-mode {
        -moz-transform: translateX(207px);
        -ms-transform: translateX(207px);
        -webkit-transform: translateX(207px);
        transform: translateX(207px);
    }
}

.dist-mode.scrolled_page-inner.inner .site-header__free-mode a {
    color: #2d3031;
}

.dist-mode.scrolled_page-inner.inner .site-header__free-mode .tooltip {
    display: none;
}

.dist-pause.scrolled_page-inner.inner .site-header__free-mode {
    transition-delay: 0s !important;
    transition-duration: .7s;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.dist-pause.scrolled_page-inner.inner .site-header__free-mode a {
    color: #2d3031;
}

.dist-pause.scrolled_page-inner.inner .site-header__free-mode .tooltip {
    display: none;
}

.dist-mode.scrolled_page-inner.inner.night-mode .site-header__free-mode a {
    color: white;
}

.dist-pause.scrolled_page-inner.inner.night-mode .site-header__free-mode a {
    color: white;
}

.site-header__free-mode .tooltip {
    padding: 0;
}

.site-header__free-mode a {
    padding: 17px 30px;
    white-space: nowrap;
    text-decoration: none;
    line-height: 1;
    display: block;
}

.scrolled_page-inner.inner .site-header__font-setup {
    transition-delay: .6s !important;
}

.dist-mode.scrolled_page-inner.inner .site-header__font-setup {
    -moz-transform: scale(0) !important;
    -ms-transform: scale(0) !important;
    -webkit-transform: scale(0) !important;
    transform: scale(0) !important;
    transition-delay: 0s !important;
}

.site-header__font-setup .tooltip {
    padding: 0;
}

.site-header__font-setup .site-header__font-size {
    padding: 30px 50px;
}

.page .site-header__font-setup .site-header__font-size, .search .site-header__font-setup .site-header__font-size, .archive .site-header__font-setup .site-header__font-size, .home .site-header__font-setup .site-header__font-size {
    display: none;
}

.site-header__font-setup .site-header__font-type {
    font-size: 0;
}

.site-header__font-setup .site-header__font-type .radio_wrap {
    width: 50%;
    display: inline-block;
}

.site-header__night-mode {
    padding: 20px;
}

.site-header__night-mode .Ubuntu-spacing, .site-header__night-mode .post .entry-category a, .post .entry-category .site-header__night-mode a, .site-header__night-mode .post .entry-meta, .post .site-header__night-mode .entry-meta, .site-header__night-mode .post .entry-footer a, .post .entry-footer .site-header__night-mode a, .site-header__night-mode .entry-footer .post__share span, .entry-footer .post__share .site-header__night-mode span {
    font-size: 13px;
}

.site-header__reset-button {
    text-align: center;
    display: block;
    height: 59px;
    line-height: 59px;
    background-color: #3a3e3f !important;
    transition: background .2s ease;
    text-decoration: none;
    color: #878b90 !important;
}

.site-header__reset-button:hover {
    background-color: #5e6568 !important;
    text-decoration: none;
    color: #878b90 !important;
}

.site-header__reset-button:active {
    color: white !important;
}

.night-mode .site-header__reset-button {
    background-color: #c9d2d4 !important;
}

.cmn-toggle {
    display: none;
}

.cmn-toggle + label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input.cmn-toggle + label {
    width: 30px;
    height: 13px;
}

input.cmn-toggle + label:before, input.cmn-toggle + label:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
}

input.cmn-toggle + label:before {
    background-color: black;
    width: 30px;
    height: 3px;
    top: 5px;
    transition: all .2s ease;
}

input.cmn-toggle + label:after {
    width: 13px;
    height: 13px;
    background-color: #fff;
    border-radius: 50%;
    transition: all .2s ease;
}

.night-mode input.cmn-toggle + label:after {
    background-color: #2d3031;
}

input.cmn-toggle:checked + label:before {
    background-color: #a79f82;
}

input.cmn-toggle:checked + label:after {
    margin-left: 17px;
}

.scrolled_page-inner.inner .tooltip-wrap.site-header__prev-article, .scrolled_page-inner.inner .tooltip-wrap.site-header__next-article {
    transition-delay: .2s !important;
}

.dist-mode.scrolled_page-inner.inner .tooltip-wrap.site-header__prev-article, .dist-mode.scrolled_page-inner.inner .tooltip-wrap.site-header__next-article {
    -moz-transform: scale(0) !important;
    -ms-transform: scale(0) !important;
    -webkit-transform: scale(0) !important;
    transform: scale(0) !important;
    transition-delay: 0s !important;
}

.tooltip-wrap.site-header__prev-article > a, .tooltip-wrap.site-header__next-article > a {
    padding-left: 10px !important;
    padding-right: 9px !important;
}

.tooltip-wrap.site-header__prev-article:hover .tooltip, .tooltip-wrap.site-header__prev-article.is-active .tooltip, .tooltip-wrap.site-header__next-article:hover .tooltip, .tooltip-wrap.site-header__next-article.is-active .tooltip {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.tooltip-wrap.site-header__prev-article .tooltip, .tooltip-wrap.site-header__next-article .tooltip {
    left: auto;
    right: -70px;
    -moz-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
    white-space: nowrap;
    padding: 0;
}

.tooltip-wrap.site-header__prev-article .tooltip a, .tooltip-wrap.site-header__next-article .tooltip a {
    letter-spacing: 0;
    text-decoration: none;
    color: #878b90;
    padding: 15px 30px;
    display: inline-block;
}

.tooltip-wrap.site-header__prev-article .tooltip a:hover, .tooltip-wrap.site-header__next-article .tooltip a:hover {
    color: white;
}

.night-mode .tooltip-wrap.site-header__prev-article .tooltip a:hover, .night-mode .tooltip-wrap.site-header__next-article .tooltip a:hover {
    color: #2d3031;
}

.tooltip-wrap.site-header__prev-article .tooltip span, .tooltip-wrap.site-header__next-article .tooltip span {
    color: #a79f82;
    display: inline-block;
    margin-right: 15px;
    letter-spacing: 2px;
}

.tooltip-wrap.site-header__prev-article .tooltip:before, .tooltip-wrap.site-header__next-article .tooltip:before {
    left: auto;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    right: 75px;
}

.tooltip-wrap.site-header__prev-article {
     margin-left: 25px;
 }
@media screen and (min-width: 768px) {
    .tooltip-wrap.site-header__prev-article {
        margin-left: 5px;
    }
}

@media screen and (min-width: 1200px) {
    .tooltip-wrap.site-header__prev-article {
        margin-left: 23px;
    }
}

.scrolled_page-inner.inner .tooltip-wrap.site-header__prev-article {
    transition-delay: .4s !important;
}

@media screen and (max-width: 768px) {
    .tooltip-wrap.site-header__prev-article {
        margin-left: 0;
    }
}

/*------------------------------------*\
    32. Main navigation
\*------------------------------------*/
.main-navigation {
    position: absolute;
    z-index: 10;
    height: 100%;
    top: 0;
    left: 0;
}

.main-navigation .menu-toggle {
    position: absolute;
    background-color: transparent;
    border: none;
    font-size: 0;
    vertical-align: top;
    left: 15px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
    padding: 10px 10px 10px 0;
    transition: color .3s ease;
}

@media screen and (min-width: 768px) {
    .main-navigation .menu-toggle {
        left: 22px;
    }
}

@media screen and (min-width: 1200px) {
    .main-navigation .menu-toggle {
        left: 50px;
    }
}

.main-navigation .menu-toggle:hover {
    color: #a79f82;
}

.night-mode .main-navigation .menu-toggle {
    color: white;
}

.main-navigation .menu {
    padding-top: 111px;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 337px;
    max-width: 100%;
    background-color: #2d3031;
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 1;
    transition: all 0.2s cubic-bezier(0.76, 0.17, 0.33, 0.95);
}

.admin-bar .main-navigation .menu {
    margin-top: 30px;
}
@media screen and (min-width: 769px) {
    .scrolled_page .main-navigation .menu {
        padding-top: 81px;
    }
}

.night-mode .main-navigation .menu {
    background-color: white;
}

@media screen and (max-width: 768px) {
    .main-navigation .menu {
        padding-top: 61px;
    }
}

@media screen and (max-width: 480px) {
    .main-navigation .menu {
        padding-top: 53px;
    }
}

.main-navigation .menu a {
    color: #878b90;
    text-decoration: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    /* http://compass-style.org/reference/compass/css3/user_interface/ */
}

.main-navigation .menu a:hover {
    color: white;
}

.night-mode .main-navigation .menu a:hover {
    color: #2d3031;
}

.homepage .main-navigation .menu {
    padding-top: 111px;
}

@media screen and (max-width: 768px) {
    .homepage .main-navigation .menu {
        padding-top: 61px !important;
    }
}

@media screen and (max-width: 480px) {
    .homepage .main-navigation .menu {
        padding-top: 53px !important;
    }
}

.main-navigation ul {
    margin: 0;
    list-style-type: none;
}

.main-navigation .nav-menu {
    position: relative;
    padding: 45px 50px 0;
}

.main-navigation .nav-menu:before {
    content: '';
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: block;
}

.night-mode .main-navigation .nav-menu:before {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.main-navigation .page_item,
.main-navigation .menu-item {
    margin-bottom: 20px;
    line-height: 1.1;
    position: relative;
}

.main-navigation .page_item .page_item__expend,
.main-navigation .menu-item .page_item__expend {
    position: absolute;
    left: 100%;
    top: -7px;
    color: #a79f82;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: block;
}

.main-navigation .page_item .page_item__expend .icon,
.main-navigation .menu-item .page_item__expend .icon {
    transition: all .3s ease;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -6px;
    margin-top: -6px;
}

.main-navigation .page_item .page_item__expend .icon-minus,
.main-navigation .menu-item .page_item__expend .icon-minus {
    opacity: 0;
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
}

.main-navigation .page_item.is-active .icon-minus,
.main-navigation .menu-item.is-active .icon-minus {
    opacity: 1;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.main-navigation .page_item.is-active .icon-plus,
.main-navigation .menu-item.is-active .icon-plus {
    opacity: 0;
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
}

.main-navigation .page_item .page_item,
.main-navigation .menu-item .menu-item {
    margin-bottom: 10px;
}

.main-navigation .page_item:before,
.main-navigation .menu-item:before  {
    content: '';
    position: absolute;
    left: -13px;
    top: 0;
    height: 0;
    width: 1px;
    background-color: #a79f82;
    display: block;
    transition: all .3s ease .2s;
}

.main-navigation .page_item.is-active,
.main-navigation .menu-item.is-active {
    margin-bottom: 40px;
}

.main-navigation .page_item.is-active > a,
.main-navigation .menu-item.is-active > a {
    color: white;
}

/* Night Mode */
.night-mode .main-navigation .page_item.is-active > a,
.night-mode .main-navigation .menu-item.is-active > a {
    color: #2d3031;
}

.main-navigation .page_item.is-active:before,
.main-navigation .menu-item.is-active:before {
    height: 100%;
    transition: all .3s ease .1s;
}

.main-navigation .page_item:last-child,
.main-navigation .menu-item:last-child {
    margin-bottom: 0;
}

.main-navigation .children,
.main-navigation .sub-menu {
    display: none;
    padding: 20px 0 0;
}

.main-navigation.toggled .menu {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.main-navigation.toggled .menu-toggle {
    color: #a79f82;
}

.side-menu-mask {
    position: fixed;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
}

/*------------------------------------*\
    33. Owl carousel
\*------------------------------------*/
.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

/*
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
}

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
    display: none;
}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    display: none;
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d;
}

/*
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3,1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

/*------------------------------------*\
    34. Home hero slider
\*------------------------------------*/
.hero-slider-wrap {
    max-width: 100%;
    overflow: hidden;
}

.home-hero-slider {
    height: calc(100vh - 111px);
}

.home-hero-slider.boxed {
    max-width: 1416px;
    margin: 0 auto;
    max-height: 400px;
}

.admin-bar .home-hero-slider {
    height: calc(100vh - 143px);
}

.home-hero-slider .owl-stage-outer, .home-hero-slider .owl-stage, .home-hero-slider .owl-item {
    overflow: hidden;
    height: 100%;
}

@media screen and (max-width: 680px) {
    .home-hero-slider .owl-stage-outer, .home-hero-slider .owl-stage, .home-hero-slider .owl-item {
        overflow: visible;
    }
}

.home-hero-slider .owl-item.active h2, .home-hero-slider .owl-item.active small {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.home-hero-slider .owl-item.active h2 {
    transition: all .6s ease .3s;
    margin-top: 12px;
}

.home-hero-slider .owl-item.active small {
    transition: all .6s ease .2s;
}

.home-hero-slider .owl-item.active .owl-item__info {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: all .2s linear .8s;
}

.home-hero-slider .owl-item__content, .home-hero-slider .img-wrap {
    height: 100%;
}

.home-hero-slider .img-wrap {
    position: relative;
    z-index: 1;
    background-size: cover;
    background-position: 50% 50%;
}

.home-hero-slider .img-wrap img {
    display: none;
}

.home-hero-slider .img-wrap:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background-color: #2d3031;
    opacity: .5;
}

.home-hero-slider .owl-nav > div {
    position: absolute;
    top: 0;
    bottom: 0;
    white-space: nowrap;
    width: 50px;
    height: 100%;
}

.home-hero-slider .owl-nav > div:hover .owl-prev__text,
.home-hero-slider .owl-nav > div:hover .owl-next__text {
    color: #2d3031;
}

.night-mode .home-hero-slider .owl-nav div.owl-prev span.owl-prev__text,
.night-mode .home-hero-slider .owl-nav div.owl-next span.owl-next__text,
.night-mode .about-author__social {
    color: #c9d2d4;
}

.night-mode .home-hero-slider .owl-nav div.owl-prev:hover span.owl-prev__text,
.night-mode .home-hero-slider .owl-nav div.owl-next:hover span.owl-next__text,
.night-mode .home-hero-slider .owl-nav div .owl-prev span.owl-prev__text:hover,
.night-mode .home-hero-slider .owl-nav div .owl-next span.owl-next__text:hover {
    color: #878b90;
}

.home-hero-slider .owl-nav > div span {
    color: #878b90;
    font-size: 15px;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    line-height: 45px;
    margin-top: -25px;
    font-family: "Ubuntu", sans-serif;
}

.home-hero-slider .owl-nav > div span:first-child {
    font-weight: 700;
    color: #a79f82;
}

.home-hero-slider .owl-nav > div .vertical-text-separator {
    width: 1px;
    height: 30px;
    background-color: #e5e5e5;
    margin-left: 15px;
    margin-right: 15px;
}

.home-hero-slider .owl-nav > div .icon-wrap {
    display: none;
}

@media screen and (max-width: 768px) {
    .home-hero-slider .owl-nav > div {
        top: 50%;
        bottom: auto;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background-color: rgba(0, 0, 0, 0.3);
        transition: background .3s ease;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .home-hero-slider .owl-nav > div .owl-nav__content {
        display: none;
    }

    .home-hero-slider .owl-nav > div .icon-wrap {
        display: block;
    }

    .home-hero-slider .owl-nav > div .icon {
        position: absolute;
        left: 50%;
        top: 50%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        color: white;
        transition: all .2s ease;
    }

    .home-hero-slider .owl-nav > div:hover {
        background-color: rgba(0, 0, 0, 0.5);
    }
}

@media screen and (max-width: 680px) {
    .home-hero-slider .owl-nav > div {
        margin-top: 55px;
        top: 100%;
        background-color: transparent;
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .home-hero-slider .owl-nav > div .icon {
        color: #2d3031;
    }

    .night-mode .home-hero-slider .owl-nav > div .icon {
        color: #fff;
    }

    .home-hero-slider .owl-nav > div:hover {
        background-color: transparent;
    }

    .home-hero-slider .owl-nav > div:hover .icon {
        color: #abb0b2;
    }
}

.home-hero-slider .owl-nav__content {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    -moz-transform: translate(-50%) rotate(-90deg);
    -ms-transform: translate(-50%) rotate(-90deg);
    -webkit-transform: translate(-50%) rotate(-90deg);
    transform: translate(-50%) rotate(-90deg);
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -webkit-transform-origin: center top;
    transform-origin: center top;
}

.home-hero-slider .owl-prev__text,
.home-hero-slider .owl-next__text {
    transition: color .3s ease;
    letter-spacing: 0 !important;
}

.home-hero-slider .owl-prev {
    right: 100%;
}

@media screen and (max-width: 768px) {
    .home-hero-slider .owl-prev {
        right: auto;
        left: 22px;
    }
}

@media screen and (max-width: 680px) {
    .home-hero-slider .owl-prev {
        left: auto;
        right: 30px;
    }
}

.home-hero-slider .owl-next {
    left: 100%;
}

@media screen and (max-width: 768px) {
    .home-hero-slider .owl-next {
        left: auto;
        right: 22px;
    }
}

@media screen and (max-width: 680px) {
    .home-hero-slider .owl-next {
        right: 5px;
    }
}

.home-hero-slider .owl-item__heading {
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: 140px;
    left: 0;
    right: 0;
    color: white;
}

.home-hero-slider .owl-item__heading a {
    color: white;
    text-decoration: none;
    overflow: hidden;
}

.home-hero-slider .owl-item__heading a:before {
    content: '';
    display: table;
    clear: both;
}

.home-hero-slider .owl-item__heading a:hover h2 {
    color: white;
    text-decoration: underline;
}

.home-hero-slider .owl-item__heading h2, .home-hero-slider .owl-item__heading small {
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
}

.home-hero-slider .owl-item__heading h2 {
    font-size: 57px;
    font-size: 3.35294rem;
    line-height: 1.47368;
    line-height: 1.1;
    font-weight: 400;
    color: white;
    font-family: "Ubuntu", cursive;
    margin-bottom: 0;
    float: left;
    max-width: 650px;
}

.font-sans .home-hero-slider .owl-item__heading h2 {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
}

.home-hero-slider .owl-item__heading small {
    font-size: 15px;
    text-transform: uppercase;
    font-family: "Ubuntu", sans-serif;
    letter-spacing: 2px;
}

.home-hero-slider .owl-item__heading small a {
    margin: 0 5px;
}

.home-hero-slider .owl-item__heading small a,
.home-hero-slider .owl-item__heading small {
    display: inline-block;
    vertical-align: bottom;
}

.home-hero-slider .owl-item__heading small a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 768px) {
    .home-hero-slider .owl-item__heading {
        bottom: 90px;
    }
}

@media screen and (max-width: 680px) {
    .home-hero-slider .owl-item__heading {
        bottom: 45px;
    }

    .home-hero-slider .owl-item__heading small {
        font-size: 13px;
    }

    .home-hero-slider .owl-item__heading h2 {
        font-size: 35px;
        font-size: 2.05882rem;
        line-height: 1.6;
        line-height: 1.1;
    }
}

@media screen and (min-width: 681px) and (max-width: 1199px) {
    .home-hero-slider .owl-item__heading h2 {
        font-size: 45px;
        font-size: 2.647rem;
        line-height: 1.6;
        line-height: 1.1;
    }
}

.home-hero-slider .owl-item__info {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    background-color: white;
    height: 50px;
    line-height: 50px;
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    font-family: "Ubuntu", sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    padding-left: 220px;
    padding-right: 30px;
}

.night-mode .home-hero-slider .owl-item__info{
    background-color: #2d3031;
}

.home-hero-slider .owl-item__info span {
    letter-spacing: 2px;
    color: #878b90;
}

.home-hero-slider .owl-item__info .owl-item__info-separator {
    width: 6px;
    height: 6px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    background-color: black;
    opacity: .1;
    margin: 0 10px;
}

.night-mode .home-hero-slider .owl-item__info .owl-item__info-separator {
    background-color: #878b90;
}

.home-hero-slider .owl-item__info a {
    text-decoration: none;
    font-weight: 400;
    font-size: 15px;
    color: #2d3031;
}

.night-mode .home-hero-slider .owl-item__info a {
    color: white;
}

.home-hero-slider .owl-item__info a i {
    font-style: normal;
}

.home-hero-slider .owl-item__info a:before {
    content: '';
    width: 147px;
    height: 1px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px;
    background-color: black;
    opacity: .1;
}

.night-mode .home-hero-slider .owl-item__info a:before {
    background-color: #878b90;
}

.home-hero-slider .owl-item__info a:hover {
    color: #a79f82;
}

@media screen and (max-width: 680px) {
    .home-hero-slider .owl-item__info {
        height: 32px;
        line-height: 32px;
        top: 100%;
        margin-top: 18px;
        right: 0;
        text-align: justify;
    }

    .home-hero-slider .owl-item__info:after {
        content: "";
        display: inline-block;
        width: 100%;
    }

    .home-hero-slider .owl-item__info span {
        display: inline-block;
        vertical-align: middle;
    }

    .home-hero-slider .owl-item__info a {
        position: absolute;
        top: 100%;
        height: 45px;
        line-height: 45px;
        left: 0;
        width: 100%;
        display: block;
        padding: 0 30px;
    }

    .home-hero-slider .owl-item__info a:before {
        position: absolute;
        margin: 0;
        left: 145px;
        top: 50%;
        width: calc(100% - 220px);
    }

    .home-hero-slider .owl-item__info .owl-item__info-separator {
        display: none;
    }
}

@media screen and (max-width: 1416px) {
    .home-hero-slider .owl-item__info {
        padding: 0 30px !important;
    }
}

@media screen and (max-width: 480px) {
    .home-hero-slider .owl-item__info {
        padding: 0 15px !important;
    }

    .home-hero-slider .owl-item__info span {
        font-size: 13px;
    }

    .home-hero-slider .owl-item__info a {
        font-size: 13px;
        padding: 0 15px;
    }

    .home-hero-slider .owl-item__info a:before {
        left: 125px;
        width: calc(100% - 200px);
    }
}

@media screen and (min-width: 769px) {
    .home-hero-slider {
        width: calc(100% - 100px);
        margin-left: 50px;
        margin-right: 50px;
    }
}

@media screen and (min-width: 681px) and (max-width: 768px) {
    .home-hero-slider {
        height: calc(100vh - 61px);
    }
}

@media screen and (min-width: 481px) and (max-width: 680px) {
    .home-hero-slider {
        height: calc(100vh - 53px);
    }
}

@media screen and (max-width: 680px) {
    .home-hero-slider {
        height: calc(100vh - 53px - 100px);
        margin-bottom: 80px;
    }
}

.home-hero-slider.slider-boxed{
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}
@media screen and (min-width: 769px) {
    .height-set.home-hero-slider {
        margin-bottom: 30px;
    }
    .height-set.home-hero-slider .owl-nav {
        position: relative;
    }

    .height-set.home-hero-slider .owl-nav > div.owl-prev {
        width: 49%;
        left: 0;
        height: 50px;
        overflow: hidden;
    }

    .height-set.home-hero-slider .owl-nav > div.owl-next {
        width: 49%;
        right: 0;
        height: 50px;
        left: auto;
        overflow: hidden;
    }

    .height-set.home-hero-slider .owl-nav__content {
        position: relative;
        top: 0;
        left: 0;
        text-align: left;
        -moz-transform: translate(0%, 50%) rotate(0deg);
        -ms-transform: translate(0%, 50%) rotate(0deg);
        -webkit-transform: translate(0%, 50%) rotate(0deg);
        transform: translate(0%, 50%) rotate(0deg);
        -moz-transform-origin: center top;
        -ms-transform-origin: center top;
        -webkit-transform-origin: center top;
        transform-origin: center top;
    }
}
/*------------------------------------*\
    35. Animations
\*------------------------------------*/
@-webkit-keyframes loading {
    from {
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50% {
        -moz-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }
    to {
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@keyframes loading {
    from {
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50% {
        -moz-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }
    to {
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

.loading span {
    -webkit-animation-name: loading;
    animation-name: loading;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

/*------------------------------------*\
    36. Back to top
\*------------------------------------*/
.back_to_top {
    z-index: 1000;
    color: #c9d2d4;
    display: block;
    transition: all .3s ease;
    width: 50px;
    height: 50px;
    opacity: 0;
    visibility: hidden;
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
}

.back_to_top.is-visible {
    opacity: 1;
    visibility: visible;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    background: rgba(255,255,255,0.3);
    border-radius: 50%;
}

.active-search .back_to_top {
    z-index: 1;
}

.back_to_top:hover {
    color: #2d3031;
}

.night-mode .back_to_top:hover {
    color: white;
}

.back_to_top--lg {
    position: absolute;
    left: auto !important;
    right: 50px;
}

.back_to_top--md {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

@media screen and (max-width: 1024px) {
    .back_to_top--md {
        z-index: 1;
        opacity: 1 !important;
        visibility: visible !important;
        margin-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        position: relative;
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    .homepage .back_to_top--md {
        margin-bottom: 50px;
    }

    .homepage.grid .back_to_top--md {
        margin-bottom: 0;
        margin-top: 50px;
    }

    .back_to_top--lg {
        visibility: hidden !important;
        opacity: 0 !important;
    }
}

/*------------------------------------*\
    37. Table
\*------------------------------------*/
table th {
    text-align: left;
    color: white;
    height: 48px;
    background-color: #2d3031;
}

table th, table td {
    padding-left: 20px;
}

table td {
    height: 54px;
    padding-top: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 15px;
    line-height: 1.2;
}

.table--reset th {
    font-size: 17px;
    font-weight: 400;
    color: #2d3031;
    font-family: "Ubuntu", serif;
    letter-spacing: 0;
    text-transform: none;
    background-color: transparent;
    height: auto;
    text-align: inherit;
}

.table--reset th, .table--reset td {
    padding-left: 0;
}

.table--reset td {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
    font-size: 17px;
}

/*------------------------------------*\
    38. Figure
\*------------------------------------*/
figure {
    max-width: 100%;
}

@media screen and (min-width: 901px) {
    .single .entry-content figure {
        margin-bottom: 40px;
        max-width: calc(100% + 230px);
        margin-left: -115px;
        margin-right: -115px;
    }
    .single .entry-content figure.kudo {
        max-width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
}

@media screen and (max-width: 650px) {
    figure {
        float: none !important;
        margin-right: 0 !important;
        width: auto !important;
        margin-left: 0 !important;
    }
}

figure a {
    margin-bottom: 15px;
    display: block;
    outline: none;
}

figure a img {
    max-width: 100%;
}

figure figcaption {
    text-transform: none;
    letter-spacing: 0;
    font-size: 15px;
    text-align: left;
}

figure.alignleft, .single .entry-content figure.alignleft {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}

@media screen and (max-width: 900px) {
    .container--indented figure.alignleft, .post .entry-content figure.alignleft {
        margin-left: 0;
    }
}

@media screen and (max-width: 480px) {
    figure.alignleft .btn-image--openpopup {
        width: calc(100% + 30px);
        margin-left: -15px;
    }
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}

@media screen and (min-width: 901px) {
    .single .entry-content img.alignleft, .single .entry-content a.alignleft {
        margin-left: -115px;
        max-width: calc(100% + 230px);
    }
}

.single .entry-content a.alignleft img.alignleft{
    margin-right: 0px;
    margin-bottom: 0px;
}
.single .entry-content a.alignleft img.alignleft{
    margin-left: 0px;
    margin-bottom: 0px;
}

@media screen and (min-width: 901px) {
    .single .entry-content a.alignleft img.alignleft{
        max-width: calc(100% + 115px);
    }
}

figure.alignright, .single .entry-content figure.alignright {
    float: right;
    margin-left: 30px;
    margin-bottom: 30px;
}

@media screen and (max-width: 900px) {
    .container--indented figure.alignright, .post .entry-content figure.alignright {
        margin-left: 0;
    }
}
.alignright {
    display: inline;
    float: right;
    margin-left: 30px;
    margin-bottom: 30px;
}
@media screen and (min-width: 901px) {
    .single .entry-content a.alignright, .single .entry-content img.alignright {
        max-width: calc(100% + 230px);
        margin-right: -115px;
    }
    .single .entry-content a.alignright img.alignright {
        margin-right: 0;
        max-width: calc(100% + 115px);
    }
}

.alignright img.alignright{
    margin-left: 0;
    margin-bottom: 0;
}

a.aligncenter{
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
    left: 50%;
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}

@media screen and (min-width: 901px) {
    .single .entry-content a.aligncenter{
        max-width: calc(100% + 230px);
    }
}

img.aligncenter{
    display: block;
    margin: 0 auto;
}
@media screen and (min-width: 901px) {
    .single .entry-content a img.aligncenter, .single .entry-content img.aligncenter{
        max-width: 100%;
        min-width: 230px;
    }
}

.single .entry-content figure.aligncenter, figure.aligncenter {
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    clear: both;
    text-align: center;
}
@media screen and (min-width: 901px) {
    .single .entry-content figure.aligncenter a {
        margin-left: -115px;
        margin-right: -115px;
        max-width: calc(100% + 230px);
    }
}

.wp-caption{
    position: relative;
    z-index: 5;
}

.wp-caption-text{
    font-weight: normal;
}

/*------------------------------------*\
    39. Inputs
\*------------------------------------*/
.input, .widget_search .search-field, input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="url"], input[type="date"], input[type="search"], textarea {
    -webkit-appearance: none;
    /* removing inner shadow on iOS inputs */
    -webkit-font-smoothing: inherit;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    transition: all .3s ease;
    background: none;
    border: none;
    color: #2d3031;
    display: inline-block;
    font-family: "Ubuntu", sans-serif;
    font-size: 13px;
    padding: 0;
    /* remove browser defaults */
    vertical-align: middle;
    width: 100%;
    /* Firefox 18- */
    /* Firefox 19+ */
}

.contact-page .input, .contact-page .widget_search .search-field, .widget_search .contact-page .search-field, input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="url"], input[type="date"], input[type="search"], textarea {
    font-size: 13px;
}

.page-template-contact-page-template div.wpcf7 {
    margin-top: 50px;
}

/* contact form error */
span.wpcf7-not-valid-tip {
    color: #f76363;
    font-size: 0.7em;
    display: block;
    position: absolute;
    top: 20px;
}

div.wpcf7-validation-errors {
    border: none;
    text-align: center;
    font-size: 0.8em;
    color: #f76363;
}

.input:invalid, .widget_search .search-field:invalid, input[type="text"]:invalid, input[type="email"]:invalid, input[type="number"]:invalid, input[type="tel"]:invalid, input[type="url"]:invalid, input[type="date"]:invalid, input[type="search"]:invalid, textarea:invalid {
    box-shadow: none;
    /* fixes mozilla red outline (shadow) */
}

.input[readonly], .widget_search [readonly].search-field, input[type="text"]:read-only, input[type="email"]:read-only, input[type="number"]:read-only, input[type="tel"]:read-only, input[type="url"]:read-only, input[type="date"]:read-only, input[type="search"]:read-only, textarea:read-only {
    cursor: text;
}

.input::-ms-clear, .widget_search .search-field::-ms-clear, input[type="text"]::-ms-clear, input[type="email"]::-ms-clear, input[type="number"]::-ms-clear, input[type="tel"]::-ms-clear, input[type="url"]::-ms-clear, input[type="date"]::-ms-clear, input[type="search"]::-ms-clear, textarea::-ms-clear {
    display: none;
    /* remove IE clear icon */
}

.input::-webkit-input-placeholder, .widget_search .search-field::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    letter-spacing: 2px;
    color: #878b90;
    text-transform: uppercase;
}

.input:-moz-placeholder, .widget_search .search-field:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="search"]:-moz-placeholder, textarea:-moz-placeholder {
    letter-spacing: 2px;
    color: #878b90;
    text-transform: uppercase;
}

.input::-moz-placeholder, .widget_search .search-field::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="search"]::-moz-placeholder, textarea::-moz-placeholder {
    letter-spacing: 2px;
    color: #878b90;
    text-transform: uppercase;
}

.input:-ms-input-placeholder, .widget_search .search-field:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, textarea:-ms-input-placeholder {
    letter-spacing: 2px;
    color: #878b90;
    text-transform: uppercase;
}

.night-mode .input, .night-mode .widget_search .search-field, .widget_search .night-mode .search-field, .night-mode input[type="text"], .night-mode input[type="email"], .night-mode input[type="number"], .night-mode input[type="tel"], .night-mode input[type="url"], .night-mode input[type="date"], .night-mode input[type="search"], .night-mode textarea {
    color: white;
}

/**
 * Primary input.
 */
.input--primary, .widget_search .search-field, input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="url"], input[type="date"], input[type="search"], textarea {
    border-bottom: 1px solid #b2b2b2;
    height: 40px;
    margin-bottom: 40px;
    /**
   * @hover and focus
   */
    /**
   * Error state.
   */
}

.input--primary:hover, .widget_search .search-field:hover, .input--primary:focus, .widget_search .search-field:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="date"]:focus, input[type="search"]:focus, input[type="text"]:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="tel"]:hover, input[type="url"]:hover, input[type="date"]:hover, input[type="search"]:hover, textarea:hover {
    border-bottom-color: #2d3031;
    -webkit-box-shadow: 0px 1px 0px 0px black;
    -moz-box-shadow: 0px 1px 0px 0px black;
    box-shadow: 0px 1px 0px 0px black;
}

.night-mode input[type="text"]:focus, .night-mode input[type="email"]:focus, .night-mode input[type="number"]:focus, .night-mode input[type="tel"]:focus, .night-mode input[type="url"]:focus, .night-mode input[type="date"]:focus, .night-mode input[type="search"]:focus, .night-mode input[type="text"]:hover, .night-mode input[type="email"]:hover, .night-mode input[type="number"]:hover, .night-mode input[type="tel"]:hover, .night-mode input[type="url"]:hover, .night-mode input[type="date"]:hover, .night-mode input[type="search"]:hover, .night-mode .input--primary:hover, .night-mode .widget_search .search-field:hover, .widget_search .night-mode .search-field:hover, .night-mode .input--primary:focus, .night-mode .widget_search .search-field:focus, .widget_search .night-mode .search-field:focus, .night-mode textarea:focus, .night-mode textarea:hover {
    border-bottom-color: white;
}

.is-error .input--primary, .is-error .widget_search .search-field, .widget_search .is-error .search-field, .input--primary.is-error, .widget_search .is-error.search-field, .is-error input[type="text"], .is-error input[type="email"], .is-error input[type="number"], .is-error input[type="tel"], .is-error input[type="url"], .is-error input[type="date"], .is-error input[type="search"], .is-error textarea {
    border-color: #ff8688;
}

.input--gray {
    background-color: #e8eef0;
    border-bottom: none !important;
    height: 48px;
    padding: 0 20px;
}

/**
 * Textarea input.
 */
.input--textarea, textarea {
    resize: none;
    padding: 10px 0 12px;
    margin-bottom: 50px;
    min-height: 40px;
    overflow: hidden;

    /* for Firefox (issue #5) */
}

/*------------------------------------*\
    40. Buttons
\*------------------------------------*/
.btn--primary, .comment-form .form-submit .submit, input[type="submit"] {
    -webkit-font-smoothing: inherit;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background-color: #2d3031;
    border-radius: 0;
    color: #fff;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    width: auto;
    padding: 0;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: "Ubuntu", sans-serif;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    border: none;
    /**
   * @hover
   */
    /**
   * @active
   */
    /**
   * @disabled
   */
}

input[type=submit]{
    height: 48px;
    padding: 0 40px;
}


.night-mode .btn--primary, .night-mode .comment-form .form-submit .submit, .comment-form .form-submit .night-mode .submit, .night-mode input[type="submit"] {
    background-color: white;
    color: #2d3031;
    font-weight: 400;
    border: none;
}

.night-mode input[type="submit"].search-submit{
    background-color: transparent;
}
input[type=submit].search-submit {
    padding: 0;
}
input[type=submit].search-submit:hover {
    opacity: .5;
    background: transparent url("layouts/images/icon-search.svg");
    background-size: 16px 16px;
}

.night-mode input[type=submit].search-submit:hover {
    opacity: .5;
    background: transparent url("layouts/images/icon-search-white.svg");
    background-size: 16px 16px;
}

.btn--primary:not(:disabled):hover, .comment-form .form-submit .submit:not(:disabled):hover, .btn--primary:not(:disabled):focus, .comment-form .form-submit .submit:not(:disabled):focus {
    background-color: #0d0e0e;
    color: white;
}

.night-mode .btn--primary:not(:disabled):hover, .night-mode .comment-form .form-submit .submit:not(:disabled):hover, .comment-form .form-submit .night-mode .submit:not(:disabled):hover, .night-mode .btn--primary:not(:disabled):focus, .night-mode .comment-form .form-submit .submit:not(:disabled):focus, .comment-form .form-submit .night-mode .submit:not(:disabled):focus {
    background-color: #b3b3b3;
    color: #2d3031;
}

.btn--primary:disabled, .comment-form .form-submit .submit:disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    cursor: default;
}

.btn--primary span, .comment-form .form-submit .submit span {
    display: block;
    padding: 0 40px;
    position: relative;
    z-index: 2;
}

.btn--gray {
    background-color: #474c4e;
    /**
   * @hover
   */
}

.btn--gray:not(:disabled):hover, .btn--gray:not(:disabled):focus {
    background-color: #474c4e;
    color: white;
}

/*.ink styles - the elements which will create the ripple effect. The size and position of these elements will be set by the JS code. Initially these elements will be scaled down to 0% and later animated to large fading circles on user click.*/
.ink {
    display: block;
    position: absolute;
    background: #fff;
    border-radius: 100%;
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    z-index: 1;
    opacity: .2;
    /*animation effect*/
}

.ink.animate {
    animation: ripple .7s linear;
}

@-webkit-keyframes ripple {
    /*scale the element to 250% to safely cover the entire link and fade it out*/
    50% {
        opacity: .2;
    }
    100% {
        opacity: 0;
        -moz-transform: scale(2.5, 2.5);
        -ms-transform: scale(2.5, 2.5);
        -webkit-transform: scale(2.5, 2.5);
        transform: scale(2.5, 2.5);
    }
}

@keyframes ripple {
    /*scale the element to 250% to safely cover the entire link and fade it out*/
    50% {
        opacity: .2;
    }
    100% {
        opacity: 0;
        -moz-transform: scale(2.5, 2.5);
        -ms-transform: scale(2.5, 2.5);
        -webkit-transform: scale(2.5, 2.5);
        transform: scale(2.5, 2.5);
    }
}

.btn--load-more, .btn--load-more-horizontal {
    min-width: 225px !important;
    position: relative;
    margin-top:4px;
}

.btn--load-more b, .btn--load-more-horizontal b {
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease;
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    font-size: 0;
}

.btn--load-more.loading span, .btn--load-more-horizontal.loading span {
    font-size: 0;
    transition: all .2s ease;
}

.btn--load-more.loading b, .btn--load-more-horizontal.loading b {
    font-size: 13px;
    opacity: 1;
    visibility: visible;
}

/*------------------------------------*\
    41. Flexslider
\*------------------------------------*/
.flexslider {
    margin: 0;
    padding: 0;
    width: 100%;
}

@media screen and (min-width: 901px) {
    .entry-content .flexslider {
        max-width: calc(100% + 230px);
        width: auto;
        margin-left: -115px;
        margin-right: -115px;
    }
}

@media screen and (max-width: 650px) {
    .flexslider {
        width: calc(100% + 56px);
        margin-left: -28px;
    }
}

@media screen and (max-width: 480px) {
    .flexslider {
        width: calc(100% + 30px);
        margin-left: -15px;
    }
}

.flexslider .flex-viewport {
    width: 100%;
    position: relative;
    z-index: 1;
}

.flexslider .slides {
    margin-left: 0;
}

.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
    visibility: hidden;
}
.flexslider .slides > li.flex-active-slide {
    visibility: visible;
}

.flexslider .slides img {
    width: 100%;
    display: block;
    height: auto;
}

.flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .flexslider .slides {
    display: block;
}

* html .flexslider .slides {
    height: 1%;
}

.no-js .flexslider .slides > li:first-child {
    display: block;
}

.base-slider {
    position: relative;
    margin-bottom: 90px;
}

.base-slider .btn-gallery--openpopup {
    outline: none;
}

.base-slider__custom-navigation a {
    position: absolute;
    width: 32px;
    bottom: 20px;
    height: 32px;
    line-height: 32px;
    display: block;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.3);
    text-decoration: none;
    z-index: 2;
    color: white;
    text-align: center;
}

.base-slider__custom-navigation a .icon {
    vertical-align: top;
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.base-slider__custom-navigation a:hover {
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.5);
}

.base-slider__custom-navigation .flex-prev {
    left: 20px;
}

.base-slider__custom-navigation .flex-prev .icon {
    margin-left: -1px;
}

.base-slider__custom-navigation .flex-next {
    left: 62px;
}

.base-slider__custom-navigation .flex-next .icon {
    margin-left: 1px;
}

.base-slider__bottom-bar {
    position: absolute;
    top: 100%;
    left: 0;
    padding-top: 12px;
}

@media screen and (max-width: 650px) {
    .base-slider__bottom-bar {
        left: 15px;
        right: 15px;
    }
}

.base-slider__bottom-bar span {
    display: inline-block;
    vertical-align: middle;
    font-family: "Ubuntu", sans-serif;
    font-size: 15px;
    color: #878b90;
}

.base-slider__bottom-bar span:first-child:after {
    content: '';
    display: inline-block;
    width: 21px;
    height: 1px;
    background-color: #e5e5e5;
    margin-left: 8px;
    margin-right: 6px;
    vertical-align: middle;
}

.night-mode .base-slider__bottom-bar span:first-child:after {
    background-color: black;
    opacity: .1;
}

/*------------------------------------*\
    42. Widgets
\*------------------------------------*/

@media screen and (min-width: 769px) {
    #secondary {
        margin-top: 34px;
    }

    #secondary > .layout > .layout__item {
        padding-left: 40px;
    }
}

.widget {
    font-size: 13px;
    line-height: 1.5;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 30px;
}

.night-mode .widget {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}
.widget select{
    margin-bottom: 40px;
    width: 100%;
}
.widget img {
    width: auto;
    height: auto;
    margin-bottom: 28px;
}

.widget h3, .widget h4 {
    font-family: "Ubuntu", sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 15px;
    line-height: 1.2;
    margin-bottom: 18px;
}

.widget h3 a, .widget h4 a {
    text-decoration: none;
}

.widget h3 {
    font-weight: 700;
}

.widget h3 a {
    font-weight: 700;
}

.widget h4 {
    font-size: 13px;
    margin-bottom: 24px;
}

/*List reset for widgets*/
.widget ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0;
}
.widget ul ul {
    display: none;
    padding: 20px 0 0;
}
.widget ul li {
    padding-left: 0;
    margin-bottom: 0;
}
.widget_recent_entries ul li {
    margin-bottom: 20px;
}
.widget ul li:before {
    content: '';
    display: none;
    position: static;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    border: none;
    border-radius: 0;
    color: transparent;
}
.widget ul li li {
    padding-left: 0;
}
.widget ul li li:before {
    display: none;
    background-color: transparent;
    top: auto;
    left: auto;
    position: static;
    width: auto;
    height: auto;
}
.widget ul > li li {
    padding-left: 19px;
    margin-top: 3px;
}
.widget ul > li li span {
    color: #878b90 !important;
}
.widget ul > li li:first-child {
    margin-top: 0;
}
.night-mode .widget ul > li span{
    color: white;
}

.widget a {
    text-decoration: none;
    font-weight: 400;
}
.widget a:hover {
    text-decoration: underline;
}
.widget-expandable ul > li, .widget-expandable div ul > li {
    padding-left: 27px;
}
.widget-expandable li.is-active .cat-item-expend:before, .widget-expandable li.is-active .cat-item-expend:after{
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    transition: none;
}

.widget-expandable li.is-active > .cat-item-expend:before {
    -moz-transform: translate(-53%, -53%) rotate(90deg) scale(0);
    -ms-transform: translate(-53%, -53%) rotate(90deg) scale(0);
    -webkit-transform: translate(-53%, -53%) rotate(90deg) scale(0);
    transform: translate(-53%, -53%) rotate(90deg) scale(0);
    transition: all .3s ease;
}
.widget-expandable li.is-active > .cat-item-expend:after {
    -moz-transform: translate(-53%, -53%) rotate(180deg) scale(1);
    -ms-transform: translate(-53%, -53%) rotate(180deg) scale(1);
    -webkit-transform: translate(-53%, -53%) rotate(180deg) scale(1);
    transform: translate(-53%, -53%) rotate(180deg) scale(1);
    transition: all .3s ease .1s;
}
.widget-expandable .cat-item-expend{
    width: 46px;
    height: 21px;
    display: block;
    position: absolute;
    left: -20px;
    top: -1px;
    cursor: pointer;
}
.widget-expandable .cat-item-expend:before, .widget-expandable .cat-item-expend:after {
    content: '';
    position: absolute;
    left: 53%;
    top: 53%;
    -moz-transform: translate(-53%, -53%);
    -ms-transform: translate(-53%, -53%);
    -webkit-transform: translate(-53%, -53%);
    transform: translate(-53%, -53%);
    width: 7px;
    height: 7px;
    display: block;
    transition: all .3s ease .1s;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-image: url("layouts/images/icon-plus-gray.svg");
    background-repeat: no-repeat;
    background-position: 53% 53%;
    background-size: 100% auto;
}
.widget-expandable ul li ul .is-active > .cat-item-expend:after {
    top: 53%;
}
.widget-expandable ul li ul .cat-item-expend:after {
    top: 35%;
}
.widget-expandable ul li ul .cat-item-expend:before {
    top: 35%;
}
.widget-expandable .cat-item-expend:after {
    transition: all .3s ease;
    background-image: url("layouts/images/icon-minus-gray.svg");
    -moz-transform: translate(-53%, -53%) rotate(90deg) scale(0);
    -ms-transform: translate(-53%, -53%) rotate(90deg) scale(0);
    -webkit-transform: translate(-53%, -53%) rotate(90deg) scale(0);
    transform: translate(-53%, -53) rotate(90deg) scale(0);
}

.widget.widget-expandable div .menu .sub-menu{
    display: none;
}
.widget > ul li:last-child, .widget div > ul > li {
    position: relative;
}

.widget > ul > li, .widget div > ul li:last-child {
    position: relative;
    margin-bottom: 20px;
}

.widget > ul > li li {
    position: relative;
    padding-bottom: 20px;
}
.widget > ul > li li:last-child {
    padding-bottom: 0;
}

.widget > ul > li > a, .widget div > ul > li > a {
    color: #a79f82;
    word-wrap: break-word;
}

.widget > ul > li > ul > li a, .widget div > ul > li > ul > li a {
    color: #878b90;
}

.widget .fa {
    color: #878b90;
    transition: color .2s ease;
    outline: none;
    font-size: 16px;
}

.widget .fa:hover {
    color: #2d3031;
}

.widget_search {
    padding: 14px 0 20px;
    border-bottom: none;
}

.widget_search .widget-title {
    display: none;
}

.widget_search .search-form {
    position: relative;
}

.widget_search .search-form label {
    position: relative;
    z-index: 1;
}

.widget_search .screen-reader-text {
    display: none;
}

.widget_search .search-field {
    margin-bottom: 0;
    padding-right: 40px;
    font-size: 13px;
}

.widget_search .search-submit {
    position: absolute;
    z-index: 2;
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 0;
    width: 16px;
    height: 16px;
    right: 10px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url("layouts/images/icon-search.svg");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    transition: all .2s ease;
}

.night-mode .widget_search .search-submit {
    background-image: url("layouts/images/icon-search-white.svg");
}

.widget_search .search-submit:hover, .widget_search .search-submit:focus {
    opacity: .5;
}

.widget_search .btn--primary span {
    display: block;
    padding: 0 20px;
    position: relative;
    z-index: 2;
}
.widget_search .flag__img{
    padding-right: 0;
}

.widget-social {
    padding: 14px 0 28px;
}

.night-mode .widget-social i:hover {
    color: white;
}

ul.instagram-pics {
    list-style-type: none;
    margin-left: 0;
    font-size: 0;
    margin-bottom: 25px;
}

ul.instagram-pics li {
    display: inline-block;
    padding-right: 4px;
    padding-bottom: 2px;
    width: 33.33%;
    margin-bottom: 0;
}

.instagram-pics a {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 100%;
}

.instagram-pics a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding-bottom: 100%;
    display: block;
    background-color: #2d3031;
    opacity: 0;
    transition: opacity .2s ease;
    z-index: 2;
}

.instagram-pics a:hover:before {
    opacity: .3;
}

.instagram-pics img {
    margin-bottom: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    max-height: none;
    max-width: none;
    z-index: 1;
    transition: transform 1.5s ease-out;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.blogic-instagram-feed a[rel="me"]{
    float: right;
    text-transform: uppercase;
    font-family: "Ubuntu", sans-serif;
}

.fullwidth-banner {
    width: 100%;
    background-color: #2d3031;
}

.night-mode .fullwidth-banner {
    background-color: #c9d2d4;
}

.fullwidth-banner a {
    display: block;
    margin-bottom: 28px;
}

.fullwidth-banner img {
    margin-bottom: 0;
}

.popular-posts-widget h4, .popular-posts-widget h4 a {
    font-family: "Ubuntu", cursive;
    letter-spacing: 0;
    font-size: 19px;
    font-size: 1.11765rem;
    line-height: 1.47368;
    line-height: 1.2;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 3px;
}

.font-sans .popular-posts-widget h4, .font-sans .popular-posts-widget h4 a {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
}

.popular-posts-widget h4 a {
    font-weight: 400;
}

.popular-posts-widget h4 a:hover {
    text-decoration: underline;
    color: #2d3031;
}

.night-mode .popular-posts-widget h4 a:hover {
    color: #fff;
}

.popular-posts-widget img {
    bottom: 33px;
    position: relative;
    z-index: 1;
}

.popular-posts-widget .img-wrap {
    display: block;
    margin-bottom: 14px;
    position: relative;
    z-index: 1;
    text-align: center;
    height: 137px;
    overflow: hidden;
}

.popular-posts-widget .img-wrap:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: #2d3031;
    opacity: .3;
    transition: opacity .2s ease;
    z-index: 2;
}

.popular-posts-widget .img-wrap:hover:before {
    opacity: .5;
}

.popular-posts-widget span {
    margin-bottom: 35px;
    display: block;
}

.popular-posts-widget .popular-post__item-header.no-img{
    min-height: 135px;
    margin-bottom: 14px;
    background-color: rgba(0, 0, 0, .5);
}

.popular-posts-widget .popular-post__item-header.no-img a{
    position: absolute;
    width: 100%;
    height: 100%;
}

.popular-post__item-header {
    position: relative;
}
/* Twitter widget */
.widget_twitter_feed .tp_recent_tweets-wrap {
    padding: 40px 30px 50px;
    background-color: #2d3031;
    color: white;
    font-weight: 400;
    font-family: "Ubuntu", serif;
    position: relative;
    margin-bottom: 30px;
}

.widget_twitter_feed .tp_recent_tweets-wrap h3 {
    color: white;
    margin-bottom: 23px;
}

.widget_twitter_feed .tp_recent_tweets-wrap a {
    color: #a79f82;
    font-style: italic;
    font-family: "Ubuntu", serif;
    text-transform: none;
    display: inline-block;
}

.night-mode .widget_twitter_feed .tp_recent_tweets-wrap {
    background-color: white;
    color: #2d3031;
}

.night-mode .widget_twitter_feed .tp_recent_tweets-wrap h3 {
    color: #2d3031;
}

.widget_twitter_feed .flexslider {
    padding-bottom: 23px;
    border-bottom: 1px solid rgba(135, 139, 144, 0.5);
}

.widget_twitter_feed .tp_recent_tweets-nav {
    position: absolute;
    right: 0;
    bottom: 0;
}

.widget_twitter_feed .tp_recent_tweets-nav:before {
    content: '';
    display: table;
    clear: both;
}

.widget_twitter_feed .tp_recent_tweets-nav a {
    text-decoration: none;
    height: 50px;
    line-height: 50px;
    width: 42px;
}

.widget_twitter_feed .tp_recent_tweets-nav .flex-prev {
    padding-left: 30px;
}

.widget_twitter_feed .tp_recent_tweets-nav .flex-next {
    padding-left: 5px;
}

.widget_twitter_feed .tp_recent_tweets-follow {
    position: absolute;
    left: 30px;
    bottom: 0;
    height: 50px;
    line-height: 50px;
    color: #878b90 !important;
    font-family: "Ubuntu", sans-serif !important;
    font-style: normal !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}

.widget_twitter_feed .tp_recent_tweets-follow:hover {
    color: white !important;
}

.widget_twitter_feed .tp_recent_tweets-follow:hover i {
    color: white !important;
}

.widget_twitter_feed .tp_recent_tweets-follow i {
    font-size: 18px;
    margin-right: 7px;
    position: relative;
    top: 1px;
}

.night-mode .widget_twitter_feed .tp_recent_tweets-follow:hover i{
    color: #2d3031!important;
}
.night-mode .widget_twitter_feed .tp_recent_tweets-follow:hover{
    color: #2d3031!important;
}

.widget_categories ul > li span, .widget_archive ul > li span {
    letter-spacing: 0;
    color: #2d3031;
    float: right;
}

/*
.widget_categories a {
    text-decoration: none;
}

.widget_categories a:hover {
    text-decoration: underline;
}

.widget_categories ul {
    margin-left: 0;
    list-style-type: none;
}

.widget_categories > ul > li {
    padding-left: 27px;
    position: relative;
    margin-bottom: 20px;
}

.widget_categories > ul > li span {
    letter-spacing: 0;
    color: #2d3031;
    float: right;
}

.night-mode .widget_categories > ul > li span {
    color: white;
}

.widget_categories > ul > li > a {
    color: #a79f82;
}

.widget_categories > ul > li li {
    padding-left: 19px;
    margin-top: 3px;
}

.widget_categories > ul > li li:first-child {
    margin-top: 0;
}

.widget_categories > ul > li li span {
    color: #878b90 !important;
}

.widget_categories > ul ul {
    display: none;
    padding: 20px 0 0;
}

.widget_categories li.is-active .cat-item-expend:before {
    -moz-transform: translate(-53%, -53%) rotate(90deg) scale(0);
    -ms-transform: translate(-53%, -53%) rotate(90deg) scale(0);
    -webkit-transform: translate(-53%, -53%) rotate(90deg) scale(0);
    transform: translate(-53%, -53%) rotate(90deg) scale(0);
    transition: all .3s ease;
}

.widget_categories li.is-active .cat-item-expend:after {
    -moz-transform: translate(-53%, -53%) rotate(180deg) scale(1);
    -ms-transform: translate(-53%, -53%) rotate(180deg) scale(1);
    -webkit-transform: translate(-53%, -53%) rotate(180deg) scale(1);
    transform: translate(-53%, -53%) rotate(180deg) scale(1);
    transition: all .3s ease .1s;
}

.widget_categories .cat-item-expend {
    width: 46px;
    height: 21px;
    display: block;
    position: absolute;
    left: -20px;
    top: -1px;
    cursor: pointer;
}

.widget_categories .cat-item-expend:before, .widget_categories .cat-item-expend:after {
    content: '';
    position: absolute;
    left: 53%;
    top: 53%;
    -moz-transform: translate(-53%, -53%);
    -ms-transform: translate(-53%, -53%);
    -webkit-transform: translate(-53%, -53%);
    transform: translate(-53%, -53%);
    width: 7px;
    height: 7px;
    display: block;
    transition: all .3s ease .1s;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-image: url("layouts/images/icon-plus-gray.svg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
}

.widget_categories .cat-item-expend:after {
    transition: all .3s ease;
    background-image: url("layouts/images/icon-minus-gray.svg");
    -moz-transform: translate(-50%, -50%) rotate(90deg) scale(0);
    -ms-transform: translate(-50%, -50%) rotate(90deg) scale(0);
    -webkit-transform: translate(-50%, -50%) rotate(90deg) scale(0);
    transform: translate(-50%, -50%) rotate(90deg) scale(0);
}*/

.widget_tag_cloud {
    padding-bottom: 28px;
}

.widget_tag_cloud .tagcloud {
    font-size: 0;
}

.widget_tag_cloud .tagcloud a {
    font-family: "Ubuntu", sans-serif;
    color: white;
    letter-spacing: 0px;
    height: 20px;
    line-height: 20px;
    background-color: #c9d2d4;
    padding: 0 6px;
    margin: 0 5px 5px 0;
    white-space: nowrap;
    text-decoration: none;
    display: inline-block;
    transition: all .2s ease .2s;
    text-transform: uppercase;
}

.night-mode .widget_tag_cloud .tagcloud a {
    background-color: #5e6568;
    color: #2d3031;
}

.night-mode .widget_tag_cloud .tagcloud a:hover {
    background-color: white;
}

.widget_tag_cloud .tagcloud a:hover {
    background-color: #2d3031;
    transition: all .2s ease;
}

.widget_calendar a{
    text-decoration: underline;
}

.widget_calendar table {
    text-align: center;
    margin-bottom: 18px;
    table-layout: fixed;
}

.widget_calendar table tfoot #prev{
    text-align: left;
}
.widget_calendar table tfoot #next {
    text-align: right;
}

.widget_calendar table caption {
    font-family: "Ubuntu", sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 15px;
    line-height: 1.2;
    margin-bottom: 14px;
    font-weight: 700;
    text-align: left;
}

.widget_calendar table th {
    color: #2d3031;
    letter-spacing: 0;
    text-transform: none;
    background-color: transparent;
    height: auto;
    text-align: inherit;
}

.widget_calendar table th, .widget_calendar table td {
    padding-left: 0;
}

.widget_calendar table td {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.widget_calendar table th, .widget_calendar table td {
    letter-spacing: 0px;
    padding: 10px 0;
}

.widget_calendar table th {
    font-weight: 700;
    color: #2d3031;
}

.night-mode .widget_calendar table th {
    color: white;
}

.widget_calendar #today span {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #a79f82;
    color: white;
}

.widget_recent_entries {
    padding-bottom: 10px;
}

.widget_recent_entries > ul {
    list-style-type: none;
    margin-left: 0;
}

.widget_recent_entries > ul > li {
    margin-bottom: 20px;
}

.widget_recent_entries img {
    width: 116px;
    margin-bottom: 0;
    max-width: none;
}

.widget_recent_entries .flag__img {
    padding-right: 20px;
}

.widget_recent_entries .flag__img a {
    display: block;
    position: relative;
}

.widget_recent_entries .flag__img a img {
    max-width: 116px;
    position: relative;
    z-index: 1;
}

.widget_recent_entries .flag__img a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: #2d3031;
    opacity: 0;
    transition: opacity .2s ease;
    z-index: 2;
}

.widget_recent_entries .flag__img a:hover:before {
    opacity: .7;
}

.widget_recent_entries h4, .widget_recent_entries h4 a {
    font-size: 19px;
    font-size: 1.11765rem;
    line-height: 1.47368;
    line-height: 1.2;
    font-family: "Ubuntu", cursive;
    letter-spacing: 0;
    font-weight: 400;
    text-transform: none;
    margin-bottom: 5px;
    color: #2d3031;
}
.font-sans .widget_recent_entries h4, .font-sans .widget_recent_entries h4 a {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
}
.night-mode .widget_recent_entries h4, .night-mode .widget_recent_entries h4 a {
    color: white;
}

.widget_recent_entries h4 a:hover {
    text-decoration: underline;
    color: #2d3031;
}

.night-mode .widget_recent_entries h4 a:hover {
    color: white;
}


/*Latest posts*/
.pressmates_latest_posts_widget {
    padding-bottom: 10px;
}
.pressmates_latest_posts_widget > ul {
    list-style-type: none;
    margin-left: 0;
}
.pressmates_latest_posts_widget > ul > li {
    margin-bottom: 20px;
}
.pressmates_latest_posts_widget img {
    width: 116px;
    margin-bottom: 0;
    max-width: none;
}
.pressmates_latest_posts_widget .flag__img {
    padding-right: 20px;
}
.pressmates_latest_posts_widget .flag__img a {
    display: block;
    position: relative;
}
.pressmates_latest_posts_widget .flag__img a img {
    position: relative;
    z-index: 1;
}
.pressmates_latest_posts_widget .flag__img a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: #2d3031;
    opacity: 0;
    transition: opacity .2s ease;
    z-index: 2;
}
.pressmates_latest_posts_widget .flag__img a:hover:before {
    opacity: .7;
}
.pressmates_latest_posts_widget h4 {
    font-size: 19px;
    font-size: 1.11765rem;
    line-height: 1.47368;
    line-height: 1.2;
    font-family: "Ubuntu", cursive;
    letter-spacing: 0;
    font-weight: 400;
    text-transform: none;
    margin-bottom: 5px;
}
.pressmates_latest_posts_widget h4 a:hover {
    text-decoration: underline;
    color: #2d3031;
}
.night-mode .pressmates_latest_posts_widget h4 a:hover {
    color: white;
}
.pressmates_latest_posts_widget span {
    font-size: 13px;
    font-weight: 400;
    color: #878b90;
    font-family: "Ubuntu", sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.widget_mc4wp_widget label{
    display: none!important;
}
.widget_mc4wp_widget input[type=email]{
    height: 48px;
}
.widget_mc4wp_widget .input--primary{
    margin-bottom: 5px;
}
.widget_mc4wp_form_widget .mc4wp-form-fields{
    margin-bottom: 28px;
    margin-bottom: 1.64706rem;
}
.widget_mc4wp_form_widget .mc4wp-form-fields p{
    margin-bottom: 0;
}

.widget_mc4wp_form_widget .mc4wp-form label {
    display: none;
}
.widget_mc4wp_form_widget .mc4wp-form input[type=email] {
    margin-bottom: 30px;
}
.subscribe-v2 .widget_mc4wp_form_widget .mc4wp-form input[type=email] {
    background-color: #e8eef0;
    border-bottom: none !important;
    height: 48px;
    padding: 0 20px;
}

.subscribe-v2 .widget_mc4wp_form_widget .mc4wp-form input[type="email"]:hover,
.subscribe-v2 .widget_mc4wp_form_widget .mc4wp-form input[type="email"]:focus {
    box-shadow: none;
    -webkit-box-shadow:none;
}

.subscribe-v2 .widget_mc4wp_form_widget .mc4wp-form input[type=submit] {
    background-color: #474c4e;
    font-weight: normal;
}
.subscribe-v2 .widget_mc4wp_form_widget .mc4wp-form input[type=submit]:hover {
    background-color: #2d3031;
}

.night-mode .subscribe-v2 .widget_mc4wp_form_widget .mc4wp-form input[type=submit] {
    background-color: #fff;
}

.night-mode .subscribe-v2 .widget_mc4wp_form_widget .mc4wp-form input[type=submit]:hover {
    background-color: #b3b3b3;
    color: #2d3031;
}

.night-mode .subscribe-v2 .widget_mc4wp_form_widget .mc4wp-form input[type=email] {
    color: #2d3031;
}


/*------------------------------------*\
    43. Site logo
\*------------------------------------*/
#mainLogo, #smallLogo{
    max-height: 38px;
}

@media screen and (min-width: 481px) and (max-width: 768px){
    #mainLogo, #smallLogo {
        max-height: 46px;
    }
}

@media screen and (min-width: 769px){
    #mainLogo, #smallLogo {
        max-height: 96px;
    }

    .scrolled_page #mainLogo, .scrolled_page #smallLogo {
        max-height: 66px;
    }
}

.scrolled_page.has-small-logo span.site-title-branding, .scrolled_page.has-small-logo #mainLogo {
    opacity: 0;
    font-size: 0;
    width: 0;
    height: 0;
    display: none;
}

.has-small-logo #smallLogo{
    opacity: 0;
    display: none;
}
.scrolled_page.has-small-logo #smallLogo{
    opacity: 1;
    display: block;
}

/*.site-logo {
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
}

.site-logo > img {
    height: auto;
    vertical-align: middle;
    width: 107px;
}

.site-logo:hover {
    text-decoration: none;
}

.site-logo--small > img {
    width: 47px;
}
 .has-small-logo #mainLogo, .has-small-logo #smallLogo{
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: all 0.7s cubic-bezier(0.76, 0.17, 0.33, 0.95);
    max-width: none;
}

.has-small-logo #mainLogo{
    display: block;
}

.scrolled_page.has-small-logo #mainLogo{
    display: block;
    opacity: 0;
}

.has-small-logo #smallLogo{
    display: block;
    opacity: 0;
}

.scrolled_page.has-small-logo #smallLogo{
    display: block;
    opacity: 1;
    left: 0;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

@media screen and (max-width: 600px) {
    .has-small-logo #mainLogo{
        display: none;
    }
    .has-small-logo #smallLogo{
        display: block;
    }
}*/
/*------------------------------------*\
    44. About author
\*------------------------------------*/
.about-author {
    font-size: 15px;
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 50px;
}

.about-author .img-cover-wrap {
    width: 200px;
    height: 200px;
}

@media screen and (max-width: 480px) {
    .about-author .img-cover-wrap {
        width: 100%;
        height: auto;
    }
}

.night-mode .about-author {
    border-color: rgba(255, 255, 255, 0.1);
}

@media screen and (max-width: 768px) {
    .about-author .flag__img, .about-author .flag__body {
        vertical-align: top;
    }
}

.about-author h2 {
    font-family: "Ubuntu", cursive;
    font-size: 29px;
    font-size: 1.70588rem;
    line-height: 1.93103;
    line-height: 1.3;
    font-weight: 400;
    margin-bottom: 14px;
}

.font-sans .about-author h2 {
    font-family: "Ubuntu", sans-serif;
}

.about-author h2 a {
    text-decoration: none;
}

.night-mode .about-author h2 {
    color: white;
}

.about-author p {
    margin-bottom: 14px;
}

.about-author .flag__img img, .about-author .flag__img figure {
    margin-bottom: 0;
}

.about-author footer ul {
    margin-bottom: 0;
}

.about-author__upperheading {
    color: #2d3031;
    margin-bottom: 5.6px !important;
}

.night-mode .about-author__upperheading {
    color: white;
}

.about-author__social {
    margin-left: 0;
    list-style-type: none;
    font-size: 0;
}

.about-author__social li {
    display: inline-block;
    margin-right: 30px;
}

.about-author__social li:last-child {
    margin-right: auto;
}

.about-author__social a {
    text-decoration: none;
    color: #878b90;
    font-weight: 400;
}

.about-author__social a:hover {
    text-decoration: underline;
    color: #545656;
}

@media screen and (max-width: 480px) {
    .about-author__social {
        display: none;
    }
}
.bypostauthor{
    font-weight: normal;
}

/*------------------------------------*\
    45. Offered posts
\*------------------------------------*/
.offered-posts {
    margin-bottom: 60px;
}

.offered-posts .text-center h2 {
    color: #2d3031;
}

.night-mode .offered-posts .text-center h2 {
    color: #fff;
}

.offered-posts__item {
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
    display: block;
    background-color: #2d3031;
}

.night-mode .offered-posts__item .offered-posts__img {
    background-color: #c9d2d4;
}

.offered-posts__item:hover .offered-posts__content h2 {
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
    opacity: 0;
}

.offered-posts__item:hover .offered-posts__content .related-date {
    -moz-transform: translateY(200%);
    -ms-transform: translateY(200%);
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
    opacity: 0;
}

.offered-posts__item:hover .offered-posts__fake-link {
    -moz-transform: translate(-53%, -53%) scale(1);
    -ms-transform: translate(-53%, -53%) scale(1);
    -webkit-transform: translate(-53%, -53%) scale(1);
    transform: translate(-53%, -53%) scale(1);
}

.offered-posts__item .offered-posts__img, .offered-posts__item .offered-posts__content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.offered-posts__img {
    z-index: 1;
}

.offered-posts__img:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #2d3031;
    opacity: .5;
    z-index: 2;
}

.offered-posts__img img {
    width: 100%;
    z-index: 1;
}

.offered-posts__content {
    z-index: 2;
    padding: 20px 25px;
}

.offered-posts__content h2 {
    color: white;
    line-height: 1.2;
    font-family: "Ubuntu", cursive;
    font-weight: 400;
    transition: transform .5s ease, opacity .2s ease;
}

.font-sans .offered-posts__content h2 {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
}

.offered-posts__content .related-date {
    position: absolute;
    left: 25px;
    bottom: 20px;
    color: white;
    transition: transform .5s ease, opacity .2s ease;
}

.offered-posts__fake-link {
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-53%, -53%) scale(0);
    -ms-transform: translate(-53%, -53%) scale(0);
    -webkit-transform: translate(-53%, -53%) scale(0);
    transform: translate(-53%, -53%) scale(0);
    margin-left: 1.5%;
    margin-top: 1.5%;
    color: white;
    transition: transform .2s ease .2s;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/*------------------------------------*\
    46. Comments area
\*------------------------------------*/
.comments-area h2 {
    margin-bottom: 65px;
}

a.comment-edit-link {
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: underline!important;
    font-family: "Ubuntu", sans-serif;
}

.night-mode .comments-area h2, .night-mode .comments-area h3 {
    color: white;
}

.comments-area .comment-list > li {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 45px;
}

.night-mode .comments-area .comment-list > li {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.comments-area .comment-list > li:last-child {
    border-bottom: none;
}

@media screen and (min-width: 1025px) {
    .comments-area .comment-list {
        max-width: 77.78%;
        margin-left: auto;
        margin-right: auto;
    }
}

.comments-area .comment-body {
    position: relative;
}

@media screen and (max-width: 480px) {
    .comments-area .comment-body {
        position: relative;
    }
}

.comments-area .comments-title {
    font-size: 15px;
    font-weight: 700;
    color: #2d3031;
}

.comments-area ol {
    list-style-type: none;
    margin-left: 0;
}

.comments-area ol ol {
    margin-left: 84px;
}

.comments-area ol ol li {
    padding-top: 50px;
    border-top: 1px solid #e5e5e5;
}

.night-mode .comments-area ol ol li {
    border-top-color: rgba(255, 255, 255, 0.1);
}

@media screen and (max-width: 768px) {
    .comments-area ol ol {
        margin-left: 79px;
    }
}

@media screen and (max-width: 600px) {
    .comments-area ol ol {
        margin-left: 30px;
    }
}

@media screen and (max-width: 480px) {
    .comments-area ol ol {
        margin-left: 15px;
    }
}

.comments-area .comment-meta {
    position: relative;
    padding-left: 78px;
}

@media screen and (max-width: 480px) {
    .comments-area .comment-meta {
        padding-left: 0;
    }
}

.comments-area .comment-author .fn {
    font-size: 25px;
    font-size: 1.47059rem;
    line-height: 1.12;
    font-family: "Ubuntu", cursive;
    font-weight: 400;
}

.font-sans .comments-area .comment-author .fn {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
}

.comments-area .comment-author span {
    display: none;
}
.comments-area .comment-author a{
    color: #2d3031;
}

.night-mode .comments-area .comment-author a {
    color: #a79f82;
}

.font-sans .comments-area .comment-author a{
    font-weight: bold;
}
.comments-area .comment-author a:hover{
    text-decoration: underline;
}

.comments-area .comment-author img, .comments-area .comment-author:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: block;
}

.comments-area .comment-author img {
    z-index: 2;
}

.comments-area .comment-author:before {
    z-index: 1;
    content: '';
    background-image: url("layouts/images/comments/comment-no-image.png");
}

@media screen and (max-width: 480px) {
    .comments-area .comment-author {
        padding-top: 65px;
    }
}

.comments-area .comment-metadata a {
    text-decoration: none;
}

.comments-area .comment-metadata time {
    color: #878b90;
}

.comments-area .reply {
    position: absolute;
    right: 0;
    top: 27px;
}

.comments-area .reply a {
    color: #878b90;
    text-decoration: none;
    color: #a79f82;
}

.comments-area .reply a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 480px) {
    .comments-area .reply {
        position: absolute;
        right: 0;
        top: 10px;
    }
}

.comments-area .comment-content {
    padding-top: 15px;
    padding-bottom: 20px;
    padding-left: 78px;
    font-size: 15px;
    font-size: 0.88235rem;
    line-height: 1.86667;
}

@media screen and (max-width: 480px) {
    .comments-area .comment-content {
        padding-left: 0;
        line-height: 1.73;
    }
}

.comment-respond h3 {
    font-size: 15px;
    font-weight: 600;
    color: #2d3031;
}

.comment-respond .comment-form-author,
.comment-respond .comment-form-email,
.comment-respond .comment-form-url {
    width: calc(33.3333% - 19px);
    margin-left: 28px;
    display: inline-block;
    margin-bottom: 50px;
}

.comment-respond .comment-form-author input,
.comment-respond .comment-form-email input,
.comment-respond .comment-form-url input {
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .comment-respond .comment-form-author,
    .comment-respond .comment-form-email,
    .comment-respond .comment-form-url {
        width: 100%;
        margin-left: 0;
    }

    .subscribe-v1 input[type=email] {
        max-width: 100% !important;
    }
}

.comment-respond .comment-form-comment {
    margin-bottom: 35px;
}

.comment-respond .comment-form-comment textarea {
    margin-bottom: 0;
}

.comment-form .logged-in-as{
    font-family: "Ubuntu", sans-serif;
    letter-spacing: 2px;
    font-size: 15px;
}

.comment-form .form-fields {
    font-size: 0;
}

.comment-form .form-fields p:first-child {
    margin-left: 0;
}

.comment-form .comment-notes,
.comment-form .form-allowed-tags {
    display: none;
}

.comment-form .form-submit .submit {
    padding: 0 40px;
}

@media screen and (max-width: 480px) {
    .comment-form {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/*------------------------------------*\
    47. Subscribe
\*------------------------------------*/
.subscribe-wrap {
    background-color: #2d3031;
}

.subscribe-wrap h2 {
    color: white;
    font-family: "Ubuntu", cursive;
    font-weight: 400;
}
.font-sans .subscribe-wrap h2 {
    font-family: "Ubuntu", sans-serif !important;
}

@media screen and (max-width: 768px) {
    .subscribe-wrap .pack, .subscribe-wrap .pack__item {
        display: block;
        text-align: center;
    }

    .subscribe-wrap .input, .subscribe-wrap .widget_search .search-field, .widget_search .subscribe-wrap .search-field {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}

@media screen and (max-width: 480px) {
    .subscribe-wrap .input, .subscribe-wrap .widget_search .search-field, .widget_search .subscribe-wrap .search-field {
        text-align: left;
    }

    .subscribe-wrap .btn, .subscribe-wrap .comment-form .form-submit .submit, .comment-form .form-submit .subscribe-wrap .submit {
        width: 100%;
    }
}

.night-mode .subscribe-wrap {
    background-color: white;
}

.subscribe-v1 {
    padding: 52px 0 70px;
    float: right;
    max-width: 680px;
    width: 100%;
    margin-bottom: 18px;
}

.subscribe-v1 h2 {
    font-size: 30px;
    font-size: 1.76471rem;
    line-height: 1.86667;
}

.subscribe-v1 .btn, .subscribe-v1 .comment-form .form-submit .submit, .comment-form .form-submit .subscribe-v1 .submit {
    font-weight: 400;
    color: white;
    background-color: #5e6568;
}

.subscribe-v1 .input, .subscribe-v1 .widget_search .search-field, .widget_search .subscribe-v1 .search-field {
    max-width: 375px;
    display: block;
    margin-bottom: 30px;
    font-size: 13px;
    color: white;
    border-color: #b2b2b2;
    /* Firefox 18- */
    /* Firefox 19+ */
}

.subscribe-v1 .input:hover, .subscribe-v1 .widget_search .search-field:hover, .widget_search .subscribe-v1 .search-field:hover, .subscribe-v1 .input:focus, .subscribe-v1 .widget_search .search-field:focus, .widget_search .subscribe-v1 .search-field:focus {
    border-color: white;
}

.subscribe-v1 .input::-webkit-input-placeholder, .subscribe-v1 .widget_search .search-field::-webkit-input-placeholder, .widget_search .subscribe-v1 .search-field::-webkit-input-placeholder {
    font-weight: 400;
    color: #878b90;
    font-family: "Ubuntu", sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.subscribe-v1 .input:-moz-placeholder, .subscribe-v1 .widget_search .search-field:-moz-placeholder, .widget_search .subscribe-v1 .search-field:-moz-placeholder {
    font-weight: 400;
    color: #878b90;
    font-family: "Ubuntu", sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.subscribe-v1 .input::-moz-placeholder, .subscribe-v1 .widget_search .search-field::-moz-placeholder, .widget_search .subscribe-v1 .search-field::-moz-placeholder {
    font-weight: 400;
    color: #878b90;
    font-family: "Ubuntu", sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.subscribe-v1 .input:-ms-input-placeholder, .subscribe-v1 .widget_search .search-field:-ms-input-placeholder, .widget_search .subscribe-v1 .search-field:-ms-input-placeholder {
    font-weight: 400;
    color: #878b90;
    font-family: "Ubuntu", sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.subscribe-v1 .widget{
    border: none;
}
.subscribe-v1 .widget p{
    margin: 0;
}
.subscribe-v1 input[type=email] {
    max-width: 375px;
    display: block;
    margin-bottom: 30px;
    font-size: 13px;
    color: white;
    border: none;
    border-bottom: 1px solid #b2b2b2;

    -webkit-appearance: none;
    /* removing inner shadow on iOS inputs */
    -webkit-font-smoothing: inherit;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    transition: all .3s ease;
    background: none;
    font-family: "Ubuntu", sans-serif;
    padding: 0;
    /* remove browser defaults */
    vertical-align: middle;
    width: 100%;
    /* Firefox 18- */
    /* Firefox 19+ */
}

.subscribe-v1 input[type=email]::-webkit-input-placeholder {
    letter-spacing: 2px;
    color: #878b90;
    text-transform: uppercase;
}

.subscribe-v1 input[type=email]:-moz-placeholder { /* Firefox 18- */
    letter-spacing: 2px;
    color: #878b90;
    text-transform: uppercase;
}

.subscribe-v1 input[type=email]::-moz-placeholder {  /* Firefox 19+ */
    letter-spacing: 2px;
    color: #878b90;
    text-transform: uppercase;
}

.subscribe-v1 input[type=email]:-ms-input-placeholder {
    letter-spacing: 2px;
    color: #878b90;
    text-transform: uppercase;
}
.night-mode .subscribe-v1 input[type=email] {
    color: #474c4e;
}
.subscribe-v1 input[type=submit] {
    padding: 0 40px;
    font-weight: 400;
    color: white;
    background-color: #5e6568;
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    -webkit-font-smoothing: inherit;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border-radius: 0;
    height: 48px;
    line-height: 48px;
    width: auto;
    text-align: center;
    font-family: "Ubuntu", sans-serif;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    border: none;
}

.subscribe-v1 .widget_mc4wp_form_widget .mc4wp-form label{
    display: none;
}

.subscribe-v1 input[type=submit]:hover {
    background-color: #474c4e;
}
@media screen and (max-width: 1416px) {
    .subscribe-v1 {
        padding-left: 70px;
        padding-right: 70px;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 480px) {
    .subscribe-v1 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.night-mode .subscribe-v1 h2 {
    color: #2d3031;
}

.most-popular-post {
    background-image: url("layouts/images/most-popular-post.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.most-popular-post:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #2D3031;
    top: 0;
    left: 0;
    opacity: 0.6;
    z-index: 1;
}

.most-popular-post__content {
    max-width: 680px;
    padding: 64px 70px 64px;
    position: relative;
    z-index: 2;
}

.most-popular-post__content .kudos-fake {
    margin-bottom: 64px;
    display: inline-block;
}

.most-popular-post__content p {
    color: white;
    margin-bottom: 0;
}

.most-popular-post__content h2 {
    font-size: 35px;
    font-size: 2.05882rem;
    line-height: 1.6;
    margin-bottom: 0;
}

.most-popular-post__content h2 a {
    text-decoration: none;
}

.most-popular-post__content h2 a:hover {
    text-decoration: underline;
    color: white;
}

@media screen and (max-width: 1416px) {
    .most-popular-post__content {
        margin-left: auto;
        margin-right: auto;
        max-width: none;
    }
}

@media screen and (max-width: 480px) {
    .most-popular-post__content {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.subscribe-v2 {
    text-align: center;
    padding: 80px 15px 90px;
}

.subscribe-v2 .flag__img {
    padding-right: 0;
}

.subscribe-v2 .flag__body {
    padding-right: 13px;
}

.subscribe-v2 h2 {
    font-family: "Ubuntu", cursive;
    font-size: 30px;
    font-size: 1.76471rem;
    line-height: 1.86667;
    font-weight: 400;
}

.subscribe-v2 form {
    max-width: 555px;
    margin-left: auto;
    margin-right: auto;
}

.subscribe-v2 .input, .subscribe-v2 .widget_search .search-field, .widget_search .subscribe-v2 .search-field {
    margin-bottom: 0;
}
.subscribe-v2 .widget {
    border-bottom:none;
}

.subscribe-v2 .btn, .subscribe-v2 .comment-form .form-submit .submit, .comment-form .form-submit .subscribe-v2 .submit {
    font-weight: 400;
}

@media screen and (max-width: 480px) {
    .subscribe-v2 .flag, .subscribe-v2 .flag__img, .subscribe-v2 .flag__body {
        display: block;
    }

    .subscribe-v2 .input, .subscribe-v2 .widget_search .search-field, .widget_search .subscribe-v2 .search-field, .subscribe-v2 .btn, .subscribe-v2 .comment-form .form-submit .submit, .comment-form .form-submit .subscribe-v2 .submit {
        width: 100%;
        max-width: 100%;
    }

    .subscribe-v2 .input, .subscribe-v2 .widget_search .search-field, .widget_search .subscribe-v2 .search-field {
        margin-bottom: 20px;
        text-align: center;
    }

    .subscribe-v2 .flag__img {
        padding-left: 0;
    }

    .subscribe-v2 .flag__body {
        padding-right: 0;
    }
}

/*------------------------------------*\
    48. Tooltip
\*------------------------------------*/
.tooltip-wrap {
    position: relative;
    display: inline-block;
}

.tooltip-wrap > a {
    padding: 20px 5px;
    display: block;
}

.home .tooltip-wrap > a,
.archive .tooltip-wrap > a,
.page .tooltip-wrap > a,
.search .tooltip-wrap > a {
    padding: 20px 0;
}

@media screen and (min-width: 768px) {
    .tooltip-wrap > a {
        padding: 20px 10px;
    }
}

.tooltip-wrap.is-active > a {
    color: #2d3031;
}

.night-mode .tooltip-wrap.is-active > a {
    color: white;
}

.tooltip-wrap.is-active .tooltip {
    visibility: visible;
    opacity: 1;
}

@media screen and (max-width: 768px) {
    .tooltip-wrap.is-active .tooltip {
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}

.home .tooltip-wrap.is-active .tooltip, .archive .tooltip-wrap.is-active .tooltip, .search .tooltip-wrap.is-active .tooltip, .page .tooltip-wrap.is-active .tooltip{
    -moz-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    -webkit-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
}

@media screen and (min-width: 769px) {
    .tooltip-wrap:hover > a {
        color: #a79f82;
    }
    .single .tooltip-wrap:hover > a {
        color: #2d3031;
    }

    .tooltip-wrap:hover .tooltip {
        visibility: visible;
        opacity: 1;
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

    .night-mode .tooltip-wrap:hover > a {
        color: white;
    }
}

.page .tooltip-wrap:hover:not(.post__share) .tooltip,
.home .tooltip-wrap:hover:not(.post__share) .tooltip,
.archive .tooltip-wrap:hover:not(.post__share) .tooltip,
.search .tooltip-wrap:hover:not(.post__share) .tooltip {
    visibility: visible;
    opacity: 1;
    -moz-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    -webkit-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
}

.tooltip {
    min-width: 250px;
    background-color: #2d3031;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease;
    display: inline-block;
    position: absolute;
    top: 100%;
    left: 50%;
    -moz-transform: translate(-50%, 10px);
    -ms-transform: translate(-50%, 10px);
    -webkit-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
    padding: 20px 10px;
}

@media screen and (max-width: 768px) {
    .tooltip {
        left: 50%;
        -moz-transform: translate(-50%, 10px);
        -ms-transform: translate(-50%, 10px);
        -webkit-transform: translate(-50%, 10px);
        transform: translate(-50%, 10px);
    }
}

.home .tooltip, .archive .tooltip, .search .tooltip, .page .tooltip{
    left: 50%;
    -moz-transform: translate(-80%, 10px);
    -ms-transform: translate(-80%, 10px);
    -webkit-transform: translate(-80%, 10px);
    transform: translate(-80%, 10px);
}

.tooltip ul {
    list-style-type: none;
    margin: 0;
    font-size: 0;
    white-space: nowrap;
}

.tooltip li {
    display: inline-block;
    font-size: 16px;
}

.tooltip a:hover {
    color: white;
}

.night-mode .tooltip a:hover {
    color: #2d3031;
}

.tooltip:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 9px 11px 9px;
    border-color: transparent transparent #2d3031 transparent;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: calc(100% - 1px);
    position: absolute;
}
.home .tooltip:before, .archive .tooltip:before, .page .tooltip:before, .search .tooltip:before{
    left: 80%;
}

.night-mode .tooltip {
    background-color: white;
}

.night-mode .tooltip:before {
    border-color: transparent transparent white transparent;
}

.tooltip--right .tooltip {
    left: auto;
    right: 0;
    -moz-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
}

.tooltip--right .tooltip:before {
    left: auto;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    right: 15px;
    bottom: 97%;
}

.tooltip--right:hover .tooltip {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

/*------------------------------------*\
    49. Jquery ui
\*------------------------------------*/
/*!
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, slider.css
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0;
    /* support: IE7 */
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
    /* support: IE8 */
}

.ui-front {
    z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-slider-wrap {
    position: relative;
    cursor: pointer;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-slider-wrap .letter-small, .ui-slider-wrap .letter-large {
    position: absolute;
    top: 50%;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    color: white;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.night-mode .ui-slider-wrap .letter-small, .night-mode .ui-slider-wrap .letter-large {
    color: #2d3031;
}

.ui-slider-wrap .letter-small {
    right: 100%;
    font-size: 15px;
    margin-right: 20px;
}

.ui-slider-wrap .letter-large {
    left: 100%;
    font-size: 21px;
    margin-left: 20px;
}

.ui-slider {
    width: 157px;
    position: relative;
    text-align: left;
    -moz-background-clip: padding;
    -o-background-clip: padding-box;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    height: 3px;
    background-color: black;
}

.ui-slider:before, .ui-slider:after {
    content: '';
    height: 3px;
    width: 11px;
    display: block;
    position: absolute;
    top: 0;
    z-index: 1;
}

.ui-slider:before {
    right: 100%;
    background-color: #878b90;
    margin-right: -1px;
}

.ui-slider:after {
    left: 100%;
    background-color: black;
    margin-left: -1px;
}

.night-mode .ui-slider {
    background-color: #c9d2d4;
}

.night-mode .ui-slider:before {
    background-color: #878b90;
}

.night-mode .ui-slider:after {
    background-color: #c9d2d4;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background-color: white;
    cursor: url("layouts/images/openhand.cur.ico") 4 4, move;
    outline: none !important;
    margin-top: -10px;
    margin-left: -10px;
}

.ui-slider .ui-slider-handle:active {
    cursor: url("layouts/images/closedhand.cur.ico") 4 4, move;
}

.night-mode .ui-slider .ui-slider-handle {
    background-color: #2d3031;
}

.ui-slider-range {
    background-color: #878b90;
    height: 100%;
}

.night-mode .ui-slider-range {
    background-color: #878b90;
}

/*------------------------------------*\
    50. Radio buttons
\*------------------------------------*/
.radio_wrap input[type="radio"] {
    display: none;
}

.styled-radiobutton--font:checked + label {
    color: white;
}

.night-mode .styled-radiobutton--font:checked + label {
    color: #2d3031;
}

.styled-radiobutton--font:checked + label span {
    color: #a79f82;
}

.styled-radiobutton--font:checked + label:hover {
    background-color: #2d3031;
}

.styled-radiobutton--font:checked + label:hover:before, .styled-radiobutton--font:checked + label:hover:after {
    opacity: 1;
}

.night-mode .styled-radiobutton--font:checked + label:hover {
    background-color: white;
}

.styled-radiobutton--font + label {
    position: relative;
    display: block;
    overflow: hidden;
    height: 130px;
    padding-top: 30px;
    text-align: center;
    border: none;
    cursor: pointer;
    transition: background .2s ease;
    color: #878b90;
}

.night-mode .styled-radiobutton--font + label {
    color: #c9d2d4;
}

.styled-radiobutton--font + label:before, .styled-radiobutton--font + label:after {
    content: '';
    width: calc(100% - 10px);
    position: absolute;
    left: 0;
    top: 0;
    height: 1px;
    display: block;
    background-color: rgba(255, 255, 255, 0.05);
    transition: all .2s ease;
}

.night-mode .styled-radiobutton--font + label:before, .night-mode .styled-radiobutton--font + label:after {
    background-color: #e5e5e5;
}

.radio_wrap--serif .styled-radiobutton--font + label:before, .radio_wrap--serif .styled-radiobutton--font + label:after {
    left: auto;
    right: 0;
}

.styled-radiobutton--font + label:after {
    top: auto;
    bottom: 0;
}

.styled-radiobutton--font + label:hover {
    background-color: #3a3e3f;
}

.styled-radiobutton--font + label:hover:before, .styled-radiobutton--font + label:hover:after {
    opacity: 0;
}

.night-mode .styled-radiobutton--font + label:hover {
    background-color: #e8eef0;
}

.styled-radiobutton--font + label span {
    font-family: "Ubuntu", serif;
    font-size: 49px;
    font-size: 2.88235rem;
    line-height: 1.14286;
    line-height: .8;
    display: block;
    font-weight: 400;
    margin-bottom: 13px;
}

.radio_wrap--sans .styled-radiobutton--font + label span {
    font-family: "Roboto", sans-serif;
    font-size: 55px;
    font-size: 3.23529rem;
    line-height: 1.01818;
    font-weight: 300;
    line-height: .7;
    margin-bottom: 14px;
}

/*------------------------------------*\
    51. Masonry
\*------------------------------------*/
.masonry-boxes {
    width: calc(100% + 32px);
    margin-left: -32px;
    margin-bottom: 30px;
    transition: height 0.5s cubic-bezier(0.76, 0.17, 0.33, 0.95);
    /* clearfix */
}

@media screen and (min-width: 768px) {
    .masonry-boxes {
        margin-top: 34px;
    }
}

.masonry-boxes:after {
    content: '';
    display: table;
    clear: both;
}

.masonry-boxes__sizer,
.masonry-boxes__item {
    width: 33.33%;
    padding-left: 32px;
    transition: opacity 0.3s cubic-bezier(0.76, 0.17, 0.33, 0.95), transform 0.3s cubic-bezier(0.76, 0.17, 0.33, 0.95);
}

@media screen and (max-width: 1024px) {
    .masonry-boxes__sizer,
    .masonry-boxes__item {
        width: 50%;
    }
}

@media screen and (max-width: 650px) {
    .masonry-boxes__sizer,
    .masonry-boxes__item {
        width: 100%;
    }
}

.masonry-boxes__item {
    opacity: 1;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

/*------------------------------------*\
    52. Posts
\*------------------------------------*/
.post {
    margin-bottom: 80px;
    transition: opacity 0.3s cubic-bezier(0.76, 0.17, 0.33, 0.95), transform 0.3s cubic-bezier(0.76, 0.17, 0.33, 0.95);
}

.grid .post {
    margin-bottom: 65px;
}

@media screen and (max-width: 1023px) {
    .post {
        margin-bottom: 60px;
    }
    .grid .post {
        margin-bottom: 55px;
    }
}

.inner .post h2 {
    letter-spacing: -0.5px;
    padding-top: 30px;
    margin-bottom: 20px;
}

.inner .post h2:first-child {
    padding-top: 0;
}

@media screen and (max-width: 900px) {
    .inner .post {
        padding-top: 0px;
    }
}
.post .entry-category {
    color: #a79f82;
    margin-bottom: 5px;
    font-size: 12px;
    text-decoration: none;
}
.post .entry-category a {
    margin: 0 5px 0 6px;
    color: #a79f82;
    text-decoration: none;
    display: inline-block;
}
.post .entry-category a:hover {
    color:#2d3031;
}

.post .entry-category a:first-child {
    margin-left: 0;
}

.night-mode .post .entry-category a:hover {
    color: #878b90;
}

.post .entry-title {
    font-size: 35px;
    font-size: 2.05882rem;
    line-height: 1.6;
    line-height: 1.28;
    margin-bottom: 15px;
    font-weight: 400;
}

.post .entry-title a {
    text-decoration: none;
    font-weight: 400;
}

.font-sans .post .entry-title a {
    font-weight: 700;
}

.post .entry-title a:hover {
    text-decoration: underline;
    color: #2d3031;
}

.night-mode .post .entry-title a:hover {
    color: white;
}

.night-mode .post .entry-title {
    color: white;
}

.grid .post .entry-title {
    font-size: 35px;
    font-size: 2.05882rem;
    line-height: 1.6;
    line-height: 1.28;
}

.grid .post.format-link .entry-title {
    font-size: 29px;
    font-size: 1.70588rem;
}

.entry-title{
    word-wrap: break-word;
}

.inner .post .entry-title {
    font-size: 35px;
    font-size: 2.059rem;
    line-height: 1.1;
    margin-bottom: 25px;
    padding-top: 10px;
}

@media screen and (min-width: 768px) {
    .inner .post .entry-title, .post .entry-title {
        font-size: 45px;
        font-size: 2.647rem;
        line-height: 1.01818;
    }
}

@media screen and (min-width: 1200px) {
    .inner .post .entry-title {
        font-size: 55px;
        font-size: 3.23529rem;
        line-height: 1.01818;
        margin-bottom: 32px;
        padding-top: 10px;
    }
}

.post .entry-meta {
    margin-bottom: 20px;
}

.post .entry-meta .justifize__box {
    vertical-align: bottom;
}

.inner .post .entry-meta {
    margin-bottom: 40px;
}

.post .entry-meta span {
    font-size: 13px;
}

.post .entry-meta .comment-count:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 9px;
    margin-left: 3px;
    margin-top: -1px;
    color: black;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #e5e5e5;
}

.night-mode .post .entry-meta .comment-count:before {
    background-color: white;
    opacity: .1;
}

.post .entry-meta .entry-tag {
    line-height: 22px;
    height: 22px;
    padding: 0 7px;
    display: inline-block;
    background-color: #c9d2d4;
    color: white;
    margin-right: 10px;
}

.night-mode .post .entry-meta .entry-tag {
    background-color: #878b90;
    color: #2d3031;
}

.grid .post .entry-meta .entry-tag {
    margin-right: 14px;
}

.post .entry-meta .entry-tag + .posted-on:before {
    display: inline-block !important;
}

@media screen and (max-width: 768px) {
    .post .entry-meta .entry-tag + .posted-on:before {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .post .entry-meta .entry-tag + .posted-on {
        display: block;
    }
}

@media screen and (max-width: 768px) {
    .post .entry-meta .entry-tag {
        margin-bottom: 15px;
    }
}

.post .entry-meta .posted-on {
    display: inline-block;
    margin-right: 15px;
}

.single .entry-meta .posted-on:before, .sticky .entry-meta .posted-on:before {
    content: '';
    display: inline-block;
    width: 21px;
    height: 1px;
    background-color: #e5e5e5;
    vertical-align: middle;
    margin-right: 5px;
}

.night-mode .post .entry-meta .posted-on:before {
    background-color: white;
    opacity: .1;
}

.homepage .post .entry-meta .posted-on:before {
    display: none;
}

.post .entry-author {
    color: #2d3031;
}

.night-mode .post .entry-author {
    color: white;
}

.night-mode .post .entry-author a:hover {
    color: #878b90;
}

.post .featured-image {
    margin-bottom: 55px;
    width: 100%;
}

.grid .post .featured-image {
    margin-bottom: 24px;
}

.post .featured-image img {
    width: 100%;
    position: relative;
    z-index: 1;
}

.post .featured-image a {
    display: block;
    position: relative;
    overflow: hidden;
}

.post .featured-image a .fake-link {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity .2s ease .1s;
    z-index: 3;
    color: #fff;
    font-size: 13px;
    display: none;
}

.grid .post .featured-image a .fake-link {
    display: block;
}

.post .featured-image a .featured-image__foot {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 5px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    z-index: 3;
    text-align: center;
    font-size: 13px;
    opacity: 0;
    transition: all .2s ease .1s;
    -moz-transform: translateY(30%);
    -ms-transform: translateY(30%);
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
    display: none;
}

.grid .post .featured-image a .featured-image__foot {
    display: block;
}

.post .featured-image a:after {
    opacity: 0;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-color: #2d3031;
    transition: opacity .2s ease;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.post .featured-image a:hover .fake-link, .post .featured-image a:hover .featured-image__foot {
    opacity: 1;
}

.post .featured-image a:hover .featured-image__foot {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.post .featured-image a:hover:after {
    opacity: .3;
}

.grid .post .featured-image a:hover:after {
    opacity: .7;
}

/*Audio post format responsive width*/
.featured-image.audio iframe {
    width:100%;
}

@media screen and (max-width: 650px) {
    .post .featured-image {
        width: calc(100% + 56px);
        margin-left: -28px;
    }
}

@media screen and (max-width: 480px) {
    .post .featured-image {
        width: calc(100% + 30px);
        margin-left: -15px;
    }
}

.post .entry-content {
    font-size: 15px;
    line-height: 1.73;
    margin-bottom: 35px;
}
.entry-content,
.entry-footer {
    word-wrap: break-word;
}

.entry-content .outdent-text {
    margin-bottom: 28px;
    margin-bottom: 1.64706rem;
    font-family: "Ubuntu", cursive;
    font-size: 25px;
    font-size: 1.47059rem;
    line-height: 1.4;
    padding: 20px 0;
    font-weight: 400;
}

.font-sans .entry-content .outdent-text {
    font-family: "Roboto", sans-serif;
}

@media screen and (min-width: 901px) {
    .entry-content .outdent-text {
        max-width: calc(100% + 230px);
        width: auto;
        margin-left: -115px;
        margin-right: -115px;
    }
}

.entry-content:after {
    content: "";
    display: table;
    clear: both;
}
.single .post .entry-content {
    font-size: 17px;
}
@media screen and (min-width: 901px) {
    .post .entry-content{
        position: relative;
        padding: 0 115px;
    }
}
.grid .post .entry-content {
    padding: 0 !important;
}

.post .entry-content p:last-child{
    margin-bottom: 0;
}

.post .entry-footer {
    position: relative;
}

.post .entry-footer a {
    color: #2d3031;
    position: relative;
    z-index: 1;
}

.post .entry-footer a:hover {
    color: #a79f82;
}

.night-mode .post .entry-footer a{
    color: #fff;
}

.night-mode .post .entry-footer a:hover{
    color: #878b90;
}
.night-mode .post .entry-footer .tooltip a:hover{
    color: black;
}
.night-mode .post .entry-footer .inner-article-footer__tags a:hover {
    color: #a79f82;
}

.night-mode .comment-count a,
.night-mode .search-results p {
    color: #a79f82;
}

.night-mode .post .entry-author a {
    color: #fff;
}

.night-mode .comment-count a:hover {
    color: #878b90;
}

.entry-footer .post__share {
    position: absolute;
    right: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}
@media screen and (max-width: 768px) {
    .home .entry-footer .post__share, .archive .entry-footer .post__share, .search .entry-footer .post__share, .page .entry-footer .post__share{
        display: none;
    }
}

.entry-footer .post__share span {
    display: block;
    padding: 20px 0 20px 20px;
    background-color: white;
    color: #A79F82;
    cursor: pointer;
}

.night-mode .entry-footer .post__share span {
    background-color: #2d3031;
    color: #878b90;
}
.entry-footer .post__share:hover span {
    color: #878b90;
}

.night-mode .entry-footer .post__share:hover span {
    color: white;
}

.grid .post__share {
    display: none !important;
}

.post__share .tooltip {
    padding: 0 10px;
}

.post .post__share .tooltip a {
    padding: 20px;
    display: block;
    color: #878b90;
    font-size: 16px;
}

.post__share .tooltip a:hover {
    color: white;
}

.format-gallery .top-wrap {
    margin-bottom: 4px;
}

.format-gallery .featured-image {
    overflow: hidden;
}

.format-gallery .featured-image > div {
    position: relative;
}

.format-gallery .featured-image > div a {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: 50% 50%;
    outline: none !important;
}

.format-gallery .featured-image > div img {
    visibility: hidden;
    opacity: 0;
    left: 0;
    top: 0;
    position: absolute;
}

.format-gallery .left-wrap {
    width: calc(50% - 2px);
    float: left;
}

.format-gallery .right-wrap {
    width: calc(50% - 2px);
    float: right;
}

.format-gallery .img-portrait {
    padding-bottom: 115%;
    position: relative;
}

.format-gallery .img-portrait .img-top {
    position: absolute;
    top: 0;
    left: 0;
    bottom: calc(50% + 2px);
    width: 100%;
}

.format-gallery .img-portrait .img-bottom {
    position: absolute;
    top: calc(50% + 2px);
    left: 0;
    width: 100%;
    bottom: 0;
}

.format-gallery .img-landscape {
    padding-bottom: 57%;
}

.gallery-caption{
    font-weight: normal;
}

@media screen and (max-width: 480px) {
    .format-image {
        width: calc(100% + 30px);
        margin-left: -15px;
    }
}

@media screen and (max-width: 650px) {
    .format-image {
        width: calc(100% + 56px);
        margin-left: -28px;
    }
}

.format-image a {
    position: relative;
    display: block;
    overflow: hidden;
    font-weight: 400;
}

.home .format-image > a:after, .archive .format-image > a:after, .search .format-image > a:after {
    opacity: 0;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-color: #2d3031;
    transition: opacity .2s ease;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.home .format-image > a:hover:after, .archive .format-image > a:hover:after, .search .format-image > a:hover:after {
    opacity: .3;
}

.format-image figure a:before:not(.kudobject) {
    opacity: 0;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-color: #2d3031;
    transition: opacity .2s ease;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.format-image a:hover:before {
    opacity: .7;
}

.format-image a:hover .entry-title, .format-image a:hover .entry-footer {
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.format-image .featured-image {
    position: relative;
    z-index: 1;
    margin-bottom: 0;
}

.format-image .entry-header {
    position: absolute;
    top: 40px;
    left: 50px;
    right: 50px;
    color: white;
    z-index: 3;
}

.format-image .entry-header .entry-title {
    color: white;
    opacity: 0;
    -moz-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
    transition: all .2s ease .1s;
}

.format-image .entry-footer {
    font-style: italic;
    font-size: 15px;
    color: white;
    position: absolute;
    left: 50px;
    bottom: 50px;
    right: 50px;
    z-index: 3;
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    transition: all .2s ease .1s;
}

.format-image .entry-footer span {
    text-decoration: underline;
    word-wrap: break-word;
}

.format-link {
    background-color: #e8eef0;
}
.night-mode .format-link {
    background-color: #44484a;
}

@media screen and (max-width: 480px) {
    .format-link {
        width: calc(100% + 30px);
        margin-left: -15px;
    }
}

@media screen and (max-width: 650px) {
    .format-link {
        width: calc(100% + 56px);
        margin-left: -28px;
    }
}

.format-link a {
    padding: 50px;
    display: block;
    font-weight: 400;
}

.grid .format-link a {
    padding: 140px 50px 50px;
    font-size: 35px;
    font-size: 2.05882rem;
    line-height: 1.6;
}

.format-link .entry-footer span {
    text-decoration: underline;
    font-style: italic;
    font-size: 15px;
}

.format-link .entry-title {
    font-size: 29px;
    font-size: 1.70588rem;
    line-height: 1.93103;
    line-height: 1.2;
    margin-bottom: 15px;
}

.format-link a {
    text-decoration: none;
}

.format-link a:hover .entry-footer {
    text-decoration: underline;
}

.format-quote {
    background-color: #2d3031;
}

.night-mode .format-quote {
    background-color: #44484a;
}

.night-mode .single .format-quote {
    border: none;
}

@media screen and (max-width: 480px) {
    .format-quote {
        width: calc(100% + 30px);
        margin-left: -15px;
    }
}

@media screen and (max-width: 650px) {
    .format-quote {
        width: calc(100% + 56px);
        margin-left: -28px;
    }
}

.format-quote a {
    padding: 50px;
    display: block;
    text-decoration: none;
}

.format-quote a:hover {
    text-decoration: none;
}

.grid .format-quote a {
    padding: 140px 50px 50px;
    font-size: 35px;
    font-size: 2.05882rem;
    line-height: 1.6;
    text-decoration: none;
}

.grid .format-quote a:hover {
    text-decoration: underline;
}

.format-quote blockquote {
    color: white;
    margin-bottom: 0;
    background-image: url("layouts/images/quote-gray.svg");
    font-weight: 400;
}

.format-quote blockquote p {
    margin-bottom: 40px;
}

.format-quote blockquote cite {
    color: #a79f82;
}

.format-quote blockquote cite:before {
    background-color: #a79f82;
}

.edit-link a{
    text-decoration: none;
}
.grid .edit-link{
    position: absolute;
    top: -9px;
    right: 0;
    z-index: 3;
    padding: 5px 15px;
    background: white;
}
.night-mode .grid .edit-link{
    background-color: #2d3031;
}
.horizontal-posts .edit-link{
    position: absolute;
    top: -8px;
    right: 65px;
    z-index: 3;
    padding: 5px 10px;
    background: white;
}

@media screen and (max-width: 768px) {
    .horizontal-posts .edit-link{
        right: -10px;
    }
}

.night-mode .horizontal-posts .edit-link{
    background-color: #2d3031;
}

/*------------------------------------*\
    53. Post font changes
\*------------------------------------*/

.font-sans .post h1,
.font-sans .post p,
.font-sans.page h1,
.font-sans.page p {
    font-family: "Roboto", sans-serif !important;
    font-weight: 300;
}

.font-sans .post h1,
.font-sans.page h1 {
    font-weight: 700;
    letter-spacing: -0.5px;
    line-height: 1.18;
}

.font-sans .post h1,
.font-sans .post h2,
.font-sans .post h3,
.font-sans .post h4,
.font-sans .post h5,
.font-sans .post h6,
.font-sans .post .emphasized,
.font-sans.page h1,
.font-sans.page h2,
.font-sans.page h3,
.font-sans.page h4,
.font-sans.page h5,
.font-sans.page h6,
.font-sans.page .emphasized {
    font-family: "Ubuntu", sans-serif !important;
}

.font-sans .post .emphasized,
.font-sans.page .emphasized {
    font-weight: 400;
    letter-spacing: 0;
}

.font-sans .post .strong-emphasized,
.font-sans.page .strong-emphasized {
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0;
    font-family: "Ubuntu", sans-serif;
}

.single.font-size-10 .post p {
    font-size: 10px !important;
}

.single.font-size-10 .post h1 {
    font-size: 24px !important;
}

.single.font-size-10 .post h2 {
    font-size: 18px !important;
}

.single.font-size-10 .post h3 {
    font-size: 16px !important;
}

.single.font-size-10 .post h4 {
    font-size: 14px !important;
}

.single.font-size-10 .post h5 {
    font-size: 12px !important;
}

.single.font-size-10 .post h6 {
    font-size: 10px !important;
}

.single.font-size-10 .post .emphasized {
    font-size: 20px !important;
}

.single.font-size-10 .post .strong-emphasized {
    font-size: 18px !important;
}

.single.font-size-11 .post p {
    font-size: 11px !important;
}

.single.font-size-11 .post h1 {
    font-size: 25px !important;
}

.single.font-size-11 .post h2 {
    font-size: 19px !important;
}

.single.font-size-11 .post h3 {
    font-size: 17px !important;
}

.single.font-size-11 .post h4 {
    font-size: 15px !important;
}

.single.font-size-11 .post h5 {
    font-size: 13px !important;
}

.single.font-size-11 .post h6 {
    font-size: 11px !important;
}

.single.font-size-11 .post .emphasized {
    font-size: 21px !important;
}

.single.font-size-11 .post .strong-emphasized {
    font-size: 19px !important;
}

.single.font-size-12 .post p {
    font-size: 12px !important;
}

.single.font-size-12 .post h1 {
    font-size: 26px !important;
}

.single.font-size-12 .post h2 {
    font-size: 20px !important;
}

.single.font-size-12 .post h3 {
    font-size: 18px !important;
}

.single.font-size-12 .post h4 {
    font-size: 16px !important;
}

.single.font-size-12 .post h5 {
    font-size: 14px !important;
}

.single.font-size-12 .post h6 {
    font-size: 12px !important;
}

.single.font-size-12 .post .emphasized {
    font-size: 22px !important;
}

.single.font-size-12 .post .strong-emphasized {
    font-size: 20px !important;
}

.single.font-size-13 .post p {
    font-size: 13px !important;
}

.single.font-size-13 .post h1 {
    font-size: 27px !important;
}

.single.font-size-13 .post h2 {
    font-size: 21px !important;
}

.single.font-size-13 .post h3 {
    font-size: 19px !important;
}

.single.font-size-13 .post h4 {
    font-size: 17px !important;
}

.single.font-size-13 .post h5 {
    font-size: 15px !important;
}

.single.font-size-13 .post h6 {
    font-size: 13px !important;
}

.single.font-size-13 .post .emphasized {
    font-size: 23px !important;
}

.single.font-size-13 .post .strong-emphasized {
    font-size: 21px !important;
}

.single.font-size-14 .post p {
    font-size: 14px !important;
}

.single.font-size-14 .post h1 {
    font-size: 28px !important;
}

.single.font-size-14 .post h2 {
    font-size: 22px !important;
}

.single.font-size-14 .post h3 {
    font-size: 20px !important;
}

.single.font-size-14 .post h4 {
    font-size: 18px !important;
}

.single.font-size-14 .post h5 {
    font-size: 16px !important;
}

.single.font-size-14 .post h6 {
    font-size: 14px !important;
}

.single.font-size-14 .post .emphasized {
    font-size: 24px !important;
}

.single.font-size-14 .post .strong-emphasized {
    font-size: 22px !important;
}

.single.font-size-15 .post p {
    font-size: 15px !important;
}

.single.font-size-15 .post h1 {
    font-size: 29px !important;
}

.single.font-size-15 .post h2 {
    font-size: 23px !important;
}

.single.font-size-15 .post h3 {
    font-size: 21px !important;
}

.single.font-size-15 .post h4 {
    font-size: 19px !important;
}

.single.font-size-15 .post h5 {
    font-size: 17px !important;
}

.single.font-size-15 .post h6 {
    font-size: 15px !important;
}

.single.font-size-15 .post .emphasized {
    font-size: 25px !important;
}

.single.font-size-15 .post .strong-emphasized {
    font-size: 23px !important;
}

.single.font-size-16 .post p {
    font-size: 16px !important;
}

.single.font-size-16 .post h1 {
    font-size: 30px !important;
}

.single.font-size-16 .post h2 {
    font-size: 24px !important;
}

.single.font-size-16 .post h3 {
    font-size: 22px !important;
}

.single.font-size-16 .post h4 {
    font-size: 20px !important;
}

.single.font-size-16 .post h5 {
    font-size: 18px !important;
}

.single.font-size-16 .post h6 {
    font-size: 16px !important;
}

.single.font-size-16 .post .emphasized {
    font-size: 26px !important;
}

.single.font-size-16 .post .strong-emphasized {
    font-size: 24px !important;
}

.single.font-size-17 .post p {
    font-size: 17px !important;
}

.single.font-size-17 .post h1 {
    font-size: 31px !important;
}

.single.font-size-17 .post h2 {
    font-size: 25px !important;
}

.single.font-size-17 .post h3 {
    font-size: 23px !important;
}

.single.font-size-17 .post h4 {
    font-size: 21px !important;
}

.single.font-size-17 .post h5 {
    font-size: 19px !important;
}

.single.font-size-17 .post h6 {
    font-size: 17px !important;
}

.single.font-size-17 .post .emphasized {
    font-size: 27px !important;
}

.single.font-size-17 .post .strong-emphasized {
    font-size: 25px !important;
}

.single.font-size-18 .post p {
    font-size: 18px !important;
}

.single.font-size-18 .post h1 {
    font-size: 32px !important;
}

.single.font-size-18 .post h2 {
    font-size: 26px !important;
}

.single.font-size-18 .post h3 {
    font-size: 24px !important;
}

.single.font-size-18 .post h4 {
    font-size: 22px !important;
}

.single.font-size-18 .post h5 {
    font-size: 20px !important;
}

.single.font-size-18 .post h6 {
    font-size: 18px !important;
}

.single.font-size-18 .post .emphasized {
    font-size: 28px !important;
}

.single.font-size-18 .post .strong-emphasized {
    font-size: 26px !important;
}

.single.font-size-19 .post p {
    font-size: 19px !important;
}

.single.font-size-19 .post h1 {
    font-size: 33px !important;
}

.single.font-size-19 .post h2 {
    font-size: 27px !important;
}

.single.font-size-19 .post h3 {
    font-size: 25px !important;
}

.single.font-size-19 .post h4 {
    font-size: 23px !important;
}

.single.font-size-19 .post h5 {
    font-size: 21px !important;
}

.single.font-size-19 .post h6 {
    font-size: 19px !important;
}

.single.font-size-19 .post .emphasized {
    font-size: 29px !important;
}

.single.font-size-19 .post .strong-emphasized {
    font-size: 27px !important;
}

.single.font-size-20 .post p {
    font-size: 20px !important;
}

.single.font-size-20 .post h1 {
    font-size: 34px !important;
}

.single.font-size-20 .post h2 {
    font-size: 28px !important;
}

.single.font-size-20 .post h3 {
    font-size: 26px !important;
}

.single.font-size-20 .post h4 {
    font-size: 24px !important;
}

.single.font-size-20 .post h5 {
    font-size: 22px !important;
}

.single.font-size-20 .post h6 {
    font-size: 20px !important;
}

.single.font-size-20 .post .emphasized {
    font-size: 30px !important;
}

.single.font-size-20 .post .strong-emphasized {
    font-size: 28px !important;
}

.single.font-size-21 .post p {
    font-size: 21px !important;
}

.single.font-size-21 .post h1 {
    font-size: 35px !important;
}

.single.font-size-21 .post h2 {
    font-size: 29px !important;
}

.single.font-size-21 .post h3 {
    font-size: 27px !important;
}

.single.font-size-21 .post h4 {
    font-size: 25px !important;
}

.single.font-size-21 .post h5 {
    font-size: 23px !important;
}

.single.font-size-21 .post h6 {
    font-size: 21px !important;
}

.single.font-size-21 .post .emphasized {
    font-size: 31px !important;
}

.single.font-size-21 .post .strong-emphasized {
    font-size: 29px !important;
}

.single.font-size-22 .post p {
    font-size: 22px !important;
}

.single.font-size-22 .post h1 {
    font-size: 36px !important;
}

.single.font-size-22 .post h2 {
    font-size: 30px !important;
}

.single.font-size-22 .post h3 {
    font-size: 28px !important;
}

.single.font-size-22 .post h4 {
    font-size: 26px !important;
}

.single.font-size-22 .post h5 {
    font-size: 24px !important;
}

.single.font-size-22 .post h6 {
    font-size: 22px !important;
}

.single.font-size-22 .post .emphasized {
    font-size: 32px !important;
}

.single.font-size-22 .post .strong-emphasized {
    font-size: 30px !important;
}

.single.font-size-23 .post p {
    font-size: 23px !important;
}

.single.font-size-23 .post h1 {
    font-size: 37px !important;
}

.single.font-size-23 .post h2 {
    font-size: 31px !important;
}

.single.font-size-23 .post h3 {
    font-size: 29px !important;
}

.single.font-size-23 .post h4 {
    font-size: 27px !important;
}

.single.font-size-23 .post h5 {
    font-size: 25px !important;
}

.single.font-size-23 .post h6 {
    font-size: 23px !important;
}

.single.font-size-23 .post .emphasized {
    font-size: 33px !important;
}

.single.font-size-23 .post .strong-emphasized {
    font-size: 31px !important;
}

.single.font-size-24 .post p {
    font-size: 24px !important;
}

.single.font-size-24 .post h1 {
    font-size: 38px !important;
}

.single.font-size-24 .post h2 {
    font-size: 32px !important;
}

.single.font-size-24 .post h3 {
    font-size: 30px !important;
}

.single.font-size-24 .post h4 {
    font-size: 28px !important;
}

.single.font-size-24 .post h5 {
    font-size: 26px !important;
}

.single.font-size-24 .post h6 {
    font-size: 24px !important;
}

.single.font-size-24 .post .emphasized {
    font-size: 34px !important;
}

.single.font-size-24 .post .strong-emphasized {
    font-size: 32px !important;
}

.single.font-size-25 .post p {
    font-size: 25px !important;
}

.single.font-size-25 .post h1 {
    font-size: 39px !important;
}

.single.font-size-25 .post h2 {
    font-size: 33px !important;
}

.single.font-size-25 .post h3 {
    font-size: 31px !important;
}

.single.font-size-25 .post h4 {
    font-size: 29px !important;
}

.single.font-size-25 .post h5 {
    font-size: 27px !important;
}

.single.font-size-25 .post h6 {
    font-size: 25px !important;
}

.single.font-size-25 .post .emphasized {
    font-size: 35px !important;
}

.single.font-size-25 .post .strong-emphasized {
    font-size: 33px !important;
}

.single.font-size-26 .post p {
    font-size: 26px !important;
}

.single.font-size-26 .post h1 {
    font-size: 40px !important;
}

.single.font-size-26 .post h2 {
    font-size: 34px !important;
}

.single.font-size-26 .post h3 {
    font-size: 32px !important;
}

.single.font-size-26 .post h4 {
    font-size: 30px !important;
}

.single.font-size-26 .post h5 {
    font-size: 28px !important;
}

.single.font-size-26 .post h6 {
    font-size: 26px !important;
}

.single.font-size-26 .post .emphasized {
    font-size: 36px !important;
}

.single.font-size-26 .post .strong-emphasized {
    font-size: 34px !important;
}

.single.font-size-27 .post p {
    font-size: 27px !important;
}

.single.font-size-27 .post h1 {
    font-size: 41px !important;
}

.single.font-size-27 .post h2 {
    font-size: 35px !important;
}

.single.font-size-27 .post h3 {
    font-size: 33px !important;
}

.single.font-size-27 .post h4 {
    font-size: 31px !important;
}

.single.font-size-27 .post h5 {
    font-size: 29px !important;
}

.single.font-size-27 .post h6 {
    font-size: 27px !important;
}

.single.font-size-27 .post .emphasized {
    font-size: 37px !important;
}

.single.font-size-27 .post .strong-emphasized {
    font-size: 35px !important;
}

.single.font-size-28 .post p {
    font-size: 28px !important;
}

.single.font-size-28 .post h1 {
    font-size: 42px !important;
}

.single.font-size-28 .post h2 {
    font-size: 36px !important;
}

.single.font-size-28 .post h3 {
    font-size: 34px !important;
}

.single.font-size-28 .post h4 {
    font-size: 32px !important;
}

.single.font-size-28 .post h5 {
    font-size: 30px !important;
}

.single.font-size-28 .post h6 {
    font-size: 28px !important;
}

.single.font-size-28 .post .emphasized {
    font-size: 38px !important;
}

.single.font-size-28 .post .strong-emphasized {
    font-size: 36px !important;
}

.single.font-size-29 .post p {
    font-size: 29px !important;
}

.single.font-size-29 .post h1 {
    font-size: 43px !important;
}

.single.font-size-29 .post h2 {
    font-size: 37px !important;
}

.single.font-size-29 .post h3 {
    font-size: 35px !important;
}

.single.font-size-29 .post h4 {
    font-size: 33px !important;
}

.single.font-size-29 .post h5 {
    font-size: 31px !important;
}

.single.font-size-29 .post h6 {
    font-size: 29px !important;
}

.single.font-size-29 .post .emphasized {
    font-size: 39px !important;
}

.single.font-size-29 .post .strong-emphasized {
    font-size: 37px !important;
}

.single.font-size-30 .post p {
    font-size: 30px !important;
}

.single.font-size-30 .post h1 {
    font-size: 44px !important;
}

.single.font-size-30 .post h2 {
    font-size: 38px !important;
}

.single.font-size-30 .post h3 {
    font-size: 36px !important;
}

.single.font-size-30 .post h4 {
    font-size: 34px !important;
}

.single.font-size-30 .post h5 {
    font-size: 33px !important;
}

.single.font-size-30 .post h6 {
    font-size: 30px !important;
}

.single.font-size-30 .post .emphasized {
    font-size: 40px !important;
}

.single.font-size-30 .post .strong-emphasized {
    font-size: 38px !important;
}

/*------------------------------------*\
    54. Distraction
\*------------------------------------*/
.distraction-wrap {
    transition: all 0.7s cubic-bezier(0.76, 0.17, 0.33, 0.95), left 0.7s cubic-bezier(0.76, 0.17, 0.33, 0.95);
    position: relative;
}

.single .distraction--on article {
    position: relative;
}

.distraction-wrap > .layout__item, .single .distraction-wrap .entry-header {
    transition: all 0.7s cubic-bezier(0.76, 0.17, 0.33, 0.95), left 0.7s cubic-bezier(0.76, 0.17, 0.33, 0.95);
    position: relative;
    left: 0;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.distraction-wrap .distraction__element {
    left: auto;
}

.distraction-wrap.distraction--on .distraction__element {
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
    position: absolute;
    top: 0;
    max-width: 347px;
}

.distraction-wrap.distraction--on .entry-header.distraction__element {
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
    position: absolute;
    top: 0;
    max-width: 100%;
}

.distraction-wrap.distraction--on > .layout__item:first-child {
    left: 53%;
    -moz-transform: translateX(-53%);
    -ms-transform: translateX(-53%);
    -webkit-transform: translateX(-53%);
    transform: translateX(-53%);
}

/*------------------------------------*\
    55. Magnific popup source
\*------------------------------------*/
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: #cccccc;
}

.mfp-preloader a:hover {
    color: white;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}

.mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px;
}

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px;
}

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black;
}

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444;
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
       * Remove all paddings around the image on small screen
       */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.mfp-ie7 .mfp-img {
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
    padding: 0;
}

.mfp-ie7 .mfp-content {
    padding-top: 44px;
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}

/*------------------------------------*\
    56. Magnific popup custom
\*------------------------------------*/
@media screen and (max-width: 1024px) {
    .mfp-container {
        padding-left: 0;
        padding-right: 0;
    }
}

.mfp-wrap {
    background-color: white;
}

.night-mode .mfp-wrap {
    background-color: #2d3031;
}

@media screen and (max-width: 600px) {
    .mfp-wrap {
        background-color: black;
    }
}

.magnific-popup {
    padding: 0;
}

.magnific-popup .mfp-close {
    position: absolute;
    right: 0;
    top: 0;
    box-sizing: border-box;
    cursor: pointer;
    padding: 0;
    opacity: 1;
}

.magnific-popup .mfp-close .icon {
    position: relative;
    z-index: 1;
}

.magnific-popup button.mfp-close {
    display: none;
}

.mfp-content {
    margin: 0 auto;
}

.mfp-content .mfp-close {
    position: fixed;
    right: 0;
    top: 0;
    left: auto;
    bottom: auto;
    padding: 0;
    width: 80px;
    height: 80px;
    display: block;
    background-image: url("layouts/images/icon-close.svg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    font-size: 0;
    z-index: 1000;
    transition: all .2s ease;
}

.night-mode .mfp-content .mfp-close {
    background-image: url("layouts/images/icon-close-white.svg");
}

@media screen and (max-width: 600px) {
    .mfp-content .mfp-close {
        position: absolute;
        width: 50px;
        height: 50px;
    }
}

@media screen and (max-width: 600px) {
    .mfp-content .mfp-close {
        background-image: url("layouts/images/icon-close-white.svg");
        background-color: rgba(0, 0, 0, 0.3);
        background-position: 50% 50%;
    }
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer;
}

.mfp-arrow {
    width: 32px;
    bottom: 10px;
    height: 32px;
    display: block;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.3) !important;
    z-index: 100;
    opacity: 1;
    top: auto;
    left: auto;
    margin-top: 0;
    background-repeat: no-repeat !important;
    transition: all .2s ease;
    -webkit-transform: scale(1, 1) !important;
    -moz-transform: scale(1, 1) !important;
    -ms-transform: scale(1, 1) !important;
    transform: scale(1, 1) !important;
}

.mfp-arrow:active {
    margin-top: 0 !important;
}

.mfp-arrow:before, .mfp-arrow:after {
    display: none;
}

.mfp-arrow:hover {
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.5) !important;
}

@media screen and (max-width: 1024px) {
    .mfp-arrow {
        bottom: auto;
        top: 50%;
        -moz-transform: translateY(-50%) scale(1, 1);
        -ms-transform: translateY(-50%) scale(1, 1);
        -webkit-transform: translateY(-50%) scale(1, 1);
        transform: translateY(-50%) scale(1, 1);
    }
}

.mfp-arrow-left {
    right: 223px;
    background-image: url("layouts/images/icon-arrow-left.svg") !important;
    background-position: 45% 50% !important;
}

@media screen and (max-width: 1024px) {
    .mfp-arrow-left {
        left: 20px;
    }
}

.mfp-arrow-right {
    right: 181px;
    background-image: url("layouts/images/icon-arrow-right.svg") !important;
    background-position: 55% 50% !important;
}

@media screen and (max-width: 1024px) {
    .mfp-arrow-right {
        right: 20px;
    }
}

.mfp-bg {
    background-color: transparent;
}

.magnific-animate {
    opacity: 0;
    transition: all .3s ease;
    transform: translate(0, -30px);
}

.mfp-counter {
    display: none;
}

img.mfp-img {
    padding: 0;
}

.mfp-figure {
    max-width: 1750px;
    width: 100%;
    padding-right: 287px;
    cursor: default !important;
}

@media screen and (max-width: 600px) {
    .mfp-figure {
        position: relative;
    }
}

.mfp-figure .mfp-bottom-bar {
    float: right;
    max-width: 287px;
    left: 100%;
    top: auto;
    bottom: 0;
    margin-top: 0;
    padding: 0 20px 0 34px;
}

.mfp-figure figure {
    position: relative;
}

.mfp-figure figure:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.mfp-figure .mfp-title {
    padding-right: 0;
}

.mfp-figure .mfp-title h3 {
    color: #2d3031;
    margin-bottom: 20px;
    font-size: 19px;
    font-size: 1.11765rem;
    line-height: 1.47368;
    line-height: 1.2;
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
}

.night-mode .mfp-figure .mfp-title h3 {
    color: white;
}

.mfp-figure .mfp-title span {
    display: block;
    color: #878b90;
    font-size: 15px;
}

.mfp-gallery .mfp-figure .mfp-title {
    margin-bottom: 120px;
}

.mfp-figure:after {
    display: none;
}

@media screen and (max-width: 1024px) {
    .mfp-figure {
        padding-right: 0;
    }

    .mfp-figure .mfp-bottom-bar {
        float: none;
        max-width: none;
        left: 0;
        padding: 20px;
        background-color: rgba(0, 0, 0, 0.3);
    }

    .mfp-figure .mfp-title {
        color: white;
    }

    .mfp-figure .mfp-title h3 {
        color: white;
        margin-bottom: 20px;
    }

    .mfp-figure .mfp-title span {
        color: white;
    }

    .mfp-gallery .mfp-figure .mfp-title {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 600px) {
    .mfp-figure .mfp-bottom-bar {
        position: relative;
        left: auto;
        display: block;
        bottom: auto;
        padding-top: 30px;
    }

    .mfp-figure .mfp-title h3 {
        margin-bottom: 10px;
        font-size: 17px;
    }

    .mfp-figure .mfp-title span {
        font-size: 13px;
    }
}

/**
 * Fade-move animation for first dialog
 */
/* start state */
.my-mfp-fade-move .magnific-animate {
    opacity: 0;
}

/* animate in */
.my-mfp-fade-move.mfp-ready .magnific-animate {
    opacity: 1;
    transform: translate(0, 0);
}

/* animate out */
.my-mfp-fade-move.mfp-removing .magnific-animate {
    opacity: 0;
    transform: translate(0, -30px);
}

/* Dark overlay, start state */
.my-mfp-fade-move.mfp-bg {
    opacity: .001;
    /* Chrome opacity transition bug */
    transition: all .3s ease;
}

/* animate in */
/* animate out */
.my-mfp-fade-move.mfp-removing.mfp-bg {
    opacity: 0;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    /* ideally, transition speed should match zoom duration */
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

.mfp-open .mfp-figure {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -ms-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

/*------------------------------------*\
    57. Map
\*------------------------------------*/
.map {
    width: 100%;
    height: auto;
    margin-bottom: 45px;
    text-align: center;
}

/*------------------------------------*\
    58. Kudos
\*------------------------------------*/
.kudo {
    position: relative;
    cursor: pointer;
    width: 50px;
}

.kudo a {
    margin-bottom: 0;
}

.format-image .kudo a {
    position: absolute;
    overflow: visible;
}

.kudo--left {
    position: absolute;
    left: 32px;
    margin-bottom: 0;
}

@media screen and (max-width: 900px) {
    .kudo--left {
        position: relative;
        left: auto;
        margin-left: auto;
        margin-right: auto;
    }
}

.kudo--top {
    position: absolute;
    top: 33px;
}
.container--indented .kudo--top {
    top: 4px;
}

.kudo--bottom {
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
}

.single .kudo--bottom {
    bottom: 8px;
}

@media screen and (max-width: 900px) {
    .kudo--bottom {
        bottom: auto;
        position: relative;
        display: inline-block;
    }
    .kudo--top {
        display: none;
    }
}

p.count {
    display: block;
}

.opening {
    background-color: transparent;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid white;
    position: relative;
}

.kudo--dark .opening {
    border-color: black;
}

.opening .circle {
    background-color: white;
    margin-left: -25px;
    margin-top: -25px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    transition-property: transform, background-color;
    transition-duration: 1s;
    transition-timing-function: ease-out;
    transition-style: preserve-3d;
    -webkit-transition-property: -webkit-transform, background-color;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: ease-out;
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transition-property: -moz-transform, color;
    -moz-transition-duration: 1s;
    -moz-transition-timing-function: ease-out;
    -moz-transform-style: preserve-3d;
    backface-visibility: visible;
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
}

.kudo--dark .opening .circle {
    background-color: #c9d2d4;
}

.kudo_text {
    position: absolute;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 100%;
    margin-bottom: 20px;
    width: 100%;
    height: 10px;
}

.kudo_text > span {
    text-align: center;
    position: absolute;
    white-space: nowrap;
    left: 50%;
    top: 0;
    transition: all .2s ease;
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    padding-left: 4px;
}

.kudo_text .kudo_text-like {
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 1;
    visibility: visible;
}

.active .kudo_text .kudo_text-like, .complete .kudo_text .kudo_text-like {
    -moz-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
    opacity: 0;
    visibility: hidden;
}

.active .kudo_text .kudo_text-freeze {
    opacity: 1;
    visibility: visible;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.complete .kudo_text .kudo_text-freeze {
    -moz-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease .7s;
}

.complete .kudo_text .kudo_text-unlike {
    opacity: 1;
    visibility: visible;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: all .2s ease .7s;
}

/*figure.kudo article a.kudobject p{text-align:center;display:block;margin:0;padding:0;line-height:50px;width:auto;height:auto}*/
.kudo.complete a.kudobject .opening .circle {
    background-color: transparent;
}

.count {
    text-decoration: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    /* http://compass-style.org/reference/compass/css3/user_interface/ */
    z-index: 1;
}

.count span {
    color: white;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
}

.kudo--dark .count span {
    color: black;
}

.count p span.dont-move {
    font-size: 18px;
    text-transform: none;
    line-height: 22px;
    width: 200px;
    margin-left: -50px;
    margin-top: 8px;
    letter-spacing: 0;
}

a.kudobject {
    display: block;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

.kudo.active a.kudobject .opening .circle {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    background: #c9d2d4;
}

.kudo.complete a.kudobject .opening .circle {
    transition-property: none;
    animation: bounce 1s;
    animation-iteration-count: 1;
    transform: scale(0.85);
    -webkit-transition-property: none;
    -webkit-animation: bounce 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform: scale(0.85);
    -moz-transition-property: none;
    -moz-animation: bounce 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform: scale(0.85);
}

.kudo.kudo--dark.complete a.kudobject .opening .circle {
    transition-property: none;
    animation: bounce_dark 1s;
    animation-iteration-count: 1;
    transform: scale(0.85);
    -webkit-transition-property: none;
    -webkit-animation: bounce_dark 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform: scale(0.85);
    -moz-transition-property: none;
    -moz-animation: bounce_dark 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform: scale(0.85);
}

@keyframes bounce {
    0% {
        transform: scale(1.1);
        background-color: white;
    }
    50% {
        transform: scale(1.6);
        background-color: white;
    }
    60% {
        transform: scale(0.6);
    }
    80% {
        transform: scale(0.95);
    }
    100% {
        transform: scale(0.85);
    }
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: scale(1.1);
        background-color: white;
    }
    50% {
        -webkit-transform: scale(1.6);
        background-color: white;
    }
    60% {
        -webkit-transform: scale(0.6);
    }
    80% {
        -webkit-transform: scale(0.95);
    }
    100% {
        -webkit-transform: scale(0.85);
    }
}

@-moz-keyframes bounce {
    0% {
        -moz-transform: scale(1.1);
        background-color: white;
    }
    50% {
        -moz-transform: scale(1.6);
        background-color: white;
    }
    60% {
        -moz-transform: scale(0.6);
    }
    80% {
        -moz-transform: scale(0.95);
    }
    100% {
        -moz-transform: scale(0.85);
    }
}

@keyframes bounce_dark {
    0% {
        transform: scale(1.1);
        background-color: #c9d2d4;
    }
    50% {
        transform: scale(1.6);
        background-color: #c9d2d4;
    }
    60% {
        transform: scale(0.6);
    }
    80% {
        transform: scale(0.95);
    }
    100% {
        transform: scale(0.85);
    }
}

@-webkit-keyframes bounce_dark {
    0% {
        -webkit-transform: scale(1.1);
        background-color: #c9d2d4;
    }
    50% {
        -webkit-transform: scale(1.6);
        background-color: #c9d2d4;
    }
    60% {
        -webkit-transform: scale(0.6);
    }
    80% {
        -webkit-transform: scale(0.95);
    }
    100% {
        -webkit-transform: scale(0.85);
    }
}

@-moz-keyframes bounce_dark {
    0% {
        -moz-transform: scale(1.1);
        background-color: #c9d2d4;
    }
    50% {
        -moz-transform: scale(1.6);
        background-color: #c9d2d4;
    }
    60% {
        -moz-transform: scale(0.6);
    }
    80% {
        -moz-transform: scale(0.95);
    }
    100% {
        -moz-transform: scale(0.85);
    }
}

.kudos-fake {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    margin-bottom: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid white;
    line-height: 46px;
    text-align: center;
    font-size: 15px;
    font-family: "Ubuntu", sans-serif;
    color: white;
    font-weight: 400;
}

.kudos-fake--relative {
    position: relative;
    left: auto;
    top: 0;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

/*------------------------------------*\
    59. Inner article footer
\*------------------------------------*/
.inner-article-footer {
    margin-bottom: 60px;
}

.inner-article-footer p {
    font-style: italic;
    font-size: 15px;
    line-height: 1.53;
    margin-bottom: 34px;
}

.inner-article-footer p a {
    font-weight: 400;
}

.inner-article-footer p a:hover {
    color: #a79f82;
}

.inner-article-footer__tags span {
    color: #2d3031;
    margin-right: 15px;
}

.night-mode .inner-article-footer__tags span {
    color: white;
}

.inner-article-footer__tags ul {
    display: inline-block;
}

.inner-article-footer__tags li a {
    text-decoration: none;
}

.inner-article-footer__tags li a:hover {
    color: #2d3031;
}

.night-mode .inner-article-footer__tags li a:hover {
    color: #c9d2d4;
}

.inner-article-footer__tags li:before {
    content: '/';
    display: inline-block;
    margin: 0 7px 0 2px;
    color: #878b90;
    vertical-align: middle;
    position: relative;
    top: 1px;
}

.inner-article-footer__tags li:first-child:before {
    display: none;
}

/*------------------------------------*\
    60. Footer main
\*------------------------------------*/
.site-footer {
    background-color: #c9d2d4;
    padding-top: 50px;
}

.site-footer .icon {
    color: #2d3031;
}

@media screen and (max-width: 768px) {
    .site-footer .icon {
        margin-bottom: 30px;
    }
}

.site-footer ul {
    list-style: none;
    font-size: 0;
    margin: 0;
}

.site-footer ul li {
    display: inline-block;
    margin-left: 30px;
}

@media screen and (max-width: 768px) {
    .site-footer ul li {
        margin-left: 15px;
        margin-right: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.site-footer ul a {
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
    color: #878b90;
    font-family: "Ubuntu", sans-serif;
    letter-spacing: 2px;
    font-weight: 400;
    height: 39px;
    line-height: 39px;
    display: block;
}

.site-footer ul a:hover {
    text-decoration: underline;
    color: #2d3031;
}

@media screen and (max-width: 768px) {
    .site-footer ul a {
        height: auto;
        line-height: 28px;
    }
}

.site-footer .justifize {
    padding-bottom: 50px;
    border-bottom: 1px solid #b9c1c3;
}

@media screen and (max-width: 768px) {
    .site-footer .justifize {
        display: block;
        padding-bottom: 30px;
    }

    .site-footer .justifize .justifize__box {
        display: block;
        text-align: center;
    }
}

.site-footer .bottom-bar {
    padding-bottom: 0;
    border-bottom: none;
}

.site-footer .bottom-bar p, .site-footer .bottom-bar small {
    height: 70px;
    line-height: 70px;
    display: block;
    font-size: 13px;
    color: #878b90;
    font-family: "Ubuntu", sans-serif;
    letter-spacing: 2px;
    font-weight: 400;
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .site-footer .bottom-bar {
        padding: 20px 0;
    }

    .site-footer .bottom-bar p, .site-footer .bottom-bar small {
        height: auto;
        line-height: 28px;
    }
}

.site-footer--dark {
    background-color: #2d3031;
}

.site-footer--dark .icon {
    color: #5e6568;
}

.site-footer--dark ul a:hover {
    color: #878b90;
}

.site-footer--dark .footer-text-logo {
    color: #fff;
}

.site-footer--dark .justifize {
    border-color: #5e6568;
}
.footer-text-logo {
    font-size: 35px;
    font-size: 2.05882rem;
    line-height: 1.6;
    margin-bottom: 0;
    text-align: center;
    font-family: "Ubuntu", cursive;
    color: #2d3031;
    font-weight: 400;
}
.site-footer .menu ul li:before, .site-footer .menu ol li:before {
    content: none;
}
.site-footer .menu ul li ul.children, .site-footer ul.menu li ul.sub-menu{
    display: none;
}

/*------------------------------------*\
    61. Night mode
\*------------------------------------*/
.night-mode {
    background-color: #2d3031;
    transition: background-color .3s ease;
    color: #c9d2d4;
}

.night-mode .site-content {
    border-bottom-color: #474C4E;
}

/*------------------------------------*\
    62. Search results
\*------------------------------------*/
body .search-results {
    position: relative;
    margin-bottom: 45px;
}

@media screen and (min-width: 901px) {
    body .search-results {
        margin-bottom: 60px;
    }
}

.search-results:after {
    content: '';
    display: block;
    width: 64px;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 100%;
    left: 0;
    -moz-transform: translateY(16px);
    -ms-transform: translateY(16px);
    -webkit-transform: translateY(16px);
    transform: translateY(16px);
}
.night-mode .search-results:after{
    background-color: rgba(255, 255, 255, 0.1);
}
.search-results h1 {
    font-size: 13px;
    font-weight: 400;
    color: #2d3031;
    font-family: "Ubuntu", sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.night-mode .search-results h1 {
    color: #fff;
}

.search-results p.site-title {
    text-transform: none;
    letter-spacing: normal;
}

.search-results__item {
    color: #a79f82;
    margin-left: 10px;
}
.search-no-results .masonry-boxes.grid {
    min-height: 350px;
    margin: 0 auto;
    width: auto;
}
.search-no-results input.search-field{
    max-width: 500px;
}

.search input[type=submit].search-submit{
    display: block;
}
.search .page-content input[type=submit].search-submit {
    padding: 0 40px;
}
.search input[type=submit].search-submit:hover {
    background: #000;
}
/*------------------------------------*\
    63. Error page
\*------------------------------------*/
.error-page {
    padding-top: 0;
}

.error-page .site-content, .error-page .content-area, .error-page .site-main, .error-page .tableize {
    min-height: 100vh;
}

.error-page .tableize {
    padding: 50px 20px 200px;
}

.error-page .site-content {
    padding: 0;
}

.error-page .site-main {
    text-align: center;
}

.error-page .error-img {
    margin-bottom: 40px;
}

.error-page p {
    margin-bottom: 0;
    font-family: "Ubuntu", sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #878b90;
}
.error404 .text-center {
    margin-top: 100px;
}

.error404 .tableize__cell > div {
    text-align: center;
}

/*------------------------------------*\
    64. Shame
\*------------------------------------*/
.is-invisible {
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
    opacity: 0 !important;
    visibility: hidden !important;
}

/**
 * Completely remove from the flow but leave available to screen readers and
 * keyboard users (if input is visually hidden).
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.is-visually-hidden {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 1px !important;
    position: absolute !important;
}

.is-hidden {
    display: none !important;
}

.inline-block {
    display: inline-block !important;
}

.is-not-scroll {
    overflow: hidden !important;
}

.is-scrollable {
    overflow: auto !important;
}

.is-scrollable-visible {
    overflow: visible !important;
}

.is-scrollable-y {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.is-scrollable-x {
    overflow-x: auto !important;
    overflow-y: hidden !important;
}

/**
 * Flag fix.
 */
.flag--fix .flag__img {
    width: 1px;
}

.flag--fix .flag__body {
    width: auto;
}

/*------------------------------------*\
    65. Spacing
\*------------------------------------*/
/**
 * Margin and padding helper classes. Use these to tweak layout on a micro
 * level.
 *
 * `.(m|p)(t|r|b|l|h|v)(-|+|0) {}` = margin/padding top/right/bottom/left/horizontal/vertical less/more/none
 */
/**
 * Margin helper classes.
 *
 * Add margins.
 */
.m {
    margin: 28px !important;
}

.mt {
    margin-top: 28px !important;
}

.mr {
    margin-right: 28px !important;
}

.mb {
    margin-bottom: 28px !important;
}

.ml {
    margin-left: 28px !important;
}

.mh {
    margin-right: 28px !important;
    margin-left: 28px !important;
}

.mv {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
}

/**
 * Add tiny margins.
 */
.m-- {
    margin: 7px !important;
}

.mt-- {
    margin-top: 7px !important;
}

.mr-- {
    margin-right: 7px !important;
}

.mb-- {
    margin-bottom: 7px !important;
}

.ml-- {
    margin-left: 7px !important;
}

.mh-- {
    margin-right: 7px !important;
    margin-left: 7px !important;
}

.mv-- {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
}

/**
 * Add small margins.
 */
.m- {
    margin: 14px !important;
}

.mt- {
    margin-top: 14px !important;
}

.mr- {
    margin-right: 14px !important;
}

.mb- {
    margin-bottom: 14px !important;
}

.ml- {
    margin-left: 14px !important;
}

.mh- {
    margin-right: 14px !important;
    margin-left: 14px !important;
}

.mv- {
    margin-top: 14px !important;
    margin-bottom: 14px !important;
}

/**
 * Add large margins.
 */
.m\+ {
    margin: 56px !important;
}

.mt\+ {
    margin-top: 56px !important;
}

.mr\+ {
    margin-right: 56px !important;
}

.mb\+ {
    margin-bottom: 56px !important;
}

.ml\+ {
    margin-left: 56px !important;
}

.mh\+ {
    margin-right: 56px !important;
    margin-left: 56px !important;
}

.mv\+ {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
}

/**
 * Add huge margins.
 */
.m\+\+ {
    margin: 112px !important;
}

.mt\+\+ {
    margin-top: 112px !important;
}

.mr\+\+ {
    margin-right: 112px !important;
}

.mb\+\+ {
    margin-bottom: 112px !important;
}

.ml\+\+ {
    margin-left: 112px !important;
}

.mh\+\+ {
    margin-right: 112px !important;
    margin-left: 112px !important;
}

.mv\+\+ {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
}

/**
 * Remove margins.
 */
.m0 {
    margin: 0 !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mr0 {
    margin-right: 0 !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.ml0 {
    margin-left: 0 !important;
}

.mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/**
 * Negative margins.
 */
.-m {
    margin: -28px !important;
}

.-mt {
    margin-top: -28px !important;
}

.-mr {
    margin-right: -28px !important;
}

.-mb {
    margin-bottom: -28px !important;
}

.-ml {
    margin-left: -28px !important;
}

.-mh {
    margin-right: -28px !important;
    margin-left: -28px !important;
}

.-mv {
    margin-top: -28px !important;
    margin-bottom: -28px !important;
}

/**
 * Large negative margins.
 */
.-m\+ {
    margin: -56px !important;
}

.-mt\+ {
    margin-top: -56px !important;
}

.-mr\+ {
    margin-right: -56px !important;
}

.-mb\+ {
    margin-bottom: -56px !important;
}

.-ml\+ {
    margin-left: -56px !important;
}

.-mh\+ {
    margin-right: -56px !important;
    margin-left: -56px !important;
}

.-mv\+ {
    margin-top: -56px !important;
    margin-bottom: -56px !important;
}

/**
 * Padding helper classes.
 *
 * Add paddings.
 */
.p {
    padding: 28px !important;
}

.pt {
    padding-top: 28px !important;
}

.pr {
    padding-right: 28px !important;
}

.pb {
    padding-bottom: 28px !important;
}

.pl {
    padding-left: 28px !important;
}

.ph {
    padding-right: 28px !important;
    padding-left: 28px !important;
}

.pv {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
}

/**
 * Add tiny paddings.
 */
.p-- {
    padding: 7px !important;
}

.pt-- {
    padding-top: 7px !important;
}

.pr-- {
    padding-right: 7px !important;
}

.pb-- {
    padding-bottom: 7px !important;
}

.pl-- {
    padding-left: 7px !important;
}

.ph-- {
    padding-right: 7px !important;
    padding-left: 7px !important;
}

.pv-- {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

/**
 * Add small paddings.
 */
.p- {
    padding: 14px !important;
}

.pt- {
    padding-top: 14px !important;
}

.pr- {
    padding-right: 14px !important;
}

.pb- {
    padding-bottom: 14px !important;
}

.pl- {
    padding-left: 14px !important;
}

.ph- {
    padding-right: 14px !important;
    padding-left: 14px !important;
}

.pv- {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

/**
 * Add large paddings.
 */
.p\+ {
    padding: 56px !important;
}

.pt\+ {
    padding-top: 56px !important;
}

.pr\+ {
    padding-right: 56px !important;
}

.pb\+ {
    padding-bottom: 56px !important;
}

.pl\+ {
    padding-left: 56px !important;
}

.ph\+ {
    padding-right: 56px !important;
    padding-left: 56px !important;
}

.pv\+ {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
}

/**
 * Add huge paddings.
 */
.p\+\+ {
    padding: 112px !important;
}

.pt\+\+ {
    padding-top: 112px !important;
}

.pr\+\+ {
    padding-right: 112px !important;
}

.pb\+\+ {
    padding-bottom: 112px !important;
}

.pl\+\+ {
    padding-left: 112px !important;
}

.ph\+\+ {
    padding-right: 112px !important;
    padding-left: 112px !important;
}

.pv\+\+ {
    padding-top: 112px !important;
    padding-bottom: 112px !important;
}

/**
 * Remove paddings.
 */
.p0 {
    padding: 0 !important;
}

.pt0 {
    padding-top: 0 !important;
}

.pr0 {
    padding-right: 0 !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pl0 {
    padding-left: 0 !important;
}

.ph0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.pv0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/*------------------------------------*\
    66. Spacing responsive
\*------------------------------------*/
/**
 * Margin and padding helper classes. Use these to tweak layout on a micro
 * level.
 *
 * `.(m|p)(t|r|b|l|h|v)(-|+|0) {}` = margin/padding top/right/bottom/left/horizontal/vertical less/more/none
 */
/**
 * Margin helper classes.
 *
 * Add margins.
 */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .medium-m {
        margin: 28px !important;
    }

    .medium-mt {
        margin-top: 28px !important;
    }

    .medium-mr {
        margin-right: 28px !important;
    }

    .medium-mb {
        margin-bottom: 28px !important;
    }

    .medium-ml {
        margin-left: 28px !important;
    }

    .medium-mh {
        margin-right: 28px !important;
        margin-left: 28px !important;
    }

    .medium-mv {
        margin-top: 28px !important;
        margin-bottom: 28px !important;
    }
}

@media screen and (min-width: 481px) {
    .medium-and-up-m {
        margin: 28px !important;
    }

    .medium-and-up-mt {
        margin-top: 28px !important;
    }

    .medium-and-up-mr {
        margin-right: 28px !important;
    }

    .medium-and-up-mb {
        margin-bottom: 28px !important;
    }

    .medium-and-up-ml {
        margin-left: 28px !important;
    }

    .medium-and-up-mh {
        margin-right: 28px !important;
        margin-left: 28px !important;
    }

    .medium-and-up-mv {
        margin-top: 28px !important;
        margin-bottom: 28px !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .large-m {
        margin: 28px !important;
    }

    .large-mt {
        margin-top: 28px !important;
    }

    .large-mr {
        margin-right: 28px !important;
    }

    .large-mb {
        margin-bottom: 28px !important;
    }

    .large-ml {
        margin-left: 28px !important;
    }

    .large-mh {
        margin-right: 28px !important;
        margin-left: 28px !important;
    }

    .large-mv {
        margin-top: 28px !important;
        margin-bottom: 28px !important;
    }
}

@media screen and (min-width: 769px) {
    .large-and-up-m {
        margin: 28px !important;
    }

    .large-and-up-mt {
        margin-top: 28px !important;
    }

    .large-and-up-mr {
        margin-right: 28px !important;
    }

    .large-and-up-mb {
        margin-bottom: 28px !important;
    }

    .large-and-up-ml {
        margin-left: 28px !important;
    }

    .large-and-up-mh {
        margin-right: 28px !important;
        margin-left: 28px !important;
    }

    .large-and-up-mv {
        margin-top: 28px !important;
        margin-bottom: 28px !important;
    }
}

@media screen and (min-width: 1025px) {
    .extralarge-and-up-m {
        margin: 28px !important;
    }

    .extralarge-and-up-mt {
        margin-top: 28px !important;
    }

    .extralarge-and-up-mr {
        margin-right: 28px !important;
    }

    .extralarge-and-up-mb {
        margin-bottom: 28px !important;
    }

    .extralarge-and-up-ml {
        margin-left: 28px !important;
    }

    .extralarge-and-up-mh {
        margin-right: 28px !important;
        margin-left: 28px !important;
    }

    .extralarge-and-up-mv {
        margin-top: 28px !important;
        margin-bottom: 28px !important;
    }
}

/**
 * Add tiny margins.
 */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .medium-m-- {
        margin: 7px !important;
    }

    .medium-mt-- {
        margin-top: 7px !important;
    }

    .medium-mr-- {
        margin-right: 7px !important;
    }

    .medium-mb-- {
        margin-bottom: 7px !important;
    }

    .medium-ml-- {
        margin-left: 7px !important;
    }

    .medium-mh-- {
        margin-right: 7px !important;
        margin-left: 7px !important;
    }

    .medium-mv-- {
        margin-top: 7px !important;
        margin-bottom: 7px !important;
    }
}

@media screen and (min-width: 481px) {
    .medium-and-up-m-- {
        margin: 7px !important;
    }

    .medium-and-up-mt-- {
        margin-top: 7px !important;
    }

    .medium-and-up-mr-- {
        margin-right: 7px !important;
    }

    .medium-and-up-mb-- {
        margin-bottom: 7px !important;
    }

    .medium-and-up-ml-- {
        margin-left: 7px !important;
    }

    .medium-and-up-mh-- {
        margin-right: 7px !important;
        margin-left: 7px !important;
    }

    .medium-and-up-mv-- {
        margin-top: 7px !important;
        margin-bottom: 7px !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .large-m-- {
        margin: 7px !important;
    }

    .large-mt-- {
        margin-top: 7px !important;
    }

    .large-mr-- {
        margin-right: 7px !important;
    }

    .large-mb-- {
        margin-bottom: 7px !important;
    }

    .large-ml-- {
        margin-left: 7px !important;
    }

    .large-mh-- {
        margin-right: 7px !important;
        margin-left: 7px !important;
    }

    .large-mv-- {
        margin-top: 7px !important;
        margin-bottom: 7px !important;
    }
}

@media screen and (min-width: 769px) {
    .large-and-up-m-- {
        margin: 7px !important;
    }

    .large-and-up-mt-- {
        margin-top: 7px !important;
    }

    .large-and-up-mr-- {
        margin-right: 7px !important;
    }

    .large-and-up-mb-- {
        margin-bottom: 7px !important;
    }

    .large-and-up-ml-- {
        margin-left: 7px !important;
    }

    .large-and-up-mh-- {
        margin-right: 7px !important;
        margin-left: 7px !important;
    }

    .large-and-up-mv-- {
        margin-top: 7px !important;
        margin-bottom: 7px !important;
    }
}

@media screen and (min-width: 1025px) {
    .extralarge-and-up-m-- {
        margin: 7px !important;
    }

    .extralarge-and-up-mt-- {
        margin-top: 7px !important;
    }

    .extralarge-and-up-mr-- {
        margin-right: 7px !important;
    }

    .extralarge-and-up-mb-- {
        margin-bottom: 7px !important;
    }

    .extralarge-and-up-ml-- {
        margin-left: 7px !important;
    }

    .extralarge-and-up-mh-- {
        margin-right: 7px !important;
        margin-left: 7px !important;
    }

    .extralarge-and-up-mv-- {
        margin-top: 7px !important;
        margin-bottom: 7px !important;
    }
}

/**
 * Add small margins.
 */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .medium-m- {
        margin: 14px !important;
    }

    .medium-mt- {
        margin-top: 14px !important;
    }

    .medium-mr- {
        margin-right: 14px !important;
    }

    .medium-mb- {
        margin-bottom: 14px !important;
    }

    .medium-ml- {
        margin-left: 14px !important;
    }

    .medium-mh- {
        margin-right: 14px !important;
        margin-left: 14px !important;
    }

    .medium-mv- {
        margin-top: 14px !important;
        margin-bottom: 14px !important;
    }
}

@media screen and (min-width: 481px) {
    .medium-and-up-m- {
        margin: 14px !important;
    }

    .medium-and-up-mt- {
        margin-top: 14px !important;
    }

    .medium-and-up-mr- {
        margin-right: 14px !important;
    }

    .medium-and-up-mb- {
        margin-bottom: 14px !important;
    }

    .medium-and-up-ml- {
        margin-left: 14px !important;
    }

    .medium-and-up-mh- {
        margin-right: 14px !important;
        margin-left: 14px !important;
    }

    .medium-and-up-mv- {
        margin-top: 14px !important;
        margin-bottom: 14px !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .large-m- {
        margin: 14px !important;
    }

    .large-mt- {
        margin-top: 14px !important;
    }

    .large-mr- {
        margin-right: 14px !important;
    }

    .large-mb- {
        margin-bottom: 14px !important;
    }

    .large-ml- {
        margin-left: 14px !important;
    }

    .large-mh- {
        margin-right: 14px !important;
        margin-left: 14px !important;
    }

    .large-mv- {
        margin-top: 14px !important;
        margin-bottom: 14px !important;
    }
}

@media screen and (min-width: 769px) {
    .large-and-up-m- {
        margin: 14px !important;
    }

    .large-and-up-mt- {
        margin-top: 14px !important;
    }

    .large-and-up-mr- {
        margin-right: 14px !important;
    }

    .large-and-up-mb- {
        margin-bottom: 14px !important;
    }

    .large-and-up-ml- {
        margin-left: 14px !important;
    }

    .large-and-up-mh- {
        margin-right: 14px !important;
        margin-left: 14px !important;
    }

    .large-and-up-mv- {
        margin-top: 14px !important;
        margin-bottom: 14px !important;
    }
}

@media screen and (min-width: 1025px) {
    .extralarge-and-up-m- {
        margin: 14px !important;
    }

    .extralarge-and-up-mt- {
        margin-top: 14px !important;
    }

    .extralarge-and-up-mr- {
        margin-right: 14px !important;
    }

    .extralarge-and-up-mb- {
        margin-bottom: 14px !important;
    }

    .extralarge-and-up-ml- {
        margin-left: 14px !important;
    }

    .extralarge-and-up-mh- {
        margin-right: 14px !important;
        margin-left: 14px !important;
    }

    .extralarge-and-up-mv- {
        margin-top: 14px !important;
        margin-bottom: 14px !important;
    }
}

/**
 * Add large margins.
 */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .medium-m\+ {
        margin: 56px !important;
    }

    .medium-mt\+ {
        margin-top: 56px !important;
    }

    .medium-mr\+ {
        margin-right: 56px !important;
    }

    .medium-mb\+ {
        margin-bottom: 56px !important;
    }

    .medium-ml\+ {
        margin-left: 56px !important;
    }

    .medium-mh\+ {
        margin-right: 56px !important;
        margin-left: 56px !important;
    }

    .medium-mv\+ {
        margin-top: 56px !important;
        margin-bottom: 56px !important;
    }
}

@media screen and (min-width: 481px) {
    .medium-and-up-m\+ {
        margin: 56px !important;
    }

    .medium-and-up-mt\+ {
        margin-top: 56px !important;
    }

    .medium-and-up-mr\+ {
        margin-right: 56px !important;
    }

    .medium-and-up-mb\+ {
        margin-bottom: 56px !important;
    }

    .medium-and-up-ml\+ {
        margin-left: 56px !important;
    }

    .medium-and-up-mh\+ {
        margin-right: 56px !important;
        margin-left: 56px !important;
    }

    .medium-and-up-mv\+ {
        margin-top: 56px !important;
        margin-bottom: 56px !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .large-m\+ {
        margin: 56px !important;
    }

    .large-mt\+ {
        margin-top: 56px !important;
    }

    .large-mr\+ {
        margin-right: 56px !important;
    }

    .large-mb\+ {
        margin-bottom: 56px !important;
    }

    .large-ml\+ {
        margin-left: 56px !important;
    }

    .large-mh\+ {
        margin-right: 56px !important;
        margin-left: 56px !important;
    }

    .large-mv\+ {
        margin-top: 56px !important;
        margin-bottom: 56px !important;
    }
}

@media screen and (min-width: 769px) {
    .large-and-up-m\+ {
        margin: 56px !important;
    }

    .large-and-up-mt\+ {
        margin-top: 56px !important;
    }

    .large-and-up-mr\+ {
        margin-right: 56px !important;
    }

    .large-and-up-mb\+ {
        margin-bottom: 56px !important;
    }

    .large-and-up-ml\+ {
        margin-left: 56px !important;
    }

    .large-and-up-mh\+ {
        margin-right: 56px !important;
        margin-left: 56px !important;
    }

    .large-and-up-mv\+ {
        margin-top: 56px !important;
        margin-bottom: 56px !important;
    }
}

@media screen and (min-width: 1025px) {
    .extralarge-and-up-m\+ {
        margin: 56px !important;
    }

    .extralarge-and-up-mt\+ {
        margin-top: 56px !important;
    }

    .extralarge-and-up-mr\+ {
        margin-right: 56px !important;
    }

    .extralarge-and-up-mb\+ {
        margin-bottom: 56px !important;
    }

    .extralarge-and-up-ml\+ {
        margin-left: 56px !important;
    }

    .extralarge-and-up-mh\+ {
        margin-right: 56px !important;
        margin-left: 56px !important;
    }

    .extralarge-and-up-mv\+ {
        margin-top: 56px !important;
        margin-bottom: 56px !important;
    }
}

/**
 * Add huge margins.
 */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .medium-m\+\+ {
        margin: 112px !important;
    }

    .medium-mt\+\+ {
        margin-top: 112px !important;
    }

    .medium-mr\+\+ {
        margin-right: 112px !important;
    }

    .medium-mb\+\+ {
        margin-bottom: 112px !important;
    }

    .medium-ml\+\+ {
        margin-left: 112px !important;
    }

    .medium-mh\+\+ {
        margin-right: 112px !important;
        margin-left: 112px !important;
    }

    .medium-mv\+\+ {
        margin-top: 112px !important;
        margin-bottom: 112px !important;
    }
}

@media screen and (min-width: 481px) {
    .medium-and-up-m\+\+ {
        margin: 112px !important;
    }

    .medium-and-up-mt\+\+ {
        margin-top: 112px !important;
    }

    .medium-and-up-mr\+\+ {
        margin-right: 112px !important;
    }

    .medium-and-up-mb\+\+ {
        margin-bottom: 112px !important;
    }

    .medium-and-up-ml\+\+ {
        margin-left: 112px !important;
    }

    .medium-and-up-mh\+\+ {
        margin-right: 112px !important;
        margin-left: 112px !important;
    }

    .medium-and-up-mv\+\+ {
        margin-top: 112px !important;
        margin-bottom: 112px !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .large-m\+\+ {
        margin: 112px !important;
    }

    .large-mt\+\+ {
        margin-top: 112px !important;
    }

    .large-mr\+\+ {
        margin-right: 112px !important;
    }

    .large-mb\+\+ {
        margin-bottom: 112px !important;
    }

    .large-ml\+\+ {
        margin-left: 112px !important;
    }

    .large-mh\+\+ {
        margin-right: 112px !important;
        margin-left: 112px !important;
    }

    .large-mv\+\+ {
        margin-top: 112px !important;
        margin-bottom: 112px !important;
    }
}

@media screen and (min-width: 769px) {
    .large-and-up-m\+\+ {
        margin: 112px !important;
    }

    .large-and-up-mt\+\+ {
        margin-top: 112px !important;
    }

    .large-and-up-mr\+\+ {
        margin-right: 112px !important;
    }

    .large-and-up-mb\+\+ {
        margin-bottom: 112px !important;
    }

    .large-and-up-ml\+\+ {
        margin-left: 112px !important;
    }

    .large-and-up-mh\+\+ {
        margin-right: 112px !important;
        margin-left: 112px !important;
    }

    .large-and-up-mv\+\+ {
        margin-top: 112px !important;
        margin-bottom: 112px !important;
    }
}

@media screen and (min-width: 1025px) {
    .extralarge-and-up-m\+\+ {
        margin: 112px !important;
    }

    .extralarge-and-up-mt\+\+ {
        margin-top: 112px !important;
    }

    .extralarge-and-up-mr\+\+ {
        margin-right: 112px !important;
    }

    .extralarge-and-up-mb\+\+ {
        margin-bottom: 112px !important;
    }

    .extralarge-and-up-ml\+\+ {
        margin-left: 112px !important;
    }

    .extralarge-and-up-mh\+\+ {
        margin-right: 112px !important;
        margin-left: 112px !important;
    }

    .extralarge-and-up-mv\+\+ {
        margin-top: 112px !important;
        margin-bottom: 112px !important;
    }
}

/**
 * Remove margins.
 */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .medium-m0 {
        margin: 0 !important;
    }

    .medium-mt0 {
        margin-top: 0 !important;
    }

    .medium-mr0 {
        margin-right: 0 !important;
    }

    .medium-mb0 {
        margin-bottom: 0 !important;
    }

    .medium-ml0 {
        margin-left: 0 !important;
    }

    .medium-mh0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .medium-mv0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}

@media screen and (min-width: 481px) {
    .medium-and-up-m0 {
        margin: 0 !important;
    }

    .medium-and-up-mt0 {
        margin-top: 0 !important;
    }

    .medium-and-up-mr0 {
        margin-right: 0 !important;
    }

    .medium-and-up-mb0 {
        margin-bottom: 0 !important;
    }

    .medium-and-up-ml0 {
        margin-left: 0 !important;
    }

    .medium-and-up-mh0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .medium-and-up-mv0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .large-m0 {
        margin: 0 !important;
    }

    .large-mt0 {
        margin-top: 0 !important;
    }

    .large-mr0 {
        margin-right: 0 !important;
    }

    .large-mb0 {
        margin-bottom: 0 !important;
    }

    .large-ml0 {
        margin-left: 0 !important;
    }

    .large-mh0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .large-mv0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}

@media screen and (min-width: 769px) {
    .large-and-up-m0 {
        margin: 0 !important;
    }

    .large-and-up-mt0 {
        margin-top: 0 !important;
    }

    .large-and-up-mr0 {
        margin-right: 0 !important;
    }

    .large-and-up-mb0 {
        margin-bottom: 0 !important;
    }

    .large-and-up-ml0 {
        margin-left: 0 !important;
    }

    .large-and-up-mh0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .large-and-up-mv0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}

@media screen and (min-width: 1025px) {
    .extralarge-and-up-m0 {
        margin: 0 !important;
    }

    .extralarge-and-up-mt0 {
        margin-top: 0 !important;
    }

    .extralarge-and-up-mr0 {
        margin-right: 0 !important;
    }

    .extralarge-and-up-mb0 {
        margin-bottom: 0 !important;
    }

    .extralarge-and-up-ml0 {
        margin-left: 0 !important;
    }

    .extralarge-and-up-mh0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .extralarge-and-up-mv0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}

/**
 * Padding helper classes.
 *
 * Add paddings.
 */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .medium-p {
        padding: 28px !important;
    }

    .medium-pt {
        padding-top: 28px !important;
    }

    .medium-pr {
        padding-right: 28px !important;
    }

    .medium-pb {
        padding-bottom: 28px !important;
    }

    .medium-pl {
        padding-left: 28px !important;
    }

    .medium-ph {
        padding-right: 28px !important;
        padding-left: 28px !important;
    }

    .medium-pv {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }
}

@media screen and (min-width: 481px) {
    .medium-and-up-p {
        padding: 28px !important;
    }

    .medium-and-up-pt {
        padding-top: 28px !important;
    }

    .medium-and-up-pr {
        padding-right: 28px !important;
    }

    .medium-and-up-pb {
        padding-bottom: 28px !important;
    }

    .medium-and-up-pl {
        padding-left: 28px !important;
    }

    .medium-and-up-ph {
        padding-right: 28px !important;
        padding-left: 28px !important;
    }

    .medium-and-up-pv {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .large-p {
        padding: 28px !important;
    }

    .large-pt {
        padding-top: 28px !important;
    }

    .large-pr {
        padding-right: 28px !important;
    }

    .large-pb {
        padding-bottom: 28px !important;
    }

    .large-pl {
        padding-left: 28px !important;
    }

    .large-ph {
        padding-right: 28px !important;
        padding-left: 28px !important;
    }

    .large-pv {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }
}

@media screen and (min-width: 769px) {
    .large-and-up-p {
        padding: 28px !important;
    }

    .large-and-up-pt {
        padding-top: 28px !important;
    }

    .large-and-up-pr {
        padding-right: 28px !important;
    }

    .large-and-up-pb {
        padding-bottom: 28px !important;
    }

    .large-and-up-pl {
        padding-left: 28px !important;
    }

    .large-and-up-ph {
        padding-right: 28px !important;
        padding-left: 28px !important;
    }

    .large-and-up-pv {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }
}

@media screen and (min-width: 1025px) {
    .extralarge-and-up-p {
        padding: 28px !important;
    }

    .extralarge-and-up-pt {
        padding-top: 28px !important;
    }

    .extralarge-and-up-pr {
        padding-right: 28px !important;
    }

    .extralarge-and-up-pb {
        padding-bottom: 28px !important;
    }

    .extralarge-and-up-pl {
        padding-left: 28px !important;
    }

    .extralarge-and-up-ph {
        padding-right: 28px !important;
        padding-left: 28px !important;
    }

    .extralarge-and-up-pv {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }
}

/**
 * Add tiny paddings.
 */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .medium-p-- {
        padding: 7px !important;
    }

    .medium-pt-- {
        padding-top: 7px !important;
    }

    .medium-pr-- {
        padding-right: 7px !important;
    }

    .medium-pb-- {
        padding-bottom: 7px !important;
    }

    .medium-pl-- {
        padding-left: 7px !important;
    }

    .medium-ph-- {
        padding-right: 7px !important;
        padding-left: 7px !important;
    }

    .medium-pv-- {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }
}

@media screen and (min-width: 481px) {
    .medium-and-up-p-- {
        padding: 7px !important;
    }

    .medium-and-up-pt-- {
        padding-top: 7px !important;
    }

    .medium-and-up-pr-- {
        padding-right: 7px !important;
    }

    .medium-and-up-pb-- {
        padding-bottom: 7px !important;
    }

    .medium-and-up-pl-- {
        padding-left: 7px !important;
    }

    .medium-and-up-ph-- {
        padding-right: 7px !important;
        padding-left: 7px !important;
    }

    .medium-and-up-pv-- {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .large-p-- {
        padding: 7px !important;
    }

    .large-pt-- {
        padding-top: 7px !important;
    }

    .large-pr-- {
        padding-right: 7px !important;
    }

    .large-pb-- {
        padding-bottom: 7px !important;
    }

    .large-pl-- {
        padding-left: 7px !important;
    }

    .large-ph-- {
        padding-right: 7px !important;
        padding-left: 7px !important;
    }

    .large-pv-- {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }
}

@media screen and (min-width: 769px) {
    .large-and-up-p-- {
        padding: 7px !important;
    }

    .large-and-up-pt-- {
        padding-top: 7px !important;
    }

    .large-and-up-pr-- {
        padding-right: 7px !important;
    }

    .large-and-up-pb-- {
        padding-bottom: 7px !important;
    }

    .large-and-up-pl-- {
        padding-left: 7px !important;
    }

    .large-and-up-ph-- {
        padding-right: 7px !important;
        padding-left: 7px !important;
    }

    .large-and-up-pv-- {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }
}

@media screen and (min-width: 1025px) {
    .extralarge-and-up-p-- {
        padding: 7px !important;
    }

    .extralarge-and-up-pt-- {
        padding-top: 7px !important;
    }

    .extralarge-and-up-pr-- {
        padding-right: 7px !important;
    }

    .extralarge-and-up-pb-- {
        padding-bottom: 7px !important;
    }

    .extralarge-and-up-pl-- {
        padding-left: 7px !important;
    }

    .extralarge-and-up-ph-- {
        padding-right: 7px !important;
        padding-left: 7px !important;
    }

    .extralarge-and-up-pv-- {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }
}

/**
 * Add small paddings.
 */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .medium-p- {
        padding: 14px !important;
    }

    .medium-pt- {
        padding-top: 14px !important;
    }

    .medium-pr- {
        padding-right: 14px !important;
    }

    .medium-pb- {
        padding-bottom: 14px !important;
    }

    .medium-pl- {
        padding-left: 14px !important;
    }

    .medium-ph- {
        padding-right: 14px !important;
        padding-left: 14px !important;
    }

    .medium-pv- {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
}

@media screen and (min-width: 481px) {
    .medium-and-up-p- {
        padding: 14px !important;
    }

    .medium-and-up-pt- {
        padding-top: 14px !important;
    }

    .medium-and-up-pr- {
        padding-right: 14px !important;
    }

    .medium-and-up-pb- {
        padding-bottom: 14px !important;
    }

    .medium-and-up-pl- {
        padding-left: 14px !important;
    }

    .medium-and-up-ph- {
        padding-right: 14px !important;
        padding-left: 14px !important;
    }

    .medium-and-up-pv- {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .large-p- {
        padding: 14px !important;
    }

    .large-pt- {
        padding-top: 14px !important;
    }

    .large-pr- {
        padding-right: 14px !important;
    }

    .large-pb- {
        padding-bottom: 14px !important;
    }

    .large-pl- {
        padding-left: 14px !important;
    }

    .large-ph- {
        padding-right: 14px !important;
        padding-left: 14px !important;
    }

    .large-pv- {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
}

@media screen and (min-width: 769px) {
    .large-and-up-p- {
        padding: 14px !important;
    }

    .large-and-up-pt- {
        padding-top: 14px !important;
    }

    .large-and-up-pr- {
        padding-right: 14px !important;
    }

    .large-and-up-pb- {
        padding-bottom: 14px !important;
    }

    .large-and-up-pl- {
        padding-left: 14px !important;
    }

    .large-and-up-ph- {
        padding-right: 14px !important;
        padding-left: 14px !important;
    }

    .large-and-up-pv- {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
}

@media screen and (min-width: 1025px) {
    .extralarge-and-up-p- {
        padding: 14px !important;
    }

    .extralarge-and-up-pt- {
        padding-top: 14px !important;
    }

    .extralarge-and-up-pr- {
        padding-right: 14px !important;
    }

    .extralarge-and-up-pb- {
        padding-bottom: 14px !important;
    }

    .extralarge-and-up-pl- {
        padding-left: 14px !important;
    }

    .extralarge-and-up-ph- {
        padding-right: 14px !important;
        padding-left: 14px !important;
    }

    .extralarge-and-up-pv- {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
}

/**
 * Add large paddings.
 */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .medium-p\+ {
        padding: 56px !important;
    }

    .medium-pt\+ {
        padding-top: 56px !important;
    }

    .medium-pr\+ {
        padding-right: 56px !important;
    }

    .medium-pb\+ {
        padding-bottom: 56px !important;
    }

    .medium-pl\+ {
        padding-left: 56px !important;
    }

    .medium-ph\+ {
        padding-right: 56px !important;
        padding-left: 56px !important;
    }

    .medium-pv\+ {
        padding-top: 56px !important;
        padding-bottom: 56px !important;
    }
}

@media screen and (min-width: 481px) {
    .medium-and-up-p\+ {
        padding: 56px !important;
    }

    .medium-and-up-pt\+ {
        padding-top: 56px !important;
    }

    .medium-and-up-pr\+ {
        padding-right: 56px !important;
    }

    .medium-and-up-pb\+ {
        padding-bottom: 56px !important;
    }

    .medium-and-up-pl\+ {
        padding-left: 56px !important;
    }

    .medium-and-up-ph\+ {
        padding-right: 56px !important;
        padding-left: 56px !important;
    }

    .medium-and-up-pv\+ {
        padding-top: 56px !important;
        padding-bottom: 56px !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .large-p\+ {
        padding: 56px !important;
    }

    .large-pt\+ {
        padding-top: 56px !important;
    }

    .large-pr\+ {
        padding-right: 56px !important;
    }

    .large-pb\+ {
        padding-bottom: 56px !important;
    }

    .large-pl\+ {
        padding-left: 56px !important;
    }

    .large-ph\+ {
        padding-right: 56px !important;
        padding-left: 56px !important;
    }

    .large-pv\+ {
        padding-top: 56px !important;
        padding-bottom: 56px !important;
    }
}

@media screen and (min-width: 769px) {
    .large-and-up-p\+ {
        padding: 56px !important;
    }

    .large-and-up-pt\+ {
        padding-top: 56px !important;
    }

    .large-and-up-pr\+ {
        padding-right: 56px !important;
    }

    .large-and-up-pb\+ {
        padding-bottom: 56px !important;
    }

    .large-and-up-pl\+ {
        padding-left: 56px !important;
    }

    .large-and-up-ph\+ {
        padding-right: 56px !important;
        padding-left: 56px !important;
    }

    .large-and-up-pv\+ {
        padding-top: 56px !important;
        padding-bottom: 56px !important;
    }
}

@media screen and (min-width: 1025px) {
    .extralarge-and-up-p\+ {
        padding: 56px !important;
    }

    .extralarge-and-up-pt\+ {
        padding-top: 56px !important;
    }

    .extralarge-and-up-pr\+ {
        padding-right: 56px !important;
    }

    .extralarge-and-up-pb\+ {
        padding-bottom: 56px !important;
    }

    .extralarge-and-up-pl\+ {
        padding-left: 56px !important;
    }

    .extralarge-and-up-ph\+ {
        padding-right: 56px !important;
        padding-left: 56px !important;
    }

    .extralarge-and-up-pv\+ {
        padding-top: 56px !important;
        padding-bottom: 56px !important;
    }
}

/**
 * Add huge paddings.
 */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .medium-p\+\+ {
        padding: 112px !important;
    }

    .medium-pt\+\+ {
        padding-top: 112px !important;
    }

    .medium-pr\+\+ {
        padding-right: 112px !important;
    }

    .medium-pb\+\+ {
        padding-bottom: 112px !important;
    }

    .medium-pl\+\+ {
        padding-left: 112px !important;
    }

    .medium-ph\+\+ {
        padding-right: 112px !important;
        padding-left: 112px !important;
    }

    .medium-pv\+\+ {
        padding-top: 112px !important;
        padding-bottom: 112px !important;
    }
}

@media screen and (min-width: 481px) {
    .medium-and-up-p\+\+ {
        padding: 112px !important;
    }

    .medium-and-up-pt\+\+ {
        padding-top: 112px !important;
    }

    .medium-and-up-pr\+\+ {
        padding-right: 112px !important;
    }

    .medium-and-up-pb\+\+ {
        padding-bottom: 112px !important;
    }

    .medium-and-up-pl\+\+ {
        padding-left: 112px !important;
    }

    .medium-and-up-ph\+\+ {
        padding-right: 112px !important;
        padding-left: 112px !important;
    }

    .medium-and-up-pv\+\+ {
        padding-top: 112px !important;
        padding-bottom: 112px !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .large-p\+\+ {
        padding: 112px !important;
    }

    .large-pt\+\+ {
        padding-top: 112px !important;
    }

    .large-pr\+\+ {
        padding-right: 112px !important;
    }

    .large-pb\+\+ {
        padding-bottom: 112px !important;
    }

    .large-pl\+\+ {
        padding-left: 112px !important;
    }

    .large-ph\+\+ {
        padding-right: 112px !important;
        padding-left: 112px !important;
    }

    .large-pv\+\+ {
        padding-top: 112px !important;
        padding-bottom: 112px !important;
    }
}

@media screen and (min-width: 769px) {
    .large-and-up-p\+\+ {
        padding: 112px !important;
    }

    .large-and-up-pt\+\+ {
        padding-top: 112px !important;
    }

    .large-and-up-pr\+\+ {
        padding-right: 112px !important;
    }

    .large-and-up-pb\+\+ {
        padding-bottom: 112px !important;
    }

    .large-and-up-pl\+\+ {
        padding-left: 112px !important;
    }

    .large-and-up-ph\+\+ {
        padding-right: 112px !important;
        padding-left: 112px !important;
    }

    .large-and-up-pv\+\+ {
        padding-top: 112px !important;
        padding-bottom: 112px !important;
    }
}

@media screen and (min-width: 1025px) {
    .extralarge-and-up-p\+\+ {
        padding: 112px !important;
    }

    .extralarge-and-up-pt\+\+ {
        padding-top: 112px !important;
    }

    .extralarge-and-up-pr\+\+ {
        padding-right: 112px !important;
    }

    .extralarge-and-up-pb\+\+ {
        padding-bottom: 112px !important;
    }

    .extralarge-and-up-pl\+\+ {
        padding-left: 112px !important;
    }

    .extralarge-and-up-ph\+\+ {
        padding-right: 112px !important;
        padding-left: 112px !important;
    }

    .extralarge-and-up-pv\+\+ {
        padding-top: 112px !important;
        padding-bottom: 112px !important;
    }
}

/**
 * Remove paddings.
 */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .medium-p0 {
        padding: 0 !important;
    }

    .medium-pt0 {
        padding-top: 0 !important;
    }

    .medium-pr0 {
        padding-right: 0 !important;
    }

    .medium-pb0 {
        padding-bottom: 0 !important;
    }

    .medium-pl0 {
        padding-left: 0 !important;
    }

    .medium-ph0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .medium-pv0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

@media screen and (min-width: 481px) {
    .medium-and-up-p0 {
        padding: 0 !important;
    }

    .medium-and-up-pt0 {
        padding-top: 0 !important;
    }

    .medium-and-up-pr0 {
        padding-right: 0 !important;
    }

    .medium-and-up-pb0 {
        padding-bottom: 0 !important;
    }

    .medium-and-up-pl0 {
        padding-left: 0 !important;
    }

    .medium-and-up-ph0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .medium-and-up-pv0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .large-p0 {
        padding: 0 !important;
    }

    .large-pt0 {
        padding-top: 0 !important;
    }

    .large-pr0 {
        padding-right: 0 !important;
    }

    .large-pb0 {
        padding-bottom: 0 !important;
    }

    .large-pl0 {
        padding-left: 0 !important;
    }

    .large-ph0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .large-pv0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

@media screen and (min-width: 769px) {
    .large-and-up-p0 {
        padding: 0 !important;
    }

    .large-and-up-pt0 {
        padding-top: 0 !important;
    }

    .large-and-up-pr0 {
        padding-right: 0 !important;
    }

    .large-and-up-pb0 {
        padding-bottom: 0 !important;
    }

    .large-and-up-pl0 {
        padding-left: 0 !important;
    }

    .large-and-up-ph0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .large-and-up-pv0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

@media screen and (min-width: 1025px) {
    .extralarge-and-up-p0 {
        padding: 0 !important;
    }

    .extralarge-and-up-pt0 {
        padding-top: 0 !important;
    }

    .extralarge-and-up-pr0 {
        padding-right: 0 !important;
    }

    .extralarge-and-up-pb0 {
        padding-bottom: 0 !important;
    }

    .extralarge-and-up-pl0 {
        padding-left: 0 !important;
    }

    .extralarge-and-up-ph0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .extralarge-and-up-pv0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

/*------------------------------------*\
    67. Widths
\*------------------------------------*/
/**
 * A series of width helper classes that you can use to size things like grid
 * systems. Classes can take a fraction-like format (e.g. `.2/3`) or a spoken-
 * word format (e.g. `two-thirds`). Toggle formats by overriding the
 * `$inuit-use-fractions` variable defined below.
 */
/**
 * Whole.
 */
[class~="1/1"] {
    width: 100% !important;
}

/**
 * Halves.
 */
[class~="1/2"],
[class~="2/4"],
[class~="3/6"],
[class~="4/8"],
[class~="5/10"],
[class~="6/12"] {
    width: 50% !important;
}

/**
 * Thirds.
 */
[class~="1/3"],
[class~="2/6"],
[class~="3/9"],
[class~="4/12"] {
    width: 33.3333333% !important;
}

[class~="2/3"],
[class~="4/6"],
[class~="6/9"],
[class~="8/12"] {
    width: 66.6666666% !important;
}

/**
 * Quarters.
 */
[class~="1/4"],
[class~="2/8"],
[class~="3/12"] {
    width: 25% !important;
}

[class~="3/4"],
[class~="6/8"],
[class~="9/12"] {
    width: 75% !important;
}

/**
 * Fifths.
 */
[class~="1/5"],
[class~="2/10"] {
    width: 20% !important;
}

[class~="2/5"],
[class~="4/10"] {
    width: 40% !important;
}

[class~="3/5"],
[class~="6/10"] {
    width: 60% !important;
}

[class~="4/5"],
[class~="8/10"] {
    width: 80% !important;
}

/**
 * Sixths.
 */
[class~="1/6"],
[class~="2/12"] {
    width: 16.6666666% !important;
}

[class~="5/6"],
[class~="10/12"] {
    width: 83.3333333% !important;
}

/**
 * Eighths.
 */
[class~="1/8"] {
    width: 12.5% !important;
}

[class~="3/8"] {
    width: 37.5% !important;
}

[class~="5/8"] {
    width: 62.5% !important;
}

[class~="7/8"] {
    width: 87.5% !important;
}

/**
 * Ninths.
 */
[class~="1/9"] {
    width: 11.1111111% !important;
}

[class~="2/9"] {
    width: 22.2222222% !important;
}

[class~="4/9"] {
    width: 44.4444444% !important;
}

[class~="5/9"] {
    width: 55.5555555% !important;
}

[class~="7/9"] {
    width: 77.7777777% !important;
}

[class~="8/9"] {
    width: 88.8888888% !important;
}

/**
 * Tenths.
 */
[class~="1/10"] {
    width: 10% !important;
}

[class~="3/10"] {
    width: 30% !important;
}

[class~="7/10"] {
    width: 70% !important;
}

[class~="9/10"] {
    width: 90% !important;
}

/**
 * Twelfths.
 */
[class~="1/12"] {
    width: 8.3333333% !important;
}

[class~="5/12"] {
    width: 41.6666666% !important;
}

[class~="7/12"] {
    width: 58.3333333% !important;
}

[class~="11/12"] {
    width: 91.6666666% !important;
}

/*------------------------------------*\
    68. Widths responsive
\*------------------------------------*/
/**
 * Responsive width classes based on your responsive settings.
 */
@media screen and (min-width: 481px) and (max-width: 768px) {
    /**
   * Whole.
   */
    [class~="medium-1/1"] {
        width: 100% !important;
    }

    /**
   * Halves.
   */
    [class~="medium-1/2"],
    [class~="medium-2/4"],
    [class~="medium-3/6"],
    [class~="medium-4/8"],
    [class~="medium-5/10"],
    [class~="medium-6/12"] {
        width: 50% !important;
    }

    /**
   * Thirds.
   */
    [class~="medium-1/3"],
    [class~="medium-2/6"],
    [class~="medium-3/9"],
    [class~="medium-4/12"] {
        width: 33.3333333% !important;
    }

    [class~="medium-2/3"],
    [class~="medium-4/6"],
    [class~="medium-6/9"],
    [class~="medium-8/12"] {
        width: 66.6666666% !important;
    }

    /**
   * Quarters.
   */
    [class~="medium-1/4"],
    [class~="medium-2/8"],
    [class~="medium-3/12"] {
        width: 25% !important;
    }

    [class~="medium-3/4"],
    [class~="medium-6/8"],
    [class~="medium-9/12"] {
        width: 75% !important;
    }

    /**
   * Fifths.
   */
    [class~="medium-1/5"],
    [class~="medium-2/10"] {
        width: 20% !important;
    }

    [class~="medium-2/5"],
    [class~="medium-4/10"] {
        width: 40% !important;
    }

    [class~="medium-3/5"],
    [class~="medium-6/10"] {
        width: 60% !important;
    }

    [class~="medium-4/5"],
    [class~="medium-8/10"] {
        width: 80% !important;
    }

    /**
   * Sixths.
   */
    [class~="medium-1/6"],
    [class~="medium-2/12"] {
        width: 16.6666666% !important;
    }

    [class~="medium-5/6"],
    [class~="medium-10/12"] {
        width: 83.3333333% !important;
    }

    /**
   * Eighths.
   */
    [class~="medium-1/8"] {
        width: 12.5% !important;
    }

    [class~="medium-3/8"] {
        width: 37.5% !important;
    }

    [class~="medium-5/8"] {
        width: 62.5% !important;
    }

    [class~="medium-7/8"] {
        width: 87.5% !important;
    }

    /**
   * Ninths.
   */
    [class~="medium-1/9"] {
        width: 11.1111111% !important;
    }

    [class~="medium-2/9"] {
        width: 22.2222222% !important;
    }

    [class~="medium-4/9"] {
        width: 44.4444444% !important;
    }

    [class~="medium-5/9"] {
        width: 55.5555555% !important;
    }

    [class~="medium-7/9"] {
        width: 77.7777777% !important;
    }

    [class~="medium-8/9"] {
        width: 88.8888888% !important;
    }

    /**
   * Tenths.
   */
    [class~="medium-1/10"] {
        width: 10% !important;
    }

    [class~="medium-3/10"] {
        width: 30% !important;
    }

    [class~="medium-7/10"] {
        width: 70% !important;
    }

    [class~="medium-9/10"] {
        width: 90% !important;
    }

    /**
   * Twelfths.
   */
    [class~="medium-1/12"] {
        width: 8.3333333% !important;
    }

    [class~="medium-5/12"] {
        width: 41.6666666% !important;
    }

    [class~="medium-7/12"] {
        width: 58.3333333% !important;
    }

    [class~="medium-11/12"] {
        width: 91.6666666% !important;
    }
}

@media screen and (min-width: 481px) {
    /**
   * Whole.
   */
    [class~="medium-and-up-1/1"] {
        width: 100% !important;
    }

    /**
   * Halves.
   */
    [class~="medium-and-up-1/2"],
    [class~="medium-and-up-2/4"],
    [class~="medium-and-up-3/6"],
    [class~="medium-and-up-4/8"],
    [class~="medium-and-up-5/10"],
    [class~="medium-and-up-6/12"] {
        width: 50% !important;
    }

    /**
   * Thirds.
   */
    [class~="medium-and-up-1/3"],
    [class~="medium-and-up-2/6"],
    [class~="medium-and-up-3/9"],
    [class~="medium-and-up-4/12"] {
        width: 33.3333333% !important;
    }

    [class~="medium-and-up-2/3"],
    [class~="medium-and-up-4/6"],
    [class~="medium-and-up-6/9"],
    [class~="medium-and-up-8/12"] {
        width: 66.6666666% !important;
    }

    /**
   * Quarters.
   */
    [class~="medium-and-up-1/4"],
    [class~="medium-and-up-2/8"],
    [class~="medium-and-up-3/12"] {
        width: 25% !important;
    }

    [class~="medium-and-up-3/4"],
    [class~="medium-and-up-6/8"],
    [class~="medium-and-up-9/12"] {
        width: 75% !important;
    }

    /**
   * Fifths.
   */
    [class~="medium-and-up-1/5"],
    [class~="medium-and-up-2/10"] {
        width: 20% !important;
    }

    [class~="medium-and-up-2/5"],
    [class~="medium-and-up-4/10"] {
        width: 40% !important;
    }

    [class~="medium-and-up-3/5"],
    [class~="medium-and-up-6/10"] {
        width: 60% !important;
    }

    [class~="medium-and-up-4/5"],
    [class~="medium-and-up-8/10"] {
        width: 80% !important;
    }

    /**
   * Sixths.
   */
    [class~="medium-and-up-1/6"],
    [class~="medium-and-up-2/12"] {
        width: 16.6666666% !important;
    }

    [class~="medium-and-up-5/6"],
    [class~="medium-and-up-10/12"] {
        width: 83.3333333% !important;
    }

    /**
   * Eighths.
   */
    [class~="medium-and-up-1/8"] {
        width: 12.5% !important;
    }

    [class~="medium-and-up-3/8"] {
        width: 37.5% !important;
    }

    [class~="medium-and-up-5/8"] {
        width: 62.5% !important;
    }

    [class~="medium-and-up-7/8"] {
        width: 87.5% !important;
    }

    /**
   * Ninths.
   */
    [class~="medium-and-up-1/9"] {
        width: 11.1111111% !important;
    }

    [class~="medium-and-up-2/9"] {
        width: 22.2222222% !important;
    }

    [class~="medium-and-up-4/9"] {
        width: 44.4444444% !important;
    }

    [class~="medium-and-up-5/9"] {
        width: 55.5555555% !important;
    }

    [class~="medium-and-up-7/9"] {
        width: 77.7777777% !important;
    }

    [class~="medium-and-up-8/9"] {
        width: 88.8888888% !important;
    }

    /**
   * Tenths.
   */
    [class~="medium-and-up-1/10"] {
        width: 10% !important;
    }

    [class~="medium-and-up-3/10"] {
        width: 30% !important;
    }

    [class~="medium-and-up-7/10"] {
        width: 70% !important;
    }

    [class~="medium-and-up-9/10"] {
        width: 90% !important;
    }

    /**
   * Twelfths.
   */
    [class~="medium-and-up-1/12"] {
        width: 8.3333333% !important;
    }

    [class~="medium-and-up-5/12"] {
        width: 41.6666666% !important;
    }

    [class~="medium-and-up-7/12"] {
        width: 58.3333333% !important;
    }

    [class~="medium-and-up-11/12"] {
        width: 91.6666666% !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    /**
   * Whole.
   */
    [class~="large-1/1"] {
        width: 100% !important;
    }

    /**
   * Halves.
   */
    [class~="large-1/2"],
    [class~="large-2/4"],
    [class~="large-3/6"],
    [class~="large-4/8"],
    [class~="large-5/10"],
    [class~="large-6/12"] {
        width: 50% !important;
    }

    /**
   * Thirds.
   */
    [class~="large-1/3"],
    [class~="large-2/6"],
    [class~="large-3/9"],
    [class~="large-4/12"] {
        width: 33.3333333% !important;
    }

    [class~="large-2/3"],
    [class~="large-4/6"],
    [class~="large-6/9"],
    [class~="large-8/12"] {
        width: 66.6666666% !important;
    }

    /**
   * Quarters.
   */
    [class~="large-1/4"],
    [class~="large-2/8"],
    [class~="large-3/12"] {
        width: 25% !important;
    }

    [class~="large-3/4"],
    [class~="large-6/8"],
    [class~="large-9/12"] {
        width: 75% !important;
    }

    /**
   * Fifths.
   */
    [class~="large-1/5"],
    [class~="large-2/10"] {
        width: 20% !important;
    }

    [class~="large-2/5"],
    [class~="large-4/10"] {
        width: 40% !important;
    }

    [class~="large-3/5"],
    [class~="large-6/10"] {
        width: 60% !important;
    }

    [class~="large-4/5"],
    [class~="large-8/10"] {
        width: 80% !important;
    }

    /**
   * Sixths.
   */
    [class~="large-1/6"],
    [class~="large-2/12"] {
        width: 16.6666666% !important;
    }

    [class~="large-5/6"],
    [class~="large-10/12"] {
        width: 83.3333333% !important;
    }

    /**
   * Eighths.
   */
    [class~="large-1/8"] {
        width: 12.5% !important;
    }

    [class~="large-3/8"] {
        width: 37.5% !important;
    }

    [class~="large-5/8"] {
        width: 62.5% !important;
    }

    [class~="large-7/8"] {
        width: 87.5% !important;
    }

    /**
   * Ninths.
   */
    [class~="large-1/9"] {
        width: 11.1111111% !important;
    }

    [class~="large-2/9"] {
        width: 22.2222222% !important;
    }

    [class~="large-4/9"] {
        width: 44.4444444% !important;
    }

    [class~="large-5/9"] {
        width: 55.5555555% !important;
    }

    [class~="large-7/9"] {
        width: 77.7777777% !important;
    }

    [class~="large-8/9"] {
        width: 88.8888888% !important;
    }

    /**
   * Tenths.
   */
    [class~="large-1/10"] {
        width: 10% !important;
    }

    [class~="large-3/10"] {
        width: 30% !important;
    }

    [class~="large-7/10"] {
        width: 70% !important;
    }

    [class~="large-9/10"] {
        width: 90% !important;
    }

    /**
   * Twelfths.
   */
    [class~="large-1/12"] {
        width: 8.3333333% !important;
    }

    [class~="large-5/12"] {
        width: 41.6666666% !important;
    }

    [class~="large-7/12"] {
        width: 58.3333333% !important;
    }

    [class~="large-11/12"] {
        width: 91.6666666% !important;
    }
}

@media screen and (min-width: 769px) {
    /**
   * Whole.
   */
    [class~="large-and-up-1/1"] {
        width: 100% !important;
    }

    /**
   * Halves.
   */
    [class~="large-and-up-1/2"],
    [class~="large-and-up-2/4"],
    [class~="large-and-up-3/6"],
    [class~="large-and-up-4/8"],
    [class~="large-and-up-5/10"],
    [class~="large-and-up-6/12"] {
        width: 50% !important;
    }

    /**
   * Thirds.
   */
    [class~="large-and-up-1/3"],
    [class~="large-and-up-2/6"],
    [class~="large-and-up-3/9"],
    [class~="large-and-up-4/12"] {
        width: 33.3333333% !important;
    }

    [class~="large-and-up-2/3"],
    [class~="large-and-up-4/6"],
    [class~="large-and-up-6/9"],
    [class~="large-and-up-8/12"] {
        width: 66.6666666% !important;
    }

    /**
   * Quarters.
   */
    [class~="large-and-up-1/4"],
    [class~="large-and-up-2/8"],
    [class~="large-and-up-3/12"] {
        width: 25% !important;
    }

    [class~="large-and-up-3/4"],
    [class~="large-and-up-6/8"],
    [class~="large-and-up-9/12"] {
        width: 75% !important;
    }

    /**
   * Fifths.
   */
    [class~="large-and-up-1/5"],
    [class~="large-and-up-2/10"] {
        width: 20% !important;
    }

    [class~="large-and-up-2/5"],
    [class~="large-and-up-4/10"] {
        width: 40% !important;
    }

    [class~="large-and-up-3/5"],
    [class~="large-and-up-6/10"] {
        width: 60% !important;
    }

    [class~="large-and-up-4/5"],
    [class~="large-and-up-8/10"] {
        width: 80% !important;
    }

    /**
   * Sixths.
   */
    [class~="large-and-up-1/6"],
    [class~="large-and-up-2/12"] {
        width: 16.6666666% !important;
    }

    [class~="large-and-up-5/6"],
    [class~="large-and-up-10/12"] {
        width: 83.3333333% !important;
    }

    /**
   * Eighths.
   */
    [class~="large-and-up-1/8"] {
        width: 12.5% !important;
    }

    [class~="large-and-up-3/8"] {
        width: 37.5% !important;
    }

    [class~="large-and-up-5/8"] {
        width: 62.5% !important;
    }

    [class~="large-and-up-7/8"] {
        width: 87.5% !important;
    }

    /**
   * Ninths.
   */
    [class~="large-and-up-1/9"] {
        width: 11.1111111% !important;
    }

    [class~="large-and-up-2/9"] {
        width: 22.2222222% !important;
    }

    [class~="large-and-up-4/9"] {
        width: 44.4444444% !important;
    }

    [class~="large-and-up-5/9"] {
        width: 55.5555555% !important;
    }

    [class~="large-and-up-7/9"] {
        width: 77.7777777% !important;
    }

    [class~="large-and-up-8/9"] {
        width: 88.8888888% !important;
    }

    /**
   * Tenths.
   */
    [class~="large-and-up-1/10"] {
        width: 10% !important;
    }

    [class~="large-and-up-3/10"] {
        width: 30% !important;
    }

    [class~="large-and-up-7/10"] {
        width: 70% !important;
    }

    [class~="large-and-up-9/10"] {
        width: 90% !important;
    }

    /**
   * Twelfths.
   */
    [class~="large-and-up-1/12"] {
        width: 8.3333333% !important;
    }

    [class~="large-and-up-5/12"] {
        width: 41.6666666% !important;
    }

    [class~="large-and-up-7/12"] {
        width: 58.3333333% !important;
    }

    [class~="large-and-up-11/12"] {
        width: 91.6666666% !important;
    }
}

@media screen and (min-width: 1025px) {
    /**
   * Whole.
   */
    [class~="extralarge-and-up-1/1"] {
        width: 100% !important;
    }

    /**
   * Halves.
   */
    [class~="extralarge-and-up-1/2"],
    [class~="extralarge-and-up-2/4"],
    [class~="extralarge-and-up-3/6"],
    [class~="extralarge-and-up-4/8"],
    [class~="extralarge-and-up-5/10"],
    [class~="extralarge-and-up-6/12"] {
        width: 50% !important;
    }

    /**
   * Thirds.
   */
    [class~="extralarge-and-up-1/3"],
    [class~="extralarge-and-up-2/6"],
    [class~="extralarge-and-up-3/9"],
    [class~="extralarge-and-up-4/12"] {
        width: 33.3333333% !important;
    }

    [class~="extralarge-and-up-2/3"],
    [class~="extralarge-and-up-4/6"],
    [class~="extralarge-and-up-6/9"],
    [class~="extralarge-and-up-8/12"] {
        width: 66.6666666% !important;
    }

    /**
   * Quarters.
   */
    [class~="extralarge-and-up-1/4"],
    [class~="extralarge-and-up-2/8"],
    [class~="extralarge-and-up-3/12"] {
        width: 25% !important;
    }

    [class~="extralarge-and-up-3/4"],
    [class~="extralarge-and-up-6/8"],
    [class~="extralarge-and-up-9/12"] {
        width: 75% !important;
    }

    /**
   * Fifths.
   */
    [class~="extralarge-and-up-1/5"],
    [class~="extralarge-and-up-2/10"] {
        width: 20% !important;
    }

    [class~="extralarge-and-up-2/5"],
    [class~="extralarge-and-up-4/10"] {
        width: 40% !important;
    }

    [class~="extralarge-and-up-3/5"],
    [class~="extralarge-and-up-6/10"] {
        width: 60% !important;
    }

    [class~="extralarge-and-up-4/5"],
    [class~="extralarge-and-up-8/10"] {
        width: 80% !important;
    }

    /**
   * Sixths.
   */
    [class~="extralarge-and-up-1/6"],
    [class~="extralarge-and-up-2/12"] {
        width: 16.6666666% !important;
    }

    [class~="extralarge-and-up-5/6"],
    [class~="extralarge-and-up-10/12"] {
        width: 83.3333333% !important;
    }

    /**
   * Eighths.
   */
    [class~="extralarge-and-up-1/8"] {
        width: 12.5% !important;
    }

    [class~="extralarge-and-up-3/8"] {
        width: 37.5% !important;
    }

    [class~="extralarge-and-up-5/8"] {
        width: 62.5% !important;
    }

    [class~="extralarge-and-up-7/8"] {
        width: 87.5% !important;
    }

    /**
   * Ninths.
   */
    [class~="extralarge-and-up-1/9"] {
        width: 11.1111111% !important;
    }

    [class~="extralarge-and-up-2/9"] {
        width: 22.2222222% !important;
    }

    [class~="extralarge-and-up-4/9"] {
        width: 44.4444444% !important;
    }

    [class~="extralarge-and-up-5/9"] {
        width: 55.5555555% !important;
    }

    [class~="extralarge-and-up-7/9"] {
        width: 77.7777777% !important;
    }

    [class~="extralarge-and-up-8/9"] {
        width: 88.8888888% !important;
    }

    /**
   * Tenths.
   */
    [class~="extralarge-and-up-1/10"] {
        width: 10% !important;
    }

    [class~="extralarge-and-up-3/10"] {
        width: 30% !important;
    }

    [class~="extralarge-and-up-7/10"] {
        width: 70% !important;
    }

    [class~="extralarge-and-up-9/10"] {
        width: 90% !important;
    }

    /**
   * Twelfths.
   */
    [class~="extralarge-and-up-1/12"] {
        width: 8.3333333% !important;
    }

    [class~="extralarge-and-up-5/12"] {
        width: 41.6666666% !important;
    }

    [class~="extralarge-and-up-7/12"] {
        width: 58.3333333% !important;
    }

    [class~="extralarge-and-up-11/12"] {
        width: 91.6666666% !important;
    }
}

/*------------------------------------*\
    69. Clearfix
\*------------------------------------*/
/**
 * Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
 * Extend the clearfix class with Sass to avoid the `.clearfix` class appearing
 * over and over in your markup.
 */
.clearfix:after,
.media:after,
.box:after {
    content: "";
    display: table;
    clear: both;
}

/*------------------------------------*\
    70. Helpers
\*------------------------------------*/
/* --------------------------------------------------------------------------------------
+
+ HELPER CLASSES
+
-------------------------------------------------------------------------------------- */
.hidden {
    display: none !important;
}

.visuallyhidden {
    position: absolute;
    left: -999em;
}

.invisible {
    visibility: hidden !important;
}

.no-transition,
.no-transition * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}

.amp {
    font-family: Baskerville, Palatino, "Palatino Linotype", "Book Antiqua", serif;
    font-size: 1.4em;
    font-style: italic;
    font-weight: normal;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.img-cover-wrap {
    position: relative;
    overflow: hidden;
}

.img-cover {
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    max-height: none;
    max-width: none;
}

.hide-item {
    opacity: 0;
    -moz-transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -webkit-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
    transition: none;
}

/*------------------------------------*\
    71. Type
\*------------------------------------*/
/* --------------------------------------------------------------------------------------
+
+ TYPE
+
-------------------------------------------------------------------------------------- */
.type-light {
    font-weight: 300 !important;
}

.type-normal {
    font-weight: 400 !important;
}

.type-semibold {
    font-weight: 600 !important;
}

.type-bold {
    font-weight: 700 !important;
}

.type-extrabold {
    font-weight: 800 !important;
}

.type-uppercase {
    text-transform: uppercase !important;
}

.type-lowercase {
    text-transform: lowercase !important;
}

.type-capitalize {
    text-transform: capitalize !important;
}

.type-no-transfrom {
    text-transform: none !important;
}

/*------------------------------------*\
    72. Colors
\*------------------------------------*/
.color-dark {
    color: #2d3031 !important;
}

/*------------------------------------*\
    73. Generic-responsive
\*------------------------------------*/
/**
 * Generate custom classes for diferent screen sizes
 */
@media screen and (min-width: 481px) and (max-width: 768px) {
    /*
   * Generic responsive classes for text alignment
   */
    .text-left-medium {
        text-align: left !important;
    }

    .text-center-medium {
        text-align: center !important;
    }

    .text-right-medium {
        text-align: right !important;
    }

    .none-medium {
        display: none !important;
    }

    .float-none-medium {
        float: none !important;
    }

    .float-left-medium {
        float: left !important;
    }

    .float-right-medium {
        float: right !important;
    }
}

@media screen and (min-width: 481px) {
    /*
   * Generic responsive classes for text alignment
   */
    .text-left-medium-and-up {
        text-align: left !important;
    }

    .text-center-medium-and-up {
        text-align: center !important;
    }

    .text-right-medium-and-up {
        text-align: right !important;
    }

    .none-medium-and-up {
        display: none !important;
    }

    .float-none-medium-and-up {
        float: none !important;
    }

    .float-left-medium-and-up {
        float: left !important;
    }

    .float-right-medium-and-up {
        float: right !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    /*
   * Generic responsive classes for text alignment
   */
    .text-left-large {
        text-align: left !important;
    }

    .text-center-large {
        text-align: center !important;
    }

    .text-right-large {
        text-align: right !important;
    }

    .none-large {
        display: none !important;
    }

    .float-none-large {
        float: none !important;
    }

    .float-left-large {
        float: left !important;
    }

    .float-right-large {
        float: right !important;
    }
}

@media screen and (min-width: 769px) {
    /*
   * Generic responsive classes for text alignment
   */
    .text-left-large-and-up {
        text-align: left !important;
    }

    .text-center-large-and-up {
        text-align: center !important;
    }

    .text-right-large-and-up {
        text-align: right !important;
    }

    .none-large-and-up {
        display: none !important;
    }

    .float-none-large-and-up {
        float: none !important;
    }

    .float-left-large-and-up {
        float: left !important;
    }

    .float-right-large-and-up {
        float: right !important;
    }
}

@media screen and (min-width: 1025px) {
    /*
   * Generic responsive classes for text alignment
   */
    .text-left-extralarge-and-up {
        text-align: left !important;
    }

    .text-center-extralarge-and-up {
        text-align: center !important;
    }

    .text-right-extralarge-and-up {
        text-align: right !important;
    }

    .none-extralarge-and-up {
        display: none !important;
    }

    .float-none-extralarge-and-up {
        float: none !important;
    }

    .float-left-extralarge-and-up {
        float: left !important;
    }

    .float-right-extralarge-and-up {
        float: right !important;
    }
}

/*------------------------------------*\
    74. Print
\*------------------------------------*/
/**
 * Very crude, reset-like styles taken from the HTML5 Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/3c3c5e64604209a4d63e1e4c48dd245d45fadfd9/css/main.css#L200-L234
 */
@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /**
   * Don’t show links that are fragment identifiers, or use the `javascript:`
   * pseudo protocol.
   */
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }
}

/*------------------------------------*\
    75. Screen Reader
\*------------------------------------*/
/* 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-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. */
}

.single .entry-content .wp-caption-text a {
  display: inline;
  margin: 0 !important;
}

/*------------------------------------*\
    76. Third-party plugins
\*------------------------------------*/

li.essb_item:before {
    content: none;
}

.et_social_icons_container li:before {
    content: none;
}