/*
Theme Name: MrSkillz
Theme URI: https://secretlab.pw/portfolio/mrskillz/
Author: secretlaboratory
Author URI: https://secretlab.pw/
Description: Online university, Online courses, Online IT courses, Business WordPress Theme
Text Domain: mrskillz
Domain Path: /languages
Version: 1.0
License: Commercial
License URI: http://themeforest.net/licenses/terms/regular
Tags: two-columns, three-columns, four-columns, left-sidebar, right-sidebar, grid-layout, footer-widgets, full-width-template, sticky-post, blog, photography, portfolio


*/

/*--------------------------------------------------------------
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
# The file generated automatically,
so DON'T PUT YOUR CSS CODE HERE,
USE Theme Options -> Custom instead
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
--------------------------------------------------------------*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Accessibility
# Alignments
# Clearings
# Typography
# Forms
# Buttons
# Formatting
# Lists
# Tables
# Navigation
# Links
# Layout
## Blog
## Posts
## Pages
# Comments
# Widgets
# Infinite scroll
# Media## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Values
--------------------------------------------------------------*/
body {
    font-size: 18px;
    color: #6B616F;
    font-weight: 400;
    background-color: #fff;
    overflow: hidden;

}
/* link color the same as a text color*/
.header_alt ul li a, .widget_recent_comments ul li a, .widget_recent_comments ul li, .widget_recent_entries ul li a, .widget_calendar a:hover, .widget_calendar table caption, .author_info .author_link, .tagcloud a,.single .tags-links a, table a, .alayout2 .scat a, .single .alayout2 .meta div span a, .slayout2 .scat a, .alayout2 .entry-meta, .related.layout2 .rblock .entry-meta, .alayout2 .entry-meta a, .related.layout2 .rblock .entry-meta a, .slayout2 .meta div span,.single .slayout2 .meta div span a, .single .slayout2 .meta div div a, [class*="layout5"] article .more, .slayout5 .related .rmore, .slayout2 blockquote cite {
    color: #6B616F;
}
.nav-links.skin2 .nav-previous svg, .nav-links.skin2 .nav-next svg {
    fill:#6B616F;
}
/* font-family */
body,
button,
input,
select,
textarea {
    font-family: "Nunito";
}
h1, h2, h3, h4, h5, h6, .alayout3 .format-quote blockquote, .alayout3 .format-quote blockquote:before, .alayout4 .format-quote blockquote, .single .slayout2 .entry-content > p:first-child:first-letter, .slayout2 blockquote, span.comment-author-link, .widget_rss ul li a {font-family: "Montserrat"}
h1 {
    color: #291B2F;
    font-weight: 700;
    font-size: 60px;
    line-height: 70px;
    text-transform: none;
    margin: 20px 0 20px 0;
}
h2 {
    color: #291B2F;
    font-weight: 700;
    font-size: 48px;
    line-height: 58px;
    text-transform: none;
    margin: 20px 0 15px 0;
}
h3, .logo {
    color: #291B2F;
    font-weight: 700;
    font-size: 30px;
    line-height: 42px;
    text-transform: none;
    margin: 20px 0;
}
h4, h5, h6 {
    color: #291B2F;
    font-weight: 700;
    font-size: 25px;
    line-height: 40px;
    text-transform: none;
    margin: 20px 0 10px 0;
}
h5 {font-size: 22px;line-height: 32px;}
h6 {font-size: 17px;line-height: 25px;}
h3.entry-title {
    font-family: "Montserrat";
    color: #291B2F;
    font-weight: 700;
    font-size: 30px;
    line-height: 42px;
    text-transform: none;
    margin: 0 0 15px 0;transition: all 200ms ease-in;}
article .entry-title a {
    color: #291B2F;
}
/* border-radius */
.nav-previous > span > a,.nav-next > span > a, ul.page-numbers li a, ul.page-numbers li .dots, ul.page-numbers li .current, .page-links a span, .page-links > span, .blogpagination a, .blogpagination span, body article .thumb, body [class*="layout5"] article.format-quote .c_block, .single .slayout5 article blockquote, .slayout5 .comment-list li > div, [class*="layout6"] article .c_block, .single .entry-thumbnail, .related .rblock, .tagcloud a,.single .tags-links a, .slayout2 .comment-list li .reply a, p.no-comments, .more, .author_info, .comment-list li > div, .comment-author img, .post-author img {border-radius: 0;}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
* {
    box-sizing: border-box;
}
*:before,*:after {
    box-sizing: border-box;
}
div:focus, i:focus {outline:none;}
html {
    margin: 0;
    overflow-x: hidden !important;
    height: 100%;
}
body {
    line-height:1.7;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    margin: 0;
    -ms-word-wrap: break-word;
    word-break: break-word;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
    max-width: 100%
}
img.size-full,img.size-large,img.wp-post-image {
    height: auto;
    max-width: 100%;
    display: flex;
    margin: 0 auto;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 0 auto;
}
hr {
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace,
monospace;
    font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
    margin: 0;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding: 0;
}
embed,iframe,object,video {
    max-width: 100%;
}
.td_foot {
    background-color: #f9f9f9;
    height: 150px
}
.pageedit_link {
    display: none
}
.clr {
    clear: both;
    content: "";
    display: block
}
.composer {
    width: 100%
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}
.header_alt .topbar{
    background-color: #ffffff;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dddddd;
}
.header_alt .home-link {
    width: 100%;
    text-decoration: none
}
.logo {text-decoration: none; display: inline-block;}
.header_alt a h1 {
    max-width: 1170px;
    margin: 0 auto;
    width: 100%;
    display: block;
    padding: 0 15px;
    color:#fff;
    font-size: 40px;
    line-height: 50px;

}

.header_alt .nav-menu {
    margin-top: -30px;
}
.header_alt ul {
    background-image:none;
    box-shadow:none;
    border:none;
    margin: 5px 0 0 0;
    padding: 0 0 0 0;
    text-align: right;
    clear: both;
    z-index: 99;
    position: relative;
}
.header_alt ul li {
    margin:0;
    padding:0;
    list-style: none;
    display: inline-block;
    position: relative;
    text-align: left;
}
.header_alt ul li a {
    text-transform: none;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    transition: all 300ms;
}
.header_alt ul li:before {
    content:none
}
.header_alt ul li > a {
    text-shadow: none;
    padding: 20px 30px 20px 5px;
    display: block;

}
.header_alt ul li > a:hover {
    text-decoration: underline;
}
.header_alt ul li > a:focus,
.header_alt ul > li > a:active {
    background-color: transparent;
}
.header_alt ul li ul {
    display: block;
    position: absolute;
    top: 100%;
    margin-top: 0;
    border-radius: 0;
    min-width: 250px;
    width: auto;
    padding: 20px 0;
    transform: scale(0);
    transition: all 200ms;
    background-color: #fff;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
    left: -9999px;
    opacity: 0;transform-origin: 0% 0%;
    transition: transform 0.4s, opacity 0.4s;
}
.header_alt ul li:hover ul {
    transform: scale(1);
    left: 0;
    opacity: 1;
}
.header_alt ul li ul li {
    display: block;
    width: 100%;
    padding: 0 30px;
}
.header_alt ul li:hover ul li {
}
.header_alt ul li ul li a {
    padding: 12px 20px;
    font-size: 16px;
    line-height: 22px;
    border-bottom: 1px solid #dddddd;
}
.header_alt ul li ul li a:hover {text-decoration: none; border-bottom: 1px solid transparent;}
.header_alt ul li ul li:last-child a {border-bottom-width: 0}
.header_alt .topnav .icon {
    display: none;
}
.footer_alt {
    width:100%;
    background-color: #f1f4f6;
    text-align: left;
    padding: 20px 20px
}
/*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 2.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 2.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}
/*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}
/*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/
button,
input,
select,
textarea {
    font-size: 16px;
    line-height: 1.5;
    border:0;
    outline: none;
}

p {
    margin: 10px 0 25px 0;
}
p a, .widget_rss a, .postbody .entry-content > p a, .entry-content > ol a, .entry-content > ul a, figcaption a, .woocommerce a, .wp-block-file a, dl a {
    outline: 0;
}

dfn,
cite,
em,
i {
    font-style: italic;
}
blockquote {
    margin: 0 0 30px 0;
    padding: 20px 50px;
    font-size: 1.2em;
    line-height: 1.7em;
    border-left: 15px solid #ddd;
    color:#000;
}
blockquote p{line-height: 1.7em;font-style: italic;}
blockquote cite{line-height: 1.7em;font-style: italic; font-weight: bold;}
blockquote p:first-child{
    margin-top: 0
}
blockquote p:last-child{
    margin-bottom: 0
}
address {
    margin: 0 0 1.5em;
}
pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}
code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
}
abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}
big {
    font-size: 125%;
}
blockquote,
q {
    quotes: "" "";
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}
blockquote:before {
    display: block;
    width: 100%;
    min-height: 50px;
    background-repeat: no-repeat;opacity: 1;
}
.tal {
    text-align: left
}
.tar {
    text-align: right
}
.tac {
    text-align: center
}
/*--------------------------------------------------------------
# Forms
-------------------------------------------------------------*/
html body input:not([type=checkbox]):not([type=submit]),
html body select,
html body textarea, select.form-control,.select2-container a, html .select2-container--default .select2-selection--single {
    background-color: transparent;
    color: #3d3d3d;
    border-radius: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #999;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    outline:none;
    max-width: 100%;
}
html body textarea {
    line-height:26px;
}
html body input:not([type=checkbox]):not([type=submit]):focus,
html body select:focus,
html body textarea:focus, select.form-control:focus,.select2-container a:focus {
    color: #333333;
    border-color: #808080
}
html body input:not([type=checkbox]):not([type=submit]) {
    padding: 0 18px;
}
html body textarea {
    padding:11px 18px;
    height:100px;
    width: 100%;
}

html body select.form-control,
html body select,
html body .select2-container a {
    padding: 6px 18px;
    background-image: none;
    border-radius: 0px;
    font-size: 17px;
    line-height: 50px;
    height: 50px;
    outline: none
}

/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/

main button,
.footer-widget button,
main input[type="button"],
main input[type="reset"],
main input[type="submit"],
.headline input[type="submit"] {
    display: block;
    border-radius: 0;
    border-width: 0 0 0 0;
    border-style: solid;
    border-color: transparent;
    background-color: #dddddd;
    box-shadow: none;
    color: #333333;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 40px;
    text-shadow: none;
    line-height: 44px;
    outline: none;
    font-weight: bold;
    outline: 0;
    margin: 0 auto;
}
main button:hover,
.footer-widget button:hover,
main input[type="button"]:hover,
main input[type="reset"]:hover,
main input[type="submit"]:hover,
.headline input[type="submit"]:hover {
    color: #fff;
    box-shadow: none;
    background-color: #333333;
    border-width: 0 0 0 0;
    border-style: solid;
    border-color: transparent;
}
/*--------------------------------------------------------------
# Formattings
--------------------------------------------------------------*/
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*--------------------------------------------------------------
# Lists
--------------------------------------------------------------*/
ul,
ol {
    margin: 0 0 1.5em 1em;
}
.postbody .entry-content ul:not([class]), .postbody .entry-content ol:not([class]), body.single main .comment-content ul, body.single main .comment-content ol {margin: 0 0 0 1em;padding:0 0 0 20px}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
ul li ul {    list-style-type: circle;}
ul li ul li ul {    list-style-type: square;}
li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 0;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 1.5em 1.5em;
}
/*-------------------------------------------------------------- # Tables --------------------------------------------------------------*/
table {
    margin-bottom: 25px;
    width: 100%;
    border-left: 1px #e4e4e4 solid;
    border-top: 1px #e4e4e4 solid;
}
thead {
    white-space: nowrap;
}

table td,
table th {
    border-right: 1px #e4e4e4 solid;
    border-bottom: 1px #e4e4e4 solid;
    padding: 20px 10px;
}
table th {font-weight: bold}
table th a {}
table tbody tr:nth-child(odd) {
    background-color: #fff
}
table tbody tr:nth-child(even) {
    background-color: #fff
}
caption {
    padding-top: 8px;
    padding-bottom: 12px;
    color: #777777;
    text-align: center;
}
dl dt {
    padding: 5px 10px
}
dl dd {
    padding: 5px 10px
}
/*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/
.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}
.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 1.5em;
    left: -999em;
    z-index: 99999;
}
.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
    left: 100%;
}
.main-navigation ul ul a {
    width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
    left: auto;
}
.main-navigation li {
    float: left;
    position: relative;
}
.main-navigation a {
    display: block;
    text-decoration: none;
}
/* Small menu. */
.nav-menu-toggle,
.main-navigation.toggled ul {
    display: block;
}
.nav-menu-toggle:before {
    content: "\2630";
    display: inline-block;
    margin-right: 5px;
}
@media screen and (min-width: 37.5em) {
    .nav-menu-toggle {
        display: none;
    }
}
.main-navigation ul {
    display: block;
}
.site-main .comment-navigation,
.site-main,.posts-navigation,
.site-main,.post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
.page-links {
    clear: both;
    margin: 0 0 1.5em;
    padding-top: 20px;
}
.nav-links {
    display: block;
    width:100%;
    margin:30px auto 0 auto;
    padding:0;
    list-style:none;
    text-align: center
}
.nav-links .metadata,.nav-links .metadata a {color:#8b8b8b; text-transform: uppercase; font-size: 12px}
.nav-links .metadata,.nav-links .metadata span  a {display: inline-block}
.nav-previous,.nav-next {width: 50%}
.nav-previous {float: left;margin-right: 0}
.nav-next {float: right;text-align: right; margin-left: 0}
.nav-previous,
.nav-next {margin-bottom: 50px}
.nav-next a {text-align: right}
.nav-previous a,.nav-next a {
    outline:none;
    text-decoration:none;
    padding: 0;
    margin-bottom: 0;
    white-space: normal;
    cursor: pointer;
    border: 0;
    border-radius: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}
.nav-previous, .nav-previous a {text-align: left}


.nav-previous a:focus,
.nav-previous a:active,
.nav-next a:focus,
.nav-next a:active {
}
.nav-previous label,.nav-next label {text-transform: uppercase; font-size: 14px; letter-spacing: 2px;}
.nav-previous h5,.nav-next h5 {font-size: 19px; margin: 5px 0 10px 0;text-align: left; line-height: 1.3}
.nav-previous h5 a,.nav-next h5 a {color: #232323; }

.nav-next h5 {text-align: right;}
.nav-previous > span > a,.nav-next > span > a {display: block;width: 64px;height: 64px;text-align: center; border:1px solid #ddd; float: left;margin: 30px 30px 30px 0; overflow: hidden}
.nav-previous > a,.nav-next > a {display: block;}
.nav-next  > span > a {float:right;margin: 30px 0 30px 30px}
.nav-previous a svg,.nav-next a svg {width: 15px; fill:#333;margin-top: 24px;}
.nav-previous a:hover  svg,.nav-next a:hover svg {fill:#fff}

.nav-next svg {transform: rotate(180deg)}
.may {font-size: 14px;text-transform: uppercase;display: block;text-align: center;font-weight: 400;margin: 0 auto 25px auto;letter-spacing: 2px;}
.may span {display: inline-block; line-height: 24px}
.may span:before {content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: rgba(0,202,255,1);
    border-radius: 10px;
    float: left;
    margin: 5px 12px 0 0;
    border-right: 0;}
.may span:after {
    content: "";
    display: inline-block;
    width: 60px;
    height: 1px;
    background-color: rgba(148,148,148,1);
    margin: 11px 0 0 20px;
    float: right;
}
.related.layout2 {width: 70%;margin: 70px 15% 0 15%; border-bottom: 1px solid #DDDDDD;}
.related.layout2 .rblock .thumb { margin: 0 0 30px 0;max-height: 240px;overflow: hidden;}
.related.layout2 .rblock .thumb img { height: auto}
.related.layout2 .rblock {width: calc(50% - 20px);margin: 0 40px 40px 0;}
.related.layout2 .rblock .wr {border: 0;}
.related.layout2 .rblock h5 {margin: 10px 0 15px 0;}
.related.layout2 .rblock h5 a{font-size: 22px;line-height: 32px;margin-bottom: 0}
.related.layout2 .rblock .entry-meta {margin: 0;position: relative;width: 100%; bottom: auto;}
.related.layout2 .rblock .entry-meta .date {width: auto; margin-bottom: 0}
.single .related .entry-content {padding: 0 0 20px 0;}
ul.page-numbers {
    display: block;
    width:100%;
    margin:40px auto 0 auto;
    padding:0;
    list-style:none;
    text-align: center
}
ul.page-numbers:before,
ul.page-numbers:after {
    content: "";
    display: block;
    clear: both;
    width: 100%;
}
ul.page-numbers li {
    margin:0 0 5px 0;
    padding:0;
    display:inline-block
}
ul.page-numbers li a, ul.page-numbers li .dots,
ul.page-numbers li .current {
    display:block;
    text-decoration:none;
    margin:0 5px 10px 5px;
    height:50px;
    width:50px;
    text-align:center;
    border:1px transparent solid;
    padding:0;
    font-weight:bold;
    font-size:18px;
    line-height: 46px;
    transition: all 300ms;
}
ul.page-numbers li .current {
    opacity: 0.7
}
ul.page-numbers li.active a {
    background-color: rgba(0,0,0,0.2)
}
ul.page-numbers li.disabled a {
    color:#f1f4f6
}
ul.page-numbers li.disabled a:hover {
    border-color:#f1f4f6
}
ul.page-numbers li a:hover{
    color:#fff;
    text-decoration:none;
}
.blogpagination {
    text-align: center
}
.page-links > span,
.blogpagination > span {
    opacity: 0.7
}
.page-links a,
.page-links > span,
.blogpagination a,
.blogpagination span {
    text-decoration: none;
    display: inline-block;
    margin:0 5px;
}
.page-links a span,
.page-links > span,
.blogpagination a,
.blogpagination span {
    display:inline-block;
    text-decoration:none;
    height:50px;
    width:50px;
    text-align:center;
    border: 1px transparent solid;
    background-color: transparent;
    box-shadow: none;
    padding:0;
    font-weight:bold;
    font-size:14px;
    line-height: 48px;
    transition: all 300ms;
    box-sizing: border-box;
}
.page-links a:hover span,
.blogpagination a:hover {
    color:#fff
}
.page-links span.page-links-title {
    height: auto;
    width: auto;
    border: 0;
    padding: 0;
    margin-left: 0;
    font-size: 18px;
}
.blogpagination a.next,
.blogpagination a.prev {
    width: auto
}
/*-------------------------------------------------------------- # Layout --------------------------------------------------------------*/
html {
    box-sizing: border-box;
}
*,
*:before,
*:after {
    box-sizing: inherit;
}
main:after {
    content: "";
    display: block;
    clear:both;
}
body main.boxed-wrapper {
    padding: 0
}
main .widget-area, html .sidebar-type {
    padding-left:15px;
    padding-right: 15px;
    border-radius: 0;
    background-color: transparent;
}
html .sidebar-type {width: 290px; margin: 0 auto;}
html .sidebar-type:after, main .widget-area:after {
    content: "";
    display: block;
    clear:both;
}
main .cont-box-area {
    border-radius: 0;
}
.cont-box-area:after {
    content: "";
    display: block;
    clear:both;
}
.e404 {
    max-width: 1170px;
    margin: 0 auto;
    text-align: center;
    padding: 0 15px;
}
.e404 img {
    margin: 0 auto 10px auto
}
.e404 h1 {
    text-align: center
}
.e404 .search-field {
    width: 400px;
    max-width: 100%;
    margin-bottom: 25px;
}
.e404 .search-submit {
    margin: 0 auto;
}
.e404 form {max-width: 400px;margin: 0 auto;}
@media screen and (min-width: 37.5em) {
    .content-area {
        float: left;
        margin: 0 -25% 0 0;
        width: 100%;
    }
    .site-main {
        margin: 0 25% 0 0;
    }
    .site-content .widget-area {
        float: right;
        overflow: hidden;
        width: 25%;
    }
    .site-footer {
        clear: both;
        width: 100%;
    }
}
.headline {}
.headline:after {content: ""; clear: both; display: block}
body.composer_widget-template-default {
    background-color: #564f47;
}
.composer-block-post {padding: 150px 0 450px 0;}
body.composer_widget-template-default.single main {
    width: 100%;
    max-width: 100%;
    padding: 200px 0 200px 0;
    background-color: transparent !important;
}
body.composer_widget-template-default.single main {
    margin-top: -120px;
}
body.composer_widget-template-default.single .headline {
    display: none
}
body.composer_widget-template-default.single .footer-widget {
    display: none
}
body.modal_window-template-default {
    background-color: rgba(0,0,0,0.8);
}
body.modal_window-template-default.single main {
    width: 750px;
    max-width: 100%;
    padding: 110px 0 20px 0;
    background-color: transparent !important;
}
body.modal_window-template-default.single .headline {
    display: none
}
body.modal_window-template-default.single .footer-widget {
    display: none
}
.footer-widget {
    z-index: 2;
    position: relative;
}
div,
a,
button,
input[type="submit"],
li {

}
.rev_slider_wrapper div {
    -webkit-transition: auto;
    transition: auto;
}

/*-------------------------------------------------------------- 
## Blog
--------------------------------------------------------------*/
.no-sidebar .site-main {
    margin: 0;
}
.no-sidebar .content-area {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.blogsidebarpage.rsb, .blogsidebarpage.lsb {
    width: 75%;float: left;
}
.blogsidebarspage.rsb.lsb {
    width: 50%;float: left;
}
.widget-area.right_sb, .widget-area.left_sb {
    width: 25%;float: left;
}
/*--------------------------------------------------------------
## Posts
--------------------------------------------------------------*/

.hentry {
    margin: 0 0 0 0;
}

.byline,
.updated:not(.published) {
    display: none;
}
.single .byline,
.group-blog .byline {
    display: inline;
}
/* Images */
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
.text-center {
    text-align: center !important
}
figure.wp-caption.alignleft,img.alignleft {
    margin: 5px 30px 5px 0;
}
.wp-caption.alignleft {
    margin: 5px 10px 5px 0;
}
figure.wp-caption.alignright,
img.alignright {
    margin: 5px 0 5px 30px;
}
.wp-caption.alignright {
    margin: 5px 0 5px 10px;
}
img.aligncenter {
    margin: 5px auto;
}
img.alignnone {
    margin: 5px 0;
}
.wp-caption .wp-caption-text,.entry-caption,.gallery-caption {
    color: #333333;
    font-size: 18px;
    font-weight: 300;
    margin: 15px 15px;
}
div.wp-caption.alignright img[class*="wp-image-"] {
    float: right;
}
div.wp-caption.alignright .wp-caption-text {
    padding-left: 10px;
}
img.wp-smiley,.rsswidget img {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
.wp-caption.alignleft + ul,.wp-caption.alignleft + ol {
    list-style-position: inside;
}
article.format-video embed, article.format-video iframe, article.format-video object {
    max-width: 100%;
    height: 400px;
}
a.author_link i svg {border-radius: 0;width: 16px;transform: rotate(180deg);height: 16px;}
.alayout1 .blogsidebarpage article .thumb, .alayout1 .blogsidebarspage article .thumb {margin-bottom: 0;}
.related.layout2 .rblock .entry-meta {margin: 0; font-style: normal; text-transform: uppercase;}
.format-quote .thumb .scat a:hover {background-color: transparent; color:#fff}
.comment-list li > div#respond {
    margin-bottom: 100px !important;
}

/*--------------------------------------------------------------
## Pages
--------------------------------------------------------------*/
.container.otherpage {
    max-width: 1170px;
    width:100%;
}
.mainsidebar .container.otherpage,
.boxed-wrapper .container.otherpage {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0;
    width:100%;
}
.mainsidebar .blogsidebarpage .container.otherpage, .mainsidebar .blogsidebarspage .container.otherpage { padding: 0}
.single main.mainsidebar .main {}
#secretlab_ch, .comment-form-ch {
    display:none !important;
}
/*--------------------------------------------------------------
# Single
--------------------------------------------------------------*/
html main {
    width: 100%;
    margin: 0 auto;
    padding: 80px 15px 80px 15px
}
.page.elementor-page  main {padding:0;max-width: 100%;}
.page:not(.elementor-page)  main {width: 100%;padding: 80px 0; max-width: 1170px;margin: 0 auto;}
body:not(.elementor-page) main .main {
    max-width: 1170px;
    margin: 0 auto;
}

.blog .entry-title {text-align: left}
.composer_widget-template-default.single main .main {max-width: 100%}
body main .mainsidebar {margin-top: 0}
.single main {width: 100%; padding: 80px 0}
.post-template-default.single main {padding: 80px 0 80px 0;}
.post .entry-content li {margin-bottom: 10px;}
.single .postbody, .single .postoddy { max-width: 1170px;margin: 0 auto;width: 100%;padding: 0 15px;}

.single .blogsidebarpage.lsb .postbody, .single .blogsidebarpage.lsb .postoddy {padding: 0}
.single .blogsidebarpage.rsb .postbody, .single .blogsidebarpage.rsb .postoddy {padding:0}
.single .blogsidebarpage .entry-thumbnail {margin-bottom: 20px}
.single .blogsidebarspage .entry-thumbnail {margin-bottom: 15px}
.single .entry-content { padding: 0 15% 20px 15%;}
.single .blogsidebarpage .entry-content, .single .blogsidebarspage .entry-content {padding: 0 0 20px 0;}
.single .blogsidebarpage .entry-header, .single .blogsidebarspage .entry-header {padding: 0;}
.custblog {width: 100%; padding: 55px 15px 45px 15px; text-align: center; position: relative; margin-bottom: 0; z-index: 1;
    background-color: #3F3F3F;
}
.custblog:before, .custblog:after{position: absolute; content: ""; display: block;width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0;}
.custblog:before { z-index: -1; background: linear-gradient(135deg, #3F3F3F 22%, #3F3F3F 100%);}
.custblog:after {z-index: 1; background: linear-gradient(135deg, #3F3F3F 22%, #3F3F3F 100%);}
.custblog p,.custblog ul,.custblog h1,.custblog div {max-width: 1170px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px}
.custblog .post-categories, .archive-meta {position: relative; z-index: 2; top:auto; right: auto; margin: 0 auto; text-align: left;color:#fff;list-style: none; width: 100%}
.archive-meta {margin: 0 auto 25px auto;}

.custblog .post-categories {margin-bottom: 30px; padding: 0; }
.custblog h1 {max-width:1170px; padding:0 15px; position: relative; z-index: 2; color:#fff; margin-bottom: 25px; text-align: left;}
.custblog .entry-meta {position: relative; z-index: 2;color:#fff;  margin-bottom: 0; width: 100%; display: inline-block;text-align: left;}
.custblog .entry-meta a {color:#fff; }
.custblog .entry-meta a:hover {color:#fff; text-decoration: none}
.entry-meta i, .entry-meta img, .comment-metadata i, .reply i {
    transition: all 300ms;
    margin-right: 0;
    height: 16px;width: 0;background-size: contain;
    float: left;
}
.custblog .entry-meta .author i {}
.custblog .entry-meta .date i {}
.custblog .entry-meta .comments-link i {}
.custblog .entry-meta .edit-link i {}
.custblog .scat a {border: 1px solid #fff; background-color: transparent; color:#fff; border-radius: 0; font-weight: 400;padding: 0 15px;text-decoration: none;    line-height: 30px;display: inline-block;}
.single .nav-links {margin: 0 15% 70px 15%;width: auto;border: 1px solid #DDDDDD; padding: 0; border-width: 1px 0 1px 0}
.single .nav-links .nav-previous, .single .nav-links .nav-next {margin: 0; padding: 70px 0; position: relative; overflow: hidden}
.single .nav-links .nav-previous {padding-right: 40px}
.single .nav-links .nav-next {padding-left: 40px}

.single.single-portfolio main, .single.single-portfolio main .main {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}
.single-portfolio #respond {
    margin: 0 0 150px 0;
}
.single-portfolio #respond:before, .spcont:after, .comment-meta:after {
    content: "";
    clear: both;
    display: block;
}
.archive-title {margin-bottom: 30px; margin-top: 0}
.descr_arch {padding: 0 15% 5px 15%;}
html main.mainsidebar {
    padding: 80px 15px 80px 15px
}
.sbcenter {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto
}

.boxed-wrapper .mainsidebar {
    margin: 0 auto 0 auto;
}
.blogsidebarspage h3 {text-align: left}
.mainsidebar:after,
.sbcenter:after {
    content: "";
    display: block;
    clear:both;
}
.single .mainsidebar .entry-content {padding: 0 0 20px 0}
.single.composer-block-post main {
    padding-top: 0
}
.archive-header h1 {
    margin: 0 0 30px 0;
}
.entry-thumbnail {
    position: relative;
}
.single .entry-title {
    margin-top: 0;
    margin-bottom: 30px;
}
.single .entry-thumbnail {margin-bottom: 60px; text-align: center; overflow: hidden}
.single .tags-links {
    float: none;
    display: block;
    margin: 25px 0 65px 0;
    padding: 0;
    line-height: 26px;
    clear: both;
}
.single .social-share {
    float: none;
    display: block;
    margin: 0 0 50px 0;
    padding: 0;
    line-height: 26px;
}
.single .social-share li {
    list-style: none;
    display: inline-block
}
.single .social-share li a {
    display: block;
    padding: 0 7px;
    margin: 0 2px;
    color: #232323;
    background-color: #f1f4f6;
    line-height: 36px;
    width: 36px;
    text-align: center;
    text-decoration: none;
}
.single .social-share li a:hover {
    background-color: #e0e0e0
}
.wp-block-pullquote, .wp-block-embed, body .wp-block-gallery, .wp-block-audio, .wp-block-table,.blocks-gallery-grid, .wp-block-cover {margin-bottom: 3em}
.wp-block-button {margin-bottom: 1.25em;}
.wp-block-cover.alignleft {margin-right: 2em;}
.wp-block-cover.alignright {margin-left: 2em;}
.wp-block-gallery.alignleft {margin-right: 2.5em;}
.wp-block-gallery.alignright {margin-left: 2.5em;}
.wp-block-quote.is-large, .wp-block-quote.is-style-large {margin: 2em 0;padding: 0 50px 0 100px;}
.wp-block-media-text, .wp-block-video, .wp-block-embed, .wp-block-archives-dropdown {margin-bottom: 3em;}
.wp-block-embed__wrapper iframe {max-height: 450px;}
.wp-block-cover-image-text, .wp-block-cover-text, section.wp-block-cover-image h2 {color: #fff !important;}
body .wp-block-gallery.alignleft {
    margin-right: 2.5em;
    margin-left: 0;
}
body .wp-block-gallery.alignright {
    margin-right: 0;
    margin-left:  2.5em;
}
.wp-block-pullquote, .wp-block-embed, body .wp-block-gallery, .wp-block-audio, .wp-block-table, .blocks-gallery-grid, .wp-block-cover, body .postbody .entry-content ul.wp-block-gallery {
    margin: 0 0 3em 0;
    padding: 0;
}
body .entry-content .wp-block-gallery ul {
    margin: 0;
    padding: 0;
}

.entry-header {
    margin-bottom: 15px;
}
.entry-meta {
    margin: 0 0 0 0;
    transition: all 300ms;
    padding: 0 0 0 0;
    line-height: 1.4em;
    font-size: 14px;
}
.entry-meta .updated {display: none}
.entry-meta svg {
    height: 14px;
    margin: 0 5px -2px 0;
    display: inline;
}
.entry-meta a {
    transition: all 300ms;
}
.entry-meta .author i, .fn i {}
.entry-meta .date i, .comment-metadata .date i {}
.entry-meta .comments-link i {}
.entry-meta .edit-link i, .comment-metadata .edit-link i {}
.entry-meta > span, .entry-meta > div {
    margin: 0 16px 10px 0;
    display:inline-block;
    border-right: 1px solid #dddddd;
    padding-right: 15px;
    line-height: 17px;
    overflow: hidden;
}
.comment-metadata > span {
    margin: 0 16px 0px 0;
    display:inline-block;
    padding-right: 15px;
    line-height: 18px;
    overflow: hidden;
}
.entry-meta > span:last-child, .comment-metadata > span:last-child {border-right: 0; margin-right: 0; padding-right: 5px}
.entry-meta .edit-link {overflow: hidden}
#comments .edit-link a {text-transform:uppercase; font-size:12px; padding-left: 15px;text-decoration: none;}
.comment-metadata > span {}
.comment-metadata > span.fn {font-size: 17px; font-weight: bold; width: 100%; line-height: 24px;
    margin-bottom: 0; border:0; color: #232323;}
.comment-metadata > span.date {}
.thumb .scat {padding: 0;position: absolute;list-style: none;top: 30px;right: 30px;z-index: 3;}
.thumb .scat a {margin: 0 3px 6px 3px;color: #fff; padding: 0 15px 0 15px; line-height: 30px; font-size: 16px; font-weight: bold; display: inline-block; text-decoration: none; transition: all 400ms;}
.thumb .scat a:hover {background-color: #fff; }
.rblock .thumb .scat {top:15px; right: 15px}
.entry-content p:first-child {}
.closesb, .rclosesb, .lsbbtn, .rsbbtn {display: none}
.related {
    list-style: none;
    margin: 70px 0 0 0;
    padding: 0;
    width: 100%;
    display: block;
    clear: both;
}
.related h2, .related h3 {margin: 0 0 45px 0;}
.related:after, .entry-meta:after {
    content: " ";
    display: block;
    clear: both;
}
.related .rblock .thumb {position: relative;}
.related .rblock {transition: all 300ms;
    width: calc(33.33333% - 20px);
    margin-right: 30px;
    float: left;
    margin-bottom: 30px;
    overflow: hidden;
}
.related .rblock .wr {border: 1px solid #ddd;border-radius:0 0 0 0;position: relative}
.related .rblock .entry-meta {margin: 0 20px 5px 20px;}
.related .rblock .entry-meta .date{width: 100%}
.related .rblock:last-child {
    margin-right: 0;
}
.related .rblock h5 {margin: 15px 20px 10px 20px; text-align: left;line-height: 1.5em;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1;
}
.related .rblock h5 a {color: #232323; font-size: 16px; text-decoration: none;line-height: 24px;display: block;overflow: hidden;}
.rblock .wr .descr {padding-left: 20px;padding-right: 35px;text-align: justify;padding-bottom: 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-bottom: 25px}
.blogsidebarspage .related .rblock {width: 48%;margin-right: 4%;}
.blogsidebarspage .related .rblock:nth-of-type(3) {margin-right: 0;}
.blogsidebarspage .related .rblock:last-child {display: none}
.tagcloud a,.single .tags-links a {
    padding: 6px 20px;
    display: inline-block;
    margin: 0 5px 15px 5px;
    transition: all 300ms;
    text-decoration: none;
    position: relative;
    font-size: 14px;
    border: 1px solid #DDDDDD;
}
.tagcloud a:hover,
.single .tags-links a:hover,
.widget_tag_cloud a:hover {
    text-decoration: none;
}
.single .tags-links a:before, .tagcloud a:before { content: "#"; padding-right: 5px; }
.post-password-form {
    margin-bottom: 30px
}
.post-password-form:after {
    content: " ";
    clear: both;
    display: block;
}
.post-password-form input[type=password] {
    width: auto;
    margin: 0 0 0 20px ;
    float: right;
}
.post-password-form label {
    float: left;
    width: auto;
    line-height: 44px;
}
.post-password-form input[type=submit] {
    float: left;
    width: auto;
}
span.sharing {width: 40%;float: left;margin: 25px 0 25px 0; font-weight: bold;     clear: both; padding: 20px 0}
span.sharing label {}
span.sharing a {text-decoration: none; display: inline-block}
span.sharing svg {width: 15px; height: 15px;margin: 0 0 -2px 20px; fill: #232323;transition: all 200ms ease-in;}
span.sharing svg:hover {fill: #222;}
span.sharing label svg {margin-right: 8px; margin-left: 0}

    /*--------------------------------------------------------------
    # Blog
    --------------------------------------------------------------*/
.single-title {text-align: left}
.main article {
    margin-bottom: 50px;
    transition: all 300ms;
}

.column1 .entry-title {
    text-align: left;
}
.main article:after {
    content: "";
    display: block;
    clear: both;
    width: 100%;
}
.main article .thumb {
    padding: 0 0 0 0;position: relative;
}
.main article .thumb img {display: flex; margin-left: 0}
td.product-thumbnail {
    text-align: center;
}
td.product-thumbnail a {
    margin: 0 auto;
}

.main article .thumb > div, .rblock .thumb > div {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transform: scale(0);
    transition: all 400ms;
    text-align: center;
}
.main article:hover .thumb > div, .rblock:hover .thumb > div {transform: scale(1);}
.main article .thumb > div img, .rblock .thumb > div img {
    width: 16px;
    height: 16px;
    border:1px solid #fff;
    line-height: 16px;
    padding: 13px 13px;
    box-sizing: content-box;
    top: calc(50% - 23px);
    left: calc(50% - 21px);
    position: absolute;
}
.main article .c_block {
    padding:40px 50px 40px 50px;
    width: 100%;    vertical-align: middle;
    border: 1px solid #DDDDDD;
}
article.has-post-thumbnail .c_block {
}
p.no-comments {
    padding: 30px 0 0 0;
}
.search .page-header {margin-bottom: 20px; }

.post.has-post-thumbnail .c_block .entry-content p:first-child,
.post .related .entry-content p:first-child {
    margin-top: 0;
    margin-bottom: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.post:not(.has-post-thumbnail) .c_block .entry-content p:first-child,
.post.noth .related .entry-content p:first-child {-webkit-line-clamp: 6;}
.comments-link {    text-overflow: ellipsis;text-align: left;
    max-width: 170px;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;}
.comment-metadata .comments-link {max-width: none}
.main article .entry-title {
    margin: 0 0 25px 0;
}
.main article .entry-title a {
    text-decoration: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.archive ul.page-numbers,
.blog ul.page-numbers,
.category ul.page-numbers,
.search ul.page-numbers {
    margin: 0 auto 0 auto;
}
.more {
    border:1px solid transparent;
    font-size: 14px;
    line-height: 40px;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -moz-user-select: none;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    margin-bottom: 5px;
    padding: 0 40px;
    display: inline-block;
    transition: all 400ms;
    font-weight: bold;
    text-transform: uppercase;
}
.more:hover {
    color: #fff;
}
.blogsidebarpage .column1.sb article .thumb {margin-bottom: 0}
.column1.sb article {display: block}
.column1.sb {}
.column2 article {
    display:block;
    float: left;
    min-height:200px;
    width:calc(50% - 30px);
    margin: 0 60px 60px 0;
    padding:0 0 0 0
}
.column2 article:nth-of-type(2n) {
    margin-right: 0;
}
.column2 article:nth-of-type(2n+1) {
    clear: both
}
.column2 article:first-child {
    clear: none
}
body .column2 .thumb {
    width: 100%;
    float: none;
    padding-right: 0;
    margin-bottom: -1px;
    display: block;
    max-width: 100%;
}
.main article > div {display: block}
.column3 article {
    display:block;
    float: left;
    min-height:200px;
    width:calc(33.3% - 30px);
    margin: 0 45px 60px 0;
    padding:0 0 0 0
}
.column3 article:nth-of-type(3n) {
    margin-right: 0;
}
.column3 article:nth-of-type(3n+1){
    clear: both
}
.column3 article:first-child {
    clear: none
}
body .column3 .thumb {
    width: 100%;
    float: none;
    padding-right: 0;
    margin-bottom: 0;
    display: block;
    max-width: 100%;
}
.column3 article > div {display: block}
.blogsidebarspage article .c_block {border-radius: 0 0 0 0;}
.blogsidebarspage article .thumb {border-radius: 0 0 0 0;}
.box-right:after, .box-left:after {content: "";
    display: block;
    width: 200%;
    height: 100%;
    background-color: inherit;
    top: 0;position: absolute;z-index: 0;}
.box-right:after {
    right: -200%;
}
.box-left:after {
    left: -200%;
}
.box-right .kc-col-container, .box-left .kc-col-container {
    position: relative;
    z-index: 1;
}
.author_info {border: 1px solid #ddd;padding: 40px; margin: 0 15% 100px 15%}
.author_info:after {content: ""; display: block; clear: both}
.author_info .author_avatar {display: flex;float: left;margin-right: 30px;}
.author_info .author_description {display: block;width: calc(100% - 180px);float: left;}
.author_info .author_title {line-height: 25px;text-align: left;margin-top: 0;}
.author_info .author_link {text-decoration: none}
.author_info .author_name {font-weight: normal; text-decoration: underline}
.author_info .single-post p {margin-bottom: 25px}
.author_info .author_links {}
.author_info .author_links a {line-height: 1.5em;text-decoration: none;padding-right: 10px; text-transform: uppercase; font-size: 12px; display: inline-block;}
.author_info .author_links a:last-child {padding-right: 0}
.author_info .author_links a svg {}
.author_info .author_links a:after {content: "";display: inline-block;width: 20px;height: 1px;background-color: #d3d3d3;margin: 8px 0 0 10px;float: right;}
.author_info .author_links a:last-child:after {content: none}
.nav-links.skin2 {display: table; width: 100%}
.nav-links.skin2 img {position: absolute;top: 0;left: 0;width: auto;max-width: none;z-index: 1}
.nav-links.skin2 .nav-previous, .nav-links.skin2 .nav-next {position:relative; display:table-cell; float: none; width: 50%; vertical-align: middle;}
.nav-links.skin2 .nav-previous:before, .nav-links.skin2 .nav-next:before {content:'';position: absolute;top: 0;left: 0; width: 100%; height: 100%; z-index: 2; background-color: rgba(255, 255, 255, 1); transition: all 200ms ease-in;}
.nav-links.skin2 .nav-previous:hover:before, .nav-links.skin2 .nav-next:hover:before {background-color: rgba(0, 0, 0, 0.5);}
.nav-links.skin2 span, .nav-links.skin2 label, .nav-links.skin2 h4, .nav-links.skin2 div {position: relative; z-index: 3}
.nav-links.skin2 > div, .nav-links.skin2 > div a, .nav-links.skin2 > div label, .nav-links.skin2 > div div {transition: all 200ms ease-in;}
.nav-links.skin2 > div:hover, .nav-links.skin2 > div:hover a, .nav-links.skin2 > div:hover label, .nav-links.skin2 > div:hover div {color:#fff}
.nav-links.skin2 a {}
.nav-links.skin2 .nav-previous:after {float: right;margin-top: -25px;border-radius: 5px;width: 3px;height: 40px;}
.nav-links.skin2 .nav-previous > span a {margin-left: 40px}
.nav-links.skin2 .nav-next > span a {margin-right: 40px}
.nav-links.skin2 .nav-previous svg, .nav-links.skin2 .nav-next svg { transition: all 200ms ease-in;}
.nav-links.skin2 .nav-previous:hover a svg, .nav-links.skin2 .nav-next:hover a svg {fill:#fff}
.nav-links.skin2 .nav-next svg {transform: rotate(180deg)}
.nav-links.skin2 h5 {margin: 5px 0 10px 0;}
.nav-links.skin2 .nav-previous >a, .nav-links.skin2 .nav-next > a{position:absolute; width:100%; height:100%; top:0; left: 0; z-index:2}
/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/
#comments {margin-top: 40px;
}
#comments .comments-title {
    margin-top: 0;
    padding-top: 0; padding-bottom: 20px;
}
#reply-title {
    margin-top: 0;
    margin-bottom: 20px
}
#commentform > p {
    margin-bottom: 0;
    margin-top: 0
}
#commentform p.logged-in-as {
    margin: -15px 0 35px 0;
}
.logged-in-as, #reply-title {text-align: left;}
#commentform .comment-form-author,
#commentform .comment-form-email,
#commentform .comment-form-url {
    display:block;
    float: left;
    width:-webkit-calc(33% - 20px);
    width:calc(33% - 20px);
    margin: 0 30px 0 0;
    padding:0
}
#commentform .comment-form-url {
    margin-right: 0;
    width:-webkit-calc(34% - 20px);
    width:calc(34% - 20px);
}
#commentform .comment-form-comment {
    clear: both; text-align: center;
}


.comment-navigation .nav-previous {
    float: left; text-align: left;
}
.comment-navigation .nav-next {
    float: right; text-align: right;
}
.comment-navigation {
    clear: both
}
.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
.comment-list {
    margin:0;
    padding:0;
    list-style: none
}
.comment-list > li {
    margin: 0 0 -1px 0;
    padding: 0;
    position: relative;
    border:0;
}
.comment-list li > div {
    position: relative;
    min-height: 95px;
    border: 1px solid #DDDDDD;
    padding: 25px 30px 25px 30px;
}
.comment-list li > div#respond { margin-top: 40px; border: 0;}
.comment-list li.pingback > div {
    min-height: unset
}
.comment-list li .wrapper {
    width: 81px;
    height: 81px;
    position: relative;
    display: block;
    clip: rect(auto, auto, auto, auto);
    z-index: 1;
    margin-right: 30px;
    float: left;
    padding: 3px;
}
.comment-list li .wrapper span {
    font-size: 50px;
    line-height: 60px;
    padding: 18px 25px 22px 25px;
    display: block;
    height: 100px;
    width: 100px;
    position: absolute;
    top:0;
    left:0;
    z-index: 5
}
.comment-list li.pingback p, .comment-list li.trackback p {margin:0}
.comment-list li.pingback, .comment-list li.trackback {
    margin: 0 0 11px 0;
    padding: 0 0 11px 0;
    position: relative;
    border-bottom: 1px #ebebeb solid;
}
.comment-list li.pingback .comment-body {
    margin: 0 0 20px 0;
}
.comment-list li.pingback:after {
    content: " ";
    width: 100%;
    height: 1px;
    display: block;
}
.comment-list li.pingback .comment-meta {
    display: none
}
.comment-list li.pingback .comment-content {
    padding: 0;
    margin-bottom: 0;
    margin-top: 0;
}
.comment-list li ol {
    padding: 0 0 30px 140px;
    list-style: none;margin-top: -1px;
}
.comment-list .comment-content ol {list-style: decimal;}
.comment-list li ol li {margin-bottom: -1px}
.comment-list > li > ol {
    padding:0 0 10px 140px;
    list-style: none; margin-top: -1px;
}
.comment-list > li > ol > li > ol > li ol {padding-left: 0}
.comment-list .children {
    list-style: none;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-left: 0;
}
.comment-list .children li:last-child {
    margin-bottom: 0
}
.comment-list li:before {
    content:none
}
.comment-list li .comment-content {
    position:relative;
    padding-left: 110px;
}
.trackback .comment-metadata a {text-transform: none;}
.comment-list li.trackback .comment-content p {font-size: 14px;}
.comment-list li.trackback .comment-author.vcard, .comment-list li.pingback  .comment-author.vcard {display:none;}
.comment-list li.trackback .comment-meta, .comment-list li.pingback  .comment-meta { float: none; width: 100%;margin-bottom: 20px;}
.comment-list li.trackback .comment-content, .comment-list li.pingback  .comment-content {padding-left: 0;}
.comment-list li .children li .circle {}
.comment-list li .children li .circle[data-anim~=left] {
    -webkit-transform: rotate(228deg);
    -ms-transform: rotate(228deg);
    transform: rotate(228deg)
}
.comment-list li .children li .circle[data-anim~=right] {
    -webkit-transform: rotate(228deg);
    -ms-transform: rotate(228deg);
    transform: rotate(228deg);
}
.comment-list li .comment-content p {
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 0
}
.comment-list li .comment-content p:last-child {margin-bottom: 0}
#respond {
    max-width: 1170px;
    margin: 70px 15% 0px 15%;
}
.blogsidebarpage #respond, .blogsidebarspage #respond {
    margin: 0 0 0 0;
}
.comment-list #respond {
    margin: 0 0 40px 0;
}
.comment-list li .reply {position: absolute;
    top: 0;
    right: 0;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0;
    padding: 0;
    overflow: visible;
}
h2.comment-reply-title {
    text-align: left;
    font-weight: bold;
    margin: 0 0 20px 15px;
}
#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"],
#respond textarea {
    width: 100%
}
#respond textarea {
    width:100%
}
#respond input[type="text"]:active,
#respond input[type="email"]:active,
#respond input[type="url"]:active,
#respond textarea:active,
#respond input[type="text"]:focus,
#respond input[type="email"]:focus,
#respond input[type="url"]:focus,
#respond textarea:focus {
    background-color: #FFF;
    color: #171b21;
    outline: none
}
#respond .name,
#respond .mail,
#respond .site,
#respond .mess {
    position: relative
}
#respond label {
    display: none;
    text-align:right;
    margin:5px 0 0 0
}
#respond input {margin-bottom:30px}
#respond textarea {margin-bottom:25px}
#respond input.submit {
    margin-bottom:0
}
#respond .required {
    color: #e55555;
    font-size:20px
}
#respond form {
    width:100%;
    margin:0 auto
}
#respond main input[type="submit"] {}
.postsidebarpage #respond form,
.blogsidebarspage #respond form {
    width:100%;
}
.blogsidebarspage .comment-metadata > span {margin-right: 0; border-right: 0}
.comment-notes {
    padding:10px 20px;
    border-radius:15px;
    text-align: center;
    font-size:15px;
    display: none
}
#email-notes {
    color: #e55555;
    font-weight:bold
}
code {
    padding: 2px 4px;
    font-size: 90%;
    color: #e55555;
    background-color: #f3f3f3;
    border-radius: 4px;
}
.comment-author-link a {text-decoration: none}
.comment-author-link a:hover {
    color:inherit !important;
}
.comment-meta {
    float: left;width: calc(100% - 110px);
    margin-bottom:0;
    font-size: 14px;
    z-index: 2; position: relative;
}
.comment-meta .says {
    margin: 0 15px;
}
.comment-metadata,
.comment-metadata a {
    display:inline-block;
    text-decoration: none;
}
.comment-metadata a:hover {text-decoration: underline}

.comment-metadata svg {
    margin-right: 5px;
    width: 15px;
}
.comment-author.vcard {
    width: 80px;
    margin-right: 30px;
    float: left;padding-top: 5px;
}
.comment-metadata .comment-reply-link {padding: 0;text-decoration: none;}
.reply i {}
.comment-reply-link svg {height:15px;}
.comment-form-cookies-consent label {display: inline; }
#wp-comment-cookies-consent {    margin-right: 6px;}
#respond .comment-form-cookies-consent label {display: inline; text-align: left;}
.comment-form-cookies-consent {clear: both;text-align: center;}
#commentform.cf2 .comment-form-author,
#commentform.cf2 .comment-form-email {width: calc(50% - 15px); margin-right: 30px}
#commentform.cf2 .comment-form-email {margin-right: 0}
#commentform.cf3 .comment-form-author,
#commentform.cf3 .comment-form-email {width: calc(50% - 15px); margin-right: 30px}
#commentform.cf3 .comment-form-email {margin-right: 0}
#commentform.cf3 .comment-form-url {margin-right: 0; width: 100%}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 35px;
}
.widget:first-child .widget-title {
    margin-top: 0
}
.widget select {
    max-width: 100%;
    width: 100%;
}
.widget_custom_post_widget:after {
    content: "";
    display: block;
    clear:both;
}
.search-form,
.search-form label,
.search-form input,
.widget_product_search label ,
.widget_product_search input {
    width: 100%; position: relative;
}
form.woocommerce-product-search {
    position: relative;
}
.search-form input[type="submit"], main .woocommerce-product-search button {
    border: 0;float: left;
    background-position: center center;background-size: 30%;background-repeat: no-repeat;
    width: 50px; text-align: center; line-height: 50px; padding:0; position: absolute;top: 0;right: 0;font-size: 0;
}
.search-form input[type="submit"]:hover, main .woocommerce-product-search button:hover {
    border: 0;
}
.search-field,
.widget_product_search .search-field {
    margin-bottom: 20px
}
.search-form input {width: 100%;}
#searchform:after {content: "";display: block;clear:both;}

/* Calendar Widget */
.widget_calendar table {
    width:100%; margin-bottom: 0;
}
.widget_calendar table caption {
    text-align:left;
    font-size:14px;
}
.widget_calendar table td {
    background-color:#f5f5f5;
    border:1px transparent solid !important
}
.widget_calendar table th {
    font-weight: 400;
    border-color: transparent;
}
.widget_calendar table td#today {
    border: 1px transparent solid
}
.widget_calendar table td#prev,
.widget_calendar table td#next {
    background-color:transparent;
    border:0;
    font-weight:bold;padding: 15px 0;
}
.widget_calendar table td#prev {text-align:left}
.widget_calendar table td#next {text-align:right}
.wp-calendar-nav-prev, .wp-calendar-nav-next {display: inline-block;width: 50%;padding: 15px 0 0 0;}
.wp-calendar-nav-prev {text-align: left}
.wp-calendar-nav-next {float: right;text-align: right;}
.wp-calendar-nav .pad {display: none;}
.widget_calendar table td.pad,
.widget_calendar table td#next.pad,
.widget_calendar table td#next.pad, .widget_calendar table tbody tr:nth-child(odd) {
    border-color:transparent;
    background-color:transparent
}
.widget_calendar table tbody tr:nth-child(2n) {
    border-color:transparent;
    background-color:transparent
}
.widget_calendar table,.widget_calendar td {
    border: 0;
    border-collapse: separate;
    border-spacing: 1px;font-size: 14px;
}
.widget_calendar caption {
    font-size: 14px;
    margin: 0;
}
.widget_calendar th,.widget_calendar td {
    padding: 0;
    text-align: center;
}
.widget_calendar a {
    display: block;
}
.widget_calendar a:hover {}
.site-footer .widget_calendar tbody td {
    background-color: rgba(255, 255, 255, 0.05);
}
.widget_calendar tbody .pad,
.site-footer .widget_calendar tbody .pad {
    background-color: transparent;
}
.widget_tag_cloud .tagcloud a,
.widget_product_tag_cloud a {
    font-size:13px !important;
    margin-bottom: 10px;
    transition: all 300ms;
}
.widget_tag_cloud .tagcloud a {margin: 0 10px 10px 0;}
.widget_tag_cloud .tagcloud a:hover,
.widget_product_tag_cloud a:hover {color:#fff; }
.widget ul li a{display: block;}
.widget ul li {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.widget > ul > li:first-child {border-radius: 0 0 0 0;}
.widget > ul > li:last-child {border-radius: 0 0 0 0;}

/* menu */
.widget_categories select {font-size: 14px}
.widget .menu li ul li ul {padding-left: 7px}
.widget ul, .widget .menu ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.widget > ul > li, .widget .menu>li {
    list-style:none;
    margin:0;
    padding:0;
    position: relative;font-size: 14px;
}

.widget ul li a{
    display: inline-block;
    text-decoration: none;
    padding: 5px 3px 5px 20px;
    position: relative;line-height: 140%;
}
body .widget ul li ul li a {
    display: inline-block;
}
.widget ul li a:before {
    content: "";
    background-size: 10px auto;
    background-repeat: no-repeat;
    display: inline-block;
    background-position: left 5px;
    height: 16px;width: 16px;
    position: absolute;
    top: 17px;
    left: 15px;
}
.widget > ul > li > a:before {top: 8px;left: 0;}
.widget > ul > li > a:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: transform .3s;
    transform-origin: right center;
    transform: scaleX(0);
}
.widget > ul > li > a:hover:after {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.widget ul li a:hover {
}
/* CHILDREN */
.widget > ul > li ul.children {}
.widget > ul > li ul.children li {list-style: disc;padding: 0 5px 0 0; margin-left: 30px}
.widget > ul > li ul.children li a { padding-left: 0;}
.widget_pages > ul > li > ul.children {padding-left: 20px;}
.menu >li > ul.sub-menu {padding-left: 20px;}
.widget > ul > li:last-child a { padding-bottom: 0;}
#recentcomments {
    margin-left: 0;
}
/* recent posts */
.widget_recent_entries ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.widget_recent_entries ul li {
    list-style:none;
    margin: -1px 0 0 0;
    border: 1px solid #DDDDDD;
    padding: 14px 15px 14px 40px;
    position: relative;
}
.widget_recent_entries ul li a {
text-decoration: none;
    width: 100%;
}
.widget_recent_entries ul li:hover {
    z-index: 1;
}
.widget_recent_entries .post-date {padding: 0 9px 0 20px;}
/* recent comments */
.widget_recent_comments ul li {
    list-style: none;
    background-color: #F5F5F5;
   border-bottom: 1px solid #fff;
    padding: 14px 15px 14px 40px;
    position: relative;font-size: 15px;
}
.widget_recent_comments ul li:before {content:"";margin: 8px 8px 0 0; display: inline-block;
    left: 0;
    width: 20px;
    height: 18px;
    opacity: 1;
    position: absolute;
}
.widget_recent_comments ul li a {
    display: inline;
}
.widget_recent_comments ul li > a {color: #000; text-decoration: none;}
.widget_recent_comments ul li:hover a {opacity: 1;}
span.comment-author-link {font-weight: bold}
.widget_rss {font-size: 15px;}
.widget_rss ul {list-style: none}
.widget_rss ul li {background-color: #F5F5F5;margin-bottom: 1px;padding: 14px 15px;}
.widget_rss ul li:last-child {border-radius: 0 0 0 0;}
.widget_rss ul li a {text-decoration: none; font-weight: 500;}
.widget_rss .rss-date {padding: 7px 0; font-size: 14px; font-weight: 400;display: block;}
.widget_rss cite {padding:10px 0; display: block;    font-style: normal;}
.widget_rss .rssSummary {margin-top: 0;margin-bottom: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.widget_rss .widget-title a {text-decoration:none}
.widget_rss .rss-widget-icon {display: none;}
.widget_rss .widget-title a:first-child:before {
    content: '';
    width: 17px;
    height: 17px;
    display: inline-block;
    background-size: contain;
    margin: 0 10px 0 0;
}
.widget_nav_menu .sub-menu li {
    margin-left: 30px;
    list-style: disc;
    padding: 0;
}
.widget_nav_menu .sub-menu li .sub-menu li {margin-left: 5px;}
.side-pop-content h4 {margin: 0; line-height:1.3; text-align: left}
.side-pop-content h4 a {    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; text-decoration: none; }
.side-pop-content h4 a:hover {}
.side-pop-content span.sp-date, .side-pop .sp-date {font-size: 12px; }
.side-pop.overlay .side-pop-content h4 a  {color:#fff}
.side-pop.overlay .side-pop-content span.sp-date {}
.side-pop.list .side-pop-content h4 a {}
/*--------------------------------------------------------------
#
--------------------------------------------------------------*/
#scroller {
    position: fixed;
    bottom:50px;
    right: 10%;
    background-color: rgba(0,0,0,0.5);
    filter: alpha(opacity=50);
    color: #FFFFFF;
    transition: all 500ms;
    width: 60px;
    height: 60px;
    border-radius: 80px;
    text-align: center;
    padding-top: 18px;
    text-decoration: none;
    z-index: 1050;
    transform: scale(1);
    opacity: 0.5;
    display:none;
    font-size: 0;
}
#scroller svg {width: 20px;}
#scroller span {display:none;}
#scroller:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    text-decoration: none;
}
#scroller:hover:active,
#scroller:active,
#scroller:focus,
#scroller:hover:focus {
    outline: none;
    text-decoration: none;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
img {
    height: auto;
    max-width: 100%;
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}
.wp-caption {
    margin: 1em 0 1.5em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
/* Ensure center-aligned captions center-align properly. */
.wp-caption.aligncenter {
    margin-left: auto;
    margin-right: auto;
}
/* Give some padding to floated elements,
to prevent them butting up against text. */
.wp-caption.alignleft {
    margin-right: 20px;
}
.wp-caption.alignright {
    margin-left: 20px;
}
.wp-caption-text {
    text-align: center;
}
.wp-audio-shortcode {
    margin-bottom: 30px;
}
/*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/
.gallery {
    margin-bottom: 20px;
    margin-left: -4px;
}
.gallery,
.gallery:after {
    content: " ";
    clear: both;
    display: block;
}
.gallery-item {
    float: left;
    margin: 0 7px 1px 0;
    overflow: hidden;
    position: relative;
}
.gallery-columns-1.gallery-size-medium,.gallery-columns-1.gallery-size-thumbnail,.gallery-columns-2.gallery-size-thumbnail,.gallery-columns-3.gallery-size-thumbnail {
    display: table;
    margin: 0 0 20px 0;
    width: 100%
}
.gallery-columns-1 .gallery-item,.gallery-columns-2 .gallery-item,.gallery-columns-3 .gallery-item {
    text-align: center;
}
.gallery-columns-2 .gallery-item {
    max-width: 47%;
    max-width: -webkit-calc(50% - 4px);
    max-width: -moz-calc(50% - 4px);
    max-width: calc(50% - 4px);
}
.gallery-columns-3 .gallery-item {
    max-width: 31%;
    max-width: -webkit-calc(33% - 4px);
    max-width: -moz-calc(33% - 4px);
    max-width: calc(33% - 4px);
}
.gallery-columns-4 .gallery-item {
    max-width: 23%;
    max-width: -webkit-calc(25% - 4px);
    max-width: -moz-calc(25% - 4px);
    max-width: calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
    max-width: 19%;
    max-width: -webkit-calc(20% - 4px);
    max-width: -moz-calc(20% - 4px);
    max-width: calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
    max-width: 15%;
    max-width: -webkit-calc(16.7% - 4px);
    max-width: -moz-calc(16.7% - 4px);
    max-width: calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
    max-width: 13%;
    max-width: -webkit-calc(14.28% - 4px);
    max-width: -moz-calc(14.28% - 4px);
    max-width: calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
    max-width: 11%;
    max-width: -webkit-calc(12.5% - 4px);
    max-width: -moz-calc(12.5% - 4px);
    max-width: calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
    max-width: 9%;
    max-width: -webkit-calc(11.1% - 4px);
    max-width: -moz-calc(11.1% - 4px);
    max-width: calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),.gallery-columns-2 .gallery-item:nth-of-type(2n),.gallery-columns-3 .gallery-item:nth-of-type(3n),.gallery-columns-4 .gallery-item:nth-of-type(4n),.gallery-columns-5 .gallery-item:nth-of-type(5n),.gallery-columns-6 .gallery-item:nth-of-type(6n),.gallery-columns-7 .gallery-item:nth-of-type(7n),.gallery-columns-8 .gallery-item:nth-of-type(8n),.gallery-columns-9 .gallery-item:nth-of-type(9n) {
    margin-right: 0;
}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
    clear: left;
}
.gallery-caption {
    background-color: #f9f9f9;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.3;
    margin: 0;
    max-height: 50%;
    opacity: 0;
    filter: alpha(opacity=0);
    padding: 8px 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
    width: 100%;
    font-style: normal
}
.gallery-caption:before {
    content: "";
    height: 100%;
    min-height: 49px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.gallery-item:hover .gallery-caption {
    opacity: 1;
    filter: alpha(opacity=100);
}
.gallery-columns-7 .gallery-caption,.gallery-columns-8 .gallery-caption,.gallery-columns-9 .gallery-caption {
    display: none;
}
/* Attachments */
.attachment .content-area {max-width: 1170px; margin: 0 auto;float: none;text-align: center}
.attachment .entry-header {
    margin-bottom: 0;
    padding: 30px 0;
}
.attachment .entry-meta {
    padding: 9px 0;
}
.attachment footer.entry-meta {
    display: none;
}
.full-size-link a {
    display: block
}
.full-size-link a:before {
    content: "\f402";
}
.full-size-link:before {
    content: none;
}
.attachment .entry-content {
    max-width: 100%;
    padding: 0 0 40px 0;
}
.image-navigation {
    margin: 0 auto;
    position: relative;
}
.image-navigation a:hover {
    text-decoration: none;
}
.image-navigation .nav-previous,.image-navigation .nav-next {
    position: absolute;
    top: 50px;
}
.image-navigation .nav-previous {
    left: 0;
}
.image-navigation .nav-next {
    right: 0;
}
.image-navigation .meta-nav {
    font-size: 18px;
    font-weight: 300;
    vertical-align: 0;
}
.attachment .entry-attachment,.attachment .type-attachment p {
    margin: 0 auto;
    text-align: center;
}
.attachment .entry-attachment .attachment {
    display: inline-block;
}
.attachment .entry-caption p:last-child,.attachment .entry-description p:last-child {
    margin: 0;
}
.attachment .site-main .sidebar-container {
    display: none;
}
.attachment .entry-content .mejs-audio {
    max-width: 400px;
    margin: 0 auto;
}
.attachment .entry-content .wp-video {
    margin: 0 auto;
}
.attachment .entry-content .mejs-container {
    margin-bottom: 24px;
}
.archive-header {
    display: block;
    margin-bottom: 40px;
}
.p-arch {
    padding: 0 0 0 0;
    max-width: 1170px;
    width: 100%;
    display: block;
    margin: 0 auto 0 auto;
}
.p-arch .plist {
    margin-bottom: 30px
}
.p-arch .plist .entry-thumbnail {
    display: flex;
}
.p-arch .plist .wrapper {
    position: relative;
    overflow: hidden;
}
.p-arch .plist .over {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    transition: all 200ms;opacity: 0;
}
.p-arch .plist:hover .over {
    opacity: 1;
}
.p-arch .plist .over a {
    text-decoration: none;
    display: table;
    width: 100%;
    height: 100%;
}
.p-arch .plist .over h3 {
    color:#fff;
    width: 100%;
    text-decoration: none;
    text-align: center;
}
.p-arch .plist:hover .over h3 {
    margin-left: 0
}
.p-arch .plist .over h3:hover {
    opacity: 0.85
}
.p-arch .plist .over .desc p {margin-bottom: 0}
.p-arch .plist .over .desc {
    color:rgba(255,255,255,0.9);
    width: 100%;text-align: center;
    text-decoration: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden;
}
.p-arch .plist:hover .over .desc {
}
.p-arch .plist .over a {}
.p-arch .plist .over .wrap {
    padding: 80px;
    transition: all 300ms;
    transition-delay: 300ms;
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
.p-arch .plist:hover .over .wrap {
    margin-left: 0
}
.p-arch .plist .over .wrap::after {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
.p-arch .plist .over .wrap::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
.p-arch .plist .over .wrap::before, .p-arch .plist .over .wrap::after {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition-delay: 200ms;
}
.p-arch .plist:hover .over .wrap::before, .p-arch .plist:hover .over .wrap::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
/*-------------------------------------------------------------- ## Grid --------------------------------------------------------------*/
.clearfix {
    clear: both
}
.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after {
    content: " ";
    display: table;
}
.clearfix:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after {
    clear: both;
}
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.container {
    width: 100%;
    max-width: 1170px;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%;
}
@media (min-width: 768px) {
    .col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
}
@media (min-width: 992px) {
    .col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
}
@media (min-width: 1025px) {
    .col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
}
.visible-xs,.visible-sm,.visible-md,.visible-lg {
    display: none !important;
}
.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block {
    display: none !important;
}
@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }
    table.visible-xs {
        display: table !important;
    }
    tr.visible-xs {
        display: table-row !important;
    }
    th.visible-xs,
td.visible-xs {
        display: table-cell !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 767px) and (max-width: 991px) {
    .visible-sm {
        display: inline-block !important;
    }
    table.visible-sm {
        display: table !important;
    }
    tr.visible-sm {
        display: table-row !important;
    }
    th.visible-sm,
td.visible-sm {
        display: table-cell !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }
    table.visible-md {
        display: table !important;
    }
    tr.visible-md {
        display: table-row !important;
    }
    th.visible-md,
td.visible-md {
        display: table-cell !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }
    table.visible-lg {
        display: table !important;
    }
    tr.visible-lg {
        display: table-row !important;
    }
    th.visible-lg,td.visible-lg {
        display: table-cell !important;
    }
    .visible-lg-block {
        display: block !important;
    }
    .visible-lg-inline {
        display: inline !important;
    }
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}
.hidden {
    display: none !important;
}
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}
@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}
/*--------------------------------------------------------------
## Shop
--------------------------------------------------------------*/
#tab-description > h2 {
    text-align: center
}
.woocommerce-product-details__short-description {
    margin-top: 25px
}
.woocommerce-tabs h2 {
    font-size: 25px;
}
html .woocommerce ul.products li.product .onsale {
    word-wrap: break-word;
    line-height: 42px;
    padding: 10px 5px;
    font-size: 14px;
}
html .woocommerce .page-title {
    margin-top: 0
}
html .woocommerce .woocommerce-result-count,
html .woocommerce .woocommerce-ordering{
    margin: 0 0 40px;
}
html .woocommerce .woocommerce-result-count {
    line-height: 50px
}
html .woocommerce span.onsale {
    height: 60px;
    width: 60px;
    border-radius: 0;
    line-height: 32px;
    padding: 13px 4px 0 4px;
    font-size: 15px;
    word-break: break-all;
}
html .woocommerce ul.products li.product a img {
    border: 5px solid #f1f4f6
}
html .woocommerce-product-gallery .flex-viewport {
    border: 5px solid #f1f4f6;
    margin-bottom: 15px;
}
html .woocommerce ul.products li.product .price,
html .woocommerce div.product p.price,
html .woocommerce div.product span.price{
    color:#ff0000;
    display:block;
    margin: 0 0 5px 0;
    font-size: 24px;
    font-weight: bold;
    line-height: 16px;
}
#add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th {
    border-top: 0;
}
#add_payment_method .cart-collaterals .cart_totals table td, #add_payment_method .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-checkout .cart-collaterals .cart_totals table td, .woocommerce-checkout .cart-collaterals .cart_totals table th {
    border-right-width: 1px;
}
html .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {text-align: center;}
html .woocommerce table tbody tr:nth-child(odd),
html .woocommerce table tbody tr:nth-child(even) {
    background-color: transparent
}
html .woocommerce ul.products li.product .price del,
html .woocommerce div.product p.price del,
html .woocommerce div.product span.price del{
    display: inline-block;
    margin-right: 8px;
    font-weight: normal;
}
html .woocommerce ul.products li.product .star-rating {margin: 0 auto 10px auto; text-align: left}
html .woocommerce ul.products li.product .price ins,
html .woocommerce div.product p.price ins,
html .woocommerce div.product span.price ins{
    background:0 0;
    font-weight:700;
    text-decoration: none;
    color: rgba(251,61,61,1);
    font-size: 30px;
}
html .woocommerce div.product span.price, html .woocommerce div.product p.price {font-size: 26px;}
html .woocommerce ul.products li.product .price {font-size: 16px;}
html .woocommerce div.product span.price ins, html .woocommerce div.product p.price ins {font-size: 30px;}
html .woocommerce ul.products li.product .price ins{font-size: 18px;}
.woocommerce td.product-thumbnail {
    text-align: center;
}
html .woocommerce table.shop_table td, html .woocommerce table.shop_table tbody th, html .woocommerce table.shop_table tfoot td, html .woocommerce table.shop_table tfoot th {border-top: 0;}
.woocommerce table.shop_table {border: none;}
html .woocommerce table.shop_table {border-width: 1px 0 0 1px;}
html .woocommerce table.shop_table {
    margin-bottom: 25px;
    width: 100%;
    border-right:0 !important;
    border-bottom:0 !important;
    border-left: 1px #9c9fa2 solid !important;
    border-top: 1px #9c9fa2 solid !important;
    border-radius: 0
}
html .woocommerce table.shop_table td,
html .woocommerce table.shop_table th {
    border-left:0 !important;
    border-top:0 !important;
    border-right: 1px #9c9fa2 solid !important;
    border-bottom: 1px #9c9fa2 solid !important;
    padding: 5px 10px
}

html .woocommerce ul.products li.product .price .from{
    font-size:.67em;
    margin:-2px 0 0;
    text-transform:uppercase;
    color:rgba(132,132,132,.5)
}
html .woocommerce div.product form.cart .variations label {
    font-weight: 700;
    line-height: 50px;
    text-transform: capitalize;
    padding-left: 10px;
}
html .woocommerce #respond input#submit,
html .woocommerce a.button,
html .woocommerce button.button,
html .woocommerce input.button{
    color: #fff !important;
    padding: 0 22px;
    border-radius: 0;
    line-height: 50px;
    font-size: 14px
}
html .woocommerce div.product form.cart .button {line-height: 20px;
    display: flex;
    align-items: center;}
html .woocommerce button.button[name=update_cart] {
    display: inline-block;
}
html .woocommerce .widget_price_filter .price_slider_amount .button {
    font-size: 14px
}
html .woocommerce-cart table.cart input {
    line-height: 44px;
    padding: 0 30px
}
html .woocommerce #respond input#submit:hover,
html .woocommerce a.button:hover,
html .woocommerce button.button:hover,
html .woocommerce input.button:hover {
    color: #fff;
}
html #add_payment_method .wc-proceed-to-checkout a.checkout-button,
html .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
html .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    line-height: 44px;
    padding: 0 30px
}
html .woocommerce nav.woocommerce-pagination ul {
    clear: both;
    border: 0;
    margin: 0 auto;
    width: auto;
    display: inline-block;
}
html .woocommerce nav.woocommerce-pagination ul li {
    border:0
}
html .woocommerce nav.woocommerce-pagination ul li a,
html .woocommerce nav.woocommerce-pagination ul li span {
    margin: 0 5px;
    line-height: 50px;
    padding: 0;
    font-weight: 700
}
html .woocommerce nav.woocommerce-pagination ul li a:hover,
html .woocommerce nav.woocommerce-pagination ul li span:hover {
    border-color: #232323;
    color: #232323;
}
html .woocommerce ul.products li.product .woocommerce-loop-category__title,
html .woocommerce ul.products li.product .woocommerce-loop-product__title,
html .woocommerce ul.products li.product h3 {
    font-size: 16px;
    line-height: 24px;
    padding: .5em 0 0 0;
    text-align: center;
}
html .archive.woocommerce main,
html .woocommerce-page main {
}
html .woocommerce-page main .container.otherpage {
    padding: 0;
}
html .woocommerce .quantity .qty {
    padding: 0;
    font-weight: 700;
}
html .woocommerce div.product form.cart div.quantity {
    margin: 0 15px 0 0;
}
html .woocommerce #respond input#submit.alt,
html .woocommerce a.button.alt,
html .woocommerce button.button.alt,
html .woocommerce input.button.alt {
    color: #fff;

}
html .woocommerce #respond input#submit:hover.alt,
html .woocommerce a.button.alt:hover,
html .woocommerce input.button.alt:hover {
    background-color: #232323
}
html .woocommerce button.button.alt:hover {
    background-color: #232323;
}
html .woocommerce div.product div.images .flex-control-thumbs li img {
    border: 5px #fff solid;
}
html .woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
html .woocommerce div.product div.images .flex-control-thumbs li img:hover {
    border: 5px #f1f4f6 solid;
}
html .woocommerce #respond input#submit.disabled,
html .woocommerce #respond input#submit:disabled,
html .woocommerce #respond input#submit:disabled[disabled],
html .woocommerce a.button.disabled,
html .woocommerce a.button:disabled,
html .woocommerce a.button:disabled[disabled],
html .woocommerce button.button.disabled,
html .woocommerce button.button:disabled,
html .woocommerce button.button:disabled[disabled],
html .woocommerce input.button.disabled,
html .woocommerce input.button:disabled,
html .woocommerce input.button:disabled[disabled] {
    padding: 0 30px
}
html .woocommerce .star-rating {
    font-size: 12px;
    margin: 2px 0 5px 0
}
html .woocommerce .woocommerce-product-rating .star-rating {
    margin: 10px 4px 0 0;}
html .woocommerce div.product .woocommerce-product-rating {font-size: 14px}
html .woocommerce div.product .product_title {text-align: left;margin-bottom: 0;}
html .woocommerce .star-rating span::before {
    color:#ffc200; text-align: left;
}
html .product_meta {
    font-weight: 700;
}
html .product_meta a {
    font-weight: 400;
}
html .woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0;
    margin: 0;
}
html .woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 0;
    border-left: 1px #fff solid;
    border-radius: 0;
    background-color: #f1f4f6;
    margin: 0;
    padding: 0 40px;
    font-size: 16px;
}
html .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    color: #fff;
}
html .woocommerce .related h2 {margin-bottom: 35px}
html .woocommerce div.product .woocommerce-tabs ul.tabs li a {
    padding: 15px 0;
}
html .woocommerce div.product .woocommerce-tabs .panel {
    border-bottom: 1px solid #d3ced2;
    margin-bottom: 40px; padding: 20px 0 50px 0;
}
html .woocommerce #reviews #comments ol.commentlist li img.avatar {
    width: 60px;
    border: 0;
    padding: 0
}
html .woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0 0 0 80px;
}
html .woocommerce #reviews #comments ol.commentlist {
    padding: 0;
}
html .woocommerce div.product .woocommerce-tabs ul.tabs li::after,
html .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    content: none;
}
html .woocommerce-Reviews {
    margin-bottom: 40px
}
html .woocommerce-product-gallery .flex-viewport {
    max-height: 500px;
}
.woocommerce #respond input#submit.alt.disabled,
html .woocommerce #respond input#submit.alt.disabled:hover,
html .woocommerce #respond input#submit.alt:disabled,
html .woocommerce #respond input#submit.alt:disabled:hover,
html .woocommerce #respond input#submit.alt[disabled]:disabled,
html .woocommerce #respond input#submit.alt[disabled]:disabled:hover,
html .woocommerce a.button.alt.disabled,
html .woocommerce a.button.alt.disabled:hover,
html .woocommerce a.button.alt:disabled,
html .woocommerce a.button.alt:disabled:hover,
html .woocommerce a.button.alt[disabled]:disabled,
html .woocommerce a.button.alt[disabled]:disabled:hover,
html .woocommerce button.button.alt.disabled,
html .woocommerce button.button.alt.disabled:hover,
html .woocommerce button.button.alt:disabled,
html .woocommerce button.button.alt:disabled:hover,
html .woocommerce button.button.alt[disabled]:disabled,
html .woocommerce button.button.alt[disabled]:disabled:hover,
html .woocommerce input.button.alt.disabled,
html .woocommerce input.button.alt.disabled:hover,
html .woocommerce input.button.alt:disabled,
html .woocommerce input.button.alt:disabled:hover,
html .woocommerce input.button.alt[disabled]:disabled,
html .woocommerce input.button.alt[disabled]:disabled:hover {
    background-color: rgba(0,129,215,0.5);
    color: #fff;
}
html .woocommerce #respond input#submit:hover,
html .woocommerce a.button:hover,
html .woocommerce button.button:hover,
html .woocommerce input.button:hover {
    border:0
}
html .woocommerce form .form-row label.inline {
    margin-left: 10px;
}
html .woocommerce-variation-price {
    margin: 15px 0;
}
#coupon_code {
    min-width: 200px;
    margin-right: 15px;
}
html .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #717171;
    border: 0;
    border-radius: 0;
    line-height: 46px;
    padding-right: 20px;
}
html .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px;
}
html .woocommerce table.shop_table {
    margin-bottom: 25px;
    width: 100%;
}
html .woocommerce table.shop_table td,
html .woocommerce table.shop_table th {

}
html .woocommerce ul.cart_list li img,
html .woocommerce ul.product_list_widget li img {
    width: 70px;
}

html .woocommerce #content div.product div.images,
html .woocommerce div.product div.images,
html .woocommerce-page #content div.product div.images,
html .woocommerce-page div.product div.images {
    float: left;
    width: 48%;
}
html .woocommerce #content div.product div.summary,
.woocommerce div.product div.images,
html .woocommerce div.product div.summary,
html .woocommerce-page #content div.product div.summary,
html .woocommerce-page div.product div.summary {
    float: right;
    width: 48%;
}
html .woocommerce ul.products li.product:nth-child(2n),
html .woocommerce-page ul.products li.product:nth-child(2n),
html .woocommerce-page[class*=columns-] ul.products li.product:nth-child(2n),
html .woocommerce[class*=columns-] ul.products li.product:nth-child(2n) {
    clear:none
}
html .woocommerce main ul.products li.last,
html .woocommerce-page main ul.products li.last {
    margin-right: 0;
}
.woocommerce-MyAccount-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.woocommerce-MyAccount-navigation ul li {
    margin-bottom: 1px
}
.woocommerce-MyAccount-navigation ul li a {
    width: 100%;
    padding: 7px 12px;
    display: block;
    background-color: #f1f4f6;
    border-left: 5px transparent solid
}
.woocommerce-MyAccount-navigation ul li a:hover {
    border-left-color: #d3d3d3;
}
html .woocommerce ul.products li.product .button {

}
.single-product #respond label {}
html .woocommerce #review_form #respond p {margin: 0 30px 0 0;}
html .woocommerce #review_form #respond p.form-submit {float: left;width: calc(33% - 10px);margin-right: 0;}
html .woocommerce #review_form #respond p.comment-form-comment {margin: 30px 0 30px 0;}
html .woocommerce #reviews #comment {height: 125px;}
html .woocommerce #review_form #respond p.stars {display: inline-block;padding: 0 0 0 15px;line-height: 17px;}
#respond .comment-form-rating label {display: inline-block;}
html .woocommerce #review_form #respond .form-submit input {left: auto;width: 100%;}
html .woocommerce .star-rating {line-height: 0.9em;}
/*-------------------------------------------------------------- ##
Elementor improvements
--------------------------------------------------------------*/
.single-composer_widget .widget-area {display: none}
.single-composer_widget main .cont-box-area {
    width: 100%
}

.entry-content .page-links {margin-bottom: 60px;}
.single-post .single-heading {text-align: center; padding: 0 15% 0 15%;margin: 0 auto 60px auto;}
.single-post .blogsidebarspage .single-heading {display: none}
.single-post .blogsidebarpage .single-heading {text-align: left;padding: 0;margin: 0 auto 30px auto;}
.single-post .wp-block-image {margin: 0 -21.5% 0 -21.5%;max-width: 1170px;padding: 15px 0 30px 0;text-align: center}
.wp-block-cover {max-width: 900px;}
.wp-block-cover.alignwide, .wp-block-cover.alignfull {max-width: 100%;}
.single-post .wp-block-column .wp-block-image {margin: 0}
.single-post .blogsidebarspage .wp-block-image, .single-post .blogsidebarpage .wp-block-image {margin: 0}
body .main .entry-content > .alignwide {
    width: 120%;
    margin-left: -10%;
    margin-right:auto;max-width: 120%;
}
span.edit-link {
    padding-left: 15px;
}
body .post .entry-content ul.wp-block-gallery li::before {content: none;}
.main.lsb .entry-content > .alignwide, .main.rsb .entry-content > .alignwide, .main.blogsidebarspage .entry-content > .alignwide {width:100%; margin-left:0}
.wp-block-cover.aligncenter {
    width: 80%;
}
.single-post .postbody p {
    margin: 10px 0 35px 0;
}
.respmenu {
    display: none;
}
@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@-ms-keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@-webkit-keyframes popin {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    85% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@-ms-keyframes popin {
    0% {
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    85% {
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 1;
    }

    100% {
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes popin {
    0% {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    85% {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
/*-------------------------------------------------------------- ## Responsive --------------------------------------------------------------*/
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1024px) {
    body main .main .entry-content > .alignwide {
        width: 100%;
        margin-left: 0;
        margin-right:auto
    }
    body main .cont-box-area {width: 100%}
    .widget-area {display: none}
    .container {width: 100%;}
    .box-left .kc_column:first-child::before, .box-right .kc_column:last-child::before { content: none; }
    .c_block .entry-content p:first-child {-webkit-line-clamp: 2;}
    .column3 article {display:block;float: left;min-height:200px;width:calc(50% - 30px);margin: 0 60px 60px 0;padding:0 0 0 0}
    .column3 article:nth-of-type(3n) {margin-right: 60px;}
    .column3 article:nth-of-type(3n+1) {clear: none}
    .column2 article:nth-of-type(2n) {margin-right: 0;}
    .column2 article:nth-of-type(2n+1) {clear: both}
    .column3 article:first-child {clear: none}
    .ab-item {font-size: 0 !important;}
    main .cont-box-area.blogsidebarpage, main .cont-box-area.blogsidebarspage {padding-left: 0; padding-right: 0}
    .single .blogsidebarpage.lsb .postbody, .single .blogsidebarpage.lsb .postoddy {padding: 0 15px }
    .single .blogsidebarpage.rsb .postbody, .single .blogsidebarpage.rsb .postoddy {padding: 0 15px}
    body .cont-box-area.blogsidebarpage.lsb {padding-left:0}
    body .cont-box-area.blogsidebarpage.rsb {padding-right:0}
    body main .cont-box-area.blogsidebarpage,
    body main .cont-box-area.blogsidebarspage {width: 100%}
}
@media screen and (max-width: 999px) {
    .box-left .kc_column:first-child::before,
    .box-right .kc_column:last-child::before {width: 0}
    body.single-post .wp-block-image {margin: 0}
    .widget-area.left_sb, .widget-area.right_sb {display: none}
    main .cont-box-area {padding: 0}
    .postbody .entry-content {padding: 0 0 20px 0;}
    .author_info {margin: 0 0 100px 0;}
    .postbody .entry-content ul, .postbody .entry-content ol {margin: 0 0 1.5em 0;}
    .e404 form {padding: 0 0 0 15px;}
    .header_alt ul {width: 100% !important;}
    .header_alt ul li {display: block;}
    .header_alt ul li > a {padding: 18px 15px 14px 15px}
    .header_alt ul.topnav li a {display: none;}
    .header_alt ul.topnav.responsive li a {display: block;}
    .header_alt ul li a {font-size: 15px}
    .header_alt ul li:hover ul {position: relative;padding: 5px 0}
    .header_alt ul li:not(:first-child) {display: none;}
    .header_alt .topnav .icon {position: absolute;display: block;top: 0;right: 0;padding: 0 15px 0 40px;line-height: 50px;font-size: 24px;text-decoration: none;color: #fff;z-index: 99;}
    .header_alt ul li ul {display: none;position: relative;padding: 5px 0;transform: scale(1);top:0;}
    .header_alt ul li:hover ul {display: block}
    .header_alt .covergbr {height: 100%;background-size: cover;}
    .header_alt a h1 {padding: 50px 15px;margin-top: 0;font-size: 40px;line-height: 50px;}
    .header_alt ul.responsive {position: relative; background-color: #FFFFFF;box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);}
    .header_alt ul.responsive li > a{position: relative; color: #949494}
    .header_alt ul.responsive li a:hover {color: #949494}
    .header_alt ul.responsive .icon {position: absolute;right: 0;top: 0;color: #949494;}
    .header_alt ul.responsive li {float: none;display: block;text-align: left;clear: both;}
    .header_alt ul.responsive li ul {padding: 0 !important;width: 100%;box-shadow: none;}
    .header_alt ul.responsive li ul li {padding: 0 20px;}
    .header_alt .col-md-9 {margin-top: -60px;}
    .single .blogsidebarpage .postbody, .single .blogsidebarpage .postoddy,  .single .blogsidebarspage .postbody, .single .blogsidebarspage .postoddy {padding: 0 15px;}
    .main article .thumb {border-radius: 0 0 0 0;}
    .main article .c_block {padding: 50px 50px;}
    .main article .thumb img {
        width: 100%;
    }
    body .custblog {padding-right: 0;padding-left: 0; padding-top: 70px}
}
@media screen and (max-width: 768px) {
    .comment-content table td, .comment-content table th,
    .entry-content > table td, .entry-content > table th {min-width: 90px;}
    html .woocommerce .related.products ul.products li.product {width: 48% !important;margin-right: 4% !important;}
    html .woocommerce .related.products ul.products li.product:nth-child(2n) {margin-right: 0 !important;}
    .search .c_block .entry-content p:first-child {margin-bottom: 20px}
    body #comments .comment-list > li > ol, body #comments .comment-list li ol {padding-left: 50px}
    .header_alt a {margin-top: 0}
    body .descr_arch {padding: 0 0 5px 0;}
    ul, ol {margin: 0 0 1.5em 1em;}
    body.post-template-default.single main {padding: 80px 0 100px 0;}
    body.single-post .single-heading {margin-bottom: 15px; padding: 0}
    body.single .entry-thumbnail {padding: 0; margin-bottom: 15px}
    body .author_info {padding: 40px 25px; margin: 0 0 80px 0}
    body .single .tags-links {margin-bottom: 45px}
    body #comments .comments-title {}
    body .archive.category main {padding-top: 25px}
    body article .c_block, body .search article .c_block {padding: 35px 20px;}
    .category article .entry-title, .archive article .entry-title, .blog article .entry-title, .search article .entry-title {
        margin: 0 0 20px 0;}
    body .entry-header {margin-bottom: 5px;}
    body #respond {margin: 50px 0 20px 0;}
    .custblog .post-categories, .custblog .archive-meta, .archive-meta {width: 100%}
    .entry-meta {}
    .entry-meta > span, .entry-meta > div {float: none}
    .search article p, .search article .entry-header {width: 100%;float: none;}
    .search article .more {float: none}
    .c_block .entry-content p:first-child {margin-bottom: 25px;}
    .scat {top: 15px;right: 10px;}
    .column1.sb .entry-meta, .blogsidebarspage .entry-meta {text-align: left;}
    .column1.sb article .c_block, .column1.sb .search article .c_block {padding: 40px 40px;padding-top: 25px;}
    .main article .c_block {border-radius:0 0 0 0;}
    .main ul.page-numbers {margin: 0 auto 0 auto;padding-top: 10px;}
    body #kc-front-save,
    body #kc-exit-backend,
    body #kc-front-exit {
            font-size: 0;
        }
    .c_block .entry-content p:first-child {-webkit-line-clamp: 4;}
    html body input:not([type=checkbox]):not([type=submit]),
textarea {
        width: 100%;
    }
    html .woocommerce #content div.product div.images,
html .woocommerce #content div.product div.summary,
.woocommerce div.product div.images,
html .woocommerce div.product div.summary,
html .woocommerce-page #content div.product div.images,
html .woocommerce-page #content div.product div.summary,
html .woocommerce-page div.product div.images,
html .woocommerce-page div.product div.summary {
        float: none;
        width: 100%;
    }
    html .woocommerce #content div.product div.images,
html .woocommerce div.product div.images,
html .woocommerce-page #content div.product div.images,
html .woocommerce-page div.product div.images {
        float: none;
        width: 100%;
    }
    main button,
.footer-widget button,
main input[type="button"],
main input[type="reset"],
main input[type="submit"] {
        max-width: 100%;
        white-space: normal
    }
    .header_alt {
        padding-top: 0
    }
    .entry-meta {
        line-height: 1.8em
    }
    .entry-meta > span, .entry-meta > div {
        display: inline-block
    }
    .widget-area {margin-bottom: 0}
    .nav-previous,.nav-next {
    }
    .nav-previous a,.nav-next a {
        white-space: normal;
        text-align: left;
    }
    .nav-links.skin2 .nav-previous, .nav-links.skin2 .nav-next {display:block}
    body.single .nav-links .nav-previous, body.single .nav-links .nav-next {display: block; width: 100%}
    body.single .nav-links .nav-next {padding-top: 0}
}

@media screen and (max-width: 601px) {
    body #comments .comment-list > li > ol, body #comments .comment-list li ol {padding-left: 10px}
    body.single .nav-links .nav-previous, body.single .nav-links .nav-next {padding-right: 0;    padding-left: 0;}
    .single .nav-links.skin2 > div {padding: 50px 15px;}
    body.single .related .rblock {width: 100%;margin-right: 0;}
    .author_info .author_description {width: 100%;padding-top: 30px;}
    span.sharing {width: 100%; float: none; text-align: left;
        display: block;}
    .comment-list > li > ol, .comment-list li ol {padding-left: 20px}
    .main article .c_block {padding: 30px 30px;}
    body main .cont-box-area {padding-left:0; padding-right:0;}
    .main  article > div {
        display: block
    }
    .e404 .search-field {
        margin: 0 20px 25px 20px
    }
    body #commentform .comment-form-author,
    body #commentform .comment-form-email,
    body #commentform .comment-form-url {
        float: none;
        width: 100%;
    }
    body #commentform .comment-form-author input,
    body #commentform .comment-form-email input,
    body #commentform .comment-form-url input {
        width: 100%;
    }
    .nav-previous, .nav-next {
        display: block;width: 100%;
    }
    .related.layout2 .rblock {
        width: 100%;
        margin: 0 0 40px 0;
    }
    body.single .related .rblock {
        width: 100%;
        margin-right: 0;
        float: none;
        margin-bottom: 45px;
        margin-left: 0;
    }
    .single .social-share {
        margin-bottom: 20px;
    }
    .box-left .kc_column:first-child::before,
    .box-right .kc_column:last-child::before {
        width: 0
    }
    .column1 article .thumb,
    .column1sb article .thumb,
    .column2 article .thumb,
    .column3 article .thumb {
        width: 100%;
        padding-right: 0;
        float: none;
    }
    .column2 article,
    .column3 article {
        float: none;
        width:100%;
        margin: 0 0 60px 0;
        padding:0 0 0 0
    }
    .footer-widget .divider_line {
        width:auto
    }
    .single .tags-links {
        margin: 0 0 20px 0;
        width: 100%;
        text-align: left;}
    #commentform.cf2 .comment-form-author, #commentform.cf2 .comment-form-email, #commentform.cf3 .comment-form-author, #commentform.cf3 .comment-form-email {width: 100%;margin-right: 0;}
}
@media screen and (max-width: 540px) {
    ul, ol {margin: 0 0 1.5em 0;}
    blockquote {padding: 20px 30px;}
    .more {text-align: center; width: 100%}
    .entry-meta .author {display: none}
    .column1.sb .comments-link, .blogsidebarspage .comments-link {width: 90px;}
    .blogsidebarspage .related .rblock {width: 100%;margin-right: 0;}
    .post-password-form input[type=password] {width: 100%;margin: 0 0 20px 0;}
    .post-password-form input[type=submit] {float: none;width: 100%;}
    .comment-list li .comment-content {clear: both;}
    .comment-metadata i {margin-bottom: 6px}
    body .custblog h1 {font-size: 36px;line-height: 50px;}
}
@media screen and (max-width: 480px) {
    .wp-block-cover.aligncenter {width: 100%;}
    html .woocommerce .related.products ul.products li.product {
        width: 100% !important;
        margin-right: 0 !important;
    }
    html .cart-empty.woocommerce-info {padding: 0 0 20px 0;}
    .comment-meta {width: 100%;}
    body .comment-list li .comment-content {padding-left: 0}
    .comment-meta {width: calc(100% - 85px);float: right;}
    .comment-author.vcard {margin-right: 20px}
    .single .comment-metadata .comments-link {margin-right: 0}
    .comment-metadata > span {border-right: 0;padding-right: 0;}
    .comment-metadata > span.fn {  padding-top: 15px;}
    .comment-list li .reply {top: -50px;}
    .nav-next a {text-align: right}
    html .woocommerce ul.products li.product,
html .woocommerce-page ul.products li.product,
html .woocommerce-page[class*="columns-"] ul.products li.product,
html .woocommerce[class*="columns-"] ul.products li.product {
        width: 100%;
        float: none;
        margin: 0 0 60px;
    }
    .main article .c_block {padding: 30px 30px;}
}
@media screen and (max-width: 400px) {
    .comment-author.vcard {float: none;}
    .comment-meta {width: 100%;float: none;}
}