/*
Theme Name: Jepret
Theme URI: http://jepret.themesawesome.com/
Author: Themes Awesome
Author URI: http://www.themesawesome.com
Text Domain: jepret
Description: A Modern Multi Concept Photography WordPress Theme
Tags: custom-colors, custom-menu, featured-images, theme-options
Version: 1.4
Requires at least: 5.0
Tested up to: 5.6
Stable tag: 1.3
Requires PHP: 7.0
License:      GNU General Public License V2
License URI:      license.txt

/*-------------------------------------------------------------------------------------
    1. Base
    2. Page Loader
    3. Header
        3.1. Header Left Side
        3.2. Header Center
        3.3. Header Two
        3.4. Logo
        3.5. Main Menu
    4. Content
        4.1. Page Title
        4.2. Blog Post
        4.2.1. Blog - Fullwidth
        4.2.2. Blog - Fullwidth with Sidebar
        4.3. Single Post
        4.3.1. Comment Section
        4.4. Sidebar
        4.4.1. Sidebar - Archive List
        4.4.2. Sidebar - Author
        4.4.3. Sidebar - Latest Post
        4.4.4. Sidebar - Widget Categories
        4.4.5. Sidebar - Widget Pages
        4.4.6. Sidebar - Meta
        4.4.7. Sidebar - RSS
        4.4.8. Sidebar - Search
        4.4.9. Sidebar - Tag Cloud
        4.5. About Page
        4.6. Contact Page
        4.7. 404 Page
    5. Album Concept
        5.1. Concept Adora
        5.2. Concept Album Grid
            5.2.1. Concept Album Grid - 1 Column
        5.3. Concept Album Masonry
        5.4. Concept Simple Carousel
        5.5. Concept Multi Scroll
        5.6. Concept 3 Grid Images
        5.7. Concept Polaroid Stack 5 Images
        5.8. Concept Card Stack 7 Images
        5.9. Concept Asymmetrical 4 Images
        5.10. Concept Grid 20 Images
        5.11. Concept Round Images
        5.12. Concept Rhomboid Images
    6. Single Gallery
    7. Footer
    8. THIRD PARTIES

-------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*  1. Base
/*-----------------------------------------------------------------------------------*/

html {
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
    height: 100%;
}

body {
    word-wrap: break-word;
    -ms-word-wrap: break-word;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.9;
    color: #000000;
    margin: 0;
    font-family: 'Poppins';
}

ol {
    list-style: decimal;
}

ul {
    list-style: inherit;
}

ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

ul ul {
    list-style-type: circle;
    margin-block-start: 0px;
    margin-block-end: 0px;
}

.content ul, .content ol {
    margin-bottom: 20px;
}
.content ul > li > ul, .content ol > li > ol,
.page-content ul > li > ul, .page-content ol > li > ol,
.comment-text ul > li > ul, .comment-text ol > li > ol {
    margin-bottom: 0;
}

ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

ol ol {
    margin-block-start: 0px;
    margin-block-end: 0px;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

blockquote {
    margin: 1em 0;
    border-left: 10px solid #ccc;
    padding-left: 12px;
}

table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border-color: #dcd7ca;
}
thead {
    vertical-align: bottom;
    white-space: nowrap;
}

th,
td {
    border: 0.1rem solid #dcd7ca;
    line-height: 1.4;
    margin: 0;
    overflow: visible;
    padding: 0.5em;
}

th {
    font-weight: 700;
}
th a {
    text-decoration: underline !important;
}
th a:hover {
    color: #DA0D2B;
}

*::-moz-selection {
    background: #000;
    color: #fff;
}

*::selection {
    background: #000;
    color: #fff;
}

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

dd {
    display: block;
    margin-inline-start: 40px;
}

button {
    background-image: none;
    background: transparent;
}

input[type="email"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border: none;
    outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 20px;
    margin-top: 0;
    text-transform: uppercase;
    font-family: 'Poppins';
    font-weight: 700;
    font-style: normal;
}

h1 {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1;
}

h2 {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1;
}

h3 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.11111;
}

h4 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.125;
}

h5 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.125;
}

h6 {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
}

a {
    cursor: pointer;
    outline: none;
    color: #000;
    text-decoration: none !important;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
}

a:hover,
a:active,
a:focus {
    color: #999999;
    text-decoration: none;
    outline: none;
}

button:focus {
    outline: 0;
}

p {
    margin: 0 0 20px;
    font-size: 1.5rem;
    line-height: 3rem;
    color: #333;
}

code, kbd, pre, samp {
    font-family: monospace;
    padding: 0.4rem 0.6rem;
}

code, kbd, samp {
    background: rgba(0, 0, 0, 0.075);
    border-radius: 0.2rem;
}

dt {
    font-weight: 700;
}

address {
    display: block;
    font-style: italic;
}

b, strong {
    font-weight: 700;
}

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

abbr, acronym {
    cursor: help;
}

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

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

var {
    font-style: italic;
}

.alignfull > figcaption, .alignfull > .wp-caption-text {
    margin-left: auto;
    margin-right: auto;
    max-width: 58rem;
    width: calc(100% - 4rem);
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.bypostauthor > .comment .comment-author cite:after {
    content: "post author";
    font-size: 7px;
    font-size: 0.7rem;
    font-size: 0.693333rem;
    font-style: italic;
    margin-left: 6px;
}

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

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

.wp-block-button {
    margin-bottom: 12px;
}
img.aligncenter,
img.alignnone,
.wp-block-button.aligncenter,
.wp-block-button.alignnone,
.wp-block-cover.aligncenter,
.wp-block-cover.alignnone {
    margin-bottom: 12px;
}

img.alignleft,
figure.alignleft,
.wp-block-button.alignleft,
.wp-block-cover.alignleft {
    margin: 10px 20px 10px 0;
}

img.alignright,
figure.alignright,
.wp-block-button.alignright,
.wp-block-cover.alignright {
    margin: 10px 0 10px 20px;
}

body .wp-block-image {
    margin-bottom: 20px;
}

.page-links {
    clear: both;
    margin-top: 30px;
}

p.wp-block-cover-text {
    color: #f5f5f5 !important;
}

.wp-block-image figcaption, .wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
    margin-top: 0 !important;
    background: #f5f5f5;
    padding: 10px 5px;
    text-align: center;
    line-height: 1.5;
}

.blog-single .the-content blockquote p {
    margin-right: 10px;
}

.has-text-color.has-background.has-very-light-gray-color {
    color: #eee;
}

.gallery {
    display: inline-flex;
}
.gallery-item {
    margin: 0.8em 0;
    padding: 0 0.8em;
    width: 100%;
}
@media (min-width: 700px) {
    .gallery-columns-2 .gallery-item {
        max-width: 50%;
    }
}

.wp-block-group__inner-container {
    padding: 5% 8%;
    margin-bottom: 20px;
}

.wp-block-media-text.alignfull.has-media-on-the-right.has-background.is-stacked-on-mobile {
    margin-bottom: 20px;
}

.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
    width: auto;
    left: 0;
    right: 0;
    line-height: 1.5;   
}

.blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
    padding: 0;
}

.wp-block-quote.is-large, .wp-block-quote.is-style-large {
    padding: 30px 15px 30px 60px;
}

.page-links a,
.page-links > span {
    border: 1px solid #d1d1d1;
    display: inline-block;
    font-size: 13px;
    font-size: 1.3rem;
    height: 1.8461538462em;
    line-height: 1.6923076923em;
    margin-right: 0.3076923077em;
    text-align: center;
    width: 1.8461538462em;
}

.page-links a {
    background-color: #f2b410;
    border-color: #f2b410;
    color: #fff;
}

.page-links a:hover,
.page-links a:focus {
    background-color: #222222;
    border-color: transparent;
    color: #fff;
}

.page-links > .page-links-title {
    border: 0;
    color: #f2b410;
    height: auto;
    margin: 0;
    padding-right: 0.6153846154em;
    width: auto;
}

.wp-block-gallery {
    margin: 0 0 20px;
}

pre {
    white-space: pre;
    word-wrap: normal;
    overflow-x: scroll;
    line-height: 1.5;
    margin: 1em 0;
    font-size: 1.5rem;
}

figure {
    max-width: 100%;
    height: auto;
}

span.yellow-text {
    color: #f2af59;
}

button {
    margin: 15px 0;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
}

button.button-normal,
.button-normal a {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    display: inline-block;
    padding: 10px 20px;
    margin: 30px 0;
    font-style: normal;
}

button.button-normal.white,
.button-normal.white a {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    color: #000000;
}

button.button-normal.white:hover,
.button-normal.white a:hover {
    background-color: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
}

button.button-normal.black,
.button-normal.black a {
    background-color: #000000;
    border: 1px solid #000000;
    color: #ffffff;
}

button.button-normal.black:hover,
.button-normal.black a:hover {
    background-color: transparent;
    border: 1px solid #000000;
    color: #000000;
}

form input,
form textarea {
    background-color: #e7e7e7;
    padding: 0 15px;
    width: 100%;
    height: 45px;
    border: none;
    margin-bottom: 10px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

form textarea {
    padding: 15px 15px;
    height: 100%;
}

form input:focus,
form textarea:focus {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.post-nav-links {
    clear: both;
}

* html .clearfix {
    zoom: 1;
}

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

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
    font-style: italic;
    line-height: 2;
    color: #757575;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: left;
}

.sticky .post-content {
    position: relative;
}

.sticky .post-content:before {
    content: "Featured Post";
    padding: 5px 10px;
    color: #ffffff;
    background-color: #000000;
    position: absolute;
    top: -17px;
    right: 15px;
    z-index: 10;
    font-size: 14px;
    font-size: 1.4rem;
}

figure,
select {
    max-width: 100%;
    height: auto;
    margin: 0;
}

/* IE6 */

*:first-child+html .clearfix {
    zoom: 1;
}

/* IE7 */
.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;
}

#overlay{
    position:fixed;
    z-index:99999;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:#000000;
    transition: 1s 0.4s;
}

.margin-border {
    margin: -39px auto;
}

.cursor-eyes {
    cursor: url('./img/visibility.png'), auto;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.btn-arrow {
    padding: 10px 30px;
    position: relative;
    transition: background-color .2s ease-out;
}
.btn-arrow span {
    display: inline-block;
    position: relative;
    transition: all 300ms ease-out;
    will-change: transform;
}
.btn-arrow:hover span {
    transform: translate3d(-1rem, 0, 0);
}
.btn-arrow i {
    position: absolute;
    width: 0.5em;
    right: 0px;
    right: 0rem;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 300ms ease-out;
    will-change: right, opacity;
    color: #ffffff;
    line-height: 0;
}
.btn-arrow:hover i {
    opacity: 1;
    right: -2rem;
}
.btn-bg-dark i {
    color: #000000;
}

/* The Swiper Scrollbar */
.swiper-scrollbar-drag,
.gallery-carousel-1 .swiper-scrollbar-drag {
    background-color: #DA0D2B;
}

.swiper-container-horizontal>.swiper-scrollbar,
.gallery-carousel-1 .swiper-container-horizontal>.swiper-scrollbar {
    height: 8px;
    background: #f5f5f5;
    width: 100%;
    left: 0;
    border-radius: 0;
}
.def-carousel.swiper-container-horizontal>.swiper-scrollbar {
    bottom: 0;
}

/* Social Sharer */
.the-social-share {
    position: absolute;
    height: 50%;
    top: 60px;
    right: 20px;
}

.the-social-share .social-share {
    margin: 0;
    padding: 0;
}

.the-social-share.global .social-share {
    height: 0;
    transition: height .2s linear;
    overflow: hidden;
}
.the-social-share.global .social-share.active {
    height: 100%;
    transition: height .1s linear;
}
.the-social-share .icon {
    width: auto;
    height: auto;
}

.the-social-share .share-button {
    background-color: #000000;
    color: #ffffff;
    padding: 9px 16px;
    border-radius: 100%;
    font-size: 16px;
    font-size: 1.6rem;
    cursor: pointer;
    margin-bottom: 7px;
    position: relative;
    overflow: hidden;
    width: 35px;
    height: 35px;
}

.floating-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.the-social-share .share-button .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .2s linear;
}
.the-social-share .share-button .icon.icon-share-2 {
    left: 47%;
    line-height: 0;
}
.the-social-share .social-share li.facebook .icon {
    padding-bottom: 9px;
}
.the-social-share .share-button.active .icon {
    left: 150%;
    transition: all .2s linear;
}
.the-social-share .share-button.active .icon.active {
    left: 50%;
    transition: all .2s linear;
}

.the-social-share .share-button .active {
    left: -100%;
}

.the-social-share .social-share li {
    margin-bottom: 7px;
}
.the-social-share .social-share .icon {
    background-color: #363636;
    color: #ffffff;
    height: 35px;
    width: 35px;
    position: relative;
    border-radius: 100%;
    font-size: 20px;
    font-size: 2rem;
    cursor: pointer;
    overflow: hidden;
}
.the-social-share .social-share .icon:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.the-social-share .social-share li.facebook .icon {
    background-color: #406BCA;
}
.the-social-share .social-share li.twitter .icon {
    background-color: #399AEB;
}
.the-social-share .social-share li.instagram .icon {
    background-color: #E1306C;
}
.the-social-share .social-share li.pinterest .icon {
    background-color: #e60023;
}

.the-social-share.global {
    position: fixed;
    top: 39px;
    padding: 0px;
    z-index: 30;
    right: 0;
    top: 50%;
}


/*-----------------------------------------------------------------------------------*/
/*  2. Page Loader
/*-----------------------------------------------------------------------------------*/

.ip-header {
    position: fixed;
    top: 0;
    z-index: 300;
    min-height: 460px;
    width: 100%;
    height: 100%;
    background: #fff;
}

.ip-header h1 {
    margin: 0;
}

.ip-logo,
.ip-loader {
    position: absolute;
    left: 0;
    width: 100%;
    opacity: 0;
    cursor: default;
    pointer-events: none;
}

.ip-logo {
    top: 0;
    height: 100%;
    -webkit-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0);
}

.ip-loader {
    top: 45%;
}

.ip-header .ip-inner {
    display: block;
    margin: 0 auto;
}

.ip-header .ip-loader svg path {
    fill: none;
    stroke-width: 6;
}

.ip-header .ip-loader svg path.ip-loader-circlebg {
    stroke: #ddd;
}

.ip-header .ip-loader svg path.ip-loader-circle {
    -webkit-transition: stroke-dashoffset 0.2s;
    transition: stroke-dashoffset 0.2s;
    stroke: #000000;
}

.loading .ip-loader {
    opacity: 1;
}

.loading .ip-loader {
    -webkit-animation: animInitialLoader 1s cubic-bezier(0.7, 0, 0.3, 1) both;
    animation: animInitialLoader 1s cubic-bezier(0.7, 0, 0.3, 1) both;
}

@-webkit-keyframes animInitialLoader {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.5, 0.5, 1);
    }
}

@keyframes animInitialLoader {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.5, 0.5, 1);
        transform: scale3d(0.5, 0.5, 1);
    }
}

.loaded .ip-loader {
    opacity: 1;
}

.loaded .ip-loader {
    -webkit-animation: animLoadedLoader 0.5s cubic-bezier(0.7, 0, 0.3, 1) forwards;
    animation: animLoadedLoader 0.5s cubic-bezier(0.7, 0, 0.3, 1) forwards;
}

@-webkit-keyframes animLoadedLoader {
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1);
    }
}

@keyframes animLoadedLoader {
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1);
        transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1);
    }
}

.loaded .ip-header {
    -webkit-animation: animLoadedHeader 1s cubic-bezier(0.7, 0, 0.3, 1) forwards;
    animation: animLoadedHeader 1s cubic-bezier(0.7, 0, 0.3, 1) forwards;
}

@-webkit-keyframes animLoadedHeader {
    to {
        -webkit-transform: translate3d(0, -100%, 0);
    }
}

@keyframes animLoadedHeader {
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.layout-switch .ip-header {
    position: absolute;
}

.no-js .ip-header {
    position: relative;
    min-height: 0px;
}

#preloader {
    position: fixed;
    height: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 1000;
}

#status {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    background-repeat: no-repeat;
    background-position: center;
    transform: translate(-50%, -50%);
}

.blocks-gallery-grid {
    margin-bottom: 0 !important;
}

/*-----------------------------------------------------------------------------------*/
/*  3.  Header
/*-----------------------------------------------------------------------------------*/

#header {
    position: fixed;
    width: 100%;
    z-index: 200;
    background-color: rgba(255, 255, 255, 0);
    transition: left 500ms, background-color 400ms;
    -webkit-transition: left 500ms, background-color 400ms;
    padding: 0px 19px;
    top: 0;

}

#header.relative {
    position: relative;
}

.sticky-header #header {
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.site-header {
    padding: 0;
    position: relative;
    -webkit-transition: all 500ms;
    min-height: 39px;
}

.site-header.container {
    margin: 0 auto;
}

#header.colored {
    background-color: #ffffff;
}
#header.colored nav.menu a{
    color: #000000;
}
#header.colored nav.menu li.custom-button a{
    color: #ffffff;
}

/* 3.1 Header Left Side */

#header.left-side {
    position: fixed;
    float: left;
    background-color: #000000;
    max-height: 100%;
    height: 100%;
}
.sticky-header #header.left-side {
    background-color: #000000;
}

#header.left-side .site-header {
    padding: 0;
}

#header.left-side .mobile-menu {
    display: none;
}

#header.left-side .logo {
    display: block;
    padding: 30px 0;
}

#header.left-side .logo img {
    margin: 0 auto;
}

#header.left-side nav.menu {
    float: none;
    display: block;
    width: 100%;
}

#header.left-side nav.menu > ul {
    padding: 0;
    margin: 0;
}

#header.left-side nav.menu > ul > li {
    padding: 0 30px;
    width: 100%;
    border-bottom: 1px solid #363636;
}

#header.left-side nav.menu > ul > li > a {
    width: 100%;
    display: block;
    padding: 10px 0;
    color: #ffffff;
    font-size: 18px;
    font-size: 1.8rem;
}

#header.left-side nav.menu > ul > li:hover > ul {
    left: 100%;
    top: 0 !important;
    opacity: 1;
}

.mobile-menu.hide {
    display: none;
}

/* 3.2 Header Center */

.sticky-header #header.center .site-header {
    padding-top: 0;
    -webkit-transition: padding 0.25s ease-out;
    -moz-transition: padding 0.25s ease-out;
    -ms-transition: padding 0.25s ease-out;
    -o-transition: padding 0.25s ease-out;
    transition: padding 0.25s ease-out;
}

.sticky-header #header.center .logo {
    padding: 20px 0;
    -webkit-transition: padding 0.25s ease-out;
    -moz-transition: padding 0.25s ease-out;
    -ms-transition: padding 0.25s ease-out;
    -o-transition: padding 0.25s ease-out;
    transition: padding 0.25s ease-out;
}

#header.center .logo h2.site-title {
    text-align: center;
}

#header.center .logo {
    display: block;
    padding: 20px 0 30px;
    margin-left: 0;
}

#header.center .logo img {
    margin: 0 auto;
}

#header.center nav.menu {
    float: none;
    text-align: center;
}

#header.center nav.menu > ul {
    float: none;
        text-align: center;
}

#header.center .sm-clean li {
    display: inline-block;
    float: none;
}

#header.center .sm-clean li ul li {
    display: block;
}

#header.center .mobile-menu {
    float: none;
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 100;
}

#header.center .sub-menu li, #header.center .has-children li {
    text-align: left;
}

/* 3.3 Header Two */

#header.two-menus .site-header {
    margin: auto;
}

.sticky-header #header.two-menus .site-header {
    padding-top: 0;
    -webkit-transition: padding 0.25s ease-out;
    -moz-transition: padding 0.25s ease-out;
    -ms-transition: padding 0.25s ease-out;
    -o-transition: padding 0.25s ease-out;
    transition: padding 0.25s ease-out;
}

.sticky-header #header.two-menus .logo {
    -webkit-transition: padding 0.25s ease-out;
    -moz-transition: padding 0.25s ease-out;
    -ms-transition: padding 0.25s ease-out;
    -o-transition: padding 0.25s ease-out;
    transition: padding 0.25s ease-out;
}

.sticky-header #header.two-menus .mobile-menu {
    top: 10px;
}

#header.two-menus .header-social {
    float: left;
}

#header.two-menus .header-social li {
    display: inline-block;
}

#header.two-menus .header-social li a {
    font-family: 'FontAwesome';
    font-weight: normal;
    margin-left: 5px;
}

#header.two-menus nav.menu .sm-clean .custom-button a,
#header.center nav.menu .sm-clean .custom-button a {
    color: #fc1547;
    background-color: transparent;
}

header .width-container {
    position: relative;
}

header.two-menus .logo {
    z-index: 36;
    top: 0px;
    position: absolute;
    margin-left: 0;
    width: 100%;
    text-align: center;
}

header.two-menus .logo .logo-image img {
    margin: 0 auto;
}

header.two-menus nav.menu {
    float: none;
}

.primary-left-nav {
    width: 50%;
    float: left;
}

.primary-left-nav .sm-clean,
.primary-left-nav .logo-container {
    float: right;
}

.logo-container {
    height: 10px;
    padding: 0px 4px;
}

.logo-container {
    width: 90px;
}

.primary-right-nav {
    width: 50%;
    float: right;
}

.primary-right-nav .sm-clean,
.primary-right-nav .logo-container {
    float: left;
}

header.two-menus nav.menu .sm-clean > li:last-child {
    margin-right: 0;
}

/* 3.4 Logo */

.logo {
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    position: relative;
    z-index: 150;
    -moz-transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear;

}

.logo-image {
    text-align: center;
}

.logo:hover {
    opacity: .4;
}

.logo h2.site-title {
    font-size: 20px;
    font-size: 2rem;
    margin: 0px 0px 0px;
}

.sm-clean > li > ul:before, .sm-clean > li > ul:after{
    display: none;
}

.sm-clean a span.sub-arrow {
    margin-top: -3px;
}

.sm-clean ul a span.sub-arrow {
    display: block;
}

.logo-image.background--light path {
    fill: #000000;
}

.logo-image.background--dark path {
    fill: #ffffff;
}

nav.menu.background--light .sm-clean > li > a {
    color: #000000;
}

nav.menu.background--dark .sm-clean > li > a {
    color: #ffffff;
}

nav.menu.background--light .sm-clean > li.custom-button > a {
    color: #ffffff;
}

.page-template-contact-template.sticky-header .logo-image path {
    fill: #000000;
}

/* 3.5 Main Menu */



/* Default Menu */

nav.menu {
    position: relative;
    z-index: 50;
}


nav.menu .sm-clean {
    padding: 0;
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

nav.menu .sm-clean a {
    color: #000000;
    font-size: 12px;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-family: Poppins;
    font-weight: bold;
    font-style: normal;
    -webkit-transition: opacity 0.25s ease-out;
    -moz-transition: opacity 0.25s ease-out;
    -ms-transition: opacity 0.25s ease-out;
    -o-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
}

nav.menu .sm-clean:hover a, nav.menu .sm-clean a:hover {
    font-size: 12px;
    font-size: 1.2rem;
    font-family: Poppins;
    font-weight: bold;
}

nav.menu .sm-clean > li:last-child {
    margin-right: -10px;
}

.sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {
    padding: 15px 20px;
}


.sm-clean .custom-button {
    float: right;
}

.sm-clean ul {
    padding-bottom: 0;
    padding-top: 0;
    border: 0;
    border-radius: 0 !important;
}

.sm-clean ul li ul {
    top: 0px !important;
    left: 10px !important;
    margin-top: 0 !important;
}

.sm-clean ul .custom-button {
    float: none;
}

nav.menu .sm-clean .custom-button a {
    color: #fc1547 !important;
}

nav.menu .sm-clean li > ul .custom-button a {
    border-radius: 0 !important;
}

.sm-clean a span.sub-arrow {
    border-color: #000000 transparent transparent transparent;
}

/* Vertical Menu */

.sm-clean.sm-vertical a:hover, .sm-clean.sm-vertical a:focus, .sm-clean.sm-vertical a:active, .sm-clean.sm-vertical a.highlighted {
    background-color: transparent;
}

.sm-clean.sm-vertical .custom-button {
    background-color: #fc1547;
}
.sm-clean.sm-vertical .custom-button a {
    color: #ffffff;
}

/* Mobile Menu */

.mobile-menu {
    display: none;
    z-index: 100;
}

.mobile-menu:hover .jepret-menu-mobile {
    cursor: pointer;
}

.jepret-menu-mobile {
    display: block;
    background: transparent;
    border: 0;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    margin: 0;
}

/* Background Check */
.logo.target.background--light a {
    color: #000000;
}
.logo.target.background--dark a {
    color: #ffffff;
}
.menu.target.background--light .sm-clean a span.sub-arrow {
    border-color: #000000 transparent transparent transparent;
}
.menu.target.background--dark .sm-clean a span.sub-arrow {
    border-color: #ffffff transparent transparent transparent;
}

/*-----------------------------------------------------------------------------------*/
/*  4. Content
/*-----------------------------------------------------------------------------------*/

/* 4.1 Page Title */

.page-template-default .page-title .title-wrap {
    padding: 0;
}

.page-template-default .page-title .title-wrap h2 {
    margin: 0;
}

.default-page-title.no-acf {
    padding: 90px 0 20px;
}

.page-title .title-wrap {
    position: relative;
    text-align: center;
    z-index: 2;
    padding: 0 120px;
}



.page-title .title-wrap p {
    margin: 0;
    font-size: 12px;
    font-size: 1.2rem;

}

#main-wrapper {
    height: 100%;
    padding: 39px 19px;
    background-color: #edf2f4;
    min-height: 100vh;
}

.content-wrapper {
    padding: 80px 0;
}

.pagination-num {
    text-align: center;
    margin-top: 30px;
}
.pagination-num .btn {
    border: 0;
    border-radius: 5px;
    margin-right: 5px;
    padding: 10px 17px;
}
.pagination-num .btn:hover {
    border: 0;
    background-color: #DA0D2B;
}
.pagination-num .btn.current {
    background-color: #DA0D2B;
    color: #ffffff;
}
.pagination-num .btn:last-child {
    margin-right: 0;
}

/* 4.2 Blog Post */
.blog-post .wrapper {
    position: relative;
}
.blog-post {
    margin: -10px;
}
.blog-post article {
    padding: 15px;
}

.blog-post .post-image {
    position: relative;
    -webkit-box-shadow: 0px 22px 36px -20px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 22px 36px -20px rgba(0,0,0,0.55);
    box-shadow: 0px 22px 36px -20px rgba(0,0,0,0.55);
}

.blog-post .post-content {
    padding-left: 42px;
    margin-left: 17px;
    position: relative;
}
.blog-post .inner-content {
    padding: 30px;
    position: relative;
}
.blog-post .inner-content.no-thumb {
    padding-top: 0;
}

.blog-post .date-meta {
    background-color: #DA0D2B;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 15px;
    transform: rotate(-90deg) translateX(-100%);
    z-index: 1;
    transform-origin: 0 0;
}

.blog-post .post-title {
    font-weight: bold;
    line-height: 1.5;
}

.blog-post .meta-top {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 20px;
}
.blog-post .post-categories, .single-post-wrap .post-categories {
    margin: 0;
    padding: 0;
}
.blog-post .post-categories, .blog-post .post-categories li {
    display: inline-block;
}
.blog-post .post-categories a {
    color: #DA0D2B;
    font-weight: bold;
}

.blog-post .read-more a {
    font-weight: bold;
    border-bottom: 1px solid #000;
    padding-bottom: 2px;
    font-size: 15px;
    font-size: 1.5rem;
}

/* 4.2.1 Blog - Fullwidth */
.fullwidth .content-wrapper {
    margin: 0 30px;
}

.page-title.content-wrapper {
    padding-bottom: 0;
}

.blog-post {
    margin-left: -30px;
    margin-top: -15px;
    margin-right: -15px;
}

/* 4.3 Single Post */
.single-post-wrap .wrapper {
    position: relative;
}

.single-post-content {
    margin: 0 40px;
    position: relative;
}

.single-post-content .content dl,
.comment-text dl,
.page-content dl {
    margin-bottom: 20px;
}

.comment-text ul, .comment-text ol,
.page-content ul, .page-content ol {
    margin-bottom: 20px;
}

.single-post-wrap .post-image {
    position: relative;
}

.single-post-wrap .post-content {
    padding-left: 50px;
}
.single-post-wrap .inner-content {
    padding: 4% 4% 0;
    position: relative;
}
.single-post-wrap .inner-content.no-thumb {
    padding-top: 0;
}

.single-post-wrap .date-meta {
    background-color: #DA0D2B;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: -42px;
    padding: 10px 15px;
    transform: rotate(-90deg) translateX(-100%);
    z-index: 1;
    transform-origin: 0 0;
}

.single-post-wrap .post-title {
    font-weight: bold;
    line-height: 1.3;
}

.single-post-wrap .meta-top {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 20px;
}
.single-post-wrap .post-categories, .single-post-wrap .post-categories li {
    display: inline-block;
}
.single-post-wrap .post-categories a {
    color: #DA0D2B;
    font-weight: bold;
}

.single-post-wrap .content-bottom {
    padding: 0 4%;
    font-size: 14px;
    font-size: 1.4rem;
    clear: both;
    margin-top: 30px;
}
.single-post-wrap .meta-bottom {
    float: left;
}
.single-post-wrap .meta-bottom a {
    color: #000000;
    font-size: 12px !important;
    font-size: 1.2rem!important;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    border: 1px solid #000000;
    padding: 5px 10px;
    display: inline-block;
    margin-bottom: 5px;
}
.single-post-wrap .meta-bottom a:hover {
    color: #ffffff;
    border: 1px solid #DA0D2B;
    background-color: #DA0D2B;
}
.single-post-wrap .share {
    float: right;
    height: auto;
}
.single-post-wrap .share ul {
    padding: 0;
}
.single-post-wrap .share li {
    display: inline-block;
    margin-left: 10px;
    font-size: 16px;
    font-size: 1.6rem;
}
.single-post-wrap .share li a {
    color: #605E5F;
}
.single-post-wrap .share li a:hover {
    color: #DA0D2B;
}
.single-post-wrap .share li .icon {
    width: auto;
}

/* Single Post Author */
.single-post-wrap .post-author {
    margin: 60px 4% 40px;
    position: relative;
}
.author-ava {
    position: relative;
    z-index: 2;
}
.author-desc {
    position: absolute;
    top: -20px;
    left: 60px;
    background: #DA0D2B;
    min-height: 160px;
    display: flex;
}
.inner-author-desc {
    padding-left: 90px;
    padding-right: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.author-name a {
    color: #ffffff;
    text-transform: capitalize;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
}
.inner-author-desc p {
    color: #ffffff;
}

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

/* 4.3.1 Comment Section */

.comment-section .bypostauthor {
    background: transparent;
}
div#comments .comments-title {
    border-top: 1px solid #dddddd;
    margin-top: 40px;
    padding-top: 40px;
}
.comment-section {
    padding: 0 4%;
}

.comment-respond {
    position: relative;
    border-top: 1px solid #dddddd;
    margin-top: 150px;
    padding-top: 40px;
}

h2.comment-reply-title {
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: bold;
    letter-spacing: 0.1em;
}

h2.comment-reply-title small a {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 0.1em;
    background-color: #111;
    border: 1px solid #111;
    color: #fff;
    padding: 5px 10px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}

h2.comment-reply-title small a:hover {
    border: 1px solid #111;
    background-color: transparent;
    color: #111;
}

.comments-area ol.comment-list {
    list-style: none;
    padding: 0 0 10px 0;
    border-bottom: 0;
}

.comments-area ol.comment-list li article.comment {
    position: relative;
    padding: 20px;
}

.comments-area ol.comment-list li ul.children {
    position: relative;
    list-style: none;
    padding-left: 30px;
}

.comments-area ol.comment-list li ul.children li article.comment {
    position: relative;
    overflow: visible;
}

.comments-area ol.comment-list li article.comment .avatar {
    margin-right: 20px;
    max-width: 75px;
}

.comments-area ol.comment-list li article.comment .avatar img {
    width: 100%;
    min-width: 75px;
}

.comments-area ol.comment-list li article.comment .meta-comment {
    overflow: hidden;
}

.comments-area ol.comment-list li article.comment .meta-comment .comment-author cite {
    font-style: normal;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
}

.comments-area ol.comment-list li article.comment .meta-comment .comment-meta {
    font-size: 14px;
    font-size: 1.4rem;
    color: #DA0D2B;
}

.comments-area ol.comment-list li article.comment .comment-content {
    float: left;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 24px;
    width: calc(100% - 95px);
}

.comments-area ol.comment-list li article.comment .meta-comment .comment-action {
    position: absolute;
    top: 20px;
    right: 20px;
}

.comments-area ol.comment-list li article.comment .meta-comment .comment-action a {
    color: #DA0D2B;
    text-transform: capitalize;
    font-size: 13px;
    font-size: 1.3rem;
    margin-left: 10px;
    letter-spacing: 0.1em;
    border-bottom: 1px solid;
}

.comments-area .comment-respond h3.comment-reply-title {
    margin-bottom: 5px;
}

.comments-area .comment-respond form p.logged-in-as a {
    color: #737479;
}

.comments-area .comment-respond form p.logged-in-as a:hover {
    color: #000000;
}

.comments-area .comment-respond form p label {
    display: block;
    color: #000000;
    font-weight: 500;
    margin-bottom: 10px;
}
span.required {
    color: #DA0D2B;
}

.comments-area .comment-respond form p input,
.comments-area .comment-respond form p textarea {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 15px;
    height: 100%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    letter-spacing: 0;
    border-bottom: 1px solid #d2d2d2;
}

.comments-area .comment-respond form p.comment-form-author input,
.comments-area .comment-respond form p.comment-form-email input,
.comments-area .comment-respond form p.comment-form-url input,
.comments-area .comment-respond form p.comment-form-comment textarea {
    width: 100%;
    background-color: transparent;
}

.comments-area .comment-respond form p input:hover,
.comments-area .comment-respond form p textarea:hover,
.comments-area .comment-respond form p input:focus,
.comments-area .comment-respond form p textarea:focus {
    border-bottom: 1px solid #DA0D2B;
    box-shadow: none;
}

.comments-area .comment-respond form p.comment-form-author,
.comments-area .comment-respond form p.comment-form-email,
.comments-area .comment-respond form p.comment-form-url {
    width: 33.333%;
    padding: 0 15px;
    float: left;
}

.comments-area .comment-respond form p.comment-form-author {
    padding-left: 0;
}

.comments-area .comment-respond form p.comment-form-url {
    padding-right: 0;
}

.comments-area .comment-respond form p.form-submit input {
    width: auto;
    padding: 14px 25px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    display: inline-block;
    border: 1px solid #DA0D2B;
    margin: 0;
    cursor: pointer;
    color: #fff;
    background-color: #DA0D2B;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.comments-area .comment-respond form p.form-submit input:hover {
    color: #DA0D2B;
    border: 1px solid #DA0D2B;
    background-color: transparent;
}

/* 4.4 Sidebar */

#primary-sidebar {
    padding-left: 30px;
}

.sidebar .sidebar-widget {
    margin-bottom: 60px;
}

.sidebar .sidebar-widget:last-child {
    margin-bottom: 0;
}

.sidebar-widget select {
    text-indent: 1px;
    text-overflow: '';
    width: 100px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 2px 2px 2px 2px;
    border: none;
    background: #fff url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat 10px;
    background-size: 10px;
    background-position: center right 10px;
    border: 1px solid;
}

.sidebar-widget select, .sidebar-widget option {
    width: 100%;
    max-width: 100%;
    height: 40px;
    padding: 0 10px;
}

.sidebar .sidebar-widget ul, .sidebar .sidebar-widget ul.children, .sidebar .sidebar-widget ul.sub-menu {
    padding: 0;
    list-style: none;
}
.sidebar .sidebar-widget ul.children li, .sidebar .sidebar-widget ul.sub-menu li {
    padding-left: 8px;
    border: none;
    padding-bottom: 0;
}
.sidebar .sidebar-widget li {
    margin-bottom: 10px;
    padding-bottom: 0;
    border: 0;
    position: relative;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
}
.sidebar .sidebar-widget li .post-count {
    background-color: #eaeaea;
    font-weight: bold;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    line-height: 1;
    color: #9f9e9e;
    height: 48px;
}
.sidebar .sidebar-widget li a:hover {
    background-color: #da0d2b;
    color: #ffffff;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
}
.sidebar .sidebar-widget li:hover > .post-count {
    background-color: #da0d2b;
    color: #ffffff;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
}
.sidebar .sidebar-widget li a {
    color: #000000;
    display: block;
    padding: 10px 20px;
    background: #ffffff;
    text-transform: uppercase;
}

.recentcomments a {
    background: transparent !important;
}
.recentcomments a:hover {
    background: transparent !important;
    color: #da0d2b !important;
}

.sidebar .sidebar-widget li.recentcomments a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 4.4.1 Sidebar - Archive List */

.widget_archive ul,
.widget_meta ul,
.widget_categories ul,
.widget_pages ul,
.widget_meta ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_rss ul,
.widget_nav_menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

img.rss-widget-icon {
    display: inline-block;
    margin-right: 5px;
}

.widget_archive ul li,
.widget_categories ul li {
    text-align: left;
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 5px;
    padding-bottom: 10px;
}

/* 4.4.2 Sidebar - Author */

.jepret_author .widget-author-img {
    margin-bottom: 15px;
}

.jepret_author .author-wrap {
    text-align: center;
}

.jepret_author .widget-author-detail {
    margin-bottom: 20px;
    font-size: 12px;
    font-size: 1.2rem;
}

.widget-author-img img {
    width: 100%;
}


/* 4.4.3 Sidebar - Latest Post */

.sidebar-recent-post {
    display: inline-block;
}

.sidebar-recent-post .post-item {
    margin-bottom: 15px;
    padding-bottom: 15px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
}

.post-item .post-thumb {
    float: left;
    width: 100px;
    margin-right: 15px;
}

.post-item .latest-post-content {
    overflow: hidden;
}

.latest-post-content h4 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
}

.latest-post-content h4:hover {
    opacity: 0.7;
}

.latest-post-content .meta {
    margin-bottom: 10px;
    font-style: italic;
    color: #737479;
}

/* 4.4.4 Sidebar - Widget Categories */

.widget_categories ul.children,
.widget_pages ul.children,
.widget_nav_menu ul.sub-menu {
    margin-top: 10px;
}

.widget_categories ul.children li:last-child,
.widget_pages ul.children li:last-child,
.widget_nav_menu ul.sub-menu li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* 4.4.5 Sidebar - Widget Pages */

.widget_pages ul li,
.widget_meta ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_rss ul li,
.widget_nav_menu ul li {
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
}

/* 4.4.6 Sidebar - Meta */
.widget_rss ul li {
    margin-top: 20px;
}
.widget_meta ul li a {
    font-weight: bold;
}

/* 4.4.7 Sidebar - RSS */

.sidebar .widget_rss ul li a {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    background: transparent;
    padding: 0;
    text-transform: none;
}
.sidebar .widget_rss ul li a:hover {
    background-color: transparent;
    color: #000000;
}

.widget_rss ul li span.rss-date {
    font-style: italic;
    color: #737479;
}

.widget_rss ul li .rssSummary {
    margin: 10px 0;
}

/* 4.4.8 Sidebar - Search */
.widget_search form {
    position: relative;
}
.widget_search form .field {
    margin-bottom: 0;
}
.widget_search .submit.search-button {
    background-color: #DA0D2B;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    margin: 0;
    width: 50px;
    border: 0;
    outline: none;
    letter-spacing: 0.1em;
    cursor: pointer;
}

/* 4.4.9 Sidebar - Tag Cloud */

.widget_tag_cloud .tagcloud a {
    font-size: 12px !important;
    font-size: 1.2rem!important;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    border: 1px solid #000000;
    padding: 5px 10px;
    display: inline-block;
    margin-bottom: 5px;
}

.widget_tag_cloud .tagcloud a:hover {
    border: 1px solid #000000;
    background-color: #000000;
    color: #fff;
}

/* 4.5 About Page */

.about-wrap {
    background-color: #000000;
    padding: 80px 0;
}

.about-section {
    position: relative;
    margin-bottom: 40px;
}

.about-image {
    float: left;
    width: 70%;
}

.about-detail {
    position: absolute;
    width: 35%;
    right: 0;
}

.about h2.section-title {
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: bold;
    letter-spacing: 0.1em;
}

.about-wrap h2.section-title, .about-content p, .team-studio .body-detail p {
    color: #fff;
}

.about-detail .inner-detail .bord {
    background-color: transparent;
    text-align: center;
    margin: 20px auto;
    position: absolute;
    bottom: -35%;
    right: 0;
    width: 300px;
    height: 250px;
    border: 10px solid #363636;
    z-index: -1;
}

.about-content p, .team-studio .body-detail p {
    font-size: 20px;
    font-size: 2rem;
    line-height: 32px;
}

.team-studio {
    padding-top: 40px;
}

.team-description {
    width: 40%;
}

.team-description .title-section {
    position: relative;
    z-index: 1;
}

.team-description h2.section-title {
    padding: 80px 0;
}

.team-description .title-section .bord {
    background-color: transparent;
    text-align: center;
    margin: 20px auto;
    position: absolute;
    bottom: 0;
    right: 15%;
    width: 300px;
    height: 150px;
    border: 10px solid #363636;
    z-index: -1;
}

.team-member {
    width: 60%;
}

.team-person {
    padding: 0;
}

.team-inner {
    margin: 5px;
    position: relative;
}

.team-person:hover .team-overlay {
    opacity: 1;
}

.team-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
}

.nyet {
    background-color: #ffffff;
    content: "";
    position: absolute;
    opacity: 0.4;
    display: none;
}

.nyet.top {
    height: 10px;
    width: 100%;
    top: 0;
    left: 0;
    display: block;
}

.nyet.bottom {
    height: 10px;
    width: 100%;
    bottom: 0;
    left: 0;
    display: block;
}

.nyet.left {
    height: calc(100% - 20px);
    width: 10px;
    top: 10px;
    left: 0;
    display: block;
}

.nyet.right {
    height: calc(100% - 20px);
    width: 10px;
    top: 10px;
    right: 0;
    display: block;
}

.border-utara {
    border: 10px solid #fff
}

.team-detail {
    width: 100%;
    position: absolute;
    z-index: 2;
    top: 50%;
    padding: 0 30px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.team-detail h3 {
    text-align: center;
    color: #ffffff;
    margin-bottom: 0;
    font-weight: bold;
    letter-spacing: 0.1em;
}

.team-detail .position {
    color: #999999;
    font-size: 18px;
    font-size: 1.8rem;
}

.team-detail ul {
    padding: 0;
    list-style: none;
}

.team-detail ul li {
    display: inline-block;
    margin: 0 5px;
}

.team-detail ul li a {
    color: #ffffff;
    font-size: 22px;
    font-size: 2.2rem;
    opacity: 0.7;
}

.team-detail ul li a:hover {
    opacity: 1;
}

.author-section, .testimonial-section {
    background-color: #000000;
    padding: 80px 0;
}

.author-image, .client-detail {
    width: 30%;
    float: left;
}

.author-image img {
    border-radius: 100%;
}

.author-detail, .the-clients {
    width: 70%;
    float: left;
    color: #ffffff;
    padding: 0 30px;
}

.the-clients .clients {
    margin: 20px 0;
}

.author-detail h5 {
    margin-bottom: 10px;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.1em;
}

.author-detail p {
    color: #999999;
}

.signature {
    margin-top: 60px;
}

.client-section {
    background-color: #eeeeee;
    padding: 80px 0;
}

.client-detail h2, .client-detail p {
    color: #999999;
}

.testimonial-section {
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
}

.testimonial-section .flexslider {
    background: transparent;
    margin: 0;
    border: 0;
}

.testi-content p, .testi-content h5 {
    color: #ffffff;
}

.testi-content p {
    font-size: 20px;
    font-size: 2rem;
}

.testi-content h5 {
    letter-spacing: 0.1em;
    margin-top: 40px;
    font-weight: bold;
}

.testimonial-slider .flex-control-nav {
    text-align: left;
    position: relative;
    bottom: 0;
    margin-top: 15px
}

.testimonial-slider .flex-control-nav li {
    margin: 0 3px;
}

.testimonial-slider .flex-control-nav li:first-child {
    margin-left: 0;
}

.testimonial-slider .flex-control-paging li a {
    width: 45px;
    height: 5px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 0;
}

.testimonial-slider .flex-control-paging li a.flex-active {
    background: rgba(255, 255, 255, 1);
}

/* 4.6 Contact Page */

.margin-wrap {
    margin: 0 30px;
}

.contact-page.white {
    background-color: transparent;
    position: relative;
    padding: 80px 0;
}

.contact-map iframe {
    width: 100%;
    height: 450px;
    border: 0;
    margin: 0;
    padding: 0;
}

.contact-map .maps .overlay {
    background: transparent;
    position: relative;
    width: 100%;
    height: 450px;
    top: 450px;
    margin-top: -450px;
}
.contact-map .maps {
    line-height: 0;
}

.contact-map .map {
    overflow: hidden;
}

.contact-form input[type="submit"] {
    width: auto;
    height: auto;
    padding: 10px 25px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    display: inline-block;
    border: 1px solid #000000;
    margin-top: 20px;
    cursor: pointer;
    color: #fff;
    background-color: #000000;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.contact-form input[type="submit"]:hover {
    color: #000000;
    border: 1px solid #000000;
    background-color: #fff;
}

.contact-section-top {
    position: relative;
    overflow: hidden;
    margin-bottom: 80px;
}

.contact-page.white .contact-desc {
    width: 40%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #000000;
    padding: 40px;
}

.contact-desc .title h2 {
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #fff;
}

.contact-desc .contact-text p {
    color: #fff;
    margin-bottom: 5px;
}

.contact-desc .contact-text p span {
    font-weight: bold;
    letter-spacing: 0.1em;
}

.contact-page.white .contact-map {
    width: 70%;
    float: right;
}
.contact-content {
    padding-top: 80px;
    background-color: #000000;
}
.contact-page.white .contact-content {
    background-color: transparent;
}
.contact-desc p {
    color: #fff;
}

.contact-full-desc {
    margin-top: 30px;
}

.contact-form p {
    color: #fff;
}

.contact-page.white .contact-form p {
    color: #000000;
}

/* 4.7 404 Page */
.main-404-wrap {
    height: 100vh;
    overflow: hidden;
    padding: 0;
    position: relative;
    margin: -39px auto;
}
.background-404 {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.main-404-wrap .post-content {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 2;
}
.main-404-wrap .error-code {
    color: #DA0D2B;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    padding-bottom: 10px;
}
.main-404-wrap .error-text {
    font-weight: bold;
    text-transform: capitalize;
    line-height: 5.2rem;
    font-size: 4.2rem;
    padding-right: 40%;
}

.main-404-wrap .bord {
    width: 60px;
    height: 4px;
    background-color: #DA0D2B;
    content: '';
}

.main-404-wrap .search-form {
    margin-top: 30px;
}
.main-404-wrap .search-form .field {
    width: 35%;
    background-color: #ffffff;
    margin-right: 5px;
    border-radius: 5px;
}
.main-404-wrap .search-form .submit {
    display: inline-block;
    width: auto;
    padding: 10px 35px;
    background-color: #DA0D2B;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px;
    border: 0;
    height: 45px;
    outline: none;
    cursor: pointer;
}
.no-result.text-center {
    text-align: center;
}

.no-res-wrap.blog-post .wrapper {
    height: 100vh;
    position: relative;
}

/*-----------------------------------------------------------------------------------*/
/*  5. Album Concept
/*-----------------------------------------------------------------------------------*/

/* 5.1 Concept Adora */

body.concept-adora {
    height: auto;
}

.stack-1 {
    position: relative;
    min-height: 70vh;
    height: 100%;
    overflow-x: hidden;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}


/*.view-full .stack-1 {
    height: calc(100% + 50px) !important;
}*/

.stack-slider {
    position: absolute;
    height: 70vh;
    width: 100vw;
    top: -55vh;
    opacity: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: translate3d(0, 60vh, 0);
    transform: translate3d(0, 60vh, 0);
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
    transition-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
}

.flickity-slider {
    left: -30px !important;
}

.view-init .stack-slider {
    opacity: 1;
}

.move-items .stack-slider {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.view-full .flickity-viewport {
    overflow: visible;
}


.stacks-wrapper {
    height: 100%;
}

.view-full .stacks-wrapper {
    top: 60vh;
}

.stack {
    width: 32%;
    min-width: 300px;
    height: 100%;
    text-align: center;
}

.stack.is-selected {
    height: auto;
}

.stack.stack-prev,
.stack.stack-next {
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
    transition-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
}

.move-items .stack.stack-prev,
.move-items .stack.stack-next {
    opacity: 0;
}

.move-items .stack.stack-prev {
    -webkit-transform: translate3d(-70px, 65vh, 0);
    transform: translate3d(-70px, 65vh, 0);
}

.move-items .stack.stack-next {
    -webkit-transform: translate3d(70px, 65vh, 0);
    transform: translate3d(70px, 65vh, 0);
}

.stack.is-selected .stack-title::before,
.stack.stack-prev .stack-title::after,
.stack.stack-next .stack-title::after {
    width: 33px;
    height: 33px;
    position: absolute;
    opacity: 0;
    z-index: 100;
    font-family: "jepret" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.stack.is-selected .stack-title::before {
    margin: 0 0 0 -18px;
    left: 50%;
    top: 0;
    content: "\69";
    font-size: 12px;
    font-size: 1.2rem;
    border: 0px solid;
    line-height: 35px;
    background: #000;
    color: #fff;
    -webkit-transition: -webkit-transform 0.5s, opacity 0.3s;
    transition: transform 0.5s, opacity 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
    transition-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
}

.item-clickable .stack.is-selected .stack-title::before {
    opacity: 1;
}

.move-items .is-selected .stack-title::before {
    -webkit-transform: rotate3d(0, 0, 1, 180deg);
    transform: rotate3d(0, 0, 1, 180deg);
}

.stack.stack-prev .stack-title::after,
.stack.stack-next .stack-title::after {
    content: "\6a";
    top: 0;
    border: 1px solid;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 32px;
}

.stack.stack-prev .stack-title::after {
    right: 50%;
    margin: 0 -18px 0 0;
    -webkit-transform: rotate3d(0, 0, 1, 180deg);
    transform: rotate3d(0, 0, 1, 180deg);
}

.stack.stack-next .stack-title::after {
    left: 50%;
    margin: 0 0 0 -18px;
    -webkit-transform: rotate3d(0, 0, 1, 0);
    transform: rotate3d(0, 0, 1, 0);
}

.stack.stack-prev .stack-title:hover::after,
.stack.stack-next .stack-title:hover::after {
    opacity: 1;
}

.stack-title {
    font-size: 1rem;
    letter-spacing: 0.1rem;
    margin: 25% 0 20px;
    padding: 50px 40px 15px;
    text-align: center;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.stack-title a {
    display: block;
    position: relative;
    padding-bottom: 5px;
    color: #fff;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.stack-title a::after {
    content: attr(data-text);
    position: relative;
    width: 100%;
    height: 100%;
    top: 10px;
    left: 0;
    color: #999999;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

.stack-title a span {
    display: block;
    color: #595959;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.is-selected .stack-title a span {
    color: #000;
}

.stack-title a::after,
.stack-title a span {
    -webkit-transition: -webkit-transform 1s 0.15s, opacity 1s 0.15s;
    transition: transform 1s 0.15s, opacity 1s 0.15s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.stack-title a:hover {
    color: #fff;
}

.move-items .is-selected .stack-title a::after {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.item {
    padding-bottom: 5%;
    opacity: 0;
    width: 100%;
    position: relative;
    text-align: left;
    -webkit-transform: translate3d(0, 75px, 0);
    transform: translate3d(0, 75px, 0);
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
    transition-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
}

.move-items .is-selected .item {
    opacity: 1;
}

.move-items .is-selected .item:first-of-type .item__content::after {
    -webkit-transform: translate3d(0, 0, 0) scale3d(0.95, 0.95, 1);
    transform: translate3d(0, 0, 0) scale3d(0.95, 0.95, 1);
}

.move-items .is-selected .item:first-of-type .item__content::before {
    -webkit-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1);
    transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1);
}

.item:first-of-type {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.move-items .is-selected .item {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.move-items .is-selected .item:first-of-type {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.item__content {
    position: relative;
    z-index: 100;
    max-width: 800px;
    margin: 0 auto;

}

.item__content p {
    font-size: 0.75em;
}

.item:first-of-type .item__content::before,
.item:first-of-type .item__content::after {
    content: '';
    width: 100%;
    height: 20px;
    top: 0;
    left: 0;
    z-index: -1;
    position: absolute;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.item:first-of-type .item__content::before {
    background: #b8b8b8;
    -webkit-transform: translate3d(0, -20px, 0) scale3d(0.9, 0.9, 1);
    transform: translate3d(0, -20px, 0) scale3d(0.9, 0.9, 1);
}

.item:first-of-type .item__content::after {
    background: #a7a7a7;
    -webkit-transform: translate3d(0, -10px, 0) scale3d(0.95, 0.95, 1);
    transform: translate3d(0, -10px, 0) scale3d(0.95, 0.95, 1);
}

.gallery-album {
    position: relative;
    z-index: 100;
    max-width: 800px;
    margin: 0 20px;
}

.gallery-album img {
    width: 100%;
}

.gallery-album .img:before,
.gallery-album .img:after {
    content: '';
    width: 100%;
    height: 20px;
    top: 0;
    left: 0;
    z-index: -1;
    position: absolute;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.gallery-album .img:before {
    background: #b8b8b8;
    -webkit-transform: translate3d(0, -20px, 0) scale3d(0.9, 0.9, 1);
    transform: translate3d(0, -20px, 0) scale3d(0.9, 0.9, 1);
}

.gallery-album .img:after {
    background: #a7a7a7;
    -webkit-transform: translate3d(0, -10px, 0) scale3d(0.95, 0.95, 1);
    transform: translate3d(0, -10px, 0) scale3d(0.95, 0.95, 1);
}

.view-full .gallery-album {
    display: none;
}

.page-template-concept-adora .item {
    display: none;
}

.view-full .is-selected .item {
    display: block;
}

.item img {
    width: 100%;
    display: block;
    position: relative;
    z-index: 100;
}

.item__title {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin: 0;
    padding: 1em 0;
    color: #000000;
    text-align: left;
    text-transform: capitalize;
}

.item__date {
    font-size: 1.4rem;
    line-height: 2.6rem;
    vertical-align: middle;
    display: block;
    color: #4F4E4E;
    margin-top: 5px;
    font-weight: 400;
    text-transform: capitalize;
}
.has-large-font-size {
    font-size: 36px;
    line-height: 45px;
}

.item__details {
    text-align: left;
    margin: 0 0 2em;
}

.item__details ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.item__details ul li {
    display: block;
    color: #9d9d9d;
    white-space: nowrap;
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
}

.move-items .is-selected .item__details ul li {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.move-items .is-selected .item__details ul li:first-child {
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

.move-items .is-selected .item__details ul li:nth-child(2) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.move-items .is-selected .item__details ul li:nth-child(3) {
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s;
}

.move-items .is-selected .item__details ul li:nth-child(4) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.move-items .is-selected .item__details ul li:nth-child(5) {
    -webkit-transition-delay: 0.45s;
    transition-delay: 0.45s;
}

.item__content--related {
    text-align: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.item__content--related > p {
    width: 100%;
    font-size: 1em;
    font-weight: bold;
    padding: 1em 0;
    color: #7E7D7D;
}

.media-item {
    display: block;
    margin: 0 auto;
    max-width: 50%;
    min-width: 250px;
    font-weight: bold;
    padding: 1em;
}

.media-item__img {
    max-width: 250px;
    width: auto;
    opacity: 0.3;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.media-item:hover .media-item__img,
.media-item:focus .media-item__img {
    opacity: 1;
}

.media-item__title {
    font-size: 1em;
    margin: 0;
    padding: 0.5em;
}

.view-full .stack-1::-webkit-scrollbar {
    display: none;
    width: 0 !important;
}

/* Mobile-first media queries */

@media screen and (min-width: 65em) {
    .item__details {
        position: absolute;
        top: 0;
        margin: 0 0 0 1em;
        z-index: 1000;
        left: 100%;
        width: 40%;
    }
}

/* Mobile-specific media queries */

@media screen and (max-width: 65em) {
    .stack {
        width: 60%;
    }
}

@media screen and (max-width: 45em) {
    .menu__item {
        display: block;
        background: #4F4E4E;
        overflow: hidden;
        height: 4px;
        width: 30px;
        margin: 3px 10px 0 0;
    }
    .menu__item span {
        display: none;
    }
    .codrops-header {
        padding: 0.5em 0;
    }
    .stack.stack-prev .stack-title::after,
    .stack.stack-next .stack-title::after {
        top: 1.85em;
    }
    .codrops-header h1 {
        font-size: 0.85em;
        padding: 0.25em;
    }
}

@media screen and (max-height: 35em) {
    .stack-slider {
        height: 60vh;
        -webkit-transform: translate3d(0, 40vh, 0);
        transform: translate3d(0, 40vh, 0);
    }
}

/* 5.3. Concept Album Grid */

.concept-6 .column {
    padding: 0;
}

.concept-6.concept-grid-iso .jepret-gallery-item .image {
    margin: 0;
}

.concept-6 .image img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    position: relative;
    -webkit-backface-visibility: hidden;
}

.concept-6 .image:hover img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


/* 5.2.1. Concept Album Grid - 1 Column */

.concept-6 .image img {
    width: 100%;
}

.concept-6 .jepret-gallery-item.col-1 {
    margin-bottom: 15px;
}

.concept-6 .jepret-gallery-item.col-1:last-child {
    margin-bottom: 0;
}

.with-space {
    overflow: hidden;
}

/* 5.7. Concept Album Masonry */

.concept-7 .column {
    padding: 0;
}

.concept-7.concept-masonry-iso .jepret-gallery-item .image {
    margin: 0;
}

.concept-7 .image img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    position: relative;
    -webkit-backface-visibility: hidden;
}

.concept-7 .image:hover img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.with-space {
    margin: -10px;
}
.with-space .jepret-gallery-item {
    padding: 10px;
}

#gall-sec .jepret-gallery-item.wide img {
    width: 100%;
}

/* 5.4. Concept Simple Carousel */
.carousel-img {
    position: relative;
}
.swiper-gall-2 .swiper-slide {
    width: auto;
}
.swiper-gall-2 .swiper-slide img {
    position: relative;
    z-index: -1;
}
.carousel-large-icon {
    position: absolute;
    top: 50px;
    right: 10px;
    color: #ffffff;
    font-size: 16px;
    font-size: 1.6rem;
    width: auto;
    background: rgba(0,0,0,0.5);
    height: auto;
    border-radius: 5px;
    line-height: 0;
    padding: 15px 15px;
}
.swiper-gall-2 .carousel-large-icon {
    right: auto;
    left: 10px;
}

.def-carousel .carousel-large-icon {
    top: 20px;
    right: 20px;
}

.carousel-overlay {
    background-color: #000000;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    transition: opacity .2s linear;
}
.carousel-img:hover .carousel-overlay {
    opacity: 0.8;
    transition: opacity .2s linear;
}

/* Adora Concept Overwrite */
.adora-concept .carousel-large-icon {
    top: 30px;
    bottom: auto;
    z-index: 300;
}

.stack.is-selected .stack-title::before {
    content: "\62" !important;
}
.stack.stack-prev .stack-title::after, .stack.stack-next .stack-title::after {
    content: "\65" !important;
}

.concept-9 .swiper-container-horizontal>.swiper-scrollbar {
    bottom: 0;
}
.concept-9 {
    position: relative;
    height: 100%;
}
.concept-9 .swiper-container {
    width: 100%;
    height: 100vh;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    background: #fff;
    height: 100%;
    background-position: center center;
    background-size: cover;
}

.concept-9 .flex.justify-center,
.gallery-carousel-1 .flex.justify-center {
    position: relative;
}
.concept-9 .content-gallery {
    padding-right: 30px;
    padding-bottom: 90px;
    padding-left: 30px;
}
.concept-9 .content-gallery h3 {
    font-weight: bold;
    font-size: 36px;
    font-size: 3.6rem;
    margin-bottom: 15px;
}

.concept-9 .album-details,
.gallery-carousel-1 .album-details {
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
    padding: 0 30px;
    opacity: 0;
    transition: all .2s linear;
}
.concept-9 .carousel-img:hover .album-details,
.gallery-carousel-1 .carousel-img:hover .album-details {
    opacity: 1;
    transition: all .2s linear;
}
.concept-9 .album-details .album-title,
.gallery-carousel-1 .album-details .album-title {
    float: left;
    text-align: left;
    width: calc(100% - 180px);
    display: inline-block;
    margin-left: 0;
}
.concept-9 .album-details .album-name,
.gallery-carousel-1 .album-details .album-name {
    color: #fff;
    font-size: 30px;
    font-size: 3rem;
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
}
.concept-9 .album-details .album-author {
    color: #fff;
    text-transform: none;
    text-align: left;
    font-weight: normal;
}
.concept-9 .album-details a {
    text-transform: uppercase;
    background-color: #DA0D2B;
    color: #ffffff;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.1em;
    border-radius: 5px;
    font-weight: bold;
    display: inline-block;
    float: right;
}
.concept-9 .album-details a.more-margin {
    margin-top: 20px;
}

.gallery-carousel-1 .content-gallery {
    padding: 0 60px;
    position: absolute;
    bottom: 60px;
}

.content-gallery-details {
    position: absolute;
    left: 60px;
    top: 130px;
    width: 80%;
}
.content-gallery-details .back-text {
    font-size: 50px;
    font-size: 5rem;
    font-weight: bold;
    word-break: break-word;
    line-height: 1;
    position: absolute;
    color: #333;
    opacity: 0.2;
    text-transform: uppercase;
    top: -70px;
    left: -40px;
}
span.item-title {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    min-width: 80px;
    display: inline-block;
}
span.item-text {
    font-size: 16px;
    font-size: 1.6rem;
}

.gallery-carousel-1 {
    position: relative;
    height: 100%;
}

.gallery-carousel-1 .swiper-container {
    width: 100%;
    height: 100vh;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    background: #fff;
    height: 100%;
    background-position: center center;
    background-size: cover;
}

.gallery-carousel-1 img.carousel-gambar {
    height: 100%;
}
.gallery-carousel-1 .carousel-gambar {
    display: none
}

/* 5.5. Concept Multi Scroll */

.page-template-concept-10 #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link,
.page-template-concept-10 #slide-buttons {
    color: #fff;
}

.page-template-concept-10 .concept-10 {
    position: relative;
    height: calc(100vh - 77px);
    overflow: hidden;
}

.concept-10 .ms-section.ms-table {
    background-position: center center;
    background-size: cover;
    position: relative;
}

.concept-10 .ms-section.ms-table .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.concept-10 .ms-section.ms-table:hover .overlay {
    background-color: rgba(0, 0, 0, 0.4);
}

.concept-10 .ms-tableCell .gallery-caption {
    padding: 2% 20%;
    position: relative;
    z-index: 20;
    text-align: center;
}

.concept-10 .ms-tableCell .gallery-caption h2,
.concept-10 .ms-tableCell .gallery-caption p,
.concept-10 .ms-tableCell .gallery-caption cite {
    color: #0b0b0b;
}

.concept-10 .ms-tableCell .gallery-caption h2 {
    letter-spacing: 0.1em;
    display: inline-block;
    margin: 0;
    padding-top:30px;
}

.concept-10 .ms-tableCell .gallery-caption h2:after {
    content: "";
    position: relative;
    display: block;
    margin: 20px auto;
    height: 2px;
    background: white;
    transform: scale(1.3, 1);
    -ms-transform: scale(1.3, 1);
    -webkit-transform: scale(1.3, 1);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.concept-10 .ms-section.ms-table:hover .ms-tableCell .gallery-caption h2:after {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}

.concept-10 .ms-tableCell .gallery-caption p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22px;
}

.concept-10 .ms-tableCell .gallery-caption cite {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
}

#multiscroll-nav span {
    border: 1px solid #fff !important;
}

#multiscroll-nav li .active span {
    background: #fff !important;
}



/* 5.6. Concept 3 Grid Images */

main.the-packs {
    overflow: hidden;
}

.hidden {
    position: absolute;
    overflow: hidden;
    width: 0;
    height: 0;
    pointer-events: none;
}

.icon {
    display: inline-block;
    width: 45px;
    height: auto;
    margin: 0 auto;
    fill: currentColor;
    vertical-align: middle;
}

.btn {
    display: inline-block;
    margin: 0;
    padding: 0;
    cursor: pointer;
    pointer-events: auto;
    color: #000000;
    background-color: transparent;
    border: 2px solid #000000;
    line-height: 18px;
    padding: 8px;
}

.btn:focus {
    outline: none;
}

.btn:hover {
    background-color: #000000;
    color: #fff;
    border: 2px solid #000000;
}

.btn--arrow {
    font-size: 0.4em;
}

.slide__title .view-album a {
    color: #000000;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.1em;
    background-color: transparent;
    padding: 10px 20px;
    display: inline-block;
    border: 2px solid #000000;
    margin-top: 10px;
}

.slide__title .view-album a:hover {
    color: #fff;
    background-color: #000000;
    border: 2px solid #000000;
}

.slideshow__nav {
    position: fixed;
    z-index: 30;
}

.slideshow__nav button {
    border: 0px;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0;
    cursor: pointer;
    font-weight: 700;
    line-height: 0;
}

.slideshow__nav button[aria-disabled="true"] {
    color: #999999;
    cursor: auto;
}
.slideshow__nav button[aria-disabled="true"]:hover {
    color: #999999;
}

.slideshow__nav button:hover {
    color: #da0e2b;
}

.slideshow__nav span{
    font-size: 17px;
    font-size: 1.7rem;
    vertical-align: sub;
    line-height: 0;
    padding: 0;
    margin: 0;
    color: #878787;
    margin: 0 10px;
}




.no-js .slideshow__nav {
    display: none;
}

.slideshow__nav--arrows {
    pointer-events: auto;
    opacity: 1;
}
.slideshow__nav--arrows.bottom-nav {
    padding: 0px;
    bottom: 7px;
    right: 0;
}

.content--related {
    font-size: 0.85em;
    font-weight: bold;
    text-align: center;
}

.media-item {
    display: inline-block;
    padding: 1em;
    vertical-align: top;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.media-item__img {
    max-width: 100%;
    opacity: 0.3;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.media-item:hover .media-item__img,
.media-item:focus .media-item__img {
    opacity: 1;
}

.media-item__title {
    font-size: 1em;
    margin: 0;
    padding: 0.5em;
}

@media screen and (max-width: 45em) {
    .slideshow__nav--arrows {
        font-size: 2em;
        right: auto;
        bottom: 0.2em;
        left: 0.7em;
    }

}

.slideshow {
    position: relative;
}

.slideshow:focus {
    outline: none;
}

.js .slideshow::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    margin: -35px 0 0 -35px;
    pointer-events: none;
    border: 10px solid rgba(255, 255, 255, 0.1);
    border-top-color: #ffeb3b;
    border-radius: 50%;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-animation: rotateLoader 0.8s linear infinite forwards;
    animation: rotateLoader 0.8s linear infinite forwards;
}

@-webkit-keyframes rotateLoader {
    to {
        -webkit-transform: rotate3d(360deg);
        transform: rotate3d(360deg);
    }
}

@keyframes rotateLoader {
    to {
        -webkit-transform: rotate3d(0, 0, 1, 360deg);
        transform: rotate3d(0, 0, 1, 360deg);
    }
}

.js .slideshow--loaded::after {
    opacity: 0;
}

.js .slideshow {
        height: 100%;
    max-height: 100%;
    pointer-events: none;
}

.slideshow .slide {
    position: relative;
    width: 100%;
    padding: 5em 0 15em;
}

.concept-14 .slideshow .slide {
    padding: 10em 0 18em;
}

.concept-15 .slideshow .slide {
    padding: 10em 0 10em;
}

.slideshow .slide.slide--layout-5 {
    padding: 5em 0 10em;
}

.js .slideshow .slide {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    margin: 0;
    pointer-events: none;
    opacity: 0;
}

.js .slideshow .slide--current {
    pointer-events: auto;
    opacity: 1;
}

.slideshow .slide-imgwrap {
    position: relative;
    height: 100%;
    margin: 0 auto;
}

.no-js .slideshow .slide-imgwrap {
    height: 400px;
}

.slideshow .slide__img-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: tranform, opacity;
    background-position: 50% 50%;
    background-size: cover;
}

.slideshow .slide__title {
    text-align: center;

}

.js .slideshow .slide__title {
    pointer-events: none;
    opacity: 0;
}

.js .slideshow .slide--current .slide__title {
    pointer-events: auto;
    opacity: 1;
}

.slideshow .slide__title-main {
    font-size: 2.6rem;
    line-height: 1.46em;
    display: inline-block;
    margin: 0;
}

.slideshow .slide__title-sub {
    font-size: 1.15rem;
    line-height: 1.5;
    margin-top:5px;
}

.slideshow .slide__title-sub a {
    border-bottom: 1px solid;
}

@media screen and (max-width: 45em) {
    .slideshow {
        padding-top: 7em;
    }
    .js .slideshow {
        height: calc(100vh - 60px);
    }
    /*.slide {
        padding: 2em 0 6em;
    }*/
    .no-js .slide {
        padding: 4em 0 0;
    }
    .slideshow .slide-imgwrap {
        width: calc(100% - 1em);
    }
    .slideshow .slide__title {
        width: calc(100% - 2em);
        margin: 0 0 4em 0;
        padding: 1.5em;
    }
    .slideshow .slide__title-main {
        font-size: 2rem;
    }
}

.slide--layout-1 .slide__img {
    position: absolute;
    width: calc(50% - 0.5em);
}

.slide--layout-1 .slide__img:first-child {
    height: 100%;
}

.slide--layout-1 .slide__img:nth-child(n+2) {
    left: calc(50% + 0.5em);
    height: calc(50% - 0.5em);
}

.slide--layout-1 .slide__img:nth-child(3) {
    top: calc(50% + 0.5em);
}

/* 5.7. Concept Polaroid Stack 5 Images */

.slide--layout-2 .slide__img {
    position: absolute;
    top: 50%;
    left: 50%;
}

.slide--layout-2 .slide__img:not(:last-child) {
    width: 300px;
    height: 300px;
}

.slide--layout-2 .slide__img:not(:last-child) .slide__img-inner {
    border: 6px solid #ffffff;
}

.slide--layout-2 .slide__img:first-child {
    -webkit-transform: translate3d(-50%,-50%,0) translate3d(-60%,-40%,0) rotate(-16deg);
    transform: translate3d(-50%,-50%,0) translate3d(-60%,-40%,0) rotate(-16deg);
}

.slide--layout-2 .slide__img:nth-child(2) {
    -webkit-transform: translate3d(-50%,-50%,0) translate3d(60%,-40%,0) rotate(10deg);
    transform: translate3d(-50%,-50%,0) translate3d(60%,-40%,0) rotate(10deg);
}

.slide--layout-2 .slide__img:nth-child(3) {
    -webkit-transform: translate3d(-50%,-50%,0) translate3d(60%,40%,0) rotate(-15deg);
    transform: translate3d(-50%,-50%,0) translate3d(60%,40%,0) rotate(-15deg);
}

.slide--layout-2 .slide__img:nth-child(4) {
    -webkit-transform: translate3d(-50%,-50%,0) translate3d(-60%,40%,0) rotate(10deg);
    transform: translate3d(-50%,-50%,0) translate3d(-60%,40%,0) rotate(10deg);
}

.slide--layout-2 .slide__img:last-child {
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    width: 450px;
    height: 400px;
}

.slide--layout-2 .slide__img:last-child .slide__img-inner {
    border: 10px solid #ffffff;
    border-bottom-width: 65px;
}

.slide__img-caption {
    position: absolute;
    width: 100%;
    top: 100%;
    text-align: center;
    margin: 0;
    padding: 1em;
    font-size: 1.25em;
    color: #000000;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

@media screen and (max-width: 45em) {
    .slide--layout-2 .slide__img:not(:last-child) {
        width: 100px;
        height: 100px;
    }
    .slide--layout-2 .slide__img:last-child .slide__img-inner {
        border-bottom-width: 40px;
    }
    .slide--layout-2 .slide__img:last-child {
        width: 160px;
        height: 160px;
    }
    .slide__img-caption {
        font-size: 0.75em;
    }
}

/* 5.8. Concept Card Stack 7 Images */
.slide--layout-3 .slide__img:nth-child(1) .slide__img-inner {
    transform: translateX(0px) rotateZ(0deg);
}
.slide--layout-3 .slide__img:nth-child(2) .slide__img-inner {
    transform: translateX(0px) rotateZ(6deg);
}
.slide--layout-3 .slide__img:nth-child(3) .slide__img-inner {
    transform: translateX(0px) rotateZ(12deg);
}
.slide--layout-3 .slide__img:nth-child(4) .slide__img-inner {
    transform: translateX(0px) rotateZ(18deg);
}
.slide--layout-3 .slide__img:nth-child(5) .slide__img-inner {
    transform: translateX(0px) rotateZ(24deg);
}
.slide--layout-3 .slide__img:nth-child(6) .slide__img-inner {
    transform: translateX(0px) rotateZ(30deg);
}
.slide--layout-3 .slide__img:nth-child(7) .slide__img-inner {
    transform: translateX(0px) rotateZ(36deg);
}
.slide--layout-3 .slide__img {
    position: absolute;
    width: 450px;
    height: 450px;
    top: 40%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0) translate3d(-50%,0,0) rotate(-15deg);
    transform: translate3d(-50%,-50%,0) translate3d(-50%,0,0) rotate(-15deg);
}

@media screen and (max-width: 45em) {
    .slide--layout-3 .slide__img {
        width: 200px;
        height: 200px;
    }
}

.slide--layout-3 .slide__img-inner {
    -webkit-transform-origin: 50% 200%;
    transform-origin: 50% 200%;
}

/* 5.9. Concept Asymmetrical 4 Images */

.slide--layout-4 a.album-redirect {
    position: absolute;
}

.slide--layout-4 a.album-redirect:nth-child(2) {
    top: 15%;
    left: 15%;
    width: 30%;
    height: 50%;
}

.slide--layout-4 a.album-redirect:first-child {
    top: 40%;
    left: 5%;
    width: 80%;
    height: 60%;
}

.slide--layout-4 a.album-redirect:nth-child(3) {
    top: 0;
    left: 40%;
    width: 40%;
    height: 60%;
}

.slide--layout-4 a.album-redirect:nth-child(4) {
    top: 50%;
    left: 75%;
    width: 22.5%;
    height: 42.5%;
}

/* 5.10. Concept Grid 20 Images */

.slide--layout-5 .slide-imgwrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 8% 0;
    width: 100%;
}

.slide--layout-5 .slide__img {
    position: relative;
    width: calc((100% / 6) - 10px);
    padding-bottom: calc((100% / 6) - 10px);
    min-height: 150px;
    margin: 5px;
}

@media screen and (max-width: 45em) {
    .slide--layout-5 .slide__img {
        min-height: 50px;
    }
}

/* 5.11. Concept Round Images */

.slide--layout-6 a.album-redirect {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 45%;
    padding-bottom: 45%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}

.slide--layout-6 .slide__img-inner {
    border-radius: 50%;
}

.slide--layout-6 a.album-redirect:first-child {
    -webkit-transform: translate3d(0%,-40%,0) scale(0.6);
    transform: translate3d(0%,-40%,0) scale(0.6);
}

.slide--layout-6 a.album-redirect:nth-child(3) {
    -webkit-transform: translate3d(-100%,-60%,0) scale(0.75);
    transform: translate3d(-100%,-60%,0) scale(0.75);
}

.js .slideshow .slide--layout-6.slide,
.js .slideshow .slide--layout-1.slide,
.js .slideshow .slide--layout-7.slide

{
    top:5%;
}


.js .slideshow .slide--layout-3.slide,
.js .slideshow .slide--layout-2.slide

{
    top: 10%;
}


.slideshow .slide--layout-6 .slide__title,
 .slideshow .slide--layout-4 .slide__title,
  .slideshow .slide--layout-1 .slide__title,
  .slideshow .slide--layout-7 .slide__title {
    margin-top: 4%;
}

/* 5.12. Concept Rhomboid Images */

.slide--layout-7 a.album-redirect {
    position: absolute;
    width: 41%;
    height: 100%;
}

.slide--layout-7 a.album-redirect:nth-child(2) {
    left: 30%;
}

.slide--layout-7 a.album-redirect:nth-child(3) {
    left: 60%;
}

.slide--layout-7 .slide__img-inner {
    -moz-clip-path: url('../index.html#polygon-clip-rhomboid'); /* Firefox needs this path */
    -webkit-clip-path: polygon(0% 100%, 30% 0%, 100% 0%, 70% 100%);
    clip-path: polygon(0% 100%, 30% 0%, 100% 0%, 70% 100%);
}

/*-----------------------------------------------------------------------------------*/
/*  6.  Single Gallery
/*-----------------------------------------------------------------------------------*/

.page-title .title-wrap .author-section {
    margin-bottom: 30px;
}

.page-title .title-wrap .subtitle-album {
    color: #999999;
    font-size: 18px;
    font-size: 1.8rem;
    padding: 10px 0 0;
    display: block;
}

.page-title .title-wrap .title-content p {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: normal;
}

.single-gallery .page-title .title-wrap .title-content cite {
    font-weight: bold;
    margin-top: 20px;
    display: inline-block;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

/*creative grid*/


.single-gallery .album-2 .caption-gallery {
    font-size: 18px;
    font-size: 1.8rem;
    color: #8d99ae;
}

.single-gallery .album-2 h3 {
    margin-bottom: 10px;
}

.album-2 .content {
    padding: 40px 0;
}

.album-2 .album-desc {
    margin-bottom: 40px;
}

.album-2 .album-desc h4 {
    text-align: center;
    font-size: 10px;
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 4px;
}

.album-2 .album-desc h2 {
    text-align: center;
    font-size: 34px;
    font-size: 3.4rem;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.album-2 .album-desc blockquote {
    text-align: center;
    width: 60%;
    max-width: 400px;
    margin: 0 auto;
    border: none;
    padding: 0;
}

.album-2 .album-desc blockquote cite {
    font-size: 10px;
    font-size: 1rem;
    padding-top: 10px;
    display: inline-block;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.album-2 .grid {
    overflow: hidden;
    max-width: 100%;
    width: 100%;
    margin: 0;
}

.album-2 .grid a {
    float: none;
    width: 100%;
}

.grid__item {
    width: 25%;
    padding: 0.2%;
}

.grid__item--current {
    opacity: 0 !important;
}

.img-wrap {
    display: block;
}

.img-wrap:focus,
.img-wrap:hover {
    outline: none;
}

.img-wrap img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 100%;
}

.preview {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 50%;
    height: 100%;
    pointer-events: none;
}

.preview::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #1f1d1d;
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.preview--open {
    pointer-events: auto;
}

.preview--open::before {
    opacity: 1;
}

.clone {
    position: fixed;
    z-index: 110;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    opacity: 0 !important;
    -webkit-backface-visibility: hidden;
}

.original {
    position: relative;
    z-index: 120;
    display: block;
    object-fit: contain;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    -webkit-backface-visibility: hidden;
}

.preview--open .animate {
    /* open */
    -webkit-transition: -webkit-transform 0.6s, opacity 0.2s;
    transition: transform 0.6s, opacity 0.2s;
}

.animate {
    /* close */
    -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
    transition: transform 0.3s, opacity 0.2s;
}

.description {
    color: #fff;
}

.js .description--grid {
    display: none;
}

.description--preview {
    font-size: 2rem;
    position: absolute;
    z-index: 140;
    width: 100%;
    left: 100%;
    top: 0;
    height: 100%;
    padding: 0 5em;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    opacity: 0;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
}

.preview--open .description--preview {
    opacity: 1;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.description--preview h3 {
    font-weight: normal;
    margin: 0;
}

.description--preview p {
    font-size: 0.65em;
    max-width: 100%;
}

.description--preview p em {
    color: #5D5D5D;
    display: block;
    padding: 0.4em 0 0 0;
}

/* Details */

.details {
    max-width: 100%;
    /* IE 10-11 bug flexbox */
}

.details ul {
    line-height: 1;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

.details ul li {
    font-size: 0.5em;
    position: relative;
    display: inline-block;
    margin: 0 1em 0 0;
    padding: 0.15em 0;
    white-space: nowrap;
    opacity: 0;
    color: #9d9d9d;
    -webkit-transition: -webkit-transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
}

.preview--open .details ul li {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.preview--open .details ul li:nth-child(1) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.preview--open .details ul li:nth-child(2) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.preview--open .details ul li:nth-child(3) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.preview--open .details ul li:nth-child(4) {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.preview--open .details ul li:nth-child(5) {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.details ul li:first-child {
    font-weight: bold;
    color: #909090;
}

.icon {
    font-family: 'camera-icons';
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    text-transform: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
}

.icon + span {
    margin-left: 5px;
    vertical-align: middle;
}

.icon-focal_length:before {
    content: '\e600';
}

.icon-exposure_time:before {
    content: '\e601';
}

.icon-iso:before {
    content: '\e602';
}

.icon-camera:before {
    content: '\e603';
}

.icon-aperture:before {
    content: '\e604';
}

.details .icon {
    margin-right: 5px;
    color: #fff;
}


/* Close button */

.action {
    font-size: 1.5em;
    margin: 0;
    padding: 0;
    cursor: pointer;
    vertical-align: top;
    color: #fff;
    border: none;
    background: none;
}

.action:hover,
.action:focus {
    color: #fff;
    outline: none;
}

.action--close {
    position: fixed;
    z-index: 150;
    top: 0;
    right: 0;
    padding: 1em;
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: scale3d(0.6, 0.6, 1);
    transform: scale3d(0.6, 0.6, 1);
}

.preview--image-loaded .action--close {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.text-hidden {
    position: absolute;
    display: block;
    overflow: hidden;
    width: 0;
    height: 0;
    color: transparent;
}

@media screen and (max-width: 40em) {
    .description--preview h3 {
        font-size: 0.5em;
    }
    .description--preview p,
    .details {
        display: none;
    }
}


@-webkit-keyframes roll {
    0% {
        -webkit-transform: translateX(500px) rotate(360deg);
    }
    100% {
        -webkit-transform: translateX(0px) rotate(0deg);
    }
}

@-moz-keyframes roll {
    0% {
        -moz-transform: translateX(500px) rotate(360deg);
        opacity: 0;
    }
    100% {
        -moz-transform: translateX(0px) rotate(0deg);
        opacity: 1;
    }
}

@-o-keyframes roll {
    0% {
        -o-transform: translateX(500px) rotate(360deg);
        opacity: 0;
    }
    100% {
        -o-transform: translateX(0px) rotate(0deg);
        opacity: 1;
    }
}

@-ms-keyframes roll {
    0% {
        -ms-transform: translateX(500px) rotate(360deg);
        opacity: 0;
    }
    100% {
        -ms-transform: translateX(0px) rotate(0deg);
        opacity: 1;
    }
}

@keyframes roll {
    0% {
        transform: translateX(500px) rotate(360deg);
        opacity: 0;
    }
    100% {
        transform: translateX(0px) rotate(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes moveUp {
    0% {
        -webkit-transform: translateY(40px);
    }
    100% {
        -webkit-transform: translateY(0px);
    }
}

@-moz-keyframes moveUp {
    0% {
        -moz-transform: translateY(40px);
    }
    100% {
        -moz-transform: translateY(0px);
    }
}

@-o-keyframes moveUp {
    0% {
        -o-transform: translateY(40px);
    }
    100% {
        -o-transform: translateY(0px);
    }
}

@-ms-keyframes moveUp {
    0% {
        -ms-transform: translateY(40px);
    }
    100% {
        -ms-transform: translateY(0px);
    }
}

@keyframes moveUp {
    0% {
        transform: translateY(40px);
    }
    100% {
        transform: translateY(0px);
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes scaleDown {
    0% {
        -webkit-transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.5);
    }
}

@-moz-keyframes scaleDown {
    0% {
        -moz-transform: scale(1);
    }
    100% {
        -moz-transform: scale(0.5);
    }
}

@-o-keyframes scaleDown {
    0% {
        -o-transform: scale(1);
    }
    100% {
        -o-transform: scale(0.5);
    }
}

@-ms-keyframes scaleDown {
    0% {
        -ms-transform: scale(1);
    }
    100% {
        -ms-transform: scale(0.5);
    }
}

@keyframes scaleDown {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.5);
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-ms-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}


/* Polaroid Grid */

.polaroid-grid .gallery-item .border-wrap {
    background-color: #ffffff;
    border: 10px solid #ffffff;
}

.polaroid-grid .gallery-item .gallery-info {
    padding: 15px 5px 10px;
}

.polaroid-grid .gallery-item .gallery-info h4 {
    margin-bottom: 0;
    text-transform: capitalize;
}

.polaroid-grid .gallery-item .gallery-info p.caption {
    margin-top: 5px;
    margin-bottom: 0;
}

.polaroid-grid .gallery-item .image img {
    -webkit-transition: all 0.7s cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -moz-transition: all 0.7s cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -o-transition: all 0.7s cubic-bezier(0.600, 0.000, 0.200, 1.000);
    transition: all 0.7s cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -o-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
    transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
}

.polaroid-grid .gallery-item .border-wrap:hover .image img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

/*magnific popup*/
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    right: -10px;
    top: -15px;
    font-size: 35px;
    font-size: 3.5rem;
}



/* ANIMATE SCroll One */
.page-scroll-layout {
    display: grid;
    padding: 5vw;
    max-width: 1400px;
    margin: 0 auto;
    grid-template-columns: 100%;
    grid-template-areas:
        'header'
        'meta'
        'grid';
    will-change: transform;
}

.animate-scroll-1 {


	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #111;
	background-color: #bad5ca;
	--aspect-ratio: 32/17;
    font-size: 1.25rem;

}

.absolute-link-par {
    position: relative;
}
.absolute-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.animate-scroll-2 {
    margin: 0;
	color: #dc6e25;
	background-color: #efded3;
	--aspect-ratio: 1/1.5;
	--imgwidthmax: 500px;
	color: var(color);
	background-color: var(background-color);
	font-size: 1.5rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	--blendmode-title: difference;
    --aspect-ratio: 8/10;
}

.animate-scroll-3 {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #905348;
	background-color: #120605;
	font-size: 1rem;
	--size-title: 9vw;
    --imgwidthmax: 600px;
    --aspect-ratio: 500/550;
}

.animate-scroll-4 {
	color: #06d6a0;
	background-color: #cccdb9;
	--color-link: #fff;
	--color-link-hover: #a9a798;
	--color-title: #fff;
	--font-title: inherit;
	--font-weight-title: 100;
	font-size: 1.15rem;
    --imgwidthmax: 600px;
    --aspect-ratio: 750/500;
}


.animate-scroll .page__title {
	grid-area: header;
	margin: 0 0 1rem;
	font-size: inherit;
	font-weight: 400;
}

.animate-scroll .content {
	grid-area: grid;
	margin: 25vh 0 30vh;
}

.animate-scroll .content--offset {
	display: grid;
	grid-template-columns: repeat(2, minmax(100px, 1fr));
	grid-gap: 30vh 10vw;
}

.animate-scroll .content--full {
	width: 100vw;
	justify-self: center;
}

.animate-scroll .content--padded {
	padding: 0 10vw;
    padding-bottom: 3em;
}

.animate-scroll .content__item {
	--imgwidth: calc(var(--imgwidthmax) * var(--aspect-ratio));
	width: var(--imgwidth);
	max-width: 100%;
	position: relative;
	will-change: transform;
	margin-bottom: 30vh;
	display: grid;
	grid-template-columns: 50% 50%;
}

.animate-scroll .content__item--wide {
	grid-template-columns: 20% 80%;
}

.animate-scroll .content__item--wide:nth-child(even) {
	grid-template-columns: 80% 20%;
}

.animate-scroll .content--center .content__item {
	margin: 0 auto 60vh;
}

.animate-scroll .content__item--expand {
	width: 100%;
	grid-template-columns: minmax(0, var(--imgwidth)) 1fr;
}

.animate-scroll .content__item--expand:nth-child(even) {
	grid-template-columns: 1fr minmax(0, var(--imgwidth));
}

.animate-scroll .content--alternate .content__item {
	max-width: 90vw;
}

.animate-scroll .content--offset .content__item {
	margin: 0 auto 15vh;
}

.animate-scroll .content--offset .content__item:nth-child(even) {
	align-self: end;
	margin-bottom: -20vh;
}

.animate-scroll .content--alternate .content__item:nth-child(even) {
	margin-left: auto;
}

.animate-scroll .content__item-imgwrap {
	position: relative;
	--imgwidth: 100%;
	margin: 0 auto;
	grid-area: 1 / 1 / 3 / 3;
	overflow: hidden;
	width: var(--imgwidth);
	padding-bottom: calc(var(--imgwidth) / (var(--aspect-ratio)));
	will-change: transform;
}

.animate-scroll-2 .content__item-imgwrap {
	outline: 1px solid transparent;
}

.animate-scroll .content__item--expand .content__item-imgwrap {
	grid-area: 1 / 1 / 3 / 2;
}

.animate-scroll .content__item--expand:nth-child(even) .content__item-imgwrap {
	grid-area: 1 / 2 / 3 / 3;
	justify-self: end;
}

.animate-scroll .content__item-img {
	--overflow: 40px;
	height: calc(100% + (2 * var(--overflow)));
	top: calc( -1 * var(--overflow));
	width: 100%;
	position: absolute;
	background-size: cover;
	background-position: 50% 0%;
	will-change: transform;
	opacity: 0.8;
}

.animate-scroll .content__item-img--t1 {
	--overflow: 60px;
}

.animate-scroll .content__item-img--t2 {
	--overflow: 80px;
}

.animate-scroll .content__item-img--t3 {
	--overflow: 120px;
}

.animate-scroll .content__item-number {
	opacity: 0.03;
	font-size: 25vw;
	position: absolute;
	top: -7vw;
	right: -10vw;
	line-height: 1;
}

.animate-scroll .content__item:nth-child(even) .content__item-number {
	right: auto;
	left: -7vw;
}

.animate-scroll .content__item-title {
	position: relative;
    font-size: 50px;
    font-size: 5rem;
	align-self: start;
    line-height: 6.5rem;
	will-change: transform;
}

.animate-scroll.animate-scroll-2 .content__item-title {
    position: absolute;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.8;
    align-self: start;
    will-change: transform;
    font-weight: bold;
    background-color: #DA0D2B;
    width: auto !important;
    color: #ffffff;
    padding: 0 15px;
    text-transform: none;
}
.animate-scroll.animate-scroll-2 .content__item:nth-child(odd) .content__item-title {
    right: -90px;
}
.animate-scroll.animate-scroll-2 .content__item:nth-child(even) .content__item-title {
    left: -90px;
}

.animate-scroll.animate-scroll-1 .content__item:nth-child(even) .content__item-title {
    padding: 0 5vw 0 40vw;
}
.animate-scroll.animate-scroll-1 .content__item:nth-child(odd) .content__item-title {
    padding: 0 40vw 0 5vw;
}

.animate-scroll .content--center .content__item-title {
	grid-area: 1 / 1 / 3 / 3;
	margin: auto;
}

.animate-scroll .content__item-title--layer {
	padding: 0;
	z-index: 10;
	grid-area: 1 / 1 / 2 / 3;
	width: 100%;
	text-align: center;
}

.animate-scroll .content__item-description {
	grid-area: 3 / 1 / 3 / 3;
	width: 70%;
	position: relative;
	margin: 0;
    color: var(--color-description);
    font-size: 14px;
    font-size: 1.4rem;
    font-style: oblique;
    line-height: 1.6;
}

.animate-scroll .content--alternate .content__item-title,
.animate-scroll .content__item--wide:nth-child(even) .content__item-description {
	grid-area: 3 / 1 / 4 / 2;
	justify-self: start;
}

.animate-scroll.animate-scroll-1 .content--alternate .content__item-title,
.animate-scroll.animate-scroll-1 .content__item--wide:nth-child(even) .content__item-description {
    grid-area: 3 / 1 / 3 / 3;
    justify-self: start;
}

.animate-scroll .content--alternate .content__item:nth-child(even) .content__item-title,
.animate-scroll .content__item--wide .content__item-description {
	grid-area: 3 / 2 / 4 / 3;
	justify-self: end;
	width: auto;
}

.animate-scroll.animate-scroll-1 .content--alternate .content__item:nth-child(even) .content__item-title,
.animate-scroll.animate-scroll-1 .content__item--wide .content__item-description {
    grid-area: 3 / 1 / 3 / 3;
    justify-self: end;
    width: auto;
}

.animate-scroll .content__item--expand .content__item-description {
    grid-area: 1 / 2 / 3 / 3;
    justify-self: start;
    align-self: center;
    padding: 0 2rem;
    width: 250px;

}

.animate-scroll .content__item--expand:nth-child(even) .content__item-description {
	grid-area: 1 / 1 / 3 / 2;
	justify-self: end;
	text-align: right;
}

.animate-scroll .content__item-deco {
	position: absolute;
	top: 2rem;
	left: 10vw;
	height: 30%;
	width: 1px;
	background: #d79612;
}

.animate-scroll .content__item-decobar {
	width: 140%;
	height: 25%;
	top: 20%;
	left: -20%;
	position: absolute;
	background: #dd525a;
	mix-blend-mode: color-burn;
}

.animate-scroll-3 .content__item .content__item-title {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 3.8rem;
}
.animate-scroll-3 .content__item:nth-child(odd) .content__item-title, .animate-scroll-3 .content__item:nth-child(odd) .content__item-description {
    padding-left: 80px;
}
.animate-scroll-3 .content__item:nth-child(even) .content__item-title, .animate-scroll-3 .content__item:nth-child(even) .content__item-description {
    padding-right: 80px;
}

@media screen and (min-width: 53em) {
	.animate-scroll .page--layout-1 {
		grid-template-columns: 30% 70%;
		grid-template-areas: 'header header' '...  meta' 'grid grid';
	}
	.animate-scroll .page--layout-2 {
		grid-template-columns: 1fr 1fr;
		grid-template-areas: 'header meta' '...  meta' 'grid grid';
	}
}

@media screen and (max-width: 40em) {
	.animate-scroll .content__item--expand .content__item-imgwrap,
	.animate-scroll .content__item--expand:nth-child(even) .content__item-imgwrap {
		grid-area: 1 / 1 / 3 / 3;
	}
	.animate-scroll .content__item--expand .content__item-description,
	.animate-scroll .content__item--expand:nth-child(even) .content__item-description,
	.animate-scroll .content__item--wide .content__item-description,
	.animate-scroll .content__item--wide:nth-child(even) .content__item-description {
		grid-area: 3 / 1 / 4 / 3;
	    padding: 1rem 0;
	    width: 100%;
	    text-align: left;
	}
	.animate-scroll .content__item--wide .content__item-description {
		padding: 10px 1rem 0 40rem;
	}
	.animate-scroll .content--alternate .content__item-title,
	.animate-scroll .content--alternate .content__item:nth-child(even) .content__item-title {
		grid-area: 1 / 1 / 4 / 2;
	}
}

.animate-scroll-4 .content__item-title {
    padding: 0 60px;
}

/*-----------------------------------------------------------------------------------*/
/*  7.  Footer
/*-----------------------------------------------------------------------------------*/

#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 0 19px;
    z-index: 10;
    min-height: 39px;
}

#footer .copyright-text {
    font-size: 12px;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 700;

}
.page-template-concept-9 #footer .social-link {
    margin-right: 200px;
}

#footer .social-link ul {
    margin: 0;
    padding: 0;
}

#footer .social-link ul li {
    display: inline-block;
    margin-left: 15px;
    text-align: center;
}

#footer .social-link ul li a {
    font-size: 12px;
    font-size: 1.2rem;
    color: #878787;
    font-weight: 700;
}

#footer .social-link ul li a:hover {
    opacity: 0.7;
}

.top-bar {
    height: 39px;
    width: 100%;
    left: 0;
    right: 0;
    right: 0;
    z-index: 15;
    position: fixed;
    background: white;
    top: 0;
    z-index: 10;
}

.left-bar {
    width: 19px;
    height: 100%;
    top: 0;
    bottom: 0;
    position: fixed;
    background: white;
    left: 0;
    z-index: 10;
}

.right-bar {
    width: 19px;
    height: 100%;
    top: 0;
    bottom: 0;
    position: fixed;
    background: white;
    right: 0;
    z-index: 10;
}

.bottom-bar {
    height: 39px;
    width: 100%;
    left: 0;
    right: 0;
    right: 0;
    z-index: 15;
    position: fixed;
    background: white;
    bottom: 0;
    z-index: 10;
}

.admin-bar .top-bar {
    top: 32px;
}

/*-----------------------------------------------------------------------------------*/
/*  8.  THIRD PARTIES
/*-----------------------------------------------------------------------------------*/

/* Color schemes */
.slider-slideshow-1 {
	--color-text: #000;
    --color-bg: #edf2f4;
    --color-link: #000;
    --color-link-hover: #0e54c1;
    --color-stitle: #000;
    --fontsize-stitle: 8vw;
    --color-sdesc: #000;
    --color-slink: #000;
    --color-slink-hover: #000;
    --color-slink-bg: #fff;
    --color-slink-hover-bg: #0e54c1;
    --color-nav: #000;
    --color-nav-hover: #DA0D2B;
}

.slider-slideshow-2 {
	--color-text: #fff;
    --color-bg: #edf2f4;
    --color-link: #fff;
    --color-link-hover: #ED4264;
    --color-stitle: #f1f1f1;
    --fontsize-stitle: 8vw;
    --color-sdesc: #f1f1f1;
    --color-slink: #f1f1f1;
    --color-slink-hover: #f1f1f1;
    --color-slink-bg: #000;
    --color-slink-hover-bg: #ED4264;
    --color-nav: #000;
    --color-nav-hover: #DA0D2B;
}

.slider-slideshow-3 {
	--color-text: #fff;
    --color-bg: #edf2f4;
    --color-link: #fff;
    --color-link-hover: #415bf8;
    --color-stitle: #f1f1f1;
    --fontsize-stitle: 8vw;
    --color-nav: #000;
    --color-nav-hover: #DA0D2B;
}

.slideshow-slider {
	width: 100%;
	height: 100vh;
	position: relative;

}

.slideshow-slider .slides {
	position: absolute;
	width: 100%;
    height: 100%;
    overflow: hidden;
}

.slideshow-slider .slide {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
    align-items: center;
    text-align: center;

}

.slideshow-slider .slide--current {
	opacity: 1;
	pointer-events: auto;
}

.slideshow-slider .slide__img {
	position: absolute;
	top: -200px;
	left: -200px;
	width: calc(100% + 400px);
	height: calc(100% + 400px);
	background-size: cover;
	background-position: 50% 50%;
}

.slideshow-slider .slidenav__item {
	border: 0;
	background: none;
	font-weight: bold;
	color: var(--color-nav);
}

.slideshow-slider .slidenav__item:focus {
	outline: none;
}

.slideshow-slider .slidenav__item:hover {
	color: var(--color-nav-hover);
}

.slideshow-slider .shape {
	position: absolute;
	width: 100%;
	height: 100%;
	fill: var(--color-shape-fill);
	top: 0;
	pointer-events: none;
}

.slideshow-slider .slide__title {
	position: relative;
	font-size: var(--fontsize-stitle);
	margin: 0;
	cursor: default;
	line-height: 1;
	color: #ffffff;
    z-index: 2;
}

.slideshow-slider .slide__desc {
	position: relative;
	font-size: 1.5rem;
	margin: 0 0 2em 0;
	cursor: default;
	color: #ffffff;
	padding: 0 1em;
	text-align: center;
    z-index: 2;
}

.slideshow-slider .slide__link {
	position: relative;
	font-size: 1em;
	font-weight: bold;
	padding: 1em 2em;
	display: block;
	color: var(--color-slink);
	background: var(--color-slink-bg);
	transition: color 0.3s, background 0.3s;
    z-index: 2;
}

.slideshow-slider .slide__link:hover {
	color: var(--color-slink-hover);
	background: var(--color-slink-hover-bg);
}

.slideshow-slider .slide__title {
    font-size: 5vh;
    margin-bottom: 15px;
}

.slideshow-slider .slide__link {
    padding: 10px 30px;
    text-transform: uppercase;
}
.slideshow-slider .slide__link:hover {
    background: #DA0D2B;
    color: #ffffff;
}
.slideshow-slider .btn-arrow span {
    transition: transform 300ms ease-out;
}
.slideshow-slider .slide__desc {
    width: 60%
}
.slideshow-slider .slide__desc p {
    position: relative;
    font-size: 1.5em;
    margin: 0 0 2em 0;
    cursor: default;
    color: #ffffff;
    padding: 0 1em;
    text-align: center;
    opacity: 1;
    transform: translateX(0px);
    font-size: inherit;
    margin-bottom: 0;
    margin-top: 10px;
}

.overlay-slider {
    background: #000;
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0.4;
    z-index: 1;
}

/* SWIPER */
.swiper-container {
    background-color: #edf2f4;
}

.gallery-carousel-1 .swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 0;
    bottom: 39px;
    height: 5px;
    width: 100%;
    background: #edf2f4;
    border-radius: 0;
}

.gallery-carousel-1 .swiper-scrollbar-drag {
    border-radius: 0;
    left: 0;
    top: 0;
}

/* Concept Codrops Package */
.js .the-packs .slideshow .slide--current .slide__title {
    width: 80%;
    margin: 30px auto 0;
}
.the-packs .slideshow .slide__title-main {
    padding-right: 80px;
    text-align: left;
}

.js .the-packs.concept-14 .slideshow .slide--current .slide__title {
    margin-top: 0;
}

.slideshow .slide__title-sub {
    margin-top: 0;
    font-size: inherit;
    text-align: left;
}
.slideshow .slide__title-sub p {
    margin-bottom: 0;
}
.the-packs .slideshow .view-album {
    text-align: right;
}

.js .the-packs .slideshow .slide--current .slide__title.no-grid {
    display: block;
}
.js .the-packs .slideshow .slide--current .slide__title.no-grid .slide__title-main {
    text-align: center;
    display: block;
    padding: 0;
}

.concept-13 .js .the-packs .slideshow .slide--current .slide__title {
    width: 80%;
    margin: 0px auto 0;
}

/* Button with Arrow */
.slide__title .view-album a {
    border-color: #DA0D2B;
    padding: 10px 30px;
    border-radius: 5px;
    margin-top: 0;
    font-weight: bold;
    color: #ffffff;
    background-color: #DA0D2B;
}
.slide__title .view-album a:hover {
    border-color: #DA0D2B;
    color: #ffffff;
    background-color: #DA0D2B;
}



.custom-wrap.single-page-default {
    padding-top: 80px;
}

nav.menu .sm-clean a.background--dark {
    color: #ffffff;
}
nav.menu .sm-clean a.background--light {
    color: #000000;
}

.icon-next:before {
    content: "\55";
}

.icon-back {
    line-height: 0.4;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}
.icon-back:before {
    content: "\55";
}
.should-hide {
    display: none;
}

.single-jepret-gallery .album-2 {
    margin: -0.2%;
}
.meta-bottom span{
    color: #DA0D2B;
}
h2.comment-reply-title{
    margin-bottom: 10px;
    letter-spacing: 0;
}
.comments-area .comment-respond form p.logged-in-as a{
    color: #555555;
}
.comments-area .comment-respond form p.logged-in-as a:hover{
    color: #DA0D2B;
}
.comments-area .comment-respond form p input, .comments-area .comment-respond form p textarea{
    font-size: 1.4em;
    letter-spacing: 0;
    border-bottom: 1px solid #d2d2d2;
}
.single-post-wrap .post-title{
    font-size: 3.6rem;
    line-height: 1.4;
}
.comments-title h3{
    line-height: 1.4;
}
.comments-area ol.comment-list li article.comment .meta-comment .comment-meta{
    font-size: 1.4rem;
    color: #333;
    font-style: italic
}
.comments-area ol.comment-list li article.comment .meta-comment .comment-action a{
    letter-spacing: 0;
}
.bypostauthor > .comment .comment-author cite:after{
    font-size: 1.2rem;
    font-style: italic;
    margin-left: 5px;
    color: #DA0D2B;
}
.comment-text p{
    padding-top: 5px;
}
.comments-area ol.comment-list li article.comment .avatar img{
    border-radius: 50px;
}
.widget_tag_cloud .tagcloud a:hover{
    border: 1px solid #DA0D2B;
    background-color: #DA0D2B;
}
.sidebar-recent-post .post-item{
    border-bottom: 1px solid #dddddd;
}
form input, form textarea{
    background-color: #ffffff;
}
.blog-post .post-title{
    line-height: 1.4;
}
.blog-post .inner-content{
    padding: 30px 30px 50px 30px;
}
.slideshow .slide__title-sub p{
    font-size: 1.2rem;
    line-height: 1.8rem;
}
.blog-post .read-more a:hover{
    color: #DA0D2B;
    border-bottom: 1px solid #DA0D2B;
}
.comments-area ol.comment-list li article.comment{
    padding: 20px 20px 20px 0;
}

.title-wrap h2 {
    font-size: 35px;
    font-weight: bold;
}

.wp-block-search .wp-block-search__button {
    background-color: #DA0D2B;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.1em;
    cursor: pointer;
    height: 45px;
    margin: 0;
    border: 0;
    padding: 0 20px;
}

.no-res-wrap {
    height: auto;
    margin: 0;
    padding: 0;
}
.no-res-wrap.blog-post .wrapper {
    height: auto;
}
.main-404-wrap.no-res-wrap .post-content {
    padding-left: 42px;
    margin-left: 17px;
    position: relative;
    top: 0;
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
    text-align: center;
}
.main-404-wrap.no-res-wrap .error-text {
    padding: 0;
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 0;
}
.main-404-wrap.no-res-wrap .search-form {
    margin-top: 0;
}

.search-page .content-wrapper {
    padding: 0;
    margin-bottom: 80px;
}
.search-page .content-wrapper.page-title {
    padding-top: 80px;
}
.main-404-wrap.no-res-wrap .search-form {
    margin-top: 80px;
}
.main-404-wrap.no-res-wrap .error-text.newsearch {
    font-weight: bold;
}
.suggestions-search {
    padding: 0;
    margin: 0;
    list-style: none;
}
.suggest-title {
    font-size: 20px;
    font-weight: bold;
    text-transform: none;
}
.suggest-wrap {
    margin-top: 40px;
}

.search-no-results .search-page .content-wrapper {
    margin-bottom: 0;
}

.floating-link-conc {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.widget_pages ul li, .widget_meta ul li, .widget_recent_comments ul li, .widget_recent_entries ul li, .widget_rss ul li, .widget_nav_menu ul li, .widget_archive ul li, .widget_categories ul li {
    font-size: 15px;
    font-size: 1.5rem;
}

#wp-comment-cookies-consent {
    height: auto;
    float: left;
    width: auto;
    margin-right: 10px;
    margin-top: 8px;
}

.js .concept-16.the-packs .slideshow .slide--current .slide__title {
    margin: 0 auto;
}

#calendar_wrap caption {
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 10px;
}
#calendar_wrap thead {
    background-color: #D0D5D6;
}
#calendar_wrap tbody {
    text-align: center;
}
#calendar_wrap tbody tr td.parent {
    background-color: #DA0D2B;
}
#calendar_wrap tbody tr td.parent a {
    color: #ffffff;
}

.post-nav-links .post-page-numbers {
    background-color: transparent;
    color: #333;
    padding: 5px 12px;
    border-radius: 3px;
    display: inline;
}
.post-nav-links .post-page-numbers.current {
    background-color: #DA0D2B;
    color: #ffffff;
}