/*
Theme Name: Opus Blog
Theme URI: https://www.templatesell.com/item/opus-blog-plus-minimal-wordpress-blog-theme/
Author: akithemes
Author URI: https://templatesell.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.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: opus-blog
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
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 {
    /* Was 15px at line-height 1.2, which is very tight for body copy. */
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.7;
    background-color: #f7f8f8;
    color: #4c4f53;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* links */
a {
    background-color: transparent;
}

a:focus {
    color: #4c4f53;
}
a:hover {
    color: #2b6eb3;
}

/* 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: #2b6eb3;
}
.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: #2b6eb3;
}
.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: #2b6eb3;
}

.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 #2b6eb3;
    }
    .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 200ms ease, opacity 160ms ease, visibility 0s;
  -webkit-transition: -webkit-transform 200ms ease, opacity 160ms ease, visibility 0s;
  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;
  /*
   * Was 'all 500ms', which animated visibility and everything else and
   * made the menu feel slow. Only transform and opacity move.
   */
  transition: transform 200ms ease, opacity 160ms ease, visibility 0s linear 200ms;
  -webkit-transition: -webkit-transform 200ms ease, opacity 160ms ease, visibility 0s linear 200ms;
  border-radius: 4px;
  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 200ms ease, opacity 160ms ease, visibility 0s;
  -webkit-transition: -webkit-transform 200ms ease, opacity 160ms ease, visibility 0s;
  visibility: visible;
}
.main-navigation ul ul ul {
  left: 100%;
  top: 0;
  /* Was 2px 1px 2px #222, a hard near black shadow next to the soft grey
     one used at the level above. */
  box-shadow: 0 0 20px rgba(166, 166, 166, 0.25);
}

.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;
}
/*
 * left:0 here has the same specificity as the rule that puts a nested menu
 * at left:100%, and it came later, so hovering a third level item pulled it
 * back over its own parent. Scoped to the top level now.
 */
.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: #424242;
  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: #2b6eb3;
}

.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: #2b6eb3;
    border: 2px solid #2b6eb3;
}
.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: #676e78;
    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: #2b6eb3;
    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;
    /* More space between posts; the list reads as separate pieces now. */
    margin-bottom: 56px;
    padding: 0;
    background-color: #ffffff;
    border-radius: 6px;
    overflow: hidden;
}

/* 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: #2b6eb3;
}
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;
    /*
     * width:auto left any image narrower than the column sitting at its
     * natural size, so cards in a row did not line up.
     */
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
    transition: transform .4s ease;
}

/* 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: 32px 34px 28px;
    word-wrap: break-word;
    overflow: hidden;
}
.post-content {
    padding-bottom: 20px;
}



/* date */
.post-date {
    margin-bottom: 14px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    /* Uppercase at 12px is hard to read without tracking. */
    letter-spacing: 0.08em;
    color: #676e78;
}
.post-date a {
    color: #676e78;
}
.post-date a:focus,
.post-date a:hover {
    color: #2b6eb3;
    text-decoration: underline !important;
}
.post-date.no-title {
    margin-bottom: 15px;
}
.updated:not(.published) {
    display: none;
}

/* title */
.post-title {
    margin: 0 0 14px;
    /* 26px was a weak step above 16px body copy for the main element. */
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.015em;
    color: #2f3235;
}
.post-title a {
    color: #2f3235;
}
.post-title a {
    transition: color .15s ease;
}

.post-title a:hover,
.post-title a:focus {
    /* Was a forced underline. Colour plus an offset underline is calmer
       and keeps descenders legible. */
    color: #2b6eb3;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}

/* 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: #2b6eb3;
    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: #676e78;
    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: #676e78;
}
.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: #2b6eb3;
    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: #2b6eb3;
    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: #2b6eb3;
}
.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: #676e78;
    display: block;
    padding-left: 10px;
    top: 0;
}
.posts-navigation .nav-previous a:after {
    position: absolute;
    content: "\f0d9";
    font-family: "FontAwesome";
    color: #676e78;
    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: #676e78;
    display: block;
    padding-right: 10px;
    top: 0;
    right: 0;
}
.posts-navigation .nav-next a:after {
    position: absolute;
    content: "\f0da";
    font-family: "FontAwesome";
    color: #676e78;
    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: #2b6eb3; /* .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: #2b6eb3;
    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: #676e78;
    display: block;
    padding-left: 10px;
    top: 0;
}
.post-navigation .nav-previous a:after {
    position: absolute;
    content: "\f0d9";
    font-family: "FontAwesome";
    color: #676e78;
    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: #676e78;
    display: block;
    padding-right: 10px;
    top: 0;
    right: 0;
}
.post-navigation .nav-next a:after {
    position: absolute;
    content: "\f0da";
    font-family: "FontAwesome";
    color: #676e78;
    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: #2b6eb3; /* .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: #2b6eb3;
}
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    background: #2b6eb3;
    border-color: #2b6eb3;
}
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: #2b6eb3;
    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: #676e78;
}
.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: #676e78;
}
.about-author-posts-link i {
    margin-right: 8px;
}
.about-author-posts-link:hover,
.about-author-posts-link:focus {
    color: #2b6eb3;
    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: #2b6eb3;
}
#author:active,
#email:active,
#url:active,
#comment:active,
#author:focus,
#email:focus,
#url:focus,
#comment:focus{
    outline: none;
    border-color: #2b6eb3;
}

/* 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: #2b6eb3;
    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: #2b6eb3;
}
.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: #2b6eb3;
}

/* "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: #2b6eb3;
}

/* 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: #676e78;
}
.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: #2b6eb3;
}


/**
 * 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: #676e78;
}
.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: #2b6eb3;
    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: #676e78;
    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: #2b6eb3;
    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: #2b6eb3;
}
.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: #676e78;
}
.comment-meta .comment-metadata a {
    color: #676e78;
}
.comment-meta .comment-metadata a:hover,
.comment-meta .comment-metadata a:focus {
    color: #2b6eb3;
    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: #2b6eb3;
}

/* 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: #676e78;
}
.comment-body .reply .comment-reply-link:focus {
    color: #676e78;
}
.comment-body .reply .comment-reply-link:hover {
    color: #2b6eb3;
    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: #676e78;
}
.comment-navigation .nav-links a:hover,
.comment-navigation .nav-links a:focus {
    color: #2b6eb3;
    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: #2b6eb3;
}
.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
}

.blog.no-sidebar #secondary,
.archive.no-sidebar #secondary,
.page.no-sidebar #secondary,
.blog.middle-column #secondary,
.archive.middle-column #secondary,
.page.middle-column #secondary{
    display:none
}

/* 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.no-sidebar #primary,
.archive.no-sidebar #primary,
.page.no-sidebar #primary,
.single.no-sidebar #primary{
    width:100%;
}


.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: #2b6eb3;
    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: #2b6eb3;
    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: #676e78; /* 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: #2b6eb3;
    color: #fff;
    border-color: #2b6eb3;
}
.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: #676e78;
    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: #676e78;
    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: #676e78;
}


/**
 * 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: #2b6eb3;
}
.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: #2b6eb3;
}
.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: #2b6eb3;
}
.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: #2b6eb3;
}
.textwidget input[type="file"]:focus {
    outline: none;
    border-color: #2b6eb3;
}
.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: #2b6eb3;
}


/**
 * 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: #676e78;
}
.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: #676e78;
}

/**
 * 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: #2b6eb3;
}
.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: #2b6eb3;
    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: #2b6eb3;
}

/* 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: #2b6eb3;
    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: #2b6eb3;
}
#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: #2b6eb3;
}
.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: #2b6eb3;
    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: #2b6eb3;
}
.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: #2b6eb3;
    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: #676e78;
}
.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: #676e78;
}
.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: #2b6eb3;
}

/* 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: #676e78;
}
.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: #676e78;
    opacity: 1;
}
/* Firefox 18- */
.post-excerpt .wp-block-search .wp-block-search__input:-moz-placeholder {
    color: #676e78;
    opacity: 1;
}
/* Firefox 19+ */
.post-excerpt .wp-block-search .wp-block-search__input::-moz-placeholder {
    color: #676e78;
    opacity: 1;
}
/* IE 10+ */
.post-excerpt .wp-block-search .wp-block-search__input:-ms-input-placeholder {
    color: #676e78;
    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: #2b6eb3;
    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: #2b6eb3;
    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: #2b6eb3;
}

.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 #2b6eb3;
    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: #2b6eb3;
    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;
}

/* Backing CSS for the styles registered in inc/block-patterns/. */

.wp-block-quote.is-style-opus-blog-bordered {
    border-left: 3px solid #2b6eb3;
    padding-left: 24px;
    font-style: normal;
}

.wp-block-image.is-style-opus-blog-rounded img {
    border-radius: 10px;
}

.wp-block-button.is-style-opus-blog-outline .wp-block-button__link {
    background: transparent;
    color: #2b6eb3;
    border: 2px solid #2b6eb3;
}

.wp-block-button.is-style-opus-blog-outline .wp-block-button__link:hover,
.wp-block-button.is-style-opus-blog-outline .wp-block-button__link:focus {
    background: #2b6eb3;
    color: #ffffff;
}

/* ---------------------------------------------- opus-blog UI additions --- */

/*
 * A visible keyboard focus style. The theme had none, so anyone tabbing
 * through the page could not tell where they were.
 */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 2px solid #2b6eb3;
    outline-offset: 2px;
}

/* A slow zoom on the featured image signals the whole card is a link. */
.post-wrap:hover .post-media img {
    transform: scale(1.02);
}

@media (prefers-reduced-motion: reduce) {
    .post-media img,
    .post-wrap:hover .post-media img {
        transition: none;
        transform: none;
    }
}

/* The read more link reads as an action rather than another line of text. */
.more-link {
    letter-spacing: 0.08em;
    border-bottom: 1px solid transparent;
    transition: color .15s ease, border-color .15s ease;
}

.more-link:hover,
.more-link:focus {
    color: #2b6eb3;
    border-bottom-color: #2b6eb3;
}

/* Long body copy is easier to read when the measure is limited. */
.single-post .post-excerpt p,
.single-post .entry-content p {
    max-width: 70ch;
}

@media screen and (max-width: 782px) {

    .post-wrap {
        margin-bottom: 36px;
    }

    .post-content {
        padding: 24px 20px 20px;
    }

    .post-title {
        font-size: 24px;
    }
}

/* -------------------------------------------- opus-blog menu additions --- */

/*
 * A 250px submenu on the last top level item runs off the right edge.
 * Opening it right aligned keeps it on screen without any JavaScript.
 */
.main-navigation > ul > li:last-child > ul.sub-menu,
.main-navigation > ul > li:last-child > ul.children {
    left: auto;
    right: 0;
}

.main-navigation > ul > li:last-child:hover > ul {
    left: auto;
    right: 0;
}

/* Separate the items so a long list is easier to scan. */
.main-navigation ul ul.sub-menu li + li,
.main-navigation ul ul.children li + li {
    border-top: 1px solid #f0f1f2;
}

/* A parent with children should say so. */
.main-navigation > ul > li.menu-item-has-children > a::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 6px;
    vertical-align: middle;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid currentColor;
}

/*
 * The fourth level was display:none, so those items simply vanished. Keep
 * them reachable rather than silently dropping them.
 */
.main-navigation ul ul ul ul {
    display: block;
}

@media (prefers-reduced-motion: reduce) {

    .main-navigation ul ul.children,
    .main-navigation ul ul.sub-menu {
        transition: none;
    }
}
