/*
Template Name: Tres
Template URL: https://www.codesymbol.com/themes/tres/demo
Version: 1.0.4
Author: CodeSymbol
Author URL: https://themeforest.net/user/codesymbol/

1.  Basics
2.  Header
3.  Footer
4.  Elements
5.  Landings
5.  Portfolio
6.  Pages
7.  Blog
8.  Transitions
9.  Media Quieries
*/


/*
================================================================
================================================================
	Basics
================================================================
================================================================
*/

    /* ---------------------- */
    /* Global                 */
    /* ---------------------- */
        @font-face {
            font-family: 'Playfairdisplay';
            src: url('../includes/font/playfair-display-regular.eot');
            src: url('../includes/font/playfair-display-regular.eot?#iefix') format('embedded-opentype'),
                 url('../includes/font/playfair-display-regular.woff') format('woff'),
                 url('../includes/font/playfair-display-regular.woff2') format('woff2'),
                 url('../includes/font/playfair-display-regular.ttf') format('truetype'),
                 url('../includes/font/playfair-display-regular.svg#PlayfairDisplay') format('svg');
            font-weight: 400;
            font-style: normal;
        }
        @font-face {
            font-family: 'Playfairdisplay';
            src: url('../includes/font/playfair-display-700.eot');
            src: url('../includes/font/playfair-display-700.eot?#iefix') format('embedded-opentype'),
                 url('../includes/font/playfair-display-700.woff') format('woff'),
                 url('../includes/font/playfair-display-700.woff2') format('woff2'),
                 url('../includes/font/playfair-display-700.ttf') format('truetype'),
                 url('../includes/font/playfair-display-700.svg#PlayfairDisplay_semibold') format('svg');
            font-weight: 700;
            font-style: normal;
        }
        @font-face {
            font-family: 'Playfairdisplay';
            src: url('../includes/font/playfair-display-900.eot');
            src: url('../includes/font/playfair-display-900.eot?#iefix') format('embedded-opentype'),
                 url('../includes/font/playfair-display-900.woff') format('woff'),
                 url('../includes/font/playfair-display-900.woff2') format('woff2'),
                 url('../includes/font/playfair-display-900.ttf') format('truetype'),
                 url('../includes/font/playfair-display-900.svg#PlayfairDisplay_black') format('svg');
            font-weight: 900;
            font-style: normal;
        }
        html {

        }
        body {
            position: relative;
            z-index: 0;
            overflow-x: hidden;
            font-size: 14px;
            line-height: 25px;
            letter-spacing: 0px;
            font-family: sans-serif;
            font-weight: 400;
            color: #333;
            background-color: #fff;
            border: 20px solid #333;
        }
        body.fullscreen,
        html.fullscreen {
            width: 100%;
            height: 100%;
            overflow: hidden;
            background-size: cover;
            background-position: center;
        }
        p {
            color: #000;
            -webkit-font-smoothing: antialiased;
        }
        main p {
            margin-bottom: 25px;
        }
        a {
            color: inherit;
        }
        main a {

        }
        ul {
            font-size: 0;
        }
        ul li {
            font-size: 14px;
        }
        h1, h2, h3, h4, h5, h6 {
            font-family: Playfairdisplay!important;
            font-weight: 700;
            margin-bottom: 35px;
            letter-spacing: 0;
        }
        h1 {
            font-size: 48px;
            line-height: 52px;
        }
        h2 {
            font-size: 32px;
            line-height: 42px;
        }
        h3 {
            font-size: 28px;
            line-height: 38px;
        }
        h4 {
            font-size: 22px;
            line-height: 32px;
        }
        h5 {
            font-size: 18px;
            line-height: 25px;
        }
        h6 {
            font-size: 16px;
            line-height: 22px;
        }
        main {
            position: relative;
            z-index: 1;
        }
        main.fullscreen {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            overflow: hidden;
        }
        body.fullscreen main .row,
        body.fullscreen main .column,
        body.fullwidth main .row,
        body.fullwidth main .column {
            position: relative;
            width: 100%;
            height: 100%;
        }
        main.fullwidth {
            overflow: hidden;
        }
        .container-boxed {
            position: relative;
            width: 1100px;
            margin: 0 auto;
            z-index: 2;
        }
        .style-sliced .container-boxed {
            width: 100%;
            margin: 0;
        }
        .small-container-boxed {
            width: 860px;
            margin: 0 auto;
        }
        .small-container-boxed::after {
            content: "";
            display: block;
            clear: both;
        }
        .font-semibold {
            font-weight: 700;
        }
        .font-bold {
            font-weight: 900;
        }
        .text-left {
            text-align: left;
        }
        .text-right {
            text-align: right;
        }
        .text-center {
            text-align: center;
        }
        .bg-cover {
            background-size: cover;
            background-position: center;
        }
        .bg-cover-fixed {
            color: #ffffff;
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        }
        .bg-cover-fixed::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #000000;
            opacity: 0.4;
        }
        main img {
            max-width: 100%;
        }
        img.fullwidth {
            display: block;
            width: 100%;
        }
        form input::-webkit-input-placeholder,
        form textarea::-webkit-input-placeholder {
            color: #000;
            opacity: 1!important;
        }
        form input::-moz-placeholder,
        form textarea::-moz-placeholder {
            color: #000;
            opacity: 1!important;
        }
        form input::placeholder,
        ::placeholder {
            color: #000;
            opacity: 1!important;
        }

    /* ---------------------- */
    /* Defaults               */
    /* ---------------------- */

        /* Global */
            main p {
                margin-bottom: 20px;
                letter-spacing: 0;
            }
            main p a,
            main h1 a,
            main h2 a,
            main h3 a,
            main h4 a,
            main h5 a,
            main h6 a,
            .blog .post .meta a,
            .wp-calendar-nav a,
            .blog .pagination a,
            .blog .pagination span,
            .blog-single .head .meta a,
            .blog-single .content .page-links span,
            .blog-single .content .page-links a,
            main.single-page .page-links a,
            main.page .comments .comments-area .comment-body .comment-reply-link,
            main.blog-single article ul li a {
                display: inline-block;
                position: relative;
                vertical-align: top;
                line-height: 25px;
                overflow: hidden;
                color: #6a6a6a;
            }
            main p a:hover,
            main h1 a:hover,
            main h2 a:hover,
            main h3 a:hover,
            main h4 a:hover,
            main h5 a:hover,
            main h6 a:hover,
            .blog .post .meta a:hover,
            .wp-calendar-nav a:hover,
            .blog .pagination a:hover,
            .blog .pagination span:hover,
            .blog-single .head .meta a:hover,
            .blog-single .content .page-links span:hover,
            .blog-single .content .page-links a:hover,
            main.page .comments .comments-area .comment-body .comment-reply-link:hover,
            main.single-page .page-links a:hover,
            main.blog-single article ul li a:hover {
                color: #000;
            }
            main h1 a,
            main h2 a,
            main h3 a,
            main h4 a,
            main h5 a,
            main h6 a {
                color: #333;
            }
            main h1 a {
                line-height: 52px;
            }
            main h2 a {
                line-height: 42px;
            }
            main h3 a {
                line-height: 35px;
            }
            main h4 a {
                line-height: 31px;
            }
            main h5 a {
                line-height: 25px;
            }
            main h6 a {
                line-height: 20px;
            }
            main p a:before,
            main p a:after,
            main h1 a:before,
            main h1 a:after,
            main h2 a:before,
            main h2 a:after,
            main h3 a:before,
            main h3 a:after,
            main h4 a:before,
            main h4 a:after,
            main h5 a:before,
            main h5 a:after,
            main h6 a:before,
            main h6 a:after,
            .blog .post .meta a:before,
            .blog .post .meta a:after,
            .wp-calendar-nav a:before,
            .wp-calendar-nav a:after,
            .blog .pagination a:before,
            .blog .pagination a:after,
            .blog-single .head .meta a:before,
            .blog-single .head .meta a:after,
            .blog-single .content .page-links a:before,
            .blog-single .content .page-links a:after,
            main.single-page .page-links a:before,
            main.single-page .page-links a:after,
            main.page .comments .comments-area .comment-body .comment-reply-link:before,
            main.page .comments .comments-area .comment-body .comment-reply-link:after,
            main.blog-single article ul li a:before,
            main.blog-single article ul li a:after {
                position: absolute;
                display: block;
                content: "";
                height: 1px;
                width: 100%;
                left: 0;
                bottom: 3px;
                z-index: 1;
                background-color: #6a6a6a;
            }
            main p a:before,
            main h1 a:before,
            main h2 a:before,
            main h3 a:before,
            main h4 a:before,
            main h5 a:before,
            main h6 a:before,
            .blog .post .meta a:before,
            .wp-calendar-nav a:before,
            .blog .pagination a:before,
            .blog-single .head .meta a:before,
            .blog-single .content .page-links a:before,
            main.single-page .page-links a:before,
            main.page .comments .comments-area .comment-body .comment-reply-link:before,
            main.blog-single article ul li a:before {
                width: 200%;
                left: -200%;
                z-index: 2;
                background-color: #fff;
            }
            main p a:hover:before,
            main h1 a:hover:before,
            main h2 a:hover:before,
            main h3 a:hover:before,
            main h4 a:hover:before,
            main h5 a:hover:before,
            main h6 a:hover:before,
            .blog .post .meta a:hover:before,
            .wp-calendar-nav a:hover:before,
            .blog .pagination a:hover:before,
            .blog-single .head .meta a:hover:before,
            .blog-single .content .page-links a:hover:before,
            main.single-page .page-links a:hover:before,
            main.page .comments .comments-area .comment-body .comment-reply-link:hover:before,
            main.blog-single article ul li a:hover:before {
                left: 100%;
            }
            main p a:hover:after,
            main h1 a:hover:after,
            main h2 a:hover:after,
            main h3 a:hover:after,
            main h4 a:hover:after,
            main h5 a:hover:after,
            main h6 a:hover:after,
            .blog .post .meta a:hover:after,
            .wp-calendar-nav a:hover:after,
            .blog .pagination a:hover:after,
            .blog-single .head .meta a:hover:after,
            .blog-single .content .page-links a:hover:after,
            main.single-page .page-links a:hover:after,
            main.page .comments .comments-area .comment-body .comment-reply-link:hover:after,
            main.blog-single article ul li a:hover:after {
                background-color: #000;
            }
            main img {
                max-width: 100%;
                height: auto;
            }
            main dl {
                margin-bottom: 20px;
            }
            main dl dd {
                margin-left: 20px;
            }
            main em {
                font-style: italic;
            }
            main small {
                font-size: 11px;
            }
            main sub {
                vertical-align: sub;
            }
            main sup,
            main b {
                vertical-align: super;
            }
            main.single-page hr {
                margin: 20px 0;
            }
            p:empty{
                display:none
            }
            .no-overflow {
                overflow: hidden!important;
            }
            .font-bold {
                font-weight: bold;
            }
            .has-background {
                background-position: center;
                background-size: cover;
            }
            @media screen and (max-width: 600px) {
                .nojq {
                    position: fixed!important;
                }
            }

        /* Preloader */
            .loader {
                position: fixed;
                height: 100%;
                width: 100%;
                top: 0;
                left: 0;
                z-index: 9999;
            }
            .loader .top {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 50%;
                background-color: #eee;
                border: 20px solid #333;
                border-bottom: 0;
                z-index: 1;
            }
            .loader .bot {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 50%;
                background-color: #eee;
                border: 20px solid #333;
                border-top: 0;
                z-index: 1;
            }
            .loader .line {
                position: absolute;
                top: 50%;
                left: 20px;
                width: calc(100% - 40px);
                height: 2px;
                background-color: #ccc;
                z-index: 2;
            }
            .loader.loaded .top {
                transform: translate(0, -100%);
            }
            .loader.loaded .bot {
                transform: translate(0, 100%);
            }
            .loader.loaded .line {
                opacity: 0;
            }

            .pace {
                -webkit-pointer-events: none;
                pointer-events: none;

                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none;
            }
            .pace-inactive,
            body.done-loading .pace,
            body.done-loading .loader {
                display: none;
            }
            .pace .pace-progress {
                position: fixed;
                z-index: 99999;
                top: 50%;
                right: 100%;
                width: calc(100% - 40px);
                height: 2px;
                background: #333;
            }

        /* Back To Top */
            .global-tools .back-to-top {
                position: fixed;
                bottom: 150px;
                right: 80px;
                width: 44px;
                height: 44px;
                z-index: 999;
                border-radius: 3px;
                opacity: 0.5;
                display: none;
                cursor: pointer;
                background-color: #f4f4f4;
                box-shadow: 3px 2px 7px 1px rgba(0,0,0,0.18);
            }
            .global-tools .back-to-top.active {
                display: block;
            }
            .global-tools .back-to-top .right {
                position: absolute;
                width: 7px;
                height: 2px;
                top: 18px;
                left: 21px;
                background-color: #444;
                -webkit-transform: rotate(55deg);
                -moz-transform: rotate(55deg);
                transform: rotate(55deg);
            }
            .global-tools .back-to-top .left {
                position: absolute;
                width: 7px;
                height: 2px;
                top: 18px;
                left: 18px;
                background-color: #444;
                -webkit-transform: rotate(125deg);
                -moz-transform: rotate(125deg);
                transform: rotate(125deg);
            }
            .firefox .global-tools .back-to-top .left {
                left: 16px;
            }
            .global-tools .back-to-top .line {
                content: "";
                position: absolute;
                width: 15px;
                height: 2px;
                top: 22px;
                left: 15px;
                background-color: #444;
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                transform: rotate(90deg);
            }
            .global-tools .back-to-top:hover {
                opacity: 1;
            }
            .global-tools .back-to-top.chrome .right,
            .global-tools .back-to-top.edge .right {

            }
            .global-tools .back-to-top.chrome .left,
            .global-tools .back-to-top.edge .left {
                left: 17px;
            }

        /* Search */
            .global-tools .search {
                position: fixed;
                bottom: 210px;
                right: 80px;
                width: 44px;
                height: 44px;
                z-index: 999;
                border-radius: 3px;
                opacity: 0.5;
                display: none;
                cursor: pointer;
                background-color: #f4f4f4;
                box-shadow: 3px 2px 7px 1px rgba(0,0,0,0.18);
            }
            .global-tools .search span {
                position: relative;
                font-size: 16px;
                top: 10px;
                left: 15px;
            }
            .global-tools .search.active {
                display: block;
            }
            .global-tools .search:hover {
                opacity: 1;
            }

        /* Screen Reader */
            .screen-reader-text {
                display: none;
            }

        /* Alignments */
            .alignleft {
                float: left;
                margin: 0 20px 20px 0;
            }
            .alignright {
                float: right;
                margin: 0 0 20px 20px;
            }
            .aligncenter {
                text-align: center;
                margin: 20px auto;
                display: block;
            }
            .alignwide {
                margin-left: 0;
                width: 100%;
            }
            .alignwide img,
            .alignfull img {
                display: block;
                margin: 0 auto;
            }
            .alignfull {
                width: auto;
                max-width: 100%;
            }
            .textright {
                text-align: right;
            }
            .textleft {
                text-align: left;
            }
            .textcenter {
                text-align: center;
            }
        
        /* reCAPTCHA */
            .grecaptcha-badge {
                display: none!important;
            }
            .grecaptcha-badge.vis {
                display: block!important;
            }

        /* Buttons */
            .wp-block-button {
                margin: 7px 20px 20px 0;
            }
            .wp-block-button.alignright {
                margin: 7px 20px 20px 20px;
            }
            .wp-block-button.is-style-squared a, 
            .wp-block-button__link.wp-block-button.is-style-squared a {
                border-radius: 0;
            }

        /* Lists */
            main ul {
                margin-bottom: 15px;
                list-style: disc;
            }
            main.single-page ul,
            main.single-page ol {
                margin-left: 18px;
            }
            main ul ul {
                margin-left: 15px;
                margin-bottom: 0;
            }
            main ul li,
            main ol ul > li {
                list-style: disc;
                margin-left: 1px;
            }
            main ol {
                margin-bottom: 15px;
                list-style: decimal;
            }
            main ol ol {
                margin-left: 15px;
                margin-bottom: 0;
            }
            main ol li,
            main ul ol > li {
                list-style: decimal;
                margin-left: 1px;
            }
            main ul ol,
            main ol ul {
                margin-bottom: 0;
            }

        /* Blockquote */
            main blockquote a:before,
            main blockquote a:after {
                display: none;
            }
            .wp-block-quote.is-large, .wp-block-quote.is-style-large {
                margin-bottom: 20px;
                padding: 30px 30px;
            }
            .wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
                font-size: 1.5em;
                font-style: italic;
                line-height: 1.45;
            }
            .wp-block-pullquote.is-style-solid-color blockquote {
                text-align: center;
            }
            .wp-block-quote.has-text-align-right cite {
                text-align: right;
            }
            .wp-block-quote.is-large cite, 
            .wp-block-quote.is-large footer, 
            .wp-block-quote.is-style-large cite, 
            .wp-block-quote.is-style-large footer {
                font-size: 1.125em;
                text-align: center;
            }
            .wp-block-pullquote {
                margin: 0;
                padding: 0;
                text-align: center;
                overflow-wrap: break-word;
            }
            .wp-block-pullquote cite {
                color: inherit;
                font-size: 13px;
            }
            .wp-block-pullquote p {
                font-size: 1.75em;
                line-height: 1.3;
            }
            .wp-block-pullquote blockquote, .wp-block-pullquote cite, .wp-block-pullquote p {
                color: #000;
            }
            main blockquote {
                font-size: 1.75em;
                line-height: 1.6;
                position: relative;
                padding: 31px;
                cursor: default;
                text-align: center;
                margin: 0 0 20px;
                background-color: #dedede;
            }
            .wp-block-pullquote.has-background blockquote {
                background-color: transparent;
            }
            main blockquote p:last-of-type {
                margin: 0;
            }
            main blockquote cite {
                margin-top: 26px;
                display: block;
                font-size: 11px;
                text-align: center;
            }
            main blockquote cite br {
                display: none;
            }
            main blockquote a {
                display: inline;
                line-height: inherit;
                color: #000;
            }

        /* Code & Pre */
            body code {
                padding: 0;
                display: inline-block;
                margin: 0;
            }
            body .comment-body code,
            body .blog-single .content code,
            body.page a code {
                padding: 0;
                display: inline-block;
                margin: 0;
            }
            .wp-block-preformatted {
                white-space: pre-wrap;
                margin-bottom: 20px;
            }

        /* Table & Calendar */
            main table {
                margin-bottom: 20px;
                width: 100%;
                table-layout: fixed;
            }
            main.single-page table {
                margin-bottom: 30px;
            }
            main table th,
            main.single-page table th {
                text-align: center;
                margin: 1px 1px;
                border: 1px solid #000!important;
                padding: 5px 10px!important;
                background-color: #333!important;
                color: #fff;
            }
            main.single-page table th {
                text-align: left;
            }
            main table tbody th {
                text-align: left;
                border: 1px solid #000!important;
                background-color: transparent!important;
                color: #000;
            }
            main table td {
                margin: 1px 1px;
                border: 1px solid #000!important;
                padding: 5px 10px!important;
                color: #484848;
            }
            .wp-block-calendar a {
                font-weight: 700;
                text-decoration: none;
            }
            .wp-block-calendar a:hover {

            }
            .wp-block-table {
                margin: 0;
                overflow-x: auto;
            }

        /* Cover */
            .wp-block-cover {
                margin-bottom: 20px;
            }
            .wp-block-cover.alignleft {
                margin-top: 6px;
            }
            .wp-block-cover.aligncenter {

            }
            .wp-block-cover p {
                color: #fff!important;
            }
            .wp-block-cover a::before,
            .wp-block-cover a::after {
                display: none;
            }
            .wp-block-media-text__content .has-large-font-size {
                line-height: 1.25!important;
            }

        /* Font Sizes */
            .editor-styles-wrapper .has-large-font-size,
            .has-large-font-size {
                font-size: 36px!important;
                line-height: 1.45!important;
            }
            .blog-single .type-post.status-publish.format-standard.hentry.category-block.tag-content.tag-embeds-2.tag-gallery.tag-image.tag-video p {
                line-height: 1.3;
            }
            .has-drop-cap.has-medium-font-size {
                margin-bottom: 100px;
            }
            .has-text-color.has-background.has-very-light-gray-color {
                line-height: 26px!important;
            }

        /* Image & Gallery & Figures */
            .page .wp-block-image {
                margin: 0 0 20px;
            }
            .page .wp-block-image .alignright {
                float: right;
                margin: 0.5em 0 0.6em 1em;
            }
            .page .wp-block-image .alignleft {
                float: left;
                margin: 8px 20px 20px 0;
            }
            .page .wp-block-image figcaption,
            .page .wp-caption figcaption {
                margin-top: 12px;
                margin-bottom: 5px;
                text-align: center;
                font-size: 13px;
                color: #6c6b6b;
                line-height: 20px;
            }
            #attachment_612.wp-caption.aligncenter {
                margin-top: 0;
            }
            .wp-block-cover,
            .wp-block-gallery {
                margin-top: 8px;
                margin-bottom: 20px;
            }
            .wp-block-cover.alignleft,
            .wp-block-cover.alignright {
                margin-top: 8px;
            }
            .wp-block-gallery a::before,
            .wp-block-gallery a::after {
                display: none!important;
            }
            .wp-block-cover .wp-block-cover-text a {
                line-height: 45px;
            }
            img.full {
                display: block;
                width: 100%;
                max-width: 100%;
                height: auto;
            }
            img.alignleft,
            img.alignright {
                margin-top: 8px;
            }
            .page-template-default img.alignright.size-full {
                clear: both;
            }
            figure {
                position: relative;
                overflow: hidden;
            }
            figure:not(.wp-caption):not(.wp-block-gallery):not(.wp-block-image):not(.wp-block-embed):not(.gallery-item) figcaption:not(.blocks-gallery-item__caption) {
                position: absolute;
                width: 100%;
                left: 0;
                bottom: 0;
                padding: 25px 15px;
                font-size: 13px;
                opacity: 0;
                text-align: center;
                pointer-events: none;
                color: #fff;
                transition: all 0.3s ease;
                transform: translateY(10px);
                background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%);
                background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%);
                background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%);
                background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%);
            }
            figure:not(.wp-caption):not(.wp-block-gallery):not(.wp-block-image):not(.wp-block-embed):not(.gallery-item):hover figcaption:not(.blocks-gallery-item__caption) {
                opacity: 1;
                transform: translateY(0px);
            }
            div[class^='gallery-columns-'], div[class*='gallery-columns-'] {
                width: auto;
                max-width: 100%;
                display: flex;
                flex-wrap: wrap;
                list-style-type: none;
                padding: 0;
                margin: 20px 0;
            }
            div[class^='gallery-columns-'] .gallery-item, div[class*='gallery-columns-'] .gallery-item {
                margin: 0 16px 16px 0;
                display: flex;
                flex-grow: 1;
                flex-direction: column;
                justify-content: center;
                position: relative;
                width: calc(50% - 16px);
            }
            div[class^='gallery-columns-1'] .gallery-item, div[class*='gallery-columns-1'] .gallery-item {
                width: 100%;
                margin-right: 0;
            }
            div[class^='gallery-columns-2'] .gallery-item, div[class*='gallery-columns-2'] .gallery-item {
                width: calc(50% - 16px);
            }
            div[class^='gallery-columns-3'] .gallery-item, div[class*='gallery-columns-3'] .gallery-item {
                width: calc(33.333% - 16px);
            }
            div[class^='gallery-columns-4'] .gallery-item, div[class*='gallery-columns-4'] .gallery-item {
                width: calc(25% - 16px);
            }
            div[class^='gallery-columns-5'] .gallery-item, div[class*='gallery-columns-5'] .gallery-item {
                width: calc(20% - 16px);
            }
            div[class^='gallery-columns-6'] .gallery-item, div[class*='gallery-columns-6'] .gallery-item {
                width: calc(16.666% - 16px);
            }
            div[class^='gallery-columns-7'] .gallery-item, div[class*='gallery-columns-7'] .gallery-item {
                width: calc(14.285% - 16px);
            }
            div[class^='gallery-columns-8'] .gallery-item, div[class*='gallery-columns-8'] .gallery-item {
                width: calc(12.5% - 16px);
            }
            div[class^='gallery-columns-9'] .gallery-item, div[class*='gallery-columns-9'] .gallery-item {
                width: calc(11.111% - 16px);
            }
            div[class^='gallery-columns-'] .gallery-icon, div[class*='gallery-columns-'] .gallery-icon {
                margin: 0;
                height: 100%;
                display: flex;
                align-items: flex-end;
                justify-content: flex-start;
            }
            div[class^='gallery-columns-2'] .gallery-item:nth-of-type(2n),
            div[class*='gallery-columns-2'] .gallery-item:nth-of-type(2n),
            div[class^='gallery-columns-3'] .gallery-item:nth-of-type(3n),
            div[class*='gallery-columns-3'] .gallery-item:nth-of-type(3n),
            div[class^='gallery-columns-4'] .gallery-item:nth-of-type(4n),
            div[class*='gallery-columns-4'] .gallery-item:nth-of-type(4n),
            div[class^='gallery-columns-5'] .gallery-item:nth-of-type(5n),
            div[class*='gallery-columns-5'] .gallery-item:nth-of-type(5n),
            div[class^='gallery-columns-6'] .gallery-item:nth-of-type(6n),
            div[class*='gallery-columns-6'] .gallery-item:nth-of-type(6n),
            div[class^='gallery-columns-7'] .gallery-item:nth-of-type(7n),
            div[class*='gallery-columns-7'] .gallery-item:nth-of-type(7n),
            div[class^='gallery-columns-8'] .gallery-item:nth-of-type(8n),
            div[class*='gallery-columns-8'] .gallery-item:nth-of-type(8n),
            div[class^='gallery-columns-8'] .gallery-item:nth-of-type(9n),
            div[class*='gallery-columns-8'] .gallery-item:nth-of-type(9n) {
                margin-right: 0;
            }
            div[class^='gallery-columns-'] a, div[class*='gallery-columns-'] a {
                width: 100%;
                height: 100%;
                flex: 1;
                object-fit: cover;
            }
            div[class^='gallery-columns-'] img, div[class*='gallery-columns-'] img {
                width: 100%;
                height: 100%;
                flex: 1;
                object-fit: cover;
            }
            div[class^='gallery-columns-'] figcaption, div[class*='gallery-columns-'] figcaption {
                position: absolute;
                bottom: 0;
                width: 100%;
                max-height: 100%;
                overflow: auto;
                padding: 40px 10px 9px;
                color: #fff;
                text-align: center;
                font-size: 13px;
                background: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);
            }
            div.sidebar figure figcaption {
                display: none;
            }
            .wp-block-image .aligncenter > figcaption, 
            .wp-block-image .alignleft > figcaption, 
            .wp-block-image .alignright > figcaption, 
            .wp-block-image.is-resized > figcaption {
                text-align: center;
            }
            .wp-block-gallery figcaption,
            .gallery-caption {
                text-align: center;
                width: 100%;
            }
            .wp-block-cover-image .wp-block-cover__inner-container p, 
            .wp-block-cover .wp-block-cover__inner-container p {
                margin: 0;
            }
            .wp-caption {
                margin-bottom: 20px;
                max-width: 100%;
                padding: 4px;
                text-align: center;
            }
            .wp-caption img {
                margin: 5px 0 0;
            }
            .wp-caption p.wp-caption-text {
                font-size: 12px;
                margin: 5px;
                line-height: 20px;
            }
            .wp-block-gallery.is-cropped .blocks-gallery-item img {

            }
            .wp-block-gallery.is-cropped.alignleft .blocks-gallery-item img,
            .wp-block-gallery.is-cropped.alignright .blocks-gallery-item img,
            .wp-block-gallery.is-cropped.alignfull .blocks-gallery-item img,
            .wp-block-gallery.is-cropped.alignwide .blocks-gallery-item img,
            .wp-block-gallery.is-cropped.columns-6 .blocks-gallery-item img,
            .wp-block-gallery.is-cropped.columns-7 .blocks-gallery-item img,
            .wp-block-gallery.is-cropped.columns-8 .blocks-gallery-item img {
                height: 100%;
            }
            .wp-block-cover-image .wp-block-subhead:not(.has-text-color), 
            .wp-block-cover-image h1:not(.has-text-color), 
            .wp-block-cover-image h2:not(.has-text-color), 
            .wp-block-cover-image h3:not(.has-text-color), 
            .wp-block-cover-image h4:not(.has-text-color), 
            .wp-block-cover-image h5:not(.has-text-color), 
            .wp-block-cover-image h6:not(.has-text-color), 
            .wp-block-cover-image p:not(.has-text-color), 
            .wp-block-cover .wp-block-subhead:not(.has-text-color), 
            .wp-block-cover h1:not(.has-text-color), 
            .wp-block-cover h2:not(.has-text-color), 
            .wp-block-cover h3:not(.has-text-color), 
            .wp-block-cover h4:not(.has-text-color), 
            .wp-block-cover h5:not(.has-text-color), 
            .wp-block-cover h6:not(.has-text-color), 
            .wp-block-cover p:not(.has-text-color) {
                color: #fff;
            }

        /* Audio & Video */
            .wp-block-audio figcaption {
                text-align: center;
            }

        /* Search */
            .wp-block-search {
                margin-bottom: 20px;
            }
            .wp-block-search label {
                
            }
            .wp-block-search input {
                font-size: 14px;
                width: 100%;
                background-color: transparent;
                border: 1px solid #c1c1c1;
                padding: 12px 18px;
            }
            .wp-block-search input:hover {
                border: 1px solid #000;
            }
            .wp-block-search button {
                border: 0;
            }
            .wp-block-search__button {
                background: #dbdbdb;
                border: 1px solid #ccc;
                padding: 0.375em 0.625em;
                color: #000;
                margin-left: 0.625em;
                word-break: normal;
                font-size: inherit;
                font-family: inherit;
                line-height: inherit;
                cursor: pointer;
            }
            .wp-block-search__button:hover {
                color: #fff;
                background-color: #4a4a4a;
            }

        /* Embed */
            .wp-block-embed figcaption {
                text-align: center;
            }

        /* Password Protected */
            .post-password-form {
                padding: 0 0;
                text-align: left;
            }
            .post-password-form p:nth-of-type(1) {
                font-size: 22px;
                line-height: 36px;
                margin: 0 0 30px;
            }
            .post-password-form p:nth-of-type(2) {
                margin: 0;
            }
            .post-password-form label {
                display: block;
                font-size: 16px;
                margin-bottom: 30px;
            }
            .post-password-form input[type="password"] {
                background: none;
                border: 1px solid #c7c7c7;
                padding: 16px 12px;
                margin: 10px 0;
                width: 230px;
                display: block;
            }
            .post-password-form input[type="password"]:focus,
            .post-password-form input[type="password"]:hover {
                border-color: #000;
            }
            .post-password-form input[type="submit"] {
                border: 0;
                padding: 12px 42px;
                font-size: 16px;
                border-radius: 3px;
                background-color: #333;
                color: #fff;
            }
            .post-password-form input[type="submit"]:hover {
                background-color: #000;
            }

        /* Latest Posts */
            .wp-block-latest-posts.is-grid {
                padding-left: 18px;
            }
            .wp-block-latest-posts.wp-block-latest-posts__list li {
                margin-bottom: 5px;
            }
            .blog .sidebar .wp-block-latest-posts.wp-block-latest-posts__list li {
                margin-bottom: 0;
            }
            .blog-single .content .wp-block-latest-posts__list a:before,
            .blog-single .content .wp-block-latest-posts__list a:after {
                display: none;
            }

        /* Archives & Categories */
            .wp-block-archives-dropdown select,
            .wp-block-categories select {
                font-size: 13px;
                display: block;
                width: auto;
                padding: 8px 10px;
                margin-bottom: 20px;
                border-radius: 3px;
                border: 1px solid #c1c1c1;
            }
            .wp-block-archives-dropdown select:hover,
            .wp-block-categories select:hover {
                border: 1px solid #000;
            }
            .wp-block-archives-list.wp-block-archives li {
                color: #6a6a6a;
            }
            .wp-block-archives-list.wp-block-archives li:hover {
                color: #000;
            }

        /* Comments */
            .wp-block-latest-comments {
                margin-bottom: 30px;
            }
            .has-dates .wp-block-latest-comments__comment,
            .has-excerpts .wp-block-latest-comments__comment {
                position: relative;
                margin-bottom: 35px;
                list-style: none;
                margin-left: 0;
                height: auto;
                line-height: unset;
            }
            .has-dates .wp-block-latest-comments__comment::after,
            .has-excerpts .wp-block-latest-comments__comment::after {
                content: "";
                display: block;
                clear: both;
            }
            .wp-block-latest-comments .avatar,
            .wp-block-latest-comments__comment-avatar {
                position: absolute;
                top: 0;
                left: 0;
            }
            .wp-block-latest-comments__comment article {
                float: none!important;
                width: auto!important;
            }
            .wp-block-latest-comments__comment-excerpt p {
                margin: 0;
                line-height: inherit;
            }
            .wp-block-latest-comments__comment a {
                margin-bottom: 0!important;
                color: #6a6a6a;
            }
            .wp-block-latest-comments__comment a:hover {
                color: #000;
            }
            .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, 
            .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta,
            .wp-block-latest-comments__comment-meta {
                height: auto;
                padding: 0;
                line-height: 25px;
            }
            .content .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-author {
                margin-bottom: 6px;
                display: inline-block;
            }
            .content .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-author {
                margin-bottom: 6px;
                display: inline-block;
            }
            .content .wp-block-latest-comments__comment-date {
                display: block;
                font-size: 13px;
                margin-bottom: 13px;
            }
            .content .wp-block-latest-comments__comment-excerpt p {
                margin: 0;
                line-height: inherit;
                font-size: 13px;
            }
            .content .wp-block-latest-comments:not(.has-avatars) .wp-block-latest-comments__comment {
                list-style: decimal;
            }
            .content .wp-block-latest-posts__post-author, 
            .content .wp-block-latest-posts__post-date {
                display: block;
                font-size: 12px;
                line-height: 22px;
            }

        /* Tag Cloud */
            .wp-block-tag-cloud {
                
            }
            .wp-block-tag-cloud a {
                display: inline-block;
                font-size: 13px!important;
                margin-right: 15px;
                margin-bottom: 15px;
                padding: 3px 11px;
                border-radius: 6px;
                color: #000;
                background-color: #dbdbdb;
            }
            .wp-block-tag-cloud a:hover {
                color: #fff;
                background-color: #4a4a4a;
            }
            .content .wp-block-tag-cloud a:before,
            .content .wp-block-tag-cloud a:after {
                display: none;
            }

        /* Group */
            .wp-block-group.has-background {
                color: #000;
                padding: 20px;
                margin-bottom: 20px;
            }
            .wp-block-group.has-background p:last-of-type {
                margin: 0;
            }

        /* Media */
            .wp-block-media-text.has-background {
                color: #000;
            }
            .wp-block-media-text.has-background.alignfull {
                margin-bottom: 20px;
            }
            .wp-block-media-text.has-background .wp-block-media-text__content p:last-of-type {
                margin: 0;
            }

        /* RSS */
            .wp-block-rss {
                
            }
            .wp-block-rss .wp-block-rss__item-title {
                display: inline-block;
            }
            .wp-block-rss .wp-block-rss__item-title a:before,
            .wp-block-rss .wp-block-rss__item-title a:after {
                display: none;
            }

        /* Placholder & Selection */
            form input::-webkit-input-placeholder,
            form textarea::-webkit-input-placeholder {
                opacity: 1;
                color: #6a6a6a;
            }
            form input::-moz-placeholder,
            form textarea::-moz-placeholder {
                opacity: 1;
                color: #6a6a6a;
            }
            form input:-ms-input-placeholder,
            form textarea:-ms-input-placeholder {
                opacity: 1;
                color: #6a6a6a;
            }
            ::selection {
                background-color: #333;
                color: #fff;
            }
            ::-moz-selection {
                background-color: #333;
                color: #fff;
            }
            html * {
                -webkit-tap-highlight-color:transparent;
            }


/*
================================================================
================================================================
    Header
================================================================
================================================================
*/


    /* ---------------------- */
    /* Global                 */
    /* ---------------------- */
        header {
            position: relative;
            height: 115px;
            text-align: center;
            z-index: 99;
        }
        header.position-absolute {
            position: absolute;
            top: 0;
            width: 100%;
        }


    /* ---------------------- */
    /* Navigation (Main Links)*/
    /* ---------------------- */
        header > nav {
            position: absolute;
            top: 45px;
            left: 0;
            width: 100%;
        }
        header.no-logo > nav {
            top: 80px;
        }
        header > nav > ul {
            display: block;
        }
        header > nav > ul > li {
            position: relative;
            display: inline-block;
            vertical-align: top;
            margin-left: 40px;
            font-weight: 700;
        }
        header > nav > ul .logo + li {
            margin-left: 80px;
        }
        header > nav > ul > li:first-child {
            margin-left: 0;
        }
        header > nav > ul > li > a {
            font-size: 13px;
            padding: 0 10px 48px;
            color: #333;
        }
        header > nav > ul li a {
            font-family: 'Playfairdisplay';
        }


    /* ---------------------- */
    /* Logo                   */
    /* ---------------------- */
        header .logo {
            margin-left: 80px;
        }
        header > nav > ul > li.logo > a {
            display: block;
            padding: 0 10px 0;
        }
        header .logo img {
            display: block;
            max-height: 28px;
            width: auto;
        }
        header:not(.position-absolute) .logo img.alternate,
        header.position-absolute .logo img.original {
            display: none;
        }


    /* ----------------------                   */
    /* Navigation (1st Level Small Dropdowns)   */
    /* ----------------------                   */
        header > nav > ul > li ul {
            position: absolute;
            width: 230px;
            padding: 0;
            top: 50px;
            left: -20px;
            display: none;
            opacity: 0;
            text-align: left;
            box-shadow: 3px 2px 7px 1px rgba(0,0,0,0.18);
        }
        header > nav > ul > li > ul {
            top: 69px;
        }
        header > nav > ul > li li {
            position: relative;
            padding: 0 30px 5px;
            background-color: #f0f0f0;
        }
        header > nav > ul > li li:first-child {
            padding: 20px 30px 5px;
        }
        header > nav > ul > li li:last-child {
            padding: 0 30px 22px;
        }
        header > nav > ul > li li a {
            line-height: 20px;
            display: block;
        }
        header > nav > ul > li li.menu-item-has-children > a {
            position: relative;
        }
        header > nav > ul > li:not(.mega-menu) li.menu-item-has-children > a::after {
            position: absolute;
            content: "";
            right: -18px;
            top: 9px;
            width: 12px;
            height: 1px;
            background-color: #333;
        }
        header > nav > ul > li.left > ul {
            left: auto;
            right: 0;
        }
        header > nav > ul > li.left ul ul,
        header > nav > ul > li.left ul ul ul {
            left: -170px;
            border-left: 0;
            border-right: 3px solid transparent;
        }


    /* ----------------------                   */
    /* Navigation (2nd Level Small Dropdowns)   */
    /* ----------------------                   */
        header > nav > ul > li ul ul {
            top: -20px;
            left: 230px;
            border-left: 3px solid transparent;
        }
        header > nav > ul > li li:first-child ul { 
            top: 0px;
        }


    /* ----------------------                   */
    /* Navigation (3rd Level Small Dropdowns)   */
    /* ----------------------                   */
        header > nav > ul > li ul ul ul {
            border-left: 0;
            z-index: 1;
        }


    /* ----------------------        */
    /* Navigation (Mega Dropdowns)   */
    /* ----------------------        */
        header > nav > ul > li.mega-menu {
            position: static;
        }
        header > nav > ul > li.mega-menu > ul {
            position: absolute;
            width: 1200px;
            padding: 50px 80px;
            top: 70px;
            left: 50%;
            background-color: #f0f0f0;
            -webkit-transform: translate(-50%, 0);
            -moz-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
        }
        header > nav > ul > li.mega-menu > ul::after {
            display: block;
            content: "";
            clear: both;
        }
        header > nav > ul > li.mega-menu > ul > li {
            float: left;
            padding: 0 10px 0;
            background-color: transparent;
        }
        header > nav > ul > li.mega-menu.two-columns > ul > li {
            width: 50%;
        }
        header > nav > ul > li.mega-menu.three-columns > ul > li {
            width: 33.3333%;
        }
        header > nav > ul > li.mega-menu.four-columns > ul > li {
            width: 25%;
        }
        header > nav > ul > li.mega-menu.five-columns > ul > li {
            width: 20%;
        }
        header > nav > ul > li.mega-menu > ul h2 {
            position: relative;
            font-size: 16px;
            line-height: 30px;
            margin-bottom: 15px;
            padding-bottom: 15px;
            text-align: left;
            border-bottom: 1px solid #333;
        }
        header > nav > ul > li.mega-menu > ul ul {
            position: relative;
            width: auto;
            padding: 0;
            top: auto;
            left: auto;
            opacity: 1;
            display: block;
            z-index: auto;
            box-shadow: none;
            border-left: 0;
        }
        header > nav > ul > li.mega-menu > ul > li li:first-child,
        header > nav > ul > li.mega-menu > ul > li li {
            padding: 0 0 5px;
            background-color: transparent;
        }


    /* ----------------------   */
    /* Navigation (Responsive)  */
    /* ----------------------   */
        @-webkit-keyframes fadeNav {
            0% {opacity: 0}
            100% {opacity: 1}
        }
        @-moz-keyframes fadeNav {
            0% {opacity: 0}
            100% {opacity: 1}
        }
        @keyframes fadeNav {
            0% {opacity: 0}
            100% {opacity: 1}
        }
        header .responsive-logo {
            position: absolute;
            display: none;
            top: 38px;
            left: 0;
            width: 100%;
        }
        header.no-logo .responsive-logo {
            display: block;
            top: 26px;
        }
        header .responsive-logo a {
            display: inline-block;
            vertical-align: top;
        }
        header .responsive-logo img {
            display: block;
            vertical-align: top;
            max-height: 28px;
            width: auto;
        }
        header .responsive-logo img.alternate {
            display: none;
        }
        header .responsive-logo span {
            font-family: "Playfairdisplay";
            font-size: 26px;
            font-weight: 700;
            color: #000;
        }
        header .menu-icon {
            position: absolute;
            display: none;
            top: 45px;
            right: 80px;
            width: 32px;
            height: 21px;
            cursor: pointer;
            z-index: 100;
        }
        header .menu-icon span {
            position: absolute;
            display: block;
            width: 65%;
            height: 2px;
            top: 9px;
            right: 0;
            background-color: #333333;
        }
        header .menu-icon span:nth-child(1){
            top: 0;
        }
        header .menu-icon span:nth-child(2){
            top: 7px;
        }
        header .menu-icon span:nth-child(3){
            top: 14px;
        }
        header:not(.showNav).position-absolute .menu-icon span {
            background-color: #fff;
        }
        header.showNav {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 0;
            background-color: #fff;
        }
        header.showNav .responsive-logo {
            z-index: 100;
        }
        header.showNav .responsive-logo a {
            top: 0;
            transform: none;
        }
        header.showNav .menu-icon {
            width: 32px;
            height: 22px;
        }
        header.showNav .menu-icon span {
            width: 55%;
            top: 10px;
        }
        header.showNav .menu-icon span:nth-child(1),
        header.showNav .menu-icon span:nth-child(2),
        header.showNav .menu-icon span:nth-child(3) {
            top: 9px;
            transform: rotate(45deg);
        }
        header.showNav .menu-icon span:nth-child(3){
            transform: rotate(-45deg);
        }
        header.showNav nav {
            position: relative;
            z-index: 99;
            opacity: 1;
            display: block;
            overflow: auto;
            overflow-x: hidden;
            -webkit-animation: fadeNav 0.5s;
            -moz-animation:    fadeNav 0.5s;
            -o-animation:      fadeNav 0.5s;
            animation:         fadeNav 0.5s;
        }


    /* ---------------------- */
    /* Hover Effects          */
    /* ---------------------- */
        @-webkit-keyframes showDropdowns {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }
        @-moz-keyframes showDropdowns {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }
        @keyframes showDropdowns {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }
        header:not(.showNav) > nav > ul li:hover > ul {
            opacity: 1;
            display: block;
            -webkit-animation-duration: 0.7s;
            -moz-animation-duration: 0.7s;
            animation-duration: 0.7s;
            -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
            -webkit-animation-name: showDropdowns;
            animation-name: showDropdowns;
        }
        header:not(.showNav) > nav > ul > li.mega-menu > ul li:hover > ul {
            -webkit-animation-name: none;
            animation-name: none;
        }
        header:not(.showNav) > nav > ul:hover > li a,
        header:not(.showNav) > nav > ul li:not(.mega-menu) ul:hover > li a,
        header:not(.showNav) > nav > ul li:not(.mega-menu) ul ul:hover > li a {
            color: #888888;
        }
        header:not(.showNav) > nav > ul > li:hover a,
        header:not(.showNav) > nav > ul li:not(.mega-menu) ul > li:hover a,
        header:not(.showNav) > nav > ul li:not(.mega-menu) ul ul > li:hover a {
            color: #333333;
        }
        header:not(.showNav).position-absolute > nav > ul > li > a {
            color: #fff;
        }


/*
================================================================
================================================================
    Footer
================================================================
================================================================
*/


    /* ---------------------- */
    /* Global                 */
    /* ---------------------- */
        footer {
            position: relative;
            height: 115px;
            z-index: 99;
        }
        footer.position-absolute,
        footer.showNav {
            position: absolute;
            width: 100%;
            bottom: 0;
            left: 0;
        }


    /* ---------------------- */
    /* Social Icons           */
    /* ---------------------- */
        footer .social-links {
            position: relative;
            display: block;
            top: 50%;
            font-size: 0;
            text-align: center;
            -webkit-transform: translate(0,-50%);
            -moz-transform: translate(0,-50%);
            transform: translate(0,-50%);
        }
        footer .social-links ul {
            line-height: 25px;
        }
        footer .social-links li {
            display: inline-block;
            line-height: 25px;
            margin-left: 35px;
        }
        footer .social-links li:first-child {
            margin: 0;
        }
        footer .social-links a {
            font-size: 12px;
        }
        footer .social-links ul:hover li a {
            color: #888;
        }
        footer .social-links ul li:hover a {
            color: #333;
        }
        footer:not(.showNav).position-absolute .social-links ul li a {
            color: #fff;
        }


/*
================================================================
================================================================
    Elements
================================================================
================================================================
*/

    /* ---------------------- */
    /* PhotoSwipe             */
    /* ---------------------- */
        .pswp__button--arrow--left {
            left: 14px;
        }
        .pswp__button--arrow--right {
            right: 14px;
        }
        .pswp__button--arrow--right:before {
            right: 6px;
            background-position: -94px -41px;
        }
        .pswp__button--arrow--left:before {
            left: 6px;
            background-position: -138px -41px;
        }
        .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
            background-color: rgba(0, 0, 0);
            height: 35px;
        }
        .pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {
            background-color: rgba(0, 0, 0);
        }


    /* ---------------------- */
    /* Dividers               */
    /* ---------------------- */
        .dividerr, .divider10, .divider20, .divider30, .divider40, .divider50,
        .divider60, .divider70, .divider80, .divider90, .divider100, .divider110, .divider120 {
            display: block;
            clear: both;
        }
        .divider10 {
            height: 10px;
        }
        .divider20 {
            height: 20px;
        }
        .divider30 {
            height: 30px;
        }
        .divider40 {
            height: 40px;
        }
        .divider50 {
            height: 50px;
        }
        .divider60 {
            height: 60px;
        }
        .divider70 {
            height: 70px;
        }
        .divider80 {
            height: 80px;
        }
        .divider90 {
            height: 90px;
        }
        .divider100 {
            height: 100px;
        }
        .divider110 {
            height: 110px;
        }
        .divider120 {
            height: 120px;
        }


    /* ---------------------- */
    /* Columns                */
    /* ---------------------- */
        .row {
            position: relative;
        }
        .row::after {
            content: "";
            display: block;
            clear: both;
        }
        .row .column {
            position: relative;
            display: block;
            float: left;
        }

        .row.space .column {
            margin: 0 4% 30px 0;
        }
        .row.space .column.full {
            width: 100%;
            margin: 0;
        }
        .row.space .column.one-half {
            width: 48%;
        }
        .row.space .column.one-third {
            width: 30.666%;
        }
        .row.space .column.one-fourth {
            width: 22%;
        }
        .row.space .column.one-fifth {
            width: 16.8%;
        }
        .row.space .column.two-third {
            width: 65.333%;
        }
        .row.space .column.two-fourth {
            width: 48%;
        }
        .row.space .column.two-fifth {
            width: 37.6%;
        }
        .row.space .column.three-fourth {
            width: 74%;
        }
        .row.space .column.three-fifth {
            width: 58.4%;
        }
        .row.space .column.last {
            margin: 0 0 30px 0;
        }

        .row.no-space .column {
            margin: 0;
        }
        .row.no-space .column.full {
            width: 100%;
        }
        .row.no-space .column.one-half {
            width: 50%;
        }
        .row.no-space .column.one-third {
            width: 33.333%;
        }
        .row.no-space .column.one-fourth {
            width: 25%;
        }
        .row.no-space .column.one-fifth {
            width: 20%;
        }
        .row.no-space .column.two-third {
            width: 66.666%;
        }
        .row.no-space .column.two-fourth {
            width: 50%;
        }
        .row.no-space .column.two-fifth {
            width: 40%;
        }
        .row.no-space .column.three-fourth {
            width: 75%;
        }
        .row.no-space .column.three-fifth {
            width: 60%;
        }


    /* ---------------------- */
    /* Headings               */
    /* ---------------------- */
        .heading {
            text-align: center;
            position: relative;
            padding: 160px 20px;
        }
        .heading h1 {
            position: relative;
            margin-bottom: 40px;
            padding-bottom: 20px;
        }
        .heading h1::before {
            content: "";
            position: absolute;
            left: 50%;
            bottom: 0;
            width: 60px;
            height: 1px;
            background-color: #333333;
            -webkit-transform: translate(-50%,0);
            -moz-transform: translate(-50%,0);
            transform: translate(-50%,0);
        }
        .heading h1::after {
            content: "";
            position: absolute;
            left: 50%;
            bottom: -5px;
            transform: translate(-50%,0);
            width: 40px;
            height: 1px;
            background-color: #333333;
        }
        .heading p {
            margin: 0;
        }


    /* --------------------------- */
    /* Backgrounds (Image, Video)  */
    /* --------------------------- */
        .bg-container {
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            overflow: hidden;
            background-size: cover;
            background-position: center;
        }
        .bg-container.yt-bgvideo .player {
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            overflow: hidden;
        }
        .bg-container.yt-bgvideo .inline-YTPlayer,
        .bg-container.yt-bgvideo .playerBox {
            width: 100%!important;
            height: 100%!important;
            margin-top: 0!important;
            margin-left: 0!important;
        }
        .bg-container.yt-bgvideo .inlinePlayButton,
        .bg-container.yt-bgvideo .loading {
            display: none!important;
        }


    /* ---------------------- */
    /* Horizontal Slider      */
    /* ---------------------- */

        /* Centered & Full */
            .horizontal-slider.centered,
            .horizontal-slider.full {
                position: relative;
                width: 100%;
                height: 100%;
                overflow: hidden;
            }
            .horizontal-slider.centered .swiper-container,
            .horizontal-slider.full .swiper-container {
                width: 100%;
                height: 100%;
            }
            .horizontal-slider.centered .swiper-wrapper,
            .horizontal-slider.full .swiper-wrapper {
                position: relative;
                height: 100%;
                width: 99999px;
                font-size: 0;
                will-change: transform;
            }

        /* Articles */
            .horizontal-slider article {
                display: inline-block;
                position: relative;
                width: auto;
                height: 100%;
                z-index: 5;
                text-align: center;
                transition-property: transform;
            }
            .horizontal-slider article a {
                position: relative;
                display: block;
                width: auto;
                height: 100%;
            }
            .horizontal-slider article a::after {
                position: absolute;
                content: "";
                width: 100%;
                height: 100%;
                bottom: 0;
                left: 0;
                opacity: 0;
                background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(50%,transparent),color-stop(56%,rgba(0,0,0,0.1)),color-stop(93%,rgba(0,0,0,0.6)),to(rgba(0,0,0,0.69)));
                background-image: -webkit-linear-gradient(transparent 0%,transparent 50%,rgba(0,0,0,0.1) 56%,rgba(0,0,0,0.6) 93%,rgba(0,0,0,0.69) 100%);
                background-image: linear-gradient(transparent 0%,transparent 50%,rgba(0,0,0,0.1) 56%,rgba(0,0,0,0.6) 93%,rgba(0,0,0,0.69) 100%);
            }
            .horizontal-slider article img {
                display: block;
                width: auto;
                height: 100%;
            }
            .horizontal-slider article .hover-content {
                position: absolute;
                width: 100%;
                bottom: 0;
                left: 0;
                z-index: 5;
                text-align: center;
                opacity: 0;
                transform: translate(0, 40px);
            }
            .horizontal-slider article .hover-content h2 {
                font-size: 20px;
                line-height: 30px;
                margin-bottom: 10px;
                padding: 0 15px;
                color: #fff;
            }
            .horizontal-slider.gallery article .hover-content p {
                padding: 0 15px;
                color: #fff;
                font-size: 13px;
            }
            .horizontal-slider.projects article .hover-content p {
                font-size: 0;
                padding: 0 15px;
            }
            .horizontal-slider.projects article .hover-content span {
                font-size: 12px;
                position: relative;
                display: inline-block;
                color: #fff;
                margin-right: 20px;
            }
            .horizontal-slider.projects article .hover-content span:last-child {
                margin-right: 0;
            }
            .horizontal-slider.projects article .hover-content span:not(:last-child)::after {
                content: "-";
                position: absolute;
                right: -12px;
            }
            .horizontal-slider article:hover a::after {
                opacity: 1;
            }
            .horizontal-slider article:hover .hover-content {
                opacity: 1;
                transform: translate(0, 0);
            }


    /* ---------------------- */
    /* Horizontal Strips      */
    /* ---------------------- */
        .horizontal-strips {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        .horizontal-strips .swiper-container {
            width: 100%;
            height: 100%;
        }
        .horizontal-strips .swiper-wrapper {
            position: relative;
            height: 100%;
            width: 99999px;
            font-size: 0;
            will-change: transform;
        }
        .horizontal-strips article {
            position: relative;
            height: 100%;
            z-index: 5;
            overflow: hidden;
            background-size: cover;
            background-position: center;
        }
        .horizontal-strips article a {
            position: relative;
            display: block;
            height: 100%;
        }
        .horizontal-strips article a::after {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            bottom: 0;
            left: 0;
            opacity: 0;
            background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(50%,transparent),color-stop(56%,rgba(0,0,0,0.1)),color-stop(93%,rgba(0,0,0,0.6)),to(rgba(0,0,0,0.69)));
            background-image: -webkit-linear-gradient(transparent 0%,transparent 50%,rgba(0,0,0,0.1) 56%,rgba(0,0,0,0.6) 93%,rgba(0,0,0,0.69) 100%);
            background-image: linear-gradient(transparent 0%,transparent 50%,rgba(0,0,0,0.1) 56%,rgba(0,0,0,0.6) 93%,rgba(0,0,0,0.69) 100%);
        }
        .horizontal-strips article .hover-content {
            position: absolute;
            width: 100%;
            bottom: 0;
            left: 0;
            z-index: 5;
            text-align: center;
            opacity: 0;
            transform: translate(0, 40px);
        }
        .horizontal-strips article .hover-content h2 {
            font-size: 20px;
            line-height: 30px;
            margin-bottom: 10px;
            padding: 0 15px;
            color: #ffffff;
        }
        .horizontal-strips.projects article .hover-content p {
            font-size: 0;
            padding: 0 15px;
        }
        .horizontal-strips.gallery article .hover-content p {
            color: #ffffff;
            padding: 0 15px;
            font-size: 13px;
        }
        .horizontal-strips.gallery article img { 
            display: none;
        }
        .horizontal-strips.projects article .hover-content span {
            font-size: 12px;
            position: relative;
            display: inline-block;
            color: #ffffff;
            margin-right: 20px;
        }
        .horizontal-strips.projects article .hover-content span:last-child {
            margin-right: 0;
        }
        .horizontal-strips.projects article .hover-content span:not(:last-child)::after {
            content: "-";
            position: absolute;
            right: -12px;
        }

        .horizontal-strips article:hover a::after {
            opacity: 1;
        }
        .horizontal-strips article:hover .hover-content {
            opacity: 1;
            transform: translate(0, 0);
        }


    /* ---------------------- */
    /* Slideshow              */
    /* ---------------------- */
        .slideshow {
            position: relative;
        }
        .slideshow.fullscreen {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        .slideshow .slides {
            position: relative;
            width: 100%;
            height: 100%;
        }
        .slideshow .slides > li {
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
        }
        .landing.fullscreen .slideshow .slides > li {
            position: relative;
        }
        .landing.fullscreen .slideshow .slides > li::after {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 2;
            opacity: 0.3;
            background-color: #000;
            pointer-events: none;
        }
        .slideshow .slides * {
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
        }
        .slideshow .slides .content {
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
            z-index: 2;
        }
        .slideshow .slides .wrapper {
            position: absolute;
            top: 50%;
            left: 50%;
            text-align: center;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
        .slideshow.projects .slides > li::after,
        .slideshow.home .slides > li::after,
        .landing-strips .slideshow .slides > li::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #000;
            opacity: 0.4;
        }
        .slideshow.home.layered .slides > li::after {
            display: none;
        }
        .slideshow.projects .slides .heading {
            position: relative;
            margin-bottom: 40px;
            padding: 0 0 20px 0;
        }
        .slideshow.home.bordered .slides .heading {
            padding: 100px 100px;
            border: 2px solid #fff;
        }
        .slideshow.home.layered .slides .heading {
            padding: 100px 100px;
            background-color: rgba(0, 0, 0, 0.4);
        }
        .slideshow.projects .slides .heading::before {
            content: "";
            position: absolute;
            left: 50%;
            bottom: 0;
            -webkit-transform: translate(-50%,0);
            -moz-transform: translate(-50%,0);
            transform: translate(-50%,0);
            width: 60px;
            height: 1px;
            background-color: #fff;
        }
        .slideshow.projects .slides .heading::after {
            content: "";
            position: absolute;
            left: 50%;
            bottom: -5px;
            transform: translate(-50%,0);
            width: 40px;
            height: 1px;
            background-color: #fff;
        }
        .slideshow.projects .slides .heading.no-text::before,
        .slideshow.projects .slides .heading.no-text::after {
            display: none;
        }
        .slideshow.projects .slides .heading h2 {
            color: #fff;
            margin-bottom: 8px;
            font-size: 38px;
            line-height: 50px;
        }
        .slideshow.home .slides .heading h2 {
            color: #fff;
            position: relative;
            margin-bottom: 40px;
            padding: 0 0 20px 0;
        }
        .slideshow.home .slides .heading h2::before {
            content: "";
            position: absolute;
            left: 50%;
            bottom: 0;
            -webkit-transform: translate(-50%,0);
            -moz-transform: translate(-50%,0);
            transform: translate(-50%,0);
            width: 60px;
            height: 1px;
            background-color: #fff;
        }
        .slideshow.home .slides .heading h2::after {
            content: "";
            position: absolute;
            left: 50%;
            bottom: -5px;
            transform: translate(-50%,0);
            width: 40px;
            height: 1px;
            background-color: #fff;
        }
        .slideshow.projects .slides .heading ul {

        }
        .slideshow.projects .slides .heading li {
            display: inline-block;
            color: #fff;
            position: relative;
            margin-right: 24px;
        }
        .slideshow.projects .slides .heading li:last-child {
            margin: 0;
        }
        .slideshow.projects .slides .heading li:not(:last-child)::after {
            content: "";
            position: absolute;
            width: 4px;
            height: 1px;
            background-color: #fff;
            top: 14px;
            right: -13px;
        }
        .slideshow .slides .wrapper p {
            color: #fff;
            font-size: 14px;
        }
        .landing.fullscreen .slideshow .nav {
            display: none;
        }
        .slideshow .nav {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
        }
        .slideshow .nav .prev {
            position: absolute;
            top: 50%;
            left: 20px;
            height: 45px;
            width: 45px;
            opacity: 0;
            border-radius: 3px;
            z-index: 9;
            cursor: pointer;
            box-shadow: 3px 2px 7px 1px rgba(0,0,0,0.18);
            background-color: #f4f4f4;
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }
        .slideshow .nav .prev .arrow {
            position: absolute;
            width: 7px;
            height: 2px;
            top: 43%;
            left: 14px;
            font-size: 10px;
            color: #333;
        }
        .firefox .slideshow .nav .prev .arrow {
            font-size: 9px;
        }
        .slideshow .nav .prev .line {
            content: "";
            position: absolute;
            width: 15px;
            height: 2px;
            top: 22px;
            left: 17px;
            background-color: #333;
        }
        .slideshow .nav .next {
            position: absolute;
            top: 50%;
            right: 20px;
            height: 45px;
            width: 45px;
            border-radius: 3px;
            opacity: 0;
            z-index: 9;
            cursor: pointer;
            box-shadow: 3px 2px 7px 1px rgba(0,0,0,0.18);
            background-color: #f4f4f4;
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }
        .slideshow .nav .next .arrow {
            position: absolute;
            font-size: 10px;
            top: 42%;
            left: 26px;
            color: #333;
        }
        .firefox .slideshow .nav .next .arrow {
            top: 43%;
            font-size: 9px;
        }
        .slideshow .nav .next .line {
            content: "";
            position: absolute;
            width: 15px;
            height: 2px;
            top: 22px;
            left: 15px;
            background-color: #333;
        }
        .slideshow.chrome .nav .next .arrow,
        .slideshow.edge .nav .next .arrow {
            top: 19px;
        }
        .slideshow.chrome .nav .prev .line,
        .slideshow.chrome .nav .next .line,
        .slideshow.edge .nav .prev .line,
        .slideshow.edge .nav .next .line {
            top: 23px;
        }

        .slideshow .slides .wrapper .inner-wrapper {
            transform: translateY(-25px);
            opacity: 0;
        }
        .slideshow .slides .flex-active-slide .wrapper  .inner-wrapper {
            transform: translateY(0px);
            opacity: 1;
        }
        .slideshow:hover .nav .next,
        .slideshow:hover .nav .prev {
            opacity: 0.35;
        }
        .slideshow .nav .next:hover,
        .slideshow .nav .prev:hover {
            opacity: 1;
        }


    /* ---------------------- */
    /* Slideshow Kenburns     */
    /* ---------------------- */
        .slideshow-kenburns {
            position: relative;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        .slideshow-kenburns .images {
            display: none;
        }


    /* ---------------------- */
    /* Lightbox               */
    /* ---------------------- */
        .pswp__caption__center {
            text-align: center;
            font-size: inherit;
        }


    /* ---------------------- */
    /* Grid                   */
    /* ---------------------- */
        .grid {
            text-align: center;
        }
        .grid::after {
            content: "";
            display: block;
            clear: both;
        }
        .grid article {
            position: relative;
            display: block;
            float: left;
        }
        .grid[data-columns="2"] article {
            width: 50%;
        }
        .grid[data-columns="3"] article {
            width: 33.333%;
        }
        .grid[data-columns="4"] article {
            width: 25%;
        }
        .grid[data-columns="5"] article {
            width: 20%;
        }
        .grid article .wrapper {
            position: relative;
        }
        .grid article a {
            
        }
        .grid article img {
            display: block;
            width: 100%;
        }


        .grid-filters {
            text-align: center;
            margin-bottom: 30px;
        }
        .grid-filters ul {
            
        }
        .grid-filters li {
            position: relative;
            display: inline-block;
            margin-right: 30px;
            cursor: pointer;
            color: #333;
            font-size: 16px;
            font-weight: 700;
        }
        .grid-filters li:last-child {
            margin-right: 0;
        }
        .grid-filters li:not(:last-child)::after {
            content: "-";
            position: absolute;
            right: -19px;
            cursor: default;
            color: #333;
        }
        .grid-filters.filtered ul li {
            color: #888888;
        }
        .grid-filters.filtered ul li.active {
            color: #333;
        }


        .grid.no-space {
            margin: 0;
        }
        .grid.no-space article {
            padding: 0;
        }


        .grid.space {
            margin: 20px 20px 0 20px;
        }
        .grid.space article {
            padding: 20px;
        }


        .grid.modern article a {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            bottom: 0;
            left: 0;
            overflow: hidden;
        }
        .grid.modern article a::after {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            bottom: 0;
            left: 0;
            opacity: 0;
            background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(50%,transparent),color-stop(56%,rgba(0,0,0,0.1)),color-stop(93%,rgba(0,0,0,0.6)),to(rgba(0,0,0,0.69)));
            background-image: -webkit-linear-gradient(transparent 0%,transparent 50%,rgba(0,0,0,0.1) 56%,rgba(0,0,0,0.6) 93%,rgba(0,0,0,0.69) 100%);
            background-image: linear-gradient(transparent 0%,transparent 50%,rgba(0,0,0,0.1) 56%,rgba(0,0,0,0.6) 93%,rgba(0,0,0,0.69) 100%);
        }
        .grid.modern article .hover-content {
            position: absolute;
            width: 100%;
            bottom: 0;
            left: 0;
            z-index: 5;
            text-align: center;
            opacity: 0;
            transform: translate(0, 40px);
        }
        .grid.modern article .hover-content h2 {
            font-size: 20px;
            line-height: 30px;
            margin-bottom: 5px;
            padding: 0 15px;
            color: #ffffff;
        }
        .grid.modern.projects article .hover-content p {
            font-size: 0;
            padding: 0 15px;
        }
        .grid.modern.gallery article .hover-content p {
            color: #ffffff;
            margin-bottom: 35px;
        }
        .grid.classic.gallery[data-columns="5"] article p {
            display: none;
        }
        .grid.modern.projects article .hover-content span {
            font-size: 13px;
            position: relative;
            display: inline-block;
            color: #ffffff;
            margin-right: 20px;
        }
        .grid.modern.projects article .hover-content span:last-child {
            margin-right: 0;
        }
        .grid.modern.projects article .hover-content span:not(:last-child)::after {
            content: "-";
            position: absolute;
            right: -12px;
        }

        .grid.classic article a {
            display: block;
        }
        .grid.classic article .img-holder {
            position: relative;
            margin-bottom: 20px;
        }
        .grid.classic article .img-holder::after {
            display: block;
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #000;
            opacity: 0;
        }
        .grid.classic article .content h2 {
            font-size: 20px;
            line-height: 30px;
            margin-bottom: 4px;
            padding: 0 15px;
        }
        .grid.classic.gallery article .content p {
            padding: 0 15px;
        }
        .grid.classic.projects article .content p {
            font-size: 0;
            padding: 0 15px;
        }
        .grid.classic.projects article .content span {
            font-size: 12px;
            position: relative;
            display: inline-block;
            margin-right: 20px;
        }
        .grid.classic.projects article .content span:last-child {
            margin-right: 0;
        }
        .grid.classic.projects article .content span:not(:last-child)::after {
            content: "-";
            position: absolute;
            right: -12px;
        }


        .grid.masonry {
            background-color: #333;
        }
        .grid.masonry[data-columns="2"] article.wide-size {
            width: 100%;
        }
        .grid.masonry[data-columns="3"] article.wide-size {
            width: 66.666%;
        }
        .grid.masonry[data-columns="4"] article.wide-size {
            width: 50%;
        }
        .grid.masonry[data-columns="5"] article.wide-size {
            width: 60%;
        }


        .grid.classic article .wrapper:hover .img-holder::after {
            opacity: 0.25;
        }

        .grid.modern article .wrapper:hover a::after {
            opacity: 1;
        }
        .grid.modern article .wrapper:hover .hover-content {
            opacity: 1;
            transform: translate(0, 0);
        }

        .grid.modern article .img-holder,
        .grid.modern article .content {
            display: none!important;
        }
        .grid.classic article .hover-content,
        .grid.classic article .wrapper > a+img {
            display: none!important;
        }
        .horizontal-slider.gallery.no-lightbox article a,
        .horizontal-strips.gallery.no-lightbox article a,
        .grid.gallery.no-lightbox article a {
            pointer-events: none;
        }


    /* ---------------------- */
    /* Video Player           */
    /* ---------------------- */
        .video-player {
            position: relative;
        }
        .video-player .layer {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            z-index: 3;
        }
        .video-player .icon {
            position: absolute;
            width: 100px;
            height: 100px;
            top: 50%;
            left: 50%;
            border: 2px solid #fff;
            border-radius: 50%;
            cursor: pointer;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
        .video-player .play {
            position: absolute;
            font-size: 32px;
            top: 50%;
            left: 52%;
            color: #fff;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
        .video-player .player {
            
        }
        .video-player .player iframe {

        }


    /* ---------------------- */
    /* Social Icons           */
    /* ---------------------- */
        .social-icons {

        }
        .social-icons li {
            display: inline-block;
            margin-right: 25px;
        }
        .social-icons li:last-child {
            margin-right: 0;
        }
        .social-icons a {

        }
        .social-icons.bordered li {
            margin: 0 25px 25px 0;
        }
        .social-icons.bordered a {
            padding: 8px 8px;
            border: 1px solid #333;
            border-radius: 50%;
            background-color: transparent;
        }
        .social-icons.bordered a:hover {
            color: #fff;
            background-color: #333;
        }


    /* ---------------------- */
    /* Buttons                */
    /* ---------------------- */
        .button {
            display: inline-block;
            font-weight: 700;
            margin: 0 3px 3px 0;
            border-radius: 7px;
        }
        .button.standard {
        }
        .button.outline {
            border: 1px solid;
            border-radius: 7px;
        }
        .button.small {
            font-size: 12px;
            padding: 6px 6px;
        }
        .button.medium {
            font-size: 14px;
            padding: 10px 25px;
        }
        .button.large {
            font-size: 18px;
            padding: 15px 45px;
        }

        .button.standard.dark-grey {
            color: #fff;
            background-color: #333;
        }
        .button.standard.red {
            color: #fff;
            background-color: #f74444;
        }
        .button.standard.green {
            color: #333;
            background-color: #44f768;
        }
        .button.standard.blue {
            color: #fff;
            background-color: #44a3f7;
        }

        .button.standard.dark-grey:hover {
            background-color: #000;
        }
        .button.standard.red:hover {
            background-color: #f22121;
        }
        .button.standard.green:hover {
            background-color: #0fdf39;
        }
        .button.standard.blue:hover {
            background-color: #0d73ce;
        }


        .button.outline.white {
            border-color: #fff;
            color: #fff;
        }
        .button.outline.dark-grey {
            border-color: #333;
            color: #333;
        }
        .button.outline.red {
            border-color: #f74444;
            color: #f74444;
        }
        .button.outline.green {
            border-color: #44f768;
            color: #44f768;
        }
        .button.outline.blue {
            border-color: #44a3f7;
            color: #44a3f7;
        }

        .button.outline.white:hover {
            color: #333;
            background-color: #fff;
        }
        .button.outline.dark-grey:hover {
            color: #fff;
            background-color: #333;
        }
        .button.outline.red:hover {
            color: #fff;
            background-color: #f74444;
        }
        .button.outline.green:hover {
            color: #333;
            background-color: #44f768;
        }
        .button.outline.blue:hover {
            color: #fff;
            background-color: #44a3f7;
        }


    /* ---------------------- */
    /* Skills Bars            */
    /* ---------------------- */
        .skills-bars {
            
        }
        .skills-bars .skill {
            position: relative;
            margin-bottom: 25px;
            padding-bottom: 10px;
            border-bottom: 2px solid #e1e1e1;
        }
        .skills-bars .subject {
            font-weight: 700;
        }
        .skills-bars .percent {
            font-weight: 700;
            float: right;
        }
        .skills-bars .bar {
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 0%;
            height: 2px;
            background-color: #333;
        }


    /* ---------------------- */
    /* Counters               */
    /* ---------------------- */
        .counter {
            text-align: center;
        }
        .counter .number {
            display: block;
            font-size: 48px;
            line-height: 77px;
            font-weight: 700;
        }
        .counter .description {
            
        }


    /* ---------------------- */
    /* Swiper                 */
    /* ---------------------- */
        .testimonials .swiper-wrapper {
            padding-bottom: 80px;
        }
        .testimonials .swiper-pagination-fraction,
        .testimonials .swiper-pagination-custom,
        .testimonials .swiper-container-horizontal > .swiper-pagination-bullets {
            bottom: -5px;
        }
        .testimonials .swiper-pagination-bullet {
            background: #b3b3b3;
        }
        .testimonials .swiper-pagination-bullet-active {
            background: #ffffff;
        }


    /* ---------------------- */
    /* Testimonials           */
    /* ---------------------- */
        .testimonials {
            position: relative;
            color: #fff;
            padding: 120px 20px;
            text-align: center;
            background-position: center;
            background-size: cover;
            background-attachment: fixed;
        }
        .testimonials::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #000000;
            opacity: 0.5;
            z-index: 2;
        }
        .testimonials .content {
            position: relative;
            z-index: 3;
        }
        .testimonials h3 {
            margin-bottom: 15px;
            font-size: 38px;
            line-height: 48px;
        }
        .testimonials .description {
            margin-bottom: 100px;
            color: #fff;
        }
        .testimonials .swiper-container {
            
        }
        .testimonials .swiper-wrapper {
            
        }
        .testimonials .swiper-slide {
            
        }
        .testimonials .swiper-slide p {
            font-size: 18px;
            color: #fff;
        }
        .testimonials .swiper-slide span {
            font-size: 18px;
            font-weight: 700;
        }


    /* ---------------------- */
    /* Team Members           */
    /* ---------------------- */
        .team-members {
            position: relative;
        }
        .team-members .member {
            position: relative;
        }
        .team-members .member::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #000000;
            opacity: 0;
        }
        .team-members[data-columns="2"] .member {
            width: 50%;
        }
        .team-members[data-columns="3"] .member {
            width: 33.333%;
        }
        .team-members[data-columns="4"] .member {
            width: 25%;
        }
        .team-members[data-columns="5"] .member {
            width: 20%;
        }
        .team-members .member img {
            display: block;
            width: 100%;
        }
        .team-members .member .info {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            text-align: center;
            z-index: 3;
            color: #ffffff;
            padding: 0 20px;
            opacity: 0;
            cursor: default;
            -webkit-transform: translate(0%, -10%);
            -moz-transform: translate(0%, -10%);
            transform: translate(0%, -10%);
        }
        .team-members .member .name {
            display: block;
            font-size: 18px;
            font-weight: 700;
        }
        .team-members .member .title {
            margin-bottom: 50px;
            display: block;
        }
        .team-members .member .social-links {
            
        }
        .team-members .member .social-links li {
            display: inline-block;
            margin: 0 10px;
        }
        .team-members .member .social-links li a {
            font-size: 11px;
        }


        .team-members .member:hover::before {
            opacity: 0.4;
        }
        .team-members .member:hover .info {
            opacity: 1;
        }


    /* ---------------------- */
    /* Custom Sections        */
    /* ---------------------- */
        .custom-section {
            padding: 140px 20px;
        }
        .custom-section p {
            color: #fff;
        }


    /* ---------------------- */
    /* Icon Box               */
    /* ---------------------- */
        .icon-box {
            text-align: center;
        }
        .icon-box .icon {
            display: block;
            font-size: 42px;
            margin-bottom: 5px;
        }
        .icon-box .title {
            font-size: 18px;
            margin-bottom: 15px;
            display: block;
            font-weight: 700;
        }
        .icon-box p {
            
        }


    /* ---------------------- */
    /* Image Box              */
    /* ---------------------- */
        .image-box {
            
        }
        .image-box img {
            display: block;
            width: 100%;
            margin-bottom: 15px;
        }
        .image-box span {
            font-size: 18px;
            margin-bottom: 20px;
            display: block;
            font-weight: 700;
        }
        .image-box p:last-of-type {
            margin-bottom: 0;
        }


    /* ---------------------- */
    /* Accordion              */
    /* ---------------------- */
        .accordion {
            
        }
        .accordion .tab {
            margin-bottom: 3px;
        }
        .accordion h3 {
            position: relative;
            background-color: #E6E6E6;
            font-size: 16px;
            padding: 4px 35px 5px;
            margin: 0;
            cursor: pointer;
            user-select: none;
        }
        .accordion h3::before {
            position: absolute;
            content: "-";
            top: 3px;
            left: 15px;
            color: #333333;
        }
        .accordion .content {
            height: 0;
            overflow: hidden;
            background-color: #f9f9f9;
        }
        .accordion .inner-content {
            padding: 35px 35px;
        }
        .accordion .content p:last-of-type {
            margin: 0;
        }


    /* ---------------------- */
    /* Tabs                   */
    /* ---------------------- */
        .tabs {
            
        }
        .tabs .head {
            
        }
        .tabs .head li {
            display: inline-block;
            font-weight: 700;
            padding: 8px 20px;
            cursor: pointer;
            user-select: none;
            background-color: #e8e8e8;
        }
        .tabs .head li.active {
            background-color: #d2d2d2;
        }
        .tabs .content {
            padding: 30px 33px;
            background-color: #f9f9f9;
        }
        .tabs .tab-content {
            display: none;
        }
        .tabs .tab-content.active {
            display: block;
        }

    /* ---------------------- */
    /* MagnifiPopUp           */
    /* ---------------------- */
        @-webkit-keyframes showMFPBG {
            0% {opacity: 0}
            100% {opacity: 0.9}
        }
        @-moz-keyframes showMFPBG {
            0% {opacity: 0}
            100% {opacity: 0.9}
        }
        @keyframes showMFPBG {
            0% {opacity: 0}
            100% {opacity: 0.9}
        }
        .mfp-bg {
            opacity: 0;
            -webkit-animation: showMFPBG 0.35s ease;
            -moz-animation:    showMFPBG 0.35s ease;
            -o-animation:      showMFPBG 0.35s ease;
            animation:         showMFPBG 0.35s ease;
        }
        .mfp-image-holder .mfp-content {
            max-width: 90%;
        }
        .mfp-bg.mfp-with-zoom.mfp-ready {
            opacity: 0.9;
        }
        .mfp-title {
            padding: 10px 5px;
            text-align: center;
            color: #fff;
        }
        .mfp-image-holder .mfp-close,
        .mfp-iframe-holder .mfp-close {
            width: 40px;
            height: 40px;
            opacity: 1;
            padding: 0;
            top: 17px;
            right: -18px;
            line-height: 40px;
            font-size: 22px;
            text-align: center;
            cursor: pointer;
            color: #fff;
            background-color: #000;
        }
        .mfp-container .arrow-left,
        .mfp-container .arrow-right {
            font-family: 'fontawesome';
            display: block;
            position: absolute;
            width: 40px;
            height: 40px;
            top: 50%;
            line-height: 40px;
            font-size: 8px;
            z-index: 10045;
            opacity: 1;
            cursor: pointer;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: #fff;
            background-color: #000;
        }
        .mfp-container .arrow-left {
            left: 50px;
        }
        .mfp-container .arrow-left::before {
            content: "\f053";
        }
        .mfp-container .arrow-right {
            right: 50px;
        }
        .mfp-container .arrow-right::before {
            content: "\f054";
        }
        img.mfp-img {
            max-height: 90vh!important;
        }
        .mfp-figure figcaption {
            position: relative!important;
            left: auto!important;
            bottom: auto!important;
            padding: 0!important;
            font-size: 13px!important;
            opacity: 1!important;
            cursor: default!important;
            text-align: center!important;
            pointer-events: unset!important;
            -webkit-transform: none!important;
            -moz-transform: none!important;
            transform: none!important;
            color: #fff!important;
            background-color: transparent!important;
        }

    /* ---------------------- */
    /* Custom Header          */
    /* ---------------------- */
        main .custom-header {

        }
        main .custom-header p {
            margin-bottom: 2px;
            font-size: 16px;
            font-weight: 700;
            color: inherit;
        }
        main .custom-header h4 {
            font-size: 23px;
            line-height: 30px;
            font-weight: bold;
        }
        html.skin-dark main .custom-header p,
        main .custom-header.color-light p {
            color: #fff;
        }
        html.skin-dark main .custom-header h4,
        main .custom-header.color-light h4 {
            color: #fff;
        }

    /* ---------------------- */
    /* Buttons                */
    /* ---------------------- */
        .cosypb-button {
            display: inline-block;
            padding: 8px 20px;
        }

    /* ---------------------- */
    /* Columns                */
    /* ---------------------- */
        .row {
            position: relative;
        }
        .row::after {
            content: "";
            display: block;
            clear: both;
        }
        .row.full {
            width: 100%;
        }
        .row.boxed {
            width: 1200px;
            margin: 0 auto;
        }
        .row .column {
            position: relative;
            display: block;
            float: left;
        }

        .row.space .column {
            margin: 0 30px 30px 0;
        }
        .row.space .column.one-whole {
            width: 100%;
            margin: 0;
        }
        .row.space .column.one-half {
            width: calc(50% - 15px);
        }
        .row.space .column.one-third {
            width: calc(33.333% - 20px);
        }
        .row.space .column.one-fourth {
            width: calc(25% - 22.5px);
        }
        .row.space .column.one-fifth {
            width: calc(20% - 24px);
        }
        .row.space .column.two-third {
            width: calc(66.666% - 10px);
        }
        .row.space .column.two-fifth {
            width: calc(40% - 15px);
        }
        .row.space .column.three-fourth {
            width: calc(75% - 7.5px);
        }
        .row.space .column.three-fifth {
            width:calc(60% - 15px);
        }
        .row.space .column.last {
            margin-right: 0;
        }

        .row.no-space .column {
            margin: 0;
        }
        .row.no-space .column.one-whole {
            width: 100%;
        }
        .row.no-space .column.one-half {
            width: 50%;
        }
        .row.no-space .column.one-third {
            width: ‭33.333%;
        }
        .row.no-space .column.one-fourth {
            width: 25%;
        }
        .row.no-space .column.one-fifth {
            width: 20%;
        }
        .row.no-space .column.two-third {
            width: ‭66.666%;
        }
        .row.no-space .column.two-fourth {
            width: 50%;
        }
        .row.no-space .column.two-fifth {
            width: 40%;
        }
        .row.no-space .column.three-fourth {
            width: 75%;
        }
        .row.no-space .column.three-fifth {
            width: 60%;
        }

    /* ---------------------- */
    /* Dividers               */
    /* ---------------------- */
        .dividerr, .divider10, .divider20, .divider30, .divider40, .divider50,
        .divider60, .divider70, .divider80, .divider90, .divider100, .divider110, .divider120 {
            display: block;
            clear: both;
        }
        .divider10 {
            height: 10px;
        }
        .divider20 {
            height: 20px;
        }
        .divider30 {
            height: 30px;
        }
        .divider40 {
            height: 40px;
        }
        .divider50 {
            height: 50px;
        }
        .divider60 {
            height: 60px;
        }
        .divider70 {
            height: 70px;
        }
        .divider80 {
            height: 80px;
        }
        .divider90 {
            height: 90px;
        }
        .divider100 {
            height: 100px;
        }
        .divider110 {
            height: 110px;
        }
        .divider120 {
            height: 120px;
        }

    /* ---------------------- */
    /* Icon Box               */
    /* ---------------------- */
        .icon-box {
            text-align: center;
        }
        .icon-box .icon {
            display: block;
            font-size: 34px;
            margin-bottom: 10px;
            color: inherit;
        }
        .icon-box .text {
            text-align: left;
        }
        .icon-box p {
            display: block;
            font-size: 16px;
            line-height: 26px;
            margin-bottom: 0;
            color: inherit;
            text-align: left;
        }

    /* ---------------------- */
    /* Progress Bars          */
    /* ---------------------- */
        .progress-bars {
            
        }
        .progress-bars .bar {
            margin-bottom: 30px;
        }
        .progress-bars .title {
            font-size: 16px;
            margin-bottom: 5px;
            font-weight: bold;
            color: inherit;
        }
        .progress-bars .holder {
            position: relative;
            width: 100%;
            height: 4px;
            background-color: #e0e0e0;
        }
        .progress-bars .percentage {
            position: absolute;
            top: -35px;
            left: 0%;
        }
        .progress-bars .progress {
            position: absolute;
            top: 0;
            left: 0;
            width: 0%;
            height: 4px;
            border-radius: 3px;
            background-color: #7d7d7d;
        }


    /* ---------------------- */
    /* Team Members           */
    /* ---------------------- */
        .team-member {
            position: relative;
            overflow: hidden;
            will-change: contents;
        }
        .team-member::before {
            position: absolute;
            content: "";
            height: 100%;
            width: 100%;
            opacity: 0;
            z-index: 2;
            background-color: #000;
        }
        .team-member img {
            display: block;
            width: 100%;
            height: auto;
        }
        .team-member .overlay {
            position: absolute;
            width: 100%;
            top: 50%;
            left: 0;
            padding: 0 30px;
            opacity: 0;
            z-index: 2;
            text-align: center;
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }
        .team-member .overlay .name {
            display: block;
            font-size: 22px;
            line-height: 42px;
            margin-bottom: 0px;
            font-weight: normal;
            color: #fff;
        }
        .team-member .overlay .title {
            font-size: 13px;
            margin: 0;
            color: #fff;
        }
        .team-member .social-profiles {
            position: absolute;
            width: 100%;
            padding: 0 10px;
            bottom: 10px;
            opacity: 0;
            z-index: 2;
            text-align: center;
        }
        .team-member .social-profiles li {
            list-style: none;
            display: inline-block;
            margin: 0 10px;
        }
        .team-member .social-profiles li a {
            font-size: 13px;
            line-height: 15px;
            display: block;
            vertical-align: middle;
            overflow: visible;
            color: #b3b3b3;
        }
        .team-member:hover::before {
            opacity: 0.7;
        }
        .team-member:hover img {
            transform: scale(1.08);
        }
        .team-member:hover .overlay,
        .team-member:hover .social-profiles {
            opacity: 1;
        }
        .team-member .social-profiles li a:hover {
            color: #fff;
        }

    /* ---------------------- */
    /* Clients                */
    /* ---------------------- */
        .clients-container {

        }
        .clients-container::after {
            display: block;
            content: "";
            clear: both;
        }
        .clients-container .client {
            border: 1px solid #e0e0e0;
            padding: 70px 42px;
            box-sizing: border-box;
            margin: 0 0 -1px -1px!important;
        }
        .clients-container .client img {
            vertical-align: middle;
            opacity: 0.5;
        }
        .clients-container .client:hover img {
            opacity: 1;
        }

    /* ---------------------- */
    /* Contact Form           */
    /* ---------------------- */
        .wpcf7 {
            
        }
        .wpcf7 .screen-reader-response {
            display: none;
        }
        .wpcf7 form {
            text-align: center;
        }
        .wpcf7 form > p {
            margin: 0;
            font-size: 0;
        }
        .wpcf7 form label {
            display: block;
            margin-bottom: 40px;
        }
        .wpcf7 form label.one-half {
            display: inline-block;
            width: calc(50% - 8px);
            margin-right: 16px;
        }
        .wpcf7 form label.one-third {
            display: inline-block;
            width: calc(33.333% - 26px);
            margin-right: 39px;
        }
        .wpcf7 form label.one-whole {

        }
        .wpcf7 form label.clearfix {
            float: left;
        }
        .wpcf7 form label.last {
            margin-right: 0;
        }
        .wpcf7 form label.submit {
            position: relative;
            display: inline-block;
        }
        .wpcf7 form label .wpcf7-form-control-wrap {
            display: block;
        }
        .wpcf7 form label input[type="text"],
        .wpcf7 form label input[type="email"],
        .wpcf7 form label input[type="url"],
        .wpcf7 form label input[type="tel"],
        .wpcf7 form label textarea {
            font-family: 'Playfairdisplay';
            display: block;
            font-size: 14px;
            width: 100%;
            border: 0;
            padding: 0 0 12px;
            background: none;
            font-weight: bold;
            color: #000;
            border-bottom: 1px solid #7b7b7b;
        }
        .wpcf7 form label textarea {
            height: 200px;
        }
        .wpcf7 form label + br {
            display: none;
        }
        .wpcf7 form input[type="submit"] {
            display: block;
            font-size: 14px;
            margin: 0 auto;
            padding: 10px 40px;
            border-radius: 3px;
            background: none;
            font-weight: bold;
            color: #000;
            border: 1px solid #7b7b7b;
        }
        .wpcf7 form .textleft input[type="submit"] {
            margin: 0;
        }
        .wpcf7 form .wpcf7-not-valid-tip {
            font-size: 1em;
            font-weight: normal;
            display: block;
            position: absolute;
            top: -40px;
            left: 0;
        }
        .wpcf7 form .ajax-loader {
            padding: 0;
            margin: 0;
            position: absolute;
            top: 46px;
            left: 60%;
        }
        .wpcf7 form .wpcf7-response-output {
            display: inline-block;
        }
        .wpcf7 form .wpcf7-response-output.success {
            padding: 4px 30px;
            color: #fff;
            font-size: 14px;
            margin-bottom: 20px;
            background-color: #00981a;
        }
        .wpcf7 form .wpcf7-response-output.error {
            padding: 4px 30px;
            color: #fff;
            font-size: 14px;
            margin-bottom: 20px;
            background-color: #ff0000;
        }
        body .wpcf7 form .wpcf7-response-output {
            color: #fff;
            border-radius: 3px;
            padding: 6px 25px;
        }
        body .wpcf7 form.sent .wpcf7-response-output {
            border-color: #46b450;
            background-color: #46b450;
            color: #fff;
        }
        .wpcf7 form.failed .wpcf7-response-output,
        .wpcf7 form.aborted .wpcf7-response-output {
            border-color: #dc3232; /* Red */
            background-color: #dc3232;
            color: #fff;
        }

        .wpcf7 form.spam .wpcf7-response-output {
            border-color: #f56e28; /* Orange */
            background-color: #f56e28;
            color: #fff;
        }

        .wpcf7 form.invalid .wpcf7-response-output,
        .wpcf7 form.unaccepted .wpcf7-response-output,
        .wpcf7 form.payment-required .wpcf7-response-output {
            border-color: #ffb900; /* Yellow */
            background-color: #ffb900;
            color: #000;
        }

        .wpcf7 form label input[type="text"]:hover,
        .wpcf7 form label input[type="email"]:hover,
        .wpcf7 form label input[type="url"]:hover,
        .wpcf7 form label textarea:hover,
        .wpcf7 form label input[type="text"]:focus,
        .wpcf7 form label input[type="email"]:focus,
        .wpcf7 form label input[type="url"]:focus,
        .wpcf7 form label textarea:focus {
            border-color: #000;
        }
        .wpcf7 form input[type="submit"]:hover {
            color: #fff;
            background-color: #000;
        }

    /* ---------------------- */
    /* Video Player           */
    /* ---------------------- */
        .video-player {
            position: relative;
        }
        .video-player.with-cover {
            
        }
        .video-player.with-cover .cover {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 999;
            opacity: 1;
            pointer-events: all;
        }
        .video-player.with-cover .cover.inactive {
            opacity: 0;
            pointer-events: none;
        }
        .video-player.with-cover .cover img {
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            pointer-events: none;
        }
        .video-player.with-cover .cover .video-button {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 80px;
            height: 80px;
            border-radius: 100%;
            text-align: center;
            cursor: pointer;
            color: #fff;
            border: 1px solid #fff;
            background-color: rgb(255 255 255 / 15%);
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
        .video-player.with-cover .cover .video-button i {
            position: absolute;
            left: 32px;
            top: 27px;
            font-size: 24px;
            z-index: 3;
            color: #fff;
        }
        .video-player.with-cover .cover .video-button:hover {
            background-color: #fff;
        }
        .video-player.with-cover .cover .video-button:hover i {
            color: #000;
        }
        .video-player iframe {
            height: 100%!important;
        }

        /* Plyr */
            @keyframes plyr-progress {
                to {
                    background-position: 13px 0;
                } 
            }
            @keyframes plyr-popup {
                0% {
                    opacity: 0.5;
                    transform: translateY(10px); 
                }
                to {
                    opacity: 1;
                    transform: translateY(0); 
                } 
            }
            @keyframes plyr-fade-in {
                from {
                    opacity: 0; 
                }
                to {
                    opacity: 1; 
                } 
            }
            .plyr {
                -moz-osx-font-smoothing: grayscale;
                -webkit-font-smoothing: antialiased;
                direction: ltr;
                font-family: "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
                font-variant-numeric: tabular-nums;
                font-weight: 500;
                line-height: 1.7;
                max-width: 100%;
                min-width: 200px;
                position: relative;
                text-shadow: none;
                transition: box-shadow 0.3s ease;
                background: red;
                will-change: contents;
                -webkit-backface-visibility: hidden; 
            }
            .plyr .fluid-width-video-wrapper {
                padding-top: 0!important;
            }
            .plyr video,
            .plyr audio {
                border-radius: inherit;
                height: auto;
                vertical-align: middle;
                width: 100%; 
            }
            .plyr:focus {
                outline: 0; 
            }
            .plyr--full-ui {
                box-sizing: border-box; 
            }
            .plyr--full-ui *,
            .plyr--full-ui *::after,
            .plyr--full-ui *::before {
                box-sizing: inherit; 
            }

            .plyr--full-ui a,
            .plyr--full-ui button,
            .plyr--full-ui input,
            .plyr--full-ui label {
                touch-action: manipulation; 
            }

            .plyr__badge {
                background: #4f5b5f;
                border-radius: 2px;
                color: #fff;
                font-size: 9px;
                line-height: 1;
                padding: 3px 4px; 
            }

            .plyr--full-ui ::-webkit-media-text-track-container {
                display: none;
            }

            .plyr__captions {
                animation: plyr-fade-in 0.3s ease;
                bottom: 0;
                color: #fff;
                display: none;
                font-size: 14px;
                left: 0;
                padding: 10px;
                position: absolute;
                text-align: center;
                transform: translateY(-40px);
                transition: transform 0.4s ease-in-out;
                width: 100%; 
            }
            .plyr__captions span {
                background: rgba(0, 0, 0, 0.8);
                border-radius: 2px;
                box-decoration-break: clone;
                line-height: 185%;
                padding: 0.2em 0.5em;
                white-space: pre-wrap; 
            }
            .plyr__captions span div {
                display: inline; 
            }
            .plyr__captions span:empty {
                display: none; 
            }
            @media (min-width: 480px) {
                .plyr__captions {
                    font-size: 14px;
                    padding: 20px; 
                } 
            }
            @media (min-width: 768px) {
                .plyr__captions {
                    font-size: 18px; 
                } 
            }

            .plyr--captions-active .plyr__captions {
                display: block; 
            }

            .plyr--hide-controls .plyr__captions {
                transform: translateY(-15px); 
            }

            .plyr__control {
                background: transparent;
                border: 0;
                border-radius: 1px;
                color: inherit;
                cursor: pointer;
                flex-shrink: 0;
                overflow: visible;
                padding: 7px;
                position: relative;
                transition: all 0.3s ease; 
            }
            .plyr__control svg {
                display: block;
                fill: currentColor;
                height: 18px;
                pointer-events: none;
                width: 18px; 
            }
            .plyr__control:focus {
                outline: 0; 
            }
            .plyr__control.plyr__tab-focus {
                box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.35);
                outline: 0; 
            }

            .plyr__control[aria-pressed='false'] .icon--pressed,
            .plyr__control[aria-pressed='true'] .icon--not-pressed,
            .plyr__control[aria-pressed='false'] .label--pressed,
            .plyr__control[aria-pressed='true'] .label--not-pressed {
                display: none; 
            }

            .plyr--audio .plyr__control {
                opacity: .5; 
            }
            .plyr--audio .plyr__control.plyr__tab-focus, 
            .plyr--audio .plyr__control:hover, 
            .plyr--audio .plyr__control[aria-expanded='true'] {
                color: #fff;
                opacity: 1; 
            }
            .plyr__progress__buffer {
                display: none;
            }

            .plyr__control--overlaid {
                background: rgba(255, 255, 255, 0.8);
                border: 0;
                border-radius: 100%;
                box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
                color: #fff;
                display: none;
                left: 50%;
                padding: 15px;
                position: absolute;
                top: 50%;
                transform: translate(-50%, -50%);
                z-index: 2; 
            }
            .plyr__control--overlaid svg {
                height: 20px;
                left: 2px;
                position: relative;
                width: 20px; 
            }
            .plyr__control--overlaid:hover, 
            .plyr__control--overlaid:focus {
                background: #ffffff; 
            }

            .plyr--playing .plyr__control--overlaid {
                opacity: 0;
                visibility: hidden; 
            }

            .plyr--full-ui.plyr--video .plyr__control--overlaid {
                display: block; 
            }

            .plyr--full-ui ::-webkit-media-controls {
                display: none; 
            }

            .plyr__controls {
                align-items: center;
                display: flex;
                text-align: center; 
            }
            .plyr__controls > .plyr__control,
            .plyr__controls .plyr__progress,
            .plyr__controls .plyr__time,
            .plyr__controls .plyr__menu {
                margin-left: 5px; 
            }
            .plyr__controls > .plyr__control:first-child,
            .plyr__controls > .plyr__control:first-child + [data-plyr='pause'],
            .plyr__controls .plyr__progress:first-child,
            .plyr__controls .plyr__progress:first-child + [data-plyr='pause'],
            .plyr__controls .plyr__time:first-child,
            .plyr__controls .plyr__time:first-child + [data-plyr='pause'],
            .plyr__controls .plyr__menu:first-child,
            .plyr__controls .plyr__menu:first-child + [data-plyr='pause'] {
            margin-left: 0; }
            .plyr__controls .plyr__volume {
            margin-left: 5px; }
            @media (min-width: 480px) {
            .plyr__controls > .plyr__control,
            .plyr__controls .plyr__progress,
            .plyr__controls .plyr__time,
            .plyr__controls .plyr__menu {
            margin-left: 10px; }
            .plyr__controls > .plyr__control + .plyr__control,
            .plyr__controls .plyr__menu + .plyr__control,
            .plyr__controls > .plyr__control + .plyr__menu {
            margin-left: 5px; } }

            .plyr--video .plyr__controls {
            background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
            border-bottom-left-radius: inherit;
            border-bottom-right-radius: inherit;
            bottom: 0;
            color: #fff;
            left: 0;
            padding: 35px 10px 10px;
            position: absolute;
            right: 0;
            transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
            z-index: 2; }
            .plyr--video .plyr__controls .plyr__control {
            opacity: .5; }
            .plyr--video .plyr__controls .plyr__control svg {
            filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.15)); }
            .plyr--video .plyr__controls .plyr__control.plyr__tab-focus, .plyr--video .plyr__controls .plyr__control:hover, .plyr--video .plyr__controls .plyr__control[aria-expanded='true'] {
            color: #fff;
            opacity: 1; }

            .plyr--audio .plyr__controls {
            background: #fff;
            border-radius: inherit;
            color: #4f5b5f;
            padding: 10px; }

            .plyr--video.plyr--hide-controls .plyr__controls {
            opacity: 0;
            pointer-events: none;
            transform: translateY(100%); }

            .plyr [data-plyr='captions'],
            .plyr [data-plyr='pip'],
            .plyr [data-plyr='airplay'],
            .plyr [data-plyr='fullscreen'] {
            display: none; }

            .plyr--captions-enabled [data-plyr='captions'],
            .plyr--pip-supported [data-plyr='pip'],
            .plyr--airplay-supported [data-plyr='airplay'],
            .plyr--fullscreen-enabled [data-plyr='fullscreen'] {
            display: inline-block; }

            .plyr__video-embed {
            height: 0;
            padding-bottom: 56.25%;
            position: relative; }
            .plyr__video-embed iframe {
            border: 0;
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            user-select: none;
            width: 100%; }
            .plyr__video-embed > div {
            padding-bottom: 240%;
            position: relative;
            transform: translateY(-38.28125%); }

            .plyr--full-ui .plyr__video-embed iframe {
            pointer-events: none; }

            .plyr__menu {
            display: flex;
            position: relative; }
            .plyr__menu .plyr__control svg {
            transition: transform 0.3s ease; }
            .plyr__menu .plyr__control[aria-expanded='true'] svg {
            transform: rotate(90deg); }
            .plyr__menu .plyr__control[aria-expanded='true'] .plyr__tooltip {
            display: none; }
            .plyr__menu__container {
            animation: plyr-popup 0.2s ease;
            background: rgba(255, 255, 255, 0.9);
            border-radius: 4px;
            bottom: 100%;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
            color: #4f5b5f;
            font-size: 14px;
            margin-bottom: 10px;
            position: absolute;
            right: -3px;
            text-align: left;
            white-space: nowrap;
            z-index: 1; }
            .plyr__menu__container > div {
            overflow: hidden;
            transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); }
            .plyr__menu__container::after {
            border: 4px solid transparent;
            border-top-color: rgba(255, 255, 255, 0.9);
            content: '';
            height: 0;
            position: absolute;
            right: 15px;
            top: 100%;
            width: 0; }
            .plyr__menu__container ul {
            list-style: none;
            margin: 0;
            overflow: hidden;
            padding: 7px; }
            .plyr__menu__container ul li {
            margin-top: 2px; }
            .plyr__menu__container ul li:first-child {
            margin-top: 0; }
            .plyr__menu__container .plyr__control {
            align-items: center;
            color: #4f5b5f;
            display: flex;
            padding: 4px 14px;
            user-select: none;
            width: 100%; }
            .plyr__menu__container .plyr__control::after {
            border: 4px solid transparent;
            content: '';
            position: absolute;
            top: 50%;
            transform: translateY(-50%); }
            .plyr__menu__container .plyr__control--forward {
            padding-right: 28px; }
            .plyr__menu__container .plyr__control--forward::after {
            border-left-color: rgba(79, 91, 95, 0.8);
            right: 5px; }
            .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after {
            border-left-color: currentColor; }
            .plyr__menu__container .plyr__control--back {
            font-weight: 500;
            margin: 7px;
            margin-bottom: 3px;
            padding-left: 28px;
            position: relative;
            width: calc(100% - 14px); }
            .plyr__menu__container .plyr__control--back::after {
            border-right-color: rgba(79, 91, 95, 0.8);
            left: 7px; }
            .plyr__menu__container .plyr__control--back::before {
            background: #b7c5cd;
            box-shadow: 0 1px 0 #fff;
            content: '';
            height: 1px;
            left: 0;
            margin-top: 4px;
            overflow: hidden;
            position: absolute;
            right: 0;
            top: 100%; }
            .plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after {
            border-right-color: currentColor; }
            .plyr__menu__container label.plyr__control {
            padding-left: 7px; }
            .plyr__menu__container label.plyr__control input[type='radio'] + span {
            background: rgba(0, 0, 0, 0.1);
            border-radius: 100%;
            display: block;
            flex-shrink: 0;
            height: 16px;
            margin-right: 10px;
            position: relative;
            transition: all 0.3s ease;
            width: 16px; }
            .plyr__menu__container label.plyr__control input[type='radio'] + span::after {
            background: #fff;
            border-radius: 100%;
            content: '';
            height: 6px;
            left: 5px;
            opacity: 0;
            position: absolute;
            top: 5px;
            transform: scale(0);
            transition: transform 0.3s ease, opacity 0.3s ease;
            width: 6px; }
            .plyr__menu__container label.plyr__control input[type='radio']:checked + span {
            background: #ffffff; }
            .plyr__menu__container label.plyr__control input[type='radio']:checked + span::after {
            opacity: 1;
            transform: scale(1); }
            .plyr__menu__container label.plyr__control input[type='radio']:focus + span {
            box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.35);
            outline: 0; }
            .plyr__menu__container label.plyr__control.plyr__tab-focus input[type='radio'] + span,
            .plyr__menu__container label.plyr__control:hover input[type='radio'] + span {
            background: rgba(0, 0, 0, 0.1); }
            .plyr__menu__container .plyr__menu__value {
            align-items: center;
            display: flex;
            margin-left: auto;
            margin-right: -7px;
            overflow: hidden;
            padding-left: 25px;
            pointer-events: none; }

            .plyr__progress {
            display: flex;
            flex: 1;
            position: relative; }
            .plyr__progress input[type='range'] {
            position: relative;
            z-index: 2; }
            .plyr__progress .plyr__tooltip {
            font-size: 14px;
            left: 0; }

            .plyr__progress--buffer {
            -webkit-appearance: none;
            /* stylelint-disable-line */
            background: transparent;
            border: 0;
            border-radius: 100px;
            height: 2px;
            left: 0;
            margin: -1px 0 0;
            padding: 0;
            position: absolute;
            top: 50%;
            width: 100%; }
            .plyr__progress--buffer::-webkit-progress-bar {
            background: transparent;
            transition: width 0.2s ease; }
            .plyr__progress--buffer::-webkit-progress-value {
            background: currentColor;
            border-radius: 100px;
            min-width: 2px; }
            .plyr__progress--buffer::-moz-progress-bar {
            background: currentColor;
            border-radius: 100px;
            min-width: 2px;
            transition: width 0.2s ease; }
            .plyr__progress--buffer::-ms-fill {
            border-radius: 100px;
            transition: width 0.2s ease; }

            .plyr--video .plyr__progress--buffer {
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
            color: rgba(255, 255, 255, 0.25); }

            .plyr--audio .plyr__progress--buffer {
            color: rgba(183, 197, 205, 0.66); }

            .plyr--loading .plyr__progress--buffer {
            animation: plyr-progress 1s linear infinite;
            background-image: linear-gradient(-45deg, rgba(47, 52, 61, 0.6) 25%, transparent 25%, transparent 50%, rgba(47, 52, 61, 0.6) 50%, rgba(47, 52, 61, 0.6) 75%, transparent 75%, transparent);
            background-repeat: repeat-x;
            background-size: 13px 13px;
            color: transparent; }

            .plyr--video.plyr--loading .plyr__progress--buffer {
            background-color: rgba(255, 255, 255, 0.25); }

            .plyr--audio.plyr--loading .plyr__progress--buffer {
            background-color: rgba(183, 197, 205, 0.66); }

            .plyr--full-ui input[type='range'] {
            -webkit-appearance: none;
            /* stylelint-disable-line */
            background: transparent;
            border: 0;
            border-radius: 0px;
            color: #ffffff;
            display: block;
            height: 6px;
            margin: 0;
            padding: 0;
            transition: box-shadow 0.3s ease;
            width: 100%; }
            .plyr--full-ui input[type='range']::-webkit-slider-runnable-track {
            background: transparent;
            border: 0;
            border-radius: 1px;
            height: 2px;
            transition: all 0.3s ease;
            user-select: none;
            background-image: linear-gradient(to right, currentColor var(--value), transparent var(--value)); }
            .plyr--full-ui input[type='range']::-webkit-slider-thumb {
            background: #fff;
            border: 0;
            border-radius: 100%;
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
            box-sizing: border-box;
            height: 0px;
            position: relative;
            transition: all 0.2s ease;
            width: 0px;
            -webkit-appearance: none;
            /* stylelint-disable-line */
            margin-top: 1px; }
            .plyr--full-ui input[type='range']::-moz-range-track {
            background: transparent;
            border: 0;
            border-radius: 1px;
            height: 2px;
            transition: all 0.3s ease;
            user-select: none; }
            .plyr--full-ui input[type='range']::-moz-range-thumb {
            background: #fff;
            border: 0;
            border-radius: 100%;
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
            box-sizing: border-box;
            height: 0px;
            position: relative;
            transition: all 0.2s ease;
            width: 0px; }
            .plyr--full-ui input[type='range']::-moz-range-progress {
            background: currentColor;
            border-radius: 1px;
            height: 2px; }
            .plyr--full-ui input[type='range']::-ms-track {
            background: transparent;
            border: 0;
            border-radius: 1px;
            height: 2px;
            transition: all 0.3s ease;
            user-select: none;
            color: transparent; }
            .plyr--full-ui input[type='range']::-ms-fill-upper {
            background: transparent;
            border: 0;
            border-radius: 1px;
            height: 2px;
            transition: all 0.3s ease;
            user-select: none; }
            .plyr--full-ui input[type='range']::-ms-fill-lower {
            background: transparent;
            border: 0;
            border-radius: 1px;
            height: 2px;
            transition: all 0.3s ease;
            user-select: none;
            background: currentColor; }
            .plyr--full-ui input[type='range']::-ms-thumb {
            background: #fff;
            border: 0;
            border-radius: 100%;
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
            box-sizing: border-box;
            height: 0px;
            position: relative;
            transition: all 0.2s ease;
            width: 0px;
            margin-top: 0; }
            .plyr--full-ui input[type='range']::-ms-tooltip {
            display: none; }
            .plyr--full-ui input[type='range']:focus {
            outline: 0; }
            .plyr--full-ui input[type='range']::-moz-focus-outer {
            border: 0; }
            .plyr--full-ui input[type='range'].plyr__tab-focus::-webkit-slider-runnable-track {
            box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.35);
            outline: 0; }
            .plyr--full-ui input[type='range'].plyr__tab-focus::-moz-range-track {
            box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.35);
            outline: 0; }
            .plyr--full-ui input[type='range'].plyr__tab-focus::-ms-track {
            box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.35);
            outline: 0; }

            .plyr--full-ui.plyr--video input[type='range']::-webkit-slider-runnable-track {
            background-color: rgba(255, 255, 255, 0.25); }

            .plyr--full-ui.plyr--video input[type='range']::-moz-range-track {
            background-color: rgba(255, 255, 255, 0.25); }

            .plyr--full-ui.plyr--video input[type='range']::-ms-track {
            background-color: rgba(255, 255, 255, 0.25); }

            .plyr--full-ui.plyr--video input[type='range']:active::-webkit-slider-thumb {
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); }

            .plyr--full-ui.plyr--video input[type='range']:active::-moz-range-thumb {
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); }

            .plyr--full-ui.plyr--video input[type='range']:active::-ms-thumb {
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); }

            .plyr--full-ui.plyr--audio input[type='range']::-webkit-slider-runnable-track {
            background-color: rgba(183, 197, 205, 0.66); }

            .plyr--full-ui.plyr--audio input[type='range']::-moz-range-track {
            background-color: rgba(183, 197, 205, 0.66); }

            .plyr--full-ui.plyr--audio input[type='range']::-ms-track {
            background-color: rgba(183, 197, 205, 0.66); }

            .plyr--full-ui.plyr--audio input[type='range']:active::-webkit-slider-thumb {
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); }

            .plyr--full-ui.plyr--audio input[type='range']:active::-moz-range-thumb {
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); }

            .plyr--full-ui.plyr--audio input[type='range']:active::-ms-thumb {
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); }

            .plyr__time {
            font-size: 14px; }

            .plyr__time + .plyr__time::before {
            content: '\2044';
            margin-right: 10px; }

            @media (max-width: 767px) {
            .plyr__time + .plyr__time {
            display: none; } }

            .plyr--video .plyr__time {
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }

            .plyr__tooltip {
            background: rgba(255, 255, 255, 0.9);
            border-radius: 2px;
            bottom: 100%;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
            color: #4f5b5f;
            font-size: 14px;
            font-weight: 500;
            line-height: 1.3;
            margin-bottom: 10px;
            opacity: 0;
            padding: 5px 7.5px;
            pointer-events: none;
            position: absolute;
            transform: translate(-50%, 10px) scale(0.8);
            transform-origin: 50% 100%;
            transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
            z-index: 2; }
            .plyr__tooltip::before {
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-top: 4px solid rgba(255, 255, 255, 0.9);
            bottom: -4px;
            content: '';
            height: 0;
            left: 50%;
            position: absolute;
            transform: translateX(-50%);
            width: 0;
            z-index: 2; }

            .plyr .plyr__control:hover .plyr__tooltip,
            .plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
            .plyr__tooltip--visible {
            opacity: 1;
            transform: translate(-50%, 0) scale(1); }

            .plyr .plyr__control:hover .plyr__tooltip {
            z-index: 3; }

            .plyr__controls > .plyr__control:first-child .plyr__tooltip,
            .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
            left: 0;
            transform: translate(0, 10px) scale(0.8);
            transform-origin: 0 100%; }
            .plyr__controls > .plyr__control:first-child .plyr__tooltip::before,
            .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
            left: 16px; }

            .plyr__controls > .plyr__control:last-child .plyr__tooltip {
            right: 0;
            transform: translate(0, 10px) scale(0.8);
            transform-origin: 100% 100%; }
            .plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
            left: auto;
            right: 16px;
            transform: translateX(50%); }

            .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
            .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
            .plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
            .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
            .plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip,
            .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
            .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip,
            .plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
            .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible {
            transform: translate(0, 0) scale(1); }

            .plyr--video {
            overflow: hidden; }
            .plyr--video.plyr--menu-open {
            overflow: visible; }

            .plyr__video-wrapper {
                background: #000;
                border-radius: inherit;
                overflow: hidden;
                position: relative;
                z-index: 0;
            }

            .plyr__volume {
            flex: 1;
            position: relative; }
            .plyr__volume input[type='range'] {
            position: relative;
            z-index: 2; }
            @media (min-width: 480px) {
            .plyr__volume {
            max-width: 50px; } }
            @media (min-width: 768px) {
            .plyr__volume {
            max-width: 80px; } }

            .plyr--is-ios .plyr__volume,
            .plyr--is-ios [data-plyr='mute'] {
            display: none !important; }

            .plyr--has-error {
            pointer-events: none; }
            .plyr--has-error::after {
            align-items: center;
            background: black;
            color: #fff;
            content: attr(data-plyr-error);
            display: flex;
            font-size: 14px;
            height: 100%;
            justify-content: center;
            left: 0;
            position: absolute;
            text-align: center;
            text-shadow: 0 1px 1px black;
            top: 0;
            width: 100%;
            z-index: 10; }

            .plyr:fullscreen {
            background: #000;
            border-radius: 0 !important;
            height: 100%;
            margin: 0;
            width: 100%; }
            .plyr:fullscreen video {
            height: 100%; }
            .plyr:fullscreen .plyr__video-wrapper {
            height: 100%;
            width: 100%; }
            .plyr:fullscreen .plyr__video-embed {
            overflow: visible; }
            .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
            height: 0;
            top: 50%;
            transform: translateY(-50%); }
            .plyr:fullscreen .plyr__control .icon--exit-fullscreen {
            display: block; }
            .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
            display: none; }
            .plyr:fullscreen.plyr--hide-controls {
            cursor: none; }
            @media (min-width: 1024px) {
            .plyr:fullscreen .plyr__captions {
            font-size: 21px; } }

            /* stylelint-disable-next-line */
            .plyr:-webkit-full-screen {
            background: #000;
            border-radius: 0 !important;
            height: 100%;
            margin: 0;
            width: 100%; }
            .plyr:-webkit-full-screen video {
            height: 100%; }
            .plyr:-webkit-full-screen .plyr__video-wrapper {
            height: 100%;
            width: 100%; }
            .plyr:-webkit-full-screen .plyr__video-embed {
            overflow: visible; }
            .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
            height: 0;
            top: auto;
            transform: none; }
            .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
            display: block; }
            .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
            display: none; }
            .plyr:-webkit-full-screen.plyr--hide-controls {
            cursor: none; }
            @media (min-width: 1024px) {
            .plyr:-webkit-full-screen .plyr__captions {
            font-size: 21px; } }

            /* stylelint-disable-next-line */
            .plyr:-moz-full-screen {
            background: #000;
            border-radius: 0 !important;
            height: 100%;
            margin: 0;
            width: 100%; }
            .plyr:-moz-full-screen video {
            height: 100%; }
            .plyr:-moz-full-screen .plyr__video-wrapper {
            height: 100%;
            width: 100%; }
            .plyr:-moz-full-screen .plyr__video-embed {
            overflow: visible; }
            .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
            height: 0;
            top: 50%;
            transform: translateY(-50%); }
            .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
            display: block; }
            .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
            display: none; }
            .plyr:-moz-full-screen.plyr--hide-controls {
            cursor: none; }
            @media (min-width: 1024px) {
            .plyr:-moz-full-screen .plyr__captions {
            font-size: 21px; } }

            /* stylelint-disable-next-line */
            .plyr:-ms-fullscreen {
            background: #000;
            border-radius: 0 !important;
            height: 100%;
            margin: 0;
            width: 100%; }
            .plyr:-ms-fullscreen video {
            height: 100%; }
            .plyr:-ms-fullscreen .plyr__video-wrapper {
            height: 100%;
            width: 100%; }
            .plyr:-ms-fullscreen .plyr__video-embed {
            overflow: visible; }
            .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
            height: 0;
            top: 50%;
            transform: translateY(-50%); }
            .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
            display: block; }
            .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
            display: none; }
            .plyr:-ms-fullscreen.plyr--hide-controls {
            cursor: none; }
            @media (min-width: 1024px) {
            .plyr:-ms-fullscreen .plyr__captions {
            font-size: 21px; } }

            .plyr--fullscreen-fallback {
            background: #000;
            border-radius: 0 !important;
            height: 100%;
            margin: 0;
            width: 100%;
            bottom: 0;
            left: 0;
            position: fixed;
            right: 0;
            top: 0;
            z-index: 10000000; }
            .plyr--fullscreen-fallback video {
            height: 100%; }
            .plyr--fullscreen-fallback .plyr__video-wrapper {
            height: 100%;
            width: 100%; }
            .plyr--fullscreen-fallback .plyr__video-embed {
            overflow: visible; }
            .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
            height: 0;
            top: 50%;
            transform: translateY(-50%); }
            .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
            display: block; }
            .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
            display: none; }
            .plyr--fullscreen-fallback.plyr--hide-controls {
            cursor: none; }
            @media (min-width: 1024px) {
            .plyr--fullscreen-fallback .plyr__captions {
            font-size: 21px; } }

            .plyr__ads {
                border-radius: inherit;
                bottom: 0;
                cursor: pointer;
                left: 0;
                overflow: hidden;
                position: absolute;
                right: 0;
                top: 0;
                z-index: -1; 
            }
            .plyr__ads > div,
            .plyr__ads > div iframe {
                height: 100%;
                position: absolute;
                width: 100%; 
            }
            .plyr__ads::after {
                background: rgba(47, 52, 61, 0.8);
                border-radius: 2px;
                bottom: 10px;
                color: #fff;
                content: attr(data-badge-text);
                font-size: 11px;
                padding: 2px 6px;
                pointer-events: none;
                position: absolute;
                right: 10px;
                z-index: 3; 
            }
            .plyr__ads::after:empty {
                display: none; 
            }

            .plyr__cues {
                background: currentColor;
                display: block;
                height: 2px;
                left: 0;
                margin: -1px 0 0;
                opacity: 0.8;
                position: absolute;
                top: 50%;
                width: 3px;
                z-index: 3; 
            }

            .plyr--no-transition {
            transition: none !important; }

            .plyr--full-ui [hidden] {
                /* display: none;  */
            }

            .plyr--full-ui [aria-hidden='true'] {
                /* display: none;  */
            }

            .plyr__sr-only {
                clip: rect(1px, 1px, 1px, 1px);
                overflow: hidden;
                border: 0 !important;
                height: 1px !important;
                padding: 0 !important;
                position: absolute !important;
                width: 1px !important;
            }


/*
================================================================
================================================================
    Landings
================================================================
================================================================
*/


    /* ---------------------- */
    /* Global                 */
    /* ---------------------- */
        .landing {

        }
        .landing .logo-container {
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 9;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
        .landing .logo-container a {
            display: block;
        }
        .landing .logo-container a img {

        }


    /* ---------------------- */
    /* Slideshow              */
    /* ---------------------- */
        .landing > .slideshow .slides::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0.25;
            z-index: 5;
            visibility: visible;
            background-color: #000;
        }


    /* ---------------------- */
    /* Horizontal Slider      */
    /* ---------------------- */
        .landing .horizontal-slider .swiper-wrapper {
            background-color: #333;
        }
        .landing .horizontal-slider article {
            pointer-events: none;
        }
        .landing .horizontal-slider article::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #000000;
            opacity: 0.4;
        }


    /* ---------------------- */
    /* Strips                 */
    /* ---------------------- */
        .landing-strips {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            background-color: #333333;
        }
        .landing-strips .col {
            position: relative;
            float: left;
            height: 100%;
            padding-right: 20px;
        }
        .landing-strips .col.last {
            padding-right: 0;
        }
        .landing-strips[data-columns="2"] .col {
            width: 50%;
        }
        .landing-strips[data-columns="3"] .col {
            width: 33.3333%;
        }
        .landing-strips[data-columns="4"] .col {
            width: 25%;
        }
        .landing-strips[data-columns="5"] .col {
            width: 20%;
        }


    /* ---------------------- */
    /* Grid                   */
    /* ---------------------- */
        .landing .grid {
            position: relative;
            width: 100%;
            height: 100%;
        }
        .landing .grid article {
            position: relative;
            float: left;
            background-size: cover;
            background-position: center;
        }
        .landing .grid article::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #000000;
            opacity: 0.4;
        }
        .landing .grid[data-columns="2"] article {
            width: 50%;
        }
        .landing .grid[data-columns="3"] article {
            width: 33.3333%;
        }
        .landing .grid[data-columns="4"] article {
            width: 25%;
        }
        .landing .grid[data-rows="2"] article {
            height: 50%;
        }
        .landing .grid[data-rows="3"] article {
            height: 33.3333%;
        }
        .landing .grid[data-rows="4"] article {
            height: 25%;
        }


/*
================================================================
================================================================
    Portfolio
================================================================
================================================================
*/


    /* ---------------------- */
    /* Single                 */
    /* ---------------------- */
        .portfolio-single {

        }
        .portfolio-single .content {
            margin-bottom: 120px;
        }
        .portfolio-single .content.border-bottom {
            padding-bottom: 100px;
            margin-bottom: 100px;
            border-bottom: 1px solid #c1c1c1;
        }
        .portfolio-single .content.no-margin {
            margin-bottom: 0;
        }
        .portfolio-single .navi {

        }
        .portfolio-single .navi .prev {
            display: block;
            float: left;
            position: relative;
        }
        .portfolio-single .navi .prev .icon {
            position: relative;
        }
        .portfolio-single .navi .prev .arrow {
            font-size: 9px;
            position: absolute;
            top: 7px;
            left: 0px;
        }
        .portfolio-single .navi .prev .line {
            position: absolute;
            width: 16px;
            height: 2px;
            background-color: #333;
            top: 10px;
            left: 3px;
        }
        .portfolio-single .navi .prev .link {
            position: absolute;
            display: block;
            top: 0;
            left: 32px;
            width: 200px;
            height: 27px;
            font-size: 16px;
            text-align: left;
            overflow: hidden;
        }
        .portfolio-single .navi .next {
            display: block;
            float: right;
            position: relative;
        }
        .portfolio-single .navi .next .icon {
            position: relative;
        }
        .portfolio-single .navi .next .arrow {
            font-size: 9px;
            position: absolute;
            top: 7px;
            right: 0px;
        }
        .portfolio-single .navi .next .line {
            position: absolute;
            width: 16px;
            height: 2px;
            background-color: #333;
            top: 10px;
            right: 3px;
        }
        .portfolio-single .navi .next .link {
            position: absolute;
            top: 0;
            right: 32px;
            width: 200px;
            height: 27px;
            font-size: 16px;
            display: block;
            text-align: right;
            overflow: hidden;
        }
        .portfolio-single .navi .portfolio {
            font-size: 18px;
        }


/*
================================================================
================================================================
    Pages
================================================================
================================================================
*/


    /* ---------------------- */
    /* Global                 */
    /* ---------------------- */
        .page {
            position: relative;
        }
        main.single-page .page-links {
            margin-bottom: 70px;
        }
        main.single-page .page-links a {
            font-weight: 700;
        }
        main.single-page .page-links a:hover {

        }
        .page-cover {
            position: relative;
            background-position: center;
            background-size: cover;
            background-attachment: fixed;
            margin-bottom: 100px;
        }
        .page-cover.half-height {
            width: 100%;
            padding: 300px 50px 200px;
            background-attachment: scroll;
        }
        .page-cover.half-height.no-margin {
            margin-bottom: 0;
        }
        .page-cover.full-height {
            width: 100%;
            height: calc(100vh - 200px);
        }
        .page-cover:not(.relative)::after {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #000;
            opacity: 0.4;
        }
        .page-cover:not(.relative) .inner-wrapper {
            position: absolute;
            top: 50%;
            left: 50%;
            text-align: center;
            z-index: 3;
            -webkit-transform: translate(-50%, -35%);
            -moz-transform: translate(-50%, -35%);
            transform: translate(-50%, -35%);
        }
        .page-cover .head {
            position: relative;
            margin-bottom: 40px;
            padding: 0 0 20px 0;
            text-align: center;
        }
        .page-cover.half-height .head {
            margin-bottom: 0;
            padding: 0;
        }
        .page-cover .head.style-dborder::before {
            content: "";
            position: absolute;
            left: 50%;
            bottom: 0;
            width: 60px;
            height: 1px;
            background-color: #fff;
            -webkit-transform: translate(-50%,0);
            -moz-transform: translate(-50%,0);
            transform: translate(-50%,0);
        }
        .page-cover .head.style-dborder::after {
            content: "";
            position: absolute;
            left: 50%;
            bottom: -5px;
            transform: translate(-50%,0);
            width: 40px;
            height: 1px;
            background-color: #fff;
        }
        .page-cover .head h1 {
            color: #fff;
            margin-bottom: 8px;
            font-size: 52px;
            line-height: 72px;
        }
        .page-cover .head.style-dborder2 h1 {
            position: relative;
            padding-bottom: 15px;
            margin-bottom: 30px;
        }
        .page-cover .head.style-dborder2 h1::before {
            content: "";
            position: absolute;
            left: 50%;
            bottom: 0;
            width: 60px;
            height: 1px;
            background-color: #fff;
            -webkit-transform: translate(-50%,0);
            -moz-transform: translate(-50%,0);
            transform: translate(-50%,0);
        }
        .page-cover .head.style-dborder2 h1::after {
            content: "";
            position: absolute;
            left: 50%;
            bottom: -5px;
            transform: translate(-50%,0);
            width: 40px;
            height: 1px;
            background-color: #fff;
        }
        .page-cover .head ul {

        }
        .page-cover .head li {
            display: inline-block;
            color: #fff;
            position: relative;
            margin-right: 24px;
        }
        .page-cover .head li:last-child {
            margin: 0;
        }
        .page-cover .head li:not(:last-child)::after {
            content: "";
            position: absolute;
            width: 4px;
            height: 1px;
            background-color: #fff;
            top: 14px;
            right: -13px;
        }
        .page-cover .head p {
            color: #fff;
            font-size: 14px;
        }
        .page-cover.half-height .head p {
            margin: 0;
        }

        .page-cover .horizontal-slider,
        .page-cover .slideshow {
            margin-bottom: 60px;
        }
        .page-cover.relative .head h1 {
            font-size: 44px;
            line-height: 66px;
        }
        .page-cover.relative.no-cover .head h1 {
            margin-top: 60px;
        }
        .page-cover.relative .head::before,
        .page-cover.relative .head::after,
        .page-cover.relative .head li:not(:last-child)::after {
            background-color: #333;
        }
        .page-cover.relative .head h1,
        .page-cover.relative .head li,
        .page-cover.relative .head p {
            color: #333;
        }
        .single-page .heading {
            padding: 100px 20px;
        }
        .single-page .content {
            margin-bottom: 60px;
        }
        .single-page .content h2 {
            font-size: 38px;
            line-height: 48px;
        }


    /* ---------------------- */
    /* Fullwidth (About Me 1) */
    /* ---------------------- */
        .page.style-fullwidth {
            width: 100%;
            height: 100%;
        }
        .page.style-fullwidth .outer-wrapper {
            position: relative;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
        }
        .page.style-fullwidth .outer-wrapper::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #000;
            opacity: 0.2;
        }
        .page.style-fullwidth .inner-wrapper {
            position: absolute;
            top: 50%;
            left: 55%;
            max-width: 1100px;
            padding: 40px 50px;
            background-color: #fff;
            z-index: 2;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
        .page.style-fullwidth .img-container {
            position: absolute;
            top: 50%;
            left: -240px;
            width: 240px;
            height: 400px;
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }
        .page.style-fullwidth .img-container img {

        }
        .page.style-fullwidth .content {

        }
        .page.style-fullwidth .description {
            font-size: 14px;
            padding-bottom: 25px;
            margin-bottom: 25px;
            border-bottom: 1px solid #dedede;
        }
        .page.style-fullwidth .description h1 {
            font-size: 21px;
            line-height: 32px;
            margin-bottom: 25px;
        }
        .page.style-fullwidth .description p:last-child {
            margin-bottom: 0;
        }
        .page.style-fullwidth .description p strong {

        }
        .page.style-fullwidth .contact-details {

        }
        .page.style-fullwidth .contact-details li {
            position: relative;
            padding-left: 16px;
            font-size: 12px;
        }
        .page.style-fullwidth .contact-details li::before {
            content: "";
            position: absolute;
            top: 14px;
            left: 0;
            width: 7px;
            height: 1px;
            background-color: #737373;
        }
        .page.style-fullwidth .social-profiles {
            position: absolute;
            bottom: -27px;
            right: -27px;
        }
        .page.style-fullwidth .social-profiles li {
            display: inline-block;
        }
        .page.style-fullwidth .social-profiles a {
            display: block;
            width: 55px;
            height: 55px;
            text-align: center;
            background-color: #F0F0F0;
            border-right: 1px solid #d9d9d9;
        }
        .page.style-fullwidth .social-profiles li:last-child a {
            border-right: 0;
        }
        .page.style-fullwidth .social-profiles a:hover {
            background-color: #dedede;
        }
        .page.style-fullwidth .social-profiles i {
            position: relative;
            display: block;
            top: 50%;
            font-size: 11px;
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }


    /* ---------------------- */
    /* Sliced (About Me 2)    */
    /* ---------------------- */
        .page.style-sliced {
            position: relative;
        }
        .page.style-sliced::after {
            content: "";
            display: block;
            clear: both;
        }
        .page.style-sliced .left-section {
            position: relative;
            float: left;
            width: 50%;
            height: calc(100vh - 270px);
            background-size: cover;
            background-position: center;
        }
        .page.style-sliced .right-section {
            position: relative;
            float: left;
            width: 50%;
            height: calc(100vh - 270px);
            padding: 0 80px;
            overflow: auto;
        }
        .page.style-sliced .right-section .inner-wrapper {
            position: relative;
            padding: 80px 0;
        }
        .page.style-sliced .right-section .inner-wrapper.small {
            top: 50%;
            padding: 0;
            -webkit-transform: translate(0%, -50%);
            -moz-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
        }


    /* ---------------------- */
    /* 404                    */
    /* ---------------------- */
        body.error404 .blog .search-not-found {
            margin: 120px 0;
            text-align: center;
        }


    /* ---------------------- */
    /* Comments               */
    /* ---------------------- */
        main.page .comments {
            padding: 80px 0;
        }
        main.page .comments .comments-area {
            margin-bottom: 80px;
        }
        main.page .comments .comments-area h4 {
            font-size: 26px;
            line-height: 36px;
            margin-bottom: 40px;
        }
        main.page .comments .comments-area ul {
            text-align: left;
        }
        main.page .comments .comments-area li {
            position: relative;
            margin-bottom: 35px;
            margin-left: 0;
            list-style: none;
        }
        main.page .comments .comments-area .comment-user-avatar {
            position: absolute;
            top: 0;
            left: 0;
        }
        main.page .comments .comments-area .comment-user-avatar img {
            
        }
        main.page .comments .comments-area .comment-body {
            padding-left: 85px;
        }
        main.page .comments .comments-area .comment-body h6 {
            
        }
        main.page .comments .comments-area .comment-body .comment-date {
            color: #6a6a6a;
        }
        main.page .comments .comments-area .comment-body .comment-date + h6 {
            margin-bottom: 12px;
        }
        main.page .comments .comments-area .comment-body .comment-reply-link {
            position: absolute;
            top: 0;
            right: 0;
            font-size: 14px;
            color: #6a6a6a;
        }
        main.page .comments .comments-area .comment-body .comment-reply-link:hover {
            color: #000;
        }
        main.page .comments .comments-area .comment-body .comment-text {
            font-size: 14px;
        }
        main.page .comments .comments-area .comment-body .comment-text a {
            font-size: 14px;
        }
        main.page .comments .comments-area .comment-body .comment-text p:last-child {
            margin: 0;
        }
        main.page .comments .comments-area ul ul {
            margin-left: 85px;
        }
        main.page .comments .comment-respond {
            position: relative;
        }
        main.page .comments .comment-list .comment-respond {
            margin-bottom: 40px;
        }
        main.page .comments .comment-respond .comment-reply-title {
            font-size: 26px;
            line-height: 36px;
            margin-bottom: 40px;
        }
        main.page .comments .comment-respond small {
            position: absolute;
            top: 0;
            right: 0;
        }
        main.page .comments .comment-respond small a {
            font-size: 14px;
            color: #6a6a6a;
        }
        main.page .comments .comment-respond small a:hover {
            color: #000;
        }
        main.page .comments .comment-respond form {
            font-size: 0;
        }
        main.page .comments .comment-respond textarea {
            display: block;
            width: 100%;
            height: 160px;
            margin-bottom: 20px;
            border: 1px solid #c7c7c7;
            padding: 20px;
            font-size: 14px;
        }
        main.page .comments .comment-respond input[name="author"],
        main.page .comments .comment-respond input[name="email"],
        main.page .comments .comment-respond input[name="subject"] {
            display: inline-block;
            width: 30%;
            margin-right: 5%;
            background: none;
            border: 1px solid #c7c7c7;
            padding: 20px;
            margin-bottom: 30px;
            font-size: 14px;
        }
        main.page .comments .comment-respond textarea:hover,
        main.page .comments .comment-respond input[name="author"]:hover,
        main.page .comments .comment-respond input[name="email"]:hover,
        main.page .comments .comment-respond input[name="subject"]:hover {
            border-color: #000;
        }
        main.page .comments .comment-respond input[name="subject"] {
            margin-right: 0;
        }
        main.page .comments .comment-respond .comment-form-cookies-consent {
            
        }
        main.page .comments .comment-respond .comment-form-cookies-consent input {
            margin-right: 10px;
        }
        main.page .comments .comment-respond .comment-form-cookies-consent label {
            font-size: 14px;
        }
        main.page .comments .comment-respond .form-submit {
            margin: 0;
        }
        main.page .comments .comment-respond .form-submit input[type="submit"] {
            border: 0;
            padding: 10px 30px;
            border-radius: 3px;
            font-size: 14px;
            background-color: #333;
            color: #fff;
        }
        main.page .comments .comment-respond .form-submit input[type="submit"]:hover {
            background-color: #000;
        }


/*
================================================================
================================================================
    Blog
================================================================
================================================================
*/


    /* ---------------------- */
    /* Global                 */
    /* ---------------------- */
        .blog {
            position: relative;
        }
        .blog .container-boxed::after {
            content: "";
            display: block;
            clear: both;
        }
        .blog.no-sidebar .posts {
            width: 100%;
        }
        .blog.blog-grid .posts::after {
            content: "";
            display: block;
            clear: both;
        }
        .blog.sidebar-right .posts {
            width: 65%;
            float: left;
        }
        .blog.sidebar-left .posts {
            width: 65%;
            float: right;
        }
        .blog.blog-grid .post {
            float: left;
            margin: 0 2% 70px;
        }
        .blog.blog-grid[data-columns="2"] .post {
            width: 46%;
        }
        .blog.blog-grid[data-columns="3"] .post {
            width: 29.333%;
        }
        .blog.blog-grid[data-columns="4"] .post {
            width: 21%;
        }
        .blog .post {
            text-align: center;
            margin-bottom: 50px;
        }
        .home.blog .blog .post,
        .archive .blog .post,
        .search .blog .post {
            text-align: left;
        }
        .blog .post.index {
            border-bottom: 1px solid #d2d2d2;
            padding-bottom: 60px;
            margin-bottom: 60px;
        }
        .blog .post.index:last-child {
            border-bottom: 0;
            padding-bottom: 0;
            margin-bottom: 60px;
        }
        .blog .post .img-container {
            position: relative;
            margin-bottom: 30px;
        }
        .blog .post .img-container a::before {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #000;
            opacity: 0;
            z-index: 3;
        }
        .home.blog .blog .post .img-container a::before,
        .archive .blog .post .img-container a::before,
        .search .blog .post .img-container a::before {
            display: none;
        }
        .blog .post .img-container:hover a::before {
            opacity: 0.4;
        }
        .blog .post .img-container a {
            display: block;
        }
        .blog .post .img-container img {
            position: relative;
            display: block;
            z-index: 2;
            width: auto;
            max-height: 470px;
        }
        .blog.cosypb-element .post .img-container img {
            width: 100%;
            max-height: none;
        }
        .blog .post .head {
            position: relative;
            margin-bottom: 40px;
            padding-bottom: 20px;
        }
        .blog .post.index .head {
            position: relative;
            margin-bottom: 20px;
            padding-bottom: 0;
        }
        .blog .post.index.no-content .head {
            margin-bottom: 0;
        }
        .blog .post .head::before {
            content: "";
            position: absolute;
            left: 50%;
            bottom: 0;
            width: 60px;
            height: 1px;
            background-color: #333;
            -webkit-transform: translate(-50%,0);
            -moz-transform: translate(-50%,0);
            transform: translate(-50%,0);
        }
        .blog .post .head::after {
            content: "";
            position: absolute;
            left: 50%;
            bottom: -5px;
            transform: translate(-50%,0);
            width: 40px;
            height: 1px;
            background-color: #333;
        }
        .home.blog .blog .post .head::before,
        .home.blog .blog .post .head::after,
        .archive .blog .post .head::before,
        .archive .blog .post .head::after,
        .search .blog .post .head::before,
        .search .blog .post .head::after {
            display: none;
        }
        .blog .post .head h2 {
            margin-bottom: 10px;
            word-break: break-word;
        }
        .blog.blog-grid[data-columns="3"] .post .head h2 {
            font-size: 26px;
        }
        .blog.blog-grid[data-columns="4"] .post .head h2 {
            font-size: 22px;
        }
        .blog .post .head h2 a {
            
        }
        .blog .post .head h2 a:after,
        .blog .post .head h2 a:before {
            display: none;
        }
        .blog .post .meta,
        .blog .post .meta a {
            font-size: 14px;
            line-height: inherit;
            color: #6a6a6a;
        }
        .blog .post .meta a {

        }
        .blog .post .meta a:hover {
            color: #000;
        }
        .blog .post .meta .sticky span {
            display: inline-block;
            padding: 1px 9px;
            border-radius: 3px;
            color: #fff;
            background-color: #333;
        }
        .blog .post .meta > div {
            position: relative;
            display: inline-block;
            padding-right: 25px;
            overflow: hidden;
            vertical-align: top;
        }
        .blog .post .meta > div:last-child {
            padding-right: 0;
        }
        .blog .post .meta > div::after {
            position: absolute;
            display: block;
            content: "";
            width: 7px;
            height: 1px;
            top: 14px;
            right: 7px;
            background-color: #b3b3b3;
        }
        .blog .post .meta > div:last-child::after {
            display: none;
        }
        .blog .post .excerpt {
            margin-bottom: 25px;
        }
        .blog .pagination {
            margin: 20px 0;
            font-size: 18px;
            text-align: center;
        }
        .blog .pagination span,
        .blog .pagination a {
            margin: 0 10px;
        }
        .blog .pagination span{
            opacity: 0.6;
        }
        .blog .pagination a {

        }
        .blog .pagination a:hover {

        }
        .blog .post .description {
            margin-bottom: 20px;
            text-align: left;
        }
        .blog .post.index .description {
            margin-bottom: 0;
        }
        .blog .post .read-more {
            font-weight: 700;
        }
        .blog .post.index .read-more {
            display: inline-block;
            margin-top: 15px;
            font-weight: 400;
            color: #6a6a6a;
        }
        .blog .post.index .read-more:hover {
            color: #000;
        }


    /* Search */
        .blog .search-not-found {

        }
        .blog .search-not-found .big {
            font-size: 56px;
            line-height: 86px;
        }
        .blog .search-not-found p {
            font-size: 18px;
            margin-bottom: 30px;
            font-weight: 700;
            color: #333;
        }
        .blog .search-not-found span {
            font-size: 27px;
            margin-bottom: 12px;
            display: inline-block;
        }
        .blog .search-not-found form {
            
        }
        .blog .search-not-found input[type="text"] {
            padding: 14px 20px;
            width: 275px;
            max-width: 90%;
            font-size: 16px;
            border-radius: 3px;
            margin-right: 6px;
            background: transparent;
            border: 1px solid #858585;
        }
        .blog .search-not-found input[type="text"]:hover,
        .blog .search-not-found input[type="text"]:focus {
            border-color: #000;
        }
        .blog .search-not-found input[type="submit"] {
            padding: 10px 20px;
            border-radius: 3px;
            border: 1px solid #222;
            background-color: #222;
            color: #fff;
            font-weight: 700;
            vertical-align: bottom;
        }
        .blog .search-not-found input[type="submit"]:hover {
            border-color: #000;
            background-color: #000;
        }


    /* ---------------------- */
    /* Sidebar                */
    /* ---------------------- */
        .blog.sidebar-right .sidebar,
        .blog-single .sidebar {
            width: 25%;
            float: right;
        }
        .blog.sidebar-left .sidebar {
            width: 25%;
            float: left;
        }
        .blog .sidebar .widget,
        .blog-single .sidebar .widget {
            margin-bottom: 50px;
        }
        .blog .sidebar .widget h3,
        .blog-single .sidebar .widget h3,
        .blog .sidebar .widget h2,
        .blog-single .sidebar .widget h2 {
            font-size: 20px;
            line-height: 32px;
            margin-bottom: 14px;
        }
        .blog .sidebar .widget h3 a:before,
        .blog-single .sidebar .widget h3 a:before,
        .blog .sidebar .widget h2 a:before,
        .blog-single .sidebar .widget h2 a:before,
        .blog .sidebar .widget h3 a:after,
        .blog-single .sidebar .widget h3 a:after,
        .blog .sidebar .widget h2 a:after,
        .blog-single .sidebar .widget h2 a:after {
            display: none;
        }
        
        .blog.has-sidebar .sidebar .widget ul {
            margin: 0;
            margin-left: 16px;
        }
        .blog.has-sidebar .sidebar .widget li {
            font-size: 14px;
            line-height: 34px;
            color: #6a6a6a;
        }
        .blog.has-sidebar .sidebar .widget li a {
            color: #000;
        }
        .blog.has-sidebar .sidebar .widget li a:hover {
            color: #6a6a6a;
        }
        .blog.has-sidebar .sidebar .widget ul.children,
        .blog.has-sidebar .sidebar .widget ul.sub-menu {

        }
        .blog.has-sidebar .sidebar .widget ul.children li,
        .blog.has-sidebar .sidebar .widget ul.sub-menu li {
            position: relative;
            list-style: none;
        }
        .wp-calendar-nav a {
            color: #000;
        }
        .wp-calendar-nav a::after {
            background-color: #000;
        }
        .wp-calendar-nav a:hover {
            color: #6a6a6a;
        }
        .wp-calendar-nav a:hover::after {
            background-color: #6a6a6a;
        }
        .blog.has-sidebar .sidebar .widget ul.children li::before,
        .blog.has-sidebar .sidebar .widget ul.sub-menu li::before {
            position: absolute;
            content: "";
            width: 4px;
            height: 4px;
            border-radius: 100%;
            background-color: #afafaf;
            top: 16px;
            left: -16px;
        }
        .blog.has-sidebar .sidebar .widget select {
            display: block;
            position: relative;
            width: 100%;
            padding: 19px;
            border-radius: 3px;
            border: 1px solid #c7c7c7;
            -moz-appearance: none;
            -webkit-appearance: none;
            appearance: none;
            background-image: linear-gradient(45deg, transparent 50%, black 50%), linear-gradient(135deg, black 50%, transparent 50%);
            background-position: 92.2% 49%, 94.2% 49%, calc(100% - 2.5em) 0.5em;
            background-size: 5px 5px, 5px 5px, 1px 1.5em;
            background-repeat: no-repeat;
        }
        .blog.has-sidebar .sidebar .widget select:hover {
            border: 1px solid #000;
        }
        .blog.has-sidebar .sidebar .widget input {
            font-family: sans-serif;
        }

        .blog.has-sidebar .sidebar .widget_categories li,
        .blog.has-sidebar .sidebar .widget_archive li {
            text-align: right;
            line-height: 34px;
        }
        .blog.has-sidebar .sidebar .widget_categories li a,
        .blog.has-sidebar .sidebar .widget_archive li a {
            float: left;
        }
        .blog.has-sidebar .sidebar .widget_categories li:hover,
        .blog.has-sidebar .sidebar .widget_archive li:hover {
            color: #6a6a6a;
        }
        .blog.has-sidebar .sidebar .widget_recent_comments li:nth-child(3) {
            line-height: 28px;
        }



        .blog.has-sidebar .sidebar .widget_search {

        }
        .blog.has-sidebar .sidebar .widget_search form {

        }
        .blog.has-sidebar .sidebar .widget_search div {
            font-size: 0;
        }
        .blog.has-sidebar .sidebar .widget_search label {
            display: none;
        }
        .blog.has-sidebar .sidebar .widget_search input[type="search"],
        .blog.has-sidebar .sidebar .widget_search input[type="text"] {
            display: block;
            border: 0;
            width: 100%;
            padding: 12px 20px 12px 0;
            font-size: 14px;
            border-bottom: 1px solid #aaa;
            background-color: transparent;
        }
        .blog.has-sidebar .sidebar .widget_search input[type="search"]:hover,
        .blog.has-sidebar .sidebar .widget_search input[type="text"]:hover {
            border-bottom: 1px solid #000;
        }
        .blog.has-sidebar .sidebar .widget_search input[type="submit"] {
            display: none;
        }

        .blog.has-sidebar .sidebar .widget_categories ul {

        }
        .blog.has-sidebar .sidebar .widget_categories li {

        }
        .blog.has-sidebar .sidebar .widget_categories li a {
            font-size: 14px;
        }
        .blog.has-sidebar .sidebar .widget_categories ul.children {
            margin-left: 12px;
        }
        .blog.has-sidebar .sidebar .widget_categories ul.children li {
            color: #a7a7a7;
        }
        .blog.has-sidebar .sidebar .widget_categories ul.children li a {
            color: #767676;
        }
        .blog.has-sidebar .sidebar .widget_categories ul.children li a:hover {
            color: #000;
        }

        .blog.has-sidebar .sidebar .widget_calendar td,
        .blog.has-sidebar .sidebar .widget_calendar th {
            text-align: center;
        }
        .blog.has-sidebar .sidebar .widget_calendar th {
            background-color: #333;
            color: #fff;
        }
        .blog.has-sidebar .sidebar .widget_calendar td {
            color: #484848;
        }
        .blog.has-sidebar .sidebar .widget_calendar td a,
        .blog.has-sidebar .sidebar .widget_calendar th a {
            font-weight: 700;
        }
        .blog.has-sidebar .sidebar .widget_calendar td a:hover,
        .blog.has-sidebar .sidebar .widget_calendar th a:hover {

        }
        .wp-calendar-nav a {
            font-weight: 400;
        }
        .wp-calendar-nav a:hover {

        }

        .blog.has-sidebar .sidebar .widget_pages ul.children {
            margin-left: 12px;
        }
        .blog.has-sidebar .sidebar .widget_pages ul.children li {
            color: #a7a7a7;
        }
        .blog.has-sidebar .sidebar .widget_pages ul.children li a {
            color: #767676;
        }
        .blog.has-sidebar .sidebar .widget_pages ul.children li a:hover {
            color: #000;
        }
        
        .blog.has-sidebar .sidebar .widget_nav_menu ul.sub-menu {
            margin-left: 8px;
        }
        .blog.has-sidebar .sidebar .widget_nav_menu ul.sub-menu li {
            color: #a7a7a7;
        }
        .blog.has-sidebar .sidebar .widget_nav_menu ul.sub-menu li a {
            color: #767676;
        }
        .blog.has-sidebar .sidebar .widget_nav_menu ul.sub-menu li a:hover {
            color: #000;
        }

        .blog.has-sidebar .sidebar .widget_rss li {
            margin-bottom: 8px;
        }
        .blog.has-sidebar .sidebar .widget_rss li .rsswidget {
            display: block;
            line-height: 24px;
        }
        .blog.has-sidebar .sidebar .widget_rss li .rss-date {
            margin-bottom: 6px;
            display: block;
            line-height: 24px;
        }
        .blog.has-sidebar .sidebar .widget_rss li .rssSummary {
            line-height: 26px;
            color: #000;
        }
        .blog.has-sidebar .sidebar .widget_rss li cite {
        }

        .blog.has-sidebar .sidebar .widget_tag_cloud a {
            display: inline-block;
            font-size: 13px!important;
            margin-right: 15px;
            margin-top: 5px;
            margin-bottom: 10px;
            padding: 3px 11px;
            border-radius: 6px;
            color: #000;
            background-color: #dbdbdb;
        }
        .blog.has-sidebar .sidebar .widget_tag_cloud a:hover {
            color: #fff;
            background-color: #4a4a4a;
        }
        .blog.has-sidebar .sidebar .widget_text img.wp-smiley, img.emoji {
            display: inline !important;
            border: none !important;
            box-shadow: none !important;
            height: 1em !important;
            width: 1em !important;
            margin: 0 .07em !important;
            vertical-align: -0.1em !important;
            background: none !important;
            padding: 0 !important;
        }

        .blog.has-sidebar .sidebar .widget_media_gallery {

        }
        .blog.has-sidebar .sidebar .widget_media_gallery::after {
            display: block;
            clear: both;
            content: "";
        }
        .blog.has-sidebar .sidebar .widget_media_gallery h3 {
            margin-bottom: 15px;
        }
        .blog.has-sidebar .sidebar .widget_media_gallery .gallery {

        }
        .widget .blocks-gallery-grid .blocks-gallery-item, 
        .widget .wp-block-gallery .blocks-gallery-item {
            margin: 0 2px 2px 0;
        }
        .blog.has-sidebar .sidebar .widget_media_gallery figure {
            float: left;
            padding: 1px;
        }
        .blog.has-sidebar .sidebar .widget_media_gallery figcaption {
            display: none;
        }
        .blog.has-sidebar .sidebar .widget_media_gallery .gallery-columns-1 figure {
            width: 100%;
        }
        .blog.has-sidebar .sidebar .widget_media_gallery .gallery-columns-2 figure {
            width: 50%;
        }
        .blog.has-sidebar .sidebar .widget_media_gallery .gallery-columns-3 figure {
            width: 33.333%;
        }
        .blog.has-sidebar .sidebar .widget_media_gallery .gallery-columns-4 figure {
            width: 25%;
        }
        .blog.has-sidebar .sidebar .widget_media_gallery .gallery-columns-5 figure {
            width: 20%;
        }
        .blog.has-sidebar .sidebar .widget_media_gallery .gallery-icon {
            display: block;
        }
        .blog.has-sidebar .sidebar .widget_media_gallery .gallery-icon a {
            position: relative;
            display: block;
        }
        .blog.has-sidebar .sidebar .widget_media_gallery .gallery-icon a::after {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            background-color: #000;
        }
        .blog.has-sidebar .sidebar .widget_media_gallery .gallery-icon img {
            display: block;
            width: 100%;
            height: auto;
            border: 0!important;
        }
        .blog.has-sidebar .sidebar .widget_media_gallery br {
            display: none;
        }
        .blog.has-sidebar .sidebar .widget_media_gallery .gallery::after {
            content: "";
            display: block;
            clear: both;
        }
        .blog.has-sidebar .sidebar .widget_media_gallery .gallery .gallery-icon a:hover::after {
            opacity: 0.7;
        }


    /* ---------------------- */
    /* Single Post            */
    /* ---------------------- */
        .blog-single {
            
        }
        .blog-single .hero {
            
        }
        .no-logo .blog-single .hero {
            margin-top: 50px;
        }
        .blog-single .cover {
            margin-bottom: 50px;
        }
        .blog-single .cover.image {
            
        }
        .blog-single .cover.image figure {
            
        }
        .blog-single .cover.image img {
            display: block;
            width: auto;
            max-height: 600px;
            margin: 0 auto;
        }
        .blog-single .cover.slideshow {
            
        }
        .blog-single .cover.quote {
            background-color: #e6e6e6;
            padding: 100px 50px;
            text-align: center;
            margin-bottom: 100px;
        }
        .blog-single .cover.quote h1 {
            position: relative;
            font-size: 28px;
            max-width: 1100px;
            display: inline-block;
            margin-bottom: 50px;
            line-height: 38px;
        }
        .blog-single .cover.quote h1::before {
            content: "“";
            position: absolute;
            top: -10px;
            left: -40px;
            font-size: 42px;
        }
        .blog-single .cover.quote h1::after {
            content: "“";
            position: absolute;
            top: -25px;
            right: -40px;
            font-size: 42px;
            transform: rotate(180deg);
        }
        .blog-single .cover.quote p {
            font-size: 16px;
            margin-bottom: 3px;
            font-weight: 700;
        }
        .blog-single .cover.quote span {
            display: block;
        }
        .blog-single .head {
            text-align: center;
            margin-bottom: 60px;
        }
        .blog-single .head h1 {
            padding: 0 20px;
            font-size: 38px;
            margin-bottom: 20px;
            word-break: break-word;
        }
        .blog-single .head .meta,
        .blog-single .head .meta a {
            font-size: 14px;
            line-height: inherit;
        }
        .blog-single .head .meta > div {
            position: relative;
            display: inline-block;
            padding-right: 25px;
            overflow: hidden;
            color: #6a6a6a;
        }
        .blog-single .head .meta > div:last-child {
            padding-right: 0;
        }
        .blog-single .head .meta > div::after {
            position: absolute;
            display: block;
            content: "";
            width: 7px;
            height: 1px;
            top: 14px;
            right: 7px;
            background-color: #b3b3b3;
        }
        .blog .post .meta > div:last-child::after {
            display: none;
        }
        .blog-single .head .meta .categories.too-many-categories::after {
            display: none;
        }
        .blog-single .container-boxed::after {
            content: "";
            display: block;
            clear: both;
        }
        .blog-single article {
            width: 65%;
            float: left;
        }
        .blog-single.no-sidebar article {
            width: 100%;
            float: none;
        }
        .blog-single .content {
            text-align: left;
            margin-bottom: 50px;
            padding-bottom: 50px;
            border-bottom: 1px solid #d2d2d2;
        }
        .blog-single .content .container-boxed,
        .blog-single .content .small-container-boxed {
            width: 100%;
        }
        .blog-single .tags-section {
            background-color: #f0f0f0;
            padding: 8px 25px 3px;
        }
        .blog-single .tags-section ul {

        }
        .blog-single .tags-section li {
            display: inline-block;
            font-weight: 700;
        }
        .blog-single .tags-section li:not(:last-child)::after {
            content: ", ";
            margin-right: 3px;
        }
        .blog-single .tags-section a {

        }
        .blog-single .related-posts {
            margin-bottom: 50px;
            padding-bottom: 50px;
            border-bottom: 1px solid #d2d2d2;
            font-size: 0;
        }
        .blog-single .related-posts h3 {
            font-size: 24px;
            text-align: left;
        }
        .blog-single .related-posts .postsingle {
            display: inline-block;
            width: 30.333%;
            margin-right: 4.5%;
        }
        .blog-single .related-posts .postsingle:last-child {
            margin-right: 0;
        }
        .blog-single .related-posts .img-container {
            margin-bottom: 20px;
        }
        .blog-single .related-posts .img-container img {
            display: block;
            width: 100%;
        }
        .blog-single .related-posts .title {
            margin-bottom: 0px;
            font-size: 16px;
            font-weight: 700;
            text-align: left;
            color: #333;
        }
        .blog-single .related-posts .meta {
            margin: 0;
            font-size: 14px;
            text-align: left;
        }
        .blog-single .comments-section {
            margin-bottom: 50px;
        }
        .blog-single .comments-section h3 {
            font-size: 24px;
        }
        .blog-single .comments-section form {
            font-size: 0;
        }

        .blog-single .comments-section input[type="text"],
        .blog-single .comments-section input[type="email"],
        .blog-single .comments-section textarea {
            display: inline-block;
            width: 30.6%;
            margin: 0 2% 30px;
            padding: 8px 0 12px;
            outline: none;
            border: 0;
            border-bottom: 1px solid #aaa;
            font-size: 14px;
            font-weight: 300;
        }
        .blog-single .comments-section input[name="author"] {
            margin-left: 0;
        }
        .blog-single .comments-section input[name="url"] {
            margin-right: 0;
            margin-bottom: 50px;
        }
        .blog-single .comments-section textarea {
            width: 100%;
            height: 150px;
            margin: 0 0 30px;
        }
        .blog-single .comments-section input[type="submit"] {
            border: 0;
            padding: 9px 30px;
            border-radius: 3px;
            background-color: #333;
            color: #fff;
            font-size: 16px;
        }

        .blog-single .comments-section input[type="text"]:hover,
        .blog-single .comments-section input[type="email"]:hover,
        .blog-single .comments-section textarea:hover,
        .blog-single .comments-section input[type="text"]:focus,
        .blog-single .comments-section input[type="email"]:focus,
        .blog-single .comments-section textarea:focus {
            border-color: #333;
        }
        .blog-single .comments-section input[type="submit"]:hover {
            background-color: #000;
        }


    /* Single */

        /* Content */
            .blog-single .content {

            }
            .blog-single .content hr {
                margin: 20px 0;
            }
            .blog-single .content .page-links a {
                font-weight: 700;
            }
            .blog-single .content .page-links a:hover {

            }
            .blog-single .content > ol,
            .blog-single .content > ul {
                margin-left: 16px;
            }
            .blog-single .content > ol li a,
            .blog-single .content > ul li a {

            }
            .blog-single .content > ol li a:hover,
            .blog-single .content > ul li a:hover {

            }
            .blog-single .content > .wp-block-calendar,
            .blog-single .content > ol,
            .blog-single .content > ul,
            .blog-single .content > dl,
            .blog-single .content > table {
                margin-bottom: 30px;
            }
            .blog-single .content > table th {
                text-align: left;
            }
            .blog-single .content h1,
            .blog-single .content h2,
            .blog-single .content h3,
            .blog-single .content h4,
            .blog-single .content h5,
            .blog-single .content h6 {
                margin-bottom: 20px;
            }
            .blog-single .content h3 {
                font-size: 24px;
            }

        /* Tags */
            .blog-single .content .tags {
                float: left;
                width: 50%;
                padding-right: 20px;
                margin-bottom: 30px;
                margin-top: 30px;
            }
            .blog-single .content .tags a {
                display: inline-block;
                font-size: 13px;
                margin-right: 15px;
                margin-bottom: 15px;
                padding: 3px 11px;
                border-radius: 6px;
                color: #000;
                background-color: #dbdbdb;
            }
            .blog-single .content .tags a:hover {
                color: #fff;
                background-color: #4a4a4a;
            }

        /* Share */
            .blog-single .content .sharing {
                float: right;
                width: 50%;
                padding-left: 20px;
                text-align: right;
                margin-bottom: 30px;
                margin-top: 30px;
            }
            .blog-single .content .sharing a {
                font-size: 13px;
                margin-left: 15px;
                color: #000;
            }

        /* Comments */
            .blog-single article .comments {
                padding: 20px 0 0;
            }
            .blog-single article .comments .comments-area {
                margin-bottom: 80px;
            }
            .blog-single article .comments .comments-area h4 {
                font-size: 26px;
                line-height: 36px;
                margin-bottom: 40px;
            }
            .blog-single article .comments .comments-area .comment-navigation {
                margin-bottom: 25px;
            }
            .blog-single article .comments .comments-area .comment-navigation a {
                text-decoration: none;
            }
            .blog-single article .comments .comments-area .comment-navigation .nav-previous {
                float: left;
            }
            .blog-single article .comments .comments-area .comment-navigation .nav-next {
                float: right;
            }
            .blog-single article .comments .comments-area ul {
                
            }
            .blog-single article .comments .comments-area li,
            .blog-single article .comments .comments-area .bypostauthor {
                position: relative;
                margin-bottom: 35px;
                list-style: none;
                margin-left: 0;
            }
            .blog-single article .comments .comments-area .comment-user-avatar {
                position: absolute;
                top: 0;
                left: 0;
            }
            .blog-single article .comments .comments-area .comment-user-avatar img {
                
            }
            .blog-single article .comments .comments-area .comment-body {
                padding-left: 85px;
            }
            .blog-single article .comments .comments-area .trackback .comment-body,
            .blog-single article .comments .comments-area .pingback .comment-body {
                padding-left: 0;
            }
            .blog-single article .comments .comments-area .trackback .comment-body h6,
            .blog-single article .comments .comments-area .pingback .comment-body h6 {
                margin-bottom: 15px;
            }
            .blog-single article .comments .comments-area .comment-body .comment-date {
                color: #6a6a6a;
            }
            .blog-single article .comments .comments-area .comment-body .comment-date + h6 {
                margin-bottom: 15px;
            }
            .blog-single article .comments .comments-area .comment-body .comment-reply-link {
                position: absolute;
                top: 0;
                right: 0;
                font-size: 14px;
            }
            .blog-single article .comments .comments-area .comment-body .comment-reply-link:hover {

            }
            .blog-single article .comments .comments-area .comment-body .comment-text {
                font-size: 14px;
            }
            .blog-single article .comments .comments-area .comment-body .comment-text h2 {
                font-size: 36px;
            }
            .blog-single article .comments .comments-area .comment-body .comment-text a {
                font-size: 14px;
            }
            .blog-single article .comments .comments-area .comment-body .comment-text blockquote a {
                display: inline;
                font-size: inherit;
                line-height: inherit;
            }
            .blog-single article .comments .comments-area .comment-body .comment-text p:last-child {
                margin: 0;
            }
            .blog-single article .comments .comments-area ul ul {
                margin-left: 85px;
            }
            .blog-single article .comments .comments-area .comment-text ul,
            .blog-single article .comments .comments-area .comment-text ol {
                margin-left: 0;
                margin-bottom: 15px;
            }
            .blog-single article .comments .comments-area .comment-text ul ul,
            .blog-single article .comments .comments-area .comment-text ol ol {
                margin-left: 15px;
                margin-bottom: 0;
            }
            .blog-single article .comments .comments-area .comment-text li {
                list-style: disc;
                margin-left: 1px;
                list-style-position: inside;
                margin: 0;
            }
            .blog-single article .comments .comments-area .comment-text ol li {
                list-style: decimal;
                margin-left: 1px;
                list-style-position: inside;
            }
            .blog-single article .comments .comments-area .comment-text img {
                margin: 15px 0;
            }
            .blog-single article .comments .comment-respond {
                position: relative;
            }
            .blog-single article .comments .comment-list .comment-respond {
                margin-bottom: 40px;
            }
            .blog-single article .comments .comment-respond .comment-reply-title {
                font-size: 26px;
                line-height: 36px;
                margin-bottom: 40px;
            }
            .blog-single article .comments .comment-respond small {
                position: absolute;
                top: 0;
                right: 0;
            }
            .blog-single article .comments .comment-respond small a {
                font-size: 14px;
                color: #6a6a6a;
            }
            .blog-single article .comments .comment-respond small a:hover {
                color: #000;
            }
            .blog-single article .comments .comment-respond form {
                font-size: 0;
            }
            .blog-single article .comments .comment-respond textarea {
                display: block;
                width: 100%;
                height: 160px;
                margin-bottom: 20px;
                border: 1px solid;
                padding: 20px;
                font-size: 14px;
                background: none;
                border: 1px solid #c7c7c7;
            }
            .blog-single article .comments .comment-respond input[name="author"],
            .blog-single article .comments .comment-respond input[name="email"],
            .blog-single article .comments .comment-respond input[name="subject"] {
                display: inline-block;
                width: 30%;
                margin-right: 5%;
                padding: 20px;
                margin-bottom: 30px;
                font-size: 14px;
                background: none;
                font-weight: 400;
                color: #000;
                border: 1px solid #c7c7c7;
            }
            .blog-single article .comments .comment-respond input[name="subject"] {
                margin-right: 0;
            }
            .blog-single article .comments .comment-respond textarea:hover,
            .blog-single article .comments .comment-respond textarea:focus,
            .blog-single article .comments .comment-respond input[name="author"]:hover,
            .blog-single article .comments .comment-respond input[name="author"]:focus,
            .blog-single article .comments .comment-respond input[name="email"]:hover,
            .blog-single article .comments .comment-respond input[name="email"]:focus,
            .blog-single article .comments .comment-respond input[name="subject"]:hover,
            .blog-single article .comments .comment-respond input[name="subject"]:focus {
                border-color: #000;
            }
            .blog-single article .comments .comment-respond .comment-form-cookies-consent {
                
            }
            .blog-single article .comments .comment-respond .comment-form-cookies-consent input {
                margin-right: 10px;
            }
            .blog-single article .comments .comment-respond .comment-form-cookies-consent label {
                font-size: 14px;
            }
            .blog-single article .comments .comment-respond .form-submit {
                margin: 0;
            }
            .blog-single article .comments .comment-respond .form-submit input[type="submit"] {
                font-size: 13px;
                padding: 8px 28px;
                border-radius: 3px;
                background: none;
                color: #fff;
                background-color: #333;
                border: 1px solid #cdcdcd;
            }
            .blog-single article .comments .comment-respond .form-submit input[type="submit"]:hover {
                color: #fff;
                background-color: #000;
                border-color: #000;
            }
            .blog-single article .comments table {
                margin-bottom: 30px;
                width: 100%;
                table-layout: fixed;
            }
            .blog-single article .comments table th {
                text-align: left;
                margin: 1px 1px;
                border: 1px solid #000!important;
                padding: 5px 10px!important;
                background-color: #333!important;
                color: #fff;
            }
            .blog-single article .comments table td {
                margin: 1px 1px;
                border: 1px solid #000!important;
                padding: 5px 10px!important;
                color: #484848;
            }
            .blog-single article .comments hr {
                margin: 20px 0;
            }


/*
================================================================
================================================================
    Transitions
================================================================
================================================================
*/

    header li a,
    footer .social-links a,
    .global-tools .back-to-top,
    .global-tools .search,
    .horizontal-slider .nav .next,
    .horizontal-slider .nav .prev,
    .horizontal-strips .nav .next,
    .horizontal-strips .nav .prev,
    .slideshow .nav .next,
    .slideshow .nav .prev,
    .grid-filters li,
    .grid.classic article .wrapper .img-holder::after,
    .page.style-fullwidth .social-profiles a,
    .team-members .member::before,
    .team-members .member .info,
    .tabs .head li,
    .wpcf7 form input,
    .wpcf7 form textarea,
    .blog .post .img-container a::before,
    .blog.has-sidebar .sidebar .widget_tag_cloud a,
    .blog-single .content .tags a,
    .blog .pagination a,
    .wp-block-search__button,
    .wp-block-tag-cloud a,
    .blog .sidebar .recent-posts a,
    .blog .sidebar .recent-portfolios a::after,
    .blog.has-sidebar .sidebar .widget select,
    .blog .sidebar .search input,
    .blog .sidebar .categories a,
    .blog-single .sidebar .recent-posts a,
    .blog-single .sidebar .recent-portfolios a::after,
    .blog-single .sidebar .search input,
    .blog-single .sidebar .categories a,
    .blog-single .comments-section input[type="text"],
    .blog-single .comments-section input[type="email"],
    .blog-single .comments-section textarea,
    .blog-single .comments-section input[type="submit"],
    .blog-single article .comments .comment-respond input[type="text"],
    .blog-single article .comments .comment-respond input[type="email"],
    .blog-single article .comments .comment-respond input[type="submit"],
    .blog-single article .comments .comment-respond textarea,
    .blog.has-sidebar .sidebar .widget_search input[type="search"], 
    .blog.has-sidebar .sidebar .widget_search input[type="text"],
    .blog .search-not-found input[type="text"],
    .blog .search-not-found input[type="submit"],
    .post-password-form input[type="password"],
    .post-password-form input[type="submit"],
    .social-icons a,
    .blog .post .meta a,
    .blog .post.index .read-more,
    .blog.has-sidebar .sidebar .widget li,
    .blog.has-sidebar .sidebar .widget li a,
    .blog-single .head .meta a,
    main.blog-single article ul li a,
    .wp-block-archives-list.wp-block-archives li,
    .wp-block-archives-dropdown select,
    .wp-block-categories select,
    .wp-calendar-nav a,
    .wp-block-latest-comments__comment a,
    .blog-single .content .wp-block-latest-posts__list a,
    .wp-block-search input,
    main.page .comments .comment-respond textarea,
    main.page .comments .comment-respond input[name="author"],
    main.page .comments .comment-respond input[name="email"],
    main.page .comments .comment-respond input[name="subject"],
    main.page .comments input[type="submit"],
    main.page .comments .comments-area .comment-body .comment-reply-link,
    main p a,
    main h1 a,
    main h2 a,
    main h3 a,
    main h4 a,
    main h5 a,
    main h6 a,
    main p a:after,
    main h1 a:after,
    main h2 a:after,
    main h3 a:after,
    main h4 a:after,
    main h5 a:after,
    main h6 a:after,
    .blog .post .meta a:after,
    .wp-calendar-nav a:after,
    .blog .pagination a:after,
    .blog-single .head .meta a:after,
    .blog-single .content .page-links a:after,
    main.blog-single article ul li a:after,
    main.single-page .page-links a:after {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    main p a:before,
    main h1 a:before,
    main h2 a:before,
    main h3 a:before,
    main h4 a:before,
    main h5 a:before,
    main h6 a:before,
    .blog .post .meta a:before,
    .blog.has-sidebar .sidebar .widget li a:before,
    .wp-calendar-nav a:before,
    .blog .pagination a:before,
    .blog-single .head .meta a:before,
    .blog-single .content .wp-block-latest-posts__list a:before,
    .blog-single .content .page-links a:before,
    main.blog-single article ul li a:before,
    main.page .comments .comments-area .comment-body .comment-reply-link:before,
    main.single-page .page-links a:before {
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }

    .loader .top,
    .loader .bot {
        -webkit-transition: all 1.2s ease 0.3s;
        -moz-transition: all 1.2s ease 0.3s;
        -ms-transition: all 1.2s ease 0.3s;
        -o-transition: all 1.2s ease 0.3s;
        transition: all 1.2s ease 0.3s;
    }


    .horizontal-slider article a::after,
    .horizontal-slider article .hover-content,
    .horizontal-strips article a::after,
    .horizontal-strips article .hover-content,
    .grid article a::after,
    .grid article .hover-content {
        -webkit-transition: all 1.0s ease;
        -moz-transition: all 1.0s ease;
        -ms-transition: all 1.0s ease;
        -o-transition: all 1.0s ease;
        transition: all 1.0s ease;
    }

    .skills-bars .bar {
        -webkit-transition: all 1.4s ease;
        -moz-transition: all 1.4s ease;
        -ms-transition: all 1.4s ease;
        -o-transition: all 1.4s ease;
        transition: all 1.4s ease;
    }

    .slideshow .slides .wrapper .inner-wrapper {
        -webkit-transition: all 1.8s linear 0.5s;
        -moz-transition: all 1.8s linear 0.5s;
        -ms-transition: all 1.8s linear 0.5s;
        -o-transition: all 1.8s linear 0.5s;
        transition: all 1.8s linear 0.5s;
    }


/*
================================================================
================================================================
    Media Quieries
================================================================
================================================================
*/


    /* ----------------------- */
    /* Medium Screens (Tablet) */
    /* ----------------------- */
    @media only screen and (max-width : 1280px) {


        /* ----------------------   */
        /* Basics                   */
        /* ----------------------   */
            html.m-normal,
            body.m-normal,
            main.m-normal {
                height: auto!important;
                overflow: visible;
            }
            body.showNav,
            html.showNav {
                width: 100%;
                height: 100%!important;
                overflow: hidden;
            }
            .container-boxed {
                width: 90%;
            }
            .small-container-boxed {
                width: 90%;
            }
            .text-m-left {
                text-align: left;
            }
            .text-m-right {
                text-align: right;
            }


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

            /* Global */
                header {

                }
                header .menu-icon {
                    display: block;
                }
                header > nav {
                    position: absolute;
                    display: none;
                    opacity: 0;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    text-align: center;
                }
                header > nav > ul,
                header > nav > ul > li ul,
                header > nav > ul > li ul ul,
                header > nav > ul > li ul ul ul,
                header > nav > ul > li.mega-menu > ul {
                    position: relative;
                    display: block;
                    width: 100%;
                    top: 0;
                    left: 0;
                    visibility: visible;
                    opacity: 1;
                    padding: 0;
                    margin: 0;
                    z-index: auto;
                    text-align: center;
                    box-shadow: none;
                    background-color: transparent;
                    -webkit-transform: none;
                    -moz-transform: none;
                    transform: none;
                }
                header > nav > ul > li ul {
                    -webkit-transition: none;
                    -moz-transition: none;
                    -ms-transition: none;
                    -o-transition: none;
                    transition: none;
                }

            /* Logo */
                header .logo {
                    display: none!important;
                }
                header .responsive-logo {
                    display: block;
                }
                header.no-logo .responsive-logo {
                    top: 39px;
                }
                header:not(.showNav).position-absolute .responsive-logo img.original {
                    display: none;
                }
                header:not(.showNav).position-absolute .responsive-logo img.alternate {
                    display: block;
                }
                header.showNav.position-absolute .responsive-logo img.original {
                    display: block;
                }
                header.showNav.position-absolute .responsive-logo img.alternate {
                    display: none;
                }

            /* Navigation (Main Links) */
                header > nav > ul {
                    padding: 200px 0;
                    transform: none;
                }
                header > nav > ul > li {
                    padding: 5px 0;
                    margin-top: 12px;
                    line-height: 26px;
                }
                header > nav > ul > li:first-child {
                    margin-top: 0;
                    padding: 0;
                }
                header > nav ul li,
                header > nav > ul .logo + li,
                header > nav > ul > li.mega-menu {
                    display: block;
                    visibility: visible;
                    position: relative;
                    opacity: 1;
                    padding: 0;
                    margin-left: 0;
                }
                header > nav > ul > li > a {
                    font-size: 28px;
                    padding: 0;
                }
                header.showNav > nav > ul > li > a,
                footer.showNav .social-links a {
                    color: #333!important;
                }
                header.showNav .menu-icon span {
                    background-color: #333!important;
                }

            /* Navigation (Sub Links) */
                header > nav > ul li ul, 
                header > nav > ul li ul ul,
                header > nav > ul li ul ul ul,
                header > nav > ul > li.mega-menu > ul {     
                    display: none;
                    padding: 10px 0;
                }
                header > nav > ul > li ul li,
                header > nav > ul > li ul ul li,
                header > nav > ul > li ul ul ul li,
                header > nav > ul > li li:first-child,
                header > nav > ul > li li:last-child,
                header > nav > ul > li.mega-menu > ul > li,
                header > nav > ul > li.mega-menu.two-columns > ul > li,
                header > nav > ul > li.mega-menu.three-columns > ul > li,
                header > nav > ul > li.mega-menu.four-columns > ul > li,
                header > nav > ul > li.mega-menu.five-columns > ul > li,
                header > nav > ul > li.mega-menu > ul > li li:first-child,
                header > nav > ul > li.mega-menu > ul > li li {
                    padding: 4px 0;
                    background-color: transparent;
                    width: 100%;
                }
                header > nav > ul > li ul ul li,
                header > nav > ul > li ul ul li:first-child,
                header > nav > ul > li ul ul li:last-child {
                    padding: 0;
                }
                header > nav > ul > li.mega-menu > ul h2 {
                    display: none;
                }
                header > nav > ul > li ul a {
                    font-size: 14px;
                    padding: 0;
                    display: inline-block;
                }
                header > nav > ul > li ul ul a,
                header > nav > ul > li ul ul ul a {
                    font-size: 12px;
                    display: inline-block;
                }
                header > nav > ul > li li::before {
                    display: none;
                }
                header > nav > ul > li:not(.mega-menu) li.menu-item-has-children > a::after {
                    display: none;
                }


        /* ----------------------   */
        /* Pages                    */
        /* ----------------------   */

            /* Global */
                .page.m-normal {
                    height: auto;
                    width: auto;
                }

            /* Heads & Covers */
                .page-cover.full-height {
                    height: 100vh;
                }
                .page-cover .head h1 {
                    font-size: 35px;
                    line-height: 50px;
                }

            /* Style Fullwidth (About Me) */
                .page.style-fullwidth .inner-wrapper {
                    position: relative;
                    top: 0;
                    left: 50%;
                    max-width: 800px;
                    -webkit-transform: translate(-50%, 0);
                    -moz-transform: translate(-50%, 0);
                    transform: translate(-50%, 0);
                }
                .page.style-fullwidth .inner-wrapper::after {
                    content: "";
                    clear: both;
                    display: block;
                }
                .page.style-fullwidth .content {
                    padding-top: 30px;
                }
                .page.style-fullwidth .img-container {
                    position: relative;
                    top: 0;
                    left: 0;
                    width: 240px;
                    height: 400px;
                    -webkit-transform: none;
                    -moz-transform: none;
                    transform: none;
                    float: left;
                    margin-right: 45px;
                }
                .page.style-fullwidth .social-profiles {
                    position: relative;
                    bottom: auto;
                    right: auto;
                }
                .page.style-fullwidth .contact-details {
                    margin-bottom: 12px;
                }

            /* Contact 1 */
                .contact-form.style-1 input[type="text"],
                .contact-form.style-1 input[type="email"],
                .contact-form.style-1 textarea {
                    display: block;
                    width: 100%;
                    margin: 0 0 30px;
                    padding: 8px 0 12px;
                }
                .contact-form.style-1 textarea {
                    width: 100%;
                }

            /* Contact 2 */
                .contact-form.style-2 input[type="text"], 
                .contact-form.style-2 input[type="email"], 
                .contact-form.style-2 textarea {
                    width: 100%;
                }


        /* ----------------------   */
        /* Blog                     */
        /* ----------------------   */
            .blog-single .head h1 {
                font-size: 28px;
            }
            .blog-single article .comments .comments-area ul ul {
                margin-left: 16px;
            }


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

            /* Columns */
                .row.space .column.full,
                .row.space .column.one-half,
                .row.space .column.one-third,
                .row.space .column.one-fourth,
                .row.space .column.one-fifth,
                .row.space .column.two-third,
                .row.space .column.two-fourth,
                .row.space .column.two-fifth,
                .row.space .column.three-fourth,
                .row.space .column.three-fifth {
                    width: 100%;
                    margin: 0 0 15px 0;
                }

            /* horizontal Slider */
                .horizontal-slider.projects article .hover-content h2 {
                    margin-bottom: 20px;
                }
                .horizontal-slider.projects article .hover-content p {
                    display: none;
                }
                .horizontal-slider article a::after {
                    opacity: 1;
                }
                .horizontal-slider article .hover-content {
                    opacity: 1;
                    transform: translate(0, 0);
                }

            /* horizontal Strips */
                .horizontal-strips.projects article .hover-content h2 {
                    margin-bottom: 20px;
                }
                .horizontal-strips.projects article .hover-content p {
                    display: none;
                }
                .horizontal-strips article a::after {
                    opacity: 1;
                }
                .horizontal-strips article .hover-content {
                    opacity: 1;
                    transform: translate(0, 0);
                }
    
            /* Grid */
                .grid[data-columns="2"] article,
                .grid[data-columns="3"] article,
                .grid[data-columns="4"] article,
                .grid[data-columns="5"] article {
                    width: 50%;
                }
                .grid.masonry[data-columns="2"] article.wide-size,
                .grid.masonry[data-columns="3"] article.wide-size,
                .grid.masonry[data-columns="4"] article.wide-size,
                .grid.masonry[data-columns="5"] article.wide-size {
                    width: 100%;
                }
                .grid.space {
                    margin: 10px 10px 0 10px;
                }
                .grid.space article {
                    padding: 10px;
                }
                .grid.modern article .wrapper a::after {
                    opacity: 1;
                }
                .grid.modern article .wrapper .hover-content {
                    opacity: 1;
                    transform: translate(0, 0);
                }

            /* Slideshow */
                .slideshow.home.layered .slides .heading {
                    padding: 50px 50px;
                }
    
            /* Team Members */
                .team-members[data-columns="2"] .member,
                .team-members[data-columns="3"] .member,
                .team-members[data-columns="4"] .member,
                .team-members[data-columns="5"] .member {
                    width: 50%;
                }
                .team-members .member::before {
                    opacity: 0.4;
                }
                .team-members .member .info {
                    opacity: 1;
                }

            /* Contact Form */
                .wpcf7 form label.one-half,
                .wpcf7 form label.one-third {
                    display: block;
                    width: 100%;
                    margin-right: 0;
                }
    }


    /* ---------------------- */
    /* Small Screens (Mobile) */
    /* ---------------------- */
    @media only screen and (max-width : 768px) {


        /* ----------------------   */
        /* Basics                   */
        /* ----------------------   */
            body {
                border: 10px solid #333333;
            }
            .loader .top {
                border: 10px solid #333;
                border-bottom: 0;
            }
            .loader .bot {
                border: 10px solid #333;
                border-top: 0;
            }
            .loader .line {
                left: 10px;
                width: calc(100% - 20px);
            }
            .pace .pace-progress {
                width: calc(100% - 20px);
            }
            h1 {
                font-size: 38px;
                line-height: 42px;
            }
            h2 {
                font-size: 22px;
                line-height: 32px;
            }
            h3 {
                font-size: 18px;
                line-height: 28px;
            }
            h4 {
                font-size: 16px;
                line-height: 26px;
            }
            h5 {
                font-size: 15px;
                line-height: 25px;
            }
            h6 {
                font-size: 14px;
                line-height: 24px;
            }
            .container-boxed {
                width: 93%;
            }
            .small-container-boxed {
                width: 93%;
            }


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

            /* Navigation (Main Links) */
                header .menu-icon {
                    right: 65px;
                }
                header .menu-icon span:nth-child(2) {
                    top: 9px;
                }
                header .menu-icon span:nth-child(3) {
                    top: 17px;
                }


        /* ---------------------- */
        /* Tools                  */
        /* ---------------------- */
            .global-tools .back-to-top.active,
            .global-tools .search.active {
                display: none;
            }


        /* ----------------------   */
        /* Pages                    */
        /* ----------------------   */

            /* Style Fullwidth (About Me) */
                .page.style-fullwidth .outer-wrapper {
                    height: auto;
                    min-height: 100%;
                }
                .page.style-fullwidth .img-container {
                    display: block;
                    float: none;
                    margin-right: 0;
                    margin-bottom: 30px;
                    width: 100%;
                    height: auto;
                }
                .page.style-fullwidth .img-container img {
                    width: 100%;
                }

            /* Sliced */
                .page.style-sliced {
                    height: auto;
                }
                .page.style-sliced .left-section {
                    float: none;
                    width: 100%;
                }
                .page.style-sliced .right-section {
                    position: relative;
                    float: none;
                    width: 100%;
                    height: auto;
                }
                .page.style-sliced .right-section .inner-wrapper.small {
                    top: 0;
                    padding: 80px 0;
                    -webkit-transform: none;
                    -moz-transform: none;
                    transform: none;
                }


        /* ----------------------   */
        /* Portfolio                */
        /* ----------------------   */

            /* Single */
                .portfolio-single .nav .prev,
                .portfolio-single .nav .next,
                .portfolio-single .nav .portfolio {
                    float: none;
                    margin-bottom: 25px;
                    display: block;
                }
                .portfolio-single .nav .prev .link,
                .portfolio-single .nav .next .link {
                    position: relative;
                    display: inline;
                    top: auto;
                }


        /* ----------------------*/
        /* Blog                  */
        /* ----------------------*/

            /* Global */
                .blog.sidebar-left .posts,
                .blog.sidebar-right .posts {
                    width: 100%;
                    float: none;
                }
                .blog.blog-grid .post {
                    float: none;
                    margin: 0 0 70px;
                }
                .blog.blog-grid[data-columns="2"] .post,
                .blog.blog-grid[data-columns="3"] .post,
                .blog.blog-grid[data-columns="4"] .post {
                    width: 100%;
                }
                .blog-single .head h1 {
                    font-size: 22px;
                }
                .blog-single .head .meta {
                    padding: 0 15px;
                }
                .blog-single article .comments .comments-area .comment-body .comment-text h2 {
                    font-size: 26px;
                    line-height: 36px;
                }
                .blog-single article .comments .comments-area .comment-body .comment-text h4 {
                    font-size: 16px;
                    line-height: 26px;
                }
                .blog-single article .comments .comments-area ul ul {
                    margin-left: 9px;
                }

            /* Sidebar */
                .blog.sidebar-right .sidebar,
                .blog.sidebar-left .sidebar,
                .blog-single .sidebar,
                .blog-single article {
                    width: 100%;
                    float: none;
                }


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

            /* Columns */
                .row.no-space .column.full,
                .row.no-space .column.one-half,
                .row.no-space .column.one-third,
                .row.no-space .column.one-fourth,
                .row.no-space .column.one-fifth,
                .row.no-space .column.two-third,
                .row.no-space .column.two-fourth,
                .row.no-space .column.two-fifth,
                .row.no-space .column.three-fourth,
                .row.no-space .column.three-fifth {
                    width: 100%;
                }

            /* horizontal Slider */
                .horizontal-slider.projects article .hover-content h2 {
                    font-size: 16px;
                    line-height: 30px;
                }

            /* horizontal Strips */
                .horizontal-strips.projects article .hover-content h2 {
                    font-size: 16px;
                    line-height: 30px;
                }
    
            /* Slideshow */
                .slideshow .slides .wrapper {
                    width: 70%;
                }
                .slideshow.projects .slides .heading {
                    margin-bottom: 0;
                }
                .slideshow.projects .slides .wrapper h2 {
                    font-size: 22px;
                    line-height: 30px;
                }
                .slideshow.projects .slides .wrapper p {
                    display: none;
                }
                .slideshow.home.layered .slides .wrapper {
                    width: 100%;
                }
                .slideshow.home.layered .slides .heading {
                    padding: 50px 50px;
                }
    
            /* Grid */
                .grid[data-columns="2"] article,
                .grid[data-columns="3"] article,
                .grid[data-columns="4"] article,
                .grid[data-columns="5"] article {
                    width: 100%;
                }
    
            /* Team members */
                .team-members[data-columns="2"] .member,
                .team-members[data-columns="3"] .member,
                .team-members[data-columns="4"] .member,
                .team-members[data-columns="5"] .member {
                    width: 100%;
                }
                .team-members .member::before {
                    opacity: 0.4;
                }
                .team-members .member .info {
                    opacity: 1;
                }
    
    }