/*
Theme Name: Shapely
Theme URI: https://colorlib.com/wp/themes/shapely
Author: colorlib
Author URI: https://colorlib.com/
Description: Shapely is a powerful and versatile one page WordPress theme with pixel perfect design and outstanding functionline-height
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: shapely
Tags: left-sidebar, right-sidebar, featured-images, post-formats, threaded-comments, theme-options, photography, portfolio, full-width-template, grid-layout

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

Shapely is based on Underscores http://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

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

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

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

/*@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,500,600,600i,700%7CBarlow+Condensed:400,500,600%7COpen+Sans:400,500,600%7CMerriweather:300,400,400i,700,700i%7CFira+Sans:500,600%7CCormorant+Garamond%7COswald:200,300,400,500,600,700&display=swap');*/

/*###### GLOBAL ######*/

:root {
    color-scheme: light dark; /* both supported */
}

:root {
  --dark: #111111;
  --light: #ffffff;
}

        
html {
    
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: scroll;
}

body {
    margin: 0;
    /*width: 100vw;*/
    
}

.touch {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

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

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

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

[hidden], template {
    display: none;
}

a {
    background-color: transparent;
}

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

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

b, strong {
    font-weight: 300;
}

dfn {
    font-style: italic;
}

/*h1 {
    font-size: 2em;
    margin: 0.67em 0;
}*/
/*h1 {
    font-weight: 300;
    text-align: center;
}*/


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

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

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

figure {
   /* padding: 1em;*/
   display: block;
}

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

pre {
    overflow: auto;
}

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

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

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

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

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

input {
    line-height: normal;
}

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

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

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

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

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

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

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

td, th {
    padding: 0;
}

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

button, input, select {
    color: #404040;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
}

select{
    font-size: 12px;
}

select#billing_country, select#shipping_country {
    font-size: 16px;
    height:38px;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
}

p {
    margin-bottom: 1.5em;
    /*font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    /*font-family: "Merriweather", "Georgia", Times New Roman, Times, serif;*/
    /*font-family: "Merriweather", serif;*/
    padding:0;
   /* font-size:14px;*/
    /*line-height: 28px;*/
    font-weight: 400 ;
    /*color: #888; */

}

dfn, cite, em, i {
    /*color: #fff;*/
    font-style: italic;
}

/*.wcmenucart-contents i {
    color: #999;
    
}*/

blockquote {
    margin:4em 3em;
    padding: 0;
}

q:before, q:after {
    content: '"' !important;
    display: inline-block;
    position: relative;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    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;
}

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

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

big {
    font-size: 125%;
}

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

html {
    box-sizing: border-box;
}

*, *:before, *:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background-color: var(--light);
    /* Fallback for when there is no custom background color defined. */

}
html.darkmode body {
    background-color: var(--dark);
    color: #999;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

hr {
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

/*ul, ol {
    margin: 0 0 1.5em 1em;
}
*/
ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul, li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

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

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"], textarea {
    border:0;
    color: #666;
    border-bottom: 1px solid var(--light);
    border-radius: 3px;
    /*background-color: var(--light);*/
    background-color: transparent;
}


/*input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
    color: #111;
}*/

/*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"] {
    padding: 3px;
}*/



html.darkmode input[type="text"],html.darkmode input[type="email"],html.darkmode input[type="url"], html.darkmode input[type="password"], html.darkmode input[type="search"], html.darkmode input[type="number"], html.darkmode input[type="tel"],html.darkmode input[type="range"], html.darkmode input[type="date"], html.darkmode input[type="month"], html.darkmode input[type="week"], html.darkmode input[type="time"], html.darkmode input[type="datetime"], html.darkmode input[type="datetime-local"], html.darkmode input[type="color"], html.darkmode textarea {
   
/*  background-color: var(--dark);*/
/*  background-color: transparent;*/
     border-bottom: 1px solid var(--dark);
}




select {
    border: 1px solid #ccc;
}



textarea {
    padding-left: 3px;
    width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

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

a {
    color: royalblue;
}

a:visited {
   /* color: purple;*/
}

a:hover, a:focus, a:active {
    /*color: midnightblue;*/
}

a:focus {
    outline: thin dotted;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100vw;
    
}

.main-navigation ul {
   /* display: none;*/
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation li {
    float: left;
    position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;
}

.main-navigation ul ul {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    float: left;
    position: absolute;
    top: 1.5em;
    left: -999em;
    z-index: 99999;
}
html.darkmode .main-navigation ul ul {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
   
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul ul li {
    width: 100%;
}

.main-navigation li:hover > a, .main-navigation li.focus > a {
}

.main-navigation ul ul:hover > a, .main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover, .main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
    /*left: auto;*/
}

.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
    left: 100%;
}

.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-menu-ancestor > a {
}

/* Small menu. */

.menu-toggle, .main-navigation.toggled ul {
    display: block;
}

@media screen and (min-width: 991px) {
    .menu-toggle {
        display: none;
    }

    .main-navigation ul {
        display: block;
    }
}

.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
    /*margin: 0 0 1.5em;*/
    /*overflow: hidden;*/
}

.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

/*my menu*/



/*###### HOMEPAGE ######*/


.site-title {
    font-family: 'Oswald', sans-serif;
    font-size: 1em;
    /*letter-spacing: 1px;*/
    opacity: .8;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    font-weight: 300;
    color: #666;
    text-transform: uppercase;
    vertical-align: middle;
}
.nav-bar .site-title .site-name, .nav-bar .site-title .white {
    font-weight: 400;
}




html.darkmode .site-title {
    color: #666;
    
}
.homecopy .site-title, html.darkmode .homecopy .site-title {
    color: #FFF;
    font-size: 4.4em;
    line-height:.46;
    display: inline-block;
    margin-bottom: .26em;
}

.homecopy .site-title .site-name{
    opacity:0.5;
    
    letter-spacing: -1px;
    display: block;
}

.site-title .site-name{
    font-weight: 200;
    
}

.site-title .white{
    /*letter-spacing: 0.7px;*/
    color:#333; 
    font-weight: 200;
    
}


.homecopy-Logo .site-title .white {
    letter-spacing: 0px;
}
html.darkmode .site-title .white{
    /*letter-spacing: 0.7px;*/
    color:#999; 
    
}

.homecopy .site-title .white, html.darkmode .homecopy .site-title .white {
    color: #FFF;
    font-size: .92em !important;
    display: block;
}


.homecopy-btn {
    
    padding: 0;
    Height: 60px;
    margin: 0 0 3em;
}

.homecopy-btn .btn {

    display: inline-block;
}
/*.site-description {
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0px;
    color: #FFF;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    font-weight: 600;
    
}*/


.site-title:hover {
    /*color: #999;*/
    opacity:1;
}

#site-navigation .module.left {
    padding-left: 20px;
     padding-right: 15px;
}



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

/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

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

/* Do not show the outline on the skip link target. */

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

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

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

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

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

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

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

/*.widget {
    margin: 0 0 1.5em;
}*/

/* Make sure select elements fit in widgets. */

/*.widget select {
    max-width: 100%;
}*/

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

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
    display: block;
}

.hentry {
   /* margin: 0 0 1.5em;*/
}

.byline, .updated:not(.published) {
    display: none;
}

.single .byline, .group-blog .byline {
    display: inline;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/

.blog .format-aside .entry-title, .archive .format-aside .entry-title {
    display: none;
}

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

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

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

.infinite-scroll .posts-navigation,
    /* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
    display: block;
}

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

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

/* Make sure embeds and iframes fit their containers. */

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

.responsive-container, .responsive-container-byfoot {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 0px;
    height: 0;
    margin: 3em 0 4em;
    overflow: hidden;
}

.responsive-container-byfoot {
    
    margin:0;
    
}


/*.responsive-container,
    .responsive-container iframe {
    max-width: 1280px;
    max-height: 1920px;
}*/
.responsive-container iframe, .responsive-container-byfoot iframe{
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
}

.instagram-container {

    margin:30px 0;
    
}

.responsive-container iframe,
.responsive-container object,
.responsive-container embed,
.responsive-container video
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

/*.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}*/


.wp-caption {
    background: #fff;
/*    border: 1px solid #f0f0f0;
*/    max-width: 100%; /* Image does not overflow the content area */
    padding: 10px 0 0;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 12px;
    line-height: 17px;
    margin: 0;
    padding: 0 10px;
    font-style:italic;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

/*.gallery {
    margin-bottom: 1.5em;
}

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

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

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

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

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

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

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

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

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

.gallery-caption {
    display: block;
}
*/
/*!
// Contents
// ------------------------------------------------
 1. Global Styles
 2. Mixins
 3. Typography
 4. Colours
 5. Sections
 6. Buttons
 7. Nav
 8. Forms
 9. Breadcrumbs
 10. Pagination
 11. Icon Features
 12. Widgets
 13. Image Tiles
 14. Sliders
 15. Galleries
 16. Header Area
 17. WooCommerce
 18. Blog
 19. Image Blocks
 20. Portfolio
 21. Footer
 22. Spacing
 23. Other
/*!---------- 1. GLOBAL STYLES ----------*/



body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    
    font-size:14px;
    line-height: normal;
    font-weight: 400;
    
    /*color: #555 !important;*/
   
  
}

ul {
    list-style: disc;
}

.main-container {
  
}

hr {
    border: none;
    border-top: 1px solid #ccc;
    margin: 0 0 6px 0;
    width: 100%;
}

.bg-dark hr {
    border-color: #555;
}

.content hr {
    width: 128px;
    max-width: 60%;
    height: 1px;
    background: #DDD;
    border: 0;
}
html.darkmode .content hr {

    background: #333;
 
}

.list-inline {
    margin-left: 0;
}

.list-inline > li {
    padding: 0 8px;
}

.list-inline > li:last-child {
    padding-right: 0;
}

.list-inline > li:first-child {
    padding-left: 0;
}

.overflow-hidden {
    overflow: hidden;
}

.right {
    right: 0;
}

.relative {
    position: relative;
    z-index: 2;
}

.container {
   /* position: relative;*/
}
.container {
    max-width: 1170px;
}


/*!---------- 2. MIXINS ----------*/

.align-children {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: row;
    -webkit-flex-direction: row;
}

@media all and (max-width: 991px) {
    .align-children {
        display: block !important;
    }

}
.align-bottom {
     position: absolute;
    bottom: 15%;
    width: 100%;
    z-index: 2;
}

.align-transform {
    position: relative;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    top: 50%;
    z-index: 2;
}



.align-transform-arrow{
     position: relative;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    top:100%;
    z-index: 2;
}

.parallax-window, .parallax-window-portfolio {
    /* background: transparent !important; */
    /*margin:-56px 0;*/ 
    /*margin:-5px 0 0;  */
    height: 100vh;
    
    
}

.parallax-window-account{
    background: transparent;
    /*margin:-56px 0;*/
    height: 100vh;

    
    
}

.parallax-window-account-login{
  
    min-height: 100vh;
overflow: auto;
    
    
}

.parallax-window-store {
    background: transparent;
    /*margin:-56px 0;*/
    height: 100vh;
    
    
}
/*.parallax-window-homecopy {
    background: transparent;
    
    height: 100vh;
    
    
}*/

.parallax-window-shop {
    background: transparent;
    /*margin:-56px 0;*/
    height: 100vh;
    
    
}

.small-portfolio-screen .top-parallax-section {
    overflow: hidden;
   /* padding: 100px 0 100px 0;*/
}
/*!---------- 3. TYPOGRAPHY ----------*/

h1, h2, h3, h4, h5, h6, p, ul, ol, table, /*blockquote,*/ input, textarea {
   /* margin-bottom: 5px;*/
    margin-top: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    /*font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-family: 'Oswald', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-weight:200;
    /*color: #666;*/
}

h1 {
    font-size: 46px;
    line-height: 44px;
}

h2 {
    font-size: 46px;
    line-height: 46px;
}

h3 {
    font-size: 32px;
    line-height: 40px;
}

h4 {
    font-size: 24px;
    line-height: 32px;
}

h5 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

h6 {
    font-size: 12px;
    line-height: 24px;
    font-weight: 700;
}

@media screen and (max-width:767px) {

.parallax-window, .parallax-window-portfolio {
        /* background: transparent !important; */
        /*margin-top:-56;*/
        /*margin-bottom:0;*/
    }


}


@media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape) {

.parallax-window. .parallax-window-portfolio {
        background: transparent;
        /*margin-top:0;
        margin-bottom:0;*/
    }

}

@media all and (orientation:landscape) and (max-width: 767px){
    
}


@media all and (max-width: 767px) {
    
    
/*    h1 {
        font-size: 48px;
        line-height: 46px;
       
    }

    h2 {
        font-size: 38px;
        line-height: 38px;
    }

    h3 {
        font-size: 24px;
        line-height: 32px;
    }

    h4 {
        font-size: 18px;
        line-height: 26px;
    }

    h5 {
        font-size: 16px;
        line-height: 20px;
     
    }

    h6 {
        font-size: 12px;
        line-height: 24px;
        font-weight: 700;
    }*/
    
}

.uppercase {
    font-weight: 400;
    text-transform: uppercase;
}

h5.uppercase {
    letter-spacing: 2px;
    margin-right: -2px;
}

/*p, span {
    font-weight: 400;
}*/

p.lead {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;  
}

@media all and (max-width: 767px) {
   /* p.lead {
        font-size: 13px;
        line-height: 24px;
    }*/


}

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

a {
    font-weight: 400;
    cursor: pointer;
}

a:visited {
    /*color: #745cf9;*/
    
}

.image-bg a {
    color: #fff;
}

/*.image-bg a:hover {
    color: #fff;
    opacity: .9;
}*/

a:hover {
    /*color: #5d47d7;*/
    text-decoration: none;
}

blockquote1 {
    overflow: hidden;
    /*font-family: "Merriweather", "Georgia", Times New Roman, Times, serif;*/
    font-size: 22px;
    
    font-style: italic;
    background: #000;
    padding: 2em 0 2em 0;
    color: #777;
    font-weight: 300;
}



.number {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media all and (max-width: 767px) {
   /* br {
        display: none;
    }*/

blockquote {
    margin: 3em 2em;
    

}

}

@media all and (max-width: 767px) {
    /*.site-title, .site-description {
        font-size: 16px;
    }*/
    
    .site-title {
        opacity: .7;
        font-size: .9em;
            /*vertical-align: middle;*/

    }
    
    .nav-bar .site-title .site-name, .nav-bar .site-title .white {
        font-weight: 400;
    }
    
    /*.site-title .site-name, .site-title .white{   
        font-weight: 300;
    }*/
    
    .homecopy .site-title, html.darkmode .homecopy .site-title{
        font-size: 3.7em;
   
    }
    
/*  .homecopy-btn .btn{
        width: 9em;
    }*/
    
}


th, td {
    /*line-height: 24px !important;*/
}

/*!---------- 4. COLOURS ----------*/

.bg-primary {
    background: #745cf9 !important;
}

.bg-secondary {
    background: #f5f5f5;
}

.bg-dark {
    background: #0e1015;
}

/*!---------- 5. SECTIONS ----------*/

section, footer {
    padding:0;
    position: relative;
    overflow: hidden;
     height:auto;
}

.page-template-page-templatestemplate-home-php .content-area, .series-template-portfolio-templatesfull-width-php  .content-area {
    padding: 0;
}



footer {
    padding: 5em 0 2em;
    
}
body:not(.post-type-archive-series) footer {
    background-color: var(--light);
}
html.darkmode body:not(.post-type-archive-series) footer {

    background-color: var(--dark);
}




.fullscreen {
    height: 100vh;
    /*height: 105vh;
    margin-bottom:-5vh;*/
    
}

.fullscreen-byfoot {
    
    height: 100vh;
    /*margin-bottom:-5vh;*/
    
}

.bg-dark h3, .bg-dark h5, footer.bg-dark h5, .bg-primary h5, .bg-dark h6, footer.bg-dark h6 {
    color: #ffffff;
}

.bg-dark p, footer.bg-dark p, .bg-primary p, .bg-dark span, footer.bg-dark span, .bg-dark li, footer.bg-dark li {
    color: #fefefe;
}

@media all and (max-width: 767px) {
    footer {
        padding: 2em 0 1em;;
    }
    
    section {
        padding: 0;
    }
}

.image-bg h3, .image-bg h1 {
    color: #ffffff;
}

.image-bg p, .image-bg li {
    color: #ffffff;
}

.image-bg div[class*='col-'] {
    position: relative;
    z-index: 3;
}

.background-image-holder {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: #0e1015;
    background-size: cover !important;
    background-position: 50% 50% !important;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    opacity: 0;
}

.background-image-holder img {
    display: none;
}

.background-image-holder.fadeIn {
    opacity: 1;
}

/*!---------- 6. BUTTONS ----------*/

.btn, .button {
   /* font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
   /* border: 1px solid #745cf9;*/
    
    padding: 1.1em 2.8em;
    /*min-width: 150px;*/
    /*line-height: normal;*/
    font-size: .81em;
    font-weight: 700;
    text-transform: uppercase;
    /*letter-spacing: .8px;*/
    border-radius: 2em;
    /*color: #745cf9;*/
    text-align: center;
    color: #939393;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    margin-right: 10px;
   /* margin-bottom: 24px;*/
    background: none;
    border: 1px solid #939393;
}

.btn:last-child, .btn:last-of-type {
    margin-right: 0;
}

/*.btn:hover, .button:hover {
    background: #939393;
    color: #fff !important;
}*/

.btn-lg {
   /* height: 50px;*/
    /*line-height: 39px;*/
   /* min-width: 115px;*/
    /*opacity:.7;*/
}
/*.btn-lg {
line-height: 1.42857143;
}*/
/*.btn-group-lg>.btn, .btn-lg {
    line-height: 1.3;
}
*/
.btn-sm {
    height: 30px;
    font-size: 11px;
    line-height: 27px;
    min-width: 0;
}

.btn-filled, .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    /*background: #745cf9;*/
   
}

@media (max-width: 768px) {
    .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail {
        display: block;
        text-align: left !important;
    }

    .cart .product-thumbnail:before {
        display: none;
    }

    .woocommerce-cart table.cart img {
        width: 150px;
    }
}

.woocommerce-product-gallery__image{
    
     -webkit-box-shadow: 2px 3px 10px 0px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 2px 3px 10px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 2px 3px 10px 0px rgba(0, 0, 0, 0.6);
    
}

/*.woocommerce img, .woocommerce-page img {
    -webkit-box-shadow: 2px 3px 10px 0px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: 2px 3px 10px 0px rgba(0, 0, 0, 0.9);
    box-shadow: 2px 3px 10px 0px rgba(0, 0, 0, 0.9);
}*/


.woocommerce div.product .woocommerce-tabs .panel {
    margin: 3em 1em;
    padding: 0;
}

.woocommerce-order{
    
    padding-top:4em;
}
.woocommerce-thankyou-order-received {
    font-size: 24px;
}


.zoomImg {
    
    cursor: all-scroll;
}

a.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    font-size: .9em;
    margin: 0;
    line-height: 1.1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: 1em;
    font-weight: 700;
    border-radius: 0.5em;
    left: auto;
    color: #FFF;
    background-color: #ebe9eb;
    border: 0;
    display: inline-block;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    letter-spacing:0;
}

* > .fa.fa-hover-show,
*:hover > .fa.fa-hover-hidden {
  display: none;
}
*:hover > .fa.fa-hover-show {
  display: inline-block;
}



.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  /*  padding: 0.8em !important;
    font-size:1.4em!important;
        border-radius:100%!important*/;
}

.btn-white, .btn-white-blog, .image-bg .btn, .image-bg .btn:visited {
    color: #EEE;
    border-color: rgba(255,255,255,.6);
}

.btn-grey {
    color: #666 !important;
    border-color: #666 !important;
}

.image-bg .btn.btn-filled, .image-bg .btn.btn-filled {
    background: #745cf9;
    color: #fff;
    border-color: #745cf9;
}

.btn-white:hover, .btn-white-blog:hover, .image-bg .btn:hover, .image-bg .btn:visited:hover {
    background: #fff;
    border-color: #fff;
    color: #333;
}

.btn-grey:hover {
    background: #999!important;
    color: #FFF !important;
    border-color: #999 !important;
}

.btn:visited {
    color: #745cf9;
}

.btn-white:visited, .btn:visited:hover {
    color: #fff;
}

.btn-white-blog:visited, .btn:visited:hover {
    color: #999;
}

.btn-white-blog:visited:hover {
    color: #FFF;
}
.btn-white:visited:hover {
    color: #222;
}

.btn-filled:visited {
    color: #fff;
}

.cfa-text {
    margin-bottom: 0;
    line-height: 45px;
}

.cfa-button {
    width: 100%;
}

.btn-filled:hover, .btn:visited:hover {
   /* background: #5d47d7;*/
    border-color: #5d47d7;
}

/*input[type="submit"]:hover {
    background-color: #999;
     border: 2px solid #999;
    color: #fff;
}*/

.widget input[type="submit"] {
   /* border: none;*/
   /* margin-top: 5px;*/
}

/*.widget input[type="submit"]:hover {
    color: #333;
    background-color: #fff;
}*/

/*!---------- 7. NAVIGATION ----------*/

.nav-container {
    -webkit-backface-visibility: hidden;
   /* max-width: 100vw;*/
}

nav {
   
    -webkit-backface-visibility: hidden;
    /*max-width: 100vw;*/
}

nav ul {
    margin-bottom: 0;
}

.module {
    /*display: inline-block;*/
    /*padding: 0 32px;*/
}

.module-group {
    display: inline-block;
}

.module.left {
    float: left;
}

.module.right, .module-group.right {
    float: right;
}

nav .btn, .nav-bar .btn {
    margin: 0;
    height: auto;
}

.nav-bar {
    
   /*padding-top:3px;*/
    line-height: 60px;
    /*margin-top: -1px;*/
}

nav {
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
}

/*.nav-bar .module, .nav-bar .module-group {
    height: 56px;
}*/

.nav-bar a {
    display: inline-block;
  /*  height: 56px;*/
    
}

.logo {
    max-height: 20%;
        width: 40px;
}



body:not(.page-template-full-width-parallax) .nav-container {
    
   min-height:  60px;
}

/*nav.outOfSight {
    transform: translate3d(0, -100px, 0);
    -webkit-transform: translate3d(0, -100px, 0);
    -moz-transform: translate3d(0, -100px, 0);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

nav.scrolled {
    transform: translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

nav.fixed.scrolled {
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

nav.fixed {
    top: 0;
    z-index: 999;
    left: 0;
    right: 0;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

nav.fixed {
    position: fixed;
    visibility: hidden;
    opacity: 0;
}

nav.fixed.scrolled {
    visibility: visible;
    opacity: 1;
}*/

.dropdown-menu>li>a {
    padding: 4px 20px;
    color: #666;
}

.dropdown-menu {
    border-radius: 0;
    
}

.nav-open {
    /*max-height: 10000px !important;*/
   /*height: auto !important;
*/   
    
}



.nav-open .navbar-collapse, .nav-open #menu {
    display: block;
    /*border-top: 1px #DDD solid;*/
    /*padding-top: 11px;*/
    
}
.navbar {
    background: var(--light);
    /*background:none;*/
    /*background-color:none !important; */
    /*height:56px;*/
    /*height:auto;*/
    margin-bottom: 0;
    min-height: auto;
    border:0;
}
html.darkmode .navbar{
    background: var(--dark);

}

.navbar-transparent, html.darkmode .navbar-transparent {
    background: transparent;
}

.navbar-transparent .nav-bar:not(.nav-open) .site-title .white, html.darkmode .navbar-transparent .nav-bar:not(.nav-open) .site-title .white {
    color:#fff;
}
.navbar-transparent .nav-bar:not(.nav-open) .site-title, html.darkmode .navbar-transparent .nav-bar:not(.nav-open) .site-title {
    color:#ccc;
}




.navbar-inverse{
    background:#000 !important;
    /*background:none;*/
    /*background-color:none !important; */
    height:56px;
    /*height:auto;*/
}

.module.widget-handle {
    padding: 2px 24px !important;
    cursor: pointer;
/*    position: absolute;*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0;
}

@media all and (max-width: 1100px) {
    .module.widget-handle {
        padding: 0 16px;
    }


}

@media all and (max-width: 991px) {

    .toggle-sub > ul {
        display: block !important;
    }


}

@media all and (max-width: 1600px) {
  /*  p{
        font-size:16px;
    }*/
}

.module.widget-handle i {
    font-size: 22px;
    line-height: 56px;
    opacity: 0.5;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.module.widget-handle:hover i {
    opacity: 1;
}

.widget-handle .function {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    cursor: default;
    width: 200px;
    background: #0e1015;
    position: absolute;
    z-index: 99;
    opacity: 0;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transform: translate3d(0, 10px, 0);
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    visibility: hidden;
    margin-top: -10px;
    right: 0;
    height:auto;
    border: 1px solid #FFF !important;
    border-radius: 0.8em !important;
}

.module.widget-handle:hover .function {
    opacity: 1;
    transform: translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    visibility: visible;
}

.module.widget-handle .title {
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    display: none;
    opacity: .5;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.module.widget-handle .title:hover {
    opacity: 1;
}

/* Search bar */
.search {
   /*color:#FFF;*/
   /*display:none;*/
  /* width:25px;
   color:#999;*/
  /*margin: auto;*/
     /* padding-top: 7px;*/


   
}

.search-svg{
    width:16px;
   color:#999;
}

.search svg {
   /*color:#FFF;*/
   /*display:none;*/
    fill: currentColor;
 
  /* display: inline-block;
   vertical-align: middle;*/
}




.mobile-toggle {
   color:#999;
   margin-top: 16px !important;
}

.active{
   color:#333;
}


.search-form {
    padding: 8px;
    display: inline;
    text-align: center;
   /* line-height: 50px;*/
}

.mobile-toggle em {
    background-color: #666;
   
    width: 20px;
    height: 1px;
    display:block;
    margin-top:6px;
    transition: all 0.2s;
     -webkit-transform: all 0.2s;
        -moz-transform:all 0.2s;
  }
  .mobile-toggle em {
       background-color: #999;
}
  .mobile-toggle .line-1 {
    transform: rotate(0);
     -webkit-transform: rotate(0);
        -moz-transform:rotate(0);
    
  }
  .mobile-toggle .line-2 {
    opacity: 1;
    width: 12px;
  }
  .mobile-toggle .line-3 {
    transform: rotate(0);
     -webkit-transform: rotate(0);
        -moz-transform:rotate(0);
  }



  .mobile-toggle.active .line-1 {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
        -moz-transform:rotate(45deg);
    transform-origin: 0 0;
    -webkit-origin: 0 0;
    -moz-transform: 0 0;
    
  }
  .mobile-toggle.active .line-2 {
    opacity: 0;
  }
  .mobile-toggle.active .line-3 {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
        -moz-transform:rotate(-45deg);
     transform-origin: 0% 100%;
    -webkit-origin: 0% 100%;
    -moz-transform: 0% 100%;
    
  }


@media all and (max-width: 991px) {
    .search-form {
        
        padding: 0;
        margin-top: 1em;
        
    }
}

.widget-handle .search-form input[type="text"] {
    font-size: 1.2em;
    /*float: left;*/
    width: 100%;
    max-width: 250px;
    height: 52px;
    padding: 0em 1.4em;
    border: 1px solid rgba(255, 255, 255, .8);
    display: inline-block;
    margin: 0;
    margin-right: .4em;
    vertical-align: middle;
    -moz-transition: all .4s cubic-bezier(0.8, 0.01, 0.25, 1);
    -webkit-transition: all .4s cubic-bezier(0.8, 0.01, 0.25, 1);
    transition: all .4s cubic-bezier(0.8, 0.01, 0.25, 1);
    
    
}
.widget-handle .search-form input[type="text"]:focus {
    /*font-size: 1.3em;*/
    height: 57px;
    max-width: 350px;
    background-color: rgba(0,0,0,.4);
    border: 1px solid rgba(255, 255, 255, 0);
    /*margin: .8em .4em .8em 0;
    padding: 0 1.8em;*/
}
.widget-handle .search-form input[type="submit"] {
    background: #FFF;
     color: #333;
   /* border-radius: 0 !important;*/
    display: inline-block;
    vertical-align: middle;
    border: none;
    font-size: 1em;
    /*font-weight: 700;*/
    
  
    /*letter-spacing: .4px;*/
    line-height: 2;
  /*  max-width: 20%;*/
    padding: .62em 2em 1em 1.03em;
    
    /*text-transform: uppercase;*/
    width: 46px;
    height: 46px;
    opacity: .7;
    
}

 .function .search-form input[type="submit"] {
         
    background: #FFF !important;
     border: 1px solid #CCC !important;
   
    border-radius: 0.8em !important;
    
    color: #999;
    font-size: 11px;
    font-weight: bold;
    height: 50px;
    letter-spacing: 1px;
    line-height: 48px;
    max-width: 30%;
    padding: 0;
    
    text-transform: uppercase;
    width: 100%;
    
}

.widget-handle .search-form input[type="submit"]:hover {
    background-color: #333;
    color: #fff;
    /*border: 1px solid #999;*/
    opacity: 1;
}


@media screen and (max-width:767px) {
    

    .widget-handle .search-form input[type="text"] {
        font-size: 16px;
        width: 70%;
        padding: 1em 1.6em;
        height: 54px;
        
        
}
    .widget-handle .search-form input[type="text"]:focus {
        height: 60px;
        width: 80%;
        background-color: rgba(0,0,0,.2);
        border: 1px solid rgba(255, 255, 255, 0);
        
    }

    .widget-handle .search-form input[type="submit"] {
        width: 47px;
        height: 47px;
        margin-top: 1px;
        font-size: 1.1em;
        padding: .57em 1em .6em .85em;
        
    }
}

.search-form input[type="text"] {
    font-size: 14px;
    margin: 0;
    border-radius: 2em;
    color: #FFF;
    
    line-height: 1;
    
}
.search-form input[type="text"]::placeholder {
   
    color: #eee;
}

.search-form input[type="text"]:focus::placeholder {
   
    color: #aaa;
}

.widget-handle .function {
   
   
    width:500px;
    
}

/*.btn.searchsubmit {
    min-width: 17%;
    padding: 0;
    width: 27%;
    height: 50px;
    line-height: 48px;
    margin: -3px 0 0 8px;
}

.btn.searchsubmit:hover {
      background-color: #999;
     border: 2px solid #999;
    color: #fff;
}*/

/*Search Page */

.search #primary, .no-results {
    padding-top: 0
}

.no-results {
    border-bottom: 0;
}

.no-results form.search-form {
    max-width: 500px;
    padding: 0;
    width: 100%;
}

.no-results form #s {
    max-width: 292px;
    width: 71%;
}

.no-results form .searchsubmit {
    margin: 0;
}




/*!---------- 8. FORMS ----------*/

/*input, textarea {
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}*/

input:focus::-webkit-input-placeholder 
{
    color: transparent;
}

input[type="text"], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type="password"], input[type="text"], input[type="tel"], input[type="search"], input[type="email"], input[type="url"], textarea {
  /*  background: #f5f5f5;*/
   /* border: none;*/
    width: 100%;
    height: 42px;
    padding-left: 10px;
    font-weight: 400;
    margin-bottom: 1em;
    border-radius: 0;
    font-size: 14px;
    
}

@media (max-width: 479px){

    input[type="password"], input[type="text"], input[type="tel"], input[type="search"], input[type="email"], input[type="url"], textarea {

    font-size: 16px;
    
}
    
}


input[type="text"]:focus, input[type="search"]:focus {
   /* outline: 1px solid #ccc;*/
    outline: 0;
}

textarea {
    width: 100%;
    border: none;
    background: #f5f5f5;
    margin-bottom: 24px;
    border-radius: 0;
    padding: 16px 13px;
}

textarea:focus {
    outline: 1px solid #ccc;
}

:-moz-placeholder {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    color: #777;
    font-size: 11px;
}

::-moz-placeholder {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    color: #777;
    font-size: 11px;
}

:-ms-input-placeholder {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    color: #777;
    font-size: 11px;
}

input.transparent::-moz-input-placeholder, button.transparent::-moz-input-placeholder {
    color: #fff;
}

input.transparent:-moz-input-placeholder, button.transparent:-moz-input-placeholder {
    color: #fff;
}

input.transparent:-ms-input-placeholder, button.transparent:-ms-input-placeholder {
    color: #fff;
}



.bg-primary input[type="submit"] {
    background: #fff;
    color: #745cf9;
}

input[type="submit"]:focus {
    outline: none;
}

/*!---------- 9. BREADCRUMBS ----------*/

.breadcrumb {
    margin-bottom: 24px;
}

.breadcrumb a {
    font-weight: 300;
}

/*!---------- 10. PAGINATION ----------*/

.pagination {
    margin: 0;
    border: none;
    background: transparent;
}

.pagination .nav-links *:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pagination .nav-links *:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pagination a, .pagination span {
    width: 32px;
    height: 32px;
    padding: 0;
    text-align: center;
    padding-top: 6px;
    margin: 0 4px;
    color: #0e1015;
    font-weight: 400;
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: inline-block;
    border: 1px solid #ddd;
    line-height: 20px;
}

.pagination span {
    background: #745cf9;
    color: #fff;
    border-color: #745cf9;
}

.pagination a:hover, .pagination .active a, .pagination .active:hover a {
    background: #745cf9;
    color: #fff;
    border-color: #745cf9;
}

/*!---------- 11. ICON FEATURES ----------*/

.feature {
    margin-bottom: 24px;
}

.feature p:last-child {
    margin-bottom: 0;
}

.feature-1 i {
    display: inline-block;
    margin-bottom: 16px;
    color: #745cf9;
}
.feature-1 i, .feature-2 i, .feature-3 i, .comment-reply, a:visited, a {
    color: unset;
}

html.darkmode .feature-1 i, html.darkmode .feature-2 i, html.darkmode .feature-3 i, html.darkmode .comment-reply, html.darkmode a:visited, html.darkmode a {
    color: #666;
}
/*a:hover, a:focus {
    color: #333 !important;
}
html.darkmode a:hover, html.darkmode a:focus {
    color: #AAA !important;
}*/
/*.homecopy-btn a:hover, html.darkmode .homecopy-btn a:hover {
    color: #666;
    font-size: .9em;
    border-color: rgba(255,255,255,0);
}*/
#site-navigation a:hover {
    color: #333 !important;
}
html.darkmode #site-navigation a:hover {
    color: #999 !important;
}

.page-title {
    padding: 0;
}

/*!---------- 12. WIDGETS ----------*/

.main-container .nolist > ul {
    list-style: none;
    margin: 0;
   /* padding: 0;*/
}

    /*.widget {
        margin-bottom: 0 !important;
    }*/
#secondary {

    margin-top: 3em;
    margin-bottom: 2em;
    
}
#secondary .widget {
    margin-bottom: 2em;
    
}

.category-list {
    line-height: 32px;
}

.widget hr {
    margin-bottom: 12px;
}

.recent-posts {
    line-height: 24px;
}

.recent-posts li {
    margin-bottom: 8px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.recent-posts .date {
    display: block;
    letter-spacing: 0;
    opacity: .8;
}

.recent-posts li:hover .date {
    opacity: 1;
}

.category-list span {
    float: right;
}

.jetpack_subscription_widget form {
    background: #745cf9;
    color: #fff;
    padding: 24px;
}

.jetpack_subscription_widget form #subscribe-text {
    color: #fff;
}

.jetpack_subscription_widget #subscribe-text h5 {
    color: #fff;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.jetpack_subscription_widget #subscribe-text p {
    color: #fefefe;
}

.jetpack_subscription_widget #subscribe-email, .jetpack_subscription_widget #subscribe-submit {
    margin: 0;
}

.jetpack_subscription_widget #subscribe-email input {
    margin: 0;
    padding: 3px 3px 3px 20px;
    width: 100%;
}

.jetpack_subscription_widget #subscribe-submit input {
    background: #fff;
    color: #745cf9;
    padding: 0;
}

.jetpack_subscription_widget .error {
    background-color: #FFBABA;
    color: #D8000C;
    padding: 5px 15px;
}

.jetpack_subscription_widget .success p {
    background-color: #DFF2BF;
    color: #4F8A10;
    padding: 5px 15px;
}

/*!---------- 13. IMAGE TILES ----------*/

img {
    max-width: 100%;
}

.image-tile, .inner-title-shop {
    overflow: hidden;
    position: relative;
   /* margin-bottom: 24px;*/
   text-align:center;
}

.image-tile img, .inner-title-shop img {
    width: 100%;
    height:100%;
    display: inline-block;
/*   transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
*/}
.text-center{
    text-align:center;  
}

.inner-title:before, .inner-title-shop:before {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    top:0;
    right:0;
   /* width: 100%;
    height: 100%;*/
    /*background:#FFF;*/
    /*background: rgba(0,0,0,0.3);*/
    
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8)  0, rgba(0, 0, 0, 0) 40%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0) 40%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0) 40%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0) 40%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0) 40%);
   /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#0e1015', GradientType=0);*/
    pointer-events: none;
    z-index:2;
    padding: 0;
    /*margin: .25em;*/
        
}



/*body.home .inner-title:before, body.home .inner-title-shop:before, body.series-template .inner-title:before {
    margin: 0;
}*/

/*.inner-title a{
     pointer-events: none;
    
}*/


.inner-title-shop:before {
    /*background:#000;*/
}

/*.inner-title:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}*/

.inner-title .title, .inner-title-shop .title {
    position: absolute;
    width: 100%;
    z-index: 5;
    padding:0 1.2em;
    /*text-transform: uppercase;*/
}
.portfolio-related .inner-title .title, .portfolio-related .inner-title-shop .title {
   
    padding:0 1em;

}

.inner-title-shop .title {

    text-transform:none;
}

/*.inner-title .title span {
    color: #999;
    font-size:12px;
    font-weight: 600;
}*/

.inner-title-shop .title a h2 {
    font-weight: 500;
    font-size:18px;
    line-height:18px;
    color:#666;
    padding:0 1em;
    
}

.portfolio-related {
    background-color: var(--light);
    margin: 0 4px;
    /*margin: 0;*/
    padding-top: 6em;
}

html.darkmode .portfolio-related {
    background-color: var(--dark);
}

.portfolio-related .inner-title .title span, .shapely_home_portfolio .inner-title .title span, .projects-archive .inner-title .title span, .featured .inner-title .title span, .search-portfolio .inner-title .title span {
    color: #CCC;
    font-size:.76em;
    font-weight: 700;
    /*text-transform: uppercase;*/
}

 .inner-title .title p,  .inner-title.shop .title p{
    color: #CCC;
    font-family: "Fira Sans",sans-serif;
    font-size:12px;
    line-height:16px;
    font-weight: 500;
    text-transform:none;
    padding:1em 0 .4em;
    margin:0;
}

.portfolio-home-featured .inner-title .title h2, .projects-archive .inner-title .title h2 {
    
    font-size:1.2em;
    /*line-height:20px;*/
}


.portfolio-related .inner-title .title h5 {
    font-size:1.2em;
}

@media all and (max-width: 820px) {
    /*.homecopy-btn a:hover, html.darkmode .homecopy-btn a:hover {
        
        font-size: .81em;
        color: #333;
        
    }*/
    
    .projects-archive .inner-title .title h2 {
    font-size:1em;
        line-height: .1em;
}
     .portfolio-related .inner-title .title h5 {
    font-size:.8em;
    line-height: .1em;
}
    
    .portfolio-related .inner-title .title span, .shapely_home_portfolio .inner-title .title span, .projects-archive .inner-title .title span, .featured .inner-title .title span {
        font-size:.5em;
    } 
    
}
/*.portfolio-related{
-webkit-box-shadow: 0px 1px 16px 2px rgba(0,0,0,0.3); 
box-shadow: 0px 1px 16px 2px rgba(0,0,0,0.3);
} 

html.darkmode .portfolio-related{
-webkit-box-shadow: 0px 1px 16px 2px rgba(0,0,0,0.8); 
box-shadow: 0px 1px 16px 2px rgba(0,0,0,0.8);
} 
*/

/*.shapely_home_portfolio .inner-title .title h5, .featured .inner-title .title h5 {
    font-weight: 400;
    font-size:18px;
    line-height:10px;
    color:#666;
    
}*/
.post-views{
    
    padding-top: 10px;
}



.inner-title .title h2, .inner-title .title h5 {
    font-weight: 400;
    font-size:1.2em;
    line-height:1.2em;
    color:#FFF;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    
}



/*.projects-archive .inner-title .title span {
     color: #AAA;
    font-size:10px;
    font-weight: 700;
}*/




.inner-title, .inner-title-shop{
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    opacity: 1;
}

.inner-title:hover, .inner-title-shop:hover {
    opacity: 1;
}

.inner-title.hover-reveal:before, .inner-title-shop.hover-reveal:before {
    opacity: 0;
    margin: 4px;
}

.portfolio-related .inner-title.hover-reveal:before{
    opacity: 0;
    margin: 4px;
}

.inner-title.hover-reveal:after, .inner-title-shop.hover-reveal:after {
    opacity: 0;
}

.inner-title.hover-reveal .title, .inner-title-shop.hover-reveal .title {
    opacity: 0;
   transform: translate3d(0, 20%, 0);
     -moz-transform: translate3d(0, 20%, 0);
    -webkit-transform: translate3d(0, 20%, 0);
    bottom:1.4em;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}

.inner-title.hover-reveal:hover .title, .inner-title-shop.hover-reveal:hover .title {
    opacity: 1;
  /*  transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    top: 45%;*/
        
            transform: translate3d(0, 0, 0);
             -moz-transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            /*bottom:1.2em;*/
            
}

.inner-title.hover-reveal:hover:before, .inner-title-shop.hover-reveal:hover:before {
    opacity: 1;
}

/*!---------- 14. SLIDERS ----------*/

.logo-carousel li {
    text-align: center;
}

.logo-carousel li {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    opacity: .5;
}

.logo-carousel li:hover {
    opacity: 1;
}

.logo-carousel img {
    max-height: 60px;
}




.portfolio-content {

    /*background-color: #333;*/
    background: none;

    margin:0;
    
}
@media all and (max-width: 767px) {
    
    .portfolio-related{

        /*margin: 0;*/
    }
    
    .logo-carousel .slides li {
        width: 100%;
    }
    
    
   
  /*  .portfolio-content {


        background: none;

        margin:0;
        padding-top: 0;
    }*/
    .menu > li ul {
  /*  background: #FFF;*/
}
}

/*!---------- 15. IMAGE GALLERIES ----------*/

.lightbox-grid, .lightbox-grid ul, .lightbox-grid li {
    position: relative;
    overflow: hidden;
}

.lightbox-grid li {
    width: 25%;
    float: left;
    border: 8px solid rgba(0, 0, 0, 0);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    opacity: 1;
}

.lightbox-grid li:hover {
    opacity: .9;
}

.third-thumbs li {
    width: 25%;
    height: 13.08vw;
    border: none;
}

@media all and (max-width: 991px) {
    .lightbox-grid li {
        width: 33.33333%;
    }
}

@media all and (max-width: 767px) {
    .lightbox-grid li {
        width: 50%;
    }

    .third-thumbs li {
        height: 50vw;
    }
}

/*!---------- 16. Header Area ----------*/

.cover {
    margin: 0;
    padding: 0;
}

.cover p {
    color: #ffffff;
}

.cover:first-child .fullscreen {
   
}

@media all and (max-width: 767px) {
    .cover.fullscreen {
        height: auto;
        padding: 0;
    }
}

/*!---------- 17. WooCommerce ----------*/

/*.woocommerce ul.products li.product:nth-child(4n), .woocommerce-page ul.products li.product:nth-child(4n) {
    margin-right: 0;
}*/

.right-stripe{
    float: right;
    padding: 1em 0;

}

.right-stripe img{

    box-shadow: none;
}

.woocommerce-breadcrumb {
    margin: 1em 0 1em !important;
   
}

h1.woocommerce-products-header__title {
    /*font-family: "Merriweather", "Georgia", Times New Roman, Times, serif;
    font-style: italic;*/
     font-size: 30px;
     color:#666;
     font-weight: 600;
     margin-top:1em;

}

.woocommerce nav.woocommerce-pagination {
    text-align: center;
    display: none;
}

/*!---------- 17.1 WooCommerce Single Product ----------*/


.woocommerce div.product {
    padding: 0 0 1em 0;
    position: relative;
}
.woocommerce div.product form.cart .variations label {
    font-weight: 400;
}

.woocommerce span.onsale {
   /* min-height: 2em;
    min-width: 3em;*/
     padding: 0; 
    font-weight: 700;
    top: 0;
    left: 48%;
    background-color: #ff5252;
    font-size: 1.1em;
    /*line-height: 3;*/
       margin: -1.3em 0 0 0;
    border-radius: 100%;
    /* box-shadow: 1px 1px 2px 1px #ff0202;*/
}

.rte .woocommerce span.onsale {
   
    left: 86%;
  
}
.products-archive span.onsale, .related span.onsale{
    font-size: 1.1em;
    left: 80%;
      margin: -1.1em 0 0 0;
  
}



.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    float: left;
    width: 54%;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: right;
    width: 43%;
    clear: none;
}

.woocommerce div.product div.summary {
    padding: 1.5em 0 0 0;
}

.woocommerce div.product h1.product_title {
    font-size: 26px;
    line-height: 26px;
    font-weight: 500;
    text-transform: uppercase;
}



.woocommerce div.product form.cart .variations select {
    /* max-width: 100%; */
    min-width: 100%;
    display: inline-block;
    position: relative;
    /* margin-right: 1em; */
}




.woocommerce-LoopProduct-link.woocommerce-loop-product__link.woocommerce-loop-product__link span.price{
    font-size:1em;  
        color: #77a464;
}

.woocommerce-LoopProduct-link.woocommerce-loop-product__link.woocommerce-loop-product__link span.price ins {
    background:none;
    font-weight: 700;
    display: inline-block;
}

.woocommerce-LoopProduct-link.woocommerce-loop-product__link.woocommerce-loop-product__link span.price del {
    opacity: .5;
    display: inline-block;
}



/*.woocommerce-loop-product__title{
    margin:0;
    
}*/
h2.woocommerce-loop-product__title {
    font-size:1.4em;
    line-height: 1em;
    padding:1em 0 0 0;
    font-weight:600;
    color: #666;
    margin: 0;
    
}


.single_add_to_cart_button {
      padding: 11px !important;
    font-size: 22px !important;
   /* border-radius: 100% !important;*/
}

.reset_variations {
display: none !important;
}

.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
    width: 190px !important;
}

#add_payment_method table.cart input, .woocommerce-cart table.cart input, .woocommerce-checkout table.cart input {
    margin: 0;
    vertical-align: middle;
    line-height: 1.1;
    border-radius: 0;
}

span.woocommerce-Price-amount  {
   /* font-weight: 600;*/
    /*padding-left:0.3em;*/
    font-size: .7em;
}

.woocommerce-variation-price{
    padding: 6px 0;
}

@media (max-width: 768px){

.woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary {
    float: none;
    width: 100%;
    margin-bottom: 0;
}

.woocommerce span.onsale {
     left: 100%;
    margin: -1.4em 0 0 -3.5em;
}

.rte .woocommerce span.onsale {
   
    left: 100%;
  
}

.woocommerce div.product div.summary {
    padding: 1em 0;
}
.woocommerce div.product h1.product_title {
    font-size: 28px;
    line-height: 28px;
    font-weight: 300;
}

.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
    width: 100% !important;
}

#add_payment_method table.cart input, .woocommerce-cart table.cart input, .woocommerce-checkout table.cart input {
    margin: 1em 0;
    vertical-align: middle;
    line-height: 2.1;
}


.woocommerce-page table.cart td.actions .coupon input {
    width: 100% !important;
}

select{
    font-size: 16px;
}
/*table.variations tr>td {
  padding-bottom: 1em;
}*/
table.variations td {/*display:block;width:99.9%;*/line-height:2.5 !important;}

.single_variation_wrap{
    text-align:center;  
}

.woocommerce div.product form.cart .button {
  
    float: none;
}
button.single_add_to_cart_button {
    padding: 16px !important;
    font-size: 25px !important;
   /* border-radius: 100% !important;*/
    background:#77a464 !important;
}

    

.woocommerce-variation-price {
    padding: 6px 0 15px 0;
}


}

/*!---------- 17.2 WooCommerce Cart ----------*/
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    width: 100%;
    -webkit-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.4);
}



/*.woocommerce-cart table.cart .product-thumbnail {
    
    max-width: 10px;
}
*/

button[name="update_cart"] {
    display: none !important;
}


.woocommerce table.shop_table td {
    /* border-top: 1px solid rgba(0,0,0,.1); */
    padding: 13px 12px;
    /* vertical-align: middle; */
}

.product-quantity{
    display:none;
}

.woocommerce .quantity {
    float: left;
    margin-top: 5px;
    margin-right: 20px;
}

/*#add_payment_method table.cart td, #add_payment_method table.cart th, .woocommerce-cart table.cart td, .woocommerce-cart table.cart th, .woocommerce-checkout table.cart td, .woocommerce-checkout table.cart th {
    vertical-align: top;
}*/

.woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table td{
    vertical-align:middle;
}


.woocommerce ul#shipping_method .amount {
    font-weight: 400;
}




.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: 0;
    padding: 0px;
    margin:  0;
    text-align: left;
  
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
  background: rgba(0,0,0,0.2);
    border: 1px solid #FFF;
    border-radius: 7px;
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
 /* background: rgba(0,0,0,0.4);*/
    border: 0;
    border-radius: 7px;
    color: #666;
    font-size: 16px;
    font-weight: 700;
}

.woocommerce #customer_login form .form-row input.input-text{
    color: #FFF;
    background: rgba(0,0,0,0.4);
}

.woocommerce form .form-row input.input-text::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 color: #FFF;
  opacity: 1; /* Firefox */
}

.woocommerce form .form-row input.input-text:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #FFF;
}

.woocommerce form .form-row input.input-text::-ms-input-placeholder { /* Microsoft Edge */
 color: #FFF;
}


.woocommerce form .form-row input.input-text:focus::-webkit-input-placeholder 
{
    color: transparent;
}


.woocommerce h2{
    
    color: #999;
    text-transform: uppercase;
    /*padding-left: 5px;*/
    /*margin-bottom:5px;*/
    font-weight: 500;
    font-size: 1.2em;
}

.woocommerce #customer_login .woocommerce-form-login .woocommerce-form-login__submit, .woocommerce #customer_login  .woocommerce-form-register .woocommerce-form-register__submit {
    color:#FFF!important;
    border-radius: 1em;
    border: 1px solid #FFF !important;
    padding: 0 26px;
    line-height: 44px;
    font-size: 12px;
    font-weight: 700;
    margin-top: 1em;
    background: none !important;
    
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
    margin-top: 1.7em;
    
}

.woocommerce form .form-row label {
    line-height: 1.5em;
}


/*!---------- 18. BLOG ----------*/

.blog-main.post-listing h1 {
    font-weight: 200;
    font-size: 2.6em;
    text-transform: uppercase;
}

.blog-main.post-listing span {
    font-family: 'Oswald',sans-serif;
    font-size: .8em;
    color: #666;
}
html.darkmode .blog-main.post-listing span {
    color: #666;
}
.post-title a, .post-title {
    font-size: 2.8em;
    font-weight: 200;
    line-height: 1.1em;
    
}
@media all and (max-width: 767px) {
.post-title a, .post-title {
    font-size: 2.6em;

    
}
}
.post-title a:hover {
    
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    color: #CCC;
}

video:-webkit-full-screen, audio:-webkit-full-screen {
    -webkit-transform: translateY(0%);
}

iframe {
    border: none;
}

.post-meta {
  overflow: hidden;
  display: inline-block;
  margin-bottom: .2em;
}

.post-meta>li {
  float: left;
  margin-right: 17px;
}

/*.post-meta > li > span.posted-on {
 
   font-size: .9em;
   font-family: "Oswald", sans-serif;
   font-weight:400;
 
}*/

.post-meta i {
  font-size: 16px;
  margin-right: 8px;
  position: relative;
  top: 2px;
}

h5.comments-title {
    padding-left: 10px;
    margin-bottom: 1em;
    font-size: 1.1em;
    font-weight: 300;
}
.comments-list, .comments-list ul {
    width: 80%;
    padding: 1em;
    overflow: hidden;
}
.comment-respond {
    padding: 15px;
    width: 80%;
}
@media all and (max-width: 767px) {
h5.comments-title {
    padding-left: 5px;
    
}
.comment-respond {
    padding: 5px;
    width: 100%;
}
.comments-list, .comments-list ul {
    width: 90%;
    
}
}
.comments.nolist > ul > li {
    padding-left: 0;
}

.comments-list li.comment {
    overflow: hidden;
    margin-bottom: 4em;
    width: 100%;
}

.comments-list p:last-of-type {
    margin: 0;
}

.comments-list .avatar, .comments-list .comment {
    display: inline-block;
    float: left;
}

.comments-list .avatar {
    width: 10%;
    
}

.comments-list .avatar img {
    width: 60px;
    border-radius: 50%;
}



.avatar-nav {
float:left;
padding-right:7px;
display:inline-block;
margin-top:-2px;
opacity:0.7;
}

.avatar-nav img {
    width: 40px;
    border-radius: 50%;
}

.comments-list .comment {
    width: 90%;
    padding-left: 1em;
}

.comments-list .comment .btn {
    position: relative;
    margin: 0;
}

.comments-list ul {
    padding-left: 10%;
    padding-top: 40px;
}

.comments-list ul li:last-of-type {
    margin-bottom: 0;
}

.contacts {
    
    padding:30px 0;
}

.comments input[type="submit"], .contacts input[type="submit"] {
    max-width: 25%;
    float: right;
    background: none;
    border-radius: 2em;
    border: 1px solid #999;
    color: #666;
    font-size: 11px;
    font-weight: bold;
    height: 50px;
    letter-spacing: 1px;
    line-height: 48px;
    max-width: 30%;
    padding: 0;
    
    text-transform: uppercase;
    width: 100%;
}

.comment-notes{
    font-size:14px;
    line-height:20px;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*.error  { padding: 10px 0 20px 0; color: #FF0000; }*/
input.error, textarea.error, #mc_embed_signup input.email.error {     border-bottom: 1px solid #FF0000 !important; }
.search-form input.error {     border: 1px solid #FF0000 !important; }



.masonry {
    opacity: 0;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
   /* transform: translate3d(0, 10px, 0);
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);*/
    
    /*min-height:100vh;*/
}

/*@media (max-width: 768px){
.masonry {
    
    margin: 0;
}
}*/

.masonry.fadeIn {
    opacity: 1;
   /* transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);*/
    
}

.masonry-item {
    
    opacity: 1;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    padding: .25em;
    
    
    
}

.masonry-item hr{
    
    border-top: 1px solid #333;
max-width: 80%;
padding-bottom:5px;
    
}
 
         
/*.container .masonry-item {
    margin-bottom:0;
}*/

/*.masonry-item blockquote:hover {
    background: #745cf9;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    color: #fff;
}*/

.masonryFlyIn .masonry-item {
    opacity: 0;
    
   /* transform: translate3d(0, 5px, 0);
    -webkit-transform: translate3d(0, 5px, 0);
    -moz-transform: translate3d(0, 5px, 0);*/
}

.masonryFlyIn .masonry-item.fadeIn {
    opacity: 1;
    
   /* transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);*/
}

.masonry-loader {
    
    position: fixed; /* Sit on top of the page content */
  
     /*background: #fff;*/
    
   
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    
    left: 0;
    right: 0;
    bottom: 0;
    
    visibility:visible;
    opacity:1;
    transition-delay:0s;
  
    /*transform: translate(-0.3em, 0);*/

    z-index: 999; /* Specify a stack order in case you're using a different order for other elements */
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
   
    
     /*position: absolute;
    width: 100%;
    z-index: 10;
    top: 280px;*/
}

.masonry-loader.fixed-center {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    /*margin-top: -25px;*/
}

.masonry-loader.fadeOut {
   
  /*  max-height: 0;
    padding: 0;
    overflow: hidden;
    display:none;*/
    visibility:hidden;
    opacity:0;
    transition:visibility 0.5s linear, opacity 0.5s linear;
}

.spinner {
  /*  width: 50px;
    height: 50px;
    background-color: #222  ;
    margin: 0 auto;
    display: inline-block;
    display:none;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out;*/
}

@-webkit-keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(120px);
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg);
    }
    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    }
}

@keyframes sk-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

@media all and (max-width: 767px) {
.masonry-item {

    padding: 0;
    
}
    .grid-story-images .masonry-item {

    padding: .25em;
    
}
    .search-portfolio .masonry-item {

    padding: .25em;
    
}
    .comments input[type="submit"], .contacts input[type="submit"] {
        max-width: 100%;
        float: none;
    }
}

.flex-direction-nav a.flex-next {
    right: 16px;
}

.flex-direction-nav a.flex-next:before, .flex-direction-nav a.flex-prev:before {
    content: "\f105";
    font-family: 'fontawesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 24px;
    color: #fff;
}

.flex-direction-nav a.flex-prev {
    left: 16px;
}

.flex-direction-nav a.flex-prev:before {
    content: "\f104";
}

.flex-direction-nav a {
    opacity: 1;
    text-shadow: none;
    color: rgba(0, 0, 0, 0);
    width: 24px;
    height: 24px;
    margin: -12px 0 0;
}

.flex-control-nav li a {
    background: none;
    border: 2px solid #0e1015;
    width: 10px;
    height: 10px;
}

@media all and (max-width: 768px) {
    .flex-direction-nav {
        display: none;
    }
}

.text-slider .flex-direction-nav li a:before {
    color: #222;
}

.image-bg .text-slider .flex-direction-nav li a:before {
    color: #fff;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    opacity: .5;
}

.image-bg .text-slider .flex-direction-nav li a:hover:before {
    opacity: 1;
}

.text-slider .flex-direction-nav a.flex-prev {
    left: -60px;
}

.text-slider .flex-direction-nav a.flex-next {
    right: -60px;
}

.content p.intro {
    padding-bottom: 20px;
    border-bottom: 3px double #ddd;
    margin-bottom: 20px;
    font-size: 1.2em;
    line-height: 155%;
    font-weight: 700;
    color: #745cf9;
}



.content q {
    background: #fafafa;
    font-style: italic;
}



.content blockquote p{
    /*font-family: "Merriweather", serif;*/
    font-size: 24px;
    font-weight:700;
    color:#333; 
    line-height:32px;
    padding:0;
}

.content blockquote {
font-family: "Merriweather", serif;
font-size: 18px;
font-style: italic;
width: auto ;

/*padding: 0.25em 10px*/;
line-height: 1.1;
position: relative;
color: #383838;
border:none;
}


.content blockquote:before {
font-family: "Merriweather", serif;
font-weight:700;
display: block;
content: "\201C";
font-size: 36px;
position: absolute; 
left: -30px;
top: -5px;
color: #999;
}


@media all and (max-width: 767px) {
.content blockquote p{
    /*font-family: "Merriweather", serif;*/
    font-size: 18px;
    font-weight:700;
    color:#333; 
    line-height:24px;
    padding:0;
}
.content blockquote:before {
    font-size: 28px;
    left: -22px;
}
}

html.darkmode .content blockquote p{
    
    color:#999; 
    
}



html.darkmode .content blockquote:before {
color: #999;
}
.content blockquote cite {
    display: block;
    margin-top: 1em;
    
    font-size: 10px;
    line-height: 120%;
    font-weight: 900;
   /* text-transform: uppercase;*/
    
}

.content blockquote cite:before {
    content: "— ";
}

.content ul, .content ol {
    margin-left: 1.5em;
}

.content ul {
    list-style: disc;
}

.content ul ul {
    list-style: circle;
}

.content ol {
    list-style: decimal;
}

.content ol ol {
    list-style: lower-alpha;
}

.content ul ul, .content ul ol, .content ol ul, .content ol ol {
    margin-bottom: 0;
}

/*.content li {
    margin-bottom: 0.5em;
    line-height: 170%;
}*/

.content ol > li:last-child, .content ul > li:last-child {
    margin-bottom: 0;
}

.content ol > li:first-child, .content ul > li:first-child {
    margin-top: 0.5em;
}

/* WordPress Tables */

.content table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    font-size: 0.9em;
    width: 100%;
    margin-bottom: 1.1em;
}

.content th, .content td {
    padding: 2%;
    margin: 0;
    overflow: visible;
    line-height: 120%;
    border-bottom: 1px solid #DDD;
}

.content th {
    padding-top: 0;
}

.content th {
    font-weight: bold;
    color: #111;
}

.content table tbody > tr:nth-child(odd) > td {
    background: #f9f9f9;
}

.content ul.post-meta {
    margin-left: 0;
}

.content ul.post-meta li {
    list-style: none;
    margin-top: 0 !important;
}

.comment-date {
    display: inline-block;
    font-size: .78em;
    padding: 0 0 1.4em 0;
    padding-right:10px;
    color:#666;
    font-weight:700;
}

.comments .fn {
    display: block;
    font-size: 1.1em;
}

.comment-reply {
    height: 25px;
    line-height: 20px;
    padding: 0 12px;
    font-size: 10px;
    
}


.comment-reply-title{
padding-top:30px;   
color:#999;
font-weight:400;
margin-bottom:0px;
font-size: 24px;
}

.comment p{
/*color:#666;*/
font-size:1em;
line-height:1.5;
}

.logged-in-as{
    font-size:14px;
    line-height:20px;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    
}

.page-title-section {
    height: 225px;
    padding: 70px 0;
}

.page-title {
    margin-bottom: 0 !important;
}



.author-bio {
    display: block;
    overflow: hidden;
    padding: 2em;
    background: #f5f5f5;
    border: 1px solid #DDD;
    margin-bottom: 40px;
}

html.darkmode .author-bio {

    border: 1px solid #222;
  
}

@media all and (max-width: 767px) {
    .page-title-section, #breadcrumbs {
        text-align: center;
    }
    .author-bio {
        padding: 1.4em;
        
    }
    .author-bio .avatar {
        width: 75px;
    }
}

.author-social {
    font-size: 16px !important;
}

/*!---------- 19. IMAGE BLOCKS ----------*/

.image-small {
    max-height: 80px;
}

.fade-half {
    opacity: 0.5;
}

.cast-shadow {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
}

.cast-shadow.img-responsive {
    margin: 10px auto;
}

/*!---------- 20. PORTFOLIO ----------*/

.projects {
    padding:0;
    background: var(--light);
    /*padding:3px; */
    /*padding-bottom:160px;*/
    
    /*margin:3px 5px; !important;   
     background:none !important;    */
}
html.darkmode .projects {

    background: var(--dark);

}

.products {
    padding:0;
    background:#111;
    /*padding:3px; */
    /*padding-bottom:160px;*/
    
    /*margin:3px 5px; !important;   
     background:none !important;    */
}



.projects-archive, .products-archive {
/*  padding:0 .26em;*/
    /*padding: 0 0 0 0.3em;*/
    padding: 4px;
    margin: 0;
    width: 100%;
    /*background-color:#000;*/
    min-height:100vh;
    /*padding-top:56px;*/
    /*padding-bottom:180px;*/
    /*margin-bottom: -1px;*/
    overflow-anchor: none;
    margin-bottom:100px;
}

.projects-archive {
    background-color: var(--light);
    
}
html.darkmode .projects-archive {
    background-color: var(--dark);
    
}
.search-result {
    
    background-color:#FFF;
    
    
}



/*.products-archive {
    padding:0;
    padding-bottom:120px;
    
}*/


 .project-archive {
  /*  transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    opacity: 1;*/
/*  padding:0px;*/
   /* padding:3px;*/
    margin:0;
     padding:4px;
}

.product-archive {
  /*  transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    opacity: 1;*/
    /*padding:0px;*/
    padding:0;
    margin:0;
}


.project {
  /*  transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    opacity: 1;*/
    /*padding:.25em;*/
    padding:4px;
    margin:0;
    height:auto;
}
.portfolio-related .project {


    padding:4px;

}

/*.project .portfolio-home-item-img img {
    border:2px solid #fff;
}*/
.product {
  /*  transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    opacity: 1;*/
    /*padding:0 !important;*/
    padding:0px 20px 40px 20px;
    /*padding-bottom: 20px;*/
    margin:0 !important;
    height:auto;
}

.related .product {
    padding: 15px;
  
}



.portfolio-description {
    display: block;
    min-height: 100px;
    overflow: hidden;

}
/*.portfolio-description-text {
        position: absolute;
    top: 0;
}*/
.portfolio-description-text-xs h1, .portfolio-description-text h1{
    /*  font-family: "Merriweather", "Georgia", Times New Roman, Times, serif;*/
    text-transform: uppercase;
    letter-spacing: -1px;
    font-size:2em;
    line-height:36px;
    font-weight:300;
    color:#666;
    padding:10px 25px;
    text-align: center;
        
}

.portfolio-description-text-xs p,.portfolio-description-text p {
    
    /*font-family: "Merriweather", "Georgia", Times New Roman, Times, serif;*/
    font-size:1em;
    line-height: 1.3em;
    /*text-align:center;*/
    color:#666;
    font-weight: 400;
    margin: 20px 40px 120px;
    padding: 14px 0;
    /*margin-right:30px;*/
    /*border-top: 1px solid #999;   */
    text-align: center;
}
@media (max-width: 767px){
.portfolio-description-text-xs h1, .portfolio-description-text h1{
    font-size: 1.6em;
    padding:0 25px;
    margin: 0;

}
.portfolio-description-text-xs p,.portfolio-description-text p {
    padding: 10px 0 40px;
    margin: 0 10px;
}
}


/*.portfolio-description {
      position: relative;
     
}

.portfolio-description-text {
     height:100%;
     width:100%;
    
    padding:10px 0 10px 0;
    position: absolute;
    top: 0;
}*/

.portfolio-description-text-xs {
    
    background-color:#FFF;
    padding:10px 0 10px 0;
    
}
 
 .portfolio-icon{
    text-align: center;
    padding: 2em 1em 1em;
     filter: invert(1);
 }
 
  html.darkmode .portfolio-icon{

    filter: invert(0);
 }
 
 .portfolio-title {
     
        text-align: center;
    max-width: 780px;
    margin: auto;
    padding: 0 20px;
    
 }
 
  .portfolio-title h1{
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    /*text-transform: uppercase;*/
    
    font-size:36px ;
    line-height:40px;
    font-weight:300;
    
    padding-top:10px;
    color:#302D2D
    
  }
  
  



 
 .article-wrapper .article-text {
      /*  color: #333;
        font-family: Georgia, serif;
        font-size: 20px;
        line-height: 34px;*/
    margin: 30px auto;
    position: relative;
    max-width: 770px;
    
    
}


.article-text h2  {
    font-family: "Merriweather", "Georgia", Times New Roman, Times, serif;
    color: #999;
    font-weight: 400;
    padding:0.5em 50px;
}

.article-text p  {
    line-height: 30px;
    padding:0 50px;
    font-family: "Merriweather", serif;
}

.article-text>.article-photo {
    padding: 2em 0 4em 0;
    /*margin: 0 0 30px;*/
    margin-left: calc(-100vw / 2 + 770px / 2);
    width: 100vw;
    height:auto;
    text-align: center;
    
}

/*.article-text>.article-photo>.article-photo-block {
       margin: 0 0 4em;
  
    
}*/
.article-photo-placeholder {
    /*margin: 0 auto;*/
    /*padding: 2em 0 4em 0;*/
    /*display:inline-block;*/
  
    
}

/*.article-photo-placeholder>.photo.progressive-image-loaded {
    width: auto;
    //max-width: 100%;
    max-height: 85vh;
    margin:auto;
    
}*/
.article-photo-placeholder>.photo {
    
    /*display: block;
   
    margin: auto;
    width: auto;*/
}
img {
    /*vertical-align: middle;*/
    
}


/*.swiper-slide {
  
    min-height:85vh !important;
 
}*/

/*
.swiper-slide img{
    width: auto;
        max-height: 85vh;
    margin:auto;

}
*/
.swiper-pagination {
    position: relative!important;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 0 !important;
    margin-top: .8em;
   
}

.swiper-container-series .swiper-pagination .swiper-pagination-bullet {
     background: #666;
}
.swiper-container-series .swiper-pagination .swiper-pagination-bullet-active {
    background: #888;
}

.swiper-button-next, .swiper-button-prev {
    transition: opacity .5s;
}

.swiper-button-disabled {
     opacity: 0 !important;
}
/*.swiper-pagination{
    display:none;
}*/



.story-big-image.with-gallery .gallery-arrow.gallery-arrow--left {
    left: 0px;
}
.story-big-image.with-gallery .gallery-arrow.gallery-arrow--right {
    right: 0px;
}
.gallery-arrow, .gallery-arrow:before, .gallery-arrow:after {
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
}

.gallery-arrow:focus{
outline: none;
}

svg {
    overflow: visible !important;
    
}
.cls-1, .cls-3 {
    fill: none;
}

.gallery-arrow.gallery-arrow--left, .gallery-arrow.gallery-arrow--right {
    transition: opacity .5s;
}

.swiper-button-disabled {
     opacity: 0 !important;
}


.gallery-arrow svg polyline {
    stroke: #666;
}
html.darkmode .gallery-arrow svg polyline {
    stroke: #999;
}

.page-template-slide-home .gallery-arrow svg polyline, html.darkmode .page-template-slide-home .gallery-arrow svg polyline {
     stroke: #FFF;
}


.gallery-arrow svg polyline {
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    stroke-width: 2px;
}

.gallery-arrow.gallery-arrow--left {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.gallery-arrow {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    top: 50%;
    height: 20px;
    width: 10px;
    margin-top: -30px;
    padding: 20px;
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/*.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}
.swiper-slide img {
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%
}*/



@media (max-width: 479px){
.swiper-container {
   /* height:auto !important;*/
}
.swiper-slide {
  
    min-height:auto !important;
 
}
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform, height;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0px,0,0);
    -moz-transform: translate3d(0px,0,0);
    -o-transform: translate(0px,0px);
    -ms-transform: translate3d(0px,0,0);
    transform: translate3d(0px,0,0);
}
.swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-wrapper.swiper-home {
    background-size:cover;
    
}


.story-big-image.with-gallery {
    /*width: calc(100% - 60px);*/
    width: 100%;
    margin: 5em auto 5em;
    overflow: hidden;   
}





@media (max-width: 479px){
    
.story-big-image.with-gallery {
    margin: 5em 0 4em;
    width: 100%;
    
    display: inline-block;
}
    



/*.image{
     position: absolute;
   left: 0;
   top: 50%;
   transform: translate(0, -50%);

}*/
}


.slider {
    position: relative;
}
/*.story-big-image.with-gallery .swiper-slide {
    height: auto !important;
}*/
/*.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0  auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    margin: auto;
}
*/



    .swiper-container {
      width: 100%;
      height: 96%;  
    }
    .swiper-slide {
        /*width: auto !important;*/
    
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }


/*.swiper-home{
    margin-bottom: 200px !important;
 
}*/
.swiper-home .swiper-slide {

    /*width: auto !important;*/
    
    
}

.swiper-home .slide-cover {

    width: 36%;
    text-align: right;
    padding-right: 20px;
    padding-top: 20%;
    
}

.shapely_home_swiper{
      opacity: .3;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    
}



/*.swiper-container-slide{

    width: 100% !important;
    
    padding-left: 1em;
}
*/


.story-big-image:not(.with-gallery) .teaser-inside .image img{
    display: block;
    max-width: 100%;
    /*max-height: 100%;*/
    height: auto !important;
    /* width: auto !important; */
    margin-left: auto;
    margin-right: auto;
}
    /*.story-big-image.with-gallery img {
            height: auto;
            width: 90%;
    }*/
    
@media screen and (min-width: 991px) {
    /*.story-big-image.with-gallery img {
        height: 80vh !important;
        
        width: auto !important;
    }*/
    
}

body.page-template-slide-home .nav-container {
    min-height: 0;
}
.swiper-pagination {
        display: none;
    }

.swiper-home .swiper-slide img{
    

    width: auto !important;
    
    /*height: calc(100vh - 112px) !important;*/
    height: 80vh !important;
    outline: hidden;
}
.swiper-home .swiper-slide {
    
    display: block;
}

.swiper-home .swiper-slide .swiper-slide-caption{
    display: none;
    /*width: 30vw;*/
    max-width: 400px;
    position: absolute;
    margin: 0 0 2em 2em;
    bottom: 0;
    color: #FFF;
    text-align: left;
    
    
}

.swiper-home .swiper-slide .swiper-slide-caption h3{
    text-transform: uppercase;
    font-size: 1.6em;
    font-weight: 300;
    margin: 15px 0 10px;
    line-height: 20px;
    
    
}



@media (max-width: 479px){
.swiper-home{
    margin-bottom: 220px !important;
 
}
    
.swiper-home .swiper-slide img{
    

     height: 200px !important;
}
    
    .swiper-home .swiper-slide .swiper-slide-caption{
    color:inherit;
    width: 80vw;
    margin: 1em 0 0 1em;
        bottom: inherit;
    
}

}



.grid-image-link {
    display: block;
}

.show.overlay-loader, .show#mega, .show.b-overlay, .show.b-overlay__grid, .b-overlay__controls .show.grid-open, .b-overlay__controls .show.counter, .b-overlay__controls .show.grid-close, .show.b-search, .show.b-popup {
    display: block;
}
.overlay-opened {
    overflow: hidden;
}
.b-overlay {
    margin: 0;
    display:none;
    position: fixed;
    top: -1px;
    left: 0;
    background: #fff;
    width: 100%;
        /*height: calc( 100vh + 100px );*/
    height: 101%;
    z-index: 1031;
}

html.darkmode .b-overlay {
    
    
    background: #111;
 
}

.b-overlay__header {
    position: fixed;
   /* top: -1px*/;
    right: 0;
    z-index: 22;
    width: 100%;
   /* height: 70px;*/
    text-align: center;
    background-color: #fff;
}
html.darkmode .b-overlay__header {
  
    background-color: #111;
}

.b-overlay__title {
   /* display: inline-block;*/
    text-align: center;
    margin-bottom:0;
    margin-top: 1em;
    
}


.b-overlay__title {
    font-size: 1em;
    line-height: 1.4;
    /*letter-spacing: 0.025em;*/
    text-transform: uppercase;
    
    /*font-family: "fira-sans",sans-serif;*/
}

.b-overlay__title a {
    color: #666;
    font-weight: 400;
}

.b-overlay__type {
    text-align: center;
   
    font-size: .7em;
    line-height: 12px;
    letter-spacing: 0.04em;
    /*text-transform: uppercase;*/
    font-weight: 700;
    color: #666;
    margin: 0 0 1.5em;
}

html.darkmode .b-overlay__title a {
    color: #999;
}
html.darkmode .b-overlay__type {
    color: #666;
}


.b-overlay__controls {
    position: absolute;
    top: 0;
    right: 40px;
    height: 70px;
}

@media (max-width: 479px){
.b-overlay__controls {
    right: 6px;
}

.b-overlay__title, .b-overlay__type {
    text-align: left;
    margin-left:15px;
    max-width: 60%;
    line-height: 1.3;
}
    .b-overlay__title {
        margin-top: 1.1em;
    }
    
    .b-overlay__type {
        margin-bottom: 1.3em;
    }
}

.b-overlay__controls .counter {
    font-size: .86em;
    line-height: 20px;
   /* letter-spacing: 0.150em;*/
    font-weight:700;
   
}

.b-overlay__controls .counter span {
 
    font-weight:700;
   
}

.b-overlay__controls .counter {
    position: relative;
    top: 20px;
    right: 86px;
    display: inline-block;
    vertical-align: middle;
    color:#999;
    
    
}
.b-overlay__controls .counter .active {
    color:#999; 
}

html.darkmode .b-overlay__controls .counter, html.darkmode .b-overlay__controls .counter .active {
    color:#666; 
}

/*@media (max-width: 479px){
.b-overlay__controls .counter {
   
    top: 40px;
    right: 40px;
   
}
}
*/

/*.overlay-loader, #mega, .b-overlay, .b-overlay__grid, .b-overlay__controls .grid-open, .b-overlay__controls .counter, .b-overlay__controls .grid-close, .b-search, .b-popup {
    display: none !important;
    opacity: 0 !important;
}*/

 .b-overlay__controls .grid-close {
    display: none;
   /* opacity: 0 !important;*/
}
/*.b-overlay__controls .grid-close svg {
    filter: invert(.5);
}
html.darkmode .b-overlay__controls .grid-close svg {
    filter: invert(.3);
}
*/
.b-overlay__controls .grid-open {
    position: absolute;
    height: 30px;
    width: 30px;
    top: 15px;
    right: 45px;
    /*display: inline-block;*/
    vertical-align: middle;
    cursor: pointer;
    padding-top: .3em;
}

/*@media (max-width: 479px){
.b-overlay__controls .grid-open {
   
    top: 40px;
    right: 0;
   
}
}*/

.b-overlay__controls .grid-open svg{
    height: 20px;
    width: 20px;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -ms-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s
}

.b-overlay__controls .grid-open svg circle {
    fill: #111;
}
html.darkmode .b-overlay__controls .grid-open svg circle {
    fill: #999;
}
.b-overlay__controls .grid-close svg rect, .b-overlay__controls .grid-close svg polyline {
    stroke: #666;
    stroke-width:.8;
}
html.darkmode .b-overlay__controls .grid-close svg rect, .b-overlay__controls .grid-close svg polyline {
    stroke: #999;
    
}
/*.b-overlay__controls .grid-close svg polyline {
    stroke: #999;
}
html.darkmode .b-overlay__controls .grid-close svg rect {
    stroke: #999;
    
}

html.darkmode .b-overlay__controls .grid-close svg polyline {
    stroke: #999;
}*/

.slide-close {
    position: absolute;
    top: 20px;
    right: 20px;
    height: 23px;
    width: 23px;
    z-index: 2;
}


/*cookinotice close icon */

#cookie-notice {
  
    line-height: 1.6em;
  ;
}

#cookie-notice .cn-button {
    font-size: 13px;
    background: none;
    border: 1px solid #AAA;
    border-radius: 2em;
    color: #CCC;
    padding: .5em 1.8em;
    margin: 0 0 .4em 1em;
    
}



.cookie-notice-container{
    padding: 16px 30px 12px;
}
@media (max-width: 767px) {
    #cookie-notice .cookie-notice-container, #cookie-notice .cookie-revoke-container {
        display: inline-flex;
    }
    .cookie-notice-container{
        padding: 26px 28px 26px 24px;
    }
    .cookie-notice-container #cn-notice-buttons {
        text-align: right;
    }
    .cookie-notice-container #cn-notice-text {
        text-align: left;
        padding-right: 1.8em;
    }
     #cookie-notice .cn-button {
        margin: .34em 0;
         min-width: 90px;
    }
    .cn-text-container {
        margin: 0; 
    }
}

.cookie-notice-container a {
    color:#FFF !important;
    font-weight: 600;
}

.cn-close-icon{
display: none;
}

.b-overlay__controls .grid-close {
    position: absolute;
    height: 20px;
    top: 20px;
    right: 36px;
    /*display: inline-block;*/
    vertical-align: middle;
    cursor: pointer;
}



.b-overlay__controls .grid-close svg {
    height: 18px;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -ms-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
}


.b-overlay__controls .slide-close {
    right: 5px;
    height: 28px;
    width: 28px;
    cursor: pointer;
    
}

/*@media (max-width: 479px){
.b-overlay__controls .slide-close {
   top: 10px;
}
}*/

.b-overlay__controls .slide-close em {
    background-color: #666;
    top: 9px;
    left: -3px;
    width: 26px;
    height: 1px;
}
html.darkmode .b-overlay__controls .slide-close em {
    background-color: #999;
}

.slide-close em {
    position: absolute;
    top: 11px;
    left: -4px;
    width: 31px;
    height: 2px;
    background: #fff;
}

.slide-close em.line-1 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.slide-close em.line-2 {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

svg g {
    clip-path: none !important;
}

.cls-1, .cls-3 {
    fill: none;
}



.b-overlay .swiper-container {
    padding-top: 70px;
}

.b-overlay .slider {
    position: relative;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y:auto;
}

.b-overlay .swiper-container .swiper-slide {
    box-sizing: border-box;
    padding-left: 50px;
    padding-right: 50px;
    /*background-color: #111;*/
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);  
}
@media (max-width: 479px){
.b-overlay .swiper-container .swiper-slide {
    padding-left: 20px;
    padding-right: 20px;
}
}

.b-overlay .story-big-image .image {
    max-height: 1000px;
}
.b-overlay .content-outer {
    width: 100%;
    max-width: calc(100% - 160px);
}
@media (max-width: 479px){
.b-overlay .content-outer {
    max-width: 100%;
}
}


.b-overlay .story-big-image img {
    max-height: calc(100vh - 180px);
    width: auto;
}

.b-overlay .gallery-arrow {
    position: fixed;
}

@media (max-width: 1279px){
.gallery-arrow.gallery-arrow--wide.gallery-arrow--left {
    left: 20px;
}
}
.gallery-arrow.gallery-arrow--wide.gallery-arrow--left {
    left: 40px;
}
@media (max-width: 1279px){
.gallery-arrow.gallery-arrow--wide.gallery-arrow--right {
    right: 20px;
}
}
.gallery-arrow.gallery-arrow--wide.gallery-arrow--right {
    right: 40px;
}

@media (max-width: 479px){
.gallery-arrow {
    display: none;
}
.swiper-pagination {
    display: block;
}
}
.content-outer {
    width: 1280px;
}
.content-outer1 {
    width: 100%;
}


.content-inner, .b-search__input {
    width: 1200px;
    text-align:center;
}

.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1000;  
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 100vh;
}

.navbar-home {
    position:relative;
    right: 0;
    left: 0;
    /*height: 56px;*/
    z-index: 999;
    
}
.navbar-home .navbar-collapse {
    padding-right: 0; 
    padding-left: 0;
}
@media (max-width: 1280px){
    .content-outer {
        width: 100%;
    }
    .content-outer.story-images {
        width: 96%;
    }
}

@media (max-width: 479px){
    .content-inner.content-full--on-mobile, .content-full--on-mobile.b-search__input {
        width: 100%;
    }
    .content-outer.story-images {
        width: 100%;
    }
}

@media (max-width: 1280px){
.content-inner, .b-search__input {
    width: 93.75%;
}
}



.content-narrow, .story-quote.small, .locked .photographer__header .story-quote.photographer, .p-search__photographer {
    width: 640px;
}

@media (max-width: 731.4285714286px){
.content-narrow, .story-quote.small, .locked .photographer__header .story-quote.photographer, .p-search__photographer {
    width: 87.5%;
}
}.rte {
    position: relative;
    overflow: hidden;
    /*color: #444;*/
}

.rte p, .rte dl {
    margin-bottom: 20px;
}
.rte p, .rte dl{
    font-size: 1em;
    line-height: 2em;
    
    font-family: 'Merriweather', serif;
    /*font-family: "Fira Sans",sans-serif;*/
}

.b-caption {
    margin-top: 10px;
    position: relative;
    text-align:left;
}

.swiper-slide .b-caption {
    display: none;
    margin: 0 auto;
    margin-top: 10px;
}

@media (max-width: 479px){
.b-caption {
   /* margin-top: 0;*/
}
.rte p, .rte dl{
    font-size: 1em;
    line-height: 1.8;
    /*letter-spacing: -0.025em;*/
}
}
.b-caption__text {
    display: inline-block;
    vertical-align: middle;
  
    width: 420px;
    max-width: 80%;
    margin: 0 30px 10px 6px;
    font-size: .92em;
    line-height: 1.3;
}

@media (max-width: 479px) {
.b-caption {
    margin-top: 10px;
}
.b-caption__text {
    /*max-width: calc(100% - 30px);*/
    max-width: 80%;
    margin: 0 10px 10px 5px;
    
    
}
}
.b-caption__title {
    color: #333;
}

html.darkmode .b-caption__title {
    color: #999;
}

.story-big-image {
    position: relative;
    margin-bottom: 6em;
}
.story-big-image:not(.with-gallery) img {
    width: auto;
    /* max-height: 90vh; */
}
.story-big-image.with-gallery img {
    
    max-height: 80vh;
}

@media screen and (min-width: 991px) {
    .story-big-image.with-gallery img {
        max-height: 70vh;
        width: auto;
    }
}

.swiper-container .story-big-image {
     margin-bottom: 0;
}

.story-big-image.info_page, .story-quote, .signin__buttons, .content-outer, .content-inner, .b-search__input, .content-narrow, .story-quote.small, .locked .photographer__header .story-quote.photographer, .p-search__photographer, .content-full, .b-form, .p-info__intro {
    position: relative;
    margin-left: auto !important;
    margin-right: auto !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.story-big-image.info_page, .story-quote, .signin__buttons, .content-outer, .content-inner, .b-search__input, .content-narrow, .story-quote.small, .locked .photographer__header .story-quote.photographer, .p-search__photographer, .content-full, .b-form, .p-info__intro {
    position: relative;
    margin-left: auto !important;
    margin-right: auto !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.content-inner-resume {
    position: relative;
    margin-left: 2em !important;
    margin-right: 0 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.content-outer-resume {
    width: 100%;
}
.content-inner-resume .story-big-image {
    
    width: 100%;
    margin: 7em auto 1em;
    overflow: hidden;
}
@media all and (max-width: 767px) {
.content-inner-resume {
    
    margin-left: 8px !important;
  
}
.content-inner-resume .story-big-image {
    
    width: 100%;
    margin: 0;
    overflow: hidden;
}
}

.story-images {
    margin: 4em 0;
    
    position: relative;
}

/*.story-images .teaser-cont {
    width: 45%;
    margin: 2.5%;
    display: inline-block;
    vertical-align: top;
}*/
.masonry_ {/*text-align:center*/;}
.masonry_.col-2 a {
    width: 45%;
    margin: 2.5%;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.masonry_.col-3 a {
    width: 31.3%;
    margin: 1%;
    display: inline-block;
    vertical-align: top;
    position: relative; 
}
.masonry_.col-4 a {
    width: 23%;
    margin: 1%;
    display: inline-block;
    vertical-align: top;
    position: relative; 
}


.grid-story-images{
    display: none;
    min-height: 100%;
    padding: 55px 0 70px 0.3em;
    position: relative; 
    /*margin: 0 auto;*/
    /*margin-bottom: 70px;*/
    /*margin-top: -5px;*/
    width: 100%;
    z-index: 2;
    list-style: none;
    
}


@media all and (max-width: 767px) {
.story-images {
    margin: 1em 0 2em;
    
}
.b-overlay__header {
   /* height: 60px;*/
}
.grid-story-images{
    padding: 60px .28em;
    width: 100vw;
}
}

.col-2 .teaser-cont, .col-3 .teaser-cont, .col-4 .teaser-cont {
    position: relative; 
}


@media (max-width: 670px){
/*.story-images .teaser-cont {
    width: 95%;
}*/
.b-overlay .story-big-image img {
    max-height: calc(100vh - 80px);
} .b-overlay .story-big-image {
   
    margin-bottom: 2em;
}
    
.story-big-image {
    margin-bottom: 4em;
}

    
}
@media (max-width: 479px){
/*.story-images .teaser-cont {
    width: 95%;
}*/
.b-overlay .story-big-image img {
    max-height: calc(100vh - 80px);
    width: 100%;
}

.story-big-image:not(.with-gallery) img {
    width: 100%;
}


    
/*  .story-big-image {
   
    margin-bottom: 2.5em;
}
*/
.masonry_.col-2 a, .masonry_.col-3 a, .masonry_.col-4 a {
    width: 90%;
    margin: 5%;
    margin-top: 0;
}

}

.story__header {
   /* font-family: "Fira Sans",sans-serif;*/
    text-align: center;
    max-width: 780px;
    margin: auto;
    padding: 0 15px;
}


.story__header__type {
    /*text-transform: uppercase;*/   
    font-weight: 600;
}

.story__header__type, .b-filter.b-filter--info, .b-filter.b-filter--info li {
    font-size: .82em;
  /*  line-height: 12px;
    letter-spacing: 0.04em;*/
   /* font-family: "Fira Sans",sans-serif;*/
    margin-top: 5px;
}

@media (max-width: 479px){
    .story__header__type, .b-filter.b-filter--info, .b-filter.b-filter--info li {
        /*margin-top: 20px;*/
        /*font-size: 10px;
        line-height: 12px;*/
    }
}





/*.story__header h1 {
    margin-top: 20px;
}*/




.story__header h1, .p-info h1 {
    font-size: 3.5em;
    line-height: 1.1em;
    /*letter-spacing: 0.01em;*/
    text-transform:uppercase;
   /* font-family: "Fira sans",sans-serif;*/
    font-weight: 200;
    color: #333;
    margin-top: 100px;
    margin-bottom: .2em;
}

html.darkmode .story__header h1, .p-info h1 {
    color: #CCC;
}

.lazy-preloader  {
    display: block;
}
.swiper-container .lazy-preloader, .swiper-container-series .lazy-preloader, .grid-story-images .lazy-preloader {
    display: block;
}

@media (max-width: 479px){
    .story__header h1 {
        font-size: 2.6em;
        line-height: 1.1em;
        margin-top: 1.6em;
        padding: 0 1em;
    }
}

.story__header__type.category {
    color:#666;
}
html.darkmode .story__header__type.category {
    color:#999;
}
.story__header__subtitle {
    font-size: 1em;
    line-height: 1.4;
    /*letter-spacing: 0.025em;*/
   /* font-family: "Fira Sans",sans-serif;*/
    }

.story__header__subtitle {
    margin-top: 20px;
    padding: 0 8em;
}

.story__header__subtitle p{
    margin-bottom: 5em;
    color: #666;
}
html.darkmode .story__header__subtitle p{
  
    color: #999;
}


@media (max-width: 479px){
    .story__header__subtitle {
        font-size: 1em;
        /*font-size: 16px;
        line-height: 20px;*/
         padding: 0 2em;
    }
    .story__header__subtitle p{
    margin-bottom: 3em;
  
    }
}



@media all and (max-width: 767px) {

.projects {
    padding:0 !important;
    /*background:#333;*/
    /*margin:3px 5px; !important;   
     background:none !important;    */
}
/*.projects-archive {
    padding:0px !important;
    background-color:#111;
}*/

    .project {
        
        padding:4px
        
    }
 .project-archive{
  /*  transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    opacity: 1;*/
    
    padding:4px;
}

/*.article-wrapper .article-text {
   
    position: relative;
    width: 90%;
}*/

.portfolio-title {
     
    padding:0px 15px 10px 15px; 
    
 }

.article-text>.article-photo {
    padding: 2em 0 3em 0;
    margin: 0;
    
    width: 100%;
    text-align: center;
}

/*.article-text>.article-photo>.article-photo-block {
       margin: 0 ;
  //display: inline-block;
    
}*/

.article-text h2  {
    
    padding:0.5em 15px;
}

.article-text p  {
    line-height: 26px;
    padding:0 15px;
}


/*.article-photo-placeholder>.photo.progressive-image-loaded {
    width: 100%;
    max-height:100%;
    margin:auto;
}*/

/*.swiper-slide img {
    width: 100%;
    max-height:100%;
    margin:auto;
}*/

/*blockquote {
    margin: 3em 2em !important;
}*/

/*.swiper-button-next, .swiper-button-prev{
    display:none;   
}
.swiper-pagination{
    display:block;
}*/
    
.lazy-preloader .loader {
/*  top: -15px;
    right: -15px;*/
    /*width: 30px;
    height: 30px;*/
}

.swiper-slide {
    /* min-height:41vh !important;*/
    /*min-height:calc(100vw * 2 / 3); !important;*/
     
    }
    
    /*.swiper-slide.landscape {
    
    min-height:calc(100vw * 2 / 3) !important;
     
    }
    
    .swiper-slide.portrait {
    
    min-height:calc(100vw * 3 / 2) !important;
     
    }
    
    .swiper-slide.square {
    
    min-height:100vw !important;
     
    }*/
    
    .swiper-wrapper {
/*min-height: 100%;*/
}



/*.tiled-gallery .gallery-row {width: 100% !important;height: auto !important;}
.tiled-gallery .gallery-group{width: 100% !important;height: auto !important; }
.tiled-gallery .tiled-gallery-item img, .tiled-gallery .tiled-gallery-item img:hover{width: 100% !important;height: auto !important; margin:0 !important; padding-bottom:10px !important;}
.tiled-gallery .gallery-group {}*/



}
.swiper-slide {
/*height: auto !important;*/

    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);  
}
.swiper-container-slide .swiper-slide:not(.slide-cover) {
    width: auto;
    /*width: fit-content;*/
}
/*.gallery:after {content:"";display:table;clear:both;}

img.aligncenter, div.aligncenter, figure.aligncenter, img.wp-post-image {display:block; margin:1em auto;}
img.alignright, div.alignright, figure.alignright {float:right; margin:1em 0 1em 2em;}
img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {float:left; margin:1em 1em 2em 0;}
figure {max-width: 100%; height: auto; margin:1em 0;}
p img.alignright, p img.alignleft {margin-top:0;}


.gallery figure img {max-width:100%; height:auto; margin:0 auto; display:block;}


.gallery figure {float:left; margin:0;}


.gallery.gallery-columns-1 figure {width:100%; margin:0 0 1em 0; float:none;}


.gallery.gallery-columns-3 figure {width:32%;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+3) {margin-right:0;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+4) {clear:left;}


.gallery.gallery-columns-2 figure {width:49%;}
.gallery.gallery-columns-2 figure:nth-of-type(even) {margin-right:0;}
.gallery.gallery-columns-2 figure:nth-of-type(odd) {clear:left;}


.gallery.gallery-columns-4 figure {width:23.25%;}
.gallery.gallery-columns-4 figure:nth-of-type(4n+4) {margin-right:0;}
.gallery.gallery-columns-4 figure:nth-of-type(4n+5) {clear:left;}


.gallery.gallery-columns-5 figure {width:18%;}
.gallery.gallery-columns-5 figure:nth-of-type(5n+5) {margin-right:0;}
.gallery.gallery-columns-5 figure:nth-of-type(5n+6) {clear:left;}


.gallery.gallery-columns-6 figure {width:14.2%;}
.gallery.gallery-columns-6 figure:nth-of-type(6n+6) {margin-right:0;}
.gallery.gallery-columns-6 figure:nth-of-type(6n+7) {clear:left;}


.gallery.gallery-columns-7 figure {width:12%;}
.gallery.gallery-columns-7 figure:nth-of-type(7n+7) {margin-right:0;}
.gallery.gallery-columns-7 figure:nth-of-type(7n+8) {clear:left;}


.gallery.gallery-columns-8 figure {width:10.2%;}
.gallery.gallery-columns-8 figure:nth-of-type(8n+8) {margin-right:0;}
.gallery.gallery-columns-8 figure:nth-of-type(8n+9) {clear:left;}


.gallery.gallery-columns-9 figure {width:8.85%;}
.gallery.gallery-columns-9 figure:nth-of-type(9n+9) {margin-right:0;}
.gallery.gallery-columns-9 figure:nth-of-type(9n+10) {clear:left;}


@media (max-width:767px) {
    img.alignright, div.alignright, figure.alignright, img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {display:block; margin:1em auto; float:none;}
    .gallery.gallery-columns-4 figure, .gallery.gallery-columns-5 figure, .gallery.gallery-columns-6 figure, .gallery.gallery-columns-7 figure, .gallery.gallery-columns-8 figure, .gallery.gallery-columns-9 figure {width:100%; margin:0 0 1em 0; float:none;}
}
*/

.gallery.gallery-columns-3 {
  /* Prevent vertical gaps */
  line-height: 0;
   
  -webkit-column-count: 3;
  -webkit-column-gap:   0px;
  -moz-column-count:    3;
  -moz-column-gap:      0px;
  column-count:         3;
  column-gap:           0px;  
}

.gallery.gallery-columns-3 {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
}


/*.project-archive   {
    padding:0 !important;
    
}

.project-archive .image-tile   {
     margin: 0px !important;
    
}*/

/*!---------- 21. FOOTER ----------*/

footer.bg-dark a {
    color: #fff;
}

#social-menu li a {
    font-size: .86em;
    font-weight: 400;
    line-height: 1.8em;
    letter-spacing: .03em;
    
}
/*.social-bottom {
    position: absolute;
    bottom:0;
}*/
.social-list {
    margin: 0;
}

.bg-dark .social-list a {
    color: #fff;
    opacity: .5;
}

.bg-dark .social-list a:hover {
    opacity: 1;
}

.back-to-top {
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    height: 36px;
    width: 36px;
    padding: 5px 11px;
}

.back-to-top .fa {
    font-size: 18px;
    color: #fff;
}

.back-to-top:hover {
    opacity: 1;
}

.bg-dark .back-to-top {
    border-color: #fff;
}

.bg-dark .back-to-top:active, .bg-dark .back-to-top:focus {
    color: #fff;
}

.bg-dark .back-to-top:hover {
    background: none;
}

.footer input[type="submit"] {
    border: 0;
    margin-top: 3px;
}

.copyright-text {
    
    font-weight:700;
    padding-top:1em;
    /*padding-left:1.2em;*/
    /*padding-bottom: 5px;*/
    color: #666;
    font-size:.72em;
    /*text-transform: uppercase;*/
}


.footer .footer-credits {
    color: #fff;
}

.footer .footer-credits a {
    color: #fefefe;
    opacity: .8;
}

.footer .footer-credits a:hover,
.footer .footer-credits a:focus {
    color: #5234f9;
}

/*!---------- 22. SPACING ----------*/

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb16 {
    margin-bottom: 16px;
}

.mb24 {
    margin-bottom: 24px;
}

.mb32 {
    margin-bottom: 32px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb64 {
    margin-bottom: 64px;
}

.p24 {
    padding: 24px;
}

.p0 {
    padding: 0;
}

.pt48 {
    padding-top: 48px;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pt0 {
    padding-top: 0;
}


@media all and (max-width: 767px) {
    .mb-xs-24 {
        margin-bottom: 24px;
    }

    .mb-xs-40 {
        margin-bottom: 40px;
    }
    
    .copyright-text {
    padding-top: 1em;
    padding-left: 1.6em;
    /*text-align: center;*/
}
}

/*!---------- 23. OTHER ----------*/

.border-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.feature-1 i {
    font-size: 64px;
}

.parallax-section {
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
    
}



.small-screen .top-parallax-section {
    overflow: hidden;
   /* padding: 152px 0 96px 0;*/
}



.social-list {
    font-size: 22px;
}

.testimonial-img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    margin-bottom: 16px;
}

.image-bg a {
    color: #745cf9;
}

.widget-area section {
    border-bottom: 0;
    padding: 0;
}

/* Layout */

.has-sidebar-left #secondary {
    padding-right: 40px;
    
    
}

.no-sidebar {
    float: none;
    margin: 0 auto;
}

.full-width {
    width: 100%;
}

.tags-links {
    display: block;
}

/*#social {
    background: transparent;
    float: right;
}
*/
#social li {
    display: inline-block;
}

#social li,
#social ul {
    border: 0 !important;
    list-style: none;
    padding-left: 0;
   /* text-align: center;*/
}

#social .social_icon span {
    display: none;
}

#social li a[href*="twitter.com"] .fa:before,
.fa-twitter:before {
    content: "\f099"
}

#social li a[href*="facebook.com"] .fa:before,
.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a"
}

#social li a[href*="github.com"] .fa:before,
.fa-github:before {
    content: "\f09b"
}

#social li a[href*="/feed"] .fa:before,
.fa-rss:before {
    content: "\f09e"
}

#social li a[href*="pinterest.com"] .fa:before,
.fa-pinterest:before {
    content: "\f0d2"
}

#social li a[href*="plus.google.com"] .fa:before,
.fa-google-plus:before {
    content: "\f0d5"
}

#social li a[href*="linkedin.com"] .fa:before,
.fa-linkedin:before {
    content: "\f0e1"
}

#social li a[href*="youtube.com"] .fa:before,
.fa-youtube:before {
    content: "\f167"
}

#social li a[href*="instagram.com"] .fa:before,
.fa-instagram:before {
    content: "\f16d"
}

#social li a[href*="flickr.com"] .fa:before,
.fa-flickr:before {
    content: "\f16e"
}

#social li a[href*="tumblr.com"] .fa:before,
.fa-tumblr:before {
    content: "\f173"
}

#social li a[href*="dribbble.com"] .fa:before,
.fa-dribbble:before {
    content: "\f17d"
}

#social li a[href*="skype.com"] .fa:before,
.fa-skype:before {
    content: "\f17e"
}

#social li a[href*="foursquare.com"] .fa:before,
.fa-foursquare:before {
    content: "\f180"
}

#social li a[href*="vimeo.com"] .fa:before,
.fa-vimeo-square:before {
    content: "\f194"
}

#social li a[href*="spotify.com"] .fa:before,
.fa-spotify:before {
    content: "\f1bc"
}

#social li a[href*="soundcloud.com"] .fa:before,
.fa-soundcloud:before {
    content: "\f1be"
}

.header-image-bg {
    background-size: cover;
    position: relative;
}

.header-image-bg .page-title {
    position: relative;
    z-index: 2;
}

.customize-partial-edit-shortcut button, .widget .customize-partial-edit-shortcut button {
    left: 0 !important;
}

#site-navigation .customize-partial-edit-shortcut button, #site-navigation .widget .customize-partial-edit-shortcut button, #colophon .customize-partial-edit-shortcut button, #colophon .widget .customize-partial-edit-shortcut button, #secondary .customize-partial-edit-shortcut button, #secondary .widget .customize-partial-edit-shortcut button {
    left: -30px !important;
}

.video-widget {
    position: relative;
    overflow: hidden;
    height: calc(100vh - 56px);
}

.video-widget .video-controls {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.video-widget .video-controls button {
    background: #745cf9;
    color: #fff;
    border: none;
    outline: none;
    padding: 5px 10px;
    text-align: center;
}

.video-widget.youtube {
    position: relative;
    background: transparent;
}

.ytplayer-container {
    position: absolute;
    top: 0;
    z-index: -1;
}

.shapely_home_parallax, .shapely_byfoot_parallax {
    width: 100%;
    display: block;
    
    
}

.bg-secondary .text-right {
    z-index: 2;
}
/*
* Elements
*/
blockquote1 {
  background: transparent;
  border-top: 1px solid #000;
  border-bottom: 1px solid #ebebeb;
  border-left: none;
  position: relative; }
  blockquote1:after {
    content: '';
    height: 1px;
    width: 150px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    background: #001c28;
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }

/*
* Widgets
*/

.widget .widget-title {
    /*color: revert !important;*/
    color: #666;
    font-size: .96em;
    margin-bottom: 0;
    text-transform: uppercase;
}
html.darkmode .widget .widget-title {
    color: #999;
}

.footer-widget .widget .widget-title {
  /*font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
 /* font-size: 1em;*/
  line-height: 1em;
 /* color: #666 !important;*/
 /* font-weight:400;*/
  margin: 1em 0 1.4em;
  text-transform: uppercase;
}

@media all and (max-width: 767px) {
.footer-widget .widget .widget-title {
 
  margin-top: 2.6em;
  margin-bottom:1em;

}
}

/*html.darkmode .footer-widget .widget .widget-title {
  color: #666 !important;
}*/
.widget.widget_archive > div ul, .widget.widget_archive ul, .widget_product_categories ul,.widget.widget_categories > div ul, .widget.widget_categories ul, .widget.widget_meta > div ul, .widget.widget_meta ul, .widget.widget_pages > div ul, .widget.widget_pages ul, .widget.widget_nav_menu > div ul, .widget.widget_nav_menu ul {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0; }
  .widget.widget_archive > div ul li, .widget.widget_archive ul li, .widget.widget_categories > div ul li, .widget.widget_categories ul li, .widget.widget_meta > div ul li, .widget.widget_meta ul li, .widget.widget_pages > div ul li, .widget.widget_pages ul li, .widget.widget_nav_menu > div ul li, .widget.widget_nav_menu ul li {
    /*border-bottom: 1px solid #222;*/
    padding: 0;
    margin-bottom: 0;
    }
    .widget.widget_archive > div ul li:last-of-type, .widget.widget_archive ul li:last-of-type, .widget.widget_categories > div ul li:last-of-type, .widget.widget_categories ul li:last-of-type, .widget.widget_meta > div ul li:last-of-type, .widget.widget_meta ul li:last-of-type, .widget.widget_pages > div ul li:last-of-type, .widget.widget_pages ul li:last-of-type, .widget.widget_nav_menu > div ul li:last-of-type, .widget.widget_nav_menu ul li:last-of-type {
      border: none;
      padding-bottom: 0; }
    .widget.widget_archive > div ul li span, .widget.widget_archive ul li span, .widget.widget_categories > div ul li span, .widget.widget_categories ul li span, .widget.widget_meta > div ul li span, .widget.widget_meta ul li span, .widget.widget_pages > div ul li span, .widget.widget_pages ul li span, .widget.widget_nav_menu > div ul li span, .widget.widget_nav_menu ul li span {
      font-size: 12px;
      /*font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
      color: #8c979e;
      float: right; }
    .widget.widget_archive > div ul li a, .widget.widget_archive ul li a, .widget.widget_categories > div ul li a, .widget.widget_categories ul li a, .widget.widget_meta > div ul li a, .widget.widget_meta ul li a, .widget.widget_pages > div ul li a, .widget.widget_pages ul li a, .widget.widget_nav_menu > div ul li a, .widget.widget_nav_menu ul li a {
      font-size: .86em;
      text-transform: uppercase;
     /* font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
      /*color: #8c979e;*/
      font-weight: 600;
      padding: .4em 0;
        display: inline-block;
        }
      .widget.widget_archive > div ul li a:focus, .widget.widget_archive > div ul li a:hover, .widget.widget_archive ul li a:focus, .widget.widget_archive ul li a:hover, .widget.widget_categories > div ul li a:focus, .widget.widget_categories > div ul li a:hover, .widget.widget_categories ul li a:focus, .widget.widget_categories ul li a:hover, .widget.widget_meta > div ul li a:focus, .widget.widget_meta > div ul li a:hover, .widget.widget_meta ul li a:focus, .widget.widget_meta ul li a:hover, .widget.widget_pages > div ul li a:focus, .widget.widget_pages > div ul li a:hover, .widget.widget_pages ul li a:focus, .widget.widget_pages ul li a:hover, .widget.widget_nav_menu > div ul li a:focus, .widget.widget_nav_menu > div ul li a:hover, .widget.widget_nav_menu ul li a:focus, .widget.widget_nav_menu ul li a:hover {
        color: #333; } 
        html.darkmode .widget.widget_archive > div ul li a:focus, html.darkmode .widget.widget_archive > div ul li a:hover, html.darkmode .widget.widget_archive ul li a:focus, html.darkmode .widget.widget_archive ul li a:hover, html.darkmode .widget.widget_categories > div ul li a:focus, html.darkmode .widget.widget_categories > div ul li a:hover, html.darkmode .widget.widget_categories ul li a:focus, html.darkmode .widget.widget_categories ul li a:hover, html.darkmode .widget.widget_meta > div ul li a:focus, html.darkmode .widget.widget_meta > div ul li a:hover, html.darkmode .widget.widget_meta ul li a:focus, html.darkmode .widget.widget_meta ul li a:hover, html.darkmode .widget.widget_pages > div ul li a:focus, html.darkmode .widget.widget_pages > div ul li a:hover, html.darkmode .widget.widget_pages ul li a:focus, html.darkmode .widget.widget_pages ul li a:hover, html.darkmode .widget.widget_nav_menu > div ul li a:focus, html.darkmode .widget.widget_nav_menu > div ul li a:hover, html.darkmode .widget.widget_nav_menu ul li a:focus, html.darkmode .widget.widget_nav_menu ul li a:hover {
        color: #999; }
.widget.widget_recent_comments ul {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0; }
  .widget.widget_recent_comments ul li {
    color: #8c979e; }
    .widget.widget_recent_comments ul li a {
      /*font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
      font-weight: 400; }
    .widget.widget_recent_comments ul li .comment-author-link {
      color: #8c979e; }
      .widget.widget_recent_comments ul li .comment-author-link a {
        color: #8c979e; }
        .widget.widget_recent_comments ul li .comment-author-link a:focus, .widget.widget_recent_comments ul li .comment-author-link a:hover {
          color: #5234f9; }
.widget.widget_nav_menu .menu > li {
  float: none; }
  .widget.widget_nav_menu .menu>li a {
      letter-spacing: 0;
    text-transform: uppercase;
    font-size: .86em;
        
  /*  color: #666;*/

   /* opacity: 1;*/ }
   
.widget.widget_tag_cloud a {
  text-transform: initial;
  font-size: 14px;
 /* font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  color: #8c979e;
  font-weight: 400; }
  .widget.widget_tag_cloud a:focus, .widget.widget_tag_cloud a:hover {
    color: #5234f9; }
.widget.widget_recent_entries ul {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0; }
  #colophon .widget.widget_recent_entries ul li {
   /* border-bottom: 1px solid #222;
    padding-bottom: 5px;
    margin-bottom: 5px;*/ }
  .widget.widget_recent_entries ul li {
   /* border-bottom: 1px solid #CCC;*/
    padding: 0;
    margin-bottom: 0; }
    .widget.widget_recent_entries ul li:last-of-type {
      border: none;
      padding-bottom: 0; }
    .widget.widget_recent_entries ul li .post-date {
      font-size: .96em;
      color: #001c28;
      padding-left: 10px;
      border-left: 1px solid #ebebeb; }
    .widget.widget_recent_entries ul li a,.widget.widget_product_categories ul li a {
      text-transform: uppercase;
      font-size: .86em;
      /*font-family: 'Oswald', sans-serif;*/
      /*color: #8c979e;*/
      font-weight: 600;
      display: inline-block;
      width: 100%; 
      padding: .4em 0;}
      .widget.widget_recent_entries ul li a:focus, .widget.widget_recent_entries ul li a:hover {
        color: #333; }
    html.darkmode .widget.widget_recent_entries ul li a:focus, html.darkmode .widget.widget_recent_entries ul li a:hover {
        color: #999; }
.widget.widget_rss .rss-widget-icon {
  display: none; }
.widget.widget_rss .widget-title a {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  line-height: 24px;
  color: #001c28;
  margin-bottom: 25px;
  font-weight: 400; }
.widget.widget_rss ul {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0; }
  .widget.widget_rss ul li {
    margin-bottom: 40px; }
    .widget.widget_rss ul li .rsswidget {
      font-size: 22px;
      font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 24px;
      font-weight: 400;
      color: #001c28;
      display: block; }
      .widget.widget_rss ul li .rsswidget:hover, .widget.widget_rss ul li .rsswidget:focus {
        color: #745cf9; }
    .widget.widget_rss ul li .rss-date {
      font-size: 12px;
      display: inline-block;
      width: 100%;
      margin-bottom: 30px; }
    .widget.widget_rss ul li .rssSummary {
      color: #8c979e;
      font-size: 14px; }
    .widget.widget_rss ul li cite {
      color: #001c28;
      font-style: normal; }
.widget.widget_search .search-form {
  padding: 0;
  position: relative; }
  .widget.widget_search .search-form:after {
    content: '\f002';
    display: block;
    top: 0;
    right: 23px;
    z-index: -1;
    font-family: 'FontAwesome';
    position: absolute;
    color: #ebebeb; }
  .widget.widget_search .search-form > input {
    background: #FFF;
    border: 1px solid #ebebeb;
    text-transform: initial;
    font-weight: 600; }
    .widget.widget_search .search-form > input#s:hover, .widget.widget_search .search-form > input#s:focus {
      border-color: #745cf9;
      box-shadow: none;
      outline: none; }
  .widget.widget_search .search-form > .searchsubmit {
    position: absolute;
    border: none;
    top: 0;
    right: 0;
    margin: 0;
    bottom: 7px;
    height: 50px;
    width: 40px;
    border-left: 1px solid #ebebeb;
    background-color:#999;
    color: #FFF; }
    .widget.widget_search .search-form > .searchsubmit:hover, .widget.widget_search .search-form > .searchsubmit:focus, .widget.widget_search .search-form > .searchsubmit:active {
      color: #333; }
  .widget.widget_search .search-form :-moz-placeholder {
    text-transform: initial;
    font-weight: 400;
    letter-spacing: initial;
    color: #8c979e;
    font-size: 14px;
    font-family: 'Raleway'; }
  .widget.widget_search .search-form ::-moz-placeholder {
    text-transform: initial;
    font-weight: 400;
    letter-spacing: initial;
    color: #8c979e;
    font-size: 14px;
    font-family: 'Raleway'; }
  .widget.widget_search .search-form :-ms-input-placeholder {
    text-transform: initial;
    font-weight: 400;
    letter-spacing: initial;
    color: #8c979e;
    font-size: 14px;
    font-family: 'Raleway'; }
.widget.widget_calendar {
  position: relative; }
  .widget.widget_calendar .widget-title, .widget.widget_calendar h3 {
    display: none; }
  .widget.widget_calendar table {
    border: 0;
    border-collapse: separate;
    border-spacing: 4px; }
  .widget.widget_calendar #wp-calendar {
    font-size: 12px; }
    .widget.widget_calendar #wp-calendar > caption {
      color: #001c28;
      font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
      text-align: center;
      font-size: 18px;
      font-weight: 400;
      padding-bottom: 20px;
      padding-top: 16px;
      min-height: 55px;
      position: relative;
      margin-bottom: 20px;
      border-bottom: 1px solid #ebebeb; }
      .widget.widget_calendar #wp-calendar > caption:after {
        width: 75px;
        display: block;
        content: '';
        height: 1px;
        background: #745cf9;
        position: absolute;
        bottom: -1px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -khtml-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); }
    .widget.widget_calendar #wp-calendar thead {
      color: #745cf9; }
    .widget.widget_calendar #wp-calendar td:not(.pad):not(#next):not(#prev) {
      width: 44px;
      height: 44px;
      border: 1px solid #ebebeb; }
    .widget.widget_calendar #wp-calendar td:not(.pad):not(#next):not(#prev)#today {
      border-color: #745cf9; }
      .widget.widget_calendar #wp-calendar td:not(.pad):not(#next):not(#prev)#today:hover {
        background: #745cf9;
        color: #fff; }
        .widget.widget_calendar #wp-calendar td:not(.pad):not(#next):not(#prev)#today:hover a {
          color: #fff; }
    .widget.widget_calendar #wp-calendar td, .widget.widget_calendar #wp-calendar th {
      padding: 6px 7px;
      color: #001c28;
      text-align: center; }
      .widget.widget_calendar #wp-calendar td a, .widget.widget_calendar #wp-calendar th a {
        color: #745cf9;
        text-decoration: none; }
        .widget.widget_calendar #wp-calendar td a:hover, .widget.widget_calendar #wp-calendar td a:focus, .widget.widget_calendar #wp-calendar th a:hover, .widget.widget_calendar #wp-calendar th a:focus {
          text-decoration: none; }
    .widget.widget_calendar #wp-calendar #prev {
      position: absolute;
      top: -2px;
      left: 10%;
      width: 35px;
      height: 55px;
      background-color: transparent;
      color: #FFF; }
      .widget.widget_calendar #wp-calendar #prev:before {
        content: '\f104';
        display: block;
        font-size: 16px;
        line-height: 46px;
        text-align: center;
        position: relative;
        font-family: 'FontAwesome';
        color: #001c28; }
      .widget.widget_calendar #wp-calendar #prev > a {
        top: 18px;
        position: absolute;
        color: transparent !important;
        left: 0; }
  .widget.widget_calendar #next {
    position: absolute;
    top: -2px;
    right: 10%;
    width: 35px;
    height: 55px;
    background-color: transparent;
    color: #FFF; }
    .widget.widget_calendar #next:before {
      content: '\f105';
      display: block;
      font-size: 16px;
      line-height: 46px;
      text-align: center;
      position: relative;
      font-family: 'FontAwesome';
      color: #001c28; }
    .widget.widget_calendar #next > a {
      top: 18px;
      position: absolute;
      color: transparent !important;
      right: 0; }

#colophon .site-info {
  margin-top: 2em; }
#colophon .widget {
  display: inline-block;
  width: 100%; }
  #colophon .widget ul {
    padding-left: 0;
    margin-left: 0; }
    #colophon .widget ul li {
      margin-right: 0; }
  #colophon .widget .widget-title {
   /* color: #666;*/
    border-bottom: none; }
  #colophon .widget.widget_calendar #wp-calendar > caption {
    color: #fff; }
  #colophon .widget.widget_calendar #wp-calendar td:not(.pad):not(#next):not(#prev)#today, #colophon .widget.widget_calendar #wp-calendar thead {
    color: #fff; }
  #colophon .widget.widget_calendar #wp-calendar th, #colophon .widget.widget_calendar #wp-calendar td {
    color: #fff; }
  #colophon .widget.widget_calendar #wp-calendar #prev:before, #colophon .widget.widget_calendar #wp-calendar #next:before {
    color: #fff; }
  #colophon .widget.widget_rss ul li .rsswidget {
    color: #fff; }
    #colophon .widget.widget_rss ul li .rsswidget:hover, #colophon .widget.widget_rss ul li .rsswidget:focus {
      color: #5234f9; }
  #colophon .widget.widget_rss .widget-title a {
    color: #fff; }
    #colophon .widget.widget_rss .widget-title a:hover, #colophon .widget.widget_rss .widget-title a:focus {
      color: #5234f9; }

/*
* Content
*/

.blog-section h1{
  
    font-size:32px;
    line-height: 50px;
 
}


.post-content {
    /*background: #111;*/
    margin-bottom: 4em;
    /*width: 100vw;*/
}
/*  .post-content .entry-header {
    position: relative; }
    .post-content .entry-header img {
      width: 100%; }*/
.post-content .post-meta {
    list-style-type: none;
    margin-left: 0;
    font-size: .86em;
    font-weight: 700;
    color:#666;
}
html.darkmode .post-content .post-meta {

    color:#666;
}
.post-content .post-meta li {
    position: relative;
}
.post-content .post-meta li a {
    /*color: #745cf9*/;
    font-weight: 700;
}

.post-content .post-meta li:before {
    content: '';
    height: 17px;
    width: 1px;
    background: #999;
    display: block;
    position: absolute;
    bottom: 0px;
    left: -10px;
}
html.darkmode .post-content .post-meta li:before {
    background: #666;
}
.post-content .post-meta li:first-of-type:before {
    content: none;
}
.post-content .entry-content .post-title {
    color:#333;
    margin-top: .5em;
    margin-bottom: 0;
    text-transform: uppercase;
}
html.darkmode .post-content .entry-content .post-title {
    color:#CCC;

}
.post-content.post-grid-small .shapely-category {
    width: 70%;
}
/*  .post-content .shapely-category, .post-content .shapely-category-port  {
    position: absolute;
    
   
    width: 100%;
    bottom: 0;
    left: 0; }*/
   .post-content .shapely-category  {
        
     /* font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
      
      
 
      display: inline-block;
     
      margin-bottom: 3em;
      position: relative; 

    }

.post-content .shapely-category a{
    font-size: .8em;
    font-weight: 700;
    text-transform: uppercase;
    color: #999;
} 
.post-content .shapely-category-port {
    /*color: #FFF;*/
    /*text-align:center;*/
}
/*.post-content .shapely-category a:hover, .post-content .shapely-category a:focus {
    color: #5234f9;
}*/


/*.post-content .shapely-category a:after {
    content: '';
    display: block;
    width: 45px;
    height: 1px;
    background: #ebebeb;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
}*/
.post-content .more-link {
    display: block;
    width: 140px;
    margin-top: 20px;
    text-align: center;
    background: #745cf9;
    color: #fff;
    padding: 10px 20px;
}
.post-content .more-link:hover, .post-content .more-link:focus {
    background: #5234f9;
}

.shapely-next-prev {
    font-family: 'Oswald',sans-serif;
    font-size: .9em;
    text-transform: uppercase;
    padding: 2em .4em 3em;
}
  
  .shapely-next-prev .fa{
    
    font-size: 1.2em;
    
}

.shapely-tags {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #CCC; }
  .shapely-tags > span {
    font-size: 15px;
    color: #767676;
    margin-right: 10px; }
  .shapely-tags > a {
    font-size: 15px;
    font-weight: 400;
    color: #767676; }
    .shapely-tags > a:hover, .shapely-tags > a:focus {
      color: #5234f9; }
html.darkmode .shapely-tags {
  border-top: 1px solid #333; }



/*.shapely-related-posts-title {
    background-color: #000;
    padding-bottom: 1em; 
}

html.darkmode .shapely-related-posts-title {
    background-color: #FFF;
}*/

/*.shapely-related-posts-title h3 {
    font-size: 2em;

     font-weight: 300;
    text-transform: uppercase;
  }*/

.shapely-related-posts-title h3 span {
    font-size: .7em;
    font-weight: 300;
    text-transform: uppercase;
}


.shapely-related-posts {

    /*border-top: 1px solid #CCC;*/
    border-top: none;
    position: relative;
}
html.darkmode .shapely-related-posts {
  /*border-top: 1px solid #333;*/
}
.shapely-related-posts .shapely-related-post-title a {
  color: #001c28;
  font-size: 18px;
  font-weight: normal;
  display: inline-block;
  margin-top: 20px;
  position: relative;
  padding-left: 9px;
}

.shapely-related-posts .shapely-related-post-title a:before {
  content: '';
  height: 13px;
  width: 1px;
  background: #e1e1e1;
  position: absolute;
  left: 0;
  top: 6px;
}

.shapely-related-posts .shapely-related-post-title a:hover,
.shapely-related-posts .shapely-related-post-title a:focus {
  color: #5234f9;
}

.shapely-related-posts .shapely-carousel-navigation {
  margin-bottom: 0;
}

.shapely-related-posts .shapely-carousel-navigation .shapely-carousel-arrows {
  list-style-type: none;
  margin: 0;
}

.shapely-related-posts .shapely-carousel-navigation .shapely-carousel-arrows li {
  display: inline-block;
  position: absolute;
  right: -17px;
  top: 36%;
  width: 35px;
  height: 35px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  z-index: 100;
  text-align: center;
  line-height: 35px;
}

.shapely-related-posts .shapely-carousel-navigation .shapely-carousel-arrows li a {
  color: #fff;
  display: block;
  line-height: 35px;
}

.shapely-related-posts .shapely-carousel-navigation .shapely-carousel-arrows li:hover,
.shapely-related-posts .shapely-carousel-navigation .shapely-carousel-arrows li:focus {
  background: black;
}

.shapely-related-posts .shapely-carousel-navigation .shapely-carousel-arrows li:first-of-type {
  left: -17px;
  right: initial;
}





/*
* Comments
*/
.comment-form :-moz-placeholder {
  text-transform: initial;
  font-weight: 400;
  letter-spacing: initial;
  color: #8c979e;
  font-size: 14px;
  font-family: 'Raleway'; }
.comment-form ::-moz-placeholder {
  text-transform: initial;
  font-weight: 400;
  letter-spacing: initial;
  color: #8c979e;
  font-size: 14px;
  font-family: 'Raleway'; }
.comment-form :-ms-input-placeholder {
  text-transform: initial;
  font-weight: 400;
  letter-spacing: initial;
  color: #8c979e;
  font-size: 14px;
  font-family: 'Raleway'; }
.comment-form textarea {
  background: transparent;
     font-weight: 600;
   border-bottom: 1px solid #CCC;
  height: 120px; }
html.darkmode .comment-form textarea {
    color:#666;
  background: transparent;
     font-weight: 400;
   border-bottom: 1px solid #333;
  height: 120px; }
  .comment-form textarea:focus, .comment-form textarea:active, .woocommerce-checkout text:focus, .woocommerce-checkout text:active{
    outline: none;
    border-bottom: 1px solid #745cf9; }

  html.darkmode .comment-form textarea:focus, html.darkmode .comment-form textarea:active, html.darkmode .woocommerce-checkout text:focus, html.darkmode .woocommerce-checkout text:active{
      color:#999;
    outline: none;
    border-bottom: 1px solid #666; }

.comment-form input[type="text"],
.comment-form input[type="url"],
.comment-form input[type="email"],
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="email"],
.woocommerce-account input[type="text"],
.woocommerce-account input[type="tel"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"],



.mc-field-group input[type="email"]
  {
      
      width: 100%;
}

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

#mc_embed_signup {
    width: 80%;
}
 @media all and (max-width: 767px) {
    #mc_embed_signup {
    width: 100%;
} 
}
#mc_embed_signup form {
    

padding: 0!important;
}
#mc_embed_signup input.email{
    border: 0 !important;
     border-bottom: 1px solid #CCC !important;
    width: 100%;
    
}
html.darkmode #mc_embed_signup input.email{
    
     border-bottom: 1px solid #333 !important;
    
    
}

#mc_embed_signup_scroll div.error{
    
    display: none!important;
}

#mc-embedded-subscribe {
    width: 100%;
}
  
  .comment-form input[type="text"]:last-of-type,
      .comment-form input[type="url"]:last-of-type,
      .comment-form input[type="email"]:last-of-type {
        margin: 0; }
  
   @media all and (max-width: 767px) {
    .comment-form input[type="text"],
    .comment-form input[type="url"],
    .comment-form input[type="email"],
    .comment-form textarea {
    
      width: 100%;
      float:none;
      padding-left: 0;
      }
  
  .comment-form input[type="text"]:last-of-type,
      .comment-form input[type="url"]:last-of-type,
      .comment-form input[type="email"]:last-of-type {
            margin-bottom: 24px; }
        
  }
      
      
     
  .comment-form input[type="text"]:focus, .comment-form input[type="text"]:active,
  .comment-form input[type="url"]:focus,
  .comment-form input[type="url"]:active,
  .comment-form input[type="email"]:focus,
  .comment-form input[type="email"]:active {
    outline: none;
    border-bottom: 1px solid #745cf9; }
.comment-form .form-submit {
  display: inline-block;
  width: 100%;
  margin-top: 15px; }



.author-bio {
  background: transparent;
}


.author-bio .avatar img {
  border-radius: 50%;
}
.author-bio .col-sm-10 p {
    
    margin-bottom: 1em;
}
@media all and (min-width: 991px) {
.author-bio .col-sm-10 p {
    width: 80%;
    
}
  .author-bio .col-sm-10 {
    border-left: 1px solid #DDD;
  }
html.darkmode .author-bio .col-sm-10 {
    border-left: 1px solid #222;
  }


  .author-bio-left-side .author-bio .col-sm-10 {
    border-left: 0 none;
  }
}

.author-bio .fn {
  font-weight: 400;
  font-size: 1.1em;
}

.author-bio p {
  margin-top: 10px;
 /* color: #8c979e;*/
  font-size: 1em;
}

.author-bio .author-email {
  color: #8c979e;
  font-weight: 400;
}

.author-bio .author-email:hover,
.author-bio .author-email:focus {
  color: #5234f9;
}

@media all and (min-width: 550px) {
  .author-bio .author-social {
    position: absolute;
    right: 20px;
    top: 0;
  }
}

.author-bio .author-social li {
  padding: 0 5px;
}

.author-bio .author-social li a {
  color: #001c28;
  font-size: 12px;
}

.author-bio-left-side .col-sm-2,
.author-bio-left-side .col-sm-10 {
  width: 100%;
}

.author-bio-left-side .author-bio {
  text-align: center;
  padding: 15px 20px;
}

.author-bio-left-side .author-bio .fn {
  margin-top: 10px;
  display: inline-block;
  width: 100%;
}

.author-bio-left-side .author-bio .author-email {
  display: none;
}

.author-bio-left-side .author-bio .author-social {
  position: relative;
  display: inline-block;
  text-align: center;
  top: initial;
  left: initial;
  right: initial;
  bottom: initial;
}

.author-bio-left-side .author-bio .author-social li a {
  color: #001c28;
}



.single-post .entry-content p {
  width: 80%;
  font-size: 1.2em;
  line-height: 1.5;
}
.single-post .entry-content .dropcaps-content p:first-child:first-letter {
  float: left;
  font-size: 57px;
  margin: 10px;
  margin-right: 20px;
  color: #999;
}

html.darkmode .single-post .entry-content .dropcaps-content p:first-child:first-letter {

  color: #333;
 
 }

 @media all and (max-width: 767px) {
.single-post .entry-content p {
  width: 90%;
  font-size: 1.2em;
  line-height: 1.5;
}
}
.series .entry-content {
    width: 100vw;
}

.pt0 {
  padding-top: 30px; }
 
.no-padding {
    padding:0 !important;
    margin: 0 !important;
}



a.top-arrow{

font-size:22px; 
color:#FFF !important;  
}

a.more-arrow{
    margin:0;
    padding:10px;
/*background-color:#333;*/
font-size:38px; 
line-height:56px;
color:#FFF !important;  

}

a:hover.more-arrow{
color:#FFF; 
}

.padding-0{
    padding-right:0;
    padding-left:0;
}








  






/*#jp-carousel-comments-loading{
    display:none !important;
    height:0px !important;
}

#jp-carousel-comment-form-container{
    display:none !important;
    height:0px !important;
}

.jp-carousel-slide{
    
}

.jp-carousel-image-meta, .jp-carousel-titleanddesc {
      display:none !important;
      height:0px !important;
}*/





/*.jp-carousel-fadeaway{
    background:#333  !important;
}*/


/*div.sharedaddy h3.sd-title {
display:none !important;
}*/


.sd-content {
margin: 30px 0 50px 0;

}



/*.parallax-mirror{
margin-bottom:-300px !important;    
}*/


/*.gallery-group{

width:auto !important;
}

.gallery-row{
    
width:auto !important;
}

.gallery-item {
width:auto !important;

}*/


.grey{
background-color:   #111;
/*padding:7px 3px;*/

}





/*.blog-post-title a:hover {
    
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    color: #333 !important;
}

.blog-post-title a:visited{
    
    
}*/




.btn-more{
margin-top:10px;    
}

.parallax-container{
    
   /* display:none;*/
}

.parallax-content, .parallax-content-store {
    
    height:100vh;   
    transition: opacity 0.5s ease-in-out;
}
.parallax-content-homecopy {
    height:100vh;   
}

.loader, .spinner, .spinner-black {
   
    border: 1px solid #fff; /* Light grey */
    border-top: 2px solid #CCC; /* Blue */
    border-radius: 50%;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 24px;
    height: 24px;
    animation: spin 1.5s ease-in-out infinite;
}

    .masonry-loader .spinner-black, .masonry-loader .spinner {

        border-top: 2px solid #666; 

    }


html.darkmode .loader, html.darkmode .spinner, html.darkmode .spinner-black {
   
    border: 1px solid #111; /* Light grey */
    border-top: 2px solid #333; /* Blue */
   
}

html.darkmode .masonry-loader .spinner-black, html.darkmode .masonry-loader .spinner {
   
  
    border-top: 2px solid #666; 

}



/*.spinner-black {
     border: 2px solid #666;
    border-top: 2px solid #333;
}*/

.loader-ajax {
    
    border: 4px solid #666; /* Light grey */
    border-top: 4px solid #333; /* Blue */
    border-radius: 50%;
    position: absolute;
    margin: auto;
    margin-bottom:50px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
    
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}



.overlay-loading, .overlay-loading-black, .byfoot-loading {
    
    
    background-color: var(--light);
    position: absolute; /* Sit on top of the page content */
  
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    
     z-index: 999; /* Specify a stack order in case you're using a different order for other elements */
   
    

}

html.darkmode .overlay-loading, html.darkmode .overlay-loading-black, html.darkmode .byfoot-loading {
    background-color: var(--dark);
}

.overlay-loading-black{
    background:#000;
}

.black{
    background:#000;
}






.more-content{
    position: absolute;
  margin: auto;
  
  right: 0;
  bottom: 0;
  left: 0;
   width: 55px;
   padding-left:6px;
   margin-bottom:60px;
    height: 60px;
    z-index: 4;
    /*background:#666;*/
}

.more-content1{
    display:none;
}


.more-content1 a {
font-size:35px;
color:#ccc !important;
}






.nav-previous a{
    /*display:none;*/
    
}

/* Infinite Scroll loader */
#infscr-loading { 
    /*font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-size:12px;
    font-weight:600;
    text-align: center;
    z-index: 100;
    position: fixed;
    left: 50%;
    bottom: 30px;
    width: 120px;
    margin-left:-60px;
    padding: 10px;
    background: #000; 
    opacity: 0.8;
    color: #FFF;
    -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}
#infscr-loading img{
    width:50px;     
}


/*@media only screen and (max-width: 551px){
    
.tiled-gallery .gallery-row {width: 100% !important;height: auto !important;}
.tiled-gallery .gallery-group{width: 100% !important;height: auto !important; }
.tiled-gallery .tiled-gallery-item img, .tiled-gallery .tiled-gallery-item img:hover{width: 100% !important;height: auto !important; margin:2px !important;}
.tiled-gallery .gallery-group {}
}*/


#sbi_load{
padding-top:0px !important; 
text-align:left !important;
}

.sbi_header_text h3{
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important;  
font-weight:600 !important;     
}

.sbi_header_text p{
    
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important;  
font-weight:600 !important; 
color:#999 !important;  
}


.sharedaddy {
padding:30px 0 40px;
text-align:center;
/*border-top: 1px solid #CCC;   */
}

/*li.social-media-icons{
    font-size: 47px;
    line-height: 0.7;
    
}*/

.site-info .social-media-icons a, .menu li.social-media-icons a{
font-size:18px;
padding-right:7px;
}

/*blockquote p{
    font-size: 20px !important;
    font-weight:400 !important; 
    color:#999 !important;  
    line-height:26px;
}
blockquote {
font-family: Georgia, serif;
font-size: 18px;
font-style: italic;
width: auto ;
margin: 0.25em 0;
padding: 0.25em 40px;
line-height: 1.45;
position: relative;
color: #383838;
}

blockquote:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -20px;
top: -20px;
color: #999;
}

blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}
 
blockquote cite:before {
content: "\2014 \2009";
}
*/




/*###################
CSS
###################*/


/*

Menu

Top Menu

*/

/*.menu > li.dropdown {
    padding-right: 18px;
}*/

/*.dropdown:after {
    color:#333;
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 11px;
    content: "\f107";
    font-family: 'fontawesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
}
*/
.dropdown-header {
    width: auto;
    display: inline;
    text-transform: uppercase;
    color:#666;
    font-weight:500;
    font-family: 'Oswald',sans-serif;
    
}

/*.dropdown-header:after {
    content: "";
    display: block;
    width: 20%;
    margin: 1em 0 0;
    border-bottom: 1px solid #999;
}*/
html.darkmode .dropdown-header {

    color:#999;

}


#menu {
   /* width: 100%;*/
    height: 60px;
    /*padding-right:20px;*/
    /*font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    /*font-family: 'Oswald', sans-serif;*/
}

.menu-footer-menu-container .menu{
    height: auto;

}

.menu li a {
    font-size: .92em;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: .1px;
    /*color: #999;*/
    /*opacity: 1;*/
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    max-width: 100%;
    white-space: normal;
}

html.darkmode .menu li a {
    color: #666;
 
}
/*#menu li a {
    color: #999;
}
html.darkmode #menu li a {
    color: #666;
}*/
/*.menu li a:hover {
     color: #333;
   
}

html.darkmode .menu li a:hover {
     color: #CCC;
    
}*/


.navbar-transparent .nav-bar:not(.nav-open) .menu li a, html.darkmode .navbar-transparent .nav-bar:not(.nav-open) .menu li a {
    color:#CCC;
}
.navbar-transparent .nav-bar:not(.nav-open) .menu li a:hover, html.darkmode .navbar-transparent .nav-bar:not(.nav-open) .menu li a:hover {
    color:#EEE;
}



.menu > li {
    margin-right: 2.6em;
    float: left;
    position: relative;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    opacity: 1;
}

.menu > li.light-dark {
   width:20px;
}

.menu > li:last-child {
    margin-right: 0;
}

.menu > li ul {
    left: -20px;
    width: 300px;
    padding: 0 0 20px 0;
    /*background: #FFF;*/
    position: absolute;
    z-index: 99;
    top: 100%;
    opacity: 0;
   /* transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;*/
    transform: translate3d(0, 10px, 0);
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    visibility: hidden;
    margin-top: 0 !important;
}

@media all and (min-width: 992px) {
    .menu > li ul {
          transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
    }
}
.menu > li > ul > li {
    position: relative;
    line-height: 1.2em !important;
    width: 100%;
    vertical-align: middle;
    
}
.dropdown.active:nth-child(1) { 
    /* first dropdown */
}

.dropdown.active:nth-child(2) { 
    /* second dropdown */
}

.dropdown a.active {
    /* any active link */
}


.menu > li > ul > .dropdown:after {
    color: #0e1015;
    top: 1px;
    right: 24px;
    content: "\f105";
}

.menu > li > ul li a {
   /* color: #fff;*/
    height: auto;
   /* padding: 6px 20px;*/
    /*display: inline;*/
}


.menu > li > ul > li > ul {
    left: 100%;
    top: 0;
}

.menu > li:hover > ul {
    opacity: 1;
    transform: translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    visibility: visible;
}

.menu > li > ul > li:hover > ul {
    opacity: 1;
    transform: translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    visibility: visible;
}

.dropdown-header {
    font-size: .7em;
    padding: 20px 0 6px 20px !important;    
}

.nav-open { 
    height: 100vh !important;
    overflow-y: scroll; /* has to be scroll, not auto */
    -webkit-overflow-scrolling: touch;
    padding-bottom:300px !important;
    background:#FFF;    
}

html.darkmode .nav-open {   
    background:#000;
    
}

.nav-open::-webkit-scrollbar { 
    display: none; 
}

/*https://css-tricks.com/almanac/properties/s/scrollbar-color/*/
html {  
    --thumbBG: #999;
    --thumbHV: #666;            
    --scrollbarBG: #eee;
    --scrollbarHV: #CCC;
    
}
html.darkmode {
    --scrollbarBG: #000;
    --scrollbarHV: #222;
    --thumbHV: #666;
    --thumbBG: #333;
}
*::-webkit-scrollbar {
    width: 11px;
}
*{
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
*::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
}
*::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG);
    border-radius: 6px;
    border: 3px solid var(--scrollbarBG);
}
*::-webkit-scrollbar-thumb:hover {
    background: var(--thumbHV);
    border: 3px solid var(--scrollbarHV);
}

.search-widget-handle .search {
       /*padding: 5px 10px;*/
    padding-top: 4px;
}
  
    
.search-widget-handle .search1 {

   display:block;
}

.collapse .menu li {
     
       font-family: 'Oswald',sans-serif;
    }


@media all and (max-width: 991px) {
    
    .menu > li.light-dark {
       width:auto;
        padding: .4em 0;
    }
    .menu {
        height: auto;
    }

    .menu a {
        height: auto;
        /*line-height: 14px;
        padding: 4px 0;*/
    }

    .menu li {
       /* line-height: 24px;*/
        display: block;
        width: 100%;
        max-width: 100%;
    }
    
    .menu li a.wcmenucart-contents {
        /*padding-top:10px;*/
        font-size: 1.6em;
    }
    
    .collapse .menu li {
        line-height: 0;
    /*  text-align:center;*/
       margin: 0;
       /*font-family: 'Oswald',sans-serif;*/
    }
    
    .menu li a {
        
    /*  font-size: 30px;
        text-transform: uppercase;
        font-weight: 400 !important;
        letter-spacing: 0.1px;
        color: #666;
        opacity: 1;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        max-width: 100%;
        white-space: normal;*/
        
        font-size: 3em;
        font-weight: 200;
        line-height: 1.1em;
        /*letter-spacing: -.6px;*/
        
    }
    .footer-widget-area .menu li a {
        line-height: normal;
    }
    
    .menu li.light-dark a {
        font-size: 1.2em;
        line-height: 0;
        font-weight: 400;
        /*margin-top: .8em;*/
        padding-top: 1.1em;
        letter-spacing: .03em;
    }

    .menu > li ul {
        position: relative;
        width: 100%;
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0px, 0);
        -webkit-transform: translate3d(0, 0px, 0);
        -moz-transform: translate3d(0, 0px, 0);
        left: 0;
        border: 0 !important;
        box-shadow: none;
    }

    .menu > li > ul {
        position: relative;
        opacity: 1;
        visibility: visible;
        display: none;
        transform: translate3d(0, 0px, 0);
        -webkit-transform: translate3d(0, 0px, 0);
        -moz-transform: translate3d(0, 0px, 0);
    }

    .menu > li > ul > .dropdown:after {
        content: "\f107";
    }

    .menu > li > ul > li > ul {
        left: 0 !important;
        display: none;
        padding: 0;
    }
    
    .menu > li > ul > li {
 
    line-height: 2em !important;
  
}


    .menu > li > ul li a {
        font-weight:400;
        font-size: 1em;
        padding: 0;
        line-height: 2em;
        display: inline;
        /*font-weight: 600;*/
        /*letter-spacing: 0.2px;*/
    }
    
    html.darkmode .menu > li ul {
    background-color: #000 !important;
}
    
    .dropdown:after {
    
        display:none;
    }
    
    .dropdown-header {
        font-size: .7em;
        padding: 2em 0 .4em 0 !important;   
    }
    
    
    .dropdown .dropdown li {
        padding-left: 18px;
    }

    .dropdown {
        
        padding-right: 0;
    }
        
    .search-widget-handle {
        
    /*padding-bottom:300px !important;*/
    }
    
    /*.search-widget-handle .search {
        padding: 0;
    }*/
}

@media all and (min-width: 992px) {
    .navbar-collapse.collapse {
            display: block;
    }
}   
@media all and (max-width: 991px) {
    
    .nav-bar {
        line-height: 60px;
        /*margin-top: -1px;*/
    }

    .navbar-collapse {
            border: none !important;
            -webkit-box-shadow: none;
            box-shadow: none;
            padding:0;  
        padding-top: 1em;
        
            /*padding-bottom: 5em;*/
        
/*  height: auto !important;
    overflow-y: auto;
    */
    
  /*  -webkit-box-shadow: none;
    box-shadow: none;
    padding:0;*/
    /*padding-top:10px;*/
    
}


    
    .site-info .social-media-icons a, .menu li.social-media-icons a{
    font-size:.9em;
    padding:.1em;

    }

/*  
.social-media-icons {

        text-align: center
}*/
    
    

/*.loader, .spinner, .spinner-black {
    border: 4px solid #333; 
    border-top: 4px solid #666; 
   
    
    
    

}*/
    
}



/*

HOMEPAGE

Homepage Parallax 

*/
.overlay-radial{
    position: absolute; /* Sit on top of the page content */
    width: 100%; /* Full width (cover the whole page) */
    height:100%;
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background:-webkit-radial-gradient(rgba(60,60,60,0.1), rgba(60,60,60,0),rgba(30,30,30,0), rgba(30,30,30,0));
     z-index: 2;
}

.overlay-gradient {
    
    position: absolute; /* Sit on top of the page content */
    width: 100%; /* Full width (cover the whole page) */
    height:100vh;
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background: none; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.3) 70%, rgba(0,0,0,0.6) 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.3) 70%, rgba(0,0,0,0.6) 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.3) 70%, rgba(0,0,0,0.6) 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.3) 70%, rgba(0,0,0,0.6) 100%); /* Standard syntax */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    
}
.overlay {
    /* display: none; */
    position: absolute; /* Sit on top of the page content */
    width: 100%; /* Full width (cover the whole page) */
    height:100vh;
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity:.3;
   
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    
}
.widget.shapely_byfoot_parallax .overlay {
    opacity: .3;
}
.overlay-store{
    position: absolute; /* Sit on top of the page content */
    width: 100%; /* Full width (cover the whole page) */
    height:100vh;
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity:0;
   
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
}

.parallax-content-store .overlay {
    
    min-height: 100%;
    opacity: .5;
     z-index: 0;
   
}

.site-title-container {
      /*display:none;*/
    }
.chakana{
    margin-bottom:3em;
    display: none;
    
}
body.home .chakana{
    display: none;  
}
.homecopy, .homecopy_byfoot {
    text-align:center;
    display:none;
/*margin-top:-50px; */
}


/*.homecopy h1 {
display:none;
}*/

.homecopy h1, .storecopy h1 {

    margin-bottom: 0px;
    font-family: 'Oswald', sans-serif;
    font-size:3.8em;
    line-height:.95em;
    font-weight: 400;
    color:#FFF;
    /*margin-bottom: 12px;*/
    padding:.2em 0 .1em;
    opacity: 0.8;
    letter-spacing: -1px;
    text-transform: uppercase;
    }

.storecopy h1 {
    font-size:4em;
    color:#666;
}
    

.homecopy_byfoot h1{
    font-size: 4em;
    line-height: 1;
    font-weight: 200;
    color:#FFF;
    margin-top:-2em;
    margin-bottom: 0;
    opacity: 0.8;
}

.homecopy_byfoot h1{
    text-transform:uppercase;
}
.homecopy_byfoot .btn{
    border-radius: 3em;
    
}

.homecopy_byfoot .btn:focus {
  outline: none;
  box-shadow: none;
}


.homecopy h5, .homecopy_byfoot h5, .homecopy h2/*, .storecopy h5, .storecopy h2*/ {
    /*border-top:.6px solid #CCC;*/
    /*margin:0 60px*/;
    font-family: "Fira Sans",sans-serif;
    font-size: .94em;
    line-height: 1.4;
    font-weight: 500;
    color:#FFF;
    opacity: 0.8;
    margin: 1em auto 2em;
    /*margin-bottom: 1em;*/
    padding: 0;
    max-width: 320px;
    /*padding-left: 4px;*/
    /*text-transform:uppercase;*/
    /*letter-spacing: 0.2em;*/
    
}
/*.homecopy_byfoot h5 {
    margin: 1em auto 1.6em;
}*/

 .homecopy h2, .storecopy h2 {
    font-size: 1em;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 2em;

    
}

.storecopy h2, .storecopy h5{
    color:#666;
    padding-top:15px;
}   

.storecopy span {
    display: block;
    padding: 1em 0 2em;
}
/*.storecopy h5 {
    padding-top: 15px;
    letter-spacing: 0.1em;
    margin-bottom: 25px;
    color:#666;
    
    
}*/
.homecopy_byfoot {
text-align: center;
}


/*.homecopy_byfoot h5{
    
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color:#FFF;
    opacity: 0.8;
    margin-bottom: 20px;
    text-transform:uppercase;
}*/


/*
Homepage Portfolio
*/

.portfolio-home-about{
    
    padding: 8em 0 6em;
}
.resume-description {
    padding: 4em 0 0;
}
.portfolio-home-about h2, .slide-cover-content h2, .resume-description h2{
    /*font-family: 'Oswald', sans-serif;*/
    /*font-family: "Merriweather", "Georgia", Times New Roman, Times, serif;*/
    /*font-family: "Fira Sans",sans-serif;*/
    text-transform: uppercase;
    /*letter-spacing: -1px;*/
    font-size: 3.4em;
    line-height: 1.1em;
    /*line-height:1.1em;*/
    font-weight:200;
    color:#666;
    /*padding-top:20px;*/
    /*padding-bottom:10px;*/
    /*font-style:italic;    */
    margin-bottom: 0;
    /*line-height: .9em;*/
    /*padding-right: 2em;*/
}

  html.darkmode .slide-cover-content h2, html.darkmode .resume-description h2{

    color:#999;

}
.portfolio-home-about h2 {
    color:#999;
}
.portfolio-home-about h2 span {
    color:#666;
}
html.darkmode .portfolio-home-about h2 {
    color:#666;
}
html.darkmode .portfolio-home-about h2 span {
    color:#999;
}

 .portfolio-home-about p, .slide-cover-content p, .resume-description p {
    
    /*font-family: "Merriweather", "Georgia", Times New Roman, Times, serif;*/
    /* font-family: "Fira Sans",sans-serif;*/
    font-size:1.1em;
    line-height: 1.3em;
    /*text-align:center;*/
    color:#666;
    font-weight: 400;
    padding:15px 0px;
    /*border-top: 1px solid #999;   */
}
 html.darkmode .portfolio-home-about p, html.darkmode .slide-cover-content p, html.darkmode .resume-description p {
    
    color:#999;
    
}

/*html.darkmode .portfolio-home-about p, html.darkmode .slide-cover-content p {
    color:#666;
}*/
.slide-cover-content p {
    padding: 2em 0 0 30%;
}

.portfolio-home-featured {
    
    /*padding: 0 0 .25em .3em;*/
    padding: 0 4px;
    margin: 0;
    
}

 .search-portfolio {
    
    padding: .3em 0 0 0.3em;
    margin: 0;
    
}

 .search-portfolio .navigation.posts-navigation {
    /*display: none;*/
}
.portfolio-home-item {
    /*background-color:#333;*/
    opacity: 0;
     -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
}
.portfolio-home-item-img, .portfolio-home-item-img:before {
    /*opacity: 0;*/
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
}

.portfolio-home-item-img:before {
    
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background: -moz-linear-gradient(top,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 40%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 40%);
    background: -o-linear-gradient(top,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 40%);
    background: -ms-linear-gradient(top,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 40%);
    background: linear-gradient(to top,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 40%);
    pointer-events: none;
    z-index: 2;
    margin: 4px;
    opacity: 0;
    
    
}
.portfolio-home-item-img--loaded:before {
    opacity: 1;
    
}

.portfolio-related  .portfolio-home-item-img:before {

    margin: 3px;
}
.projects-archive .portfolio-home-item, .portfolio-related .portfolio-home-item, .portfolio-home-featured .portfolio-home-item{
    /*background-color:#333;*/
    z-index: 999;
    position: absolute;
    user-select: none;
    pointer-events: none;
    bottom: 0;
    padding:1.2em 1.8em 1.2em 1em;
}
.portfolio-related .portfolio-home-item {
    padding:1.2em 1.8em .8em .8em;
    line-height: 1em;
}
.shop-archive-item {
   /* text-align: center;*/
    padding: 0 0 10px 0;
    position: relative;
}

.portfolio-home-item h2{
   text-transform: uppercase;
    /*border-bottom:1px #333 solid;*/
    margin-top: .2em;
    margin-bottom: 0;
    font-size:1.2em;
    line-height:18px;
    color: #FFF;
    font-weight:400;
    
    
}



/*html.darkmode .portfolio-home-item h2 {
    color: #999;
}*/

.portfolio-home-item span {
    
    /*text-transform: uppercase;*/
    color: #FFF;
    font-size: .72em;
    font-weight: 400;
}




.portfolio-home-item p{
    padding-top:10px;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    /*font-size:15px;*/
    line-height: 20px;
    color:#FFF;
    font-weight: 500;
    font-size: 16px;
}
/*html.darkmode .portfolio-home-item p{
    color:#777;
}*/


@media (max-width: 845px) and (orientation:landscape) {
        
    .b-overlay .story-big-image img {
        max-height: calc(100vh - 100px);
        width: auto !important;
    }
    .swiper-container .story-big-image {
        margin-bottom: 2em;
    }

    .story-big-image img {
        width: auto;
    }
    
  
}

.portfolio-related .portfolio-home-item-img:before {
    /*height: 100%;*/
    margin: 4px;
}

@media (max-width: 820px) {
    /*.portfolio-related {
        padding: 0 4px;
    }*/
    
    .portfolio-related .portfolio-home-item {
        
        padding:1.2em 1.8em 1.2em 1em;
        
    }
    
    .portfolio-related .project {
        padding: 4px;
    }
    
}



@media (max-width: 767px){
.portfolio-home-about p, .slide-cover-content p, .resume-description p {
    
font-size: 1em;
         
}
    .portfolio-home-item-img:before {
    
    background: linear-gradient(to top,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 40%);
    margin: 3px;
}
    
.portfolio-related .portfolio-home-item-img:before {
    /*height: 100%;*/
    margin: 3px 3px 2.7px;
}
.portfolio-related {
    
    margin: 0 4px;
    /*margin: 0;*/
    padding-top: 4em;
}
.portfolio-related .project{
    padding:3px;
}
/*.projects-archive, .products-archive {
  
    padding:4px;
    
    
}*/
    
    .related .product{
    padding: 0;
  
}
    
.products-archive {
  
  
/*  background-color: #000; */

    
}
.products-archive .product{
 
    padding:5px;
    
}

    
    /*.projects-archive .portfolio-home-item,*/ .portfolio-related .portfolio-home-item {
        width: 99%;
        padding:1.2em 1.8em 1em .6em;
        line-height: .6em;
    }
    /*.projects-archive .portfolio-home-item h2, */.portfolio-related .portfolio-home-item h2{

        font-size:.8em;
        line-height:1.2em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;

        /*margin-right: -1.4em;*/

    }
    /*.projects-archive .portfolio-home-item span,*/ .portfolio-related .portfolio-home-item span {
    
    /*text-transform: uppercase;*/
   
    font-size: .6em;
    font-weight: 400;
}
    
    
    .search-portfolio { 
        padding: .2em .2em 0 .2em;
    }
    .portfolio-home-item-img a {
        position: relative;
    }
    
    /*.projects-archive .portfolio-home-item-img, .portfolio-related .portfolio-home-item-img, .portfolio-home-featured .portfolio-home-item-img {
        padding: 1em 1em 0;
        
    }*/
    
    /*
    Homepage Parallax 
    */
    
    .portfolio-home-featured .portfolio-home-item-img a, .projects-archive .portfolio-home-item-img a{
        display: flex;
    }

    @media screen and (orientation:portrait){
        
        .align-transform{
            
            position: relative;
            transform: translate3d(0, -50%, 0);
            -webkit-transform: translate3d(0, -50%, 0);
            top:50%;
            z-index: 2;
        }
    
    }
    
    @media all and (orientation:landscape) {
        
        .align-transform{
            
            position: relative;
            transform: translate3d(0, -60%, 0);
            -webkit-transform: translate3d(0, -60%, 0);
            top:60%;
            z-index: 2;
            padding-top: 2em;
        }
    }
    
    .overlay {
    
    /*opacity:0.2;*/
   
  
    }
    
    .overlay-store{
    opacity:0.1;
    }

    
    
    .overlay-gradient_ {
        
        /*background: rgba(0,0,0,0.3) !important;*/
        background: -webkit-linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.05), rgba(0,0,0,0)); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.05), rgba(0,0,0,0)); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.05), rgba(0,0,0,0)); /* For Firefox 3.6 to 15 */
        background: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.05), rgba(0,0,0,0)); /* Standard syntax */
    }
    
    .chakana{
    margin-bottom:9em;
    
}
    
    .homecopy, .storecopy {
    /*text-align: center;*/
    margin-top:-2em;
    }
    
    .homecopy h1, .storecopy h1{
    
        font-size: 2.8em;
        line-height:0.93em;
        margin-bottom: 0;
        
    }
    .storecopy h1{
        font-size: 3em;
        
    }
    
    .homecopy_byfoot h1{
    
        font-size: 3.2em;
        /*line-height:.5;*/
        
    }
    
    .homecopy h5, .storecopy h5, .homecopy_byfoot h5 {
        font-size: .9em;
        line-height:1.4;
        padding: 0 1.8em;
        font-weight: 500;
        /*margin-bottom: 1em;*/
        max-width:90%;
        /*display: none;*/
    }
    
    
    /*
    Homepage Portfolio
    */
    
    .portfolio-home-about {
        
        padding:4em 1em 2em .4em;
        
    }
    
    .resume-description {
        
        padding: 6em 1em 0 .4em;
        
    }
    
        .portfolio-home-about h2, .resume-description h2{
        
        font-size: 2.4em;
        line-height: 1.1em;
        padding-right: 2em;
        
    }
    
    .portfolio-home-about p, .resume-description p{
        
        /*font-size:14px;
        line-height: 20px;*/
        
        /*color:#999;
        
        padding:15px 5px 0 5px;
        border-top: 1px solid #CCC; */
        
    }
    
    .portfolio-home-featured {
    margin:0;
    padding:0 4px;
    
    
}
    
    .portfolio-home-item{
        
            
    }
    
    .portfolio-home-item p{
    
        /*font-size:14px;
        line-height: 20px;
        font-weight: 400;*/
    }   

}



/*

Parallax Portfolio and Page template

*/

/*
Parallax Section
*/

.overlay-parallax {
    
    position: absolute; /*Sit on top of the page content */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background: none; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.3), rgba(0,0,0,0.2)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.3), rgba(0,0,0,0.2)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.3), rgba(0,0,0,0.2)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(0,0,0,0.4), gba(0,0,0,0.3), rgba(0,0,0,0.2)); /* Standard syntax */
    z-index: 2;
    
}

.align-transform-portfolio, .align-transform-page {
    
    position: relative;
   /* transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    top:50%;*/
     transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    bottom:-50%;
    z-index: 2;
}

.align-transform-bottom {
    
    position: relative;
   /* transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    top:50%;*/
     transform: translate3d(0, -95%, 0);
    -webkit-transform: translate3d(0, -95%, 0);
    bottom:-95%;
    z-index: 2;
}

.top-parallax-section-port h1, .top-parallax-section-page h1, .parallax-section-store h1 {
    text-transform: uppercase;
    font-size: 3em;
    
    font-weight: 400;
    padding:0;
    margin-bottom: 0;
    color: #FFF;
}

.parallax-section-store h1 {
    
    color: #999;
}

.top-parallax-section-port p, .top-parallax-section-page p, .parallax-section-store p {
    
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:1em;

    color: #FFF;
}

.parallax-section-store p {
    
    
    color: #999;
}

/*
Content Section
*/

.portfolio-content, .page-content, .page-byfoot-content {
    padding-top: 6em;
}   
    
.portfolio-content p, .page-content p{
    
    padding:0;
    font-size:16px;
    line-height: 26px;
    font-weight: 400;
    /*color: #888;*/
}

.portfolio-content h2{
    
    font-family: "Merriweather", "Georgia", Times New Roman, Times, serif;
    color: #999;
    font-weight: 400;
    padding:0.5em 0;
    
}

.portfolio-content a, .portfolio-content a:visited, .portfolio-content a:focus, .portfolio-content a:active, .portfolio-content a:hover {
    text-decoration: underline;
    outline: none;
}

.portfolio-content a:hover {
    text-decoration: none;
   
}

.tiled-gallery{
    padding:4em 0 5em 0;
}

.tiled-gallery img {
        
    margin: 2px;    
}

.tiled-gallery .gallery-row {

    margin-bottom: 2px;
}

.jp-carousel-overlay {
    
    height:100% !important;
    bottom:0px !important;
    background-color:#333  !important;
    opacity:1;
}

@media all and (max-width: 767px) {
    .overlay {

    opacity: .3;
   
   
}
    /*
    Parallax Section
    */
    
    .overlay-parallax {
        
        background: rgba(0,0,0,0.4) !important;
    }
    
    .align-transform-portfolio, .align-transform-page {
        
        position: relative;
        transform: translate3d(0, -10em, 0);
        -webkit-transform: translate3d(0, -10em, 0);
        top:17em;
        z-index: 2;
    }
    
    .top-parallax-section-port h1, .top-parallax-section-page h1{
    
        font-size:36px;
        line-height: 38px;
        text-align:left;
        
    }
    
    .top-parallax-section-port p, .top-parallax-section-page p{
        
        font-size:18px;
        line-height: 22px;
        
    }
    
    /*
    Content Section
    */
    
    .portfolio-content, .page-content {
        padding:5px;
        padding-top:30px;
    }
    
    .tiled-gallery{
        
        padding:1em 0 2em 0 !important;
    }
    
    .tiled-gallery img {
            
        margin: 1px !important;     
    }
    
    .tiled-gallery .gallery-row {

        margin-bottom: 1px !important;
    }
    
    .jp-carousel-overlay {
        
        height: 100vh !important;
        overflow-y: scroll; /* has to be scroll, not auto */
        -webkit-overflow-scrolling: touch;
        background-color:#000 !important;
    }
    
    .jp-carousel-transitions .jp-carousel-close-hint span {
    
        right: 0 !important;
    }
    
}


/*

Blog

*/

/*
Blog Archive Section

is using index.php

*/

.blog-main{
    
    /*background:#FFF;  */
    padding:20px;
    width:100%; 
    display:block;
    min-height:100vh;
    padding: 10px 10px 120px 10px;
}


.post {

   /* padding: 10px 30px 7px 10px;*/
    padding: 2em 5em 0 10px;
}
@media all and (max-width: 1199px) {
.post {

   /* padding: 10px 30px 7px 10px;*/
    padding: 2em 2em 0 10px;
}
}
@media all and (max-width: 991px) {
.post {

   /* padding: 10px 30px 7px 10px;*/
    padding: 2em 10px;
}
}

.blog-main .post{
    
    padding: 10px;
}

.blog-main .post figure {
    
    position: relative;
}

h2.blog-year/*, .series-year*/ {
    
    font-size: 80px;
    color: #CCC;
    font-weight: 200;
    line-height:80px;
    margin-bottom: 30px;
}
html.darkmode h2.blog-year/*, .series-year*/ {
    
    
    color: #333;
}
/*.series-year {
    font-size: 8em;
    padding-top: 1em;
    margin-bottom:.6em;
}*/
.blog-post-card{
    padding: .86em 0;
}
.blog-post-title a, .blog-post-title {
    
    
    font-size: 1.1em;
    font-weight: 400;
    line-height:1.2;
    text-transform: uppercase;
    margin: 0;
    color:#333;
}
.blog-post-title a:hover{
color:#333;
}
html.darkmode .blog-post-title a, html.darkmode .blog-post-title {  
    color:#999;
}

.blog-post-date {
    
    padding: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;

    margin: 0;
    letter-spacing: 0.04em;
}




/*
.article-preview-image{
    
    padding:5px 0 !important;   
}*/

.masonry-post{
    
    padding-bottom:20px;
}

.masonry-post p {
    
    /*font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-size:1em;
    line-height: 1.4;
    padding:1em 0 1.6em;
    /*color:#999;*/
    font-weight: 400;
    width:94%;
}



@media screen and (max-width:767px) {
    


    /*
    Blog Archive Section
    */
    
    .blog-main{
        
        padding:15px;
        padding-bottom: 120px !important;
    }
    
    
    .post {

        padding: 0 !important;
    }
    
    .blog-post-title a, .blog-post-title {
        font-size: 1.16em;

    }
    
    .masonry-post p {
    
        font-size:1.1em;
    }


}





/*

byfoot

*/

/*#byfoot-content {
    height:auto;
    display:none;
}*/

.book-now {
    text-align: center;
    margin-bottom: 8em;
}




.tiled-gallery-caption {
/*display: none !important;*/
}



.menu > li ul {
    background-color: var(--light);
}

html.darkmode .menu > li ul {
    background-color: var(--dark);
}

.menu > li > ul li a {
   /* color: #666;*/
    width: 100%;
}

.menu > li.active a, .menu > li.current_page_parent a {
   
    color: #000;
}
html.darkmode .menu > li.active a, html.darkmode .menu > li.current_page_parent a {
    color: #FFF;
}
.menu > li.active ul li a {
    color: #666;
}
html.darkmode .menu > li.active ul li a {
    color: #666;
}


.navbar-inverse .menu > li.active a {
    background:none !important;
    color: #FFF;
}

.navbar-transparent .nav-bar:not(.nav-open) .menu>li.active a, html.darkmode .navbar-transparent .nav-bar:not(.nav-open) .menu>li.active a {
    color:#FFF;
}

.menu > li > ul li a:hover, .dropdown-menu > .active > a:hover {
    background:none !important;
    /*color: #333;*/
}

/*html.darkmode .menu > li > ul li a:hover, html.darkmode .dropdown-menu > .active > a:hover {

    color: #CCC;
}*/

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus {
    color: #000;
    background:none !important;
}

.menu > li.active ul li.active a {
     color: #000;
    /*font-weight: 400;*/
    
}

html.darkmode .menu > li.active ul li.active a {
     color: #CCC;
    
}

.menu > li > ul > .dropdown:hover:after {
    color: #fff;
}

@media all and (max-width: 1120px) {
    .menu > li {
        margin-right: 30px;
    }
}

@media all and (max-width: 991px) {
    .site-title-container {
       /* width: 84%;*/
    }
/*.menu > li.active a {
    
    color: #FFF;
}*/
    
    .nav-bar .module-group, .nav-bar .module {
        height: auto;
    }

    .nav-bar .module {
        /*padding: 0 16px;*/
        
    }

    .nav-bar .module-group {
        width: 100%;
    }

    .nav-bar .module-group .module {
       /*display: inline-block;*/
        float: none;
        width: 100%;
    }

   
    .module.widget-handle {
        border-left: none;
        line-height: 40px;
        min-height: 40px;
    }

    .module.widget-handle i {
        line-height: 40px;
    }

    .module.widget-handle .title {
        display: inline-block;
        position: relative;
        bottom: 3px;
        margin-left: 8px;
    }

    .widget-handle .function {
        width: 100%;
       /* max-width: 300px;*/
        position: relative;
        opacity: 1;
        transform: translate3d(0, 0px, 0);
        -webkit-transform: translate3d(0, 0px, 0);
        -moz-transform: translate3d(0, 0px, 0);
        visibility: visible;
        margin-top: 0;
        display: none;
        box-shadow: none !important;
    }

    .toggle-search .function {
        display:block;
    }

   

  /*  .mobile-toggle i {
        line-height: 56px !important;
    }
    
    .module.widget-handle i {
    
    opacity: 1;
    
    }*/
}




.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}