/*
Theme Name: Opus Blog
Theme URI: https://www.akithemes.com/opus-blog/
Author: akithemes
Author URI: https://www.akithemes.com/
Description: Opus Blog is a post format ready WordPress theme. It is Gutenberg Compatible free WordPress theme. Moreover, Opus Blog is simple, clean and elegant theme for blog, news and magazine related website. This theme comes with slider, one column layout, masonry layout, header options, footer optionsm typography option, color options and much more. Besides that it has copyright option, go to the top option, social icons and many more. In addition, it has custom widgets for recent post, featured posts, social icons and author description. Likewise, you will get content display option for excerpt or content, excerpt length, pagination types, post format icon show hide, full and grid layout, sidebar options and more. Opus Blog has post templates, you can easily make single post based on the required sidebar. Try this awesome free theme today. Demo: http://demo.akithemes.com/opus-blog-demo/
Version: 1.1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: opus-blog
Tested up to: 5.4
Requires PHP: 5.2
Tags: blog, news, custom-background, custom-header, one-column, two-columns, three-columns, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, post-formats

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Opus Blog is free WordPress theme by, Aki Themes.
Opus Blog is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

*/
    /**
 * 1.0 - General styles (body, headings, links, tags, margins, etc.)
 * -------------------------------------------------------------
 */
    /* body */
    
    body {
        font-family: 'Lora', serif;
        font-size: 15px;
        font-style: normal;
        font-weight: normal;
        line-height: 1.2;
        background-color: #f7f8f8;
        color: #4c4f53;
    }
    /* links */
    
    a {
        background-color: transparent;
    }
    
    a:focus {
        color: #4c4f53;
    }
    
    a:hover {
        color: #6ca4db;
    }
    /* H1 - H6 */
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0 0 15px;
        font-family: 'Source Sans Pro', sans-serif;
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        color: #2f3235;
    }
    
    h1,
    .h1 {
        font-size: 29px;
    }
    
    h2,
    .h2 {
        font-size: 26px;
    }
    
    h3,
    .h3 {
        font-size: 23px;
    }
    
    h4,
    .h4 {
        font-size: 20px;
    }
    
    h5,
    .h5 {
        font-size: 17px;
    }
    
    h6,
    .h6 {
        font-size: 15px;
    }
    /* tags */
    
    button {
        -webkit-transition: color 0.2s ease, background 0.2s ease;
        -moz-transition: color 0.2s ease, background 0.2s ease;
        -o-transition: color 0.2s ease, background 0.2s ease;
        transition: color 0.2s ease, background 0.2s ease;
    }
    
    p {
        margin: 0 0 15px;
    }
    
    dl {
        margin: 0 0 15px;
    }
    
    dl dt {
        font-weight: 700;
        margin: 0 0 5px;
        line-height: 1.7;
    }
    
    dl dd {
        margin: 0 0 15px;
        padding: 0 0 0 15px;
        line-height: 1.7;
    }
    
    dl dd:last-child {
        margin-bottom: 0;
    }
    
    address {
        display: block;
        margin: 0 0 15px;
        font-style: italic;
    }
    
    sup,
    sub {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }
    
    sup {
        top: -0.5em;
    }
    
    sub {
        bottom: -0.25em;
    }
    
    abbr {
        text-decoration: none;
        border-bottom: 1px dotted #4c4f53;
        cursor: help;
    }
    
    acronym {
        text-decoration: none;
        border-bottom: 1px dashed #4c4f53;
        cursor: help;
    }
    
    big {
        text-transform: uppercase;
        font-size: larger;
    }
    
    cite {
        font-style: italic;
        border: none;
    }
    
    code,
    kbd,
    tt {
        padding: 4px 5px;
        font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
        font-size: 15px;
        color: #4c4f53;
        background-color: #f7f8f8;
        border-radius: 0;
    }
    
    kbd {
        box-shadow: none;
    }
    
    s,
    strike,
    del {
        text-decoration: line-through;
    }
    
    pre {
        display: inline-block;
        width: 100%;
        font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
        font-size: 15px;
        line-height: 1.35;
        overflow: auto;
        white-space: pre;
        margin: 5px 0 13px;
        padding: 21px 30px;
        background-color: #f7f8f8;
        color: #4c4f53;
        border: none;
        border-radius: 0;
    }
    
    var {
        font-style: italic;
        font-weight: 700;
    }
    
    strong,
    b {
        font-weight: 700;
    }
    
    em,
    q {
        font-style: italic;
    }
    
    ins {
        text-decoration: none;
        border-bottom: 2px solid #4c4f53;
    }
    
    legend {
        margin-bottom: 15px;
        padding-bottom: 5px;
        font-size: 22px;
        font-weight: 700;
        color: #2f3235;
        border-bottom: 1px solid #eeefef;
    }
    
    hr {
        margin-top: 25px;
        margin-bottom: 25px;
        border-color: #eeefef;
    }
    
    blockquote {
        position: relative;
        margin: 0 0 20px;
        padding: 0 0 0 60px;
        border: none;
        font-family: 'Playfair Display', serif;
        font-size: 18px;
        font-style: normal;
        line-height: 1.65;
    }
    
    blockquote:before {
        position: absolute;
        top: -4px;
        left: -4px;
        z-index: 0;
        font-family: 'Playfair Display', serif;
        content: '\201c';
        font-size: 120px;
        font-style: normal;
        line-height: 0.79;
        color: #ffffff;
    }
    
    blockquote footer:before,
    blockquote small:before,
    blockquote .small:before {
        content: '';
    }
    
    blockquote p {
        margin-bottom: 10px !important;
    }
    
    blockquote p:last-child {
        margin-bottom: 0 !important;
    }
    
    blockquote cite {
        display: block;
        margin-top: 10px;
        font-size: 18px;
        line-height: 1.3;
        text-align: left;
        color: #4c4f53;
    }
    
    ul {
        list-style: disc;
        margin: 0;
    }
    
    ol {
        list-style: decimal;
    }
    
    li>ul,
    li>ol {
        margin-bottom: 0;
        margin-left: 1.5em;
        padding-left: 10px;
    }
    
    img {
        height: auto;
        /* Make sure images are scaled correctly. */
        max-width: 100%;
    }
    
    figure {
        margin: 0;
    }
    
    table {
        border-collapse: collapse;
        border-spacing: 0;
        margin: 0 0 30px;
        width: 100%;
    }
    
    td,
    th {
        border: 1px solid #e7e7e7;
        padding: 7px 0;
        text-align: center;
    }
    /* text-align */
    
    .aligncenter {
        text-align: center;
    }
    
    .alignright {
        text-align: right;
    }
    
    .alignleft {
        text-align: left;
    }
    /* float */
    
    .floatleft {
        float: left;
    }
    
    .floatright {
        float: right;
    }
    /* font-width; !important - it is used to change a current "font-width" value */
    
    .fw-300 {
        font-weight: 300 !important;
    }
    
    .fw-400 {
        font-weight: 400 !important;
    }
    
    .fw-500 {
        font-weight: 500 !important;
    }
    
    .fw-600 {
        font-weight: 600 !important;
    }
    
    .fw-700 {
        font-weight: 700 !important;
    }
    /* padding (none; 0); !important - it is used to change a current "padding-*" value */
    
    .pt-none {
        padding-top: 0 !important;
    }
    
    .pb-none {
        padding-bottom: 0 !important;
    }
    
    .pr-none {
        padding-right: 0 !important;
    }
    
    .pl-none {
        padding-left: 0 !important;
    }
    /* margin (none; 0); !important - it is used to change a current "margin-*" value */
    
    .mt-none {
        margin-top: 0 !important;
    }
    
    .mb-none {
        margin-bottom: 0 !important;
    }
    
    .mr-none {
        margin-right: 0 !important;
    }
    
    .ml-none {
        margin-left: 0 !important;
    }
    /* word-break */
    
    .break-word {
        word-wrap: break-word;
    }
    /* overflow */
    
    .o-hidden {
        overflow: hidden;
    }
    /* screen reader text */
    
    .screen-reader-text {
        clip: rect(1px, 1px, 1px, 1px);
        width: 1px;
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        word-wrap: normal !important;
    }
    /* override Bootstrap's default container */
    
    @media (min-width: 1200px) {
        /*    .container {
        width: 1030px;
    }*/
    }
    /*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
    /* Text meant only for screen readers. */
    
    .screen-reader-text {
        border: 0;
        clip: rect(1px, 1px, 1px, 1px);
        clip-path: inset(50%);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute !important;
        width: 1px;
        word-wrap: normal !important;
        /* Many screen reader and browser combinations announce broken words as they would appear visually. */
    }
    
    .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;
        clip-path: none;
        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. */
    }
    /* Do not show the outline on the skip link target. */
    
    #content[tabindex="-1"]:focus {
        outline: 0;
    }
    /**
 * 2.0 - Animation
 * -------------------------------------------------------------
 */
    /**
 * SlideUpIn animation
 *
 * Used for the drop-down search form and for the drop-down mobile menu
 */
    
    .SlideUpIn {
        animation-name: SlideUpIn;
        -webkit-animation-name: SlideUpIn;
        animation-duration: 0.2s;
        -webkit-animation-duration: 0.2s;
        animation-timing-function: ease;
        -webkit-animation-timing-function: ease;
        visibility: visible !important;
    }
    
    @keyframes SlideUpIn {
        0% {
            transform: translateY(10px);
            opacity: 0;
        }
        100% {
            transform: translateY(0);
            opacity: 1;
        }
    }
    
    @-webkit-keyframes SlideUpIn {
        0% {
            -webkit-transform: translateY(10px);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateY(0);
            opacity: 1;
        }
    }
    /**
 * SlideDownOut animation
 *
 * Used for the drop-down search form and for the drop-down mobile menu
 */
    
    .SlideDownOut {
        animation-name: SlideDownOut;
        -webkit-animation-name: SlideDownOut;
        animation-duration: 0.2s;
        -webkit-animation-duration: 0.2s;
        animation-timing-function: ease;
        -webkit-animation-timing-function: ease;
        visibility: visible !important;
    }
    
    @keyframes SlideDownOut {
        0% {
            transform: translateY(0);
            opacity: 1;
        }
        100% {
            transform: translateY(10px);
            opacity: 0;
        }
    }
    
    @-webkit-keyframes SlideDownOut {
        0% {
            -webkit-transform: translateY(0);
            opacity: 1;
        }
        100% {
            -webkit-transform: translateY(10px);
            opacity: 0;
        }
    }
    /**
 * SlideLeftIn animation
 *
 * Used for the main menu container
 */
    
    .SlideLeftIn {
        animation-name: SlideLeftIn;
        -webkit-animation-name: SlideLeftIn;
        animation-duration: 0.2s;
        -webkit-animation-duration: 0.2s;
        animation-timing-function: ease;
        -webkit-animation-timing-function: ease;
        visibility: visible !important;
    }
    
    @keyframes SlideLeftIn {
        0% {
            transform: translateX(10px);
            opacity: 0;
        }
        100% {
            transform: translateX(0);
            opacity: 1;
        }
    }
    
    @-webkit-keyframes SlideLeftIn {
        0% {
            -webkit-transform: translateX(10px);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateX(0);
            opacity: 1;
        }
    }
    /**
 * SlideRightOut animation
 *
 * Used for the main menu container
 */
    
    .SlideRightOut {
        animation-name: SlideRightOut;
        -webkit-animation-name: SlideRightOut;
        animation-duration: 0.2s;
        -webkit-animation-duration: 0.2s;
        animation-timing-function: ease;
        -webkit-animation-timing-function: ease;
        visibility: visible !important;
    }
    
    @keyframes SlideRightOut {
        0% {
            transform: translateX(0);
            opacity: 1;
        }
        100% {
            transform: translateX(10px);
            opacity: 0;
        }
    }
    
    @-webkit-keyframes SlideRightOut {
        0% {
            -webkit-transform: translateX(0);
            opacity: 1;
        }
        100% {
            -webkit-transform: translateX(10px);
            opacity: 0;
        }
    }
    /***
====================================================================
## Top Header
====================================================================
***/
    
    .top-bar-area {
        background: #f5f5f5 none repeat scroll 0 0;
        padding: 3px 0px;
        position: relative;
    }
    
    .top-bar-area .left-side {
        float: left;
    }
    
    .top-bar-area .right-side {
        float: right;
    }
    
    .top-menu>ul>li>a {
        font-size: 12px;
        line-height: 40px;
    }
    
    .top-menu>ul {
        display: block !important;
        padding: 0;
        font-size: 0;
        margin: 0;
    }
    
    .top-menu>ul>li {
        display: inline-block;
    }
    
    .top-menu ul li {
        position: relative;
    }
    
    .top-menu>ul>li>a {
        display: block;
        vertical-align: middle;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        color: #4c4f53;
        padding: 0 15px;
        text-decoration: none;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
    
    .top-menu>ul>li>a:hover {
        color: #6ca4db;
    }
    
    .top-menu>ul>li:first-child>a {
        padding-left: 0;
    }
    
    .top-menu>ul>li:last-child>a {
        padding-right: 0;
    }
    
    .top-menu>ul>li>ul {
        display: none;
    }
    
    .menu-area .left-side {
        float: left;
    }
    
    .menu-area .right-side {
        float: right;
    }
    /**
 ##Search (dropdown search form)
 * ------------------------------------------------------------- */
    
    .search-box-text {
        position: absolute;
        top: 100%;
        right: 0;
        z-index: 1002;
        width: 320px;
        height: auto;
        padding: 25px 30px;
        background-color: #1f2123;
        box-shadow: 0 14px 28px -4px rgba(14, 17, 20, 0.35);
        display: none;
    }
    
    .search-box-text:after {
        content: '';
        position: absolute;
        z-index: 1002;
        right: 20px;
        bottom: 100%;
        margin-bottom: -1px;
        border: 6px solid transparent;
        border-bottom: 6px solid #1f2123;
    }
    
    .widget .search-form,
    .search-wrapper .search-form {
        position: relative;
        display: table;
        border-collapse: separate;
        width: 100%;
    }
    
    .widget .search-form label,
    .widget .search-form .search-submit,
    .search-wrapper .search-form label,
    .search-wrapper .search-form .search-submit {
        display: table-cell;
    }
    
    .widget .search-field,
    .search-wrapper .search-field {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0;
    }
    
    .widget .search-field,
    .search-wrapper .search-field {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        color: #ffffff;
        background: #1f2123;
        border: 1px solid #3f4246;
        border-right: 0;
        height: 45px;
        padding: 10px 15px;
        border-radius: 0;
        box-shadow: none !important;
    }
    
    .search-field::-webkit-input-placeholder {
        color: #fff;
    }
    
    .search-field:-moz-placeholder {
        color: #fff;
    }
    
    .search-field:-ms-input-placeholder {
        color: #fff;
    }
    
    .widget .search-form .search-submit,
    .search-wrapper .search-form .search-submit {
        white-space: nowrap;
        vertical-align: middle;
        height: 45px;
        float: right;
        border: 1px solid #3f4246;
        background: #000000;
        padding: 0 15px;
        margin-left: -1px;
        color: #adadad;
        width: 100%;
    }
    
    .second_click {
        display: none;
        position: relative;
        z-index: 999999999;
    }
    
    .search_box .search-box .second_click {
        display: block !important;
    }
    
    .search_box .search-box .first_click {
        display: none !important;
    }
    
    .search_box .search-box-text {
        display: block!important;
    }
    
    .search-box button {
        line-height: 56px;
        padding: 15px 0;
        cursor: pointer;
        width: 40px;
        text-align: center;
        background: transparent;
        border: 0;
    }
    /*.search-wrapper a:focus .search-box-text {
    display: block;
}
.search-wrapper a .search-box{
    color: #4c4f53;
}
.search-wrapper a:focus .search-box i.first_click{
    display: none!important;
}

.search-wrapper a:focus .search-box i.second_click {
    display: block!important;
}*/
    /*
# Top Social
 ----------------------------------------*/
    
    .social-links ul {
        margin: 0;
        padding: 0;
    }
    
    .social-links ul li {
        display: inline;
        padding: 0 5px;
    }
    
    .social-links ul li a {
        font-size: 0;
        color: transparent;
        line-height: 40px;
    }
    
    .social-links ul li a:hover {
        color: #54be73
    }
    
    .social-links li:last-child {
        margin-right: 0;
    }
    
    .social-links ul li a:before {
        content: "";
        font-family: FontAwesome, sans-serif;
        font-size: 14px;
        padding: 10px 5px;
        transition: color 0.3s ease-in-out 0s;
        vertical-align: middle;
        line-height: 12px;
        color: #68686d;
        display: inline-block;
        border: 0;
        border-radius: 0;
    }
    
    .social-links ul li:hover a:before {
        opacity: .6;
        color: #6ca4db;
    }
    
    .social-links ul li a[href*="facebook.com"]:before {
        content: "\f09a";
    }
    
    .social-links ul li a[href*="twitter.com"]:before {
        content: "\f099";
    }
    
    .social-links ul li a[href*="linkedin.com"]:before {
        content: "\f0e1";
    }
    
    .social-links ul li a[href*="plus.google.com"]:before {
        content: "\f0d5";
    }
    
    .social-links ul li a[href*="youtube.com"]:before {
        content: "\f167";
    }
    
    .social-links ul li a[href*="dribbble.com"]:before {
        content: "\f17d";
    }
    
    .social-links ul li a[href*="pinterest.com"]:before {
        content: "\f0d2";
    }
    
    .social-links ul li a[href*="bitbucket.org"]:before {
        content: "\f171";
    }
    
    .social-links ul li a[href*="github.com"]:before {
        content: "\f113";
    }
    
    .social-links ul li a[href*="codepen.io"]:before {
        content: "\f1cb";
    }
    
    .social-links ul li a[href*="flickr.com"]:before {
        content: "\f16e";
    }
    
    .social-links ul li a[href$="/feed/"]:before {
        content: "\f09e";
    }
    
    .social-links ul li a[href*="foursquare.com"]:before {
        content: "\f180";
    }
    
    .social-links ul li a[href*="instagram.com"]:before {
        content: "\f16d";
    }
    
    .social-links ul li a[href*="tumblr.com"]:before {
        content: "\f173";
    }
    
    .social-links ul li a[href*="reddit.com"]:before {
        content: "\f1a1";
    }
    
    .social-links ul li a[href*="vimeo.com"]:before {
        content: "\f194";
    }
    
    .social-links ul li a[href*="digg.com"]:before {
        content: "\f1a6";
    }
    
    .social-links ul li a[href*="twitch.tv"]:before {
        content: "\f1e8";
    }
    
    .social-links ul li a[href*="stumbleupon.com"]:before {
        content: "\f1a4";
    }
    
    .social-links ul li a[href*="delicious.com"]:before {
        content: "\f1a5";
    }
    
    .social-links ul li a[href*="mailto:"]:before {
        content: "\f0e0";
    }
    
    .social-links ul li a[href*="skype.com"]:before {
        content: "\f17e";
    }
    
    .social-links ul li a[href*="dribble.com"]:before {
        content: "\f17d";
    }
    /***
====================================================================
## Main Menu
====================================================================
***/
    
    .main-header,
    .main-header * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .main-header .container {
        position: relative;
    }
    
    .main-header:before,
    .main-header:after,
    .main-header *:before,
    .main-header *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .main-header {
        position: relative;
        font-size: 16px;
        line-height: 1.42857143;
        background-color: #fff;
        z-index: 9999;
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }
    
    .main-header ul {
        margin-bottom: inherit;
    }
    
    .main-header img {
        max-width: 100%;
        height: auto;
        vertical-align: top;
    }
    
    .main-header a:hover,
    .main-header a:focus,
    .main-header a:active {
        text-decoration: none;
    }
    
    .main-header-container {
        position: relative;
    }
    
    .main-header-overlay .main-header-container {
        position: inherit;
    }
    
    .main-header .logo {
        position: relative;
        padding: 15px 0;
        text-align: left;
        line-height: 56px;
        float: left;
    }
    
    .main-header .logo p,
    .main-header .logo h1 {
        margin: 0;
        padding: 0;
        line-height: normal;
    }
    
    .main-header .logo img {
        max-width: 100%;
        height: auto;
        vertical-align: middle;
    }
    
    .bar-menu {
        position: absolute;
        top: 35px;
        right: 105px;
        padding: 0;
        border: 0;
        background: no-repeat;
        width: 20px;
        height: 17px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        cursor: pointer;
        -webkit-transition: transform 330ms ease-out;
        -moz-transition: transform 330ms ease-out;
        -o-transition: transform 330ms ease-out;
        transition: transform 330ms ease-out;
    }
    
    .bar-menu.menu-open {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    
    .line-menu {
        background-color: #111111;
        border-radius: 2px;
        width: 100%;
        height: 3px;
    }
    
    .line-menu.line-half {
        width: 50%;
    }
    
    .line-menu.first-line {
        transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
        transform-origin: right;
    }
    
    .menu-open .line-menu.first-line {
        -webkit-transform: rotate(-90deg) translateX(3px);
        -moz-transform: rotate(-90deg) translateX(3px);
        -o-transform: rotate(-90deg) translateX(3px);
        transform: rotate(-90deg) translateX(3px);
    }
    
    .line-menu.last-line {
        align-self: flex-end;
        transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
        transform-origin: left;
    }
    
    .menu-open .line-menu.last-line {
        -webkit-transform: rotate(-90deg) translateX(-3px);
        -moz-transform: rotate(-90deg) translateX(-3px);
        -o-transform: rotate(-90deg) translateX(-3px);
        transform: rotate(-90deg) translateX(-3px);
    }
    
    .main-menu>ul {
        display: none;
        padding: 0 0 20px;
    }
    
    .main-menu ul li {
        position: relative;
        list-style: none;
    }
    
    .main-menu ul li>a {
        display: block;
        font-size: 15px;
        color: #212121;
        padding: 14px 15px;
        text-decoration: none;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
    
    .main-menu ul li.current-menu-item>a,
    .main-menu ul li:hover>a {
        color: #6ca4db;
    }
    
    .main-menu ul ul li>a {
        font-size: 14px;
        font-style: normal;
        text-transform: inherit;
        padding: 14px 15px 14px 30px;
    }
    
    .main-menu ul ul ul li>a {
        padding: 14px 15px 14px 45px;
    }
    
    .dropdown-plus {
        width: 49px;
        height: 49px;
        line-height: 49px;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
    }
    
    .dropdown-plus:before,
    .dropdown-plus:after {
        position: absolute;
        content: '';
        top: 24px;
        right: 18px;
        width: 13px;
        height: 1px;
        background-color: #111111;
    }
    
    .dropdown-plus:after {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    
    .main-menu li>ul,
    .dropdown-plus.dropdown-open:after {
        display: none;
    }
    
    .header-shadow-wrapper {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 30px;
        overflow: hidden;
        z-index: -1;
    }
    
    .header-shadow-wrapper:after {
        display: block;
        position: relative;
        content: "";
        width: 100%;
        height: 60px;
        top: -60px;
        border-radius: 50%;
        -webkit-box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.1);
    }
    /* =============================================
##Media queries for responsive design
================================================ */
    
    @media (min-width: 768px) {
        .main-menu {
            clear: both;
        }
        .header-shadow-wrapper:after {
            -webkit-box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
            -o-box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
        }
        .main-header-overlay .logo {
            left: 30px;
        }
        .main-header-overlay .bar-menu {
            right: 30px;
        }
        .main-menu-overlay>ul>li {
            padding: 0 110px 0 30px;
            margin-bottom: 16px;
        }
    }
    
    @media (min-width: 992px) {
        /* =============================================
    Viewport Breakpoint
    ================================================ */
        .main-header-container {
            height: 90px;
        }
        .main-header-overlay .main-header-container {
            height: auto;
        }
        .main-header .logo img {
            max-width: inherit;
            max-height: 90px;
            width: auto;
        }
        .bar-menu {
            display: none;
        }
        .main-menu>ul {
            display: block !important;
            padding: 0;
            font-size: 0;
        }
        .main-menu {
            float: right;
            clear: inherit;
        }
        .main-menu>ul>li {
            display: inline-block;
        }
        .main-menu ul li {
            position: relative;
        }
        .main-menu>ul>li>a {
            position: relative;
            font-family: 'Source Sans Pro', sans-serif;
            line-height: 86px;
            font-size: 15px;
            font-style: normal;
            font-weight: 600;
            color: #4c4f53;
            box-sizing: border-box;
            white-space: nowrap;
            padding: 0 20px;
        }
        .main-menu>ul>li:last-child>a {
            padding: 0 0 0 20px;
        }
        .main-menu ul li.current-menu-item>a,
        .main-menu ul li:hover>a {
            background-color: inherit;
        }
        .dropdown-plus {
            display: none;
        }
        .main-menu ul li.dropdown_menu>a>span:before {
            border-style: solid;
            border-width: 2px 2px 0 0;
            border-color: #c1c1c1;
            position: relative;
            content: '';
            display: inline-block;
            height: 4px;
            width: 4px;
            top: -3px;
            margin-left: 8px;
            box-sizing: content-box;
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -o-transform: rotate(135deg);
            transform: rotate(135deg);
        }
        .main-menu li>ul {
            display: block !important;
            position: absolute;
            width: 250px;
            top: 100%;
            left: 0;
            background-color: #fff;
            padding: 27px 0;
            visibility: hidden;
            opacity: 0;
            -webkit-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1);
            -o-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1);
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }
        .main-menu li:hover>ul {
            visibility: visible;
            opacity: 1;
        }
        .main-menu li.submenu-right>ul {
            left: inherit;
            right: 0;
        }
        .main-menu li>ul ul {
            top: -27px;
            left: 100%;
        }
        .main-menu li.submenu-right>ul ul {
            left: -100% !important;
        }
        .main-menu ul ul li.dropdown_menu>a>span:before {
            float: right;
            top: 7px;
            right: -10px;
            margin: 0;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        .main-menu ul ul li>a {
            position: relative;
            color: #818181;
            padding: 9px 35px 7px !important;
        }
        .main-menu ul ul li>a,
        .main-menu ul ul li:hover>a {
            color: #818181;
            background-color: transparent;
        }
        .main-menu ul ul li:hover>a {
            padding-left: 55px !important;
        }
        .main-menu ul ul li>a:before {
            position: absolute;
            content: "";
            top: 17px;
            left: 35px;
            width: 0;
            height: 1px;
            background: #a1a1a1;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }
        .main-menu ul ul li:hover>a:before {
            width: 10px;
        }
        .main-menu ul li.dropdown_menu>a>span {
            display: none;
        }
        .main-menu.menu-caret ul li.dropdown_menu>a>span {
            display: inline-block;
        }
        .main-menu.menu-caret ul ul li.dropdown_menu>a>span {
            display: inline;
        }
        .main-menu.separate-line>ul>li>a {
            position: relative;
        }
        .main-menu.separate-line>ul>li>a:before {
            position: absolute;
            content: "";
            top: 50%;
            right: 0;
            width: 1px;
            height: 20px;
            background: #eeeeee;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        .main-menu.separate-line>ul>li:last-child>a:before {
            display: none;
        }
        .main-menu.separate-line>ul>li>a {
            padding: 0 28px;
        }
        .main-menu.separate-line>ul>li:last-child>a {
            padding: 0 0 0 28px;
        }
        /* =============================================
    Header sticky
    ================================================ */
        .main-header {
            -webkit-transition: all 0.5s ease;
            -moz-transition: position 10s;
            -ms-transition: position 10s;
            -o-transition: position 10s;
            transition: all 0.5s ease;
        }
        .main-header.sticky {
            top: 0;
            position: fixed;
            width: 100%;
            animation: smoothScroll 1s forwards;
        }
        @keyframes smoothScroll {
            0% {
                transform: translateY(-40px);
            }
            100% {
                transform: translateY(0px);
            }
        }
        /* =============================================
    Submenu
    ================================================ */
        .main-menu.submenu-top-border li>ul {
            border-top: 3px solid #6ca4db;
        }
        .main-menu.submenu-top-border li>ul ul {
            top: -30px;
        }
        .main-menu.submenu-list-border li>ul ul {
            top: -20px;
        }
        .main-menu.submenu-top-border.submenu-list-border li>ul ul {
            top: -23px;
        }
        .main-menu.submenu-list-border ul ul li>a {
            padding: 15px 35px 14px !important;
        }
        .main-menu.submenu-list-border ul ul li:first-child>a {
            padding: 8px 35px 14px 35px !important;
        }
        .main-menu.submenu-list-border ul ul li:last-child>a {
            padding: 15px 35px 8px 35px !important;
        }
        .main-menu.submenu-list-border ul ul li:after {
            position: absolute;
            content: "";
            bottom: 0;
            left: 35px;
            right: 35px;
            height: 1px;
            background: #eeeeee;
        }
        .main-menu.submenu-list-border ul ul li:last-child:after {
            display: none;
        }
        .main-menu.submenu-list-border ul ul li:hover>a {
            padding-left: 55px !important;
        }
        .main-menu.submenu-list-border ul ul li:nth-child(n+2)>a:before {
            top: 24px;
        }
        .header-dark .main-menu.submenu-list-border ul ul li:after {
            background: #333333;
        }
        /* =============================================
    Submenu transitions
    ================================================ */
        .main-menu.submenu-flip li>ul {
            -webkit-transition: all 0.35s ease-in-out;
            -moz-transition: all 0.35s ease-in-out;
            -o-transition: all 0.35s ease-in-out;
            transition: all 0.35s ease-in-out;
            -webkit-transform: rotateX(-90deg);
            -moz-transform: rotateX(-90deg);
            -o-transform: rotateX(-90deg);
            transform: rotateX(-90deg);
            -webkit-transform-origin: 0% 0%;
            -moz-transform-origin: 0% 0%;
            -o-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -o-backface-visibility: hidden;
            backface-visibility: hidden;
        }
        .main-menu.submenu-flip li:hover>ul {
            -webkit-transform: rotateX(0deg);
            -moz-transform: rotateX(0deg);
            -o-transform: rotateX(0deg);
            transform: rotateX(0deg);
        }
        .main-menu.submenu-flip ul {
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
            -webkit-perspective: 200px;
            -ms-perspective: 200px;
            perspective: 200px;
        }
        .main-menu.submenu-flip ul li {
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
            -webkit-perspective: 200px;
            -ms-perspective: 200px;
            perspective: 200px;
        }
        .main-menu.submenu-scale li>ul {
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
        }
        .main-menu.submenu-scale li.submenu-right ul {
            -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
        }
        .main-menu.submenu-scale li:hover>ul {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }
    
    #primary-menu li.menu-item-has-children.locked>ul,
    .main-menu li:focus-within>ul.children,
    .main-menu li:focus-within>ul.sub-menu,
    .main-menu li:hover>ul.children,
    .main-menu li:hover>ul.sub-menu {
        display: block;
        opacity: 1;
        z-index: 1000;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        transition: transform 0.3s ease, opacity 0.2s ease .1s;
        -webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease .1s;
        visibility: visible;
    }
    /*==============================================================
## Header Type CSS
================================================================*/
    /*## Header Images*/
    
    .header-image {
        padding: 20px 0;
        position: relative;
    }
    
    .header-image .header-cart i,
    .header-image .search-box button,
    .header-image .main-menu>ul>li>a {
        color: #fff;
    }
    /*.header-image.sticky .search-box i,
.header-image.sticky .main-menu > ul > li > a {
    color: #4c4f53!important;
}*/
    
    .header-image .container {
        position: relative;
        z-index: 2;
    }
    
    .header-image:after {
        position: absolute;
        content: "";
        background: rgba(0, 0, 0, 0.8);
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
    
    .header-image.sticky {
        padding: 5px 0;
        /*background: #fff!important;*/
    }
    
    .header-image.sticky:after {
        background: rgba(0, 0, 0, 0.8);
    }
    
    .header-image .logo a,
    .header-image .logo p {
        color: #fff;
    }
    
    .header-image .dropdown-plus:before,
    .header-image .dropdown-plus:after,
    .header-image .line-menu {
        background-color: #fff;
    }
    /*## One*/
    
    .header-1 .head_one {
        background: #fff;
        border-bottom: 1px solid #f2f2f2;
    }
    
    .header-1 .head_one .logo {
        margin: auto;
        max-width: 300px;
        text-align: center;
        padding: 20px 0;
        float: none;
    }
    
    .header-1 .search-box i {
        line-height: 30px;
    }
    
    .header-1 .sticky .head_one {
        display: none;
    }
    
    @media (min-width: 1200px) {
        .header-1 .main-menu {
            float: left;
        }
        .header-1 .main-menu>ul>li>a {
            line-height: 60px;
        }
        .header-1 .main-menu>ul>li:first-child>a {
            padding-left: 0;
        }
    }
    
    @media (max-width: 767px) {
        .header-1 .main-header .container {
            position: inherit;
        }
        .header-1 .search-box i {
            line-height: 56px;
        }
        .header-1 .search-wrapper {
            right: 35px;
        }
        .header-1 .bar-menu {
            left: 20px;
        }
    }
    /*## Two*/
    
    .header-2 .head_two {
        background: #fff;
        border-bottom: 1px solid #f2f2f2;
    }
    
    .header-2 .head_two .logo {
        max-width: 300px;
        text-align: left;
        padding: 20px 0;
        float: none;
    }
    
    .header-2 .search-box i {
        line-height: 30px;
    }
    
    .header-2 .sticky .head_two {
        display: none;
    }
    
    @media (min-width: 1200px) {
        .header-2 .main-menu {
            float: left;
        }
        .header-2 .main-menu>ul>li>a {
            line-height: 60px;
        }
        .header-2 .main-menu>ul>li:first-child>a {
            padding-left: 0;
        }
    }
    
    @media (max-width: 767px) {
        .header-2 .main-header .container {
            position: inherit;
        }
        .header-2 .search-box i {
            line-height: 56px;
        }
        .header-2 .search-wrapper {
            right: 10px;
        }
        .header-2 .bar-menu {
            right: 60px;
        }
    }
    
    .header-2 .advertise-img {
        padding: 20px 0;
    }
    /*==============================================================
## Main Menu section
================================================================
 */
    
    .right-box {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 15px;
    }
    
    .right-box ul>li {
        display: inline-block;
        vertical-align: middle;
    }
    
    .right-box ul ul {
        padding: 0;
        margin: 0;
    }
    
    .right-box .cart-inner {
        top: -10px;
    }
    
    .main-navigation ul {
        display: block;
        margin: 0;
        padding: 0;
        text-align: center;
    }
    
    .main-navigation ul ul.children,
    .main-navigation ul ul.sub-menu {
        background-color: #fff;
        text-align: left;
        visibility: hidden;
        transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        top: 100%;
        left: 0;
        -webkit-box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25);
        -moz-box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25);
        box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25);
        width: 250px;
        position: absolute;
        z-index: 999;
        -webkit-transform-origin: top;
        transform-origin: top;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
        display: block;
        opacity: 0;
        padding: 15px 0;
    }
    
    .main-navigation ul li:focus-within>ul.children,
    .main-navigation ul li:hover>ul.children,
    .main-navigation ul li:focus-within>ul.sub-menu,
    .main-navigation ul li:hover>ul.sub-menu {
        display: block;
        opacity: 1;
        z-index: 1000;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        transition: transform 0.3s ease, opacity 0.2s ease .1s;
        -webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease .1s;
        visibility: visible;
    }
    
    .main-navigation ul ul ul {
        left: 100%;
        top: 0;
        box-shadow: 2px 1px 2px #222;
    }
    
    .main-navigation li {
        position: relative;
        display: inline-block;
        margin-bottom: 0;
    }
    
    .main-navigation ul ul ul.children,
    .main-navigation ul ul ul.sub-menu {
        left: 100%;
        top: 0;
    }
    
    .main-navigation ul>li:hover>ul {
        opacity: 1;
        left: 0;
        z-index: 9999;
    }
    
    .main-navigation ul ul ul ul {
        display: none;
    }
    
    .main-navigation ul ul ul li:hover>ul {
        display: block;
    }
    
    .main-navigation ul ul li:hover>ul {
        opacity: 1;
        left: 100%;
    }
    
    .main-navigation li li {
        float: none;
        display: block;
    }
    
    .main-navigation ul li li:last-child>a {
        border: none;
    }
    
    .main-navigation ul li a {
        color: #fff;
        display: block;
        font-size: 12px;
        font-weight: 500;
        padding: 0 20px;
        position: relative;
        letter-spacing: 1px;
        z-index: 99;
        text-transform: uppercase;
        line-height: 86px;
    }
    
    .fixed-nav .main-navigation ul>li>a {
        color: #fff;
    }
    
    .fixed-nav .main-navigation ul ul a,
    .main-navigation ul ul a {
        border-left: medium none;
        border-right: medium none;
        transition: padding 0.2s ease-in-out 0s;
        height: auto;
        padding: 5px 25px;
        text-align: left;
        width: 100%;
        margin: 0;
        color: #666666;
        font-size: 14px;
        text-transform: capitalize;
        line-height: 2;
    }
    
    .main-navigation li>a {
        position: relative;
    }
    
    .main-navigation li li.current-menu-item>a:after,
    .main-navigation li li.current-page-item>a:after,
    .main-navigation ul li li a:hover:after {
        display: none;
    }
    
    .main-navigation li li>a:hover,
    .main-navigation li li.current-menu-item>a,
    .main-navigation li li.current-page-item>a,
    .main-navigation li li:hover>a {
        color: #f36b8f;
    }
    
    .main-navigation ul li.menu-item-has-children>a::before,
    .main-navigation ul li.page-item-has-children>a::before {
        content: "\f107";
        font-family: 'FontAwesome';
        position: absolute;
        right: 5px;
        top: auto;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        font-size: 12px;
        font-weight: 900;
    }
    
    .main-navigation ul li li.menu-item-has-children>a::before,
    .main-navigation ul li li.page-item-has-children>a::before {
        right: 20px;
        top: 10px;
        transform: rotate(-90deg);
    }
    
    #main-navigation ul ul ul::after {
        display: none;
    }
    
    .main-navigation .dropdown-toggle::after {
        display: none!important;
    }
    /*==============================================================
## Tab Navigate
================================================================*/
    
    #menu-main li.menu-item-has-children.locked>ul,
    #menu-main li.menu-item-has-children a:focus~ul {
        visibility: visible;
        opacity: 1;
        top: 100%;
        outline: 1px auto red!important;
        transform: initial;
    }
    
    .menu-button {
        float: left;
        padding: 0;
        position: relative;
        width: 25px;
        margin: 17px 0;
        background: none;
        border: 0;
        z-index: 100;
    }
    
    .hum-line {
        width: 100%;
        height: 3px;
        background: #333;
        margin: 6px 0;
        transition: .5s ease-in-out;
        transition-delay: 0, 0, 0.5s;
    }
    
    @media only screen and (min-width:992px) {
        .menu-button {
            display: none;
        }
    }
    
    button.btnc {
        display: none;
    }
    
    @media only screen and (max-width:991px) {
        .menu-button {
            display: block;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 15px;
            margin: 0;
        }
        /* Mobile Menu */
        .main-navigation ul li.menu-item-has-children>a::before,
        .main-navigation ul li.page-item-has-children>a::before {
            display: none;
        }
        .nav_on .dropdown-icon {
            height: 48px;
            width: 50px;
            background: transparent;
            z-index: 999;
            display: block;
            cursor: pointer;
            line-height: 48px;
        }
        .nav_on .dropdown-icon::after {
            content: "\f107";
            display: block;
            text-align: center;
            font-family: 'FontAwesome';
        }
        .nav_on .toggle-on .dropdown-icon::after {
            content: "\f106";
        }
        .nav_on .dropdown-toggle {
            position: absolute;
            right: 0;
            top: 0;
            padding: 0;
            z-index: 9999;
            color: #fff;
        }
        .main-navigation ul li a {
            line-height: initial;
        }
        .main-navigation ul ul.children,
        .main-navigation ul ul.sub-menu {
            visibility: initial;
            opacity: 1;
            transition: initial;
            top: initial;
            left: initial;
            width: 100%;
            position: initial;
            z-index: 999;
            ;
            transform-origin: initial;
            animation-fill-mode: initial;
            transform: initial;
            display: none;
            box-shadow: initial;
        }
        .main-navigation ul li:hover>ul.children,
        .main-navigation ul li:hover>ul.sub-menu {
            display: none;
            opacity: 1;
            z-index: 1000;
            transform: initial;
            transition: initial;
        }
        .main-navigation ul ul ul {
            left: initial;
            top: initial;
            box-shadow: initial;
        }
        .main-navigation li {
            display: block;
        }
        .main-navigation ul ul ul.children,
        .main-navigation ul ul ul.sub-menu {
            left: initial;
            top: initial;
            padding-left: 15px;
        }
        .main-navigation ul>li:hover>ul {
            opacity: initial;
            left: initial;
            z-index: initial;
        }
        /*===================================
  navbar default
  ===================================*/
        nav.main-navigation {
            width: 320px !important;
            float: none;
            position: fixed;
            left: -320px;
            background: #222;
            min-height: 100%;
            overflow-y: scroll;
            height: 100%;
            z-index: 100;
            transition: left .5s ease-in-out;
            top: 0;
            padding: 70px 20px;
        }
        nav.nav_on {
            left: 0;
        }
        nav.nav_on li {
            width: 100%;
            text-align: left;
        }
        nav.nav_on li a {
            padding: 15px 20px !important;
            font-size: 12px !important;
        }
        nav.nav_on li a {
            color: #fff!important;
            margin: 0;
        }
        nav.nav_on li .children,
        nav.nav_on li .sub-menu {
            background: #333;
            top: auto;
        }
        nav.nav_on li a:hover {
            background: #444;
        }
        nav.nav_on .children,
        nav.nav_on .sub-menu {
            position: relative;
            display: none;
            width: 100%;
            background: #333;
        }
        button.btnc {
            display: block;
            position: absolute;
            right: 20px;
            border-radius: 0;
            background: transparent;
            height: 25px;
            width: 25px;
            line-height: 25px;
            text-align: center;
            border: 0;
            z-index: 9999;
            top: 50px;
            color: #fff;
        }
    }
    
    .header-cart a:focus-within .headr_btom_cart {
        opacity: 1;
        transform: scale(1);
        visibility: visible;
    }
    /*==============================================================
## Main Banner CSS
================================================================*/
    
    section.slider-wrapper {
        position: relative;
    }
    
    .slider-height {
        height: 665px;
        position: relative;
    }
    
    .img-cover {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    
    .caption {
        text-align: center;
        position: relative;
        z-index: 5;
    }
    
    .caption h2 a {
        font-size: 48px;
        color: #fff;
        font-weight: 700;
        margin-bottom: 10px;
        line-height: 1.3;
    }
    
    .caption span,
    .caption span a {
        font-size: 14px;
        color: #fff;
        margin-right: 5px;
        text-transform: uppercase;
        letter-spacing: 2px;
    }
    
    .caption span i {
        margin-right: 5px;
    }
    
    .caption .s-cat {
        color: #fff;
        z-index: 3;
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        border-radius: 1px;
        line-height: normal;
        padding: 4px 12px;
        position: relative;
        background: #6ca4db;
    }
    
    .main-slider .slick-arrow {
        position: absolute;
        top: 50%;
        left: 30px;
        transform: translateY(-50%);
        background: none;
        padding: 0;
        font-size: 24px;
        height: 50px;
        width: 40px;
        border: 1px solid #c7c8ca;
        color: #c7c8ca;
        text-align: center;
        line-height: 50px;
        transition: all .3s;
        cursor: pointer;
        z-index: 99;
        opacity: 0;
        visibility: hidden;
    }
    
    .main-slider:hover .slick-arrow {
        opacity: 1;
        visibility: visible;
    }
    
    .main-slider .slick-arrow:hover {
        border: 1px solid #c7c8ca;
        color: #c7c8ca;
    }
    
    .main-slider .slick-arrow.slick-next {
        right: 30px;
        left: auto;
    }
    
    .main-slider .slick-dots {
        position: absolute;
        text-align: center;
        left: 0;
        right: 0;
        bottom: 30px;
        padding-left: 0;
    }
    
    .main-slider .slick-dots li {
        display: inline-block;
        line-height: 0;
    }
    
    .main-slider .slick-dots li.slick-active button {
        background: #fff;
    }
    
    .main-slider .slick-dots li button {
        text-indent: -99999px;
        border: 0;
        margin: 0 5px;
        padding: 0;
        height: 10px;
        width: 10px;
        border-radius: 50%;
        background: #959698;
    }
    
    .align-items-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .d-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
    }
    
    .overley {
        background: rgba(0, 0, 0, .3);
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1;
    }
    
    .overley:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 2;
        background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.75));
    }
    
    .bottom-caption {
        position: absolute;
        bottom: 10%;
        width: 100%;
    }
    
    .bottom-caption .slider-items {
        position: relative;
        padding: 30px 0 10px 80px;
        cursor: pointer;
    }
    
    .bottom-caption .slider-items span {
        position: absolute;
        width: 70px;
        height: 70px;
        left: 0;
        top: 20px;
        border-radius: 100%;
        text-align: center;
        line-height: 70px;
        font-size: 30px;
        font-weight: 700;
        color: rgb(255, 255, 255);
        border: 2px solid #eee;
        background: rgba(0, 0, 0, 0.37);
    }
    
    .bottom-caption .slick-current .slider-items span {
        background: #6ca4db;
        border: 2px solid #6ca4db;
    }
    
    .bottom-caption .slider-items a,
    .bottom-caption .slider-items h4 {
        color: #fff;
    }
    /**
## slider Boxed
**/
    
    .boxed {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 30px;
    }
    
    @media (min-width: 768px) {
        .boxed {
            width: 750px;
        }
    }
    
    @media (min-width: 992px) {
        .boxed {
            width: 970px;
        }
    }
    
    @media (min-width: 1200px) {
        .boxed {
            width: 1170px;
        }
    }
    
    .bottom-caption .boxed {
        padding: 0 50px;
    }
    /**
## slider Two
**/
    
    .slide-wrap {
        display: table;
        width: 100%;
        background: #fff;
        margin-top: 50px;
    }
    
    .slide-wrap [class*="col-"] {
        display: table-cell;
        vertical-align: middle;
        float: none;
        padding: 0;
    }
    
    .slide-wrap .slider-height {
        height: 450px;
    }
    
    .slide-wrap .caption {
        text-align: left;
        padding: 20px 70px;
    }
    
    .slide-wrap .caption h2 a {
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        color: #2f3235;
        font-size: 24px;
    }
    
    .slide-wrap .caption span,
    .slide-wrap .caption span a {
        margin-bottom: 15px;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        text-transform: uppercase;
        color: #989ea6;
        letter-spacing: normal;
    }
    
    .slide-wrap .caption .s-cat {
        color: #fff;
        z-index: 3;
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        border-radius: 1px;
        line-height: normal;
        padding: 4px 12px;
        position: relative;
        background: #6ca4db;
        margin-bottom: 5px;
    }
    
    .slide-wrap .post-excerpt {
        margin: 10px 0;
        font-size: 18px;
    }
    
    .more-btn {
        margin: 15px 0;
        display: inline-block;
        font-family: 'Source Sans Pro', sans-serif;
    }
    
    .slide-wrap .caption span i {
        margin-right: 5px;
    }
    
    .modern-slider .slick-arrow {
        position: absolute;
        height: 70px;
        width: 70px;
        text-align: center;
        line-height: 30px;
        border-radius: 0;
        color: #000;
        font-size: 35px;
        bottom: 4px;
        left: 0;
        z-index: 2;
        cursor: pointer;
        border: 0;
        background: #fff;
        outline: none;
    }
    
    .modern-slider .slick-arrow:hover {
        background: #333;
        color: #fff;
    }
    
    .modern-slider .slick-arrow.slick-next {
        left: 70px;
        right: auto;
    }
    
    .modern-slider .slick-dots {
        position: absolute;
        text-align: center;
        left: 0;
        right: 0;
        bottom: 30px;
        padding-left: 0;
    }
    
    .modern-slider .slick-dots li {
        display: inline-block;
        line-height: 0;
    }
    
    .modern-slider .slick-dots li.slick-active button {
        background: #fff;
    }
    
    .modern-slider .slick-dots li button {
        text-indent: -99999px;
        border: 0;
        margin: 0 5px;
        padding: 0;
        height: 10px;
        width: 10px;
        border-radius: 50%;
        background: #959698;
    }
    
    @media (max-width: 767px) {
        .slide-wrap {
            display: block;
        }
        .slide-wrap [class*="col-"] {
            display: block;
        }
        .slide-wrap .s-left {
            float: right;
        }
        .slide-wrap .caption {
            text-align: left;
            padding: 20px 15px;
        }
        .slide-wrap .slider-height {
            height: 200px;
        }
    }
    /**
================================================
## Archive page heading
====================================================
**/
    
    .archive-heading {
        max-width: 500px;
        width: 100%;
        padding: 0 15px;
    }
    
    .archive-title {
        margin: -7px 0 0;
        font-size: 29px;
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        color: #2f3235;
    }
    
    .archive-description {
        margin: 15px 0 -3px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.6;
        color: #4c4f53;
    }
    
    .archive-description p {
        margin-bottom: 10px;
    }
    
    .archive-description p:last-child {
        margin-bottom: 0;
    }
    /***
====================================================================
## Author Page
====================================================================
***/
    
    .fb-author-heading-social-links {
        margin-top: 8px;
        text-align: left;
    }
    
    .fb-author-heading-social-links>span {
        margin-right: 8px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        color: #4c4f53;
    }
    
    .fb-author-heading-social-links ul {
        margin: 0 -10px 0 0;
        display: inline-block;
    }
    
    .fb-author-heading-social-links ul li {
        display: inline-block;
        margin: 10px 10px 0 0;
    }
    
    .fb-author-heading-social-links ul li a {
        display: inline-block;
        width: 36px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        font-family: sans-serif;
        font-size: 13px;
        font-weight: 400;
        color: #4c4f53;
        background-color: #ffffff;
        border-radius: 50%;
    }
    
    .fb-author-heading-social-links ul li a:active i {
        position: relative;
        top: 1px;
    }
    
    .fb-ah-twitter-link:hover,
    .fb-ah-twitter-link:focus {
        color: #43b1ff !important;
    }
    
    .fb-ah-facebook-f-link:hover,
    .fb-ah-facebook-f-link:focus {
        color: #6e8dd0 !important;
    }
    
    .fb-ah-pinterest-p-link:hover,
    .fb-ah-pinterest-p-link:focus {
        color: #ff3158 !important;
    }
    
    .fb-ah-vk-link:hover,
    .fb-ah-vk-link:focus {
        color: #6089b9 !important;
    }
    
    .fb-ah-telegram-plane-link:hover,
    .fb-ah-telegram-plane-link:focus {
        color: #4bb5e9 !important;
    }
    
    .fb-ah-flickr-link:hover,
    .fb-ah-flickr-link:focus {
        color: #3a7cf5 !important;
    }
    
    .fb-ah-instagram-link:hover,
    .fb-ah-instagram-link:focus {
        color: #f24b73 !important;
    }
    
    .fb-ah-500px-link:hover,
    .fb-ah-500px-link:focus {
        color: #3aadf6 !important;
    }
    
    .fb-ah-youtube-link:hover,
    .fb-ah-youtube-link:focus {
        color: #ff3449 !important;
    }
    
    .fb-ah-vimeo-v-link:hover,
    .fb-ah-vimeo-v-link:focus {
        color: #3bbff6 !important;
    }
    
    .fb-ah-soundcloud-link:hover,
    .fb-ah-soundcloud-link:focus {
        color: #fe823c !important;
    }
    
    .fb-ah-dribbble-link:hover,
    .fb-ah-dribbble-link:focus {
        color: #f65498 !important;
    }
    
    .fb-ah-behance-link:hover,
    .fb-ah-behance-link:focus {
        color: #537fff !important;
    }
    
    .fb-ah-github-link:hover,
    .fb-ah-github-link:focus {
        color: #010101;
    }
    /***
====================================================================
##No results" message (content none)
====================================================================
**/
    
    .search-no-results .page-content {
        position: relative;
        margin-bottom: 40px;
        background-color: #ffffff;
        padding: 30px;
        word-wrap: break-word;
        overflow: hidden;
    }
    
    .search-no-results h3 {
        margin: -7px 0 15px 0;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        color: #2f3235;
    }
    
    .search-no-results p {
        margin: 15px 0;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.6;
        color: #4c4f53;
    }
    /***
====================================================================
## Blog posts
====================================================================
***/
    
    .posts-container {
        padding-top: 60px;
        padding-bottom: 20px;
        overflow: hidden;
    }
    
    .home .posts-container {
        padding-top: 20px;
    }
    /* masonry */
    
    .masonry-container {
        margin-right: -30px;
    }
    
    .masonry-item {
        float: left;
    }
    
    .masonry-item.col-1 {
        float: none;
    }
    
    .post-wrap {
        position: relative;
        margin-bottom: 40px;
        padding: 0;
        background-color: #ffffff;
    }
    /* masonry: 3 columns */
    
    .col-3-default {
        width: 33.33%;
    }
    
    .col-3 {
        width: 33.33%;
    }
    
    .col-3.width-2x {
        width: 66.66%;
    }
    /* masonry: 2 columns */
    
    .col-2-default {
        width: 50%;
    }
    
    .col-2 {
        width: 50%;
    }
    
    .col-2.width-2x {
        width: 100%;
    }
    /* 1 column */
    
    .col-1 {
        width: 100%;
    }
    /***
====================================================================
## Post Format
====================================================================
***/
    
    .date_title .post-date {
        line-height: 30px;
    }
    
    span.post-format {
        float: left;
        width: 40px;
        position: relative;
        height: 30px;
    }
    
    .blog .format-status .post-excerpt p,
    .archive .format-status .post-excerpt p {
        font-size: 19px;
    }
    
    article.format-aside .post-content .post-format::after,
    article.format-status .post-content .post-format::after,
    article.format-chat .post-content .post-format::after,
    article.format-link .post-content .post-format::after,
    article.format-standard .post-content .post-format::after,
    article.format-image .post-content .post-format::after,
    article.hentry.sticky .post-content .post-format::after,
    article.format-video .post-content .post-format::after,
    article.format-gallery .post-content .post-format::after,
    article.format-audio .post-content .post-format::after,
    article.format-quote .post-content .post-format::after {
        font-size: 15px;
        content: "\f03e";
        color: #ffffff;
        display: inline-block;
        font-family: "fontawesome";
        left: 0;
        position: absolute;
        text-align: center;
        top: 0;
        width: 30px;
        line-height: 30px;
        height: 30px;
        background: #6ca4db;
    }
    
    article.format-standard .post-content .post-format::after {
        content: "\f016"
    }
    
    article.format-image .post-content .post-format::after {
        content: "\f03e";
    }
    
    article.hentry.sticky .post-content .post-format::after {
        content: "\f097";
    }
    
    article.format-video .post-content .post-format::after {
        content: "\f144";
    }
    
    article.format-gallery .post-content .post-format::after {
        content: "\f03e";
    }
    
    article.format-audio .post-content .post-format::after {
        content: "\f001";
    }
    
    article.format-quote .post-content .post-format::after {
        content: "\f10e";
    }
    
    article.format-link .post-content .post-format::after {
        content: "\f08e";
    }
    
    article.format-chat .post-content .post-format::after {
        content: "\f0e6";
    }
    
    article.format-aside .post-content .post-format::after {
        content: "\f24a";
    }
    
    article.format-status .post-content .post-format::after {
        content: "\f24d";
    }
    
    @media (max-width: 767px) {
        .date_title .post-date {
            line-height: inherit;
        }
    }
    /***
====================================================================
## Post media: image
====================================================================
***/
    
    .post-media {
        position: relative;
    }
    /* img */
    
    .post-media img {
        display: block;
        max-width: 100%;
        width: auto;
        height: auto;
        margin: 0 auto;
    }
    /* img overlay */
    
    .post-bg-overlay {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9;
        width: 100%;
        height: 100%;
        background-color: #1f2123;
        opacity: 0;
        -webkit-transition: opacity 0.2s ease;
        -moz-transition: opacity 0.2s ease;
        -o-transition: opacity 0.2s ease;
        transition: opacity 0.2s ease;
    }
    
    .post-wrap:hover .post-bg-overlay {
        opacity: 0.2;
    }
    /***
====================================================================
## Post media: slider (gallery)
====================================================================
***/
    
    .blog-gallery .slick-arrow {
        position: absolute;
        top: 50%;
        left: 30px;
        transform: translateY(-50%);
        background: none;
        padding: 0;
        font-size: 24px;
        height: 50px;
        width: 40px;
        border: 1px solid #c7c8ca;
        color: #c7c8ca;
        text-align: center;
        line-height: 50px;
        transition: all .3s;
        cursor: pointer;
        z-index: 99;
    }
    
    .blog-gallery .slick-arrow:hover {
        border: 1px solid #c7c8ca;
        color: #c7c8ca;
    }
    
    .blog-gallery .slick-arrow.slick-next {
        right: 30px;
        left: auto;
    }
    
    .blog-gallery .slick-dots {
        position: absolute;
        text-align: center;
        left: 0;
        right: 0;
        bottom: 30px;
        padding-left: 0;
    }
    
    .blog-gallery .slick-dots li {
        display: inline-block;
        line-height: 0;
    }
    
    .blog-gallery .slick-dots li.slick-active button {
        background: #fff;
    }
    
    .blog-gallery .slick-dots li button {
        text-indent: -99999px;
        border: 0;
        margin: 0 5px;
        padding: 0;
        height: 10px;
        width: 10px;
        border-radius: 50%;
        background: #959698;
    }
    /***
====================================================================
## Post media: video
====================================================================
***/
    /* tags */
    
    video {
        height: auto;
        max-width: 100%;
        width: 100%;
    }
    
    embed,
    iframe,
    object {
        max-width: 100%;
    }
    
    embed,
    iframe,
    object {
        width: 100%;
    }
    /* video post format: iframe */
    
    .iframe-video-wrap {
        overflow: hidden;
        height: 0;
        padding-bottom: 56.25%;
        position: relative;
        z-index: 10;
    }
    
    .iframe-video-wrap iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border: none !important;
    }
    /**
 * 9.4 - Post media: audio
 * -------------------------------------------------------------
 */
    
    .iframe-audio-wrap iframe {
        display: block;
        min-height: 160px;
        width: 100%;
    }
    /**
 * 9.5 - Post content
 * -------------------------------------------------------------
 */
    
    .post-content {
        position: relative;
        padding: 30px;
        word-wrap: break-word;
        overflow: hidden;
    }
    
    .post-content {
        padding-bottom: 20px;
    }
    /* date */
    
    .post-date {
        margin-bottom: 15px;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        text-transform: uppercase;
        color: #989ea6;
    }
    
    .post-date a {
        color: #989ea6;
    }
    
    .post-date a:focus,
    .post-date a:hover {
        color: #6ca4db;
        text-decoration: underline !important;
    }
    
    .post-date.no-title {
        margin-bottom: 15px;
    }
    
    .updated:not(.published) {
        display: none;
    }
    /* title */
    
    .post-title {
        margin: 0 0 15px;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        color: #2f3235;
    }
    
    .post-title a {
        color: #2f3235;
    }
    
    .post-title a:hover,
    .post-title a:focus {
        color: #4c4f53;
        text-decoration: underline !important;
    }
    /* post excerpt and post content */
    
    .post-excerpt,
    .content {
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.7;
        color: #4c4f53;
        text-align: left;
    }
    
    .single-post .post-excerpt ol,
    .single-post .content ol;
    .single-post .post-excerpt ul,
    .single-post .content ul;
    .single-post .post-excerpt p,
    .single-post .content p {
        margin-bottom: 40px;
    }
    
    .post-excerpt a:hover,
    .post-excerpt a:focus,
    .content a:hover,
    .content a:focus {
        color: #6ca4db;
        text-decoration: underline !important;
    }
    
    .content p {
        margin-bottom: 15px;
    }
    
    .drop-cap p:first-child:first-letter {
        float: left;
        font-size: 75px;
        line-height: 75px;
        padding-top: 0px;
        padding-right: 6px;
        padding-left: 3px;
    }
    
    .masonry-item .content p:last-child,
    .page-posts .content p:last-child {
        margin-bottom: 0;
    }
    /* more link */
    
    .more-link {
        font-style: normal;
        color: #989ea6;
        padding: 0;
        text-transform: uppercase;
        font-size: 13px;
        font-family: 'Source Sans Pro', sans-serif;
        display: inline-block;
        font-weight: 600;
    }
    
    .content .more-link {
        display: inline-block;
        margin-bottom: 5px;
    }
    
    .content .more-link:after {
        content: '...';
        display: inline-block;
        margin-left: 4px;
    }
    
    .content .more-link {
        margin-bottom: 0;
    }
    
    .content .more-link:after {
        display: none;
    }
    
    .content .more-link:before {
        content: '...';
        display: inline-block;
        margin-right: 4px;
    }
    
    .content .more-link:hover:before,
    .content .more-link:focus:before {
        color: #4c4f53;
    }
    
    a.clean {
        background: #f7f8f8;
        padding: 10px 15px;
        margin: 15px 0 10px 0;
        border-radius: 3px;
        font-size: 12px;
    }
    
    a.effect {
        background: #f7f8f8;
        padding: 10px 15px;
        margin: 15px 0 10px 0;
        border-radius: 3px;
        display: inline-block;
        font-size: 12px;
        position: relative;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    a.effect:before {
        width: 0%;
        height: 100%;
        top: 0;
        left: 0;
        background: #337ab7;
        border-radius: 3px;
        content: '';
        position: absolute;
        z-index: -1;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    a.effect:hover:before,
    a.effect:active:before {
        width: 100%;
    }
    
    a.effect:hover,
    a.effect:active {
        color: #fff;
        z-index: 1;
    }
    /* meta */
    
    .post-footer {
        display: block;
        padding: 15px 0;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        text-transform: uppercase;
        color: #989ea6;
    }
    
    .post-footer>span {
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
        vertical-align: middle;
        line-height: 1;
    }
    
    .post-footer>span:first-child {
        padding-left: 0;
    }
    
    .post-footer>span i,
    .post-footer>span a {
        color: #959595;
        font-size: 12px;
        padding-right: 5px;
        margin-bottom: 5px;
        line-height: 20px;
    }
    
    .post-footer>span a:hover,
    .post-footer>span a:focus {
        color: #6ca4db;
        text-decoration: underline !important;
    }
    
    .meta_bottom {
        display: inline-block;
        vertical-align: baseline;
        position: relative;
    }
    
    .meta_bottom .text_share a {
        color: #959595;
    }
    
    .meta_bottom .text_share a i {
        padding-right: 5px;
    }
    
    .post-share {
        min-width: 160px;
        position: absolute;
        left: -50%;
        top: -53px;
        padding: 5px 10px;
        background-color: #ffffff;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.15s ease 0.4s;
        -moz-transition: all 0.15s ease 0.4s;
        -o-transition: all 0.15s ease 0.4s;
        transition: all 0.15s ease 0.4s;
        text-align: center;
        box-shadow: 0 1px 4px rgba(0, 0, 0, .05);
        border: 1px solid #e6e6e6;
    }
    
    .post-share:before {
        top: calc(100% - 6px);
        left: 50%;
        content: " ";
        height: 12px;
        width: 12px;
        margin-left: -7px;
        border-radius: 2px;
        position: absolute;
        pointer-events: none;
        background-color: #fff;
        border: 1px solid transparent;
        border-left-color: #e6e6e6;
        border-bottom-color: #e6e6e6;
        transform: rotateZ(-45deg);
        -moz-box-shadow: -1px 1px 3px -1px rgba(0, 0, 0, .05);
        -webkit-box-shadow: -1px 1px 3px -1px rgba(0, 0, 0, .05);
        box-shadow: -1px 1px 3px -1px rgba(0, 0, 0, .05);
    }
    
    .post-share a {
        border-radius: 50%;
        height: 30px;
        width: 30px;
        display: inline-block;
        text-align: center;
        line-height: 30px;
        color: #333;
    }
    
    .post-share a:hover {
        opacity: 0.6;
    }
    
    .meta_bottom:hover .post-share {
        visibility: visible;
        opacity: 1;
        margin-bottom: 0;
        -webkit-transition: all 0.15s ease 0s;
        -moz-transition: all 0.15s ease 0s;
        -o-transition: all 0.15s ease 0s;
        transition: all 0.15s ease 0s;
    }
    /* post format: chat */
    
    .format-chat .post-excerpt p,
    .format-chat .content p {
        background-color: #f7f8f8;
        padding: 5px;
        margin-bottom: 10px;
    }
    
    .archive .format-chat .post-excerpt p,
    .home .format-chat .post-excerpt p {
        display: none;
    }
    
    .archive .format-chat .post-excerpt p:nth-child(1),
    .archive .format-chat .post-excerpt p:nth-child(2),
    .archive .format-chat .post-excerpt p:nth-child(3),
    .archive .format-chat .post-excerpt p:nth-child(4),
    .home .format-chat .post-excerpt p:nth-child(1),
    .home .format-chat .post-excerpt p:nth-child(2),
    .home .format-chat .post-excerpt p:nth-child(3),
    .home .format-chat .post-excerpt p:nth-child(4) {
        display: block;
    }
    /* post format: link */
    
    .format-link .post-excerpt a {
        display: block;
    }
    
    a.link-format {
        padding: 43px 20px;
        background: #6ca4db;
        margin: 0px -15px;
        color: #fff;
        font-size: 20px;
    }
    
    a.link-format:hover {
        color: #fff!important;
        opacity: 0.7;
    }
    /* post format: Quote */
    
    .format-quote .post-wrap {
        background: #6ca4db;
    }
    
    .format-quote .content {
        color: #fff;
        margin: 0;
        padding: 0;
    }
    
    .format-quote .content p {
        font-size: 22px !important;
        font-style: italic !important;
        line-height: 30px !important;
    }
    
    .format-quote .content p {
        font-size: 22px !important;
        font-style: italic !important;
        line-height: 30px !important;
    }
    /* post format: status */
    
    .blog .format-status p,
    .archive .format-status p {
        display: none;
    }
    /**
 ## Paginations (WordPress CSS classes)
 * -------------------------------------------------------------
 */
    
    .pagination {
        overflow: hidden;
        display: inline-block;
        margin: 0 0 50px;
        padding: 0;
        border-radius: 0;
        position: relative;
        text-align: center;
        width: 100%;
    }
    
    .pagination .page-numbers {
        display: inline-block;
        padding: 10px 15px;
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        color: #4c4f53;
        background: #ffffff;
    }
    
    .pagination .page-numbers.dots {
        padding: 10px 5px;
    }
    
    .pagination .prev.page-numbers i {
        margin-right: 10px;
    }
    
    .pagination .next.page-numbers i {
        margin-left: 10px;
    }
    
    .pagination a.page-numbers:focus {
        color: #ffffff;
        background: #959698;
    }
    
    .pagination .page-numbers.current {
        color: #ffffff;
        background: #959698;
    }
    
    .pagination a.page-numbers:hover {
        color: #ffffff;
        background: #959698;
    }
    
    .posts-navigation {
        margin: 5px 0 0;
        padding: 15px 0 0;
        border-top: 1px solid #eeefef;
    }
    
    .posts-navigation:before,
    .posts-navigation:after {
        content: " ";
        display: table;
    }
    
    .posts-navigation:after {
        clear: both;
    }
    
    .posts-navigation {
        zoom: 1;
        display: inline-block;
        width: 100%;
    }
    
    .posts-navigation .nav-previous,
    .posts-navigation .nav-next {
        display: inline-block;
        min-height: 1px;
        width: 50%;
        position: relative;
    }
    
    .posts-navigation .nav-previous {
        float: left;
        text-align: left;
        padding-right: 15px;
    }
    
    .posts-navigation .nav-next {
        float: right;
        text-align: right;
        padding-left: 15px;
    }
    
    .posts-navigation .nav-previous a:before {
        position: absolute;
        content: "Previous post";
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        color: #989ea6;
        display: block;
        padding-left: 10px;
        top: 0;
    }
    
    .posts-navigation .nav-previous a:after {
        position: absolute;
        content: "\f0d9";
        font-family: "FontAwesome";
        color: #989ea6;
        left: 0;
        top: -3px;
    }
    
    .posts-navigation .nav-next a:before {
        position: absolute;
        content: "Next post";
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        color: #989ea6;
        display: block;
        padding-right: 10px;
        top: 0;
        right: 0;
    }
    
    .posts-navigation .nav-next a:after {
        position: absolute;
        content: "\f0da";
        font-family: "FontAwesome";
        color: #989ea6;
        right: 0;
        top: -3px;
    }
    
    .posts-navigation .nav-links a {
        display: inline-block;
        width: 100%;
        padding: 20px 0 10px 0;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.7;
        color: #4c4f53;
        /* .post-title-nav color */
        word-wrap: break-word;
    }
    
    .posts-navigation .nav-links a:hover,
    .posts-navigation .nav-links a:focus {
        color: #6ca4db;
        /* .post-title-nav color */
    }
    
    .show-more {
        position: relative;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-width: 1px;
        cursor: pointer;
        font-weight: 500;
        display: inline-block;
        font-size: 1.5rem;
        text-align: center;
        line-height: 2;
        text-transform: uppercase;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-decoration: none;
        border-radius: 0;
        max-width: 100%;
        letter-spacing: .05em;
        padding: 1rem 4rem;
        background: #6ca4db;
        color: #fff;
        margin: auto;
    }
    
    .ajax-pagination {
        display: inline-block;
        width: 100%;
    }
    /**
 ## Single post page
 * -------------------------------------------------------------
 */
    
    .archive.woocommerce .posts-container,
    .page .posts-container,
    .single .posts-container {
        padding-top: 0;
    }
    /* post navigation (WordPress CSS classes) */
    
    .post-navigation {
        margin: 5px 0 0;
        padding: 15px 0 0;
        border-top: 1px solid #eeefef;
    }
    
    .post-navigation:before,
    .post-navigation:after {
        content: " ";
        display: table;
    }
    
    .post-navigation:after {
        clear: both;
    }
    
    .post-navigation {
        zoom: 1;
    }
    
    .post-navigation .nav-previous,
    .post-navigation .nav-next {
        display: inline-block;
        min-height: 1px;
        width: 50%;
        position: relative;
    }
    
    .post-navigation .nav-previous {
        float: left;
        text-align: left;
        padding-right: 15px;
    }
    
    .post-navigation .nav-next {
        float: right;
        text-align: right;
        padding-left: 15px;
    }
    
    .post-navigation .nav-previous a:before {
        position: absolute;
        content: "Previous post";
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        color: #989ea6;
        display: block;
        padding-left: 10px;
        top: 0;
    }
    
    .post-navigation .nav-previous a:after {
        position: absolute;
        content: "\f0d9";
        font-family: "FontAwesome";
        color: #989ea6;
        left: 0;
        top: -3px;
    }
    
    .post-navigation .nav-next a:before {
        position: absolute;
        content: "Next post";
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        color: #989ea6;
        display: block;
        padding-right: 10px;
        top: 0;
        right: 0;
    }
    
    .post-navigation .nav-next a:after {
        position: absolute;
        content: "\f0da";
        font-family: "FontAwesome";
        color: #989ea6;
        right: 0;
        top: -3px;
    }
    
    .post-navigation .nav-links a {
        display: inline-block;
        width: 100%;
        padding: 20px 0 10px 0;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.7;
        color: #4c4f53;
        /* .post-title-nav color */
        word-wrap: break-word;
    }
    
    .post-navigation .nav-links a:hover,
    .post-navigation .nav-links a:focus {
        color: #6ca4db;
        /* .post-title-nav color */
    }
    /**
## WordPress content styles
 * -------------------------------------------------------------
 */
    /* alignment */
    
    .alignleft {
        float: left;
        margin: 5px 30px 15px 0;
    }
    
    .alignright {
        float: right;
        margin: 5px 0 15px 30px;
    }
    
    .aligncenter {
        clear: both;
        display: block;
        margin: 0 auto 20px;
        padding: 5px 0 0;
    }
    
    .alignnone {
        margin: 0 0 20px;
        padding: 5px 0 0;
    }
    
    .text-left {
        text-align: left;
    }
    
    .text-right {
        text-align: right;
    }
    
    .text-center {
        text-align: center;
    }
    
    .text-justify {
        text-align: justify;
    }
    /* image with caption */
    
    .wp-caption {
        max-width: 100%;
        margin-top: 0;
        margin-bottom: 15px;
        padding: 5px 0 0;
    }
    
    .wp-caption img {
        border: 0;
        margin: 0;
        padding: 0;
        max-width: 100%;
        height: auto;
    }
    
    .wp-caption .wp-caption-text {
        margin: 0;
        padding: 10px 0 0;
        font-size: 13px;
        text-align: left;
        line-height: 1.6;
    }
    /* responsive images */
    
    .comment-content img {
        display: block;
        max-width: 100%;
        height: auto;
    }
    
    img[class*="align"],
    img[class*="wp-image-"],
    img[class*="attachment-"] {
        height: auto;
    }
    
    img.size-full,
    img.size-large,
    img.header-image,
    img.wp-post-image {
        max-width: 100%;
        height: auto;
    }
    /* gallery with images */
    
    .gallery {
        margin: 0 -5px 5px !important;
        padding-top: 5px;
    }
    
    .gallery .gallery-item {
        display: inline-block;
        overflow: hidden;
        vertical-align: top;
        margin: 0 0 15px 0;
        padding: 0 5px;
    }
    
    .gallery .gallery-item .gallery-caption {
        margin: 0;
        padding: 10px 10px 0 0;
        font-size: 13px;
        line-height: 1.6;
        text-align: left;
    }
    
    .gallery.gallery-columns-7 .gallery-item .gallery-caption,
    .gallery.gallery-columns-8 .gallery-item .gallery-caption,
    .gallery.gallery-columns-9 .gallery-item .gallery-caption {
        display: none;
    }
    
    .gallery .gallery-icon a {
        display: block;
    }
    
    .gallery .gallery-icon img {
        display: block;
        max-width: 100%;
        height: auto;
        border: none !important;
        margin: 0;
        padding: 0;
    }
    
    .gallery.gallery-columns-1 .gallery-item {
        width: 100%;
    }
    
    .gallery.gallery-columns-2 .gallery-item {
        width: 50%;
    }
    
    .gallery.gallery-columns-3 .gallery-item {
        width: 33.3333336%;
    }
    
    .gallery.gallery-columns-4 .gallery-item {
        width: 25%;
    }
    
    .gallery.gallery-columns-5 .gallery-item {
        width: 20%;
    }
    
    .gallery.gallery-columns-6 .gallery-item {
        width: 16.6666667%;
    }
    
    .gallery.gallery-columns-7 .gallery-item {
        width: 14.2857143%;
    }
    
    .gallery.gallery-columns-8 .gallery-item {
        width: 12.5%;
    }
    
    .gallery.gallery-columns-9 .gallery-item {
        width: 11.1111111%;
    }
    /* twitter tweet */
    
    .twitter-tweet {
        margin-top: 5px !important;
        margin-bottom: 20px !important;
    }
    /* checkbox and radio buttons */
    
    input[type="checkbox"],
    input[type="radio"] {
        display: inline-block;
        margin: 0 5px 0 0;
        padding: 0;
        width: 16px;
        min-width: 16px;
        height: 16px;
        line-height: 0;
        position: relative;
        top: -2px;
        border: 2px solid #e3e5e6;
        background: #ffffff;
        clear: none;
        cursor: pointer;
        outline: none !important;
        text-align: center;
        vertical-align: middle;
        -webkit-appearance: none;
        -webkit-transition: border-color 0.2s ease;
        -moz-transition: border-color 0.2s ease;
        -o-transition: border-color 0.2s ease;
        transition: border-color 0.2s ease;
    }
    
    input[type="checkbox"] {
        border-radius: 0;
        border-top-width: 1px;
    }
    
    input[type="radio"] {
        border-radius: 50%;
        border-top-width: 2px;
    }
    
    input[type="checkbox"]:hover,
    input[type="radio"]:hover {
        border-color: #6ca4db;
    }
    
    input[type="checkbox"]:checked,
    input[type="radio"]:checked {
        background: #6ca4db;
        border-color: #6ca4db;
    }
    
    input[type="checkbox"]:checked:before {
        content: "\2714";
        line-height: 13px;
        color: #ffffff;
    }
    
    input[type="radio"]:checked:before {
        content: "\2022";
        font-size: 22px;
        line-height: 12px;
        color: #ffffff;
    }
    /**
## About the author
* -------------------------------------------------------------
*/
    
    .about-author {
        position: relative;
        margin-bottom: 40px;
        padding: 30px;
        background-color: #ffffff;
    }
    
    .container-title {
        margin-bottom: 25px;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        color: #2f3235;
    }
    /* avatar */
    
    .about-author-avatar {
        float: left;
        margin: 0 20px 0 0;
        position: relative;
        overflow: hidden;
    }
    
    .about-author-avatar img {
        display: block;
        margin: 0;
        padding: 0;
        width: 72px;
        height: 72px !important;
        border-radius: 36px;
    }
    
    .about-author-avatar .avatar-bg-overlay {
        border-radius: 36px;
    }
    
    .about-author-avatar:hover .avatar-bg-overlay {
        opacity: 0.2;
    }
    /* biographical info */
    
    .about-author-bio-wrap {
        padding-left: 92px;
    }
    
    .about-top {
        display: inline-block;
        width: 100%;
        vertical-align: middle;
    }
    
    .about-author-name {
        margin-bottom: 0;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 1.3;
        color: #2f3235;
        float: left;
    }
    
    .about-author-name a {
        display: inline-block;
        color: #2f3235;
    }
    
    .about-author-name a:hover,
    .about-author-name a:focus {
        color: #6ca4db;
        text-decoration: underline !important;
    }
    
    .about-author-name .about-author-posts-num {
        display: block;
        margin-top: 5px;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 12px;
        font-weight: 600;
        color: #989ea6;
    }
    
    .about-author-name .about-author-posts-num i {
        margin-right: 8px;
    }
    
    .about-author-bio {
        margin-top: 12px;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.7;
        color: #4c4f53;
    }
    
    .about-author-posts-link {
        display: inline-block;
        margin-top: 12px;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 1.3;
        color: #989ea6;
    }
    
    .about-author-posts-link i {
        margin-right: 8px;
    }
    
    .about-author-posts-link:hover,
    .about-author-posts-link:focus {
        color: #6ca4db;
        text-decoration: underline !important;
    }
    
    .author-socials {
        float: right;
    }
    
    .author-socials a {
        padding: 5px 10px;
    }
    /**
 * ## Comments
 * -------------------------------------------------------------
 * Comment form
 * -------------------------------------------------------------
 */
    /* comments area: comment form, comment list, and navigation */
    
    .comments-area {
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.7;
        color: #4c4f53;
    }
    /* comments area: styles for Font Awesome icons */
    
    .comment-reply-title #cancel-comment-reply-link:before,
    .bypostauthor>article .fn:after {
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }
    /* comment form title, comments title */
    
    .comment-reply-title,
    .comments-title {
        margin: 0 0 25px;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        color: #2f3235;
    }
    /* comment form */
    
    .comment-form {
        margin-bottom: 40px;
        padding: 30px;
        background-color: #ffffff;
    }
    
    .comment-form-comment {
        margin-bottom: 7px;
    }
    
    .comment-form-author,
    .comment-form-email,
    .comment-form-url {
        margin-bottom: 10px;
    }
    
    .comment-form label {
        display: block;
        margin-bottom: 0;
        padding-bottom: 5px;
        font-weight: 700;
        line-height: 1.7;
        color: #4c4f53;
    }
    
    .comment-form-comment label:after {
        content: ' *';
    }
    
    .comment-form-cookies-consent {
        margin-bottom: 10px;
        padding-top: 12px;
    }
    
    .comment-form-cookies-consent input[type="checkbox"] {
        margin: 0 10px 0 0;
    }
    
    .comment-form-cookies-consent label {
        display: inline;
        padding-bottom: 0;
        font-weight: 400;
    }
    
    #author,
    #email,
    #url,
    #comment {
        width: 100%;
        height: 40px;
        padding: 0 10px;
        color: #4c4f53;
        background: #ffffff;
        border: 2px solid #eeefef;
        border-top-width: 1px;
        border-radius: 0;
        -webkit-transition: border-color 0.2s ease;
        -moz-transition: border-color 0.2s ease;
        -o-transition: border-color 0.2s ease;
        transition: border-color 0.2s ease;
    }
    
    #comment {
        height: 110px;
        padding: 10px;
        resize: vertical;
    }
    
    #author:hover,
    #email:hover,
    #url:hover,
    #comment:hover {
        border-color: #6ca4db;
    }
    
    #author:active,
    #email:active,
    #url:active,
    #comment:active,
    #author:focus,
    #email:focus,
    #url:focus,
    #comment:focus {
        outline: none;
        border-color: #6ca4db;
    }
    /* allowed tags */
    
    .comment-form .form-allowed-tags {
        display: none;
    }
    /* comment form: submit button */
    
    .comment-form .form-submit {
        padding: 15px 0 7px;
        margin-bottom: 0;
    }
    
    .comment-form #submit {
        border: none;
        display: inline-block;
        padding: 0 35px;
        height: 48px;
        line-height: 48px;
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        color: #ffffff;
        background-color: #6ca4db;
        border-radius: 0;
        -webkit-transition: background-color 0.2s ease;
        -moz-transition: background-color 0.2s ease;
        -o-transition: background-color 0.2s ease;
        transition: background-color 0.2s ease;
    }
    
    .comment-form #submit:hover,
    .comment-form #submit:focus {
        color: #ffffff;
        outline: 5px auto -webkit-focus-ring-color;
    }
    
    .comment-form #submit:hover {
        background-color: #6ca4db;
    }
    
    .comment-form #submit:active {
        position: relative;
        top: 1px;
    }
    /* "must login" message */
    
    .comment-respond .must-log-in {
        margin-bottom: 40px;
        padding: 30px;
        background-color: #ffffff;
    }
    
    .comment-respond .must-log-in a {
        color: #4c4f53;
        text-decoration: underline !important;
    }
    
    .comment-respond .must-log-in a:hover,
    .comment-respond .must-log-in a:focus {
        color: #6ca4db;
    }
    /* "logged-in as ..." message */
    
    .comment-form .logged-in-as a {
        color: #4c4f53;
    }
    
    .comment-form .logged-in-as a:first-child:hover,
    .comment-form .logged-in-as a:first-child:focus {
        color: #4c4f53;
        text-decoration: underline !important;
    }
    
    .comment-form .logged-in-as a:last-child {
        text-decoration: underline !important;
    }
    
    .comment-form .logged-in-as a:last-child:hover,
    .comment-form .logged-in-as a:last-child:focus {
        color: #6ca4db;
    }
    /* cancel comment reply link */
    
    .comment-reply-title small {
        float: right;
        margin-top: 10px;
    }
    
    .comment-reply-title #cancel-comment-reply-link {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        color: #989ea6;
    }
    
    .comment-reply-title #cancel-comment-reply-link:before {
        font-family: 'FontAwesome';
        font-weight: 900;
        content: '\f057';
        margin-right: 8px;
    }
    
    .comment-reply-title #cancel-comment-reply-link:hover {
        color: #6ca4db;
    }
    /**
 * Comment list
 * -------------------------------------------------------------
 */
    /* comments */
    
    .comment-list-wrap {
        margin-bottom: 40px;
        padding: 30px 30px 15px;
        background-color: #ffffff;
    }
    
    .comment-list {
        list-style: none outside none;
        margin: 0;
        padding: 0 0 15px;
    }
    
    .comment-list .children {
        list-style: none outside none;
        margin: 0;
        padding: 0 0 0 30px;
    }
    /* comment body */
    
    .comment .comment-body {
        margin-top: 25px;
        padding-top: 25px;
        border-top: 1px solid #eeefef;
        word-wrap: break-word;
    }
    
    .comment-list>.comment:first-child>.comment-body {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }
    /* pingbacks and trackbacks */
    
    .comment-list .pingback .comment-body {
        margin-top: 25px;
        padding-top: 25px;
        padding-left: 36px;
        border-top: 1px solid #eeefef;
        word-wrap: break-word;
        position: relative;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 1.3;
        color: #989ea6;
    }
    
    .comment-list .pingback .comment-body:before {
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-family: 'FontAwesome';
        font-weight: 900;
        content: '\f35d';
        position: absolute;
        top: auto;
        left: 0;
        margin-top: -2px;
        line-height: 1;
        font-size: 19px;
        color: #4c4f53;
        opacity: 0.2;
    }
    
    .comment-list>.pingback:first-child>.comment-body {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }
    
    .comment-list .pingback .comment-body>a {
        display: block;
        margin-top: 12px;
        font-family: 'Lora', serif;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.7;
        color: #4c4f53;
    }
    
    .comment-list .pingback .comment-body>a:hover,
    .comment-list .pingback .comment-body>a:focus {
        color: #6ca4db;
        text-decoration: underline !important;
    }
    
    .comment-list .pingback .comment-body .edit-link {
        display: inline-block;
        margin-top: 12px;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 1.3;
    }
    
    .comment-list .pingback .comment-body .edit-link .comment-edit-link {
        color: #989ea6;
        text-decoration: none !important;
    }
    
    .comment-list .pingback .comment-body .edit-link .comment-edit-link:hover,
    .comment-list .pingback .comment-body .edit-link .comment-edit-link:focus {
        color: #6ca4db;
        text-decoration: underline !important;
    }
    /* comment metadata: avatar */
    
    .comment-meta .comment-author img {
        float: left;
        display: block;
        width: 46px;
        height: 46px !important;
        margin: 0 15px 0 0;
        padding: 0;
        border-radius: 23px;
    }
    /* comment metadata: author */
    
    .comment-meta .comment-author .fn {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 1.3;
        color: #2f3235;
    }
    
    .comment-meta .comment-author .fn .url {
        color: #2f3235;
        text-decoration: underline !important;
    }
    
    .comment-meta .comment-author .fn .url:hover,
    .comment-meta .comment-author .fn .url:focus {
        color: #6ca4db;
    }
    
    .comment-meta .comment-author .says {
        clip: rect(1px, 1px, 1px, 1px);
        width: 1px;
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        word-wrap: normal !important;
    }
    /* comment metadata: post author */
    
    .bypostauthor>article .fn:after {
        font-family: 'FontAwesome';
        font-weight: 900;
        content: '\f040';
        margin-left: 8px;
        font-size: 75%;
    }
    /* comment metadata: date and edit links */
    
    .comment-meta .comment-metadata {
        margin-top: 2px;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 1.3;
        color: #989ea6;
    }
    
    .comment-meta .comment-metadata a {
        color: #989ea6;
    }
    
    .comment-meta .comment-metadata a:hover,
    .comment-meta .comment-metadata a:focus {
        color: #6ca4db;
        text-decoration: underline !important;
    }
    /* comment metadata: edit link */
    
    .comment-meta .edit-link {
        margin-left: 10px;
    }
    /* comment metadata: "comment awaiting moderation" message */
    
    .comment-meta .comment-awaiting-moderation {
        display: block;
        margin: 15px 0 0 61px;
        padding: 4px 0;
        background-color: #f7f8f8;
    }
    /* comment content */
    
    .comment-content {
        padding: 12px 0 0 61px;
    }
    
    .no-avatars .comment-content {
        padding-left: 0 !important;
    }
    
    .comment-content p {
        margin-bottom: 15px;
    }
    
    .comment-content a {
        color: #4c4f53;
        text-decoration: underline !important;
    }
    
    .comment-content a:hover,
    .comment-content a:focus {
        color: #6ca4db;
    }
    /* comment reply */
    
    .comment-body .reply {
        padding: 0 0 0 61px;
        margin-top: -6px;
        line-height: 1.3;
    }
    
    .no-avatars .comment-body .reply {
        padding-left: 0 !important;
    }
    
    .comment-body .reply .comment-reply-link {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        color: #989ea6;
    }
    
    .comment-body .reply .comment-reply-link:focus {
        color: #989ea6;
    }
    
    .comment-body .reply .comment-reply-link:hover {
        color: #6ca4db;
        text-decoration: underline !important;
    }
    /* comment reply: comment form */
    
    .comment-list li .comment-respond {
        margin-top: 25px;
        padding-top: 25px;
        border-top: 1px solid #eeefef;
    }
    
    .comment-list li .comment-reply-title {
        margin-bottom: 16px;
    }
    
    .comment-list li .comment-form {
        margin-bottom: 0;
        padding: 0;
        box-shadow: none;
    }
    
    .comment-list li .comment-form .form-submit {
        padding-bottom: 5px;
    }
    /* comments are closed */
    
    .comment-list-wrap.comments-closed .comment-list {
        padding-bottom: 0;
    }
    
    .comments-area .no-comments {
        margin-bottom: 40px;
        padding: 30px;
        background-color: #ffffff;
    }
    /**
 * Comments navigation
 * -------------------------------------------------------------
 */
    
    .comment-navigation {
        margin: 10px 0 0;
        padding: 20px 0 15px;
        border-top: 1px solid #eeefef;
    }
    
    .comment-list-wrap.comments-closed .comment-navigation {
        margin-top: 25px;
    }
    
    .comment-navigation:before,
    .comment-navigation:after {
        content: " ";
        display: table;
    }
    
    .comment-navigation:after {
        clear: both;
    }
    
    .comment-navigation {
        zoom: 1;
    }
    
    .comment-navigation .nav-previous,
    .comment-navigation .nav-next {
        display: inline-block;
        min-height: 1px;
        width: 50%;
        line-height: 1.6;
    }
    
    .comment-navigation .nav-previous {
        float: left;
        text-align: left;
        padding-right: 15px;
    }
    
    .comment-navigation .nav-next {
        float: right;
        text-align: right;
        padding-left: 15px;
    }
    
    .comment-navigation .nav-links a {
        display: inline-block;
        width: 100%;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        word-wrap: break-word;
        color: #989ea6;
    }
    
    .comment-navigation .nav-links a:hover,
    .comment-navigation .nav-links a:focus {
        color: #6ca4db;
        text-decoration: underline !important;
    }
    
    .comment-navigation .nav-previous i {
        margin-right: 10px;
    }
    
    .comment-navigation .nav-next i {
        margin-left: 10px;
    }
    /**
 * Related posts / Posts list on single pages
 * -------------------------------------------------------------
 */
    
    .related-posts-list .post-wrap {
        margin-bottom: 10px!important;
    }
    
    .post-wrap .related-posts {
        padding-top: 20px;
        border-top: 1px solid #eeeeee;
        margin-top: 10px;
    }
    
    .post-wrap .related-post-widget-title {
        padding: 0;
        margin-bottom: 20px;
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: 1.3;
        text-transform: uppercase;
        color: #2f3235;
        background-color: #ffffff;
    }
    
    .post-wrap .related-posts .post-title {
        font-size: 18px;
    }
    
    .post-wrap .related-posts .post-content {
        padding: 15px 10px;
    }
    
    .post-wrap.left-image .related-posts {
        display: none;
    }
    
    .related-posts-list .post-content {
        padding-bottom: 0!important;
    }
    /*Slick arrow*/
    
    .related-posts-list .slick-arrow {
        position: absolute;
        height: 25px;
        width: 25px;
        text-align: center;
        line-height: 22px;
        border-radius: 0;
        color: #000;
        top: -38px;
        right: 50px;
        z-index: 2;
        cursor: pointer;
        border: 0;
        background: #ffffff;
        border: 1px solid #eee;
        outline: none;
    }
    
    .related-posts-list .slick-arrow:hover {
        background: #333;
        color: #fff;
    }
    
    .related-posts-list .slick-arrow.slick-next {
        right: 16px;
        left: auto;
    }
    
    .related-posts-list .slick-dots {
        position: absolute;
        text-align: center;
        left: 0;
        right: 0;
        bottom: 30px;
        padding-left: 0;
    }
    
    .related-posts-list .slick-dots li {
        display: inline-block;
        line-height: 0;
    }
    
    .related-posts-list .slick-dots li.slick-active button {
        background: #fff;
    }
    
    .related-posts-list .slick-dots li button {
        text-indent: -99999px;
        border: 0;
        margin: 0 5px;
        padding: 0;
        height: 10px;
        width: 10px;
        border-radius: 50%;
        background: #959698;
    }
    
    .related-posts {
        overflow: hidden;
    }
    
    .related-posts-list {
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .related-posts .show-2-related-posts {
        float: left;
        width: 50%;
        padding: 0 15px;
    }
    
    .related-posts .show-3-related-posts .post {
        width: 33.33%;
        float: left;
    }
    
    .show-2-related-posts .post-title {
        font-size: 22px;
    }
    /**
 * Page 404
 * -------------------------------------------------------------
 */
    
    .error404 .posts-container {
        padding-top: 0;
    }
    
    .page-404-container {
        margin: 60px 0;
        padding: 120px 30px;
        text-align: center;
        background-color: #ffffff;
    }
    
    .page-404-content {
        max-width: 500px;
        width: 100%;
        margin: 0 auto;
    }
    
    .page-404-content h1,
    .page-404-content h2 {
        margin-bottom: 15px;
        font-style: normal;
        font-weight: 700;
        color: #2f3235;
    }
    
    .page-404-content h1 {
        font-size: 29px;
        line-height: 1.2;
    }
    
    .page-404-content .error-code {
        font-size: 110px;
        line-height: 110px;
        font-weight: 800;
        margin-bottom: 5px;
        color: #555555;
    }
    
    .page-404-content h2 {
        font-size: 23px;
        line-height: 1.3;
    }
    
    .page-404-content p {
        margin-bottom: 5px;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.7;
        color: #4c4f53;
    }
    
    .page-404-content a {
        color: #4c4f53;
        text-decoration: underline !important;
    }
    
    .page-404-content a:hover,
    .page-404-content a:focus {
        color: #6ca4db;
    }
    
    .search-no-results .search-form label,
    .page-404-content .search-form label {
        display: block;
        max-width: 100%;
        margin-bottom: 0;
        font-weight: 700;
    }
    
    .search-no-results .search-form input[type="search"],
    .page-404-content .search-form input[type="search"] {
        float: left;
        width: 75%;
        height: 45px;
        background: none;
        border-color: #231f20;
        border-right-color: rgb(35, 31, 32);
        border-right: none;
        padding: 5px 15px;
    }
    
    .search-no-results .search-field::-webkit-input-placeholder,
    .page-404-content .search-field::-webkit-input-placeholder {
        color: #999;
    }
    
    .search-no-results .search-field:-moz-placeholder,
    .page-404-content .search-field:-moz-placeholder {
        color: #999;
    }
    
    .search-no-results.search-field:-ms-input-placeholder,
    .page-404-content .search-field:-ms-input-placeholder {
        color: #999;
    }
    
    .search-no-results .search-form input[type="submit"],
    .page-404-content .search-form input[type="submit"] {
        float: left;
        width: 25%;
        padding: 0;
        height: 45px;
        border: 1px solid #333;
        position: relative;
        background: #212121;
        color: #fff;
        display: inline-block;
        font-size: 11px;
        letter-spacing: 2px;
        padding: 10px 20px !important;
        text-transform: uppercase;
        transition: all 0.3s ease 0s;
    }
    
    .back_home {
        padding: 20px;
        display: inline-block;
    }
    /**
 * Sidebar and Widgets
 * -------------------------------------------------------------
 */
    /* Blog/Page  Sidebar  */
    
    .blog.left-sidebar #primary,
    .archive.left-sidebar #primary,
    .page.left-sidebar #primary {
        float: right
    }
    
    .blog.left-sidebar #secondary,
    .archive.left-sidebar #secondary,
    .page.left-sidebar #secondary {
        float: left
    }
    /* Single Post Sidebar  */
    
    .single.left-sidebar #primary {
        float: right
    }
    
    .single.left-sidebar #secondary {
        float: left
    }
    
    .single.no-sidebar #secondary,
    .single.middle-column #secondary {
        display: none
    }
    
    .blog.middle-column #primary,
    .archive.middle-column #primary,
    .page.middle-column #primary,
    .single.middle-column #primary {
        width: 100%;
    }
    
    .blog.middle-column .posts-container .container,
    .archive.middle-column .posts-container .container,
    .page.middle-column .posts-container .container,
    .single.single-middle-column .posts-container .container,
    .post-template-post-middle-column.single .posts-container .container {
        width: 70%;
        margin: auto;
    }
    
    .single.single-left-sidebar #primary,
    .single.single-right-sidebar #primary {
        width: 66.66666667%;
    }
    
    .single.single-left-sidebar #secondary,
    .single.single-right-sidebar #secondary {
        display: block;
    }
    
    .single.single-left-sidebar #primary {
        float: right;
    }
    /* Post Attributes Sidebar  */
    
    .post-template-post-right-sidebar.single #secondary,
    .post-template-post-left-sidebar.single #primary {
        float: right!important;
    }
    
    .post-template-post-right-sidebar.single #primary,
    .post-template-post-left-sidebar.single #secondary {
        float: left!important;
    }
    
    .post-template-post-no-sidebar.single #secondary,
    .post-template-post-middle-column.single #secondary {
        display: none!important;
    }
    
    .post-template-post-left-sidebar.single #primary,
    .post-template-post-right-sidebar.single #primary {
        width: 66.66666667%;
    }
    
    .post-template-post-left-sidebar.single #secondary,
    .post-template-post-right-sidebar.single #secondary {
        display: block;
    }
    
    .post-template-post-left-sidebar.single #primary {
        float: right;
    }
    
    .post-template-post-no-sidebar.single #primary,
    .post-template-post-middle-column.single #primary {
        width: 100%;
    }
    
    @media (min-width:768px) {
        .post-template-post-left-sidebar.single .posts-container .container,
        .post-template-post-right-sidebar.single .posts-container .container,
        .post-template-post-no-sidebar.single .posts-container .container {
            width: 750px
        }
    }
    
    @media (min-width:992px) {
        .post-template-post-left-sidebar.single .posts-container .container,
        .post-template-post-right-sidebar.single .posts-container .container,
        .post-template-post-no-sidebar.single .posts-container .container {
            width: 970px
        }
    }
    
    @media (min-width:1200px) {
        .post-template-post-left-sidebar.single .posts-container .container,
        .post-template-post-right-sidebar.single .posts-container .container,
        .post-template-post-no-sidebar.single .posts-container .container {
            width: 1170px
        }
    }
    /* widget container */
    
    .widget {
        overflow: hidden;
        word-wrap: break-word;
        margin-bottom: 40px;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.7;
        color: #4c4f53;
        background: #fff;
        padding: 20px;
    }
    
    .widget a {
        color: #4c4f53;
    }
    
    .widget a:hover,
    .widget a:focus {
        color: #6ca4db;
        text-decoration: underline !important;
    }
    /* widget title */
    
    .widget .widget-title {
        padding: 0;
        margin-bottom: 20px;
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: 1.3;
        text-transform: uppercase;
        color: #2f3235;
        background-color: #ffffff;
    }
    
    .widget .widget-title a {
        color: #2f3235;
    }
    
    .widget .widget-title a:hover,
    .widget .widget-title a:focus {
        color: #6ca4db;
        text-decoration: underline !important;
    }
    /*--sidebar style--*/
    
    .sidebar-1 .widget {
        background: #ececec;
    }
    
    .sidebar-1 .widget-title {
        padding: 15px;
        background: #111;
        color: #fff;
    }
    
    .sidebar-2 .widget {
        margin: 0;
    }
    
    .sidebar-2 .widget-title {
        position: relative;
        padding: 0;
    }
    
    .sidebar-2 .widget-title:after {
        position: absolute;
        width: 30px;
        height: 2px;
        background: #111;
        top: 8px;
        content: "";
        margin-left: 10px;
    }
    
    .sidebar-3 .widget {
        background: none;
        border: 1px solid #d9d9d9;
    }
    
    .sidebar-3 .widget-title {
        padding: 15px;
        border-bottom: 1px solid #d9d9d9;
        text-align: center;
        background: none;
        position: relative;
    }
    
    .sidebar-3 .widget-title:after {
        position: absolute;
        width: 60px;
        height: 3px;
        background: #337ab7;
        bottom: -2px;
        content: "";
        left: calc(50% - 30px);
    }
    /**
 * Widget: Archives
 * -------------------------------------------------------------
 */
    
    .widget_archive ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    .widget_archive ul li {
        color: #989ea6;
        /* counter */
        margin-bottom: 10px;
    }
    
    .widget_archive ul li:last-child {
        margin-bottom: 0;
    }
    
    .widget_archive ul li a {
        margin-right: 4px;
    }
    
    .widget_archive select {
        margin-top: 5px;
        padding: 8px 20px 8px 10px;
        max-width: 100%;
        width: 100%;
        color: #4c4f53;
        background: #ffffff;
        border: 1px solid #ffffff;
    }
    
    .widget_archive select:active,
    .widget_archive select:focus {
        outline: none;
    }
    /**
 * Widget: Pages
 * -------------------------------------------------------------
 */
    
    .widget_mc4wp_form_widget input {
        width: 100%;
        border: 1px solid #e2e2e2;
        padding: 6px 15px;
    }
    
    .widget_mc4wp_form_widget input[type="submit"] {
        background: #6ca4db;
        color: #fff;
        border-color: #6ca4db;
    }
    
    .widget_mc4wp_form_widget input[type="submit"]:hover {
        opacity: 0.7;
    }
    
    .widget_mc4wp_form_widget input[type="checkbox"] {
        padding: 5px;
        float: left;
        width: 25px;
        height: 25px;
        margin-top: 3px;
        margin-right: 15px;
    }
    
    .widget_mc4wp_form_widget input[type="checkbox"]:checked:before {
        line-height: 12px;
    }
    /**
 * Widget: Pages
 * -------------------------------------------------------------
 */
    
    .widget_pages ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    .widget_pages ul li {
        color: #989ea6;
        margin-bottom: 10px;
    }
    
    .widget_pages ul li:last-child {
        margin-bottom: 0;
    }
    
    .widget_pages ul ul {
        margin: 10px 0 0;
        padding: 0 0 1px 10px;
    }
    
    .widget_pages ul ul li:before {
        content: '- ';
        color: #4c4f53;
    }
    /**
 * Widget: Categories
 * -------------------------------------------------------------
 */
    
    .widget_categories ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    .widget_categories ul li {
        color: #989ea6;
        margin-bottom: 10px;
        display: table;
        text-align: right;
        width: 100%;
    }
    
    .widget_categories ul li:last-child {
        margin-bottom: 0;
    }
    
    .widget_categories ul li a {
        margin-right: 4px;
        display: table-cell;
        text-align: left;
    }
    
    .widget_categories ul ul {
        margin: 10px 0 0;
        padding: 0 0 1px 10px;
    }
    
    .widget_categories ul ul li:before {
        content: '- ';
        color: #4c4f53;
    }
    
    .widget_categories select {
        margin-top: 5px;
        padding: 8px 20px 8px 10px;
        max-width: 100%;
        width: 100%;
        color: #4c4f53;
        background: #ffffff;
        border: 1px solid #ffffff;
    }
    
    .widget_categories select:active,
    .widget_categories select:focus {
        outline: none;
    }
    /**
 * Widget: Recent Posts
 * -------------------------------------------------------------
 */
    
    .widget_recent_entries ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    .widget_recent_entries ul li {
        margin-bottom: 10px;
    }
    
    .widget_recent_entries ul li:last-child {
        margin-bottom: 0;
    }
    
    .widget_recent_entries ul li .post-date {
        display: block;
        font-size: 80%;
        color: #989ea6;
    }
    /**
 * Widget: Tag Cloud
 * -------------------------------------------------------------
 */
    
    .widget_tag_cloud .tagcloud {
        overflow: hidden;
        margin-right: -4px;
    }
    
    .widget_tag_cloud a {
        margin-right: 4px;
    }
    /**
 * Widget: Calendar
 * -------------------------------------------------------------
 */
    
    #wp-calendar {
        max-width: 100%;
        width: 100%;
        line-height: 1.2;
    }
    /* caption */
    
    #wp-calendar caption {
        padding: 0 0 15px;
        font-weight: 700;
        line-height: 1.7;
        color: #4c4f53;
    }
    /* thead */
    
    #wp-calendar thead th {
        padding: 10px 0 10px;
        font-weight: 700;
    }
    /* tbody */
    
    #wp-calendar tbody td {
        padding: 5px 0 5px 2px;
    }
    
    #wp-calendar tbody a {
        text-decoration: underline !important;
    }
    
    #wp-calendar tbody #today {
        font-weight: 700;
    }
    /* prev/next links */
    
    #wp-calendar #next {
        text-align: right;
    }
    
    #wp-calendar #prev,
    #wp-calendar #next {
        padding: 10px 0 10px;
        font-weight: 700;
    }
    /**
 * Widget: Navigation Menu
 * -------------------------------------------------------------
 */
    
    .widget_nav_menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    .widget_nav_menu ul li {
        margin-bottom: 10px;
    }
    
    .widget_nav_menu ul li:last-child {
        margin-bottom: 0;
    }
    
    .widget_nav_menu ul li i {
        margin-right: 8px;
    }
    
    .widget_nav_menu ul ul {
        margin: 10px 0 0;
        padding: 0 0 1px 10px;
    }
    
    .widget_nav_menu ul ul li:before {
        content: '- ';
        color: #4c4f53;
    }
    /**
 * Widget: Meta
 * -------------------------------------------------------------
 */
    
    .widget_meta ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    .widget_meta ul li {
        margin-bottom: 10px;
    }
    
    .widget_meta ul li:last-child {
        margin-bottom: 0;
    }
    /**
 * Widget: Recent Comments
 * -------------------------------------------------------------
 */
    
    #recentcomments {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    #recentcomments li {
        margin-bottom: 10px;
    }
    
    #recentcomments li:last-child {
        margin-bottom: 0;
    }
    
    #recentcomments li .comment-author-link a,
    #recentcomments li a {
        text-decoration: underline !important;
    }
    /**
 * Widgets: Text and Custom HTML
 * -------------------------------------------------------------
 */
    /* img */
    
    .textwidget img {
        max-width: 100%;
        width: auto;
        height: auto;
        margin-bottom: 15px;
    }
    
    .textwidget .wp-caption img {
        margin-bottom: 0;
    }
    /* text elements */
    
    .textwidget p {
        margin-bottom: 15px;
    }
    
    .textwidget a {
        text-decoration: underline !important;
    }
    
    .textwidget .wp-caption-text {
        padding: 0;
    }
    
    .textwidget ul,
    .textwidget ol {
        margin: 0 0 15px;
        padding-left: 18px;
    }
    
    .textwidget ul ol,
    .textwidget ul ul,
    .textwidget ol ul,
    .textwidget ol ol {
        margin: 2px 0;
        padding-left: 18px;
    }
    /* forms: buttons */
    
    .textwidget button,
    .textwidget button[disabled]:hover,
    .textwidget button[disabled]:focus,
    .textwidget input[type="button"],
    .textwidget input[type="button"][disabled]:hover,
    .textwidget input[type="button"][disabled]:focus,
    .textwidget input[type="reset"],
    .textwidget input[type="reset"][disabled]:hover,
    .textwidget input[type="reset"][disabled]:focus,
    .textwidget input[type="submit"],
    .textwidget input[type="submit"][disabled]:hover,
    .textwidget input[type="submit"][disabled]:focus {
        border: none;
        outline: none;
        display: inline-block;
        padding: 0 30px;
        height: 42px;
        line-height: 42px;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        color: #ffffff;
        background: #1f2123;
        border-radius: 0;
        -webkit-transition: background-color 0.2s ease;
        -moz-transition: background-color 0.2s ease;
        -o-transition: background-color 0.2s ease;
        transition: background-color 0.2s ease;
    }
    
    .textwidget button:focus,
    .textwidget input[type="button"]:focus,
    .textwidget input[type="reset"]:focus,
    .textwidget input[type="submit"]:focus {
        color: #ffffff;
    }
    
    .textwidget button:hover,
    .textwidget input[type="button"]:hover,
    .textwidget input[type="reset"]:hover,
    .textwidget input[type="submit"]:hover {
        color: #ffffff;
        background: #6ca4db;
    }
    
    .textwidget button:active,
    .textwidget input[type="button"]:active,
    .textwidget input[type="reset"]:active,
    .textwidget input[type="submit"]:active {
        position: relative;
        top: 1px;
    }
    /* forms: input tags, select element */
    
    .textwidget input[type="text"],
    .textwidget input[type="email"],
    .textwidget input[type="url"],
    .textwidget input[type="password"],
    .textwidget input[type="search"],
    .textwidget input[type="tel"],
    .textwidget input[type="number"],
    .textwidget input[type="date"],
    .textwidget textarea,
    .textwidget select {
        max-width: 100%;
        width: 100%;
        height: 38px;
        padding: 0 10px;
        font-weight: 400;
        color: #4c4f53;
        background: #ffffff;
        border: 1px solid #ffffff;
        border-bottom-color: #e3e5e6;
        border-radius: 0;
        -webkit-transition: border-bottom-color 0.2s ease;
        -moz-transition: border-bottom-color 0.2s ease;
        -o-transition: border-bottom-color 0.2s ease;
        transition: border-bottom-color 0.2s ease;
    }
    
    .textwidget input[type="date"] {
        padding-top: 7px;
        padding-bottom: 7px;
    }
    
    .textwidget textarea {
        height: 90px;
        margin-bottom: -7px;
        padding: 10px;
        line-height: 1.7;
        resize: vertical;
    }
    
    .textwidget select {
        padding-left: 6px;
    }
    
    .textwidget select[multiple] {
        height: 90px;
        margin-bottom: -2px;
        padding: 5px 8px;
    }
    
    .textwidget input[type="text"]:hover,
    .textwidget input[type="email"]:hover,
    .textwidget input[type="url"]:hover,
    .textwidget input[type="password"]:hover,
    .textwidget input[type="search"]:hover,
    .textwidget input[type="tel"]:hover,
    .textwidget input[type="number"]:hover,
    .textwidget input[type="date"]:hover,
    .textwidget textarea:hover,
    .textwidget select:hover {
        border-bottom-color: #6ca4db;
    }
    
    .textwidget input[type="text"]:focus,
    .textwidget input[type="email"]:focus,
    .textwidget input[type="url"]:focus,
    .textwidget input[type="password"]:focus,
    .textwidget input[type="search"]:focus,
    .textwidget input[type="tel"]:focus,
    .textwidget input[type="number"]:focus,
    .textwidget input[type="date"]:focus,
    .textwidget textarea:focus,
    .textwidget select:active,
    .textwidget select:focus {
        outline: none;
        border-bottom-color: #6ca4db;
    }
    
    .textwidget input[type="file"] {
        width: 100%;
        margin: 0;
        padding: 9px;
        border: 1px dashed #e3e5e6;
        -webkit-transition: border-color 0.2s ease;
        -moz-transition: border-color 0.2s ease;
        -o-transition: border-color 0.2s ease;
        transition: border-color 0.2s ease;
    }
    
    .textwidget input[type="file"]:hover {
        border-color: #6ca4db;
    }
    
    .textwidget input[type="file"]:focus {
        outline: none;
        border-color: #6ca4db;
    }
    
    .textwidget input[type="checkbox"],
    .textwidget input[type="radio"] {
        border-width: 1px;
    }
    
    .textwidget input[type="checkbox"]:checked:before,
    .textwidget input[type="radio"]:checked:before {
        line-height: 14px;
    }
    /* label */
    
    .textwidget label {
        display: inline-block;
        width: 100%;
        max-width: 100%;
        margin-bottom: 0;
        padding-bottom: 5px;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.7;
    }
    
    .textwidget p label:last-child {
        padding-bottom: 0;
    }
    /* Contact Form 7: additional styles */
    /* p */
    
    .textwidget .wpcf7 p {
        margin-bottom: 10px;
    }
    /* label */
    
    .textwidget .wpcf7 span[class*="quiz"] label {
        padding-bottom: 0;
    }
    /* input, textarea */
    
    .textwidget .wpcf7 label input,
    .textwidget .wpcf7 label textarea {
        margin-top: 5px;
        font-size: 15px;
        font-weight: 400;
    }
    /* submit */
    
    .textwidget .wpcf7 input[type="submit"] {
        margin: 10px 0 5px;
        font-weight: 700;
    }
    /* checkboxes, radio buttons */
    
    .textwidget .wpcf7 .wpcf7-list-item {
        margin: 0 20px 0 0;
    }
    
    .textwidget .wpcf7 .wpcf7-list-item:last-child {
        margin-right: 0;
    }
    
    .textwidget .wpcf7 .wpcf7-list-item label {
        font-size: 15px;
        font-weight: 400;
    }
    
    .textwidget .wpcf7 .wpcf7-list-item input[type="checkbox"]:first-child,
    .textwidget .wpcf7 .wpcf7-list-item input[type="radio"]:first-child {
        margin-right: 5px;
    }
    
    .textwidget .wpcf7 .wpcf7-list-item input[type="checkbox"]:last-child,
    .textwidget .wpcf7 .wpcf7-list-item input[type="radio"]:last-child {
        margin-right: 0;
        margin-left: 5px;
    }
    
    .textwidget .wpcf7 .wpcf7-list-item label input[type="checkbox"],
    .textwidget .wpcf7 .wpcf7-list-item label input[type="radio"] {
        margin-top: 0;
    }
    /* action styles */
    
    .textwidget .wpcf7 .ajax-loader {
        margin-left: 15px;
    }
    
    .textwidget .wpcf7 .wpcf7-not-valid-tip {
        margin-top: 6px;
        font-size: 12px;
        font-weight: 700;
        color: #f46180;
    }
    
    .textwidget .wpcf7 .wpcf7-response-output {
        margin: 15px 0;
        padding: 10px 15px;
        text-align: left;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.6;
        border: none;
        background-color: #e9a62a;
        color: #ffffff;
    }
    
    .textwidget .wpcf7 .wpcf7-mail-sent-ok,
    .textwidget .wpcf7 .wpcf7-mail-sent-ng,
    .textwidget .wpcf7 .wpcf7-aborted,
    .textwidget .wpcf7 .wpcf7-spam-blocked,
    .textwidget .wpcf7 .wpcf7-validation-errors,
    .textwidget .wpcf7 .wpcf7-acceptance-missing {
        border: none;
    }
    
    .textwidget .wpcf7 .wpcf7-mail-sent-ok {
        background-color: #7cbd60;
    }
    
    .textwidget .wpcf7 .wpcf7-mail-sent-ng,
    .textwidget .wpcf7 .wpcf7-aborted {
        background-color: #f46180;
    }
    
    .textwidget .wpcf7 .wpcf7-spam-blocked {
        background-color: #e9a62a;
    }
    
    .textwidget .wpcf7 .wpcf7-validation-errors,
    .textwidget .wpcf7 .wpcf7-acceptance-missing {
        background-color: #f46180;
    }
    /**
 * Widget: Search
 * -------------------------------------------------------------
 */
    /* search form */
    
    .widget_search #searchform .search-field {
        font-family: 'Lora', serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        color: #4c4f53;
        background: transparent;
        border-bottom: 2px solid #e3e5e6;
    }
    /* search form: placeholder */
    /* Chrome/Opera/Safari */
    
    .widget_search #searchform .search-field::-webkit-input-placeholder {
        color: #4c4f53;
        opacity: 1;
    }
    /* Firefox 18- */
    
    .widget_search #searchform .search-field:-moz-placeholder {
        color: #4c4f53;
        opacity: 1;
    }
    /* Firefox 19+ */
    
    .widget_search #searchform .search-field::-moz-placeholder {
        color: #4c4f53;
        opacity: 1;
    }
    /* IE 10+ */
    
    .widget_search #searchform .search-field:-ms-input-placeholder {
        color: #4c4f53;
        opacity: 1;
    }
    /* search form: submit button */
    
    .widget_search #searchform .search-submit {
        color: #4c4f53;
        background: transparent;
        border-bottom: 2px solid #e3e5e6;
    }
    
    .widget_search #searchform .search-submit:hover {
        color: #6ca4db;
    }
    /**
 * Widget: RSS
 * -------------------------------------------------------------
 */
    
    .rsswidget img {
        display: none;
    }
    
    .widget_rss .widget-title .rsswidget:first-child:before {
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-family: 'FontAwesome';
        font-weight: 900;
        content: '\f09e';
        margin-right: 8px;
        font-size: 80%;
    }
    
    .widget_rss ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    .widget_rss ul li {
        margin-bottom: 10px;
    }
    
    .widget_rss ul li:last-child {
        margin-bottom: 0;
    }
    
    .widget_rss ul li .rss-date {
        display: block;
        font-size: 80%;
        color: #989ea6;
    }
    
    .widget_rss ul li .rssSummary {
        margin-bottom: 2px;
        font-size: 90%;
    }
    
    .widget_rss ul li cite {
        display: block;
        margin: 0;
        text-align: left;
        font-style: normal;
        font-size: 80%;
        color: #989ea6;
    }
    /**
 * Widget: Image
 * -------------------------------------------------------------
 */
    
    .widget_media_image .wp-caption {
        margin-bottom: 0;
    }
    /**
 * Widget: Gallery
 * -------------------------------------------------------------
 */
    
    .widget_media_gallery .gallery {
        margin-bottom: 0 !important;
    }
    /**
 * Social widgets
 * -------------------------------------------------------------
 */
    /*-----# Top Social -----------*/
    
    ul.social-menu {
        margin: 0;
        padding: 0;
    }
    
    ul.social-menu li {
        display: inline;
        padding: 0 5px;
    }
    
    ul.social-menu li a {
        font-size: 0;
        color: transparent;
        line-height: 40px;
    }
    
    ul.social-menu li a:hover {
        color: #54be73
    }
    
    ul.social-menu li:last-child {
        margin-right: 0;
    }
    
    ul.social-menu li a:before {
        content: "";
        font-family: FontAwesome, sans-serif;
        font-size: 14px;
        padding: 10px;
        transition: color 0.3s ease-in-out 0s;
        vertical-align: middle;
        line-height: 12px;
        color: #68686d;
        display: inline-block;
        width: 32px;
        height: 32px;
        border: 1px solid #d9d9d9;
        border-radius: 50%;
    }
    
    ul.social-menu li:hover a:before {
        opacity: .6;
    }
    
    ul.social-menu li a[href*="facebook.com"]:before {
        content: "\f09a";
    }
    
    ul.social-menu li a[href*="twitter.com"]:before {
        content: "\f099";
    }
    
    ul.social-menu li a[href*="linkedin.com"]:before {
        content: "\f0e1";
    }
    
    ul.social-menu li a[href*="plus.google.com"]:before {
        content: "\f0d5";
    }
    
    ul.social-menu li a[href*="youtube.com"]:before {
        content: "\f167";
    }
    
    ul.social-menu li a[href*="dribbble.com"]:before {
        content: "\f17d";
    }
    
    ul.social-menu li a[href*="pinterest.com"]:before {
        content: "\f0d2";
    }
    
    ul.social-menu li a[href*="bitbucket.org"]:before {
        content: "\f171";
    }
    
    ul.social-menu li a[href*="github.com"]:before {
        content: "\f113";
    }
    
    ul.social-menu li a[href*="codepen.io"]:before {
        content: "\f1cb";
    }
    
    ul.social-menu li a[href*="flickr.com"]:before {
        content: "\f16e";
    }
    
    ul.social-menu li a[href$="/feed/"]:before {
        content: "\f09e";
    }
    
    ul.social-menu li a[href*="foursquare.com"]:before {
        content: "\f180";
    }
    
    ul.social-menu li a[href*="instagram.com"]:before {
        content: "\f16d";
    }
    
    ul.social-menu li a[href*="tumblr.com"]:before {
        content: "\f173";
    }
    
    ul.social-menu li a[href*="reddit.com"]:before {
        content: "\f1a1";
    }
    
    ul.social-menu li a[href*="vimeo.com"]:before {
        content: "\f194";
    }
    
    ul.social-menu li a[href*="digg.com"]:before {
        content: "\f1a6";
    }
    
    ul.social-menu li a[href*="twitch.tv"]:before {
        content: "\f1e8";
    }
    
    ul.social-menu li a[href*="stumbleupon.com"]:before {
        content: "\f1a4";
    }
    
    .social-menu ul li a[href*="delicious.com"]:before {
        content: "\f1a5";
    }
    
    ul.social-menu li a[href*="mailto:"]:before {
        content: "\f0e0";
    }
    
    ul.social-menu li a[href*="skype.com"]:before {
        content: "\f17e";
    }
    
    ul.social-menu li a[href*="dribble.com"]:before {
        content: "\f17d";
    }
    /**
 - Popular posts widgets
 * -------------------------------------------------------------
 */
    
    .widget_opus-blog-popular-post-widget ul {
        margin: 0;
        padding: 0;
    }
    
    .widget_opus-blog-popular-post-widget li {
        margin-bottom: 20px;
        list-style: none;
    }
    
    .widget_popular_posts_list_item {
        position: relative;
        overflow: hidden;
    }
    
    .widget_popular_posts_list_item img {
        display: block;
        max-width: 100%;
        width: 100%;
        height: auto;
    }
    
    .widget_popular_posts_list_item:hover figcaption {
        bottom: 30px;
    }
    
    .widget_popular_posts_list_item figcaption {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 3;
        width: 100%;
        max-width: 100%;
        padding: 15px;
        background-color: rgba(255, 255, 255, 0.88);
        box-shadow: 6px 6px 18px -2px rgba(14, 17, 20, 0.35);
        -webkit-transition: bottom 0.2s ease;
        -moz-transition: bottom 0.2s ease;
        -o-transition: bottom 0.2s ease;
        transition: bottom 0.2s ease;
    }
    
    .widget_popular_posts_list_item figcaption .post-date {
        margin-bottom: 0;
    }
    
    .widget_popular_posts_list_item figcaption h4 {
        margin-bottom: 0;
        font-size: 17px;
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        color: #4c4f53;
    }
    /**
 * - Post Slider widgets
 * -------------------------------------------------------------
 */
    
    .widget_posts_slider_list_item {
        position: relative;
        overflow: hidden;
    }
    
    .post-slider-section img {
        display: block;
        max-width: 100%;
        width: 100%;
        height: auto;
    }
    
    .post-slider-section figcaption {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 3;
        width: 100%;
        max-width: 100%;
        padding: 15px;
        background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.90));
        -webkit-transition: bottom 0.2s ease;
        -moz-transition: bottom 0.2s ease;
        -o-transition: bottom 0.2s ease;
        transition: bottom 0.2s ease;
    }
    
    .post-slider-section figcaption h4 a,
    .post-slider-section figcaption .post-date {
        margin-bottom: 0;
        color: #fff;
    }
    
    .post-slider-section .s-cat {
        color: #fff;
        display: inline-block;
        font-size: 12px;
        font-weight: 400;
        border-radius: 3px;
        line-height: normal;
        padding: 4px 12px;
        position: relative;
        background: #6ca4db;
    }
    
    .post-slider-section .s-cat:hover {
        color: #ffffff!important;
    }
    
    .post-slider-section figcaption h4 {
        margin: 5px 0;
        font-size: 17px;
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        color: #fff;
    }
    
    .post-slider-section .slick-arrow {
        position: absolute;
        height: 30px;
        width: 30px;
        text-align: center;
        line-height: 30px;
        border-radius: 50%;
        color: #fff;
        top: 15px;
        right: 50px;
        z-index: 2;
        cursor: pointer;
        border: 0;
        background: #000;
    }
    
    .post-slider-section .slick-arrow:hover {
        background: #333;
    }
    
    .post-slider-section .slick-arrow.slick-next {
        right: 10px;
        left: auto;
    }
    
    .post-slider-section .slick-dots {
        position: absolute;
        text-align: center;
        left: 0;
        right: 0;
        bottom: 30px;
        padding-left: 0;
    }
    
    .post-slider-section .slick-dots li {
        display: inline-block;
        line-height: 0;
    }
    
    .post-slider-section .slick-dots li.slick-active button {
        background: #fff;
    }
    
    .post-slider-section .slick-dots li button {
        text-indent: -99999px;
        border: 0;
        margin: 0 5px;
        padding: 0;
        height: 10px;
        width: 10px;
        border-radius: 50%;
        background: #959698;
    }
    /**
 * - Author widgets
 * -------------------------------------------------------------
 */
    /* Auther Widget CSS */
    
    .author-wrapper {
        text-align: center;
    }
    
    .author-profile img {
        max-width: 100%;
    }
    
    .author-wrapper p {
        text-align: justify;
    }
    
    .author-profile ul {
        margin: 0;
        padding: 0;
        text-align: center;
    }
    
    .author-profile ul li {
        list-style: none;
        display: inline;
    }
    
    .author-profile ul li a {
        padding: 0;
    }
    
    .author-profile ul.socials li {
        margin-right: 5px;
        margin-top: 10px;
    }
    
    .author-profile ul.socials li::before {
        content: initial;
    }
    
    .author-profile p {
        padding: 20px 0;
        margin: 0;
    }
    
    .author-profile ul.socials li a i {
        font-size: 14px;
        padding: 10px;
        transition: color 0.3s ease-in-out 0s;
        vertical-align: middle;
        line-height: 12px;
        color: #68686d;
        display: inline-block;
        width: 32px;
        height: 32px;
        border: 1px solid #d9d9d9;
        border-radius: 50%;
    }
    
    .author-profile ul.socials li a i:hover {
        background: #292929;
        color: #fff;
    }
    
    .author-profile .author-sign {
        font-family: 'Monsieur La Doulaise', cursive;
        font-size: 35px;
        padding: 20px 0;
        display: inline-block;
    }
    /**
 * Featured Post widgets
 * -------------------------------------------------------------
 */
    
    .opus-blog-featured-post>ul {
        margin: 0;
        padding: 5px 0 0;
    }
    
    .opus-blog-featured-post>ul>li {
        position: relative;
        margin-bottom: 20px;
        list-style: none;
    }
    
    .widget_featured_thumbnail {
        position: relative;
        overflow: hidden;
        float: left;
        margin: 0 15px 0 0;
    }
    
    .widget_featured_thumbnail img {
        display: block;
        width: 80px;
        height: 80px;
    }
    
    .widget_featured_post_num {
        position: absolute;
        top: -10px;
        left: -10px;
        z-index: 3;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border-radius: 15px;
        background-color: #ffffff;
        color: #4c4f53;
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        -webkit-transition: box-shadow 0.2s ease;
        -moz-transition: box-shadow 0.2s ease;
        -o-transition: box-shadow 0.2s ease;
        transition: box-shadow 0.2s ease;
    }
    
    .widget_featured_content {
        height: 80px;
        display: table-cell;
        vertical-align: middle;
    }
    
    .widget_featured_content .post-date {
        margin: 0;
    }
    
    .widget_featured_content h4 {
        margin-bottom: 0;
        font-size: 17px;
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        color: #4c4f53;
    }
    
    .widget_bg_overlay {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        opacity: 0;
        width: 100%;
        height: 100%;
        background-color: #1f2123;
        -webkit-transition: opacity 0.2s ease;
        -moz-transition: opacity 0.2s ease;
        -o-transition: opacity 0.2s ease;
        transition: opacity 0.2s ease;
    }
    
    .widget_featured_thumbnail:hover .widget_bg_overlay {
        opacity: 0.2;
    }
    /**
 * Tab Post Widgets
 * -------------------------------------------------------------
 */
    
    .tab-posts-block>ul {
        margin: 0;
        padding: 5px 0 0;
    }
    
    .tab-posts-block>ul>li {
        position: relative;
        margin-bottom: 20px;
        list-style: none;
    }
    
    .tabs-nav {
        margin: 0px -20px;
        padding: 0;
        text-align: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 20px;
        border-bottom: 1px solid #d8d8d8;
    }
    
    .tabs-nav li {
        display: inline-block;
        flex-basis: 0%;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        text-align: center;
        margin-bottom: 0;
        line-height: 50px;
        position: relative;
    }
    
    .tabs-nav li:before {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background: #337ab7;
        content: '';
        opacity: 0;
        transition: all 0.9s ease;
        -webkit-transition: all 0.9s ease;
        -moz-transition: all 0.9s ease;
        -ms-transition: all 0.9s ease;
    }
    
    .tabs-nav li.tab-active:before {
        opacity: 1;
    }
    
    .tabs-nav li.tab-active a,
    .tabs-nav li.tab-active {
        color: #337ab7;
    }
    
    .tabs-nav li a {
        position: relative;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        color: #4c4f53;
        box-sizing: border-box;
        white-space: nowrap;
        padding-left: 10px;
    }
    /**
 * Footer
 * -------------------------------------------------------------
 */
    
    .footer-wrap {
        background: #1a1a1c;
        padding: 0;
    }
    
    .footer-wrap .footer-top-box {
        padding-top: 50px;
        padding-bottom: 20px;
    }
    
    .footer-wrap .widget {
        margin-bottom: 5px;
        padding: 0;
    }
    
    .footer-wrap .widget-title,
    .footer-wrap .widget {
        background: transparent;
    }
    
    .footer-wrap .widget a,
    .footer-wrap .widget {
        color: rgba(255, 255, 255, .9);
    }
    
    .footer-wrap .widget input[type="email"],
    .footer-wrap .widget input[type="text"] {
        color: #4c4f53;
    }
    
    .footer-wrap .widget-title {
        color: #fff;
    }
    
    .footer-wrap .widget_featured_post_num {
        display: none;
    }
    
    .footer-wrap .widget_featured_content {
        height: 80px;
    }
    
    .footer-wrap .post-date {
        margin: 0;
    }
    
    .footer-wrap [class*="footer-col-"]:nth-child(2),
    .footer-wrap [class*="footer-col-"]:nth-child(3) {
        padding-left: 40px;
    }
    
    .footer-top-box ul.social-menu li:first-child {
        padding-left: 0;
    }
    
    .footer-top-box ul.social-menu li a:before {
        background: #2f2f32;
        border: 0;
        border-radius: 3px;
        color: #fff;
    }
    
    .footer-col-1,
    .footer-col-2,
    .footer-col-3,
    .footer-col-4 {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        float: left;
    }
    
    .footer-col-1 {
        width: 100%;
    }
    
    .footer-col-2 {
        width: 50%;
    }
    
    .footer-col-3 {
        width: 33.333%;
    }
    
    .footer-col-4 {
        width: 25%;
    }
    
    @media (max-width: 991px) {
        .footer-wrap [class*="footer-col-"] {
            width: 100%;
            margin-bottom: 20px;
        }
        .footer-wrap [class*="footer-col-"]:nth-child(2),
        .footer-wrap [class*="footer-col-"]:nth-child(3) {
            padding-left: 15px;
        }
    }
    /* footer text */
    
    .site-footer {
        border-top: 1px solid rgba(255, 255, 255, 0.05);
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    
    .site-footer {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.7;
        color: rgba(255, 255, 255, .8);
    }
    
    .site-footer a {
        color: rgba(255, 255, 255, .8);
    }
    
    .site-footer a:hover,
    .site-footer a:focus {
        color: #6ca4db;
        text-decoration: underline !important;
    }
    /* footer social links */
    
    .footer-social-links {
        float: right;
        width: 60%;
        text-align: right;
        margin: -5px -8px -5px 0;
        padding-left: 15px;
    }
    
    .footer-social-links a {
        display: inline-block;
        padding: 10px 8px;
        font-family: sans-serif;
        font-size: 14px;
        color: #4c4f53;
    }
    
    .footer-social-links a:hover,
    .footer-social-links a:focus {
        color: #6ca4db;
    }
    /* footer menu */
    
    .footer-menu {
        float: right;
        margin: 0;
        padding: 0;
    }
    
    .footer-menu li {
        float: left;
        list-style: none;
    }
    
    .footer-menu li a {
        display: inline-block;
        padding: 0 10px;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 3;
        color: rgba(255, 255, 255, .8);
    }
    
    .footer-menu li a:hover,
    .footer-menu li a:focus {
        color: #6ca4db;
        text-decoration: underline !important;
    }
    
    .footer-menu li ul {
        display: none;
    }
    /**
 * "Back to top" button
 * -------------------------------------------------------------
 */
    
    #toTop {
        position: fixed;
        right: 30px;
        bottom: 20px;
        z-index: 1041;
        display: inline-block;
        width: 44px;
        height: 44px;
        line-height: 44px;
        text-align: center;
        font-family: sans-serif;
        font-size: 16px;
        color: #4c4f53;
        background-color: #ffffff;
        border-radius: 50%;
        box-shadow: 0 14px 28px -4px rgba(14, 17, 20, 0.15);
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }
    
    #toTop:focus {
        color: #4c4f53;
    }
    
    #toTop:hover {
        color: #ffffff;
        background-color: #6ca4db;
    }
    
    #toTop:active i {
        position: relative;
        top: 1px;
    }
    /***
====================================================================
## Breadcrumbs
====================================================================
***/
    
    .breadcrumbs-wrap {
        display: block;
        float: left;
        width: 100%;
        font-style: normal;
        font-family: 'Source Sans Pro', sans-serif;
        color: #858585;
        padding: 20px 15px 30px 15px;
    }
    
    .breadcrumbs .location {
        text-transform: uppercase;
        font-weight: 600;
        padding-right: 15px;
        float: left;
        font-size: 13px;
        line-height: 19px;
    }
    
    ul.trail-items {
        margin: 0;
        padding: 0;
    }
    
    ul.trail-items li {
        list-style: none;
        display: inline;
    }
    
    ul.trail-items li a {
        color: #858585;
    }
    
    ul.trail-items li a:hover span {
        color: #6ca4db;
    }
    
    .breadcrumbs .delim {
        padding: 0 10px;
        font-size: 16px;
        color: #8d97a1;
        line-height: .7;
    }
    
    .breadcrumbs .delim:last-child {
        display: none;
    }
    
    div#opus_blog-breadcrumbs {
        float: left;
    }
    /* Blog Images options */
    
    .left-image {
        overflow: hidden;
        padding: 15px 0;
        display: table;
        width: 100%;
    }
    
    .left-image .post-content,
    .left-image .post-media {
        padding: 0 15px;
        vertical-align: middle;
        display: table-cell;
    }
    
    .left-image .post-media {
        max-width: 350px;
        min-width: 300px;
    }
    
    .two-column .left-image,
    .masonry-post .left-image,
    .alternative .left-image {
        margin-left: 0;
        margin-right: 0;
        display: block;
        padding: 0;
    }
    
    .two-column .left-image .post-media,
    .two-column .left-image .post-content,
    .masonry-post .left-image .post-media,
    .masonry-post .left-image .post-content,
    .alternative .left-image .post-media,
    .alternative .left-image .post-content {
        display: block;
    }
    
    .two-column .left-image .post-media,
    .masonry-post .left-image .post-media,
    .alternative .left-image .post-media {
        padding: 0;
    }
    
    .two-column .left-image .post-content,
    .masonry-post .left-image .post-content,
    .alternative .left-image .post-content {
        padding: 20px;
    }
    
    .alternative article:nth-child(3n-2) .left-image {
        padding: 15px 0;
        display: table;
    }
    
    .alternative article:nth-child(3n-2) .left-image .post-media,
    .alternative article:nth-child(3n-2) .left-image .post-content {
        display: table-cell;
        padding: 0 15px;
    }
    
    .blog.two-column .post-wrap {
        min-height: 650px;
    }
    
    .blog.two-column .post-media iframe {
        height: 200px;
    }
    
    .blog.two-column .full-image .post-media {
        min-height: 200px;
        max-height: 200px;
        overflow: hidden;
    }
    
    .two-column .full-image .post-excerpt {}
    
    .hide-image .post-media {
        display: none;
    }
    /*==============================================================
## Promo section
================================================================
 */
    
    .promo-section {
        padding-top: 30px;
    }
    
    .promo-one,
    .promo-two,
    .promo-three {
        margin: 0 -15px;
    }
    
    .promo-section .item {
        position: relative;
        padding: 15px;
    }
    
    .promo-one .item .promo-content {
        color: #fff;
        max-width: 600px;
        padding: 0 30px;
        position: absolute;
        top: 50%;
        left: 50%;
        text-align: center;
        width: 100%;
        z-index: 20;
        -webkit-transition: opacity 0.2s ease;
        -o-transition: opacity 0.2s ease;
        transition: opacity 0.2s ease;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    
    .promo-section .post-tags {
        padding: 15px 40px;
        font-size: 15px;
        font-family: 'Source Sans Pro', sans-serif;
        font-style: normal;
        font-weight: 700;
        line-height: 1.3;
        text-transform: uppercase;
        color: #2f3235;
        background-color: #ffffff;
        display: inline-block;
    }
    
    .promo-section .post-tags:hover {
        opacity: 0.8;
    }
    
    .promo-two .item .promo-content {
        color: #fff;
        padding: 50px;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    
    .promo-two .post-date a,
    .promo-two .post-category a,
    .promo-two .item .promo-content .post-title {
        color: #fff;
    }
    
    .promo-two .post-category {
        margin-bottom: 15px;
        text-transform: uppercase;
        font-family: 'Source Sans Pro', sans-serif;
    }
    
    .promo-two figure {
        position: relative;
    }
    
    .inset {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        background: linear-gradient(0deg, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .1) 100%);
    }
    
    .promo-three .item .promo-content {
        padding: 15px;
        background: #fff;
    }
    
    .promo-three .post-category {
        margin-bottom: 15px;
        text-transform: uppercase;
        font-family: 'Source Sans Pro', sans-serif;
    }
    
    .promo-three .post-title {
        font-size: 20px;
    }
    /*Slick Dots*/
    
    .promo-section .slick-dots {
        position: absolute;
        text-align: center;
        left: 0;
        right: 0;
        padding-left: 0;
    }
    
    .promo-section .slick-dots li {
        display: inline-block;
        line-height: 0;
    }
    
    .promo-section .slick-dots li.slick-active button {
        background: #fff;
    }
    
    .promo-section .slick-dots li button {
        text-indent: -99999px;
        border: 0;
        margin: 0 5px;
        padding: 0;
        height: 10px;
        width: 10px;
        border-radius: 50%;
        background: #959698;
    }
    /* Blog Layout Column options */
    
    .masonry-start {
        clear: both;
    }
    
    .alternative .masonry-start,
    .two-column .masonry-start {
        margin-right: -15px;
        margin-left: -15px;
    }
    
    .two-column article.two-column {
        width: 50%;
        padding: 0 15px;
        float: left;
    }
    
    .alternative article.alternative {
        width: 50%;
        padding: 0 15px;
        float: left;
    }
    
    .alternative .site-main article:nth-child(3n-2) {
        width: 100%;
    }
    
    .masonry-post .masonry-start {
        margin-right: -15px;
        margin-left: -15px;
    }
    
    .right-sidebar article.masonry-post,
    .left-sidebar article.masonry-post {
        width: 50%;
        padding: 0 15px;
    }
    
    .no-sidebar article.masonry-post {
        width: 33.33333333%;
        padding: 0 15px;
    }
    
    .middle-column article.masonry-post,
    .both-sidebar article.masonry-post {
        width: 100%;
        padding: 0 15px;
    }
    
    article.masonry-post {
        float: left;
    }
    /*==============================================================
##WordPress content styles: Gutenberg editor
================================================================
 */
    /* paragraph */
    
    .post-excerpt .has-background {
        margin: 5px 0 20px;
        padding: 20px 30px;
        display: inline-block;
        width: 100%;
    }
    
    .post-excerpt .has-background a {
        color: inherit !important;
    }
    /* quote type 1: regular */
    
    .post-excerpt .wp-block-quote:not(.is-large):not(.is-style-large) {
        display: inline-block;
        width: 100%;
        margin: 5px 0 20px;
        padding: 20px;
        border-left: 4px solid #4c4f53;
        font-size: 15px;
        line-height: 1.7;
        background: #f7f8f8;
    }
    
    .post-excerpt .wp-block-quote:not(.is-large):not(.is-style-large):before {
        display: none;
    }
    
    .post-excerpt .wp-block-quote:not(.is-large):not(.is-style-large) cite,
    .post-excerpt .wp-block-quote:not(.is-large):not(.is-style-large) footer {
        margin-top: 10px;
        font-size: 13px;
        font-style: normal;
        line-height: 1.7;
    }
    
    .post-excerpt .wp-block-quote:not(.is-large):not(.is-style-large) cite {
        display: block;
    }
    /* quote type 2: large */
    
    .post-excerpt .wp-block-quote.is-large,
    .post-excerpt .wp-block-quote.is-style-large {
        margin: 0 0 20px;
        padding: 0 0 0 46px;
    }
    
    .post-excerpt .wp-block-quote.is-large p,
    .post-excerpt .wp-block-quote.is-style-large p {
        font-size: 18px;
        font-style: normal;
        line-height: 1.65;
    }
    
    .post-excerpt .wp-block-quote.is-large cite,
    .post-excerpt .wp-block-quote.is-large footer,
    .post-excerpt .wp-block-quote.is-style-large cite,
    .post-excerpt .wp-block-quote.is-style-large footer {
        font-size: 18px;
        font-style: normal;
        text-align: left;
        line-height: 1.3;
    }
    
    .post-excerpt .wp-block-quote.is-large cite,
    .post-excerpt .wp-block-quote.is-style-large cite {
        display: block;
    }
    /* quote type 3: pullquote */
    
    .post-excerpt .wp-block-pullquote {
        display: inline-block;
        width: 100%;
        margin: 5px 0 20px;
        padding: 20px 30px;
        text-align: center;
        border: none;
        border-top: 4px solid #4c4f53;
        border-bottom: 4px solid #4c4f53;
    }
    
    .post-excerpt .wp-block-pullquote blockquote {
        margin: 0;
        padding: 0;
        font-family: 'Lora', serif;
        font-size: 18px !important;
        font-style: normal;
        line-height: 1.65 !important;
    }
    
    .post-excerpt .wp-block-pullquote p {
        font-size: 18px !important;
        font-style: normal;
        line-height: 1.65 !important;
    }
    
    .post-excerpt .wp-block-pullquote blockquote p {
        margin: 0 0 15px !important;
    }
    
    .post-excerpt .wp-block-pullquote blockquote p:last-child {
        margin-bottom: 0 !important;
    }
    
    .post-excerpt .wp-block-pullquote blockquote:before {
        display: none;
    }
    
    .post-excerpt .wp-block-pullquote cite,
    .post-excerpt .wp-block-pullquote footer {
        text-transform: uppercase;
        font-size: 13px;
        font-style: normal;
        line-height: 1.7;
        text-align: center;
    }
    
    .post-excerpt .wp-block-pullquote cite {
        margin-top: 15px;
    }
    /* pullquote: solid color */
    
    .post-excerpt .wp-block-pullquote.is-style-solid-color {
        border-top: none;
        border-bottom: none;
    }
    
    .post-excerpt .wp-block-pullquote.is-style-solid-color blockquote {
        text-align: center;
        max-width: 100%;
    }
    
    .post-excerpt .wp-block-pullquote.is-style-solid-color blockquote cite {
        text-transform: uppercase;
        font-size: 13px;
        font-style: normal;
        line-height: 1.7;
        text-align: center;
    }
    /* button */
    
    .post-excerpt .wp-block-button {
        margin: 0 0 20px;
        padding: 5px 0;
    }
    
    .post-excerpt .wp-block-button .wp-block-button__link {
        width: auto;
        margin: 0;
        padding: 15px 25px;
        font-size: 15px;
        line-height: 1;
        text-align: center;
        border: none;
        border-radius: 23px;
        box-shadow: none;
        text-decoration: none !important;
    }
    
    .post-excerpt .wp-block-button .wp-block-button__link:active {
        position: relative;
        top: 1px;
    }
    
    .post-excerpt .wp-block-button__link:not(.has-text-color),
    .post-excerpt .wp-block-button__link:not(.has-text-color):active,
    .post-excerpt .wp-block-button__link:not(.has-text-color):focus,
    .post-excerpt .wp-block-button__link:not(.has-text-color):hover {
        color: #ffffff;
    }
    
    .post-excerpt .wp-block-button__link:not(.has-background),
    .post-excerpt .wp-block-button__link:not(.has-background):active,
    .post-excerpt .wp-block-button__link:not(.has-background):focus,
    .post-excerpt .wp-block-button__link:not(.has-background):hover {
        background-color: #1f2123;
    }
    /* separator (3 different types) */
    
    .post-excerpt .wp-block-separator,
    .post-excerpt .wp-block-separator.is-style-wide {
        margin: 25px auto;
        border: none;
        border-bottom: 1px solid #eeefef;
    }
    
    .post-excerpt .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
        max-width: 100px;
        border-bottom-width: 2px;
    }
    
    .post-excerpt .wp-block-separator.is-style-dots {
        margin-top: 15px;
        margin-bottom: 15px;
        background: none;
        border: none;
        text-align: center;
        max-width: none;
        line-height: 1;
        height: auto;
    }
    
    .post-excerpt .wp-block-separator.is-style-dots:before {
        color: #4c4f53;
        font-size: 20px;
        font-weight: 700;
    }
    /* captions for media files */
    
    .post-excerpt .wp-block-image figcaption,
    .post-excerpt .wp-block-audio figcaption,
    .post-excerpt .wp-block-video figcaption,
    .post-excerpt .wp-block-embed figcaption {
        margin: 0;
        font-size: 13px;
        text-align: left;
        line-height: 1.6;
        color: #4c4f53;
    }
    /* image */
    
    .post-excerpt figure.wp-block-image,
    .post-excerpt .wp-block-image figure {
        margin: 0 0 20px;
        padding: 5px 0 0;
    }
    
    .post-excerpt .wp-block-image figcaption {
        margin-bottom: -5px;
        padding: 10px 0 0;
    }
    
    .post-excerpt .wp-block-image .alignleft {
        float: left;
        margin: 5px 30px 15px 0;
        padding: 0;
    }
    
    .post-excerpt .wp-block-image .alignright {
        float: right;
        margin: 5px 0 15px 30px;
        padding: 0;
    }
    
    .post-excerpt .wp-block-image .aligncenter {
        margin: 0 auto 20px;
        padding: 5px 0 0;
    }
    /* cover image */
    
    .post-excerpt .wp-block-cover,
    .post-excerpt .wp-block-cover-image {
        margin: 20px 0;
    }
    
    .post-excerpt>.wp-block-cover:first-child,
    .post-excerpt>.wp-block-cover-image:first-child {
        margin-top: 5px;
    }
    
    .post-excerpt .wp-block-cover-image .wp-block-cover__inner-container,
    .post-excerpt .wp-block-cover .wp-block-cover__inner-container {
        width: calc(100% - 60px);
        color: #eaedf1;
    }
    
    .post-excerpt .wp-block-cover-image .wp-block-subhead,
    .post-excerpt .wp-block-cover-image h1,
    .post-excerpt .wp-block-cover-image h2,
    .post-excerpt .wp-block-cover-image h3,
    .post-excerpt .wp-block-cover-image h4,
    .post-excerpt .wp-block-cover-image h5,
    .post-excerpt .wp-block-cover-image h6,
    .post-excerpt .wp-block-cover-image p,
    .post-excerpt .wp-block-cover-image a,
    .post-excerpt .wp-block-cover-image a:active,
    .post-excerpt .wp-block-cover-image a:focus,
    .post-excerpt .wp-block-cover-image a:hover,
    .post-excerpt .wp-block-cover .wp-block-subhead,
    .post-excerpt .wp-block-cover h1,
    .post-excerpt .wp-block-cover h2,
    .post-excerpt .wp-block-cover h3,
    .post-excerpt .wp-block-cover h4,
    .post-excerpt .wp-block-cover h5,
    .post-excerpt .wp-block-cover h6,
    .post-excerpt .wp-block-cover p,
    .post-excerpt .wp-block-cover a,
    .post-excerpt .wp-block-cover a:active,
    .post-excerpt .wp-block-cover a:focus,
    .post-excerpt .wp-block-cover a:hover {
        color: inherit !important;
    }
    
    .post-excerpt .wp-block-cover-image h1:last-child,
    .post-excerpt .wp-block-cover-image h2:last-child,
    .post-excerpt .wp-block-cover-image h3:last-child,
    .post-excerpt .wp-block-cover-image h4:last-child,
    .post-excerpt .wp-block-cover-image h5:last-child,
    .post-excerpt .wp-block-cover-image h6:last-child,
    .post-excerpt .wp-block-cover-image p:last-child,
    .post-excerpt .wp-block-cover h1:last-child,
    .post-excerpt .wp-block-cover h2:last-child,
    .post-excerpt .wp-block-cover h3:last-child,
    .post-excerpt .wp-block-cover h4:last-child,
    .post-excerpt .wp-block-cover h5:last-child,
    .post-excerpt .wp-block-cover h6:last-child,
    .post-excerpt .wp-block-cover p:last-child {
        margin-bottom: 0;
    }
    /* gallery */
    
    .post-excerpt .wp-block-gallery {
        margin: 0;
        padding: 5px 0 4px;
    }
    
    .post-excerpt .wp-block-gallery .blocks-gallery-image figcaption,
    .post-excerpt .wp-block-gallery .blocks-gallery-item figcaption {
        font-size: 13px;
        line-height: 1.6;
        text-align: left;
        padding-right: 15px;
        padding-bottom: 8px;
        padding-left: 15px;
        color: #eaedf1;
    }
    
    .post-excerpt .wp-block-gallery .blocks-gallery-image figcaption a,
    .post-excerpt .wp-block-gallery .blocks-gallery-image figcaption a:active,
    .post-excerpt .wp-block-gallery .blocks-gallery-image figcaption a:focus,
    .post-excerpt .wp-block-gallery .blocks-gallery-image figcaption a:hover,
    .post-excerpt .wp-block-gallery .blocks-gallery-item figcaption a,
    .post-excerpt .wp-block-gallery .blocks-gallery-item figcaption a:active,
    .post-excerpt .wp-block-gallery .blocks-gallery-item figcaption a:focus,
    .post-excerpt .wp-block-gallery .blocks-gallery-item figcaption a:hover {
        color: #eaedf1;
    }
    /* audio and video */
    
    .post-excerpt .wp-block-audio,
    .post-excerpt .wp-block-video {
        margin: 0 0 15px;
        padding: 5px 0 0;
    }
    
    .post-excerpt .wp-block-audio audio {
        width: 100%;
        max-width: 100%;
        display: inline-block;
    }
    
    .post-excerpt .wp-block-audio figcaption,
    .post-excerpt .wp-block-video figcaption {
        padding: 3px 0 0;
    }
    /* embed elements */
    
    .post-excerpt .wp-block-embed {
        clear: both;
        margin: 0 0 15px;
        padding: 5px 0 0;
        min-width: 160px;
    }
    
    .post-excerpt .wp-block-embed iframe,
    .post-excerpt .wp-block-embed embed {
        margin: 0;
    }
    
    .post-excerpt .wp-block-embed figcaption {
        padding: 3px 0 0;
    }
    
    .post-excerpt .wp-block-embed.wp-block-embed-youtube figcaption,
    .post-excerpt .wp-block-embed.wp-block-embed-vimeo figcaption,
    .post-excerpt .wp-block-embed.wp-block-embed-soundcloud figcaption {
        padding-top: 10px;
    }
    
    .post-excerpt .wp-block-embed .twitter-tweet {
        margin-top: 0 !important;
    }
    
    .post-excerpt .wp-block-embed-facebook .wp-block-embed__wrapper,
    .post-excerpt .wp-block-embed-facebook .fb_iframe_widget,
    .post-excerpt .wp-block-embed-facebook .fb_iframe_widget span {
        max-width: 100%;
    }
    /* file */
    
    .post-excerpt .wp-block-file {
        margin: 0 0 15px;
    }
    
    .post-excerpt .wp-block-file a:not(.wp-block-file__button) {
        font-size: 15px;
        font-weight: 700;
        line-height: 1.7;
        color: #6ca4db;
        text-decoration: underline;
    }
    
    .post-excerpt .wp-block-file a:not(.wp-block-file__button):focus,
    .post-excerpt .wp-block-file a:not(.wp-block-file__button):hover {
        color: #6ca4db;
    }
    
    .post-excerpt .wp-block-file .wp-block-file__button {
        display: inline-block;
        font-size: 15px;
        text-decoration: none !important;
        margin: 0 0 0 15px;
        padding: 0 15px;
        height: 35px;
        line-height: 35px;
        border-radius: 18px;
        background: #1f2123;
        color: #ffffff;
    }
    
    .post-excerpt .wp-block-file .wp-block-file__button:active {
        position: relative;
        top: 1px;
    }
    
    .post-excerpt .wp-block-file .wp-block-file__button:active,
    .post-excerpt .wp-block-file .wp-block-file__button:focus,
    .post-excerpt .wp-block-file .wp-block-file__button:hover,
    .post-excerpt .wp-block-file .wp-block-file__button:visited {
        box-shadow: none;
        color: #ffffff;
        background: #6ca4db;
        opacity: 1;
    }
    /* code and preformatted */
    
    .post-excerpt .wp-block-code,
    .post-excerpt .wp-block-preformatted {
        overflow: hidden;
        overflow-wrap: break-word;
        white-space: pre-wrap;
        word-break: normal;
        word-wrap: break-word;
        line-height: 1.5;
    }
    
    .post-excerpt .wp-block-code code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0;
    }
    
    .post-excerpt .wp-block-preformatted {
        background-color: #f1f1f1;
        border: 1px solid #eeefef;
    }
    /* table */
    
    .post-excerpt .wp-block-table {
        width: 100%;
    }
    
    .post-excerpt .wp-block-table tbody,
    .post-excerpt .wp-block-table tfoot,
    .post-excerpt .wp-block-table thead {
        width: 100%;
        min-width: 240px;
        display: table;
    }
    /* table: stripes style */
    
    .post-excerpt .wp-block-table.is-style-stripes {
        border-bottom: none;
    }
    
    .post-excerpt .wp-block-table.is-style-stripes td {
        border-color: #eeefef;
    }
    
    .post-excerpt .wp-block-table.is-style-stripes tr:nth-child(odd) {
        background-color: #f7f8f8;
    }
    /* verse */
    
    .post-excerpt .wp-block-verse {
        white-space: pre-wrap;
        overflow: auto;
        padding: 20px 30px;
        font-family: 'Playfair Display', serif;
        font-size: 17px;
        line-height: 1.7;
        background-color: transparent;
        border: 1px solid #eeefef;
    }
    /* columns */
    
    .post-excerpt .wp-block-columns {
        margin: 0 -18px;
        padding: 0;
        overflow: hidden;
    }
    
    .post-excerpt .wp-block-columns .wp-block-column {
        margin: 0;
        padding: 0 18px;
    }
    /* widgets: archives and categories */
    
    .post-excerpt .wp-block-archives li,
    .post-excerpt .wp-block-categories li {
        margin: 0 0 4px;
    }
    
    .post-excerpt .wp-block-archives li:last-child,
    .post-excerpt .wp-block-categories li:last-child {
        margin-bottom: 0;
    }
    
    .post-excerpt .wp-block-archives li a,
    .post-excerpt .wp-block-categories li a {
        margin-right: 4px;
    }
    
    .post-excerpt .wp-block-archives li ul,
    .post-excerpt .wp-block-categories li ul {
        margin: 4px 0;
    }
    
    .post-excerpt .wp-block-archives li:last-child ul,
    .post-excerpt .wp-block-categories li:last-child ul {
        margin-bottom: 0;
    }
    
    .post-excerpt .wp-block-archives .screen-reader-text,
    .post-excerpt .wp-block-categories-dropdown .screen-reader-text {
        width: 1px;
        padding-bottom: 0;
    }
    
    .post-excerpt .wp-block-archives select,
    .post-excerpt .wp-block-categories-dropdown select {
        margin: 5px 0 20px;
    }
    
    .post-excerpt .wp-block-archives.aligncenter,
    .post-excerpt .wp-block-categories-dropdown {
        margin: 0;
        padding: 0;
    }
    /* widget: latest comments */
    
    .post-excerpt .wp-block-latest-comments {
        padding: 0 0 0 15px;
    }
    
    .post-excerpt .wp-block-latest-comments .wp-block-latest-comments__comment {
        margin: 0 0 10px;
        list-style: decimal;
        font-size: 15px;
        line-height: 1.7;
    }
    
    .post-excerpt .wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
        margin-bottom: 0;
    }
    
    .post-excerpt .wp-block-latest-comments .wp-block-latest-comments__comment-date {
        display: block;
        font-size: 12px;
        line-height: 1.7;
        color: #989ea6;
    }
    
    .post-excerpt .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
        padding: 0;
        margin: 5px 0 15px;
        font-size: 14px;
        line-height: 1.7;
    }
    
    .post-excerpt .wp-block-latest-comments .wp-block-latest-comments__comment:last-child .wp-block-latest-comments__comment-excerpt p:last-child {
        margin-bottom: 0;
    }
    
    .post-excerpt .wp-block-latest-comments.has-avatars {
        padding: 3px 0 0;
        list-style: none;
    }
    
    .post-excerpt .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment {
        list-style: none;
    }
    
    .post-excerpt .wp-block-latest-comments.has-avatars .avatar,
    .post-excerpt .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-avatar {
        margin: 2px 15px 0 0;
    }
    
    .post-excerpt .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt {
        margin: 0;
    }
    
    .post-excerpt .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
        margin: 0 0 0 55px;
    }
    /* widget: latest posts */
    
    .post-excerpt .wp-block-latest-posts li {
        margin: 0 0 5px;
    }
    
    .post-excerpt .wp-block-latest-posts li:last-child {
        margin-bottom: 0;
    }
    
    .post-excerpt .wp-block-latest-posts .wp-block-latest-posts__post-date {
        display: block;
        font-size: 12px;
        line-height: 1.7;
        color: #989ea6;
    }
    
    .post-excerpt .wp-block-latest-posts.is-grid {
        list-style: none;
        margin-right: -15px;
        margin-bottom: 5px;
        padding: 0;
        overflow: hidden;
    }
    
    .post-excerpt .wp-block-latest-posts.is-grid li {
        margin-bottom: 15px;
        padding-right: 15px;
        line-height: 1.5;
    }
    
    .post-excerpt .wp-block-latest-posts.is-grid .wp-block-latest-posts__post-date {
        margin-top: 3px;
        line-height: 1.7;
    }
    /* widget: calendar */
    
    .post-excerpt .wp-block-calendar #wp-calendar {
        display: table;
        text-align: center;
        font-family: 'Lora', serif;
        line-height: 1.7;
    }
    
    .post-excerpt .wp-block-calendar table caption,
    .post-excerpt .wp-block-calendar table tbody {
        color: #4c4f53;
    }
    
    .post-excerpt .wp-block-calendar #wp-calendar tbody td,
    .post-excerpt .wp-block-calendar #wp-calendar th {
        padding: 5px;
        border: 1px solid #eeefef;
    }
    
    .post-excerpt .wp-block-calendar #wp-calendar thead th {
        text-align: center;
        font-weight: 700;
        background: #f7f8f8;
    }
    
    .post-excerpt .wp-block-calendar #wp-calendar a {
        font-weight: 700;
    }
    
    .post-excerpt .wp-block-calendar #wp-calendar tfoot td {
        border: none;
        padding: 15px 5px 0 !important;
    }
    
    .post-excerpt .wp-block-calendar #wp-calendar tfoot td a {
        color: #4c4f53;
    }
    
    .post-excerpt .wp-block-calendar #wp-calendar tfoot td a:hover,
    .post-excerpt .wp-block-calendar #wp-calendar tfoot td a:focus {
        color: #6ca4db;
    }
    /* widget: rss */
    
    .post-excerpt .wp-block-rss .wp-block-rss__item {
        margin: 0 0 10px;
    }
    
    .post-excerpt .wp-block-rss .wp-block-rss__item:last-child {
        margin-bottom: 0;
    }
    
    .post-excerpt .wp-block-rss .wp-block-rss__item-title a {
        font-weight: 700;
    }
    
    .post-excerpt .wp-block-rss .wp-block-rss__item-publish-date,
    .post-excerpt .wp-block-rss .wp-block-rss__item-author {
        display: block;
        font-size: 12px;
        line-height: 1.7;
        color: #989ea6;
    }
    
    .post-excerpt .wp-block-rss .wp-block-rss__item-excerpt {
        font-size: 14px;
    }
    
    .post-excerpt .wp-block-rss.is-grid {
        list-style: none;
        margin-right: -30px;
        margin-bottom: 5px;
        padding: 0;
        overflow: hidden;
    }
    
    .post-excerpt .wp-block-rss.is-grid .wp-block-rss__item {
        margin-bottom: 15px;
        padding-right: 30px;
    }
    /* widget: search */
    
    .post-excerpt .wp-block-search {
        margin: 0 0 20px;
    }
    
    .post-excerpt .wp-block-search:last-child {
        margin-bottom: 0;
    }
    
    .post-excerpt .wp-block-search .wp-block-search__input {
        width: auto;
        height: 47px;
    }
    
    .post-excerpt .wp-block-search .wp-block-search__button {
        margin-left: 14px;
        padding: 0 20px;
        height: 47px;
        line-height: 47px;
    }
    /* search form: placeholder */
    /* Chrome/Opera/Safari */
    
    .post-excerpt .wp-block-search .wp-block-search__input::-webkit-input-placeholder {
        color: #989ea6;
        opacity: 1;
    }
    /* Firefox 18- */
    
    .post-excerpt .wp-block-search .wp-block-search__input:-moz-placeholder {
        color: #989ea6;
        opacity: 1;
    }
    /* Firefox 19+ */
    
    .post-excerpt .wp-block-search .wp-block-search__input::-moz-placeholder {
        color: #989ea6;
        opacity: 1;
    }
    /* IE 10+ */
    
    .post-excerpt .wp-block-search .wp-block-search__input:-ms-input-placeholder {
        color: #989ea6;
        opacity: 1;
    }
    /* widget: tag cloud */
    
    .post-excerpt .wp-block-tag-cloud a {
        display: inline-block;
        text-decoration: none !important;
        margin-right: 5px;
    }
    
    .post-excerpt .wp-block-tag-cloud a:hover,
    .post-excerpt .wp-block-tag-cloud a:focus,
    .post-excerpt .wp-block-tag-cloud a:hover span,
    .post-excerpt .wp-block-tag-cloud a:focus span {
        text-decoration: underline !important;
    }
    
    .post-excerpt .wp-block-tag-cloud a span {
        display: inline-block;
        margin-left: 5px;
    }
    /* media & text */
    
    .post-excerpt .wp-block-media-text {
        margin-bottom: 15px;
    }
    
    .post-excerpt .wp-block-media-text .wp-block-media-text__media {
        padding-top: 5px;
        padding-bottom: 11px;
    }
    /* wide-images */
    
    .post-excerpt .alignwide,
    .post-excerpt .alignfull {
        margin-left: -30px !important;
        margin-right: -30px !important;
        width: auto;
        max-width: 100vw;
    }
    
    .post-excerpt .alignwide figcaption,
    .post-excerpt .alignfull figcaption {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }
    /* other wide elements */
    
    .post-excerpt .wp-block-pullquote.alignwide,
    .post-excerpt .wp-block-pullquote.alignfull {
        display: block;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    .post-excerpt>.wp-block-pullquote.alignwide:first-child,
    .post-excerpt>.wp-block-pullquote.alignfull:first-child {
        margin-top: 5px;
    }
    
    .post-excerpt .wp-block-table.alignwide,
    .post-excerpt .wp-block-table.alignfull {
        margin-left: -32px !important;
        margin-right: -33px !important;
    }
    /*Header Cart*/
    
    .cart-right {
        float: right;
    }
    
    .cart-right>ul {
        display: inline-block;
        padding: 0;
        margin: 0;
    }
    
    .cart-right li {
        display: inline-block;
        position: relative;
        z-index: 99;
    }
    
    .cart-right>ul>li>a {
        color: #4c4f53;
        display: block;
        padding: 15px 10px;
        float: left;
        line-height: 56px;
    }
    
    .header-cart .cart-wrap {
        position: relative;
    }
    
    .header-cart i {
        font-size: 15px;
        padding-right: 10px;
        color: #4c4f53;
    }
    
    .cart-inner {
        color: #fff;
        font-size: 12px;
        text-transform: uppercase;
        background: #6ca4db;
        border-radius: 50%;
        left: 10px;
        top: 5px;
        position: absolute;
        height: 25px;
        width: 25px;
        text-align: center;
        line-height: 25px;
    }
    
    .headr_btom_cart {
        background: #ffffff none repeat scroll 0 0;
        display: block;
        opacity: 0;
        padding: 0;
        position: absolute;
        right: 0;
        top: 100%;
        transform: scaleY(0);
        transform-origin: 0 0 0;
        transition: all 0.3s ease 0s;
        visibility: hidden;
        width: 300px;
        z-index: 999;
        -webkit-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1);
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }
    
    .headr_btom_cart ul {
        padding-left: 0px;
        margin-top: 0px;
    }
    
    .header-cart:hover .headr_btom_cart {
        opacity: 1;
        transform: scale(1);
        visibility: visible;
    }
    
    .header-cart .widgettitle {
        display: none;
    }
    
    .header-cart li.single-cart {
        display: block;
    }
    /*-------------------------------------------------------------------------------------
WooCommerce
-------------------------------------------------------------------------------------*/
    
    .woocommerce .page-title {
        margin: -7px 0 0;
        font-size: 29px;
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        color: #2f3235;
    }
    
    .woocommerce-page #primary .page-title {
        font-size: 29px;
        font-style: normal;
        font-weight: 700;
        line-height: 1.5;
        color: #2f3235;
        margin: 0 0 40px;
        border-bottom: 2px solid rgba(0, 0, 0, 0.1);
        position: relative;
        padding-bottom: 5px;
    }
    
    .woocommerce-product-gallery__wrapper>div,
    .woocommerce-product-gallery__wrapper img {
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        overflow: hidden;
    }
    
    .woocommerce.woocommerce-page .main_title_wrapper {
        padding: 0px 0px 0px 0px;
    }
    
    .woocommerce ul.products li.product .price {
        font-size: 18px;
        float: right;
        display: inline-block;
        margin-bottom: 0px;
        margin-top: 9px;
    }
    
    .product-categories,
    .product-categories li {
        float: left;
        width: 100%;
        padding: 0px;
        list-style: none;
    }
    
    .product-categories li {
        float: left;
        width: 100%;
        list-style: none;
        line-height: 1.2;
        text-align: left;
        padding: 8px 0px;
        border-bottom: 1px solid #EAEAEA;
        margin-top: -1px;
    }
    
    .product-categories li:last-child {
        border-bottom: 0px;
    }
    
    .woocommerce-ordering {
        position: relative;
        background: #fbfaf9;
    }
    
    .woocommerce-ordering .orderby {
        height: 38px;
        -webkit-appearance: none;
        text-overflow: '';
        border: 1px solid #dadada;
        color: #333333;
        cursor: pointer;
        display: block;
        font-size: 13px !important;
        outline: none;
        height: auto;
        width: 100%;
        padding: 8px 15px !important;
        position: relative !important;
        text-indent: 0.01px;
        vertical-align: middle;
        z-index: 5;
        margin: 0;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        background: none
    }
    
    .woocommerce-ordering:before {
        font-size: 9px;
        text-decoration: inherit;
        -webkit-font-smoothing: antialiased;
        display: inline;
        width: auto;
        height: auto;
        line-height: 18px;
        vertical-align: 10%;
        background-image: none;
        background-position: 0% 0%;
        background-repeat: repeat;
        margin-top: 0;
        font-family: 'FontAwesome';
        content: "\f078";
        height: 38px;
        width: 38px;
        position: absolute;
        right: 0px;
        top: 0px;
        line-height: 38px;
        text-align: center;
    }
    
    .woocommerce ul.products li.product a:hover {
        color: #fff !important;
    }
    
    .woocommerce-product-search {
        float: left!important;
        ;
        width: 100%!important;
        ;
        position: relative!important;
        ;
        margin-bottom: 0px!important;
        ;
    }
    
    .woocommerce-product-search .search-field {
        font-size: 13px!important;
        ;
        line-height: 21px!important;
        ;
        color: #444444;
        border: 1px solid #e6e6e6!important;
        ;
        width: 100%!important;
        ;
        max-width: 100%!important;
        ;
        height: 32px!important;
        ;
        width: 95%!important;
        ;
        padding-left: 10px!important;
        ;
        outline: none!important;
        ;
    }
    
    .woocommerce-product-search input[type="submit"] {
        position: absolute;
        right: 0px;
        bottom: 0px;
        font-weight: 600 !important;
        font-family: 'Open Sans', arial, sans-serif;
        font-size: 14px;
        font-weight: bold;
        line-height: 16px;
        background-color: #222222;
        color: #ffffff;
        border: none;
        outline: none;
        padding: 8px 15px 8px 15px;
        cursor: pointer;
        transition: background 0.3s linear;
        -moz-transition: background 0.3s linear;
        -webkit-transition: background 0.3s linear;
        -o-transition: background 0.3s linear;
    }
    
    .woocommerce ul.cart_list li a,
    .woocommerce ul.product_list_widget li a {
        font-weight: 600;
    }
    
    .woocommerce-checkout .form-row .chosen-container-single .chosen-search input {
        background-image: none !important;
        padding: 5px 15px !important;
        margin-bottom: 10px !important;
    }
    
    .woocommerce a.remove {
        background: red;
        color: #fff !important;
        font-size: 12px;
        width: 25px;
        height: 25px;
        line-height: 25px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
    }
    
    .select2-container--default .select2-selection--single {
        border: solid 1px #e4e4e4;
    }
    
    .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
        float: left;
        font-weight: 600 !important;
    }
    
    .variations .label label {
        margin-top: 14px;
        color: #222 !important;
    }
    
    .woocommerce .button.add_to_cart_button.product_type_simple.loading {
        width: auto;
    }
    
    .woocommerce .button.add_to_cart_button.product_type_simple.loading:before {
        opacity: 0;
    }
    
    .woocommerce a.button.loading,
    .woocommerce-page a.button.loading {
        color: #FFF;
    }
    
    .woocommerce #respond input#submit.loading:after,
    .woocommerce a.button.loading:after,
    .woocommerce button.button.loading:after,
    .woocommerce input.button.loading:after {
        top: 1px;
        position: absolute;
        height: 31px;
        width: 13px;
        line-height: 31px;
        background: none;
        margin: 0px;
    }
    
    .woocommerce #respond input#submit.loading {
        height: 33px !important;
        line-height: 33px !important;
    }
    
    .woocommerce a.button.added,
    .woocommerce-page a.button.added {
        padding-right: 13px !important;
    }
    
    .woocommerce table.cart td.actions .input-text,
    .woocommerce-page #content table.cart td.actions .input-text,
    .woocommerce-page table.cart td.actions .input-text {
        margin-right: 10px;
    }
    
    .woocommerce-cart table.cart .product-thumbnail {
        text-align: center;
    }
    
    .woocommerce-cart table.cart .product-remove a.remove {
        display: auto !important;
    }
    
    .woocommerce .widget_shopping_cart .cart_list li a.remove:hover,
    .woocommerce.widget_shopping_cart .cart_list li a.remove:hover,
    .woocommerce a.remove:hover {
        text-decoration: none !important;
    }
    
    .woocommerce_content_page h1.page-title {
        padding-bottom: 5px !important;
        font-weight: 500 !important;
        font-size: 27px;
        margin-bottom: 30px;
        line-height: 34px;
    }
    
    .woocommerce_content_page a,
    .woocommerce_content_page a:hover {
        color: #000 !important;
    }
    
    .woocommerce .woocommerce-input-wrapper {
        width: 100%;
    }
    
    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1,
    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-2 {
        flex: none;
        max-width: 100%;
        padding: 0;
    }
    
    .woocommerce .form-row label {
        display: block;
        font-size: 15px;
        font-weight: 400
    }
    
    .woocommerce .form-row .input-text {
        font-size: 12px;
        line-height: 21px;
        color: #444444;
        border: 1px solid #e6e6e6;
        width: 100%;
        max-width: 100%;
        height: 34px !important;
        padding: 3px 9px 3px 9px;
    }
    
    .woocommerce .form-row textarea.input-text {
        height: auto;
    }
    
    .woocommerce-page ul .product {
        float: left !important;
        margin-right: 3.125% !important;
        width: 31.25% !important;
        /* responsive portrait phone */
    }
    
    .woocommerce-page ul .product.last {
        margin-right: 0px !important;
    }
    
    .woocommerce-page ul .product:before {
        content: '';
    }
    
    .woocommerce ul.products li.product a img,
    .woocommerce-page ul.products li.product a img,
    .woocommerce ul.products li.product a img:hover,
    .woocommerce-page ul.products li.product a img:hover,
    .woocommerce #content div.product div.images img,
    .woocommerce div.product div.images img,
    .woocommerce-page #content div.product div.images img,
    .woocommerce-page div.product div.images img {
        box-shadow: 0 0px 0px 0 rgba(0, 0, 0, .3);
        -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, .3);
    }
    
    .woocommerce ul.products li.product a:hover img,
    .woocommerce-page ul.products li.product a:hover img {
        box-shadow: 0 0px 0px 0 rgba(0, 0, 0, .3);
        -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, .3);
    }
    
    .widget_price_filter form {
        float: left;
        width: 100%;
        margin-bottom: 0px;
    }
    
    .woocommerce .widget_price_filter .price_slider_amount .button,
    .woocommerce-page .widget_price_filter .price_slider_amount .button,
    .woocommerce #content input.button,
    .woocommerce #respond input#submit,
    .woocommerce a.button,
    .woocommerce button.button,
    .woocommerce input.button,
    .woocommerce-page #content input.button,
    .woocommerce-page #respond input#submit,
    .woocommerce-page a.button,
    .woocommerce-page button.button,
    .woocommerce-page input.button,
    .woocommerce #content div.product form.cart .button,
    .woocommerce div.product form.cart .button,
    .woocommerce-page #content div.product form.cart .button,
    .woocommerce-page div.product form.cart .button,
    .woocommerce #content input.button.alt,
    .woocommerce #respond input#submit.alt,
    .woocommerce a.button.alt,
    .woocommerce button.button.alt,
    .woocommerce input.button.alt,
    .woocommerce-page #content input.button.alt,
    .woocommerce-page #respond input#submit.alt,
    .woocommerce-page a.button.alt,
    .woocommerce-page button.button.alt,
    .woocommerce-page input.button.alt {
        outline: none;
        height: 33px;
        line-height: 33px!important;
        padding: 0 15px;
        color: #FFF;
        border: 0px solid #dbdbdb;
        background: #222;
        font-size: 13px;
        cursor: pointer;
        margin-bottom: 15px;
        font-weight: 400;
        transition: background 0.3s linear;
        -moz-transition: background 0.3s linear;
        -webkit-transition: background 0.3s linear;
        -o-transition: background 0.3s linear;
        text-shadow: 0 0px 0 rgba(255, 255, 255, .8);
        text-transform: uppercase;
        letter-spacing: 0px !important;
    }
    
    .woocommerce table.shop_table,
    .woocommerce-page table.shop_table {
        float: left;
    }
    
    .woocommerce .button.add_to_cart_button.product_type_simple,
    .woocommerce .button.add_to_cart_button.product_type_variable {
        color: #000 !important;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        background: #fff;
        border: 1px solid #e6e6e6;
        font-weight: 400;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        overflow: hidden;
    }
    
    .woocommerce .button.add_to_cart_button.product_type_simple:hover,
    .woocommerce .button.add_to_cart_button.product_type_variable:hover {
        border-color: #000 !important;
    }
    
    .woocommerce .button.ajax_add_to_cart {
        width: 100% !important;
    }
    
    .woocommerce ul.products li.product .added_to_cart.wc-forward:hover {
        color: #000 !important;
    }
    
    .woocommerce .button.add_to_cart_button.product_type_simple:hover,
    .woocommerce .button.add_to_cart_button.product_type_variable:hover {
        color: #fff !important;
        background: #222;
    }
    
    .woocommerce a.button.loading,
    .woocommerce-page a.button.loading {
        color: #FFF;
        width: 100%;
    }
    
    .woocommerce a.button.added,
    .woocommerce-page a.button.added {
        padding-right: 25px;
    }
    
    .woocommerce #content input.button.added:before,
    .woocommerce #respond input#submit.added:before,
    .woocommerce a.button.added:before,
    .woocommerce button.button.added:before,
    .woocommerce input.button.added:before,
    .woocommerce-page #content input.button.added:before,
    .woocommerce-page #respond input#submit.added:before,
    .woocommerce-page a.button.added:before,
    .woocommerce-page button.button.added:before,
    .woocommerce-page input.button.added:before {
        top: 2px;
        right: 3px;
        font-size: 10px;
    }
    
    .woocommerce .widget_price_filter .price_slider_amount .button,
    .woocommerce-page .widget_price_filter .price_slider_amount .button,
    .woocommerce #content input.button,
    .woocommerce #respond input#submit,
    .woocommerce a.button,
    .woocommerce button.button,
    .woocommerce input.button,
    .woocommerce-page #content input.button,
    .woocommerce-page #respond input#submit,
    .woocommerce-page a.button,
    .woocommerce-page button.button,
    .woocommerce-page input.button,
    .woocommerce #content div.product form.cart .button,
    .woocommerce div.product form.cart .button,
    .woocommerce-page #content div.product form.cart .button,
    .woocommerce-page div.product form.cart .button,
    .woocommerce #content input.button.alt,
    .woocommerce #respond input#submit.alt,
    .woocommerce a.button.alt,
    .woocommerce button.button.alt,
    .woocommerce input.button.alt,
    .woocommerce-page #content input.button.alt,
    .woocommerce-page #respond input#submit.alt,
    .woocommerce-page a.button.alt,
    .woocommerce-page button.button.alt,
    .woocommerce-page input.button.alt {
        margin-bottom: 0px !important;
        color: #FFF !important;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        padding: 0px 15px !important;
        opacity: 1;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
    }
    
    .woocommerce #content table.cart td.actions .coupon .input-text,
    .woocommerce table.cart td.actions .coupon .input-text,
    .woocommerce-page #content table.cart td.actions .coupon .input-text,
    .woocommerce-page table.cart td.actions .coupon .input-text {
        width: 121px;
        height: 33px;
        line-height: 33px;
    }
    
    .product-name a,
    .product-name a:hover {
        color: #222 !important;
    }
    
    .woocommerce .star-rating span:before {
        color: #ffc902;
    }
    
    .woocommerce a.added_to_cart,
    .woocommerce-page a.added_to_cart {
        color: #6ca4db;
        font-weight: bold;
    }
    
    .woocommerce a.added_to_cart:hover,
    .woocommerce-page a.added_to_cart:hover {
        text-decoration: none !important;
    }
    
    .woocommerce .widget_price_filter .price_slider_amount .button:hover,
    .woocommerce-page .widget_price_filter .price_slider_amount .button:hover,
    .woocommerce #content input.button:hover,
    .woocommerce #respond input#submit:hover,
    .woocommerce a.button:hover,
    .woocommerce button.button:hover,
    .woocommerce input.button:hover,
    .woocommerce-page #content input.button:hover,
    .woocommerce-page #respond input#submit:hover,
    .woocommerce-page a.button:hover,
    .woocommerce-page button.button:hover,
    .woocommerce-page input.button:hover,
    .woocommerce #content div.product form.cart .button:hover,
    .woocommerce div.product form.cart .button:hover,
    .woocommerce-page #content div.product form.cart .button:hover,
    .woocommerce-page div.product form.cart .button:hover,
    .woocommerce #content input.button.alt:hover,
    .woocommerce #respond input#submit.alt:hover,
    .woocommerce a.button.alt:hover,
    .woocommerce button.button.alt:hover,
    .woocommerce input.button.alt:hover,
    .woocommerce-page #content input.button.alt:hover,
    .woocommerce-page #respond input#submit.alt:hover,
    .woocommerce-page a.button.alt:hover,
    .woocommerce-page button.button.alt:hover,
    .woocommerce-page input.button.alt:hover {
        background: #000!important;
        text-decoration: none !important;
    }
    
    .woocommerce ul.cart_list li img,
    .woocommerce ul.product_list_widget li img,
    .woocommerce-page ul.cart_list li img,
    .woocommerce-page ul.product_list_widget li img {
        box-shadow: none !important;
        width: 75px !important;
        margin-right: 13px;
        margin-left: 0px;
        float: left;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }
    
    .woocommerce ul.product_list_widget li:last-child {
        margin-bottom: 0px;
        padding-bottom: 0px !important;
    }
    
    .woocommerce #content .quantity input.qty,
    .woocommerce .quantity input.qty,
    .woocommerce-page #content .quantity input.qty,
    .woocommerce-page .quantity input.qty {
        height: 33px;
    }
    
    .woocommerce #content .quantity .minus,
    .woocommerce #content .quantity .plus,
    .woocommerce .quantity .minus,
    .woocommerce .quantity .plus,
    .woocommerce-page #content .quantity .minus,
    .woocommerce-page #content .quantity .plus,
    .woocommerce-page .quantity .minus,
    .woocommerce-page .quantity .plus {
        height: 16px;
    }
    
    .woocommerce ul.products li.product .price {
        float: left;
        width: 100%;
    }
    
    .woocommerce ul.products li.product .price del {
        float: left;
        margin-right: 10px;
    }
    
    .woocommerce div.product p.price del {
        margin-right: 10px;
    }
    
    .woocommerce #content div.product p.price,
    .woocommerce #content div.product span.price,
    .woocommerce div.product p.price,
    .woocommerce div.product span.price,
    .woocommerce-page #content div.product p.price,
    .woocommerce-page #content div.product span.price,
    .woocommerce-page div.product p.price,
    .woocommerce-page div.product span.price,
    .woocommerce ul.products li.product .price {
        color: #000!important;
        margin-top: -5px;
        margin-bottom: 5px;
        font-size: 1.05em;
    }
    
    .single-product.woocommerce .products ul,
    .single-product.woocommerce ul.products {
        margin: 0px -15px;
    }
    
    .variations .label label {
        display: inline-block !important;
        margin: 7px 0px 0px 0px;
    }
    
    .woocommerce div.product form.cart .reset_variations {
        display: none !important;
    }
    
    .related.products ul li,
    .woocommerce .up-sells.upsells ul.products li.product,
    .woocommerce-page .up-sells.upsells ul.products li.product {
        width: 33.33333333% !important;
        margin: 0px !important;
        padding: 0px 15px !important;
        margin-bottom: 30px !important;
    }
    
    .related.products h2,
    .up-sells.upsells.products h2 {
        margin-bottom: 20px;
        letter-spacing: 0px !important;
    }
    
    .woocommerce .quantity .qty {
        border: 1px solid #e6e6e6;
    }
    
    .woocommerce .quantity .qty:active,
    .woocommerce .quantity .qty:focus {
        outline: none;
    }
    
    .woocommerce ul.products li.product a {
        position: relative;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        overflow: hidden;
    }
    
    .woocommerce ul.products li.product a img {
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        overflow: hidden;
    }
    
    .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
        text-decoration: none !important;
    }
    
    .woocommerce .related.products {
        margin-top: 30px;
    }
    
    .woocommerce div.product .woocommerce-tabs ul.tabs li::before,
    .woocommerce div.product .woocommerce-tabs ul.tabs li::after {
        display: none;
    }
    
    .woocommerce #content div.product p.price del,
    .woocommerce #content div.product span.price del,
    .woocommerce div.product p.price del,
    .woocommerce div.product span.price del,
    .woocommerce-page #content div.product p.price del,
    .woocommerce-page #content div.product span.price del,
    .woocommerce-page div.product p.price del,
    .woocommerce-page div.product span.price del {
        color: #484848;
    }
    
    .woocommerce ul.products li.product .price ins {
        font-weight: normal;
    }
    
    .woocommerce #reviews #comments ol.commentlist {
        float: left;
        margin-top: 15px;
    }
    
    .woocommerce .widget_shopping_cart .total,
    .woocommerce.widget_shopping_cart .total {
        border: 0px;
        display: inline-block;
        width: 100%;
        padding: 10px 0;
        border-top: 1px solid #dedfdf;
        margin: 15px 0;
        border-bottom: 1px solid #dedfdf;
        text-align: right;
    }
    
    .woocommerce ul.cart_list li,
    .woocommerce ul.product_list_widget li,
    .woocommerce-page ul.cart_list li,
    .woocommerce-page ul.product_list_widget li {
        margin-bottom: 11px;
        padding: 0px 0px 13px 0px !important;
        background: none !important;
        border-bottom: 0px solid #e6e6e6 !important;
        float: left;
        width: 100%;
    }
    
    .woocommerce .woocommerce-ordering,
    .woocommerce .woocommerce-result-count,
    .woocommerce-page .woocommerce-ordering,
    .woocommerce-page .woocommerce-result-count {
        color: #000;
        font-size: 13px !important;
        text-transform: uppercase;
    }
    
    .woocommerce-ordering .orderby {
        text-transform: uppercase;
    }
    
    .woocommerce ul.products li.product .star-rating span,
    .woocommerce ul.products li.product .star-rating span {
        color: #6ca4db;
    }
    
    .woocommerce ul.products li.product h3,
    .woocommerce-page ul.products li.product h3 {
        font-weight: bold;
        padding: 0px;
        font-weight: bold;
        font-size: 15px;
        line-height: 1.2;
        margin-bottom: 9px;
    }
    
    .woocommerce #content div.product .product_title,
    .woocommerce div.product .product_title,
    .woocommerce-page #content div.product .product_title,
    .woocommerce-page div.product .product_title {
        font-weight: bold;
        letter-spacing: -1px;
    }
    
    .woocommerce .product .onsale {
        width: 45px;
        height: 45px;
        line-height: 43px;
        border: 0px !important;
        background: none #6ca4db;
        box-shadow: none;
        text-shadow: none;
        margin: 0px !important;
        left: 0px !important;
        right: auto;
        top: 0px !important;
        font-size: 11px !important;
        font-weight: 400 !important;
        text-transform: uppercase;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
    }
    
    .woocommerce-page #content table.cart th {
        background: #FFF !important;
        color: #222 !important;
    }
    
    .woocommerce.widget .ui-slider-range {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important;
        box-shadow: none !important;
    }
    
    .woocommerce.widget .ui-slider {
        background: none repeat scroll 0 0 rgba(50, 50, 50, 0.8) !important;
        border-radius: 0px !important;
        margin-bottom: 20px !important;
        margin-top: 10px;
    }
    
    .woocommerce.widget .ui-slider .ui-slider-handle {
        box-shadow: none;
        border: 1px solid #ffffff;
        background: none #a9a9a9;
        width: 15px;
        height: 15px;
    }
    
    .woocommerce-tabs h2,
    .related.products h2 {
        font-weight: bold;
        letter-spacing: -1px;
        font-size: 18px;
        line-height: 1.2;
        float: left;
        width: 100%;
        margin-top: 0px;
    }
    
    .woocommerce #content div.product .woocommerce-tabs ul.tabs,
    .woocommerce div.product .woocommerce-tabs ul.tabs,
    .woocommerce-page #content div.product .woocommerce-tabs ul.tabs,
    .woocommerce-page div.product .woocommerce-tabs ul.tabs {
        padding: 0px;
    }
    
    .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:after,
    .woocommerce div.product .woocommerce-tabs ul.tabs li.active:after,
    .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:after,
    .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:after,
    .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:before,
    .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
    .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:before,
    .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before {
        box-shadow: 0px 0px 0 #fff;
    }
    
    .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a,
    .woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
    .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a,
    .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a {
        width: 100%;
        font-weight: inherit;
        padding: 0px 10px;
        color: #fff !important;
    }
    
    .woocommerce #content div.product .woocommerce-tabs ul.tabs li a,
    .woocommerce div.product .woocommerce-tabs ul.tabs li a,
    .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a,
    .woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
        color: #000 !important;
        padding: 0px 10px;
        font-weight: inherit;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }
    
    .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
        margin-top: 2px;
        margin-right: 0px;
    }
    
    .woocommerce-product-gallery__image a:active,
    .woocommerce-product-gallery__image a:focus {
        outline: none;
    }
    
    .woocommerce ul.product_list_widget .star-rating {
        font-size: 13px;
    }
    
    .woocommerce ul.product_list_widget .woocommerce-Price-amount {
        font-size: 13px;
    }
    
    .woocommerce #review_form #respond {
        width: 100%;
    }
    
    .comments-area .comments-title,
    .comment-respond .comment-reply-title {
        font-weight: 700;
    }
    
    .woocommerce #review_form #respond p span {
        padding-top: 5px;
        display: inline-block;
    }
    
    .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
    .woocommerce div.product .woocommerce-tabs ul.tabs li.active,
    .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active,
    .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
        padding: 0px;
        -webkit-border-top-left-radius: 0px;
        -webkit-border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        box-shadow: 0 0px 0px rgba(0, 0, 0, .2), inset 0 0px 0 rgba(255, 255, 255, .6);
        margin: 0px;
        background: #202020;
    }
    
    .woocommerce #content div.product .woocommerce-tabs ul.tabs li,
    .woocommerce div.product .woocommerce-tabs ul.tabs li,
    .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
    .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
        border: 0px solid #e0dadf;
        background: none;
        background: none;
        background: none;
        background: none;
        background: none;
        display: inline-block;
        position: relative;
        z-index: 0;
        -webkit-border-top-left-radius: 0px;
        -webkit-border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        box-shadow: 0 0px 0px rgba(0, 0, 0, .2), inset 0 0px 0 rgba(255, 255, 255, .6);
        margin: 0px;
        padding: 0px;
    }
    
    .woocommerce #reviews #comments ol.commentlist li,
    .woocommerce-page #reviews #comments ol.commentlist li {
        list-style: none !important;
    }
    
    .woocommerce #reviews #comments ol.commentlist li img.avatar,
    .woocommerce-page #reviews #comments ol.commentlist li img.avatar {
        width: 50px;
        height: 50px;
    }
    
    .woocommerce #reviews #comments ol.commentlist li .comment-text,
    .woocommerce-page #reviews #comments ol.commentlist li .comment-text {
        margin: 0 0 0 66px;
    }
    
    .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta,
    .woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta {
        margin-bottom: 0px;
    }
    
    .woocommerce #content div.product p.price,
    .woocommerce #content div.product span.price,
    .woocommerce div.product p.price,
    .woocommerce div.product span.price,
    .woocommerce-page #content div.product p.price,
    .woocommerce-page #content div.product span.price,
    .woocommerce-page div.product p.price,
    .woocommerce-page div.product span.price {
        font-size: 1.05em;
    }
    
    .cart_totals h2 {
        font-weight: bold;
        letter-spacing: -1px;
    }
    
    .cart-collaterals table,
    .cart-collaterals table td,
    .cart-collaterals table th {
        border: 0px;
    }
    
    .woocommerce-cart .woocommerce .cart_totals th {
        width: 60% !important;
        font-size: 14px;
        font-weight: bold;
    }
    
    .woocommerce-cart .woocommerce .cart_totals td {
        font-style: 14px;
    }
    
    .cart-collaterals h2 {
        font-size: 16px;
        font-weight: bold;
    }
    
    .cart-collaterals h2 a:hover {
        text-decoration: none !important;
    }
    
    .woocommerce .woocommerce-message,
    .woocommerce .woocommerce-error,
    .woocommerce .woocommerce-info {
        font-size: 12px;
        line-height: 21px;
        border: 1px solid #e6e6e6 !important;
        background: none !important;
        box-shadow: none !important;
        margin: 10px 0px 20px 0px !important;
        padding: 16px 15px 16px 45px !important;
        float: left;
        width: 100%;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }
    
    .woocommerce-cart-form {
        float: left;
        width: 100%;
        margin-bottom: 0px !important;
    }
    
    .woocommerce .woocommerce-message:before,
    .woocommerce .woocommerce-error:before,
    .woocommerce .woocommerce-info:before {
        border-radius: 3px !important;
        box-shadow: none !important;
        display: block !important;
        height: 31px !important;
        left: 15px !important;
        line-height: 31px !important;
        margin: 0 !important;
        padding: 0 !important;
        position: absolute !important;
        top: 11px !important;
        width: 31px !important;
        font-size: 21px !important;
        text-shadow: none !important;
    }
    
    .woocommerce #payment ul.payment_methods li,
    .woocommerce-page #payment ul.payment_methods li {
        list-style: none !important;
    }
    
    .payment_methods label {
        width: auto !important;
        display: initial !important;
    }
    
    .woocommerce table.shop_table td,
    .woocommerce-page table.shop_table td {
        border-top: 0px solid rgba(0, 0, 0, .1);
    }
    
    .chosen-single,
    .chosen-single:hover {
        color: #222 !important;
        text-decoration: none !important;
    }
    
    .woocommerce .order_details li,
    .woocommerce-page .order_details li {
        list-style: none !important;
    }
    
    .woocommerce-LoopProduct-link {
        float: left;
        width: 100%;
    }
    
    .woocommerce-LoopProduct-link:hover {
        color: #000;
        border: 0px;
        text-decoration: none !important;
    }
    
    .woocommerce ul.products li.product .star-rating {
        float: right;
    }
    
    .woocommerce ul.products li.product .price {
        float: left;
        width: auto;
    }
    
    .woocommerce h1,
    .woocommerce h2,
    .woocommerce h3 {
        font-size: 18px;
    }
    
    .woocommerce .main-header .logo h1 {
        font-size: 29px;
    }
    
    .woocommerce-loop-product__title {
        font-size: 18px !important;
    }
    
    .woocommerce .star-rating::before,
    .woocommerce .star-rating span::before {
        top: 1px;
    }
    
    .woocommerce .summary.entry-summary .star-rating::before,
    .woocommerce .summary.entry-summary .star-rating span::before {
        top: 0px;
    }
    
    .button.wc-backward {
        color: #FFF !important;
    }
    
    .woocommerce table.shop_table th,
    .woocommerce-page table.shop_table th {
        color: #222;
    }
    
    .woocommerce table.shop_table,
    .woocommerce-page table.shop_table,
    .woocommerce table.shop_table td,
    .woocommerce-page table.shop_table td,
    .woocommerce table.shop_table tfoot td,
    .woocommerce table.shop_table tfoot th,
    .woocommerce-page table.shop_table tfoot td,
    .woocommerce-page table.shop_table tfoot th {
        border-collapse: collapse;
        background: #fff;
    }
    
    .woocommerce table.my_account_orders .order-actions .button,
    .woocommerce-page table.my_account_orders .order-actions .button {
        color: #FFF !important;
    }
    
    .woocommerce #content nav.woocommerce-pagination ul li a:focus,
    .woocommerce #content nav.woocommerce-pagination ul li a:hover,
    .woocommerce #content nav.woocommerce-pagination ul li span.current,
    .woocommerce nav.woocommerce-pagination ul li a:focus,
    .woocommerce nav.woocommerce-pagination ul li a:hover,
    .woocommerce nav.woocommerce-pagination ul li span.current,
    .woocommerce-page #content nav.woocommerce-pagination ul li a:focus,
    .woocommerce-page #content nav.woocommerce-pagination ul li a:hover,
    .woocommerce-page #content nav.woocommerce-pagination ul li span.current,
    .woocommerce-page nav.woocommerce-pagination ul li a:focus,
    .woocommerce-page nav.woocommerce-pagination ul li a:hover,
    .woocommerce-page nav.woocommerce-pagination ul li span.current,
    .woocommerce #content nav.woocommerce-pagination ul li a,
    .woocommerce #content nav.woocommerce-pagination ul li span,
    .woocommerce nav.woocommerce-pagination ul li a,
    .woocommerce nav.woocommerce-pagination ul li span,
    .woocommerce-page #content nav.woocommerce-pagination ul li a,
    .woocommerce-page #content nav.woocommerce-pagination ul li span,
    .woocommerce-page nav.woocommerce-pagination ul li a,
    .woocommerce-page nav.woocommerce-pagination ul li span {
        background: #6ca4db;
        color: #FFF !important;
        font-size: 15px;
        margin-right: 5px;
        padding: 0px 13px;
        display: inline-block;
        height: 40px;
        line-height: 40px;
        width: 40px;
        font-weight: 400;
        text-decoration: none !important;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        overflow: hidden;
    }
    
    .woocommerce #content nav.woocommerce-pagination ul li a,
    .woocommerce nav.woocommerce-pagination ul li a,
    .woocommerce-page #content nav.woocommerce-pagination ul li a,
    .woocommerce-page nav.woocommerce-pagination ul li a {
        background: #000;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
    }
    
    .woocommerce #content nav.woocommerce-pagination ul,
    .woocommerce nav.woocommerce-pagination ul,
    .woocommerce-page #content nav.woocommerce-pagination ul,
    .woocommerce-page nav.woocommerce-pagination ul,
    .woocommerce #content nav.woocommerce-pagination ul li,
    .woocommerce nav.woocommerce-pagination ul li,
    .woocommerce-page #content nav.woocommerce-pagination ul li,
    .woocommerce-page nav.woocommerce-pagination ul li {
        border: 0px solid #e0dadf;
    }
    
    .woocommerce ul.products li.product h3:hover,
    .woocommerce-page ul.products li.product h3:hover {
        color: #222 !important;
    }
    
    .woocommerce #content div.product div.images,
    .woocommerce div.product div.images,
    .woocommerce-page #content div.product div.images,
    .woocommerce-page div.product div.images {
        margin-top: 0px;
    }
    
    .woocommerce #content div.product .product_title,
    .woocommerce div.product .product_title,
    .woocommerce-page #content div.product .product_title,
    .woocommerce-page div.product .product_title {
        margin-top: 0px;
        margin-bottom: 0px;
        text-transform: capitalize;
        color: #000;
        font-size: 35px;
    }
    
    .content_single_page p.price {
        font-size: 18px !important;
    }
    
    .single-product .main_title_wrapper {
        display: none;
    }
    
    .woocommerce div.product .woocommerce-tabs .panel {
        padding-bottom: 10px;
    }
    
    .woocommerce div.product .woocommerce-product-rating {
        margin-bottom: 10px;
    }
    
    .woocommerce #content div.product,
    .woocommerce div.product,
    .woocommerce-page #content div.product,
    .woocommerce-page div.product {
        float: left;
        width: 100%;
    }
    
    .content_single_page.woocommerce_content_page,
    .content_single_page .woocommerce {
        padding: 0px;
    }
    /**
 * Responsive styles
 * -------------------------------------------------------------
 */
    
    @media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
        .left-sidebar #primary {
            float: none;
        }
    }
    /* 1199px */
    
    @media (max-width: 1199px) {
        /* pagination */
        .pagination {
            padding-right: 15px;
            padding-left: 15px;
        }
        /* single page: post navigation */
        .post-navigation .nav-previous {
            padding-right: 10px;
        }
        .post-navigation .nav-next {
            padding-left: 10px;
        }
        /* WordPress content styles: gallery */
        .gallery.gallery-columns-6 .gallery-item .gallery-caption {
            display: none;
        }
        /* footer: menu */
        .footer-menu {
            margin-right: -8px;
        }
        .footer-menu li a {
            padding-right: 8px;
            padding-left: 8px;
        }
    }
    /* 991px */
    
    @media (max-width: 991px) {
        .main-header .logo {
            float: none;
            text-align: center;
        }
        /* footer: copyright text (or some other text) */
        .site-footer {
            float: none;
            width: 100%;
            margin-bottom: 15px;
            padding-right: 0;
        }
        /* footer: menu */
        .footer-menu-wrap {
            float: none;
            width: 100%;
            margin-bottom: 15px;
            padding-left: 0;
        }
        .footer-menu {
            float: none;
            margin-right: -10px;
            margin-left: -10px;
        }
        .footer-menu li a {
            padding-right: 10px;
            padding-left: 10px;
        }
        .right-sidebar #primary {
            float: none;
        }
        #secondary,
        #primary {
            float: left;
            width: 100%!important;
        }
    }
    /* 767px */
    
    @media (max-width: 767px) {
        /* comments */
        .comment-list .children {
            padding-left: 25px;
        }
        .single-left-sidebar #primary,
        .left-sidebar #primary,
        .right-sidebar #primary {
            float: none;
        }
        .left-image .post-content,
        .left-image .post-media {
            display: block;
            max-width: 100% min-width: 100%;
        }
        .breadcrumbs-wrap {
            float: none;
        }
        .middle-column #primary {
            width: 100%;
        }
        .breadcrumbs-wrap {
            float: none;
            display: inline-block;
        }
        .cart-right {
            position: absolute;
            top: 0;
            right: 10px;
        }
        .bar-menu {
            right: 100px;
        }
        .left-side,
        .right-side {
            float: none!important;
        }
        .top-menu,
        .social-links {
            text-align: center;
        }
        .bottom-caption {
            display: none;
        }
        .slider-height {
            height: 300px;
        }
        .caption h2 a {
            font-size: 24px;
        }
    }
    /* 720px */
    
    @media (max-width: 720px) {
        /* container with posts */
        .posts-container {
            padding-top: 40px;
            padding-bottom: 0;
        }
        /* pagination */
        .pagination {
            margin-top: 10px;
        }
        .gallery.gallery-columns-5 .gallery-item .gallery-caption {
            display: none;
        }
        /* comments */
        .comment-list .children {
            padding-left: 20px;
        }
        /* page 404 */
        /* sidebar */
        /* widgets */
        /* footer widgets */
        /* footer */
    }
    /* 600px */
    
    @media (max-width: 600px) {
        /* WordPress content styles */
        .gallery.gallery-columns-4 .gallery-item .gallery-caption {
            display: none;
        }
        /* comments */
        .comment-reply-title span,
        .comment-reply-title small {
            display: block;
        }
        .comment-reply-title small {
            float: none;
        }
        .comment-list .children {
            padding-left: 15px;
        }
    }
    /* 480px */
    
    @media (max-width: 480px) {
        /* pagination */
        .pagination {
            margin-right: -15px;
            margin-left: -15px;
            padding-right: 0;
            padding-left: 0;
        }
        /* masonry layout */
        .right-sidebar article.masonry-post,
        .left-sidebar article.masonry-post,
        .no-sidebar article.masonry-post,
        .middle-column article.masonry-post,
        .both-sidebar article.masonry-post {
            width: 100%;
            padding: 0 15px;
        }
        /* comments */
        .comment-reply-title,
        .comments-title {
            padding-right: 30px;
            padding-left: 30px;
        }
        .comment-list li .comment-reply-title {
            padding-right: 0;
            padding-left: 0;
        }
        .comment-list .children {
            padding-left: 10px;
        }
        .comment-navigation .nav-previous {
            padding-right: 5px;
        }
        .comment-navigation .nav-next {
            padding-left: 5px;
        }
        .related-posts .show-2-related-posts {
            width: 100%;
            margin-bottom: 20px;
        }
        .cart-right {
            right: 40px;
        }
    }
    /* 360px */
    
    @media (max-width: 360px) {
        /* containers with content: reduce left and right indents to 15 pixels */
        pre,
        .post-content,
        .no-results,
        .about-author,
        .comment-reply-title,
        .comments-title,
        .comment-form,
        .comment-list-wrap,
        .comments-area .no-comments,
        .comment-respond .must-log-in {
            padding-right: 15px;
            padding-left: 15px;
        }
        /* wide-images */
        .alignwide,
        .alignfull {
            margin-left: -15px !important;
            margin-right: -15px !important;
        }
        .alignwide figcaption,
        .alignfull figcaption {
            padding-right: 15px !important;
            padding-left: 15px !important;
        }
        /* single page: post navigation */
        .post-navigation .nav-previous {
            padding-right: 5px;
        }
        .post-navigation .nav-next {
            padding-left: 5px;
        }
        .cart-right {
            right: 40px;
        }
    }
    /* 320px */
    
    @media (max-width: 320px) {
        /* single page: post navigation */
        .post-navigation .nav-previous,
        .post-navigation .nav-next {
            width: 100%;
            float: none;
        }
        .post-navigation .nav-previous {
            padding-right: 0;
        }
        .post-navigation .nav-next {
            padding-left: 0;
            text-align: left;
        }
        /* comments */
        .comment-list-wrap {
            overflow: hidden;
        }
        .comment-meta .comment-awaiting-moderation {
            margin-left: 0;
        }
        .comment-content,
        .comment-body .reply {
            padding-left: 0;
        }
        .comment-navigation {
            padding-top: 15px;
            padding-bottom: 5px;
        }
        .comment-navigation .nav-previous,
        .comment-navigation .nav-next {
            float: none;
            width: 100%;
            line-height: 1.3;
        }
        .comment-navigation .nav-previous {
            padding-right: 0;
        }
        .comment-navigation .nav-next {
            padding-left: 0;
            text-align: left;
        }
        .comment-navigation .nav-links a {
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .comment-navigation .nav-previous i {
            display: none;
        }
        .comment-navigation .nav-previous a:after {
            font-family: 'FontAwesome';
            font-weight: 900;
            content: '\f0da';
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            margin-left: 8px;
        }
    }
    
    @media (max-width: 767px) {}
    /*EXTRA CSS*/
    
    .pro-btn a:after {
        background: #00cf24;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        font-size: 10px;
        font-weight: normal;
        line-height: 13px;
        padding: 2px 5px;
        position: absolute;
        right: 15px;
        top: 10px;
        content: "PRO";
        color: #fff;
        z-index: 100;
        font-family: sans-serif;
    }
    
    .hot-btn a:after {
        background: red;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        font-size: 10px;
        font-weight: normal;
        line-height: 13px;
        padding: 2px 5px;
        position: absolute;
        right: 15px;
        top: 10px;
        content: "HOT";
        color: #fff;
        z-index: 100;
        font-family: sans-serif;
    }
    
    .hot-btn-1>a:after {
        background: red;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        font-size: 10px;
        font-weight: normal;
        line-height: 13px;
        padding: 2px 5px;
        position: absolute;
        right: 15px;
        top: 10px;
        content: "HOT";
        color: #fff;
        z-index: 100;
        font-family: sans-serif;
    }
    
    .new-btn a:after {
        background: #242424;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        font-size: 10px;
        font-weight: normal;
        line-height: 13px;
        padding: 2px 5px;
        position: absolute;
        right: 15px;
        top: 10px;
        content: "NEW";
        color: #fff;
        z-index: 100;
        font-family: sans-serif;
    }
    /*Slick Slider Fixed*/
    
    body .slick-dots li {
        width: inherit;
        height: inherit;
        background: transparent;
    }
    
    body .slick-dots li.slick-active {
        background: transparent;
    }
    
    body .slick-prev {
        left: inherit;
    }
    /* Custom */
    
    .site-description,
    .footer-wrap {
        display: none;
    }
    
    .top-sec {
        height: 60vh;
        background-color: #1b4493;
        display: flex;
    }
    
    .top-info {
        width: 40%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .top-title {
        text-align: center;
        color: #fff;
        text-transform: uppercase;
    }
    
    .top-img {
        width: 60%;
        background-image: url('assets/images/tbg.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 0 0;
    }
    
    h1.post-title {
        text-align: center;
        font-size: 30px;
    }
    
    .site-content {
        margin-top: 40px;
        min-height: 70vh;
    }
    
    .page-img {
        border-radius: 5px;
    }
    
    .footer-cust {
        background-color: #1a1a1c;
        color: #fff;
    }
    
    .footer-cust {
        margin: 0;
        padding: 20px 0;
        text-align: center;
    }