/* ---------------------- */
    /* Global                 */
    /* ---------------------- */
    @import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300&family=Noto+Sans:wght@400;700&display=swap');
    @font-face {
        font-family: 'Pyidaungsu';
        font-style:  normal;
        font-weight: normal;
        src: local('Pyidaungsu'),
             url('/++theme++burmese/Pyidaungsu.woff') format('woff'),
             url('/++theme++burmese/Pyidaungsu.ttf')  format('truetype'),
             url('/++theme++burmese/Pyidaungsu.svg#Pyidaungsu') format('svg');
      }

    @font-face {
        font-family: 'GI';
        src: url('../fonts/NotoSerif-Regular.ttf') format('ttf');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'GI';
        src: url('../fonts/gi-regular-web.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
        html {

        }
        html:not(.firefox) {
            margin-right: 0!important;
        }
        body {
            font-family: 'Pyidaungsu';
            padding: 0;
        	line-height: 40px;
            letter-spacing: 0px;
            overflow-x: hidden;
            cursor: default;
            z-index: 0;            
	        color: rgb(82, 81, 81);
            background-color: #fff;
        }
        p {
            -webkit-font-smoothing: antialiased;
            font-family: 'Pyidaungsu';
            font-size: 1.2rem;
            line-height: 1.5;
            margin-bottom: 20px;
        }
        .first-letter {
            float: left;
            font-size: 55px;
            line-height: 1;
            font-weight: bold;
            margin-right: 9px;
        }

       h3 a {
           text-decoration: none!important;
       }
        a {
            color: #ff9900;
            -webkit-transition: all .35s;
            -moz-transition: all .35s;
            transition: all .35s;
        }
        
        a:hover,
        a:focus {
            color: #dc3522;
            outline: 0;
        }
       
        ul {
            font-size: 0;
        }
        ul li {
            font-size: 16px;
        }
        h1, h2, h3, h4, h5, h6 {
            letter-spacing: 0;
            font-weight: normal;
        }
        h1 {
            font-family: 'Pyidaungsu';
            font-size: 80px;
            line-height: 1.5em;
            font-weight: bolder;
            text-align: center;
            margin-bottom: 1em;
        }

        h2 {
        	font-size: 40px;
            font-weight: bold;
            text-align: center;
        	line-height: 42px;
            margin-bottom: 1em;
        }
        h3 {
        	font-size: 25px;
        	line-height: 35px;
            margin-bottom: 5px;
            text-decoration: none;
        }
        h4 {
        	font-size: 20px;
        	line-height: 31px;
        }
        h5 {
        	font-size: 14px;
        	line-height: 25px;
        }
        h6 {
        	font-size: 13px;
        	line-height: 20px;
        }
        hr {
            height: 0.2rem;
            border-width: 0;
        }
        
/*Carousel Gallery*/
.carousel-gallery {
    margin: 50px 0;
    padding: 0 30px;
  }
  .carousel-gallery .swiper-slide a {
    display: block;
    width: 100%;
    height: 600px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 3px 2px 20px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 2px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 2px 20px 0px rgba(0, 0, 0, 0.2);
  }
  .carousel-gallery .swiper-slide a:hover .image .overlay {
    opacity: 1;
  }
  .carousel-gallery .swiper-slide a .image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
  }
  .carousel-gallery .swiper-slide a .image .overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(20, 20, 20, 0.8);
    text-align: center;
    line-height: 25px;
    font-style: normal;
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }
  .carousel-gallery .swiper-slide a .image .overlay em {
    font-family: 'Merriweather Sans', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    margin: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
  }
  .carousel-gallery .swiper-pagination {
    position: relative;
    bottom: auto;
    text-align: center;
    margin-top: 25px;
  }
  .carousel-gallery .swiper-pagination .swiper-pagination-bullet {
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }
  .carousel-gallery .swiper-pagination .swiper-pagination-bullet:hover {
    opacity: 0.7;
  }
  .carousel-gallery .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #d63031;
    transform: scale(1.1, 1.1);
  }

/*------------------------------------------*/
/*	        /* Video */
/*------------------------------------------*/

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:30px;
	right:30px;
	width:90%;
	height:90%;
}

.map{
	position:relative;
	padding-bottom:96%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.map iframe, .map object, .map embed {
	position:absolute;
	top:0;
	left:30px;
	right:30px;
	width:100%;
	height:100%;
}
    /* ---------------------- */
    /* Defaults               */
    /* ---------------------- */

        /* Global */
            html.fullscreen,
            html.fullscreen body,
            html.fullscreen body > .inner-body,
            html.fullwidth,
            html.fullwidth body,
            html.fullwidth body > .inner-body {
                width: 100%;
                height: 100%;
                overflow: hidden;
            }
            body.showNav,
            html.showNav,
            body.showNav > .inner-body {
                width: 100vw;
                height: 100vh!important;
                padding: 0;
                overflow: hidden;
            }
            body.showNav .c-scrollbar {
                display: none;
            }
            main {
                position: relative;
                z-index: 1;
            }
            body > .inner-body {
                position: relative;
                will-change: transform;
            }
            html.fullscreen main {
                width: 100%;
                height: 100%;
                padding: 0;
                overflow: hidden;
            }
            html.fullwidth main {
                width: 100%;
                height: calc(100vh - 380px);
                padding: 0;
                margin: 190px 0;
                overflow: visible;
            }
            html.header-fixed main {

            }
            html.footer-fixed main {

            }
            html:not(.fullwidth) main .inner-container {
                width: 1160px;
                margin: 0 auto;
            }
            html:not(.fullwidth) main .inner-container::after {
                content: "";
                display: block;
                clear: both;
            }
            html main .small-inner-container {
                width: 860px;
                margin: 0 auto;
            }
            html main .small-inner-container::after {
                content: "";
                display: block;
                clear: both;
            }
            main p {
                margin-bottom: 20px;
                letter-spacing: 0;
            }
            main p a,
            main h1 a,
            main h2 a,
            main h3 a,
            main h4 a,
            main h5 a,
            main h6 a,
            main:not(.has-sidebar) ul:not(.social-profiles) li a,
            main.blog-single article ul li a {
                display: inline-block;
                position: relative;
                vertical-align: top;
                line-height: 26px;
                overflow: hidden;
                font-weight: bold;
                text-decoration: none;
            }
            main h1 a {
                line-height: 52px;
            }
            main h2 a {
                line-height: 42px;
            }
            main h3 a {
                line-height: 35px;
                text-decoration: none;
            }
            main h4 a {
                line-height: 31px;
            }
            main h5 a {
                line-height: 25px;
            }
            main h6 a {
                line-height: 20px;
            }
            main p a:before,
            main p a:after,
            main h1 a:before,
            main h1 a:after,
            main h2 a:before,
            main h2 a:after,
            main h3 a:before,
            main h3 a:after,
            main h4 a:before,
            main h4 a:after,
            main h5 a:before,
            main h5 a:after,
            main h6 a:before,
            main h6 a:after,
            main ul:not(.social-profiles) li a:before,
            main ul:not(.social-profiles) li a:after {
                position: absolute;
                display: block;
                content: "";
                height: 1px;
                width: 100%;
                left: 0;
                bottom: 3px;
                z-index: 1;
                background-color: #000000;
                text-decoration: none;
            }
            main p a:before,
            main h1 a:before,
            main h2 a:before,
            main h3 a:before,
            main h4 a:before,
            main h5 a:before,
            main h6 a:before,
            main ul:not(.social-profiles) li a:before {
                width: 200%;
                left: -200%;
                z-index: 2;
                background-color: #ffffff;
                text-decoration: none;
            }
            html.skin-dark main p a:before,
            html.skin-dark main p a:after,
            html.skin-dark main h1 a:before,
            html.skin-dark main h1 a:after,
            html.skin-dark main h2 a:before,
            html.skin-dark main h2 a:after,
            html.skin-dark main h3 a:before,
            html.skin-dark main h3 a:after,
            html.skin-dark main h4 a:before,
            html.skin-dark main h4 a:after,
            html.skin-dark main h5 a:before,
            html.skin-dark main h5 a:after,
            html.skin-dark main h6 a:before,
            html.skin-dark main h6 a:after,
            html.skin-dark main ul:not(.social-profiles) li a:before,
            html.skin-dark main ul:not(.social-profiles) li a:after {
                background-color: #ffffff;
                text-decoration: none;
            }
            html.skin-dark main p a:before,
            html.skin-dark main h1 a:before,
            html.skin-dark main h2 a:before,
            html.skin-dark main h3 a:before,
            html.skin-dark main h4 a:before,
            html.skin-dark main h5 a:before,
            html.skin-dark main h6 a:before,
            html.skin-dark main ul:not(.social-profiles) li a:before {
                background-color: #000000;
                text-decoration: none;
            }
            main p a:hover:before,
            main h1 a:hover:before,
            main h2 a:hover:before,
            main h3 a:hover:before,
            main h4 a:hover:before,
            main h5 a:hover:before,
            main h6 a:hover:before,
            main ul:not(.social-profiles) li a:hover:before {
                left: 100%;
                text-decoration: none;
            }
            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;
            }
            p:empty{
                display:none
            }
            .no-overflow {
                overflow: hidden!important;
            }
            .back-to-top {
                position: fixed;
                top: 90vh;
                right: 42px;
                width: 42px;
                height: 43px;
                font-size: 11px;
                line-height: 44px;
                border-radius: 4px;
                opacity: 0;
                z-index: 99;
                cursor: pointer;
                text-align: center;
                pointer-events: none;
                color: #000;
                background-color: #ddd;
            }
            .back-to-top:hover {
                color: #ddd;
                background-color: #000;
            }
            .back-to-top.active {
                opacity: 1;
                pointer-events: all;
            }
            .font-bold {
                font-weight: bold;
            }
            .has-background {
                background-position: center;
                background-size: cover;
            }
            html.background-dark body,
            body.background-dark,
            .background-dark {
                background-color: #1A1A1A;
            }
            h1.color-light, h2.color-light, h3.color-light, h4.color-light, h5.color-light, h6.color-light {
                color: #fff;
            }
            html.skin-dark body {
                background-color: #1A1A1A;
            }
            html.skin-dark body,
            html.skin-dark p,
            html.skin-dark a,
            html.skin-dark h1,
            html.skin-dark h2,
            html.skin-dark h3,
            html.skin-dark h4,
            html.skin-dark h5,
            html.skin-dark h6 {
                color: #fff;
            }

        /* Preloader */
            @-webkit-keyframes loadingLogo {
                0% {opacity: 1}
                50% {opacity: 0.14}
                100% {opacity: 1}
            }
            @-moz-keyframes loadingLogo {
                0% {opacity: 1}
                50% {opacity: 0.14}
                100% {opacity: 1}
            }
            @keyframes loadingLogo {
                0% {opacity: 1}
                50% {opacity: 0.14}
                100% {opacity: 1}
            }
            @-webkit-keyframes hideLogo {
                0% {opacity: 1}
                100% {opacity: 0}
            }
            @-moz-keyframes hideLogo {
                0% {opacity: 1}
                100% {opacity: 0}
            }
            @keyframes hideLogo {
                0% {opacity: 1}
                100% {opacity: 0}
            }
            @-webkit-keyframes showLogo {
                0% {opacity: 0}
                100% {opacity: 1}
            }
            @-moz-keyframes showLogo {
                0% {opacity: 0}
                100% {opacity: 1}
            }
            @keyframes showLogo {
                0% {opacity: 0}
                100% {opacity: 1}
            }
            body > .preloader {
                position: fixed;
                top: 0;
                left: 0;
                width: 100vw;
                height: 100vh;
                z-index: 999999;
                cursor: default;
                background-color: #000;
                transition: all 0.80s cubic-bezier(0.720, 0.520, 0.505, 0.870);
            }
            body.loaded > .preloader {
                transform: translateY(-100vh);
            }
            body.loaded > .preloader.reset {
                transform: translateY(100vh);
                transition: none;
            }
            body.loaded > .preloader.reset.close {
                transform: translateY(0vh);
                transition: all 0.45s cubic-bezier(0.720, 0.520, 0.505, 0.870);
            }
            body > .preloader img {
                position: absolute;
                top: 50%;
                left: 50%;
                width: 50px;
                opacity: 1;
                transform: translate(-50%, -50%);
            }
            body > .preloader:not(.finished) img {
                -webkit-animation: loadingLogo 1.15s ease;
                -moz-animation:    loadingLogo 1.15s ease;
                -o-animation:      loadingLogo 1.15s ease;
                animation:         loadingLogo 1.15s ease;
                animation-delay: 0.5s;
                animation-iteration-count: infinite;
            }
            body > .preloader.finished img {
                opacity: 0;
                -webkit-animation: hideLogo 0.35s ease;
                -moz-animation:    hideLogo 0.35s ease;
                -o-animation:      hideLogo 0.35s ease;
                animation:         hideLogo 0.35s ease;
            }
            body > .preloader.finished.reset.close img {
                opacity: 1;
                -webkit-animation: none;
                -moz-animation:    none;
                -o-animation:      none;
                animation:         none;
                transition: all 0.25s ease 0.45s;
            }
            body main,
            .portfolio-split-slider-media, 
            .portfolio-split-list-media, 
            #pixi-canvas {
                transform: translateY(130px);
                transition: all 0.80s cubic-bezier(0.740, 0.430, 0.505, 0.870);
            }
            body.loaded main,
            body.loaded .portfolio-split-slider-media,
            body.loaded .portfolio-split-list-media,
            body.loaded #pixi-canvas {
                transform: translateY(0);
            }

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

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

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

        /* Blockquote */
            main blockquote {
                font-size: 18px;
                line-height: 26px;
                position: relative;
                padding: 31px;
                cursor: default;
                text-align: center;
                margin: 0 0 20px;
            }
            main blockquote p:last-of-type {
                margin: 0;
            }
            main blockquote cite {
                margin-top: 16px;
                display: block;
                font-size: 11px;
                text-align: center;
            }

        /* Code & Pre */
            code {
                padding: 20px;
                display: block;
                margin: 10px 0;
            }

        /* Table & Calendar */
            main table {
                margin-bottom: 20px;
                width: 100%;
                table-layout: fixed;
            }
            main table th {
                text-align: left;
                margin: 1px 1px;
                border: 1px solid #000;
                padding: 5px 10px;
            }
            main table td {
                margin: 1px 1px;
                border: 1px solid #000;
                padding: 5px 10px;
            }

        /* Image & Gallery & Figures */
            img.full {
                display: block;
                width: 100%;
                max-width: 100%;
                height: auto;
            }
            img.alignleft,
            img.alignright {
                margin-top: 8px;
            }
            figure {
                position: relative;
                overflow: hidden;
            }
            figure figcaption {
                position: absolute;
                width: 100%;
                left: 0;
                bottom: 0;
                padding: 25px 15px;
                font-size: 13px;
                opacity: 0;
                text-align: center;
                pointer-events: none;
                color: #fff;
                transform: translateY(10px);
                background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%);
                background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%);
                background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%);
                background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%);
            }
            figure:hover figcaption {
                opacity: 1;
                transform: translateY(0px);
            }

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


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

    /* ---------------------- */
    /* Global                 */
    /* ---------------------- */
        header {
            position: relative;
            padding: 70px 100px 20px;
        }
        html.header-absolute header {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 99;
            pointer-events: none;
        }
        html.header-fixed header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 99;
            pointer-events: none;
        }
        header::after {
            content: "";
            display: block;
            clear: both;
        }
        header a {
            color: #000;
        }

    /* ---------------------- */
    /* Logo                   */
    /* ---------------------- */
        header .logo {
            position: relative;
            display: block;
            float: left;
            height: 100px;
            line-height: 100px;
        }
        html.header-absolute header .logo,
        html.header-fixed header .logo {
            z-index: 100;
            pointer-events: all;
        }
        header .logo a {
            display: inline-block;
            max-height: 100px;
            vertical-align: middle;
        }
        header .logo img {
            display: block;
            max-height: 50px;
            width: auto;
        }
        html.logo-dark .logo img,
        html.logo-light .logo img,
        html.logo-light.showNav .logo .light {
            display: none;
        }
        html.logo-light .logo .light,
        html.logo-light.showNav .logo .dark,
        html.logo-dark .logo .dark {
            display: block;
        }
        header.showNav .logo {
            position: absolute;
            left: 100px;
            top: 30px;
        }

    /* ----------------------  */
    /* Navigation - Main Links */
    /* ----------------------  */
        header > nav {
            float: right;
            height: 100px;
        }
        html.header-absolute header > nav,
        html.header-fixed header > nav {
            position: relative;
            z-index: 99;
            pointer-events: all;
        }
        header > nav > ul {
            height: 100px;
            display: table;
        }
        header > nav > ul > li {
            position: relative;
            display: table-cell;
            max-height: 100px;
            vertical-align: middle;
        }
        header > nav > ul > li > a {
            position: relative;
            padding: 0 14px 42px;
            font-size: 14px;
            font-weight: bold;
            color: #6f6f6f;
        }
        header > nav > ul > li > a::after {
            content: "";
        }
        header > nav > ul > li:last-child > a {
            padding-right: 0;
        }
        header > nav > ul > li > a:hover,
        header > nav > ul > li:hover > a,
        header > nav > ul > li.active > a {
            color: #000;
            opacity: 1!important;
        }
        html.menu-color-dark header > nav > ul > li > a {
            color: #000;
            opacity: 1;
        }
        html.menu-color-dark header > nav > ul > li > a:hover {
            opacity: 1;
        }
        html.menu-color-light header > nav > ul > li > a {
            color: #fff;
            opacity: 1;
        }
        html.menu-color-light header > nav > ul > li > a:hover {
            opacity: 1;
        }

    /* ----------------------                  */
    /* Navigation - Dropdown Small (1st Level) */
    /* ----------------------                  */
        header > nav > ul > li:not(.mega-menu) ul {
            position: absolute;
            width: 210px;
            padding: 20px 0;
            top: 100px;
            left: 50%;
            opacity: 0;
            visibility: hidden;
            z-index: 99;
            background-color: #191919;
            box-shadow: 3px 2px 7px 1px rgba(0,0,0,0.35);
            -webkit-transform: translate(-50% , 0);
            -moz-transform: translate(-50% , 0);
            transform: translate(-50% , 0);
        }
        header > nav > ul > li:not(.mega-menu) li {
            position: relative;
            display: block;
            padding: 0 30px 0px;
        }
        header > nav > ul > li:not(.mega-menu) li:last-child {
            padding: 0 30px;
        }
        header > nav > ul > li:not(.mega-menu) li.menu-item-has-children::before {
            position: absolute;
            content: "\f054";
            top: 9px;
            right: 15px;
            font-size: 8px;
            color: #bfbfbf;
            font-family: 'fontawesome' !important;
            speak: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        header > nav > ul > li:not(.mega-menu) li.menu-item-has-children:first-child::before {
            top: 29px;
        }
        header > nav > ul > li:not(.mega-menu) li a {
            display: block;
            font-weight: bold;
            font-size: 13px;
            color: #bfbfbf;
        }
        header > nav > ul > li:not(.mega-menu) li:hover > a,
        header > nav > ul > li:not(.mega-menu) li.active > a,
        header > nav > ul > li:not(.mega-menu) li.menu-item-has-children:hover::before {
            color: #fff;
            opacity: 1;
        }
        header.showNav > nav > ul > li > ul {
            pointer-events: none;
        }
        header.showNav > nav > ul > li > ul.active {
            pointer-events: all;
        }

    /* ----------------------                    */
    /* Navigation - Dropdown Small (More Levels) */
    /* ----------------------                    */
        header > nav > ul > li:not(.mega-menu) ul ul {
            top: -20px;
            left: 100%;
            opacity: 0;
            visibility: hidden;
            transform: none;
            border-left: 1px solid transparent;
        }
        header > nav > ul > li:not(.mega-menu) ul li:first-child ul {
            top: 0;
        }
        header > nav > ul > li:not(.mega-menu) ul ul li {

        }
        header > nav > ul > li:not(.mega-menu).left > ul {
            left: auto;
            right: 0;
            transform: none;
        }
        header > nav > ul > li:not(.mega-menu).left ul ul,
        header > nav > ul > li:not(.mega-menu) li.left ul {
            left: -210px;
            border-left: 0;
            border-right: 2px solid transparent;
        }

    /* ----------------------   */
    /* Navigation - Mega Menu   */
    /* ----------------------   */
        header > nav > ul > li.mega-menu {
            position: static;
        }
        header > nav > ul > li.mega-menu > ul {
            position: absolute;
            opacity: 0;
            visibility: hidden;
            width: calc(100% - 200px);
            top: 170px;
            left: 100px;
            padding: 60px;
            z-index: 99;
            text-align: center;
            background-color: #191919;
            box-shadow: 3px 2px 7px 1px rgba(0,0,0,0.35);
        }
        html.header-absolute:not(.showNav) header > nav > ul > li.mega-menu > ul,
        html.header-fixed:not(.showNav) header > nav > ul > li.mega-menu > ul {
            position: fixed;
        }
        header > nav > ul > li.mega-menu > ul > li {
            display: inline-block;
            padding: 0 50px 0;
            background-color: transparent;
            min-width: 320px;
        }
        header > nav > ul > li.mega-menu.three-columns > ul > li {

        }
        header > nav > ul > li.mega-menu.four-columns > ul > li {
            min-width: 240px;
            padding: 0 30px 0;
        }
        header > nav > ul > li.mega-menu > ul > li:first-child {
            padding-left: 0;
        }
        header > nav > ul > li.mega-menu > ul > li:last-child {
            padding-right: 0;
        }
        header > nav > ul > li.mega-menu > ul h2 {
            position: relative;
            font-size: 18px;
            line-height: 30px;
            margin-bottom: 15px;
            padding-bottom: 15px;
            cursor: default;
            text-align: left;
            border-bottom: 1px solid #676767;
            color: #fff;
        }
        header > nav > ul > li.mega-menu > ul ul {
            position: relative;
            width: auto;
            padding: 0;
            top: auto;
            left: auto;
            opacity: 1;
            display: block;
            z-index: auto;
            box-shadow: none;
            border-left: 0;
            text-align: left;
        }
        header > nav > ul > li.mega-menu > ul > li li:first-child,
        header > nav > ul > li.mega-menu > ul > li li {
            position: relative;
            padding: 0 0 0 14px;
            background-color: transparent;
        }
        header > nav > ul > li.mega-menu > ul > li a {
            font-size: 14px;
            font-weight: bold;
            color: #bfbfbf;
        }
        header > nav > ul > li.mega-menu > ul > li li.active a,
        header > nav > ul > li.mega-menu > ul > li li:hover a {
            color: #fff;
        }
        header > nav > ul > li.mega-menu > ul > li li::before {
            position: absolute;
            content: "";
            top: 13px;
            left: 0;
            width: 5px;
            height: 1px;
            background-color: #bfbfbf;
        }
        header > nav > ul > li.mega-menu > ul > li li:hover a::before {
            background-color: #fff;
        }

    /* ----------------------   */
    /* 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 .menu-icon {
            position: relative;
            display: none;
            top: 45px;
            right: 0;
            width: 32px;
            height: 21px;
            cursor: pointer;
            z-index: 100;
            float: right;
            pointer-events: all;
        }
        header .menu-icon span {
            position: absolute;
            display: block;
            width: 65%;
            height: 2px;
            top: 9px;
            right: 0;
            background-color: #000;
        }
        html.menu-color-dark header .menu-icon span,
        html.menu-color-light.showNav header .menu-icon span {
            background-color: #000;
        }
        html.menu-color-light header .menu-icon span {
            background-color: #fff;
        }
        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 {
            position: relative;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 0;
            z-index: 99;
        }
        header.showNav .menu-icon {
            position: absolute;
            width: 32px;
            height: 22px;
            right: 101px;
            top: 73px;
        }
        header.showNav .menu-icon span {
            width: 55%;
            top: 10px;
        }
        header.showNav .menu-icon span:nth-child(1),
        header.showNav .menu-icon span:nth-child(2),
        header.showNav .menu-icon span:nth-child(3) {
            top: 9px;
            transform: rotate(45deg);
        }
        header.showNav .menu-icon span:nth-child(3){
            transform: rotate(-45deg);
        }
        header.showNav nav {
            position: relative;
            z-index: 99;
            opacity: 1;
            display: block;
            overflow: auto;
            overflow-x: hidden;
            background-color: #fff;
            -webkit-animation: fadeNav 0.5s;
            -moz-animation: fadeNav 0.5s;
            -o-animation: fadeNav 0.5s;
            animation: fadeNav 0.5s;
        }

    /* ---------------------- */
    /* Hover Effects          */
    /* ---------------------- */
        header:not(.showNav) > nav > ul li:hover > ul {
            opacity: 1;
            visibility: visible;
        }
        header:not(.showNav) > nav > ul > li.mega-menu > ul li:hover > ul {
            -webkit-animation-name: none;
            animation-name: none;
        }

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

    /* ---------------------- */
    /* Global                 */
    /* ---------------------- */
        footer {
            position: relative;
            padding: 20px 100px 70px;
        }
        footer::after {
            display: block;
            content: "";
            clear: both;
        }
        html.footer-absolute footer {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            z-index: 99;
            pointer-events: none;
        }
        html.footer-fixed footer {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            z-index: 99;
            pointer-events: none;
        }

    /* ---------------------- */
    /* Copyrights             */
    /* ---------------------- */
        footer .copyrights {
            position: relative;
            float: left;
            height: 100px;
            width: 50%;
            overflow: hidden;
            z-index: 99;
            pointer-events: all;
        }
        footer .copyrights .inner {
            position: absolute;
            top: 37px;
            left: 0;
            height: 26px;
            overflow: hidden;
        }
        footer .copyrights p {
            font-size: 13px;
            font-weight: bold;
            cursor: default;
            color: #6f6f6f;
        }
        html.copyrights-color-light footer .copyrights p {
            color: #fff;
            opacity: 0.4;
        }
        html.copyrights-color-dark footer .copyrights p {
            color: #6f6f6f;
            opacity: 0.4;
        }
        html.copyrights-color-light footer .copyrights p:hover,
        html.copyrights-color-dark footer .copyrights p:hover {
            opacity: 1;
        }
        html.footer-absolute footer .copyrights p,
        html.footer-fixed footer .copyrights p {
            position: relative;
            z-index: 100;
        }
        footer .copyrights a {
            display: inline-block;
            position: relative;
            vertical-align: top;
            line-height: 28px;
            overflow: hidden;
            font-weight: bold;
        }
        footer.background-dark .copyrights a {
            color: #fff;
        }
        html.copyrights-color-light footer .copyrights a {
            color: #fff;
        }
        html.copyrights-color-dark footer .copyrights a {
            color: #000;
        }
        footer .copyrights a:before,
        footer .copyrights a:after {
            position: absolute;
            display: block;
            content: "";
            height: 1px;
            width: 100%;
            left: 0;
            bottom: 3px;
            z-index: 1;
            background-color: #000000;
        }
        footer .copyrights a:before {
            width: 250%;
            left: -250%;
            z-index: 2;
            background-color: #ffffff;
        }
        html.skin-dark footer .copyrights a:after,
        footer.background-dark .copyrights a:after {
            background-color: #ffffff;
        }
        html.skin-dark footer .copyrights a:before,
        footer.background-dark .copyrights a:before {
            background-color: #000;
        }
        html.copyrights-color-light footer .copyrights a:before,
        html.copyrights-color-dark footer .copyrights a:after {
            background-color: #000;
        }
        html.copyrights-color-dark footer .copyrights a:before,
        html.copyrights-color-light footer .copyrights a:after {
            background-color: #fff;
        }
        footer .copyrights a:hover:before {
            left: 100%;
        }
        footer .copyrights .inner:hover .word, 
        footer .copyrights .inner:hover .text {
            transform: translateY(-28px);
        }

    /* ---------------------- */
    /* Social Icons           */
    /* ---------------------- */
        footer .social-links {
            position: relative;
            float: right;
            height: 100px;
            max-width: 50%;
            overflow: hidden;
            z-index: 99;
            pointer-events: all;
        }
        footer .social-links ul {
            position: relative;
            height: 100px;
            display: table;
        }
        footer .social-links ul li {
            display: table-cell;
            vertical-align: middle;
            padding: 0 8px 0;
        }
        html.footer-absolute footer .social-links ul li,
        html.footer-fixed footer .social-links ul li {
            position: relative;
            z-index: 100;
        }
        footer .social-links ul li:first-child {
            padding-left: 0;
        }
        footer .social-links ul li:last-child {
            padding-right: 0;
        }
        footer .social-links ul li a {
            font-size: 14px;
            color: #6f6f6f;
        }
        footer .social-links ul li a:hover {
            color: #000;
        }
        html.skin-dark footer .social-links ul li a:hover {
            color: #fff;
        }
        footer.background-dark .social-links ul li a:hover {
            color: #fff;
        }
        html.social-links-color-dark footer .social-links ul li a {
            color: #000;
            opacity: 0.4;
        }
        html.social-links-color-dark footer .social-links ul li a:hover {
            opacity: 1;
        }
        html.social-links-color-light footer .social-links ul li a {
            color: #fff;
            opacity: 0.4;
        }
        html.social-links-color-light footer .social-links ul li a:hover {
            opacity: 1;
        }

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

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

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

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

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

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

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

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

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

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

    /* ---------------------- */
    /* Slideshow              */
    /* ---------------------- */

        /* Global */
            .flexslider {
                position: relative;
            }
            .flexslider ul {
                position: relative;
            }
            .flexslider li {
                position: relative;
                width: 100%;
            }
            .flexslider .nav {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }
            .flexslider:not(.gallery) .prev,
            .flexslider:not(.gallery) .next {
                position: absolute;
                top: 50%;
                width: 36px;
                height: 36px;
                line-height: 36px;
                font-size: 10px;
                z-index: 2;
                opacity: 0.7;
                text-align: center;
                cursor: pointer;
                -webkit-transform: translate(0, -50%);
                -moz-transform: translate(0, -50%);
                transform: translate(0, -50%);
                font-family: 'fontawesome';
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                color: #fff;
                background-color: #000;
            }
            .flexslider:not(.gallery) .next {
                right: 20px;
            }
            .flexslider:not(.gallery) .next::before {
                content: "\f054";
            }
            .flexslider:not(.gallery) .prev {
                left: 20px;
            }
            .flexslider:not(.gallery) .prev::before {
                content: "\f053";
            }

            .flexslider:not(.gallery) .prev:hover,
            .flexslider:not(.gallery) .next:hover {
                opacity: 1;
            }

        /* Full */
            .flexslider.full {
                width: 100%;
                height: 100%;
            }
            .flexslider.full ul {
                width: 100%;
                height: 100%;
            }
            .flexslider.full li {
                height: 100%;
                background-position: center;
                background-size: cover;
            }
            .flexslider.full li .image-caption {
                position: absolute;
                bottom: 10px;
                left: 50%;
                padding: 10px 15px;
                font-size: 13px;
                opacity: 1;
                pointer-events: none;
                -webkit-transform: translate(-50%, 0);
                -moz-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
            }

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

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

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

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

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

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

    /* ---------------------- */
    /* Behance Gallery Grid   */
    /* ---------------------- */
        .gallery.grid.style-behance {
            padding: 4px;
            background-color: #000;
        }
        .gallery.grid.style-behance::after {
            display: block;
            content: "";
            clear: both;
        }
        .gallery.grid.style-behance figure {
            position: relative;
            float: left;
            padding: 4px;
            background-color: #000;
        }
        .gallery.grid.style-behance.two-columns figure {
            width: 50%;
        }
        .gallery.grid.style-behance.three-columns figure {
            width: 33.333%;
        }
        .gallery.grid.style-behance.four-columns figure {
            width: 25%;
        }
        .gallery.grid.style-behance.two-columns figure.size-wide {
            width: 100%;
        }
        .gallery.grid.style-behance.three-columns figure.size-wide {
            width: 66.666%;
        }
        .gallery.grid.style-behance.four-columns figure.size-wide {
            width: 50%;
        }
        .gallery.grid figure a {
            display: block;
            width: 100%;
            height: auto;
        }
        .gallery.grid figure img {
            display: block;
            width: 100%;
            height: auto;
            object-fit: cover;
            object-position: center;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            .plyr__time {
            font-size: 14px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    /* ---------------------- */
    /* Global                 */
    /* ---------------------- */
        .portfolio {

        }

    /* ---------------------- */
    /* Pixi                   */
    /* ---------------------- */
        canvas#pixi-canvas {
            position: fixed;
            top: 0px;
            z-index: 8;
            visibility: visible;
        }
        .pixi {
            width: 100%;
            height: auto;
            overflow: hidden;
            visibility: hidden;
        }
        .pixi .projects-container {
            height: 0px;
        }
        .pixi img {
            display: none;
        }
        .pixi .mobile {
            display: none;
            position: relative;
        }
        .pixi .mobile::before {
            position: absolute;
            display: block;
            content: "";
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0.2;
            pointer-events: none;
            background-color: #000;
        }
        .pixi .mobile img {
            display: block;
        }
        .pixi .mobile span {
            position: absolute;
            top: 50%;
            left: 50%;
            font-size: 52px;
            line-height: 60px;
            z-index: 3;
            color: #fff;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

    /* ---------------------- */
    /* Split List             */
    /* ---------------------- */
        .portfolio-split-list-media {
            position: fixed;
            width: 50%;
            height: 100%;
            top: 0;
            left: 50%;
            overflow: hidden;
        }
        .portfolio-split-list-media .image,
        .portfolio-split-list-media .video {
            position: absolute;
            display: block;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            opacity: 0;
            visibility: hidden;
            -webkit-transform: scale(1.03);
            -moz-transform: scale(1.03);
            transform: scale(1.03);
        }
        .portfolio-split-list-media .active {
            transition-delay: 0.1s;
            opacity: 1;
            visibility: visible;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            transform: scale(1);
        }
        .portfolio.split-list {
            position: relative;
            width: 50%;
            overflow: hidden;
            padding: 300px 50px 100px 270px;
        }
        .portfolio.split-list article {
            position: relative;
            display: block;
            margin: 0;
            padding: 0;
            opacity: 0.4;
        }
        .portfolio.split-list article.active {
            opacity: 1;
        }
        .portfolio.split-list article a {
            position: relative;
            display: inline-block;
            margin: 0;
            padding: 0;
        }
        .portfolio.split-list article .media {
            position: relative;
            display: none;
        }
        .portfolio.split-list article .media img {
            position: relative;
            display: block;
            width: 100%;
        }
        .portfolio.split-list article .media::after {
            position: absolute;
            display: block;
            content: "";
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #000;
            opacity: 0.2;
        }
        .portfolio.split-list article .text {
            display: block;
            text-align: left;
            padding: 22px 0;
        }
        .portfolio.split-list.has-thumbnails article .text {
            padding: 15px 0;
        }
        .portfolio.split-list article h2 {
            position: relative;
            display: inline-block;
            font-size: 64px;
            line-height: 74px;
            margin: 0;
            color: #000;
        }
        .portfolio.split-list.has-thumbnails article h2 {
            font-size: 42px;
            line-height: 49px;
        }
        .portfolio.split-list article span.date {
            display: inline-block;
            position: absolute;
            top: -17px;
            right: -40px;
            font-size: 14px;
            line-height: 22px;
            color: #000;
            opacity: 1;
            pointer-events: none;
        }
        .portfolio.split-list.has-thumbnails article span.date {

        }
        .portfolio.split-list.has-thumbnails article .thumbnails {
            position: absolute;
            top: 0;
            right: 35px;
            height: 100%;
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
        }
        .portfolio.split-list.has-thumbnails article .thumbnails.active {
            opacity: 1;
            visibility: visible;
        }
        .portfolio.split-list.has-thumbnails article .thumbnails img {
            position: absolute;
            top: 50%;
            right: 0;
            max-width: 160px;
            max-height: 160px;
            opacity: 0;
            visibility: hidden;
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            transform: translate(0, -50%);
            will-change: opacity;
        }
        .portfolio.split-list.has-thumbnails article .thumbnails img.active {
            transition-delay: 0.1s;
            opacity: 1;
            visibility: visible;
        }

    /* ---------------------- */
    /* Split Slider           */
    /* ---------------------- */
        .portfolio-split-slider-media {
            position: fixed;
            width: 50%;
            height: 100%;
            top: 0;
            left: 50%;
            overflow: hidden;
        }
        .portfolio-split-slider-media::after {
            position: absolute;
            display: block;
            content: "";
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #000;
            opacity: 0.1;
        }
        .portfolio-split-slider-media .image,
        .portfolio-split-slider-media .video {
            position: absolute;
            display: block;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            opacity: 0;
            visibility: hidden;
            -webkit-transform: scale(1.03);
            -moz-transform: scale(1.03);
            transform: scale(1.03);
        }
        .portfolio-split-slider-media .active {
            transition-delay: 0.1s;
            opacity: 1;
            visibility: visible;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            transform: scale(1);
        }
        .portfolio.split-slider {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        .portfolio.split-slider .swiper-container {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        .portfolio.split-slider .swiper-wrapper {
            will-change: transform;
        }
        .portfolio.split-slider article {
            position: relative;
            display: block;
            float: left;
            width: 100vw;
            height: 100%;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        .portfolio.split-slider article a {
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        .portfolio.split-slider article .media {
            position: relative;
            display: none;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        .portfolio.split-slider article .media img {
            position: relative;
            display: block;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
        .portfolio.split-slider article .media::after {
            position: absolute;
            display: block;
            content: "";
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #000;
            opacity: 0.2;
        }
        .portfolio.split-slider article .black-text {
            position: absolute;
            display: block;
            width: 50%;
            height: 100%;
            top: 0;
            left: 0;
            overflow: hidden;
        }
        .portfolio.split-slider article .white-text {
            position: absolute;
            display: block;
            width: 50%;
            height: 100%;
            top: 0;
            left: 50%;
            overflow: hidden;
        }
        .portfolio.split-slider article h2 {
            display: inline-block;
            position: absolute;
            top: 47%;
            font-size: 91px;
            line-height: 100px;
            margin: 0;
            -wekit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
        .portfolio.split-slider article .black-text h2 {
            color: #000;
            left: 100%;
            white-space: nowrap;
        }
        .portfolio.split-slider article .white-text h2 {
            color: #fff;
        }
        .portfolio.split-slider article span.date {
            display: inline-block;
            position: absolute;
            top: -20px;
            right: -40px;
            font-size: 14px;
            line-height: 22px;
            color: #fff;
            opacity: 1;
        }

 
          /* ---------------------- */
    /* Carousel Slider        */
    /* ---------------------- */
    .portfolio.carousel-slider {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: visible;
    }
    .portfolio.gallery.carousel-slider {
        height: auto;
        margin-bottom: 120px;
    }
    .portfolio.carousel-slider .swiper-container {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: visible;
    }
    .portfolio.carousel-slider .swiper-wrapper {
        will-change: transform;
    }
    .portfolio.carousel-slider.small .swiper-inner-wrapper {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
    }
    .portfolio.carousel-slider.full article {
        position: relative;
        display: block;
        float: left;
        width: 100vw;
        height: 100%;
        margin: 0;
        padding: 0;
        overflow: hidden;
        will-change: contents;
    }
    .portfolio.carousel-slider.big article {
        position: relative;
        display: block;
        float: left;
        width: 64vw;
        height: 100%;
        margin: 0;
        padding: 0 150px;
    }
    .portfolio.gallery.carousel-slider figure {
        position: relative;
        display: block;
        float: left;
        width: auto;
        height: 100%;
        margin: 0 150px;
    }
    .portfolio.carousel-slider.small article {
        position: relative;
        display: block;
        float: left;
        width: 25vw;
        height: 50.1%;
        top: 50%;
        padding: 0;
        overflow: visible;
        -webkit-transform: translate(0, -72%);
        -moz-transform: translate(0, -72%);
        transform: translate(0, -72%);
    }
    .portfolio.carousel-slider.small.two-columns article {
        width: 50vw;
    }
    .portfolio.carousel-slider.small.three-columns article {
        width: 33.333vw;
    }
    .portfolio.carousel-slider.small.four-columns article {
        width: 25vw;
    }
    .portfolio.carousel-slider article .inner {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;
        will-change: contents;
    }
    .portfolio.carousel-slider article .inner::before {
        position: absolute;
        display: block;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.1;
        z-index: 2;
        pointer-events: none;
        background-color: #000;
    }
    .portfolio.carousel-slider.big article .inner:hover::before {
        opacity: 0.3;
    }
    .portfolio.carousel-slider article a {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }
    .portfolio.gallery.carousel-slider figure a {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }
    .portfolio.carousel-slider article .media {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
    }
    .portfolio.carousel-slider.small article .media,
    .portfolio.carousel-slider.small article .inner-media {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .portfolio.carousel-slider.small article .media {
        will-change: contents;
    }
    .portfolio.carousel-slider article .inner-media::before {
        position: absolute;
        display: block;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 2;
        pointer-events: none;
        background-color: #000;
    }
    .portfolio.carousel-slider.big article .inner:hover .media,
    .portfolio.carousel-slider.small article:hover .media .inner-media {
        transform: scale(1.05);
    }
    .portfolio.carousel-slider.small article:hover .media .inner-media::before {
        opacity: 0.3;
    }
    .portfolio.carousel-slider article .media img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .portfolio.carousel-slider article .text {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0 30px;
        z-index: 3;
        text-align: center;
        pointer-events: none;
        color: #fff;
    }
    .portfolio.carousel-slider.small article .text {
        position: absolute;
        top: auto;
        bottom: -79px;
        left: 0;
        width: 100%;
        height: auto;
        padding: 27px 30px 0;
        z-index: 3;
        text-align: center;
        pointer-events: all;
        color: #000;
    }
    .portfolio.carousel-slider.full article .inner-text {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
    .portfolio.carousel-slider.big article .inner-text {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
    .portfolio.carousel-slider.small article .inner-text {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
    }
    .portfolio.carousel-slider.full article h2 {
        display: inline-block;
        position: relative;
        font-size: 82px;
        line-height: 90px;
        margin: 0;
    }
    .portfolio.carousel-slider.big article h2 {
        font-size: 62px;
        line-height: 80px;
        margin: 0;
    }
    .portfolio.carousel-slider.small article h2 {
        display: inline-block;
        position: relative;
        font-size: 42px;
        line-height: 52px;
        margin: 0;
    }
    .portfolio.carousel-slider.full article span {
        display: inline-block;
        position: absolute;
        top: -20px;
        right: -40px;
        font-size: 14px;
        line-height: 22px;
        color: #fff;
        opacity: 1;
    }
    .portfolio.carousel-slider.big article span {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 105px;
        font-size: 14px;
        line-height: 22px;
        font-weight: normal;
        color: #000;
    }
    .portfolio.carousel-slider.small article span {
        display: inline-block;
        position: absolute;
        top: -13px;
        right: -40px;
        font-size: 14px;
        line-height: 22px;
        color: #000;
        opacity: 1;
    }
    .portfolio.carousel-slider.big .swiper-pagination,
    .portfolio.carousel-slider.small .swiper-pagination {
        position: absolute;
        bottom: -82px;
        width: auto;
        left: 50%;
        z-index: 99;
        pointer-events: none;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    .portfolio.carousel-slider.small .swiper-pagination {
    }
    .portfolio.carousel-slider.big .swiper-pagination span,
    .portfolio.carousel-slider.small .swiper-pagination span {
        position: relative;
        display: inline-block;
        width: 8px;
        height: 8px;
        margin: 0 12px;
        border-radius: 100%;
        opacity: 1;
        pointer-events: all;
        background-color: #cecece;
    }
    .portfolio.carousel-slider.big .swiper-pagination span.swiper-pagination-bullet-active,
    .portfolio.carousel-slider.small .swiper-pagination span.swiper-pagination-bullet-active {
        background-color: #313131;
    }
    html.skin-dark .portfolio.carousel-slider.big .swiper-pagination span,
    html.skin-dark .portfolio.carousel-slider.small .swiper-pagination span {
        background-color: #313131;
    }
    html.skin-dark .portfolio.carousel-slider.big .swiper-pagination span.swiper-pagination-bullet-active,
    html.skin-dark .portfolio.carousel-slider.small .swiper-pagination span.swiper-pagination-bullet-active {
        background-color: #cecece;
    }
    .portfolio.carousel-slider.big .swiper-pagination span::before,
    .portfolio.carousel-slider.small .swiper-pagination span::before {
        position: absolute;
        display: block;
        content: "";
        top: -4px;
        left: -4px;
        width: 14px;
        height: 14px;
        border-radius: 100%;
        border: 1px solid transparent;
    }
    .portfolio.carousel-slider.big .swiper-pagination span.swiper-pagination-bullet-active::before,
    .portfolio.carousel-slider.small .swiper-pagination span.swiper-pagination-bullet-active::before {
        border-color: #313131;
    }
    html.skin-dark .portfolio.carousel-slider.big .swiper-pagination span.swiper-pagination-bullet-active::before,
    html.skin-dark .portfolio.carousel-slider.small .swiper-pagination span.swiper-pagination-bullet-active::before {
        border-color: #cecece;
    }


    /* ---------------------- */
    /* Strips Slider          */
    /* ---------------------- */
        .portfolio.strips-slider {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        .portfolio.strips-slider .swiper-container {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        .portfolio.strips-slider .swiper-wrapper {
            will-change: transform;
        }
        .portfolio.strips-slider article {
            position: relative;
            display: block;
            float: left;
            height: 100%;
            margin: 0;
            padding: 0;
            overflow: hidden;
            will-change: contents;
        }
        .portfolio.strips-slider.columns-1 article {
            width: 100vw;
        }
        .portfolio.strips-slider.columns-2 article {
            width: 50vw;
        }
        .portfolio.strips-slider.columns-3 article {
            width: 33.333vw;
        }
        .portfolio.strips-slider.columns-4 article {
            width: 25vw;
        }
        .portfolio.strips-slider article::before {
            position: absolute;
            display: block;
            content: "";
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0.1;
            z-index: 2;
            pointer-events: none;
            background-color: #000;
        }
        .portfolio.strips-slider article:hover::before {
            opacity: 0.3;
        }
        .portfolio.strips-slider article a {
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }
        .portfolio.strips-slider article .media {
            position: absolute;
            display: block;
            width: 100%;
            height: 100%;
        }
        .portfolio.strips-slider article:hover .media {
            transform: scale(1.05);
        }
        .portfolio.strips-slider article .media img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
        .portfolio.strips-slider article .text {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            padding: 0 30px;
            z-index: 3;
            text-align: center;
            pointer-events: none;
            color: #fff;
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }
        .portfolio.strips-slider article h2 {
            display: inline-block;
            position: relative;
            font-size: 54px;
            line-height: 62px;
            margin: 0;
        }
        .portfolio.strips-slider article span {
            display: inline-block;
            position: absolute;
            top: -20px;
            right: -40px;
            font-size: 13px;
            line-height: 22px;
            color: #fff;
            opacity: 1;
        }

    /* ---------------------- */
    /* Grid & Masonry         */
    /* ---------------------- */
        .portfolio.grid {

        }
        .portfolio.grid::after {
            content: "";
            display: block;
            clear: both;
        }
        .portfolio-grid-filters.vertical {
            position: fixed;
            top: 50%;
            left: 100px;
            z-index: 2;
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }
        .portfolio-grid-filters.vertical li {
            line-height: 15px;
            max-width: 150px;
            margin-bottom: 10px;
        }
        .portfolio-grid-filters.vertical span {
            cursor: pointer;
            font-size: 16px;
            font-weight: 700;
            color: #000000;
            opacity: 0.7;
        }
        .portfolio-grid-filters.horizontal {
            margin: 0 0 100px;
            text-align: center;
            font-size: 0;
        }
        .portfolio-grid-filters.horizontal li {
            display: inline-block;
            list-style: none;
        }
        .portfolio-grid-filters.horizontal span {
            font-size: 19px;
            margin: 0 15px;
            cursor: pointer;
            color: #000;
            opacity: 1;
            font-weight: 700;
        }
        .portfolio-grid-filters span.active,
        .portfolio-grid-filters span:hover {
            color: #000;
            opacity: 1;
        }
        .portfolio.grid .articles-wrapper {
            position: relative;
            font-size: 0;
        }
        .portfolio.grid .articles-wrapper::after {
            display: block;
            content: "";
            clear: both;
        }
        .portfolio.grid article,
        .portfolio.gallery.grid figure {
            position: relative;
            display: block;
            float: left;
            text-align: center;
            margin: 0 40px 40px 0;
            overflow: hidden;
            will-change: contents;
        }
        .portfolio.grid.two-columns article,
        .portfolio.gallery.grid.two-columns figure {
            width: calc(50% - 20px);
        }
        .portfolio.grid.three-columns article,
        .portfolio.gallery.grid.three-columns figure {
            width: calc(33.333% - 26.666px);
        }
        .portfolio.grid.four-columns article,
        .portfolio.gallery.grid.four-columns figure {
            width: calc(25% - 30px);
        }
        .portfolio.grid.three-columns article.wide,
        .portfolio.gallery.grid.three-columns figure.wide {
            width: calc(66.666% - 13.333px);
        }
        .portfolio.grid.four-columns article.wide,
        .portfolio.gallery.grid.four-columns figure.wide {
            width: calc(50% - 50px);
        }
        .portfolio.grid.two-columns article:nth-child(2n),
        .portfolio.grid.three-columns article:nth-child(3n),
        .portfolio.grid.four-columns article:nth-child(4n),
        .portfolio.gallery.grid.two-columns figure:nth-child(2n),
        .portfolio.gallery.grid.three-columns figure:nth-child(3n),
        .portfolio.gallery.grid.four-columns figure:nth-child(4n) {
            margin-right: 0;
        }
        .portfolio.grid article.last,
        .portfolio.grid.masonry.two-columns article,
        .portfolio.grid.masonry.three-columns article,
        .portfolio.grid.masonry.four-columns article,
        .portfolio.gallery.grid figure.last,
        .portfolio.gallery.grid.masonry.two-columns figure,
        .portfolio.gallery.grid.masonry.three-columns figure,
        .portfolio.gallery.grid.masonry.four-columns figure {
            margin-right: 0;
        }
        .portfolio.grid article .article-wrapper {
            position: relative;
        }
        .portfolio.grid article figure {
            display: block;
        }
        .portfolio.grid article figure img {
            display: block;
            width: 100%;
            height: auto;
        }
        .portfolio.grid.masonry figure img,
        .portfolio.grid.gallery figure img {
            object-fit: cover;
            object-position: center;
        }
        .portfolio.grid article figcaption {
            
        }
        .portfolio.grid article .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
        }
        .portfolio.grid article .overlay::before {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0.4;
            z-index: 1;
            background-color: #000;
        }
        .portfolio.grid article .overlay .inner {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            padding: 0 20px;
            z-index: 2;
            -webkit-transform: translate(0, -50%) perspective(1000px);
            -moz-transform: translate(0, -50%) perspective(1000px);
            transform: translate(0, -50%) perspective(1000px);
            -webkit-backface-visibility: hidden;
        }
        .portfolio.grid article .overlay .inner h2 {
            display: inline-block;
            position: relative;
            font-size: 44px;
            line-height: 52px;
            margin: 0;
            color: #fff;
        }
        .portfolio.grid.three-columns article .overlay .inner h2 {
            font-size: 30px;
            line-height: 40px;
        }
        .portfolio.grid.four-columns article .overlay .inner h2 {
            font-size: 26px;
            line-height: 38px;
        }
        .portfolio.grid article .overlay .date {
            position: absolute;
            top: -28px;
            right: -34px;
            font-size: 12px;
            z-index: 2;
            opacity: 1;
            color: #fff;
        }
        .portfolio.grid.three-columns article .overlay .date {
            top: -20px;
        }
        .portfolio.grid.four-columns article .overlay .date {
            display: none;
        }

        .portfolio.grid article:hover figure {
            transform: scale(1.08);
        }
        .portfolio.grid article:hover .overlay {
            opacity: 1;
        }

    /* ---------------------- */
    /* Bold Text              */
    /* ---------------------- */
        .portfolio.bold-text {

        }
        .portfolio.bold-text .articles-wrapper {
            font-size: 0;
        }
        .portfolio.bold-text article {
            display: inline-block;
            padding-right: 50px;
        }


        .portfolio.bold-text.hover-full article .media,
        .portfolio.bold-text.hover-single article .media {
            display: none;
        }
        .portfolio.bold-text.hover-full article .media img,
        .portfolio.bold-text.hover-single article .media img {
            display: block;
        }


        .portfolio-bold-text-full-media .image,
        .portfolio-bold-text-full-media .video {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            opacity: 0;
            pointer-events: none;
        }
        .portfolio-bold-text-full-media .active {
            opacity: 1;
        }
        .portfolio-bold-text-full-media img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
        .portfolio-bold-text-media .image,
        .portfolio-bold-text-media .video {
            position: fixed;
            max-width: 900px;
            max-height: 350px;
            left: 0;
            top: 0;
            opacity: 0;
            pointer-events: none;
            backface-visibility: hidden;
        }
        .portfolio-bold-text-media .active {
            opacity: 1;
        }


        .portfolio.bold-text article a {
            display: block;
        }
        .portfolio.bold-text article h2 {
            display: inline-block;
            position: relative;
            margin: 0 2px 0 0;
            font-size: 55px;
            line-height: 84px;
            opacity: 1;
            z-index: 3;
            transition-delay: 0.1s;
        }
        .portfolio.bold-text article span {
            position: relative;
            font-size: 13px;
            margin-left: 5px;
            z-index: 3;
            opacity: 1;
            font-weight: normal;
            color: #000;
        }
        .portfolio.bold-text article:hover h2 {
            color: #fff;
        }
        .portfolio.bold-text .articles-wrapper.hovering article h2,
        .portfolio.bold-text .articles-wrapper.hovering article span {
            opacity: 0.5;
            color: #000;
        }
        .portfolio.bold-text .articles-wrapper.hovering article.active h2,
        .portfolio.bold-text .articles-wrapper.hovering article.active span {
            color: #fff;
            opacity: 1;
            z-index: 3;
        }

    /* ---------------------- */
    /* Scrolling Columns      */
    /* ---------------------- */
        .portfolio.scrolling-columns {
            padding-top: 200px;
        }
        .firefox .portfolio.scrolling-columns {
            padding-top: 350px;
        }
        .portfolio.scrolling-columns::after {
            display: block;
            content: "";
            clear: both;
        }
        .portfolio.scrolling-columns .column {
            display: inline-block;
            padding: 0 30px;
            width: 50%;
        }
        .portfolio.scrolling-columns .column.left {
            float: left;
        }
        .portfolio.scrolling-columns .column.right {
            float: right;
        }
        .portfolio.scrolling-columns article {
            position: relative;
            margin-bottom: 400px;
            overflow: hidden;
            will-change: contents;
        }
        .firefox .portfolio.scrolling-columns article {
            margin-bottom: 60px;
        }
        .portfolio.scrolling-columns article:last-child {
            margin-bottom: 0;
        }
        .portfolio.scrolling-columns article a {
            position: relative;
            display: block;
        }
        .portfolio.scrolling-columns article a::before {
            position: absolute;
            display: block;
            content: "";
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            z-index: 2;
            pointer-events: none;
            background-color: #000;
        }
        .portfolio.scrolling-columns article a:hover::before {
            opacity: 0.3;
        }
        .portfolio.scrolling-columns article .media {

        }
        .portfolio.scrolling-columns article:hover .media {
            -webkit-transform: scale(1.08);
            -moz-transform: scale(1.08);
            transform: scale(1.08);
        }
        .portfolio.scrolling-columns article img {
            position: relative;
            display: block;
            width: 100%;
            height: auto;
        }
        .portfolio.scrolling-columns article .text {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            padding: 0 20px;
            opacity: 0;
            z-index: 4;
            text-align: center;
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }
        .portfolio.scrolling-columns article:hover .text {
            opacity: 1;
        }
        .portfolio.scrolling-columns article h2 {
            display: inline-block;
            position: relative;
            font-size: 46px;
            line-height: 54px;
            margin: 0;
            color: #fff;
        }
        .portfolio.scrolling-columns article h2 span {
            position: absolute;
            top: -28px;
            right: -34px;
            font-size: 12px;
            z-index: 2;
            opacity: 1;
            color: #fff;
        }

    /* ---------------------- */
    /* Singles                */
    /* ---------------------- */

        /* Global */
            main.project {

            }

        /* Header */
            main.project > .header {
                position: relative;
            }
            main.project > .header.style-full {
                width: 100%;
                height: 100vh;
                margin-bottom: 180px;
            }
            main.project > .header.style-half {
                width: 100%;
                height: 85vh;
                margin-bottom: 180px;
            }
            main.project > .header.style-full .media,
            main.project > .header.style-half .media {
                position: relative;
                width: 100%;
                height: 100%;
                overflow: hidden;
            }
            main.project > .header.style-standard .media {
                position: relative;
                margin-bottom: 80px;
            }
            main.project > .header.style-full .media::before,
            main.project > .header.style-half .media::before {
                position: absolute;
                display: block;
                content: "";
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                opacity: 0.2;
                pointer-events: none;
                background-color: #000;
            }
            main.project > .header .media img {
                position: relative;
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center;
            }
            main.project > .header .media .portfolio.gallery.carousel-slider figure {
                margin: 0 5px;
                height: auto;
                max-height: 600px;
            }
            main.project > .header.style-full .text,
            main.project > .header.style-half .text {
                position: absolute;
                top: 50%;
                left: 0;
                width: 100%;
                padding: 0 20px;
                text-align: center;
                -webkit-transform: translate(0, -50%);
                -moz-transform: translate(0, -50%);
                transform: translate(0, -50%);
            }
            main.project > .header.style-standard .text {
                margin-bottom: 60px;
                text-align: center;
            }
            main.project > .header .text h1 {
                font-size: 74px;
                font-weight: 700;
                line-height: 80px;
                margin-bottom: 10px;
                color: #fff;
            }
            main.project > .header.style-standard .text h1 {
                font-size: 54px;
                line-height: 60px;
                margin-bottom: 10px;
                color: #000;
            }
            main.project > .header .text a {
                display: inline-block;
                position: relative;
                vertical-align: top;
                font-size: 16px;
                line-height: 26px;
                margin-top: 6px;
                opacity: 1;
                overflow: hidden;
                font-weight: 700;
                color: #fff;
            }
            main.project > .header.style-standard .text a {
                color: #000;
            }
            main.project > .header .text a:hover {
                opacity: 1;
            }
            main.project > .header .text a:before,
            main.project > .header .text a:after {
                position: absolute;
                display: block;
                content: "";
                height: 1px;
                width: 100%;
                left: 0;
                bottom: 3px;
                z-index: 1;
                background-color: #fff;
            }
            main.project > .header .text a:before {
                width: 200%;
                left: -200%;
                z-index: 2;
                background-color: #000;
            }
            main.project > .header.style-standard .text a:after {
                background-color: #000;
            }
            main.project > .header.style-standard .text a:before {
                background-color: #fff;
            }
            main.project > .header .text a:hover:before {
                left: 100%;
            }
            main.project > .header .text span {
                display: block;
                opacity: 1;
                font-size: 14px;
                font-weight: 700;
                color: #fff;
            }
            main.project > .header.style-standard .text span {
                color: #000;
            }

        /* Content */
            main.project > .content {

            }


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

    /* ---------------------- */
    /* Global                 */
    /* ---------------------- */
        main.page {

        }
        main.page.extra-padding {
            padding: 160px 0 160px;
        }
        main.page.extra-padding-top {
            padding: 350px 0 160px;
        }
        main.page.extra-padding-bottom {
            padding: 160px 0 350px;
        }
        main.page .page-header {
            margin: 120px 0 120px;
            text-align: center;
        }
        main.page .page-header h1 {
            font-size: 102px;
            line-height: 118px;
            margin-bottom: 45px;
        }
        main.page .page-header p {
            font-size: 18px;
            font-weight: bold;
        }

    /* ---------------------- */
    /* Sliced                 */
    /* ---------------------- */
        main.page-sliced {

        }
        main.page-sliced::after {
            display: block;
            content: "";
            clear: both;
        }
        main.page-sliced .first-half {
            position: relative;
            float: left;
            width: 50%;
            min-height: 100vh;
            padding: 0 150px 0 240px;
        }
        html.header-absolute main.page-sliced .first-half {
            padding-top: 240px;
        }
        html.footer-absolute main.page-sliced .first-half {
            padding-bottom: 190px;
        }
        main.page-sliced .first-half .cover {
            display: none;
            margin-bottom: 40px;
        }
        main.page-sliced .first-half .cover img {
            display: block;
        }
        main.page-sliced .second-half {
            position: fixed;
            top: 0;
            width: 50%;
            height: 100%;
            left: 50%;
        }
        main.page-sliced .second-half::after {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0.15;
            background-color: #000;
        }


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

    /* Archive */

        /* Global */
            .blog {
                padding-top: 120px;
            }
            .blog.has-sidebar {
                
            }
            .blog.has-sidebar::after {
                content: "";
                display: block;
                clear: both;
            }
            .blog .posts {
                
            }
            .blog.has-sidebar .posts {
                width: 64%;
                float: left;
                margin: 0 8% 50px 0;
            }
            .blog .posts::after {
                display: block;
                content: "";
                clear: both;
            }
            .blog .posts article {
                position: relative;
                text-align: center;
                margin: 0 0 150px 0;
            }
            .blog.has-sidebar .posts article {
                margin: 0 0 70px 0;
            }
            .blog .posts article .meta,
            .blog .posts article .meta a {
                font-size: 14px;
                line-height: inherit;
                font-weight: 700;
                color: #000;
            }
            .blog .posts article .meta a:hover {
                color: #000;
            }
            .blog .posts article .meta > div {
                position: relative;
                display: inline-block;
                padding-right: 25px;
                overflow: hidden;
            }
            .blog .posts article .meta > div:last-child {
                padding-right: 0;
            }
            .blog .posts article .meta > div::after {
                position: absolute;
                display: block;
                content: "";
                width: 7px;
                height: 1px;
                top: 14px;
                right: 7px;
                background-color: #b3b3b3;
            }
            .blog .posts article .meta > div:last-child::after {
                display: none;
            }
            .blog .posts article .excerpt {
                margin-bottom: 25px;
            }
            .blog .posts article .read-more {
                letter-spacing: 2px;
                margin-bottom: 0px;
                text-transform: uppercase;
                font-size: 11px;
            }

        /* Minimal */
            .blog-minimal-media img {
                position: fixed;
                max-width: 900px;
                max-height: 350px;
                left: 0;
                top: 0;
                opacity: 0;
                pointer-events: none;
            }
            .blog-minimal-media img.active {
                opacity: 1;
            }
            .blog-minimal .posts article {
                margin-bottom: 220px;
            }
            .blog-minimal .posts article .tablet-mobile-media {
                display: none;
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                background-size: cover;
                background-position: center center;
            }
            .blog-minimal .posts article .tablet-mobile-media::after {
                display: block;
                position: absolute;
                content: "";
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                background-color: #000;
                opacity: 0.2;
            }
            .blog-minimal .posts article h2 {
                font-size: 42px;
                line-height: 53px;
                margin-bottom: 15px;
            }
            .blog-minimal .posts article h2 a {
                display: inline-block;
                line-height: inherit;
                font-weight: 300;
            }
            .blog-minimal .posts article h2 a::before,
            .blog-minimal .posts article h2 a::after {
                display: none;
            }
            .blog-minimal .posts article h2 a:hover {
                color: #fff;
            }
            .blog-minimal .posts article h2:hover + .meta * {
                color: #fff;
            }
            .blog-minimal .posts article h2 span.split-lines {
                position: relative;
                display: inline-block;
                overflow: hidden;
            }
            .blog-minimal .posts article h2 span.split-lines::after {
                position: absolute;
                display: block;
                content: "";
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                border-top: 55px solid #fff;
                background-color: #000;
            }
            .blog-minimal .posts article.is-inview h2 span.split-lines::after {
                transform: translate(0, -112px);
            }
            .blog-minimal .posts article .meta {
                opacity: 0;
            }

        /* Cover */
            .blog-cover .posts article {
                padding: 135px 20px 125px;
                margin-bottom: 220px;
                overflow: hidden;
                will-change: contents;
            }
            .blog-cover .posts article::before {
                position: absolute;
                display: block;
                content: "";
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 2;
                border-top: 450px solid #fff;
                background-color: #000;
            }
            .blog-cover .posts article.is-inview::before {
                transform: translate(0, -950px);
            }
            .blog-cover .posts article::after {
                display: block;
                position: absolute;
                content: "";
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                background-color: #000;
                opacity: 0.2;
                pointer-events: none;
            }
            .blog-cover .posts article:hover::after {
                opacity: 0.4;
            }
            .blog-cover .posts article .cover-link {
                position: absolute;
                display: block;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                will-change: transform;
                background-size: cover;
                background-position: center center;
            }
            .blog-cover .posts article:hover .cover-link {
                transform: scale(1.08);
            }
            .blog-cover .posts article h2 {
                position: relative;
                font-size: 42px;
                line-height: 59px;
                margin-bottom: 15px;
                z-index: 1;
            }
            .blog-cover .posts article h2 a {
                display: block;
                line-height: inherit;
                font-weight: 300;
                color: #fff;
            }
            .blog-cover .posts article h2 a::before,
            .blog-cover .posts article h2 a::after {
                display: none;
            }
            .blog-cover .posts article .meta {
                display: inline-block;
            }
            .blog-cover .posts article .meta,
            .blog-cover .posts article .meta a {
                position: relative;
                z-index: 1;
                color: #fff;
            }

    /* Sidebar */
        .blog.has-sidebar .sidebar {
            float: right;
            width: 28%;
        }
        .blog.has-sidebar .sidebar .widget {
            margin-bottom: 50px;
            text-align: left;
        }
        .blog.has-sidebar .sidebar .widget h3 {
            font-size: 18px;
            line-height: 28px;
            margin-bottom: 10px;
            font-weight: bold;
        }
        .blog.has-sidebar .sidebar .widget ul {
            margin: 0;
        }
        .blog.has-sidebar .sidebar .widget li {
            font-size: 14px;
        }
        .blog.has-sidebar .sidebar .widget li a {
            font-size: 14px;
        }
        .blog.has-sidebar .sidebar .widget li a::before,
        .blog.has-sidebar .sidebar .widget li a::after {
            display: none;
        }
        .blog.has-sidebar .sidebar .widget select {
            display: block;
            width: 100%;
            padding: 8px 10px;
        }

        .blog.has-sidebar .sidebar .widget_search {

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

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

        }
        .blog.has-sidebar .sidebar .widget_search input[type="submit"] {
            display: none;
        }

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

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

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

        .blog.has-sidebar .sidebar .widget_calendar td,
        .blog.has-sidebar .sidebar .widget_calendar th {
            text-align: center;
        }
        .blog.has-sidebar .sidebar .widget_calendar th {
            background-color: #333;
            color: #fff;
        }

        .blog.has-sidebar .sidebar .widget_pages ul.children {
            margin-left: 20px;
        }
        
        .blog.has-sidebar .sidebar .widget_nav_menu ul.sub-menu {
            margin-left: 20px;
        }

        .blog.has-sidebar .sidebar .widget_rss li {
            margin-bottom: 8px;
        }

        .blog.has-sidebar .sidebar .widget_tag_cloud a {
            display: inline-block;
            margin: 0 5px 5px 0;
        } 

        .blog.has-sidebar .sidebar .widget_text img.wp-smiley, img.emoji {
            display: inline !important;
            border: none !important;
            box-shadow: none !important;
            height: 1em !important;
            width: 1em !important;
            margin: 0 .07em !important;
            vertical-align: -0.1em !important;
            background: none !important;
            padding: 0 !important;
        }

        .blog.has-sidebar .sidebar .widget_media_gallery {

        }
        .blog.has-sidebar .sidebar .widget_media_gallery h3 {
            margin-bottom: 15px;
        }
        .blog.has-sidebar .sidebar .widget_media_gallery .gallery {

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

    /* Single */

        /* Global */
            .blog-single {
                padding: 59px 0 80px;
            }
            .blog-single .article-wrapper {
                position: relative;
                margin-bottom: 50px;
            }
            .blog-single.has-sidebar .article-wrapper {
                width: 64%;
                float: left;
                margin: 0 8% 50px 0;
            }
            .blog-single.has-sidebar .article-wrapper::after {
                display: block;
                content: "";
                clear: both;
            }
            .blog-single article {
                position: relative;
            }

        /* Cover */
            .blog-single .cover {
                margin-bottom: 30px;
            }
            .blog-single .cover.image {
                
            }
            .blog-single .cover.image figure {
                
            }
            .blog-single .cover.image img {
                display: block;
                width: 100%;
            }
            .blog-single .cover.gallery {

            }
            .blog-single .cover.video {

            }
            .blog-single .cover.audio {

            }
            .blog-single:not(.has-sidebar) .cover {
                position: relative;
                margin-bottom: 80px;
                text-align: center;
            }
            .blog-single:not(.has-sidebar) .cover.image {
                margin-bottom: 100px;
            }
            .blog-single .cover .media {
                position: relative;
            }
            .blog-single .cover.image .media {
                
            }
            .blog-single .cover.image .media::after {
                position: absolute;
                display: block;
                content: "";
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                opacity: 0.2;
                background-color: #000;
            }
            .blog-single .cover .head {

            }
            .blog-single .cover .head .container {
                width: 1160px;
                margin: 0 auto;
            }
            .blog-single .cover.image .head {
                position: absolute;
                top: 50%;
                left: 50%;
                z-index: 2;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            }
            .blog-single .cover.image .head h1 {
                color: #fff;
                font-size: 42px;
                line-height: 62px;
            }
            .blog-single .cover.image .head .meta a:hover {
                color: #fff;
            }
            .blog-single .cover.image .head .meta {
                margin-bottom: 0;
            }
            .blog-single .cover.gallery .media {
                margin-bottom: 100px;
            }
            .blog-single .cover.video .media {
                margin-bottom: 100px;
            }
            .blog-single .cover.audio .media {
                margin-bottom: 100px;
            }

        /* Head */
            .blog-single .head {

            }
            .blog-single .head h1 {
                font-size: 49px;
                line-height: 63px;
                margin-bottom: 20px;
            }
            .blog-single.has-sidebar .head h1 {
                font-size: 36px;
                line-height: 47px;
                margin-bottom: 20px;
            }
            .blog-single .head .meta {
                margin-bottom: 40px;
            }
            .blog-single .head .meta > div {
                position: relative;
                display: inline-block;
                font-size: 16px;
                margin-right: 40px;
                color: #fff;
            }
            .blog-single .head .meta > div:last-child {
                margin-right: 0;
            }
            .blog-single .head .meta > div::after {
                position: absolute;
                content: "";
                top: 13px;
                right: -24px;
                width: 5px;
                height: 1px;
                background-color: #fff;
            }
            .blog-single .head .meta > div:last-child::after {
                display: none;
            }
            .blog-single .head .meta span {
                font-size: 13px;
            }
            .blog-single .head .meta a {
                font-size: 16px;
                color: #fff;
            }
            .blog-single .cover.video .head .meta > div,
            .blog-single .cover.video .head .meta a,
            .blog-single .cover.audio .head .meta > div,
            .blog-single .cover.audio .head .meta a,
            .blog-single .cover.gallery .head .meta > div,
            .blog-single .cover.gallery .head .meta a,
            .blog-single.has-sidebar .head .meta > div,
            .blog-single.has-sidebar .head .meta a,
            .blog-single.has-sidebar .head .meta > div,
            .blog-single.has-sidebar .head .meta a {
                color: #000;
            }
            .blog-single .cover.video .head .meta > div::after,
            .blog-single .cover.audio .head .meta > div::after,
            .blog-single .cover.gallery .head .meta > div::after,
            .blog-single.has-sidebar .head .meta > div::after,
            .blog-single.has-sidebar .head .meta > div::after {
                background-color: #000;
            }
            .blog-single .head .meta .author {

            }
            .blog-single .head .meta .date {

            }
            .blog-single .head .meta .categories {

            }

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

            }
            html .blog-single .content .small-inner-container {
                width: 100%;
                padding: 0;
            }

        /* Tags */
            .blog-single .content .tags {
                float: left;
                width: 50%;
                padding-right: 20px;
                margin-bottom: 50px;
            }
            .blog-single .content .tags a {
                font-size: 13px;
                margin-right: 15px;
                color: #000;
            }

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

        /* Comments */
            .blog-single article .comments {
                padding: 80px 0 0;
            }
            .blog-single article .comments .comments-area {
                margin-bottom: 80px;
            }
            .blog-single article .comments .comments-area h4 {
                font-size: 26px;
                line-height: 36px;
                margin-bottom: 40px;
            }
            .blog-single article .comments .comments-area .comment-navigation {
                margin-bottom: 25px;
            }
            .blog-single article .comments .comments-area .comment-navigation a {
                text-decoration: none;
            }
            .blog-single article .comments .comments-area .comment-navigation .nav-previous {
                float: left;
            }
            .blog-single article .comments .comments-area .comment-navigation .nav-next {
                float: right;
            }
            .blog-single article .comments .comments-area ul {
                
            }
            .blog-single article .comments .comments-area li,
            .blog-single article .comments .comments-area .bypostauthor {
                position: relative;
                margin-bottom: 35px;
                list-style: none;
                margin-left: 0;
            }
            .blog-single article .comments .comments-area .comment-user-avatar {
                position: absolute;
                top: 0;
                left: 0;
            }
            .blog-single article .comments .comments-area .comment-user-avatar img {
                
            }
            .blog-single article .comments .comments-area .comment-body {
                padding-left: 85px;
            }
            .blog-single article .comments .comments-area .trackback .comment-body,
            .blog-single article .comments .comments-area .pingback .comment-body {
                padding-left: 0;
            }
            .blog-single article .comments .comments-area .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;
                font-family: 'serif';
                width: 100%;
                height: 160px;
                margin-bottom: 20px;
                border: 1px solid;
                padding: 20px;
                font-size: 14px;
                background: none;
                font-weight: bold;
                color: #000;
                border: 1px solid #7b7b7b;
            }
            .blog-single article .comments .comment-respond input[name="author"],
            .blog-single article .comments .comment-respond input[name="email"],
            .blog-single article .comments .comment-respond input[name="subject"] {
                display: inline-block;
                font-family: 'serif';
                width: 30%;
                margin-right: 5%;
                padding: 20px;
                margin-bottom: 30px;
                font-size: 14px;
                background: none;
                font-weight: bold;
                color: #000;
                border: 1px solid #7b7b7b;
            }
            .blog-single article .comments .comment-respond input[name="subject"] {
                margin-right: 0;
            }
            .blog-single article .comments .comment-respond textarea:hover,
            .blog-single article .comments .comment-respond textarea:focus,
            .blog-single article .comments .comment-respond input[name="author"]:hover,
            .blog-single article .comments .comment-respond input[name="author"]:focus,
            .blog-single article .comments .comment-respond input[name="email"]:hover,
            .blog-single article .comments .comment-respond input[name="email"]:focus,
            .blog-single article .comments .comment-respond input[name="subject"]:hover,
            .blog-single article .comments .comment-respond input[name="subject"]:focus {
                border-color: #000;
            }
            .blog-single article .comments .comment-respond .comment-form-cookies-consent {
                
            }
            .blog-single article .comments .comment-respond .comment-form-cookies-consent input {
                margin-right: 10px;
            }
            .blog-single article .comments .comment-respond .comment-form-cookies-consent label {
                font-size: 14px;
            }
            .blog-single article .comments .comment-respond .form-submit {
                margin: 0;
            }
            .blog-single article .comments .comment-respond .form-submit input[type="submit"] {
                font-size: 13px;
                padding: 8px 28px;
                border-radius: 3px;
                background: none;
                color: #000;
                border: 1px solid #7b7b7b;
            }
            .blog-single article .comments .comment-respond .form-submit input[type="submit"]:hover {
                color: #fff;
                background-color: #000;
                border-color: #000;
            }


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

    header a,
    header > nav > ul > li:not(.mega-menu) li.menu-item-has-children::before,
    header > nav > ul > li.mega-menu > ul > li li::before,
    header:not(.showNav) > nav > ul > li:not(.mega-menu) > ul ul,
    header .menu-icon span,
    footer a,
    footer .copyrights p,
    .back-to-top,
    .video-player.with-cover .cover,
    .team-member::before,
    .team-member .overlay,
    .team-member .social-profiles,
    .clients-container .client img,
    .flexslider:not(.gallery) .prev,
    .flexslider:not(.gallery) .next,
    .wpcf7 form input,
    .wpcf7 form textarea,
    .blog .posts article h2 a,
    .blog .posts article .meta a,
    .blog .posts article .meta .date,
    .blog .posts article figure a::before,
    .blog-cover .posts article::after,
    .blog.has-sidebar .sidebar .widget_search input[type="text"],
    .blog.has-sidebar .sidebar .widget_media_gallery .gallery-icon a::after,
    .blog-single .head .meta a,
    .blog-single .content .sharing a,
    .blog-single .content .tags a,
    .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"],
    .blog-single article .comments .comment-respond textarea,
    .blog-single article .comments .comment-respond .form-submit input[type="submit"],
    .grid .filters span,
    .portfolio article .overlay,
    .portfolio-grid-filters span,
    .portfolio.strips-slider article::before,
    .portfolio.carousel-slider article .inner::before,
    .portfolio.carousel-slider.big .swiper-pagination span,
    .portfolio.carousel-slider.big .swiper-pagination span::before,
    .portfolio.carousel-slider.small .swiper-pagination span,
    .portfolio.carousel-slider.small .swiper-pagination span::before,
    .portfolio.carousel-slider article .inner-media::before,
    .portfolio.split-list article,
    .portfolio.scrolling-columns article a::before,
    .portfolio.scrolling-columns article .text,
    main.project > .header .text a,
    .video-player.with-cover .cover .video-button,
    .video-player.with-cover .cover .video-button i {
        -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;
    }
    .portfolio.bold-text article,
    .portfolio.bold-text article h2,
    .portfolio.bold-text article span,
    figure figcaption {
        -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;
    }
    header:not(.showNav) > nav > ul > li > ul {
        -webkit-transition: all 0.4s ease 0.3s;
        -moz-transition: all 0.4s ease 0.3s;
        -ms-transition: all 0.4s ease 0.3s;
        -o-transition: all 0.4s ease 0.3s;
        transition: all 0.4s ease 0.3s;
    }
    .portfolio.bold-text.hover-full article .media {
        -webkit-transition: all 0.6s ease 0.2s;
        -moz-transition: all 0.6s ease 0.2s;
        -ms-transition: all 0.6s ease 0.2s;
        -o-transition: all 0.6s ease 0.2s;
        transition: all 0.6s ease 0.2s;
    }
    main p a:before,
    main h1 a:before,
    main h2 a:before,
    main h3 a:before,
    main h4 a:before,
    main h5 a:before,
    main h6 a:before,
    main ul li a:before,
    footer .copyrights a:before,
    main.project > .header .text a:before {
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }
    .blog-cover .posts article .cover-link,
    .team-member img,
    .portfolio.grid article figure,
    .portfolio.strips-slider article .media,
    .portfolio.carousel-slider.big article .media,
    .portfolio.carousel-slider.small article .media .inner-media,
    .portfolio.scrolling-columns article .media {
        -webkit-transition: all 0.95s ease;
        -moz-transition: all 0.95s ease;
        -ms-transition: all 0.95s ease;
        -o-transition: all 0.95s ease;
        transition: all 0.95s ease;
    }
    .blog-minimal-media img,
    .portfolio-bold-text-full-media .image,
    .portfolio-bold-text-full-media .video,
    .portfolio-bold-text-media .image,
    .portfolio-bold-text-media .video {
        -webkit-transition: opacity 0.5s ease 0.2s;
        -moz-transition: opacity 0.5s ease 0.2s;
        -ms-transition: opacity 0.5s ease 0.2s;
        -o-transition: opacity 0.5s ease 0.2s;
        transition: opacity 0.5s ease 0.2s;
    }
    .portfolio-bold-text-full-media .active,
    .portfolio-bold-text-media .active {
        -webkit-transition: opacity 0.5s ease 0.1s;
        -moz-transition: opacity 0.5s ease 0.1s;
        -ms-transition: opacity 0.5s ease 0.1s;
        -o-transition: opacity 0.5s ease 0.1s;
        transition: opacity 0.5s ease 0.1s;
    }

    .portfolio-split-slider-media .image,
    .portfolio-split-slider-media .video,
    .portfolio-split-list-media .image,
    .portfolio-split-list-media .video,
    .portfolio.split-list.has-thumbnails article .thumbnails,
    .portfolio.split-list.has-thumbnails article .thumbnails img {
        -webkit-transition: all 0.5s ease 0.2s;
        -moz-transition: all 0.5s ease 0.2s;
        -ms-transition: all 0.5s ease 0.2s;
        -o-transition: all 0.5s ease 0.2s;
        transition: all 0.5s ease 0.2s;
    }
    .portfolio-split-slider-media .active,
    .portfolio-split-list-media .active,
    .portfolio.split-list.has-thumbnails article .thumbnails img.active {
        -webkit-transition: all 0.5s ease 0.1s;
        -moz-transition: all 0.5s ease 0.1s;
        -ms-transition: all 0.5s ease 0.1s;
        -o-transition: all 0.5s ease 0.1s;
        transition: all 0.5s ease 0.1s;
    }
    .blog-minimal .posts article h2 span.split-lines::after {
        -webkit-transition: all 1.0s cubic-bezier(0.620, 0.030, 0.705, 0.560) 0.3s;
        -moz-transition: all 1.0s cubic-bezier(0.620, 0.030, 0.705, 0.560) 0.3s;
        -ms-transition: all 1.0s cubic-bezier(0.620, 0.030, 0.705, 0.560) 0.3s;
        -o-transition: all 1.0s cubic-bezier(0.620, 0.030, 0.705, 0.560) 0.3s;
        transition: all 1.0s cubic-bezier(0.620, 0.030, 0.705, 0.560) 0.3s;
    }
    .blog-cover .posts article::before {
        -webkit-transition: all 1.1s cubic-bezier(0.630, 0.595, 0.840, 0.470) 0.25s;
        -moz-transition: all 1.1s cubic-bezier(0.630, 0.595, 0.840, 0.470) 0.25s;
        -ms-transition: all 1.1s cubic-bezier(0.630, 0.595, 0.840, 0.470) 0.25s;
        -o-transition: all 1.1s cubic-bezier(0.630, 0.595, 0.840, 0.470) 0.25s;
        transition: all 1.1s cubic-bezier(0.630, 0.595, 0.840, 0.470) 0.25s;
    }
    .blog-minimal .posts article.is-inview .meta {
        opacity: 1;
        -webkit-transition: all 0.4s ease 1.0s;
        -moz-transition: all 0.4s ease 1.0s;
        -ms-transition: all 0.4s ease 1.0s;
        -o-transition: all 0.4s ease 1.0s;
        transition: all 0.4s ease 1.0s;
    }


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


    /* ----------------------- */
    /* Medium Screens (Small Desktop) */
    /* ----------------------- */
    @media only screen and (max-width : 1680px) {

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

            /* Split Slider */
                .portfolio.split-slider article h2 {
                    top: 47%;
                    font-size: 76px;
                    line-height: 86px;
                }

            /* Split List */
                .portfolio.split-list.has-thumbnails article .thumbnails {
                    right: 0;
                }
                .portfolio.split-list {
                    padding: 250px 50px 80px 180px;
                }
                .portfolio.split-list article h2 {
                    font-size: 47px;
                    line-height: 47px;
                }

            /* Bold Text */
                .portfolio.bold-text article h2 {
                    font-size: 42px;
                    line-height: 72px;
                }

            /* Carousel Slider */
                .portfolio.carousel-slider.big article {
                    width: 60vw;
                    padding: 0 120px;
                }
                .portfolio.carousel-slider.big article h2 {
                    font-size: 42px;
                    line-height: 50px;
                }
                .portfolio.carousel-slider.big article span {
                    right: 80px;
                }
                .portfolio.carousel-slider.small article,
                .portfolio.carousel-slider.small.four-columns article {
                    width: 33.333vw;
                }
                .portfolio.carousel-slider.small article h2 {
                    font-size: 36px;
                    line-height: 46px;
                }
    
    }

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

        /* ----------------------   */
        /* Basics                   */
        /* ----------------------   */
            html, body {
                overflow-x: hidden!important;
            }
            html.fullwidth main {
                height: calc(100vh - 300px);
                margin: 150px 0;
            }
            html:not(.fullwidth) main {

            }
            html:not(.fullwidth) main .inner-container {
                width: 100%;
                padding: 0 100px;
            }
            html.header-fixed header,
            html.footer-fixed footer {
                position: relative;
                top: auto;
                left: auto;
            }
            html.header-fixed main.page.extra-padding-top,
            html.footer-fixed main.page.extra-padding-bottom {
                padding: 80px 0 80px;
            }
            .back-to-top {
                display: none;
            }
            h1 {
                font-size: 3em;
                line-height: 1.2em;
            }
            h2 {
                font-size: 2em;
                line-height: 38px;
            }
            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;
            }

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

            /* Global */
                header {
                    padding: 30px 100px 20px;
                }
                header a {

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

            /* Logo */
                header .logo {
                    z-index: 100;
                }

            /* Navigation (Main Links) */
                header > nav > ul {
                    padding: 240px 0;
                    transform: none;
                    height: auto;
                }
                header > nav > ul > li {
                    padding: 5px 0;
                    margin-top: 20px;
                    line-height: 52px;
                    max-height: inherit;
                }
                header > nav > ul > li:first-child {
                    margin-top: 0;
                    padding: 0;
                }
                header > nav ul li,
                header > nav > ul > li.mega-menu {
                    display: block;
                    visibility: visible;
                    position: relative;
                    opacity: 1;
                    padding: 0;
                    margin-left: 0;
                    border: 0;
                }
                header > nav > ul > li > a {
                    font-size: 50px;
                    padding: 0;
                    opacity: 1!important;
                    color: #000!important;
                }
                header.showNav > nav > ul > li > a {

                }

            /* Navigation (Sub Links) */
                header > nav > ul > li:not(.mega-menu) ul,
                header > nav > ul > li:not(.mega-menu) ul ul,
                header > nav > ul > li:not(.mega-menu).left ul ul,
                header > nav > ul > li:not(.mega-menu).left ul ul ul,
                header > nav > ul > li.mega-menu > ul,
                header > nav > ul > li.mega-menu.two-columns > ul,
                header > nav > ul > li.mega-menu.three-columns > ul,
                header > nav > ul > li.mega-menu.four-columns > ul {     
                    display: none;
                    padding: 10px 0;
                    left: 0;
                    top: 0;
                    opacity: 1;
                    transform: none;
                    pointer-events: all;
                }
                header > nav > ul > li.mega-menu > ul ul {
                    text-align: center;
                }
                header > nav > ul > li:not(.mega-menu) li,
                header > nav > ul > li:not(.mega-menu) li:first-child,
                header > nav > ul > li:not(.mega-menu) li:last-child,
                header > nav > ul > li.mega-menu > ul > li,
                header > nav > ul > li.mega-menu.two-columns > ul > li,
                header > nav > ul > li.mega-menu.three-columns > ul > li,
                header > nav > ul > li.mega-menu.four-columns > ul > li,
                header > nav > ul > li.mega-menu.five-columns > ul > li,
                header > nav > ul > li.mega-menu > ul > li li,
                header > nav > ul > li.mega-menu > ul > li li:first-child {
                    padding: 4px 0;
                    background-color: transparent;
                    width: 100%;
                    border: 0;
                    float: none;
                    line-height: 28px;
                }
                header > nav > ul > li:not(.mega-menu) li.menu-item-has-children::before,
                header > nav > ul > li.mega-menu > ul > li li::before {
                    display: none;
                }
                header > nav > ul > li.mega-menu > ul h2 {
                    display: none;
                }
                header > nav > ul > li ul a,
                header > nav > ul > li:not(.mega-menu) li a {
                    font-size: 16px;
                    padding: 0;
                    color: #000!important;
                }

            /* Navigation (Responsive) */
                html.menu-mobile-color-dark header .menu-icon span {
                    background-color: #000;
                }
                html.menu-mobile-color-dark.showNav header .menu-icon span {
                    background-color: #000;
                }

        /* ----------------------   */
        /* Footer                   */
        /* ----------------------   */
            footer {
                padding: 20px 100px 30px;
            }
            footer.showNav {
                display: none;
            }
            html.copyrights-color-light footer .copyrights p,
            html.copyrights-color-dark footer .copyrights p {
                opacity: 1;
            }
            html.social-links-color-light footer .social-links ul li a {
                opacity: 1;
            }
            html.social-links-mobile-color-dark footer .social-links ul li a {
                color: #000;
            }

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

            /* Video Player */
                .video-player.with-cover .cover {
                    display: none;
                }

            /* Columns */
                .row.boxed {
                    width: 100%;
                    margin: 0;
                }
                .row.space .column.full {
                    width: 100%;
                }
                .row.space .column.one-half,
                .row.space .column.one-fourth,
                .row.space .column.three-fourth,
                .row.space .column.one-fifth,
                .row.space .column.two-fifth,
                .row.space .column.three-fifth {
                    width: calc(50% - 15px);
                }
                .row.space .column.one-third {
                    width: calc(33.333% - 20px);
                }
                .row.space .column.two-third {
                    width: calc(66.666% - 10px);
                }
                .row.space .column.one-half:nth-child(2n),
                .row.space .column.one-fourth:nth-child(2n),
                .row.space .column.one-fifth:nth-child(2n),
                .row.space .column.two-fifth:nth-child(2n),
                .row.space .column.three-fourth:nth-child(2n),
                .row.space .column.three-fifth:nth-child(2n) {
                    margin-right: 0;
                }

            /* Team Member */
                .team-members.columns-4 .team-member {
                    width: calc(50% - 20px);
                }
                .team-members.columns-4 .team-member:nth-child(2n) {
                    margin-right: 0;
                }
                .team-members .team-member::before {
                    opacity: 0.7;
                }
                .team-members .team-member .overlay,
                .team-members .team-member .social-profiles {
                    opacity: 1;
                }

            /* Clients */
                .clients-container .client {
                    padding: 4% 1%;
                }
                .clients-container .client img {
                    opacity: 1;
                }

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

            /* Pixi */
                canvas#pixi-canvas {
                    display: none;
                    visibility: hidden;
                }
                .pixi {
                    visibility: visible;
                }
                .pixi .projects-container {
                    height: auto;
                }
                .pixi img {
                    display: block;
                }
                .pixi .projects-container {
                    width: 100%;
                    height: auto;
                    padding: 50px 100px;
                    text-align: center;
                    -webkit-backface-visibility: hidden;
                }
                .pixi .projects-container .wrapper {

                }
                .pixi .projects-container .wrapper article {
                    position: relative;
                    margin-bottom: 50px;
                }
                .pixi .projects-container .wrapper article a,
                .pixi .projects-container .wrapper article .image-text,
                .pixi .projects-container .wrapper article .images {
                    display: none;
                }
                .pixi .projects-container .wrapper article .mobile,
                .pixi .projects-container .wrapper article .mobile a {
                    display: block;
                }

            /* Grid & Masonry */
                .portfolio.grid.two-columns article,
                .portfolio.grid.three-columns article,
                .portfolio.grid.four-columns article {
                    width: calc(50% - 20px);
                }
                .portfolio.grid.three-columns article.size-wide,
                .portfolio.grid.four-columns article.size-wide {
                    width: 100%!important;
                    height: auto!important;
                }
                .portfolio.grid.two-columns article.size-wide,
                .portfolio.grid.two-columns article.size-tall,
                .portfolio.grid.three-columns article.size-tall,
                .portfolio.grid.four-columns article.size-tall {
                    height: auto!important;
                }
                .portfolio.grid.three-columns article:nth-child(3n),
                .portfolio.grid.four-columns article:nth-child(4n) {
                    margin-right: 40px;
                }
                .portfolio.grid.three-columns article:nth-child(2n),
                .portfolio.grid.four-columns article:nth-child(2n) {
                    margin-right: 0;
                }
                .portfolio.grid article::before {
                    display: none;
                }
                .portfolio.grid article figure {
                    margin-bottom: 20px;
                    transform: scale(1)!important;
                }
                .portfolio.grid article .overlay {
                    position: relative;
                    top: auto;
                    left: auto;
                    width: 100%;
                    height: auto;
                    opacity: 1;
                }
                .portfolio.grid article .overlay::before {
                    display: none;
                }
                .portfolio.grid article .overlay .inner {
                    position: relative;
                    top: auto;
                    left: auto;
                    width: 100%;
                    padding: 0 20px;
                    z-index: 2;
                    -webkit-transform: none;
                    -moz-transform: none;
                    transform: none;
                }
                .portfolio.grid article .overlay .inner h2 {
                    font-size: 26px;
                    line-height: 36px;
                    color: #000;
                }
                .portfolio.grid article .overlay .date {
                    display: block;
                    top: -20px;
                    color: #000;
                }
                .portfolio.grid.four-columns article .overlay .date {
                    display: block;
                    top: -16px;
                }
                .portfolio-grid-filters.horizontal span {
                    font-size: 17px;
                }

            /* Split Slider */
                .portfolio.split-slider article h2 {
                    top: 47%;
                    font-size: 62px;
                    line-height: 72px;
                }

            /* Split List */
                .portfolio-split-list-media {
                    display: none;
                }
                .portfolio.split-list {
                    width: 100%;
                    padding: 0 100px 20px;
                }
                .portfolio.split-list article {
                    display: block;
                    opacity: 1;
                    margin-bottom: 30px;
                }
                .portfolio.split-list article a {
                    display: block;
                }
                .portfolio.split-list article .media {
                    display: block;
                }
                .portfolio.split-list article .text {
                    position: absolute;
                    display: block;
                    top: 50%;
                    left: 0;
                    width: 100%;
                    padding: 0 20px;
                    text-align: center;
                    -webkit-transform: translate(0, -50%);
                    -moz-transform: translate(0, -50%);
                    transform: translate(0, -50%);
                }
                .portfolio.split-list article h2,
                .portfolio.split-list.has-thumbnails article h2 {
                    display: block;
                    font-size: 54px;
                    line-height: 54px;
                    color: #fff;
                }
                .portfolio.split-list article span.date {
                    display: none;
                }
                .portfolio.split-list.has-thumbnails article .thumbnails {
                    display: none;
                }

            /* Bold Text */
                .portfolio-bold-text-media,
                .portfolio-bold-text-full-media {
                    display: none;
                }
                .portfolio.bold-text {
                    padding: 50px 80px;
                }
                .portfolio.bold-text::after {
                    display: block;
                    content: "";
                    clear: both;
                }
                .portfolio.bold-text article {
                    display: block;
                    float: left;
                    padding-right: 0;
                    width: calc(50% - 20px);
                    margin: 0 40px 40px 0;
                    text-align: center;
                }
                .portfolio.bold-text article:nth-child(2n) {
                    margin-right: 0;
                }
                .portfolio.bold-text.hover-full article .media,
                .portfolio.bold-text.hover-single article .media {
                    position: relative;
                    display: block;
                    top: auto;
                    left: auto;
                    width: 100%;
                    height: auto;
                    margin-bottom: 20px;
                    z-index: 2;
                    opacity: 1;
                    visibility: visible;
                    pointer-events: all;
                }
                .portfolio.bold-text.hover-full article .media img,
                .portfolio.bold-text.hover-single article .media img {
                    display: block;
                    width: 100%;
                    height: auto;
                    object-fit: unset;
                    object-position: unset;
                }
                .portfolio.bold-text article h2 {
                    font-size: 28px;
                    line-height: 37px;
                    opacity: 1;
                    transition-delay: 0s;
                    color: #000!important;
                }

            /* Strips Slider */
                .portfolio.strips-slider.columns-3 article,
                .portfolio.strips-slider.columns-4 article {
                    width: 50vw;
                }
                .portfolio.strips-slider article h2 {
                    font-size: 42px;
                    line-height: 52px;
                }
                .portfolio.strips-slider article .text {
                    padding: 0 50px;
                }

            /* Carousel Slider */
                .portfolio.carousel-slider.full article h2 {
                    font-size: 52px;
                    line-height: 53px;
                }
                .portfolio.carousel-slider.big article {
                    width: 64vw;
                    padding: 0;
                }
                .portfolio.carousel-slider.big article .inner {
                    position: absolute;
                    width: 50vw;
                    left: 0;
                    right: 0;
                    margin: 0 auto;
                }
                .portfolio.carousel-slider.big article h2 {
                    font-size: 44px;
                    line-height: 54px;
                }
                .portfolio.carousel-slider.big article span {
                    display: none;
                }

            /* Scrolling Columns */
                .portfolio.scrolling-columns,
                .firefox .portfolio.scrolling-columns {
                    padding: 80px 0;
                }
                .portfolio.scrolling-columns article {
                    margin-bottom: 80px;
                }
                .portfolio.scrolling-columns article a::before {
                    display: none;
                }
                .portfolio.scrolling-columns article .media {
                    margin-bottom: 20px;
                    transform: scale(1)!important;
                }
                .portfolio.scrolling-columns article .text {
                    position: relative;
                    top: auto;
                    left: auto;
                    width: 100%;
                    padding: 0 20px;
                    opacity: 1;
                    -webkit-transform: none;
                    -moz-transform: none;
                    transform: none;
                }
                .portfolio.scrolling-columns article h2 {
                    font-size: 34px;
                    line-height: 45px;
                    color: #000;
                }
                .portfolio.scrolling-columns article h2 span {
                    display: none;
                }

            /* Singles */
                main.project > .header .media .portfolio.gallery.carousel-slider figure {
                    width: auto;
                    max-width: 80vw;
                    height: auto;
                    max-height: 500px;
                }

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

            /* Global */
                main.page.extra-padding {
                    padding: 80px 0 80px;
                }
                main.page .page-header {
                    margin: 120px 0 120px;
                }
                main.page .page-header h1 {
                    font-size: 54px;
                    line-height: 49px;
                }
                main.page .page-header p {
                    font-size: 16px;
                }

            /* Sliced */
                main.page-sliced .first-half {
                    float: none;
                    width: 100%;
                    padding: 200px 100px!important;
                }
                main.page-sliced .first-half .cover {
                    display: block;
                }
                main.page-sliced .second-half {
                    display: none;
                }

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

            /* Minimal */
                .blog-minimal-media {
                    display: none;
                }
                .blog-minimal .posts article {
                    margin-bottom: 150px;
                    padding: 110px 20px 90px;
                }
                .blog-minimal .posts article .tablet-mobile-media {
                    display: block;
                }
                .blog-minimal .posts article h2 {
                    position: relative;
                    font-size: 36px;
                    line-height: 44px;
                }
                .blog-minimal .posts article h2 a {
                    color: #fff;
                }
                .blog-minimal .posts article h2 a br {
                    display: none;
                }
                .blog-minimal .posts article h2 span.split-lines {
                    line-height: inherit;
                }
                .blog-minimal .posts article .meta {
                    opacity: 0.7!important;
                }
                .blog-minimal .posts article .meta,
                .blog-minimal .posts article .meta a {
                    color: #ffffff;
                }

            /* Cover */
                .blog-cover .posts article::before {
                    display: none;
                }
                .blog-cover .posts article h2 {
                    font-size: 36px;
                    line-height: 44px;
                }
                .blog-cover .posts article h2 a br {
                    display: none;
                }
                .blog-cover .posts article .meta {
                    opacity: 0.7!important;
                }
                .blog-cover .posts article .meta,
                .blog-cover .posts article .meta a {
                    color: #ffffff;
                }
    
            /* Single */
                .blog-single .cover .head .container {
                    width: 100%;
                    padding: 0 100px;
                }
                .blog-single:not(.has-sidebar) .cover.image,
                .blog-single:not(.has-sidebar) .cover.gallery,
                .blog-single:not(.has-sidebar) .cover.video,
                .blog-single:not(.has-sidebar) .cover.audio {
                    margin-bottom: 50px;
                }
                .blog-single .cover.image .media,
                .blog-single .cover.video .media,
                .blog-single .cover.audio .media,
                .blog-single .cover.gallery .media {
                    margin-bottom: 50px;
                }
                .blog-single .cover.image .media::after {
                    display: none;
                }
                .blog-single .cover.image .head {
                    position: relative;
                    top: auto;
                    left: auto;
                    z-index: 2;
                    -webkit-transform: none;
                    -moz-transform: none;
                    transform: none;
                }
                .blog-single .cover.image .head h1 {
                    color: #000;
                    font-size: 32px;
                    line-height: 44px;
                }
                .blog-single.has-sidebar .head h1 {
                    font-size: 30px;
                    line-height: 40px;
                }
                .blog-single .cover.image .head .meta a:hover {
                    color: #000;
                }
    }


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


        /* ----------------------   */
        /* Basics                   */
        /* ----------------------   */
            html.fullwidth main {
                height: calc(100vh - 140px);
                margin: 70px 0;
            }
            html:not(.fullwidth) main .inner-container {
                padding: 0 20px;
            }
            .hide-on-mobile {
                display: none!important;
            }
            h1 {
                font-size: 3em;
                line-height: 1.2em;
                font-weight: bold;
                text-align: center;
                margin-bottom: 1em;
            }
            h2 {
                font-size: 24px;
                line-height: 36px;
            }
            html main .small-inner-container {
                width: 100%;
                padding: 0 20px;
            }

        /* ----------------------   */
        /* Header                   */
        /* ----------------------   */
            header {
                height: 70px;
                padding: 5px 20px 15px;
            }
            header .logo {
                height: 50px;
                line-height: 50px;
            }
            header.showNav .logo,
            html.header-absolute.showNav header .logo, 
            html.header-fixed.showNav header .logo {
                left: 20px;
                top: 6px;
            }
            header .logo a {
                max-height: 40px;
            }
            header .logo img {
                max-height: 40px;
            }
            header .menu-icon {
                top: 18px;
            }
            header.showNav .menu-icon {
                right: 20px;
                top: 21px;
            }
            html.header-absolute.showNav header .menu-icon, html.header-fixed.showNav header .menu-icon {
                right: 20px;
                top: 21px;
            }
            header > nav > ul > li {
                line-height: 38px;
            }
            header > nav > ul > li > a {
                font-size: 28px;
            }

        /* ----------------------   */
        /* Footer                   */
        /* ----------------------   */
            footer {
                height: 70px;
                line-height: 70px;
                padding: 0 50px;
            }
            footer .copyrights {
                display: none;
                height: 70px;
            }
            footer .social-links {
                float: none;
                height: 70px;
                max-width: 100%;
                text-align: center;
                font-size: 0;
            }
            footer .social-links ul {
                height: 70px;
                display: inline-block;
            }
            footer .social-links ul li {
                display: inline-block;
                line-height: 70px;
            }
            footer .social-links ul li a {
                color: #000;
            }
            html.skin-dark footer .social-links ul li a {
                color: #fff;
            }
        
        /* ----------------------   */
        /* Elements                 */
        /* ----------------------   */

            /* PopUp */
                .mfp-image-holder .mfp-content {
                    max-width: 86%;
                }
                .mfp-container .arrow-left,
                .mfp-container .arrow-right {
                    display: none;
                }

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

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

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

            /* Gallery Grid */
                .gallery.grid.style-behance.two-columns figure,
                .gallery.grid.style-behance.three-columns figure,
                .gallery.grid.style-behance.four-columns figure {
                    width: 50%;
                }
                .gallery.grid.style-behance.two-columns figure.size-wide,
                .gallery.grid.style-behance.three-columns figure.size-wide,
                .gallery.grid.style-behance.four-columns figure.size-wide {
                    width: 100%;
                }

            /* Team Member */
                .team-members.columns-2 .team-member,
                .team-members.columns-3 .team-member,
                .team-members.columns-4 .team-member {
                    width: 100%;
                    margin-right: 0!important;
                }
                .team-members .team-member::before {
                    display: none;
                }
                .team-member img,
                .team-member:hover img {
                    margin-bottom: 20px;
                    transform: scale(1);
                }
                .team-member .overlay {
                    position: relative;
                    width: 100%;
                    top: auto;
                    left: 0;
                    padding: 0 10px;
                    margin-bottom: 10px;
                    opacity: 1;
                    -webkit-transform: none;
                    -moz-transform: none;
                    transform: none;
                }
                .team-member .social-profiles {
                    position: relative;
                    width: 100%;
                    padding: 0 10px;
                    bottom: auto;
                    opacity: 1;
                }

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

            /* Pixi */
                .pixi .projects-container {
                    padding: 50px 20px;
                }
                .pixi .mobile span {
                    font-size: 32px;
                    line-height: 40px;
                }

            /* Both - Grid & Masonry */
                .portfolio.grid.two-columns article,
                .portfolio.grid.three-columns article,
                .portfolio.grid.four-columns article,
                .portfolio.gallery.grid.two-columns figure,
                .portfolio.gallery.grid.three-columns figure,
                .portfolio.gallery.grid.four-columns figure {
                    width: 100%!important;
                    margin: 0 0 20px;
                    padding-bottom: 20px;
                }
                .portfolio-grid-filters.horizontal {
                    margin: 0 0 50px;
                }
                .portfolio.grid.four-columns article .overlay .inner h2 {
                    font-size: 26px;
                    line-height: 32px;
                }
                .portfolio.grid article .overlay .date,
                .portfolio.grid.four-columns article .overlay .date {
                    display: none;
                }

            /* Bold Text */
                .portfolio.bold-text {
                    padding: 30px 0;
                }
                .portfolio.bold-text.hover-full article .media, 
                .portfolio.bold-text.hover-single article .media {
                    margin-bottom: 12px;
                }
                .portfolio.bold-text article {
                    width: 100%;
                    margin: 0 0 40px 0;
                }
                .portfolio.bold-text article {
                    margin-right: 0;
                }
                .portfolio.bold-text article h2 {
                    font-size: 28px;
                    line-height: 38px;
                }
                .portfolio.bold-text article span {
                    display: none;
                }

            /* Strips Slider */
                .portfolio.strips-slider.columns-2 article,
                .portfolio.strips-slider.columns-3 article,
                .portfolio.strips-slider.columns-4 article {
                    width: 100vw;
                }
                .portfolio.strips-slider article h2 {
                    font-size: 38px;
                    line-height: 48px;
                }

            /* Split List */
                .portfolio.split-list {
                    width: 100%;
                    padding: 20px;
                }
                .portfolio.split-list article {
                    margin-bottom: 20px;
                }
                .portfolio.split-list article h2,
                .portfolio.split-list.has-thumbnails article h2 {
                    font-size: 23px;
                    line-height: 30px;
                    color: #fff;
                }

            /* Split Slider */
                .portfolio-split-slider-media {
                    display: none;
                }
                .portfolio.split-slider article .media {
                    display: block;
                }
                .portfolio.split-slider article .black-text {
                    display: none;
                }
                .portfolio.split-slider article .white-text {
                    width: 100%;
                    left: 0;
                }
                .portfolio.split-slider article h2 {
                    display: block;
                    top: 45%;
                    left: 0;
                    width: 100%;
                    font-size: 32px;
                    line-height: 42px;
                    padding: 0 20px;
                    transform: none;
                    text-align: center;
                }
                .portfolio.split-slider article span.date {
                    display: none;
                }

            /* Carousel Slider */
                .portfolio.carousel-slider.big {
                    height: 45vw;
                    top: 50%;
                    -webkit-transform: translate(0, -50%);
                    -moz-transform: translate(0, -50%);
                    transform: translate(0, -50%);
                }
                .portfolio.gallery.carousel-slider.big {
                    height: auto;
                    top: auto;
                    transform: none;
                    margin-bottom: 30px;
                }
                .portfolio.gallery.carousel-slider.big figure {
                    width: 80vw;
                    margin: 0 10px;
                }
                .portfolio.carousel-slider.big article {
                    width: 80vw;
                }
                .portfolio.carousel-slider.big article .inner {
                    width: 70vw;
                }
                .portfolio.carousel-slider.big .swiper-pagination {
                    display: none;
                }
                .portfolio.carousel-slider.small article,
                .portfolio.carousel-slider.small.three-columns article,
                .portfolio.carousel-slider.small.four-columns article {
                    width: 50vw;
                }
                .portfolio.carousel-slider.small article h2 {
                    font-size: 32px;
                    line-height: 42px;
                }
                .portfolio.carousel-slider.small .swiper-pagination {
                    display: none;
                }
                .portfolio.carousel-slider.big {
                    height: 55vw;
                }
                .portfolio.carousel-slider article .text {
                    padding: 0 20px;
                }
                .portfolio.carousel-slider.full article h2 {
                    font-size: 32px;
                    line-height: 42px;
                }
                .portfolio.carousel-slider.full article span {
                    display: none;
                }
                .portfolio.carousel-slider.small article .text {
                    bottom: -60px;
                    padding: 25px 20px 0;
                }
                .portfolio.carousel-slider.small article span {
                    display: none;
                }
                .portfolio.carousel-slider.big article {
                    width: 100vw;
                }
                .portfolio.carousel-slider.big article .inner {
                    width: 90%;
                }
                .portfolio.carousel-slider.big article h2 {
                    font-size: 30px;
                    line-height: 40px;
                }
                .portfolio.carousel-slider.small article,
                .portfolio.carousel-slider.small.two-columns article,
                .portfolio.carousel-slider.small.three-columns article,
                .portfolio.carousel-slider.small.four-columns article {
                    width: 100vw;
                }

            /* Scrolling Columns */
                .portfolio.scrolling-columns, 
                .firefox .portfolio.scrolling-columns {
                    padding: 40px 0;
                }
                .portfolio.scrolling-columns .column {
                    display: block;
                    width: 100%;
                    padding: 0;
                    margin: 0 auto;
                    float: none!important;
                }
                .portfolio.scrolling-columns .column:last-child {
                    display: none;
                }
                .portfolio.scrolling-columns article h2 {
                    font-size: 32px;
                    line-height: 40px;
                }

            /* Singles */
                main.project > .header.style-full .text h1,
                main.project > .header.style-half .text h1 {
                    font-size: 44px;
                    line-height: 52px;
                    margin: 0;
                }
                main.project > .header.style-standard .text h1 {
                    font-size: 32px;
                    line-height: 42px;
                    padding: 0 20px;
                    margin: 0;
                }
                main.project > .header.style-standard.title-first .text {
                    margin-bottom: 10px;
                }
                main.project > .header .media .portfolio.gallery.carousel-slider figure {
                    max-height: 300px;
                }

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

            /* Global */
                html.header-fixed main.page.extra-padding-top, 
                html.footer-fixed main.page.extra-padding-bottom {
                    padding: 40px 0;
                }
                main.page .page-header {
                    margin: 50px 0;
                }
                main.page .page-header h1 {
                    font-size: 36px;
                    line-height: 42px;
                    margin-bottom: 10px;
                }

            /* Sliced */
                main.page-sliced .first-half {
                    padding: 100px 20px!important;
                }

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

            /* Global */
                .blog {
                    padding-top: 30px;
                }
                .blog.has-sidebar .posts,
                .blog-single.has-sidebar .article-wrapper {
                    width: 100%;
                    float: none;
                    margin: 0 0 100px 0;
                }
                .blog.has-sidebar .sidebar,
                .blog-single.has-sidebar .sidebar {
                    float: none;
                    width: 100%;
                    margin-bottom: 20px;
                }
                .blog .posts article {
                    width: 100%;
                    margin: 0 0 50px 0;
                }

            /* Minimal */
                .blog-minimal .posts article {
                    padding: 100px 40px 90px;
                }
                .blog-minimal .posts article h2 {
                    font-size: 26px;
                    line-height: 34px;
                    margin-bottom: 22px;
                }
                .blog .posts article .meta > div {
                    line-height: 18px;
                }
                .blog-minimal .posts article .meta,
                .blog-minimal .posts article .meta a {
                    font-size: 12px;
                }

            /* Cover */
                .blog-cover .posts article {
                    padding: 100px 40px 90px;
                }
                .blog-cover .posts article h2 {
                    font-size: 26px;
                    line-height: 34px;
                    margin-bottom: 22px;
                }
                .blog .posts article .meta > div {
                    line-height: 18px;
                }
                .blog-cover .posts article .meta,
                .blog-cover .posts article .meta a {
                    font-size: 12px;
                }
    
            /* Single */
                .blog-single .cover .head h1,
                .blog-single .cover.image .head h1 {
                    font-size: 26px;
                    line-height: 34px;
                }
                .blog-single.has-sidebar .head h1 {
                    font-size: 26px;
                    line-height: 36px;
                }
                .blog-single .cover .head .container {
                    padding: 0 20px;
                }
                .blog-single .cover.image .head .meta {
                    margin-bottom: 40px;
                }
                .blog-single .content .tags a,
                .blog-single .content .sharing a {
                    color: #000;
                }

    }