/*
Theme Name: Shorts Theme
Theme URI: https://live.mangabooth.com/
Author: MangaBooth
Author URI: https://mangabooth.com
Description: Tema WordPress especializado em conteúdo de vídeos Shorts, desenvolvido a partir de uma base visual adaptada.
Version: 0.32.0
Text Domain: shorts-theme
Domain Path: /languages/
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
License: MangaBooth License
License URI: license.txt
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Reset
2.0 - Header
3.0 - Navigation
4.0 - Pages
5.0 - Single
6.0 - Content
7.0 - Plugins
8.0 - Shortcodes
9.0 - Widgets
10.0 - Footer
11.0 - Wall Ads
--------------------------------------------------------------*/

/* define global variables */
:root{
  --primary-color: #eb3349;
  --secondary-color: #f45c43;
  --border-dark-color: #4d4d4d;
  --border-light-color: #e1e1e1;
}

.vertical-align{
  position: relative;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html{
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body{
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main{
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1{
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr{
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre{
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a{
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title]{
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong{
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp{
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small{
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup{
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub{
  bottom: -0.25em;
}

sup{
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img{
  border-style: none;
}

img{max-width: 100%; height: auto}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea{
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input{ /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select{ /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"]{
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner{
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring{
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset{
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend{
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress{
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea{
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"]{
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button{
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"]{
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration{
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button{
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

.wp-block-latest-comments__comment, .wp-block-latest-posts.wp-block-latest-posts__list, .widget .wp-block-archives-list, .widget .wp-block-categories-list{list-style: unset; padding-left:15px}
ol.wp-block-latest-comments{padding-left:15px}
.wp-block-cover.has-background-dim{color:#FFF}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details{
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary{
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template{
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden]{
  display: none;
}
/* end normalize 8.0.1 */

/* custom css */
@media (min-width: 1200px) {
  .custom-width{
    width: 1100px;
  }
}
@media (min-width: 1360px) and (max-width: 1359px) {
  .custom-width{
    width: 1300px;
  }
}
@media (min-width: 1360px) {
  .custom-width{
    width: 1300px;
  }
}
@media (min-width: 1630px) {
  .custom-width{
    width: 1600px;
  }
}
@media (min-width: 1760px) {
  .custom-width{
    width: 1760px;
  }
}
.row-no-padding{
  margin-left: 0;
  margin-right: 0;
}
.row-no-padding [class*="col-"]{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.c-container-fluid{
  padding: 0;
}
@media (max-width: 768px) {
  .c-container-fluid{
    padding: 0 15px;
  }
}
.c-sidebar{
  padding: 50px 0 20px;
}
.c-sidebar.c-bottom-sidebar{
  border-top: 3px solid #ebebeb;
}
/* error 404 */
body.error404 .c-page-content .content-area{
  margin-top: 0 !important;
}
body.error404 .error-404{
  text-align: center;
  height: 100vh;
  position: relative;
}
body.error404 .error-404_content{
  position: absolute;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}
body.error404 .error-404_content .entry-featured-image{
  margin-bottom: 25px;
}
body.error404 .error-404_content .entry-header{
  margin-bottom: 36px;
}
body.error404 figure{
  margin: 0;
}
.post-password-form label{
  margin-bottom: 10px;
}

.post-password-form input[name='post_password']{
  line-height: 1.5;
  width: 100%;
  height: 38px;
  border: 1px solid rgba(45, 45, 45, 0.3);
  /* border-radius: 5px; */
  padding: 0 15px 0 15px;
}

.post-password-form input[name='Submit']{
  background-color: var(--primary-color);
  border: none;
  font-weight: 600;
  color: #fff;
  padding: 11px 25px;
  vertical-align: bottom;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin-bottom: 10px;
}

.post-password-form input[name='Submit']:hover{
  background-color: #0f0f0f;
}

/* text-ui-light  */
body.text-ui-light .site-header .c-sub-header-nav{background-color:#000; border-bottom: #2a2a2a}
body.text-ui-light, #wpdcom, #wpdcom .wpd-comment-text{
  color: #888888;
  /* entry content */
}
body.text-ui-light.error404{
  background-color: #262626;
}
body.text-ui-light a:not(:hover){
  color: #cccccc;
}

body.text-ui-light .widget.widget_tag_cloud .tag-cloud-link:not(:hover){
  color: #333333;
}
body.text-ui-light h1,
body.text-ui-light h2,
body.text-ui-light h3,
body.text-ui-light h4,
body.text-ui-light h5,
body.text-ui-light .h1,
body.text-ui-light .h2,
body.text-ui-light .h3,
body.text-ui-light .h4,
body.text-ui-light .h5,
body.text-ui-light h6,
body.text-ui-light .h6{
  color: #ffffff;
}

body.text-ui-light .modal-body h1,
body.text-ui-light .modal-body h2,
body.text-ui-light .modal-body h3,
body.text-ui-light .modal-body h4,
body.text-ui-light .modal-body h5,
body.text-ui-light .modal-body .h1,
body.text-ui-light .modal-body .h2,
body.text-ui-light .modal-body .h3,
body.text-ui-light .modal-body .h4,
body.text-ui-light .modal-body .h5,
body.text-ui-light .modal-body h6,
body.text-ui-light .modal-body .h6{}

body.text-ui-light input:not([type]),
body.text-ui-light input[type="color"],
body.text-ui-light input[type="email"],
body.text-ui-light input[type="number"],
body.text-ui-light input[type="password"],
body.text-ui-light input[type="tel"],
body.text-ui-light input[type="url"],
body.text-ui-light input[type="text"],
body.text-ui-light input[type="search"],
body.text-ui-light textarea,
body.text-ui-light select{
  background-color: rgba(235, 235, 235, 0.2);
  color: #f2f2f2;
}
body.text-ui-light select option{
  background-color: #fff;
  color: #333;
}
body.text-ui-light.modal-open .modal-dialog input[type="color"],
body.text-ui-light.modal-open .modal-dialog input[type="email"],
body.text-ui-light.modal-open .modal-dialog input[type="number"],
body.text-ui-light.modal-open .modal-dialog input[type="password"],
body.text-ui-light.modal-open .modal-dialog input[type="tel"],
body.text-ui-light.modal-open .modal-dialog input[type="url"],
body.text-ui-light.modal-open .modal-dialog input[type="text"],
body.text-ui-light.modal-open .modal-dialog input[type="search"]{
  color: #333;
}
body.text-ui-light.modal-open .modal-dialog input[type="color"]:focus,
body.text-ui-light.modal-open .modal-dialog input[type="email"]:focus,
body.text-ui-light.modal-open .modal-dialog input[type="number"]:focus,
body.text-ui-light.modal-open .modal-dialog input[type="password"]:focus,
body.text-ui-light.modal-open .modal-dialog input[type="tel"]:focus,
body.text-ui-light.modal-open .modal-dialog input[type="url"]:focus,
body.text-ui-light.modal-open .modal-dialog input[type="text"]:focus,
body.text-ui-light.modal-open .modal-dialog input[type="search"]:focus{
  color: #333;
}
body.text-ui-light .c-blog-post .entry-content{
  color: #888888;
}

body.text-ui-light .site-header .c-header__top{
  background-color: #262626;
}
body.text-ui-light .site-header .c-header__top .search-main-menu{
  background-color: #262626;
}
body.text-ui-light .site-header .c-header__top .search-main-menu form input[type="text"]:hover,
body.text-ui-light .site-header .c-header__top .search-main-menu form input[type="text"]:active,
body.text-ui-light .site-header .c-header__top .search-main-menu form input[type="text"]:focus{
  background-color: #ffffff;
}
body.text-ui-light .body-wrap{
  background-color: #262626;
}
body.text-ui-light .c-sidebar.c-bottom-sidebar{
  border-top: none;
}
body.text-ui-light .site-footer{
  background-color: #363636;
  border-top: none;
  border-bottom: solid 10px #ffffff;
}
body.text-ui-light .site-footer .bottom-footer .nav-footer ul li + li{
  border-left-color: #cccccc;
}
body.text-ui-light.search input:not([type]),
body.text-ui-light.modal-open .modal-dialog input:not([type]),
body.text-ui-light.search input[type="color"],
body.text-ui-light.modal-open .modal-dialog input[type="color"],
body.text-ui-light.search input[type="email"],
body.text-ui-light.modal-open .modal-dialog input[type="email"],
body.text-ui-light.search input[type="number"],
body.text-ui-light.modal-open .modal-dialog input[type="number"],
body.text-ui-light.search input[type="password"],
body.text-ui-light.modal-open .modal-dialog input[type="password"],
body.text-ui-light.search input[type="tel"],
body.text-ui-light.modal-open .modal-dialog input[type="tel"],
body.text-ui-light.search input[type="url"],
body.text-ui-light.modal-open .modal-dialog input[type="url"],
body.text-ui-light.search input[type="text"],
body.text-ui-light.modal-open .modal-dialog input[type="text"],
body.text-ui-light.search input[type="search"],
body.text-ui-light.modal-open .modal-dialog input[type="search"],
body.text-ui-light.search textarea,
body.text-ui-light.modal-open .modal-dialog textarea,
body.text-ui-light.search select,
body.text-ui-light.modal-open .modal-dialog select{
  background-color: #ffffff;
}

#search-advanced .search-advanced-form .form-group .label{min-height:30px; float:left}
#search-advanced select{max-width: 315px}

body.text-ui-light .navigation-ajax .load-ajax:not(:hover){
  color: #333;
}
body.text-ui-light #login a:not(:hover),
body.text-ui-light #sign-up a:not(:hover),
body.text-ui-light #form-reset a:not(:hover){
  color: #333;
}
body.text-ui-light .widget.background > .c-widget-wrap{
  background-color: rgba(235, 235, 235, 0.3);
}
body.text-ui-light .site-content .main-col .item-tags ul li a:not(:hover){
  color: #333333;
}

body.text-ui-light .c-btn.c-btn_style-3{
  color: #ffffff;
  border: 2px solid #ffffff;
}
body.text-ui-light .c-btn.c-btn_style-3:hover{
  background: #ffffff;
  color: #333333;
}
body.text-ui-light .wp-pagenavi span,
body.text-ui-light .wp-pagenavi a.nextpostslink,
body.text-ui-light .wp-pagenavi a.previouspostslink{
  background-color: rgba(45, 45, 45, 0.3);
}
body.text-ui-light .wp-pagenavi span, body.text-ui-light .wp-pagenavi a{
  border-color:#888
}
body.text-ui-light .wp-pagenavi span.current{
  color: #888888 !important;
}
body.text-ui-light .wpcf7-form label{
  color: #ccc;
}
body.text-ui-light .wpcf7-form .wpcf7-form-control:not(.wpcf7-submit){
  background-color: #ebebeb;
  border: 1px solid #d7d7d7;
}
body.text-ui-light .wpcf7-form .wpcf7-form-control:not(.wpcf7-submit):hover{
  background-color: #fff;
}
body.text-ui-light #main-sidebar .search-main-menu form input[type="text"],
body.text-ui-light #main-sidebar .widget.widget_search input[type="search"]{
  border: 1px solid #d7d7d7;
}
body.text-ui-light #main-sidebar .widget_search input[type=submit]{
  border-left: 1px solid #d7d7d7;
}

body.text-ui-light .go-to-top{
  bottom: 11px;
  right: 11px;
}

body.text-ui-light .widget:not(.default):not(.background) > .c-widget-wrap{border-color: #424242}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.no-results{
  text-align: center;
  height: 100vh;
  max-height: 490px;
  position: relative;
}
.no-results .results_content{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.no-results .icon-not-found{
  margin-bottom: 11px;
}
.no-results .icon-not-found i{
  font-size: 100px;
  line-height: 1;
  color: #e6e6e6;
}
.no-results .not-found-content{
  font-size: 18px;
}
.wpcf7-submit{
  padding: 7px 25px;
  border: none;
  border-radius: 25px;
  font-weight: 600;
  color: #fff;
  background-color: var(--primary-color);
  -webkit-transition: background-color 200ms ease;
  -moz-transition: background-color 200ms ease;
  -o-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}
.wpcf7-submit:hover{
  background-color: #0f0f0f;
}
body.modal-open .modal .modal-content .modal-loading-screen{
  position: absolute;
  top: 0;
  left: 0;
  background: url(images/bg-search.jpg);
  right: 0;
  bottom: 0;
}
body.modal-open .modal .modal-content .modal-loading-screen .fa-5x{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body.modal-open .modal .modal-content .modal-body .g-recaptcha{
  text-align: center;
  margin: 0 auto;
}
body.modal-open .modal .modal-content .modal-body .g-recaptcha > div{
  max-width: 100% !important;
  margin: 0 auto;
}
/**
 * :: Madara Wordpress Core
 * -------------------------------------------------- */
/* 2.0  Wordpress CSS
----------------------------------------------------------*/
.gallery-caption{
  font-size: inherit;
}
.bypostauthor{
  font-size: inherit;
}
.alignleft{
  float: left;
  margin: 15px 40px 26px 0;
}
.alignright{
  float: right;
  margin: 15px 0 26px 40px;
}
.aligncenter{
  text-align: center;
  margin: 0 auto 26px;
}
.alignnone{
  margin-bottom: 40px;
}
.wp-caption{
  max-width: 100%;
  margin-bottom: 1.5em;
}
.wp-caption img[class*="wp-image-"]{
  display: block;
  margin: 0 auto;
}
.wp-caption-text{
  font-style: italic;
  color: #999;
}
.aligncenter .wp-caption-text{
  text-align: center;
}
.text-right{
  text-align: right;
}
.postleft{
  float: left;
  margin: 0 20px 0 0;
}
.postright{
  float: none;
}
br.nc{
  display: none;
}
.screen-reader-text{
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
@media (max-width: 480px) {
  .wp-caption.alignleft{
    float: none;
    text-align: center;
    margin: 0 auto 26px;
  }
  .wp-caption.alignright{
    float: none;
    text-align: center;
    margin: 0 auto 26px;
  }
}
/* Empty */
.main-navigation .main-menu{
  padding: 10px 0;
}
.main-navigation .main-menu ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-navigation .main-menu ul:before,
.main-navigation .main-menu ul:after{
  content: " ";
  display: table;
}
.main-navigation .main-menu ul:after{
  clear: both;
}
@media screen and (max-width: 600px) {
  .main-navigation .main-menu ul .main-navigation ul{
    display: none;
  }
}
.main-navigation .main-menu ul li{
  float: left;
  position: relative;
}
.main-navigation .main-menu ul li a{
  display: block;
  text-decoration: none;
  padding: 10px 20px 9px;
  color: #333333;
  font-weight: 600;
}
.main-navigation .main-menu ul li:hover > ul{
  opacity: 1;
  visibility: visible;
  z-index: 9999;
  pointer-events: auto;
}
.main-navigation .main-menu ul li:hover > a{
  background-color: #f3f3f3;
}
.main-navigation .main-menu ul ul.children,
.main-navigation .main-menu ul ul.sub-menu{
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  display: block;
  float: left;
  left: 0;
  position: absolute;
  border-radius: 0px;
  z-index: -1;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  min-width: 200px;
  margin-top: 8px;
  pointer-events: none;
}
.main-navigation .main-menu ul ul.children:before,
.main-navigation .main-menu ul ul.sub-menu:before{
  content: "";
  height: 8px;
  width: 100%;
  position: absolute;
  top: -8px;
}
.main-navigation .main-menu ul ul.children > li,
.main-navigation .main-menu ul ul.sub-menu > li{
  width: 100%;
  border-bottom: 1px solid #e1e1e1;
}
.main-navigation .main-menu ul ul.children > li:last-child,
.main-navigation .main-menu ul ul.sub-menu > li:last-child{
  border-bottom: none;
}
.main-navigation .main-menu ul ul.children > li > a,
.main-navigation .main-menu ul ul.sub-menu > li > a{
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.main-navigation .main-menu ul ul.children > li > a:focus,
.main-navigation .main-menu ul ul.sub-menu > li > a:focus{
  color: var(--primary-color);
}
.main-navigation .main-menu ul ul.children ul,
.main-navigation .main-menu ul ul.sub-menu ul{
  left: 100%;
  top: -8px;
}
.main-navigation .main-menu ul ul.children a,
.main-navigation .main-menu ul ul.sub-menu a{
  white-space: normal;
}
.main-navigation .main-menu ul ul.children a:after,
.main-navigation .main-menu ul ul.sub-menu a:after{
  content: none;
}
/* Empty */
#comments.comments-area h3.comments-title,
#comments.comments-area h3.comment-reply-title{
  font-size: 14px;
  margin-bottom: 20px;
}
#comments.comments-area ol.comment-list{
  list-style: none;
  margin: 0;
}
#comments.comments-area ol.comment-list li.comment{
  background: none;
  position: relative;
}
#comments.comments-area ol.comment-list li.comment article.comment-body{
  margin-bottom: 30px;
  padding: 30px;
}
#comments.comments-area ol.comment-list li.comment article.comment-body footer.comment-meta{
  padding-bottom: 20px;
}
#comments.comments-area ol.comment-list li.comment article.comment-body footer.comment-meta *{
  display: inline-block;
}
#comments.comments-area ol.comment-list li.comment article.comment-body footer.comment-meta .comment-author{
  margin-right: 10px;
}
#comments.comments-area ol.comment-list li.comment article.comment-body footer.comment-meta .comment-author .avatar{
  border-radius: 50%;
  margin-right: 10px;
}
#comments.comments-area ol.comment-list li.comment article.comment-body footer.comment-meta .comment-author .says{
  display: none;
}
#comments.comments-area ol.comment-list li.comment article.comment-body footer.comment-meta .comment-metadata a time:before{
  margin-right: 6px;
}
#comments.comments-area ol.comment-list li.comment article.comment-body div.comment-content{
  word-wrap: break-word;
}
#comments.comments-area ol.comment-list li.comment article.comment-body div.comment-content p{
  margin-bottom: 0px;
}
#comments.comments-area ol.comment-list li.comment article.comment-body div.reply{
  position: absolute;
  top: 20px;
  right: 30px;
}
#comments.comments-area ol.comment-list li.comment article.comment-body div.reply a.comment-reply-link:after{
  margin-left: 10px;
}
#comments.comments-area ol.comment-list li.comment ol.children{
  list-style: none;
  padding-left: 40px;
}
#comments.comments-area ol.comment-list li.pingback .comment-body .block-left{
  display: none;
}
#comments.comments-area #respond.comment-respond{
  margin-bottom: 30px;
}
#comments.comments-area #respond.comment-respond .comment-form{
  display: block;
}
#comments.comments-area #respond.comment-respond .comment-form label{
  margin-bottom: 10px;
}
#comments.comments-area #respond.comment-respond .comment-form .comment-form-comment{
  margin-bottom: 10px;
}
#comments.comments-area #respond.comment-respond .comment-form .comment-form-comment textarea{
  width: 100%;
}
.gallery{
  margin-bottom: 1.6em;
}
.gallery:before,
.gallery:after{
  content: " ";
  display: table;
}
.gallery:after{
  clear: both;
}
.gallery figure.gallery-item{
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
  padding: 1.79104477%;
}
.gallery figure.gallery-item img{
  margin-bottom: 0;
}
.gallery.gallery-columns-2 .gallery-item{
  max-width: 50%;
}
.gallery.gallery-columns-3 .gallery-item{
  max-width: 33.33%;
}
.gallery.gallery-columns-4 .gallery-item{
  max-width: 25%;
}
.gallery.gallery-columns-5 .gallery-item{
  max-width: 20%;
}
.gallery.gallery-columns-6 .gallery-item{
  max-width: 16.66%;
}
@media only screen and (max-width: 991px) {
  .gallery.gallery-columns-6 .gallery-item{
    max-width: 20%;
  }
}
.gallery.gallery-columns-6 .gallery-caption{
  display: none;
}
.gallery.gallery-columns-7 .gallery-item{
  max-width: 14.28%;
}
@media only screen and (max-width: 991px) {
  .gallery.gallery-columns-7 .gallery-item{
    max-width: 20%;
  }
}
.gallery.gallery-columns-7 .gallery-caption{
  display: none;
}
.gallery.gallery-columns-8 .gallery-item{
  max-width: 12.5%;
}
@media only screen and (max-width: 991px) {
  .gallery.gallery-columns-8 .gallery-item{
    max-width: 20%;
  }
}
.gallery.gallery-columns-8 .gallery-caption{
  display: none;
}
.gallery.gallery-columns-9 .gallery-item{
  max-width: 11.11%;
}
@media only screen and (max-width: 991px) {
  .gallery.gallery-columns-9 .gallery-item{
    max-width: 20%;
  }
}
.gallery.gallery-columns-9 .gallery-caption{
  display: none;
}
@media only screen and (max-width: 767px) {
  .gallery[id^="gallery-"] .gallery-item{
    max-width: 100%;
  }
}
.widget{
  margin: 0 0 3em;
}
.widget label{
  width: 100%;
}
.widget label.screen-reader-text{
  display: none;
}
.widget ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
.widget select{
  width: 100%;
}
.widget table#wp-calendar{
  width: 100%;
}
.widget table#wp-calendar > thead > tr > td,
.widget table#wp-calendar tbody > tr > td,
.widget table#wp-calendar tfoot > tr > td,
.widget table#wp-calendar > thead > tr > th,
.widget table#wp-calendar tbody > tr > th,
.widget table#wp-calendar tfoot > tr > th{
  font-size: 14px;
  text-align: center;
}
.widget h4.widget-title{
  margin-top: -7px;
  margin-bottom: 15px;
  line-height: 1.5625;
  color: #333333;
}
.widget.widget_calendar table caption{
  margin-bottom: 10px;
}
.widget.widget_calendar table tfoot tr td{
  padding: 0;
}
.widget.widget_recent_comments ul li a:before{
  display: none;
}
.widget.widget_recent_entries ul li span{
  padding-left: 15px;
}
.widget.widget_rss ul li a.rsswidget{
  padding: 0;
  font-weight: 600;
}
.widget.widget_rss ul li a.rsswidget:before{
  display: none;
}
.widget.widget_rss ul li span.rss-date{
  display: block;
  padding: 10px 0;
}
.widget.widget_rss ul li .rssSummary{
  font-size: 14px;
  line-height: 1.5625;
}
/* Empty */
/* 3.0  Elements Basic
----------------------------------------------------------*/
*{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html{
  overflow: visible;
  overflow-y: scroll;
}
body{
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  /*change content font size*/
  line-height: 1.5;
  color: #888888;
  /*#666666*/
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
.sub-lineheight{
  line-height: 1.45;
}
.wrap{
  position: relative;
  overflow: hidden;
}
.body-wrap{
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
a{
  color: #333333;
}
a:focus,
.btn:focus,
input:focus,
button:focus{
  outline: 0;
}
figure{
  margin: 0;
}
input:not([type]),
input[type="color"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="text"],
input[type="search"],
textarea,
select{
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: none;
  -webkit-box-shadow: none;
  display: block;
  width: 100%;
  padding: 10px 15px 10px 15px;
  outline: none;
  font-weight: normal;
  border: 1px solid rgba(45, 45, 45, 0.3);
  background-color: transparent;
  color: #333333;
}
input:not([type]):focus,
input[type="color"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="text"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus,
input:not([type]):hover,
input[type="color"]:hover,
input[type="email"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="tel"]:hover,
input[type="url"]:hover,
input[type="text"]:hover,
input[type="search"]:hover,
textarea:hover,
select:hover{
  outline: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  border-color: #cccccc;
  background-color: rgba(235, 235, 235, 0.3);
}
input::-moz-placeholder, input:-ms-input-placeholder, input::-webkit-input-placeholder, input:focus::-moz-placeholder, input:focus:-ms-input-placeholder, input:focus::-webkit-input-placeholder, textarea:focus::-moz-placeholder, textarea:focus:-ms-input-placeholder, textarea:focus::-webkit-input-placeholder{
  color: #999999;
  opacity: 1;
}

/* Layout & Style
----------------------------------------------------------*/
/*font nav, header,main color , layout (full, boxed...), */
.c-page-content .main-col:not(.sidebar-hidden){
  width: calc(100% - 350px);
}
@media (max-width: 1200px) {
  .c-page-content .main-col:not(.sidebar-hidden){
    width: calc(100% - 330px);
  }
}
@media (max-width: 768px) {
  .c-page-content .main-col:not(.sidebar-hidden){
    width: 100%;
  }
}
.c-page-content .sidebar-col{
  width: 350px;
  padding-left: 35px;
}
@media (max-width: 1200px) {
  .c-page-content .sidebar-col{
    width: 330px;
    padding-left: 15px;
  }
}
@media (max-width: 768px) {
  .c-page-content .sidebar-col{
    width: 100%;
  }
}
.c-page-content .row.sidebar-left{
  flex-direction: row-reverse;
}
.c-page-content .row.sidebar-left > .main-col{
  float: right;
}
.c-page-content .row.sidebar-left > .sidebar-col{
  float: left;
  padding-right: 35px;
  padding-left: 15px;
}
@media (max-width: 1200px) {
  .c-page-content .row.sidebar-left > .sidebar-col{
    width: 330px;
    padding-right: 15px;
  }
}
.paging-navigation{
  margin-top: 38px;
}
.paging-navigation .float-left{margin-left: -15px;}
.paging-navigation:after{
  display: table;
  content: "";
  clear: both;
}
h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5{
  font-weight: 600;
  line-height: 1.2;
  color: #333333;
}
h1,
.h1{
  font-size: 34px;
}
h2,
.h2{
  font-size: 30px;
}
h3,
.h3{
  font-size: 24px;
}
h4,
.h4{
  font-size: 18px;
}
h5,
.h5{
  font-size: 16px;
}
h6,
.h6{
  line-height: 1.2;
  color: #333333;
  font-size: 14px;
}
.font-heading{
  text-transform: uppercase;
}
.font-meta{
  font-size: 11px;
  line-height: 1.5;
}
.font-title a{
  font-weight: 600;
  color: #333333;
}
.font-title a:hover{
  text-decoration: none;
}
.font-nav a:hover{
  text-decoration: none;
}
.main-col-inner{
  padding-bottom: 50px;
}
.main-col-inner:after{
  content: "";
  display: table;
  clear: both;
}
.c-blog__heading{
  width: 100%;
}
.c-blog__heading.style-1{
  border-bottom: 1px solid var(--border-light-color);
  margin-bottom: 30px;
}
.text-ui-light .c-blog__heading.style-1{
  border-bottom: 1px solid var(--border-dark-color);
}

.c-blog__heading.style-1 h2 i, .c-blog__heading.style-1 h4 i, .c-blog__heading.style-1 .h4 i, .c-blog__heading.style-3 h2 i, .c-blog__heading.style-3 h4 i, .c-blog__heading.style-3 .h4 i{display: none;}
.c-blog__heading.style-3 h2, .c-blog__heading.style-3 h4, .c-blog__heading.style-3 .h4{margin: 4px 0;}
.c-blog__heading.style-3.fullsize{width:100%}

.c-blog__heading.style-2{
  border-bottom: 2px solid #ebebeb;
  margin-bottom: 35px;
}
.c-blog__heading > *{
  display: inline-block;
  vertical-align: middle;
}
.c-blog__heading h2 > i, .c-blog__heading .h4 > i{
  font-size: 18px;
  width: 30px;
  height: 30px;
  background: var(--primary-color);
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, var(--primary-color) 40%, #f45c43);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, var(--primary-color) 40%, #f45c43);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, var(--primary-color) 40%, #f45c43);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, var(--primary-color) 40%, #f45c43);
  /* Standard syntax */
  color: #fff;
  position: relative;
  margin-right: 16px;
  margin-bottom: -2px;
  vertical-align: middle;
  display: inline-block;
}
.c-blog__heading h2 > i:before, .c-blog__heading .h4 > i:before{
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.c-blog__heading h2 > i:after, .c-blog__heading .h4 > i:after{
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #f45c43;
  position: absolute;
  left: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-blog__heading.style-2 h2, .c-blog__heading .h4{
  margin: 0;
}
.c-blog__heading.style-2 > *:not(i):not(h2), .c-blog__heading > *:not(i):not(.h4){
  margin: 0;
}
.c-blog__heading.background{
  border-bottom: none;
}
.c-blog__heading.style-3{
  width: auto;
  display: inline-block;
  background: var(--primary-color);
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, var(--primary-color) 40%, #f45c43);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, var(--primary-color) 40%, #f45c43);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, var(--primary-color) 40%, #f45c43);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, var(--primary-color) 40%, #f45c43);
  /* Standard syntax */
  color: #fff;
  padding: 0 20px;
  margin-bottom: 26px;
  position: relative;
  text-transform: uppercase;
  font-weight: 600;
}
.c-blog__heading.style-3 h5{
  color: #fff;
  font-size: 14px;
  margin: 7px 0;
}
.c-blog__heading.style-3:after{
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #ef4447;
  position: absolute;
  top: 100%;
  left: 15px;
}
.c-blog__heading.no-border{
  border: none;
}
.c-blog__heading.no-border.style-2 i{
  margin-bottom: 0;
}

.tab-content-wrap{
  margin-top: 32px;
}

.c-btn{
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 5px;
  font-weight: 600;
  margin: 9px 8px 8px 9px;
}
.c-btn.c-btn_style-1{
  padding: 15px 40px;
  border: none;
  color: #fff;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  background-color: var(--primary-color);
}
.c-btn.c-btn_style-1:hover{
  color: #fff;
  background-color: #0f0f0f;
}
.c-btn.c-btn_style-2{
  padding: 12px 38px;
  border: 3px solid var(--primary-color);
  color: var(--primary-color);
  background-color: transparent;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.c-btn.c-btn_style-2:hover{
  background-color: #0f0f0f;
  border-color: #0f0f0f;
  color: #fff;
}
.c-btn.c-btn_style-3{
  padding: 12px 25px;
  border: 2px solid #666;
  border-radius: 25px;
  font-weight: 600;
  color: #666;
}
.c-btn.c-btn_style-3:hover{
  background-color: #0f0f0f;
  border-color: #0f0f0f;
  color: #ffffff;
}
a{
  -webkit-transition: color 200ms ease, background-color 200ms ease;
  -moz-transition: color 200ms ease, background-color 200ms ease;
  -o-transition: color 200ms ease, background-color 200ms ease;
  transition: color 200ms ease, background-color 200ms ease;
}
a:hover{
  text-decoration: none;
  color: var(--primary-color);
}
.item-title,
.widget-title .heading,
.comment-reply-title,
.comments-title{
  color: #333333;
}
script{
  display: none !important;
}

.go-to-top{
  cursor: pointer;
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #999;
  font-size: 20px;
  text-align: center;
  position: fixed;
  bottom: 10px;
  z-index: 10;
  line-height: 1.4;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  right: 10px;
  right: -ms-calc(-594.5%);
  -webkit-transform: translateY(-60%);
  -moz-transform: translateY(-60%);
  -ms-transform: translateY(-60%);
  -o-transform: translateY(-60%);
  visibility: hidden;
  opacity: 0;
}
.go-to-top i{
  font-size: 18px;
  line-height: 1.9;
}
.go-to-top:hover{
  background-color: var(--primary-color);
}
.go-to-top:hover i{
  color: #ffffff;
}
.go-to-top.active{
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  visibility: visible;
  opacity: 1;
  z-index: 1001;
}
.c-image-hover{
  overflow: hidden;
}
.c-image-hover img{
  -webkit-transition: transform 0.5s, filter 0.5s;
  -moz-transition: transform 0.5s, filter 0.5s;
  -o-transition: transform 0.5s, filter 0.5s;
  transition: transform 0.5s, filter 0.5s;
}
.c-image-hover:hover img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  zoom: 1;
  -webkit-filter: brightness(0.7);
  filter: brightness(0.7);
}
/*animation for lazyload*/
@keyframes fadeForLazyload {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeForLazyload {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
img.lazyload,
img.lazyloading{
  height: 0 !important;
  overflow: hidden !important;
  background-color: #f5f5f5;
}
img.lazyloaded{
  padding-top: 0 !important;
  background-color: #f5f5f5;
}
.effect-fade.lazyloaded{
  animation: fadeForLazyload 0.5s linear;
  -webkit-animation: fadeForLazyload 0.5s linear;
}
/*animation for lazyload*/
#pageloader .spinner{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
#pageloader .spinner .c-pre-loading-logo{
  margin-bottom: 25%;
}
#pageloader .spinner .loader-inner{
  display: inline-block;
}
.wpcf7-form label{
  width: 100%;
}
.wpcf7-form .wpcf7-form-control:not(.wpcf7-submit){
  background-color: transparent;
  box-shadow: none;
  border: 1px solid rgba(45, 45, 45, 0.3);
  border-radius: 5px;
  max-width: 100%;
  margin-top: 5px;
  padding: 8px 15px;
}
.wpcf7-form .wpcf7-form-control:not(.wpcf7-submit):hover{
  background-color: rgba(235, 235, 235, 0.3);
}
.wpcf7-form .wpcf7-validation-errors{
  border-color: var(--primary-color);
}
/**
 * :: Header
* -------------------------------------------------- */
.site-header .search-main-menu{
  list-style: none;
  padding: 0;
  position: relative;
  opacity: 0;
  visibility: hidden;
  height: 0;
  transform-origin: top;
  -webkit-transform-origin: top;
  transition: height 0.2s, visibility 0.2s, opacity 0.2s, transform 0s 0.2s;
  -webkit-transition: height 0.2s, visibility 0.2s, opacity 0.2s, -webkit-transform 0s 0.2s;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  top: 100%;
  padding-top: 0;
  margin-bottom: 0;
  z-index: 1;
}
.site-header .search-main-menu li{
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}
.site-header .search-main-menu form{
  max-width: 780px;
  margin: auto;
  padding: 0 15px;
  position: relative;
  height: 50px;
  display: inline-block;
  width: 100%;
}
.site-header .search-main-menu form *::-webkit-input-placeholder{
  color: #fff;
}
.site-header .search-main-menu form *:-moz-placeholder{
  /* FF 4-18 */
  color: #fff;
}
.site-header .search-main-menu form *::-moz-placeholder{
  /* FF 19+ */
  color: #fff;
}
.site-header .search-main-menu form *:-ms-input-placeholder{
  /* IE 10+ */
  color: #fff;
}
.site-header .search-main-menu form input[type="text"]{
  font-weight: normal;
  color: #fff;
}
.site-header .search-main-menu form i.ion-ios-search-strong{
  color: #333;
}
.site-header .search-main-menu form *::-webkit-input-placeholder{
  color: #666666;
}
.site-header .search-main-menu form *:-moz-placeholder{
  /* FF 4-18 */
  color: #666666;
}
.site-header .search-main-menu form *::-moz-placeholder{
  /* FF 19+ */
  color: #666666;
}
.site-header .search-main-menu form *:-ms-input-placeholder{
  /* IE 10+ */
  color: #666666;
}
.site-header .search-main-menu form input[type="text"]{
  background-color: #ebebeb;
  border: 1px solid #d7d7d7;
  color: #333;
  padding: 13px 115px 13px 15px;
  height: 100%;
  border-radius: 0;
  -webkit-transition: background-color 200ms ease;
  -moz-transition: background-color 200ms ease;
  -o-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}
.site-header .search-main-menu form input[type="text"]:hover,
.site-header .search-main-menu form input[type="text"]:active{
  background-color: rgba(235, 235, 235, 0.3);
}
.site-header .search-main-menu form input[type=submit]{
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  background: var(--primary-color);
  border: none;
  font-weight: 600;
  color: #fff;
  padding: 13px 25px;
  border-radius: 0;
  -webkit-transition: background-color 200ms ease;
  -moz-transition: background-color 200ms ease;
  -o-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  line-height: 1.5;
}
.site-header .search-main-menu form input[type=submit]:hover{
  background: #0f0f0f;
}
.site-header .search-main-menu.active{
  opacity: 1;
  visibility: visible;
  height: 128px;
}
@media (max-width: 480px) {
  .site-header .search-main-menu.active{
    height: 90px;
  }
}
.site-header .main-navigation{
  position: relative;
  font-size: 0;
}
.site-header .main-navigation .main-navigation_wrap{
  padding: 35px 0;
}
.site-header .main-navigation .main-navigation_wrap > *{
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 600px) {
  .site-header .main-navigation .main-navigation_wrap{
    padding: 5px 0;
  }
}
.site-header .main-navigation .main-menu{
  padding: 0;
}
.site-header .main-navigation .main-menu ul.main-navbar > li > a{
  font-weight: 600;
  padding: 13px 20px;
}
.site-header .main-navigation .main-menu ul.main-navbar > li > a:before{
  content: "";
  height: 2px;
  width: 0%;
  background: rgba(255, 255, 255, 0.5);
  display: block;
  position: absolute;
  bottom: 6px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.site-header .main-navigation .main-menu ul.main-navbar > li:hover > a:before{
  width: 50%;
}
.site-header .main-navigation .search-navigation.search-sidebar .widget{
  margin-bottom: 0;
  padding-right: 0;
}
.site-header .main-navigation .search-navigation ul{
  list-style: none;
  padding-left: 0;
}
.site-header .main-navigation .search-navigation .main-menu-search{
  margin-bottom: 0;
}
.site-header .main-navigation .search-navigation .menu-search .open-search-main-menu{
  font-size: 21px;
  width: 35px;
  height: 35px;
  display: inline-block;
  background-color: #fff;
  -webkit-transition: background-color 150s ease;
  -moz-transition: background-color 150s ease;
  -o-transition: background-color 150s ease;
  transition: background-color 150s ease;
  -webkit-transition: color 150ms ease-out;
  -moz-transition: color 150ms ease-out;
  -o-transition: color 150ms ease-out;
  transition: color 150ms ease-out;
  text-align: center;
  border-radius: 50%;
  line-height: 36px;
  color: var(--primary-color);
}
.site-header .main-navigation .search-navigation .menu-search .open-search-main-menu i:before{
  font-weight: 700;
}
.site-header .main-navigation .search-navigation .menu-search .open-search-main-menu:hover{
  background-color: #000000;
  color: #fff;
}
.site-header .main-navigation .search-navigation .menu-search .search-main-menu{
  display: none;
}
.site-header .main-navigation .search-navigation .menu-search .search-main-menu form{
  width: 282px;
  position: relative;
}
@media (max-width: 1200px) {
  .site-header .main-navigation .search-navigation .menu-search .search-main-menu form{
    width: 220px;
  }
}
.site-header .main-navigation .search-navigation .menu-search .search-main-menu form input[type="text"]{
  width: 100%;
  height: 38px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  padding: 0 45px 0 15px;
  background-color: transparent;
}
.site-header .main-navigation .search-navigation .menu-search .search-main-menu form input[type="text"]:focus{
  outline: none;
}
.site-header .main-navigation .search-navigation .menu-search .search-main-menu form i{
  position: absolute;
  right: 10px;
  top: 4px;
  font-size: 24px;
}
.site-header .main-navigation .search-navigation .menu-search .search-main-menu form input[type=submit]{
  position: absolute;
  top: 5px;
  right: 0;
  font-size: 0;
  background-color: transparent;
  border: none;
  padding: 14px 19px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.site-header .main-navigation{
  background: var(--primary-color);
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, var(--primary-color) 40%, var(--secondary-color));
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, var(--primary-color) 40%, var(--secondary-color));
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, var(--primary-color) 40%, var(--secondary-color));
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, var(--primary-color) 40%, var(--secondary-color));
  /* Standard syntax */
}

.site-header .main-navigation.style-1 .wrap_branding{
  width: 25%;
}
.site-header .main-navigation.style-1 .wrap_branding a img{
  max-width: 232px;
}
@media (max-width: 768px) {
  .site-header .main-navigation.style-1 .wrap_branding{
    width: 40%;
  }
}
@media (max-width: 480px) {

  .site-header .main-navigation.style-1 .c-togle__menu{
	  position: absolute;
    right: 10px;
    top: 50%;
	margin-top: -16px;
  }
}
.site-header .main-navigation.style-1 .main-menu{
  width: 60%;
}
@media (max-width: 600px) {
  .site-header .main-navigation.style-1 .main-menu{
    width: 40%;
  }
}
.site-header .main-navigation.style-1 .search-navigation{
  width: 15%;
}
.site-header .main-navigation.style-1 .search-navigation .search-navigation__wrap{
  display: table;
  width: 100%;
}
@media (max-width: 1200px) {
  .site-header .main-navigation.style-1 .search-navigation .search-navigation__wrap{
    text-align: right;
  }
}
@media (max-width: 480px) {
  .site-header .main-navigation.style-1 .search-navigation .search-navigation__wrap{
    text-align: center;
  }
  .site-header .main-navigation.style-1 .wrap_branding a img{
	  max-height: 60px;
	}

}
.site-header .main-navigation.style-1 .search-navigation .search-navigation__wrap > *{
  display: table-cell;
  vertical-align: middle;
}
@media (max-width: 1200px) {
  .site-header .main-navigation.style-1 .search-navigation .search-navigation__wrap > *{
    display: inline-block;
  }
}
.site-header .main-navigation.style-1 .search-navigation .search-navigation__wrap .main-menu-search{
  text-align: right;
}
.site-header .main-navigation.style-1 .search-navigation .search-navigation__wrap .main-menu-search .menu-search a.open-search-main-menu .ion-android-close{
  display: none;
}
.site-header .main-navigation.style-1 .search-navigation .search-navigation__wrap .main-menu-search .menu-search a.open-search-main-menu.search-open .ion-android-close{
  display: block;
}
.site-header .main-navigation.style-1 .search-navigation .search-navigation__wrap .main-menu-search .menu-search a.open-search-main-menu.search-open .ion-ios-search-strong{
  display: none;
}
@media (max-width: 992px) {
  .site-header .main-navigation.style-1 .search-navigation .search-navigation__wrap .main-menu-search{
    margin-bottom: 0;
  }
}

.site-header .main-navigation.style-1 .search-navigation .search-navigation__wrap .link-adv-search{
  text-align: right;
  padding-left: 15px;
}
.site-header .main-navigation.style-1 .search-navigation .search-navigation__wrap .link-adv-search a{
  color: #fff;
  font-weight: 600;
}

@media (max-width: 992px) {
  .site-header .main-navigation.style-1 .search-navigation{
    width: 65%;
  }
}
@media (max-width: 768px) {
  .site-header .main-navigation.style-1 .search-navigation{
    width: 50%;
  }
}

.site-header .main-navigation.style-1 .c-togle__menu{
  text-align: right;
  width: 10%;
  display: none;
}
@media (max-width: 992px) {
  .site-header .main-navigation.style-1 .c-togle__menu{
    display: inline-block;
  }
}
.site-header .c-sub-header-nav{
  background-color: #ffffff;
}
.site-header .c-sub-header-nav.with-border{
  border-bottom: 1px solid #ebebeb;
}
.site-header .c-sub-header-nav .c-sub-nav_wrap{
  font-size: 0;
  padding: 7px 0 6px;
  position: relative;
}
@media (max-width: 480px) {
  .site-header .main-navigation.style-1 .search-navigation .search-navigation__wrap .link-adv-search{
    display: none;
  }
  .site-header .main-navigation.style-1 .search-navigation{
    width: 20%;
	position: absolute;
    right: 44px;
    top: 50%;
	margin-top: -18px;
  }
  .site-header .c-sub-header-nav .c-sub-nav_wrap{padding-top:0;padding-bottom:0}
}
.site-header .c-sub-header-nav .c-sub-nav_wrap:after{
  display: table;
  content: "";
  clear: both;
}
.site-header .c-sub-header-nav .c-sub-nav_wrap > *{
  display: inline-block;
  font-size: 14px;
  vertical-align: middle;
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content{
  width: 75%;
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list{
  margin: 0 -18px;
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list .mobile-icon{
  display: none;
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list li .sub-menu{
  display: block;
  float: left;
  left: 0;
  position: absolute;
  border-radius: 0px;
  z-index: 9999;
  height: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  pointer-events: none;
  padding: 0;
  margin-top: 6px;
  list-style: none;
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list li .sub-menu:before{
  content: "";
  background-color: transparent;
  width: 100%;
  height: 20px;
  bottom: 100%;
  display: block;
  position: absolute;
  left: 0;
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list li .sub-menu .sub-menu{
  top: 100%;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  min-width: 200px;
  margin-top: 19px;
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list li .sub-menu .sub-menu a{
  background-color: #fff;
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list li .sub-menu .sub-menu li{
  border-bottom: 1px solid #e1e1e1;
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list li .sub-menu .sub-menu li:last-child{
  border-bottom: none;
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list li .sub-menu .sub-menu li:hover > a{
  background-color: #f3f3f3;
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list li .sub-menu .sub-menu .sub-menu{
  left: 100%;
  top: 0;
  margin-top: 0;
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list li .sub-menu a{
  padding: 7px 20px;
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list li a{
  font-weight: 600;
  color: #666;
  text-transform: uppercase;
  padding: 13px;
  display: block;
}
@media (max-width: 768px) {
  .site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list li a{
    padding: 5px 15px;
  }
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list li.menu-item-has-children{
  position: relative;
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list li.menu-item-has-children > a{
  position: relative;
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list li.menu-item-has-children > a:after{
  content: "\f357";
  display: inline-block;
  font-family: "Ionicons";
font-display: optional;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 10px;
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list li.menu-item-has-children:hover > .sub-menu,
.site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list li.menu-item-has-children.active > .sub-menu{
  opacity: 1;
  visibility: visible;
  height: auto;
  z-index: 9999;
  pointer-events: auto;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list li.menu-item-has-children.active > a{
  color: var(--primary-color);
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list li:hover > a{
  color: var(--primary-color);
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list > li.menu-item-has-children{
  position: static;
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list > li.menu-item-has-children > ul.sub-menu{
  background-color: #f3f3f3;
  /* ul first */
  width: 100%;
  left: 0;
  right: 0;
  list-style: none;
  padding: 17px 10px;
  border-bottom: 3px solid var(--primary-color);
  border-top: 1px solid #ebebeb;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list > li.menu-item-has-children > ul.sub-menu > li{
  display: inline-block;
}

.site-header .c-sub-header-nav .c-sub-nav_wrap .c-modal_item{
  text-align: right;
  width: 25%;
}
.site-header .c-modal_item .btn-active-modal, .widget_madara-user-section  .c-modal_item .btn-active-modal{
  color: #666;
  font-weight: 600;
  display: inline-block;
  padding: 5px 15px;
  border: 2px solid #666;
  border-radius: 30px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.text-ui-light .site-header .main-navigation_wrap .c-modal_item .btn-active-modal, .text-ui-light .site-header .off-canvas .c-modal_item .btn-active-modal{
  color: #FFF;
  border-color: #FFF;
}

.text-ui-light .site-header .main-navigation_wrap .c-modal_item .btn-active-modal:hover, .text-ui-light .site-header .off-canvas .c-modal_item .btn-active-modal:hover{
  color: #ddd;
  border-color: #ddd;
}

.widget_madara-user-section .c-modal_item .btn-active-modal:first-child{margin-right:5px}

@media (max-width: 992px) {
  .site-header .c-sub-header-nav .c-sub-nav_wrap .c-modal_item .btn-active-modal{
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .c-modal_item .btn-active-modal:focus, .widget_madara-user-section .c-modal_item .btn-active-modal:focus{
  outline: none;
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .c-modal_item .btn-active-modal:hover, .widget_madara-user-section .c-modal_item .btn-active-modal:hover{
  cursor: pointer;
  background-color: #0f0f0f;
  border-color: #0f0f0f;
  color: #fff;
}

.c-user_item > span{padding: 0 5px}

.site-header .c-sub-header-nav .c-sub-nav_wrap .c-modal_item .c-user_item > *, .widget_madara-user-section .c-modal_item .c-user_item > *{
  display: inline-block;
  vertical-align: middle;
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .c-modal_item .c-user_item span .widget_madara-user-section .c-modal_item .c-user_item span{
  margin-right: 10px;
  color: #666;
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .c-modal_item .c-user_item .c-user_avatar .widget_madara-user-section .c-modal_item .c-user_item .c-user_avatar{
  position: relative;
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .c-modal_item .c-user_item .c-user_avatar .c-user_avatar-image img, .widget_madara-user-section .c-modal_item .c-user_item .c-user_avatar .c-user_avatar-image img{
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 2px solid #d7d7d7;
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .c-modal_item .c-user_item .c-user_avatar .c-user_avatar-image .c-user_notify, .widget_madara-user-section .c-modal_item .c-user_item .c-user_avatar .c-user_avatar-image .c-user_notify{
  background: #ef3e47;
  color: #fff;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  font-size: 10px;
  text-align: center;
  position: absolute;
  top: -1px;
  right: -1px;
  line-height: 14px;
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .c-modal_item .c-user_item .c-user_menu, .widget_madara-user-section .c-modal_item .c-user_item .c-user_menu{
  opacity: 0;
  visibility: hidden;
  position: absolute;
  list-style: none;
  padding: 0;
  background-color: #f3f3f3;
  min-width: 150px;
  max-width: 250px;
  text-align: left;
  top: 100%;
  margin-top: 12px;
  right: 0;
  padding: 10px;
  z-index: 9999;
  border-bottom: 3px solid var(--primary-color);
  border-top: 1px solid #ebebeb;
  white-space: nowrap;
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .c-modal_item .c-user_item .c-user_menu:after, .widget_madara-user-section .c-modal_item .c-user_item .c-user_menu:after{
  display: block;
  width: 100%;
  content: "";
  height: 15px;
  background-color: transparent;
  position: absolute;
  top: -15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .c-modal_item .c-user_item .c-user_menu a, .widget_madara-user-section .c-modal_item .c-user_item .c-user_menu a{
  display: block;
  padding: 5px 10px;
  color: #666;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 600;
  position: relative;
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .c-modal_item .c-user_item .c-user_menu a:hover, .widget_madara-user-section .c-modal_item .c-user_item .c-user_menu a:hover{
  color: var(--primary-color);
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .c-modal_item .c-user_item .c-user_avatar:hover, .widget_madara-user-section .c-modal_item .c-user_item .c-user_avatar:hover{
  cursor: pointer;
}
.site-header .c-sub-header-nav .c-sub-nav_wrap .c-modal_item .c-user_item .c-user_avatar:hover .c-user_menu, .widget_madara-user-section .c-modal_item .c-user_item .c-user_avatar:hover .c-user_menu{
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media (max-width: 992px) {
  .site-header .c-sub-header-nav .c-sub-nav_wrap .c-modal_item .c-user_item{
    text-align: center;
  }
  .site-header .c-sub-header-nav .c-sub-nav_wrap .c-modal_item .c-user_item span{
    margin: 0 10px;
  }
}
@media (max-width: 768px) {
  .site-header .c-sub-header-nav .c-sub-nav_wrap .c-modal_item .c-user_item{
    text-align: right;
  }
}
@media (max-width: 992px) {
  .site-header .c-sub-header-nav .c-sub-nav_wrap .c-modal_item{
    width: 20%;
  }
}
@media (max-width: 768px) {
  .site-header .c-sub-header-nav .c-sub-nav_wrap .c-modal_item{
    display: none;
  }
}
body.modal-open{
  padding-right: 0 !important;
  width: 100%;
}
body.modal-open .modal{
  padding-right: 0 !important;
}
body.modal-open .modal .modal-dialog{
  background-image: url(images/bg-search.jpg);
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
  body.modal-open .modal .modal-dialog{
    width: 90%;
    max-width: 400px;
    margin: auto;
  }
}
body.modal-open .modal .modal-content{
  background-color: transparent;
  border: 3px solid #fff;
  border-radius: 0;
}
body.modal-open .modal .modal-content .modal-header,
body.modal-open .modal .modal-content .modal-footer{
  padding: 0;
  border-bottom: none;
}
body.modal-open .modal .modal-content .modal-header .close,
body.modal-open .modal .modal-content .modal-footer .close{
  margin-top: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 9;
  font-size: 35px;
}
body.modal-open .modal .modal-content .modal-header .close:focus,
body.modal-open .modal .modal-content .modal-footer .close:focus{
  outline: none;
}
body.modal-open .modal .modal-content .modal-body .login:not(.message){
  padding: 0 125px;
}
@media (max-width: 768px) {
  body.modal-open .modal .modal-content .modal-body .login:not(.message){
    padding: 0 15px;
  }
}
body.modal-open .modal .modal-content .message{
  color: #ff0000;
}
@media (max-width: 768px) {
  body.modal-open .modal .modal-content .modal-body .login{
    padding: 0 15px;
  }
}
body.modal-open .modal .modal-content .modal-body .login h3{
  text-align: center;
  font-size: 20px;
  text-transform: uppercase;
}
body.modal-open .modal .modal-content .modal-body .login .submit{
  float: left;
}
body.modal-open .modal .modal-content .modal-body .login .submit .wp-submit{
  padding: 12px 30px;
  border: none;
  border-radius: 25px;
  font-weight: 600;
  color: #fff;
  background-color: var(--primary-color);
  -webkit-transition: background-color 200ms ease;
  -moz-transition: background-color 200ms ease;
  -o-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}
body.modal-open .modal .modal-content .modal-body .login .submit .wp-submit:hover{
  color: #fff;
  background-color: #0f0f0f;
}
body.modal-open .modal .modal-content .modal-body .login .submit .wp-submit[disabled]{
  background-color: #adadad;
}
body.modal-open .modal .modal-content .modal-body .login label{
  width: 100%;
  max-width: 315px;
  text-align: left;
  color: #333;
  font-weight: 600;
  margin-bottom: 14px;
}
body.modal-open .modal .modal-content .modal-body .login label[for=user_pass]{
  margin-bottom: 20px;
}
body.modal-open .modal .modal-content .modal-body .login label[for="rememberme"]{
  font-weight: normal;
}
@media (max-width: 600px) {
  body.modal-open .modal .modal-content .modal-body .login label{
    margin-bottom: 0;
  }
  body.modal-open .modal .modal-content .modal-body .login label[for=user_pass]{
    margin-bottom: 0;
  }
}
body.modal-open .modal .modal-content .modal-body .login p.nav{
  margin-top: 5px;
}
body.modal-open .modal .modal-content .modal-body .login input[type="text"],
body.modal-open .modal .modal-content .modal-body .login input[type="email"],
body.modal-open .modal .modal-content .modal-body .login input[type="url"],
body.modal-open .modal .modal-content .modal-body .login input[type="password"],
body.modal-open .modal .modal-content .modal-body .login input[type="search"]{
  width: 100%;
  padding: 13px 15px;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  margin-top: 14px;
  background-color: #ffffff;
  line-height: 14px;
}
body.modal-open .modal .modal-content .modal-body .login input[type="text"]:focus,
body.modal-open .modal .modal-content .modal-body .login input[type="email"]:focus,
body.modal-open .modal .modal-content .modal-body .login input[type="url"]:focus,
body.modal-open .modal .modal-content .modal-body .login input[type="password"]:focus,
body.modal-open .modal .modal-content .modal-body .login input[type="search"]:focus{
  outline: none;
}
body.modal-open .modal .modal-content .modal-body .login #loginform{
  font-size: 0;
}
body.modal-open .modal .modal-content .modal-body .login #loginform > *{
  font-size: 14px;
}
body.modal-open .modal .modal-content .modal-body .login #loginform:after{
  display: table;
  clear: both;
  content: "";
}
body.modal-open .modal .modal-content .modal-body .login #loginform input[type=checkbox]{
  display: inline-block;
}
body.modal-open .modal .modal-content .modal-body .login #loginform .forgetmenot,
body.modal-open .modal .modal-content .modal-body .login #loginform .submit{
  display: inline-block;
  width: 50%;
}
@media (max-width: 600px) {
  body.modal-open .modal .modal-content .modal-body .login #loginform .forgetmenot,
body.modal-open .modal .modal-content .modal-body .login #loginform .submit{
    width: 100%;
  }
}
body.modal-open .modal .modal-content .modal-body .login #loginform .forgetmenot{
  float: right;
  margin-top: 10px;
}
@media (max-width: 600px) {
  body.modal-open .modal .modal-content .modal-body .login #loginform .forgetmenot{
    margin-top: 0;
  }
}
body.modal-open .modal .modal-content .modal-body .login #loginform .forgetmenot #rememberme{
  display: inline-block;
  margin-top: -1px;
  vertical-align: middle;
  margin-right: 10px;
}
body.modal-open .modal .modal-content .modal-body .login #registerform:after{
  display: table;
  clear: both;
  content: "";
}
body.modal-open .modal .modal-content .modal-body .login #resetform:after{
  display: table;
  clear: both;
  content: "";
}
.off-canvas{
  background: var(--primary-color);
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, var(--primary-color) 40%, #f45c43);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, var(--primary-color) 40%, #f45c43);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, var(--primary-color) 40%, #f45c43);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, var(--primary-color) 40%, #f45c43);
  /* Standard syntax */
  position: fixed;
  width: 300px;
  top: 0;
  left: -300px;
  right: auto;
  height: 100%;
  z-index: 10000;
  -webkit-transition: left 0.3s ease-in-out;
  -moz-transition: left 0.3s ease-in-out;
  -o-transition: left 0.3s ease-in-out;
  transition: left 0.3s ease-in-out;
}
.off-canvas .c-user_item{
  text-align: center;
}
.off-canvas .c-user_avatar-image img{
  border-radius: 50%;
  max-width: 80px;
  max-height: 80px;
}
.off-canvas .c-user_name{
  font-size: 14px;
  color: #fff;
  margin-top: 7px;
  display: block;
  font-weight: 500;
}
.off-canvas .c-modal_item{
  text-align: center;
  display: block;
}
.off-canvas .c-modal_item span{
  display: block;
}
.off-canvas .c-modal_item a{
  display: inline-block;
  color: #fff;
  font-weight: 600;
  padding: 5px 20px;
  border: 2px solid #fff;
  border-radius: 30px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.off-canvas .c-modal_item a:hover,
.off-canvas .c-modal_item a:active,
.off-canvas .c-modal_item a:focus{
  cursor: pointer;
  background-color: #0f0f0f;
  border-color: #0f0f0f;
  color: #fff;
}
.off-canvas .c-modal_item .c-modal_sign-up{
  margin-top: 10px;
}
@media (max-width: 600px) {
  .off-canvas{
    width: 260px;
    left: -260px;
  }
}
.off-canvas nav.off-menu{
  overflow-y: auto;
  max-height: calc(100vh - 235px);
}
@media (max-width: 782px) {
  .off-canvas nav.off-menu{
    max-height: calc(100vh - 249px);
  }
}
@media (max-width: 782px) {
  .off-canvas nav.off-menu{
    max-height: calc(100vh - 229px);
  }
}
@media (max-width: 600px) {
  .off-canvas nav.off-menu{
    max-height: calc(100vh - 190px);
  }
}
.off-canvas.active{
  left: 0;
}
.off-canvas .close-nav{
  height: 58px;
  width: 100%;
  cursor: pointer;
  position: relative;
  margin-bottom: 5px;
  margin-top: 40px;
  float: none;
  text-align: center;
}
@media (max-width: 768px) {
  .off-canvas .close-nav{
    margin-top: 25px;
    height: 40px;
    margin-bottom: 18px;
  }
}
.off-canvas .close-nav > .menu_icon__close{
  float: none;
  margin: 0 auto;
  display: block;
  background: transparent;
  border: none;
  outline: 0;
  overflow: hidden;
  margin-top: 10px;
}
.off-canvas .close-nav > .menu_icon__close > span:first-child,
.off-canvas .close-nav > .menu_icon__close > span:last-child{
  display: block;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transition: transform 0.2s;
  -moz-transition: transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
.off-canvas .close-nav > .menu_icon__close > span:first-child{
  height: 1px;
  width: 30px;
  margin-left: 0;
  margin-top: 16px;
}
.off-canvas .close-nav > .menu_icon__close > span:last-child{
  height: 30px;
  width: 1px;
  margin-left: 14px;
  margin-top: -16px;
}
.off-canvas .close-nav > .menu_icon__close:hover > span:first-child,
.off-canvas .close-nav > .menu_icon__close:hover > span:last-child{
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.off-canvas ul{
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0 50px;
}
@media (max-width: 768px) {
  .off-canvas ul{
    padding: 0 30px;
  }
}
.off-canvas ul.main-navbar li.menu-item-has-children > i.fa{
  position: absolute;
  top: 15px;
  left: -17px;
  cursor: pointer;
  color: #fff;
  height: 40px;
  width: 40px;
  text-align: center;
  font-size: 16px;
  line-height: 40px;
}
.off-canvas ul.main-navbar li.menu-item-has-children > i.fa:before{
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  display: inline-block;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.off-canvas ul.main-navbar li.menu-item-has-children.active{
  padding-bottom: 15px;
  -webkit-transition: padding-bottom 0.3s;
  -moz-transition: padding-bottom 0.3s;
  -o-transition: padding-bottom 0.3s;
  transition: padding-bottom 0.3s;
}
.off-canvas ul.main-navbar li.menu-item-has-children.active > a{
  padding-bottom: 10px;
}
.off-canvas ul.main-navbar li.menu-item-has-children.active > i.fa:before{
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.off-canvas ul.main-navbar li.menu-item-has-children > a{
  padding-left: 18px;
}
.off-canvas ul.main-navbar ul.dropdown-menu{
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  display: none;
  position: initial;
  width: 100%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-clip: initial;
  border: none;
  padding: 0;
  background-color: transparent;
  min-width: inherit;
}
.off-canvas ul.main-navbar ul.dropdown-menu li{
  padding: 0;
}
.off-canvas ul.main-navbar ul.dropdown-menu li a{
  padding-top: 10px;
  padding-bottom: 10px;
}
.off-canvas ul.main-navbar ul.dropdown-menu li.menu-item-has-children{
  padding-bottom: 0;
}
.off-canvas ul.main-navbar ul.dropdown-menu li.menu-item-has-children i{
  top: 0;
}
.off-canvas ul.main-navbar li{
  float: none;
  position: relative;
  padding: 26px 0 24px;
}
.off-canvas ul.main-navbar li > ul{
  display: none;
}
.off-canvas ul.main-navbar li:after{
  display: table;
  content: "";
  clear: both;
}
.off-canvas ul.main-navbar li a{
  position: relative;
  background-color: transparent !important;
  color: #fff;
  letter-spacing: normal;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  white-space: inherit;
  padding: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.off-canvas ul.main-navbar li a:after{
  content: none;
}
.off-canvas ul.main-navbar li a:hover{
  color: #ccc;
}
.off-canvas ul.main-navbar > li{
  border-bottom: 1px solid rgba(250, 247, 250, 0.3);
}
.off-canvas ul.main-navbar > li:first-of-type{
  box-shadow: none;
}
.off-canvas ul.main-navbar > li > ul.sub-menu{
  padding-left: 18px;
}
.off-canvas ul.main-navbar > li.menu-item-has-children > .sub-menu{
  padding-top: 10px;
}
.off-canvas > ul > li:nth-child(1) > a{
  border-bottom-color: transparent;
}
body .wrap:after{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 999;
  pointer-events: none;
}
body.open_canvas .wrap:after{
  opacity: 1;
}
.menu_icon__open{
  display: inline-block;
  margin: 5px 0px;
  background: transparent;
  border: none;
  outline: 0;
  padding: 0;
}
.menu_icon__open > span{
  display: block;
  width: 30px;
  height: 2px;
  background-color: #ffffff;
  margin-bottom: 8px;
  -webkit-transition: opacity 0.05s 0.25s, transform 0.2s 0.25s ease-out;
  -o-transition: opacity 0.05s 0.25s, transform 0.2s 0.25s ease-out;
  transition: opacity 0.05s 0.25s, transform 0.2s 0.25s ease-out;
  -webkit-transform-origin: left;
  -moz-transform-origin: left;
  -ms-transform-origin: left;
  -o-transform-origin: left;
  transform-origin: left;
  pointer-events: none;
}
.menu_icon__open > span:last-child{
  margin-bottom: 0;
}
.menu_icon__open.active{
  pointer-events: none;
}
.menu_icon__open.active > span{
  opacity: 0;
  transition: opacity 0.05s 0s, transform 0.2s 0s ease-out;
  -webkit-transition: opacity 0.05s 0s, -webkit-transform 0.2s 0s ease-out;
}
.menu_icon__open.active > span:first-child{
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  opacity: 1;
}
.menu_icon__open.active > span:last-child{
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  opacity: 1;
}
/**
 * :: Navigation
 * -------------------------------------------------- */
.main-navigation .main-menu{
  padding: 18px 0 17px;
}
.main-navigation .main-menu ul li > a{
  font-size: 14px;
}
@media (max-width: 1199px) {
  .main-navigation .main-menu ul li > a{
    padding: 18px 25px 14px;
  }
}
.main-navigation .main-menu ul li.menu-item-has-children > a:after{
  content: "\f3d0";
  display: inline-block;
  font-family: "Ionicons";
font-display: optional;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 10px;
}
.main-navigation .main-menu ul.main-navbar > li > a{
  background: transparent;
  color: #fff;
}
@media (max-width: 992px) {
  .main-navigation .main-menu{
    display: none !important;
  }
}
.site-header .c-sub-header-nav{
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 99;
}
.site-header .c-sub-header-nav.sticky{
  -webkit-animation: eFadeIn .3s;
  animation: eFadeIn .3s;
  position: fixed !important;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(184, 184, 184, 0.4);
  box-shadow: 0px 1px 0px 0px rgba(184, 184, 184, 0.4);
}
body.admin-bar .off-canvas{
  top: 32px;
  height: calc(100% - 32px);
}
@media (max-width: 782px) {
  body.admin-bar .off-canvas{
    top: 46px;
    height: calc(100% - 46px);
  }
}
@media (max-width: 600px) {
  body.admin-bar .off-canvas{
    top: 0;
    z-index: 100000;
    height: 100%;
  }
}
body.admin-bar.sticky__active .c-sub-header-nav.sticky{
  top: 32px;
}
@media (max-width: 782px) {
  body.admin-bar.sticky__active .c-sub-header-nav.sticky{
    top: 46px;
  }
}
@media (max-width: 600px) {
  body.admin-bar.sticky__active .c-sub-header-nav.sticky{
    top: 0;
  }
}
@-webkit-keyframes eFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes eFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
 * :: Pages
 * -------------------------------------------------- */
body.page .c-page-content .content-area{
  margin-top: 50px;
}
body.page .c-page-content .content-area.top0{
  margin-top: 0
}
body.page .c-page-content .content-area.top0 #main-sidebar{margin-top:35px}
body.page .c-page-content .main-col-inner .entry-header .entry-title{
  border-bottom: 1px solid #ebebeb;
}
body.page .c-page-content .main-col-inner .entry-header .entry-title .item-title{
  margin-top: 0;
}
body.page .c-page-content .main-col-inner .c-blog__heading.no-icon:not(.style-3){
  border-bottom: 1px solid #e1e1e1;
}
.content-area.top0 .c-blog__heading{
  margin-top:35px
}
body.page .c-page-content .main-col-inner .c-blog__heading.no-icon > h1{
  margin-bottom: 10px;
}
body.page .page-content-listing{
  margin-top: 35px;
}

body.page:not(.single) .main-col-inner .entry-header .entry-title{
  padding-bottom: 0;
  margin-bottom: 30px;
}
/* ckeckbox style
input[type=checkbox],
input[type=radio] {
  display: none;
}
input[type=checkbox] + label:before,
input[type=radio] + label:before {
  display: inline-block;
  font-family: "Ionicons";
font-display: optional;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  padding-right: 12px;
}
input[type=checkbox] + label:before,
input[type=radio] + label:before {
  content: "\f2b8";
  color: #b7b7b7;
}
input[type=checkbox]:checked + label:before,
input[type=radio]:checked + label:before {
  content: "\f2b9";
  color: #eb3449;
}

/* checkbox style */

/*  breadcrumb */
.c-breadcrumb{
  margin: 0 -15px;
}
.c-breadcrumb .breadcrumb{
  margin-bottom: 0;
  background-color: transparent;
  display: inline-block;
}
.c-breadcrumb .breadcrumb li{
  font-size: 12px;
}
.c-breadcrumb .breadcrumb li a{
  color: #888888;
}
.c-breadcrumb .breadcrumb li a:hover{
  color: var(--primary-color);
}
.c-breadcrumb .breadcrumb li + li:before{
  content: "/";
  padding: 0 2px;
}
.c-breadcrumb-wrapper{
  padding-top: 16px;
}
@media (max-width: 480px) {
  .c-breadcrumb-wrapper{
    padding-top: 10px;
  }
  
}

body.archive .c-page-content .main-col-inner .entry-header .entry-title{
  border-bottom: none;
}
body.archive .c-page-content .main-col-inner .entry-header .entry-title h2.item-title{
  font-size: 4.5vh;
  text-align: center;
}
body.archive .paging-navigation{
  margin-top: 45px;
}
body.archive .navigation-ajax .load-ajax{
  margin-top: 50px;
}
body.archive .wp-pagenavi{
  margin-top: 48px;
}

/**
 * :: Single
 * -------------------------------------------------- */

.c-blog-post .entry-header .entry-title{
  padding-bottom: 22px;
  margin-bottom: 18px;
}
.c-blog-post .entry-header .entry-meta{
  position: relative;
  padding: 0px 0px 19px 0px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 29px;
}
.text-ui-light .c-blog-post .entry-header .entry-meta{
  border-bottom-color: #424242;
}
.c-blog-post .entry-header .entry-meta > *{
  display: inline-block;
}
.c-blog-post .entry-header .entry-meta .post-on{
  padding-left: 38px;
  position: relative;
}
.c-blog-post .entry-header .entry-meta .post-on:before{
  content: "\f2ab";
  display: inline-block;
  font-family: "Ionicons";
font-display: optional;
  font-size: 38px;
  position: absolute;
  top: 9px;
  left: 0;
  margin-top: -15px;
  color: var(--primary-color);
}
.c-blog-post .entry-header .entry-meta .post-on .posted-on a{
  color: #666666;
}
.c-blog-post .entry-header .entry-meta .post-on .posted-on a:hover{
  color: var(--primary-color);
}
.c-blog-post .entry-header .entry-meta .post-on .c-blog__date{
  padding-right: 20%;
  display: inline-block;
}
.c-blog-post .entry-header .entry-meta .post-on, .c-blog-post .entry-header .entry-meta .post-on .font-meta{display:block}
.c-blog-post .entry-header .entry-meta .post-on .c-blog__date .post-category a:not(:hover){
  color: #666666;
}
.c-blog-post .entry-header .entry-meta .post-on .c-blog__date .post-category a:hover{
  color: var(--primary-color);
}
@media (max-width: 600px) {
  .c-blog-post .entry-header .entry-meta .post-on{
    width: 100%;
  }
}
.c-blog-post .entry-header .entry-meta .total-count{
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  margin-top: -10px;
  font-size: 12px;
}
.c-blog-post .entry-header .entry-meta .total-count span{
  position: relative;
  padding-left: 20px;
}
.c-blog-post .entry-header .entry-meta .total-count span + span{
  margin-left: 22px;
}
.c-blog-post .entry-header .entry-meta .total-count span:before{
  display: inline-block;
  font-family: "Ionicons";
font-display: optional;
  font-size: 18px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 3px;
}
.c-blog-post .entry-header .entry-meta .total-count span.count-view:before{
  content: "\f425";
}

.c-blog-post .entry-header .entry-meta .total-count span.count-share:before{
  content: "\f3ac";
  font-size: 14px;
}
@media (max-width: 600px) {
  .c-blog-post .entry-header .entry-meta .total-count{
    width: 100%;
    position: relative;
    transform: translateY(0);
    top: 0;
    margin-top: 10px;
  }
}
.c-blog-post .c-blog__excerpt{
  margin-bottom: 33px;
  line-height: 2.14285714;
}
.c-blog-post .c-blog__thumbnail{
  margin-bottom: 40px;
}
.c-blog-post .c-blog__thumbnail img{
  margin: 0 auto;
}
.c-blog-post .entry-content{
  color: #333;
}
.c-blog-post .entry-content .entry-content_wrap{
  line-height: 2.14285714;
}
.c-blog-post .entry-content .entry-content_wrap:after{
  content: '';
  display: block;
  clear: both;
}
.c-blog-post .entry-content .entry-content_wrap p{
  margin-bottom: 20px;
}
.c-blog-post .entry-content .entry-content_wrap iframe{
  max-width: 100%;
}

.page-break.no-gaps{line-height: 0;}

.c-blog-post .item-tags{
  padding: 0px 0px 20px 0px;
}
.c-blog-post .item-tags .list-inline li{
  padding-right: 0;
}
.c-blog-post .page-links{
  padding: 0px 0px 20px 0px;
}

body.single .paging-navigation{
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 34px;
  margin-top: 0;
  margin-bottom: 46px;
}
body.single .paging-navigation .nav-links .nav-button{
  display: inline-block;
  max-width: 213px;
  font-size: 14px;
  font-weight: 600;
  line-height: 2.14285714;
  width: calc(50% - 5px);
}
body.single .paging-navigation .nav-links .nav-button > a{
  text-decoration: none;
  position: relative;
  margin-bottom: 8px;
  display: inline-block;
}
body.single .paging-navigation .nav-links .nav-button > a:after{
  display: inline-block;
  font-family: "Ionicons";
font-display: optional;
  position: absolute;
  font-size: 17px;
  margin-top: -3px;
}
body.single .paging-navigation .nav-links .nav-button .c-blog__thumbnail{
  margin-bottom: 14px;
}
body.single .paging-navigation .nav-links .nav-button .c-blog__summary h6{
  line-height: 1.6;
}
body.single .paging-navigation .nav-links .nav-previous{
  float: right;
  text-align: right;
}
body.single .paging-navigation .nav-links .nav-previous > a{
  padding-right: 15px;
}
body.single .paging-navigation .nav-links .nav-previous > a:after{
  content: '\f287';
  right: 0;
}
body.single .paging-navigation .nav-links .nav-next{
  float: left;
}
body.single .paging-navigation .nav-links .nav-next > a{
  padding-left: 15px;
}
body.single .paging-navigation .nav-links .nav-next > a:after{
  content: '\f27d';
  left: 0;
}
body.single .paging-navigation:after{
  display: table;
  content: "";
  clear: both;
}
body.single .paging-navigation:last-child{
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
#madara-comments.comments-area{
  position: relative;
}
#madara-comments.comments-area .comments-title,
#madara-comments.comments-area h4.comment-reply-title{
  margin-bottom: 28px;
  font-weight: 600;
}
#madara-comments.comments-area ol.comment-list{
  list-style: none;
  margin: 0;
  padding: 0px;
}
#madara-comments.comments-area ol.comment-list li.comment,
#madara-comments.comments-area ol.comment-list li.pingback{
  background: none;
  position: relative;
}
#madara-comments.comments-area ol.comment-list li.comment article.comment-body,
#madara-comments.comments-area ol.comment-list li.pingback article.comment-body{
  margin-bottom: 46px;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  #madara-comments.comments-area ol.comment-list li.comment article.comment-body,
#madara-comments.comments-area ol.comment-list li.pingback article.comment-body{
    margin-bottom: 30px;
  }
}
#madara-comments.comments-area ol.comment-list li.comment article.comment-body footer.comment-meta *,
#madara-comments.comments-area ol.comment-list li.pingback article.comment-body footer.comment-meta *{
  display: inline-block;
  margin-bottom: 3px;
}
#madara-comments.comments-area ol.comment-list li.comment article.comment-body footer.comment-meta .comment-author,
#madara-comments.comments-area ol.comment-list li.pingback article.comment-body footer.comment-meta .comment-author{
  margin-right: 10px;
}
#madara-comments.comments-area ol.comment-list li.comment article.comment-body footer.comment-meta .comment-author .avatar,
#madara-comments.comments-area ol.comment-list li.pingback article.comment-body footer.comment-meta .comment-author .avatar{
  float: left;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: absolute;
  margin-left: -120px;
  top: 0;
}
@media only screen and (max-width: 767px) {
  #madara-comments.comments-area ol.comment-list li.comment article.comment-body footer.comment-meta .comment-author .avatar,
#madara-comments.comments-area ol.comment-list li.pingback article.comment-body footer.comment-meta .comment-author .avatar{
    width: 35px;
    height: 35px;
    margin-left: -80px;
  }
}
#madara-comments.comments-area ol.comment-list li.comment article.comment-body footer.comment-meta .comment-author .says,
#madara-comments.comments-area ol.comment-list li.pingback article.comment-body footer.comment-meta .comment-author .says{
  display: none;
}
#madara-comments.comments-area ol.comment-list li.comment article.comment-body footer.comment-meta .comment-author .fn,
#madara-comments.comments-area ol.comment-list li.pingback article.comment-body footer.comment-meta .comment-author .fn{
  color: #3d3d3d;
}
@media only screen and (max-width: 991px) {
  #madara-comments.comments-area ol.comment-list li.comment article.comment-body footer.comment-meta .comment-author,
#madara-comments.comments-area ol.comment-list li.pingback article.comment-body footer.comment-meta .comment-author{
    display: block;
    margin-bottom: 0;
  }
  #madara-comments.comments-area ol.comment-list li.comment article.comment-body footer.comment-meta .comment-author .fn,
#madara-comments.comments-area ol.comment-list li.pingback article.comment-body footer.comment-meta .comment-author .fn{
    margin-bottom: 0;
  }
  #madara-comments.comments-area ol.comment-list li.comment article.comment-body footer.comment-meta .comment-author .fn a,
#madara-comments.comments-area ol.comment-list li.pingback article.comment-body footer.comment-meta .comment-author .fn a{
    margin-bottom: 0;
  }
}
#madara-comments.comments-area ol.comment-list li.comment article.comment-body footer.comment-meta .comment-metadata a time,
#madara-comments.comments-area ol.comment-list li.pingback article.comment-body footer.comment-meta .comment-metadata a time{
  position: relative;
  padding-left: 22px;
  padding-right: 10px;
  font-size: 12px;
  color: #adadad;
}
#madara-comments.comments-area ol.comment-list li.comment article.comment-body footer.comment-meta .comment-metadata a time:before,
#madara-comments.comments-area ol.comment-list li.pingback article.comment-body footer.comment-meta .comment-metadata a time:before{
  content: "\f017";
  font-family: Font Awesome\ 5 Free; font-display: optional;
  font-style: normal;
  font-weight: 900;
  text-decoration: inherit;
  position: absolute;
  left: 0;
  font-size: 14px;
  top: -3px;
}
@media only screen and (max-width: 991px) {
  #madara-comments.comments-area ol.comment-list li.comment article.comment-body footer.comment-meta .comment-metadata *,
#madara-comments.comments-area ol.comment-list li.pingback article.comment-body footer.comment-meta .comment-metadata *{
    margin-bottom: 0;
  }
}
#madara-comments.comments-area ol.comment-list li.comment article.comment-body footer.comment-meta .comment-awaiting-moderation,
#madara-comments.comments-area ol.comment-list li.pingback article.comment-body footer.comment-meta .comment-awaiting-moderation{
  display: none;
}
#madara-comments.comments-area ol.comment-list li.comment article.comment-body div.comment-content,
#madara-comments.comments-area ol.comment-list li.pingback article.comment-body div.comment-content{
  word-wrap: break-word;
}
#madara-comments.comments-area ol.comment-list li.comment article.comment-body div.comment-content p,
#madara-comments.comments-area ol.comment-list li.pingback article.comment-body div.comment-content p{
  margin-bottom: 0;
}
#madara-comments.comments-area ol.comment-list li.comment article.comment-body div.reply,
#madara-comments.comments-area ol.comment-list li.pingback article.comment-body div.reply{
  position: absolute;
  top: 0;
  right: 0px;
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
}
#madara-comments.comments-area ol.comment-list li.comment article.comment-body div.reply a,
#madara-comments.comments-area ol.comment-list li.pingback article.comment-body div.reply a{
  color: #999999;
}
#madara-comments.comments-area ol.comment-list li.comment article.comment-body .block-left,
#madara-comments.comments-area ol.comment-list li.pingback article.comment-body .block-left{
  width: 56px;
  height: 56px;
  float: left;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 30px;
}
@media only screen and (max-width: 767px) {
  #madara-comments.comments-area ol.comment-list li.comment article.comment-body .block-left,
#madara-comments.comments-area ol.comment-list li.pingback article.comment-body .block-left{
    width: 35px;
    height: 35px;
  }
}
#madara-comments.comments-area ol.comment-list li.comment article.comment-body .block-right,
#madara-comments.comments-area ol.comment-list li.pingback article.comment-body .block-right{
  overflow: hidden;
}
#madara-comments.comments-area ol.comment-list li.comment article.comment-body .block-right .comment-author .heading,
#madara-comments.comments-area ol.comment-list li.pingback article.comment-body .block-right .comment-author .heading{
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 600;
}
#madara-comments.comments-area ol.comment-list li.comment article.comment-body .block-right .comment-content,
#madara-comments.comments-area ol.comment-list li.pingback article.comment-body .block-right .comment-content{
  color: #666;
  line-height: 1.9;
  margin-bottom: 12px;
}
#madara-comments.comments-area ol.comment-list li.comment article.comment-body .block-right .comment-metadata,
#madara-comments.comments-area ol.comment-list li.pingback article.comment-body .block-right .comment-metadata{
  font-size: 12px;
  color: #999;
}
#madara-comments.comments-area ol.comment-list li.comment article.comment-body .block-right .comment-metadata a,
#madara-comments.comments-area ol.comment-list li.pingback article.comment-body .block-right .comment-metadata a{
  color: #999;
}
#madara-comments.comments-area ol.comment-list li.comment article.comment-body .block-right .comment-edit-link,
#madara-comments.comments-area ol.comment-list li.pingback article.comment-body .block-right .comment-edit-link{
  font-size: 12px;
}
#madara-comments.comments-area ol.comment-list li.comment ol.children,
#madara-comments.comments-area ol.comment-list li.pingback ol.children{
  list-style: none;
  padding-left: 40px;
}
#madara-comments.comments-area ol.comment-list li.comment ol.children .children .children,
#madara-comments.comments-area ol.comment-list li.pingback ol.children .children .children{
  padding-left: 0;
  margin-left: 0;
}

.text-ui-light #madara-comments.comments-area ol.comment-list li.comment article.comment-body .block-right .comment-content,
.text-ui-light #madara-comments.comments-area ol.comment-list li.pingback article.comment-body .block-right .comment-content{
  color: #fff;
}

@media only screen and (max-width: 767px) {
  #madara-comments.comments-area ol.comment-list li.comment ol.children,
#madara-comments.comments-area ol.comment-list li.pingback ol.children{
    padding-left: 0;
    margin-left: 0;
  }
}
/* #madara-comments.comments-area ol.comment-list > li.comment:last-child article.comment-body,
#madara-comments.comments-area ol.comment-list > li.pingback:last-child article.comment-body {
  margin-bottom: 0;
} */
#madara-comments.comments-area #respond.comment-respond{
  margin-bottom: 30px;
}
#madara-comments.comments-area #respond.comment-respond .comment-form{
  font-size: 0;
  margin: 0 -15px;
}
#madara-comments.comments-area #respond.comment-respond .comment-form .comment-form-comment{
  width: 100%;
}
#madara-comments.comments-area #respond.comment-respond .comment-form .comment-form-comment #comment{
  width: 100%;
  border-radius: 5px;
  padding: 15px 20px 0px;
}
#madara-comments.comments-area #respond.comment-respond .comment-form .comment-form-comment + .form-submit{
  margin-top: 10px;
}
#madara-comments.comments-area #respond.comment-respond .comment-form > *:not(.comment-form-comment):not(.form-submit):not(.comment-notes):not(.logged-in-as){
  width: 33.333333%;
  display: inline-block;
}
@media (max-width: 767px) {
  #madara-comments.comments-area #respond.comment-respond .comment-form > *:not(.comment-form-comment):not(.form-submit):not(.comment-notes):not(.logged-in-as){
    width: 100%;
  }
}
#madara-comments.comments-area #respond.comment-respond .comment-form > *{
  font-size: 14px;
  margin-bottom: 16px;
  border: none;
  padding: 0 15px;
}
#madara-comments.comments-area #respond.comment-respond .comment-form > * input#author,
#madara-comments.comments-area #respond.comment-respond .comment-form > * input#email,
#madara-comments.comments-area #respond.comment-respond .comment-form > * input#url{
  width: 100%;
  border-radius: 5px;
  padding: 14px 20px;
}
#madara-comments.comments-area #respond.comment-respond .comment-form .form-submit{
  float: right;
}
#madara-comments.comments-area #respond.comment-respond .comment-form .form-submit #submit{
  padding: 12px 25px;
  border: none;
  border-radius: 25px;
  font-weight: 600;
  color: #fff;
  background-color: var(--primary-color);
  /*back mau grand*/
  -webkit-transition: background-color 200ms ease;
  -moz-transition: background-color 200ms ease;
  -o-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}
#madara-comments.comments-area #respond.comment-respond .comment-form .form-submit #submit:hover{
  background-color: #0f0f0f;
  cursor: pointer
}
#madara-comments.comments-area .comment:last-child #respond.comment-respond{
  margin-bottom: 0;
}
#madara-comments.comments-area .comment:last-child #respond.comment-respond .comment-form .form-submit{
  margin-bottom: 0;
}
#madara-comments.comments-area #respond.comment-respond:after{
  display: table;
  content: '';
  clear: both;
}

/**
 * :: Content
 * -------------------------------------------------- */
.c-blog-listing .c-blog__inner .c-blog__content .sticky .c-blog_item .c-blog__summary .heading:before{
  content: "";
  display: inline-block;
  width: 34px;
  height: 34px;
  background-image: url("images/post-format-icons/pin.png");
  vertical-align: middle;
  margin-right: 7px;
}
.c-blog-listing .c-blog__inner .c-blog__content .c-blog_item{
  margin-bottom: 23px;
}
.c-blog-listing .c-blog__inner .c-blog__content .c-blog_item .c-blog__thumbnail{
  margin-bottom: 14px;
}
.c-blog-listing .c-blog__inner .c-blog__content .c-blog_item .c-blog__summary .total-count{
  margin-bottom: 12px;
}
.c-blog-listing .c-blog__inner .c-blog__content .c-blog_item .c-blog__summary .total-count span{
  position: relative;
  padding-left: 19px;
}
.c-blog-listing .c-blog__inner .c-blog__content .c-blog_item .c-blog__summary .total-count span + span{
  margin-left: 28px;
}
.c-blog-listing .c-blog__inner .c-blog__content .c-blog_item .c-blog__summary .total-count span:before{
  display: inline-block;
  font-family: "Ionicons";
font-display: optional;
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.c-blog-listing .c-blog__inner .c-blog__content .c-blog_item .c-blog__summary .total-count span.count-view:before{
  content: "\f425";
}
.c-blog-listing .c-blog__inner .c-blog__content .c-blog_item .c-blog__summary .total-count span.count-share{
  padding-left: 17px;
}

.c-blog-listing .c-blog__inner .c-blog__content .c-blog_item .c-blog__summary .total-count span.count-share:before{
  content: "\f3ac";
  font-size: 14px;
}
.c-blog-listing .c-blog__inner .c-blog__content .c-blog_item .c-blog__summary .post-title h4{
  line-height: 1.6;
  font-size: 16px;
}
.c-blog-listing .c-blog__inner .c-blog__content .c-row:last-child .col-md-6 .c-blog_item,
.c-blog-listing .c-blog__inner .c-blog__content .c-row:last-child .col-md-4 .c-blog_item{
  margin-bottom: 0;
}
.c-blog-listing .c-blog__inner .c-blog__content .c-row:last-child .col-md-6 .c-blog_item .post-title:last-child h4,
.c-blog-listing .c-blog__inner .c-blog__content .c-row:last-child .col-md-4 .c-blog_item .post-title:last-child h4{
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .c-blog-listing .c-blog__inner .c-blog__content .c-row:last-child .col-md-6 .c-blog_item,
.c-blog-listing .c-blog__inner .c-blog__content .c-row:last-child .col-md-4 .c-blog_item{
    margin-bottom: 30px;
  }
  .c-blog-listing .c-blog__inner .c-blog__content .c-row:last-child .col-md-6 .c-blog_item .post-title:last-child h4,
.c-blog-listing .c-blog__inner .c-blog__content .c-row:last-child .col-md-4 .c-blog_item .post-title:last-child h4{
    margin-bottom: 10px;
  }
}
@media (max-width: 992px) {
  .c-blog-listing .c-blog__inner .c-blog__content .c-row:last-child .col-md-6:last-child .c-blog_item,
.c-blog-listing .c-blog__inner .c-blog__content .c-row:last-child .col-md-4:last-child .c-blog_item{
    margin-bottom: 0;
  }
  .c-blog-listing .c-blog__inner .c-blog__content .c-row:last-child .col-md-6:last-child .c-blog_item .post-title:last-child h4,
.c-blog-listing .c-blog__inner .c-blog__content .c-row:last-child .col-md-4:last-child .c-blog_item .post-title:last-child h4{
    margin-bottom: 0;
  }
}
.c-blog-listing .c-blog__inner .c-blog__content:after{
  display: table;
  content: "";
  clear: both;
}
.c-blog-listing .c-read-more{
  display: block;
  font-weight: 600;
}
.c-blog-listing .c-read-more a{
  font-size: 12px;
}
/* Paging */
.navigation-ajax .load-ajax{
  margin-top: 43px;
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  border: 1px solid #ebebeb;
  background-color: #f9f9f9;
  width: 100%;
  border-radius: 0;
  font-size: 14px;
  line-height: 2.142857142857143;
  font-weight: 600;
}
.navigation-ajax .load-ajax .load-title{
  display: inline-block;
  vertical-align: baseline;
  -webkit-transition: padding 0.2s ease-out;
  -moz-transition: padding 0.2s ease-out;
  -o-transition: padding 0.2s ease-out;
  transition: padding 0.2s ease-out;
}
.navigation-ajax .load-ajax .load-title ~ div{
  display: inline-block;
  width: 2px;
  height: 2px;
  background-color: #999999;
  display: none;
  vertical-align: baseline;
}
.navigation-ajax .load-ajax .load-title i{
  margin-left: 6px;
}
.navigation-ajax .load-ajax:hover{
  background: var(--primary-color);
  border-color: var(--primary-color);
}
.navigation-ajax .load-ajax:hover .load-title{
  color: #fff;
}
.navigation-ajax .load-ajax.show-loading{
  pointer-events: none;
  border-color: #f9f9f9;
  background-color: #f9f9f9;
}
.navigation-ajax .load-ajax.show-loading i{
  display: none;
}
.navigation-ajax .load-ajax.show-loading .load-title{
  padding-right: 25px;
  color: #999999;
}
.navigation-ajax .load-ajax.show-loading .load-title ~ div{
  display: inline-block;
}
.navigation-ajax .load-ajax.show-loading .load-title ~ div:nth-child(2){
  animation: loadingOpacity 0.5s ease-in-out 0.2s infinite alternate;
  -webkit-animation: loadingOpacity 0.5s ease-in-out 0.2s infinite alternate;
  margin-left: -25px;
}
.navigation-ajax .load-ajax.show-loading .load-title ~ div:nth-child(3){
  animation: loadingOpacity 0.5s ease-in-out 0.35s infinite alternate;
  -webkit-animation: loadingOpacity 0.5s ease-in-out 0.35s infinite alternate;
}
.navigation-ajax .load-ajax.show-loading .load-title ~ div:nth-child(4){
  animation: loadingOpacity 0.5s ease-in-out 0.5s infinite alternate;
  -webkit-animation: loadingOpacity 0.5s ease-in-out 0.5s infinite alternate;
}
/* wp-pagenavi */
.wp-pagenavi{
  float: right;
  margin-top: 41px;
}
.wp-pagenavi a,
.wp-pagenavi span{
  padding: 7px 14px;
  border: none;
  font-weight: 600;
  display: inline-block;
  min-width: 30px;
  text-align: center;
}
.wp-pagenavi a:not(:hover),
.wp-pagenavi span:not(:hover){
  color: #888888;
}
.wp-pagenavi span{
  background-color: #f3f3f3;
}
.wp-pagenavi a{
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink{
  background-color: #f3f3f3;
}
.wp-pagenavi a:hover{
  background-color: var(--primary-color);
  color: #fff;
}
.wp-pagenavi .current{
  color: #333333 !important;
}
@keyframes loadingOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes loadingOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.site-content .main-col .item-tags ul{
  margin: 0;
}
.site-content .main-col .item-tags ul li{
  padding: 0;
}
.site-content .main-col .item-tags ul li a{
  padding: 0;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 15px;
  background-color: #f3f3f3;
  border-radius: 15px;
  display: inline-block;
  margin: 5px 5px 0 0;
  float: left;
  -webkit-transition: background-color 200ms ease;
  -moz-transition: background-color 200ms ease;
  -o-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}
.site-content .main-col .item-tags ul li a:hover{
  color: #fff;
  background-color: var(--primary-color);
}
/**
 * :: Widgets
 * -------------------------------------------------- */
.widget{
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
}
.widget.bottom0{margin-bottom: 0;}
.widget.widget_tag_cloud .tagcloud{
  margin: -5px;
}
.widget.widget_tag_cloud .tagcloud:after{
  display: table;
  content: "";
  clear: both;
}
.widget.widget_tag_cloud .tag-cloud-link{
  font-size: 12px !important;
  font-weight: 600;
  padding: 5px 15px;
  background-color: #f3f3f3;
  border-radius: 15px;
  display: inline-block;
  margin: 5px;
  float: left;
  -webkit-transition: background-color 200ms ease;
  -moz-transition: background-color 200ms ease;
  -o-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}
.widget.widget_tag_cloud .tag-cloud-link:hover{
  color: #fff;
  background-color: var(--primary-color);
}
.widget.widget_search .search-form{
  position: relative;
}
.widget.widget_search input[type="search"]{
  width: 100%;
  height: 38px;
  border: 1px solid rgba(45, 45, 45, 0.3);
  border-radius: 5px;
  padding: 0 45px 0 15px;
  background-color: transparent;
  -webkit-transition: background-color 200ms ease;
  -moz-transition: background-color 200ms ease;
  -o-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  font-weight: normal;
}
.widget.widget_search input[type="search"]:hover,
.widget.widget_search input[type="search"]:active{
  background-color: rgba(235, 235, 235, 0.3);
}
.widget.widget_search input[type=submit]{
  position: absolute;
  top: 5px;
  right: 0;
  font-size: 0;
  background-color: transparent;
  border: none;
  padding: 14px 19px;
  border-left: 1px solid rgba(45, 45, 45, 0.3);
  border-radius: 0;
}
.widget.widget_search label:after{
  content: "\f4a5";
  display: inline-block;
  font-family: "Ionicons";
font-display: optional;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 7px;
  right: 10px;
  font-size: 24px;
}
#block-2.widget.widget_search label:after{content:'';display:none}
.widget:not(.default):not(.background) > .c-widget-wrap{
  border: 3px solid #e1e1e1;
  padding: 20px;
}
.widget.background > .c-widget-wrap{
  border: none;
  padding: 20px;
  background-color: #f3f3f3;
}
.widget.background:after{
  content: "";
  display: block;
  height: 4px;
  background: var(--primary-color);
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, var(--primary-color) 40%, #f45c43);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, var(--primary-color) 40%, #f45c43);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, var(--primary-color) 40%, #f45c43);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, var(--primary-color) 40%, #f45c43);
  /* Standard syntax */
}
.widget.background.widget_tag_cloud .tag-cloud-link{
  background-color: #fff;
  -webkit-transition: background-color 200ms ease;
  -moz-transition: background-color 200ms ease;
  -o-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}
.widget.background.widget_tag_cloud .tag-cloud-link:hover{
  background-color: var(--primary-color);
}
.widget.heading-style-2 .widget-heading{
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 30px;
  background: transparent;
  display: block;
  padding-left: 0;
}
.widget.heading-style-2 .widget-heading:after{
  display: none;
}
.widget.heading-style-2 .widget-heading .heading{
  margin: 10px 0;
  color:#000
}
.text-ui-light .widget.heading-style-2 .widget-heading .heading{
  color:#FFF
}

.widget.c-w-posts .widget-content img{
  width: 100%;
  height: auto;
}
.widget-heading{
  display: inline-block;
  background: var(--primary-color);
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, var(--primary-color) 40%, #f45c43);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, var(--primary-color) 40%, #f45c43);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, var(--primary-color) 40%, #f45c43);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, var(--primary-color) 40%, #f45c43);
  /* Standard syntax */
  color: #fff;
  padding: 0 10px;
  margin-bottom: 26px;
  position: relative;
  font-weight: 600;
  letter-spacing: 1px;
}
.widget-heading:after{
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid var(--primary-color);
  position: absolute;
  top: 100%;
  left: 15px;
}
.widget-heading > *,
.widget-heading a{
  color: #fff;
  margin: 7px 0;
}

.widget-heading{
  font-size: 14px;
}
  
.widget-heading i{
  margin-right: 5px;
}
.widget_archive.heading-style-1 .widget-heading,
.widget_categories.heading-style-1 .widget-heading,
.widget_pages.heading-style-1 .widget-heading,
.widget_meta.heading-style-1 .widget-heading,
.widget_recent_comments.heading-style-1 .widget-heading,
.widget_recent_entries.heading-style-1 .widget-heading,
.widget_rss.heading-style-1 .widget-heading,
.widget_nav_menu.heading-style-1 .widget-heading{
  margin-bottom: 19px;
}

.widget_calendar.heading-style-1 .widget-heading{
  margin-bottom: 11px;
}
.widget_calendar caption{
  text-align: center;
}
/**
 * :: Footer
 * -------------------------------------------------- */
.site-footer{
  border-top: 3px solid #ebebeb;
  padding: 60px 0px 55px 0px;
  text-align: center;
}
@media (max-width: 768px) {
  .site-footer{
    padding: 45px 0px 40px 0px;
  }
}
.site-footer .top-footer .wrap_social_account{
  margin-bottom: 25px;
}
.site-footer .top-footer .wrap_social_account ul.social_account__item{
  margin: 0;
}
.site-footer .top-footer .wrap_social_account ul.social_account__item li{
  margin-right: 10px;
  padding: 0;
}
.site-footer .top-footer .wrap_social_account ul.social_account__item li a{
  display: block;
  width: 30px;
  height: 30px;
  background-color: var(--primary-color);
  text-align: center;
  border-radius: 50%;
  line-height: 32px;
  color: #fff;
  -webkit-transition: background-color 200ms ease-out;
  -moz-transition: background-color 200ms ease-out;
  -o-transition: background-color 200ms ease-out;
  transition: background-color 200ms ease-out;
}
.site-footer .top-footer .wrap_social_account ul.social_account__item li a i{
  font-size: 16px;
}
.site-footer .top-footer .wrap_social_account ul.social_account__item li:last-child{
  margin-right: 0;
}
.site-footer .top-footer .wrap_social_account ul.social_account__item li:hover a{
  background-color: #0f0f0f;
}
.site-footer .bottom-footer .nav-footer{
  margin-bottom: 10px;
}
.site-footer .bottom-footer .nav-footer ul{
  margin: 0;
}
.site-footer .bottom-footer .nav-footer ul li{
  padding: 0px 18px;
  line-height: 14px;
  margin-bottom: 10px;
}
.site-footer .bottom-footer .nav-footer ul li + li{
  border-left: 2px solid #333333;
}
.site-footer .bottom-footer .copyright p{
  font-size: 12px;
  margin-bottom: 0;
}

body.text-ui-light .c-blog__heading.style-2{border-color:#7b7b7b}

.site-header .c-sub-header-nav .entry-header{
    display: none;
    margin-bottom: 15px;
}

.site-header .c-sub-header-nav.sticky .entry-header{
    display: block;
}

.site-header .c-sub-header-nav.hide-sticky-menu.sticky .c-sub-nav_wrap{
    display:none;
}
.site-header .c-sub-header-nav.hide-sticky-menu .entry-header{
    margin-top:15px;
}

/*.entry-header_wrap .item-description{text-align:center}*/

/**
 * fix upgrading BootStrap 4
 **/
.list-inline>li{
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}
.main-navigation .main-menu ul{flex-direction:unset}
.c-breadcrumb .breadcrumb li{display: inline-block}
@media (min-width: 576px){
.modal-dialog{
    width: 600px;
	max-width: 600px;
    margin: 30px auto;
}
}

/* Fix Woo - Madara Bootstrap 4 conflict */

body.modal-open .modal .modal-content .modal-header .close, body.modal-open .modal .modal-content .modal-footer .close{margin:0;padding:0}

.mobile .c-sub-header-nav.no-subnav{display: none}

.post-edit-link{display: inline-block; padding:20px 0}

@media (max-width: 480px) {

	.breadcrumb{padding-top:0;padding-bottom:0}
	
  .site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list{
    max-height: 31px;
    padding-right: 60px;
    overflow: hidden;
  }
  .site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list > li:nth-of-type(n+4){
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s linear;
  }
  .site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list .mobile-icon{
    position: absolute;
    right: 2px;
    display: block;
    top: 2px;
    font-size: 28px;
	line-height: 14px;
  }
  .site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list .mobile-icon:hover{
    cursor: pointer;
  }
  .site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list .mobile-icon:before{
    width: 20px;
  }
  .site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list.active{
    overflow: auto;
    max-height: initial;
  }
  .site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list.active > li:nth-of-type(n+4){
    visibility: visible;
    opacity: 1;
  }
  .site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content .sub-nav_list.active .mobile-icon:before{
    content: "\f2c0";
  }

}
@media (max-width: 992px) {
  .site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content{
    width: 80%;
  }
}
@media (max-width: 768px) {
  .site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content{
    width: 100%;
  }
}

/**
 * Improve Dark Mode
 **/

body.page.text-ui-light .c-page-content .main-col-inner .entry-header .entry-title{border-color:#3e3e3e}

body.text-ui-light .navigation-ajax .load-ajax{background-color:#333; color: #FFF; border-color: transparent}
body.text-ui-light .navigation-ajax .load-ajax:not(:hover){color:#FFF}

/**
 * hide some info in Search Results on mobile
 **/

/**
 * since 1.5.4.5
 **/
.off-canvas.mobile-menu .c-modal_item .c-modal_sign-in, .off-canvas.mobile-menu .c-modal_item .c-modal_sign-up{display: inline-block}

#main-sidebar div[id^=monster-widget-placeholder-]{ width: 100% }

/**
 * WP DISCUZ support
 **/
#wpcomm .wc_comm_form.wc_main_comm_form .wc-field-comment .wc-field-avatararea{margin: 5px}
#wpcomm .wc-field-textarea .wpdiscuz-textarea-wrap{line-height: 0}

#wpcomm .wc-comment-right .wpd-bottom-custom-fields{display: none}

/**
 * support WP Discuz 7.0.3+
 **/
#wpdcom .wc_comm_form.wc_main_comm_form .wc-field-comment .wc-field-avatararea{margin: 5px}
#wpdcom .wc-field-textarea .wpdiscuz-textarea-wrap{line-height: 0}

#wpdcom .wpd-comment-right .wpd-bottom-custom-fields{display: none}

.text-ui-light .wpd-login{color:#666666}

/** style 2 **/

/**
 * Support putting in widget
 **/

.sticky-for-mobile.mobile.sticky__active .c-sub-header-nav .sub-nav_content{display: none}
.sticky-for-mobile.mobile.sticky__active .c-sub-header-nav .sub-nav_content{display: none}

#comment-nav-above{padding: 0 0 20px 0}
.comment-navigation .nav-previous, .comment-navigation .nav-next{display:inline-block; width:49%}
.comment-navigation .nav-next{text-align: right}

@media (max-width:812px){
.c-sub-header-nav.sticky .sub-nav_content, .c-sub-header-nav.sticky .c-modal_item{ display: none }

}

#cancel-comment-reply-link{padding: 0 10px; font-size: 12px}
#comment-nav-below{margin-bottom:40px}

/**
 * limit title lines
 **/

.site-footer .languages{margin:5px 0 0 0}
.site-footer .languages select{width:auto; display: inline; border: 1px solid #999; padding: 3px 10px}

.text-ui-light .form-control::placeholder{color:#b3b3b3}

 /** hide speaker if any in the reading content, this reader is for Novel description */

#password-strength{ margin: 20px 0 0 0;    display: inline-block;    padding: 0px 20px;    border: 1px solid #e65054; border-radius: 5px;    min-width: 100px;    text-align: center; opacity: 0; display: none}
#password-strength.short, #password-strength.bad{background: #ffabaf;    color: #1d2327;    opacity: 1; display: inline-block}
#password-strength.good{background: #f5e6ab;    border-color:#f0c33c; opacity: 1;display: inline-block}
#password-strength.strong{background: #b8e6bf;    border-color:#68de7c;opacity: 1;display: inline-block}
#checkbox-weak-password{padding: 0 0 0 0}
#agree-weak-password{display: inline-block; margin: 0 5px 0 0}

body.single .paging-navigation.reverse .nav-links .nav-next{float:right; text-align: right}
body.single .paging-navigation.reverse .nav-links .nav-next > a{padding-right:15px;padding-left:0}
body.single .paging-navigation.reverse .nav-links .nav-next > a:after{right:0; content:'\f287';left:auto}

body.single .paging-navigation.reverse .nav-links .nav-previous{float:left; text-align: left}
body.single .paging-navigation.reverse .nav-links .nav-previous > a{padding-left:15px;padding-right:0}
body.single .paging-navigation.reverse .nav-links .nav-previous > a:after{left:0; content:'\f27d';right:auto}

.section_adult, .site-header .c-sub-header-nav .c-sub-nav_wrap .section_adult{
	float: left;
    border-radius: 4px;
    line-height: 18px;
    padding: 4px 10px;
    font-size: 12px;
    position: relative;
    text-align: center;
    color: #00f99f;
	margin: 10px 0;
}

.section_adult.off{
    border: 1px solid #afafb2;
    color: #afafb2;
}

.section_adult .dot{
	background: #afafb2;
    width: 4px;
    height: 4px;
    border-radius: 100px;
	margin-right:4px;
	display:inline-block;
	vertical-align:middle;
}

.section_adult.on a:hover{color:#afafb2}
.section_adult.on a:hover .dot{background-color: #afafb2;}

.section_adult.on .dot, .section_adult.off a:hover .dot{
    background-color: #46b5a5;
}

.section_adult.on{
    border: 1px solid #46b5a5;
    color: #46b5a5;
}
.section_adult.on a, .section_adult.off a:hover{color: #46b5a5;}
.mobile-menu .section_adult{display: inline-block; float: none; background-color:#FFF}
.mobile-menu .section_adult.off{background-color:transparent}
.mobile-menu .section_adult.off, .mobile-menu .section_adult.off a{color:#FFF}
.mobile-menu .section_adult.off .dot{background-color:#FFF}
.mobile .c-sub-header-nav .section_adult{display: none}

.center{text-align:center; width: 100%	}

.post-password-form{position:relative; z-index:999;}
#resetform #g-recaptcha{margin-bottom:15px}

.text-ui-light .btn{color:#FFF}

#darklight_toggle{position: fixed; bottom: 50px; left: 30px}

.toggle-switch{
  position: relative;
  width: 50px;
}

.toggle-switch label{
  position: absolute;
  width: 100%;
  height: 24px;
  background-color: var(--dark);
  border-radius: 20px;
  cursor: pointer;
  border:1px solid #c6c6c6
}

.toggle-switch input{
  position: absolute;
  display: none;
}

.toggle-switch .slider{
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  transition: 0.3s;
}

.toggle-switch input:checked ~ .slider{
  background-color: var(--light);
}

.toggle-switch .slider::before{
  content: "";
  position: absolute;
  top: 2px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  box-shadow: inset 8px -0px 0px 0px var(--light);
  background-color: var(--dark);
  transition: 0.3s;
}

.toggle-switch input:checked ~ .slider::before{
  transform: translateX(25px);
  background-color: var(--dark);
  box-shadow: none;
}

.no-results.not-found .search-submit{
  border: none;
  font-weight: 600;
  color: #fff;
  padding: 13px 25px;
  border-radius: 0;
  -webkit-transition: background-color 200ms ease;
  -moz-transition: background-color 200ms ease;
  -o-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  line-height: 1.5;
  background-color: var(--madara-main-color);
}
.no-results.not-found .search-field{padding: 15px}

/**
Header Style 3
**/
.style-3.site-header .main-navigation .main-navigation_wrap{
  padding: 18.5px 40px;
  display: flex;
  justify-content: space-between;
}

.style-3.site-header .main-navigation .main-navigation_wrap .wrap-left, .style-3.site-header .main-navigation .main-navigation_wrap .wrap-right{
  display: flex
;
  column-gap: 24px;
  align-items: center;
}

.style-3.site-header .c-modal_item .c-user_item{
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  cursor: pointer;
  color: var(--light-text-color);
}

.style-3.site-header .c-user_menu{
  position: absolute;
  width: 180px;
  list-style: none;
  right: 0;
  top: 100%;
  border-radius: 3px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  z-index: 1;
  webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  padding:0;
  margin:0;   
  background-color: #FFF;
}

.style-3.site-header .c-user_menu > li{
  width: 100%;
  border-bottom: 1px solid #e1e1e1;
}
.style-3.site-header .c-user_menu > li a{
  display: block;
  text-decoration: none;
  padding: 10px 20px 9px;
  color: #333333;
  font-weight: 600;
}

.style-3.site-header .c-user_menu > li:last-child{
  border-bottom: none;
}

.style-3.site-header .c-modal_item{position: relative}
.style-3.site-header .c-modal_item .c-user_item:hover .c-user_menu{
  opacity: 1;
  visibility: visible;
}

.style-3.site-header .link-adv-search{display: none;}
.style-3.site-header .c-modal_item .c-user_item{color: #FFF}

.style-3.site-header .c-user_avatar-image img{border-radius: 999em;}

@media (min-width: 768px) {
  .style-3.site-header .c-togle__menu{
      display: none;
  }
}

@media (max-width: 767px) {
  .style-3.site-header :not(.off-canvas) .c-modal_item{
      display: none;
  }

  .style-3.site-header .main-navigation .main-navigation_wrap{
    padding: 18.5px 0px;
  }
}

.main-navigation .main-menu li.col2 ul.sub-menu{width:400px}
.main-navigation .main-menu li.col2 ul.sub-menu li{width:50%}

.main-navigation .main-menu li.col3 ul.sub-menu{width:600px}
.main-navigation .main-menu li.col3 ul.sub-menu li{width:33.33%}

.widget.align-left{text-align: left;}

/* Optional Top 10 and AccessPress Social Share integrations used by ParseMeta. */
.tptn_counter{clear:both}
.count-share.hide-networks .apss-single-icon{display:none}
.apss-social-share{margin:30px 0 20px}
@media (max-width:768px){.apss-social-share{margin-top:20px;margin-bottom:20px}}
.apss-social-share.apss-theme-3{margin:30px -1.5px 20px}
.apss-social-share.apss-theme-4{margin:30px -8px 20px}
.apss-social-share.apss-theme-5{margin:30px -5px 20px}
.apss-social-share.apss-theme-6{margin:30px 0 20px}
.c-blog-post .entry-header .entry-meta .total-count span.count-share .apss-total-shares,
.c-blog-listing .c-blog__inner .c-blog__content .c-blog_item .c-blog__summary .total-count span.count-share .apss-total-shares{display:none}
.c-blog-post .entry-header .entry-meta .total-count span.count-share .apss-social-share,
.c-blog-listing .c-blog__inner .c-blog__content .c-blog_item .c-blog__summary .total-count span.count-share .apss-social-share{display:inline-block;font-family:inherit;margin:0}
.c-blog-post .entry-header .entry-meta .total-count span.count-share .apss-social-share .apss-total-share-count,
.c-blog-listing .c-blog__inner .c-blog__content .c-blog_item .c-blog__summary .total-count span.count-share .apss-social-share .apss-total-share-count{margin-top:0}
.c-blog-post .entry-header .entry-meta .total-count span.count-share .apss-social-share .apss-total-share-count .apss-count-number,
.c-blog-listing .c-blog__inner .c-blog__content .c-blog_item .c-blog__summary .total-count span.count-share .apss-social-share .apss-total-share-count .apss-count-number{padding:0;font-size:inherit}
.apss-social-share .apss-share-text{margin-left:0;font-size:18px;opacity:1;margin-top:10px;margin-bottom:10px;font-weight:600;font-family:'Poppins',sans-serif}
.apss-social-share .apss-share-text + .apss-single-icon > a{margin-left:0}
.apss-social-share .apss-icon-block .fa{font-family:Font Awesome\ 5 Brands}

/* Shorts Core advertising placements outside the vertical feed. */
.shorts-banner-ad{
  box-sizing:border-box;
  clear:both;
  margin:24px auto;
  max-width:970px;
  padding:0 15px;
  text-align:center;
  width:100%;
}
.shorts-banner-ad__item{position:relative;display:inline-block;max-width:100%}
.shorts-banner-ad__label{background:rgba(0,0,0,.7);border-radius:3px;color:#fff;font-size:10px;left:6px;line-height:1;padding:4px 6px;position:absolute;top:6px;z-index:2}
.shorts-banner-ad__link{display:block;max-width:100%}
.shorts-banner-ad__image{display:block;height:auto;margin:0 auto;max-height:250px;max-width:100%;object-fit:contain}
.shorts-banner-ad__frame{border:0;display:block;height:250px;max-width:100%;width:970px}
.shorts-banner-ad--footer{margin-bottom:32px;margin-top:0}
.shorts-banner-ad--wall_left,.shorts-banner-ad--wall_right{display:none}
@media (min-width:1600px){
  .shorts-banner-ad--wall_left,.shorts-banner-ad--wall_right{display:block;left:calc(50% - 780px);margin:0;padding:0;position:fixed;top:180px;width:160px;z-index:9}
  .shorts-banner-ad--wall_right{left:auto;right:calc(50% - 780px)}
  .shorts-banner-ad--wall_left .shorts-banner-ad__frame,.shorts-banner-ad--wall_right .shorts-banner-ad__frame{height:600px;width:160px}
  .shorts-banner-ad--wall_left .shorts-banner-ad__image,.shorts-banner-ad--wall_right .shorts-banner-ad__image{max-height:600px}
}