/*
    Theme Name: Photozone
    Text Domain: photozone
    Theme URI: http://themes.makzoon.com/photozone
    Author: Evolle
    Author URI: http://makzoon.com/
    Description: Photozone Photography - WordPress Theme
    Version: 1.0.0
    License: GNU General Public License v2 or later
    License http://www.gnu.org/licenses/gpl-2.0.html
    License URI: 
    Tags: one-column, two-columns, right-sidebar, full-width-template, accessibility-ready, custom-colors, custom-menu, featured-images, post-formats, sticky-post, theme-options, translation-ready
*/
/*------------------------------------------------------------------
[Table of contents]

01. NORMALIZE
02. THEME SETTINGS
03. HEADER
    1.1 - Logo Settings
    1.2 - Toggle Menu Icon
    1.3 - Main Menu
    1.4 - Overlay Menu
    1.5 - Social Media
04. SLIDER
    1.1 - Slider 1
    1.2 - Slider 2
    1.3 - Slider 3
    1.4 - Slider 7
05. GRID SETTINGS
06. GALLERY SETTINGS
07. BLOG SETTINGS
08. MODULES
    1.1 - Author 1
    1.2 - Pricing 2
    1.3 - Experince 3
    1.4 - Testimonial 4
    1.5 - Text Module 5
    1.6 - Logo Module 6
    1.7 - Newsletter Module 7
    1.8 - Video Module 8
    1.9 - Skills Module 9
09. BUTTONS
10. FOOTER
11. MEDIA ELEMENTS

/*============================================================================
  >> 01. NORMALIZE
  ============================================================================
*/
html {
    margin: 0;
    padding: 0;
    min-height:100%;
    font-size: 16px;
}
body {
    font-family: 'Roboto', sans-serif;
    padding: 0;
    height: 100%;
    min-height: 100%;
    color:#111;
}
img {
    display:block;
    max-width:100%;
    height:auto;
}
ul, ol {
    padding:0;
    margin:0;
    list-style: none;
}
a, a:hover, a:active, a:focus {
    text-decoration:none;
    outline: 0;
}
a img, img {
    border: 0;
}
figure, embed, iframe, object, video {
    max-width: 100%;
    margin:0;
    vertical-align: middle;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}
select:focus, textarea:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="url"]:focus, input[type="text"]:focus, input[type="email"]:focus {
    outline: none;
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
}
svg:not(:root) {
    overflow: hidden;
    max-width: 100%; height: 100%; width: auto;
}
.sticky, .gallery-caption, .bypostauthor {
    visibility: visible;
}
.alignnone {
    margin: 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.aligncenter > a,
div.aligncenter > a {
    width: 100%;
    max-width: 100%;
}
.alignright {
    float:right;
    margin: 1.5em 0 0.5em 2em;
}
.alignleft {
    float: left;
    margin: 0.5em 0 0 2em;
}
a img.alignright {
    float: right;
    margin: 1.5em 0 0.5em 2em;
}
a img.alignnone {
    margin: 0;
}
a img.alignleft {
    float: left;
    margin: 0.5em 0 0 2em;
}
a img.aligncenter {
    display: block;
    margin: 0 auto;
}
.wp-caption {
    max-width: 100%; /* Image does not overflow the content area */
    text-align: center;
}
.wp-caption.alignnone {
    margin: 0;
}
.wp-caption.alignleft {
    margin: 0.5em 0 0 2em;
}
.wp-caption.alignright {
    margin: 1.5em 0 0.5em 2em;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
}
.wp-caption p.wp-caption-text {
    font-size: 0.7857rem;
    line-height: 1.7;
    margin: 0;
    padding: 0 4px 5px;
}
.wp-caption-text {
    display: block;
    margin: 15px 0;
    font-weight: 500;
    font-size: 12px;
    font-style: italic;
    line-height: 1.45;
    color: #999;
}
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}
@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%)
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(100%)
    }
    51% {
        opacity: 1
    }
}
@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-100%)
    }
    50% {
        opacity: 0;
        -moz-transform: translateY(100%)
    }
    51% {
        opacity: 1
    }
}
@keyframes toTopFromBottom {
    49% {
        transform: translateY(-100%)
    }
    50% {
        opacity: 0;
        transform: translateY(100%)
    }
    51% {
        opacity: 1
    }
}
@-webkit-keyframes toRightFromLeft {
    49% {
        -webkit-transform: translateX(100%)
    }
    50% {
        opacity: 0;
        -webkit-transform: translateX(-100%)
    }
    51% {
        opacity: 1
    }
}
@-moz-keyframes toRightFromLeft {
    49% {
        -moz-transform: translateX(100%)
    }
    50% {
        opacity: 0;
        -moz-transform: translateX(-100%)
    }
    51% {
        opacity: 1
    }
}
@keyframes toRightFromLeft {
    49% {
        transform: translateX(100%)
    }
    50% {
        opacity: 0;
        transform: translateX(-100%)
    }
    51% {
        opacity: 1
    }
}
.evo-slick .slick-dots {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.evo-slick .slick-dots li {
    margin:0 6px;
    padding:0;
    height: 10px;
}
.evo-slick .slick-dots li button {
    border:0;
    text-indent: -9999px;
    width: 9px;
    height: 9px;
    padding:0;
    outline: none;
    box-shadow: none;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .1);
    -webkit-transition: all .3s cubic-bezier(.215,.61,.355,1);
    -moz-transition: all .3s cubic-bezier(.215,.61,.355,1);
    transition: all .3s cubic-bezier(.215,.61,.355,1);
}
body[data-skin="dark"] .evo-module[data-skin="default"] .slick-dots li button, .evo-module[data-skin="dark"] .slick-dots li button {
    background-color: rgba(255, 255, 255, .1);
}
body[data-skin="dark"] .evo-module[data-skin="default"] .evo-slick .slick-dots li.slick-active button {
    box-shadow: 0 0 0 2px #fff;
}
.evo-slick .slick-dots li.slick-active button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #111;
}
.evo-100 {
    font-weight: 100;
}
.evo-300 {
    font-weight: 300;
}
.evo-400 {
    font-weight: 400;
}
.evo-500 {
    font-weight: 500;
}
.evo-600 {
    font-weight: 600;
}
.evo-700 {
    font-weight: 700;
}
/*============================================================================
  >> 02. THEME SETTINGS
  ============================================================================
*/
body[data-skin="dark"] {
    background-color: #111;
    color: #fff;
}
.ng-full-wrap {
    padding-left: 5rem;
    padding-right: 5rem;
}
.ng-main-wrap {
    padding-top: 120px;
}
.ng-full-height {
    padding-bottom: 60px;
}
.ng-full-height-cotact {
    padding-bottom: 60px;
}
/*============================================================================
  >> 03. HEADER
  ============================================================================
*/
.ng-header {
    position: absolute;
    width: 100%;
    z-index: 2;
}
.ng-header-wrap {
    height: 120px;
}
.ng-header-column {
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -moz-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.ng-quick-buttons {
    display: -ms-flexbox;
    display: flex;
}
    /*1.1 - Logo Settings*/
    .ng-brand {
        position: relative;
        display: -webkit-flexbox;
        display: -ms-flexbox;
        display: -moz-flexbox;
        display: flex;
        z-index: 1010;
    }
    .ng-brand a {
        position: relative;
        display: -webkit-flexbox;
        display: -ms-inline-flexbox;
        display: -moz-inline-flexbox;
        display: inline-flex;
        height: 29px;
        font-weight: 900;
        color: #111;
        font-size: 25px;
    }
    .ng-brand img {
        position: absolute;
        max-width: none;
        height: 100%;
        opacity: 1;
        -webkit-transition: all .5s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
        -moz-transition: all .5s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
        -ms-transition: all .5s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
        transition: all .5s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
    }
    body[data-skin="dark"] .ng-logo-dark, .ng-dark .ng-brand .ng-logo-dark {
        opacity: 0;
    }
    body[data-skin="light"] .ng-logo-light, .ng-light .ng-brand .ng-logo-light {
        opacity: 0;
    }
    .ng-dark .ng-brand .ng-logo-light, .ng-light .ng-brand .ng-logo-dark {
        opacity: 1;
    }
    /*1.2 - Toggle Menu Icon*/
    .ng-toggle-menu {
        position: relative;
        width: 30px;
        height: 30px;
        cursor: pointer;
        z-index: 1020;
    }
    .ng-header-1 .ng-toggle-menu {
        margin-right: -5px;
    }
    .ng-header-2 .ng-toggle-menu {
        margin-right: 50px;
        margin-left: -5px;
    }
    .ng-hamburger {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
    }
    .ng-hamburger span {
        position: absolute;
        display: block;
        height: 2px;
        width: 21px;
        top: 11px;
        left: 4px;
        background-color: #111;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: all .5s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
        -moz-transition: all .5s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
        -ms-transition: all .5s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
        transition: all .5s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
    }
    body[data-skin="dark"] .ng-hamburger span, .ng-dark .ng-hamburger span {
        background-color: #fff;
    }
    .ng-overlay-active body[data-skin="light"] .ng-hamburger span {
        background-color: #111;
    }
    .ng-hamburger span:nth-child(2) {
        top: 18px;
    }
    .ng-hamburger span:before {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 0%;
        height: 100%;
        background-color: #949494;
        z-index: 1;
        -webkit-transition: all .12s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
        -moz-transition: all .12s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
        -ms-transition: all .12s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
        transition: all .12s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
    }
    .ng-hamburger span:nth-child(2):before {
        -webkit-transition: all .12s cubic-bezier(0.615, 0.19, 0.305, 0.91) .085s;
        -moz-transition: all .12s cubic-bezier(0.615, 0.19, 0.305, 0.91) .085s;
        -ms-transition: all .12s cubic-bezier(0.615, 0.19, 0.305, 0.91) .085s;
        transition: all .12s cubic-bezier(0.615, 0.19, 0.305, 0.91) .085s;
    }
    .ng-hamburger:hover span:before {
        width: 100%;
    }
    .ng-overlay-active .ng-hamburger span:nth-child(1) {
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        top: 14px;
    }
    .ng-overlay-active .ng-hamburger span:nth-child(2) {
        -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        transform: rotate(225deg);
        top: 14px;
    }
    /*1.3 - Main Menu*/
    .ng-menu-horizontal .ng-main-menu .ng-menu {
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: flex;
    }
    .ng-menu-item {
        position: relative;
        overflow: hidden;
    }
    .ng-main-menu .ng-menu li {
        position: relative;
    }
    .ng-menu-vertical .ng-menu li {
        width: 100%;
    }
    .ng-menu-horizontal .ng-menu li a {
        display: -webkit-flexbox;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 0.875rem;
        font-weight: 500;
        color: #111;
        padding: 10px 13px;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
    .ng-dark .ng-menu-horizontal .ng-menu > li > .ng-menu-item > .ng-menu-link > a {
        color: #fff;
    }
    .ng-menu-vertical .ng-menu li a {
        position: relative;
        font-size: 3rem;
        font-weight: 700;
        color: #111;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    body[data-skin="dark"] .ng-menu-vertical .ng-menu li a {
        color: #fff;
    }
    .ng-menu-vertical .ng-menu > li > .ng-menu-item > .ng-menu-link {
        position: relative;
        display: -ms-flexbox;
        display: -webkit-flexbox;
        display: flex;
        white-space: nowrap;
        -ms-flex-align: center;
        align-items: center;
        opacity: 0;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
    body[data-skin="dark"] .ng-menu-horizontal .ng-menu > li > .ng-menu-item > .ng-menu-link > a {
        color: #fff;
    }
    .ng-menu-horizontal .ng-main-menu .ng-menu .ng-sub-toggle {
        font-size: 0.5rem;
        margin-left: 7px;
    }
    .ng-menu-horizontal .ng-main-menu .ng-menu li:last-child a {
        padding-right: 0;
    }
    .ng-menu-horizontal .sub-menu {
        position: absolute;
        background-color: #fff;
        left: -13px;
        top: 100%;
        margin-top: -1px;
        padding: 15px 25px;
        z-index: 1;
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
        line-height: normal;
        -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
        -moz-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
        -ms-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
        transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    }
    .ng-menu-vertical .sub-menu {
        display: none;
    }
    .ng-menu-horizontal .ng-menu > li:hover > .sub-menu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
    .ng-menu-horizontal .sub-menu li {
        min-width: 150px;
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .ng-menu-horizontal .sub-menu li .ng-menu-link {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    .ng-menu-horizontal .ng-main-menu .sub-menu li a {
        font-size: 0.75rem;
        font-weight: 400;
        padding:0;
    }
    .ng-menu-horizontal[data-submenu="dark"] .sub-menu {
        background-color: #111;
    }
    .ng-menu-horizontal[data-submenu="dark"] .ng-main-menu .sub-menu a {
        color: #fff;
    }
    .ng-menu-vertical .ng-sub-toggle {
        position: relative;
        display: inline-block;
        margin-left: 5px;
        margin-top: 5px;
        font-size: 0.875rem;
        z-index: 1;
        cursor: pointer;
        padding: 5px 15px;
    }
    .ng-menu-vertical .ng-menu .sub-menu a {
        position: relative;
        font-size: 1.125rem;
        font-weight: 500;
        padding-left: 20px;
        display: -ms-flexbox;
        display: -webkit-flexbox;
        display: flex;
        white-space: nowrap;
        -ms-flex-align: center;
        align-items: center;
    }
    /*1.4 - Overlay Menu*/
    .ng-overlay-menu {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        background-color: #fff;
        z-index: 1010;
        visibility: hidden;
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
    }
    body[data-skin="dark"] .ng-overlay-menu {
        background-color: #111;
    }
    .ng-overlay-wrap {
        position: relative;
        width: 100%;
        height: 100vh;
    }
    .ng-overlay-inner {
        display: -webkit-flexbox;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-pack: justify;
        -moz-flex-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 120px;
        padding-bottom: 50px;
        min-height: 100%;
    }
    .ng-overlay-inner > * {
        width: 47%;
    }
    .ng-overlay-left {
        position: relative;
    }
    .ng-overlay-left:before {
        position: absolute;
        content: '';
        width: 1px;
        height: 0;
        top: 0;
        right: 0;
        background-color: #eee;
        -webkit-transition: height .65s cubic-bezier(0.615, 0.19, 0.305, 0.91) .04s;
        -moz-transition: height .65s cubic-bezier(0.615, 0.19, 0.305, 0.91) .04s;
        -ms-transition: height .65s cubic-bezier(0.615, 0.19, 0.305, 0.91) .04s;
        transition: height .65s cubic-bezier(0.615, 0.19, 0.305, 0.91) .04s;
    }
    body[data-skin="dark"] .ng-overlay-left:before {
        background-color: #333;
    }
    .ng-overlay-active .ng-overlay-left:before {
        height: 100%;
        -webkit-transition-delay: .8s;
        transition-delay: .8s;
    }
    .ng-overlay-bottom .ng-copyright {
        position: relative;
        overflow: hidden;
        margin-top: 10px;
        opacity: 0;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        
    }
    .ng-overlay-text {
        margin-bottom: 50px;
        padding-top: 10px;
    }
    .ng-overlay-text span {
        display: inline-block;
        font-size: 3rem;
        font-weight: 300;
        line-height: 1.2;
        max-width: 700px;
        opacity: 0;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
    .ng-contact-info p {
        font-size: 0.8125rem;
        margin-bottom: 3px;
        color: #999;
        opacity: 0;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }
    .ng-contact-info p a {
        color: #111;
    }
    body[data-skin="dark"] .ng-contact-info p a {
        color: #fff;
    }
    /*1.5 - Social Media*/
    .ng-social {
        display: -ms-flexbox;
        display: -moz-flexbox;
        display: flex;
    }
    .ng-overlay-social {
        margin-bottom: 50px;
    }
    .ng-social li {
        margin-right: 25px;
    }
    .ng-social li:last-child {
        margin-right: 0;
    }
    .ng-overlay-social ul li {
        opacity: 0;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
    .ng-social li a {
        color: #999;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
    .ng-social li a:hover {
        color: #111;
    }
    body[data-skin="dark"] .ng-social li a:hover {
        color: #fff;
    }

/*============================================================================
  >> 04. SLIDER
  ============================================================================
*/
.ng-slider, .ng-carousel, .ng-carousel-single {
    overflow: hidden;
}
.ng-full-height .ng-carousel, .ng-full-height .swiper-slide {
    height: 100%;
}
.ng-slider-message {
    position: absolute;
    width: 100%;
    bottom: 3rem;
    z-index: 1;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: all .5s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
    -moz-transition: all .5s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
    -ms-transition: all .5s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
    transition: all .5s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
}
.ng-slider-message a {
    position: relative;
    color: #111;
    -webkit-transition: all .5s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
    -moz-transition: all .5s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
    -ms-transition: all .5s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
    transition: all .5s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
}
.ng-dark .ng-slider-message, .ng-dark .ng-slider-message a {
    color: #fff;
}
.ng-slider-message > * {
    position: relative;
    font-size: 0.6875rem;
    letter-spacing: .5px;
    display: -webkit-inline-flexbox;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.ng-message-item:after {
    content: '';
    width: 30px;
    height: 1px;
    background-color: currentColor;
    margin-left: 15px;
}
.ng-full-slider, .ng-full-slider .ng-slider-cover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.ng-full-slider .swiper-slide {
    overflow: hidden;
}
.ng-not-full-slider, .ng-not-full-slider .ng-slider-cover{
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.ng-carousel-nav {
    position: absolute;
    width: 27px;
    height: 47px;
    top: 50%;
    left: 5rem;
    cursor: pointer;
    z-index: 1;
    line-height: 47px;
    background-color: #fff;
    color: #111;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
}
body[data-skin="dark"] .ng-carousel-nav {
    background-color: #111;
    color: #fff;
}
.ng-slider-nav {
    position: absolute;
    width: 47px;
    height: 47px;
    top: 50%;
    left: 5rem;
    cursor: pointer;
    z-index: 1;
    line-height: 47px;
}
.ng-slider-next {
    left: auto;
    right: 5rem;
    margin-left: inherit;
}
.slider-nav-inner {
    position: absolute;
    width: 100%;
    height: 100%;
}
.ng-arrow-circle {
    position: absolute;
    outline:0;
    width: 100%;
    height: 100%;
    border:2px solid #fff;
    opacity: .25;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .7s cubic-bezier(1,0,.25,1);
    -moz-transition: all .7s cubic-bezier(1,0,.25,1);
    transition: all .5s cubic-bezier(.48,0,.12,1);
}
.ng-arrow-circle:focus {
    outline:0;
}
.ng-light .ng-arrow-circle {
    border-color: #111;
    opacity: .1;
}
.ng-arrow-icon {
    position: absolute;
    width: 100%;
    height: 9px;
    top: -webkit-calc(50% - 4px);
    top: calc(50% - 4px);
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.ng-arrow-line {
    position: relative;
    width: 45px;
    height: 1px;
    background-color: #fff;
    left: 26px;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all .7s cubic-bezier(1,0,.25,1);
    -moz-transition: all .7s cubic-bezier(1,0,.25,1);
    transition: all .5s cubic-bezier(.48,0,.12,1);
}
.ng-light .ng-arrow-line {
    background-color: #111;
}
.ng-slider-next .ng-arrow-line {
    left: auto;
    right: 26px;
}
.ng-slider-nav svg {
    position: absolute;
    color: #fff;
    left: 23px;
    -webkit-transition: all .7s cubic-bezier(1,0,.25,1);
    -moz-transition: all .7s cubic-bezier(1,0,.25,1);
    transition: all .5s cubic-bezier(.48,0,.12,1);
}
.ng-slider-next svg {
    left: auto;
    right: 23px;
}
.ng-light svg {
    color: #111;
}
.ng-slider-prev:hover svg {
    left: 10px;
}
.ng-slider-next:hover svg {
    right: 10px;
}
.ng-slider-prev:hover .ng-arrow-line {
    left: 15px;
    width: 20px;
}
.ng-slider-next:hover .ng-arrow-line {
    right: -10px;
    width: 20px;
}
.ng-slider-cover {
    background-size: cover;
    background-position: center center;
}
.ng-slider-text-inner {
    max-width: 991px;
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
}
.ng-slider-text {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.ng-slide-item[data-style="ng-dark"] .ng-slider-text {
    color: #fff;
}
.ng-slider-caption {
    width: 100%;
    font-size: 0.8125rem;
    font-weight: 300;
    letter-spacing: .5px;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 3px;
}
.ng-slider-caption span {
    position: relative;
    display: -webkit-inline-flexbox;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.ng-slider-text-inner > * {
    position: relative;
    overflow: hidden;
}
.ng-slider-text-center .ng-slider-text-inner {
    text-align: center;
}
.ng-slider-text-center .ng-slider-text-inner > * {
    display: inline-block;
}
.ng-slider-text-large .ng-entry-title {
    font-size: 8rem;
    font-weight: 900;
    line-height: .9;
    letter-spacing: -.5px;
    margin-bottom: 0;
}
.ng-slider-text-big .ng-entry-title {
    font-size: 4rem;
    font-weight: 900;
    line-height: .9;
    letter-spacing: -.5px;
    margin-bottom: 0;
}
.ng-slider-mask {
    position: fixed;
    width: 50%;
    height: 100%;
    bottom: 0;
    right: 0;
    z-index: 1;
    pointer-events: none;
}
.ng-slider-column-item {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
}
.ng-slider-left {
    left: 0;
}
.ng-slider-right {
    right: 0;
}
.ng-slider-right .ng-slider-cover {
    position: relative;
    width: 100%;
    height: 100%;
}
.ng-slider-padding {
    padding-top: 120px;
    padding-bottom: 120px;
    padding-left: 5rem;
    padding-right: 5rem;
}
.ng-home-video {
    position: absolute;
    display: -ms-flexbox;
    display: -moz-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    top: 0;
}
.ng-video {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    max-height: none;
}
.ng-video:before {
    content: "";
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.ng-home-video iframe, .ng-home-video embed, .ng-home-video object {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.ng-video-text {
    position: relative;
    max-width: 1000px;
    text-align: center;
}
.ng-video-text span {
    display: block;
    width: 100%;
    font-size: 5rem;
    font-weight: 300;
    line-height: 1;
    margin: 0;
}
.ng-video-text .ng-message-button {
    margin-top: 40px;
}
.ng-video-text .ng-message-button a {
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: .5px;
    color: #fff;
}
body[data-skin="light"] {
    color: #111;
}
    /*1.1 - Slider 1*/
    .ng-home-slider{
        width: 100%;
        height: 100vh;
    }
    /*1.2 - Slider 2*/
    .ng-slider-2 .ng-slider-cover {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        transform: scale(1.2);
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
    }
    /*1.3 - Slider 3*/
    .ng-slider-3 .ng-slider-cover {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: transform 7s linear;
        -ms-transition: transform 7s linear;
        transition: transform 7s linear;
    }
    .ng-slider-3 .swiper-slide-active .ng-slider-cover {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
    /*1.4 - Slider 7*/
    .ng-swiper-container{
        height: 100%;
        width: 100%;
        position: absolute;
        padding: 150px 0;
        left: 50%;
        top:0;
        transform: translateX(-50%);
    }
    .ng-slider.ng-slider-7{
        overflow: visible;
    }
    .ng-slider-7 .ng-slider-nav-wrapper{
        position: absolute;
        bottom:60px;
        display: flex;
        left:49%;
    }
    .ng-slider-7 h2{
        visibility: hidden;
        opacity: 0;
        line-height: 1;
    }
    .ng-slider-7 span{
        visibility: hidden;
        opacity: 0;
        line-height: 1;
    }
    .ng-slider-7 .swiper-slide-active h2, .ng-slider-7 .swiper-slide-active span{
        visibility: visible;
        opacity: 1;
        line-height: 1;
    }
    .ng-slider-7 .ng-slider-nav-wrapper .ng-slider-prev{
        left: -5rem;
    }
    .ng-slider-7 .ng-slider-nav-wrapper .ng-slider-next{
        left: 5rem;
    }
    .ng-slider-7 .ng-slide-item[data-style="ng-dark"] .ng-message-button a{
        color: #fff;
        font-size: 0.6875rem;
        letter-spacing: .5px;
        padding: 20px 0;
        display: block;
    }
    .ng-slider-7 .ng-slide-item[data-style="ng-light"] .ng-message-button a{
        font-size: 0.6875rem;
        letter-spacing: .5px;
        padding: 20px 0;
        display: block;
    }
    .ng-slider-7 .ng-slide-item[data-style="ng-light"], .ng-slider-7 .ng-slide-item[data-style="ng-light"] a{
        color: #111;
    }
    
/*============================================================================
  >> 05. GRID SETTINGS
  ============================================================================
*/
.ng-grid-gutter {
    width: 0;
}
.ng-grid-sizer {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    width: 20%;
}
.ng-load {
    opacity: 0;
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    transform: translateY(15px);
    -webkit-transition: opacity .4s cubic-bezier(.5,.15,.33,.88),-webkit-transform .6s cubic-bezier(.5,.15,.33,.88);
    -moz-transition: opacity .4s cubic-bezier(.5,.15,.33,.88),transform .6s cubic-bezier(.5,.15,.33,.88);
    transition: opacity .4s cubic-bezier(.5,.15,.33,.88),transform .6s cubic-bezier(.5,.15,.33,.88);
}
.ng-show {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
}
.ng-grid-wrap[data-gutter="5"] .row {
    margin-left: -5px;
    margin-right: -5px;
}
.ng-grid-wrap[data-gutter="5"] .ng-grid-item {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}
.ng-grid-wrap[data-gutter="5"] .ng-grid-body {
    left: 5px;
    right: 5px;
}
.ng-grid-wrap[data-gutter="10"] .row {
    margin-left: -10px;
    margin-right: -10px;
}
.ng-grid-wrap[data-gutter="10"] .ng-grid-item {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}
.ng-grid-wrap[data-gutter="15"] .ng-grid-item {
    margin-bottom: 30px;
}
.ng-grid-wrap[data-gutter="10"] .ng-grid-body {
    left: 10px;
    right: 10px;
}
.ng-grid-wrap[data-gutter="15"] .ng-grid-body {
    left: 15px;
    right: 15px;
}
.ng-grid-wrap[data-gutter="25"] .row {
    margin-left: -25px;
    margin-right: -25px;
}
.ng-grid-wrap[data-gutter="25"] .ng-grid-item {
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 50px;
}
.ng-grid-wrap[data-gutter="25"] .ng-grid-body {
    left: 25px;
    right: 25px;
}
.ng-grid-wrap[data-gutter="35"] .row {
    margin-left: -35px;
    margin-right: -35px;
}
.ng-grid-wrap[data-gutter="35"] .ng-grid-item {
    padding-left: 35px;
    padding-right: 35px;
    margin-bottom: 70px;
}
.ng-grid-wrap[data-gutter="35"] .ng-grid-body {
    left: 35px;
    right: 35px;
}
.ng-grid-wrap .row.no-gutters {
    margin-left: 0;
    margin-right: 0;
}
.ng-grid-wrap .no-gutters .ng-grid-item {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}
.ng-grid-wrap .no-gutters .ng-grid-item .ng-grid-body {
    left: 0;
    right: 0;
}
.ng-overlay-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}
.ng-grid-overlay .ng-grid-thumb {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: 50% 50%;
}
.ng-grid-item .ng-grid-thumb img {
    width: 100%;
}
.ng-grid-item {
    position: relative;
    overflow: hidden;
}
.ng-grid-body {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    overflow: hidden;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: flex;
}
.ng-align-top .ng-grid-body {
    -moz-flex-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}
.ng-align-bottom .ng-grid-body {
    -moz-flex-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}
.ng-align-center .ng-grid-body {
    -moz-flex-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.ng-grid-body:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s;
}
.ng-anim-1 .ng-grid-body:before {
    background-color: rgba(0, 0, 0, .3);
}
.ng-anim-2 .ng-grid-body:before {
    background-color: #fff;
}
body[data-skin="dark"] .ng-anim-2 .ng-grid-body:before {
    background-color: #111;
}
.ng-anim-2 .ng-grid-meta a, .ng-anim-2 .ng-grid-item .ng-entry-title {
    color: #111;
}
body[data-skin="dark"] .ng-anim-2 .ng-grid-meta a, body[data-skin="dark"] .ng-anim-2 .ng-grid-item .ng-entry-title {
    color: #fff;
}
.ng-grid-body:hover:before {
    opacity: 1;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
}
.ng-grid-inner {
    width: 100%;
    padding:2rem;
    z-index: 1;
}
.ng-grid-item .ng-grid-text {
    position: relative;
    overflow: hidden;
}
.ng-grid-item .ng-grid-text~.ng-grid-text {
    margin-top: 3px;
}
.ng-grid-item .ng-grid-text > * {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: 0.6s cubic-bezier(.48,0,.12,1);
    -moz-transition: 0.6s cubic-bezier(.40,0.3,.4,.65);
    transition: 0.6s cubic-bezier(.48,0,.12,1);
}
.ng-grid-body:hover .ng-grid-text > * {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.ng-grid-item .ng-entry-title {
    font-size: 1.625rem;
    font-weight: 700;
    letter-spacing: -.3px;
    margin-bottom: 0;
    color: #fff;
}
.ng-grid-meta {
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: flex;
}
.ng-align-center .ng-grid-meta {
    -moz-flex-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.ng-grid-meta > * {
    font-size: 0.625rem;
    font-weight: 500;
    letter-spacing: .5px;
    text-transform: uppercase;
}
.ng-grid-meta a {
    color: #fff;
}
.ng-grid-meta > *~*:before {
    content: ',';
    margin-left: 1px;
    margin-right: 4px;
}
.ng-grid-3 .ng-entry-title {
    font-size: 1.5rem;
}
.ng-grid-6 .ng-entry-title {
    font-size: 1.875rem;
}
/*============================================================================
  >> 06. GALLERY SETTINGS
  ============================================================================
*/
.ng-gallery-thumb {
    position: relative;
}
.ng-gallery-thumb a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.ng-gallery-thumb a:before, .ng-justified-gallery a:before, .ng-post-thumb a:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: 1;
}
.ng-gallery-thumb a:hover:before, .ng-justified-gallery a:hover:before, .ng-post-thumb a:hover:before {
    background-color: rgba(0, 0, 0, .4);
}
.ng-zoom-icon {
    position: absolute;
    color: #fff;
    width: 24px;
    height: 24px;
    top: 20px;
    right: 20px;
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: 2;
}
.ng-gallery-thumb:hover .ng-zoom-icon, .ng-justified-gallery a:hover .ng-zoom-icon {
    opacity: 1;
}
body[data-skin="light"] .lg-backdrop, body[data-skin="light"] .lg-sub-html, body[data-skin="light"] .lg-toolbar {
    background-color: #fff;
}
body[data-skin="light"] .lg-actions .lg-next, body[data-skin="light"] .lg-actions .lg-prev {
    background-color: #fff;
    color: #111;
}
body[data-skin="light"] .lg-toolbar .lg-icon:hover, body[data-skin="light"] .lg-sub-html {
    color: #111;
}
.lg-sub-html {
    padding:15px 20px;
}
.lg-sub-html h4 {
    font-size: 12px;
    margin-bottom: 5px;
}
.lg-sub-html p {
    margin-top: 0;
}
.lg-sub-html h4 span {
    font-weight: 400;
}
/*============================================================================
  >> 07. BLOG SETTINGS
  ============================================================================
*/
.ng-blog-1 .ng-post {
    margin-bottom: 70px;
}
.ng-blog-2 .ng-post {
    margin-bottom: 90px;
}
.ng-post-thumb a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.ng-post-thumb img {
    width: 100%;
}
.ng-post-body {
    margin-top: 15px;
}
.ng-blog-2 .ng-post-body {
    position: relative;
    text-align: center;
    margin-top: -70px;
    padding: 0 100px;
    z-index: 2;
}
.ng-post-inner {
    background-color: #fff;
    padding:50px;
}
.ng-post-meta {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    height: 25px;
}
.ng-post-meta > *, .ng-post-meta a {
    color: #bbb;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.ng-post-meta > *~*:before {
    content: '-';
    margin:0 5px;
}
.ng-post-meta a:hover {
    color: #111;
}
.ng-entry-content {
    margin-top: 10px;
}
.ng-entry-content p {
    font-size: 0.8125rem;
    line-height: 1.6;
    color: #565656;
}
.ng-blog-2 .ng-entry-content p {
    font-size: 0.875rem;
}
.ng-post-title {
    font-weight: 700;
    line-height: 1;
    margin:3px 0 7px;
}
.ng-blog-1 .ng-post-title {
    font-size: 1.875rem;
}
.ng-blog-2 .ng-post-title {
    font-size: 2.5rem;
}
.ng-post-title a {
    color: #111;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.ng-post-title a:hover {
    color: #555;
}
.ng-single-post .ng-post-title {
    font-size: 3.5rem;
}
.ng-single-post {
    margin-top: 30px;
    text-align: center;
}
.ng-single-header {
    margin-bottom: 50px;
}
.ng-single-post .ng-post-body {
    margin-top: 50px;
    padding:0 100px;
}
.ng-single .ng-entry-content p {
    font-size: 0.875rem;
}
.ng-single .ng-entry-content blockquote {
    margin:40px 0;
    padding:40px 50px 20px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.ng-single .ng-entry-content blockquote p {
    font-size: 1.875rem;
    line-height: 1.2;
    font-weight: 600;
}
.ng-post-footer {
    margin-top: 50px;
    border-top: 1px solid #eaeaea;
    padding-top: 50px;
}
.ng-post-tags span {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-right: 13px;
    margin-top: 5px;
}
.ng-post-tags ul li {
    margin-right: 7px;
}
.ng-post-tags ul li a {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    opacity: .5;
    color: #111;
}
.ng-post-share {
    margin-top: 30px;
}
.ng-post-share ul li {
    margin:0 7px;
}
.ng-post-share ul li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 36px;
    font-size: 0.875rem;
    border:2px solid #111;
    text-align: center;
    color: #111;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.ng-post-share ul li a:hover {
    background-color: #111;
    color: #fff;
}
.ng-post-author-bio {
    padding: 50px 0;
    margin-top: 50px;
    background-color: #f5f5f5;
    color: #666;
}
.ng-author-image {
    position: relative;
    display: inline-block;
    max-width: 120px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 30px;
}
.ng-author-name {
    font-weight: 700;
}
.ng-author-name a {
    color: #111;
}
.ng-author-content {
    display: inline-block;
    max-width: 700px;
}
.ng-author-content p {
    font-size: 1.125rem;
    font-weight: 300;
}
.ng-author-social {
    margin-top: 10px;
}
.ng-author-social ul li {
    margin:0 10px;
}
.ng-author-social ul li a {
    font-size: 0.875rem;
    color: #111;
}
.ng-post-comment-wrap {
    border:1px solid #eee;
    padding:80px;
    margin-top: 50px;
}
.ng-comment-list {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #eee;
}
.ng-comment-list .ng-comment {
    position: relative;
    padding-left: 85px;
    text-align: left;
}
.ng-comment-list .ng-comment~.ng-comment, .children {
    border-top: 1px solid #eee;
    padding-top: 30px;
    margin-top: 30px;
}
.ng-comment-body {
    min-height: 60px;
    margin-bottom: 30px;
}
.ng-comment-list .ng-comment:last-child .ng-comment-body {
    margin-bottom: 0;
}
.ng-comment-meta > * {
    display: inline-block;
}
.ng-comment-date:before {
    content: "-";
    display: inline-block;
    margin:0 5px;
}
.ng-comment-avatar {
    position: absolute;
    max-width: 60px;
    left: 0;
}
.ng-comment-author .ng-author-name {
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
}
.ng-comment-author .ng-author-name a {
    color: #111;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.ng-comment-date {
    position: relative;
    text-transform: uppercase;
    font-size: 0.875rem;
    vertical-align: text-top;
}
.ng-comment-date a {
    color: #bbb;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.ng-comment-inner {
    margin-top: 10px;
}
.ng-entry-comment {
    font-size: 0.9rem;
}
.ng-entry-comment p {
    font-size: 0.8125rem;
    margin-bottom: 0;
}
.ng-reply {
    margin-top: 10px;
}
.ng-reply a {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #111;
}
.ng-respond .comment-notes {
    font-size: 0.8125rem;
    color: #999;
    margin-bottom: 40px;
}
.ng-respond form label {
    display: none;
}
.ng-respond .form-control {
    min-height: 55px;
    font-size: 0.875rem;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-color: transparent;
    background-color: #f1f1f1;
    padding: .5rem 1rem;
    box-shadow: none;
    outline: none;
}
.ng-respond textarea.form-control {
    padding: 1rem;
    min-height: 180px;
}
.ng-respond .form-control:focus, .ng-respond .form-control:active {
    border-color: #111;
}
.comment-form-author {
    float: left;
    width: 49%;
}
.comment-form-email {
    float: right;
    width: 49%;
}
.ng-respond form input[type="submit"] {
    width: 100%;
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    height: 55px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0 35px;
    border: 1px solid #111;
    background-color: #111;
    color: #fff;
    cursor: pointer;
}
.ng-post-gallery {
    position: relative;
}
.ng-post-gallery .ng-slider-prev {
    left: 0;
}
.ng-post-gallery .ng-slider-next {
    right: 0;
}
body[data-skin="dark"] .ng-post-title a, body[data-skin="dark"] .ng-post-tags ul li a, body[data-skin="dark"] .ng-author-name a, body[data-skin="dark"] .ng-author-social ul li a, body[data-skin="dark"] .ng-reply a {
    color: #fff;
}
body[data-skin="dark"] .ng-post-title a:hover {
    color: #ccc;
}
body[data-skin="dark"] .ng-post-meta > *, body[data-skin="dark"] .ng-post-meta a {
    color: #737373;
}
body[data-skin="dark"] .ng-post-meta a:hover {
    color: #fff;
}
body[data-skin="dark"] .ng-entry-content p {
    color: #afafaf;
}
body[data-skin="dark"] .ng-post-inner, body[data-skin="dark"] .ng-featured-page-inner {
    background-color: #111;
}
body[data-skin="dark"] .ng-single .ng-entry-content blockquote, body[data-skin="dark"] .ng-post-footer, body[data-skin="dark"] .ng-post-comment-wrap, body[data-skin="dark"] .ng-comment-list .ng-comment~.ng-comment, body[data-skin="dark"] .children, body[data-skin="dark"] .ng-comment-list {
    border-color: #444;
}
body[data-skin="dark"] .ng-post-share ul li a {
    border-color: #fff;
    color: #fff;
}
body[data-skin="dark"] .ng-post-share ul li a:hover {
    background-color: #fff;
}
body[data-skin="dark"] .ng-post-author-bio {
    background-color: #111;
}
body[data-skin="dark"] .ng-author-content p, body[data-skin="dark"] .ng-entry-comment p {
    color: #848484;
}
body[data-skin="dark"] .ng-respond .form-control {
    background-color: #333;
    color: #fff;
}
body[data-skin="dark"] .ng-respond .form-control:focus, body[data-skin="dark"] .ng-respond .form-control:active {
    border-color: #fff;
}
body[data-skin="dark"] .ng-respond form input[type="submit"] {
    background-color: transparent;
    border:1px solid #fff;
    color: #fff;
}
.ng-archive-page .ng-post-author-bio {
    text-align: center;
    margin-bottom: 30px;
    background-color: transparent;
    padding-top: 0;
}
body[data-skin="dark"] .ng-archive-page .ng-post-author-bio {
    background-color: transparent;
}
.ng-archive-header {
    text-align: center;
    margin: 50px 0 100px;
}
.ng-archive-header span {
    font-size: 0.875rem;
    font-weight: 400;
    opacity: .5;
}
.ng-archive-title {
    font-size: 4rem;
    font-weight: 700;
}
.ng-featured-page-image {
    position: relative;
    max-height: 750px;
    overflow: hidden;
}
.ng-featured-page-map {
    position: relative;
    width: 100%;
    height: 750px;
    overflow: hidden;
}
.ng-featured-page-map iframe {
    width: 100%;
    height: 100%;
}
.ng-featured-page-wrap {
    position: relative;
    margin-top: -200px;
}
.ng-featured-page-inner {
    padding:70px;
    background-color: #fff;
    text-align: center;
}
.ng-page-title {
    font-size: 3.5rem;
    font-weight: 700;
    margin-bottom: 50px;
}
.ng-featured-page .ng-entry-content p {
    font-size: 1.125rem;
    font-weight: 300;
}
.ng-contact-page, .ng-contact-page > *, .ng-contact-detail {
    position: relative;
    width: 100%;
    height: 100%;
}
.ng-contact-page .row, .ng-contact-page .ng-featured-page-image {
    height: 100%;
    max-height: 100%;
}
.ng-contact-detail {
    text-align: center;
}
.ng-contact-inner {
    padding: 0 100px;
}
.ng-contact-detail .ng-scroll {
    width: 100%;
    height: 100%;
}
.ng-contact-detail h1, .ng-contact-form h2 {
    font-size: 1.75rem;
    font-weight: 700;
}
.ng-contact-message {
    display: inline-block;
    max-width: 600px;
    font-size: 0.875rem;
    margin:30px 0;
}
.ng-contact-detail .ng-contact-inner > div {
    font-size: 0.875rem;
    margin:10px 0;
}
.ng-contact-detail a {
    color: #111;
}
.ng-contact-form {
    margin-top: 50px!important;
    padding-top: 50px;
    border-top:1px solid #eaeaea;
}
.ng-contact-form h2 {
    margin-bottom: 40px;
}
.ng-contact-form p:nth-child(1) {
    float: left;
    width: 49%;
}
/* .ng-contact-form p:nth-child(2) {
    float: right;
    width: 49%;
} */
.ng-contact-form input, .ng-contact-form textarea {
    width: 100%;
    min-height: 50px;
    font-size: 0.8125rem;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border:1px solid;
    border-color: transparent;
    background-color: #f1f1f1;
    padding: .5rem 1rem;
    box-shadow: none;
    outline: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.ng-contact-form input:focus, .ng-contact-form textarea:focus, .ng-contact-form input:active, .ng-contact-form textarea:active {
    border-color: #111;
}
.ng-contact-form textarea {
    padding: 1rem;
    min-height: 180px;
}
.ng-contact-form label {
    width: 100%;
}
.ng-contact-form form input[type="submit"] {
    width: 100%;
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    height: 55px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0 35px;
    border: 1px solid #111;
    background-color: #111;
    color: #fff;
    cursor: pointer;
}
.ng-contact-page .ng-featured-page-image img {
    width: 100%;
}
body[data-skin="dark"] .ng-contact-detail a {
    color: #fff;
}
body[data-skin="dark"] .ng-contact-message {
    opacity: .6;
}
body[data-skin="dark"] .ng-contact-form {
    border-color: #444;
}
body[data-skin="dark"] .ng-contact-form input, body[data-skin="dark"] .ng-contact-form textarea {
    background-color: #333;
    color: #fff;
}
body[data-skin="dark"] .ng-contact-form input:focus, body[data-skin="dark"] .ng-contact-form textarea:focus, body[data-skin="dark"] .ng-contact-form input:active, body[data-skin="dark"] .ng-contact-form textarea:active {
    border-color: #fff;
}
body[data-skin="dark"] .ng-contact-form form input[type="submit"] {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}
/*============================================================================
  >> 08. MODULES
  ============================================================================
*/
.marginBottom, .marginTop{
    margin: 200px 0;
}
/*1.1 - Slider 1*/
    .ng-author-module .ng-post-author-bio{
        text-align: center;
        background-color: #fff;
        margin: 0;
        padding: 0;
    }
/*1.2 - Pricing 2*/
    .evo-price-table .evo-price-table__currency {
        padding: 1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .evo-price-table[data-skin="light"]{
        color:#fff;
    }
    .evo-price-table .evo-price-table__icon {
        -webkit-flex-item-align: start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
    .evo-price-table .evo-price-table__wrap {
        text-align: center;
    }
    .evo-price-table[data-style="3"] .evo-price-table__wrap {
        border: 1px solid rgba(0, 0, 0, .08);
        padding: 3rem 0;
    }
    .evo-price-table[data-style="3"] .evo-price {
        font-size: 4.125rem;
        font-weight: 300;
        letter-spacing: -.25px;
        line-height: 1;
    }
    .evo-price-table[data-style="3"] .evo-price-table__period {
        -webkit-flex-item-align: end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        margin-bottom: .2rem;
        margin-left: 5px;
        margin-right: -10px;
        font-size: 1.25rem;
        font-weight: 300;
    }
    .evo-price-table[data-style="3"] .evo-price-table__icon {
        font-size: 2.25rem;
        font-weight: 300;
        margin-right: 5px;
        margin-left: -15px;
        margin-top: -4px;
    }
    .evo-price-table[data-style="3"] .evo-title {
        font-size: 1.375rem;
        font-weight: 700;
        margin-bottom: 0;
        letter-spacing: -.25px;
    }
    .evo-price-table[data-style="3"] .evo-subtitle {
        display: block;
        font-size: 0.8125rem;
        opacity: .5;
    }
    .evo-price-table[data-style="3"] .evo-price-table__list {
        margin: 40px 0;
    }
    .evo-price-table[data-style="3"] .evo-price-table__list ul li {
        padding: 5px 0;
        font-size: 0.875rem;
        opacity: .8;
    }
    .evo-price-table.feature[data-style="3"] .evo-item {
        box-shadow: 0 0 50px rgba(0, 0, 0, .1);
        border-color: transparent!important;
    }
    .evo-price-table.feature[data-style="3"] .evo-price-table__currency {
        color: #2ed068!important;
    }
    .evo-price-table.feature[data-style="3"] .evo-button-color__primary, .evo-price-table.feature[data-style="3"] .evo-button.evo-button-color__primary .evo-button-hover__d:hover {
        color: #2ed068!important;
    }
    .evo-price-table.feature[data-style="3"] .evo-button.evo-button-color__primary .evo-button-hover__d, .evo-price-table.feature[data-style="3"] .evo-button.evo-button-color__primary .evo-button-hover__e, .evo-price-table.feature[data-style="3"] .evo-button.evo-button-color__primary .evo-button-hover__f:before, .evo-price-table.feature[data-style="3"] .evo-button .evo-button-hover__g .evo-forground-text {
        background-color: #2ed068!important;
    }
    .evo-price-table.feature[data-style="3"] .evo-button.evo-button-color__primary .evo-button-hover__d:hover, .evo-price-table.feature[data-style="3"] .evo-button.evo-button-color__primary .evo-button-hover__f {
        border-color: #2ed068!important;
    }
    .evo-price-table.feature[data-style="3"] .evo-button-color__secondary, .evo-price-table.feature[data-style="3"] .evo-button.evo-button-color__secondary .evo-button-hover__d:hover {
        color: #2ed068!important;
    }
    .evo-price-table.feature[data-style="3"] .evo-button.evo-button-color__secondary .evo-button-hover__d:hover {
        background-color: transparent!important;
    }
    .evo-price-table.feature[data-style="3"] .evo-button.evo-button-color__secondary .evo-button-hover__d, .evo-price-table.feature[data-style="3"] .evo-button.evo-button-color__secondary .evo-button-hover__e, .evo-price-table.feature[data-style="3"] .evo-button.evo-button-color__secondary .evo-button-hover__f:before, .evo-price-table.feature[data-style="3"] .evo-button .evo-button-hover__g .evo-background-text {
        background-color: #2ed068!important;
    }
    .evo-price-table.feature[data-style="3"] .evo-button.evo-button-color__secondary .evo-button-hover__d:hover, .evo-price-table.feature[data-style="3"] .evo-button.evo-button-color__secondary .evo-button-hover__f {
        border-color: #2ed068!important;
    }
    body[data-skin="light"] .evo-price-table[data-skin="default"] *, .evo-price-table[data-skin="light"] * {
        border-color: rgba(0, 0, 0, .08)!important;
    }
    body[data-skin="dark"] .evo-price-table[data-skin="default"] *, .evo-price-table[data-skin="dark"] * {
        border-color: rgba(255, 255, 255, .3)!important;
    }
    body[data-skin="dark"] .evo-price-table[data-skin="default"] *, .evo-price-table[data-skin="dark"] * {
        border-color: rgba(255, 255, 255, .3)!important;
    }
    body[data-skin="dark"] .evo-button-b a{
        color: #000;
        background-color: transparent;
        border: 1px solid #fff;
    }
/*1.3 - Experince 3*/
    .evo-iconbox-icon {
        margin-bottom: 2.25rem;
    }
    .evo-iconbox-icon > * {
        display: inline-block;
    }
    .evo-iconbox-icon svg {
        max-width: 64px;
        height: auto;
    }
    .evo-iconbox-detail .evo-title {
        font-size: 1.25rem;
        margin-bottom: 1rem;
    }
    .evo-iconbox-detail .evo-entry-content {
        opacity: .6;
    }
    .evo-iconbox-detail .evo-entry-content p {
        font-size: 0.8125rem;
        line-height: 1.6;
        margin-bottom: 0;
    }
    .evo-module-iconbox[data-style="2"] .evo-iconbox-wrap {
        padding:2.7rem;
    }
    .evo-module-iconbox.evo-border-on .evo-iconbox-wrap {
        border:1px solid rgba(0, 0, 0, .08);
    }
    body[data-skin="light"] .evo-module-iconbox.evo-border-on[data-skin="default"] .evo-iconbox-wrap, .evo-module-iconbox.evo-border-on[data-skin="light"] .evo-iconbox-wrap {
        border-color: rgba(0, 0, 0, .08);
    }
    body[data-skin="dark"] .evo-module-iconbox.evo-border-on[data-skin="default"] .evo-iconbox-wrap, .evo-module-iconbox.evo-border-on[data-skin="dark"] .evo-iconbox-wrap {
        border-color: rgba(255, 255, 255, .2);
    }
    .evo-module-iconbox.evo-border-off {
        border-color: transparent;
    }
    .evo-module-iconbox.evo-hover-shadow .evo-iconbox-wrap {
        -webkit-transition: all .35s cubic-bezier(0.615, 0.19, 0.305, 0.91);
        -moz-transition: all .35s cubic-bezier(0.615, 0.19, 0.305, 0.91);
        transition: all .35s cubic-bezier(0.615, 0.19, 0.305, 0.91);
    }
    .evo-module-iconbox.evo-hover-shadow .evo-iconbox-wrap:hover {
        box-shadow: 0px 0px 70px rgba(0, 0, 0, .15);
    }
/*1.4 - Testimonial 4*/
    .evo-testimonials-module[data-style="1"] .evo-testimonial-item {
        max-width: 991px;
        margin:auto;
        text-align: center;
    }
    .evo-testimonials-module[data-style="1"] .evo-brand-quote {
        font-size: 1.25rem;
    }
    .evo-testimonials-module[data-style="1"] .evo-brand-cite {
        position: relative;
        margin-top: 2rem;
        padding-top: 2rem;
        font-size: 0.9375rem;
    }
    .evo-testimonials-module[data-style="1"] .evo-brand-cite:before {
        position: absolute;
        content: '';
        width: 50px;
        height: 1px;
        background-color: currentColor;
        top: 0;
        left: 0;
        right: 0;
        margin:auto;
    }
    .evo-testimonials-module[data-style="1"] .evo-brand-title {
        position: relative;
        opacity: .3;
    }
    .evo-testimonials-module[data-style="1"] .evo-brand-title:before {
        content: '-';
        margin-left: 5px;
        margin-right: 7px;
    }
    .evo-testimonials-module[data-style="1"] .evo-brand-avatar {
        position: relative;
        display: inline-block;
        margin-bottom: 2rem;
        overflow: hidden;
        width: 75px;
        height: 75px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }
/*1.5 - Text Module 5*/
    .evo-text-title .evo-title {
        display: inline-block;
        max-width: 991px;
        font-size: 3.25rem;
        line-height: 1.1;
        margin-bottom: 1.5rem;
    }
    .evo-text-title .evo-subtitle {
        display: inline-block;
        max-width: 991px;
        font-size: 1rem;
        line-height: 1.6;
    }
    .evo-text-title .evo-small-text {
        position: relative;
        font-size: 0.75rem;
        font-weight: 700;
        letter-spacing: 5px;
        margin-bottom: 2rem;
    }
    .evo-text-title[data-style="2"] .evo-small-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .evo-text-title[data-style="2"] .evo-small-text:before, .evo-text-title[data-style="2"] .evo-small-text:after {
        content: '';
        width: 80px;
        height: 1px;
        background-color: currentColor;
    }
    .evo-text-title[data-style="2"] .evo-small-text:before {
        margin-right: 30px;
    }
    .evo-text-title[data-style="2"] .evo-small-text:after {
        margin-left: 30px;
    }
/*1.6 - Logo Module 6*/
    .evo-logo-module .evo-logo-list~.evo-logo-list {
        margin-top: 6rem;
    }
    .evo-logo-module .evo-thumb {
        opacity: .3;
        -webkit-transition: all .25s cubic-bezier(.215,.61,.355,1);
        -moz-transition: all .25s cubic-bezier(.215,.61,.355,1);
        transition: all .25s cubic-bezier(.215,.61,.355,1);
    }
    .evo-logo-module .evo-thumb:hover {
        opacity: 1;
    }
/*1.7 - Newsletter Module 7*/
    .evo-module .evo-subscribe-form {
        padding:7rem 0;
        text-align: center;
    }
    .evo-module .evo-subscribe-form .evo-title {
        display: block;
        font-size: 2.5rem;
    }
    .evo-module .evo-subscribe-form .evo-subtitle {
        display: block;
        font-size: 0.9375rem;
        opacity: .7;
    }
    .evo-module .evo-subscribe-form form {
        position: relative;
        display: inline-block;
        margin-top: 5rem;
        max-width: 600px;
        width: 100%;
    }
    .evo-module .evo-subscribe-form form label {
        display: none;
    }
    .evo-module .evo-subscribe-form form input[type="email"] {
        width: 100%;
        height: 60px;
        font-size: 0.875rem;
        border:0;
        padding:0 7rem 0 1.3rem;
        background-color: #eee;
        -webkit-transition: all .35s cubic-bezier(0.615, 0.19, 0.305, 0.91);
        -moz-transition: all .35s cubic-bezier(0.615, 0.19, 0.305, 0.91);
        transition: all .35s cubic-bezier(0.615, 0.19, 0.305, 0.91);
    }
    .evo-module .evo-subscribe-form form input[type="submit"] {
        position: absolute;
        top: .75rem;
        right: 0;
        font-size: 0.875rem;
        font-weight: 700;
        border: 0;
        background-color: transparent;
        outline: none;
        box-shadow: none;
        border-left: 1px solid rgba(0, 0, 0, .08);
        padding: .5rem 2rem;
        cursor: pointer;
    }
    .evo-subscribe[data-skin="light"] h3, .evo-subscribe[data-skin="light"] span{
        color: #fff;
    }
    .evo-subscribe[data-skin="dark"] h3, .evo-subscribe[data-skin="dark"] span{
        color: #000;
    }
/*1.8 - Video Module 8*/
    .evo-image-module {
        position: relative;
    }
    .evo-image-module.full-height {
        height: 100vh;
    }
    .evo-image-module .evo-item {
        padding:8rem 0;
    }
    .evo-image-module.full-height .evo-item {
        height: 100%;
        padding:0;
    }
    .evo-image-module.full-height .evo-element, .evo-image-module.full-height .evo-single-wrap {
        height: 100%;
    }
    .evo-image-module .evo-single-cover {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 0;
    }
    .evo-image-module .evo-image-overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: .5;
        z-index: 1;
    }
    .evo-image-module .evo-image-cover {
        width: 100%;
        height: 100%;
        background-size: cover;
    }
    .evo-image-module[data-skin="light"] {
        color: #111;
    }
    .evo-image-module[data-skin="dark"] {
        color: #fff;
    }
    .evo-image-module .evo-single-wrap {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        z-index: 1;
    }
    .horizontal-left .evo-single-wrap {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .horizontal-center .evo-single-wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }
    .horizontal-right .evo-single-wrap {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .vertical-top .evo-single-wrap {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .vertical-center .evo-single-wrap {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .vertical-bottom .evo-single-wrap {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .evo-image-module .evo-small-text {
        display: block;
        font-size: 0.625rem;
        text-transform: uppercase;
        letter-spacing: 5px;
        margin-bottom: 1.5rem;
    }
    .evo-image-module .evo-title {
        display: block;
        font-size: 2.625rem;
        margin-bottom: 1rem;
    }
    .evo-image-module .evo-large-text {
        display: inline-block;
        max-width: 991px;
        font-size: 3.75rem;
        line-height: 1.2;
        margin-bottom: 2rem;
    }
    .evo-image-module .evo-entry-content p {
        display: inline-block;
        font-size: 1.125rem;
        line-height: 1.8;
        max-width: 991px;
        margin-bottom: 0;
    }
/*1.9 - Skills Module 9*/
    body[data-skin="dark"] .skills .skill .skill-title {
        color: #fff;
    }
    body[data-skin="dark"] .skills .skill .skill-bar {
        background-color: rgba(255, 255, 255, 0.05);
    }
    body[data-skin="dark"] .skills .skill .skill-bar span {
        background-color: #eee;
    }
    body[data-skin="dark"] .skills .skill .skill-bar span b {
        color: #fff;
    }

    .skills,
    .skills .skill,
    .skills .skill .skill-title,
    .skills .skill .skill-bar {
       width: 100%;
       float: left;
    }

    .skills {
       padding:15px;
    }

    .skills .skill {
       margin-bottom: 30px;
    }

    .skills .skill .skill-title {
       color: #111;
       margin-bottom: 10px;
       font-weight: 700;
       font-size: 14px;
    }

    .skills .skill .skill-bar {
       width: 0;
       height: 8px;
       background: #eee;
       transition: 1s cubic-bezier(1, 0, .5, 1);
       -webkit-transition: 1s cubic-bezier(1, 0, .5, 1);
       -ms-transition: 1s cubic-bezier(1, 0, .5, 1);
    }

    .skills.active .skill .skill-bar {
       width: 100%;
    }

    .skills .skill .skill-bar span {
       float: left;
       width: 0%;
       background: #111;
       height: 8px;
       position: relative;
       transition: 1s cubic-bezier(1, 0, .5, 1);
       -webkit-transition: 1s cubic-bezier(1, 0, .5, 1);
       -ms-transition: 1s cubic-bezier(1, 0, .5, 1);
    }

    .skills .skill .skill-bar span b {
       float: left;
       width: 100%;
       position: relative;
       text-align: right;
       opacity: 0;
       font-size: 14px;
       color: #111;
       font-weight: 400;
       bottom: -10px;
    }
/*============================================================================
  >> 10. FOOTER
  ============================================================================
*/
footer{
    background: #111;
    padding: 30px 0;
    color: #fff;
    margin-top: 150px;
    text-align: center;
}
footer p {
    font-size: 0.6875rem;
    font-weight: 500;
    letter-spacing: .5px;
    margin:0;
    color: #fff;
    text-align: center;
    -webkit-transition: all .5s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
    -moz-transition: all .5s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
    -ms-transition: all .5s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
    transition: all .5s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
}
.ng-copyright p {
    font-size: 0.6875rem;
    font-weight: 500;
    letter-spacing: .5px;
    margin:0;
    color: #111;
    -webkit-transition: all .5s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
    -moz-transition: all .5s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
    -ms-transition: all .5s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
    transition: all .5s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
}
body[data-skin="dark"] .ng-copyright p {
    color: #fff;
}
/*============================================================================
  >> 09. BUTTONS
  ============================================================================
*/
.evo-button {
    position: relative;
    display: inline-block;
}
.evo-button .evo-button-hover__a {
    color: currentColor;
    background-color: transparent;
}
.evo-button .evo-button-hover__a span {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 2px;
    padding: 0 3.5rem;
    height: 48px;
    color: currentColor;
    -webkit-transition: all .3s cubic-bezier(.215,.61,.355,1);
    -moz-transition: all .3s cubic-bezier(.215,.61,.355,1);
    transition: all .3s cubic-bezier(.215,.61,.355,1);
}
.evo-button-hover__a:before, .evo-button-hover__a:after, .evo-button-hover__a span:before, .evo-button-hover__a span:after {
    position: absolute;
    content: '';
    background-color: currentColor;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    -webkit-transition: all .3s cubic-bezier(.215,.61,.355,1);
    -moz-transition: all .3s cubic-bezier(.215,.61,.355,1);
    transition: all .3s cubic-bezier(.215,.61,.355,1);
    -webkit-transition-delay: 0.15s;
    -moz-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.evo-button-hover__a:after {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto;
}
.evo-button-hover__a span:before, .evo-button-hover__a span:after {
    width: 2px;
    height: 0;
    -webkit-transition: all .15s cubic-bezier(.215,.61,.355,1);
    -moz-transition: all .15s cubic-bezier(.215,.61,.355,1);
    transition: all .15s cubic-bezier(.215,.61,.355,1);
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    transition-delay: 0;
}
.evo-button-hover__a span:before {
    right: 0;
    left: auto;
}
.evo-button-hover__a span:after {
    top: auto;
    bottom: 0;
}
.evo-button-hover__a:hover:before, .evo-button-hover__a:hover:after {
    width: 100%;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    transition-delay: 0;
}
.evo-button-hover__a:hover span:before, .evo-button-hover__a:hover span:after {
    height: 100%;
    -webkit-transition-delay: 0.15s;
    -moz-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.evo-button .evo-button-hover__b {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 1px;
    padding: 0 3.5rem;
    height: 48px;
    color: currentColor;
    background-color: currentColor;
}
.evo-price-table[data-skin="light"] .evo-price-table__body .evo-price-table__button .evo-button .evo-button-hover__b span {
    color: #111;
}
.evo-button .evo-button-hover__b span {
    color: #fff;
}
.evo-button-hover__b {
    position: relative;
    overflow: hidden;
}
.evo-button-hover__b:hover span {
    -webkit-animation: toTopFromBottom 0.5s forwards;
    -moz-animation: toTopFromBottom 0.5s forwards;
    -ms-animation: toTopFromBottom 0.5s forwards;
    animation: toTopFromBottom 0.5s forwards;
}
.evo-button .evo-button-hover__c {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 1px;
    padding: 0 3rem;
    height: 48px;
    color: currentColor;
    background-color: currentColor;
}
.evo-button .evo-button-hover__c > * {
    display: block;
    color: #fff!important;
    line-height: 1;
}
.evo-button .evo-button-hover__c .evo-button-icon {
    position: relative;
    display: block;
    width: 20px;
    height: 100%;
    margin-left: .8rem;
    margin-right: -1rem;
    overflow: hidden;
}
.evo-button .evo-button-hover__c .evo-button-icon svg {
    position: relative;
    width: 14px;
    top:-1px;
}
.evo-button .evo-button-hover__c:hover .evo-button-icon svg {
    -webkit-animation: toRightFromLeft 0.55s forwards;
    -o-animation: toRightFromLeft 0.55s forwards;
    animation: toRightFromLeft 0.6s forwards;
}
/*============================================================================
  >> 11. MEDIA ELEMENTS
  ============================================================================
*/
@media (max-width: 1366px) {
    .ng-blog-1 .ng-post-title {
        font-size: 1.5rem;
        line-height: 1.1;
    }
}
@media (max-width: 1280px) {
    .ng-full-wrap {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .ng-slider-nav {
        left: 3rem;
    }
    .ng-slider-next {
        left: auto;
        right: 3rem;
    }
    .ng-slider-text-large .ng-entry-title {
        font-size: 6rem;
    }
    .ng-slider-text-big .ng-entry-title {
        font-size: 4rem;
    }
    .ng-slider-padding {
        padding-right: 3rem;
    }
}

@media (min-width: 1199px) {
    .ng-header-3 .ng-toggle-menu {
        display: none;
    }
    .ng-five {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199px) {
    .ng-menu-horizontal, .ng-slider-nav, .ng-carousel-nav {
        display: none;
    }
    .ng-header-wrap {
        height: 50px;
    }
    .ng-main-wrap {
        padding-top: 50px;
    }
    .ng-full-wrap {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .ng-overlay-inner {
        padding-top: 50px;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-pack: inherit;
        -moz-flex-pack: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .ng-overlay-inner > * {
        width: 100%;
    }
    .ng-overlay-column~.ng-overlay-column, .ng-overlay-bottom .ng-copyright {
        margin-top: 70px;
    }
    .ng-overlay-left:before {
        content: none;
    }
    .ng-slider-message {
        bottom: 1.5rem;
    }
}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991px) {
    .ng-full-wrap {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .ng-slider-text-large .ng-entry-title {
        font-size: 4rem;
    }
    .ng-slider-text-big .ng-entry-title {
        font-size: 3rem;
    }
    .ng-grid-wrap[data-gutter="5"] .row, .ng-grid-wrap[data-gutter="10"] .row, .ng-grid-wrap[data-gutter="25"] .row, .ng-grid-wrap[data-gutter="35"] .row {
        margin-left: -15px;
        margin-right: -15px;
    }
    .ng-grid-wrap[data-gutter="5"] .ng-grid-item, .ng-grid-wrap[data-gutter="10"] .ng-grid-item, .ng-grid-wrap[data-gutter="25"] .ng-grid-item, .ng-grid-wrap[data-gutter="35"] .ng-grid-item {
        padding-left: 15px;
        padding-right: 15px;
    }
    .ng-main-wrap .ng-grid-wrap .ng-grid-item {
        margin-bottom: 30px;
    }
    .ng-grid-wrap .ng-grid-item .ng-grid-body, .ng-grid-wrap .no-gutters .ng-grid-item .ng-grid-body {
        left: 15px;
        right: 15px;
    }
    .ng-blog-1 .ng-post-title {
        font-size: 1.875rem;
        line-height: 1.1;
    }
    .ng-single-post .ng-post-title {
        font-size: 3rem;
    }
    .ng-single-post .ng-post-body {
        padding:0 30px;
    }
    .ng-post-author-bio, .ng-post-comment-wrap {
        padding:50px;
    }
    .ng-archive-title {
        font-size: 3rem;
    }
    .ng-blog-2 .ng-post-body {
        margin-top: 0;
        padding:0;
    }
    .ng-post-inner {
        padding: 30px 0 0;
    }
    .ng-archive-header {
        margin:50px 0;
    }
    .ng-featured-page-inner {
        padding:50px;
    }
    .ng-page-title {
        font-size: 2.5rem;
    }
    .ng-featured-page-wrap {
        margin-top: -130px;
    }
    .ng-featured-page .ng-entry-content p {
        font-size: 1rem;
    }
    .ng-contact-detail {
        margin-top: 50px;
    }
    .ng-contact-inner {
        padding:0;
    }
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767px) {
    .ng-menu-vertical .ng-menu li a, .ng-overlay-text span {
        font-size: 2rem;
    }
    .ng-slider-column-item {
        width: 100%;
    }
    .ng-slider-5 .ng-slider-right {
        display: none;
    }
    .ng-grid-wrap .ng-grid-item .ng-entry-title {
        font-size: 2rem;
    }
    .ng-single-header {
        margin-bottom: 20px;
    }
    .ng-single-post .ng-post-title {
        font-size: 2.5rem;
    }
    .ng-single-post .ng-post-body {
        padding:0 10px;
        margin-top: 30px;
    }
    .ng-post-author-bio, .ng-post-comment-wrap {
        padding:50px;
    }
    .ng-single .ng-entry-content blockquote {
        padding: 40px 0 20px;
    }
    .ng-single .ng-entry-content blockquote p {
        font-size: 1.5rem;
    }
    .comment-form-author, .comment-form-email {
        width: 100%;
        float: none;
    }
    .ng-featured-page-wrap {
        margin-top: 0;
    }
    .ng-featured-page-inner {
        padding:50px 0 0;
    }
    .ng-featured-page .container {
        width: 100%;
        max-width: 100%;
    }
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 576px) {
    .ng-overlay-inner {
        padding-bottom: 100px;
    }
    .ng-overlay-column~.ng-overlay-column {
        margin-top: 20px;
    }
    .ng-overlay-bottom .ng-copyright {
        margin-top: 50px;
    }
    .ng-overlay-text span {
        font-size: 1.5rem;
    }
    .ng-full-wrap {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .ng-grid-wrap .ng-grid-item .ng-entry-title {
        font-size: 1.625rem;
    }
    .ng-blog-1 .ng-post-title {
        font-size: 1.5rem;
        line-height: 1.1;
    }
    .ng-single-post .ng-post-title {
        font-size: 2rem;
    }
    .ng-author-content p {
        font-size: 1rem;
    }
}

@media (max-width: 420px) {
    .ng-slider-text-large .ng-entry-title {
        font-size: 2rem;
    }
    .ng-slider-text-big .ng-entry-title {
        font-size: 1.5rem;
    }
    .ng-grid-wrap .ng-grid-item .ng-entry-title {
        font-size: 1.5rem;
    }
}

@media (max-width: 360px) {

}

.nordgard-pagination .pagination .nav-links > * {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 32px;
    color: #111;
    border: 2px solid rgba(0, 0, 0, 0.05);
    border-radius: 2px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.nordgard-pagination .pagination .nav-links a:hover {
    border-color: #111;
}

.nordgard-pagination .pagination .nav-links span.current {
    border-color: transparent;
    background-color: #111;
    color: #fff;
}

/*============================================================================
  >> 09. WIDGET SETTINGS
  ============================================================================
*/
.evo-sidebar .evo-widget-title {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.evo-sidebar .evo-widget-title:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #eee;
    top: 50%;
    left: 0;
}

.evo-sidebar .evo-widget-title .evo-title {
    position: relative;
    display: inline-block;
    z-index: 1;
    background-color: #fff;
    padding:0 20px;
}

.evo-recent-posts .evo-widget-title:before {
    background-color: transparent;
}
.evo-sidebar .widget {
    margin-bottom: 50px;
}
.widget_archive ul li, .widget_categories ul li, .widget_pages ul li, .widget_meta ul li, .widget_nav_menu ul li {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.widget_archive ul li:before, .widget_categories ul li:before, .widget_pages ul li:before, .widget_meta ul li:before, .widget_nav_menu ul li:before {
    position: relative;
    display: inline-block;
    float: left;
    font-family: 'FontAwesome';
    font-size: 8px;
    content: "\f054";
    top: 6px;
    left: -10px;
}

.widget_archive ul li a, .widget_categories ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_nav_menu ul li a {
    color: #111;
}

.widget_archive select, .widget_categories select {
    display: inline-block;
    width: 100%;
    height: 45px;
    padding:0 10px;
}

.widget_recent_comments ul li, .widget_recent_entries ul li, .widget_rss ul li {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
}

.widget_recent_comments ul li~li, .widget_recent_entries ul li~li, .widget_rss ul li~li {
    border-top:1px solid #eee;
}

.widget_recent_comments ul li {
    line-height: 18px;
    color: #999;
    letter-spacing: -0.3px;
}

.widget_recent_comments ul li span {
    font-weight: 600;
    color: #111;
    border-bottom: 1px solid #ddd;
}

.widget_recent_comments ul li a, .widget_recent_entries ul li a, .widget_rss ul li a {
    font-weight: 600;
    color: #111;
}

.calendar_wrap {
    padding:15px;
    border: 1px solid #eee;
}

#wp-calendar {
    width: 100%;
}

#wp-calendar > caption {
    padding: 15px 0 10px;
    text-align: center;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    background-color: #111;
    color: #fff;
}

#wp-calendar thead {
    border-bottom: 1px solid #eee;
}

#wp-calendar thead th {
    font-weight: bold;
    background-color: #fafafa;
    color: #000;
}

#wp-calendar tfoot td#next, #wp-calendar tfoot td#prev {
    padding: 10px 0 10px 15px;
    font-size: 13px;
    font-weight: 700;
}

#wp-calendar thead th, #wp-calendar tbody td {
    padding: 10px 0;
    text-align: center;
    font-size: 13px;
    color: #111;
    background-color: #fff;
}

#wp-calendar tbody td#today {
    background-color: #eee;
}

#wp-calendar td a {
    color: #111;
}

.widget_rss .evo-title img {
    display: none;
}

.widget_rss .evo-title a {
    color: #111;
}

.widget_rss ul li .rss-date {
    display: inline-block;
    float: left;
    width: 100%;
    font-size: 11px;
    font-weight: 600;
    color: #bbb;
    text-transform: uppercase;
    margin-top: -2px;
    margin-bottom: 10px;
}

.widget_rss ul li .rssSummary {
    font-size: 13px;
    line-height: 20px;
    margin-top: 10px;
}

.widget_rss ul li cite {
    display: inline-block;
    width: 100%;
    font-weight: 600;
    margin-top: 5px;
}

.widget_search .evo-search-form {
    position: relative;
}

.widget_search .evo-search-form .search_input {
    font-size: 13px;
    font-weight: 400;
    color: #111;
    border: 2px solid #111;
    height: 50px;
    padding: 0 15px;
}

.widget_search .evo-search-form button {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    height: 50px;
    width: 50px;
    border-radius: 0;
    border: 0;
    background-color: #111;
    color: #fff;
}

.widget_search .evo-search-message, .widget_search .evo-search-tags {
    display: none;
}

.widget_text select {
    display: inline-block;
    width: 100%;
    height: 45px;
    padding:0 10px;
}

.widget_tag_cloud a {
    color: #111;
}

.widget_search .evo-search-form {
    position: relative;
}

.widget_search .evo-search-form .search_input {
    font-size: 13px;
    font-weight: 400;
    color: #111;
    border: 2px solid #111;
    height: 50px;
    padding: 0 15px;
}

.widget_search .evo-search-form button {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    height: 50px;
    width: 50px;
    border-radius: 0;
    border: 0;
    background-color: #111;
    color: #fff;
}

.widget_search .evo-search-message, .widget_search .evo-search-tags {
    display: none;
}
.evo-page-not-found {
    padding-top: 10%;
    padding-left:15px;
    padding-right:15px;
}
.evo-page-not-found h1 {
    font-size: 12.5rem;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1;
}
.evo-page-not-found h2 {
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 12px;
}
.evo-page-not-found p {
    font-size: 0.875rem;
    max-width: 600px;
    margin-top: 2rem;
    text-align: center;
    opacity: .5;
    max-width: 100%;
}
.comment-navigation{
    padding: 10px 0;
    border-top: 1px solid rgba(0,0,0,0.2);
    border-bottom: 1px solid rgba(0,0,0,0.2);
    margin-bottom:10px;
    display: flex;
    justify-content: space-between;
}
.comment-navigation a{
    color:#111;
}
a.comment-edit-link{
    color: #111;
    font-size: 12px;
}
body.home footer, body.page footer{
    margin-top: 0;
}