/*

Theme Name: Journal

Theme URI: http://thefrequency.cc

Author: Frequency Group LLC

Author URI: http://thefrequency.cc/

Description: Bootstrap v.3 basic theme for developers to build their new theme very fast and easy. You can support theme author by <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=9HQE4GVV4KTZE" target="donate">donate</a>. To follow what was changed, please look for <a href="https://github.com/Rundiz/bootstrap-basic" target="commits">commits</a> of this theme at Github.

Version: 1.0.13

License: MIT

License URI: http://opensource.org/licenses/MIT

Text Domain: journal

Domain Path: /languages/

Template: bootstrap-basic

Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, front-page-post-form, post-formats, threaded-comments, translation-ready



This theme built with Twitter Bootstrap v.3. It is basic theme with basic style for build new theme with Bootstrap.



*/



/* Custom Fonts */

@font-face {

  font-family: 'DIN Mod';

  src: url("fonts/font-DIN-Mod.eot");

  src: url("fonts/font-DIN-Mod.eot") format("embedded-opentype"), url("fonts/font-DIN-Mod.woff2") format("woff2"), url("fonts/font-DIN-Mod.woff") format("woff"), url("fonts/font-DIN-Mod.ttf") format("truetype"), url("fonts/font-DIN-Mod.svg#DIN-Mod") format("svg"); }



@font-face {

  font-family: 'DIN CondensedBold';

  src: url("fonts/font-DIN-Condensed-Bold.eot");

  src: url("fonts/font-DIN-Condensed-Bold.eot") format("embedded-opentype"), url("fonts/font-DIN-Condensed-Bold.woff") format("woff"), url("fonts/font-DIN-Condensed-Bold.ttf") format("truetype"), url("fonts/font-DIN-Condensed-Bold.svg#DIN-Condensed-Bold") format("svg");

  font-weight: normal;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

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



@font-face {

  font-family: 'Gotham Bold';

  src: url("fonts/font-Gotham-Bold.eot");

  src: url("fonts/font-Gotham-Bold.eot") format("embedded-opentype"), url("fonts/font-Gotham-Bold.woff") format("woff"), url("fonts/font-Gotham-Bold.ttf") format("truetype"), url("fonts/font-Gotham-Bold.svg#Gotham-Bold") format("svg");

  font-weight: normal;

  font-style: normal; }



@font-face {

  font-family: 'Gotham Light';

  src: url("fonts/font-Gotham-Light.eot");

  src: url("fonts/font-Gotham-Light.eot?#iefix") format("embedded-opentype"), url("fonts/font-Gotham-Light.woff2") format("woff2"), url("fonts/font-Gotham-Light.woff") format("woff"), url("fonts/font-Gotham-Light.svg#Gotham-Light") format("svg");

  font-weight: 300;

  font-style: normal;

  font-stretch: normal;

  unicode-range: U+0020-FB04; }



@font-face {

  font-family: 'Gotham Medium';

  src: url("fonts/font-Gotham-Medium.eot");

  src: url("fonts/font-Gotham-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/font-Gotham-Medium.woff2") format("woff2"), url("fonts/font-Gotham-Medium.woff") format("woff"), url("fonts/font-Gotham-Medium.svg#Gotham-Medium") format("svg");

  font-weight: 350;

  font-style: normal;

  font-stretch: normal;

  unicode-range: U+0020-FB04; }



@font-face {

  font-family: 'Gotham Book';

  src: url("fonts/font-Gotham-Book.eot");

  src: url("fonts/font-Gotham-Book.eot?#iefix") format("embedded-opentype"), url("fonts/font-Gotham-Book.woff2") format("woff2"), url("fonts/font-Gotham-Book.woff") format("woff"), url("fonts/font-Gotham-Book.svg#Gotham-Book") format("svg");

  font-weight: 325;

  font-style: normal;

  font-stretch: normal;

  unicode-range: U+0020-FB04; }



@font-face {

  font-family: 'HelveticaNeue';

  src: url("fonts/HelveticaNeue-MediumCond.eot");

  src: url("fonts/HelveticaNeue-MediumCond.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeue-MediumCond.woff") format("woff"), url("fonts/HelveticaNeue-MediumCond.ttf") format("truetype"),;

  font-weight: 325;

  font-style: normal;

  font-stretch: normal;

  unicode-range: U+0020-FB04; }
@font-face {

    font-family: 'Neutra2Text Book';

    src: url("fonts/Neutra2Text-Book.otf") format("opentype");

}



@font-face {

    font-family: 'Neutra2Text Bold';

    src: url("fonts/Neutra2Text-Bold.otf") format("opentype");

}



@font-face {

    font-family: 'Gotham BookItalic';

    src: url("fonts/Gotham-BookItalic.otf") format("opentype");

}

@font-face {

    font-family: 'Material Icons';

    font-style: normal;

    font-weight: 400;

    src: url("fonts/MaterialIcons-Regular.eot"); /* For IE6-8 */

    src: local('Material Icons'),

    local('MaterialIcons-Regular'),

    url('fonts/MaterialIcons-Regular.woff2') format('woff2'),

    url('fonts/MaterialIcons-Regular.woff') format('woff'),

    url('fonts/MaterialIcons-Regular.ttf') format('truetype');

}

@font-face {

    font-family: 'Ubuntu';

    src: local('Ubuntu'), url(fonts/ubuntu.woff2) format('woff2');

}



/* Global Settings */

* {

    outline: 0;

}

body {

    font-family: Ubuntu, sans-serif;

    font-size: 16px;

    line-height: 1.6875;

    color: #777777;

    background-color: #ffffff;

}

body.no-scroll {

    overflow: hidden !important;

    width: 100%;

    position: fixed;

    z-index: 0;

    height: 100%;

}

p, span, a, button, label, input, head, footer, li, pre, small, sub {

    -webkit-font-smoothing: antialiased;

}

b {
  font-family: 'Gotham Bold';
}

.title, .section-title, .btn {

    font-family: 'DIN CondensedBold';

}

h1, h2, h3, h4, h5, h6 {

    color: #333333;

    margin-top: 0;

    margin-bottom: 13.5px;

    letter-spacing: 1px;

}

.container {

    max-width: 1180px;

}

.v-center {

    display: flex;

    align-items: center;

}

.h-center {

    display: flex;

    justify-content: center;

}

.link-inline {

    display: inline;

}

.search.link-inline {

    display: inline-block;

}

.row.no-gutters {

   margin-right: 0;

   margin-left: 0;

}

.row.no-gutters > [class^="col-"],

.row.no-gutters > [class*=" col-"] {

   padding-right: 0;

   padding-left: 0;

}

.col-centered{

    float: none;

    margin: 0 auto;

}

@media (max-width: 1024px) {

    body {

        padding-top: 70px !important;

    }

}

.post .journal-content img {

    max-width: 100%;

    height: auto;

    display: inline;

}



.icon-ico, [class*="icon-"]:before {

    font-family: 'Material Icons';

    font-weight: 400;

    font-style: normal;

    font-size: inherit;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.icon-keyboard_arrow_up:before {

    content: "\e316";

}



/****************************************

* back-to-top

*****************************************/

.back-to-top {

  cursor: pointer;

  display: none;

  position: fixed;

  right: 0;

  bottom: 10%;

  z-index: 1000;

  width: 62px;

  height: 62px;

  background-color: #333333;

  color: #fff;

  text-align: center;

  font-size: 2.77em;

  line-height: 1.4em;

  -moz-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  -webkit-transition: all 0.5s ease-out;

}

@media (max-width: 768px) {

  .back-to-top {

    display: none !important;

  }

}

.back-to-top span {

  color: #ffffff;

}

.back-to-top:hover {

  animation: animation-arrow-top alternate infinite 0.4s;

  -moz-animation: animation-arrow-top alternate infinite 0.4s;

  -webkit-animation: animation-arrow-top alternate infinite 0.4s;

}

/* arrow animation */

@-webkit-keyframes animation-arrow-top {

  0% {

    line-height: 1.4em;

  }

  100% {

    line-height: 1.1em;

  }

}

@-moz-keyframes animation-arrow-top {

  0% {

    line-height: 1.4em;

  }

  100% {

    line-height: 1.1em;

  }

}

@-ms-keyframes animation-arrow-top {

  0% {

    line-height: 1.4em;

  }

  100% {

    line-height: 1.1em;

  }

}

@-o-keyframes animation-arrow-top {

  0% {

    line-height: 1.4em;

  }

  100% {

    line-height: 1.1em;

  }

}

@keyframes animation-arrow-top {

  0% {

    line-height: 1.4em;

  }

  100% {

    line-height: 1.1em;

  }

}

/* /arrow animation */

/****************************************

* end back-to-top

*****************************************/





/* Header part */

.transparent #header {

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

}

#header {

    min-height: 105px;

    transition: height 0.15s ease-out;

    background-color: transparent;

    font-family: Neutra2Text Bold;

}

#header {

    padding: 27.5px 0;

}

#header .logo.img-responsive {

    margin: 0 auto;

}

.logo {

    max-height: 80px;

}

#header.fixedbar {

    background-color: #ffffff;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);

    -webkit-transition: opacity 500ms ease-out 0s;

    -moz-transition: opacity 500ms ease-out 0s;

    -ms-transition: opacity 500ms ease-out 0s;

    -o-transition: opacity 500ms ease-out 0s;

    transition: opacity 500ms ease-out 0s;

}

#header.fixedbar .logo-fixed, #header.is-active .logo-fixed {

    display: block;

    margin: 0 auto;

}

#header .navbar {

    margin-bottom: 0;

    position: relative;

    border: none;

}

header .search a, header .account a, header .cart a {

    color: #ffffff;

}

.search a {

    display: inline-block;

    text-decoration: none;

    padding: 0;

}

header .search a.search__open .icon {

    font-size: 20px;

}

header .settings-part img.icon {

    height: 20px;

}

header .search .search-dropdown {

    display: none;

    position: absolute;

    width: 100%;

    min-height: 55px;

    right: 0;

    z-index: 1;

    background-color: transparent;

    -webkit-transition: all 300ms 0s ease;

    -moz-transition: all 300ms 0s ease;

    -ms-transition: all 300ms 0s ease;

    -o-transition: all 300ms 0s ease;

    transition: all 300ms 0s ease;

}

header .search-dropdown {

    z-index: 1111 !important;

}

header .search .search-dropdown a.search__close {

    float: right;

}

.search-dropdown .search__close {

    margin-right: 12px;

}

header .search .search-dropdown a.search__close .icon {

    position: relative;

    font-size: 20px;

    line-height: 55px;

    display: inline-block;

}

header .search .search-dropdown a.search__close .icon, header .search .search-dropdown .input-outer button {

    color: #006bb6;

}

.mobile-desc {

    display: none;

    margin: 0 0 13.5px;

}

header .search .search-dropdown .input-outer {

    position: absolute;

    left: 0;

    right: 0;

    width: 95%;

}

.search-dropdown .input-outer input {

    width: 100%;

    height: 51px;

    padding: 14px 15px;

    line-height: 21px;

}

.search-dropdown .input-outer input {

    border: 1px solid #006bb6;

}

#header input {

    background: none;

}

.search-dropdown .input-outer button {

    position: absolute;

    right: 10px;

    top: 0;

    border: none;

    background: none;

    font-size: 1.5em;

    line-height: 50px;

    height: 100%;

}

header.is-active .mainMenu .navbar-nav > li > a, header.fixedbar .mainMenu .navbar-nav > li > a, header.fixedbar .search a, header.fixedbar .account a, header.fixedbar .cart a {

    color: #333332;

}

header .mainMenu .navbar-nav > li > a {

    line-height: 49px;

}

header .mainMenu .navbar-nav > li > a {

    padding: 0;

    margin: 0 1em;

    font-size: 13px;

    letter-spacing: 0.04em;

    text-transform: uppercase;

    color: #ffffff;

    background-color: transparent;

    -webkit-transition: -webkit-transform 0.35s;

    transition: transform 0.35s;

    top: 0;

    -moz-transition: top 0.3s ease;

    -o-transition: top 0.3s ease;

    -webkit-transition: top 0.3s ease;

}

header .search .search-dropdown.open {

    padding-top: 33px;

    display: block;

}

header .search .search-dropdown.open .container {

    background: white;

    padding-top: 10px;

}

.search-form {

    position: relative;

}

input[placeholder] {

    text-overflow: ellipsis;

}

.icon-ico, [class*="icon-"]:before {

    font-family: 'Material Icons';

    font-weight: 400;

    font-style: normal;

    font-size: inherit;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.icon-search:before {

    content: "\e8b6";

}

header .search .search-dropdown a.search__close:hover .icon, header .search .search-dropdown .input-outer button:hover {

    color: #333333;

}

.icon-close:before {

    content: "\e5cd";

}

header .settings-part .account {

    padding: 0 10px;

}

.fixedbar .dropdown.text-right {

    margin-right: 10px;

}

.dropdown.text-right .dropdown-menu {

    left: auto;

    right: 0;

}

header .account ul {

    background-color: #ffffff;

}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {

    text-decoration: none;

    color: #262626;

    background-color: #f5f5f5;

}

header .settings-part .search a:hover, header .settings-part .account a:hover, header .settings-part .cart a:hover {

    color: #333332;

    cursor: pointer !important;

}

.dropdown .dropdown-menu > li > a {

    background-image: none;

}

span.caret {

    display: none;

}

.badge--cart {

    position: absolute;

    z-index: 0;

    padding: 0;

    right: -15px;

    top: -12px;

    width: 20px;

    height: 20px;

    line-height: 20px;

    font-size: 12px;

    font-weight: 300;

    text-align: center;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    background-color: #006bb6;

    color: #ffffff;

    font-family: 'DIN CondensedBold';

}

.nav > li.dropdown.open {

    position: static;

}

.nav > li.dropdown.open a, .nav > li.dropdown.open a:hover, .nav > li.dropdown.open a:focus {

    background-color: transparent;

}

.nav > li.dropdown.open .dropdown-menu {

    display: block;

    box-shadow: none;

    -webkit-box-shadow: none;

    width: 100%;

}

.nav > li.dropdown.open > .dropdown-menu {

    display:table;

    table-layout: fixed;

    width: 100%;

    text-align: center;

    left:0;

    right:0;

    padding-top: 40px;

}

.nav > li.dropdown.open > .dropdown-menu > li {

    display: table-cell;

}

.nav > li.dropdown.open > .dropdown-menu > li > a {

    font-weight: bold;

    text-transform: uppercase;

    color: #333332

}

.dropdown > a:hover {

    text-decoration: none;

}

.sub-menu .menu-item a {

    line-height: 25px;

    margin-bottom: 5px;

}

.sub-menu .menu-item a:hover, .sub-menu .menu-item a:focus {

    color: #333332;

}

.sub-menu .menu-item a:after {

    content: '';

    height: 1px;

    background-color: #777777;

    width: 100%;

    position: absolute;

    left: 0;

    bottom: -3px;

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    opacity: 0;

    -webkit-transition: -webkit-transform .6s cubic-bezier(.165,.84,.44,1),opacity .6s cubic-bezier(.165,.84,.44,1);

    transition: transform .6s cubic-bezier(.165,.84,.44,1),opacity .6s cubic-bezier(.165,.84,.44,1);

    -webkit-transform-origin: 0 0;

    transform-origin: 0 0;

}

.dropdown-menu>li {

    text-align: left;

    width: 100%;

}

.dropdown .dropdown-menu > li > a {

    padding: 0;

}

@media (min-width: 768px) {

    #header .logo.img-responsive {

        max-width: inherit;

    }

    #header .row, #header .row > [class*="col-"] {

        position: static;

    }

    header .mainMenu .navbar-nav {

        position: relative;

    }

    header .mainMenu .navbar-nav > li > a:before {

        content: "";

        position: absolute;

        bottom: 0px;

        display: block;

        background-color: #ffffff;

        height: 1px;

        width: 100%;

        left: 0;

        opacity: 0;

        -webkit-transform: scaleX(0);

        transform: scaleX(0);

        opacity: 0;

        -webkit-transition: -webkit-transform .6s cubic-bezier(.165,.84,.44,1),opacity .6s cubic-bezier(.165,.84,.44,1);

        -o-transition: -webkit-transform .6s cubic-bezier(.165,.84,.44,1),opacity .6s cubic-bezier(.165,.84,.44,1);

        -moz-transition: -webkit-transform .6s cubic-bezier(.165,.84,.44,1),opacity .6s cubic-bezier(.165,.84,.44,1);

        transition: transform .6s cubic-bezier(.165,.84,.44,1),opacity .6s cubic-bezier(.165,.84,.44,1);

        -webkit-transform-origin: 0 0;

        transform-origin: 0 0;

    }

    header.fixedbar .mainMenu .navbar-nav > li > a:before {

        background-color: #333332;

    }

    header .mainMenu .navbar-nav > li > a:hover:before, header .mainMenu .navbar-nav > li > a:focus:before, header .mainMenu .navbar-nav > li.open > a:before {

        -webkit-transform: scaleX(1);

        transform: scaleX(1);

        opacity: 1;

    }

    .fixedbar .dropdown.text-right {

        margin-right: 0px;

    }

    .dropdown {

        display: inline;

        font-weight: 300;

    }

    .dropdown .dropdown-menu {

        padding: 0;

        border: 0;

        margin-top: 0;

        border-radius: 0;

        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);

        -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);

        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);

    }

    .settings .dropdown-menu, .account .dropdown-menu {

        min-width: 209px;

    }

    .account .dropdown-menu {

        width: 270px !important;

    }

    .dropdown .dropdown-menu__close {

        display: none;

    }

    .dropdown .dropdown-menu > li > a {

        position: relative;

        display: block;

        color: #777777;

        font-size: 1em;

        text-decoration: none;

        font-weight: 300;

    }

    .settings .dropdown-menu > li > a, .account .dropdown-menu > li > a {

        padding-left: 20px;

        padding-right: 20px;

        color: #777777;

        font-weight: 300;

    }

    .sub-menu .sub-menu {

        padding-top: 10px;

    }

    .settings-part .account .dropdown-menu > li > a {

        padding-top: 17px;

        padding-bottom: 16px;

    }

    .dropdown .dropdown-menu > li > a .icon {

        font-size: 1.125em;

        color: #333333;

        display: inline-block;

        vertical-align: middle;

        width: 30px;

        padding: 0 12px 0 2px;

    }

    .dropdown .dropdown-menu > li > a:after {

        background-color: #121212;

        border-radius: 100%;

        content: '';

        height: 4px;

        left: -15px;

        opacity: 0;

        position: absolute;

        top: 50%;

        -webkit-transition: left .4s ease,opacity .4s ease;

        transition: left .4s ease,opacity .4s ease;

        width: 4px;

    }

    .icon-favorite:before {

        content: "\e87d";

    }

    .icon-done_all:before {

        content: "\e877";

    }

    header .mainMenu .navbar-nav > li:first-child > a {

        margin-left: 0;

    }

    header .mainMenu .navbar-nav > li:last-child > a {

        margin-right: 0;

    }

}

header .settings-part img.icon, .header-wrapper header .settings-part img.icon.fixed, .header-wrapper header.fixedbar .settings-part img.icon, .header-wrapper header.is-active .settings-part img.icon {

    display: none;

}

header .settings-part img.icon.fixed, .header-wrapper header .settings-part img.icon, .header-wrapper header.fixedbar .settings-part img.icon.fixed, .header-wrapper header.is-active .settings-part img.icon.fixed, .header-wrapper header .mobile-header .settings-part img.icon {

    display: inline;

}

.header-wrapper #header .logo, #header .logo-fixed {

    display: block;

    margin: 0 auto;

    max-width: 100%;

}

#header.fixedbar .logo, #header.is-active .logo, #header .logo-fixed {

    display: none;

}

.mobile-header .logo {

    height: 40px;

}

@media (min-width: 1025px) {

    .search_field {

        border-radius: 0;

        font-size: 16px;

    }

    .stuck-nav > div {

        position: relative;

    }

    #header .row, #header .row > [class*="col-"] {

        position: static;

    }

    #header .navbar {

        position: static;

    }

    .header-wrapper .search .search__open .icon {

        color: #ffffff;

    }

    .header-wrapper .stuck-nav .toggle-menu, .header-wrapper .stuck-nav .dropdown > a .icon, .header-wrapper .stuck-nav .search .search__open .icon {

        color: #ffffff;

    }

    .sub-menu .menu-item a:hover:after {

        left: -10px;

        -webkit-transform: scaleX(1);

        transform: scaleX(1);

        opacity: 1;

    }

}

.mobile-header {

    display: none;

}

@media (min-width: 1200px) {

    header .mainMenu .navbar-nav > li > a {

        font-size: 16px;

    }

    .fixedbar .mainMenu {

        padding-top: 4px;

    }

}

.navbar-toggle .icon-bar+.icon-bar {

    margin-top: 6px;

}

.navbar-toggle .icon-bar {

    width: 25px;

    height: 2px;

    background-color: #ffffff;

}

.mobile-menu-wrapper {

    display: none;

    height: 100%;

    position: fixed;

    z-index: 7;

    font-family: Ubuntu, sans-serif;

}

.mobile-menu-wrapper.open {

    display: block;

    width: 100vw;

}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {

    background: transparent;

}

.mobile-menu-popup {

    background-color: rgba(0, 0, 0, 0.55);

    position: fixed;

    width: 100%;

    height: 100%;

    z-index: 10001;

    top: 0;

    left: 0;

    cursor: pointer;

    margin-top: 70px;

}

#cboxClose {

    display: block;

    height: 70px;

    line-height: 70px;

    color: #fff;

    cursor: pointer;

    padding: 0 10px;

    z-index: 7;

    -webkit-transition: all 300ms linear 0s;

    -moz-transition: all 300ms linear 0s;

    -ms-transition: all 300ms linear 0s;

    -o-transition: all 300ms linear 0s;

    transition: all 300ms linear 0s;

    text-decoration: none !important;

}

#cboxClose:before {

    font-family: 'Material Icons';

    content: "\e14c";

    font-size: 30px !important;

}

.mobile-menu-popup {

    background-color: rgba(0, 0, 0, 0.55);

    position: fixed;

    width: 100%;

    height: 100%;

    z-index: 10001;

    top: 0;

    left: 0;

    cursor: pointer;

    margin-top: 70px;

}

.expander-list {

    margin: 0 0 -16px;

    padding: 0;

    list-style-type: none;

}

.mobile-header .mobile-search-wrapper {

    position: fixed;

    width: 100vw;

    height: 100vh;

    left: 0;

    top: 0;

    background-color: #f1f1f1;

    padding: 100px 40px;

}

.search a:hover {

    text-decoration: none;

}

.mobile-header .search-dropdown .search__close {

    float: initial;

    margin-right: -25px;

    margin-top: -75px;

}

@media (max-width: 1024px) {

    header .mobile-header .search-dropdown .input-outer button {

        color: #1a0f11;

        font-size: 30px;

        right: -5px;

    }

    .mobile-header .search-dropdown .input-outer input {

        border: initial;

        border-bottom: 1px solid #cbcbcb;

        color: #1a0f11;

        font-family: Gotham Book;

        font-size: 30px;

    }

    .search-dropdown .input-outer {

        height: 55px;

    }

    .search-dropdown .input-outer input {

        height: 55px;

    }

    header .search .search-dropdown .input-outer {

        width: 100%;

    }

    .mobile-header .mobile-search-wrapper .mobile-desc {

        display: block;

        text-align: left;

        color: #1a0f11;

        font-family: Neutra2Text Bold;

        padding-left: 15px;

    }

    header .mobile-header .search .search-dropdown a.search__close .icon {

        font-size: 40px;

        color: #1a0f11;

    }

    .expander-list li {

        margin: 0;

        padding: 0;

    }

    .expander-list li {

        display: block;

        position: relative;

        -webkit-touch-callout: none;

        -webkit-user-select: none;

        -khtml-user-select: none;

        -moz-user-select: none;

        -ms-user-select: none;

        user-select: none;

    }

    .expander-list li:not(.open) {

        border-bottom: 1px solid #e5e5e5;

    }

    #off-canvas-menu .expander-list a {

        padding: 0px;

        height: 100%;

        color: #333333;

        font-size: 18px;

        line-height: 70px;

        font-weight: 500;

        -webkit-transition: all 300ms linear 0s;

        -moz-transition: all 300ms linear 0s;

        -ms-transition: all 300ms linear 0s;

        -o-transition: all 300ms linear 0s;

        transition: all 300ms linear 0s;

    }

    #off-canvas-menu .expander-list a span.caret {

        display: block;

        border: none;

    }

    #off-canvas-menu ul li.menu-item a {

        color: #333333;

        font-size: 18px;

        text-decoration: none;

        text-transform: uppercase;

        padding-left: 20px;

        display: inline-block;

    }

    #off-canvas-menu ul li.menu-item a {

        display: block;

    }

    #off-canvas-menu .expander-list .dropdown .caret:before {

        content: "\e409";

        font-family: 'Material Icons';

        font-size: 22px;

        line-height: 70px;

        color: #333333;

        margin-top: 0px;

        right: 0px;

        position: relative;

        display: block;

    }

    #off-canvas-menu .expander-list .caret {

        font-size: 0px;

        margin-top: 0px;

        right: 0px;

        position: relative;

        text-align: right;

    }

    #off-canvas-menu ul.expander-list li.dropdown .caret {

        float: right;

        cursor: pointer;

        padding: 0 15px 0 0 !important;

        height: 100%;

        top: 0;

        z-index: 10;

    }

    #off-canvas-menu ul li .caret {

        width: 20% !important;

        position: inherit;

    }

    .open > ul.dropdown-menu {

        position: static;

        box-shadow: none;

        border: none;

        width: 100%;

        padding: 0;

    }

    #off-canvas-menu .expander-list li.open, #off-canvas-menu ul li:hover {

        background: #f5f5f5;

    }

    #off-canvas-menu .expander-list li.open > a > .caret:before {

        content: "\e5cf";

    }

    #off-canvas-menu ul li:hover a {

        color: #006bb6;

    }

    #off-canvas-menu ul li.open:hover a {

        color: #333333;

    }

    #off-canvas-menu .expander-list li {

        overflow: hidden;

    }

    #off-canvas-menu .expander-list {

        background: #ffffff;

        border-top: 1px solid #e5e5e5 !important;

        list-style-type: none;

    }

    #off-canvas-menu {

        position: absolute;

        display: block;

        height: 100%;

        top: 0;

        width: 100%;

        z-index: 10001;

        overflow: auto;

    }

    .navbar-toggle {

        display: block; 

    }

    .navbar-toggle {

        position: relative;

        font-size: 18px;

        line-height: 1.2em;

        text-transform: uppercase;

        float: initial;

    }

    #off-canvas-menu-toggle {

        display: block;

    }

    .mobile-header {

        display: block;

    }

    .desktop-header {

        display: none;

    }

    #header, #header.fixedbar {

        padding: initial;

        min-height: 70px;

        background-color: #333333;

    }

    .link-inline.cart {

        padding-top: 0;

    }

    .dropdown {

        position: static;

        display: inline;

        padding: 0 20px 0 0;

        font-weight: 300;

    }

    header .search a.search__open, header .account a.account__open, header .cart a.cart__open {

        line-height: 70px;

    }

    .dropdown > a {

        position: relative;

        text-decoration: none;

    }

    .mobile-header .row {

        display: flex;

        align-items: center;

    }

    #header.fixedbar .mobile-logo .logo, #header.is-active .mobile-logo .logo, #header .mobile-logo .logo-fixed, #header .logo, #header .logo-fixed, #header.fixedbar .logo, #header.fixedbar .logo-fixed {

        display: block;

    }

}

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

    header .settings-part img.icon {

        height: 17px;

    }

}

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

    header .settings-part img.icon {

        height: 13px;

    }

}



/* Footer part */

footer {

    color: #959595;

    font-family: 'Gotham Book';

    padding-top: initial;

}

footer p {

    margin: 0;

}

footer.layout-1 .container:first-child {

    padding-bottom: 6px;

}

footer a.color, footer a.color:hover, footer .box-address .icon {

    color: #959595;

}

.footer-top {

    padding: 60px 0;

    background-color: #121212;

}

.footer-top .newsletter-wrapper .widget-title {

    margin: 0;

    margin-bottom: 20px;

}

footer.layout-1 .widget-title{

    font-size: 18px;

}

footer.layout-1 .subscribe-box {

    padding-bottom: 0;

}

.inset-top-40 {

    padding-top: 40px;

}

footer h1 {

    font-family: 'DIN CondensedBold';

    letter-spacing: 3px;

    color: #fff;

}

footer address {

    margin-bottom: 0;

    font-size: 14px;

    line-height: 1.3;

}

.subscribe-form__input {

    margin-right: 10px;

}

.subscribe-box {

    position: relative;

    padding-bottom: 60px;

    width: auto;

}

.footer-top .subscribe-box button i {

    display: none;

}

.subscribe-box input.tnp-email {

    float: left;

    max-width: 160px;

    min-height: 47px;

    padding: 9px;

    font-size: 16px;

    color: #ffffff;

    background: transparent;

    border: 1px solid #fff !important;

    margin: initial;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

}

.footer-top .subscribe-box {

    font-style: italic;

}

footer .box-address .italic, .subscribe-box input.tnp-email {

    font-family: 'Gotham BookItalic';

}

.footer-top .subscribe-box button {

    float: left;

    line-height: 1.5em;

    min-height: 47px;

}

.btn--ys {

    position: relative;

    padding: 10px 14px;

    font-size: 0.875em;

    line-height: 1.486em;

    height: 40px;

    background-color: #006bb6;

    color: #ffffff;

    border-radius: 0;

    vertical-align: top;

    border: 0;

    text-transform: uppercase;

    letter-spacing: 1px;

    -webkit-transition: all 300ms 0s ease;

    -moz-transition: all 300ms 0s ease;

    -ms-transition: all 300ms 0s ease;

    -o-transition: all 300ms 0s ease;

    transition: all 300ms 0s ease;

}

footer .btn--ys {

    background-color: #ffffff;

    color: #333332;

}

.btn--ys.btn--xl {

    padding: 10px 25px;

    font-size: 18px;

    font-weight: 500;

    height: auto;

    font-style: initial;

    font-family: 'DIN CondensedBold';

}

#mc_embed_signup_scroll > * {

    float: left;    

}

.footer-top .subscribe-box .button {

    float: left;

    line-height: 1.5em;

    min-height: 47px;

}

footer .box-address .title {

    font-family: 'DIN CondensedBold';

    font-size: 18px;

}

footer.layout-1 address a {

    text-decoration: underline;

}

footer.layout-1 address a:hover {

    text-decoration: none;

}

.v-links-list ul {

    list-style: none;

    padding: 0;

    margin: 0;

    min-height: 135px;

}

.v-links-list li {

    font-size: 14px;

    padding-bottom: 1rem;

    line-height: 1em;

}

.social-links ul a {

    text-decoration: none;

    display: inline-block;

    color: #c4c4c4;

    text-align: center;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    -moz-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    -webkit-transition: all 0.5s ease-out;

}

.v-links-list a {

    color: #333333;

    -webkit-transition: all 200ms linear 0s;

    -moz-transition: all 200ms linear 0s;

    -ms-transition: all 200ms linear 0s;

    -o-transition: all 200ms linear 0s;

    transition: all 200ms linear 0s;

}

footer .v-links-list a {

    color: #959595;

}

footer .v-links-list a:hover {

    color: #ffffff;

    text-decoration: none;

}

.social-links {

    overflow: hidden;

}

.social-links ul {

    margin: 0;

    padding: 0;

    list-style: none;

    min-height: initial;

}

.social-links ul li {

    display: block;

    float: left;

    margin-right: 15px;

    margin-bottom: 10px;

    padding: initial;

}

.social-links ul a {

    text-decoration: none;

    display: inline-block;

    color: #c4c4c4;

    text-align: center;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    -moz-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    -webkit-transition: all 0.5s ease-out;

}

.social-links .icon img {

    height: 18px;

}

.social-links .icon.facebook img {

    height: 20px;

}

.social-links:hover ul a:hover {

    background-color: #333333;

    color: #ffffff;

    text-decoration: none;

}

.footer-copyright {

    font-size: 14px;

    letter-spacing: 0.02em;

}

.footer-copyright .row {

    border-top: 1px solid #e5e5e5;

    padding: 1.75em 0;

    margin: 0;

}

.footer-copyright .row > [class*="col-"] {

    padding: 0;

}

.footer-copyright a, .footer-copyright span {

    color: #959595;

    font-size: 14px;

}

.footer-copyright a:hover {

    text-decoration: none;

}

footer .footer-copyright .row {

    border-top: 1px solid #e5e5e5;

}

.move-to-top {

    margin: 100px 0;

}

.move-to-top a {

    margin: 0 auto;

    width: 46px;

    border-radius: 50%;

    border: 3px solid #006bb6;

    display: block;

    text-align: center;

}

.move-to-top a i {

    line-height: 40px;

    font-size: 22px;

}

@media (min-width: 1770px) {

    .subscribe-box .form-inline {

        position: relative;

    }

}

@media (min-width: 768px) {

    footer .subscribe-box input.tnp-email {

        border-right: none;

    }

    footer .social-links {

        display: inline-block;

    }

}

@media (min-width: 1024px) {

    footer .container {

        padding: 0

    }

}

@media (max-width: 767px) {

    .footer-top {

        text-align: center;

    }

    .footer-top .subscribe-box {

        display: flex;

        justify-content: center;

    }

    footer .newsletter-wrapper {

        margin-bottom: 50px;

    }

    footer .follow-wrapper {

        margin-bottom: 30px;

    }

    footer .v-links-list ul {

        min-height: initial;

    }

    .footer-copyright {

        text-align: center;

    }

}

@media (min-width: 768px) and (max-width: 1199px) {

    .footer-top .subscribe-box button i {

        display: block;

    }

    .footer-top .subscribe-box button span {

        display: none;

    }

}



/* breadCrumb */

#breadcrumbs{

    list-style:none;

    overflow:hidden;

    font-family: "Gotham Book";

    padding: 0;

    margin: 0;

}



#breadcrumbs p{

    margin: 0;

}



#breadcrumbs li{

    display:inline-block;

    vertical-align:middle;

    margin-right:15px;

    line-height: 36px;

    font-size: 15px;

}



#breadcrumbs li *{

    font-weight: 400;

}



#breadcrumbs .separator{

    font-size:18px;

    font-weight:100;

    color:#ccc;

}

@media (min-width: 1200px) {

    .page-breadcrumb {

        padding: 0;

    }

}

/* Sort By */

@media (min-width: 768px) {

    .sort-by {

        float: right;

    }

}

/* Journal Page Content */

.post-image img{

    width: 100%;

    height: auto;

}

.post-title {

    font-size: 36px;

    font-family: "DIN CondensedBold";

    line-height: 40px;

    text-transform: uppercase;

    max-width: 400px;

}

.single-post .post-title {

    margin: 0 auto;

}

.main-story {

    max-width: 1400px;

    width: 100%;

    margin: 0 auto;

}

.main-story .post-image img{

    max-height: 600px;

}

.main-story .post-description {

    margin: 50px auto;

    max-width: 1000px;

}

.main-story .post-title {

    margin-bottom: 20px;

}

.main-story .post-description th, .main-story .post-description td {

    font-size: 14px;

    font-weight: normal;

    color: #333332;

    line-height: 32px;

}

.main-story .post-description th{

    font-family: "Gotham Book";

    font-size: 14px;

    font-weight: normal;

    color: #333332;

}

.main-story .post-description td{

    font-family: "Gotham Bold";

    font-size: 14px;

    font-weight: normal;

    color: #333332;

}

.main-story .post-content {

    font-family: "Gotham Book";

    font-size: 15px;

    height: 140px;

    overflow: hidden;

    line-height: 24px;

    margin-bottom: 40px;

}

a.read-story {

    display: inline-block;

    text-decoration: none;

    color: #333332;

    font-family: "DIN CondensedBold";

    font-size: 24px;

    line-height: 34px;

    width: 140px;

    text-align: center;

    text-transform: uppercase;

    border: 2px solid #333332;

}

.blogs-grid {

    text-align: center;

    max-width: 1288px;

    margin: 130px auto 0;

}

.blogs-grid .post-title {

    margin: 0 auto;

    margin-top: 16px;

    margin-bottom: 36px;

}

.custom-gutters > [class*='col-'] {

    height: 580px;

    overflow-y: hidden;

}

@media (min-width: 992px) {

    .custom-gutters > [class*='col-'] {

        padding-left: 50px;

        padding-right: 50px;

    }

    .custom-gutters .col-md-6:nth-child(2n+1) {

        padding-left: 0px;

    }

    .custom-gutters .col-md-6:nth-child(2n) {

        padding-right: 0px;

    }

}

@media (max-width: 991px) {

    .custom-gutters > [class*='col-'] {

        height: auto;

        margin-bottom: 100px;

    }

}

/* Journal Individual */

.single-post .post-description {

    text-align: center;

}

.single-post .post-description .post-information {

    max-width: 560px;

    margin: 0 auto;

    text-align: left;

}

.share-story {

    margin-top: 20px;

    display: inline-block;

    text-align: center;

}

.share-story > span {

    line-height: 40px;

    font-family: "Gotham Book";

    font-size: 14px;

    color: #333332;

    text-transform: uppercase;

}

.share-story .wpfai-list {

    margin: 0;

}

.share-story .fa-stack-1x {

    font-size: 18px;

    color: #666766;

}

.single-post .main-story .post-title {

    margin-bottom: 40px;

}

.journal-content {

    max-width: 650px;

    margin: 0 auto;

    font-family: "Gotham Book";

    font-size: 15px;

}

#main-column .post, #main-column .page {

    border: none; 

    margin-bottom: 0; 

    padding: 0; 

}

/* shop-service */

.banner {

    width: 100%;

    height: 70vh;

    color: white;

}

.banner.sp {
    height: initial;
}

.banner .page-title {

    color: white;

    font-family: "DIN CondensedBold";

    font-size: 60px;

    text-transform: uppercase;

}

.banner .page-content {

    width: 100%;

    max-width: 480px;

    font-family: "Gotham Book";

    font-size: 15px;

    height: 140px;

    overflow: hidden;

    line-height: 24px;

}

.capability-part {

    margin-top: 50px;

}

.capability-part .capability-title {

    color: #333332;

    font-family: "DIN CondensedBold";

    text-transform: uppercase;

}

.capability-part .capability-content {

    font-family: "Gotham Book";

    font-size: 15px;

    line-height: 24px;

    color: #333332;

}

.capabilities-image {

    width: 55%;

    height: 430px;

    background: #000000;

}

.capabilities-description {

    width: 45%;

    height: 430px;

}

.capabilities-grid .one-capability:nth-child(even) .capabilities-image {

    float: left;

}

.capabilities-grid .one-capability:nth-child(odd) .capabilities-image {

    float: right;

}

.capabilities-grid .one-capability:nth-child(even) .capabilities-description {

    float: right;

    padding-left: 60px;

}

.capabilities-grid .one-capability:nth-child(odd) .capabilities-description {

    float: left;

    padding-right: 60px;

}

.capabilities-image img{

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.capabilities-grid .one-capability:nth-child(even){

  background-color: #ffffff;

}

.capabilities-grid .one-capability:nth-child(odd){

  background-color: #f6f6f6;

}

.one-capability .capabilities-title {

    font-family: "DIN CondensedBold";

    font-size: 36px;

    text-transform: uppercase;

    color: #333332;

    line-height: 100px;

    margin: 0;

}

.one-capability .capabilities-content {

    width: 100%;

    font-family: "Gotham Book";

    font-size: 15px;

    line-height: 24px;

    margin-bottom: 15px;

    color: #333332;

}

.service-part {

    margin-top: 100px;

    margin-bottom: 55px;

}

.service-title {

    line-height: 1;

    font-family: "DIN CondensedBold";

    font-size: 36px;

    text-transform: uppercase;

    color: #333332;

}

.service-content {

    font-family: "Gotham Book";

    font-size: 15px;

    line-height: 24px;

    margin-bottom: 15px;

    color: #333332;

}

.services-title {

    line-height: 1;

    font-family: "DIN CondensedBold";

    font-size: 30px;

    text-transform: uppercase;

    color: #333332;

    margin-bottom: 35px;

}

.services-content {

    font-family: "Gotham Book";

    font-size: 15px;

    line-height: 24px;

    margin-bottom: 15px;

    color: #333332;

}

@media (min-width: 992px) {

    .services-grid .custom-gutters > [class*='col-'] {

        padding-left: 70px;

        padding-right: 70px;

    }

    .services-grid .custom-gutters .col-md-4:nth-child(3n+1) {

        padding-left: 0px;

    }

    .services-grid .custom-gutters .col-md-4:nth-child(3n) {

        padding-right: 0px;

    }

}

@media (max-width: 991px) {

    .capabilities-image {

        width: 100%;

    }

    .capabilities-description {

        width: 100%;

        padding: 0 !important;

    }

}

/* Single Capability */

.sc-content-part {

    padding: 60px;

}

.page-locator-template .sc-content-part .sc-page-content {
  column-count: initial;
}

.page-locator-template .banner .page-content {
  height: initial;
}

.sc-content-part .sc-page-content {

    column-count: 2;

    column-gap: 60px;

}

.sc-professional-title {

    text-align: center;

    line-height: 1;

    font-family: "DIN CondensedBold";

    font-size: 36px;

    text-transform: uppercase;

    color: #333332;

}

.sc-professional-subtitle {

    font-family: "Gotham Bold";

    font-size: 16px;

    text-transform: uppercase;

    line-height: 80px;

    color: #333332;

    margin: 0;

}

.sc-professional-subcontent {

    font-family: "Gotham Book";

    font-size: 14px;

    line-height: 24px;

    color: #333332;

}

.sc-professional-subcontent p {

    margin-bottom: 30px;

}

.sc-professional-subcontent li {

    margin-bottom: 30px;

}

.sc-professional-subcontent ul {

    padding-left: 15px;

}

.sc-professional-subcontent :last-child {

    margin-bottom: 0;

}

.sc-page-content {

    font-family: "Gotham Book";

}



/* Projects Page */

.sortby-part {

    margin: 30px 0;

}

.sortby-title {

    font-family: "Gotham Light";

    font-size: 15px;

    text-transform: uppercase;

    color: #333332;

    line-height: 30px;

}

.project-model {
  padding: initial;
}
#filterby label {

    font-family: "Gotham Medium";

    font-size: 15px;

    text-transform: uppercase;

    color: #333332;

    line-height: 30px;

}

#filterby select {

    border-radius: 0;
    font-family: "Gotham Book";
    font-size: 15px;
    line-height: 1em;
    height: 45px;
    width: 200px;
    background-image: url('/wp-content/uploads/2017/05/arrow-down.png');
    color: #333333;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-position: calc(100% - 20px) center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    text-indent: 0.01px;
    text-overflow: '';
    cursor: pointer;
    width: 100%;
    border: 1px solid #55595a;
    border-radius: initial !important;
}

#filterby .btn-primary {

    margin-top: 35px;
    font-family: "Gotham Bold";
    font-size: 15px;
    border-radius: 0;
    text-transform: uppercase;
    background-color: #006bb6;
    background-image: initial;
    box-shadow: initial;
    border: initial;
    height: 45px;
    width: 200px;
}

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

    .sortby-part .pull-right {

        float: none !important;

    }

    .sortby-part .text-right {

        text-align: center;

    }

}

.projects-grid .custom-gutters > [class*='col-'] {

    margin-top: 40px;

    margin-bottom: 50px;

    height: auto;

    min-height: 300px;

}

.projects-grid .project-title {

    line-height: 1;

    margin: 30px 0;

    font-family: "Gotham Book";

    text-transform: uppercase;

    text-align: justify;

}

.projects-grid .project-title a {

    color: #333332;

}

.projects-grid .project-title a:hover {

    text-decoration: none;

}

.projects-grid .project-category {

    font-family: "Gotham Book";

    font-size: 14px;

    font-weight: 400;

    text-transform: uppercase;

    color: #333332;

}

.tales {
  width: 100%;
}
.carousel-inner{
  width:100%;
  height: 100vh !important;
}

.cc-background {
    width: 100%;
    filter: brightness(50%);
    height: 70vh;
    text-align: center;
    z-index: -1;
    position: absolute;
}

.cc-background img {
    height: 100%;
    object-fit: cover;
    width: 100vw;
}


.pr {
  position: relative;
}
.block-desc {
  position: absolute;
  top: 110px;
}

/* Single Project */
.item:hover .hoverLayer {
  opacity: 1
}
.hoverLayer {
  -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-transform: translateZ(0);
    z-index: 1;
    line-height: 1.5em;
    font-size: 14px;
    font-family: 'Gotham Book';
    vertical-align: middle;
    text-align: center;
    color: #fff;
    position: absolute;
    opacity: 0;
    background-color: rgba(0,0,0,.4);
    width: 100%;
    min-height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition: opacity .4s ease-out;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hoverLayer:before {
  content: ' ';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  font-size: 0;
}
.single-project .post-meta{
    font-family: 'Gotham Bold';
}
.single-project .post-content{
    font-family: 'Gotham Book';
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #e0e0e0;
}
td {
    font-family: 'Gotham Book';
    color: #333332;
}
td label {
  font-family: 'Gotham Bold';
}

/* the slides */
.slick-slide {
    margin: 0 2px;
}
/* the parent */
.slick-list {
    margin: 0 -2px;
} 

.sp-background {
    width: 100%;
    text-align: center;
}

.sp-background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    height: 555px;
}
.sp-background .ps-for {
  filter: brightness(50%);
}

.sp-background .ps-nav .item {
  width: 10%;
  float: left;
  position: relative;
  margin-right: 1.25%;
  margin-bottom: 1.25%;
}
.sp-background .ps-nav .item:nth-child(9n) {
  margin-right: initial;
}
.sp-background .ps-nav img {
    cursor: pointer;
    width: 100%;
    height: 90px;
}
.ps-nav {
  margin: 30px 0;
  /*display: flex;
  justify-content: center;*/
}

.ps-nav .item.slick-slide {
    filter: brightness(70%);
    position: relative;
}
.ps-nav .item.slick-slide:hover {
    /*filter: initial;*/
}

.ps-nav .item.slick-slide.slick-current {
  filter: initial;
}


/* The Modal (background) */
#spGallery {
  display: none;
  position: fixed;
  z-index: 11111;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
#spGallery .modal-content {
  position: relative;
  background-color: #000;
  margin: auto;
  padding: 0;
}

.thumbs-container {
    max-width: 1200px;
    padding: 0 10px;
    margin: 30px auto;
    /*display: flex;
    justify-content: center;*/
}
/* The Close Button */
#spGallery .close {
    position: absolute;
    top: 25px;
    right: 25px;
    opacity: 1;
    z-index: 11112;
    background: url('/wp-content/themes/journal/images/gallery-close.png') center no-repeat ;
    width: 50px;
    height: 50px;
}

#spGallery .close:hover,
#spGallery .close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mSlides {
  display: none;
}

/* Next & previous buttons */
#spGallery .prev,
#spGallery .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  transition: 0.6s ease;
  user-select: none;
  -webkit-user-select: none;
  background-color: #f0f0f0;
  width: 65px;
  height: 105px;
}

/* Position the "next button" to the right */
#spGallery .next {
  right: 0;
  background: #f0f0f0 url('/wp-content/themes/journal/images/arrow-gallery-right.png') center no-repeat ;
}

#spGallery .prev {
  background: #f0f0f0 url('/wp-content/themes/journal/images/arrow-gallery-left.png') center no-repeat ;
}
/* On hover, add a black background color with a little bit see-through */
#spGallery .prev:hover,
#spGallery .next:hover {
  /*background-color: rgba(0, 0, 0, 0.8);*/
  text-decoration: none;
}



#spGallery .caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}


.mSlides img {
    height: 80vh;
    object-fit: cover;
}


.thumbs-container .item {
  cursor: pointer;
  
  width: 10%;
  float: left;
  margin-right: 1.25%;
  margin-bottom: 1.25%;
}


.thumbs-container .item:nth-child(9n) {
  margin-right: initial;
}

img.thumb  {
  opacity: 0.6;
  width: 100%;
  height: 90px;
  object-fit: cover;
}
.active,
img.thumb.active,
img.thumb:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

@media(max-width: 991px) {
  .sp-background .ps-nav .item,
  .thumbs-container .item {
      width: 19%;   
  }

  .sp-background .ps-nav .item:nth-child(5n),
  .thumbs-container .item:nth-child(5n) {
    margin-right: initial;
  }

  .sp-background .ps-nav .item:nth-child(9n),
  .thumbs-container .item:nth-child(9n) {
    margin-right: 1.25%;
  }
}

@media(max-width: 600px) {
  .sp-background .ps-nav img, img.thumb {
    height: 60px;
  }
}
@media (min-width: 992px) {

    .projects-grid .project-category {

        margin-left: -15px;

        margin-right: -15px;

        margin-bottom: 0;

    }

    .projects-grid .custom-gutters > [class*='col-'] {

        padding-left: 42px;

        padding-right: 42px;

    }

    .projects-grid .custom-gutters .col-md-4:nth-child(3n+1) {

        padding-left: 0;

        padding-right: 84px;

    }

    .projects-grid .custom-gutters .col-md-4:nth-child(3n) {

        padding-right: 0;

        padding-left: 84px;

    }

}



/* Home Page */

#home-slider .one-slide {

    width: 100%;

    height: 100vh;

}

#home-slider .one-slide .page-title {

    font-size: 50px;

    font-family: "DIN CondensedBold";

    text-transform: uppercase;

    color: #333332;

}

#home-slider .one-slide.caption-white .page-title {
    color: #ffffff;
}
#home-slider .one-slide .page-content {
    font-size: 18px;
    font-family: "Gotham Book";
    color: #333332;
}
#home-slider .one-slide.caption-white .page-content {
    color: #ffffff;
}

#home-slider .one-slide .page-content {

    font-size: 18px;

    font-family: "Gotham Book";

    color: #333332;

}

#home-slider .read-more {

    font-family: "DIN CondensedBold";

    font-size: 28px;

    color: #ffffff;

    background: #006bb6;

    border: 2px solid #006bb6;

    text-transform: uppercase;

    padding: 15px 35px;

    line-height: 1;

    margin-top: 30px;

    display: inline-block;

}

#home-slider .read-more:hover {

    text-decoration: none;

    color: #006bb6;

    background: transparent;

}

.home-page-content .so-panel .so-widget-sow-image {

    position: relative;

}

.home-page-content .so-panel .so-widget-sow-image .widget-title {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    font-size: 30px;

    font-family: "DIN CondensedBold";

    color: #ffffff;

    text-transform: uppercase;

    z-index: 1;

}

.home-page-content .so-panel .sow-image-container > a {

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%);

}

.home-page-content .so-panel .sow-image-container > a:hover {

    -webkit-filter: grayscale(0);

    filter: grayscale(0);

    opacity: 1;

}

.home-page-content .so-panel .sow-image-container .so-widget-image {

    height: 625px;

    object-fit: cover;

}

.home-page-content .panel-grid .panel-grid-cell {

    margin-bottom: 0 !important;

}

.slider-mobile-part {

    text-align: center;

    font-family: 'DIN CondensedBold';

    text-transform: uppercase;

}

.slider-mobile-part .page-title {

    padding: 40px 15px;

    color: #333332;

    background: #cccccc;

    font-size: 34px;

    line-height: 1.2;

    margin: 0;

}

.slider-mobile-part .read-more {

    font-size: 28px;

    color: #ffffff;

    background: #006bb6;

    border: 2px solid #006bb6;

    padding: 15px 35px;

    line-height: 1;

    margin: 30px auto;

    display: inline-block;

}

.slider-mobile-part .read-more:hover {

    text-decoration: none;

    color: #006bb6;

    background: transparent;

}

@media (max-width: 1200px) {

    .home-page-content .so-panel .sow-image-container .so-widget-image {

        height: 400px;

    }

}

@media (max-width: 1024px) {

    .home-page-content .so-panel .sow-image-container .so-widget-image {

        height: 300px;

    }

    #home-slider .one-slide {

        height: 100vh;

    }

}

@media (max-width: 768px) {

    #home-slider .carousel-indicators {

        top: calc(100vh - 30px);

        bottom: auto;

    }

    #home-slider .col-xs-5 {

        margin: 0;

        padding: 0;

        width: 100%;

        text-align: center;

    }

    #home-slider .one-slide {

        display: block;

    }

    #home-slider .one-slide .container {

        padding-top: 100vh;

    }

    #home-slider .one-slide .page-title {

        padding: 40px 15px;

        color: #333330;

        background-color: #cccccc;

        text-align: center;

        text-transform: uppercase;

        font-weight: bold;

        font-size: 34px;

        line-height: 1.2em;

        margin: 0;

    }

    #home-slider .read-more {

        text-align: center;

        font-size: 24px;

        height: initial;

        font-weight: bold;

        padding: 15px 40px;

        margin: 30px 0;

    }

}