/*
Theme: Dos
Theme URI: http://www.codesymbol.com/themes/dos/
Version: 1.0
Author: CodeSymbol
Author URI: http://www.codesymbol.com/

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


/*
================================================================
================================================================
    Basic Styles
================================================================
================================================================
*/

    /* ---------------------- */
    /* Global                 */
    /* ---------------------- */
        html {
            margin: 0!important; /* Fix for magnific popup */
        }
        body {
            position: relative;
            z-index: 0;
            font-size: 14px;
            line-height: 27px;
            letter-spacing: 0px;
            overflow-x: hidden;
        }
        body.fullscreen,
        html.fullscreen {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        p {
            -webkit-font-smoothing: antialiased;
        }
        main p {
            margin-bottom: 25px;
        }
        a {

        }
        main a {
            font-size: 14px;
            text-decoration: underline;
        }
        ul {
            font-size: 0;
        }
        ul li {
            font-size: 14px;
        }
        h1, h2, h3, h4, h5, h6 {
            margin-bottom: 20px;
            letter-spacing: 0;
        }
        h1 {
            font-size: 48px;
            line-height: 52px;
        }
        h2 {
            font-size: 32px;
            line-height: 42px;
        }
        h3 {
            font-size: 20px;
            line-height: 35px;
        }
        h4 {
            font-size: 18px;
            line-height: 31px;
        }
        h5 {
            font-size: 14px;
            line-height: 25px;
        }
        h6 {
            font-size: 13px;
            line-height: 20px;
        }
        main {
            position: relative;
            z-index: 1;
        }
        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;
        }
        .font-semibold {

        }
        .font-bold {

        }
        p:empty{
            display:none
        }

    /* ---------------------- */
    /* Preloader              */
    /* ---------------------- */
        @-webkit-keyframes loadingBar {
            0% {left: -100px}
            100% {left: 100px}
        }
        @-moz-keyframes loadingBar {
            0% {left: -100px}
            100% {left: 100px}
        }
        @keyframes loadingBar {
            0% {left: -100px}
            100% {left: 100px}
        }
        .loader {
            position: fixed;
            z-index: 9999;
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
        }
        .loader span {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100px;
            height: 2px;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            overflow: hidden;
        }
        .loader span::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100px;
            height: 2px;
            -webkit-animation: loadingBar 1.4s ease;
            -moz-animation:    loadingBar 1.4s ease;
            -o-animation:      loadingBar 1.4s ease;
            animation:         loadingBar 1.4s ease;
            animation-iteration-count: infinite;
        }
        body.loaded .loader {
            display: none;
        }

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

        /* 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%;
            }
        
        /* reCAPTCHA */
            .grecaptcha-badge {
                display: none!important;
            }
            .grecaptcha-badge.vis {
                display: block!important;
            }

        /* Lists */
            main ul {
                margin-bottom: 15px;
                list-style: disc;
            }
            main ul ul {
                margin-left: 15px;
                margin-bottom: 0;
            }
            main ul li,
            main ol ul > li {
                list-style: disc;
                margin-left: 1px;
                list-style-position: inside;
            }
            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;
                list-style-position: inside;
            }
            main ul ol,
            main ol ul {
                margin-bottom: 0;
            }

        /* Buttons */
            .wp-block-button__link {
                margin-bottom: 15px;
            }
            .wp-block-button.alignleft {
                margin-top: 10px;
            }

        /* Blockquote */
            main blockquote {
                font-size: 18px;
                line-height: 26px;
                position: relative;
                padding: 31px;
                cursor: default;
                text-align: center;
                margin: 0 0 20px;
            }
            main .wp-block-quote.is-large,
            main .wp-block-quote.is-style-large {
                padding: 40px;
                margin: 0 0 20px;
            }
            main .wp-block-quote.is-large p,
            main .wp-block-quote.is-style-large p {
                font-size: 24px;
                line-height: 38px;
            }
            main blockquote p:last-of-type {
                margin: 0;
            }
            main blockquote cite {
                margin-top: 16px;
                display: block;
                font-size: 11px;
                text-align: center;
            }
            main .wp-block-quote.is-large cite,
            main .wp-block-quote.is-style-large cite {
                font-size: 16px;
                text-align: center;
            }
            main .wp-block-quote.has-text-align-right cite {
                text-align: right;
            }
            main .wp-block-quote.has-text-align-left cite {
                text-align: left;
            }
            .wp-block-pullquote {
                padding: 0;
                margin: 0 0 20px;
                text-align: center;
            }
            .wp-block-pullquote p {
                font-size: 24px;
                line-height: 38px;
            }
            .wp-block-pullquote.is-style-solid-color blockquote {
                text-align: center;
            }
            main .has-background blockquote {
                background-color: transparent!important;
            }

        /* Code & Pre */
            code, pre.wp-block-preformatted {
                padding: 20px;
                display: block;
                margin: 10px 0;
            }
            p.has-text-color {
                background-color: #fefefe;
                padding: 10px;
            }

        /* Table & Calendar */
            .wp-block-table {
                margin-bottom: 20px;
            }
            .wp-block-table table,
            main table {
                margin-bottom: 20px;
                width: 100%;
            }
            .wp-block-table tbody {

            }
            .wp-block-table tr {

            }
            .wp-block-table th,
            main table th,
            .wp-calendar-table th {
                text-align: left;
                margin: 1px 1px;
                border: 1px solid;
                padding: 5px 10px;
            }
            .wp-calendar-table th {
                text-align: center;
            }
            .wp-block-table td,
            main table td,
            .wp-calendar-table td {
                margin: 1px 1px;
                border: 1px solid;
                padding: 5px 10px;
            }
            .wp-block-table figcaption {
                text-align: center;
            }
            .wp-block-calendar {
                margin-bottom: 20px;
            }
            .wp-block-calendar table {
                margin-bottom: 20px;
            }
            .wp-block-calendar table th {
                
            }
            .wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) {
                color: #333;
            }

        /* Font Sizes */
            .editor-styles-wrapper .has-large-font-size,
            .has-large-font-size {
                font-size: 36px;
                line-height: 46px;
            }

        /* Image & Gallery */
            .wp-block-cover,
            .wp-block-gallery {
                margin-top: 8px;
                margin-bottom: 25px;
            }
            .wp-block-cover.alignleft,
            .wp-block-cover.alignright {
                margin-top: 8px;
            }
            img.alignleft,
            img.alignright {
                margin-top: 8px;
            }
            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-'] .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-'] .gallery-item:nth-of-type(2n),
            div[class*='gallery-columns-'] .gallery-item:nth-of-type(2n) {
                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);
            }
            .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%;
            }

        /* 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;
                padding: 12px 18px;
            }
            .wp-block-search button {
                border: 0;
            }

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

        /* Password Protected */
            .post-password-form {
                padding: 50px 0;
                text-align: center;
            }
            .post-password-form p:nth-of-type(1) {
                font-size: 16px;
            }
            .post-password-form p:nth-of-type(2) {
                margin: 0;
            }
            .post-password-form label {
                font-size: 16px;
            }
            .post-password-form input[type="password"] {
                background: none;
                border: 1px solid;
                padding: 16px 12px;
                margin: 0 50px 0 10px;
            }
            .post-password-form input[type="submit"] {
                border: 0;
                padding: 12px 42px;
                font-size: 16px;
                border-radius: 3px;
            }

        /* Placholder */
            form input::-webkit-input-placeholder,
            form textarea::-webkit-input-placeholder {
                opacity: 1;
            }
            form input::-moz-placeholder,
            form textarea::-moz-placeholder {
                opacity: 1;
            }
            form input:-ms-input-placeholder,
            form textarea:-ms-input-placeholder {
                opacity: 1;
            }

        /* Latest Posts */
            .wp-block-latest-posts.is-grid {
                padding-left: 18px;
            }
            .wp-block-latest-posts.wp-block-latest-posts__list li {
                margin-bottom: 5px;
            }

        /* Archives & Categories */
            .wp-block-archives select,
            .wp-block-categories select {
                font-size: 13px;
                display: block;
                width: auto;
                padding: 8px 10px;
                margin-bottom: 20px;
            }

        /* 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 {
                width: auto!important;
            }
            .wp-block-latest-comments__comment-excerpt p {
                margin: 0;
                line-height: inherit;
            }

        /* Tag Cloud */
            .wp-block-tag-cloud {
                
            }
            .wp-block-tag-cloud a {
                margin-right: 15px;
                display: inline-block;
                margin-bottom: 5px;
            }

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

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

    /* ---------------------- */
    /* Columns                */
    /* ---------------------- */
        .row {
            display: block;
            position: relative;
            font-size: 0;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center center;
        }
        .row.full {
            width: 100%;
            position: relative;
        }
        .row.boxed {
            max-width: 780px;
            margin: 0 auto;
        }
        .one-whole {
            display: block;
            position: relative;
        }
        .one-half, .one-third, .one-fourth, .one-fifth, .two-third, .two-fifth, .three-fourth, .three-fifth {
            position: relative;
            display: inline-block;
            padding: 15px;
        }
        .one-half {
            width: 50%;
        }
        .one-third {
            width: 33.3333%;
        }
        .one-fourth {
            width: 25%;
        }
        .one-fifth {
            width: 20%;
        }
        .two-third {
            width: 66.6666%;
        }
        .two-fifth {
            width: 40%;
        }
        .three-fourth {
            width: 75%;
        }
        .three-fifth {
            width: 60%;
        }
        .last {

        }
        .last-padding {
            padding-right: 0px !important;
        }

    /* ---------------------- */
    /* Button                 */
    /* ---------------------- */
        .button {
            display: inline-block;
            text-decoration: none;
            border-radius: 3px;
        }
        .button.small {
            padding: 8px 8px;
            font-size: 12px;
        }
        .button.medium {
            padding: 15px 20px;
            font-size: 14px;
        }
        .button.large {
            padding: 20px 34px;
            font-size: 16px;
        }

    /* ---------------------- */
    /* Toggle                 */
    /* ---------------------- */
        .accordion {
            
        }
        .accordion .tab {
            margin-bottom: 3px;
        }
        .accordion h3 {
            position: relative;
            font-size: 16px;
            padding: 4px 35px 5px;
            margin: 0;
            cursor: pointer;
        }
        .accordion h3::before {
            position: absolute;
            content: "-";
            top: 3px;
            left: 15px;
        }
        .accordion .tab.active h3 {

        }
        .accordion .tab.active h3::before {

        }
        .accordion .content {
            height: 0;
            overflow: hidden;
            border: 1px solid;
        }
        .accordion .tab.active .content {
            height: auto;
        }
        .accordion .inner-content {
            padding: 35px 35px;
        }
        .accordion .content p:last-of-type {
            margin: 0;
        }

    /* ---------------------- */
    /* Tabs                   */
    /* ---------------------- */
        .tabs {
            
        }
        .tabs .head {
            
        }
        .tabs .head li {
            display: inline-block;
            padding: 14px 24px;
            cursor: pointer;
            font-size: 14px;
        }
        .tabs .head li.active {

        }
        .tabs .content {
            padding: 30px 30px;
            border: 1px solid;
        }
        .tabs .tab-content {
            display: none;
        }
        .tabs .tab-content.active {
            display: block;
        }

    /* ---------------------- */
    /* Social Icons           */
    /* ---------------------- */
        .social-profiles {
            padding: 50px 0;
            text-align: center;
        }
        .social-profiles p {
            margin-bottom: 20px;
        }
        .social-profiles ul {
            
        }
        .social-profiles li {
            display: inline-block;
            margin: 0 10px;
        }
        .social-profiles a {
            display: block;
            padding: 8px;
            font-size: 12px;
            text-decoration: none;
            border: 1px solid;
            border-radius: 50%;
        }

    /* ---------------------- */
    /* Icon Box               */
    /* ---------------------- */
        .icons-box {
            text-align: center;
        }
        .icons-box span {
            margin-bottom: 12px;
            display: block;
            font-size: 18px;
        }
        .icons-box .text {
            
        }

    /* ---------------------- */
    /* Contact Form           */
    /* ---------------------- */
        .wpcf7 {
            
        }
        .wpcf7 .screen-reader-response {
            display: none;
        }
        .wpcf7 form {
            
        }
        .wpcf7 form > p {
            margin: 0;
            font-size: 0;
        }
        .wpcf7 form label {
            margin-bottom: 15px;
        }
        .wpcf7 form label.one-half {
            
        }
        .wpcf7 form label.one-third {
            
        }
        .wpcf7 form label.one-whole {
            padding: 15px;
        }
        .wpcf7 form label.submit {
            display: block;
            text-align: center;
            padding-top: 30px;
            position: relative;
        }
        .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-size: 14px;
            display: block;
            width: 100%;
            background: none;
            border: 0;
            border-bottom: 1px solid;
            padding: 0 0 12px;
        }
        .wpcf7 form label + br {
            display: none;
        }
        .wpcf7 form input[type="submit"] {
            font-size: 14px;
            background: none;
            border: 1px solid;
            padding: 10px 40px;
        }
        .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 {
            
        }

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

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


    /* ---------------------- */
    /* Global                 */
    /* ---------------------- */
        header {
            position: relative;
            height: 144px;
            padding: 0 80px;
            z-index: 99;
        }
        .fullscreen header {
            position: absolute;
            top: 0;
            width: 100%;
            pointer-events: none;
        }


    /* ---------------------- */
    /* Logo                   */
    /* ---------------------- */
        header .logo {
            position: relative;
            height: 100%;
            float: left;
            pointer-events: auto;
        }
        header .logo a {
            position: relative;
            display: block;
            top: 50%;
            transform: translate(0,-50%);
        }
        header .logo img {
            display: block;
        }
        header .logo a span {
            font-size: 24px;
            font-weight: 600;
        }


    /* ---------------------- */
    /* Navigation (Main Links)*/
    /* ---------------------- */
        header > nav {
            position: relative;
            height: 100%;
            float: right;
            pointer-events: auto;
        }
        header > nav > ul {
            position: relative;
            display: block;
            top: 50%;
            transform: translate(0,-50%);
        }
        header > nav > ul > li {
            position: relative;
            display: inline-block;
            vertical-align: top;
            margin-left: 50px;
        }
        header > nav > ul > li:first-child {
            margin-left: 0;
        }
        header > nav > ul > li > a {

        }
        header > nav ul li {
            font-size: 12px;
        }


    /* ----------------------               */
    /* Navigation (1st Level Dropdowns)     */
    /* ----------------------               */
        header > nav > ul > li ul {
            position: absolute;
            width: 170px;
            padding: 0;
            top: 50px;
            left: -20px;
            visibility: hidden;
            opacity: 0;
            z-index: -99;
        }
        header > nav > ul > li > ul {
            top: 25px;
            padding-top: 25px;
        }
        header > nav > ul > li li {
            position: relative;
            padding: 0 20px 6px;
        }
        header > nav > ul > li li::before {
            position: absolute;
            top: 12px;
            left: 20px;
            content: "";
            width: 5px;
            height: 1px;
        }
        header > nav > ul > li li:first-child { 
            padding-top: 20px;
        }
        header > nav > ul > li li:first-child::before { 
            top: 32px;
        }
        header > nav > ul > li li:last-child { 
            padding-bottom: 20px;
        }
        header > nav > ul > li li a {
            line-height: 20px;
            display: inline-block;
            padding-left: 14px;
        }
        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 Dropdowns)     */
    /* ----------------------               */
        header > nav > ul > li ul ul {
            top: -20px;
            left: 170px;
            border-left: 3px solid transparent;
        }
        header > nav > ul > li li:first-child ul { 
            top: 0px;
        }


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


    /* ----------------------   */
    /* 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.showNav {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 0;
        }
        header.showNav .logo {
            position: absolute;
            height: auto;
            float: none;
            top: 60px;
            left: 80px;
            z-index: 100;
        }
        header.showNav .logo a {
            top: 0;
            transform: none;
        }
        header .menu-icon {
            position: relative;
            display: block;
            top: 50%;
            transform: translate(0,-50%);
            width: 32px;
            height: 21px;
            cursor: pointer;
            display: none;
            z-index: 100;
            float: right;
            pointer-events: auto;
        }
        header.showNav .menu-icon {
            position: absolute;
            float: none;
            transform: none;
            top: 60px;
            right: 80px;
        }
        header .menu-icon span {
            position: absolute;
            display: block;
            width: 65%;
            height: 2px;
            top: 9px;
            right: 0;
        }
        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.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;
            visibility: visible;
            pointer-events: auto;
            overflow: auto;
            -webkit-animation: fadeNav 0.5s;
            -moz-animation:    fadeNav 0.5s;
            -o-animation:      fadeNav 0.5s;
            animation:         fadeNav 0.5s;
        }


    /* ---------------------- */
    /* Hover Effects          */
    /* ---------------------- */
        header > nav > ul li:hover > ul {
            visibility: visible;
            opacity: 1;
            z-index: auto;
        }


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


    /* ---------------------- */
    /* Global                 */
    /* ---------------------- */
        footer {
            position: relative;
            height: 144px;
            padding: 0 80px;
            z-index: 99;
        }
        .fullscreen footer,
        footer.showNav {
            position: absolute;
            width: 100%;
            bottom: 0;
            left: 0;
        }
        .fullscreen footer {
            pointer-events: none;
        }
        footer.wp-block-latest-comments__comment-meta {
            display: none;
        }


    /* ---------------------- */
    /* Copyrights             */
    /* ---------------------- */
        footer .copyrights {
            position: relative;
            display: block;
            top: 50%;
            transform: translate(0,-50%);
            float: left;
            overflow: hidden;
            font-size: 12px;
            line-height: 25px;
            height: 25px;
            cursor: default;
            pointer-events: auto;
        }
        footer .copyrights p {
            margin: 0;
        }
        footer .copyrights .text1 {

        }
        footer .copyrights a {
            text-decoration: underline;
        }
        footer:not(.mobile-tablet) .copyrights:hover .text1, 
        footer:not(.mobile-tablet) .copyrights:hover p:not(.text1) {
            transform: translateY(-28px);
        }
        footer.mobile-tablet .copyrights .text1 {
            display: none;
        }


    /* ---------------------- */
    /* Social Icons           */
    /* ---------------------- */
        footer .social-links {
            position: relative;
            display: block;
            top: 50%;
            transform: translate(0,-50%);
            float: right;
            overflow: hidden;
            line-height: 25px;
            height: 25px;
            font-size: 0;
            pointer-events: auto;
        }
        footer .social-links span {
            font-size: 12px;
            display: block;
            text-align: right;
            cursor: pointer;
            line-height: 25px;
        }
        footer .social-links ul {
            line-height: 25px;
        }
        footer .social-links li {
            display: inline-block;
            line-height: 25px;
            margin-left: 20px;
        }
        footer .social-links li:first-child {
            margin: 0;
        }
        footer .social-links a {
            font-size: 12px;
        }
        footer:not(.mobile-tablet) .social-links:hover span, 
        footer:not(.mobile-tablet) .social-links:hover ul {
            transform: translateY(-28px);
        }
        footer.mobile-tablet .social-links span {
            display: none;
        }


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

    /* ---------------------- */
    /* Global                 */
    /* ---------------------- */
        main.page {
            width: 1100px;
            margin: 80px auto;
        }
        main .page-links {
            font-size: 0;
            text-align: center;
            padding: 34px 0;
        }
        main .page-links span {
            font-size: 16px;
            margin-right: 10px;
        }
        main .page-links .current {
            font-size: 16px;
            margin-right: 10px;
        }
        main .page-links a {
            font-size: 16px;
            margin-right: 10px;
        }

    /* ---------------------- */
    /* Covers                 */
    /* ---------------------- */
        .page .cover.image {
            margin-bottom: 70px;
        }
        .page .cover.image img {
            width: 100%;
        }
        .page .cover.image-with-text {
            position: relative;
            height: 500px;
            margin-bottom: 200px;
            background-position: center;
            background-size: cover;
            text-align: center;
        }
        .page .cover.image-with-text.with-subtitle {
            margin-bottom: 130px;
        }
        .page .cover.image-with-text h1 {
            position: relative;
            padding: 0 30px;
            top: 50%;
            font-size: 48px;
            cursor: default;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        .page .cover.image-with-text::before {
            position: absolute;
            content: "";
            top: -0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0.4;
        }
        .page .cover.image-with-text::after {
            position: absolute;
            content: "";
            bottom: -100px;
            left: calc(50% - 20px);
            width: 40px;
            height: 2px;
        }

    /* ---------------------- */
    /* Header                 */
    /* ---------------------- */
        .page .name {
            font-size: 48px;
            padding-bottom: 40px;
            margin-bottom: 40px;
            position: relative;
            text-align: center;
        }
        .page .name::after {
            position: absolute;
            content: "";
            bottom: 0;
            left: calc(50% - 20px);
            width: 40px;
            height: 2px;
        }
        .page .sub-header {
            display: block;
            margin-bottom: 80px;
            text-align: center;
        }

    /* ---------------------- */
    /* Content                */
    /* ---------------------- */
        .page .content > .text {
            
        }

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

    /* ---------------------- */
    /* Call-To-Action         */
    /* ---------------------- */
        .page .call-to-action {
            padding-top: 125px;
            text-align: center;
        }
        .page .call-to-action span {
            font-size: 16px;
            display: block;
            cursor: default;
        }
        .page .call-to-action a {
            font-size: 38px;
            line-height: 44px;
        }


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

    /* ---------------------- */
    /* Global                 */
    /* ---------------------- */
        main.blog {
            width: 1100px;
            margin: 80px auto;
            text-align: center;
        }


    /* ---------------------- */
    /* Archive                */
    /* ---------------------- */
        .blog h1 {
            position: relative;
            font-size: 48px;
            padding-bottom: 40px;
            margin-bottom: 20px;
        }
        .blog h1.without-subtitle {
            margin-bottom: 100px;
        }
        .blog.search h1,
        .blog.archive h1 {
            margin-bottom: 140px;
        }
        .blog h1::after {
            position: absolute;
            content: "";
            bottom: 0;
            left: calc(50% - 20px);
            width: 40px;
            height: 2px;
        }
        .blog .sub-header {
            display: block;
            margin-bottom: 140px;
        }
        .blog .posts {
            text-align: left;
        }
        .blog .posts-not-found {
            text-align: center;
            font-size: 16px;
        }
        .blog article {
            position: relative;
            margin-bottom: 60px;
            padding-bottom: 60px;
            border-bottom: 1px solid;
        }
        .blog article:last-child {
            padding-bottom: 0;
            border-bottom: 0;
        }
        .blog article .number {
            position: absolute;
            left: -85px;
            top: 0;
            font-size: 55px;
            margin: 0;
            line-height: 58px;
            cursor: default;
        }
        .blog article img {
            position: absolute;
            display: block;
            left: 102.5%;
            top: 50%;
            max-width: 350px;
            opacity: 0;
            pointer-events: none;
            -webkit-transform: translate(0, -65%);
            -moz-transform: translate(0, -65%);
            transform: translate(0, -65%);
        }
        .blog article h2 {
            margin-bottom: 10px;
        }
        .blog article h2 a {
            text-decoration: none;
            font-size: 32px;
            word-wrap: break-word;
        }
        .blog article .sign {
            position: absolute;
            bottom: 14px;
            left: 0;
            padding: 2px 12px;
            border-radius: 3px;
            font-size: 12px;
        }
        .blog article .meta {
            
        }
        .blog article .meta .date {
            position: relative;
            display: inline-block;
            margin-right: 35px;
        }
        .blog article .meta .date a {
            font-size: 14px;
        }
        .blog article .meta .date::after {
            content: "";
            position: absolute;
            top: 13px;
            right: -23px;
            width: 8px;
            height: 1px;
        }
        .blog article .meta .categories {
            position: relative;
            display: inline-block;
            margin-right: 35px;
        }
        .blog article .meta .categories p {
            display: inline-block;
            margin-right: 2px;
            margin-bottom: 0;
        }
        .blog article .meta .categories p::after {
            content: ", ";
        }
        .blog article .meta .categories p:last-child::after {
            content: "";
        }
        .blog article .meta .categories a {
            font-size: 14px;
        }
        .blog article .meta .categories::after {
            content: "";
            position: absolute;
            top: 13px;
            right: -23px;
            width: 8px;
            height: 1px;
        }
        .blog article .meta .author {
            display: inline-block;
        }
        .blog article .meta .author a {
            margin-left: 2px;
            font-size: 14px;
        }
        .blog .pagination {
            font-size: 0;
            text-align: center;
        }
        .blog .pagination .page-numbers {
            padding: 0 10px;
        }
        .blog .pagination span {
            font-size: 14px;
        }

        .blog article:hover img {
            opacity: 1;
        }


    /* ---------------------- */
    /* Search                 */
    /* ---------------------- */
        .blog .search-not-found {
            margin-top: 140px;
            text-align: center;
        }
        .blog .search-not-found .big {
            font-size: 56px;
            line-height: 86px;
        }
        .blog .search-not-found p {
            font-size: 18px;
            margin-bottom: 50px;
        }
        .blog .search-not-found form {
            
        }
        .blog .search-not-found input[type="text"] {
            background: transparent;
            border: 1px solid;
            padding: 22px 20px;
            width: 280px;
            font-size: 16px;
            border-radius: 3px;
        }
    

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

        /* ---------------------- */
        /* Global                 */
        /* ---------------------- */
            main.blog-single {
                width: 1100px;
                margin: 80px auto;
                text-align: center;
            }
            .blog-single article {
                float: left;
                width: 68%;
                text-align: left;
            }
            .blog-single article .cover {
                
            }
            .blog-single article .cover.image img {
                display: block;
                width: 100%;
                margin-bottom: 30px;
            }
            .blog-single article .cover.video {
                
            }
            .blog-single article .cover.video iframe {
                margin-bottom: 30px;
            }
            .blog-single article .cover.audio {
                
            }
            .blog-single article .cover.audio iframe {
                margin-bottom: 30px;
            }
            .blog-single article .cover.gallery {
                
            }
            .blog-single article .cover.gallery .flexslider {
                margin-bottom: 30px;
            }
            .blog-single article .cover.gallery .slides {
                
            }
            .blog-single article .cover.gallery li {
                
            }
            .blog-single article .cover.gallery img {
                
            }
            .blog-single article .cover.gallery .nav {
                
            }
            .blog-single article .cover.gallery .nav .next {
                position: absolute;
                top: 50%;
                left: 0;
                opacity: 0;
                transform: translate(0, -50%);
                width: 45px;
                height: 45px;
                z-index: 2;
            }
            .blog-single article .cover.gallery .nav .next::before {
                content: "";
                position: absolute;
                top: 20px;
                left: 19px;
                width: 6px;
                height: 2px;
                -webkit-transform: rotate(-34deg);
                -moz-transform: rotate(-34deg);
                transform: rotate(-34deg);
            }
            .blog-single article .cover.gallery .nav .next::after {
                content: "";
                position: absolute;
                top: 23px;
                left: 19px;
                width: 6px;
                height: 2px;
                -webkit-transform: rotate(34deg);
                -moz-transform: rotate(34deg);
                transform: rotate(34deg);
            }
            .blog-single article .cover.gallery .nav .prev {
                position: absolute;
                top: 50%;
                right: 0;
                opacity: 0;
                transform: translate(0, -50%);
                width: 45px;
                height: 45px;
                z-index: 2;
            }
            .blog-single article .cover.gallery .nav .prev::before {
                content: "";
                position: absolute;
                top: 23px;
                left: 19px;
                width: 6px;
                height: 2px;
                -webkit-transform: rotate(-34deg);
                -moz-transform: rotate(-34deg);
                transform: rotate(-34deg);
            }
            .blog-single article .cover.gallery .nav .prev::after {
                content: "";
                position: absolute;
                top: 20px;
                left: 19px;
                width: 6px;
                height: 2px;
                -webkit-transform: rotate(34deg);
                -moz-transform: rotate(34deg);
                transform: rotate(34deg);
            }
            .blog-single article .cover.gallery:hover .nav .next {
                left: 50px;
                opacity: 0.9;
            }
            .blog-single article .cover.gallery:hover .nav .prev {
                right: 50px;
                opacity: 0.9;
            }
            .blog-single article .cover.quote {
                
            }
            .blog-single article .cover.quote figure {
                padding: 50px 50px 50px 70px;
                margin-bottom: 30px;
                cursor: default;
            }
            .blog-single article .cover.quote blockquote {
                font-size: 30px;
                line-height: 44px;
                margin: 0 0 20px;
                position: relative;
                padding: 0;
            }
            .blog-single article .cover.quote blockquote::before {
                content: "❞";
                position: absolute;
                top: -45px;
                left: -45px;
                font-size: 60px;
                transform: scaleX(-1) scaleY(-1);
            }
            .blog-single article .cover.quote blockquote::after {
                content: "❞";
                position: absolute;
                bottom: -45px;
                right: -30px;
                font-size: 60px;
            }
            .blog-single article .cover.quote figcaption {
                text-align: center;
            }

            .blog-single article .head {
                margin-bottom: 50px;
            }
            .blog-single article .head h1 {
                margin-bottom: 14px;
                font-size: 32px;
                line-height: 40px;
                word-wrap: break-word;
            }
            .blog-single article .head .meta {
                
            }
            .blog-single article .head .meta .date {
                position: relative;
                display: inline-block;
                margin-right: 35px;
            }
            .blog-single article .head .meta .date a {
                font-size: 14px;
            }
            .blog-single article .head .meta .date::after {
                content: "";
                position: absolute;
                top: 13px;
                right: -23px;
                width: 8px;
                height: 1px;
            }
            .blog-single article .head .meta .categories {
                position: relative;
                display: inline-block;
                margin-right: 35px;
            }
            .blog-single article .head .meta .categories.too-many-categories {
                margin-right: 0;
            }
            .blog-single article .head .meta .categories a {
                font-size: 14px;
            }
            .blog-single article .head .meta .categories::after {
                content: "";
                position: absolute;
                top: 13px;
                right: -23px;
                width: 8px;
                height: 1px;
            }
            .blog-single article .head .meta .categories.too-many-categories::after {
                display: none;
            }
            .blog-single article .head .meta .categories.too-many-categories .too-many-seperator {
                margin-left: 5px;
                font-size: 20px;
                vertical-align: bottom;
            }
            .blog-single article .meta .author {
                display: inline-block;
            }
            .blog-single article .meta .author a {
                margin-left: 2px;
                font-size: 14px;
            }

        /* ---------------------- */
        /* Content                */
        /* ---------------------- */
            .blog-single article .content {
                margin-bottom: 80px;
                padding-bottom: 80px;
                border-bottom: 1px solid;
            }

        /* ---------------------- */
        /* Tags                   */
        /* ---------------------- */
            .blog-single article .tags {
                margin-top: 40px;
                float: left;
                width: 46%;
            }
            .blog-single article .tags span {
                margin-right: 3px;
            }
            .blog-single article .tags a {
                display: inline-block;
                margin-right: 6px;
                margin-bottom: 0;
                font-size: 14px;
            }
            .blog-single article .tags a:last-child {
                margin-right: 0;
            }

        /* ---------------------- */
        /* Sharing                */
        /* ---------------------- */
            .blog-single article .sharing {
                margin-top: 40px;
                float: right;
                font-size: 0;
                max-width: 46%;
            }
            .blog-single article .sharing span {
                margin-right: 3px;
            }
            .blog-single article .sharing a {
                display: inline-block;
                margin-left: 6px;
                margin-bottom: 0;
                font-size: 14px;
            }
            .blog-single article .sharing a:first-child {
                margin-left: 0;
            }

        /* ---------------------- */
        /* Comments               */
        /* ---------------------- */
            .blog-single article .comments {
                
            }
            .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 .comment-body h6 {
                
            }
            .blog-single article .comments .comments-area .comment-body .comment-date {
                
            }
            .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-text {
                font-size: 14px;
            }
            .blog-single article .comments .comments-area .comment-body .comment-text a {
                font-size: 14px;
            }
            .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;
            }
            .blog-single article .comments .comment-respond form {
                
            }
            .blog-single article .comments .comment-respond textarea {
                display: block;
                width: 100%;
                height: 160px;
                margin-bottom: 20px;
                border: 1px solid;
                padding: 20px;
                font-size: 14px;
            }
            .blog-single article .comments .comment-respond input[name="author"] {
                display: inline-block;
                width: 30%;
                margin-right: 4.5%;
                background: none;
                border: 1px solid;
                padding: 20px;
                margin-bottom: 30px;
                font-size: 14px;
            }
            .blog-single article .comments .comment-respond input[name="email"] {
                display: inline-block;
                width: 30%;
                margin-right: 4.4%;
                background: none;
                border: 1px solid;
                padding: 20px;
                font-size: 14px;
            }
            .blog-single article .comments .comment-respond input[name="subject"] {
                display: inline-block;
                width: 30%;
                margin-right: 0;
                background: none;
                border: 1px solid;
                padding: 20px;
                font-size: 14px;
            }
            .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"] {
                border: 0;
                padding: 10px 30px;
                border-radius: 3px;
                font-size: 14px;
            }

        /* ---------------------- */
        /* Sidebar                */
        /* ---------------------- */
            .blog-single .sidebar {
                float: right;
                width: 25%;
            }
            .blog-single .sidebar .widget {
                margin-bottom: 50px;
                text-align: left;
            }
            .blog-single .sidebar .widget h3 {
                font-size: 20px;
                line-height: 28px;
            }
            .blog-single .sidebar .widget ul {
                margin: 0;
            }
            .blog-single .sidebar .widget li {
                list-style: none;
                margin-left: 0;
            }
            .blog-single .sidebar .widget select {
                display: block;
                width: 100%;
                padding: 8px 10px;
            }
            .blog-single .sidebar .widget_search {

            }
            .blog-single .sidebar .widget_search form {

            }
            .blog-single .sidebar .widget_search div {
                font-size: 0;
            }
            .blog-single .sidebar .widget_search label {
                display: none;
            }
            .blog-single .sidebar .widget_search input[type="text"] {
                font-size: 14px;
                display: block;
                width: 100%;
                background-color: transparent;
                border: 1px solid;
                padding: 12px 18px;
            }
            .blog-single .sidebar .widget_search input[type="submit"] {
                display: none;
            }
            .blog-single .sidebar .widget_archive {
                font-size: 0;
            }
            .blog-single .sidebar .widget_archive label {
                display: none;
            }
            .blog-single .sidebar .widget_archive select {
                font-size: 13px;
                display: block;
                width: 100%;
                padding: 8px 10px;
            }
            .blog-single .sidebar .widget_archive ul {

            }
            .blog-single .sidebar .widget_archive li {

            }
            .blog-single .sidebar .widget_archive a {
                font-size: 14px;
            }
            .blog-single .sidebar .widget_calendar {
                text-align: center;
            }
            .blog-single .sidebar .widget_calendar .calendar_wrap {
                width: 100%;
            }
            .blog-single .sidebar .widget_calendar table {
                width: 100%;
            }
            .blog-single .sidebar .widget_calendar caption {

            }
            .blog-single .sidebar .widget_calendar thead {

            }
            .blog-single .sidebar .widget_calendar thead tr {

            }
            .blog-single .sidebar .widget_calendar thead th {
                
            }
            .blog-single .sidebar .widget_calendar tbody {

            }
            .blog-single .sidebar .widget_calendar tbody tr {

            }
            .blog-single .sidebar .widget_calendar tbody .pad {

            }
            .blog-single .sidebar .widget_calendar tbody td {

            }
            .blog-single .sidebar .widget_calendar tbody a {
                font-size: 14px;
            }
            .blog-single .sidebar .widget_calendar nav {

            }
            .blog-single .sidebar .widget_calendar nav span {

            }
            .blog-single .sidebar .widget_calendar nav .wp-calendar-nav-prev {
                float: left;
            }
            .blog-single .sidebar .widget_calendar nav .wp-calendar-nav-next {
                float: right;
            }
            .blog-single .sidebar .widget_calendar nav .pad {

            }
            .blog-single .sidebar .widget_media_image {

            }
            .blog-single .sidebar .widget_media_image a {
                display: block;
                width: 100%;
            }
            .blog-single .sidebar .widget_media_image img {
                display: block;
                width: 100%;
                height: auto;
            }
            .blog-single .sidebar .widget_nav_menu {

            }
            .blog-single .sidebar .widget_nav_menu div {

            }
            .blog-single .sidebar .widget_nav_menu ul {

            }
            .blog-single .sidebar .widget_nav_menu ul.sub-menu {
                margin-left: 20px;
            }
            .blog-single .sidebar .widget_nav_menu li {

            }
            .blog-single .sidebar .widget_nav_menu a {
                font-size: 14px;
            }
            .blog-single .sidebar .widget_recent_comments {

            }
            .blog-single .sidebar .widget_recent_comments ul {

            }
            .blog-single .sidebar .widget_recent_comments li {

            }
            .blog-single .sidebar .widget_recent_comments span {

            }
            .blog-single .sidebar .widget_recent_comments a {
                font-size: 14px;
            }
            .blog-single .sidebar .recent_projects_widget {

            }
            .blog-single .sidebar .recent_projects_widget div {

            }
            .blog-single .sidebar .recent_projects_widget a {
                width: 50%;
                float: left;
            }
            .blog-single .sidebar .recent_projects_widget img {
                display: block;
                width: 100%;
                height: auto;
            }
            .blog-single .sidebar .recent_projects_widget::after {
                content: "";
                display: block;
                clear: both;
            }
            .blog-single .sidebar .widget_text {

            }
            .blog-single .sidebar .widget_text .textwidget {

            }
            .blog-single .sidebar .widget_text .textwidget img {
                margin: 15px 0;
            }
            .blog-single .sidebar .widget_text .textwidget p:last-child {
                margin-bottom: 0;
            }
            .blog-single .sidebar .widget_categories {

            }
            .blog-single .sidebar .widget_categories label {
                display: none;
            }
            .blog-single .sidebar .widget_categories form {

            }
            .blog-single .sidebar .widget_categories select {
                display: block;
                width: 100%;
                padding: 8px 10px;
            }
            .blog-single .sidebar .widget_categories ul {

            }
            .blog-single .sidebar .widget_categories ul.children {
                margin-left: 20px;
            }
            .blog-single .sidebar .widget_categories li {

            }
            .blog-single .sidebar .widget_categories li a {
                font-size: 14px;
            }
            .blog-single .sidebar .widget_media_gallery {

            }
            .blog-single .sidebar .widget_media_gallery .gallery {

            }
            .blog-single .sidebar .widget_media_gallery figure {
                float: left;
                margin-top: 0!important;
                margin-bottom: 0!important;
                padding: 1px;
                margin-right: 0!important;
            }
            .blog-single .sidebar .widget_media_gallery .gallery-columns-1 figure {
                width: 100%;
            }
            .blog-single .sidebar .widget_media_gallery .gallery-columns-2 figure {
                width: 50%;
            }
            .blog-single .sidebar .widget_media_gallery .gallery-columns-3 figure {
                width: 33.333%;
            }
            .blog-single .sidebar .widget_media_gallery .gallery-columns-4 figure {
                width: 25%;
            }
            .blog-single .sidebar .widget_media_gallery .gallery-columns-5 figure {
                width: 20%;
            }
            .blog-single .sidebar .widget_media_gallery .gallery-icon {
                display: block;
            }
            .blog-single .sidebar .widget_media_gallery .gallery-icon a {
                display: block;
            }
            .blog-single .sidebar .widget_media_gallery .gallery-icon img {
                display: block;
                width: 100%;
                height: auto;
                border: 0!important;
            }
            .blog-single .sidebar .widget_media_gallery br {
                display: none;
            }
            .blog-single .sidebar .widget_media_gallery .gallery::after {
                content: "";
                display: block;
                clear: both;
            }
            .blog-single .sidebar .widget_meta {

            }
            .blog-single .sidebar .widget_meta ul {

            }
            .blog-single .sidebar .widget_meta li {

            }
            .blog-single .sidebar .widget_meta a {
                font-size: 14px;
            }
            .blog-single .sidebar .widget_pages {

            }
            .blog-single .sidebar .widget_pages ul {

            }
            .blog-single .sidebar .widget_pages ul.children {
                margin-left: 20px;
            }
            .blog-single .sidebar .widget_pages li {

            }
            .blog-single .sidebar .widget_pages a {
                font-size: 14px;
            }
            .blog-single .sidebar .widget_recent_entries {

            }
            .blog-single .sidebar .widget_recent_entries ul {

            }
            .blog-single .sidebar .widget_recent_entries li {

            }
            .blog-single .sidebar .widget_recent_entries a {
                font-size: 14px;
                margin-right: 8px;
            }
            .blog-single .sidebar .widget_recent_entries span {

            }
            .blog-single .sidebar .widget_tag_cloud {

            }
            .blog-single .sidebar .widget_tag_cloud .tagcloud {

            }
            .blog-single .sidebar .widget_tag_cloud a {
                margin-right: 15px;
                display: inline-block;
                margin-bottom: 5px;
            }
            .blog-single .sidebar .widget_rss {

            }
            .blog-single .sidebar .widget_rss li {
                margin-bottom: 30px;
            }
            .blog-single .sidebar .widget_rss li .rsswidget {
                margin-right: 15px;
            }
            .blog-single .sidebar .widget_rss li .rssSummary {
                margin-top: 5px;
            }


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

    /* ---------------------- */
    /* Global                 */
    /* ---------------------- */
        .portfolio {
            position: absolute;
            width: 100%;
            height: 100%;
        }
        .portfolio .swiper-container {
            width: 100%;
            height: 100%;
        }
        .portfolio .swiper-slide .img {
            backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
        }
        .portfolio .swiper-slide .img::before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            opacity: 0;
            z-index: 2;
        }
        .portfolio .swiper-slide .content:hover .img::before,
        .portfolio .swiper-slide .content.active .img::before {
            opacity: 0.6;
        }
        .portfolio .swiper-slide h1 {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 70px;
            line-height: 72px;
            margin: 0;
            z-index: 2;
            opacity: 0;
            width: 80%;
            text-align: center;
        }
        .portfolio .swiper-slide .content:hover h1,
        .portfolio .swiper-slide .content.active h1 {
            opacity: 1;
        }
        .portfolio .swiper-slide .discover {
            position: absolute;
            width: 100%;
            overflow: hidden;
            text-align: center;
            z-index: 2;
            top: calc(50% + 175px);
            padding-top: 60px;
        }
        .portfolio .swiper-slide .discover .container {
            position: relative;
            width: 100%;
            height: 28px;
            line-height: 28px;
            overflow: hidden;
        }
        .portfolio .swiper-slide .discover p {
            line-height: 28px;
            margin: 0;
        }
        .portfolio .swiper-slide .discover span {
            display: inline-block;
            line-height: 28px;
            margin: 0;
            text-decoration: underline;
        }
        .portfolio .swiper-slide .content:hover .discover p,
        .portfolio .swiper-slide .content:hover .discover span,
        .portfolio .swiper-slide .content.active .discover p,
        .portfolio .swiper-slide .content.active .discover span {
            transform: translateY(-28px);
        }
        .swiper-container .swiper-next,
        .swiper-container .swiper-prev {
            position: absolute;
            top: 50%;
            z-index: 2;
            cursor: pointer;
            width: 30px;
            height: 30px;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        .swiper-container .swiper-next .line,
        .swiper-container .swiper-prev .line {
            position: absolute;
            top: 14px;
            left: 6px;
            width: 19px;
            height: 2px;
        }
        .swiper-container .swiper-next::before,
        .swiper-container .swiper-prev::before {
            position: absolute;
            content: "";
            top: 12px;
            width: 8px;
            height: 2px;
            right: 4px;
            transform: rotate(45deg);
        }
        .swiper-container .swiper-next::after,
        .swiper-container .swiper-prev::after {
            position: absolute;
            content: "";
            top: 16px;
            width: 8px;
            height: 2px;
            right: 4px;
            transform: rotate(-45deg);
        }
        .swiper-container .swiper-prev::before {
            top: 12px;
            right: 17px;
            transform: rotate(-45deg);
        }
        .swiper-container .swiper-prev::after {
            top: 16px;
            right: 17px;
            transform: rotate(45deg);
        }
        .swiper-container .swiper-next {
            right: 80px;
        }
        .swiper-container .swiper-prev {
            left: 80px;
        }
        .swiper-pagination {
            pointer-events: none;
        }
        .swiper-pagination-fraction, 
        .swiper-pagination-custom, 
        .swiper-container-horizontal > .swiper-pagination-bullets {
            bottom: 60px;
        }
        .swiper-pagination .pagination-line {
            content: "";
            position: absolute;
            height: 1px;
            width: 100%;
            top: 14px;
            left: 50%;
            z-index: 1;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        }
        .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
            margin: 0 30px;
            pointer-events: none;
        }
        .swiper-pagination-bullet {
            opacity: 1;
            position: relative;
            z-index: 2;
        }
        .swiper-pagination-bullet-active::before {
            position: absolute;
            content: "";
            top: -5px;
            left: -5px;
            width: 18px;
            height: 18px;
            opacity: 0.15;
            border-radius: 50%;
        }


    /* ---------------------- */
    /* Layered                */
    /* ---------------------- */
        .layered {
            position: absolute;
            width: 100%;
            height: 100%;
        }
        .layered .swiper-slide {

        }
        .layered .swiper-slide .content {
            position: absolute;
            display: block;
            height: 400px;
            width: 100%;
            top: 50%;
            left: 0;
            -webkit-transform: translate(0,calc(-50% - 40px));
            -moz-transform: translate(0,calc(-50% - 40px),0);
            transform: translate(0,calc(-50% - 40px),0);
        }
        .layered .swiper-slide .img {
            position: absolute;
        }
        .layered .swiper-slide .img img {
            position: relative;
            width: 100%;
            height: 100%;
        }
        .layered .swiper-slide .img.left,
        .layered .swiper-slide .img.right {
            width: 256px;
            height: 340px;
            top: 30px;
            left: 50%;
            -webkit-transform: translate(calc(-50% - 314px),0);
            -moz-transform: translate(calc(-50% - 314px),0);
            transform: translate(calc(-50% - 314px),0);
        }
        .layered .swiper-slide .img.right {
            -webkit-transform: translate(calc(-50% + 314px),0);
            -moz-transform: translate(calc(-50% + 314px),0);
            transform: translate(calc(-50% + 314px),0);
        }
        .layered .swiper-slide .content:hover .img.left {
            -webkit-transform: translate(calc(-50% - 314px),0);
            -moz-transform: translate(calc(-50% - 314px),0);
            transform: translate(calc(-50% - 314px),0);
            transition-delay: 0s;
        }
        .layered .swiper-slide .content:hover .img.right {
            -webkit-transform: translate(calc(-50% + 314px),0);
            -moz-transform: translate(calc(-50% + 314px),0);
            transform: translate(calc(-50% + 314px),0);
            transition-delay: 0s;
        }
        .layered .swiper-slide-active .img.left,
        .layered .swiper-slide-active .img.right {
            -webkit-transform: translate(calc(-50% - 500px),0);
            -moz-transform: translate(calc(-50% - 500px),0);
            transform: translate(calc(-50% - 500px),0);
            transition-delay: 0.35s;
        }
        .layered .swiper-slide-active .img.right {
            -webkit-transform: translate(calc(-50% + 500px),0);
            -moz-transform: translate(calc(-50% + 500px),0);
            transform: translate(calc(-50% + 500px),0);
            transition-delay: 0.35s;
        }
        .layered .swiper-slide .img.center {
            width: 640px;
            height: 400px;
            top: 0;
            left: 50%;
            -webkit-transform: translate(-50%,0);
            -moz-transform: translate(-50%,0);
            transform: translate(-50%,0);
            z-index: 2;
        }
        .layered .swiper-slide .content:hover .img:not(.center)::before {
            opacity: 0.95;
        }


    /* ---------------------- */
    /* Adjusted               */
    /* ---------------------- */
        .adjusted {
            position: absolute;
            width: 100%;
            height: 100%;
        }
        .adjusted .swiper-slide {

        }
        .adjusted .swiper-slide .content {
            position: absolute;
            display: block;
            height: 400px;
            width: 100%;
            top: 50%;
            left: 0;
            -webkit-transform: translateY(calc(-50% - 40px));
            -moz-transform: translateY(calc(-50% - 40px));
            transform: translateY(calc(-50% - 40px));
        }
        .adjusted .swiper-slide .img {
            position: absolute;
            height: auto;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }
        .adjusted .swiper-slide .img img {
            position: relative;
            width: 100%;
            height: 100%;
        }
        .adjusted .swiper-slide .img.extra-left,
        .adjusted .swiper-slide .img.extra-right,
        .adjusted .swiper-slide .img.center {
            width: 225px;
        }
        .adjusted .swiper-slide .img.left,
        .adjusted .swiper-slide .img.right {
            width: 301px;
            z-index: 2;
        }
        .adjusted .swiper-slide .img.extra-left,
        .adjusted .swiper-slide .content:hover .img.extra-left {
            -webkit-transform: translate(calc(-50% - 363px),-50%);
            -moz-transform: translate(calc(-50% - 363px),-50%);
            transform: translate(calc(-50% - 363px),-50%);
            transition-delay: 0s;
        }
        .adjusted .swiper-slide .img.extra-right,
        .adjusted .swiper-slide .content:hover .img.extra-right {
            -webkit-transform: translate(calc(-50% + 363px),-50%);
            -moz-transform: translate(calc(-50% + 363px),-50%);
            transform: translate(calc(-50% + 363px),-50%);
            transition-delay: 0s;
        }
        .adjusted .swiper-slide .img.left,
        .adjusted .swiper-slide .content:hover .img.left {
            -webkit-transform: translate(calc(-50% - 210px),-50%);
            -moz-transform: translate(calc(-50% - 210px),-50%);
            transform: translate(calc(-50% - 210px),-50%);
            transition-delay: 0s;
        }
        .adjusted .swiper-slide .img.right,
        .adjusted .swiper-slide .content:hover .img.right {
            -webkit-transform: translate(calc(-50% + 210px),-50%);
            -moz-transform: translate(calc(-50% + 210px),-50%);
            transform: translate(calc(-50% + 210px),-50%);
            transition-delay: 0s;
        }
        .adjusted .swiper-slide-active .img.extra-left {
            -webkit-transform: translate(calc(-50% - 526px),-50%);
            -moz-transform: translate(calc(-50% - 526px),-50%);
            transform: translate(calc(-50% - 526px),-50%);
            transition-delay: 0.35s;
        }
        .adjusted .swiper-slide-active .img.extra-right {
            -webkit-transform: translate(calc(-50% + 526px),-50%);
            -moz-transform: translate(calc(-50% + 526px),-50%);
            transform: translate(calc(-50% + 526px),-50%);
            transition-delay: 0.35s;
        }
        .adjusted .swiper-slide-active .img.left {
            -webkit-transform: translate(calc(-50% - 263px),-50%);
            -moz-transform: translate(calc(-50% - 263px),-50%);
            transform: translate(calc(-50% - 263px),-50%);
            transition-delay: 0.35s;
        }
        .adjusted .swiper-slide-active .img.right {
            -webkit-transform: translate(calc(-50% + 263px),-50%);
            -moz-transform: translate(calc(-50% + 263px),-50%);
            transform: translate(calc(-50% + 263px),-50%);
            transition-delay: 0.35s;
        }
        .adjusted .swiper-slide .content:hover .img:not(.left):not(.right)::before {
            opacity: 0.95;
        }


    /* ---------------------- */
    /* Diagonal               */
    /* ---------------------- */
        .diagonal {
            position: absolute;
            width: 100%;
            height: 100%;
        }
        .diagonal .swiper-slide {

        }
        .diagonal .swiper-slide .content {
            position: absolute;
            display: block;
            height: 400px;
            width: 100%;
            top: 50%;
            left: 0;
            -webkit-transform: translateY(calc(-50% - 40px));
            -moz-transform: translateY(calc(-50% - 40px));
            transform: translateY(calc(-50% - 40px));
        }
        .diagonal .swiper-slide h1 {
            z-index: 3;
        }
        .diagonal .swiper-slide .img {
            position: absolute;
            height: auto;
            top: 50%;
            left: 50%;
            width: 260px;
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }
        .diagonal .swiper-slide .img img {
            position: relative;
            width: 100%;
            height: 100%;
        }
        .diagonal .swiper-slide .img.extra-left {
            z-index: 1;
        }
        .diagonal .swiper-slide .img.left {
            z-index: 2;
        }
        .diagonal .swiper-slide .img.extra-right {
            z-index: 1;
        }
        .diagonal .swiper-slide .img.right {
            z-index: 2;
        }
        .diagonal .swiper-slide .img.center {
            z-index: 3;
        }
        .diagonal .swiper-slide .img.extra-left,
        .diagonal .swiper-slide .content:hover .img.extra-left {
            -webkit-transform: translate(calc(-50% - 400px),calc(-50% + 40px));
            -moz-transform: translate(calc(-50% - 400px),calc(-50% + 40px));
            transform: translate(calc(-50% - 400px),calc(-50% + 40px));
            transition-delay: 0s;
        }
        .diagonal .swiper-slide .img.extra-right,
        .diagonal .swiper-slide .content:hover .img.extra-right {
            -webkit-transform: translate(calc(-50% + 400px),calc(-50% - 40px));
            -moz-transform: translate(calc(-50% + 400px),calc(-50% - 40px));
            transform: translate(calc(-50% + 400px),calc(-50% - 40px));
            transition-delay: 0s;
        }
        .diagonal .swiper-slide .img.left,
        .diagonal .swiper-slide .content:hover .img.left {
            -webkit-transform: translate(calc(-50% - 200px),calc(-50% + 20px));
            -moz-transform: translate(calc(-50% - 200px),calc(-50% + 20px));
            transform: translate(calc(-50% - 200px),calc(-50% + 20px));
            transition-delay: 0s;
        }
        .diagonal .swiper-slide .img.right,
        .diagonal .swiper-slide .content:hover .img.right {
            -webkit-transform: translate(calc(-50% + 200px),calc(-50% - 20px));
            -moz-transform: translate(calc(-50% + 200px),calc(-50% - 20px));
            transform: translate(calc(-50% + 200px),calc(-50% - 20px));
            transition-delay: 0s;
        }
        .diagonal .swiper-slide-active .img.extra-left {
            -webkit-transform: translate(calc(-50% - 520px),calc(-50% + 80px));
            -moz-transform: translate(calc(-50% - 520px),calc(-50% + 80px));
            transform: translate(calc(-50% - 520px),calc(-50% + 80px));
            transition-delay: 0.35s;
        }
        .diagonal .swiper-slide-active .img.extra-right {
            -webkit-transform: translate(calc(-50% + 520px),calc(-50% - 80px));
            -moz-transform: translate(calc(-50% + 520px),calc(-50% - 80px));
            transform: translate(calc(-50% + 520px),calc(-50% - 80px));
            transition-delay: 0.35s;
        }
        .diagonal .swiper-slide-active .img.left {
            -webkit-transform: translate(calc(-50% - 260px),calc(-50% + 40px));
            -moz-transform: translate(calc(-50% - 260px),calc(-50% + 40px));
            transform: translate(calc(-50% - 260px),calc(-50% + 40px));
            transition-delay: 0.35s;
        }
        .diagonal .swiper-slide-active .img.right {
            -webkit-transform: translate(calc(-50% + 260px),calc(-50% - 40px));
            -moz-transform: translate(calc(-50% + 260px),calc(-50% - 40px));
            transform: translate(calc(-50% + 260px),calc(-50% - 40px));
            transition-delay: 0.35s;
        }
        .diagonal .swiper-slide .content:hover .img:not(.center)::before {
            opacity: 0.95;
        }


    /* ---------------------- */
    /* Featured               */
    /* ---------------------- */
        .portfolio .featured {
            position: absolute;
            width: 100%;
            height: 100%;
        }
        .portfolio .featured .swiper-slide {

        }
        .portfolio .featured .swiper-slide .content {
            position: absolute;
            display: block;
            height: 400px;
            width: 100%;
            top: 50%;
            left: 0;
            -webkit-transform: translate(0,calc(-50% - 40px));
            -moz-transform: translate(0,calc(-50% - 40px));
            transform: translate(0,calc(-50% - 40px));
        }
        .portfolio .featured .swiper-slide .img {
            position: absolute;
            width: 880px;
            height: auto;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }
        .portfolio .featured .swiper-slide .img img {
            position: relative;
            width: 100%;
            height: 100%;
        }


    /* ---------------------- */
    /* Slider                 */
    /* ---------------------- */
        .slider {
            position: absolute;
            width: 100%;
            height: 100%;
        }
        .slider .swiper-slide {

        }
        .slider .swiper-slide .content {
            position: absolute;
            display: block;
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
            background-position: center;
            background-size: cover;
            -webkit-transform: none;
            -moz-transform: none;
            transform: none;
        }
        .slider .swiper-slide .content::before {
            position: absolute;
            content: "";
            display: block;
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
            opacity: 0.3;
        }
        .slider .swiper-slide .text {
            position: absolute;
            display: block;
            height: auto;
            width: 100%;
            top: 50%;
            left: 0;
            -webkit-transform: translate(0, calc(-50% + 50px));
            -moz-transform: translate(0, calc(-50% + 50px));
            transform: translate(0, calc(-50% + 50px));
        }
        .slider .swiper-slide h1 {
            position: relative;
            top: auto;
            left: auto;
            width: auto;
            margin-bottom: 50px;
            padding-bottom: 50px;
            opacity: 0;
            -webkit-transform: translate(0, -20px);
            -moz-transform: translate(0, -20px);
            transform: translate(0, -20px);
        }
        .slider .swiper-slide-active h1 {
            opacity: 1;
            -webkit-transform: translate(0, 0px);
            -moz-transform: translate(0, 0px);
            transform: translate(0, 0px);
        }
        .slider .swiper-slide h1:after {
            position: absolute;
            content: "";
            bottom: 0;
            left: calc(50% - 20px);
            width: 40px;
            height: 2px;
        }
        .slider .swiper-slide .discover {
            position: relative;
            width: 100%;
            top: auto;
            padding-top: 0;
            opacity: 0;
            -webkit-transform: translate(0, -20px);
            -moz-transform: translate(0, -20px);
            transform: translate(0, -20px);
        }
        .slider .swiper-slide-active .discover {
            opacity: 1;
            -webkit-transform: translate(0, 0px);
            -moz-transform: translate(0, 0px);
            transform: translate(0, 0px);
        }
        .slider .swiper-slide .discover .container {
            position: relative;
            width: 100%;
            height: 28px;
            line-height: 28px;
            overflow: hidden;
        }
        .slider .swiper-slide .discover p {
            line-height: 28px;
            margin: 0;
        }
        .slider .swiper-slide .discover span {
            display: inline-block;
            line-height: 28px;
            margin: 0;
            text-decoration: underline;
        }
        .slider .swiper-slide .content:hover .discover p,
        .slider .swiper-slide .content:hover .discover span {
            transform: translateY(0);
        }
        .slider .swiper-slide .text:hover .discover p,
        .slider .swiper-slide .text:hover .discover span {
            transform: translateY(-28px);
        }
        .slider .swiper-pagination .pagination-line {
            opacity: 0.5;
        }
        .slider .swiper-pagination-bullet,
        .slider .swiper-pagination-bullet-active {
            opacity: 0.8;
        }
        .slider .swiper-pagination-bullet-active::before {
            opacity: 0.5;
        }


    /* ---------------------- */
    /* Text                   */
    /* ---------------------- */
        @-webkit-keyframes showDiv {
            0% {opacity: 0}
            100% {opacity: 1}
        }
        @-moz-keyframes showDiv {
            0% {opacity: 0}
            100% {opacity: 1}
        }
        @keyframes showDiv {
            0% {opacity: 0}
            100% {opacity: 1}
        }
        .text-slider {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        .text-slider .container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            z-index: 3;
        }
        .text-slider .slides,
        .text-slider .slides li {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            margin: 0;
            background-position: center;
            background-size: cover;
            z-index: 1;
        }
        .text-slider .slides li {
            opacity: 0;
            z-index: 2;
        }
        .text-slider .slides li::before {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0.2;
        }
        .text-slider .slides li.active {
            opacity: 1;
            -webkit-animation: showDiv 1.2s;
            -moz-animation:    showDiv 1.2s;
            -o-animation:      showDiv 1.2s;
            animation:         showDiv 1.2s;
        }
        .text-slider .slides li.was-active {
            opacity: 1;
            z-index: 1;
        }
        .text-slider .content {
            position: absolute;
            width: 100%;
            top: 50%;
            left: 0;
            font-size: 0;
            text-align: center;
            z-index: 5;
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }
        .text-slider .content.tall {
            top: 0;
            padding: 250px 0;
            -webkit-transform: none;
            -moz-transform: none;
            transform: none;
        }
        .text-slider .content a {
            position: relative;
            display: inline-block;
            font-size: 40px;
            text-decoration: none;
            padding-right: 40px;
            line-height: 62px;
            opacity: 1;
            background-position: center;
            background-size: cover;
        }
        .text-slider .content a:nth-of-type(2n) {
            padding-right: 0;
            padding-left: 40px;
        }
        .text-slider .content:hover a {
            opacity: 0.2;
        }
        .text-slider .content a:hover {
            opacity: 1;
        }
        .text-slider .content a::after {
            position: absolute;
            content: "";
            width: 12px;
            height: 2px;
            top: 31px;
            right: -6px;
            opacity: 1;
        }
        .text-slider .content a:hover::after {
            opacity: 0.2;
        }
        .text-slider .content a:last-of-type::after,
        .text-slider .content a:nth-of-type(2n)::after {
            display: none;
        }
        .text-slider .content .clear {
            position: relative;
            clear: both;
        }
        .text-slider .content a .wrap {
            display: inline-block;
            position: relative;
            background-position: center;
            background-size: cover;
            width: 500px;
            height: 300px;
        }
        .text-slider .content a .wrap span {
            display: inline-block;
            position: relative;
            top: 50%;
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }
        .text-slider .content a .wrap::before {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0.2;
        }


    /* ---------------------- */
    /* Grid                   */
    /* ---------------------- */
        .portfolio.grid {
            position: relative;
            width: 100%;
            height: auto;
        }
        .projects-grid {
            position: relative;
            cursor: default;
        }
        .projects-grid .container {
            position: relative;
            width: 1100px;
            margin: 80px auto;
            text-align: center;
        }
        .projects-grid h1 {
            position: relative;
            font-size: 48px;
            padding-bottom: 40px;
            margin-bottom: 20px;
        }
        .projects-grid h1.without-subtitle {
            margin-bottom: 140px;
        }
        .projects-grid h1::after {
            position: absolute;
            content: "";
            bottom: 0;
            left: calc(50% - 20px);
            width: 40px;
            height: 2px;
        }
        .projects-grid .sub-header {
            display: block;
            margin-bottom: 140px;
        }
        .projects-grid .projects {
            font-size: 0;
        }
        .projects-grid article {
            display: inline-block;
            width: 500px;
            margin: 0 100px 100px 0;
            cursor: pointer;
        }
        .projects-grid article:nth-child(2n) {
            margin-right: 0;
        }
        .projects-grid article a {
            display: block;
            text-decoration: none;
        }
        .projects-grid article .img {
            position: relative;
            margin-bottom: 20px;
        }
        .projects-grid article .img img {
            position: relative;
            width: 100%;
        }
        .projects-grid article .img::after {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            opacity: 0;
        }
        .projects-grid article:hover .img::after {
            opacity: 0.5;
        }
        .projects-grid article .img h2 {
            position: absolute;
            top: 50%;
            width: 100%;
            padding: 0 20px;
            font-size: 38px;
            line-height: 48px;
            opacity: 0;
            z-index: 2;
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }
        .projects-grid article:hover .img h2 {
            opacity: 1;
        }
        .projects-grid article .discover {
            position: relative;
            height: 28px;
            line-height: 28px;
            overflow: hidden;
        }
        .projects-grid article .discover .text1 {
            margin: 0;
        }
        .projects-grid article .discover .text2 {
            text-decoration: underline;
            margin: 0;
        }
        .projects-grid article:hover .discover .text1,
        .projects-grid article:hover .discover .text2 {
            transform: translateY(-28px);
        }
        

    /* ---------------------- */
    /* Single                 */
    /* ---------------------- */
        .single-project {
            position: relative;
            cursor: default;
        }
        .single-project .container {
            width: 1100px;
            margin: 80px auto;
        }
        .single-project h1 {
            position: relative;
            padding-bottom: 40px;
            margin-bottom: 20px;
            text-align: center;
        }
        .single-project h1::after {
            position: absolute;
            content: "";
            bottom: 0;
            left: calc(50% - 20px);
            width: 40px;
            height: 2px;
        }
        .single-project h1.without-subtitle {
            margin-bottom: 100px;
        }
        .single-project .sub-header {
            display: block;
            margin-bottom: 80px;
            text-align: center;
        }
        .single-project .cover {
            position: relative;
            width: 100vw;
            margin-bottom: 150px;
            left: 50%;
            -webkit-transform: translate(-50%, 0);
            -moz-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
        }
        .single-project .cover img {
            position: relative;
            width: 100%;
        }
        .single-project h2 {
            font-size: 26px;
            line-height: 38px;
            padding-bottom: 150px;
            margin-bottom: 0;
        }
        .single-project .images {
            margin-bottom: 0;
        }
        .single-project .images::after {
            content: "";
            display: block;
            clear: both;
        }
        .single-project .images li {
            display: block;
            width: 48%;
            opacity: 0;
            list-style: none;
            margin-left: 0;
            -webkit-transform: translateY(120px);
            -moz-transform: translateY(120px);
            transform: translateY(120px);
        }
        .single-project .images li.appeared {
            opacity: 1;
            -webkit-transform: translateY(0px);
            -moz-transform: translateY(0px);
            transform: translateY(0px);
        }
        .single-project .images .left {
            float: left;
            margin-right: 4%;
        }
        .single-project .images .right {
            float: right;
        }
        .single-project .images .center {
            float: left;
            width: 100%;
            margin-top: 120px;
        }
        .single-project .images .right:first-child {
            margin-top: 80px;
        }
        .single-project .images .right + .left {
            margin-top: 580px;
        }
        .single-project .images .center {
            margin-top: 180px;
            text-align: center;
        }
        .single-project .images .center + .right {
            margin-top: 180px;
        }
        .single-project .images .center + .left {
            margin-top: 180px;
        }
        .single-project .images .left + .right {
            margin-top: 580px;
        }
        .single-project .images li a {
            display: block;
        }
        .single-project .images li img {
            max-width: 100%;
        }
        .single-project .next-project {
            padding-top: 250px;
            text-align: center;
        }
        .single-project .next-project .text1 {
            font-size: 16px;
            display: block;
            cursor: default;
        }
        .single-project .next-project a {
            display: block;
            font-size: 38px;
            line-height: 44px;
        }


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

    header li a,
    header > nav > ul > li ul,
    header > nav > ul > li li::before,
    footer .social-links span,
    footer .social-links ul,
    footer .social-links a,
    footer .copyrights p,
    .social-profiles a,
    .wpcf7 form input,
    .wpcf7 form textarea,
    .blog article img,
    .blog article a,
    .blog-single article .comments .comment-respond textarea,
    .blog-single article .comments .comment-respond .form-submit input[type="submit"],
    .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"],
    .page .comments .comment-respond textarea,
    .page .comments .comment-respond .form-submit input[type="submit"],
    .page .comments .comment-respond input[name="author"],
    .page .comments .comment-respond input[name="email"],
    .page .comments .comment-respond input[name="subject"],
    .blog-single .sidebar .widget_search input[type="text"],
    .blog .search-not-found input[type="text"],
    .blog-single article .cover.gallery .nav .next,
    .blog-single article .cover.gallery .nav .prev,
    .post-password-form input[type="password"],
    .post-password-form input[type="submit"],
    .button,
    .tabs .head li,
    .accordion .tab h3,
    .accordion .tab h3::before,
    .accordion .tab .content {
        -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;
    }

    .swiper-container .swiper-next .line,
    .swiper-container .swiper-prev .line,
    .swiper-container .swiper-next::before,
    .swiper-container .swiper-prev::before, 
    .swiper-container .swiper-next::after,
    .swiper-container .swiper-prev::after,
    .swiper-container .swiper-slide .img,
    .swiper-container .swiper-slide .img::before,
    .swiper-container .swiper-slide h1,
    .swiper-container .swiper-slide .discover p,
    .swiper-container .swiper-slide .discover span,
    .text-slider .content a,
    .text-slider .content a::after,
    .projects-grid article .img::after,
    .projects-grid article .img h2,
    .projects-grid article .discover .text1,
    .projects-grid article .discover .text2 {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .single-project .images li {
        -webkit-transition: all 0.6s ease;
        -moz-transition: all 0.6s ease;
        -ms-transition: all 0.6s ease;
        -o-transition: all 0.6s ease;
        transition: all 0.6s ease;
    }

    .slider .swiper-container .swiper-slide h1,
    .slider .swiper-container .swiper-slide .discover {
        -webkit-transition: all 0.9s ease;
        -moz-transition: all 0.9s ease;
        -ms-transition: all 0.9s ease;
        -o-transition: all 0.9s ease;
        transition: all 0.9s ease;
        transition-delay: 0.5s;
    }
    .slider .swiper-container .swiper-slide .discover {
        transition-delay: 0.8s;
    }


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


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

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

            /* Global */
                .swiper-pagination,
                .swiper-next,
                .swiper-prev {
                    display: none;
                }

            /* Layered */
                .layered .swiper-slide .content {
                    height: calc(100% - 300px);
                    -webkit-transform: translateY(-50%);
                    -moz-transform: translateY(-50%);
                    transform: translateY(-50%);
                }
                .layered .swiper-slide .img.center {
                    width: 550px;
                    height: auto;
                    top: 50%;
                    -webkit-transform: translate(-50%,-50%);
                    -moz-transform: translate(-50%,-50%);
                    transform: translate(-50%,-50%);
                }
                .layered .swiper-slide .img.left, 
                .layered .swiper-slide .img.right {
                    width: 200px;
                    height: auto;
                    top: 50%;
                    -webkit-transform: translate(-270%,-50%);
                    -moz-transform: translate(-270%,-50%);
                    transform: translate(-270%,-50%);
                }
                .layered .swiper-slide .img.right {
                    -webkit-transform: translate(170%,-50%);
                    -moz-transform: translate(170%,-50%);
                    transform: translate(170%,-50%);
                }
                .layered .swiper-slide .content:hover .img.left {
                    -webkit-transform: translate(-190%,-50%);
                    -moz-transform: translate(-190%,-50%);
                    transform: translate(-190%,-50%);
                }
                .layered .swiper-slide .content:hover .img.right {
                    -webkit-transform: translate(90%,-50%);
                    -moz-transform: translate(90%,-50%);
                    transform: translate(90%,-50%);
                }
                .layered .swiper-slide .discover {
                    top: calc(50% + 160px);
                }

            /* Adjusted */
                .adjusted .swiper-slide .content {
                    height: calc(100% - 300px);
                    -webkit-transform: translateY(-50%);
                    -moz-transform: translateY(-50%);
                    transform: translateY(-50%);
                }
                .adjusted .swiper-slide .img.extra-left,
                .adjusted .swiper-slide .img.extra-right,
                .adjusted .swiper-slide .img.center {
                    width: 165px;
                }
                .adjusted .swiper-slide .img.left,
                .adjusted .swiper-slide .img.right {
                    width: 241px;
                    z-index: 2;
                }
                .adjusted .swiper-slide .img.extra-left,
                .adjusted .swiper-slide .content:hover .img.extra-left {
                    -webkit-transform: translate(calc(-50% - 303px),-50%);
                    -moz-transform: translate(calc(-50% - 303px),-50%);
                    transform: translate(calc(-50% - 303px),-50%);
                    transition-delay: 0s;
                }
                .adjusted .swiper-slide .img.extra-right,
                .adjusted .swiper-slide .content:hover .img.extra-right {
                    -webkit-transform: translate(calc(-50% + 303px),-50%);
                    -moz-transform: translate(calc(-50% + 303px),-50%);
                    transform: translate(calc(-50% + 303px),-50%);
                    transition-delay: 0s;
                }
                .adjusted .swiper-slide .img.left,
                .adjusted .swiper-slide .content:hover .img.left {
                    -webkit-transform: translate(calc(-50% - 150px),-50%);
                    -moz-transform: translate(calc(-50% - 150px),-50%);
                    transform: translate(calc(-50% - 150px),-50%);
                    transition-delay: 0s;
                }
                .adjusted .swiper-slide .img.right,
                .adjusted .swiper-slide .content:hover .img.right {
                    -webkit-transform: translate(calc(-50% + 150px),-50%);
                    -moz-transform: translate(calc(-50% + 150px),-50%);
                    transform: translate(calc(-50% + 150px),-50%);
                    transition-delay: 0s;
                }
                .adjusted .swiper-slide-active .img.extra-left {
                    -webkit-transform: translate(calc(-50% - 406px),-50%);
                    -moz-transform: translate(calc(-50% - 406px),-50%);
                    transform: translate(calc(-50% - 406px),-50%);
                    transition-delay: 0.35s;
                }
                .adjusted .swiper-slide-active .img.extra-right {
                    -webkit-transform: translate(calc(-50% + 406px),-50%);
                    -moz-transform: translate(calc(-50% + 406px),-50%);
                    transform: translate(calc(-50% + 406px),-50%);
                    transition-delay: 0.35s;
                }
                .adjusted .swiper-slide-active .img.left {
                    -webkit-transform: translate(calc(-50% - 203px),-50%);
                    -moz-transform: translate(calc(-50% - 203px),-50%);
                    transform: translate(calc(-50% - 203px),-50%);
                    transition-delay: 0.35s;
                }
                .adjusted .swiper-slide-active .img.right {
                    -webkit-transform: translate(calc(-50% + 203px),-50%);
                    -moz-transform: translate(calc(-50% + 203px),-50%);
                    transform: translate(calc(-50% + 203px),-50%);
                    transition-delay: 0.35s;
                }
                .adjusted .swiper-slide .discover {
                    top: calc(50% + 160px);
                }

            /* Diagonal */
                .diagonal .swiper-slide .content {
                    height: calc(100% - 300px);
                    -webkit-transform: translateY(-50%);
                    -moz-transform: translateY(-50%);
                    transform: translateY(-50%);
                }
                .diagonal .swiper-slide .img {
                    width: 240px;
                }
                .diagonal .swiper-slide .img.extra-left,
                .diagonal .swiper-slide .content:hover .img.extra-left {
                    -webkit-transform: translate(calc(-50% - 400px),calc(-50% + 40px));
                    -moz-transform: translate(calc(-50% - 400px),calc(-50% + 40px));
                    transform: translate(calc(-50% - 400px),calc(-50% + 40px));
                    transition-delay: 0s;
                }
                .diagonal .swiper-slide .img.extra-right,
                .diagonal .swiper-slide .content:hover .img.extra-right {
                    -webkit-transform: translate(calc(-50% + 400px),calc(-50% - 40px));
                    -moz-transform: translate(calc(-50% + 400px),calc(-50% - 40px));
                    transform: translate(calc(-50% + 400px),calc(-50% - 40px));
                    transition-delay: 0s;
                }
                .diagonal .swiper-slide .img.left,
                .diagonal .swiper-slide .content:hover .img.left {
                    -webkit-transform: translate(calc(-50% - 200px),calc(-50% + 20px));
                    -moz-transform: translate(calc(-50% - 200px),calc(-50% + 20px));
                    transform: translate(calc(-50% - 200px),calc(-50% + 20px));
                    transition-delay: 0s;
                }
                .diagonal .swiper-slide .img.right,
                .diagonal .swiper-slide .content:hover .img.right {
                    -webkit-transform: translate(calc(-50% + 200px),calc(-50% - 20px));
                    -moz-transform: translate(calc(-50% + 200px),calc(-50% - 20px));
                    transform: translate(calc(-50% + 200px),calc(-50% - 20px));
                    transition-delay: 0s;
                }
                .diagonal .swiper-slide-active .img.extra-left {
                    -webkit-transform: translate(calc(-50% - 480px),calc(-50% + 80px));
                    -moz-transform: translate(calc(-50% - 480px),calc(-50% + 80px));
                    transform: translate(calc(-50% - 480px),calc(-50% + 80px));
                    transition-delay: 0.35s;
                }
                .diagonal .swiper-slide-active .img.extra-right {
                    -webkit-transform: translate(calc(-50% + 480px),calc(-50% - 80px));
                    -moz-transform: translate(calc(-50% + 480px),calc(-50% - 80px));
                    transform: translate(calc(-50% + 480px),calc(-50% - 80px));
                    transition-delay: 0.35s;
                }
                .diagonal .swiper-slide-active .img.left {
                    -webkit-transform: translate(calc(-50% - 240px),calc(-50% + 40px));
                    -moz-transform: translate(calc(-50% - 240px),calc(-50% + 40px));
                    transform: translate(calc(-50% - 240px),calc(-50% + 40px));
                    transition-delay: 0.35s;
                }
                .diagonal .swiper-slide-active .img.right {
                    -webkit-transform: translate(calc(-50% + 240px),calc(-50% - 40px));
                    -moz-transform: translate(calc(-50% + 240px),calc(-50% - 40px));
                    transform: translate(calc(-50% + 240px),calc(-50% - 40px));
                    transition-delay: 0.35s;
                }
                .diagonal .swiper-slide .discover {
                    top: calc(50% + 160px);
                }
    }
    @media only screen and (max-width : 1280px) {


        /* ----------------------   */
        /* Basics                   */
        /* ----------------------   */
            body.showNav,
            html.showNav {
                width: 100%;
                height: 100%;
                overflow: hidden;
            }

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

            .one-third,
            .one-fourth,
            .one-fifth,
            .two-third,
            .two-fifth {
                width: 50%!important;
            }
            .page .content form {
                width: 100%;
                margin: 0;
            }

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

            /* Global */
                header {

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

            /* Navigation (Main Links) */
                header > nav > ul {
                    padding: 200px 0;
                    transform: none;
                }
                header > nav > ul > li {
                    padding: 5px 0;
                    margin-top: 20px;
                    line-height: 32px;
                }
                header > nav > ul > li:first-child {
                    margin-top: 0;
                    padding: 4px 0;
                }
                header > nav ul li {
                    display: block;
                    visibility: visible;
                    opacity: 1;
                    padding: 0;
                    margin-left: 0;
                }
                header > nav > ul > li > a {
                    font-size: 48px;
                }

            /* Navigation (Sub Links) */
                header > nav > ul li ul, 
                header > nav > ul li ul ul,
                header > nav > ul li ul ul 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 {
                    padding: 4px 0;
                }
                header > nav > ul > li ul a,
                header > nav > ul > li ul ul a,
                header > nav > ul > li ul ul ul a {
                    font-size: 18px;
                    padding: 0;
                }
                header > nav > ul > li li::before {
                    display: none;
                }
    
        /* ----------------------   */
        /* Pages                    */
        /* ----------------------   */

            /* Global */
                main.page {
                    width: 100%;
                    margin: 60px 0;
                    padding: 0 80px;
                }
                .page .cover.image-with-text {
                    height: 320px;
                }

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

            /* Global */
                main.blog,
                main.blog-single {
                    width: 100%;
                    margin: 60px 0;
                    padding: 0 80px;
                }

            .blog article .number {
                display: none;
            }
            .blog article img {
                position: relative;
                left: 0;
                top: 0;
                margin-bottom: 30px;
                max-width: 100%;
                opacity: 1;
                pointer-events: none;
                -webkit-transform: translate(0, 0);
                -moz-transform: translate(0, 0);
                transform: translate(0, 0);
            }

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

            /* Layered */
                .layered .swiper-slide .img.center {
                    width: 350px;
                }
                .layered .swiper-slide .img.left, 
                .layered .swiper-slide .img.right {
                    width: 125px;
                }
                .layered .swiper-slide .discover {
                    top: calc(50% + 85px);
                }
                .layered .swiper-slide h1 {
                    font-size: 52px;
                    line-height: 62px;
                }

            /* Adjusted */
                .adjusted .swiper-slide .img.extra-left,
                .adjusted .swiper-slide .img.extra-right,
                .adjusted .swiper-slide .img.center {
                    width: 105px;
                }
                .adjusted .swiper-slide .img.left,
                .adjusted .swiper-slide .img.right {
                    width: 181px;
                    z-index: 2;
                }
                .adjusted .swiper-slide .img.extra-left,
                .adjusted .swiper-slide .content:hover .img.extra-left {
                    -webkit-transform: translate(calc(-50% - 203px),-50%);
                    -moz-transform: translate(calc(-50% - 203px),-50%);
                    transform: translate(calc(-50% - 203px),-50%);
                    transition-delay: 0s;
                }
                .adjusted .swiper-slide .img.extra-right,
                .adjusted .swiper-slide .content:hover .img.extra-right {
                    -webkit-transform: translate(calc(-50% + 203px),-50%);
                    -moz-transform: translate(calc(-50% + 203px),-50%);
                    transform: translate(calc(-50% + 203px),-50%);
                    transition-delay: 0s;
                }
                .adjusted .swiper-slide .img.left,
                .adjusted .swiper-slide .content:hover .img.left {
                    -webkit-transform: translate(calc(-50% - 113px),-50%);
                    -moz-transform: translate(calc(-50% - 113px),-50%);
                    transform: translate(calc(-50% - 113px),-50%);
                    transition-delay: 0s;
                }
                .adjusted .swiper-slide .img.right,
                .adjusted .swiper-slide .content:hover .img.right {
                    -webkit-transform: translate(calc(-50% + 113px),-50%);
                    -moz-transform: translate(calc(-50% + 113px),-50%);
                    transform: translate(calc(-50% + 113px),-50%);
                    transition-delay: 0s;
                }
                .adjusted .swiper-slide-active .img.extra-left {
                    -webkit-transform: translate(calc(-50% - 286px),-50%);
                    -moz-transform: translate(calc(-50% - 286px),-50%);
                    transform: translate(calc(-50% - 286px),-50%);
                    transition-delay: 0.35s;
                }
                .adjusted .swiper-slide-active .img.extra-right {
                    -webkit-transform: translate(calc(-50% + 286px),-50%);
                    -moz-transform: translate(calc(-50% + 286px),-50%);
                    transform: translate(calc(-50% + 286px),-50%);
                    transition-delay: 0.35s;
                }
                .adjusted .swiper-slide-active .img.left {
                    -webkit-transform: translate(calc(-50% - 143px),-50%);
                    -moz-transform: translate(calc(-50% - 143px),-50%);
                    transform: translate(calc(-50% - 143px),-50%);
                    transition-delay: 0.35s;
                }
                .adjusted .swiper-slide-active .img.right {
                    -webkit-transform: translate(calc(-50% + 143px),-50%);
                    -moz-transform: translate(calc(-50% + 143px),-50%);
                    transform: translate(calc(-50% + 143px),-50%);
                    transition-delay: 0.35s;
                }
                .adjusted .swiper-slide .discover {
                    top: calc(50% + 85px);
                }
                .adjusted .swiper-slide h1 {
                    font-size: 52px;
                    line-height: 62px;
                }

            /* Diagonal */
                .diagonal .swiper-slide .img {
                    width: 140px;
                }
                .diagonal .swiper-slide .img.extra-left,
                .diagonal .swiper-slide .content:hover .img.extra-left {
                    -webkit-transform: translate(calc(-50% - 240px),calc(-50% + 40px));
                    -moz-transform: translate(calc(-50% - 240px),calc(-50% + 40px));
                    transform: translate(calc(-50% - 240px),calc(-50% + 40px));
                    transition-delay: 0s;
                }
                .diagonal .swiper-slide .img.extra-right,
                .diagonal .swiper-slide .content:hover .img.extra-right {
                    -webkit-transform: translate(calc(-50% + 240px),calc(-50% - 40px));
                    -moz-transform: translate(calc(-50% + 240px),calc(-50% - 40px));
                    transform: translate(calc(-50% + 240px),calc(-50% - 40px));
                    transition-delay: 0s;
                }
                .diagonal .swiper-slide .img.left,
                .diagonal .swiper-slide .content:hover .img.left {
                    -webkit-transform: translate(calc(-50% - 120px),calc(-50% + 20px));
                    -moz-transform: translate(calc(-50% - 120px),calc(-50% + 20px));
                    transform: translate(calc(-50% - 120px),calc(-50% + 20px));
                    transition-delay: 0s;
                }
                .diagonal .swiper-slide .img.right,
                .diagonal .swiper-slide .content:hover .img.right {
                    -webkit-transform: translate(calc(-50% + 120px),calc(-50% - 20px));
                    -moz-transform: translate(calc(-50% + 120px),calc(-50% - 20px));
                    transform: translate(calc(-50% + 120px),calc(-50% - 20px));
                    transition-delay: 0s;
                }
                .diagonal .swiper-slide-active .img.extra-left {
                    -webkit-transform: translate(calc(-50% - 280px),calc(-50% + 80px));
                    -moz-transform: translate(calc(-50% - 280px),calc(-50% + 80px));
                    transform: translate(calc(-50% - 280px),calc(-50% + 80px));
                    transition-delay: 0.35s;
                }
                .diagonal .swiper-slide-active .img.extra-right {
                    -webkit-transform: translate(calc(-50% + 280px),calc(-50% - 80px));
                    -moz-transform: translate(calc(-50% + 280px),calc(-50% - 80px));
                    transform: translate(calc(-50% + 280px),calc(-50% - 80px));
                    transition-delay: 0.35s;
                }
                .diagonal .swiper-slide-active .img.left {
                    -webkit-transform: translate(calc(-50% - 140px),calc(-50% + 40px));
                    -moz-transform: translate(calc(-50% - 140px),calc(-50% + 40px));
                    transform: translate(calc(-50% - 140px),calc(-50% + 40px));
                    transition-delay: 0.35s;
                }
                .diagonal .swiper-slide-active .img.right {
                    -webkit-transform: translate(calc(-50% + 140px),calc(-50% - 40px));
                    -moz-transform: translate(calc(-50% + 140px),calc(-50% - 40px));
                    transform: translate(calc(-50% + 140px),calc(-50% - 40px));
                    transition-delay: 0.35s;
                }
                .diagonal .swiper-slide .discover {
                    top: calc(50% + 85px);
                }
                .diagonal .swiper-slide h1 {
                    font-size: 52px;
                    line-height: 62px;
                }

            /* Featured */
                .featured .swiper-slide .img {
                    width: 620px;
                    height: auto;
                }
                .featured .swiper-slide .discover {
                    top: calc(50% + 110px);
                }
                .featured .swiper-slide h1 {
                    font-size: 52px;
                    line-height: 62px;
                }

            /* Slider */
                .slider .swiper-slide h1 {
                    font-size: 52px;
                    line-height: 62px;
                }
    
            /* Text */
                .text-slider .content a,
                .text-slider .content a:nth-child(2n) {
                    position: relative;
                    display: block;
                    font-size: 40px;
                    padding-right: 0;
                    padding-left: 0;
                    line-height: 62px;
                    margin-bottom: 50px;
                    opacity: 1;
                }
                .text-slider .content a::after {
                    display: none;
                }
                .text-slider .content:hover a {
                    opacity: 1;
                }
    
            /* Grid */
                .projects-grid .container {
                    width: 100%;
                    margin: 60px 0;
                    padding: 0 80px;
                }
                .projects-grid article {
                    width: 48%;
                    margin-right: 4%;
                    margin-bottom: 60px;
                }
                .projects-grid article:nth-child(2n) {
                    margin-right: 0;
                }
                .projects-grid article .img h2 {
                    font-size: 22px;
                    line-height: 32px;
                }
    
            /* Single */
                .single-project .container {
                    width: 100%;
                    margin: 60px 0;
                    padding: 0 80px;
                }
    }
    @media only screen and (max-height : 700px) {
    

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

            /* Global */
                .swiper-pagination,
                .swiper-next,
                .swiper-prev {
                    display: none;
                }

            /* Layered */
                .layered .swiper-slide .content {
                    height: calc(100% - 300px);
                    -webkit-transform: translateY(-50%);
                    -moz-transform: translateY(-50%);
                    transform: translateY(-50%);
                }
                .layered .swiper-slide .img.center {
                    width: 350px;
                    height: auto;
                    top: 50%;
                    -webkit-transform: translate(-50%,-50%);
                    -moz-transform: translate(-50%,-50%);
                    transform: translate(-50%,-50%);
                }
                .layered .swiper-slide .img.left, 
                .layered .swiper-slide .img.right {
                    width: 120px;
                    height: auto;
                    top: 50%;
                    -webkit-transform: translate(-270%,-50%);
                    -moz-transform: translate(-270%,-50%);
                    transform: translate(-270%,-50%);
                }
                .layered .swiper-slide .img.right {
                    -webkit-transform: translate(170%,-50%);
                    -moz-transform: translate(170%,-50%);
                    transform: translate(170%,-50%);
                }
                .layered .swiper-slide .content:hover .img.left {
                    -webkit-transform: translate(-190%,-50%);
                    -moz-transform: translate(-190%,-50%);
                    transform: translate(-190%,-50%);
                }
                .layered .swiper-slide .content:hover .img.right {
                    -webkit-transform: translate(90%,-50%);
                    -moz-transform: translate(90%,-50%);
                    transform: translate(90%,-50%);
                }
                .layered .swiper-slide .discover {
                    top: calc(50% + 85px);
                }

            /* Adjusted */
                .adjusted .swiper-slide .img.extra-left,
                .adjusted .swiper-slide .img.extra-right,
                .adjusted .swiper-slide .img.center {
                    width: 105px;
                }
                .adjusted .swiper-slide .img.left,
                .adjusted .swiper-slide .img.right {
                    width: 181px;
                    z-index: 2;
                }
                .adjusted .swiper-slide .img.extra-left,
                .adjusted .swiper-slide .content:hover .img.extra-left {
                    -webkit-transform: translate(calc(-50% - 203px),-50%);
                    -moz-transform: translate(calc(-50% - 203px),-50%);
                    transform: translate(calc(-50% - 203px),-50%);
                    transition-delay: 0s;
                }
                .adjusted .swiper-slide .img.extra-right,
                .adjusted .swiper-slide .content:hover .img.extra-right {
                    -webkit-transform: translate(calc(-50% + 203px),-50%);
                    -moz-transform: translate(calc(-50% + 203px),-50%);
                    transform: translate(calc(-50% + 203px),-50%);
                    transition-delay: 0s;
                }
                .adjusted .swiper-slide .img.left,
                .adjusted .swiper-slide .content:hover .img.left {
                    -webkit-transform: translate(calc(-50% - 113px),-50%);
                    -moz-transform: translate(calc(-50% - 113px),-50%);
                    transform: translate(calc(-50% - 113px),-50%);
                    transition-delay: 0s;
                }
                .adjusted .swiper-slide .img.right,
                .adjusted .swiper-slide .content:hover .img.right {
                    -webkit-transform: translate(calc(-50% + 113px),-50%);
                    -moz-transform: translate(calc(-50% + 113px),-50%);
                    transform: translate(calc(-50% + 113px),-50%);
                    transition-delay: 0s;
                }
                .adjusted .swiper-slide-active .img.extra-left {
                    -webkit-transform: translate(calc(-50% - 286px),-50%);
                    -moz-transform: translate(calc(-50% - 286px),-50%);
                    transform: translate(calc(-50% - 286px),-50%);
                    transition-delay: 0.35s;
                }
                .adjusted .swiper-slide-active .img.extra-right {
                    -webkit-transform: translate(calc(-50% + 286px),-50%);
                    -moz-transform: translate(calc(-50% + 286px),-50%);
                    transform: translate(calc(-50% + 286px),-50%);
                    transition-delay: 0.35s;
                }
                .adjusted .swiper-slide-active .img.left {
                    -webkit-transform: translate(calc(-50% - 143px),-50%);
                    -moz-transform: translate(calc(-50% - 143px),-50%);
                    transform: translate(calc(-50% - 143px),-50%);
                    transition-delay: 0.35s;
                }
                .adjusted .swiper-slide-active .img.right {
                    -webkit-transform: translate(calc(-50% + 143px),-50%);
                    -moz-transform: translate(calc(-50% + 143px),-50%);
                    transform: translate(calc(-50% + 143px),-50%);
                    transition-delay: 0.35s;
                }
                .adjusted .swiper-slide .discover {
                    top: calc(50% + 85px);
                }
                .adjusted .swiper-slide h1 {
                    font-size: 52px;
                    line-height: 62px;
                }
            
            /* Diagonal */
                .diagonal .swiper-slide .img {
                    width: 140px;
                }
                .diagonal .swiper-slide .img.extra-left,
                .diagonal .swiper-slide .content:hover .img.extra-left {
                    -webkit-transform: translate(calc(-50% - 240px),calc(-50% + 40px));
                    -moz-transform: translate(calc(-50% - 240px),calc(-50% + 40px));
                    transform: translate(calc(-50% - 240px),calc(-50% + 40px));
                    transition-delay: 0s;
                }
                .diagonal .swiper-slide .img.extra-right,
                .diagonal .swiper-slide .content:hover .img.extra-right {
                    -webkit-transform: translate(calc(-50% + 240px),calc(-50% - 40px));
                    -moz-transform: translate(calc(-50% + 240px),calc(-50% - 40px));
                    transform: translate(calc(-50% + 240px),calc(-50% - 40px));
                    transition-delay: 0s;
                }
                .diagonal .swiper-slide .img.left,
                .diagonal .swiper-slide .content:hover .img.left {
                    -webkit-transform: translate(calc(-50% - 120px),calc(-50% + 20px));
                    -moz-transform: translate(calc(-50% - 120px),calc(-50% + 20px));
                    transform: translate(calc(-50% - 120px),calc(-50% + 20px));
                    transition-delay: 0s;
                }
                .diagonal .swiper-slide .img.right,
                .diagonal .swiper-slide .content:hover .img.right {
                    -webkit-transform: translate(calc(-50% + 120px),calc(-50% - 20px));
                    -moz-transform: translate(calc(-50% + 120px),calc(-50% - 20px));
                    transform: translate(calc(-50% + 120px),calc(-50% - 20px));
                    transition-delay: 0s;
                }
                .diagonal .swiper-slide-active .img.extra-left {
                    -webkit-transform: translate(calc(-50% - 280px),calc(-50% + 80px));
                    -moz-transform: translate(calc(-50% - 280px),calc(-50% + 80px));
                    transform: translate(calc(-50% - 280px),calc(-50% + 80px));
                    transition-delay: 0.35s;
                }
                .diagonal .swiper-slide-active .img.extra-right {
                    -webkit-transform: translate(calc(-50% + 280px),calc(-50% - 80px));
                    -moz-transform: translate(calc(-50% + 280px),calc(-50% - 80px));
                    transform: translate(calc(-50% + 280px),calc(-50% - 80px));
                    transition-delay: 0.35s;
                }
                .diagonal .swiper-slide-active .img.left {
                    -webkit-transform: translate(calc(-50% - 140px),calc(-50% + 40px));
                    -moz-transform: translate(calc(-50% - 140px),calc(-50% + 40px));
                    transform: translate(calc(-50% - 140px),calc(-50% + 40px));
                    transition-delay: 0.35s;
                }
                .diagonal .swiper-slide-active .img.right {
                    -webkit-transform: translate(calc(-50% + 140px),calc(-50% - 40px));
                    -moz-transform: translate(calc(-50% + 140px),calc(-50% - 40px));
                    transform: translate(calc(-50% + 140px),calc(-50% - 40px));
                    transition-delay: 0.35s;
                }
                .diagonal .swiper-slide .discover {
                    top: calc(50% + 85px);
                }
                .diagonal .swiper-slide h1 {
                    font-size: 52px;
                    line-height: 62px;
                }

            /* Featured */
                .featured .swiper-slide .img {
                    width: 620px;
                    height: auto;
                }
                .featured .swiper-slide .discover {
                    top: calc(50% + 110px);
                }
                .featured .swiper-slide h1 {
                    font-size: 52px;
                    line-height: 62px;
                }

            /* Slider */
                .slider .swiper-slide h1 {
                    font-size: 52px;
                    line-height: 62px;
                }
    }
    @media only screen and (min-width : 600px) {

        /* WordPress Defaults */
            div[class^='gallery-columns-1'] .gallery-item, div[class*='gallery-columns-1'] .gallery-item {
                width: 100%;
                margin: 0 0 16px 0!important;
            }
            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.33333% - 10.66667px);
                margin-right: 16px!important;
            }
            div[class^='gallery-columns-4'] .gallery-item, div[class*='gallery-columns-4'] .gallery-item {
                width: calc(25% - 12px);
                margin-right: 16px!important;
            }
            div[class^='gallery-columns-5'] .gallery-item, div[class*='gallery-columns-5'] .gallery-item {
                width: calc(20% - 12.8px);
                margin-right: 16px!important;
            }
            div[class^='gallery-columns-6'] .gallery-item, div[class*='gallery-columns-6'] .gallery-item {
                width: calc(16.66667% - 13.33333px);
                margin-right: 16px!important;
            }
            div[class^='gallery-columns-7'] .gallery-item, div[class*='gallery-columns-7'] .gallery-item {
                width: calc(14.28571% - 13.71429px);
                margin-right: 16px!important;
            }
            div[class^='gallery-columns-8'] .gallery-item, div[class*='gallery-columns-8'] .gallery-item {
                width: calc(12.5% - 14px);
                margin-right: 16px!important;
            }
            div[class^='gallery-columns-9'] .gallery-item, div[class*='gallery-columns-9'] .gallery-item {
                width: calc(11.111111% - 14.222222px);
                margin-right: 16px!important;
            }
            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-9'] .gallery-item:nth-of-type(9n),
            div[class*='gallery-columns-9'] .gallery-item:nth-of-type(9n) {
                margin-right: 0!important;
            }
    }

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


        /* ----------------------   */
        /* Basics                   */
        /* ----------------------   */
            h1 {
                font-size: 28px;
                line-height: 34px;
            }
            h2 {
                font-size: 22px;
                line-height: 32px;
            }
            h3 {
                font-size: 18px;
                line-height: 28px;
            }

        /* ----------------------   */
        /* Elements                 */
        /* ----------------------   */
            .one-half,
            .one-third,
            .one-fourth,
            .one-fifth,
            .two-third,
            .two-fifth {
                width: 100%!important;
            }
            .social-profiles li {
                padding: 0 10px 10px;
            }

        /* ----------------------   */
        /* Header                   */
        /* ----------------------   */
            header {
                padding: 0 40px;
            }
            header.showNav .logo {
                left: 40px;
            }
            header.showNav .menu-icon {
                right: 40px;
            }
            header > nav > ul > li {
                line-height: 16px;
            }
            header > nav > ul > li > a {
                font-size: 24px;
            }
            header > nav > ul > li ul a, 
            header > nav > ul > li ul ul a, 
            header > nav > ul > li ul ul ul a {
                font-size: 14px;
            }
            header > nav > ul > li > ul > li:last-child {
                padding-bottom: 0;
            }

        /* ----------------------   */
        /* Footer                   */
        /* ----------------------   */
            footer,
            footer.showNav,
            .footer-absolute footer {
                text-align: center;
                bottom: 0;
                left: 0;
                width: 100%;
                padding: 50px 30px;
                position: relative;
                height: auto;
            }
            .footer-absolute footer .copyrights,
            .footer-absolute footer .social-links {
                position: relative;
            }
            footer .social-links {
                right: auto;
                bottom: auto;
                width: 100%;
                position: relative;
                top: auto;
                float: none;
                transform: none;
                margin-bottom: 8px;
            }
            footer .copyrights {
                left: auto;
                bottom: auto;
                top: 0;
                position: relative;
                float: none;
                transform: none;
            }
            footer .copyrights p:not(.text-1) {
                display: block;
            }

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

            /* Global */
                main.page {
                    width: 100%;
                    margin: 50px 0;
                    padding: 0 40px;
                }
                .page .cover.image {
                    margin-bottom: 38px;
                }
                .page .cover.image-with-text,
                .page .cover.image-with-text.with-subtitle {
                    height: 180px;
                    margin-bottom: 50px;
                }
                .page .cover.image-with-text h1 {
                    font-size: 26px;
                    line-height: 36px;
                }
                .page .cover.image-with-text::after {
                    display: none;
                }
                .page .content .name {
                    font-size: 26px;
                    padding-bottom: 30px;
                    margin-bottom: 30px;
                    line-height: 26px;
                }
                .page .call-to-action {
                    padding-top: 70px;
                }
                .page .call-to-action span {
                    font-size: 14px;
                }
                .page .call-to-action a {
                    font-size: 26px;
                    line-height: 36px;
                }

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

            /* Global */
                main.blog,
                main.blog-single {
                    width: 100%;
                    margin: 50px 0;
                    padding: 0 40px;
                }

            .blog article h2 a {
                font-size: 26px;
            }
            .blog-single article {
                margin-bottom: 60px;
            }
            .blog-single article,
            .blog-single .sidebar {
                float: none;
                width: 100%;
            }

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

            /* Layered */
                .layered .swiper-slide .img.center {
                    width: 240px;
                }
                .layered .swiper-slide .img.left, 
                .layered .swiper-slide .img.right {
                    display: none;
                }
                .layered .swiper-slide h1 {
                    font-size: 28px;
                    line-height: 38px;
                }
                .layered .swiper-slide .discover {
                    top: calc(50% + 28px);
                }

            /* Adjusted */
                .adjusted .swiper-slide .img.extra-left,
                .adjusted .swiper-slide .img.extra-right,
                .adjusted .swiper-slide .img.center,
                .adjusted .swiper-slide .img.right {
                    display: none;
                }
                .adjusted .swiper-slide .img.left,
                .adjusted .swiper-slide-active .img.left,
                .adjusted .swiper-slide .content:hover .img.left {
                    width: 130px;
                    -webkit-transform: translate(-50%,-50%);
                    -moz-transform: translate(-50%,-50%);
                    transform: translate(-50%,-50%);
                    transition-delay: 0s;
                }
                .adjusted .swiper-slide .discover {
                    top: calc(50% + 40px);
                }
                .adjusted .swiper-slide h1 {
                    font-size: 28px;
                    line-height: 38px;
                }

            /* Diagonal */
                .diagonal .swiper-slide .img.extra-left,
                .diagonal .swiper-slide .img.extra-right,
                .diagonal .swiper-slide .img.left,
                .diagonal .swiper-slide .img.right {
                    display: none;
                }
                .diagonal .swiper-slide .img.center,
                .diagonal .swiper-slide-active .img.center,
                .diagonal .swiper-slide .content:hover .img.center {
                    width: 130px;
                    -webkit-transform: translate(-50%,-50%);
                    -moz-transform: translate(-50%,-50%);
                    transform: translate(-50%,-50%);
                    transition-delay: 0s;
                }
                .diagonal .swiper-slide .discover {
                    top: calc(50% + 40px);
                }
                .diagonal .swiper-slide h1 {
                    font-size: 28px;
                    line-height: 38px;
                }

            /* Featured */
                .featured .swiper-slide .img {
                    width: 320px;
                    height: auto;
                }
                .featured .swiper-slide .discover {
                    top: calc(50% + 35px);
                }
                .featured .swiper-slide h1 {
                    font-size: 28px;
                    line-height: 38px;
                }

            /* Slider */
                .slider .swiper-slide .text {
                    -webkit-transform: translate(0, -50%);
                    -moz-transform: translate(0, -50%);
                    transform: translate(0, -50%);
                }
                .slider .swiper-slide h1 {
                    font-size: 28px;
                    line-height: 38px;
                    margin-bottom: 0;
                    padding-bottom: 0;
                }
                .slider .swiper-slide h1::after,
                .slider .swiper-slide .discover {
                    display: none;
                }
            
            /* Text */
                .text-slider .content a,
                .text-slider .content a:nth-child(2n) {
                    font-size: 26px;
                    line-height: 36px;
                }
                .text-slider .content a .wrap {
                    width: 350px;
                    height: 200px;
                }
    
            /* Grid */
                .projects-grid .container {
                    padding: 0 40px;
                }
                .projects-grid article {
                    width: 100%;
                    margin-right: 0;
                    margin-bottom: 80px;
                }
                .projects-grid article:nth-child(2n) {
                    margin-right: 0;
                }
                .projects-grid article .img h2 {
                    font-size: 26px;
                    line-height: 36px;
                }
    
            /* Single */
                .single-project .container {
                    padding: 0 40px;
                }
                .single-project h2 {
                    font-size: 22px;
                    line-height: 34px;
                    padding-bottom: 100px;
                }
                .single-project .images li {
                    width: 100%;
                }
                .single-project .images .left,
                .single-project .images .right,
                .single-project .images .center,
                .single-project .images .right:first-child,
                .single-project .images .right + .left,
                .single-project .images .center + .right,
                .single-project .images .center + .left,
                .single-project .images .left + .right {
                    float: none;
                    margin-right: 0%;
                    width: 100%;
                    margin-top: 80px;
                }
                .single-project .next-project {
                    padding-top: 120px;
                }
    }