/*----------------------------------------------------------------------------
    TABLE OF CONTENTS:
------------------------------------------------------------------------------
    # Reset
        ## Browser Reset
        ## Normalize
        ## Forms
        ## Typography
        ## Elements
        ## Links
        ## Accessibility
        ## Clearings
        ## Media
        ## Gallery
        ## Page Builder Reset
    
    # Helper Class

    # Widgets
        ## General
        ## Search
        ## Recent Posts
        ## Recent Comments
        ## Text Widget
        ## Tag Cloud
        ## Calendar
        ## RSS
        ## Media Gallery
        ## Content Types

    # Content

    # Header
        ## General
        ## Top Area
        ## Bottom Area
        ## Sticky Header
        ## Sub Menu
        ## Mega Menu
        ## Left Logo Menu
        ## Left Logo Menu Joined
        ## Center Logo Split Menu
        ## Left Side Menu | Right Side Menu
        ## Right Side Menu ( overwrite )
        ## Overlay Center Menu
        ## Responsive Menu
        ## Menu Widget Area
        ## Sub Header

    # Small Area Elements
        ## General

    # Header Icon
        ## General
        ## Overlay Search
        ## Social Icons

    # Blog / Archives / Search
        ## General
        ## Left Image Right Content
        ## Masonry
        ## Pagination

    # Single Post
        ## General
        ## Featured Banner
        ## Meta Details
        ## Content
        ## Tags
        ## Author Box
        ## Comments
        ## Comment Form
        ## Next / Previous
        ## Related Post
        ## Banner Below Content
        ## Featured Meta Group Below Content

    # 404

    # Footer
        ## General
        ## Widget Area
        ## Footer Bottom
        ## Back To Top
        ## Body Overlay

    # Extras
        ## Tab
        ## Slick Slider
        ## Row Separator
        ## Preloader
        ## Loader
        ## Primary Color Reset
        ## Grid Creator Blocks

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





/* ---------------------------------------------------------------------------
 * Reset
------------------------------------------------------------------------------ */


/* Browser Reset ------------------------------------------------------------- */

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

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}


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

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

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

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

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

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

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: 600;
}

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

small {
    font-size: 80%;
}

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}


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

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

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

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 0;
    outline: none;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #f2f2f2;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
    border-color: #f2f2f2;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
select,
textarea {
    font-size: 14px;
    font-weight: normal;
    color: #626262;
    line-height: 50px;
    letter-spacing: 0.25px;
    width: 100%;
    height: 50px;
    padding: 0 0 0 15px;
    border: 1px solid #f2f2f2;
    display: inline-block;
    outline: none;
    position: relative;
}

button,
input,
select,
optgroup,
textarea {
    font-size: 14px;
    line-height: 2;

}

label {
    font-size: 14px;
    color: #4f4f4f;
    line-height: 1;
    margin: 0 0 20px 0;
    display: block;
}

textarea {
    padding: 15px;
    width: 100%;
    height: 200px;
}

select option {
    line-height: 2;
}

input[type=checkbox],
input[type="radio"] {
    margin: 0;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

::placeholder {
    color: #626262;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #626262;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #626262;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #626262;
}
:-moz-placeholder { /* Firefox 18- */
    color: #626262;
}


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

body {
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #626262;
    line-height: 2;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: 600;
    color: #383838;
    line-height: 1.8;
    clear: both;
}

.entry-content h1 {
    font-size: 36px;
    line-height: 1.4em;
    margin: 0 0 20px 0;
}

.entry-content h2 {
    font-size: 32px;
    line-height: 1.4em;
}

.entry-content h3 {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.2em;
}

.entry-content h4 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2em;
}

.entry-content h5 {
    font-size: 21px;
    font-weight: 600;
    line-height: 1em;
}

.entry-content h6 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1em;
}

p {
    line-height: 2;
    margin-bottom: 1.5em;
}

dfn, cite, em, i {
    font-style: italic;
}

blockquote {
    background: #f7f7f7;
    padding: 30px;
    border-left: 4px solid;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: 'Courier 10 Pitch', Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

code {
    font-size: 90%;
    color: #ffb1b5;
    background-color: #161616;
    padding: 0 4px;
    display: inline-block;
    border-radius: 2px;
}

abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark, ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}


/* Elements ------------------------------------------------------------------ */

html {
    box-sizing: border-box;
}

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

body {
    background: #fff;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0;
}

ul {
    list-style: disc inside;
}

ol {
    list-style: decimal inside;
}

ul li ul,
ol li ol,
ul li ol,
ol li ul {
    margin: 10px 0 0 20px;
}

dl > dt {
    font-weight: 500;
    width: 15%; 
    display: block;
    float: left;
}

dl > dt,
dl > dd {
    margin: 0;
    padding: 10px 0;
}

dl > dd {    
    padding: 10px 0 10px 15%;
    border-bottom: 1px solid #f2f2f2;
}

dl > dd:after {
    content: '';
    clear: both;
    display: block;
}

img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

img[height] {    
    height: 100%;
}

figure {
    margin: 1em 0;
}

table {
    margin: 20px 0 1.5em;
    width: 100%;
    border: 1px solid #f2f2f2;
    box-sizing: border-box;
}

tr {
    border-bottom: 1px solid #f2f2f2;
}

th {
    color: #383838;
    font-weight: 500;
}

th a {
    color: #ff3f49;
}

th,
td {
    padding: 8px 20px;
    border-right: 1px solid #f2f2f2;
}

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

a,
a:hover,
a:active,
a:focus {
    color: #161616;
    outline: 0;
}


/* Accessibility ------------------------------------------------------------- */

#content[tabindex="-1"]:focus {
    outline: 0;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.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;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

p:empty {
    display: none;
}


/* Clearings ----------------------------------------------------------------- */

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}


/* Media --------------------------------------------------------------------- */

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

embed,
iframe,
object {
    max-width: 100%;
}


/* Gallery ------------------------------------------------------------------- */

.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    margin: 0;
    width: 100%;
}

.gallery-item .wp-caption-text {
    background: none;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}


/* Page Builder Reset -------------------------------------------------------- */

.container .kc_column,
.container .kc_column_inner {
    padding-left: 0;
    padding-right: 0;
}

.kc_row.kc_row_inner {
    padding-left: 15px;
    padding-right: 15px;
}

.kingcomposer #content-wrapper {
    margin: 0;
}

.kc_row:not(.kc_row_inner) {
    position: relative;
}



/* ---------------------------------------------------------------------------
 * Helper Class
------------------------------------------------------------------------------ */

.fullwidth-container {
    width: 100%;
    max-width: 100%;
    padding: 0 60px;
}

.sub-text {
    color: #4f4f4f;
}

.title {
    font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
    line-height: 1.4;
    word-break: break-word;
}

.sub-title {
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    word-break: break-word;
}



/* ---------------------------------------------------------------------------
 * Widgets
------------------------------------------------------------------------------ */


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

.widget {
    margin: 0 0 40px 0;
    overflow: hidden;
}

.widget li {
    font-size: 15px;
    list-style-type: none;
    line-height: 2.8;
    margin: 0;
}

.widget li a {
    text-decoration: none;
    color: #626262;
}

.widget li a:hover {
    color: #626262;
}

.widget-title {
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #4f4f4f;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 20px 0;
    line-height: 1;
}

.widget select {
    line-height: 50px;
    padding: 0 0 0 10px;
    width: 100%;
    height: 50px;
    border: 1px solid #f2f2f2;
}


/* Search -------------------------------------------------------------------- */
    
.widget_search form {
    position: relative;
}

.widget_search form label {
    width: 100%;
}

.widget_search form label input {
    font-size: 14px;
    padding: 0px 10px;
    height: 50px;
}

.widget_search form .search-submit {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: #161616;
    letter-spacing: 0.5px;
    padding: 0 20px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
}


/* Recent Posts -------------------------------------------------------------- */
    
.widget_recent_entries li a {
    font-size: 15px;
    font-weight: 600;
    display: block;
}

.widget_recent_entries li .post-date {
    color: #666;
}


/* Recent Comments ----------------------------------------------------------- */
    
.widget_recent_comments li a {
    color: #4f4f4f;
    border-bottom: 1px solid;
}


/* Text Widget --------------------------------------------------------------- */
    
.widget_text .textwidget {
    font-size: 15px;
}

.textwidget strong {
    font-size: 15px;
    font-weight: 600;
    color: #4f4f4f;
    letter-spacing: 0.25px;
}

.textwidget .wp-caption-text {
    margin: 0 0 20px 0;
    padding: 10px 0 0 25px;
}


/* Tag Cloud ----------------------------------------------------------------- */
    
.widget_tag_cloud .tagcloud a {
    color: #fff;
    background: #383838;
    text-decoration: none; 
    margin: 5px 2px;
    padding: 6px 10px;
    display: inline-block;
}


/* Calendar ------------------------------------------------------------------ */

#wp-calendar {
    width: 100%;
    border: 0;
}

#wp-calendar caption { 
    font-size: 14px; 
    color: #161616; 
    text-align: right; 
    margin: 10px 0 15px 0;
}

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

#wp-calendar tr {
    border: 0;
}

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

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

#wp-calendar tbody td {    
    font-size: 13px;
    text-align: center;
    background: #f2f2f2;
    padding: 6px 10px;
    border: 1px solid #fff;
}

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

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

#wp-calendar tfoot td { 
    border: 0;
}

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

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


/* RSS ----------------------------------------------------------------------- */

.widget_rss li {
    margin: 0 0 30px 0;
    padding: 0 0 30px 0;
    line-height: 1.6;
    border-bottom: 1px solid #f2f2f2; 
}

.widget_rss li .rsswidget {    
    font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #383838;
}

.widget_rss li .rss-date {
    font-size: 13px;
    font-weight: 600;
    color: #626262;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    margin: 15px 0 0 0;
    display: block;
}

.widget_rss li .rssSummary {
    margin: 25px 0 0 0;
    line-height: 1.8;
}

.widget_rss li cite {
    margin: 20px 0 0 0;
    line-height: 1.8;
    display: block;
}

.widget_rss li cite:before {
    content: '- ';
}


/* Media Gallery ------------------------------------------------------------- */

.widget_media_gallery figure {
    margin: 0;
}


/* Content Types ------------------------------------------------------------- */

.widget-content-posts .widget-title {
    margin: 0 0 40px 0;
}

.widget-content-posts .post-item {
    margin: 0 0 40px 0;
    display: flex;
}

.widget-content-posts .post-thumb {
    margin: 0 20px 0 0;
}

.widget .post-content .meta {
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
}

.widget .post-content .meta,
.widget .post-content .meta a {
    color: #4f4f4f
}

.widget .post-item .title {
    font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin: 0;
}

.widget .post-item .title a {
    color: #383838;
}


/* Content Types ------------------------------------------------------------- */

.widget-trending-posts .widget-title {
    margin: 0 0 40px 0;
}

.widget-trending-posts .post-item {
    margin: 0 0 40px 0;
    display: flex;
}

.widget-trending-posts .number {
    font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
    font-size: 48px;
    color: #626262;
    line-height: 1;
    padding: 0 20px;
}

/* ---------------------------------------------------------------------------
 * Content
------------------------------------------------------------------------------ */

#content-wrapper {
    margin: 100px 0;
}

.wp-caption-text {
    background: #f8f8f8;
    text-align: center;
    line-height: normal;
    margin: 0;
    padding: 10px 0 5px;
    display: block;
}

.wp-caption {
    line-height: 0;
    margin: 0;
    max-width: 100%;
    display: block;
    border: 6px solid #f7f7f7; 
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

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

.alignleft {
    float: left;
    margin: 15px 15px 15px 0;
}

.alignright {
    float: right;
    margin: 15px 0 15px 15px;
}

.aligncenter {
    text-align: center;
    margin: 0 auto;
    display: block;
}

.entry-content ul,
.entry-content ol {
    margin: 0 0 0 10px;
}

.left-sidebar .content-area,
.dual-left-sidebar .content-area {
    float: right;
}

.layout-left-right-sidebar {
    display: flex;
}

.left-right-sidebar .first-widget-area {
    order: 1;
}

.left-right-sidebar .content-area {
    order: 2;
}

.left-right-sidebar .second-widget-area {
    order: 3;
}



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


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

.header-wrapper {
    width: 100%;
    position: relative;
    z-index: 999;
}

.header-container {
    border-bottom: 1px solid #f4f4f4;
}

.header-inner {
    height: 120px;
    line-height: 120px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header {
    background: #fff;
    top: -100%;
    transition: all ease 500ms;
}

.transparent-header .header-wrapper {
    position: absolute;
    z-index: 100001;
}

.transparent-header .header,
.transparent-header .header-inner {    
    background: none;
}

.transparent-header .header-container,
.transparent-header .small-area-cover {    
    border: 0;
}

.full-width-header .header-inner,
.full-width-header .small-area {
    padding: 0 60px;
    width: 100%;
    max-width: 100%;
}

.header-inner.container:before,
.small-area.container:before,
.header-inner.container:after,
.small-area.container:after {
    content: none;
}

.logo {
    line-height: 100px;
    font-size: 21px;
}

.logo .title {
    line-height: 1;
    margin: 0;
}

.logo a,
.logo span {
    display: flex;
}

.logo img {
    display: none;
}

.stuck .logo .custom-logo,
.stuck .logo .mobile-logo {
    display: none;
}


/* Top Area ------------------------------------------------------------------ */

.top-area {    
    border-bottom: 1px solid #f4f4f4;
}

.transparent-top-area .top-area {
    background: none;
}


/* Bottom Area --------------------------------------------------------------- */

.bottom-area {    
    border-bottom: 1px solid #f4f4f4;
}

.transparent-bottom-area .bottom-area {
    background: none;
}


/* Sticky Header ------------------------------------------------------------- */

.allow-sticky-header .stuck {
    width: 100%;
    z-index: 9;
    position: fixed;
    top: 0;
    transition: all ease 500ms;
}

.stuck .header-inner {
    line-height: 100px;
    height: 100px;
}

.user-logged-in.allow-sticky-header .stuck {
    margin: 32px 0 0 0;
}

.allow-sticky-header .stuck .top-area,
.allow-sticky-header .stuck .header-container,
.allow-sticky-header .stuck .bottom-area {
    display: none;
}

.allow-sticky-header.stick-h .stuck .header-container,
.allow-sticky-header.stick-th .stuck .top-area,
.allow-sticky-header.stick-bh .stuck .bottom-area,
.allow-sticky-header.stick-th-h .stuck .top-area,
.allow-sticky-header.stick-th-h .stuck .header-container,
.allow-sticky-header.stick-h-bh .stuck .header-container,
.allow-sticky-header.stick-h-bh .stuck .bottom-area,
.allow-sticky-header.stick-e .stuck .top-area,
.allow-sticky-header.stick-e .stuck .header-container,
.allow-sticky-header.stick-e .stuck .bottom-area {
    display: flex;
}

.stick-direction-up.scroll-down .stuck,
.stick-direction-down.scroll-up .stuck {
    top: -100%;
    transition: all ease 500ms;
}


/* Sub Menu ------------------------------------------------------------------ */

.main-menu > ul > li:not(.megamenu) {
    position: relative;
}

.main-menu ul li {
    text-align: left;
}

.main-menu .sub-menu-holder {
    position: relative;
}

.main-menu ul.sub-menu {
    width: 255px;
    padding: 30px 0;
    line-height: 1;
    border: 1px solid #f6f6f6;
    box-shadow: 0 1px 1px #f6f6f6;
    z-index: 9;
    position: absolute;
    left: 0;
}

.main-menu .sub-menu-right ul.sub-menu {
    left: auto;
    right: 0;
}

.main-menu li > .sub-menu {
    background: #fff;
    display: none;
}

.main-menu li:hover > .sub-menu {
    display: block;
}

.main-menu .sub-menu ul.sub-menu {
    top: 0px;
    left: 100%;
}

.main-menu .sub-menu-right .sub-menu ul.sub-menu {
    top: 0px;
    left: auto;
    right: 100%;
}

.main-menu .sub-menu li {
    padding: 0 0 15px 0;
    float: none;    
    line-height: 1;
    display: block;
    position: relative;
}

.main-menu .sub-menu li:last-child {
    padding: 0;
}

.main-menu .sub-menu li:last-child {
    padding: 0;
}

.main-menu .sub-menu li a {
    font-size: 14px;
    font-weight: 400;
    color: #626262;
    text-transform: capitalize;
    line-height: 1.6;
    padding: 0 35px;
    display: block;
}

.main-menu ul li .sub-menu-trigger {
    display: none;
}

.main-menu .sub-menu .hide-sub-menu-title > a,
.main-menu .sub-menu .hide-sub-menu-title > span {
    display: none;
}


/* Mega Menu ----------------------------------------------------------------- */

.main-menu .megamenu ul.sub-menu {
    padding: 30px 60px 0 60px;
    width: 100%;
}

.main-menu .megamenu.megamenu-2-column ul.sub-menu,
.main-menu .megamenu.megamenu-3-column ul.sub-menu {
    padding: 30px 40px 0 40px;
    width: 450px;
}

.main-menu .megamenu.megamenu-3-column ul.sub-menu {
    width: 650px;
}

.main-menu .megamenu > ul.sub-menu {
    border: 0;
    border-bottom: 1px solid #f2f2f2;
}

.main-menu .megamenu > ul.sub-menu > li {
    margin: 0 0 30px 0;
    float: left;
}

.main-menu .megamenu ul.sub-menu li > a { 
    padding: 0;
}

.main-menu .megamenu > ul.sub-menu > li > a,
.main-menu .megamenu > ul.sub-menu > li > span,
.main-menu .megamenu > ul.sub-menu .widget-title { 
    font-size: 14px;
    font-weight: 500;
    color: #383838;
    text-transform: uppercase;
    line-height: 2;
    margin: 0 0 20px 0;
}

.main-menu .megamenu.megamenu-2-column > ul.sub-menu > li {
    width: 50%;
}

.main-menu .megamenu.megamenu-3-column > ul.sub-menu > li {
    width: 33.33333333%;
}

.main-menu .megamenu.megamenu-4-column > ul.sub-menu > li {
    width: 25%;
}

.main-menu .megamenu.megamenu-5-column > ul.sub-menu > li {
    width: 20%;
}

.main-menu .megamenu.megamenu-6-column > ul.sub-menu > li {
    width: 16.66666667%;
}

.main-menu .megamenu.megamenu-2-column > ul.sub-menu > li:nth-child(2n+1),
.main-menu .megamenu.megamenu-3-column > ul.sub-menu > li:nth-child(3n+1),
.main-menu .megamenu.megamenu-4-column > ul.sub-menu > li:nth-child(4n+1),
.main-menu .megamenu.megamenu-5-column > ul.sub-menu > li:nth-child(5n+1),
.main-menu .megamenu.megamenu-6-column > ul.sub-menu > li:nth-child(6n+1) {
    clear: both;
}

.main-menu .megamenu ul.sub-menu li ul.sub-menu { 
    background: none;
    padding: 0;      
    display: block;
    border: none;
    box-shadow: none;
    position: static;
}

.main-menu .megamenu > ul.sub-menu li > ul.sub-menu { 
    width: 100%;
}


/* Left Logo Menu ------------------------------------------------------------ */

.header-right-side {
    display: flex;
    flex-wrap: wrap;
}

.main-menu ul {
    margin: 0;
    float: left;
    list-style: none;
}

.main-menu ul li {
    float: left;
}

.main-menu li a {
    font-size: 13px;
    font-weight: 600;
    color: #383838;
    padding: 0 30px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.75px;
    position: relative;    
    transition: all ease 500ms;
}

.main-menu li a span {
    padding: 0 5px 0 0;
}

.main-menu li a:hover,
.sticky-wrapper .stuck .main-menu li a:hover,
.sticky-wrapper .stuck .main-menu .megamenu ul.sub-menu > li > a:hover,
.sticky-wrapper .stuck .no-megamenu .sub-menu a:hover {
    color: #ff5a50;    
    transition: all ease 500ms;
}

.menu-item .batch {
    display: none;
}

.main-menu .menu-item .batch {
    font-size: 8px;
    font-weight: 500;
    color: #fff;
    background: #ff4246;
    text-transform: uppercase;
    line-height: 21px;
    white-space: nowrap;
    padding: 0 7px;
    height: 20px;
    display: inline-block;
    border-radius: 4px;
    position: absolute;
    top: -20px;
}

.main-menu ul .sub-menu .menu-item .batch {
    font-size: 11px;
    color: #ff4246;
    background: none;
    top: -10px;
}


/* Left Logo Menu Joined ----------------------------------------------------- */

.header-left-logo-menu-joined .header-left-side {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}


/* Center Logo Split Menu ---------------------------------------------------- */

.center-logo-split-menu .header-inner {
    justify-content: center;
}

.center-logo-split-menu .logo {
    text-align: center;
}

.center-logo-split-menu .main-menu-left-side,
.center-logo-split-menu .main-menu-right-side {
    display: flex;
    flex: 3;
    justify-content: flex-end;
}

.center-logo-split-menu .main-menu-center {
    flex: 1;
}

.center-logo-split-menu .main-menu-right-side {
    justify-content: flex-start;
}

.center-logo-split-menu .main-menu-left-side .header-icons,
.center-logo-split-menu .main-menu-right-side .header-icons {
    display: flex;
}

.center-logo-split-menu .main-menu-right-side .header-icons {
    flex: 1;
}


/* Center Logo Bottom Menu --------------------------------------------------- */

.center-logo-bottom-menu .logo-header-icons {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.center-logo-bottom-menu .header-inner {
    line-height: 120px;
    height: auto; 
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    flex-wrap: wrap;
}

.center-logo-bottom-menu .header-icons-right-side {
    display: flex;
}


/* Left Side Menu | Right Side Menu ------------------------------------------ */

.left-side-menu .header-inner,
.right-side-menu .header-inner {
    height: 100%;
    line-height: 1;
    flex-direction: column;    
    border-right: 1px solid #f2f2f2;
}

.left-side-menu,
.right-side-menu {
    background-color: #fff;
    width: 250px;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
}

.user-logged-in .left-side-menu,
.user-logged-in .right-side-menu {
    top: 32px;
}

.left-side-menu .header-container,
.right-side-menu .header-container {
    padding: 0;
    height: 100%;
}

.left-side-menu .logo,
.right-side-menu .logo {
    margin: 80px 0 0 0;
    float: none;
}

.left-side-menu .main-menu,
.right-side-menu .main-menu {
    float: none;
}

.left-side-menu .main-menu ul,
.right-side-menu .main-menu ul {
    float: none;
}

.left-side-menu .main-menu ul li,
.right-side-menu .main-menu ul li {
    float: none;
    line-height: 3;
    position: relative;
}

.left-side-menu .main-menu .megamenu ul.sub-menu,
.right-side-menu .main-menu .megamenu ul.sub-menu {
    width: calc( 100vw - 300px );
    left: 100%;
    top: 0;
}

.left-side-menu .main-menu .sub-menu-left ul.sub-menu,
.left-side-menu .main-menu .sub-menu-right ul.sub-menu,
.right-side-menu .main-menu .sub-menu-left ul.sub-menu,
.right-side-menu .main-menu .sub-menu-right ul.sub-menu {
    left: 100%;
    top: 0;
}

.left-side-menu .header-icons,
.right-side-menu .header-icons {
    padding: 30px 0;
}    

.user-logged-in .left-side-menu .header-icons,
.user-logged-in .right-side-menu .header-icons {
    margin: 0 0 32px 0;
}

body.header-left-side-menu {
    padding: 0 0 0 250px;
}


/* Right Side Menu ----------------------------------------------------------- */

.right-side-menu .header-inner {  
    border: 0;
    border-left: 1px solid #f2f2f2;
}

.right-side-menu {
    text-align: right;
    left: auto;
    right: 0;
}

.right-side-menu .main-menu > ul > li {
    text-align: right;
}

.right-side-menu .main-menu .megamenu ul.sub-menu {
    left: auto;
    right: 100%;
}

.right-side-menu .main-menu .sub-menu-left ul.sub-menu,
.right-side-menu .main-menu .sub-menu-right ul.sub-menu {
    left: auto;
    right: 100%;
}

body.header-right-side-menu {
    padding: 0 250px 0 0;
}


/* Overlay Center Menu ------------------------------------------------------- */

.overlay-header {
    background: #161616;
    line-height: 1;
    padding: 0 0 32px 0;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    z-index: 9;
    overflow-y: auto; 
    position: fixed;
    left: 0;
    top: 0;
    transition: all ease 500ms;
}

.overlay-header.active {
    visibility: visible;
    opacity: 1;
}

.overlay-header .ovelay-header-close {
    font-size: 21px;
    color: #626262;
    position: absolute;
    right: 2%;
    top: 5%;
}

.overlay-header .logo {
    margin: 4% 0 0 0;
}

.overlay-header nav {
    margin: 4% 0 0 0;
}

.overlay-header .main-menu ul {
    float: none;
}

.overlay-header .main-menu ul li {
    text-align: center;
    line-height: 2;
    float: none;
    clear: both;
}

.overlay-header .main-menu ul li a {
    font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
    font-size: 38px;
    font-weight: 600;
    color: #e7e7e7;
    text-transform: capitalize;
    display: inline-block;
}

.overlay-header .header-icons a {
    color: #626262;
}

.overlay-menu-trigger {
    font-size: 21px;
}

.header-overlay-center-menu.burger-left-top-corner .header-inner {
    background: #fff;
    line-height: 60px;
    padding: 0;
    width: 60px;
    height: 60px;
    border: 1px solid #f2f2f2;
    z-index: 1;
    position: absolute;
}

.header-overlay-center-menu.burger-left-side .header-container {
    width: 60px;
    height: 100vh;
    border: 0;
    display: flex;
    align-items: center;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
}

.header-overlay-center-menu.burger-left-side .header-inner {
    padding: 0;
    width: 60px;
    height: 100vh;
    border-right: 1px solid #f2f2f2; 
    position: fixed;
    left: 0;
    top: 0;
}

.header-overlay-center-menu.burger-left-top-corner .logo,
.header-overlay-center-menu.burger-left-side .logo {
    display: none;
}

.header-overlay-center-menu.burger-left-top-corner .overlay-header.active .logo,
.header-overlay-center-menu.burger-left-side .overlay-header.active .logo {
    display: inline-block;
}

.header-overlay-center-menu.burger-left-top-corner .overlay-menu-trigger-cover,
.header-overlay-center-menu.burger-left-side .overlay-menu-trigger-cover {
    text-align: center;
    width: 60px;
}

.overlay-header-active #content-wrapper,
.overlay-header-active .footer { /* It helps to avoid content collapsing */
    opacity: 0;
    visibility: hidden;
}


/* Responsive Menu ----------------------------------------------------------- */

#responsive-menu {
    background: #111;
    width: 260px;
    height: 100%;
    padding: 30px 25px;
    z-index: 100003;
    overflow-y: auto; 
    position: fixed;
    left: -260px;
    top: 0;
    transition: all ease 500ms;
}

#responsive-menu.responsive-menu-slide-in {
    left: 0;
    transition: all ease 500ms;
}

#responsive-menu .main-menu ul {
    float: none;
}

#responsive-menu .main-menu > ul > li {
    margin: 0 0 30px 0;
}

#responsive-menu .main-menu ul li {
    color: #fff;
    line-height: 2;
    float: none;
}

#responsive-menu .main-menu ul li a {
    font-size: 15px;
    font-weight: 400;
    color: #ccc;
    text-transform: capitalize;
    padding: 0;
    display: inline-block;
}

#responsive-menu .main-menu .sub-menu li {
    padding: 0;
}

#responsive-menu .main-menu ul li > .sub-menu li {
    padding: 5px 0 0 15px;
}

#responsive-menu .main-menu .megamenu > ul.sub-menu > li > a,
#responsive-menu .main-menu .megamenu > ul.sub-menu > li > span,
#responsive-menu .main-menu .megamenu > ul.sub-menu .widget-title {
    margin: 0;
}

#responsive-menu .main-menu ul li .sub-menu-trigger {
    font-size: 11px;
    display: inline;
    float: right;
    cursor: pointer;
    transition: all ease 500ms;
}

#responsive-menu .main-menu ul li .sub-menu-trigger.slide-down {
    transition: all ease 500ms;
    transform: rotate(90deg);
}

#responsive-menu .sub-menu {
    background: none;
    width: auto;
    padding: 10px 0 0 0;
    border: none;
    box-shadow: none;
    display: none;
    position: static;
}

#responsive-menu .main-menu .megamenu > ul.sub-menu > li {
    width: 100%;
    margin: 0;
}

#responsive-menu .main-menu .megamenu > ul.sub-menu > li > a,
#responsive-menu .main-menu .megamenu > ul.sub-menu > li > span,
#responsive-menu .main-menu .megamenu > ul.sub-menu .widget-title {
    color: #ccc;
}

#responsive-menu .header-icons {
    margin: 30px 0 0 0;
}

#responsive-menu .header-icons a {
    color: #ccc;
}

#responsive-trigger {
    line-height: 114px;
    display: none;
}

#responsive-trigger span {
    font-size: 16px;
}

.close-wrapper {
    margin: 0 0 60px 0;
}

.responsive-menu-close,
.responsive-menu-close:hover,
.responsive-menu-close:active,
.responsive-menu-close:link,
.responsive-menu-close:visited {
    font-size: 21px;
    color: #ccc;
}


/* Menu Widget Area ---------------------------------------------------------- */

.main-menu .widget a {
    display: inline;
}


/* Sub Header ---------------------------------------------------------------- */

.subheader {
    clear: both;
    border-bottom: 1px solid #f4f4f4;
}

.subheader:before,
.subheader:after {
    content: '';
    width: 100%;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 120px;
}

.user-logged-in .subheader:before,
.user-logged-in .subheader:after,
.user-logged-in.transparent-header .subheader:before,
.user-logged-in.transparent-header .subheader:after,
.user-logged-in.transparent-header.allow-top-area .subheader:before,
.user-logged-in.transparent-header.allow-top-area .subheader:after,
.user-logged-in.transparent-header.allow-top-area.allow-bottom-area .subheader:before,
.user-logged-in.transparent-header.allow-top-area.allow-bottom-area .subheader:after {
    top: 32px;
}

.full-width-sub-header .subheader-cover {
    padding: 0 60px;
    width: 100%;
    max-width: 100%;
}
    
.subheader-inner {
    min-height: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.subheader-inner.left {    
    align-items: baseline;
}

.subheader-inner.left-right {  
    justify-content: space-between;
    flex-direction: row;  
    align-items: center;
}

.sub-header-small .subheader-inner {
    height: 150px;
}

.sub-header-medium .subheader-inner,
.sub-header-medium .subheader:before,
.sub-header-medium .subheader:after {   
    height: 300px;
}

.user-logged-in .subheader:before,
.user-logged-in .subheader:after {
    top: 152px;
}

.allow-top-area .subheader:before,
.allow-top-area .subheader:after {    
    top: 180px;
}

.allow-top-area.user-logged-in .subheader:before,
.allow-top-area.user-logged-in .subheader:after {
    top: 212px;
}

.allow-top-area.allow-bottom-area .subheader:before,
.allow-top-area.allow-bottom-area .subheader:after {    
    top: 240px;
}

.allow-top-area.allow-bottom-area.user-logged-in .subheader:before,
.allow-top-area.allow-bottom-area.user-logged-in .subheader:after {
    top: 272px;
}

.transparent-header .subheader:before,
.transparent-header .subheader:after,
.transparent-header.allow-top-area .subheader:before,
.transparent-header.allow-top-area .subheader:after,
.transparent-header.allow-top-area.allow-bottom-area .subheader:before,
.transparent-header.allow-top-area.allow-bottom-area .subheader:after {
    top: 0;
}

.transparent-header.sub-header-medium .subheader-inner,
.transparent-header.sub-header-medium .subheader:before,
.transparent-header.sub-header-medium .subheader:after {   
    padding: 120px 0 0 0;
    height: 420px;
}

.transparent-header.allow-top-area.sub-header-medium .subheader-inner,
.transparent-header.allow-top-area.sub-header-medium .subheader:before,
.transparent-header.allow-top-area.sub-header-medium .subheader:after,
.transparent-header.allow-bottom-area.sub-header-medium .subheader-inner,
.transparent-header.allow-bottom-area.sub-header-medium .subheader:before,
.transparent-header.allow-bottom-area.sub-header-medium .subheader:after {   
    padding: 180px 0 0 0;
    height: 480px;
}

.transparent-header.allow-top-area.allow-bottom-area.sub-header-medium .subheader-inner,
.transparent-header.allow-top-area.allow-bottom-area.sub-header-medium .subheader:before,
.transparent-header.allow-top-area.allow-bottom-area.sub-header-medium .subheader:after {   
    padding: 240px 0 0 0;
    height: 540px;
}

.sub-header-full-height .subheader-inner,
.sub-header-full-height .subheader:before,
.sub-header-full-height .subheader:after {
    height: calc( 100vh - 120px );
}

.allow-top-area.sub-header-full-height .subheader-inner,
.allow-top-area.sub-header-full-height .subheader:before,
.allow-top-area.sub-header-full-height .subheader:after {
    height: calc( 100vh - 180px );
}

.allow-top-area.allow-bottom-area.sub-header-full-height .subheader-inner,
.allow-top-area.allow-bottom-area.sub-header-full-height .subheader:before,
.allow-top-area.allow-bottom-area.sub-header-full-height .subheader:after {
    height: calc( 100vh - 240px );
}

.transparent-header.sub-header-full-height .subheader-inner,
.transparent-header.sub-header-full-height .subheader:before,
.transparent-header.sub-header-full-height .subheader:after,
.transparent-header.allow-top-area.sub-header-full-height .subheader-inner,
.transparent-header.allow-top-area.sub-header-full-height .subheader:before,
.transparent-header.allow-top-area.sub-header-full-height .subheader:after,
.transparent-header.allow-bottom-area.sub-header-full-height .subheader-inner,
.transparent-header.allow-bottom-area.sub-header-full-height .subheader:before,
.transparent-header.allow-bottom-area.sub-header-full-height .subheader:after,
.transparent-header.allow-top-area.allow-bottom-area.sub-header-full-height .subheader-inner,
.transparent-header.allow-top-area.allow-bottom-area.sub-header-full-height .subheader:before,
.transparent-header.allow-top-area.allow-bottom-area.sub-header-full-height .subheader:after {
    height: 100vh;
}

.header-left-side-menu.sub-header-full-height .subheader-inner,
.header-right-side-menu.sub-header-full-height .subheader-inner {
    height: 100vh;
}

.subheader .title {
    margin: 0;
    padding: 0;
}

.sub-header-small .subheader .title {
    font-size: 24px;
}

.sub-header-medium .subheader-inner .title {
    font-size: 32px;
}

.sub-header-full-height .subheader-inner .title {
    font-size: 48px;
}    

.subheader-inner.left .title,
.subheader-inner.center .title {
    margin: 0 0 15px 0;
}

.sub-header-left-right .breadcrumbs {
    float: right;
}

.subheader .breadcrumbs ul {
    display: flex;
    align-items: center;
}

.subheader li {
    display: inline-block;
}

.subheader ul span {
    padding: 0 10px;
}

.subheader ul span:before {
    vertical-align: middle;
}



/* ---------------------------------------------------------------------------
 * Small Area Elements
------------------------------------------------------------------------------ */

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

.small-area-cover {
    font-size: 14px;
    background: #fff;
    height: 60px;
    display: flex;
    align-items: center;
}

.small-area-cover p {
    margin: 0;
    line-height: 1;
}

.small-area-inner {
    display: flex;
    justify-content: space-between;
}

.small-area-inner-section {
    display: flex;    
}

.small-area-element {
    position: relative;
}



/* ---------------------------------------------------------------------------
 * Header Icon
------------------------------------------------------------------------------ */

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

.header-icons {
    display: flex;
    align-items: center
}

.header-icons .small-area-element {
    margin: 0 0 0 12px;
}

.header-icons [class^="icon-"] {
    font-size: 16px;
}

.header-icons .item-count-inner {
    position: relative;
}

.header-icons .item-count {
    font-size: 10px;
    background: #ff3f49;
    width: 18px;
    height: 18px;
    border-radius: 50px;
    display: block;
    position: absolute;
    text-align: center;
    line-height: 18px;
    color: #fff;
    right: -10px;
    top: -10px;
}

/* Overlay Search ------------------------------------------------------------ */

.overlay-search-form-inner {
    position: relative;
}

.overlay-search-form {
    margin: 50px 0 0 0;
    width: 80%;
    display: block;
    z-index: 999999999;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    left: 10%;
    top: 100px;
    transition: all ease 500ms;
}

.overlay-search-form.active {
    visibility: visible;
    opacity: 1;
    transition: all ease 500ms;
}

.overlay-search .title {
    font-size: 28px;
    color: #fff;
}

.overlay-search label {
    width: 100%;
}

.overlay-search .search-field {
    color: #f2f2f2;
    margin: 0 0 50px 0;
    padding: 25px 0;
    border: none;
    background: none;
    border-bottom: 1px solid;
}

.overlay-search button,
.overlay-search .search-submit {
    font-size: 14px;
    font-weight: 500;
    color: #161616;
    background: #fff;
    padding: 0 30px;
    height: 50px;
    line-height: 50px;
    float: right;
    border-radius: 0;
}

.overlay-search-form-close-icon {
    color: #f2f2f2;
    font-size: 18px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: -50px;
    z-index: 999999999;
}

body.turn-off-scroll {
    overflow: hidden;
}



/* Overlay Search ------------------------------------------------------------ */

.header-icons .small-area-element .social-icons {
    margin: 0;
}



/* ---------------------------------------------------------------------------
 * Blog / Archives / Search
------------------------------------------------------------------------------ */


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

article.sticky .post-details {
    background: #f7f7f7;
    padding: 40px;
}

.meta-group {
    display: flex;
    align-items: center;
}

.meta-group p,
.meta-group p a {
    font-size: 13px;
    font-weight: 500;
    color: #4f4f4f;
    text-transform: uppercase;
    margin: 0;
}

.meta-group p + .line {
    background: #b9b9b9;
    width: 50px;
    height: 1px;
    margin: 0 30px;
}


/* Left Image Right Content -------------------------------------------------- */

.left-image-right-content .post {
    margin: 0 0 100px 0;
}

.left-image-right-content .post .post-details {
    display: flex;
    align-items: flex-start;
}

.dual-left-sidebar .left-image-right-content .post .post-details,
.dual-right-sidebar .left-image-right-content .post .post-details,
.left-right-sidebar .left-image-right-content .post .post-details {    
    flex-wrap: wrap;
}

.left-image-right-content .post .post-media + .post-content {
    margin: 2% 0 0 0;
    width: 54%;
}

.left-image-right-content .post-media {
    margin: 0 6% 0 0;
    width: 40%;
}

.dual-left-sidebar .left-image-right-content .post-media img,
.dual-right-sidebar .left-image-right-content .post-media img,
.left-right-sidebar .left-image-right-content .post-media img {
    max-width: 100%;
}

.left-image-right-content .title {
    margin: 10px 0 30px 0;
    position: relative;
}

.left-image-right-content .post-media + .post-content .title .line {
    background: #111;
    width: 150px;
    height: 1px;
    display: block;
    position: absolute;
    left: -180px;
    top: 25px;
}

.dual-left-sidebar .left-image-right-content .post-media + .post-content .title .line,
.dual-right-sidebar .left-image-right-content .post-media + .post-content .title .line,
.left-right-sidebar .left-image-right-content .post-media + .post-content .title .line {
    display: none;
}


/* Masonry ------------------------------------------------------------------- */

.masonry .post-loop { /* .row replacement css */
    margin-right: -15px;
    margin-left: -15px;
}

.masonry .post {
    margin: 0 0 50px 0;
}

.masonry .post-media {
    margin: 30px 0 0 0;
}

.masonry .excerpt {
    margin: 30px 0 0 0;
}

.masonry .btn {
    margin: 10px 0 0 0;
}

.left-right-sidebar .masonry .post.col-md-3,
.dual-left-sidebar .masonry .post.col-md-3,
.dual-right-sidebar .masonry .post.col-md-3 {
    width: 33.333333%;
}


/* Pagination ---------------------------------------------------------------- */

.pagination {
    clear: both;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.pagination ul {
    list-style: none;
    display: flex;
}

.pagination ul li {
    margin: 0 10px 0 0;
}

.pagination ul li:last-child {
    margin: 0;
}

.pagination ul li a,
.pagination ul li .current {
    color: #fff;
    background: #161616;
    padding: 12px 20px;
    display: inline-block;
}

.btn-loadmore {
    text-align: center;
}

.btn-loadmore.infinite-scroll .btn {
    background: none;
    text-indent: -1000em;
}

.infinite-scroll a.loading .loader div {
    border-color: #161616 transparent #161616 transparent;
}

/* ---------------------------------------------------------------------------
 * Single Post
------------------------------------------------------------------------------ */


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

.single-post.full-width .article {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto; 
}

.single-post.allow-feature-banner #content-wrapper {
    margin: 0;
}

.single-post.no-feature-banner.transparent-header #content-wrapper {
    margin: 220px 0 0 0;
}

.single-post.no-feature-banner.transparent-header.allow-top-area #content-wrapper {
    margin: 280px 0 0 0;
}

.single-post.no-feature-banner.transparent-header.allow-top-area.allow-bottom-area #content-wrapper {
    margin: 340px 0 0 0;
}

.single-post-content .post-media {
    text-align: center;
    margin: 0 0 60px 0;
}

.single-post.allow-feature-banner .post-media {
    display: none;
}

.single-post-content .main-title {
    margin: 10px 0 40px 0;
}

.single-post .entry-content {
    margin: 0;
}


/* Featured Banner ----------------------------------------------------------- */

.post-featured-banner {
    height: 500px;
}


/* Meta Details -------------------------------------------------------------- */

.single-post-content .author-info {
    display: flex;
    justify-content: center;
}

.single-post-content .author-info .author-name {
    font-size: 16px;
    font-weight: 500;
    margin: 10px 0 0 10px;
}

/* Content ------------------------------------------------------------------- */

.password-protected-form {
    margin: 0 0 50px 0;
}

.password-protected-form input[name='post_password'] {
    width: 450px;
}

.password-protected-form input[name='submit'] {
    color: #fff;
    padding: 0 30px;
    height: 50px;
}

.link-pagination {
    margin: 20px 0 50px 0;
    clear: both;
}

.link-pagination > span,
.link-pagination a {
    color: #fff;
    background: #161616;
        padding: 5px 16px;
    display: inline-block;
}


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


.post-tags {
    margin: 0 0 50px 0;
}

.post-tags a {
    font-size: 10px;
    font-weight: 400;
    color: #666;
    background: #f2f2f2;
    letter-spacing: 1.4px;
    line-height: 1;
    text-transform: uppercase;
    padding: 8px 10px;
    margin: 0 8px 0 0;
}


/* Author Box ---------------------------------------------------------------- */

.author-box {
    margin: 0 0 50px 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.author-box img {
    width: 80px;
    height: auto;
    max-width: 80px;
    border-radius: 50%;
}

.author-box .author-content {
    padding: 5px 0 0 30px;
}

.author-box .author-name {
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
}


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

.comments-area {
    margin: 50px 0 80px 0;
}

.comments-area .title {
    font-size: 36px;
    line-height: 1.4;
    margin: 0 0 30px 0;
}

.comment-list {
    list-style: none;
    margin: 0 0 80px 0;
}

.comment {
    list-style: none;
    overflow: hidden;
}

.comment .children {
    margin: 0;
    padding: 0 0 0 8%;
}

.comment-body {
    margin: 0 0 40px 0;
    padding: 40px 0 0 0;
    border-top: 1px solid #f2f2f2;
}

.comment-list > li:first-child > .comment-body {
    padding: 0;
    border: none;
}

.comment-avatar {
    float: left;
    margin: 0 20px 0 0;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}

 .comment .comment-avatar .avatar {
    margin: 0;
}

.comment-author,
.comment-author a {
    font-size: 15px;
    font-weight: 600;
    color: #626262;
    letter-spacing: 0.25px;
}

.comment-meta {
    display: inline-block;
    float: right;
}

.comment-meta a {
    font-size: 13px;
    font-weight: 600;
    color: #626262;
    text-transform: uppercase;
    letter-spacing: 0.75px;
}

.comment-text .description {
    margin: 30px 0 0 0;
}

 .comment .reply {
    margin: 10px 0 0 0;
}

.comment-reply-link {
    font-size: 13px;
    font-weight: 600;
    color: #161616;
    text-transform: uppercase;
    letter-spacing: 1px;
}


/* Comment Form -------------------------------------------------------------- */

.single-post .comment-respond .comment-reply-title {
    font-size: 36px;
    line-height: 1.4;
}

.comment-form-comment {    
    margin: 0 0 30px 0;
}
.comments-area .comment-form .comment-form-author,
.comments-area .comment-form .comment-form-email,
.comments-area .comment-form .comment-form-url {
    width: 32%;
    margin: 0 2% 30px 0;
    float: left;
    position: relative;
}

.comments-area .comment-form .comment-form-url {
    margin: 0;
}

.comment-form-cookies-consent {
    clear: both;
}

.comment-respond .form-submit {
    margin: 0;
    clear: both;
}


/* Next / Previous ----------------------------------------------------------- */

.post-navigation {
    padding: 30px 0;
    margin: 80px 0;
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    display: flex;
    justify-content: space-between;
}

.post-navigation a span {
    font-size: 16px;
    font-weight: 600;
    color: #161616;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    line-height: 1;
    display: block;
}


/* Related Post -------------------------------------------------------------- */

.related-post {
    margin: 0 0 80px 0;
}

.related-post .post-details {
    z-index: 1;
    position: relative;
}

.related-post > .title {
    font-size: 36px;
    text-align: center;
    margin: 0 0 50px 0;
}

.related-post .post-media {
    margin: 0 0 30px 0;
}

.related-post .post-content .title a {
    font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #383838;
}

.related-post .meta-group p,
.related-post .meta-group p a {
    font-weight: 600;
    color: #626262;
    letter-spacing: 0.75px;
}

.related-post .btn {
    font-size: 13px;
    font-weight: 600;
    color: #161616;
    background: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 46px;
    padding: 0;
    height: 46px;
    display: inline-block;
    border: 0;
}

.related-post .number {
    font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
    font-size: 125px;
    font-weight: 700;
    color: #fbfbfb;
    line-height: 1;
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
}


/* Banner Below Content ------------------------------------------------------ */

.single-post-banner-below-content .post-featured-banner + .container .article,
.single-post-banner-below-content .post-featured-banner + .post-media + .container .article {
    background: #fff;
    margin-top: -100px;
    padding: 60px 60px 0 60px;
}

.single-post-banner-below-content .main-title {
    font-size: 48px;
    line-height: 1.4;
    word-break: break-word;
}

.single-post-banner-below-content .post-featured-banner + .container .widget-area {
    margin: 80px 0 0 0;
}


/* Featured Meta Group Below Content ----------------------------------------- */

.single-post.full-width .single-post-featured-meta-group-below-content .article {
    max-width: unset;
}

.single-post-featured-meta-group-below-content .post-header {
    text-align: center;
    margin: 0 auto 60px auto;
    max-width: 1000px;
}

.single-post-featured-meta-group-below-content .meta-group {
    display: block;
}

.single-post-featured-meta-group-below-content .meta-group a {
    text-transform: initial;
    margin: 0 15px 0 0;
    padding: 10px 20px;
    border: 1px solid #f2f2f2;
    border-radius: 50px;
}

.single-post-featured-meta-group-below-content .main-title {
    font-size: 48px;
    margin: 20px 0 30px 0;
}

.single-post-featured-meta-group-below-content .author-image img {
    border-radius: 50%;
}

.single-post-featured-meta-group-below-content .post-media img {
    border-radius: 10px;
}

.single-post-featured-meta-group-below-content .entry-content {
    margin: 0 auto;
    max-width: 1200px;
}



/* ---------------------------------------------------------------------------
 * 404
------------------------------------------------------------------------------ */

.nothing-found {
    text-align: center;
    max-width: 1080px;
    margin: 0 auto;
}

.nothing-found p {
    margin: 0;
}

.nothing-found .page-header {
    margin: 0 0 40px;
    padding-bottom: 50px;
    border-bottom: 1px solid #f2f2f2;
}

.nothing-found .title {
    font-size: 32px;
    margin: 0;
}

.nothing-found .sub-title {
    font-size: 21px;
    color: #4f4f4f;
    margin: 0;
}

.nothing-found .bolder {
    font-size: 120px;
    font-weight: 600;
    color: #383838;
    line-height: 1;
    margin: 0;
}

.nothing-found .bold {
    font-size: 38px;
    color: #383838;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
    line-height: 1;
}

.nothing-found .description {
    font-size: 24px;
    text-transform: uppercase;
    margin: 0 0 30px 0;
}

.nothing-found .search-form {
    margin: 40px 0 0 0;
    display: flex;
    justify-content: center;
}

.nothing-found .search-form label {
    margin: 0;
}

.nothing-found .search-form .search-field {
    width: 350px;
    height: 55px;
}

.nothing-found .search-form .search-submit {
    color: #fff;
    width: 100px;
}


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


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

.full-width-footer .footer-widget-area-inner,
.full-width-footer .footer-small-area {
    width: 100%;
    max-width: 100%;
    padding: 0 60px;
}


/* Widget Area --------------------------------------------------------------- */

.footer-widget-area {
    padding: 80px 0 40px 0;
}

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

.footer-small-area-cover {
    font-size: 14px;
    height: 60px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.footer-small-area-cover p {
    margin: 0;
    line-height: 1;
}

.footer-small-area-cover .small-area-element nav ul {
    list-style: none;
    display: flex;
}

.footer-small-area-cover .small-area-menu li {
    margin: 0 30px 0 0;
}

.footer-small-area-inner {
    display: flex;
    justify-content: space-between;
}

.footer-area-inner-section {
    display: flex;    
    align-items: center;
}

.footer-small-area-cover .small-area-element a {    
    transition: all ease 500ms;
}

.footer-small-area-cover .small-area-element a:hover {
    color: #ff5a50;    
    transition: all ease 500ms;
}

.footer-small-area-cover .small-area-element a {    
    transition: all ease 500ms;
}


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

#back-to-top {
    line-height: 1;
    display: none;
    position: fixed;
    bottom: 10%;
    right: 20px;
}

#back-to-top a {
    font-size: 12px;
    color: #fff;
    background: #111;
    padding: 10px 12px;
    border-radius: 4px;
}


/* Body Overlay -------------------------------------------------------------- */

#body-overlay {
    width: 100%;
    height: 100%;    
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100002;
    transition: all ease 500ms;
}

#body-overlay.overlay-active {
    background: #111;
    width: 100%;
    height: 100%;    
    visibility: visible;
    opacity: 1;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100002;
    transition: all ease 500ms;
}

#body-overlay.overlay-active.alpha {
    background: rgba( 0, 0, 0, 0.80 );
}



/* ---------------------------------------------------------------------------
 * Extras
------------------------------------------------------------------------------ */


/* Tab ----------------------------------------------------------------------- */

[data-tab] {
    cursor: pointer;
}

[data-tab].current {
    color: #111;
}

.tab-content {
    position: relative;
}

.tab-content > div {
    display: none;
}

.tab-content .active {
    display: block;
}


/* Slick Slider -------------------------------------------------------------- */

.slick-prev,
.slick-next {
    font-size: 0;
    color: transparent;
    background: #fff;
    line-height: 0;
    width: 30px;
    height: 30px;
    display: block;
    cursor: pointer;
    border: none;
    border-radius: 0;
    outline: none;
    z-index: 1;
    position: absolute;
    top: 50%;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: #fff;
    opacity: 0.8;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'octagon';
    font-size: 14px;
    line-height: 1;
    opacity: .75;
    color: #383838;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: '\62';
}

[dir='rtl'] .slick-prev:before {
    content: '\63';
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: '\63';
}

[dir='rtl'] .slick-next:before {
    content: '\62';
}

.slick-dots {
    position: absolute;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 10px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 6px;
    height: 6px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    background: #383838;
    border-radius: 50px;
    line-height: 6px;
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 6px;
    content: '';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}


/* Row Separator ------------------------------------------------------------- */

.row-separator {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: top;
}

.row-separator.bottom {    
    top: auto;
    bottom: 0;
    transform-origin: bottom;
}

.row-separator.curve1 {
    transform: translateY( 0% ) translateY( -1px ) scale( -1, -1 );
    transform-origin: center;   
}

.row-separator.bottom.curve1 {
    transform: translateY( 0% ) rotate(180deg) translateY( -1px ) scale( -1, -1 );
}

.row-separator.curve2 {
    transform: translateY( -100% ) rotate(180deg) translateY( -1px ) scale( -1, -1 );
}

.row-separator.bottom.curve2 {
    transform: translateY( 0% ) translateY( -1px ) scale( -1, -1 );
}

.row-separator.polygon1 {
    transform: translateY( -100% ) translateY( 1px ) scale( 1, 1 );    
}

.row-separator.bottom.polygon1 {
    transform: translateY( 0% ) rotate( 180deg ) translateY( 1px ) scale( -1, 1 );
    
}

.row-separator.polygon2 {
    transform: translateY( -100% ) translateY( 1px ) scale( -1, 1 );
}

.row-separator.bottom.polygon2 {
    transform: translateY( 0% ) rotate( 180deg ) translateY( 1px ) scale( -1, 1 );
}

.row-separator.wave1 {
    transform: translateY( -100% ) translateY( 1px ) scale( 1, 1 );
}

.row-separator.bottom.wave1 {
    transform: translateY( 0% ) rotate( 180deg ) translateY( 1px ) scale( -1, 1 );
}

.row-separator.wave2 {
    transform: translateY( -100% ) translateY( 1px ) scale( 1, 1 );
}

.row-separator.bottom.wave2 {
    transform: translateY( 0% ) rotate( 180deg ) translateY( 1px ) scale( -1, 1 );
}

.row-separator.wave3 {
    transform: translateY( -100% ) translateY( 1px ) scale( 1, 1 );
}

.row-separator.bottom.wave3 {
    transform: translateY( 1% ) rotate( 180deg ) rotate( 0deg ) translateY( 1px ) scale( -1, 1 );
}

.row-separator.wave4 {
    transform: translateY( -100% ) translateY( 1px ) scale( 1, 1 );
}

.row-separator.bottom.wave4 {
    transform: translateY( 0% ) rotate( 180deg ) rotate( 0deg ) translateY( 1px ) scale( -1, 1 );
}

.row-separator.cloud1 {
    transform: translateY( -100% ) translateY( 1px ) scale( 1, 1 );
}

.row-separator.bottom.cloud1 {
    transform: translateY( 0% ) rotate( 180deg ) translateY( 1px ) scale( -1, 1 );
}


/* Preloader ----------------------------------------------------------------- */

.preloader {
    position: fixed;
    width: 100%;
    height: 100vh;
    text-align: center;
    background: #fff;
    z-index: 999;
}

.preloader img {
    margin: -30px 0 0 -30px;
    position: fixed;
    top: 50%;
    left: 50%;
}


/* Loader -------------------------------------------------------------------- */

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loading .loader {
    width: 15px;
    height: 15px;
    float: left;
    margin: 15px 5px 0 0;
    -webkit-transform: translate(-15px, -15px) scale(1) translate(15px, 15px);
    transform: translate(-15px, -15px) scale(1) translate(15px, 15px);
}

.loading .loader div {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 2px solid #161616;
    border-color: #fff transparent #fff transparent;
    -webkit-animation: spinner 1s linear infinite;
    animation: spinner 1s linear infinite;
}


/* Primary Color Reset ------------------------------------------------------- */

.primary .gradient,
.primary .btn-type-solid-rect.btn-color-gradient,
.primary .btn-type-solid-round.btn-color-gradient,
.primary .btn-type-solid-ellipse.btn-color-gradient,
.primary .wpcf7-form .wpcf7-submit,
.primary .pagination ul li .current,
.primary .woocommerce button,
.primary .woocommerce .button,
.primary.woocommerce .button,
.primary .checkout-button,
.primary .checkout-button:hover,
.primary .checkout-button:focus,
.primary .woocommerce-mini-cart__buttons.buttons .button,
.primary #shop-filter-search .woocommerce-product-search button,
.primary .nothing-found .search-form .search-submit,
.primary .password-protected-form input[name='submit'],
.primary .link-pagination > span,
.primary.btn-color-gradient-palette,
.primary .toko-core-elements.kc-pricing-layout-1 .content-button a,
.primary .toko-core-elements.kc-pricing-layout-2 .content-button a,
.primary .toko-core-elements.kc-pricing-layout-4 {
    background-color: #ff5a50;
}


/* Grid Creator Blocks ------------------------------------------------------- */

.grid-inner .content-holder {
    color: #fff;
    padding: 20px 30px;
    width: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    bottom: 0;
}

.grid-inner .content-holder-overlap {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}

.image-overflow {
    overflow: hidden;
}

.image-overflow .image-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;    
    transition: all ease 500ms;
}

.grid:hover .image-overflow .image-overlay {
    background: rgba( 22, 22, 22, 0.30 );
    transition: all ease 500ms;    
}

.grid-inner .content-holder a {
    color: #fff;
}

.gutter-1 .grid {
    padding: 0 0.5px !important;
    margin: 0 0 1px 0;
}

.gutter-2 .grid {
    padding: 0 1px !important;
    margin: 0 0 2px 0;
}

.gutter-3 .grid {
    padding: 0 1.5px !important;
    margin: 0 0 3px 0;
}

.gutter-4 .grid {
    padding: 0 2px !important;
    margin: 0 0 4px 0;
}

.gutter-5 .grid {
    padding: 0 2.5px !important;
    margin: 0 0 5px 0;
}

.gutter-6 .grid {
    padding: 0 3px !important;
    margin: 0 0 6px 0;
}

.gutter-7 .grid {
    padding: 0 3.5px !important;
    margin: 0 0 7px 0;
}

.gutter-8 .grid {
    padding: 0 4px !important;
    margin: 0 0 8px 0;
}

.gutter-9 .grid {
    padding: 0 4.5px !important;
    margin: 0 0 9px 0;
}

.gutter-10 .grid {
    padding: 0 5px !important;
    margin: 0 0 10px 0;
}

.gutter-11 .grid {
    padding: 0 5.5px !important;
    margin: 0 0 11px 0;
}

.gutter-12 .grid {
    padding: 0 6px !important;
    margin: 0 0 12px 0;
}

.gutter-13 .grid {
    padding: 0 6.5px !important;
    margin: 0 0 13px 0;
}

.gutter-14 .grid {
    padding: 0 7px !important;
    margin: 0 0 14px 0;
}

.gutter-15 .grid {
    padding: 0 7.5px !important;
    margin: 0 0 15px 0;
}


/* Dot Navigation ------------------------------------------------------------ */

.scroll-nav {
    position: fixed;
    top: 50%;
    transform: translateY( -50% );
}

.scroll-nav__list {
    margin: 0;
    padding: 0 0 0 30px;
    list-style-type: none;
}


.scroll-nav__item {
    margin: 0 0 5px 0;
}

.scroll-nav__link,
.scroll-nav__link:hover,
.scroll-nav__link:active,
.scroll-nav__link:link,
.scroll-nav__link:visited {
    width: 15px;
    height: 15px;
    display: block;
    border: 2px solid #383838;
    border-radius: 50%;
}

.scroll-nav .scroll-nav__item--active .scroll-nav__link {
    background: #ff5a50;
    border: 0;
}